@font-face {
    font-family: 'flamabook';
    src: url('../fonts/flama-book-webfont.eot');
    src: url('../fonts/flama-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/flama-book-webfont.woff') format('woff'),
         url('../fonts/flama-book-webfont.ttf') format('truetype'),
         url('../fonts/flama-book-webfont.svg#flamabook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'flamamedium';
    src: url('../fonts/flama-medium-webfont.eot');
    src: url('../fonts/flama-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/flama-medium-webfont.woff') format('woff'),
         url('../fonts/flama-medium-webfont.ttf') format('truetype'),
         url('../fonts/flama-medium-webfont.svg#flamamedium') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'brandon_printedextras';
    src: url('../fonts/hvd_fonts_-_brandon_printed_extras-webfont.eot');
    src: url('../fonts/hvd_fonts_-_brandon_printed_extras-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hvd_fonts_-_brandon_printed_extras-webfont.woff2') format('woff2'),
         url('../fonts/hvd_fonts_-_brandon_printed_extras-webfont.woff') format('woff'),
         url('../fonts/hvd_fonts_-_brandon_printed_extras-webfont.ttf') format('truetype'),
         url('../fonts/hvd_fonts_-_brandon_printed_extras-webfont.svg#brandon_printedextras') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_printedone';
    src: url('../fonts/hvd_fonts_-_brandon_printed_one-webfont.eot');
    src: url('../fonts/hvd_fonts_-_brandon_printed_one-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hvd_fonts_-_brandon_printed_one-webfont.woff2') format('woff2'),
         url('../fonts/hvd_fonts_-_brandon_printed_one-webfont.woff') format('woff'),
         url('../fonts/hvd_fonts_-_brandon_printed_one-webfont.ttf') format('truetype'),
         url('../fonts/hvd_fonts_-_brandon_printed_one-webfont.svg#brandon_printedone') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
	margin: 0; 
	padding: 0; 
}

#ptest {
  position: absolute;
  margin: auto;
  top: 30px;
  left: 500000px;
  right: 0;
  bottom: 0;
  width: 100px;
  height: 100px;
  max-width: 6400px;
  background-color: blue;
  z-index: 500000000;
  display: none;
}

svg {
  position: absolute;
  margin: auto;
  top: 0px;
  left: 100%;
  /* padding: 0 750px 0 200px !important; */
  padding: 0 200px 0 0 !important;
  margin-left: 200px !important;
  right: 0;
  bottom: 0;
  /*width: 4000px;
  max-width: 6400px;*/
}

.legenda {
    font-size: 11px;
    margin-bottom: 20px;
}

#intro {
    position: absolute;
    width: 100%;
    color: #fff;
    height: 100%;
    min-height: 100%;
    z-index: 99999999;
    min-width: 520px;
    margin: 0 auto;
    right: 0;
    /* -webkit-box-shadow: 10px 0px 150px -2px rgba(0,0,0,1);
    box-shadow: 10px 0px 150px -2px rgba(0,0,0,1); */
}

.logo-escondido {
    top:55% !important;
    opacity:0 !important;
    -webkit-transition: all 0.5s ease-in-out;  
  transition: all 0.5s ease-in-out;
}

#logo {
    position:relative;
    left:50%;
    top:50%;
    opacity: 1;
    -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%); 
        -webkit-transition: all 0.5s ease-in-out;  
  transition: all 0.5s ease-in-out;
}


.years {
    position: absolute;
    font-size: 24px;
    font-family: 'flamamedium';
    color: white;
    font-weight: bold;
}

#ending {
position: relative;
width: 360px;
color: #fff;
background: rgba(0,0,0,0.4);
height: 100%;
z-index: 99999999;
right: -360px;
float: right;
    opacity:0;
        -webkit-transition: all 0.3s ease;  
          transition: all 0.3s ease;
}


#ending p {
	    color: #999;
	    top: 50%;
	    position: relative;
	    -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); 
	    padding: 40px;
}



