html, body{ height: 100%; min-height: 100%; }
body { font-family: "Montserrat-Regular"; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0; font-weight: normal; }
a, a:hover, a:focus { text-decoration: none; color: #ed1b42; }
a, a:focus { outline: none!important; }

.btn { background-color: transparent; }
.container-fluid { padding: 0 7%; }
.row { margin: 0; }
.btn { padding: 0!important; }

/* Include Fonts */
@font-face { font-family: "Montserrat-Light";src: url('../font/Montserrat/Montserrat-Light.otf'); }
@font-face { font-family: "Montserrat-Regular"; src: url('../font/Montserrat/Montserrat-Regular.otf'); }
@font-face { font-family: "Montserrat-Bold"; src: url('../font/Montserrat/Montserrat-Bold.otf'); }
@font-face { font-family: "Montserrat-ExtraBold"; src: url('../font/Montserrat/Montserrat-ExtraBold.otf'); }
@font-face { font-family: 'fontello';src: url('../font/fontello.eot?18726123');src: url('../font/fontello.eot?18726123#iefix') format('embedded-opentype'),url('../font/fontello.woff?18726123') format('woff'),url('../font/fontello.ttf?18726123') format('truetype'),url('../font/fontello.svg?18726123#fontello') format('svg'); font-style: normal; }

/* CSS Fontello Config */
.icon-cup:before { content: '\e800'; } /* '' */
.icon-play-button-icon:before { content: '\e801'; } /* '' */
.icon-phone-icon:before { content: '\e802'; } /* '' */
.icon-map-and-location-pin:before { content: '\e803'; } /* '' */
.icon-lightbulb-icon:before { content: '\e804'; } /* '' */
.icon-coffee-icon:before { content: '\e805'; } /* '' */
.icon-close-circular-button:before { content: '\e806'; } /* '' */
.icon-arrow-down:before { content: '\e807'; } /* '' */
.icon-menu-circular-button:before { content: '\e808'; } /* '' */
.icon-close-circular-button-1:before { content: '\e809'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-facebook:before { content: '\f300'; } /* '' */
.icon-youtube:before { content: '\f315'; } /* '' */   
.icon { font-family: "fontello";font-style: normal;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center; font-variant: normal;text-transform: none;line-height: 1em;margin-left: .2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }

/*** SPECIAL CLASSES ***/
.section { position: relative;float: left; width: 100%; }
.section-centered { display: flex;align-items: center;justify-content: center;height: 100vh; }
.section-left { display: flex; align-items: center; justify-content: flex-start; height: 100vh; }
.section-left-home { position: absolute; top: 0; left: 6%; bottom: 0; height: 300px; margin: auto; }
.section-center { position: absolute;top: 0;left: 6%;bottom: 0;height: 300px;margin: auto; }
.section-full { position: relative;width: 100%;height: 100vh;float: left; }
.section-normal { position: relative; float: left; width: 100% }
.section-title { max-width: 900px;text-transform: uppercase;line-height: 1;font-family: "Montserrat-ExtraBold";font-size: 7em;position: relative;z-index: 99;color: #270d40; }
.section-title-outline { position: absolute;top: 0;left: 4px;color: rgba(25, 25, 23, 0.37);z-index: 9; display: none; }
.partners , .about-section, .program-section, .gmaps, .home-section { z-index: 9; }

.no-padding { padding: 0; }
.text-uppercase { text-transform: uppercase; }
.text-center { text-align: center!important; }
.text-left { text-align: left!important; }
.text-right { text-align: right!important; }
.pink { color: #ea2047; }

.btn-outline-magenta { font-family: "Montserrat-Bold";font-size: 15px;text-transform: uppercase;color: #E90046!important;border: 2px solid;border-radius: 30px;padding: 12px;float: left;width: 100%;-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out; }
.btn-outline-magenta:hover { background-color: #E90046; color: #fff!important; border: 2px solid #E90046; }

.qtn-padding { padding: 160px 80px; }

/*** HEADER ***/
.site-header { position: absolute;width: 100%;left: 0;right: 0;z-index: 99;padding: 2% 5%; }

/*** MAIN NAVIGATION  ***/
.navigation-panel { position: fixed;top: 40%;right: 6%;z-index: 999;color: #fff;backface-visibility: hidden; }
.navigation-panel ul { margin: 0;padding: 0;list-style: none; }
.navigation-panel ul li { margin-bottom: 12px; }
.navigation-panel ul li a { color: #f2c82e; }
.navigation-panel ul li a span { position: absolute; left: -65px; visibility: hidden; }
.navigation-panel ul li a.active { color: #ffc72a; }
.navigation-panel ul li a.active span { visibility: visible; }
.nav li.active span { visibility: visible; }
.navicon { float: right; color: #f2c82e; font-size: 40px; margin-right: 15px; cursor: pointer; transition: 0.3s; -webkit-transition: 0.3s; }
.navicon:hover { color: #ed1b42; }
.menu-social-box { color: #fff; text-transform: uppercase; }
.nav>li>a:focus, .nav>li>a:hover { background: transparent!important; }

.social-heading { font-size: 10px; margin-bottom: 10px; }
.menu-social-box ul { display: -webkit-inline-box; display: inline-flex; margin-top: 20px; }
.menu-social-box ul li .icon { color: #fff; }

.bounce { -webkit-animation-name: bounce;-moz-animation-name: bounce;-o-animation-name: bounce;animation-name: bounce; }
.animated{ -webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;animation-fill-mode:both; -webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s; }

/* Scroll button bounce animation */
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	 40% {-webkit-transform: translateY(-0px);} 60% {-webkit-transform: translateY(-15px);} }
@-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-0px);} 60% {-moz-transform: translateY(-15px);} }
@-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-0px);} 60% {-o-transform: translateY(-15px);} }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-0px);} 60% {transform: translateY(-15px);} }

.scroll-btn { position: absolute; bottom: 5%;right: 7%; margin-right: 10px; text-transform: uppercase; color: #280d40; }
.scroll-btn a { color: #280d40; }
.scroll-btn p {float: left; font-size: 12px; padding: 0 15px; }
.scroll-btn .icon { font-size: 25px; float: right;transition: 0.3s; -webkit-transition: 0.3s; }
.scroll-btn .icon:hover {  color: #ed1b42; }

/*** MAIN SECTIONS ***/

/* Home Section*/
.home-section { background: url('../img/section-home.jpg'); background-position: 100%; background-size: cover;background-color: #f3c82e; }
.home-section-content { margin: 150px 6% 0; }
.home-section .section-title { max-width: 1100px; }
.home-image-box { width: 50%; right: 3%; position: absolute; top: 8%; }
.home-image-box img { width: 80%; }
.play-video { float: left; text-transform: uppercase; margin: 30px 0 0; color: #270d40; border: 3px solid; padding: 12px 20px; border-radius: 25px; cursor: pointer; transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; }
.play-video:hover { color: #ed1941; }
.play-video .icon { float: left; font-size: 45px; }
.play-video p { float: left; margin: 14px 10px 0; }

/*** Partners Section ***/
.partners { text-align: center; background-color: #300f40; }
.partners-item img { width: 100%; }
.partner-role { margin-top: 30px; }
.partner-role p { text-transform: uppercase; color: #fff; }

/*** Submission Section ***/
.submission-section { background: url('../img/submission.png'); background-color: #f2c82e; background-size: cover; }
.submission-section h1 { margin-top: -15px; }
.submission-info { padding: 0 40px; }
.submission-info h2 { color: #fff; text-transform: uppercase; font-family: "Montserrat-Bold"; font-size: 20px; margin: 0 0 30px; }
.submission-info p { color: #fff; font-size: 18px; max-width: 600px; margin: 0 0 20px; }
.submit-btn { background: #fff;text-transform: uppercase;color: #000;padding: 15px 130px!important;margin: 20px 0 0;float: left;border-radius: 25px;padding: 15px;font-family: "Montserrat-Bold";font-size: 15px;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;cursor: pointer; }
.submit-btn:hover { background-color: #300f40; color: #ed1a41; }

/*** Program  Section ***/
.program-section { background: url('../img/section-program.jpg');background-size: cover; }
.program-icon { font-size: 40px; margin-top: -10px; color: #270d40; float: left; }
.program-icon .icon { margin: 0; padding-right: 60px; }
.program-section h1 { color: #f2c82e; }


/*** FOOTER ***/
.site-footer { background-color: #f2c82e;padding: 50px 0;float: left;width: 100%; }
.copyright { text-transform: uppercase; margin-left: 12px; }
.copyright p { font-size: 10px;margin: 0; }
.footer-social { text-align: center; }
.footer-column { padding: 0; }
.footer-column h4 { text-transform: uppercase; color: #000; }
.site-author h4 { text-align: right; text-transform: uppercase; font-size: 10px; color: #221f1f; }

.col-left { padding-right: 6px; }
.col-left h1 { max-width: 400px; float: right; }
.col-right { padding-left: 6px; }

.info-box { background-color: #ed1b42; position: absolute; z-index: 99;top: -10%;padding: 60px;color: #fff; }
.info-box p { margin-bottom: 25px; font-size: 16px; }
.info-box-logo { margin: 0 0 30px; }

.secondary-heading { text-transform: uppercase; font-family: "Montserrat-Bold"; font-size: 40px; color: #f2c82e; }

.purple-card { background: #270d40; padding: 120px 60px; margin-top: -140px; z-index: 99; }

.organizers-card { padding-bottom: 60px; }
.organizers-card h2 { margin: -50px 0 15px; padding: 0 0 25px; }
.organizers-card p { font-size: 18px; color: #ed1b42; margin-bottom: 10px; }
.organizers-card p span { font-family: "Montserrat-Bold"; text-transform: uppercase;color: #f2c82e; }

.trainer-card { background-color: #f2c82e; margin: -5% 8% 0; padding: 65px 80px; z-index: 999; }
.mobile-trainer-box { background-color: #ffc330; }
.trainer-card .secondary-heading { color: #270d40; margin-bottom: 30px; }
.trainer-card p { font-size: 18px; color: #ed1b42; margin-bottom: 10px; }
.trainer-card p span { font-family: "Montserrat-Bold"; text-transform: uppercase; color: #270d40; }


.after-party { padding: 120px 0; margin: 20px 0 0; font-size: 16px;background-color: #f2c82e; }
.party-info { color: #2f0241; margin: 30px 0 0 70px; }
.party-info h5 { font-family: "Montserrat-Bold"; font-size: 18px; text-transform: uppercase; -webkit-transition: 0.3s; transition: 0.3s;}
.party-info h5 a:hover { color: #270d40; }

.no-border { border: none!important; }

.schedule .secondary-heading { max-width: 300px; color: #ea2047; font-family: "Montserrat-Bold";font-size: 40px;line-height: 1.1;margin: 0;padding: 50px 0; }
.schedule-row { padding: 55px 0; border-bottom: 1px solid #ea2047; color: #270d40; }
.schedule-row p { margin: 0; }
.schedule-row h2 { font-family: "Montserrat-Bold"; font-size: 18px; margin: 0; }
.event-col { padding: 0; }
.event-col p { font-size: 18px; }

.align-bottom { display: flex;align-items: flex-end;justify-content: flex-start; height: 100%; }

.about-section { background: url('../img/section-about.jpg'); background-position: 50% 0; background-size: cover; }
.contact-header .icon { font-size: 30px;  margin: 10px 0; }
.contact-box { padding: 20px 40px 80px; background-color: #270d40; color: #E90046; position: absolute; bottom: 0; left: 0; }
.contact-box h4 { text-transform: uppercase; font-size: 15px; font-family: "Montserrat-Bold"; }
.contact-box p { font-size: 15px; }

#map { width: 100%; height: 600px; }

.questions { background-color: #270d40; }

.social-icons { display: -webkit-inline-box; display: inline-flex; list-style: none; margin: 20px 0 0; padding: 0; }
.social-icons li { padding: 0 8px; }
.social-icons  li .icon{ color: #221f1f; font-size: 25px; }

.mobile-section { width: 100%!important; float: left; position: relative;padding: 30% 0;text-align: center;)}
.mobile-about .contact-box { position: relative;  padding: 0;}
.mobile-about .contact-box-item  { text-align: center; padding: 80px; }
.mobile-about .info-box { margin-top: 60px; }
.mobile-purple-card .organizers-card { padding: 40px!important; }
.mobile-section .submission-info { margin: 60px 0;  }
.mobile-section .submit-btn { float: none; }


.mobile-site, #btn-mobile, #contact-mb { display: none; }
#section-title-wrapper { margin-top: -12%; }
.mobile-site { display: none; }

/**** MEDIA SCREENS ****/
@media screen and (max-width: 1700px) { .section-title { font-size: 5.5em; } }
@media screen and (max-width: 1588px) { .btn-outline-magenta { font-size: 14px; } }
@media screen and (max-width: 1526px) { .btn-outline-magenta { font-size: 13px; } }
@media screen and (max-width: 1470px) { .qtn-padding { padding: 160px 50px; } }
@media screen and (max-width: 1400px) { .section-title { font-size: 5em; } }
@media screen and (max-width: 1380px) {  .btn-outline-magenta { font-size: 14px; } }
@media screen and (max-width: 1300px) {  .btn-outline-magenta { font-size: 12px; } }
@media screen and (max-width: 1290px) { .home-section .section-title { margin: 10% 0; max-width: 600px; }.section-title { font-size: 4em; }.home-section { background-position: 100%; }
#section-title-wrapper { margin-top: -15%; }.col-left .section-title { max-width: 250px; } .qtn-padding { padding: 160px 40px; } .navigation-panel { top: 35%; } .home-image-box img { width: 75%; } }
@media screen and (max-width: 1180px) { .home-image-box img { width: 100%; } }
@media screen and (max-width: 1100px) { 
	.container-fluid { padding: 0; }
	.row { margin: 0; }
	.info-box { padding: 60px 7%; }
	.section-left, .schedule { padding: 0 7%; }
	.after-party { padding: 120px 7%; }
	.purple-card { padding: 120px 7%; }
	.trainer-card { padding: 65px 7%; }
	.site-footer { padding: 50px 7%; }
	.event-col { padding: 0 35px 0 0!important; }
	#section-title-wrapper { margin-top: 0!important; }
	#btn-desktop { display: none; }
	#btn-mobile { display: block;margin-top: 40px; }
	.btn-outline-magenta { float: none; width: initial; }
	.info-box { width: 100%; }
	#contact-abs { display: none; }
	#contact-mb { display: block; position: relative; }
	.contact-box-item { padding: 40px 80px; }
	.contact-box-item h4 { font-size: 14px; }
	.navigation-panel { display: none; }
	.purple-card, .trainer-card { margin: 0; width: 100%; }
	.organizers-card h2 { margin: 30px 0 0; }
	.play-video { border: none; padding: 0; margin: 0; }
	.info-box { position: relative; max-width: 100%;}
	#submission { left: 0; }
	#submission .section-center { left: 0; }
	#submission .section-title { margin-bottom: 30px; }
	.submission-section h1 { text-align: center;max-width: 100%; }
	.submission-info { text-align: center; }
	.submission-info p { margin: 0 auto; }
	.submit-box { width: 100%; text-align: center; }
	.submit-box h4 { width: 100%; }
	.submission-item { width: 100%; }
	.site-footer .footer-logo img { width: 60%; }
}

@media screen and (max-width: 990px) {  .home-section { background-position: 80%; } }
@media screen and (max-width: 775px) { #row-full { width: 100%; } .desktop-scale { display: none;} }
@media screen and (max-width: 600px) {
	.desktop-section { display: none; } 
	.site-header { position: fixed; }
	.mobile-site { display: block; }
	.logo img { width: 45%; }
	.section-left-home { left: 0; width: 100%; text-align: center; }
	.home-section { overflow: hidden;}
	.home-section .section-title { margin: 40% 0 5%; }
	.home-image-box { right: 0; width: 100%; }
	.home-image-box img { width: 45%; margin: 0 auto; display: block; }
	.mobile-site .info-box { position: relative;}
	.mobile-site .logo img { width: 50%; }
	.about-section { background-position: 50%; }
	.program-section { background: url('../img/program-mobile.png');background-position: 100%; background-size: cover;}
	.mobile-footer { text-align: center!important;}
	.site-author h4 { text-align: center;}
	.footer-column { margin-bottom: 40px;}
	.mobile-section #map { height: 400px; display: block!important;}
	.mobile-section .contact-box { position: relative; }
	.mobile-section .event-col { margin-bottom: 20px; }
	.mobile-section-title { font-size: 2em!important; }
	.mobile-site .play-video { border: none; padding: 0;}
	.mobile-site .play-video p { font-size: 8px; width: 100%;text-align: }
	.info-box-logo { width: 100%; }
	.play-video .icon { float: none; }
	.scroll-btn { left: 0; right: 0;  width: 100%; text-align: center;}
	.scroll-btn .icon { float: none; }
	.bottom-space { margin-bottom: 40px; }
	.purple-card { padding: 20px 7%; }
	.secondary-heading { font-size: 30px; }
	.submit-btn { padding: 15px 60px!important; }
	.submission-info p { margin: 0 auto 30px; }
	.mobile-section .section-title { font-size: 2.5em; max-width: 600px; margin: 0 auto; }
	.after-party { padding: 60px 7%; }
	.party-info { margin: 30px 0; }
	.partners { padding: 120px 7%; float: left;width: 100%;}
	.partners-item { margin-bottom: 60px; }
	.partner-role { margin-top: -12px; }
}
@media screen and (max-width: 320px) { 

}