.elementor-1592 .elementor-element.elementor-element-51d795a1:not(.elementor-motion-effects-element-type-background), .elementor-1592 .elementor-element.elementor-element-51d795a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1592 .elementor-element.elementor-element-51d795a1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:1;}.elementor-1592 .elementor-element.elementor-element-51d795a1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1592 .elementor-element.elementor-element-282944d2{z-index:1;}.elementor-1592 .elementor-element.elementor-element-492cf7eb{z-index:12;}.elementor-1592 .elementor-element.elementor-global-1795 .elementor-menu-toggle{margin:0 auto;}.elementor-1592 .elementor-element.elementor-global-1795 .elementor-nav-menu .elementor-item{font-family:"Jua", Sans-serif;}.elementor-1592 .elementor-element.elementor-global-1795 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-1592 .elementor-element.elementor-global-1795 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1592 .elementor-element.elementor-global-1795 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1592 .elementor-element.elementor-global-1795 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1592 .elementor-element.elementor-global-1795 .elementor-nav-menu--main .elementor-item:focus{color:#C90A0A;fill:#C90A0A;}.elementor-1592 .elementor-element.elementor-global-1795 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#C90A0A;}.elementor-1592 .elementor-element.elementor-global-1795 .elementor-nav-menu--dropdown{border-radius:0px 0px 0px 0px;}.elementor-1592 .elementor-element.elementor-global-1795 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-1592 .elementor-element.elementor-global-1795 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-1592 .elementor-element.elementor-global-1795 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-1592 .elementor-element.elementor-global-1795 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 49px 0px rgba(0,0,0,0.5);}.elementor-1592 .elementor-element.elementor-global-1795 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-1592 .elementor-element.elementor-global-1795 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-1592 .elementor-element.elementor-global-1795{z-index:100;}.elementor-1592 .elementor-element.elementor-element-ffd5cc0{text-align:center;}.elementor-1592 .elementor-element.elementor-element-ffd5cc0 .elementor-heading-title{color:#ffffff;text-shadow:0px 0px 10px rgba(0,0,0,0.92);}.elementor-1592 .elementor-element.elementor-element-ffd5cc0 > .elementor-widget-container{padding:170px 170px 170px 170px;background-image:url("http://bbopdance.com/wp-content/uploads/2019/10/audience-1867754_1920.jpg");background-position:center center;background-size:cover;}.elementor-1592 .elementor-element.elementor-element-4db0357b:not(.elementor-motion-effects-element-type-background), .elementor-1592 .elementor-element.elementor-element-4db0357b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(0,0,0,0.79);}.elementor-1592 .elementor-element.elementor-element-4db0357b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:4;}.elementor-1592 .elementor-element.elementor-element-4db0357b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1592 .elementor-element.elementor-element-33bb32e9 .elementor-menu-toggle{margin:0 auto;font-size:15px;}.elementor-1592 .elementor-element.elementor-element-33bb32e9 .elementor-nav-menu .elementor-item{font-family:"Noto Sans KR", Sans-serif;font-size:18px;}.elementor-1592 .elementor-element.elementor-element-33bb32e9 .elementor-nav-menu--main .elementor-item{color:#ffffff;fill:#ffffff;}.elementor-1592 .elementor-element.elementor-element-33bb32e9 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1592 .elementor-element.elementor-element-33bb32e9 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1592 .elementor-element.elementor-element-33bb32e9 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1592 .elementor-element.elementor-element-33bb32e9 .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-1592 .elementor-element.elementor-element-33bb32e9 .elementor-nav-menu--dropdown a, .elementor-1592 .elementor-element.elementor-element-33bb32e9 .elementor-menu-toggle{color:#ffffff;}.elementor-1592 .elementor-element.elementor-element-33bb32e9 .elementor-nav-menu--dropdown{background-color:#7a7a7a;}.elementor-1592 .elementor-element.elementor-element-33bb32e9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1592 .elementor-element.elementor-element-33bb32e9{z-index:1;}.elementor-1592 .elementor-element.elementor-element-26436821{z-index:2;}.elementor-1592 .elementor-element.elementor-element-6f61a143 .elementor-spacer-inner{--spacer-size:50px;}.elementor-1592 .elementor-element.elementor-element-6f61a143{z-index:1;}.elementor-1592 .elementor-element.elementor-element-68f1896f{z-index:3;}.elementor-1592 .elementor-element.elementor-element-594a0619 .elementor-heading-title{color:#d80a3e;}.elementor-1592 .elementor-element.elementor-element-24413e2d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-1592 .elementor-element.elementor-element-24413e2d .elementor-divider-separator{width:100%;}.elementor-1592 .elementor-element.elementor-element-24413e2d .elementor-divider{padding-top:15px;padding-bottom:15px;}.elementor-1592 .elementor-element.elementor-element-24413e2d > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-1592 .elementor-element.elementor-element-39f9b7ed{text-align:left;color:#ffffff;font-size:30px;}.elementor-1592 .elementor-element.elementor-element-39f9b7ed > .elementor-widget-container{margin:0px 0px -20px 0px;background-color:transparent;background-image:radial-gradient(at center center, #232323 100%, #fcfcfc 70%);}.elementor-1592 .elementor-element.elementor-element-b2e4dbd{font-size:20px;}.elementor-1592 .elementor-element.elementor-element-c2df04f{text-align:left;color:#ffffff;font-size:30px;}.elementor-1592 .elementor-element.elementor-element-c2df04f > .elementor-widget-container{margin:0px 0px -20px 0px;background-color:transparent;background-image:radial-gradient(at center center, #232323 100%, #fcfcfc 70%);}.elementor-1592 .elementor-element.elementor-element-8526148{font-size:20px;}.elementor-1592 .elementor-element.elementor-element-3e18542{text-align:left;color:#ffffff;font-size:30px;}.elementor-1592 .elementor-element.elementor-element-3e18542 > .elementor-widget-container{margin:0px 0px -20px 0px;background-color:transparent;background-image:radial-gradient(at center center, #232323 100%, #fcfcfc 70%);}.elementor-1592 .elementor-element.elementor-element-6360f81{font-size:20px;}.elementor-1592 .elementor-element.elementor-element-5acc50e5 .elementor-spacer-inner{--spacer-size:50px;}.elementor-1592 .elementor-element.elementor-element-239b7f09:not(.elementor-motion-effects-element-type-background), .elementor-1592 .elementor-element.elementor-element-239b7f09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://bbopdance.com/wp-content/uploads/2019/10/head2.jpg");background-position:center center;background-size:cover;}.elementor-1592 .elementor-element.elementor-element-239b7f09 > .elementor-background-overlay{background-color:#001035;opacity:0.6;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1592 .elementor-element.elementor-element-239b7f09{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:90px 0px 15px 0px;}.elementor-1592 .elementor-element.elementor-element-9bc8365 .elementor-heading-title{color:#ffffff;font-size:18px;font-weight:500;}.elementor-1592 .elementor-element.elementor-element-37df2f81 .elementor-heading-title{color:#ffffff;font-size:18px;font-weight:500;}.elementor-1592 .elementor-element.elementor-element-9b6c523 .elementor-heading-title{color:#ffffff;font-size:18px;font-weight:500;}.elementor-1592 .elementor-element.elementor-element-3994e123 > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;}.elementor-1592 .elementor-element.elementor-element-a75dec7 .elementor-heading-title{color:#ffffff;font-size:18px;font-weight:500;}.elementor-1592 .elementor-element.elementor-element-5fd84944 > .elementor-element-populated{margin:0% 0% 0% 20%;--e-column-margin-right:0%;--e-column-margin-left:20%;}.elementor-1592 .elementor-element.elementor-element-58261443 .elementor-heading-title{color:#ffffff;font-size:18px;font-weight:500;}.elementor-1592 .elementor-element.elementor-element-16ea9bd1{--grid-template-columns:repeat(0, auto);--icon-size:14px;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-1592 .elementor-element.elementor-element-16ea9bd1 .elementor-widget-container{text-align:left;}.elementor-1592 .elementor-element.elementor-element-16ea9bd1 .elementor-social-icon{--icon-padding:0.9em;}.elementor-1592 .elementor-element.elementor-element-5de49151 > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1592 .elementor-element.elementor-element-5de49151{border-style:dotted;border-width:1px 0px 0px 0px;border-color:rgba(255,255,255,0.59);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:80px;margin-bottom:0px;padding:20px 0px 0px 0px;}.elementor-1592 .elementor-element.elementor-element-5de49151 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1592 .elementor-element.elementor-element-7034a1eb .elementor-heading-title{color:rgba(255,255,255,0.5);font-size:13px;font-weight:300;line-height:1.5em;}@media(max-width:1024px){.elementor-1592 .elementor-element.elementor-element-239b7f09{padding:30px 20px 30px 20px;}.elementor-1592 .elementor-element.elementor-element-5fd84944 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1592 .elementor-element.elementor-element-16ea9bd1 .elementor-social-icon{--icon-padding:0.5em;}}@media(max-width:767px){.elementor-1592 .elementor-element.elementor-element-ffd5cc0{text-align:center;}.elementor-1592 .elementor-element.elementor-element-ffd5cc0 .elementor-heading-title{font-size:32px;}.elementor-1592 .elementor-element.elementor-element-ffd5cc0 > .elementor-widget-container{padding:100px 100px 100px 100px;}.elementor-1592 .elementor-element.elementor-element-39f9b7ed{font-size:25px;}.elementor-1592 .elementor-element.elementor-element-b2e4dbd{text-align:justify;}.elementor-1592 .elementor-element.elementor-element-c2df04f{font-size:25px;}.elementor-1592 .elementor-element.elementor-element-8526148{text-align:justify;}.elementor-1592 .elementor-element.elementor-element-3e18542{font-size:25px;}.elementor-1592 .elementor-element.elementor-element-6360f81{text-align:justify;}.elementor-1592 .elementor-element.elementor-element-239b7f09{padding:30px 20px 30px 20px;}.elementor-1592 .elementor-element.elementor-element-1475e018 > .elementor-element-populated > .elementor-widget-wrap{padding:0px 0px 0px 0px;}.elementor-1592 .elementor-element.elementor-element-4ffa8c7{width:50%;}.elementor-1592 .elementor-element.elementor-element-4e2ca0b3{width:50%;}.elementor-1592 .elementor-element.elementor-element-5a783b77{width:50%;}.elementor-1592 .elementor-element.elementor-element-5a783b77 > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1592 .elementor-element.elementor-element-3994e123{width:50%;}.elementor-1592 .elementor-element.elementor-element-3994e123 > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1592 .elementor-element.elementor-element-5fd84944 > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1592 .elementor-element.elementor-element-5de49151{margin-top:30px;margin-bottom:0px;}}@media(min-width:768px){.elementor-1592 .elementor-element.elementor-element-2e22ac1c{width:16.021%;}.elementor-1592 .elementor-element.elementor-element-492cf7eb{width:50.643%;}.elementor-1592 .elementor-element.elementor-element-4ffa8c7{width:17%;}.elementor-1592 .elementor-element.elementor-element-4e2ca0b3{width:17%;}.elementor-1592 .elementor-element.elementor-element-5a783b77{width:20%;}.elementor-1592 .elementor-element.elementor-element-3994e123{width:17.411%;}.elementor-1592 .elementor-element.elementor-element-5fd84944{width:28.589%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1592 .elementor-element.elementor-element-6101d3e6{width:70%;}}/* Start custom CSS for html, class: .elementor-element-d2bdc71 */$itemsCount: 6; // Adjust if tabs number changes
// Fonts
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

// General
body {
  background: #E3B23C;
  font-family: 'Open Sans', sans-serif;
}

h1 {
  margin: 0;
  font-size: 22px;
  line-height: 1;
  color: #423E37;
}

// Layout
.page {
  width: 100vw;
  height: 100vh;
  min-height: 700px;
  overflow: hidden;
}

// Tabs
.tabs-controls {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 50px 0 100px;
  list-style-type: none;
}

.tabs-controls__link {
  position: relative;
  display: block;
  padding: 16px 32px;
  font-size: 20px;
  font-weight: 700;
  color: #423E37;
  text-transform: uppercase;
  text-decoration: none;

  &:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 4px;
    background-color: #423E37;
    border-radius: 2px;
    margin: auto;
    content: '';
    transition: width 0.4s;
  }
}