.ending-visible {
    opacity:1 !important;
    right: 0px !important;
    -webkit-transition: all 0.3s ease;  
          transition: all 0.3s ease;
}

#textinho-overlay, #personagens-overlay {
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    background: rgba(20,20,20,0.9);
    top: 0;
    left: 0;
    z-index: 1000000000;
    max-height:100%;
    overflow-y: auto;
}

#personagens-overlay { 
    background: rgba(255,255,255,0.95);
}

#textinho-overlay > div, #personagens-overlay > div {
    color: #999;
    max-width: 500px;
    width: 90%;
    position: relative;
    margin: 0 auto;
    top: 50px;
    padding-bottom:100px;
    /*top: 50%;
    -webkit-transform: translateY(-50%); 
      -ms-transform: translateY(-50%); 
          transform: translateY(-50%);  */
}

#textinho-overlay > div #textinho-overlay-close, #personagens-overlay > div #personagens-overlay-close {
    float: right;
    opacity: 0.2;
        -webkit-transition: all 0.3s ease;  
          transition: all 0.3s ease;
}

#textinho-overlay > div #textinho-overlay-close:hover, #personagens-overlay > div #personagens-overlay-close:hover {
    float: right;
    opacity: 0.6;
        -webkit-transition: all 0.3s ease;  
          transition: all 0.3s ease;
}

#textinho-overlay > div > div, #personagens-overlay > div > div {
    display:none;
    clear:both;
}

#textinho-overlay > div > div > img, #personagens-overlay > div > div > img {
    width:100%;
    max-width:100%;
    border-radius:4px;
    margin-bottom:5px;
}


#mapaIframe {
  height: 300px;
  margin: 40px 0 0 0;
  padding: 0;
  width: 100%;
  display:block !important;
}


#estadao-logo {
    position: fixed;
    margin: 5px 8px;
    height: 30px;
    left: 0;
    opacity: 0.6;
    -webkit-transition: all 0.3s ease;  
          transition: all 0.3s ease;
}

#estadao-wrap {
    z-index: 100000001; 
    position: fixed;
     opacity: 1;
-webkit-transition: all 1.4s ease;  
          transition: all 1.4s ease;
}

#estadao-logo:hover {
     opacity: 1;
-webkit-transition: all 0.3s ease;  
          transition: all 0.3s ease;
}

#right-arrow{
    float:right; 
    position: absolute; 
    right: 40px;
    top: 50%;
    margin-top: -63px;
    opacity:1;
    -webkit-transition: all 1s ease;  
          transition: all 1s ease;
    
}

.sem-opacidade {
    opacity: 0 !important; 
        -webkit-transition: all 1s ease;  
          transition: all 1s ease;
}

#right-arrow img {
    position:relative;
    -webkit-animation: maozinha 0.5s ease 1s infinite alternate; /* Chrome, Safari, Opera */
    animation: maozinha 0.5s ease 1s infinite alternate;
}


/* Chrome, Safari, Opera */
@-webkit-keyframes maozinha {
    0%   { right:0px;}
    100% { right:12px;}

}

/* Standard syntax */
@keyframes maozinha {
    0%   { right:0px;}
    100% { right:12px;}
}



#right-arrow:hover {
    opacity: 0.5;
    -webkit-transition: all 0.3s ease;  
          transition: all 0.3s ease;
}

#tl-wrap {
    left: 100%;
    width: 6316px;
    height: 650px;
    position: absolute;
    top: 50%;
    margin-top: -325px;
    z-index: 1;
    
}

