a     {-webkit-transform: rotate(0);}
a img {-webkit-backface-visibility: hidden;}

a {outline : none;}
a img {outline : none;}
img {border : 0;}



/* Estilos de margen y tamaño */

.m-t-10 {margin-top:10px;}
.m-t-20 {margin-top:20px;}
.m-t-30 {margin-top:30px;}
.m-t-40 {margin-top:40px;}
.m-t-50 {margin-top:50px;}

.m-b-10 {margin-bottom:10px;}
.m-b-20 {margin-bottom:20px;}
.m-b-30 {margin-bottom:30px;}
.m-b-40 {margin-bottom:40px;}
.m-b-50 {margin-bottom:50px;}


.p-0 { padding: 0; }

.p-t-10 {padding-top:10px;}
.p-t-20 {padding-top:20px;}
.p-t-30 {padding-top:30px;}
.p-t-40 {padding-top:40px;}
.p-t-50 {padding-top:50px;}
.p-t-60 {padding-top:60px;}
.p-t-70 {padding-top:70px;}
.p-t-80 {padding-top:80px;}
.p-t-90 {padding-top:90px;}
.p-t-100 {padding-top:100px;}

.p-b-10 {padding-bottom:10px;}
.p-b-20 {padding-bottom:20px;}
.p-b-30 {padding-bottom:30px;}
.p-b-40 {padding-bottom:40px;}
.p-b-50 {padding-bottom:50px;}
.p-b-100 {padding-bottom:100px;}


.p-l-40 {padding-left:40px;}

.m-l-30 {margin-left:30px;}
.m-l-40 {margin-left:40px;}


.p-r-40 {padding-right:40px;}









/* Estilos de textos */



h1 { 	font-weight: 700;}

h2 { 	font-weight: 300; }

h3 { 	font-weight: 700;
text-transform: uppercase;
font-size: 1.8em;}

h4 {	font-weight: 400;
line-height: 1.6em;}

p { 	font-size: 1.4em;
		line-height: 2em;
		font-weight: 300; }


.texto-footer { font-family: 'Montserrat', sans-serif; 
		line-height: 40px;}




/* estilos de color */
.bgm-negro{background: rgba(0,0,0,1)}
.bgm-gris-1 { background: rgba(200,200,200,1); }

.bgm-gris-2 { background: rgba(170,170,170,1); }

.bgm-gris-3 { background: rgba(140,140,140,1); }

.c-blanco { color: rgba(255,255,255,1); }

.c-gris-1 { color: rgba(120,120,120,1); }

.c-porfiriana{color: rgba(194,179,147,1)}

.btn-amarillo{background:rgba(239,203,0,1)}

/* Menu principal */

.navbar-top { 	position: fixed;
	z-index: 999;
	width: 100%; 
	background:rgba(0,0,0,0);
	box-shadow:0 0 10px rgba(0,0,0,0);
		
}

.navbar-top-2 { background:rgba(0,0,0,0.8); }

.menu-principal li a { 	
	font-family: 'Monserrat', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color:rgba(255,219,0,1);
	border-bottom:5px rgba(0,111,194,0) solid; 
	cursor: pointer;
	font-size: 1em;
	font-weight: 700;
	padding: 5px 10px;
	-webkit-transition: 300ms all ease;
	}






.menu-movil li {	list-style: none;}

.menu-movil li a { 	font-family: 'Montserrat', sans-serif;
				font-weight: 700;
				font-size: 1.4em;
				text-transform: uppercase;
				line-height: 2em;
				text-decoration: none;
				color:rgba(255,255,255,0.6);
				text-shadow: 0 0 2px rgba(0,0,0,0.3); }


.menu-movil li a:hover { color:rgba(255,255,255,1); }

.menu-movil li a.active { color:rgba(255,255,255,1); }

.close-menumovil { color: white; opacity: 1;
			font-size: 3em;}

.close-submenu-desarrollos{color: white; opacity: 1;
			font-size: 3em;}

.telefono-encabezado {	font-family: 'Montserrat', sans-serif;
				font-weight: 400;
				color:rgba(255,255,255,1);}


.telefono-encabezado a {font-family: 'Montserrat', sans-serif;
				font-weight: 700;
				padding-left: 10px;
				padding-right: 10px;
				color:rgba(255,255,255,1);}


.boton-menu-movil { position: fixed;
			z-index: 99;
			right: 14px;
			background: rgba(0,0,0,0.5);
			padding: 12px; }



.modal-menumovil  { background-color:rgba(0,0,0,0.7) !important; }

#menuMovil .modal-content { background:none;
					box-shadow: none;
					border: 0; }



/* Estilos de seccion */
.seccion-banner{
	background: url(../img/bg-top.jpg) no-repeat bottom;
	background-size: cover;
	
	}


.seccion-pasos{
	background: rgba(241,241,241,1)
}

.seccion-benefits{
	background: rgba(0,0,0,1)
}

.seccion-calculator{
	background: rgba(255,219,0,1)
}

.seccion-bitcoin{
	background: rgba(0,0,0,1)
}

.seccion-footer{
	background: rgba(0,0,0,1)
}

.seccion-contacto{
	background: url(../img/bg-circulojpg.jpg) no-repeat bottom;
	background-size: cover;
	padding:100px 0 200px;
}




/* estilos de botón */

