﻿@media screen and (min-width: 48em) {
}
@media screen and (min-width: 60em) {
.download.mobile {
	display: none;
}
}
@media screen and (min-width: 67em) {
body {
	font-size: 18px;
	font-size: 1.125em;
}
h1{
	font-size:2.3em;	
}
h2{
	font-size:1.25em;
}
.center-wrap {
	max-width: 70%;
	margin: 0 auto;
}
.lk {
	width: 140px;
	height: auto;
}
/** BLOQUES*/
.bloque-grid {
	display: inline-block;
	clear: both;
	float: none;
	width: 100%;
	position: relative;
}
.bloque2, .bloque2-short, .bloque2-large, .bloque3 {
	float: left;
	vertical-align: top;
	min-height: 1px;
	position: relative;
}
.bloque2 {
	width: 47%;
	margin-right: 6%;
}
.bloque2:nth-child(2n) {
	margin-right: 0;
}
.bloque2-short {
	width: 27%;
	margin-right: 6%;
}
.bloque2-large {
	width: 67%;
	margin-right: 0;
}
.bloque3 {
	width: 30%;
	margin-right: 5%;
	margin-bottom: 1%;
}
.bloque3:nth-child(3n) {
	margin-right: 0;
}
.bloque2 img, .bloque2-short img {
	max-width: 100%;
}
/** CUSTOM STYLES*/
.page18 .bloque2-large {
	width: 60%;
}
.page18 .bloque2-short {
	width: 35%;
	margin-right: 0;
	margin-left: 5%;
}
.page19 .bloque2-short {
	width: 35%;
	margin-right: 0;
	margin-left: 5%;
}
/** BACKGROUND*/
.chapter .background-wrap-left {
	background-image: url('../images/cover-magenta.png');
	background-size: cover;
	background-position: bottom left;
	background-repeat: no-repeat;
	z-index: 1;
	mix-blend-mode: multiply;
}
.chapter .background-wrap-right {
	background-image: url('../images/cover-green.png');
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
	z-index: 1;
	mix-blend-mode: multiply;
}
.chapter .background-wrap-right2 {
	background-image: url('../images/cover-white.png');
	background-size: cover;
	background-position: right;
	background-repeat: no-repeat;
	z-index: 2;
}
.chapter.cover .background-wrap-left {
	background-image: url('../images/coverm.png');
	background-size: cover;
	background-position: bottom left;
	background-repeat: no-repeat;
	z-index: 1;
	mix-blend-mode: multiply;
}
.chapter.cover .background-wrap-right {
	background-image: url('../images/coverg.png');
	background-size: cover;
	background-position: bottom left;
	background-repeat: no-repeat;
	z-index: 1;
	mix-blend-mode: multiply;
}
@-moz-document url-prefix() {
  .chapter.cover .background-wrap-right, .chapter.cover .background-wrap-left {
    opacity:0.8;
  }
}
.chapter.cover .background-wrap-right2 {
	background-image: url('../images/coverw.png');
	background-size: cover;
	background-position: bottom left;
	background-repeat: no-repeat;
	z-index: 2;
}
.page2 .background-wrap-right {
	background-image: url('../images/side2b.png');
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	z-index: 1;
}
.page2 .background-wrap-right2 {
	background-image: url('../images/side2.png');
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	z-index: 2;
	mix-blend-mode: multiply;
}
.page3 .background-wrap-left {
	background-image: url('../images/side3.png');
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 2;
}
.page3 .background-wrap-right {
	background-image: url('../images/side3b.png');
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	z-index: 1;
}
.page3 .background-wrap-right2 {
	background-image: url('../images/side3c.png');
	background-size: contain;
	background-position: center right;
	background-repeat: no-repeat;
	z-index: 999;
}
.page11 .background-wrap-left {
	background-image: url('../images/side11.jpg');
	background-size: contain;
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 1;
}
.page19 .background-wrap-right {
	background-image: url('../images/back19.jpg');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.page22 .background-wrap-right {
	background-image: url('../images/side2b.png');
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	z-index: 1;
}
.page22 .background-wrap-right2 {
	background-image: url('../images/side2.png');
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	z-index: 2;
	mix-blend-mode: multiply;
}
.section.active .background-wrap-left, .section.active .background-wrap-right, .section.active .background-wrap-right2, .section.active .background-wrap-single-right {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.background-wrap-left, .background-wrap-right, .background-wrap-right2, .background-wrap-single-right, .background-wrap-bottom, .background-wrap-top {
	-moz-transition: transform 1s cubic-bezier(.73, 0, .1, .94);
	-o-transition: transform 1s cubic-bezier(.73, 0, .1, .94);
	-webkit-transition: transform 1s cubic-bezier(.73, 0, .1, .94);
}
.section .center {
	opacity: 0;
	-moz-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-o-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
}
.section .left {
	opacity: 0;
	-moz-transform: translateX(-20px);
	-webkit-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	transform: translateX(-20px);
}
.section .right {
	opacity: 0;
	-moz-transform: translateX(20px);
	-webkit-transform: translateX(20px);
	-o-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}
.section .down {
	opacity: 0;
	-moz-transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
}
.section .oblique, .section .obliqueW {
	opacity: 0;
	-moz-transform: translateY(20px) skewX(12deg) skewY(12deg);
	-webkit-transform: translateY(20px) skewX(12deg) skewY(12deg);
	-o-transform: translateY(20px) skewX(12deg) skewY(12deg);
	-ms-transform: translateY(20px) skewX(12deg) skewY(12deg);
	transform: translateY(20px) skewX(12deg) skewY(12deg);
}
.section.active .center, .section.active .left, .section.active .right, .section.active .down {
	opacity: 1;
	-moz-transform: translateX(0) translateY(0);
	-webkit-transform: translateX(0) translateY(0);
	-o-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
}
.section.active .oblique, .section.active .obliqueW {
	opacity: 1;
	-moz-transform: translateY(0) skewX(-10deg) skewY(0);
	-webkit-transform: translateY(0) skewX(-10deg) skewY(0);
	-o-transform: translateY(0) skewX(-10deg) skewY(0);
	-ms-transform: translateY(0) skewX(-10deg) skewY(0);
	transform: translateY(0) skewX(-10deg) skewY(0);
}
.section.active {
	-moz-transition: all .25s cubic-bezier(.73, 0, .1, .94);
	-o-transition: all .25s cubic-bezier(.73, 0, .1, .94);
	-webkit-transition: all .25s cubic-bezier(.73, 0, .1, .94);
}
.section.active .center, .section.active .left, .section.active .right, .section.active .down {
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: all 0.5s ease;
}
.section.active .anim1 {
	transition-delay: 0.5s;
}
.section.active .anim2 {
	transition-delay: 0.75s;
}
.section.active .anim3 {
	transition-delay: 1s;
}
.section.active .anim4 {
	transition-delay: 1.25s;
}
.section.active .anim5 {
	transition-delay: 1.5s;
}
.section.active .anim6 {
	transition-delay: 1.75s;
}
.section.active .anim7 {
	transition-delay: 2s;
}
.section.active .anim8 {
	transition-delay: 2.25s;
}
.section.active .anim9 {
	transition-delay: 2.5s;
}
tr {
	opacity: 0;
}
.section.active tr {
	opacity: 1;
}
.section.active tr:nth-of-type(1) {
	transition-delay: 1.1s;
}
.section.active tr:nth-of-type(2) {
	transition-delay: 1.2s;
}
.section.active tr:nth-of-type(3) {
	transition-delay: 1.3s;
}
.section.active tr:nth-of-type(4) {
	transition-delay: 1.4s;
}
.section.active tr:nth-of-type(5) {
	transition-delay: 1.5s;
}
.section.active tr:nth-of-type(6) {
	transition-delay: 1.6s;
}
.section.active tr:nth-of-type(7) {
	transition-delay: 1.7s;
}
.section.active tr:nth-of-type(8) {
	transition-delay: 1.8s;
}
.section.active tr:nth-of-type(9) {
	transition-delay: 1.9s;
}
.section.active tr:nth-of-type(10) {
	transition-delay: 2s;
}
.section.active tr:nth-of-type(11) {
	transition-delay: 2.1s;
}
.section.active tr:nth-of-type(12) {
	transition-delay: 2.2s;
}
.section.active tr:nth-of-type(13) {
	transition-delay: 2.3s;
}
.section.active tr:nth-of-type(14) {
	transition-delay: 2.4s;
}
.section.active tr:nth-of-type(15) {
	transition-delay: 2.5s;
}
.section.active tr:nth-of-type(16) {
	transition-delay: 2.6s;
}
.section.active tr:nth-of-type(17) {
	transition-delay: 2.7s;
}
.section.active tr:nth-of-type(18) {
	transition-delay: 2.8s;
}
.section.active tr:nth-of-type(19) {
	transition-delay: 2.9s;
}
.section.active tr:nth-of-type(20) {
	transition-delay: 3s;
}
.section.active tr {
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
@media screen and (min-width: 87.50em) {
 body {
 font-size: 18px;
 font-size: 1.125em;
}
}
 @media screen and (min-width: 100em) {
body {
	font-size: 20px;
	font-size: 1.250em;
}
}
@media screen and (min-width: 112.500em) {
body {
	font-size: 22px;
	font-size: 1.375em;
}
}