.bolinha {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #bc0f3c;
    border: 3px solid white;
    border-radius: 50%;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;  
          transition: all 0.3s ease;
    /*overflow:hidden;*/
    text-align: center;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.bolinha img {
    opacity: 0;
    max-height: 100%;
}

.bolinha:hover {
    width: 60px;
    height: 60px;
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 0;
    -webkit-transition: all 0.3s ease;  
          transition: all 0.3s ease;
}

.bolinha:hover img {
    opacity: 1;
    -webkit-transition: all 0.3s ease;  
          transition: all 0.3s ease;
}

.tl-ano {
    font-family: 'brandon_printedextras';
    color: white;
    text-decoration: none;
    /* text-align: center; */
    position: absolute;
    font-size: 20px;
    top: -30px;
    /* margin: -30 auto; */
    left: 50%;
    -webkit-transform: translateX(-50%); 
      -ms-transform: translateX(-50%); 
          transform: translateX(-50%);  
}


.super-ano {
    font-family: 'brandon_printedextras';
    color: #0a89a4;
    font-size: 50px;
    display:block;
    text-align: center;
}

.super-ano::before {content: 'H '; }
.super-ano::after {content: ' I'; }

.super-titulo {
    font-family: 'brandon_printedone';
    color: #bc0f3c;
    font-size: 20px;
    display:block;
    margin-bottom: 10px;
    text-align: center;
}

.super-titulo::after {
    content: '***';
    display:block;
    margin: 20px 0;
}

.textinho {
    height: 270px;
    display: block;
    border-left: 1px solid rgba(255,255,255,0.2);
    position: absolute;
    width:130px;
    padding-left:10px;
    font-family: 'flamamedium';
    -webkit-transition: all 0.3s ease;  
            transition: all 0.3s ease;
}

.textinho.t-top { top: 171px; }
.textinho.t-bottom { height:100px; top: 445px; }

.textinho span {
    color: #0a89a4;
    font-family: 'brandon_printedextras';
    font-size: 20px;
}

.textinho a {
    text-decoration: none;
    color: #999;
}

.textinho.t-bottom a {
    top: 37px;
    position: absolute;
    -webkit-transition: all 0.3s ease;  
          transition: all 0.3s ease;
}

.textinho:hover {
    height:280px;
    margin-top:-10px;
        -webkit-transition: all 0.3s ease;  
          transition: all 0.3s ease;
}
.textinho.t-bottom:hover {
    height:110px;
    margin-top:0px;
        -webkit-transition: all 0.3s ease;  
          transition: all 0.3s ease;
}

.textinho.t-bottom:hover a {
    margin-top:10px;
        -webkit-transition: all 0.3s ease;  
          transition: all 0.3s ease;
}

.textinho a:hover {
    color: #fff;
        -webkit-transition: all 0.3s ease;  
          transition: all 0.3s ease;
}

#b1954a { top: 432px; left: 191px; }
#b1954b { top: 227px; left: 380px; }
#b1958 { left: 736px; top: 278px; } 
#b1959 { left: 810px; top: 432px; } 
#b1966 { left: 1300px; top: 425px; } 
#b1967 { left: 1400px; top: 425px; } 
#b1968 { left: 1520px; top: 425px; } 
#b1970 { left: 1665px; top: 425px; } 
#b1971 { left: 1794px; top: 365px; }
#b1974 { left: 2180px; top: 432px; }
#b1975 { left: 2365px; top: 315px; }
#b1980 { left: 2880px; top: 432px; }
#b1984 { left: 3150px; top: 425px; }
#b1991 { left: 3870px; top: 432px; }
#b1993 { left: 3970px; top: 432px; }
#b1994 { left: 4039px; top: 261px; }
#b1997 { left: 4238px; top: 432px; }
#b2005 { left: 5038px; top: 318px; }
#b2012 { left: 6016px; top: 312px; }
#b2013 { left: 6096px; top: 402px;}
#b2014 { left: 6180px; top: 432px; }

#t1955 { left: 450px; }
#t1956 { left: 480px; }
#t1957 { left: 620px; }
#t1958 { left: 665px; margin-top:-30px; } #t1958:hover { margin-top:-40px !important; }
#t1960 { left: 865px; }
#t1961 { left: 900px; }
#t1962a { left: 1000px; }
#t1962b { left: 1055px; }
#t1963 { left: 1146px; height: 148px; } #t1963:hover { height:158px !important; }
#t1964 { left: 1195px; margin-top:-7px; } #t1964:hover { margin-top:-7px; }
#t1965 { left: 1265px; margin-top:-7px; } #t1965:hover { margin-top:-17px; }
#t1968 { left: 1470px;  margin-top:-7px; } #t1964:hover { margin-top:-7px; }
#t1969 { left: 1610px; margin-top:-7px; } #t1969:hover { margin-top:-17px; }
#t1972a { left: 1805px; }
#t1972b { left: 1890px; }
#t1973a { left: 1970px; }
#t1973b { left: 2095px; height: 148px; } #t1973b:hover { height:158px !important; }
#t1974 { left: 2295px;  }

#t1975 { left: 2425px; }
#t1976 { left: 2515px; }
#t1977 { left: 2595px; }
#t1978 { left: 2779px ; }
#t1979 { left: 2795px; }
#t1981 { left: 2938px; }
#t1982 { left: 2995px; }
#t1983 { left: 3125px;  margin-top:-7px; } #t1983:hover { margin-top:-17px; }
#t1985 { left: 3195px;  margin-top:-7px; } #t1985:hover { margin-top:-7px; }
#t1986 { left: 3335px ; }
#t1987 { left: 3395px;  margin-top:-7px; } #t1987:hover { margin-top:-7px; }
#t1988 { left: 3495px; }
#t1989 { left: 3595px;  margin-top:-7px; } #t1989:hover { margin-top:-7px; }
#t1990 { left: 3770px; height: 210px; } #t1990:hover { height:220px !important; }
#t1991 { left: 3815px; }
#t1992 { left: 3915px; }
#t1995 { left: 4075px; }
#t1996a { left: 4166px; margin-top: -30px; } #t1996a:hover { margin-top: -40px; }
#t1996b { left: 4205px; }
#t1998 { left: 4300px; }
#t1999 { left: 4395px; }
#t2000 { left: 4495px; }
#t2001 { left: 4595px; }
#t2002 { left: 4695px; }
#t2003 { left: 4795px; }
#t2004a { left: 4895px; }
#t2004b { left: 5046px; }
#t2005 { left: 5095px; height: 148px; } #t2005:hover { height:158px !important; }
#t2006 { left: 5195px; }
#t2007a { left: 5295px; }
#t2007b { left: 5425px; top: 322px; height: 225px; } #t2007b a { top: 162px; }
#t2007c { left: 5495px; }
#t2007d { left: 5595px; }
#t2008 { left: 5695px; height: 148px; } #t2005:hover { height:158px !important; }
#t2009 { left: 5775px; top: 438px; }
#t2010 { left: 5895px; margin-top: -7px; } #t2010:hover {margin-top: -17px; }
#t2011a { left: 5935px; top: 438px; }
#t2015 { left: 6230px; }




.b {
font-family: 'flamamedium';
}

#quiz {
    display:inline-block;;
    padding:10px 20px;
    border: 3px solid #fff;
    margin-top:20px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    font-family: 'flamamedium';
    opacity: 0.6;
    -webkit-transition: all 0.3s ease;  
          transition: all 0.3s ease;
}