.btn { 	border-radius: 0 !important;
border: 1;
padding: 10px 40px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
text-transform: uppercase;}


.btn-negro { 	background: rgba(0,0,0,1); 
		 color:rgba(255,255,255,1);
		box-shadow: 0 0 0 rgba(100,100,100,0);}

.btn-negro:hover { 	background: rgba(0,0,0,1); 
			 color:rgba(255,255,255,1);
			 box-shadow: 0 6px 0 rgba(100,100,100,0.8);}




.categorias-arquitectura li a { font-size: 2em;
						font-family: 'Montserrat', sans-serif;
						font-weight: 200;}


/* Estilos de bootstrap */




.panel { border-radius: 0;
	border:0; 
	box-shadow: 0 0 0 rgba(0,0,0,1);}


.panel-desarrollos { background: url(../img/bg-panel-01.jpg) no-repeat bottom;
				background-size: cover; }




.nav-justified > li > a { font-family: 'Montserrat', sans-serif;
				padding-top:20px;
				padding-bottom:20px;
				background:rgba(240,240,240,1);
				color: rgba(100,100,100,1);
				text-transform: uppercase;
				border-right: 2px solid rgba(255,255,255,1); }


.nav-justified > li > a:hover { 
				background:rgba(220,220,220,1);
				border-right: 1px solid rgba(255,255,255,1); }						


.nav-tabs.nav-justified > li > a { border-radius: 0; border-bottom: 0;}


.nav-tabs > li.active > a { background:black; 
					color: white;}

.nav-tabs > li.active > a:hover { background:black; 
					color: white;}



.carousel-control.right { background-image: none; }

.carousel-control.left { background-image: none; }



/* Portrait and Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) { 


}




.hovereffect {
	width:100%;
	height:100%;
	float:left;
	overflow:hidden;
	position:relative;
	text-align:center;
	cursor:default;
	}
	
	.hovereffect .overlay {
	width:100%;
	height:100%;
	font-family: 'Andada', sans-serif;
	font-style: italic;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	opacity:0;
	background-color:rgba(0,0,0,0.5);
	-webkit-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out
	
	}
	
	.hovereffect img {
	display:block;
	position:relative;
	-webkit-transition:all .4s linear;
	transition:all .4s linear;
	}

	.hovereffect h1 {
		text-transform:uppercase;
		color:rgb(0, 0, 0,1);
		text-align:center;
		position:relative;
		font-size:50px;
		font-family: 'Andada', sans-serif;
		font-style: italic;
		-webkit-transform:translatey(-100px);
		-ms-transform:translatey(-100px);
		transform:translatey(-100px);
		-webkit-transition:all .2s ease-in-out;
		transition:all .2s ease-in-out;
		padding:10px;
		}
		
		h2, .h2 {
			font-family: 'Roboto Condensed', 'Roboto' sans-serif;
			font-size: 30px;
	}
	
	.hovereffect h2 {
	text-transform:uppercase;
	color:rgb(0, 0, 0,1);
	text-align:center;
	position:relative;
	font-size:35px;
	font-family: 'Andada', sans-serif;
	font-style: italic;
	-webkit-transform:translatey(-100px);
	-ms-transform:translatey(-100px);
	transform:translatey(-100px);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	padding:5px;
	}
	
	.hovereffect a.info {
	text-decoration:none;
	display:inline-block;
	text-transform:uppercase;
	color:rgb(3, 3, 3);
	border:1px solid rgb(7, 7, 7);
	background-color:transparent;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	margin:50px 0 0;
	padding:7px 14px;
	font-family: 'Andada', sans-serif;
	font-style: italic;
	
	}
	
	.hovereffect a.info:hover {
	box-shadow:0 0 5px rgb(12, 12, 12);
	}
	
	.hovereffect:hover img {
	-ms-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
	}
	
	.hovereffect:hover .overlay {
	opacity:1;
	filter:alpha(opacity=100);
	}
	
	.hovereffect:hover h2,.hovereffect:hover a.info {
	color:rgb(255,255,255,1);
	font-size:30px;
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transform:translatey(0);
	transform:translatey(0);
	font-family: 'Andada', sans-serif;
	font-style: italic;
	}
	
	.hovereffect:hover a.info {
	-webkit-transition-delay:.2s;
	transition-delay:.2s;
	font-family: 'Andada', sans-serif;
	font-style: italic;
	}



.bitcoin h1 { padding: 8px 12px;
	margin-top:10px;
	background: rgba(255,219,0,1); }

	.panel-heading .accordion-toggle:after {
		/* symbol for "opening" panels */
		font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
		content: "\e114";    /* adjust as needed, taken from bootstrap.css */
		float: right;        /* adjust as needed */
		color: grey;         /* adjust as needed */
	}
	.panel-heading .accordion-toggle.collapsed:after {
		/* symbol for "collapsed" panels */
		content: "\e080";    /* adjust as needed, taken from bootstrap.css */
	}
	

#graficas .btcwdgt {
	max-width: 100% !important;
}

.menu-contacto{
				font-family: 'Monserrat', sans-serif;
				font-weight: 700;
				font-size: 1.4em;
				text-transform: uppercase;
				line-height: 2em;
				text-decoration: none;
				color:rgba(0,0,0,1);
				text-shadow: 0 0 2px rgba(0,0,0,0.3); 
}