/*/     Fondid      /*/
/*/     Fondid      /*/
/*/     Fondid      /*/


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

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

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


/*/     Tüpograafia      /*/
/*/     Tüpograafia      /*/
/*/     Tüpograafia      /*/

#main > a {
    font-size: 4.5vw;
    line-height: 1.1em;
    font-family: 'Nimbus_B', sans-serif;
    margin: 0;
    color: white;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
    word-break: normal;
    hyphens: auto;
}

.paremale {
    text-align: right;
}


h1 {
	font-size: 4.5vw;
	line-height: 1.1em;
	font-family: 'Nimbus_B', sans-serif;
	margin: 0;
	color: white;
	-webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
    word-break: normal;
    hyphens: auto;


}

h1:hover {
	color: rgba(0,0,0,0);
}


h3 {
	margin-top: 50px;
    margin-bottom: 15px;
	font-size: 1.8vw;
	font-family: 'Nimbus_B', sans-serif;
	-webkit-font-smoothing: antialiased;
    letter-spacing: 1px;

}

h4 {
    margin: 0 auto;
    font-size: 1.5vw;
    font-family: 'Nimbus', sans-serif;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1px;
    font-weight: 100;


}

p {
    color: white;
    font-family: 'Nimbus', sans-serif;
    font-size: 1.5vw;
    margin-top: 30px;
    margin-bottom: 0;
}

ul {
    list-style-type: none;
    text-decoration: none;
    font-family: 'Nimbus', sans-serif;
    line-height: 20px;
    letter-spacing: -0.5px;
    padding-left: 30px;
    margin-top: 5px;
}

li {

    margin-top: 25px;
}

/*/     Avaleht      /*/
/*/     Avaleht      /*/
/*/     Avaleht      /*/


.avaleht {
  
  display: table;
  height: 100px;
  width: 100%;
  text-align: center;
  margin-top: 50px;
}

a {
  text-decoration: none;
  font-size: 4.5vw;
  color: black;
  font-family: 'Nimbus_B', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -2px;
  line-height: 5vw;
  margin-bottom: 25px;
}

a:hover {
    position: relative;
    color: white;
  
     -webkit-text-stroke-width: 1.5px;
   -webkit-text-stroke-color: black;
}

/*/     Avalehe hoverid      /*/
/*/     Avalehe hoverid      /*/
/*/     Avalehe hoverid      /*/

a#ABOUT2:hover:after {
content: url(../thumb/about-thumb.png);

}

a#AVATUD:hover:after {
    content: url(../thumb/avatud-thumb.png); /* no need for qoutes */
}

a#RUUM:hover:after {
    content: url(../thumb/sise-thumb.png); 
}

a#TASE:hover:after {
    content: url(../thumb/tase-thumb.png); 
}

a#ACCESS:hover:after {
    content: url(../thumb/access-thumb.png); 
}

a#ANDRO:hover:after {
    content: url(../thumb/andro-thumb.jpg); 
}

a#GD17:hover:after {
    content: url(../thumb/gd17-thumb.png); 
}

a#AY:hover:after {
    content: url(https://www.upload.ee/image/6890650/esj6kphagqpy.jpg); 
}

a#TSENS:hover:after {
    content: url(../thumb/jorven-thumb.png); 
}

a#ULLA:hover:after {
    content: url(../thumb/ulla-thumb.png); 
}

a#MUHU:hover:after {
    content: url(../thumb/meeri-thumb.png); 
}

a#OSS:hover:after {
    content: url(../thumb/oskar-thumb.png); 
}

a#ANDU:hover:after {
    content: url(../thumb/andreas-thumb.png); 
}

a#OSS:hover:after {
    content: url(../thumb/oskar-thumb.png); 
}

a#MAA:hover:after {
    content: url(../thumb/tuuli-thumb.png); 
}

a#SCI:hover:after {
    content: url(../thumb/joosep-thumb.png); 
}

a#NITAA:hover:after {
    content: url(../thumb/anita-thumb.png); 
}

a#NORA:hover:after {
    content: url(../thumb/nora-thumb.png); 
}

a:hover:after {
      display: block;
    position: absolute;
    left: -200px;
    z-index: -999;
      ; /* change this value to one that suits you */
    top: -156px; /* change this value to one that suits you */
}

/*      Taustavärvid        */
/*      Taustavärvid        */
/*      Taustavärvid        */




/*/     Suuremad blokid      /*/
/*/     Suuremad blokid      /*/
/*/     Suuremad blokid      /*/

.must {
    color: black !important;
}

.must > p {
    color: black !important;
}
.container {
	width: 75% !important;
	overflow: none !important;
}

.kategooria {
	font-weight: bold;
	margin-bottom: 30px;
	padding-left: 20px;
}

.info {


	line-height: 1.6em;
	padding: 0;
    color: white;
}

.pealkiri {
	margin-top: 100px;

}

a.pealkiri {
    color:white;
}

.essa {
    margin-top: 75px;
}

.jutt--keskele{
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    min-height: 400px;
    font-size: 24px;
    font-family: 'Meriva', sans-serif;
    line-height: 1.4em;
}

.keskele {
    line-height: 1.2em;
}



.mock {
background-color: grey;
width: 100%;
overflow: hidden;

}


/*/     Misc      /*/
/*/     Misc      /*/
/*/     Misc      /*/


img {
	width: 100%;
    padding: 20px;
}

span {
  display: table-cell;
  vertical-align: middle;
}



/*/     SmoothState.js keyframe-id      /*/
/*/     SmoothState.js keyframe-id      /*/
/*/     SmoothState.js keyframe-id      /*/

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes moveInFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes moveInFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes moveOutToLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes moveOutToLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@-webkit-keyframes moveInFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes moveInFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes moveOutToRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
}

@keyframes moveOutToRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
}

.sceneElement {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    transition-timing-function: ease-in;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.is-exiting .sceneElement {
    transition-timing-function: ease-out;
}

#main[data-transition=fade] .sceneElement {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

#main[data-transition=fade].is-exiting .sceneElement {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

#main[data-transition=moveleft] .sceneElement {
    -webkit-animation-name: moveInFromLeft;
    animation-name: moveInFromLeft;
}

#main[data-transition=moveleft].is-exiting .sceneElement {
    -webkit-animation-name: moveOutToRight;
    animation-name: moveOutToRight;
}

#main[data-transition=moveright] .sceneElement {
    -webkit-animation-name: moveInFromRight;
    animation-name: moveInFromRight;
}

#main[data-transition=moveright].is-exiting .sceneElement {
    -webkit-animation-name: moveOutToLeft;
    animation-name: moveOutToLeft;
}