@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');

.main-app-container {
  max-width: 1500px;
}
.global-template h1, 
.global-template h2, 
.global-template h3, 
.global-template h4,
.global-template h5 {
  font-family: "Staatliches", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
  line-height: 1.2;
}

.global-template h4 {
  font-size: 40px;
  line-height: 1.2;
}

.global-template {
  h1,
  h2 {
    @media (max-width: 678px) {
       font-size: 30px;
    }
  }
}

.logo-li-holder + li {
  display: none;
}

.header-inside-container .main-app-container {
  & > .col-xs-12 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 15px;
    
    @media (min-width: 480px) {
       width: calc(100% - 30px);
    }
  }
  
  & p {
    order: -1;
  }
  
  & p > * { display: none; }
  & p .element-30837955 {
    display: block; 
    margin-right: 0;
    margin-bottom: -50px;
    
    @media (min-width: 480px) {
      margin-right: 40%;
      margin-bottom: -100px;
    }
  }
  
  & .btn-register {
    //position: fixed;
    //top: 10px;
    //right: 10%;
    //z-index: 1000000;
  }
  
  & h1.main-header {
    font-size: 120px;
    
    @media (min-width: 568px) {
      font-size: 220px;
    }
  }
}

#section-6411619,
#section-6421821,
#section-6421587 {
  background: red;
  & .element-groups {
    display: flex;
    flex-wrap: wrap;
    
  }
  
  & .col-sm-6 .logo-holder {
    height: 768px;
    width: 100%;
    border-radius: 0;
  }
  
  & .col-sm-6 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
  }
  
  & .btn-custom-element {
     text-transform: uppercase;
    
    &:after {
      content: 'now';
      margin-left: .5em;
    }
  }
}



.header-inside-container .main-app-container > div:first-child span:first-child {
  display: none;
}

.section-6414479 h2:before,
.section-6416167 h2:before,
.section-6416167 h2:before, 
.section-6420021 h1:before {
  font-size: 32px;
  color: #fff;
  display: block;
  line-height: 1;
}
.section-6414479 h2:before {
  content: 'Experience it first';
}

.section-6420021 h1:before {
  content: 'Book your place'
}

.section-6416167 {
  & h2:before {
   content: 'Who we are'
  }
  
  & .col-sm-4 {
    position: relative;
    
    & .margin-custom-element {
      display: none;
    }
    
    & a {
      position: absolute;
      top: 15px;
      bottom: 15px;
      left: 30px;
      right: 30px;
      bottom: 30px;
      display: flex;
      width: 100%;
      background: transparent;
      border: 0;
      
      & div {
        display: none;
      }
    }
    
    & .margin-horizontal-auto {
      min-height: 200px;
      background-color: #141414;
      display: block;
      border-radius: 16px;
    }
    
    & .bz-image { 
      position: absolute;
      top: 50%;
      left: 50%;
      max-width: 50%;
      transform: translate(-50%, -50%);
    }
  }
}

.section-6414479 .margin-custom-element {
  border-bottom: 1px solid #FFF;
  padding-bottom: 20px
}  

#section-6416971 {
  background: red;
  color: #fff;
  
  & iframe, & .epam-agenda-list {
    width: 100%;
    color: #fff;
  }
}
/*specific pages container*/
.home-custom-css{}
.community-custom-css{}
.agenda-custom-css{}
.speakers-custom-css{}

/*main container of each section*/
.main-app-container {}

/*
call-to-action buttons e.g:
Register, Join The Community etc
*/
.btn-register.btn.global-header-button  {
  margin-left: 0;
  
  &:after {
    content: 'NOW';
    margin-left: .5rem;
  } 
}

#section-6420021 {
  & h1 {
    font-size: 0;
    
    @media (min-width: 768px) {
       margin-right: 35%;
    }
  }
  & h1:after {
    font-size: 60px;
    text-indent: 0;
    content: "Ready to get real?";
    line-height: 1.1;
    margin-left: -.075em;
  }
  
  @media (min-width: 768px) {
   	& h1:after {
    	font-size: 200px;
     }
    }
}


#section-6421583 {
  & .main-app-container {
  	max-width: 1920px;
  }
  
  & iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
     height: 100%;
  }
  
  & .col-xs-12.margin-vertical-small {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    width: 100%;
  }
}

/*Top navigation bar container*/
.template-nav {}

/*Top navigation bar items container*/
#bs-example-navbar-collapse-1 {}

/*social share buttons container*/
.social-share-button {}

/*social share buttons per social network*/
.social-share-button.facebook {}
.social-share-button.twitter {}
.social-share-button.linkedin {}
.social-share-button.google {}