/* Game Access 23 */

/* FONTS
-------------------------------------------------- */
@font-face {
    font-family: "HansaGotisch";
    src: url("fonts/HansaGotisch_04.woff2") format("woff2");
}
@font-face {
    font-family: "Constantia";
    src: url("fonts/Constantia.woff2") format("woff2");
}
@font-face {
    font-family: 'Butler';
    src: url('fonts/Butler-Light.woff2') format('woff2'),
        url('fonts/Butler-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Butler';
    src: url('fonts/Butler-Bold.woff2') format('woff2'),
        url('fonts/Butler-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Butler';
    src: url('fonts/Butler-ExtraBold.woff2') format('woff2'),
        url('fonts/Butler-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Butler';
    src: url('fonts/Butler.woff2') format('woff2'),
        url('fonts/Butler.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rozha+One&display=swap');


/* VARIABLES
-------------------------------------------------- */
:root {
    --main-text-color: #515f7e;
    --secondary-text-color: #a08658;
  }

/* GLOBAL STYLES
-------------------------------------------------- */
body {font-family: 'Barlow', sans-serif; font-size: 16px; background: #111111 url(../gfx/bg.jpg) repeat; color: #9e9e9e; }
.home .web {background: url(../gfx/header_bg.jpg) top center no-repeat; }
.sub .web {background: url(../gfx/sub_header_bg.png) top center no-repeat; }
h2 { font-family: "HansaGotisch", sans-serif; font-size: 71px; color: #fff; line-height:71px; }
h3 { font-family: "Butler", sans-serif; font-size: 30px; color: #fff; line-height:35px; }
h4 { font-family: "Butler", sans-serif; font-size: 21px; color: #fff; line-height:25px; }
h4.h4-section { font-family: "Butler", sans-serif; font-size: 17px; color: #fff; text-transform: uppercase; line-height:25px; letter-spacing: 1px;
  margin-top: 30px; }
h4.h4-section i {color: #ab8747; }
.p-section { font-size: 20px; line-height: 29px; max-width: 900px; margin: auto; margin-bottom: 15px;}
p { font-size: 17px; }
ul li { font-size: 17px; }

a { text-decoration: none; color: #a08658;}
a:hover { text-decoration: none; color: #bfa068;}
div.destroy {  clear: both;}
.clear{  clear: both;}

/* Buttons*/
.btn-ga { width: 240px; height: 61px; background: url(../gfx/btn_black_bg.png) top center no-repeat; color: #dbba71; text-decoration: none;
letter-spacing: 1px; line-height: 61px; font-family: "Constantia", sans-serif; text-transform: uppercase; font-size: 16px; display: inline-block; 
text-shadow: 1px 1px 2px black; text-align: center; }
.btn-ga:hover { background: url(../gfx/btn_black_bg_hover.png) top center no-repeat; }

.btn-ga.red { background: url(../gfx/btn_red_bg.png) top center no-repeat;  }
.btn-ga.red:hover { background: url(../gfx/btn_red_bg_hover.png) top center no-repeat; }

.btn-light { background: transparent; padding: 10px 20px 14px; border: 1px solid #7f673a; color: #83693b; font-size: 20px; font-weight: 600; }
.btn-light:hover { background: transparent; text-decoration: none; color: #a08658; border: 2px solid #a08658; padding: 9px 19px 13px;}

/* Helpers */
.show-500 { display: none;} 
.site-p-bigger { padding: 20px 20px 80px 20px; }
p.note { font-style: italic; border-left: 2px solid #83693b; padding-left: 20px; margin-top: 20px; }
.grey { opacity: 0.6; }


/* BOOTSTRAP EXTENSION
-------------------------------------------------- */
@media (min-width: 1800px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1750px;
  }
}

/* Accordion */
.accordion {  margin-bottom: 50px;  }
.accordion .accordion-item { background: none; border: 0px; margin-bottom: 10px !important; outline: 1px solid #000000fa;
    box-shadow: 0px 0px 27px #54473153;  }
.accordion .accordion-item:last-of-type .accordion-button.collapsed { border-radius: 0px; }
.accordion .accordion-header { border-top: 1px solid #000;  }
.accordion .accordion-header .accordion-button { background: #0000007a; border: 1px solid #a08658; color: #fff; border-radius: 0px; 
  font-family: "Butler", sans-serif; font-size: 20px; line-height: 25px; padding: 27px 30px; border-image-source: url(../gfx/border_b.jpg);
  border-image-repeat:repeat; border-image-slice: 1 1; }
.accordion .accordion-header .accordion-button:not(.collapsed) { box-shadow: 0px 0px 0px; }
.accordion .accordion-header .accordion-button:focus {box-shadow: none; }
.accordion .accordion-header .accordion-button:hover { border-width: 2px; padding: 26px 29px;}
.accordion .accordion-header .accordion-button:hover i { color: #fff; }
.accordion .accordion-header .accordion-button:not(.collapsed)::after { color: #fff; }
.accordion .accordion-header .accordion-button i { color: #a08658; margin-right: 30px; font-size: 28px;}
.accordion .accordion-header  .accordion-button:after { 
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.accordion .accordion-header[aria-expanded='true'] .heading { color: #fff; }
.accordion .accordion-header:after { color:#ededed; font-size: 20px; }
.accordion .accordion-collapse { background: #060607; }
.accordion .accordion-body{ font-size: 17px; padding: 20px 25px; color:#9e9e9e; border: 1px solid #dfdfdf2e; border-top: 0px; }
.accordion .accordion-body p{ margin-bottom: 18px; }
.accordion .accordion-body h4{ color: #b9b9b9; font-size: 22px; }


/* OVERWRITE 
-------------------------------------------------- */
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #977549;  }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 30px; }
.navbar-toggler { border-color: #977549;  }
.navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28195, 162, 104, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-toggler:hover { border-color: #c09a67;  }


/* NAVBAR
-------------------------------------------------- */
.navbar-container {min-height: 152px; z-index: 100; position: relative; }
.navbar { padding: 26px 0px;  }
.navbar .navbar-brand .title { font-family: "HansaGotisch", sans-serif; font-size: 65px; color: #fff;}
.navbar .navbar-brand .title h1 { font-family: "HansaGotisch", sans-serif; font-size: 65px; color: #fff; line-height:65px;
  margin-bottom: 0px; }
.navbar .navbar-brand .title .claim { font-family: "HansaGotisch", sans-serif; font-size: 26px; color: var(--secondary-text-color); 
  margin-left: 15px; }
.navbar .navbar-brand .date { font-size: 13px; color: var(--secondary-text-color); text-transform: uppercase; font-weight: 500;
  letter-spacing: 3.7px; margin-top: 5px; }
.navbar .nav-link { color: #fff; text-transform: uppercase; padding-top: 0.6rem; padding-bottom: 0.6rem; 
  padding-left: 1.1rem !important; padding-right: 1.1rem !important; transition: all .15s linear; font-family: "Constantia", sans-serif;
  margin-left: 10px; font-weight: 600; letter-spacing: 0.5px; }
.navbar .nav-link:hover { color: var(--secondary-text-color); font-weight: 700; }
.navbar .nav-link.passes-link { background: url(../gfx/texture_bg_3.png) 0px 0px repeat; margin-left: 20px; }
.navbar .nav-link.passes-link:hover { background-position-y: -50px; font-weight: 700;  }
/* Sticky */
.navbar-sticky.sticky {position: fixed; top: -100px; z-index: 1030; background: #121212e9;
  left: 0; padding: 5px 0; width: 100%; transition: all .2s ease-in-out; transform: translateY(100px); border-top: 0; }
.navbar-sticky.sticky .navbar-brand .title h1 {font-size: 50px; line-height: 50px; }
.navbar-sticky.sticky .navbar-brand .date { margin-top: 0px; letter-spacing: 3px;}


/* LINE & BORDER STYLES
-------------------------------------------------- */
/*.line-s1 {  background: url(../gfx/line_s1.png) top center repeat-x; height: 24px; }*/
.line-s1 {  background: url(../gfx/test2.svg) top center repeat-x; height: 24px; }
.line-s1 .c {  background: url(../gfx/border_b.jpg) repeat; height: 24px; display: block;-webkit-mask: url('../gfx/test.svg')  50%; 
  mask: url('../gfx/test.svg')  50%; }
.line-s2 {  border-top: 1px solid #a08658; box-shadow: inset 0px 0px 2px #000; border-image-source: url(../gfx/border_b.jpg);
  border-image-repeat:repeat; border-image-slice: 1 1; margin: 30px 0; }
.line-s2 .c { width: 6px; height: 6px; background: #a08658 url(../gfx/border_b.jpg); transform: rotate(45deg); margin: auto; margin-top: -4px;
  box-shadow: inset 0px 0px 1px #000000aa; }
.border-section { margin-top: -9px; margin-left: 8px; margin-right: 8px; margin-bottom: -9px; }
.border-b {  border: 1px solid #a08658; box-shadow: inset 0px 0px 2px #000; border-image-source: url(../gfx/border_b.jpg);
  border-image-repeat:repeat; border-image-slice: 1 1; position: relative; }
.border-g {  border: 1px solid #545453; box-shadow: inset 0px 0px 2px #000; border-image-source: url(../gfx/border_g.jpg);
  border-image-repeat:repeat; border-image-slice: 1 1; position: relative; }
.border-g.fadeout:after { content: ""; position: absolute; z-index: 0; bottom: -11px; left: -1px; background-image: url(../gfx/bg.jpg); 
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 1) 100%);
  width: calc(100% + 2px); height: 80px; }
.border-box {  border: 25px solid red;  border-image-source: url(../gfx/border_box.png);
  border-image-slice: 25 25 25 25; }
.border-box-big {  border: 25px solid red;  border-image-source: url(../gfx/border_box_big.png);
  border-image-slice: 25 25 25 25; }
.border-box.w {  border: 25px solid red;  border-image-source: url(../gfx/border_box_w.png);
  border-image-slice: 25 25 25 25; }

/* HEADINGS
-------------------------------------------------- */
.heading { max-width: 850px; }
.heading h2 { font-size: 72px; line-height: 72px; background: url(../gfx/heading_center_bg.png) 0px 45px no-repeat; padding-bottom: 85px; 
  margin-bottom: -70px; width: fit-content; padding-left: 50px; }
.heading h2 span { color: #91794f; font-size: 92px; }
.heading p { font-size: 21px; line-height: 29px; padding-left: 50px; margin-top: 10px;}
.heading.h-center { text-align: center; margin: auto; margin-top: 10px;  }
.heading.h-center h2 { background: url(../gfx/heading_center_bg.png) 0px 30px repeat-x; padding-bottom: 85px; 
 margin: auto; margin-bottom: -70px; width: fit-content; padding-left: 100px; padding-right: 100px;}
.heading.h-center p { margin-top: 0px; padding-left: 0px;}
.heading h3 { font-size: 25px; font-weight: 700;}
.heading.h-center h3 { background: url(../gfx/heading_center_bg.png) 0px 0px repeat-x; padding-top: 20px; padding-bottom: 85px; 
 margin: auto; margin-bottom: -70px; width: fit-content; padding-left: 100px; min-width: 300px; padding-right: 100px; letter-spacing: 1px; font-weight: 500; }
.heading.h-center span.h3-bottom { margin: auto; background: url(../gfx/h3_bottom.png) 0px 0px no-repeat; width: 176px; height: 22px; display: block;
  margin-bottom: 80px; }

.heading-fact  { text-align: right; margin-right: 80px; margin-top: 20px; }
.heading-fact .square { width: 113px; height: 113px; text-align: center; line-height: 113px; margin-left: 10px; display: inline-block; }
.heading-fact .square .border-b { position: absolute; width: 113px; height: 113px; transform: rotate(45deg); border-width: 2px; }
.heading-fact .square .content { line-height: 30px; position: relative; color: var(--secondary-text-color); font-family: "Butler", sans-serif; font-weight: 500;
  font-size: 30px; padding-top: 30px;  }
.heading-fact .square .content .num {  font-size: 42px;  display: block;  }
.heading-fact .square .content .text { text-transform: uppercase; font-size: 14px;  display: block; }

/* ELEMENTS & CONTENT
-------------------------------------------------- */

/* Shield */
.shield { position: absolute; width: 56px; height: 56px; top: -52px; margin: auto; left: calc(50% - 28px);
  text-align: center; line-height: 54px; z-index: 10; }
.shield>div { position: absolute; width: 56px; height: 56px; transform: rotate(45deg); background: #1d1e20;  }
.shield>div>div { position: absolute; width: 46px; height: 46px; top: 4px; left: 4px; }
.shield span { position: relative; color: var(--secondary-text-color); font-family: "HansaGotisch", sans-serif;
  font-size: 30px;  }

/* Sub header */
.sub-header {padding-top: 120px; margin-top: -33px; background: url('../gfx/sub_header_down.png') top center no-repeat; width: calc(100% + 38px);
    margin-left: -19px; height: 434px;  }
.sub-header .title { text-align: center; margin: auto; font-size: 25px; font-weight: 400; color: #fff; font-family: "Butler", sans-serif; }
.sub-header .title h2 { font-size: 87px;}
.sub-header .title h2 span { display: block; color: var(--secondary-text-color); font-size: 54px; line-height: 65px; }

/* Content */
.content { color: #c2c2c2;}
.content p {  }
.content p.more { font-size: 19px; color: #919191; margin-bottom: 80px;}
.content ul.more-ul { font-size: 19px; color: #6c7686;}
.content h4.more-h4 { font-size: 22px; color: #6c7686;}
.content dl dt { color: #fff; font-size: 23px; font-weight: 400; line-height: 35px; padding-bottom: 20px }
.content dl dd { color: #b9b9b9; font-weight: 300; margin-bottom: 30px; }
.content dl dd strong {font-weight: 700; }
.content dl span { font-size: 23px; color: #dd1919; font-weight: 600; }
.ol-circle { clear: both; list-style: none; padding-left: 40px; margin-top: 15px;}
.ol-circle li { margin: 15px 0;display: block; position: relative; counter-increment: inst; font-size: 17px; }
.ol-circle li::before { content: counter(inst); background: none; border: 1px solid #b2997b; color: #fff; font-size: 14px; font-weight: 500;
   border-radius: 5px; text-align: center; line-height: 24px; left: -40px; height: 25px; width: 25px; padding-left: 0px; position: absolute;
   transition: all 0.2s ease-in-out; }
.ol-circle li strong {font-weight: 600; }

.home-section { padding: 120px 80px; }
  
/* Inside */
.inside { max-width: 1470px; margin: auto; }

/* Block */
.block { position: relative; border: 1px solid #83693b;  box-shadow: 0px 0px 27px #54473153; background: #0000007a; padding: 10px; font-size: 17px; 
  border: 32px solid red; border-image-source: url(../gfx/block_corner.png); border-image-slice: 32 32 32 32; border-image-outset: 15px; }
.block .note { font-size: 16px; font-style: italic; border-left: 2px solid #83693b; padding-left: 20px; margin-top: 20px; }

/* Spark */
.spark { background-color: #DE4A00; font-family: 'Helvetica', sans-serif; visibility: hidden; position: absolute; width: 4px; height: 4px;
    border-radius: 30%; box-shadow: 0 0 5px #AB000B; }

/* Social */
.social .nav-link { color: #8d8d8d; border: 1px solid #8d8d8d26; border-radius: 5px; padding: 5px; margin-right: 7px; width: 36px; height: 36px;
  line-height: 25px; text-align: center; }
.social .nav-link:hover { border: 1px solid var(--secondary-text-color); color: var(--secondary-text-color); }



/* ELEMENTS
-------------------------------------------------- */

/* SHOWCASE UNIT */
.showcase-unit { position: relative;  margin: -7px; }
.showcase-unit .pic { border: 1px solid #83693b; outline: 1px solid #000000fa; border-radius: 7px; 
  position: relative; background: #000  url('../gfx/texture_bg_4.png') top center repeat;  }
.showcase-unit .pic .overlay { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; border-radius: 5px;
  background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0), #dfba5200), url(../gfx/noise.svg); z-index: 10;
  opacity: 0.07; }
.showcase-unit .pic .overlay:hover { opacity: 0.17; }
.showcase-unit .pic>img { border-radius: 6px 6px 0px 0px; border-bottom: 1px solid #886331; }
.showcase-unit .pic .art { opacity: 0.0; transition: opacity 0.15s linear; position: absolute; top: 0px;}
.showcase-unit .pic .art.active { opacity: 1.0; }
.showcase-unit .pic .text { color: #fff; font-family: "Butler", sans-serif; letter-spacing: 0.7px; padding: 20px 15px; margin-top: 0px; text-align: center; }
.showcase-unit .pic .text .first{ font-size: 18px; font-weight: 300; line-height: 20px; margin-bottom: 4px;}
.showcase-unit .pic .text .last{ font-size: 22px; font-weight: 800; line-height: 26px; min-height: 56px;}
.showcase-unit .pic .text .origin{ font-size: 11px; text-transform: uppercase; font-weight: 300; color: #d3d3d3; 
  margin-top: 10px; font-family: 'Barlow', sans-serif; letter-spacing: 0.4px; }

/* SPEAKERS UNIT */
.speakers-unit { position: relative;  margin: -7px; }
.speakers-unit .pic { border: 1px solid #83693b; outline: 1px solid #000000fa; border-radius: 7px; 
  position: relative; background: #000  url('../gfx/texture_bg_4.png') top center repeat;  }
.speakers-unit .pic .overlay { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; border-radius: 5px;
  background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0), #dfba5200), url(../gfx/noise.svg); z-index: 10;
  opacity: 0.07; }
.speakers-unit .pic img.art { -webkit-mask-image: linear-gradient(to top, transparent 3%, #000 20%, #000 100%);
  mask-image: linear-gradient(to top, transparent 3%, black 20%, black 100%); }
.speakers-unit .pic>img { border-radius: 7px; -webkit-mask-image: linear-gradient(to top, transparent 11%, #000 50%, #000 100%);
  mask-image: linear-gradient(to top, transparent 11%, black 50%, black 100%); }
.speakers-unit .pic .art { opacity: 0.0; transition: opacity 0.15s linear; position: absolute; top: 0px;}
.speakers-unit .pic .art.active { opacity: 1.0; }
.speakers-unit .pic .text { color: #fff; font-family: "Butler", sans-serif; letter-spacing: 0.7px; padding: 15px; margin-top: -100px; text-align: center; }
.speakers-unit .pic .text .first{ font-size: 23px; font-weight: 300; line-height: 23px;}
.speakers-unit .pic .text .last{ font-size: 28px; font-weight: 800; line-height: 30px;}
.speakers-unit .pic .text .position{ font-size: 11px; text-transform: uppercase; font-weight: 300; color: #d3d3d3; 
  margin-top: 10px; font-family: 'Barlow', sans-serif; letter-spacing: 0.4px; }
.speakers-unit .pic .text .origin{ font-size: 12px; font-weight: 300; color: #b3b3b3; margin-top: 5px; font-family: 'Barlow', sans-serif; 
  letter-spacing: 0.1px; font-style: italic;}
.speakers-unit .logo { margin-top: 8px; border: 1px solid #83693b; outline: 1px solid #000000fa; border-radius: 7px; 
  position: relative; background: #000  url('../gfx/texture_bg_4.png') top center repeat; padding: 5px; }
.speakers-unit .logo img { -webkit-filter: drop-shadow(1px 15px 15px #000); filter: drop-shadow(1px 1px 1px #000);}
.speakers-unit .logo-top { margin-top: 8px;  position: relative;  padding: 15px 7px; margin-bottom: 2px; transition: opacity 0.15s linear; }
.speakers-unit .logo-top img { -webkit-filter: drop-shadow(1px 15px 15px #000); filter: drop-shadow(1px 1px 1px #000);}
.speakers-unit .logo-top.disable { opacity: 0.0;}

/* PARTNERS UNIT */
.partners-unit{ position: relative; border: 1px solid #3a3a3a; border-radius: 10px; margin-bottom: 30px;   
  outline: 1px solid #000000fa; box-shadow: 0px 0px 27px #54473153; background: #0000007a;  }
.partners-unit .pic { border: 1px solid #83693b; margin: 7px; outline: 1px solid #000000fa; border-radius: 7px; 
  position: relative; padding: 8px; }
.partners-unit .pic .overlay { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; border-radius: 5px;
  background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0), #dfd35290), url(../gfx/noise.svg);
  opacity: 0.07; transition: all 0.1s ease-in; }
.partners-unit .pic .overlay:hover { opacity: 0.27; }
.partners-unit .pic img { border-radius: 6px;}
.partners-unit .name {font-size: 13px; text-transform: uppercase; font-weight:500; color: #d3d3d3; 
  font-family: 'Barlow', sans-serif; letter-spacing: 0.4px; text-align: center; padding: 10px 10px 13px 10px; }
.partners-unit .text {line-height: 21px; display: block; font-size: 15px; padding: 20px; }
/* FAQ */
.sub .faq { padding: 0px 15px; }
.sub .faq .h h3 { font-size: 35px; font-weight: 600;  }
.sub .faq .h p { padding: 10px 30px; font-size: 18px; margin-bottom: 25px;}

/* VALUES */
.sub .values { max-width: 1470px; margin: auto; margin-top: -30px; margin-bottom: 20px; }
.sub .values .unit { text-align: center; padding: 0 30px;  }
.sub .values .unit .square { width: 160px; height: 160px; text-align: center; line-height: 160px; margin-left: 0px; display: inline-block; position: relative;
  margin-bottom: 60px; }
.sub .values .unit .square .border-b { position: absolute; left: -10px; width: 160px; height: 160px; transform: rotate(45deg); border-width: 2px; background: #0e0f11; }
.sub .values .unit .square .border-b.b2 { left: 10px; }
.sub .values .unit .square .border-b.b3 { left: -10px; z-index: 10; background: none; }
.sub .values .unit .square .content { z-index: 20; width: 140px; height: 140px; z-index: 10; overflow: hidden; position:relative; transform: rotate(45deg);
  margin-left: 10px; margin-top: 10px; }
.sub .values .unit .square .content::before { content: ""; position: absolute; width: 150%; height: 150%; top: -25%; left: -25%;
  z-index: -1;  transform: rotate(-45deg);  background-size: contain; background-position: top center; }
.sub .values .unit .square .content.c1::before { background-image: url('../gfx/indies/indies_1.jpg');  }
.sub .values .unit .square .content.c2::before { background-image: url('../gfx/indies/indies_2.jpg');  }
.sub .values .unit .square .content.c3::before { background-image: url('../gfx/indies/indies_3.jpg');  }
.sub .values .unit h3 { font-size: 31px; line-height: 35px; margin-bottom: 30px; }
.sub .values .unit p { font-size: 20px; line-height: 28px; letter-spacing: -0.5px; }


/* HOMEPAGE - HEADER
-------------------------------------------------- */
.home-header { position: relative; padding: 615px 20px 20px 20px; margin-top: 23px; z-index: 15;  }
.home-header .art {  background: url('../gfx/header_ga_hood.png') top center no-repeat; position: absolute; height: 850px;
  width: calc(100% - 2px); left: 1px; top: -14px;  }
.home-header .title {  margin: auto; text-align: center; position: relative; }
.home-header .title .subtitle { margin-top: 10px; font-family: 'Rozha One', serif; color: #fff; font-weight: 400; font-size: 19px; }
.home-header .title p { font-size: 19px; max-width: 700px; margin: auto; margin-top: 15px; }

.home-header .heading {  margin-top: 40px;  }
.home-header .heading h2 { font-size: 54px; line-height: 54px; }
.home-header .heading h2 span { font-size: 54px;  }

.home-header .by {  width: 210px; position: absolute; top: 50px; left: calc(50% - 105px); z-index: 10; text-align: center;  }
.home-header .by span { font-size: 12px; color: #876d3f; text-transform: uppercase; font-weight: 500; letter-spacing: 5px; opacity: 1.0; 
  display: block;margin-top: 5px;  }
.home-header .by .eclipse { width: 100px; height: 100px; margin: auto; background: url('../gfx/eclipse_100.png') top center no-repeat;  }
  
/* SLIDER */
.home-header .selector {padding-top: 65px; margin-top: 35px; background: url('../gfx/header_down.png') top center no-repeat; width: calc(100% + 38px);
  height: 350px; margin-left: -19px; margin-right: -19px; padding-left: 20px; padding-right: 20px; }
.home-header .selector.empty {margin-top: -181px; }
  
.home-header .selector .title { font-size: 25px; font-weight: 400; color: #fff; font-family: "Butler", sans-serif; }
.home-header .selector .slider { margin: auto; margin-top: 20px; max-width: 500px; position: relative; }
.home-header .selector .slider .range-container .l { width: 40px; height: 40px; background:  url('../gfx/range_bg_l.png') top center no-repeat; }
.home-header .selector .slider .range-container .r { width: 40px; height: 40px; background:  url('../gfx/range_bg_r.png') top center no-repeat; }
.home-header .selector .slider .label-container { width: calc(100% - 15px); margin-top: 10px; }
.home-header .selector .slider .label-container span { font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; color: #6f7071;
  font-family: "Butler", sans-serif; min-width: 85px; text-align: center; text-shadow: 1px 1px 0px #000;  }
.home-header .selector .slider .label-container span.active {  color: #fff;  }
.home-header .selector .slider .middle-line { width: calc(100% - 28px); height: 6px; position: absolute; border-radius: 5px; top: 18px; left: 13px;
  border: 1px solid #000; background: #a67730 url('../gfx/range_line.png') top center repeat-x;
  -webkit-mask-image: linear-gradient(to right, #0000002a 0%, black 25%, black 50%, black 75%, #0000002a 100%); }
.home-header .selector .slider .position { width: 5px; height: 22px; position: absolute; top: 11px;  z-index: 10; 
  background: url('../gfx/range_position.png') top center repeat-x; }
.home-header .selector .slider .position-0 {  left: 47px;  }
.home-header .selector .slider .position-2 {  right: 47px;  }
.home-header .selector .range { -webkit-appearance: none;  appearance: none; width: 100%; height: 41px; 
  background: url('../gfx/range_bg.png') top center repeat-x; outline: none; -webkit-transition: .2s; transition: opacity .2s; opacity: 0.9; }
.home-header .selector .range:hover { opacity: 1.0; }
.home-header .selector .range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 29px; height: 41px; z-index: 9; transition: all .2s;
  background: url('../gfx/range_handle.png') top center no-repeat; cursor: pointer;  opacity: 1.0; z-index: 1; display:block; position: relative; transform: scale(1.0); }
.home-header .selector .range::-moz-range-thumb { -webkit-appearance: none; appearance: none; width: 29px; height: 41px;  z-index: 9;
  background: url('../gfx/range_handle.png') top center no-repeat; cursor: pointer;  opacity: 1.0; z-index: 1; position: relative; }
.home-header .selector .range::-webkit-slider-thumb:active { transform: scale(1.05); }

/* VALUES */
.home-header .values .column{ position: relative; width: 222px; margin: 0px 27px; }
.home-header .values .mtop{ margin-top: 35px !important; }
.home-header .values .unit{ position: relative; border: 1px solid #83693b; border-radius: 10px;   
  outline: 1px solid #000000fa; box-shadow: 0px 0px 27px #54473153; background: #0000007a;  }
.home-header .values .unit .pic { border: 1px solid #83693b; margin: 7px; outline: 1px solid #000000fa; border-radius: 7px; 
  position: relative; }
.home-header .values .unit .pic .overlay { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; border-radius: 5px;
  background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0), #dfd35290), url(../gfx/noise.svg);
  opacity: 0.07; }
.home-header .values .unit .pic img { border-radius: 6px;}
.home-header .values .unit .name { font-size: 25px; text-align: center; font-family: "Butler", sans-serif; color: #fff; margin: 18px 0; }
.home-header .values .text { font-size: 15px; line-height: 21px; letter-spacing: 0.1px; margin-top: 15px; text-align: center; }


/* HOMEPAGE - SPEAKERS
-------------------------------------------------- */
.home-speakers {  }
.home-speakers .speakers-container { margin: auto; margin-top: 50px; padding-left: 15px; padding-right: 15px; max-width: 1470px;}

/* HOMEPAGE - INDIE SHOWCASE
-------------------------------------------------- */
.home-showcase {  }
.home-showcase .showcase-container { margin: auto; margin-top: 50px; padding-left: 15px; padding-right: 15px; max-width: 1470px; }

/* HOMEPAGE - PARTNERS
-------------------------------------------------- */
.home-partners {  }
.home-partners .partners-container { margin: auto; margin-top: 50px; padding-left: 15px; padding-right: 15px; max-width: 1270px; }


/* HOMEPAGE - GALLERY
-------------------------------------------------- */
.home-gallery   { width: 100%; position: relative; overflow-x: hidden; margin-bottom: 75px;}
.home-gallery .gallery-box  { width: 2460px; margin-left: calc(50vw - 1230px); height: 340px; }
.home-gallery .unit  { float: left; position: relative;}
.home-gallery .unit:not(:first-child)  {  margin-left: -87px; }
.home-gallery .unit a { display:block;transform: skew(-14.5deg); position:absolute; z-index:10; top: 0px; left: 38px; width: calc(100% - 89px); 
  height: 100%;}
.home-gallery .unit img { width: auto; -webkit-mask-image: url(../gfx/pic2_mask.png); mask-image: url(../gfx/pic2_mask.png); -webkit-mask-repeat: no-repeat;}
.home-gallery .quote { font-size: 30px; color: #58595a; font-weight: 500; margin:auto;  margin-top: 30px;font-family: "HansaGotisch", sans-serif;
  text-align: center; line-height: 34px;}


/* INDIE SHOWCASE
-------------------------------------------------- */
.site-showcase { position: relative;  margin-top: 23px; z-index: 15;  }
.site-showcase .showcase-container  { max-width: 1300px; margin: auto; margin-top: 10px;  margin-bottom: 70px; }
.site-showcase .showcase-container .row>div:nth-child(2n)  .border-box { margin-top: 30px; }

/* INDIE SHOWCASE
-------------------------------------------------- */
.site-indies { position: relative; margin-top: 23px; z-index: 15;  }
.site-indies .showcase-unit .pic .cont>div  { width: 50%; }


/* SPEAKERS
-------------------------------------------------- */
.site-speakers { position: relative; padding: 20px 20px 20px 20px; margin-top: 23px; z-index: 15;  }
.site-speakers .speakers-container  { max-width: 1300px; margin: auto; margin-top: 10px;  margin-bottom: 70px; }
.site-speakers .speakers-container .row>div:nth-child(2n)  .border-box { margin-top: 30px; }

/* SPEAKER DETAIL */
.site-speaker-detail { position: relative; padding: 20px 20px 20px 20px; margin-top: 23px; z-index: 15;  }
.site-speaker-detail .sub-header { padding-top: 90px; }
.site-speaker-detail .sub-header img { max-width: 320px; margin-bottom: 25px; width: 100%; }
.site-speaker-detail .sub-header h2 { font-family: 'Butler', sans-serif; font-size: 60px; font-weight: 300; letter-spacing: 0.5px;}
.site-speaker-detail .sub-header h2 strong { font-weight: 800; }
.site-speaker-detail .sub-header .position { font-size: 15px; text-transform: uppercase; font-weight: 300; color: #d3d3d3; margin-top: 10px; 
  font-family: 'Barlow', sans-serif; letter-spacing: 0.4px; }
.site-speaker-detail .games { margin-top: 15px; margin-bottom: -9px;  }
.site-speaker-detail .games .game { font-size: 15px; color: #fff; padding: 5px 12px 6px; letter-spacing: 0.5px; background: #1a1b1c; margin-right: 8px; 
  font-weight:300;  margin-bottom: 9px; display: inline-block;  }

/* INDIE DETAIL */
.site-showcase-detail { position: relative; padding: 20px 20px 20px 20px; margin-top: 23px; z-index: 15;  }
.site-showcase-detail .sub-header { padding-top: 90px; }
.site-showcase-detail .sub-header h2 { font-family: 'Butler', sans-serif; font-size: 60px; font-weight: 300; letter-spacing: 0.5px;}
.site-showcase-detail .sub-header h2 strong { font-weight: 800; }
.site-showcase-detail .sub-header .position { font-size: 15px; text-transform: uppercase; font-weight: 300; color: #d3d3d3; margin-top: 10px; 
  font-family: 'Barlow', sans-serif; letter-spacing: 0.4px; }
.site-showcase-detail .social { margin-top: 20px; }
.site-showcase-detail .showcase-unit .pic>img { border-bottom: 0px; }
.site-showcase-detail .videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.site-showcase-detail .videoWrapper iframe {position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;}

/* CONTACT */
.site-contact { position: relative; margin-top: 23px; z-index: 15;  }
.site-contact .block { margin: 0px 10px; min-height: 250px; text-align: center;  }
.site-contact .block p { margin-bottom: 30px;  }
.site-contact .gda-logo { max-width: 180px; display: block; margin: auto; filter: grayscale(100%); opacity: 0.6; transition: all 0.1s ease-in; }
.site-contact .gda-logo:hover { max-width: 180px; display: block; margin: auto; filter: grayscale(0%); opacity: 1.0; transform: scale(1.1);  }

/* CMS */
.site-cms { position: relative; margin-top: 23px; z-index: 15;  }
.site-cms .inside { max-width: 900px;  }

/* PRESS */
.site-press { position: relative; margin-top: 23px; z-index: 15;  }
.site-press h4.h4-section { margin-top: 10px; margin-bottom: 30px;  }

/* FAQ */
.site-faq { position: relative; margin-top: 23px; z-index: 15;  }

/* FAQ */
.site-edu { position: relative; margin-top: 23px; z-index: 15;  }
.site-edu .cnt { min-height: 150px;  }

/* MASTERCLASS */
.site-masterclass { position: relative; padding: 20px 20px 20px 20px; margin-top: 23px; z-index: 15;  }
.site-masterclass .games { margin-top: 15px; margin-bottom: -9px;  }
.site-masterclass .games .game { font-size: 15px; color: #fff; padding: 5px 12px 6px; letter-spacing: 0.5px; background: #1a1b1c; margin-right: 8px; 
  font-weight:300;  margin-bottom: 9px; display: inline-block;  }
.site-masterclass .heading.heading1 { margin-left: -50px;}
.site-masterclass .heading.heading1 h2 { font-family: 'Butler', sans-serif; font-size: 41px; line-height: 44px; max-width: 600px;}
.site-masterclass .heading.heading1 .by { font-family: 'Butler', sans-serif; color: #fff; padding-left: 50px; font-size: 29px; line-height: 33px; font-weight: 700;
  margin-top: 25px; margin-bottom: -10px; }
.site-masterclass .heading.heading1 .creator { font-family: 'Barlow', sans-serif; font-size: 18px;  }
.site-masterclass .badge { font-family: 'Butler', sans-serif; border-radius: 0px; font-size: 19px; background: #91794f; padding: 7px 12px; 
  text-transform: uppercase; font-weight: 500; margin-bottom: 15px; }
.site-masterclass p{ font-size: 20px; line-height: 28px;}
.site-masterclass ul li{ font-size: 20px; line-height: 28px;}
.site-masterclass p.bigger{ font-size: 25px; line-height: 33px; font-weight: 100; margin: 40px 0 30px;}
.site-masterclass h3 { font-family: 'Barlow', sans-serif; margin-top: 30px; font-size: 22px; font-weight: 600; margin-bottom: 0px; }
.site-masterclass .price{ position: relative; border: 1px solid #83693b; border-radius: 10px; margin-bottom: 30px;   
  outline: 1px solid #000000fa; box-shadow: 0px 0px 27px #54473153; background: #0000007a; padding: 20px; text-align: center; }
.site-masterclass .price .cz { font-family: 'Butler', sans-serif;  padding-top: 14px; font-weight: 600; margin-bottom: 0px; color: #66d680; font-size: 14px;  padding-bottom: 18px; margin-top: 0px; }  
.site-masterclass .price .euro { font-family: 'Butler', sans-serif; font-size: 32px; font-weight: 600; position: relative;  line-height: 35px; display: block;   
    background: -webkit-linear-gradient(left, #ffdc37 , #cb8d2a); background: -o-linear-gradient(right, #ffdc37, #cb8d2a);
    background: -moz-linear-gradient(right, #ffdc37, #cb8d2a); background: linear-gradient(to right, #ffdc37 , #cb8d2a);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.site-masterclass .price .noVAT { display: block; margin-left: 10px; color: #9c9b9b; line-height: 15px; font-size: 13px; font-weight: 300; margin-right: 8px; position: relative; }   

  

/* Speakers Invitation*/
.site-speakers-invite.invite-section-1 { position: relative; margin-top: 23px; z-index: 15;  }
.site-speakers-invite.invite-section-2 { padding: 90px 50px;  }
.site-speakers-invite.invite-section-3 { position: relative; margin-top: 23px; z-index: 15; padding: 90px 50px;  }
.site-speakers-invite p.arrowed span.text { display: inline-block; font-size: 19px; font-weight: 300;line-height: 30px; width: calc(100% - 45px); }
.site-speakers-invite p.arrowed span.arrow  { float: left; display: inline-block; width: 35px; font-size: 18px; color: #ab8747; }
.site-speakers-invite .heading.h-center span.h3-bottom { margin-bottom: 55px; }
.site-speakers-invite .claim.bigger p {  font-size: 19px; line-height: 28px; font-weight: 300; margin-bottom: 30px; }
.site-speakers-invite .claim.bigger p:nth-child(2) { padding-left: 50px; border-left: 3px solid var(--secondary-text-color); }
.site-speakers-invite .claim.bigger p:nth-child(4) { padding-left: 50px; border-left: 3px solid var(--secondary-text-color); }



/* HOMEPAGE - PASSES
-------------------------------------------------- */
.home-passes {   }


/* TICKETS
-------------------------------------------------- */  
.passes-zone {}  
.passes-zone .price-table { margin: -5px; }  
.passes-zone .price-table>div { padding: 0px; } 

.passes-zone .price-table .one { outline: 1px solid #000000fa; box-shadow: 0px 0px 27px #54473153; margin-right: 1px; background: #0000007a;
  border: 1px solid #83693b; border-left-width: 0px;  }  
.passes-zone .price-table>div:first-child .one { border-left-width: 1px; border-radius: 7px 0 0 7px;} 
.passes-zone .price-table>div:last-child .one { border-radius: 0px 7px 7px 0px;} 
  
.passes-zone .one .title { font-family: 'Butler', sans-serif; text-align: center; padding: 25px 20px; color: #fff; font-size: 20px; text-transform: uppercase; font-weight: 600;}  
.passes-zone .one .title span.early { line-height: 3px; font-size: 12px; position: relative; display:block; text-align: center; color: #b98f31;  }  
.passes-zone .one .title span span {font-size: 18px; vertical-align: middle; }  

.passes-zone .title { min-height: 90px; }
  
.passes-zone .one .main { line-height: 50px; }  
.passes-zone .one .price { padding: 0px 0 0px 0; margin: 0px 0px 0px 0px; text-align: center; border-bottom: 1px solid #83693b;  min-height: 115px; }  
.passes-zone .one .price .cz { font-family: 'Butler', sans-serif;  padding-top: 15px; font-weight: 600; margin-bottom: 0px; color: #66d680; font-size: 14px;  padding-bottom: 18px; margin-top: 0px; }  
.passes-zone .one .price .euro { font-family: 'Butler', sans-serif; font-size: 32px; font-weight: 600; position: relative;  line-height: 35px; display: block;   }   
.passes-zone .one .price .noVAT { display: block; margin-left: 10px; color: #9c9b9b; line-height: 15px; font-size: 13px; font-weight: 300; margin-right: 8px; position: relative; }   
.passes-zone .one.lite .price .euro { background: -webkit-linear-gradient(left, #29d686 , #43821b);
                                         background: -o-linear-gradient(right, #29d686 , #43821b);
                                         background: -moz-linear-gradient(right, #29d686 , #43821b);
                                         background: linear-gradient(to right, #29d686 , #43821b); 
                                         -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } 
.passes-zone .one.standard .price .euro { background: -webkit-linear-gradient(left, #5ac8fa , #0353ca);
                                            background: -o-linear-gradient(right, #5ac8fa, #0353ca);
                                            background: -moz-linear-gradient(right, #5ac8fa, #0353ca);
                                            background: linear-gradient(to right, #5ac8fa , #0353ca); 
                                            -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }  
.passes-zone .one.premium .price .euro { background: -webkit-linear-gradient(left, #ec2278 , #8c1068);
                                           background: -o-linear-gradient(right, #ec2278, #8c1068);
                                           background: -moz-linear-gradient(right, #ec2278, #8c1068);
                                           background: linear-gradient(to right, #ec2278 , #8c1068); 
                                           -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } 
  
.passes-zone .line { font-family: 'Butler', sans-serif; width: 100%; position: relative; text-align: left; line-height: 20px; color: #e0e0e0; 
  padding: 15px 15px; font-size: 16px;  border-bottom: 1px solid #83693b; text-overflow: ellipsis; overflow: hidden; padding-right: 30px; white-space: nowrap; }  
.passes-zone .line-hh { border-bottom: 2px solid #b98f31;   }  
.passes-zone .line-disable { border-bottom: 1px solid #5a5a5a;   }  

.passes-zone .line-end {  color:#b98f31; font-weight: 700; }  
.passes-zone .line-disable-full { color: #2a2a2a;  } 
.passes-zone .line small { font-size: 0.6em; }  

.passes-zone .line .info { cursor: pointer; color: #afafaf; padding: 10px; position: absolute; top: 6px; right: 3px;}
.passes-zone .line .check { font-size: 26px; padding-top: 2px; color: #66d680; display: inline-block; width: 30px; height: 30px; text-align: center;}
.passes-zone .line .check.not { border-color: #2d61394d; }
.passes-zone .line .check.not i { opacity: 0.1; }
.passes-zone .line .check.limited i { opacity: 0.3; }
.passes-zone .lite .line .info { color: #66d680; }  
  
.passes-zone .standard .line .check { border-color: #11345a; color: #5ac8fa; }
.passes-zone .standard .line .check.not { border-color: #11345a4d; }
.passes-zone .standard .price .cz { color: #5ac8fa; } 
.passes-zone .standard .line .info { color: #5ac8fa; }  

.passes-zone .premium .line .check { border-color: #702143; color: #f04c92; }
.passes-zone .premium .line .check.not { border-color: #7021434d; }
.passes-zone .premium .price .cz { color: #f04c92; } 
.passes-zone .premium .line .info { color: #f04c92; }  

.passes-zone .line.checker { padding: 10px 15px; text-align: center; padding-right: 30px;}
.passes-zone .line.checker.not { color: #ffffff30; }
.passes-zone .buy-button { text-align: center; padding: 30px 0; min-height: 110px;}
  
.passes-zone .mobile-view { display: none;}
.passes-zone .mobile-view .line.checker { text-align: left;}
.passes-zone .mobile-view .line.checker .check{ margin-right: 10px;}
.passes-zone .mobile-view .line-hh.line.checker {  border-radius: 0px 0px 5px 5px;}
  
.passes-zone .percentage { margin: auto; margin-top: 80px; margin-bottom: 20px; max-width: 1028px; border-radius: 3px;  }  
.passes-zone .percentage .progress-wrapper{   }  
.passes-zone .percentage .progress { margin-bottom: 0px; height: 23px; border-radius: 3px; position: relative; overflow:visible;
    background:  url(../gfx/passes_range_bg.png) no-repeat; background-size: 100% 100%;}  
.passes-zone .percentage .progress-bar { background:  url(../gfx/passes_range_fill.png) no-repeat; } 
.passes-zone .percentage .progress-status { position: absolute; right: 13px; top: 13px; font-size: 14px; font-weight: 600;  }  
.passes-zone .percentage .liner25 { margin-left: 24.5%; }  
.passes-zone .percentage .liner50 { margin-left: 49%; }  
.passes-zone .percentage .liner75 { margin-left: 73.5%; }  
.passes-zone .percentage .liner { position: absolute; margin-top: -7px; width: 5px; height: 38px;  background:  url(../gfx/passes_range_position.png) no-repeat;  }  
.passes-zone .percentage .liner span { position: absolute; top: -30px; width: 50px; left: -22px; font-size: 14px; color: #a5a5a5; text-align: center; 
  display: block; font-family: "Butler", sans-serif;  }
.passes-zone .percentage-info { font-size: 21px; font-weight: 300; text-align: center; margin-bottom: 50px;  }  
.passes-zone .percentage-info span { font-size: 30px; font-weight: 600; color: #91794f; font-family: "Butler", sans-serif; }  
  
.passes-zone .waves  { margin-bottom: 65px; }  
.passes-zone .waves .wave .info { font-size: 14px; font-weight: 700; color: #454545; text-align: center;  line-height: 16px; margin-bottom: 25px;
    text-transform: uppercase; }  
.passes-zone .waves .wave .info span { font-size: 13px; font-weight: 300; }  
.passes-zone .waves .wave .title { font-size: 25px; font-weight: 700; color: #504c3c; text-align: center; min-height: 20px; line-height: 22px; 
   padding: 15px 0; border-radius: 8px; border: 1px solid #504c3c59; font-family: "Butler", sans-serif; background: #83693b24; }  
.passes-zone .waves .wave .title span { font-size: 16px; color: #504c3c; font-weight: 400; font-family: "Barlow", sans-serif;}  
.passes-zone .waves .wave.active .title {  color: #fff; outline: 1px solid #000000fa; box-shadow: 0px 0px 27px #54473153; 
    background: #0000007a; border: 1px solid #83693b;}  
.passes-zone .waves .wave.active .title span { color: #91794f; }  
.passes-zone .waves .wave.active .info { color: #7d7d7d; }  
.passes-zone .waves .wave.active .info span {  }  
.passes-zone .card .icon { margin-right: 10px; background: -webkit-linear-gradient(left, #ff3793 , #c9299a);
    background: -o-linear-gradient(right, #ff3793, #c9299a);
    background: -moz-linear-gradient(right, #ff3793, #c9299a);
    background: linear-gradient(0.12turn, #ff3793 , #c9299a); 
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } 
.passes-zone .card .icon i:before { margin: auto; }
.passes-zone .card .icon-text { font-size: 14px; }
    

  /* SCHEDULE zone */
  .schedule-zone {}
  .schedule-zone .site-title { margin: auto; text-align: center; padding: 70px 0;}
  .schedule-zone .site-title h2 { font-size: 87px;}
  .schedule-zone .site-title p { font-size: 25px; color: #fff; font-family: "Butler", sans-serif;  font-weight: 600;}

  .schedule-zone .nav-tabs { font-family: "Butler", sans-serif; border-bottom: 0px; margin: auto; margin-bottom: 50px; position: relative; max-width: 960px;}
  .schedule-zone .nav-tabs>li>a { opacity: 0.7; line-height: 16px; letter-spacing: 2px; padding: 16px 0px 16px 0px; border: 0px; font-size: 20px; 
    font-weight: 700; color: #fff !important; text-align: center; border: 0px; margin-right: 0px; transition: all .15s linear;  }
  .schedule-zone .nav-tabs>li>a:hover { opacity: 1.0;}
 
  .schedule-zone .nav-tabs>li>a.active,
  .schedule-zone .nav-tabs>li>a.active:focus,
  .schedule-zone .nav-tabs>li>a.active:hover { color: #fff; background: none; opacity: 1.0;  }
  .schedule-zone .nav-tabs>li>a span.day { margin-top: 40px; font-size: 21px; color: #91794f; display: block; font-weight: 700; letter-spacing: 0px; 
     transition: all .10s linear;}


  .schedule-zone .nav-tabs .square { width: 90px; height: 90px; text-align: center; line-height: 90px; display: inline-block; }
  .schedule-zone .nav-tabs .square .border-b { position: absolute; width: 90px; height: 90px; transform: rotate(45deg); border-width: 2px;
    background: #000;  transition: all .25s linear; }
  .schedule-zone .nav-tabs .square .content { line-height: 30px; position: relative; color: var(--secondary-text-color); font-family: "Butler", sans-serif; font-weight: 500;
    font-size: 30px; padding-top: 21px;  }
  .schedule-zone .nav-tabs .square .content .num {  font-size: 42px;  display: block; font-weight: 700; }
  .schedule-zone .nav-tabs .square .content .text { text-transform: uppercase; font-size: 14px;  display: block; font-weight: 700; letter-spacing: -0.1px; }

  .schedule-zone .nav-tabs a.active .square .border-b { position: absolute; width: 90px; height: 90px; transform: rotate(45deg); border-width: 2px;
    background: #a08658 url(../gfx/border_b.jpg); }
  .schedule-zone .nav-tabs a.active .square .content { color: #fff;  }
  .schedule-zone .nav-tabs a.active span.day { font-size: 24px; color: #fff; }

  .schedule-zone .sub-header { margin-top: -13px; margin-left: 0px; width: 100%; height: 280px; padding-top: 56px; background-position-y: -167px;  }
  .schedule-zone .sub-header .title h2 { font-size: 69px;  }
  .schedule-zone .sub-header .title h2 span { font-size: 26px; line-height: 33px;  }

  .schedule-page .nav-tabs .nav-item { width: 25%;  margin-bottom: -2px;}

  .schedule-zone .row-lines>div { border-left: 1px solid #ffffff30;}

  .schedule-zone .schedule-halls { background: #141511af;  width: 100%; border-bottom: 1px solid #91794f; padding-left: 152px !important;
    padding-right: 32px !important; margin-bottom: 50px;}
  .schedule-zone .schedule-halls h3 { font-size: 24px;  margin-bottom: 0px;  }
  .schedule-zone .schedule-halls .hall { text-align: center;  padding: 30px 0px !important; }

  

 /* SCHEDULE zone */

 
 .schedule-page .navig-panel .line .cont { height: 6px; width: 100%; background: #3d0014;}

  .schedule .conten .tab-pane .container { max-width: 1440px;}
  
  
  
  .schedule.block ul li { margin-bottom: 0px;  }
  
  .schedule .desc { border-top: 1px solid #242424; padding: 5px 10px; color: #d7c6ea; margin-top: 5px; font-size: 15px;}
  .schedule .desc img{ width:20% ; float:left; padding-right: 15px; }
  .schedule .desc ul{ margin-top: 10px; padding-left: 20px;}
  .schedule .desc ul li{ font-size: 13px; color: #AFAFAF; font-weight: 400; line-height: 19px;}
  
  .schedule .hight{ margin: -8px; background:  #e5213d; margin-bottom: 5px; color: #fff; padding: 2px; font-size: 12px;  text-align: center;}
  .schedule .note{ font-size: 13px; color: #afafaf; margin-top: 10px; display: inline-block;}
  .schedule .info{ font-size: 14px;}
  .schedule h2 {  margin-bottom: 10px; color: #fff; padding-bottom: 30px;}
  .schedule h2 span { color: #f89b1d; }
  .schedule h2 p.descr {  margin-bottom: 40px; border-top: 1px solid #242424; padding: 5px 0px; color: #d7c6ea; margin-top: 5px; font-size: 18px;}
 

/* DONE */

  .schedule-new-block { padding: 0px 0px; }
  .schedule-new-block.fixed-width { min-width: 1690px; padding: 0px 0px; }



  .schedule-new-block .content {margin-left: 125px; padding-top: 0px;}
  .schedule-new-block .schedule-section-empty .content { padding-top: 15px; padding-bottom: 15px; }
  .schedule-new-block .time {float: left; width: 120px; margin-right: 0px; margin-top: 0px;}
  .schedule-new-block .time .time-zone {font-size: 25px; float: left; color: #fff; font-weight: 700; margin-top: -40px; font-family: "Butler"; }
  .schedule-new-block .time .time-zone svg { color: #29c7ab; font-size: 12px; margin-right: 10px; }
  .schedule-new-block .time .time-zone .ic { display: inline-block; float: left; font-size: 12px; color: #29c7ab; line-height: 23px; margin-right: 5px;}
  .schedule-new-block .time .time-zone .text { display: inline-block; font-weight: 600; margin-top: 21px; border: 1px solid #83693b;  border-radius: 5px; background: black; padding: 0px 5px;}
  .schedule-new-block .time .point { width: 20px;height: 20px; margin-top: 3px; margin-left: -12px; border-radius: 10px; float: left; margin-right: 10px; background: #fff; border: 6px solid #543c67; }
  .schedule-new-block .time .line { width: 1665px; height: 1px; background: #83693b; }
  
  .schedule-new-block .time-end {position: absolute; bottom: 10px;}
  .schedule-new-block .time-end .time-zone {color: #2c4b6b; background: rgba(20,25,49,0.57);}
  .schedule-new-block .time-end .time-zone svg {color: #2c4b6b;}
  .schedule-new-block .time-end .point {  background: #fff; border: 6px solid #141a31; }
  
  .schedule-new-block .schedule-section-program  { margin-top: 0px; margin-bottom: 40px; }
  .schedule-new-block .schedule-section-program.time-ending { margin-top: -40px; }
  .schedule-new-block .schedule-section-program .time { float: none; width: 100%; }
  .schedule-new-block .schedule-section-program .line { width: 100%; }
  .schedule-new-block .schedule-section-program .content { padding-top: 15px; padding-bottom: 15px; }
  
  
  .schedule-new-block .content-panel {border: 1px solid #83693b; border-radius: 10px; outline: 1px solid #000000fa;
    box-shadow: 0px 0px 27px #54473153; box-shadow: inset 0px 0px 126px #54473153; padding: 45px; background: transparent;
  }
  .schedule-new-block .content-panel .title {font-size: 26px; font-weight: 500;  line-height: 38px; color: #fff; font-family: "Butler"; }
  .schedule-new-block .content-panel .title span {font-weight: 400; }
  .schedule-new-block .content-panel .place {font-size: 17px; font-weight: 400; color: #708ca9;}
  .schedule-new-block .content-panel .text {font-size: 17px; font-weight: 300; color: #cfcfcf; }
 
  .schedule-new-block .content-panel .time-info {text-align:right; font-size: 18px; font-weight: 400;  }
 
  .schedule-new-block .schedule-section {margin-right: 5px; position: relative; margin-left: 0px; padding-left: 20px; padding-right: 20px;}

  .schedule-new-block .content-panel.workshop1 {background: rgba(19,25,47,0.65) url('../gfx/pic-workshop1.png') no-repeat;}
  .schedule-new-block .content-panel.workshop2 {background: rgba(19,25,47,0.65) url('../gfx/pic-workshop2.png') no-repeat;}
  .schedule-new-block .content-panel.party1 {background: rgba(19,25,47,0.65) url('../gfx/pic-party1.png') no-repeat;}
  .schedule-new-block .content-panel.party2 {background: rgba(19,25,47,0.65) url('../gfx/pic-party2.png') no-repeat;}
  .schedule-new-block .content-panel.party3 {background: rgba(19,25,47,0.65) url('../gfx/pic-party3.png') no-repeat;}
  .schedule-new-block .content-panel.conf2 {background: rgba(19,25,47,0.65) url('../gfx/pic-test.png') no-repeat;}
  .schedule-new-block .content-panel.conf3 {background: rgba(19,25,47,0.65) url('../gfx/pic-conf3.png') no-repeat;}
  
  .schedule-new-block .content-2 {margin-left: 0px; padding: 14px 0;}
  .schedule-new-block .content-2 .content-panel { cursor: pointer; position: relative; padding: 0px 0px 0px 0px; position: relative;
    border: 1px solid #83693b; border-radius: 10px; outline: 1px solid #000000fa; box-shadow: 0px 0px 27px #54473153; background: transparent; }
  /*.schedule-new-block .content-2 .session_content_wrapper*/
  .schedule-new-block .content-2 .session_speaker_thumb { float:left;  width: 100px; height: 52px; background-repeat: no-repeat; background-size: contain; background-position-x: center; background-position-y: center; }
  .schedule-new-block .content-2 .session_speaker_thumb img {  }
  
  
  .schedule-new-block .content-2 .upper { background: #0000007a; border-radius: 8px 8px 8px 8px; border-bottom: 1px solid #83693b; }
  
  .schedule-new-block .content-2 .session_title { float: left; width: calc(100% - 75px); line-height: 17px; font-size: 14px;margin-right: 15px; padding-left: 10px; }
  .schedule-new-block .content-2 .session_title span { color: #f89b1d; }
  .schedule-new-block .content-2 .session_title small { color: #29c7ab; }
  
  /*
  .schedule-new-block .content-2 .session_title.s-full-1 { }
  .schedule-new-block .content-2 .session_title.s-full-2 { margin-top: 25px; }
  .schedule-new-block .content-2 .session_title.s-full-3 { margin-top: 16px;}
  .schedule-new-block .content-2 .session_title.s-full-4 { margin-top: 8px;  line-height: 18px;}*/
  .schedule-new-block .content-2 .session_title.s-full-panel { margin-top:17px; margin-bottom: 17px;line-height: 18px; width: calc(100% - 146px);}
  
   .schedule-grab { cursor: grab; overflow: auto;}
  
  .schedule-new-block .content-2 .session_photo { float: left; width: 60px; min-height: 77px; }
  .schedule-new-block .content-2 .session_photo img {  opacity: 1;  border-radius: 0px 8px 8px 0px; }
  .schedule-new-block .session_detail {  border-radius: 0px 0px 7px 7px; padding: 15px 10px 13px 10px; font-size: 13px; line-height: 16px; 
    box-shadow: inset 0px 0px 126px #54473153; min-height: 82px;}
  .schedule-new-block .session_detail .name { font-size: 16px;}
  .schedule-new-block .session_detail .session_detail_left { float: right; color: #c3c3c3; width: calc(100% - 112px);}
  .schedule-new-block .session_detail .session_detail_left .name a { font-family: "Butler"; font-size: 17px; color: #fff; display: inline-block;margin-bottom: 5px;}

  .schedule-new-block .session_detail .session_detail_left .full-position {letter-spacing: -0.2px; font-size: 11px; text-transform: uppercase;}
  .schedule-new-block .session_detail .session_detail_left .full-position span {color: #fff;}
  .schedule-new-block .session_detail .session_detail_left .half-position { display: none;}
  .schedule-new-block .session_detail .session_detail_right { display: none; text-align: right; padding-top: 3px; line-height: 15px; float:right; font-size: 12px; color: #957e55;}
  .schedule-new-block .session_detail .session_detail_right span {color: #fff;}
 
  .schedule-new-block .schedule-section-2 { margin-bottom: 0px; margin-right: 0px; padding-top: 0px; margin-left: 0px;}
  .schedule-new-block .schedule-section-2 .time {margin-right: 0px;}
  /*
  .schedule-new-block .schedule-section-2 .row-2 {margin-left: -30px;}
  .schedule-new-block .schedule-section-2 .row-2>div {padding-left: 5px; padding-right: 5px;}
  */

  .schedule-new-block .hidetotal{display: none; z-index: 80;}
  .schedule-new-block .has_speaker_thumb2 { padding: 15px; }
  
  
  .schedule-new-block .session_content h6{font-weight: 500;letter-spacing: 0; font-size: 18px; margin: 5px 0 5px 0;}
  .schedule-new-block .session_excerpt{margin: 15px 0 15px 0; line-height: 18px; font-size: 14px;}
  .schedule-new-block .session_excerpt p{line-height: 18px; font-size: 14px;}
  
   .schedule-new-block .session_location h3 { font-size: 15px; text-transform: uppercase; margin-bottom: 15px; line-height: 21px;}
   .schedule-new-block .session_location .game { background: #2ce2c5; font-size: 14px; color: #000; display: inline-block; margin-right: 10px; padding: 2px 7px; margin-bottom: 5px;}

  
  
  .schedule-new-block .session_content_extend.hide{display: none;}
  .schedule-new-block .session_speakers { font-size: 14px; }
  
  .schedule-new-block .schedule-section-empty .content-panel { padding: 5px 9px 5px 9px; background-image: none; border-color: #83693b; background: /*#44335782*/#521120d7; margin-top: 0px; }
  .schedule-new-block .schedule-section-empty .content-panel .title { font-size: 17px; font-weight: 600; text-align: center;}
  .schedule-new-block .schedule-section-empty { margin-bottom: 0px; }
  
  .schedule-new-block .schedule-section-oneside  {margin-right: 0px; }
  .schedule-new-block .schedule-section-oneside .content {margin-left: 0px; margin-bottom: -12px;}
  .schedule-new-block .schedule-section-oneside .row>div {padding: 0px 5px;}
  .schedule-new-block .schedule-section-oneside .content-panel { border-color: #65408e; background: #44335782; }
  .schedule-new-block .schedule-section-oneside .content-panel .desc { border-color: #65408e; background: #44335782; }
  
  
  .schedule-new-block .schedule-workshops { margin-top: 0px; padding-top: 0px; padding-bottom: 0px; }
  .schedule-new-block .schedule-workshops .unit { margin-top: 0px; background: rgba(19,25,47,0.65); border: 1px solid #19244f; padding-top: 30px; }
  .schedule-new-block .schedule-workshops .unit  h2 { font-size: 19px; line-height: 24px; min-height: auto; margin: 15px 0 10px 0;}
  .schedule-new-block .schedule-workshops .unit .name {font-size: 21px; }
  .schedule-new-block .schedule-workshops .unit .description { font-size: 18px; font-weight: 300; }
  .schedule-new-block .schedule-workshops .unit .level { width: 100%; text-align: center; margin-bottom: 15px;}
 
  .schedule-title-top { margin: auto; background: url(../gfx/h3_top.png) 0px 0px no-repeat; width: 176px; height: 22px; display: block; margin-bottom: -1px; }
  .schedule-title { border: 1px solid #91794f; border-left-width: 0px; border-right-width: 0px;  padding: 15px 20px; background: #000 url(../gfx/heading_center_bg.png) 0px 0px repeat-x;  }
  .schedule-title h3 { color: #fff; font-weight: 700; margin-bottom: 0px; font-size: 25px; line-height: 35px; }
  .schedule-title h3 span { color: #927541; font-weight:700; font-size: 20px; }
  .schedule-title h3 i { font-size: 26px; }
  
  .schedule-title a:hover { text-decoration: none; }
  .schedule-title a:hover h3 { text-decoration: none; color: #29c7ab; border-color: #f1991d;  }
  
 



/* FOOTER
-------------------------------------------------- */ 
.footer-line {  margin-bottom: -13px; margin-top: 100px; }

.footer { background: #08090a; padding: 0px;  font-family: "Barlow", sans-serif;   }
.footer .content { padding-top: 100px !important; padding-bottom: 70px; color: #8d8d8d; }
.footer .logo-ga .title { }
.footer .logo-ga .title h1 { font-family: "HansaGotisch", sans-serif; font-size: 46px; color: #fff; line-height:52px;
  margin-bottom: 0px; }
.footer .logo-ga .title .claim { font-family: "HansaGotisch", sans-serif; font-size: 26px; color: var(--secondary-text-color); 
  margin-left: 10px; }

.footer p { margin-top: 30px; line-height: 27px;  font-size: 17px;}
.footer p strong { font-size: 19px;}
.footer .copy { display: block; margin-top: 40px; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; }

.footer .partners{ border-top: 1px solid #303030; color: #afafaf; text-align: center; margin-top: 40px; font-size: 13px; padding-top: 25px;} 
.footer .partners p{ font-size: 15px; color: #dfdfdf;} 
  
.footer .section { margin-bottom: 40px;}
.footer h3 { font-size: 14px; font-weight: 600; letter-spacing: 0.5px; line-height: 27px; text-transform: uppercase; margin: 15px 0 10px 0; font-family: "Butler";}
.footer .year-link { font-size: 12px; color: #fff; padding: 5px 12px 6px; letter-spacing: 0.5px; background: #1a1b1c; margin-right: 5px; font-weight:500;
  transition: all 0.3s; margin-bottom: 6px; display: inline-block; }
.footer .year-link:hover {background: var(--secondary-text-color); text-decoration: none; }


.footer .links a { color: #8d8d8d; display: block; font-size: 15px; margin-bottom: 5px; }
.footer .links a:hover { color: #bfa068; width: fit-content; }

.footer #mc_embed_signup form { text-align: center; padding: 10px 0 10px 0; }
.footer #mc_embed_signup_scroll .email { width: 100%; background: #1a1b1c; border-radius: 0px; border: 0px; padding: 15px; height: 50px;
  color: #4d4e4f;}
.footer #mc_embed_signup_scroll .email:focus { border: 0px;}
.footer #mc_embed_signup_scroll .button { background: #886c47; border-radius: 0px; height: 50px; font-family: "Constantia", sans-serif; border: 0px;
  font-size: 16px; text-transform: uppercase; padding-left: 5px; padding-right: 5px; font-weight: 500; width: 100%; margin-left: -15px;
  color: #fff; }
.footer #mc_embed_signup_scroll .button:hover { background: #fff; color: #8f7047;  }
.footer .subscribe p { margin: 10px 0;  }


/* RANDOM
-------------------------------------------------- */ 
.index-anim { position: absolute; top: 0px; margin-top: 150px; margin-left: calc(50% - 380px); }
#particles-js { position: absolute;  width: 100%; height: 100%; top: 0px; background-image: url(style.css); background-repeat: no-repeat;
  background-size: cover; background-position: 50% 50%; min-height: 1200px; }


/* RESPONSIVE
-------------------------------------------------- */ 
@media (max-width: 1799px) { 
  .home-header .values .column { margin: 0px 14px; }
  .home-section { padding: 90px 50px; }
  .heading-fact { margin-right: 40px; } 
  .site-contact .block { min-height: 280px; }
  .site-edu .cnt { min-height: 180px; }
}

@media (max-width: 1399px) {  
  .navbar { padding: 13px 15px; }
  .navbar-container {min-height: auto; }
  .sub .values .unit { padding: 0px 15px; }
  .home-section { padding: 90px 50px; }
  .heading-fact .square { width: 93px;  height: 93px; line-height: 93px; }
  .heading-fact .square .border-b { width: 93px;  height: 93px; }
  .heading-fact .square .content { line-height: 22px; padding-top: 28px; }
  .heading-fact .square .content .num { font-size: 35px; }
  .heading-fact .square .content .text { font-size: 13px; }
  .passes-zone .line { font-size: 15px; padding: 15px 10px; padding-right: 30px; }
  .footer .logo-ga .title .claim { margin-left: 0px; }
  .footer #mc_embed_signup_scroll .button { font-size: 14px; }
  .site-speakers .speakers-container { max-width: 900px; }
  .site-speakers .speakers-container .row>div:nth-child(2n) .border-box { margin-top: 0px; }
  .site-speakers .speakers-container .row>div .border-box {margin-bottom: 30px; }
  .site-showcase .showcase-container { max-width: 900px; }
  .site-showcase .showcase-container .row>div:nth-child(2n) .border-box { margin-top: 0px; }
  .site-showcase .showcase-container .row>div .border-box {margin-bottom: 30px; }
  .site-contact .block { min-height: 330px; }
  .site-edu .cnt { min-height: 215px; }
  
}

@media (max-width: 1199px) {  
  .navbar .nav-link { margin-left: 0px; padding-left: 1.0rem !important; padding-right: 1.0rem !important; }
  .navbar .navbar-brand .title h1 { font-size: 60px; }
  .navbar .navbar-brand .title .claim { font-size: 22px; }
  .navbar .nav-link.passes-link { margin-left: 5px; }
  .home-header .values .column { width: 250px;  margin: 0px 20px; margin-bottom: 20px; }
  .home-header .values .mtop { margin-top: 0px !important; }
  .home-header .heading { margin-bottom: 40px; }
  .passes-zone .line { font-size: 15px; }
  .home-section { padding: 70px 30px; }
  .site-contact .block { min-height: 0px; }
  .site-edu .cnt { min-height: 0px; }

  .site-masterclass .heading.heading1 h2 { background: none; }
}

@media (max-width: 991px) {  
  .navbar .nav-link.passes-link { margin-left: 0px; }
  .navbar-collapse { text-align: center; padding: 10px; margin: 10px 0; border-radius: 7px; background: #ffffff17;  }
  .navbar-collapse .navbar-nav .dropdown-menu { margin-bottom: 10px; }
  .home-header .values .column { width: auto; max-width: 290px;}
  .sub .values .unit { max-width: 600px; margin: auto; margin-top: 80px;} 
  .passes-zone .price-table>div .one { border-radius: 7px;  border-left-width: 1px; margin-top: 25px; }
  .passes-zone .price-table>div .one.lite {  margin-top: 0px; }
  .passes-zone .price-table>div:first-child .one { border-radius: 7px; }
  .passes-zone .price-table>div:last-child .one { border-left-width: 1px;    border-radius: 7px; }
  .passes-zone .price-table>div:first-child .one.titles { display: none;  }
  .passes-zone .line .check { height: 16px; }
  .passes-zone .line .check>i { position: absolute; top: 7px; left: 17px; }
  .passes-zone .line .info { top: 1px; }
  .passes-zone .mobile-view { display: block;}
  .passes-zone .pc-view { display: none;}
  .footer .content { padding-top: 70px !important; padding-bottom: 50px; }  
  .footer #mc_embed_signup_scroll .email { margin-bottom: 10px; }
  .footer #mc_embed_signup_scroll .button { font-size: 16px; margin-left: 0px; }
  .site-speakers .speakers-container { max-width: 700px; margin-bottom: 40px; }
  .site-showcase .speakers-container { max-width: 700px; margin-bottom: 40px; }
  .site-p-bigger { padding: 10px 10px 25px 10px;}
  .site-p-bigger .sub-header { margin-left: -15px; width: calc(100% + 30px); }
  .heading-fact { text-align: center; margin: 40px 0px 20px; }

  .schedule-new-block.fixed-width { width: auto; min-width: 0px; }
  .schedule-new-block.fixed-width .time .line { width: auto; min-width: 0px; }
  .schedule-new-block .time { width: 100%; float: none; }
  .schedule-new-block .schedule-section-2 { margin-top: 40px; }
  .schedule-zone .row-lines>div { border: 0px; }
  .schedule-new-block .session_detail { min-height: 10px; }
  .schedule-zone .schedule-halls { display: none; }
  .schedule-new-block .session_detail .session_detail_right { display: block; }
  .schedule-new-block .content { margin-left: 0px;  }
  .schedule-new-block .schedule-section-empty { margin-top: 50px; }
  .schedule-new-block .schedule-section-program.time-ending { margin-top: 0px; }
  .schedule-new-block .time .time-zone .text { margin-top: 0px; border-bottom: 0px; border-radius: 5px 5px 0px 0px; }

  .schedule-page .nav-tabs .nav-item { width: 100%; margin-bottom: 20px; }
     .schedule-grab { cursor:default; overflow: none;}
  

}

@media (max-width: 767px) {  
.home-header .values .column { width: auto; max-width: 400px;}
.heading.h-center h2 { padding-left: 0px; padding-right: 0px; width: 100%; font-size: 40px; line-height: 40px; }
.sub-header .title h2 { font-size: 70px; line-height: 60px; padding: 0px 10px; }
.sub-header .title h2 span { font-size: 40px; line-height: 50px; }
.heading.h-center { width: 100%; }
.heading.h-center h3 { padding-left: 15px; padding-right: 15px; min-width: 0px; }
.site-speaker-detail .border-box { max-width: 450px; margin: auto; margin-bottom: 50px; margin-top: -100px;}
.site-speaker-detail .sub-header h2 { font-size: 40px; line-height: 45px; }
.passes-zone .waves .wave { margin-top: 30px; }
.passes-zone .waves .wave .info { margin-bottom: 10px; }
.site-masterclass .heading.heading1 { margin-left: 0px; }
.site-masterclass .heading.heading1 h2 { padding-left: 0px; }
.site-masterclass .heading.heading1 .by { padding-left: 0px; }
.site-masterclass .heading.heading1 .creator { padding-left: 0px; }
.schedule-new-block .session_detail .session_detail_right { text-align: center; width: 100%; margin-top: 10px; }
}

@media (max-width: 600px) {  
  .navbar .nav-link.passes-link { margin-left: 0px; }
  .navbar .navbar-brand .title .claim { display: none; }
  .navbar .navbar-brand .date { letter-spacing: 1.6px; }
  .navbar-sticky.sticky .navbar-brand .date { letter-spacing: 1.6px; }
  .navbar-sticky.sticky .navbar-brand .title h1   { font-size: 46px; line-height: 42px; }
  .schedule-new-block .content-panel { padding: 20px; }
}

@media (max-width: 575px) {  
  .site-indies .showcase-unit .pic .cont>div { width: 100%; }
  .sub .faq { padding: 0px 0px; }
  .sub .faq .h p { padding: 10px 0px; }
  .footer .content { padding-top: 40px !important; padding-bottom: 20px; }  
  .site-speakers .speakers-container { max-width: 350px; margin-bottom: 0px; }
  .site-showcase .speakers-container { max-width: 350px; margin-bottom: 0px; }
  .home-section { padding: 50px 20px; }
}

@media (max-width: 500px) {  
  .navbar .navbar-brand .title h1 { font-size: 46px; line-height: 42px; }
  .navbar { padding: 7px 0; }
  .hide-500 { display: none;} 
  .show-500 { display: inline;} 
  .home-header .values .column { margin: 0px 5px; margin-bottom: 20px; }
  .block { padding: 0px;}
  .accordion .accordion-header .accordion-button { font-size: 17px; line-height: 22px; padding: 22px 20px; }
  .accordion .accordion-header .accordion-button:hover { padding: 21px 19px; }
  .accordion .accordion-header .accordion-button i { display:none; }
  .accordion .accordion-body { padding: 15px 15px; }
  .sub-header { height: 390px; padding-top: 66px; background-position-y: 75%;}
  .site-faq .sub-header { height: 315px; }
  .btn-light { font-size: 17px; } 
  .block { padding: 0px; }
  .passes-zone .line { overflow: auto; white-space: normal; }
  .passes-zone .mobile-view .line.checker { padding-left: 50px; }
  .passes-zone .mobile-view .line.checker .check { position: absolute; left: 0px; top: 0px; }
  .passes-zone .line .info { padding: 9px; }
  .passes-zone .border-box-big { margin-left: -41px; margin-right: -41px; }
  .heading h2 { padding-left: 20px; }
  .heading p { padding-left: 20px;}
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ /*display: none; opacity: 0;  */   transition: all .5s ease-in-out; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; opacity: 1; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; padding: 0px; }
  .navbar .nav-item .dropdown-item{ transition: all .3s ease; border-radius: 5px; padding: 13px 25px 13px; font-weight: 500; 
    font-size: 16px; border-bottom: 1px solid #dfdfdf;  }
  .navbar .nav-item .dropdown-item:hover, .navbar .nav-item .dropdown-item:active { 
    background-color: transparent; transform: translate(0px, 0px) scale(1.1); color: #606060;
    border-radius: 0.25rem; background-color: #fafafa; box-shadow: 0 0px 4px rgba(3, 27, 78, .16);  }
  .navbar .nav-item .dropdown-menu:before { position: absolute; z-index: -5; bottom: 100%; left: 10px; display: block; 
    width: 16px; height: 16px; content: ''; transform: rotate(-45deg) translateY(1rem); border-radius: 0.2rem;
    background: #fff; box-shadow: none; }
}	
/* ============ desktop view .end// ============ */








/* Clouds */
@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}
.clouds { 
  position:absolute;  top:125px;  left:0;  right:0; bottom:0; width:100%; height:100%; display:block;  
  -webkit-mask-image: -webkit-gradient(linear, left 80%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  background:transparent url('../gfx/clouds.png') repeat top center; z-index:3; opacity: 1; 
  -moz-animation:move-clouds-back 500s linear infinite; -ms-animation:move-clouds-back 500s linear infinite;
  -o-animation:move-clouds-back 500s linear infinite; -webkit-animation:move-clouds-back 500s linear infinite;
  animation:move-clouds-back 500s linear infinite; }

.glitch-image {
  -webkit-animation: flick 80ms linear infinite;
          animation: flick 80ms linear infinite;
          position: relative;
    
}
.glitch-image #canvas {
  -webkit-animation: turnOn 100ms ease-in 500ms forwards;
          animation: turnOn 100ms ease-in 500ms forwards;        
          position: absolute;
          opacity: 0;
        
}
.glitch-image #canvas:hover {
           
}
@-webkit-keyframes  {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.9;
  }
}
@keyframes  {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.9;
  }
}
@-webkit-keyframes  {
  0% {
    transform: rotateX(90deg);
    filter: brightness(5);
  }
  100% {
    transform: rotateX(0);
    filter: brightness(1);
  }
}
@keyframes  {
  0% {
    transform: rotateX(90deg);
    filter: brightness(5);
  }
  100% {
    transform: rotateX(0);
    filter: brightness(1);
  }
}




#wrapper {
  text-align: center;
}
/*
.sub {
  color: #64dcdc;
  letter-spacing: 1em;
}
*/
/* Our mixin positions a copy of our text
directly on our existing text, while
also setting content to the appropriate
text set in the data-text attribute. */
.glitch {
  position: relative;
  /* Animation provies a slight random skew. Check bottom of doc
  for more information on how to random skew. */
  animation: glitch-skew 1s infinite linear alternate-reverse;
}

.g2 {
  display:none;
}




.glitch::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: 2px;
  text-shadow: -2px 0 #ff00c1;
  /* Creates an initial clip for our glitch. This works in
  a typical top,right,bottom,left fashion and creates a mask
  to only show a certain part of the glitch at a time. */
  clip: rect(44px, 450px, 56px, 0);
  /* Runs our glitch-anim defined below to run in a 5s loop, infinitely,
  with an alternating animation to keep things fresh. */
  animation: glitch-anim 5s infinite linear alternate-reverse;
}
.glitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: -2px;
  text-shadow: -2px 0 #00fff9, 2px 2px #ff00c1;
  animation: glitch-anim2 1s infinite linear alternate-reverse;
}

/* Creates an animation with 20 steaps. For each step, it calculates 
a percentage for the specific step. It then generates a random clip
box to be used for the random glitch effect. Also adds a very subtle
skew to change the 'thickness' of the glitch.*/
@keyframes glitch-anim {
  0% {
    clip: rect(39px, 9999px, 10px, 0);
    transform: skew(0.1deg);
  }
  5% {
    clip: rect(100px, 9999px, 38px, 0);
    transform: skew(0.05deg);
  }
  10% {
    clip: rect(64px, 9999px, 7px, 0);
    transform: skew(0.01deg);
  }
  15% {
    clip: rect(96px, 9999px, 12px, 0);
    transform: skew(0.51deg);
  }
  20% {
    clip: rect(54px, 9999px, 94px, 0);
    transform: skew(0.7deg);
  }
  25% {
    clip: rect(59px, 9999px, 92px, 0);
    transform: skew(0.97deg);
  }
  30% {
    clip: rect(79px, 9999px, 98px, 0);
    transform: skew(0.78deg);
  }
  35% {
    clip: rect(35px, 9999px, 19px, 0);
    transform: skew(0.29deg);
  }
  40% {
    clip: rect(10px, 9999px, 9px, 0);
    transform: skew(0.88deg);
  }
  45% {
    clip: rect(34px, 9999px, 24px, 0);
    transform: skew(0.34deg);
  }
  50% {
    clip: rect(85px, 9999px, 18px, 0);
    transform: skew(0.8deg);
  }
  55% {
    clip: rect(33px, 9999px, 59px, 0);
    transform: skew(0.82deg);
  }
  60% {
    clip: rect(63px, 9999px, 12px, 0);
    transform: skew(0.63deg);
  }
  65% {
    clip: rect(3px, 9999px, 38px, 0);
    transform: skew(0.11deg);
  }
  70% {
    clip: rect(96px, 9999px, 67px, 0);
    transform: skew(0.43deg);
  }
  75% {
    clip: rect(51px, 9999px, 84px, 0);
    transform: skew(0.56deg);
  }
  80% {
    clip: rect(37px, 9999px, 95px, 0);
    transform: skew(0.2deg);
  }
  85% {
    clip: rect(87px, 9999px, 94px, 0);
    transform: skew(0.99deg);
  }
  90% {
    clip: rect(88px, 9999px, 84px, 0);
    transform: skew(0.28deg);
  }
  95% {
    clip: rect(93px, 9999px, 87px, 0);
    transform: skew(0.01deg);
  }
  100% {
    clip: rect(63px, 9999px, 56px, 0);
    transform: skew(0.68deg);
  }
}
@keyframes glitch-anim2 {
  0% {
    clip: rect(40px, 9999px, 39px, 0);
    transform: skew(0.65deg);
  }
  5% {
    clip: rect(99px, 9999px, 23px, 0);
    transform: skew(0.75deg);
  }
  10% {
    clip: rect(75px, 9999px, 88px, 0);
    transform: skew(0.53deg);
  }
  15% {
    clip: rect(87px, 9999px, 93px, 0);
    transform: skew(0.5deg);
  }
  20% {
    clip: rect(3px, 9999px, 76px, 0);
    transform: skew(0.17deg);
  }
  25% {
    clip: rect(63px, 9999px, 57px, 0);
    transform: skew(0.76deg);
  }
  30% {
    clip: rect(87px, 9999px, 85px, 0);
    transform: skew(0.09deg);
  }
  35% {
    clip: rect(90px, 9999px, 52px, 0);
    transform: skew(0.35deg);
  }
  40% {
    clip: rect(70px, 9999px, 63px, 0);
    transform: skew(0.1deg);
  }
  45% {
    clip: rect(76px, 9999px, 35px, 0);
    transform: skew(0.58deg);
  }
  50% {
    clip: rect(80px, 9999px, 83px, 0);
    transform: skew(0.01deg);
  }
  55% {
    clip: rect(63px, 9999px, 44px, 0);
    transform: skew(0.94deg);
  }
  60% {
    clip: rect(32px, 9999px, 30px, 0);
    transform: skew(0.69deg);
  }
  65% {
    clip: rect(20px, 9999px, 6px, 0);
    transform: skew(0.45deg);
  }
  70% {
    clip: rect(53px, 9999px, 64px, 0);
    transform: skew(0.01deg);
  }
  75% {
    clip: rect(28px, 9999px, 33px, 0);
    transform: skew(0.91deg);
  }
  80% {
    clip: rect(90px, 9999px, 96px, 0);
    transform: skew(0.29deg);
  }
  85% {
    clip: rect(71px, 9999px, 15px, 0);
    transform: skew(0.32deg);
  }
  90% {
    clip: rect(54px, 9999px, 58px, 0);
    transform: skew(0.98deg);
  }
  95% {
    clip: rect(93px, 9999px, 64px, 0);
    transform: skew(0.66deg);
  }
  100% {
    clip: rect(43px, 9999px, 5px, 0);
    transform: skew(0.34deg);
  }
}
@keyframes glitch-skew {
  0% {
    transform: skew(-3deg);
  }
  10% {
    transform: skew(5deg);
  }
  20% {
    transform: skew(3deg);
  }
  30% {
    transform: skew(-1deg);
  }
  40% {
    transform: skew(-1deg);
  }
  50% {
    transform: skew(-3deg);
  }
  60% {
    transform: skew(4deg);
  }
  70% {
    transform: skew(1deg);
  }
  80% {
    transform: skew(-4deg);
  }
  90% {
    transform: skew(-1deg);
  }
  100% {
    transform: skew(-1deg);
  }
}