/* Start */

/* Video wrapper styles */
.swsc-wrapper > div:first-child {
  position: absolute !important;
  width: 100%;
  height: 700px;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 10;
  border-radius: 0 !important;
  background-image: url(/v2/themes/assets/img/categories/sport/classic/bg.jpg);
  background-size: cover;
  background-position: center;
  z-index: -1;
}

/* Video styles */
#about-us .swsc-wrapper > div:first-child iframe {
  position: absolute;
  top: -65px !important;
  left: 0;
  width: 100% !important;
  height: calc(56.25vw + 120px) !important;
  opacity: 0;
  animation: showVideo 0.6s ease forwards;
  animation-delay: 2s;
}

/* Remove background from cover section for index page */
#sb_main.page--index #main #main-buttons {
    position: relative;
    z-index: 0;
    background: transparent !important;
}

/* Adjust wrappers to avoid relative position */
#descr-firm [class^="col-"], #main #main-content {
    position: static;
}


@media (max-width: 1440px) {
  .swsc-wrapper > div:first-child { height: 500px; }
}

/* tablet */
@media (max-width: 768px) {
  .swsc-wrapper > div:first-child { height: 600px; }
}

/* phone */
@media (max-width: 480px) {
  .swsc-wrapper > div:first-child { height: 260px; }
}

@keyframes showVideo {
  0%, 80% { opacity: 0; }
  100%    { opacity: 1; }
}

/* End */



/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}