#quiz:hover {
    opacity: 1;
    background: #bc0f3c;
    -webkit-transition: all 0.3s ease;  
          transition: all 0.3s ease;
}

/* ==========================================================================
   Redes Sociais
   ========================================================================== */

#shareBar{
    position: fixed;
    width: 110px;
    height: 40px;
    top: 10px;
    right: 10px;
    z-index: 100000000;
         opacity: 1;
-webkit-transition: all 1.4s ease;  
          transition: all 1.4s ease;
}
#header #shareBar{
  right:0;
}
#shareBar a{
  display:block; float:left;
  text-decoration: none;
  width: 30px; height: 30px;
  margin-left: 10px;
  background: transparent url('https://infograficos.estadao.com.br/geral/img/social-icons-round.png') no-repeat center top;
}
#shareBar a span{
  display: block;
  text-decoration: none;
  text-align: center;
  color: #999;
  font-size: 11px;
  font-weight: bold;
  margin-top: 40px;
}
#shareBar a#btFbShare{ background-position: -40px 0; margin-left: 0; }
#shareBar a#btFbShare:hover{ background-position: -40px -40px; }
#shareBar a#btGPlusShare{ background-position: -80px 0; }
#shareBar a#btGPlusShare:hover{ background-position: -80px -40px; }
#shareBar a#btTwitterShare{ background-position: 0 0; }
#shareBar a#btTwitterShare:hover{ background-position: 0 -40px; }




