/* DEFAULT */
body.md-default-theme, body, html.md-default-theme, html { background-color:#fff }
body { font-family:'Nunito', sans-serif; font-size:16px; font-stretch:normal; margin:0; background:transparent }
.darkTheme { color:#fff; background-color:#060609 }
img { max-width:100%; outline:none }
p { color:#3b3b3f }
.darkTheme p { color:#cececf }
a { color:#f94374; text-decoration:none; transition:all .3s }
a:hover, a:focus { color:#f94374; opacity:1 }
hr { background-color:#c8cad0 }
md-input-container .md-errors-spacer { min-height:auto }
md-toast { position:fixed }
.md-success-toast-theme .md-toast-content { background:#4caf50 }
.md-error-toast-theme .md-toast-content { background:#f44336 }

.pointer { cursor:pointer }
.underline, .text-underline { text-decoration:underline }
.lineClamp1 { display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden }
.lineClamp2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
.lineClamp3 { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden }

/*COLORS*/
.txt-primary { color:#f94374 }
.btn-primary { background-color:#f94374; border-color:#f94374 }
.txt-light { color:#808b91 }

/* FONT SIZE */
.fs1 { font-size:3rem }
.fs2 { font-size:2.5rem }
.fs3 { font-size:2.25rem }
.fs4 { font-size:1.4rem }
.fs5 { font-size:1.125rem }
.fs6 { font-size:1rem }
.fs7 { font-size:0.875rem }

/* FONT WEIGHT */
.fw-300 { font-weight:300 }
.fw-normal { font-weight:normal }
.fw-600, .semiBold { font-weight:600 }
.fw-bold { font-weight:bold }

/*BUTTON*/
.btn.md-button.md-raised { box-shadow:none !important; text-transform:capitalize; font-weight:normal; background:#f94374; color:#fff; line-height:2.6; padding:0 1.2rem }
.btn.md-button.md-default-theme.md-raised:not([disabled]):hover, .btn.md-button.md-raised:not([disabled]):hover { background-color:#f94374 }
.btnFull { width:100%; margin:0 }

/*PAGE SPACING*/
.spaceY { padding:4rem 0 }
.spaceT { padding-top:4rem }
.spaceB { padding-bottom:4rem }

/*USER IMAGES SIZES*/
.user80 { width:80px; height:80px; min-width:80px; object-fit:cover }
.user40 { width:40px; height:40px; min-width:40px; object-fit:cover }
.icon24 { width:24px }
a.icon24:hover svg, a.icon24:hover svg path { color:#f94374; fill:#f94374 }

/*HEADINGS*/
.sectionHeading { font-size:2.5rem; font-weight:600; margin:1rem 0 }
.specialTitle { font-size:1.25rem; text-transform:uppercase; color:#f94374 }

/*COUNT INFO*/
.countInfoBox { border:1px solid #313540; padding:.8rem 1rem; display:inline-block; min-width:160px; text-align:center; margin:0 1rem }
.countInfoBox .title { font-size:3rem; font-weight:600; color:#fff }

/*ANIMATION*/
.fade-in { animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both }
@-webkit-keyframes fade-in {
  0% { opacity:0 }
  100% { opacity:1 }
}
@keyframes fade-in {
  0% { opacity:0 }
  100% { opacity:1 }
}

/*HERO SECTION*/
.pageTitleBig { font-size:5rem; font-weight:bolder }
.pageTitle { font-size:4rem; font-weight:600 }
.heroSection { padding-top:10rem; color:#fff }
.heroSection h4 { font-size:2rem }
.hurryUp { background-color:#13151b; padding:0.625rem 0.875rem; border-radius:8px; display:inline-block; margin-top:.5rem }
.bgAnimation { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; overflow:hidden }
.bgAnimation .layer2 { position:absolute; bottom:0; left:0; width:100% }
.bgAnimation .layer4 { position:absolute; bottom:0; left:calc(50% - 375px); width:750px }
.ani3 { position:relative; z-index:9 }

/*HEADER*/
header { position:relative; z-index:78 }
header .navbar { backdrop-filter:blur(12px); background:rgba(6, 6, 9, 0.7) }
header.noBG .navbar { backdrop-filter:initial; background:none }
header.bgHeader .navbar { backdrop-filter:blur(12px); background:rgba(6, 6, 9, 1.0)  }
header .nav-link { color:#fff; margin-right:5px; position:relative }
header .nav-link:before { content:''; position:absolute; left:0; bottom:0; width:0; height:2px; border-radius:2px; background-color:#f94374; transition:all .3s }
header .nav-link:hover, header .nav-link:focus, header .nav-link:active { color:#fff }
header .nav-link.active:before { width:100% }
header .nav-link:hover:before { width:100% }

.navbar-toggler-icon { color:#fff }
.navbar-toggler .menuIcon, .navbar-toggler .closeIcon { display:none }
.navbar-toggler.collapsed .menuIcon, .navbar-toggler[aria-expanded="false"] .menuIcon { display:block }
.navbar-toggler[aria-expanded="true"] .closeIcon { display:block }

/*TIMER*/
.timerSection { padding:4rem 0 }
.timerSection .timeBox { border:1px solid #313540; padding:1rem; display:inline-block; min-width:136px; text-align:center; margin:0 1rem }
.timerSection .timeBox .title { font-size:3rem; font-weight:600; color:#fff }
.timerSection .timeBox:nth-child(1) { border-bottom:7px solid; border-bottom-color:#f94374 }
.timerSection .timeBox:nth-child(2) { border-bottom:7px solid; border-bottom-color:#f6C10c }
.timerSection .timeBox:nth-child(3) { border-bottom:7px solid; border-bottom-color:#ec2dc0 }
.timerSection .timeBox:nth-child(4) { border-bottom:7px solid; border-bottom-color:#1Afee9 }

/*SPEAKER*/
.speakerBox { position:relative; height:100%; overflow:hidden; max-width:350px }
.speakerBox:before { content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background:rgba(10,11,15, .5);
background:linear-gradient(180deg, rgba(100,39,64,0) 0, rgba(10,11,15,1) 100%); opacity:.4; transition:all .3s }
.speakerBox:hover:before { background:linear-gradient(180deg, rgba(100,39,64,0) -80%, rgba(10,11,15,1) 100%); opacity:1 }
.speakerBox .boxOverlay, .speakerPageCard .boxOverlay { position:absolute; bottom:0; left:0; width:100%; padding:1rem; overflow:hidden; height:24%; transition:all .5s }
.speakerBox:hover .boxOverlay { height:100%; overflow:auto }
/*.speakerBox .boxOverlay p, .speakerPageCard .boxOverlay p { display:-webkit-box; -webkit-line-clamp:9; -webkit-box-orient:vertical; overflow:hidden }*/

.boxOverlay::-webkit-scrollbar { width:2px }
.boxOverlay::-webkit-scrollbar-track { box-shadow:inset 0 0 10px rgba(255, 255, 255, 0.1) ; background-color:#f1f1f1 }
.boxOverlay::-webkit-scrollbar-thumb { background-color:#aaa; border-radius:15px; border-top:2px solid rgba(255, 255, 255, 0.2) }

/*AGENDA*/
.agendaSection .nav-pills .nav-link { color:#3b3b3f; border-radius:2rem; padding:.6rem 2rem }
.darkTheme .agendaSection .nav-pills .nav-link { color:#fff }
.agendaSection .nav-pills .nav-link.active { background:#f94374; color:#fff }
.darkTheme .agendaSection .nav-pills .nav-link.active { background:#fff; color:#060609 }
.agendaCards { max-width:80%; margin:0 auto }
.agendaCards .agendaCardsRow { position:relative; padding:2rem 3rem; background:#fafafa; border:1px solid #c8cad0; border-radius:6px; margin-top:2rem }
.darkTheme .agendaCards .agendaCardsRow { background:#13151b; border:none }
.agendaCards .agendaCardsContent { padding:2rem 3rem; background:#fafafa; border:1px solid #c8cad0; border-radius:0 0 6px 6px; margin-top:-6px }
.darkTheme .agendaCards .agendaCardsContent { padding:2rem 3rem; background:#1a1d24; border:none; border-radius:0 0 6px 6px; margin-top:-6px }
.agendaCards .arrowUpDown { position:absolute; right:1rem; width:42px; top:3rem; cursor:pointer; transition:all .3s; padding:10px 12px; border-radius:50% }
.agendaCards .arrowUpDown:hover { background:rgba(255, 255, 255, 0.1) }
.agendaCards .arrowUpDown.up { transform:rotate(180deg) }
.sessionCalender { display:inline-block; position:absolute; right:1rem; top:1rem }

/*SPONSORS*/
.partnersLogoBox { background-color:#fff; padding:.4rem; height:100%; display:flex; align-items:center; justify-content:center }
.partnersLogoBox img { max-width:100% }

/*RESOURCES*/
.resourcesCard .card { background-color:#fafafa; height:100% }
.darkTheme .resourcesCard .card { background-color:#13151b }
.resourcesCardImage { height:200px; text-align:center }
.resourcesCardImage img { max-height:100%; object-fit:contain }
.resourcesCard:nth-child(1n) .resourcesCardImage { background-color:rgba(8, 68, 188, 0.3) }
.resourcesCard:nth-child(2n) .resourcesCardImage { background-color:rgba(97, 47, 91, 0.55) }
.resourcesCard:nth-child(3n) .resourcesCardImage { background-color:rgba(7, 165, 151, 0.2) }

/*GET TICKET*/
.getTicketCTA .container {  max-width:80% }

/*FOOTER*/
footer { background-color:#060609 }
footer .nav { border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); padding:1rem 0 }
footer .nav-link { color:#fff; font-weight:600 }
footer .nav-link:hover { color:#f94374 }

/*======================PARTICIPATION PAGE============================*/

.participationCard .card { background-color:transparent; height:100% }
.participationCard .card-body .card-title { position:relative }
.participationCard .card-body .card-title:before { content:''; position:absolute; left:0; bottom:-8px; width:30%; height:3px; border-radius:4px; background-color:#f94374 }
.participationCard .card ul li { line-height:2rem }
.participationCard .card-footer { background:transparent; border-top-color:transparent; padding-bottom:1rem }
.participationCTA { position:relative }
.participationCTA:before { content:''; position:absolute; left:64px; top:35px; background:url(../images/art1.png) no-repeat center top; width:76px; height:100%; }
.participationCTA:after { content:''; position:absolute; right:64px; top:35px; background:url(../images/art1.png) no-repeat center top; width:76px; height:100%; }

/* REQUEST FORM */
.requestForm md-toolbar, .defaultModel md-toolbar { background-color:transparent; color:#001623; border-bottom:1px solid #dffddf }
.requestForm  md-toolbar:not(.md-menu-toolbar) md-icon, .defaultModel  md-toolbar:not(.md-menu-toolbar) md-icon { color:#001623; fill:#001623 }

/*======================SPEAKER PAGE============================*/

.speakerPageCard { background-color:#fafafa; border-color:#c8cad0; height:100%; overflow:hidden }
.speakerPageCard img { height:300px; object-fit:cover }
.speakerPageCard .boxOverlay { bottom:inherit; top:0; transform:translateY(-40px); height:0; background:rgba(0, 0, 0, 0.5); overflow:auto }
.speakerPageCard:hover .boxOverlay { height:71%; transform:translateY(0) }
.speakerPageCard .boxOverlay p { color:#fff }

.becomeASpeakerImg { border:1px dashed #c8cad0; border-radius:4px; padding:1.7rem 1rem; display:inline-block; width:100px; height:100px; text-align:center; margin-top:4rem; margin-bottom:2rem }


/*======================SPONSORS PAGE============================*/

.sponsorsCard { background-color:#fff; border-color:#c8cad0; height:100%; border-top:4px solid #f94374; }
.sponsorsCard .card-img-top { padding:1rem 3rem 0 3rem; height:100px; object-fit:contain }
.sponsorsBecomeCard { background-color:#fafafa; border-color:#c8cad0; padding:2rem  }
.sponsorsBecomeCard .title { color:#f94374 }

/*======================SPONSORS PAGE============================*/

.videoCard { background-color:#fafafa; border-color:#c8cad0; height:100% }
.videoCard .card-img-top { background-color:#fafafa; border-color:#c8cad0; height:100%; border-radius:4px 4px 0 0 }
.videoCard img.card-img-top { height:250px; object-fit:cover }
.videoCard .videoCardImage { position:relative }
.videoCard .videoCardImage:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.35); border-radius:4px 4px 0 0  }
.videoCard .videoCardImage .playIcon { background-color:#f94374; border-radius:50%; width:48px; height:48px; text-align:center; position:absolute; top:calc(50% - 24px); left:calc(50% - 24px); padding:10px; cursor:pointer; z-index:3; transition:all .3s }
.videoCard:hover .videoCardImage .playIcon { transform:scale(1.2) }

/*======================RESOURSES PAGE============================*/

.videoModal { background-color:#000 }
.videoModal video { width:100% }
.blogCard { background-color:#fafafa; border-color:#c8cad0; height:100% }
.blogCard .card-title { color:#000 }
.blogCard .card-img-top { height:250px; object-fit:cover }
.blogCard .card-footer { background:transparent; border-top-color:transparent; padding-bottom:1rem; padding-top:0; color:#000 }

.caseStudyCard { background-color:#fafafa; border-color:#c8cad0; height:100% }
.caseStudyCard .card-img-top { height:250px; object-fit:cover }
.caseStudyCard .card-footer { background:transparent; border-top-color:transparent; padding-bottom:1rem; padding-top:0 }

/*======================ABOUT PAGE============================*/

.counterCTA { background-color:#fff; max-width:100%; padding:2rem; display:flex; align-items:center; justify-content:space-evenly; box-shadow:0 0 30px rgba(0, 0, 0, 0.10); border-radius:6px }
.counterCTA .count { transition:all .3s }
.counterCTA .countBox:nth-child(5) .count:after, .counterCTA .countBox:last-child .count:after { content:'+'; display:inline-block }
.counterCTA .divider { width:1px; background-color:rgba(0, 0, 0, .2); height:100px }

/*======================WHAT WE OFFER============================*/

.whatWeOffer { background-color:#fafafa }

/*======================MASTER CLASS PAGE============================*/

.technicalSkills { background-color:#fafafa }
.technicalSkills .caseStudyCard { background-color:#fff }

.innerPageAgenda .agendaCards .agendaCardsRow { padding:2rem 1rem }
.innerPageAgenda .agendaCards .agendaCardsContent { padding:2rem 1rem }
.innerPageAgenda .nav .nav-item { padding:0.5rem; background:#f94374; color:#fff; border-radius:40px 0 0 40px }
.innerPageAgenda .nav .nav-item .nav-link { color:#fff }
.innerPageAgenda .nav .nav-item .nav-link.active { background:#ffffff; color:#3b3b3f }
.innerPageAgenda .nav .nav-item:last-child { border-radius:0 40px 40px 0 }

/*======================CONTACT US PAGE============================*/

.sendYourRequestBox { box-shadow:0 3px 6px rgba(0, 0, 0, 0.16); padding:2rem; height:100% }
.phoneNumInput { position:relative }
.phoneNumExtentions { position:absolute; left:0; }
md-input-container.ecPhoneField.md-input-focused label, md-input-container.ecPhoneField.md-input-has-value label { left:-79px }

.soicalLinks { display:flex; align-items:center }
.soicalLinks a { padding:6px; background:rgba(255, 0, 138,0.05); border-radius:6px; margin-left:4px; width:36px; height:36px; text-align:center; transition:all .3s }
.soicalLinks a:hover { background:rgba(255, 0, 138,0.2) }
.soicalLinks a svg path { transition:all .3s }

/*======================BUY TICKET PAGE============================*/

.eventTickets { padding:6rem 0 }
.ticketsActions { display:flex; flex-wrap:wrap }
.ticketsActions md-datepicker { margin-top:20px; margin-bottom:20px; background-color:#fff; border-radius:4px; border:1px solid #e6e8e9; height:54px  }
.ticketsActions .md-datepicker-input-container { width:100%; padding:0.875rem 1rem; border-bottom-color:transparent; margin-left:0 }
.ticketsActions .md-datepicker-input-container .md-datepicker-input { width:100%; font-size:16px; line-height:28px }
.ticketsActions .md-datepicker-input-container .md-datepicker-triangle-button { right:-7px; top:14px }

.ticketsActions md-input-container md-select { background-color:#fff; padding:1rem; border-radius:4px; border:1px solid #e6e8e9; height:54px }
.ticketsActions md-select md-select-value, .ticketsActions md-select:not([disabled]):focus .md-select-value { border:none }

.ticketHeader { display:flex; justify-content:space-between; width:100%; padding:0 2rem }
.ticketHeader .w1 { width:40% }
.ticketHeader .w2 { width:120px; text-align:center }

.eventTicketBox { background-color:#f7f7f7; border:1px solid #c8cad0; padding:1rem 2rem; margin-top:1rem }
.eventTicketBox .ticketEventTitle { width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.eventTicketBox .eventTicketRow { display:flex; width:100%; align-items:center; justify-content:space-between }
.eventTicketBox .eventTicketRow .w1 { width:40% }
.eventTicketBox .eventTicketRow .w2 { width:120px; text-align:center }
.eventTicketBox .ticketQuantity { border:1px solid #e6e8e9; background-color:#fff }
.eventTicketBox .ticketQuantity span { padding:1rem .5rem; display:inline-block }

.eventTicketBox .viewMore { font-size:14px; color:#00cafd }
.eventTicketBox .viewMore p { color:#1a2d39 }
.accessCodeFeild { position:relative }
.accessCodeFeild .md-button { position:absolute; right:0; top:0; color:#ff008a }
.accessCodeFeild input { height:48px; padding-right:6rem }
.checkoutBtn { width:300px; height:48px }

/*CHECKOUT*/
.orderReserved { background:#ffe7a9; border:1px solid #ffb800; border-radius:4px; padding:1rem; text-align:center }

.paymentMethod md-radio-button { padding:1rem; border:1px solid transparent; margin-right:1rem; margin-bottom:0 }
.paymentMethod md-radio-button.md-checked { background:#fff; padding:1rem; border-radius:4px; border-color:#e6e8e9 }
.paymentMethod .md-ink-ripple { top:2rem; left:1rem }
.paymentMethod ._md-label img { vertical-align:middle }
.cardNumber { position:relative }
.cardNumber .cardType { position:absolute; right:0; top:0 }
.eventTicketPayment .goBack { text-transform:capitalize; margin-left:0 }
.eventTicketPayment .placeOrderBtn { min-width:300px }
.billingloginUser { background-color:#fff; padding:.6rem; border-radius:4px; border:1px solid #e6e8e9 }
.billingloginUser .signOutBtn { text-transform:capitalize; color:#00cafd }

.orderSuccessTicket { padding:4rem 0 }
.orderSuccessTicket .flex1 { flex:1 auto }
.orderSuccessBox { background-color:#f7f7f7; border:1px solid #c8cad0; padding:2rem; margin-top:1rem }
.icon20 { width:20px; height:20px; min-width:20px; min-height:20px }

/* SCROLL BAR */
body::-webkit-scrollbar { width:10px }
body::-webkit-scrollbar-track { box-shadow:inset 0 0 10px rgba(255, 255, 255, 0.1) ; background-color:#f1f1f1 }
body::-webkit-scrollbar-thumb { background-color:#aaa; border-radius:15px; border-top:2px solid rgba(255, 255, 255, 0.2) }

/*Spinner*/
.loaderOverlay  { width:100%; height:100%; display:inline-block; padding-top:25%; text-align:center; overflow:hidden; position:fixed; left:0; top:0; z-index:111; background:rgba(255,255,255,.9);}
.printingSpotSpinner      { width:100%; height:16px; display:inline-block; margin:10px auto;}
.printingSpotSpinner span { width:16px; height:16px; display:inline-block; border-radius:50%; position:absolute; left:50%; margin-left:-8px; animation:3s infinite linear;}
.printingSpotSpinner span:nth-child(1) { background:#00cafd; animation:printingSpotSpinnerKiri 1.2s infinite linear;}
.printingSpotSpinner span:nth-child(2) { background:#ff008a; z-index:100;}
.printingSpotSpinner span:nth-child(3) { background:#ffc42c; animation:printingSpotSpinnerKanan 1.2s infinite linear;}

@keyframes fadeInDown
{
	0%	{ opacity:0; transform:translateY(-10px);}
	100%{ opacity:1; transform:translateY(0);}
}
@keyframes windowsSpinner
{
	0%	{ left:0%;}
	75%	{ left:100%;}
	100%{ left:100%;}
}
@keyframes rotateSpinner {
	0%	{ transform:rotate(0deg);}
	100%{ transform:rotate(360deg);}
}
@keyframes printingSpotSpinnerKanan
{
	0%	{ transform:translateX(20px);}
	50%	{ transform:translateX(-20px);}
	100%{ transform:translateX(20px); z-index:200;}
}
@keyframes printingSpotSpinnerKiri
{
	0%	{ transform:translateX(-20px); z-index:200;}
	50%	{ transform:translateX(20px);}
	100%{ transform:translateX(-20px);}
}
@keyframes easelnOutSpinner-bouncedelay {
  0%,
  80%,
  100%{ -webkit-transform: scale(0); transform: scale(0);}
  40% { -webkit-transform: scale(1.0); transform: scale(1.0);}
}

@keyframes renGMSpinnerEr {
  0% { border-top-color:rgba(44,44,44,0); border-right-color:rgba(55,55,55,0); border-bottom-color:rgba(66,66,66,0); border-left-color:rgba(33,33,33,0);}
  10.4% { border-top-color:rgba(44,44,44,.5); border-right-color:rgba(55,55,55,0); border-bottom-color:rgba(66,66,66,0); border-left-color:rgba(33,33,33,0);}
  20.8% { border-top-color:rgba(44,44,44,0); border-right-color:rgba(55,55,55,0); border-bottom-color:rgba(66,66,66,0); border-left-color:rgba(33,33,33,0);}
  31.2% { border-top-color:rgba(44,44,44,0); border-right-color:rgba(55,55,55,.5); border-bottom-color:rgba(66,66,66,0); border-left-color:rgba(33,33,33,0);}
  41.6% { border-top-color:rgba(44,44,44,0); border-right-color:rgba(55,55,55,0); border-bottom-color:rgba(66,66,66,0); border-left-color:rgba(33,33,33,0); transform: rotate(40deg); }
  52% { border-top-color:rgba(44,44,44,0); border-right-color:rgba(55,55,55,0); border-bottom-color:rgba(66,66,66,.5); border-left-color:rgba(33,33,33,0);}
  62.4% { border-top-color:rgba(44,44,44,0); border-right-color:rgba(55,55,55,0); border-bottom-color:rgba(66,66,66,0); border-left-color:rgba(33,33,33,0);}
  72.8% { border-top-color:rgba(44,44,44,0); border-right-color:rgba(55,55,55,0); border-bottom-color:rgba(66,66,66,0); border-left-color:rgba(33,33,33,.5);}
}
@keyframes renGMSpinnerPoof {
  0% { transform:scale(1,1) rotate(0deg); opacity:0.2;}
  50% { transform:scale(4,4) rotate(360deg); opacity:0;}
}
@keyframes renGMSpinnerPoofity {
  0% { transform:scale(1,1) rotate(90deg); opacity:0.1;}
  50% { transform:scale(4,4) rotate(-360deg); opacity:0;}
}
@keyframes renGMSpinnerOpaa {
  0% { opacity:1;}
  10% { opacity:0.5;}
  15% { opacity:1;}
  30% { opacity:1;}
  65% { opacity:0.3;}
  90% { opacity:0.8;}
}

/*RESPONSIVE*/
@media screen and (max-width:991px){
  header.noBG .navbar { background:rgba(6, 6, 9, 0.7) }
}

@media screen and (max-width:767px){
    .ticketsActions  md-datepicker, .ticketsActions md-input-container { width:100% }
    .ticketsActions md-datepicker { margin:0 }
}

@media screen and (max-width:579px){
  .pageTitleBig { font-size:4rem }
  .pageTitle { font-size:3rem }
  .sectionHeading { font-size:2rem }
  .fs3 { font-size:2rem }
  .fs4 { font-size:1.125rem }

  /*PAGE SPACING*/
  .spaceY { padding:3rem 0 }
  .spaceT { padding-top:3rem }
  .spaceB { padding-bottom:3rem }

  .participationCTA:before, .participationCTA:after { content:none }
  .innerPageAgenda .nav .nav-item { border-radius:40px 40px 0 0 }
  .innerPageAgenda .nav .nav-item:last-child { border-radius:0 0 40px 40px }

  .timerSection .timeBox { min-width:130px; margin-bottom:1rem }

  .ticketHeader { display:none }
  .eventTicketBox .eventTicketRow { flex-wrap:wrap }
  .eventTicketBox .eventTicketRow .w1 { width:100% }
  .eventTicketBox .eventTicketRow .w2 { width:auto }
  .checkoutBtn { width:calc(100% - 16px); margin-top:2rem }

  .agendaCards .agendaCardsRow { padding:1rem }
  .agendaCards .agendaCardsContent, .darkTheme .agendaCards .agendaCardsContent { padding:1rem }

  .counterCTA { display:inline-block; width:100% }
  .counterCTA .countBox { display:inline-block; width:49% }

  .sponsorsBecomeCard { padding:1rem }

  .speakerBox .boxOverlay, .speakerPageCard .boxOverlay { position:relative; height:100%; overflow:auto }
  .speakerPageCard { background-color:#26241b; color:#fff }
  .speakerPageCard .boxOverlay { background-color:#26241b; transform:translateY(0) }
}