/* Previous Theme CSS */
/* Previous Theme CSS */
/* Previous Theme CSS */
.finetune .adminFixedFix {
    width: 73.1% !important;
}
.finetuneOpen .adminFixedFix {
    width: 64.5% !important;
}

.forceAutoHeight {
    height: auto !important;
}

#footer {
    position: relative;
    z-index: 99;
}
/* Previous Theme CSS */
@-webkit-keyframes bounce{
    0%, 100%   {bottom: 0; opacity:1;}
    50% {bottom: -15px; opacity:0.7;}
}
@-moz-keyframes bounce{
    0%, 100%   {bottom: 0; opacity:1;}
    50% {bottom: -15px; opacity:0.7;}
}
@-o-keyframes bounce{
    0%, 100%   {bottom: 0; opacity:1;}
    50% {bottom: -15px; opacity:0.7;}
}
@keyframes bounce{
    0%, 100%   {bottom: 0; opacity:1;}
    50% {bottom: -15px; opacity:0.7;}
}

.cover:hover .down-arrow{
    -webkit-animation: bounce 2s infinite; 
    -moz-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

/*.media {*/
/*    float: left !important;*/
/*    display: block !important;*/
/*}*/

.media .body {
    display: none !important;
}

.grp.media.embed {
    padding: 0;
}

svg {
    display: block;
    width: 100%;
    height: 100%;
}

.iframe svg {
    display: block;
}

.audio.media .embed iframe {
    max-width: 100% !important;
}

body:not(.isLegacy) [block-type="map"].s1.map-bottom .body {
    display: none;
}

.cover {
    background-size: cover;
    background-position: 50% 50%;
}


@media (max-width: 800px) { 
   .cover {
        background-attachment: scroll !important;
    }   
}

.grp.media.embed {
    padding: 0;
}

svg {
    display: block;
    width: 100%;
    height: 100%;
}

.iframe svg {
    display: block;
}

body:not(.isLegacy) [block-type="map"].s1.map-bottom .body {
    display: none;
}
/* End of Previous Theme */

/* Previous Event CSS */
.agenda-active .agenda-title {background-image:url(http://d24wuq6o951i2g.cloudfront.net/img/events/2795477/assets/9823.active-arrow.png) !important;}
.agenda-action,.mainstage,.breakout{cursor:pointer;}
.agenda-active .dropdown-content {display:block !important;}
.active-tab{border-bottom:2px solid #1aaf46 !important; color:#1aaf46!important;}
.active-tab div{ color:#1aaf46!important;}
.finetune #splash-container .dropdown-content {display:block !important;}
.sf.nav.horizontal-hamburger-left-v2 .children {display:block;}
.sf.nav.horizontal-hamburger-left-v2 .nav-hamburger {display:none;}
.sp-dropshadow {box-shadow: 0px 3px 5.5px 0.85px rgba(0, 0, 0, 0.28);}
/* End of Previous Event */

/* New styles N */
#splash-container.is-responsive-phone #g-396291, #splash-container.is-responsive-phone #g-407287{display:none !important;}
.day-btn-n,.lives-btn-n{cursor:pointer;}
.active-n {
  background-color: rgb(26, 175, 70) !important;
  display: block;
  float: left;
  min-height: 104px;
  padding: 2.2em 0;
  width: 50%;
}
.non-active-n {
  color: rgb(26, 175, 70);
}
.active-n p {
  color: #fff;
}
.non-active-n {
  background-color: rgb(255, 255, 255) !important;
  display: block;
  float: left;
  min-height: 104px;
  padding: 2.2em 0;
  width: 50%;
}
.non-active-n p {
  color: rgb(26, 175, 70);
}

#g-396291 {
  background-image: url("//d24wuq6o951i2g.cloudfront.net/img/events/id/279/2795477/assets/33c.arrow-icon.png") !important;
  background-position: right 25% top !important;
  background-repeat: no-repeat  !important;
}

@media (max-width: 667px) {
#splash-container.is-responsive-phone #g-396291 {
	background-position: center top !important;
}
#splash-container.is-responsive-phone #g-389148 {
  border-bottom: 1px solid rgb(235, 235, 235);
  display: block;
}
}
/* End of Previous Theme */

/* Previous Event CSS */
/* Previous Theme CSS */
.grayScale {
  filter: grayscale(100%);
  mix-blend-mode: multiply;
  -webkit-transition: all ease 1.6s;
	-moz-transition: all ease 1.6s;
	transition: all ease 1.6s;
}
.grayScale:hover {
    mix-blend-mode: multiply;
    filter: grayscale(0%);
} 

@-webkit-keyframes fadeIn { from {opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-In {
  opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn linear 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn linear 1;
  animation:fadeIn linear 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1.75s;
  -moz-animation-duration:1.75s;
  animation-duration:1.75s;
}
.fade-In.start {
    -webkit-animation-delay: .25s;
  -moz-animation-delay:.25s;
  animation-delay: .25s;
    
}


.textColor {box-shadow: inset 0 0 0 0 #ffffff;
	-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	transition: all ease 1s;
}
.textColor:hover {
    box-shadow: inset 1500px 0 0 0 #ffffff;
    /*color:#2A53C1;*/
    
}

.sp-fx .nav-item {
    
	-webkit-transition: all ease 0.75s;
	-moz-transition: all ease 0.75s;
	transition: all ease 0.75s;
}

.sp-fx {
    
	-webkit-transition: all ease 0.75s;
	-moz-transition: all ease 0.75s;
	transition: all ease 0.75s;
}
.skew {
-webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
}

@media screen and (max-device-width: 860px){
  .skew {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;
}
}


/* End of Previous Event */
/* End of Previous Theme */
/* End of Previous Theme */

/* Previous Event CSS */
@-webkit-keyframes panelFade { from { box-shadow: inset 0 0 0 0 #21C1FF; } to { box-shadow: inset -1500px 0 0 0 #21C1FF; } }
@-moz-keyframes panelFade { from { box-shadow: inset 0 0 0 0 #21C1FF; } to { box-shadow: inset -1500px 0 0 0 #21C1FF; } }
@keyframes panelFade { from { box-shadow: inset 0 0 0 0 #21C1FF; } to { box-shadow: inset -1500px 0 0 0 #21C1FF; } }

.panel-Fade {
  opacity:0;  
  -webkit-animation:panelFade linear 1;  
  -moz-animation:panelFade linear 1;
  animation:panelFade linear 1;
  

 -webkit-animation-fill-mode:forwards; 
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  

  -webkit-animation-duration:1.3s;
  -moz-animation-duration:1.3s;
  animation-duration:1.3s;
}
.panel-Fade.go {
    -webkit-animation-delay: 1.5s;
  -moz-animation-delay:1.5s;
  animation-delay: 1.5s;
    
}


@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 100;  } }
@-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 100;  } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 100;  } }

.fade-In {
  opacity:0;  
  -webkit-animation:fadeIn linear 1;  
  -moz-animation:fadeIn linear 1;
  animation:fadeIn linear 1;
  

 -webkit-animation-fill-mode:forwards; 
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  

  -webkit-animation-duration:.5s;
  -moz-animation-duration:.5s;
  animation-duration:.5s;
}
.fade-In.go {
    -webkit-animation-delay: 2s;
  -moz-animation-delay:2s;
  animation-delay: 2s;
    
}

.sp-effect{

  -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}

.sp-effect .nav-item {

  -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}

.sp-effect .social-btn {

  -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}

.shadow{
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.floatUp{
  position:relative;
  bottom:0rem;
  -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.floatUp:hover {
    position:relative;
  bottom:.75rem;
}
/* End of Previous Event */
/* End of Previous Event */

#footer {
    background: #000000;
}

.video {
    box-shadow: 0px .2rem 1.4rem rgba(138, 114, 0, 0.3);
}
/* End of Previous Theme CSS */

/* Previous Event CSS */
.dope-repeatable-child > .cms-spacer-element {
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}
.dope-repeatable-child > .cms-spacer-element:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
/* End of Previous Event CSS */