@font-face {
  font-family: 'gothic';
  src: url('../fonts/gothic-a1-400.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'gothic';
  src: url('../fonts/gothic-a1-600.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'gothic';
  src: url('../fonts/gothic-a1-100.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'gothic';
  src: url('../fonts/gothic-a1-900.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}



/* COLOR */

a {color:rgb(200, 0, 255);}
a.uk-dark {color:rgb(100,0,150);}
a:hover {color:rgb(255,0,255);}
::selection {background:rgb(25,25,35);color:#fff;}

.primary-color {background:rgb(200,0,255);}
.primary-color-light {background:rgba(200,0,0,0.3);}

/* RESET */

body {background:rgb(25,25,35);}
html, body, h4, p {font-family:'gothic';color:#eee;}
h1 {font-family:'gothic';font-weight:900;color:rgb(255,255,255);letter-spacing:-1px;font-size:5rem;line-height:5.5rem;text-shadow:2px 2px 15px rgba(200,0,255,0.7);}
h2 {font-family:'gothic';font-weight:900;color:rgb(255,0,255);letter-spacing:-1px;font-size:3rem;line-height:3.5rem;}
h2.uk-dark {color:#fff}
h3 {font-family:'gothic';font-weight:600;color:#fff;}
strong {color:#fff;font-weight:inherit;text-decoration:underline;text-decoration-color:rgb(200,0,255);}
html {/* no rubberband scroll-effect: height: 100%;width: 100%;overflow: hidden;*/}
body {/* no rubberband scroll-effect: -webkit-overflow-scrolling: touch;height: 100%;overflow:auto;*/}

.uk-overlay {z-index:1;}
.uk-height-xlarge {height:600px;}
.uk-background-primary {background:rgb(160,0,200);}
.uk-label:not(.uk-background-primary) {background:rgb(170,170,170);}
.uk-tab > .uk-active > a {border-color:rgb(220,0,255);}

.uk-width-1-14 {width:calc(100% * 1 / 14.001);}
.uk-child-width-1-14 > * {width:calc(100% * 1 / 14.001);}
.uk-position-bottom-left {padding-left:40px;}

.uk-button-primary {background:rgb(200,0,255);}
.uk-button-primary:hover {background:rgb(255,0,255);}

/* With hero and without hero */
/* .tm-top {padding-top:150px;} */
/*.tm-hero + .tm-top {padding-top:0px;}*/

.tm-navbar {height:0px;}
.navbar-left, .navbar-center, .navbar-right {padding:10px;}

.navbar.uk-active .navbar-left img {transform:scale(0.5);transform-origin: top left;transition: all ease 0.2s;}


.tm-top {background:url('../img/yasoo-vortex.jpg') center center no-repeat; background-size: cover;}
.tm-bottom {background:url('../img/yasoo-extrude.jpg') center center no-repeat; background-size: cover;}

/* MEDIA */

@media (min-width: 960px) {
  
}
@media (min-width: 1200px) {
  
}
@media (max-width:768px) {
  h1 {font-size:2.2em;line-height:1.1em;}
  h2 {font-size:1.8em;line-height:1em;}
  .navbar.uk-active .navbar-left img {transform:scale(0.25);transform-origin: top left;transition: all ease 0.2s;}
  .new-line {display:inline-block;}
}