.tabs-controls__link--active {
  &:after {
    width: 100%;
  }
}

// Cards
.cards-container {
  position: relative;
  z-index: 1;
  width: 500px;
  height: calc(100vh - 205px);
  margin: 0 auto;
}

.card {
  position: absolute;
  width: 500px;
  height: 300px;
  background-color: #EDEBD7;
  border: 1px solid #423E37;
  box-shadow: 9px 11px 3px 0px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  padding: 40px;

  transition: transform 0.3s, opacity 0.2s;

  &.hidden {
    z-index: 100;
    background-color: #fff;
    color: #fff;
    opacity: 0;

    transition: color 0.5s, background-color 0.5s, transform 1s, opacity 0.2s 0.4s;

    h1 {
      color: #fff;

      transition: color 0.5s
    }

    @for $i from 1 through $itemsCount {
      &:nth-of-type(#{$i}) {
        transform: rotate(random(100) - 100 + deg) translateX((random(1) + 100) * 1%) translateY(random(60) * -1%) scale(random(10)*0.1) skewX(random(12) + deg) skewY(random(12) + deg);
      }
    }
  }

  @for $i from 1 through $itemsCount {
    $zIndexStartValue: $itemsCount + 1; // we don't want an item with 0 index
    $xValue: ($i - 1) * 10px; // we want to start translating from 0
    $yValue: ($i - 1) * 10px; // we want to start translating from 0
    $zIndexValue: $itemsCount - $i; // reverse the z-index, so first item is on top

    &:nth-of-type(#{$i}) {
      z-index: $zIndexValue;
      transform: translateX(#{$xValue}) translateY(#{$yValue});
    }
  }
}/* End custom CSS */