body {
  width: 6400px;
  background-color: #d5d7d8; 
  background-size: cover;
  background: #000 url("../img/bg_4.jpg") no-repeat center center fixed;
  background-size: cover;
    min-height: 650px;
}

.overlay-dark {
  position:fixed;
  width: 100%;
  height: 100%;
}

.noscroll {
	overflow: hidden;
}

.topics{
    width: 100%;
     position: absolute;
}

/* PRIMEIRO PIN */ 

#pin1 {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: 570px;
    margin-left: 2100px;
    background-color: white;
    border-radius: 50%;
}

#img_2{
	position: absolute;
	margin-top: 510px;
	margin-left:2040px;
    display:none;
    border: 1px solid white;
}

#y1 {
    margin-top: 525px;
    margin-left: 2080px;
}

/* SEGUNDO PIN */

#pin2 {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: 460px;
    margin-left: 2060px;
    background-color: white;
    display: none;
    border-radius: 50%;
}

#pin3 {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: 460px;
    margin-left: 3060px;
    background-color: white;
    border-radius: 50%;

}

#pin4 {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: 460px;
    margin-left: 4060px;
    background-color: white;
    border-radius: 50%;

}

#pin5 {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: 460px;
    margin-left: 5060px;
    background-color: white;
    border-radius: 50%;

}

.grid-wrap { 
	width: 100%;
	padding: 0;
	n-webkit-perspective: 1500px;
	perspective: 8000px;
}

.grid {
	position: absolute;
	-webkit-transition: all 0.5s cubic-bezier(0,0,0.25,1);
	transition: all 0.5s cubic-bezier(0,0,0.25,1);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.view-full .grid {
	-webkit-transform: translateZ(-1500px);
	transform: translateZ(-1500px);
}

.grid figure,
.grid .placeholder {
	width: 150px;
	height: 150px;
}

.grid figure {
	margin-left: 660px;
    margin-top: 50px;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

.grid figure:hover { 

}

#img_1{
	position: absolute;
	margin-top: -150px;
	margin-left: 0px;

}


#img_3{
	position: absolute;
	margin-top: 400px;
	margin-left:2000px;
    display:none;
    
}
#img_4{
	position: absolute;
	margin-top: 400px;
	margin-left:3000px;
    display: none;
}

#img_5{
	position: absolute;
	margin-top: 400px;
	margin-left:4000px;
  display:none;
}

#img_6{
	position: absolute;
	margin-top: 400px;
	margin-left:5000px;
  display:none;
}

.grid figure.active {
	opacity: 0;
}

