@charset "UTF-8";
html {
	box-sizing:border-box;
	height: 100%;
}
*,:before,:after {
	box-sizing:inherit
}
body {
	margin:0;
	color:#000;
	background:#fff;
	font:12px/1.25 Arial,Helvetica,sans-serif;
	min-width:320px;
	overflow:hidden;
	height: 100%;
}
body.inner-page {
	-webkit-transition:background 1s ease;
	transition:background 1s ease;
}
* {
	max-height:1000000px;
}
canvas#myCanvas,
div#myCanvas {
	left:0;
	position:fixed;
	top:0;
	z-index:-10;
	height:100%;
	width:100%
}
canvas.mycanvasz,
div.mycanvasz {
	z-index:100!important;
}
.wrap{
	max-width:1200px;
	padding:0 10px;
	margin:0 auto;
}
#wrapper{
	overflow:hidden;
	width:100%;
	position:relative;
	height:100%;
	min-height:600px;
	min-width:800px;
	background:#fff none repeat scroll 0 0
}.active-section .section-content {
    visibility: visible;
    opacity: 1;
    top: 50%
}

.home-page .stripes {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 600px;
    min-width: 800px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: visibility 0s ease, opacity 0s ease;
    transition: visibility 0s ease, opacity 0s ease
}

.home-page #main {
    position: relative;
    height: 100%;
    width: 100%;
    min-height: 600px;
    min-width: 800px;
    overflow: hidden;
    background: #fff;
    -webkit-transition: background .1s linear 1.2s;
    transition: background .1s linear 1.2s
}

.home-page .section {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    -webkit-transition: visibility .25s linear, opacity .25s linear;
    transition: visibility .25s linear, opacity .25s linear
}

.home-page .section .bg-stretch {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear, opacity 0s linear;
    transition: visibility 0s linear, opacity 0s linear
}

.home-page .section .bg-stretch {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    background-attachment: fixed
}

.home-page .section .bg-stretch:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}
.home-page .section .bg-stretch img {
    display: none
}
.home-page .section:nth-child(5n-3) .bg-stretch:before { z-index: 100; }
.home-page .section:nth-child(5n-2) .bg-stretch:before { z-index: 100; }
.home-page .section:nth-child(5n-1) .bg-stretch:before { z-index: 100; }

.home-page.redirect-active .active-section,
.home-page.redirect-active .stripes {
    opacity: 0!important;
    visibility: hidden!important
}

.home-page.js-stripes-ready .stripes {
    cursor: pointer;
    z-index: 10;
    display: block
}

.home-page.js-stripes-ready .section.hover-section {
    opacity: 1;
    visibility: visible
}

.home-page.js-stripes-ready .section.hover-section .bg-stretch {
    opacity: 1;
    visibility: visible;
    background-image: url(../img/mdj.jpg)
}
.home-page.js-stripes-ready .section.sec1.hover-section .bg-stretch {
    opacity: 1;
    visibility: visible;
    background-image: url(../img/izq-fondo.jpg)!important
}
.home-page.js-stripes-ready .section.sec2.hover-section .bg-stretch {
    opacity: 1;
    visibility: visible;
    background-image: url(../img/maa.jpg)!important
}
.home-page.js-stripes-ready .section.sec3.hover-section .bg-stretch {
    opacity: 1;
    visibility: visible;
    background-image: url(../img/mdj.jpg)!important
}
.home-page.js-stripes-ready .section.sec4.hover-section .bg-stretch {
    opacity: 1;
    visibility: visible;
    background-image: url(../img/akido.jpg)!important
}
.home-page.js-stripes-ready .section.sec5.hover-section .bg-stretch {
    opacity: 1;
    visibility: visible;
    background-image: url(../img/dcha-fondo.jpg)!important
}


.home-page.js-stripes-ready .section.active-section,
.home-page.js-stripes-ready .section.active-section .bg-stretch {
    opacity: 1;
    visibility: visible
}