/* ––––––––––––––––––––––––––––––––––––––––––––––––––
General
–––––––––––––––––––––––––––––––––––––––––––––––––– */
* {
	box-sizing:border-box;
	text-decoration:none;
	list-style:none;
}

ul,ol,li {
	padding:0;
	margin:0;
}

h1,h2,h3,h4,h5 {
	padding:0;
	margin:0;
}

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

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

body {
	font-size:10px;
	height:100%;
	background-image:url(../images/fondogris.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
}

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

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

body {
	font-family: 'Roboto', sans-serif;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
titulos
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.title {
	position:relative;
	display:block;
	z-index:1;
	width:100%;
	margin:10px auto 10px auto;
}

.title h1 {
	display:block;
	padding:6px 15px 6px 0;
	margin-bottom:2px;
	color:#474747;
	font-size:1.1rem;
	font-weight:lighter;
	font-style:italic;
	border:solid rgba(0,0,0,.15);
	border-width:0 0 1px 0;
}

.title h1 span {
	font-weight:bold;
	font-style:normal;
}

.title h2 {
	color:#777;
	margin:0;
	padding:0;
	font-size:0.7rem;
	font-weight:lighter;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
links and buttons form
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.btn-cate {
	position:relative;
	display:block;
	margin:10px 0 10px 0;
	padding:10px 20px 10px 20px;
	color:#FFF;
	bottom:0;
	font-size:1.3rem;
	font-style:italic;
	background-color:#888888;
}

.btn-cate::after {
	content:'';
	position:absolute;
	display:block;
	right:10px;
	top:10px;
	width:50px;
	height:50px;
	background-image:url(../images/drive.png);
	background-size:contain;
	background-repeat:no-repeat;
}

@media screen and (max-width:800px){
	.btn-cate::after {
		top:5px;
	}
}

.btn-cate span {
	font-size:1.2rem;
	font-weight:bold;
	font-style:normal;
}

/* item */

.btn-item {
	position:relative;
	display:block;
	margin:10px 0 10px 0;
	padding:10px 20px 10px 20px;
	color:#FFF;
	bottom:0;
	font-size:1.3rem;
	font-style:italic;
	background-color:#888888;
}

.btn-item::after {
	content:'';
	position:absolute;
	display:block;
	right:10px;
	top:8px;
	width:25px;
	height:25px;
	background-image:url(../images/drive.png);
	background-size:contain;
	background-repeat:no-repeat;
}

@media screen and (max-width:800px){
	.btn-item::after {
		top:5px;
	}
}

.btn-item span {
	font-size:1.2rem;
	font-weight:bold;
	font-style:normal;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
items form
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button {
	display:inline-block;
	padding:5px 20px 5px 20px;
	color:#FFF;
	font-size:1.3rem;
	border:none;
	border-radius:3px;
	background-color:#2E75B6;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
HEADER
–––––––––––––––––––––––––––––––––––––––––––––––––– */

header {
	position:relative;
	display:block;
	z-index:10;
	padding-top: 20px;
}

.search {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-end;
	padding-bottom:15px;
	width:80%;
	max-width:1420px;
	margin:auto;
}

.search form {
	display:flex;
	justify-content:flex-start;
	width:400px;
	border-radius:8px;
	border:solid 1px rgba(0,0,0,.1);
}

@media screen and (max-width:800px){ 
	.search {
		padding-top:10px;
		width:90%;
	}
	.search > div {
		width:100%;
	}
	.search .logo {
		margin-bottom:25px;
		text-align:center;
	}
	.search form {
		width:100%;
	}
}	

@media only screen and (min-width:801px) and (max-width:1200px){
	.search {
		padding-top:20px;
		align-items:center;
	}
	.search > div {
		width:50%;
	}

	.search .logo img {
		max-width:300px;
	}

}

.search input {
	width:100%;
	padding:10px;
	outline:none;
	border:none;
	border-radius:8px 0 0 8px;
}

.search button {
	display:flex;
	padding:10px;
	justify-content:center;
	align-items:center;
	color:#777;
	border:none;
	outline:none;
	cursor:pointer;
	border:none;
	border-radius:0 8px 8px 0;
	background-color:#FFF;
}

.nav-main {
	width:80%;
	max-width:1420px;
	margin:auto;
}

.nav-main .cont-menu {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	border:solid rgba(0,0,0,.15);
	border-width:0 0 1px 0;
}

.cont-menu .redes a {
	color:#777;
	font-size:0.7rem;
	text-transform:uppercase;
	margin-left:5px;
	margin-right:5px;
}

.cont-menu .redes i {
	font-size:1rem;
}

.cont-menu .redes a:last-child {
	margin-right:0;
}

@media screen and (max-width:800px){
	.cont-menu .redes {
		margin-right:20px;
	}

	.cont-menu .redes i {
		font-size:1.5rem;
	}

	.cont-menu .redes span {
		display:none;
	}
}

@media only screen and (min-width:801px) and (max-width:1300px){
	.cont-menu .redes span {
		display:none;
	}
}

.nav-main .logo {
	position:relative;
	padding:5px;
}

@media screen and (max-width:800px){
	.nav-main .logo {
		display:flex;
		justify-content:center;
		align-items:center;
		padding:20px 0 25px 0
	}
}

.cont-menu input[type="checkbox"] {
	display:none;
}
.toggle-menu,
.toggle-menu-main {
	display:none;
}

.menu {
	display:flex;
	justify-content:flex-start;
	margin:0;
	padding:0;
	z-index:999;
}

.menu > li {
	position:relative;
}

.menu > li > a {
	position:relative;
	display:flex;
	height:100%;
	padding:15px 10px 5px 10px;
	align-items:flex-end;
	color:#777;
	font-size:0.8rem;
	text-transform:uppercase;
	border:solid;
	border-color:transparent;
	border-width:0 0 3px 0;
}

.menu > li:hover > a {
	color:#FFF;
	border-color:#FFF;
	background-color:#2E75B6;
}

.menu .submenu {
	position:absolute;
	opacity:0;
	visibility:hidden;
	top:100%;
	left:0;
	padding:0;
	margin:0;
	width:300px;
	background:#FFF;
	transition:all .25s ease-in-out;
}

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

.menu .submenu > li {
	position:relative;
}

.menu .submenu li a {
	display:block;
	padding:10px;
	color:#474747;
	font-size:0.9rem;
	border:solid rgba(0,0,0,.1);
	border-width:0 0 1px 0;
}

.menu .submenu li:hover > a {
	color:#FFF;
	background-color:#2E75B6;
}

.menu .subcate {
	position:absolute;
	opacity:0;
	visibility:hidden;
	top:0;
	left:100%;
	padding:0;
	margin:0;
	width:300px;
	background:#FFF;
	transition:all .25s ease-in-out;
}

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

/* menu movil */ 

@media screen and (max-width:900px) {
	
	header {
		position:relative;
		display:block;
		padding:0;
	}
	
	.nav-main {
		display:block;
		flex-wrap:wrap;
		width:100%;
	}
	
	.cont-menu {
		display:block;
		width:100%;
		padding:0;
		background-color:transparent;
		order:2;
	}
			
	.toggle-menu-main {
		position:relative;
		display:block;
		font-size:1.8rem;
		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;
	}
	
	.menu {
		position:absolute;
		display:block;
		width:100%;
		margin:auto;
		top:100%;
		background:#FFF;
	}
	
	.menu > li {
		width:100%;
		border-style:solid;
		border-width:0 0 1px 0;
		border-color:rgba(0,0,0,.15);
	}
	
	.menu > li > img {
		padding:20px;
	}
	
	.menu .submenu {
		position:relative;
		display:block;
		width:100%;
		opacity:1;
		visibility:visible;
		background-color:#FAFAFA;
		transform:translateY(0);
	}
	
	.menu .life {
		width:100%;
	}
			
	.menu > li a {
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding:20px;
		color:#474747;
		font-size:1.8rem;
		font-weight:100;
		text-transform:uppercase;
	}

	.menu .submenu li a {
		padding:20px;
		font-size:1.5rem;
	}
				
	.toggle-menu {
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding: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;}
	
	#sm3 ~ .submenu {display:none;}
	#sm3:checked ~ .submenu {display:block;}
	
	#sm4 ~ .submenu {display:none;}
	#sm4:checked ~ .submenu {display:block;}
}

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

.title-main {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:40px auto 20px auto;
	min-height:300px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

@media screen and (max-width:800px) {
	.title-main {
		min-height:100px;
		background-attachment:scroll;
	}
}

.title-main > div {
	width:80%;
	max-width:1000px;
	margin:auto;
}

.title-main h1{
	margin-right:15px; 
	color:#FFF;
	font-size:4rem;
	font-weight:bold;
	text-shadow:0 5px 8px rgba(0,0,0,.35);
	text-transform:uppercase;
}

.title-main h2 {
	color:#2E75B6;
	font-size:4rem;
	font-weight:bold;
	text-shadow:2px 2px 0 rgba(255,255,255,1),
	-1px -1px 0 rgba(255,255,255,1);
}

@media screen and (max-width:800px){
	.title-main h1 {
		font-size:2rem;
	}

	.title-main h2 {
		font-size:2rem;
	}
}

.title-main-search {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:40px auto 20px auto;
	min-height:100px;
	font-size:1.5rem;
	font-weight:lighter;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

.main {
	display:flex;
	justify-content:flex-start;
	width:80%;
	max-width:1420px;
	margin:auto;
}

.main aside {
	width:25%;
	padding-right:20px;
}

.main > div {
	width:75%;
}


/* aside */

.main aside h1 {
	display:block;
	padding-bottom:10px;
	margin-bottom:10px;
	color:#474747;
	font-size:1.2rem;
	text-transform:uppercase;
	border:solid rgba(0,0,0,.15);
	border-width:0 0 1px 0;
}

.main aside .aside_cate li {
	display:flex;
	align-items:baseline;
	transition:all .2s linear;
	margin-bottom:15pX;
}

.main aside .aside_cate li:hover {
	padding-left:10px;
}

.main aside .aside_cate li i {
	margin-right:5px;
	color:#474747;
	font-size:0.4rem;
}

.main aside .aside_cate li a {
	display:block;
	padding-bottom:10px;
	color:#474747;
	font-size:1rem;
	font-weight:lighter;
	transition:all .2s linear;
}


.main aside .aside_cate li:hover a {
	font-weight:bold;
}

/* mob aside */

@media screen and (max-width:800px){
	.main {
		display:block;
		width:90%;
	}

	.main aside .title,
	.main aside > ul{
		display:none;
	}

	.main aside {
		display:block;
		width:100%;
		padding-right:0;
	}

	.main > div {
		width:100%;
	}

	.main aside {
		display:block;
		width:100%;
	}

	.main .btn-cate {display: block;}

}

/* foto */

.item .foto {
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;
	z-index:1;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

.item .foto a {
	width:100%;
	height:100%;
	display:block;
	opacity:0;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	transition:all .15s ease-in;
	justify-content:space-between;
}

.item .foto:hover a {
	opacity:1;
}

.item .foto span {
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;
	top:100%;
	left:0;
	width:100%;
	height:0;
	overflow:hidden;
	transition:all .25s ease;
	z-index:3;
}

.item:hover .foto span {
	top:0;
	height:100%;
}

.item .foto span img {
	width:100px;
	height:auto;
}


/*INDEX*/ 

#slider {
	min-height:300px;
}

@media screen and (max-width:800px){
	#slider {
		width:95%;
		height:auto;
		min-height:0;
	}
}

.servicios {
	width:80%;
	max-width:1420px;
	margin:auto;
}

@media screen and (max-width:800px){
	.servicios {width:95%;}
}

.top {
	margin:30px 0 30px 0;
}

.servicios .item {
	border-radius:5px;
}

.servicios .item .info {
	display:flex;
	justify-content:flex-start;
	align-items:flex-end;
	margin-top:20px;
	font-size:1.2rem;
	border:solid rgba(0,0,0,.15);
	border-width:0 0 1px 0;
}

.servicios div.item .info {
	color:#333;
	font-weight:lighter;
}

.servicios .item .foto {
	height:300px;
}

/* etiqueta descuento activa en rojo */

.servicios .item .desc {
	position:absolute;
	width:130px;
	right:-30px;
	bottom:10px;
	padding:2px 20px 2px 20px;
	text-align:center;
	color:#FFF;
	background-color:#2E75B6;
	transform:rotate(-45deg);
}

.servicios .item .desc h1 {
	font-size:0.7rem;
	font-weight:lighter;
}

.servicios .item .desc h2 {
	font-size:1rem;
}

/* */
.ins {
	-webkit-display: grid;
	-moz-display: grid;
	-ms-display: grid;
	-o-display: grid;
	display: grid;
	grid-template-columns:repeat(3, 1fr);
	padding:0;
	margin:0;
}

@media screen and (max-width:800px) {
	.ins {
		grid-template-columns:repeat(2, 1fr);
	}
}

/*
.ins {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	margin:0;
	padding:0;
}
*/

.ins > li {
	position:relative;
}

.ins li a {
	color:#FFF;
}

.ins li .info {
	position:absolute;
	border:solid 1px red;
	bottom:10px;
	left:10px;
	font-weight:bold;
	text-shadow: 1px 1px 0px #000000;
	z-index:3;
}

@media screen and (max-width:800px) {

	.ins > li {
		width:100%;
	}

	.ins .item .foto {
		height:200px;
	}
}

.ofertas {
	display:flex;
	justify-content:space-between;
}

.ofertas .tips {
	display:flex;
	justify-content:space-between;
	width:50%;
	background-color:#E7E4E4;
}

.ofertas .tips > div {
	width:50%;
}

.ofertas .tips > div:nth-child(1) {
	padding:20px;
}

.ofertas .tips h1 {
	margin-bottom:10px;
	color:#333;
	font-size:1.5rem;
	font-weight:bold;
	text-transform:uppercase;
	border:solid rgba(0,0,0,.15);
	border-width:0 0 1px 0;
}

.ofertas .tips p {
	margin-bottom:10px;
	color:#777;
	font-size:0.8rem;
	font-weight:lighter;
	line-height:15px;
}

.ofertas .promo {
	width:60%;
}

@media screen and (max-width:800px){
	.ofertas {
		flex-wrap:wrap;
	}
	.ofertas .tips {
		width:100%;
	}

	.ofertas .promo {
		width:100%
	}
}


.title-bottom {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	min-height:500px;
	text-align:center;
	background-position:center;
	background-size:cover;
}

.title-bottom h1,
.title-bottom h2 {
	text-align:center;
	font-weight:bold;
}

.title-bottom h1 {
	display:block;
	padding-bottom:10px;
	margin-bottom:10px;
	width:100%;
	color:#FFF;
	font-size:5rem;
	text-shadow:0 2px 2px rgba(0,0,0,.5);
	border:solid #FFF;
	border-width:0 0 1px 0;
}

.title-bottom h2 {
	display:block;
	margin-bottom:20px;
	width:100%;
	color:#FFF;
	font-size:2rem;
	text-shadow:0 2px 2px rgba(0,0,0,.5);
}

.title-bottom a {
	display:inline-block;
	padding:20px;
	color:#FFF;
	font-size:2rem;
	background-color:#2E75B6;
	border-radius:100px;
}

.title-bottom a img {
	width:80px;
	height:auto;
}

.ir-arriba {
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;
	left:50%;
	margin-left:-35px;
	bottom:-20px;
	width:70px;
	height:70px;
	border-radius:5px;
	background-color:#2E75B6;
	z-index:999;
}

.ir-arriba:hover {
	cursor:pointer;
	background-color:#191919;
}

.ir-arriba i {
	color:#FFF;
	font-size:3rem;
}

.sub {
	padding:40px 0 0 0;
	min-height:350px;
	background-image:url(../images/sub.jpg);
	background-position:center;
	background-size:cover;
}

@media screen and (max-width:800px){
	.sub {
		background-image:none;
		background-color:#242424;
	}
}

.sub form {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	padding:40px 0 40px 0;
	width:80%;
	max-width:700px;
	border:solid 2px rgba(255,255,255,1);
	border-radius:5px;
	margin:auto;
	padding:10px;
}

.sub form > div {
	width:100%;
	display:flex;
	justify-content:center;
}

.sub form > div:nth-child(2),
.sub form > div:nth-child(3) {
	margin-bottom:30px;
}

@media only screen and (min-width:400px) and (max-width:900px){
	.sub form {
		border:none;
	}

	.sub form > div:nth-child(3) {
		align-items:stretch;
	}

	.sub form > div:nth-child(3) span {
		width:50px;
	}
}

.sub form input {
	display:block;
	margin-right:10px;
	padding:20px;
	color:#777;
	font-size:1.1rem;
	border:solid 1px rgba(0,0,0,.15);
	border-radius:5px;
}

.sub form button {
	padding:20px;
	cursor:pointer;
	color:#FFF;
	font-size:1.1rem;
	font-weight:bold;
	border:none;
	border-radius:5px;
	background-color:#333;

}

.sub form label {
	margin-right: 10px;
}

.sub p {
	margin-top:3px;
	color:#FFF;
	font-size:1rem;
	font-weight:bold;
}

.sub a {
	color:#D80027;
	border:solid #D80027;
	border-width:0 0 1px 0;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}

@media screen and (max-width:800px){
	.sub form > div {
		flex-wrap:wrap;
	}

	.sub form input,
	.sub form button {
		margin-right:0;
		width:100%;
		margin-bottom:8px;
	}
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
CATALOGO Y PRODUCTOS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.catalogo {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.catalogo > li {
	width:32%;
	margin-bottom:25px;
}

@media screen and (max-width:800px){
	.catalogo {
		padding-top:25px;
	}
	.catalogo > li {
		width:100%;
	}
}

@media only screen and (min-width:801px) and (max-width:1100px){
	.catalogo > li {
		width:45%;
	}
}

.catalogo li .info {
	display:block;
	margin-top:20px;
	color:#333;
	font-size:1.2rem;
	font-weight:lighter;
	border:solid rgba(0,0,0,.15);
	border-width:0 0 1px 0;
}

.catalogo li .foto {
	height:350px;
}

/* etiqueta descuento activa en rojo */

.catalogo .desc {
	position:absolute;
	width:130px;
	right:-30px;
	bottom:10px;
	padding:2px 20px 2px 20px;
	text-align:center;
	color:#FFF;
	background-color:#2E75B6;
	transform:rotate(-45deg);
}

.catalogo .desc h1 {
	font-size:0.7rem;
	font-weight:lighter;
}

.catalogo .desc h2 {
	font-size:1rem;
}

/* */

/* productos */

/* hidden cotizar */

.cotizar {
	position:fixed;
	z-index:9999;
	left:0;
	top:50px;
}

@media screen and (max-width:800px){
	.cotizar {
		top:0;
	}
}

.coti {
	position:absolute;
	display:block;
	width:400px;
	padding:10px;
	opacity:0;
	visibility:hidden;
	background-color:#FFF;
	background-image:url(../images/cube-01.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	box-shadow:0 0 15px rgba(0,0,0,.3);
	transition:all .25s ease;
	left:-500px;
}

@media screen and (max-width:480px){
	.coti {
		width:280px;
	}
}

@media only screen and (min-width:481px) and (max-width:800px){
	.coti {
		width:350px;
	}
}

.coti > h1 {
	display:block;
	margin-bottom:20px;
	color:#000;
}

.coti form input,
.coti form textarea,
.coti form select {
	width:100%;
	padding:10px;
	margin-bottom:10px;
	border:solid 1px rgba(0,0,0,.15);
	border-radius:5px;
	background-color:rgba(255,255,255,.7);
}

.coti form textarea {
	height:200px;
	resize:none;
}

.coti form button {
	display:block;
	width:100%;
	padding:10px;
	color:#FFF;
	font-size:1.2rem;
	font-weight:bold;
	border:none;
	border-radius:5px;
	background-color:#2E75B6;
}

.open-hide {
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;
	width: 46px;
	height: 150px;
	left:0;
	top:150px;
	color:#FFF;
	border-radius:0 10px 10px 0;
	background-color:#000;
	transition: all 0.2s ease;
	z-index:999;
}

.open-hide span {
	font-size:1rem;
	font-weight:bold;
	transform:rotate(90deg);
}

.open-hide:hover {
	cursor: pointer;
}

.show {
	width:46px;
	left:400px;
}

@media screen and (max-width:480px){
	.show {
		left:280px;
	}
}

@media only screen and (min-width:481px) and (max-width:800px){
	.show {
		left:350px
	}
}

.show + .coti {
	position:relative;
  	opacity:1;
	visibility:visible;
	left:0;
}

.main-producto {
	display:block;
	width:80%;
	max-width:1420px;
	margin:auto;
}

@media screen and (max-width:800px){
	.main-producto{
		width:95%;
	}
}

.producto {
	display:flex;
	justify-content:space-between;
	align-items:top;
	margin-top:25px;
	width:100%;
}

.producto .photo {
	width:50%;
}

.producto .photo .galeria {
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	margin-top:25px;
}

.producto .photo .galeria li {
	width:25%;
	margin:0 5px 0 0;
}

@media only screen and (max-width:800px) {
	.producto .photo .main-foto {
		margin-bottom:40px;
	}

	.producto .photo .galeria {
		justify-content:flex-start;
		align-items:flex-start;
		flex-wrap:nowrap;
		padding:0;
		margin:0;
	}

	.producto .photo .galeria li {
		width:33%;
		margin-bottom:20px;
	}
}

.producto .info {
	width:45%;
}

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

.producto .info h1 span {
	color:#2E75B6;
	font-size:1.8rem;
	font-weight:bold;
}

.producto .info h3 {
	color:#474747;
	font-size:1.2rem;
	font-weight:bold;
	border:solid rgba(0,0,0,.15);
	border-width:0 0 1px 0;
	margin-bottom:10px
}

.producto .info .desc {
	margin-bottom:25px;
}

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

.producto .info .desc p strong {
	font-size:1rem;
	font-weight:bold;
}

@media screen and (max-width:800px){
	.producto .info .desc {
		overflow:auto;
	}
}

/* elementos extras para info */

.producto .info table {
	border:solid 2px rgba(0,0,0,.8);
	border-radius:5px;
	background-color:#EEE;
}

.producto .info thead {
	background-color:#EEE;
}

.producto .info tr {
	border:solid rgba(0,0,0,.5);
	border-width:0 0 1px 0;
}

.producto .info tr:last-child {
	border:none;
}

.producto .info td {
	padding:10px;
	border:solid rgba(0,0,0,.1);
	border-width:0 1px 0 0;
}

.producto .info td:last-child {
	border:none;
}

.producto .info td strong {
	font-size:1rem;
	font-weight:bold;
}

@media screen and (max-width:800px){
	.producto {
		flex-wrap:wrap;
	}
	.producto .photo,
	.producto .info {
		width:100%;
	}

	.producto .photo {
		margin-bottom:20px;
	}

	.producto .info h1 {
		font-size:2.5rem;
	}

	.producto .info h3 {
		font-size:1.5rem;
	}

	.producto .info p {
		font-size:1.2rem;
	}
}

.related {
	width:100%;
}

.producto .videos {
	display:flex;
	flex-wrap:wrap;
}

.producto .videos h3 {
	width:100%;
}

.producto .videos a {
	position:relative;
	display:block;
	overflow:hidden;
	background-color:#000;
}

.producto .videos a img {
	width:100%;
	transition:all .4s ease-in-out;
}

.producto .videos a:hover img {
	display:block;
	opacity:0.8;
}

.producto .videos a:before {
	content:'';
	position:absolute;
	display:flex;
	top:50%;
	margin-top:-50px;
	left:50%;
	margin-left:-50px;
	width:100px;
	height:100px;
	background-image:url(../images/play.png);
	background-size:cover;
	z-index:99;
}

.producto .videos > div {
	flex:1;
	margin-right:20px;
}

.producto .pdf {
	display:flex;
	flex-wrap:wrap;
	margin-top:50px;
}

.producto .pdf a {
	display:block;
	color:#FFF;
	padding:10px 20px 10px 20px;
	font-size:0.8rem;
	font-style:italic;
	margin-bottom:10px;
	margin-right:10px;
	background-color:#2E75B6;
}

.producto .pdf a span {
	font-size:1.2rem;
	font-weight:bold;
	font-style:normal;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
GALERÍAS INSPIRACION
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.title-galery {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:40px auto 20px auto;
	min-height:500px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

@media screen and (max-width:800px){
	.title-galery {
		min-height:200px;
		background-position:bottom;
	}
}

.title-galery > div {
	width:80%;
	max-width:1000px;
	margin:auto;
}

.title-galery h1{ 
	color:#FFF;
	font-size:5rem;
	font-weight:bold;
	text-shadow:0 5px 8px rgba(0,0,0,.35);
	text-transform:uppercase;
}

.title-galery h2 {
	display:inline-block;
	padding:15px;
	color:#FFF;
	font-size:2rem;
	font-weight:bold;
	border-radius:20px;
	background-color:#2E75B6;
}

.title-galery span {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:150px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

@media screen and (max-width:800px){
	.title-galery h1 {
		font-size:3rem;
	}

	.title-galery h2 {
		font-size:1.5rem;
	}

	.title-galery span {
		display:none;
	}
}

.inspi {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap:wrap;
	width:80%;
	max-width:1420px;
	margin:auto;
}

.inspi > div {
	width:48%;
}

@media screen and (max-width:800px){
	.inspi {
		width:95%;
	}
	.inspi > div {
		width:100%;
	}
}

.inspi .drive {
	margin-bottom:25px;
}

.inspi .info h1 {
	display:block;
	margin-bottom:25px;
	color:#2E75B6;
	font-size:4rem;
	font-weight:bold;
}

.inspi .info > div {
	padding-right:20px;
	color:#474747;
	font-size:1.3rem;
	font-weight:lighter;
	text-align:justify;
	line-height:30px;
}


.inspi iframe {
	width:100%;
	height:455px;
	margin-bottom:25px;
	border:solid 5px #FFF;
	background-color:#FFF;
	box-shadow:0 0 10px rgba(0,0,0,.3);
}

@media screen and (max-width:800px){
	.inspi iframe {height:250px;}
}

.inspi .gallery {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.inspi .gallery .item {
	position:relative;
	width:32%;
	margin-bottom:15px;
}

.inspi .gallery .item .foto {
	height:200px;
}

@media screen and (max-width:800px){
	.inspi .gallery .item {
		width:100%;
		margin-bottom:5px;
	}
}

/* proyectos */

.project {
	display:flex;
	margin:auto;
	width:95%;
	max-width:1420px;
	margin:50px auto 50px auto;
	padding:50px 20px 50px 20px;
}

@media screen and (max-width: 800px) {
	.project {
		flex-wrap:wrap;
	}
}

.theme {
    width:80%;
    margin-right: 40px;
}
@media screen and (max-width: 800px) {
    .theme {
        flex: none;
        width: 100%
    }
}

.theme__cont {
	position:relative;
	width:100%;
	max-width:100%;
}

.theme__title {
	display: block;
    padding-bottom: 8px;
    margin-bottom: 15px;
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    border-bottom: solid 1px rgba(0, 0, 0, 0.15)
}

.theme__figure {
    position: relative;
    display: block;
    padding: 15px 0 15px 0;
    margin: 15px 0 15px 0;
    border-bottom: solid 1px rgba(0, 0, 0, 0.15)
}

/* galeria */

.theme__slide {
	position:relative;
	display:block;
	margin-bottom:40px;
}

.arti__galery {
	position:relative;
}

.arti__galitem{
	position:relative;
	padding-top:100%;
}

.arti__galfi {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover
}

/* */

.theme__img {
    width: 100%;
    height: auto
}
.theme__autorspec {
    position: absolute;
    display: block;
    width: 90%;
    bottom: 20px;
    left: 10px;
    padding: 10px;
    color: white;
    font-size: 1rem;
    background-color: #ff3b3f
}
.theme__spec {
    position: relative;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.7);
    line-height: 25px;
}

.theme__spec h1,
.theme__spec h2,
.theme__spec h3,
.theme__spec h4,
.theme__spec h5 {
    display: block;
    margin-bottom: 25px;
}
.theme__spec h1 {
    color: rgba(0, 0, 0, 0.9);
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 30px;
}
@media screen and (max-width: 800px) {
    .theme__spec h1 {
        font-size: 1.8rem;
        line-height: 22px
    }
}
@media screen and (min-width: 1367px) {
    .theme__spec h1 {
        line-height: 35px
    }
}
.theme__spec h2,
.theme__spec h3 {
    color: rgba(0, 0, 0, 0.9);
    font-size: 2rem;
}
@media screen and (max-width: 800px) {
    .theme__spec h2,
    .theme__spec h3 {
        font-size: 1.5rem;
        list-style: 20px
    }
}
.theme__spec h4,
.theme__spec h5 {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1.5rem;
    font-weight: bold;
}
@media screen and (max-width: 800px) {
    .theme__spec h4,
    .theme__spec h5 {
        font-size: 1.3rem;
        list-style: 20px
    }
}
.theme__spec p {
    margin-bottom: 20px;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.7);
    line-height: 25px;
}
@media screen and (min-width: 1367px) {
    .theme__spec p {
        font-size: 1.2rem;
        line-height: 35px
    }
}
@media screen and (max-width: 800px) {
    .theme__spec p {
        font-size: .9rem
    }
}
.theme__spec strong {
    font-weight: 700
}

@media screen and (max-width: 800px) {
	.theme__spec iframe {
		width:100%;
		height:auto;
	}
}

.list-topic {
    width:20%;
}
@media screen and (max-width: 800px) {
    .list-topic {
        flex: none;
        width: 100%
    }
}
.list-topic__top {
    margin-bottom: 35px
}
.list-topic__sbtitle {
    display: block;
    padding-bottom: 8px;
    margin-bottom: 15px;
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    border-bottom: solid 1px rgba(0, 0, 0, 0.15)
}
.list-topic__cont {
    display: block
}
.list-topic__item {
    position: relative;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 25px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}
.list-topic__body {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	gap:20px;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.list-topic__cont {
	flex: 1;
}

.list-topic__sbt {    
	display:block;
	margin-bottom:5px;
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.1rem;
	font-weight:bold;
}

@media screen and (max-width: 800px) {
    .list-topic__sbt {
        font-size: 1.5rem;
    }
}

.list-topic__copy {    
    display:-webkit-box;
	margin-bottom:15px;
	color:#777;
	font-size:.7rem;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;  
	
}
@media screen and (max-width: 800px) {
    .list-topic__copy {
        font-size: 1rem
    }
}

.list-topic__figure {
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
	.list-topic__figure {
		display:none;
	}
}
.list-topic__date {
    color: rgba(0, 0, 0, 0.7);
    font-family: 'Inter', sans-serif;
    font-style: italic
}

/* noticia */ 

.noticia {
	display:block;
	margin:auto;
	width:95%;
	max-width:1420px;
	margin:50px auto 50px auto;
	padding:50px 20px 50px 20px;
	font-size:1rem;
} 

.noticia h1,
.noticia h2,
.noticia h3 {
	color:#474747;
	font-weight:bold;
}

.noticia h1 {
	font-size:3rem;
	padding-bottom:10px;
	border:solid rgba(0,0,0,.15);
	border-width:0 0 1px 0;
}

.noticia h2 {
	font-size:2rem;
}

.noticia h3 {
	font-weight:1.5rem;
	font-style:italic;
}

.noticia p {
	display:block;
	margin-bottom:25px;
	color:#777;
	font-size:1rem;
	line-height:30px;
}

.noticia ul {
	border:solid 1px rgba(0,0,0,.15);
}

/* artículos */

.main-art {
	width:90%;
	margin:auto;
}

/*
.list-art {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
}
*/

.list-art {
	-webkit-display: grid;
	-moz-display: grid;
	-ms-display: grid;
	-o-display: grid;
	display: grid;
	grid-template-columns:repeat(3, 1fr);
	gap:25px;
	padding:50px 0 50px 0;
	margin:0;
}

@media screen and (max-width: 800px) {
	.list-art {
		grid-template-columns:1fr;
		gap:10px;
	}
}

@media screen and (min-width: 1367px) {
	.list-art {
		grid-template-columns:repeat(4, 1fr);
	}
}

.list-art > li {
	position:relative;
	box-shadow:0 0 10px rgba(0,0,0,.25);
	background-color:#FFFFFF;
}

.list-art .foto {
	padding-top:100%;
}

.list-art .info {
	padding:20px;
}

.list-art .info h1 {
	display:block;
	margin-bottom:15px;
}

.list-art .info h1 a {
	color:#333;
	font-size:1.4rem;
	font-weight:bold;
	border:solid rgba(0,0,0,.15);
	border-width:0 0 1px 0;
}

.list-art .info .copy {
	display:block;
	min-height:70px;
}

.list-art .info p {
	display:-webkit-box;
	margin-bottom:15px;
	color:#777;
	font-size:0.8rem;
	line-height:20px;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;  
}

@media screen and (max-width:800px){
	.list-art > li {
		width:100%;
	}
	.list-art .info p {
		line-height:15px;
	}	
}

@media only screen and (min-width:801px) and (max-width:1100px){
	.list-art > li {
		width:45%;
	}
}

.list-art .info .button {
	position:block;
	bottom:20px;
	left:20px;
}

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

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

.contacto > div {
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	width:80%;
	max-width:1420px;
	margin:auto;
	padding:100px 0 100px 0;
}

.contacto .title-form {
	width:60%;
}

.contacto .title-form h1 {
	color:#FFF;
	font-size:5rem;
	font-weight:bold;
}

.contacto .title-form h2 {
	color:#EEE;
	font-size:2.5rem;
	font-weight:bold;
}

.contacto form {
	width:35%;
	padding:50px 20px 50px 20px;
	background-color:#FFF;
	box-shadow:0 0 3px rgba(0,0,0,.5);
}

.contacto form h1 {
	display:block;
	margin-bottom:20px;
	font-size:1.2rem;
	font-weight:bold;
}

@media screen and (max-width:800px){
	.contacto  > div {
		flex-wrap:wrap;
	}
	.contacto .title-form,
	.contacto form {
		width:100%;
	}

	.contacto .title-form {
		margin-bottom:20px;
	}
}

.contacto form input,
.contacto form textarea {
	display:block;
	width:100%;
	border:none;
	padding:10px;
	margin-bottom:25px;
	font-size:0.9rem;
	border:solid 1px rgba(0,0,0,.15);
	border-radius:5px;
	background-color:#E4E4E4;
}

.contacto form textarea {
	resize:none;
	height:200px;
}

.contacto form button {
	display:inline-block;
	padding:5px 25px 5px 25px;
	color:#FFF;
	font-size:1rem;
	border:none;
	border-radius:5px;
	margin:auto;
	background-color:#2E75B6;
}

.captcha {
	margin-bottom:25px;
}

/* respuesta contacto */

.alert > div {
	display:flex;
	justify-content:center;
	align-items:center;
	padding:10px;
	margin-bottom:50px;
	font-size:1.4rem;
	font-weight:700;
}

.alert > div i {
	margin-right:20px;
}

.complete {
	color:#D1E6A7;
	background-color:#6EAA06;
}

.error {
	color:#FFF;
	background-color:#2E75B6;
}


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

footer {
	position:relative;
	overflow:hidden;
	box-shadow:-5px 0 20px rgba(0,0,0,.05);
	background-color:#FFF;
}

@media screen and (max-width:800px){
	footer {
		padding:20px 0 0 0;
	}
}

.datafooter {
	position:relative;
	display:flex;
	justify-content:space-between;
	width:80%;
	max-width:1420px;
	margin:auto;
	padding-bottom:25px;
	background-color:#FFF;
}

.datafooter > ul {
	flex:1;
}

.datafooter > div {
	padding:30px;
	text-align:center;
}

.datafooter ul {
	padding:30px;
	text-align:left;

}

.datafooter ul:nth-child(2){
	text-align:center;
}

.datafooter ul:last-child {
	text-align:right;
	border:none;
}

@media screen and (max-width:840px){
	.datafooter {
		flex-wrap:wrap;
	}

	.datafooter > ul {
		flex:none;
		width:100%;
		padding:10px;
		text-align:center;
	}

	.datafooter ul:last-child {
		text-align:center;
	}
}

.datafooter li {
	color:#333;
	font-size:0.9rem;
	margin-bottom:8px;
}

.datafooter li h1 {
	display:inline-block;
	padding:10px;
	color:#FFF;
	font-size:1.1rem;
	font-weight:normal;
	text-align:center;
	border:solid rgba(0,0,0,.1);
	border-width:0 0 1px 0;
	background-color:#2E75B6;
	border-radius:50px;
}

.datafooter li a {
	color:#2E75B6;
	font-weight:bold;
}

.datafooter li i {
	font-size:1.2rem;
	margin-right:10px;
}

.datafooter img {
	width:150px;
	height:auto;
}

.datafooter .redes {
	display:flex;
	justify-content:center;
	margin-top:20px;
}

.datafooter .redes a {
	color:#777;
	margin:0 10px 0 10px;
	transition:all .15s ease;
}

.datafooter .redes a:hover {
	padding-top:5px;
	border:solid rgba(255,255,255,.5);
	border-width:1px 0 0 0;
}

.datafooter .redes i {
	font-size:1.5rem;
}

.marcas {
	position:relative;
	width:80%;
	max-width:1200px;
	min-height:100px;
	margin:30px auto 30px auto;
	overflow:hidden;
}

@media screen and (max-width:800px){
	.marcas {
		margin:15px auto 15px auto;
	}
}

.marcas li {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	align-content:center;
	min-height:200px;
}

.marcas img {
	width:100%;
	transition:all .15s ease;
}

.marker {
	position:relative;
	text-align:center;
	z-index:100;
}

.marker img {
	position:absolute;
	width:100px;
	height:auto;
	margin-left:-50px;
	top:-40px;
}

@media screen and (max-width:800px){
	.marker {
		display:none;
	}
}

#map {
	position:relative;
    width: 100%;
    height: 300px;
    z-index:99;
}

#map img {
	position:absolute;
	top:0;
	z-index:99;
}

/** boton arriba **/

@media screen and (min-width:240px) and (max-width:320px) {
	.ir-arriba {
		right:0;
	}
}

/* CALL WHATSAPP */

.call {
	position:fixed;
	bottom:10px;
	left:10px;
	z-index:9999;
}

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

.call form {
	padding:3px;
	border-radius:8px;
}

.call form button {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	width:80px;
	height:90px;
	color:#FFF;
	cursor:pointer;
	border:none;
	outline:none;
	border-radius:8px;
	background-color:#32B221;
	transition:all .15s ease-in-out;
}

.call form button i,
.call form button p {
	padding:0;
	margin:0;
}

.call form button i {
	font-size:2.5rem;
}

.call form button p {
	font-size:1rem;
}

.call form button span {
	font-size:1.1rem;
	font-weight:bold;
}

@media only screen and (min-width:300px) and (max-width:1400px){
	.call form button {
		width:55px;
		height:70px;
		font-size:2rem;
	}

	.call form button i {
		margin-bottom:3px;
		font-size:2.5rem;
	}

	.call form button p {
		font-size:0.7rem;
	}

	.call form button span {
		font-size:0.8rem;
		font-weight:bold;
	}

}

/* CANVAS */

#canvas {
	display:flex;
	justify-content:center;
	padding:10px 0 10px 0;
	color:#474747;
	background-color:#FFF;
}

#canvas p {
	max-width:800px;
	margin:auto;
	color:#474747;
	font-size:0.7rem;
	font-weight:normal;
}

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

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
hidden
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.none,
.no {
	display:none;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
asesorias
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.asetop {
	display:flex;
	justify-content:center;
	align-items:center;
	padding:50px 0 50px 0
}

.asetop__title{
	padding:15px;
	color:#FFF;
	font-size:2rem;
	font-weight:bold;
	border-radius:20px;
	background-color:#2E75B6;
}


.ase {
	display:block;
	margin:auto;
	width:80%;
	max-width:1420px;
}

.ase__body {
	position:relative;
	display:block;
	margin-bottom:50px;
}

/* –––––––––––––––––––––––––––––––––––––––––––––––––– */

.ase__body h1 {
	display:block;
	margin-bottom:30px;
	font-size:2.5rem;
	font-weight:bold;
}

.ase__body h2,
.ase__body h3,
.ase__body h4,
.ase__body h5 {
	display:block;
	margin-bottom:25px;
	color:#2E75B6;
	font-size:2rem;
	font-weight:bold;;
}

.ase__body p {
	display:block;
	margin-bottom:10px;
	color:#555555;
	font-size:1rem;
	line-height:30px;
}

@media screen and (max-width:800px){
	.ase__body p {
		font-size:1.2rem;
	}
}

.ase__body strong {
	font-weight:bold;
}

.ase__body ul,
.ase__body ol {
	display:block;
}

.ase__body li {
	margin-bottom:10px
}

.ase__body a {
	color:#2E75B6;
}


/* –––––––––––––––––––––––––––––––––––––––––––––––––– */

.ase__gal {
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-gap:10px;
	margin-bottom:50px
}

@media screen and (max-width:800px){
	.ase__gal {
		grid-template-columns:1fr 1fr;
		grid-gap:5px;
		margin-bottom:20px;
	}
}

.ase__item {
	position:relative;
	display:blocK;
	overflow:hidden;
	box-shadow:0 5px 5px rgba(0,0,0,.15);
}

.ase__link {
	display:block;
	padding-top:100%;
	transition:all .25s ease;
}

.ase__item:hover .ase__link {
	transform:scale(1.2);
}

.ase__square {
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	background-color:rgba(255,255,255,.7);
	transform:translateY(100%);
	transition:all .25s ease;
}

.ase__square img {
	width:100px;
}

.ase__item:hover .ase__square {
	opacity:1;
	transform:translateY(0)
}


/* –––––––––––––––––––––––––––––––––––––––––––––––––– */

.ase-form {
	padding:100px 0 100px 0;
}

.ase-form__body {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:auto;
	width:80%;
	max-width:1420px;
}

.ase-form__body form {
	max-width:500px;
	padding:40px;
	border:solid 1px rgba(0,0,0,.05);
	background-color:rgba(255,255,255,.3);
	box-shadow:0 10px 20px rgba(0,0,0,.1);
}

.ase-form__title {
	display:block;
	margin-bottom:25px;
	color:#2E75B6;
	font-size:2.5rem;
	font-weight:bold;
	text-align:center;
}

.ase-form__item {
	display:block;
	margin-bottom:40px;
}

.ase-form__item--center {
	display:flex;
	justify-content:center;
	align-items:center;
}

.ase-form__input {
	display:block;
	width:100%;
	padding:10px;
	color:#555555;
	font-size:1.3rem;
	outline:none;
	border:none;
	border-bottom:solid 1px rgba(0,0,0,.15);
	background-color: transparent;
}

.ase-form__btn {
	display:inline-block;
	margin:50px auto 20px auto;
	padding:10px;
	width:400px;
	color:white;
	font-size:1.5rem;
	font-weight:bold;
	cursor:pointer;
	border:none;
	outline:none;
	border-radius:5px;
	background-color:#2E75B6;
}

.ase-form__btn:hover{
	
}