/*	GENERAL	*/
/*			*/
/*			*/

* {
	padding:0;
	margin:0;
	box-sizing:border-box;
	text-decoration:none;
	list-style:none;
}

html {
	height:100%;
	font-size:100%;
}

@media screen and (max-width:800px) {
	html {
		font-size:80%;
	}
}

body {
	font-size:10px;
	height:100%;
}

html,
body,
section,
header,
footer {
	position:relative;
	display:block;
	width:100%;
}

img {
	border:none;
	vertical-align:top;
	max-width:100%;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
HEADER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header {
	position:relative;
	display:block;
	background-size:cover;
	background-color:#FFF;
}

.navmenu {
	position:fixed;
	width:100%;
	left:0; 
	top:0; 
	transition: top .5s;
	background: #007e05;
    background: -moz-linear-gradient(top,  #007e05 1%, #005902 73%, #80c217 76%, #007e05 76%, #7cbc0a 100%);
    background: -webkit-linear-gradient(top,  #007e05 1%,#005902 73%,#80c217 76%,#007e05 76%,#7cbc0a 100%);
    background: linear-gradient(to bottom,  #007e05 1%,#005902 73%,#80c217 76%,#007e05 76%,#7cbc0a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007e05', endColorstr='#7cbc0a',GradientType=0 );
	box-shadow:0 5px 10px rgba(0,0,0,.5);
	z-index:20;
	/*background-color:rgba(255,255,255,.92);*/
}

.navmenu > div {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:auto;
	width:90%;
	max-width:1420px;
}

.gizle {
	top:-130px;
}

.sabit {
	top:0;
	z-index:9999;
}

.navmenu input[type="checkbox"] {
	display:none;
}

.toggle-menu,
.toggle-menu-main {
	display:none;
}

.menu {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}

.menu > li {
	border:solid rgba(255,255,255,.25);
	border-width:0 1px 0 0;
}

.menu > li:nth-child(1) {
	padding-right:20px;
}

.menu > li > a {
	position:relative;
	display:block;
	padding:30px 20px 30px 20px;
	color:#ADEB92;
	font-size:1.3rem;
	font-family: 'Passion One', cursive;
	text-align:center;
	text-transform:uppercase;
	transition:all .25s ease-in;
}

.menu > li > a:hover {
	color:#FFF;
	box-shadow:0 0 15px rgba(0,0,0,.9);
}

.menu > li > a span {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: #004903;
    background: -moz-linear-gradient(top,  #004903 0%, #005902 78%, #007e05 79%);
    background: -webkit-linear-gradient(top,  #004903 0%,#005902 78%,#007e05 79%);
    background: linear-gradient(to bottom,  #004903 0%,#005902 78%,#007e05 79%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004903', endColorstr='#007e05',GradientType=0 );
	transform:translateY(-230px);
	transition:all .25s ease;
	z-index:-1;
}
	
.menu > li:hover a span {
transform:translateY(0);

}

.menu .submenu {
	position:absolute;
	width:100%;
	left:0;
	opacity:0;
	visibility:hidden;
	border:solid #007204;
	border-width:10px 0 10px 0;
	box-shadow:0 1px 3px rgba(0,0,0,.5),
	0 3px 5px rgba(0,0,0,.3),
	0 5px 10px rgba(0,0,0,.1);
	background-color:#FFF;
	transition:all .2s ease;
	z-index:-1;
}

.menu li:hover .submenu {
	opacity:1;
	visibility:visible;
}

.menu .submenu > div {
	display:flex;
	width:90%;
	max-width:1420px;
	margin:auto;
}

.submenu > div > div:nth-child(1) {
	position:relative;
	width:40%;
	border:solid rgba(0,0,0,.05);
	border-width:0 1px 0 0;
}

.submenu > div > div:nth-child(1) h1 {
	display:block;
	padding:10px;
	margin:0;
	font-size:1.3rem;
	text-transform:uppercase;
	color:#FFF;
	background-color:#007204;
}

.submenu > div div:nth-child(2) {
	width:60%;
}

.submenu .item {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	padding:10px;
}

.submenu .item:nth-child(2n) {
	border:none;
}

.submenu .item > div {
	width:50%;
	padding:10px;
}

.submenu .item .foto {
	width:50%;
}

.submenu .item .foto img {
	max-height:300px;
	width:auto;
}

.submenu .item .info {
	width:50%;
}


.submenu .item .info h1 {
	min-height:50px;
	color:#474747;
	font-size:1.3rem;
	font-weight:bold;
	text-transform:uppercase;
}

.submenu .item .info p {
	color:#777;
	font-size:0.9rem;
	line-height:20px;
}

.submenu .item .info a {
	display:block;
	margin-top:25px;
	padding:10px;
	color:#FFF;
	font-size:1rem;
	font-weight:100;
	text-align:center;
	border-radius:5px;
	background: #bfd255;
background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );

}


@media screen and (max-width:900px) {
	
	.navmenu {
		position:relative;
		width:100%;
		background-color:#FFF;
	}
	
	.navmenu > div {
		display:block;
		width:100%;
	}
			
	.menu {
		display:block;
		width:100%;
		margin:auto;
	}
	
	.menu > li {
		position:relative;
		width:100%;
		border-style:solid;
		border-width:0 0 1px 0;
		border-color:rgba(0,0,0,.05);
		z-index:9999;
	}
	
	.menu > li:nth-child(1) {
		padding-right:20px;
	}
	
	.menu > li > a {
		position:relative;
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding:20px;
		color:#777;
		font-size:1.8rem;
		font-family: 'Passion One', cursive;
		text-align:center;
		text-transform:uppercase;
		transition:all .25s ease-in;
		background-color:#FFF;
	}
	
	.menu > li > a:hover {
		color:#333;
		box-shadow:0 0 15px rgba(0,0,0,.9);
	}
	
	.menu > li > a span {
		display:none;
	}
			
	.menu .submenu {
		position:relative;
		width:100%;
		left:0;
		opacity:1;
		visibility:visible;
		box-shadow:none;
		background-color:#FFF;
	}
		
	.menu .submenu > div {
		display:block;
		width:100%;
	}
	
	.submenu > div > div:nth-child(1) {
		width:100%;
		border:solid rgba(0,0,0,.05);
		border-width:0 1px 0 0;
	}
	
	.submenu > div > div:nth-child(1) img {
		display:none;
	}
	
	.submenu > div > div:nth-child(1) h1 {
		display:block;
		padding:20px;
		margin:0;
		font-size:1.8rem;
		text-transform:uppercase;
		color:#FFF;
		background-color:#007204;
	}
	
	.submenu > div div:nth-child(2) {
		width:100%;
	}
	
	.submenu .slide {
		display:block;
		padding:20px;
	}
	
	.submenu .slide:nth-child(2n) {
		border:none;
	}
	
	.submenu .slide > div {
		width:100%;
		padding:20px;
	}
	
	.submenu .slide .foto {
		padding:20px;
		width:100%;
	}
	
	.submenu .slide .foto img {
		width:100%;
		height:auto;
	}
	
	.submenu .slide .info {
		width:100%;
	}
	
	/* toggle */
	
	.toggle-menu-main {
		position:relative;
		display:block;
		font-size:1.8rem;
		color:#FFF;
		padding:20px;
	}
	
	.toggle-menu-main span {
		display:flex;
		justify-content:center;
		align-items:center;
		right:10px;
		top:10px;
		padding:10px;
	}
	
	.toggle-menu-main span i {
		margin-left:10px;
	}
				
	.toggle-menu {
		position:relative;
		display:block;
	}
	
	.toggle-menu i {
		border:none;
		border-width:0;
	}
		
	#tm ~ .menu {display: none;} 
	#tm:checked ~ .menu {display: block;}
	
	#sm1 ~ .submenu {display:none;}
	#sm1:checked ~ .submenu {display:block;}	
	
	#sm2 ~ .submenu {display:none;}
	#sm2:checked ~ .submenu {display:block;}	
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
SECCIONES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

section {
	padding-top:70px;
	box-shadow:0 1px 3px rgba(0,0,0,.5),
	           0 5px 5px rgba(0,0,0,.3),
			   0 10px 15px rgba(0,0,0,.1);
	z-index:2;
	background-color:#F5F8F9;
}

@media screen and (max-width:840px) {
	section {
		padding-top:0;
	}
}

/*INDEX*/

.slider {
	position:relative;
}

.index_1 {
	width:100%;
	min-height:400px;
	background-image:url(../images/index_1.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-size:contain;
	background-color:#66C8DE;
}

.index_1 > div {
	width:90%;
	max-width:1000px;
	margin:auto;
	padding:50px 0 50px 0;
}

.index_1 > div h1 {
	margin:0;
	color:#FFF;
	font-size:5rem;
	text-shadow:0 0 10px rgba(0,0,0,.3);
}

.index_1 > div h2 {
	color:#FFF;
	font-size:3rem;
}

@media screen and (max-width:800px){
	.index_1 > div h1 {
		font-size:3.5rem;
		margin-bottom:25px;
	}

	.index_1 > div h2 {
		font-size:2.2rem;
	}
}

.index_2 {
	width:100%;
	min-height:450px;
	background-image:url(../images/index_3.jpg);
	background-position:left;
	background-repeat:no-repeat;
	background-size:contain;
	background-color:#e3e5ef;
}

.index_2 > div {
	position:relative;
	width:90%;
	max-width:1000px;
	margin:auto;
	padding:50px 0 50px 0;
}

.index_2> div div {
	position:absolute;
	right:0;
	top:50%;
	
	
	
}

.index_2 > div h1 {
	padding:20px;
	margin:0;
	color:#FFF;
	font-size:4rem;
	font-weight:bold;
	font-style:italic;
	text-transform:uppercase;
	background-color:#158209;
}

.index_2 > div span {
	display:block;
	width:100%;
	padding:10px;
	color:#B1FF00;
	font-size:2.5rem;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	background-color:#70B509;
}

/* catalogo */

.catalogo{
	position:relative;
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;
	justify-content:space-between;
	width:90%;
	max-width:1420px;
	margin:auto;
	padding:50px 0 50px 0;
}

.catalogo > li {
	display:flex;
	width:45%;
	height:350px;
	margin-bottom:25px;
	border:solid 1px #FFF;
	background-color:#FFF;
}

.catalogo > li > div {
	width:50%;
}

.catalogo > li .foto {
	position:relative;
	overflow:hidden;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}

@media screen and (max-width:840px) {
	.catalogo {
		justify-content:center;
	}
	.catalogo > li  {
		width:80%;
		flex-wrap:wrap;
		height:auto;
	}
	
	.catalogo > li > div {
		width:100%;
	}
	
	.catalogo > li .foto {
		height:200px;
	}
}

.catalogo > li .foto span {
	position:absolute;
	width:100%;
	height:100%;
	opacity:0;
	color:#FFF;
	font-size:50px;
	font-size:5rem;
	transform:scale(.6,.6) rotate(10deg);
	transition:all .2s linear .1s;
	background-color: rgba(0,114,4,.7);
	cursor:pointer;
}

.catalogo > li .foto span a {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	color:#FFF;
}

.catalogo > li .foto span i {
}

.catalogo > li:hover .foto span {
	opacity:1;
	transform:scale(1,1) rotate(0deg);
}

.catalogo > li .info {
	padding:25px 10px 25px 10px;
	text-align:center;
	box-shadow:0 0 10px rgba(0,0,0,.3),
	0 15px 20px rgba(0,0,0,.03),
	inset 0 0 5px rgba(0,0,0,.15);
}

.catalogo > li h1 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:10px;
	color:#FFF;
	font-size:1.3rem;
	text-transform:uppercase;
	background-color:#62BE3A;
	z-index:2;
}

.catalogo > li .info h2 {
	margin-top:25px;
	color:#26960B;
	font-size:1.5rem;
	font-family: 'Passion One', cursive;
	text-transform:uppercase;
}

.catalogo > li .info p {
	color:#777;
	font-size:0.9rem;
	line-height:25px;
	text-align:center;
}

.catalogo > li .info > a {
	display:inline-block;
	padding:10px 25px 10px 25px;
	margin-top:20px;
	color:#FFF;
	font-size:1.2rem;
	border-radius:25px;
	background: #bfd255;
background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
}

.catalogo > li .redes {
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:80%;
	margin:15px auto 0 auto;
}

.catalogo > li .redes a {
	display:flex;
	justify-content:center;
	align-items:center;
	width:50px;
	height:50px;
	color:#AFC947;
	font-size:1.5rem;
	border-radius:25px;
	border:solid 1px #AFC947;
	transition:all .15s ease;
}

.catalogo > li .redes a:hover {
	color:#474747;
	border-color:#474747;
}

/* remodal */

.remodal .remodal-info
{
display:flex;
justify-content:flex-start;
padding:20px;
border-style:solid;
border-width:1px 0 1px 0;
border-color:rgba(0,0,0,.1);
}

.remodal .remodal-info li
{
width:50%;
}

.remodal .remodal-info li:nth-child(1)
{
padding:20px;
}

.remodal .remodal-info li:nth-child(2)
{
text-align:left;
}

.remodal .remodal-info h1
{
color:#62BE3A;
font-size:2.5rem;
font-weight:bold;
margin-bottom:15px;
}

.remodal .remodal-info p
{
color:#979797;
font-size:1.2rem;
line-height:25px;
margin-bottom:15px;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
EMPRESA
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.empresa {
	display:block;
	width:90%;
}

.empresa h1 {
	color:#333;
	font-size:3rem;
	font-weight:bold;
}

.empresa h1 span {
	margin-right:10px;
	padding:10px;
	color:#FFF;
	font-style:italic;
	background-color:#117908;
}

.empresa ul {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:space-between;
}

.empresa ul li {
	width:50%;
	color:#777;
	font-size:1.5rem;
	line-height:40px;
}

.empresa ul li:nth-child(1) {
	padding-right:20px;
}

@media screen and (max-width:900px) {
	.empresa {
		width:100%;
	}

	.empresa ul li {
		width:100%;
		font-size:1.3rem;
	}

	.empresa ul li:nth-child(1) {
		padding-right:20px;
	}

	.empresa h1 span {
		display: block;
	}
}


.title {
	display:block;
	width:100%;
	height:180px;
	background-image:url(../images/1.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
}

.title_2 {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	width:100%;
	background-image:url(../images/2.jpeg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.title_2 h1 {
	margin:50px 0 0 0;
	padding:0;
	width:100%;
	color:#FFF;
	font-size:2.5rem;
	font-family: 'Passion One', cursive;
	text-align:center;
	text-transform:uppercase;
	text-shadow:0 0 10px rgba(0,0,0,.5);
	
}

.title_2 h2 {
	margin:0 0 120px 0;
	padding:5px 20px 5px 20px;
	color:#CFFFB2;
	font-size:1.5rem;
	border-radius:5px;
	background-color:#117908;
}

.title_2 span {
	font-style:italic;
	text-transform:uppercase;
	font-family: 'Passion One', cursive;
}

.main {
	display:flex;
	justify-content:space-between;
	width:90%;
	max-width:1000px;
	margin:50px auto 50px auto;
	padding:50px 0 50px 0;
}

.main .closet {
	flex-grow:1;
}

.main .coti {
	flex: 0 0 250px;
	border:solid 1px rgba(0,0,0,.05);
}

@media screen and (max-width:900px) {
	.main {
		flex-wrap:wrap;
	}
	
	.main .closet {
		flex-grow:0;
		width:100%;
	}
	
	.main .coti {
		flex:1;
		width:100%;
	}
}

/* Cotizador */

.coti {
	background-color: #FFF;
}

.coti > h1 {
	color:#474747;
	padding:20px;
	font-size:1.7rem;
}

.coti form {
	width:100%;
	padding:20px;
}

@media scree and (max-width:900px) {
	.coti form {
		width:100%;
	}
}

.coti form > div {
	margin-bottom: 25px;
}

.coti input,
.coti textarea {
	display:block;
	width:100%;
	color:#474747;
	font-size:0.7rem;
	border:solid 1px rgba(0,0,0,.05);
	border-radius:5px;
	padding:15px;
	background-color:#FAFAFA;
	transition:all .15s ease;
}

.coti input:focus,
.coti textarea:focus {
	color:#FFF;
	outline:none;
	background-color: #117908;
}

.coti textarea {
	resize:none;
	height: 250px;
}

.coti button {
	display:block;
	padding:20px 50px 20px 50px;
	color:#FFF;
	font-size:1.2rem;
	border-radius:5px;
	border:none;
	outline:none;
	background-image:url(../images/fondo_verde.jpg);
}

/* */


.closet > h1 {
	color:#3F9D07;
	font-size:4rem;
	font-family: 'Passion One', cursive;
	text-transform:uppercase;
	padding-top:0;
	margin-top:0;
	padding-bottom:20px;
	margin-bottom:40px;
	border:solid #517732;
	border-width:0 0 1px 0;
}

.closet > div {
	width:90%;
	color:#777;
	font-size:1.2rem;
	margin-bottom:50px;
}

.closet .galeria {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	width:90%;
}

.closet .galeria li {
	position:relative;
	margin-bottom:25px;
	width:32%;
	border:solid 1px rgba(0,0,0,.15);
	background-color:#FFF;
}

.closet .galeria img {
	padding:5px;
}

.closet .galeria last-child {
	margin-right:0;
}

.closet .galeria li span {
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	opacity:0;
	color:#FFF;
	font-size:2rem;
	transform:scale(.6,.6) rotate(10deg);
	transition:all .2s linear .1s;
	background-color: rgba(0,114,4,.7);
	cursor:pointer;
}

.closet .galeria li:hover span {
	opacity:1;
	transform:scale(1,1) rotate(0deg);
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
CONTACTOS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.contacto {
	position:relative;
	display:flex;
	justify-content:space-between;
	width:90%;
	max-width:1000px;
	margin:auto;
}

.contacto > div {
	width:50%;
}

.contacto .banner {
	position:relative;
	background-image:url(../images/banner_contacto.jpg);
	background-position:center right;
	background-repeat:no-repeat;
	background-size:cover;
}

.contacto .banner span {
	position:absolute;
	top:150px;
	width:100%;
	color:#FFF;
	font-size:1.8rem;
	padding:25px;
	background-color:#199D16;
}

@media screen and (max-width:840px) {
	.contacto {
		flex-wrap:wrap;
	}
	
	.contacto > div {
		width:100%;
	}
	
	.contacto .banner {
		display:none;
	}
}

.formu_title {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	min-height:150px;
	background-color:#62BE3A;
	background-image:url(../images/fondo_verde.jpg);
}

.formu_title:after {
	position:absolute;
	content:'';
	bottom:-26px;
	left:50%;
	margin-left:-26px;
	width:0px;
    height:0px;
	border-style:solid;
	border-color: #1BAB15 transparent transparent transparent;
    border-width: 26px;
    border-bottom-width:0px;
    font-size:0px;
    line-height:0px;
	z-index:9999;
}

.formu_title h1 {
	color:#FFF;
}

.formulario {
	position:relative;
	display:block;
	padding:100px 20px 20px 20px;
	box-shadow:0 5px 10px rgba(0,0,0,.2);
	background-color:#FFF;
	background-image:url(../images/lines_formulario.jpg);
	background-repeat:no-repeat;
	background-size:50%;
	background-position:bottom right;
}

.formulario form > div {
	display:block;
	margin-bottom:25px;
}

.formulario input,
.formulario textarea {
	display:block;
	width:100%;
	color:#474747;
	font-size:0.7rem;
	border:solid 1px rgba(0,0,0,.05);
	border-radius:5px;
	padding:15px;
	background-color:#FAFAFA;
}

.formulario textarea {
	resize:none;
	height:200px;
}

.formulario button {
	display:block;
	padding:20px 50px 20px 50px;
	color:#FFF;
	font-size:1.2rem;
	border-radius:5px;
	border:none;
	outline:none;
	background-image:url(../images/fondo_verde.jpg);
}

/* --------------------------------------------------
Response ------------------------------------------*/

.response {
    position: relative;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
}
@media screen and (max-width: 800px) {
    .response {
        min-height: 30vh
    }
}
.response__body {
    display: block;
    padding: 40px;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    background-color: white;
}
@media screen and (max-width: 800px) {
    .response__body {
        width: 95%;
        padding: 15px
    }
}
.response__parf {
    display: block;
    margin-bottom: 20px;
    color: rgba(0, 0, 0, 0.7);
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    font-weight: bold;
}
@media screen and (max-width: 800px) {
    .response__parf {
        font-size: .9rem
    }
}
@media screen and (min-width: 1367px) {
    .response__parf {
        font-size: 1.5rem
    }
}

.button {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:auto;
	max-width:300px;
	padding:10px;
	color:white;
	border:none;
	outline:none;
	cursor:pointer;
	border-radius:10px;
	font-size:20px;
	background-color:#1BAB15;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––– */

footer {
	display:block;
	background: rgb(41,154,11);
	background: -moz-radial-gradient(center, ellipse cover,  rgb(41,154,11) 0%, rgb(0,104,6) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgb(41,154,11) 0%,rgb(0,104,6) 100%);
	background: radial-gradient(ellipse at center,  rgb(41,154,11) 0%,rgb(0,104,6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#006806',GradientType=1 );
}

footer > div {
	background-image:url(../images/1x1-01.png);
}

footer > div > span {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	padding:20px;
	border:solid rgba(255,255,255,.1);
	border-width:0 0 1px 0;
}

footer > div > span img {
	width:90%;
}

.datafooter {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:90%;
	max-width:1420px;
	margin:auto;
}

.datafooter > li {
	padding:40px 0 40px 0;
	width:50%;
	border:solid rgba(255,255,255,.1);
	border-width:0 1px 0 0;
	text-align:center;
}

.datafooter > li:last-child {
	border:none;
}

@media screen and (max-width:840px) {
	.datafooter > li {
		width:100%;
		text-align:center;
		border:none;
	}
}

.datafooter > li h1 {
	color:#ADEB92;
	font-size:1.5rem;
	font-family: 'Passion One', cursive;
	text-transform:uppercase;
}

.datafooter ul li {
	color:#FFF;
	font-size:1.3rem;
	margin-bottom:20px;
}

.datafooter .info li {
	font-size:1.5rem;
	font-weight:bold;
	margin-bottom:15px;
}

.datafooter .info img {
	width:200px;
}

.datafooter li a {
	display:inline-block;
	color:#FFF;
	padding:18px;
	border-radius:20px;
	background-color:rgba(255,255,255,.3);
}

.ir-arriba {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:10px;
	margin:auto;
	color:#FFF;
	text-align:center;
	cursor:pointer;
	border-radius:20px;
	background:#1D4999;
	transition:background-color .1s ease-in-out .1s;
}

.ir-arriba:hover {
	background:#FE8200;
}

/* whatsapp */ 

.manager {
	position:fixed;
	right:40px;
	bottom:20px;
	width:130px;
	z-index:999;
}

.manager .whatsapp,
.manager .messenger {
	display:block;
	color:#FFF;
	padding:8px;
	margin-bottom:10px;
	font-size:0.8rem;
	text-align:center;
	border-radius:3px;
}

@media screen and (max-width:800px) {
	.manager {
		right:0;
		bottom:0;
	}

	.manager .whatsapp,
	.manager .messenger {
		margin-bottom:3px;
	}
}

.manager .whatsapp {
	background-color:#189D0E;
}

.manager .messenger {
	background: rgb(64,150,238);
    background: -moz-linear-gradient(top,  rgb(64,150,238) 0%, rgb(0,110,255) 100%);
    background: -webkit-linear-gradient(top,  rgb(64,150,238) 0%,rgb(0,110,255) 100%);
    background: linear-gradient(to bottom,  rgb(64,150,238) 0%,rgb(0,110,255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#006eff',GradientType=0 );
}

.manager a:hover {
	background-color:#333;
}

/* CANVAS */

#canvas {
	display:flex;
	justify-content:center;
	align-items:center;
	padding:10px 0 10px 0;
	color:#39BF00;
	background-color:rgba(0,0,0,.15);
}

@media screen and (max-width:800px) {
	#canvas {
		padding:10px;
	}
}

/* FIN */

.none {
	display:none;
}

.no {
	display:none;
}

.chat {
	position:fixed;
	right:0;
	bottom:0;
}