.grid .placeholder {
	pointer-events: none;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.placeholder > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.placeholder .front img {
	width: 100%;
	height: 100%;
}

.placeholder .back {
	background: white;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.view-full .placeholder {
	-webkit-transition: all 0.5s 0.1s cubic-bezier(0,0,0.25,1);
	transition: all 0.5s 0.1s cubic-bezier(0,0,0.25,1);
}

.vertical .view-full .placeholder {
	-webkit-transform: translateZ(1500px) rotateX(-179.9deg);
	transform: translateZ(1500px) rotateX(-179.9deg); /* FF, Chrome, can we agree on one direction, pleeease? */
}

.horizontal .view-full .placeholder {
	-webkit-transform: translateZ(1500px) rotateY(-179.9deg);
	transform: translateZ(1500px) rotateY(-179.9deg);
}

.grid figure img {
	display: block;
	width: 100%;
}

.content,
.loading {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none; /* Careful, does not work in IE < 11 http://caniuse.com/#search=pointer-events */
}

.content {
	overflow-y: scroll;
	height: 0; /* What seems to be the problem, officer? Well, we have a second scroll bar in Chrome! */
	background: #fff;
	visibility: hidden;
	z-index: 400;
	-webkit-overflow-scrolling: touch;
}

.loading {
	opacity: 0;
	z-index: 1;
	background: transparent url(../img/preloader.gif) no-repeat center center;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
}

.loading.show {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.content.show {
	height: auto;
	pointer-events: auto;
	visibility: visible;
}

.content > div {
	z-index: 10;
	position: absolute;
	top: 0;
	width: 100%;
	overflow: hidden;
	height: 0;
	opacity: 0;
	background: #fff;
}

.content > div.show {
	height: auto;
	opacity: 1;	
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.icon:before {
	font-family: 'fontawesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.close-content {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 10px;
	font-size: 1.6em;
	color: #aaa;
	cursor: pointer;
	pointer-events: none;
	padding: 1em;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.close-content:hover {
	color: #999;
}

.content > div.show ~ .close-content {
	opacity: 1;
	pointer-events: auto;
}

.close-content:before {
	content: "\e602";
}

/* Dummy content */

.dummy-img,
.dummy-text {
	max-width: 600px;
	width: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
}

.vertical .dummy-img,
.vertical .dummy-text {
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
}

.horizontal .dummy-img,
.horizontal .dummy-text {
	-webkit-transform: translateX(-100px);
	transform: translateX(-100px);
}

.content > div.show .dummy-img,
.content > div.show .dummy-text {
	opacity: 1;
}

.vertical .content > div.show .dummy-img,
.vertical .content > div.show .dummy-text {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.horizontal .content > div.show .dummy-img,
.horizontal .content > div.show .dummy-text {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

p.dummy-text:nth-child(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

p.dummy-text:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.dummy-img {
	height: 400px;
	margin: 30px auto;
}

.dummy-text {
	text-align: left;
	margin: 0 auto;
	padding: 10px 0;
	color: #9d9d9d;
	font-size: 1em;
	/*font-family: 'Blokk', Arial, serif;*/
}

.dummy-text:last-child {
	padding-bottom: 100px;
}

/* Simple fallback */
/* if any of these are not supported, a simple fallback will be shown */
.no-pointerevents .content,
.no-csstransforms3d .content,
.no-csstransitions .content,
.no-pointerevents .content > div,
.no-csstransforms3d .content > div,
.no-csstransitions .content > div,
.no-pointerevents .close-content,
.no-csstransforms3d .close-content,
.no-csstransitions .close-content {
	opacity: 1;
	visibility: visible;
	display: none;
	height: auto;
}

.no-pointerevents .show .close-content,
.no-csstransforms3d .show .close-content,
.no-csstransition .show .close-content,
.no-pointerevents div.show,
.no-csstransforms3d div.show,
.no-csstransitions div.show,
.no-csstransitions .dummy-img,
.no-csstransitions .dummy-text,
.no-csstransforms3d .dummy-img,
.no-csstransforms3d .dummy-text, 
.no-pointerevents .dummy-img,
.no-pointerevents .dummy-text {
	display: block !important;
	opacity: 1;
}

a {
   outline: 0 !important;
}

@media (min-height: 650px) {
  body, html {
    overflow-y: hidden !important;
  }
}