File: /home/imensosw/liftcincy.imenso.co/public/frontend/scss-old/app.css
@charset "UTF-8";
/********************@font-face********************/
/*@include font-include($font-family-secondary, "../fonts/corinthia-regular", 400, normal);*/
/*@include font-face(Roboto, "./assets/Roboto", normal, normal);*/
/********************Text Overflow********************/
/*@include text-overflow(4);*/
/********************Square with radius********************/
/*@include square(100px, $radius: 4px);*/
/*@include radius($radius: 4px);*/
/***************************************/
/*CSS Opacity with fallback for IE8+.*/
/*@include opacity(.4);*/
/***************************************/
/* Mixin to create vertical, horizontal or radial gradient */
/*@include gradient(#07c, #06f, vertical);*/
/***************************************/
/* @include transition(all,2s,ease-out); */
/*@include transition (all, 0.5s, ease)*/
/***************************************/
/*Shadow*/
/*
@include box-shadow(5px, 5px, 5px, 5px, #333)
/***************************************/
/*@include scrollbars(10px, pink, red);*/
/***************************************/
/*
@include breakpoint(desktop){.... }
@include breakpoint(laptop){.... }
@include breakpoint(tablet){.... }
@include breakpoint(phablet){.... }
@include breakpoint(mobileonly){.... }
*/
/***************************************/
@import url("https://fonts.googleapis.com/css2?family=Caveat&display=swap");
@media (max-width: 1300px) {
.ticket_section {
/*.crow{
&.ticket_area {
.ccol-lg-4{-ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; }
.ccol-lg-2{-ms-flex: 0 0 31.25%; flex: 0 0 31.25%; max-width: 31.25%; }
}
}*/ }
/*.small_banner, .inner_nav{
.ccol-lg-4 {-ms-flex: 0 0 75% !important; flex: 0 0 75% !important; max-width: 75% !important;}
}*/ }
@media (max-width: 1100px) {
.is-inview .event_card_label h3, .event_card_label.is-inview h3 {
font-size: 100px !important; }
.event_card_label.label_solo {
margin-top: -80px !important;
margin-bottom: 50px !important; }
.event_card_label {
margin-top: -230px !important; }
.small_banner1 .bannerslider__content .banner_txt h3 {
font-size: 3rem !important; }
.ticket .ticket_cnt {
min-height: 400px; } }
@media (max-width: 992px) {
.ticket_section {
/*.crow{
&.ticket_area {
.ccol-lg-4{-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.ccol-lg-2{-ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; }
}
}*/ }
.heading_1, .ticket h3 {
font-size: 2.5rem !important; }
h1, .subsection__left-cnt h1 {
font-size: 50px !important; }
.help-row {
margin-bottom: 50px !important; }
.swiper.banner {
margin-top: 0 !important;
height: auto !important;
padding: 50px 0 0 !important;
min-height: inherit !important; }
.is-inview .event_card_label.label_solo {
margin: -80px auto 50px; }
.is-inview .event_card_label h3 {
font-size: 80px !important; }
.event_card_label.is-inview h3 {
font-size: 80px !important; }
.volunteer_section, .event_section {
padding-top: 50px !important; } }
@media (max-width: 767px) {
.ticket {
margin-bottom: .5rem; }
.ticket .ticket_cnt {
min-height: 480px; }
.heading_1 {
font-size: 2rem !important; }
.ticket_sm {
width: 130px !important;
height: 95px !important;
line-height: 95px !important;
margin-bottom: 20px; }
.has-scroll-smooth body {
overflow: auto !important; }
.footer.burger {
padding-bottom: 0; }
.footer .socialmedia {
margin-bottom: 0 !important; }
.auth .crow.mx-0.g-0 {
margin-left: -.5rem;
margin-right: -.5rem; }
h1, .subsection__left-cnt h1 {
font-size: 40px !important; }
.help-row {
margin-bottom: 40px !important; }
.help-row .border-top {
border-top: 0 !important; }
.partners_section .navigation_cnt .bannerslider__navigation {
margin-left: 0; }
.bannerslider .bannerslider__content h1 {
font-size: 2.5rem !important; }
.bannerslider .navigation_cnt h3 {
font-size: 1.25rem !important; }
.is-inview .event_card_label.label_solo {
margin: 0 auto 50px !important; }
.has-scroll-smooth [data-scroll-container] {
min-height: inherit !important; }
.is-inview .event_card_label h3, .event_card_label.is-inview h3 {
font-size: 50px !important; }
.event_card_label.is-inview {
margin-top: 0;
margin-bottom: 50px; }
.small_banner1 .bannerslider__content .banner_txt h3 {
font-size: 2.5rem !important; }
.small_banner1 .banner_txt .mt-3 {
margin-top: 1.5rem; }
.profile_list {
margin-bottom: 1.5rem !important; }
.small_banner1.burger {
padding-bottom: 1.5rem; }
.volunteer_section, .event_section {
padding-top: 40px !important; }
.event_section {
padding-bottom: 20px !important;
margin-bottom: 0 !important; }
.tab-links {
display: block !important;
white-space: nowrap;
overflow: auto;
text-align: center; }
.tab-links li {
display: inline-block;
min-width: 25%; }
.sidebar {
position: absolute;
z-index: 1;
left: calc(-80% - 1.5rem);
padding-left: 1.5rem;
top: -85px;
width: 80%;
height: 100vh;
background: #fff;
box-shadow: 0 0 5px 0 #ddd;
padding: 20px 0 20px 20px;
display: block; }
.sidebar:after {
content: '🔎︎';
position: absolute;
right: -40px;
top: 6px;
width: 30px;
height: 30px;
background: #000;
color: #fff;
border-radius: 100%;
text-align: center;
line-height: 30px; }
.sidebar form {
height: 100%;
overflow: auto;
padding-right: 20px;
background: #fff; }
.sidebar:hover {
left: -1.5rem; }
.sidebar_parent {
position: relative;
z-index: 1;
overflow: visible; }
.navbar {
border-bottom: 0; }
.navbar .brand_logo {
padding: 0 !important; }
.navbar {
border-bottom: none !important; }
#top_navigation {
padding: 0 0.5rem !important; }
.ticket_section {
padding-bottom: 50px !important; }
.ticket_area .ticket_dtl {
border-bottom: none !important; }
.strip_bg1 {
background-size: 25%; }
header .navigation .img-svg_ {
display: none; }
header .navigation .logo_mobile {
display: block !important;
width: 94px; } }
@media (max-width: 576px) {
.heading_1 {
font-size: 3rem; }
.ticket_section {
padding-bottom: 4rem; }
.ticket_section .mt-4 {
margin-top: 2rem; }
.ticket_section .ticket h3 {
font-size: 2.5rem; }
.bg_strip2 {
top: -10%;
width: 40%; }
.bg_strip1 {
width: 40%; }
/*.ticket_section{
.crow{
&.ticket_area {
.ccol-lg-4, .ccol-lg-2{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
}
}*/
.ticket {
margin-bottom: 1.5rem; }
.ticket .ticket_cnt {
min-height: 350px !important; }
.text-right.text-sm-left {
text-align: left !important; }
.bg_strip2 {
top: -60px; }
.school_grid {
margin: 0 0 1.5rem !important; }
.sidebar h2 {
font-size: 1.5rem !important; }
.d-flex.d-sm-block {
display: block; }
.page-wrapper {
max-height: inherit !important; }
.auth .crow.mx-0.g-0 {
margin-left: -.5rem;
margin-right: -.5rem; }
.bg_strip21 {
top: 40px !important; }
.grid_section {
text-align: left !important;
padding: 5px 0 7px; }
.grid_section span {
font-size: 14px !important;
display: inline-block; }
.form-control.event_areas {
max-width: inherit !important; }
.help-row {
margin-bottom: 30px !important; }
.ccol {
padding: 0.5rem 0 !important; }
.is-inview .event_card_label h3, .event_card_label.is-inview h3 {
font-size: 30px !important; }
.event_card_label.is-inview {
margin-top: 0;
margin-bottom: 50px; }
.event_card_label {
margin-top: 0px !important; }
.event_card_label.event_card_label_blank {
display: none; }
.event_card {
background-size: cover !important;
background-position: top center !important; }
.small_banner1 .bg_strip3 {
top: 30px; }
.small_banner1:after {
height: 40vh !important; }
.small_banner1 .banner_txt {
margin-bottom: 20px !important; }
.small_banner1 .banner_txt .cbtn.cbtn-bdr-light {
background: #000;
position: relative;
z-index: 1; }
.small_banner1 .bannerslider__content .banner_txt {
margin-bottom: 0 !important;
position: relative;
z-index: 1; }
.small_banner1 .bannerslider__content .banner_txt h3 {
font-size: 2rem !important; }
.small_banner1 .bannerslider__content .banner_txt .mt-3 {
margin-top: 1rem !important; }
.heading_1, .ticket h3 {
font-size: 2rem !important; }
.volunteer_section, .event_section {
padding-top: 30px !important; }
.volunteer_section .border-top, .event_section .border-top {
border-top: none !important;
padding-top: 0; }
.help-row h1 {
font-size: 30px !important; }
.small_banner .bannerslider__content h1 {
font-size: 36px !important;
padding: 1.5rem 0;
margin-top: 0; }
.bg_strip31 {
width: 33% !important;
left: -10px; }
.navbar-toggler {
font-size: 10px !important;
width: 40px !important;
height: 40px !important;
margin-top: 5px; }
.brand_logo img {
width: 94px; }
.bg_strip2 {
width: 40% !important;
top: 0 !important; }
.ticket_area.mt-2 {
margin-top: 0; }
.services_history .heading_3.border-top {
border-top: 0;
padding-top: 0; }
.services_history .services_history_list {
margin-bottom: 20px; }
.services_history .services_history_list .box_circle {
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
font-weight: 700;
font-size: 1rem; }
.services_history .services_history_list.mb-0 {
margin-bottom: 0; }
.strip_bg1 {
background-size: 45% !important; } }
@media (max-width: 400px) {
.small_banner1 .bannerslider__content .banner_txt h3 {
margin-bottom: 10px !important;
font-size: 1.5rem !important; }
.small_banner1 .bannerslider__content .banner_txt p {
margin-bottom: 0 !important; } }
.banner {
background: url("../images/bg_strip.svg") no-repeat #000 0 0;
background-size: 22% auto;
color: #fff;
padding: 60px 0; }
.bannerslider__content h1 {
font-weight: 700;
font-size: 3.75rem;
line-height: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
padding-bottom: 3rem;
margin: 5px 0 0 0; }
.bannerslider .navigation_cnt h3 span {
border: 2px solid #fff; }
.navigation_cnt h3 {
position: relative;
padding-left: 50px;
font-weight: 700;
font-size: 1.5rem;
margin-right: 1.5rem;
margin-top: 10px;
line-height: 140%; }
.navigation_cnt h3 span {
width: 2rem;
height: 2rem;
line-height: 1.8rem;
display: inline-block;
border: 2px solid #000;
border-radius: 100%;
text-align: center;
position: absolute;
left: 0;
top: 6px;
font-size: 1.5rem; }
.navigation_cnt h3 span .img-svg {
width: 20px;
height: auto; }
.navigation_cnt h3 span .img-svg polygon {
fill: #fff; }
.navigation_cnt .bannerslider__navigation {
margin-left: 1.5rem; }
.navigation_cnt .bannerslider__navigation p {
font-size: 1rem;
font-weight: normal;
line-height: 180%;
margin-bottom: 1.5rem; }
.small_banner {
background-image: url("../images/bg_strip4.svg");
background-repeat: no-repeat;
background-position: left top; }
.small_banner h1 {
padding-bottom: 2.5rem; }
.small_banner h1.pb-2 {
padding-bottom: 2rem; }
.small_banner h1.pb-0 {
padding-bottom: 0rem; }
.small_banner .profile_img {
width: 60px;
height: 60px;
border-radius: 100%;
overflow: hidden;
background: rgba(255, 255, 255, 0.2);
position: relative; }
.small_banner .profile_img img {
width: 100%;
min-height: 100%; }
.small_banner .profile_img input[type="file"] {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0; }
.small_banner .bannerslider__content h3 {
font-size: 18px; }
.small_banner .bannerslider__content p {
font-size: 18px;
line-height: 180%;
margin-bottom: .5rem;
margin-top: 5px; }
.small_banner .border-bottom {
border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.bg-img {
background: #000;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
overflow: hidden; }
.bg-img .strip_white {
position: absolute;
left: 0;
top: -15%;
width: 20%;
height: auto;
z-index: 1; }
.bg-img .strip_white img {
width: 100%;
height: auto;
position: relative;
z-index: 0; }
@media (max-width: 1200px) {
.bannerslider__content h1 {
font-size: 3rem !important; } }
@media screen and (min-width: 1100px) and (max-width: 1300px) {
.bannerslider .ccol.ccol-lg-4 {
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%; } }
@media (max-width: 992px) {
.bannerslider {
/*.ccol{
&.ccol-lg-4 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
}*/ } }
@media (max-width: 576px) {
.bannerslider {
/*.ccol{
&.ccol-lg-4{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}*/ }
.bannerslider__content h1 {
border-bottom: none;
padding-bottom: 20px;
font-size: 2.75rem; }
.bannerslider__content .d-flex {
display: block; }
.bannerslider__content .bannerslider__navigation p {
font-size: 1.125rem; }
.small_banner.burger {
padding: 30px 0; }
.small_banner .bannerslider__content .d-flex {
display: flex; }
.inner_nav .tab-links li a {
font-size: 1rem; }
.navigation_cnt .d-flex {
display: block; }
.navigation_cnt h3 {
padding-left: 0; }
.navigation_cnt h3 span {
position: relative;
left: 0;
top: 0;
display: block;
margin-bottom: 1.5rem; }
.navigation_cnt .bannerslider__navigation {
margin-left: 0; } }
.navigation {
padding: 0; }
.navigation .brand_logo a {
padding: 0;
margin-top: 0px; }
.navigation .brand_logo a .img-svg {
width: 54px;
height: auto; }
.navigation .brand_logo a .img-svg path {
fill: #fff; }
.navigation .ccol {
padding-top: 0;
padding-bottom: 0; }
.navigation a {
display: block;
font-size: 1.125rem;
color: #fff;
padding: 15px 0;
font-weight: 700; }
.navigation a:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0%;
height: 4px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.navigation a#home:after {
background: #f13347; }
.navigation a#details:after {
background: #fff; }
.navigation a#getticket:after {
background: #fdd103; }
.navigation a#signin:after {
background: #00a6de; }
.navigation .nav-item, .navigation .authentication_link {
margin-top: 30px; }
.navigation .nav-item a.active:after, .navigation .nav-item a:hover:after, .navigation .authentication_link a.active:after, .navigation .authentication_link a:hover:after {
width: calc(100% - 1px); }
.top_area.fixed-top {
position: fixed;
left: 0;
top: 0;
width: 100%;
background: #fff;
z-index: 2;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.top_area.fixed-top .navbar {
border-bottom: 0; }
.top_area.fixed-top .brand_logo a {
margin-top: 0; }
.top_area.fixed-top a {
color: #000; }
.top_area.fixed-top a .img-svg path {
fill: #000; }
.top_area.fixed-top .nav-item, .top_area.fixed-top .authentication_link {
margin-top: -10px; }
.top_area.fixed-top .nav-item a, .top_area.fixed-top .authentication_link a {
padding: 35px 0 25px; }
.top_area.fixed-top .authentication_link a span {
transform: translateY(-4px); }
.top_area.fixed-top .navbar-toggler {
background: #000;
color: #fff; }
.nav-item.authentication_link {
display: none !important; }
.navbar {
align-items: center;
/*.nav{ display: flex; align-items: bottom ;
ul{display: flex; align-items: bottom ;}
}*/ }
.navbar-toggler {
background: #fff;
border: none;
font-size: 1.125rem;
font-weight: 700;
width: 60px;
height: 60px;
border-radius: 100%;
text-align: center;
line-height: 55%;
cursor: pointer;
display: none;
position: absolute;
right: 1.5rem;
top: 1rem;
z-index: 1; }
.navbar-toggler:hover {
background: rgba(255, 255, 255, 0.7); }
.authentication_link a {
position: relative; }
.authentication_link a span {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-7px);
width: 18px;
height: 18px;
background: #00a6de;
border-radius: 100%;
overflow: hidden; }
.authentication_link a span .profile_img {
width: 100%;
min-height: 100%; }
@media (max-width: 767px) {
.banner {
background-position: -500% -15%;
background-size: 90% auto; }
.authentication_link {
display: none; }
.nav-item.authentication_link {
display: block !important; }
.nav-item.authentication_link a span {
transform: translateY(-10px);
right: 1rem; }
.navbar-toggler {
display: block; }
.navigation .brand_logo a {
padding: 1rem 1rem 1rem 0;
margin-top: 0;
display: inline-block !important; }
.navigation .crow {
display: block; }
.navigation .crow .crow {
margin: 0; }
.navigation .navbar .nav-item {
margin-top: 0; }
.navigation .navbar .nav-item a {
padding: 1.5rem 1rem; }
.navigation .ccol.ccol-lg-6 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.navigation #top_navigation {
position: absolute;
left: 0;
right: 0;
top: 80px;
z-index: 2;
height: 0;
background: #000;
overflow: hidden; }
.navigation #top_navigation.open {
height: auto;
min-height: 100px; } }
.footer {
font-weight: normal;
font-size: 1.125rem; }
.footer .brand_logo .img-svg {
width: 80px;
height: auto; }
.footer .brand_logo .img-svg path {
fill: #fff; }
.footer ul {
/*margin-bottom: 50px;*/ }
.footer ul li {
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding: 0.5rem 0;
font-weight: 300; }
.footer ul li a {
display: block; }
.footer ul li:last-child {
border-bottom: 0; }
.footer a {
color: #fff; }
.footer a:hover {
opacity: .7; }
.footer .mb-1 {
margin-bottom: 1rem; }
.footer .socialmedia {
margin-bottom: 2rem; }
.footer .socialmedia li {
display: inline-block;
border-top: 0 !important; }
.footer .socialmedia li a {
padding: 0 1.25rem 0 0; }
.footer .socialmedia li a .img-svg {
height: 1.75rem;
width: auto; }
.footer .socialmedia li a .img-svg path {
fill: #fff; }
@media (max-width: 576px) {
.footer ul {
margin-bottom: 1.25rem; }
.footer .brand_logo .img-svg {
margin-bottom: 1.25rem; } }
@media (max-width: 992px) {
.footer ul {
margin-bottom: 0; } }
@media (max-width: 576px) {
.footer ul {
margin-bottom: 20px !important; } }
/*font-family: 'Caveat', cursive;*/
body, html {
scroll-behavior: smooth;
margin: 0;
padding: 0;
font-family: 'HelveticaNeue', sans-serif !important;
font-weight: 300;
line-height: 130%; }
body {
font-size: 1rem;
overflow-x: hidden;
box-sizing: border-box; }
a, a:hover, a:focus {
text-decoration: none !important;
outline: none;
box-shadow: none; }
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
margin: 0;
line-height: 130%; }
ul, ol {
margin: 0;
padding: 0;
list-style: none; }
.burger {
padding: 50px 0; }
.burger_b {
padding-bottom: 50px; }
.burger_t {
padding-top: 50px; }
.bg-primary {
background: #f13347 !important; }
.bg-secondary {
background: #00a6de !important; }
.bg-info {
background: #00a6de !important; }
.bg-warning {
background: #fdd103 !important; }
.bg-light {
background: #fff !important; }
.bg-black {
background: #000; }
.bg-none {
background: transparent !important; }
.text-white {
color: #fff; }
.text-black {
color: #000; }
.text-gray {
color: rgba(0, 0, 0, 0.5); }
.line_height18 {
line-height: 180%; }
/*.img-svg{}
.img-svg path{}*/
.gotop {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 3;
color: #fff;
background: #f13347;
border: 2px solid #fff;
width: 40px;
height: 40px;
border-radius: 100%;
text-align: center;
line-height: 36px;
opacity: .6;
display: none; }
.gotop:hover {
color: #fff;
opacity: 1; }
.gotop i {
font-size: 14px; }
.section {
position: relative; }
/* width */
/*::-webkit-scrollbar {width: 3px; }*/
/* Track */
/*::-webkit-scrollbar-track {background: $black; }*/
/* Handle */
/*::-webkit-scrollbar-thumb {background: rba($black, .7); }*/
/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover {background: #555; }*/
.d-flex {
display: flex; }
.flex-justify-center {
justify-content: center; }
.flex-justify-between {
justify-content: space-between; }
.flex-justify-around {
justify-content: space-around; }
.flex-justifysprad {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-item-align-center {
align-items: center; }
.flex-item-align-end {
align-items: flex-end; }
.small, small {
font-size: 80%; }
.big {
font-size: 120%; }
.text-muted {
color: rgba(0, 0, 0, 0.5); }
.box_circle {
border-radius: 100%; }
.border-top-2 {
border-top: 2px solid black; }
.border-top {
border-top: 1px solid rgba(0, 0, 0, 0.2); }
.border-top.border-white {
border-color: rgba(255, 255, 255, 0.2); }
.border-bottom {
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.border-bottom.border-white {
border-color: rgba(255, 255, 255, 0.2); }
.border-0 {
border: 0 !important; }
.border-bottom-0 {
border-bottom: 0 !important; }
.mx-0 {
margin-left: 0;
margin-right: 0; }
.mx-auto {
margin-left: auto;
margin-right: auto; }
.ml-auto {
margin-left: auto; }
.mr-auto {
margin-right: auto; }
.mb-auto {
margin-bottom: auto; }
.mx-2 {
margin-left: 20px;
margin-right: 20px; }
.mb-1 {
margin-bottom: 1rem; }
.mb-2 {
margin-bottom: 2rem; }
.mb-3 {
margin-bottom: 2.5rem; }
.mb-4 {
margin-bottom: 4rem; }
.mt-0 {
margin-top: 0; }
.mt-1 {
margin-top: 1rem; }
.mt-2 {
margin-top: 2rem; }
.mt-3 {
margin-top: 2.5rem; }
.mt-4 {
margin-top: 4rem; }
.ml-1 {
margin-left: 1rem; }
.ml-2 {
margin-left: 2rem; }
.ml-3 {
margin-left: 2.5rem; }
.ml-4 {
margin-left: 4rem; }
.mr-1 {
margin-right: 1rem; }
.mr-2 {
margin-right: 2rem; }
.mr-3 {
margin-right: 2.5rem; }
.mr-4 {
margin-right: 4rem; }
.p-0 {
padding: 0 !important; }
.py-0 {
padding-top: 0;
padding-bottom: 0; }
.px-0 {
padding-left: 0;
padding-right: 0; }
.py-1 {
padding-top: 10px;
padding-bottom: 10px; }
.pt-0 {
padding-top: 0; }
.pt-1 {
padding-top: 1rem; }
.pt-2 {
padding-top: 2rem; }
.pt-3 {
padding-top: 3rem; }
.pt-4 {
padding-top: 4rem; }
.pb-0 {
padding-bottom: 0; }
.pb-1 {
padding-bottom: 1rem; }
.pb-2 {
padding-bottom: 2rem; }
.pb-3 {
padding-bottom: 3rem; }
.pb-4 {
padding-bottom: 4rem; }
.pl-0 {
padding-left: 0 !important; }
.w-100 {
width: 100%; }
.text-left {
text-align: left !important; }
.text-center {
text-align: center !important; }
.text-right {
text-align: right !important; }
.p-relative {
position: relative; }
.v_hidden {
overflow: hidden; }
hr {
border-color: rgba(0, 0, 0, 0.2); }
.iframe_video {
position: relative;
width: 100%;
max-width: 775px; }
.iframe_video:after {
content: '';
display: block;
padding-bottom: 57%; }
.iframe_video iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.badge {
padding: 6px 8px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 100%; }
.badge.badge-sm {
padding: 5px 8px; }
.badge.badge-warning {
background: #fdd103;
color: #000; }
.badge.badge-light {
background: #fff;
color: #000; }
.badge.badge-black {
background: #000;
color: #fff; }
.bg_strip1, .bg_strip2, .bg_strip3, .bg_strip6, .bg_strip21 {
content: '';
position: absolute;
z-index: 0; }
.bg_strip1 .img-svg, .bg_strip2 .img-svg, .bg_strip3 .img-svg, .bg_strip6 .img-svg, .bg_strip21 .img-svg {
width: 100%;
height: auto; }
.bg_strip3 {
left: 0;
top: -20%;
max-width: 300px;
width: 30%; }
.bg_strip2 {
right: 0;
top: -100px;
max-width: 200px;
width: 30%; }
.bg_strip6 {
right: 0;
top: -100px;
max-width: 500px;
width: 40%; }
.bg_strip1 {
left: 0;
bottom: -5px;
max-width: 200px;
width: 30%; }
.bg_strip1 .img-svg path {
fill: #00a6de;
stroke: transparent;
stroke-width: 8; }
h2.border-top {
padding-top: 5px; }
.heading_1 {
font-size: 4rem;
line-height: 110%; }
.heading_2 {
/* font-size: $h1-font-size; line-height: 110%;*/ }
.heading_3 {
font-size: 1.125rem;
line-height: 110%; }
.ticket_section {
overflow: hidden;
padding-bottom: 100px; }
.ticket {
position: relative;
overflow: hidden;
/*.ticket_cnt{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; padding: 3.75rem 2.125rem; display: flex; flex-direction: column; align-content: space-between!important;}*/ }
.ticket .img-svg {
width: 100%;
height: auto; }
.ticket .ticket_cnt {
width: 100%;
height: 100%;
padding: 3.75rem 2.125rem;
display: flex;
flex-direction: column;
align-content: space-between !important;
background: #fff;
min-height: 450px; }
.ticket .ticket_cnt:after, .ticket .ticket_cnt:before {
content: '';
position: absolute;
width: 40px;
height: 40px;
border-radius: 100%;
display: inline-block;
left: 50%;
margin-left: -20px;
background: #000; }
.ticket .ticket_cnt:after {
top: -20px; }
.ticket .ticket_cnt:before {
bottom: -20px; }
.ticket.active .ticket_cnt {
background: #fdd103; }
.ticket.active .img-svg path {
fill: #fdd103; }
.ticket h3 {
font-size: 3.25rem; }
.ticket p {
line-height: 180%;
font-size: 1.125rem; }
.ticket_dtl h4 {
margin-bottom: .5rem; }
.ticket_dtl p {
font-size: 14px;
margin: 0; }
.ticket_sm {
width: 160px;
height: 125px;
font-size: 1.5rem;
line-height: 120px;
background: #fdd103;
color: #000;
text-align: center;
position: relative;
font-weight: 700; }
.ticket_sm:after, .ticket_sm:before {
content: '';
position: absolute;
width: 16px;
height: 16px;
border-radius: 100%;
display: inline-block;
top: 50%;
margin-top: -8px;
background: #fff; }
.ticket_sm:after {
left: -8px; }
.ticket_sm:before {
right: -8px; }
.ticket_sm.not_completed {
opacity: .5; }
.steps {
margin-right: 1rem;
width: 40px;
height: 40px;
text-align: center;
background: #000;
color: #fff;
font-size: 1.5rem;
font-weight: 700;
display: inline-block;
border-radius: 100%;
vertical-align: middle;
padding-top: 11px; }
.progress-bar {
width: 100%;
height: 8px;
border-radius: 8px;
background: #fff;
overflow: hidden;
position: relative; }
.progress-bar .progress {
background: #00a6de;
position: absolute;
left: 0;
top: 0;
height: 100%; }
.strip_bg1 {
background: url("../images/bg_strip5.svg") no-repeat right bottom;
background-size: 15%; }
.grid_section {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 7px 0 5px;
text-align: right; }
.grid_section span {
font-weight: 700;
font-size: .75rem;
overflow: hidden;
vertical-align: middle; }
.grid_section a {
padding-left: 10px;
vertical-align: middle;
display: inline-block; }
.grid_section a .img-svg {
width: 18px;
height: auto; }
.grid_section a .img-svg path {
fill: #000; }
.grid_section a.active .img-svg path {
fill: #00a6de; }
.school_grid {
margin-bottom: 1.5rem;
margin: 0.5rem; }
.school_grid .school_grid_img {
width: 100%;
position: relative;
margin-bottom: 1rem;
display: block;
background: #000; }
.school_grid .school_grid_img:after {
content: '';
padding-bottom: 60%;
display: block; }
.school_grid .school_grid_img img {
position: absolute;
left: 0%;
top: 50%;
transform: translateY(-50%);
width: 100%;
min-height: 100%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.school_grid .school_grid_img:hover img {
opacity: .85; }
.school_grid h3 {
font-size: 1.125rem;
font-weight: 700;
margin: .5rem 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.school_grid h3:hover {
opacity: .5; }
.school_grid .img {
margin-right: 10px; }
.school_grid .text-muted:hover {
color: rgba(0, 0, 0, 0.7); }
.readmore {
color: #fff;
display: inline-block;
font-weight: 700; }
.readmore .img-svg path {
fill: white; }
.services_history_list li {
padding: 10px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.services_history_list li:last-child {
border-bottom: none; }
.services_history_list .box_circle {
width: 4.5rem;
height: 4.5rem;
line-height: 4.5rem;
text-align: center;
font-weight: 700;
font-size: 1.5rem; }
.services_history_list .box_circle.bg-info {
color: #fff; }
.services_history_list .mt-1 {
margin-top: .5rem !important; }
.services_history_list .txt_cnt {
line-height: 150%; }
.services_history_list a {
display: block; }
.inner_nav {
margin-top: -2px; }
.navigation_cnt.cnt_white h3 {
color: #fff; }
.navigation_cnt.cnt_white h3 span {
border-color: #fff; }
/* pgull tweaks */
@keyframes wipe {
to {
opacity: 1;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } }
h1 {
letter-spacing: -0.05em;
font-size: 70px !important; }
p {
font-size: 18px !important;
line-height: 1.75em !important; }
header.top-nav {
position: fixed;
z-index: 999;
width: 100vw;
transition: none;
top: 0; }
.navigation .brand_logo .img-svg_ {
width: 100%;
margin-top: 19px; }
.navigation .navbar ul {
padding: 0 30px; }
.page-wrapper {
margin-top: 82px; }
.navbar {
border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.swiper.banner {
height: calc(100vh - 312px);
min-height: 512px;
z-index: -1; }
.swiper.banner .swiper-wrapper .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
min-height: max-content; }
html, body {
background-color: #000; }
section {
background-color: #fff; }
.event_card_label {
margin-top: -256px;
margin-bottom: 128px; }
.event_card_label.label_solo {
margin-top: -128px;
margin-bottom: 128px; }
.event_card_label h3 {
font-size: 124px !important;
letter-spacing: -0.07em;
line-height: .8em;
margin-bottom: 16px; }
.event_card_cnt {
background-color: transparent !important; }
.event_section::after {
display: none; }
section {
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
animation: wipe 1s cubic-bezier(0.5, 0.5, 0, 1) forwards;
padding-top: 64px;
padding-bottom: 64px;
margin-bottom: -16px; }
section:nth-of-type(1) {
animation-delay: .1s; }
section:nth-of-type(2) {
animation-delay: .2s; }
section:nth-of-type(3) {
animation-delay: .3s; }
.event_section {
background-color: transparent; }
.border-top {
border-top: 1px solid #000; }
@media (max-width: 576px) {
.page-wrapper {
max-height: 100vh; }
.swiper.banner {
min-height: 700px; }
.bannerslider__content h1 {
font-size: 52px !important; } }
.ticket_xs {
position: relative;
background: #fdd103;
font-size: 10px;
font-weight: bold;
padding: 3px 3px 2px;
text-align: center;
display: inline-block; }
.ticket_xs:after, .ticket_xs:before {
content: '';
position: absolute;
width: 6px;
height: 6px;
border-radius: 100%;
display: inline-block;
left: 50%;
margin-left: -3px;
background: #fff; }
.ticket_xs:before {
bottom: -3px; }
.ticket_xs:after {
top: -3px; }
.age {
display: inline-block;
background: #f13347;
color: #fff;
width: 26px;
text-align: center;
height: 26px;
line-height: 26px;
font-weight: bold;
font-size: 11px;
overflow: hidden;
vertical-align: middle; }
.small_banner1 {
position: relative; }
.small_banner1:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
height: 65vh;
background: #000;
z-index: -1; }
.small_banner1 .bannerslider__content {
position: relative;
z-index: 1; }
.small_banner1 .bannerslider__content:after {
content: '';
display: block;
position: relative;
padding-bottom: 66.66%; }
.small_banner1 .bannerslider__content:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+99&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 99%, black 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 99%, black 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 99%, black 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
/* IE6-9 */ }
.small_banner1 .bannerslider__content img {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
transform: translate(-50%, -50%);
min-height: 100%;
object-fit: cover;
z-index: -1; }
.small_banner1 .bg_strip3 {
max-width: 30vh;
top: 10%;
left: -5%; }
.small_banner1 .bg_strip2 {
max-width: 47vh;
top: 10%; }
.small_banner1 .bannerslider__content .banner_txt {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 1; }
.small_banner1 .bannerslider__content .banner_txt h3 {
font-size: 4rem;
line-height: 100%;
margin-bottom: 20px; }
.small_banner1 .bannerslider__content .banner_txt p {
font-size: 14px; }
.small_banner1 .banner_txt {
width: 75%;
margin-left: 12.5%;
margin-bottom: 50px; }
.cbtn-bdr-light.back-btn:after {
display: none !important; }
.cbtn-bdr-light.back-btn:before {
content: '';
height: 16px;
width: 16px;
display: inline-block;
background-position: center;
background-repeat: no-repeat;
background-image: url("../images/back_w_icon.svg"); }
.gobottom {
width: 32px;
height: 32px;
border-radius: 100%;
border: 2px solid #fff;
display: inline-block;
vertical-align: middle;
text-align: center; }
.gobottom .img-svg {
width: 18px;
height: auto;
transform: rotate(-90deg); }
p.mb-0 {
margin-bottom: 0; }
.check_dark, .check_info, .check_primary, .check_warning {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 5px;
border-radius: 100%; }
.check_dark {
background: rgba(0, 0, 0, 0.5); }
.check_info {
background: #00a6de; }
.check_primary {
background: #f13347; }
.check_warning {
background: #fdd103; }
.profile_img {
width: 48px;
height: 48px;
text-align: center;
display: inline-block;
vertical-align: middle;
border-radius: 100%;
overflow: hidden; }
.profile_img img {
width: 100%;
min-height: 100%; }
.profile_list {
margin-bottom: 3rem; }
.list li {
margin-bottom: 10px; }
.ticket_area .ticket_dtl {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding-bottom: 20px;
margin-bottom: 10px; }
.ticket_area .ticket_dtl h4 {
font-size: 80%; }
.ticket_area .ticket_dtl h3 {
margin-bottom: 10px; }
.ticket_area .ticket_dtl p.small {
font-size: 13px !important;
line-height: 150% !important; }
.px-15 {
padding-left: 1.5rem;
padding-right: 1.5rem; }
.text-strong {
font-weight: bold; }
.text-underline {
text-decoration: underline; }
.heading_1 {
font-size: 3.5rem;
line-height: 110%; }
.text-primary {
color: #f13347 !important; }
.mr-05 {
margin-right: .5rem; }
.ticket_lg {
background: #fdd103 !important; }
.ticket_lg .ticket_cnt {
background: none; }
.ticket_lg:after, .ticket_lg:before {
content: '';
position: absolute;
width: 40px;
height: 40px;
border-radius: 100%;
display: inline-block;
left: 50%;
margin-left: -20px;
background: #fff; }
.ticket_lg:after {
top: -20px; }
.ticket_lg:before {
bottom: -20px; }
.school_grid .school_grid_img {
overflow: hidden; }
.school_grid .badge {
font-size: 75%;
font-weight: 400; }
.school_grid .badge.small {
padding: 4px 6px; }
.school_grid .heading_2 {
font-weight: 700;
color: #000;
font-size: 1.5rem;
line-height: 100%;
margin-bottom: 10px;
margin-top: 5px;
display: block; }
.small_banner {
position: relative; }
.small_banner .bg_strip3 {
max-width: 160px;
top: 10%; }
.bg_strip21 {
max-width: 40vh;
right: 0;
top: -80px;
max-width: 180px;
width: 30%;
z-index: 1; }
.bg_strip31 {
position: absolute;
left: 0;
top: 0%;
max-width: 160px;
width: 30%; }
.bg_strip31 .img-svg {
width: 100%;
height: auto; }
.bannerslider__content {
position: relative;
z-index: 1; }
.ccol-lg-4:last-child .school_grid {
margin-bottom: 0 !important; }
/*Grid*/
*, ::after, ::before {
box-sizing: border-box; }
.ccontainer {
padding: 0 1rem;
width: 100%;
margin-right: auto;
margin-left: auto; }
.crow {
margin-left: -0.5rem;
margin-right: -0.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.crow.g-0 > .ccol {
padding-left: 0;
padding-right: 0; }
.crow.mx-0 {
margin-left: 0;
margin-right: 0; }
.ccol {
padding: 0.5rem;
max-width: 100%;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
position: relative; }
.ccol.cbtn-block {
display: block; }
.ccol.pb-0 {
padding-bottom: 0; }
.ccol.p-0 {
padding: 0; }
.ccol .py-0 {
padding-top: 0;
padding-bottom: 0; }
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.ccol.ccol-sm-1, .ccol.ccol-sm-2, .ccol.ccol-sm-3, .ccol.ccol-sm-4, .ccol.ccol-sm-5, .ccol.ccol-sm-6, .ccol.ccol-sm-7, .ccol.ccol-sm-8, .ccol.ccol-md-1, .ccol.ccol-md-2, .ccol.ccol-md-3, .ccol.ccol-md-4, .ccol.ccol-md-5, .ccol.ccol-md-6, .ccol.ccol-md-7, .ccol.ccol-md-8, .ccol.ccol-lg-1, .ccol.ccol-lg-2, .ccol.ccol-lg-3, .ccol.ccol-lg-4, .ccol.ccol-lg-5, .ccol.ccol-lg-6, .ccol.ccol-lg-7, .ccol.ccol-lg-8, .ccol.ccol-xl-1, .ccol.ccol-xl-2, .ccol.ccol-xl-3, .ccol.ccol-xl-4, .ccol.ccol-xl-5, .ccol.ccol-xl-6, .ccol.ccol-xl-7, .ccol.ccol-xl-8 {
width: 100%; }
.ccol.ccol-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%; }
.ccol.ccol-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.ccol.ccol-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%; }
.ccol.ccol-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.ccol.ccol-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%; }
.ccol.ccol-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.ccol.ccol-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%; }
@media (min-width: 576px) {
.ccol.ccol-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%; }
.ccol.ccol-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.ccol.ccol-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%; }
.ccol.ccol-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.ccol.ccol-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%; }
.ccol.ccol-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.ccol.ccol-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%; } }
@media (min-width: 768px) {
.ccol.ccol-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%; }
.ccol.ccol-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.ccol.ccol-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%; }
.ccol.ccol-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.ccol.ccol-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%; }
.ccol.ccol-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.ccol.ccol-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%; } }
@media (min-width: 992px) {
.ccol.ccol-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%; }
.ccol.ccol-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.ccol.ccol-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%; }
.ccol.ccol-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.ccol.ccol-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%; }
.ccol.ccol-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.ccol.ccol-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%; } }
@media (min-width: 1200px) {
.ccol.ccol-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%; }
.ccol.ccol-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.ccol.ccol-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%; }
.ccol.ccol-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.ccol.ccol-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%; }
.ccol.ccol-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.ccol.ccol-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%; } }
@media (min-width: 576px) {
.ccontainer {
max-width: 688px; } }
@media (min-width: 768px) {
.ccontainer {
max-width: 765px; } }
@media (min-width: 992px) {
.ccontainer {
max-width: 970px; } }
@media (min-width: 1200px) {
.ccontainer {
max-width: 1040px; } }
@media (min-width: 1440px) {
.ccontainer {
max-width: 1392px; } }
@media (max-width: 576px) {
.ccontainer {
padding: 0 1.5rem; }
.ccontainer .crow {
margin-left: 0;
margin-right: 0; }
.crow.g-0 > .ccol {
/*padding-left: $g_extraSmall; padding-right: $g_extraSmall;*/ }
.crow .ccol.ccol-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%; }
.crow .ccol.ccol-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.crow .ccol.ccol-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%; }
.crow .ccol.ccol-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.crow .ccol.ccol-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%; }
.crow .ccol.ccol-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.crow .ccol.ccol-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%; }
.ccol.ccol-sm-1, .ccol.ccol-sm-2, .ccol.ccol-sm-3, .ccol.ccol-sm-4, .ccol.ccol-sm-5, .ccol.ccol-sm-6, .ccol.ccol-sm-7, .ccol.ccol-md-1, .ccol.ccol-md-2, .ccol.ccol-md-3, .ccol.ccol-md-4, .ccol.ccol-md-5, .ccol.ccol-md-6, .ccol.ccol-md-7, .ccol.ccol-lg-1, .ccol.ccol-lg-2, .ccol.ccol-lg-3, .ccol.ccol-lg-4, .ccol.ccol-lg-5, .ccol.ccol-lg-6, .ccol.ccol-lg-7, .ccol.ccol-xl-1, .ccol.ccol-xl-2, .ccol.ccol-xl-3, .ccol.ccol-xl-4, .ccol.ccol-xl-5, .ccol.ccol-xl-6, .ccol.ccol-xl-7 {
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important; } }
/*Grid*/
.accordion {
margin: 0 auto; }
.accordion h2 {
font-size: 1.5rem;
font-weight: 700;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
border-top: 1px solid rgba(0, 0, 0, 0.2); }
.accordion h2:hover {
cursor: pointer; }
.accordion h2.open .number:after {
content: '-';
line-height: 26px; }
.accordion .accordion-content {
display: none;
padding: 10px;
margin-left: 2.5rem;
color: rgba(0, 0, 0, 0.7); }
.accordion .number {
width: 2rem;
height: 2rem;
text-align: center;
background: #000;
display: inline-block;
border-radius: 100%;
margin-right: 1rem;
position: relative; }
.accordion .number:after {
content: '+';
position: absolute;
font-size: 1.5rem;
color: #fff;
width: 100%;
text-align: center;
line-height: 27px;
left: 0;
top: 0;
display: inline-block; }
.accordion span {
vertical-align: middle; }
.tab-links {
display: flex;
justify-content: center; }
.tab-links li {
-ms-flex: 1 !important;
flex: 1 !important;
padding-right: 1rem; }
.tab-links li a {
padding: 5px 0;
display: block;
position: relative;
border-top: 1px solid #fff;
color: #fff;
font-size: 1.125rem;
font-weight: 700; }
.tab-links li a:after {
content: '';
position: absolute;
left: 0;
top: -1px;
width: 0%;
height: 4px;
background: #00a6de;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.tab-links li a.active, .tab-links li a:hover {
color: #00a6de; }
.tab-links li a.active:after, .tab-links li a:hover:after {
width: 100%; }
.tab-links li:last-child {
padding-right: 0; }
.cbtn {
padding: 9px 20px 9px 15px;
border-radius: 24px;
font-size: 14px;
font-weight: 700;
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height: 110%; }
.cbtn.cbtn-block {
display: block; }
.cbtn.cbtn-primary {
background: #f13347;
color: #000;
border: 4px solid #f13347; }
.cbtn.cbtn-primary .img-svg polygon {
fill: #000; }
.cbtn.cbtn-primary:hover {
background: #d82739;
border: 4px solid #d82739; }
.cbtn.cbtn-secondary {
background: #00a6de;
color: #000;
border: 4px solid #00a6de; }
.cbtn.cbtn-secondary:hover {
background: #3792cf;
border: 4px solid #3792cf; }
.cbtn.cbtn-warning {
background: #fdd103;
color: #fff;
border: 4px solid #fdd103; }
.cbtn.cbtn-warning:hover {
background: #d3af05;
border: 4px solid #d3af05; }
.cbtn.cbtn-light {
background: #fff;
color: #000;
border: 4px solid #fff; }
.cbtn.cbtn-dark {
background: #000;
color: #fff;
border: 4px solid #000; }
.cbtn.cbtn-bdr-primary {
color: #f13347;
border: 2px solid #f13347; }
.cbtn.cbtn-bdr-primary .img-svg polygon {
fill: #f13347; }
.cbtn.cbtn-bdr-secondary {
color: #00a6de;
border: 2px solid #00a6de; }
.cbtn.cbtn-bdr-warning {
color: #fdd103;
border: 2px solid #fdd103; }
.cbtn.cbtn-bdr-light {
color: #fff;
border: 4px solid #fff; }
.cbtn.cbtn-bdr-light .img-svg polygon {
fill: #fff; }
.cbtn.cbtn-bdr-dark {
color: #000;
border: 2px solid #000; }
.cbtn.cbtn-text-primary {
color: #f13347;
padding: 5px 0px !important; }
.cbtn.cbtn-text-primary .img-svg polygon {
fill: #f13347; }
.cbtn.cbtn-text-secondary {
color: #00a6de;
padding: 5px 0px !important; }
.cbtn.cbtn-text-secondary .img-svg polygon {
fill: #00a6de; }
.cbtn.cbtn-text-danger {
color: #f13347; }
.cbtn.cbtn-text-danger .img-svg polygon {
fill: #f13347; }
.cbtn.cbtn-text-warning {
color: #fdd103;
padding: 5px 0px !important; }
.cbtn.cbtn-text-light {
color: #fff;
padding: 5px 0px !important; }
.cbtn.cbtn-text-dark {
color: #000;
padding: 5px 0px !important; }
.cbtn.px-0 {
padding-left: 0;
padding-right: 0; }
.cbtn span {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.cbtn span .img-svg {
width: .75rem;
height: auto; }
.cbtn:hover span {
margin-left: .5rem; }
.cbtn:hover span.back {
margin-left: 0px;
margin-right: 1rem; }
.cbtn span.back {
margin-right: .5rem; }
.form_fld {
position: relative;
margin-bottom: 1.25rem;
border-radius: 0; }
.fld-control:focus, button:focus, .btn:focus, input, select {
box-shadow: none !important;
outline: none !important; }
.fld-control, .form-group input, .form-group textarea, select {
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 0.5rem;
width: 100%; }
label {
display: block;
font-size: .75rem;
margin-bottom: .5rem;
font-weight: 700; }
/* Customize the label (the container) */
.checkbox_container {
display: block;
position: relative;
padding-left: 2rem;
margin-bottom: .75rem;
cursor: pointer;
font-size: .75rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Hide the browser's default radio button */
/* Create a custom radio button */
/* On mouse-over, add a grey background color */ }
.checkbox_container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
/* When the radio button is checked, add a blue background */
/* Show the indicator (dot/circle) when checked */ }
.checkbox_container input:checked ~ .checkmark {
background-color: #000; }
.checkbox_container input:checked ~ .checkmark:after {
display: block; }
.checkbox_container .checkmark {
position: absolute;
top: 9px;
left: 0;
height: 16px;
width: 16px;
background-color: #000;
border-radius: 50%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
/* Create the indicator (the dot/circle - hidden when not checked) */
/* Style the indicator (dot/circle) */ }
.checkbox_container .checkmark:after {
content: "";
position: absolute;
display: none; }
.checkbox_container .checkmark:after {
top: 4px;
left: 3px;
width: 10px;
height: 7px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg); }
.checkbox_container:hover input ~ .checkmark {
background-color: #ccc; }
.checkbox_container .img {
width: 32px;
height: 32px;
vertical-align: middle;
margin-right: 0.5rem; }
.table {
min-width: 100%; }
.table tr th, .table tr td {
padding: 1rem;
border-top: 1px solid rgba(0, 0, 0, 0.2);
text-align: left; }
.table tr th {
font-weight: 700;
font-size: 1.125rem;
color: #000; }
.table tr td .cbtn {
font-size: 1.125rem; }
.sidebar h2 {
font-weight: 700;
font-size: 2rem;
margin-bottom: 1rem; }
.modal_trigger {
cursor: pointer; }
.modal {
position: fixed;
left: 0;
width: 100%;
z-index: 1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
top: -100%; }
.modal .modal-content {
position: relative;
z-index: 1;
padding: 3rem 0;
background: #fff;
color: #000; }
.modal .modal-body hr {
border-color: black;
margin-bottom: .75rem; }
.modal:after {
content: '';
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
z-index: 0; }
.modal.open {
top: 0;
opacity: 1;
z-index: 1; }
@media (max-width: 767px) {
.modal-body a.mr-2 {
margin-right: 1rem; } }
.event_section {
position: relative;
background: url("../images/bg_strip3.svg") no-repeat right bottom #000;
background-size: 18% auto;
color: #fff;
margin-top: -5px; }
.event_section .ccontainer {
position: relative;
z-index: 1; }
.event_section .border-top {
border-top: 1px solid rgba(255, 255, 255, 0.5); }
.event_section:after {
content: '';
position: absolute;
left: 0;
bottom: -2px;
height: 100px;
width: 100%;
background: #fff;
display: inline-block;
z-index: 0; }
.event_card {
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.event_card:after {
content: '';
display: block;
padding-bottom: 50%; }
.event_card:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
right: 0;
top: 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); }
.event_card.event_card_1:after {
padding-bottom: 43%; }
.event_card.event_card_2:after {
padding-bottom: 95%; }
.event_card.event_card_4:after {
padding-bottom: 105%; }
.event_card .event_card_cnt {
position: absolute;
left: 0px;
bottom: 0px;
padding: 20px;
z-index: 1; }
.event_card .event_card_cnt .date {
font-size: 14px; }
.event_card .event_card_cnt h3 {
margin: 10px 0;
font-size: 2rem; }
.event_card .event_card_cnt .cbtn {
border: 2px solid #fff; }
.event_card:hover .event_card_cnt {
bottom: 10px; }
.volunteer_section .table {
min-width: 100%; }
.volunteer_section .table tr th, .volunteer_section .table tr td {
padding-left: 0;
padding-right: 0; }
.map_area {
height: 100%;
position: relative; }
.map_area iframe {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%; }
.sponsors_section .burger, .partners_section .burger {
padding: 80px 0; }
@media (max-width: 1300px) {
.volunteer_section .navigation_cnt .ccol.ccol-lg-4 {
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%; }
.event_card .event_card_cnt {
padding: 10px; }
.event_card .event_card_cnt h3 {
margin: 5px 0 10px;
font-size: 1.5rem; }
.event_card:after {
padding-bottom: 60%; }
.event_card.event_card_1:after {
padding-bottom: 50%; }
.event_card.event_card_2:after {
padding-bottom: 113%; } }
@media (max-width: 1200px) {
.event_card .event_card_cnt h3 {
margin: 5px 0 10px;
font-size: 1.25rem; }
.event_card:after {
padding-bottom: 66%; }
.event_card.event_card_1:after {
padding-bottom: 55%; }
.event_card.event_card_2:after {
padding-bottom: 123%; } }
@media (max-width: 992px) {
.event_section .ccol.ccol-lg-2 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%; }
.event_card .event_card_cnt {
padding: 20px; }
.event_card:after {
padding-bottom: 80%; }
.event_card.event_card_1:after {
padding-bottom: 56%; }
.event_card.event_card_2:after {
padding-bottom: 125%; }
.volunteer_section {
/*.ccol{
&.ccol-lg-6 {-ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%;}
}*/ }
.volunteer_section .navigation_cnt .ccol.ccol-lg-4 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; } }
@media (max-width: 576px) {
.event_section .ml-2 {
margin-left: 0; }
.event_section .mr-2 {
margin-right: 0; }
.event_section {
margin-bottom: 2rem;
background-size: 250px auto; }
.event_section .mb-1 {
margin-bottom: 0; }
.event_section h2.mb-1 {
margin-bottom: .75rem; }
.event_section .ccol-lg-2 .event_card:last-child {
margin-bottom: 0; }
.event_section .ccol-lg-4 .event_card.ml-2:last-child, .event_section .ccol-lg-4 .event_card.mr-2:last-child {
margin-bottom: 0; }
.event_section .event_card {
margin-bottom: 1rem; }
.event_section .event_card.mb-2 {
margin-bottom: 1rem; }
/*.map_area{
&:after{content: ''; display: block; padding-bottom: 100%;}
iframe{}
}*/
.volunteer_section .ccol-lg-8, .volunteer_section .ccol-lg-4 {
padding-left: 0;
padding-right: 0; } }
.auth .heading_2 {
font-size: 1.75rem; }
/*# sourceMappingURL=app.css.map */