/*------------------------------------------------------------------
	Project:	Web para inmobiliaria
	Version:	1.0
	Last change:	18/03/2021
	Designed by:	Hicham Benzekri	
-------------------------------------------------------------------*/


/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	scroll-behavior: smooth;
}
/*
	@font-face{ 
	src: url('../fonts/OpenSans-Light.ttf');
	font-family: open sans;
	font-weight: 300;
	font-display: swap;
	}
	@font-face{ 
	src: url('../fonts/OpenSans-Regular.ttf');
	font-family: open sans;	
	font-weight: 500;
	font-display: swap;
	}
	@font-face{ 
	src: url('../fonts/OpenSans-SemiBold.ttf');
	font-family: open sans;
	font-weight: 600;
	font-display: swap;
	}
*/
body {
  	font-family: open sans, Sans-serif, serif;	
	color:#636161;
	font-size:1.7rem;
	font-weight: 400;
	line-height:2;	
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}

/* Start Personalized */ 

:root {
	/**Fuentes**/
	--fuentePrincipal: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	--fuenteSecundaria: open sans, Sans-serif, serif;
	
	/* --fuenteSecundaria: 'Playfair Display'; */
	
	/**Colores**/
	--colorPrimario: #1789a0;
	--colorSecundario: #fc7b05;
	--colorTerciario: #019dbc;
	
}

.anchor {
	
    position: relative;
    padding: 15px;
    border-top: 20px solid transparent;
    margin-top: -20px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
	padding-top: 100px;
	margin-top: -100px;
}

.anchor:before {
    content: "";
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    border-top: 1px solid #ccc;
	
}
/*------------------------------------*\
    Video VSL
\*------------------------------------*/
.sec-video-vsl{
	padding-top:40px;
	padding-bottom:40px;
}
.video-vsl {
	margin-top: 20px;
	max-width: 1034px;
	margin-left: auto;
	margin-right: auto;
}
.video-minutes p{
	text-align:center;
}

/*------------------------------------*\
    Buttons
\*------------------------------------*/
.btn {
	text-transform: uppercase;
	transition: all .3s ease;
	border-radius: 10rem !important;
	color: #fff;
	outline: none;
	font-size: 2rem;
	font-weight: 600;
	background-color: var(--colorSecundario);
	padding: 1rem 3rem;
}
.btn:hover {
	color:#fff;
	/* background-color: #ec7203; */
}
.btn:focus {
	color:#fff;
	background-color: #ec7203;
	box-shadow: none;
	border-color:#ec7203;
}

.btn-wrapper{
	width:100%;
	text-align:center;
}



.btn-banner:hover{
	background-color:#ec7203;
}
.btn-three:hover{
	background-color:#1c7182;
	border:2px solid #1c7182;
}



.btn-wrapper-ejemplos{
	text-align:center;margin-top:20px;
}

.btn-two{
	background-color:var(--colorPrimario);
	/* margin-top:1.5rem; */
}
.btn-two:hover, .btn-two:focus {
	color:#fff;
	background-color:#0f7a8f;
}
.btn-three{
	background-color:var(--colorPrimario);
	/* margin-top:1.5rem; */
	border:2px var(--colorPrimario) solid;
	/* color:var(--colorSecundario); */
	color:white;
}
.btn-three:hover, .btn-two:focus {
	/* background-color:var(--colorSecundario); */
}
.btn-header{
	font-size: 1.8rem;
	padding: 0.8rem 2rem
}


@media (max-width: 576px) {
	.btn-sm{
		margin-top:20px;
	}
}




.portfolio .btn, .ejemplos-web .btn{
	font-size:1.5rem;
	padding: 0.8rem 2rem;
}

.ejemplos-web .row{
	text-align:center;
}

.subtitulo-ejemplos{
	font-size:3.2rem;
}

.consultoria-white{
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-bottom:10px;
}

.consultoria-dark{
	font-size: 18px;
	font-weight: 600;
	color:#636161;
	margin-bottom:10px;
}

@media (max-width: 991px) {
	
	.subtitulo-ejemplos{
		font-size:2.5rem;
	}
	.btn-wrapper-ejemplos{
		margin-top:0px;
	}
}



h1{
	color:#f92 !important;
	font-size: 4.8rem;
	color: var(--colorSecundario);
	text-shadow: 2px 2px 0 rgba( 0,0,0,0.1);
	line-height: 1.2 !important;
	/* letter-spacing: -1px; */
}


h3{
	font-size: 3.3rem;
	color: #222;
	font-weight: 600;
	/* letter-spacing: -1px; */
	line-height: 1;
	line-height:1.5;
}

h2 {
	font-size: 5rem;
	font-weight:400;
	color:var(--colorPrimario);
	letter-spacing: -2px;
	font-family: var(----fuenteSecundaria);
	line-height:1.2;
	margin-bottom:15px;
}
h4{
	font-size: 2.1rem;
	color: #444;
	font-weight: 300;
	letter-spacing: -1px;
	line-height: 1;
	line-height:1.2;
}
h5 {
    color:var(--colorPrimario);
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
	letter-spacing: -1px;
	font-family: var(----fuenteSecundaria);
}
h6{
	font-size: 1.8rem;
	color: #222;
	font-weight: 600;
	letter-spacing: -1px;
	line-height: 1.2;
}
p{
	line-height: 1.9;
	margin-bottom: 1.9rem;
	text-align:center;
	font-weight:400;
	font-size: 18px;
	white-space: pre-line;
}

a{
	color:var(--colorPrimario);
	/* font-size:1.6rem; */
	
}
a:hover{
	color:var(--colorSecundario);
	text-decoration: none;
}
a:focus{
	color:var(--colorSecundario);
	text-decoration: none;
}
ul {
	list-style:none;
	padding: 0;
}
section{
	padding:10rem 0;
}
strong{
	font-weight:600;
}
/*------------------------------------*\
    Navigation
\*------------------------------------*/

.navbar{
	position:relative;
	background-color:#000;
}
.sticky{
	position:fixed;
}

.dropdown{	
	text-transform:uppercase;
}

@media (max-width: 991px) {
	.dropdown{
		border-bottom: 1px #333 solid;	
	}
}
.navbar-brand img{	
	max-width:34rem;
	width:34rem;
	height:7rem;
	transition:0.5s;
}

.navbar-collapse{
	padding-top:20px;
}

@media (max-width: 991px) {
	.navbar-collapse{
		position: absolute;
		top: 0px;
		right: 0px;
		margin-top: 70px;
		background-color: #222;
		min-width: 60%;
		padding-bottom:20px;
	}
	.dropdown{
		padding-left: 10px;
		margin-left: 15px;
		margin-right: 15px;
	}
	.dropdown a{
		text-align:left;
	}
}

.navbar-toggler {
    padding: .25rem .75rem !important;
    font-size: 1.25rem !important;
    line-height: 1 !important;
    background-color: #f8f1f100 !important;
    border: 0px solid transparent !important;
    border-radius: 0rem !important;
    color: #f4f4f4 !important;
}
.nav-contact{
	padding: 12px 10px ;
	border-radius: 0;
	background: var(--colorPrimario);
	color:#fff;
	outline: none;
	font-size:15px;
	font-weight: 600;	
}

.main-nav .navbar-brand {
	padding: 1rem 4rem 0.5rem 0rem;
}

.main-nav .navbar-nav .nav-item .nav-link {
	position: relative;
	text-align: center;
	color: #f4f4f4;
	padding-left: 8px;
	padding-right: 20px;
	font-size: 1.6rem;
	font-weight:500;
	
}

@media (max-width: 991px) {
	.main-nav .navbar-nav .nav-item .nav-link {
		text-align: left;
	}
	
}

.main-nav .navbar-nav .nav-item.active .nav-link {
	color: var(--colorSecundario);
}


.sticky {
	background-color:#222;
	
}
.sticky + .content {
	padding-top: 102px;
}
.smaller-logo{
	max-width: 280px !important;
	height:5.8rem !important;
	transition: 0.5s;
}


.navbar-toggler {
	padding: .25rem .75rem !important;
	font-size: 1.8rem !important;
	line-height: 1 !important;
	background-color: #f8f1f100 !important;
	border: 0px solid transparent !important;
	border-radius: 0rem !important;
	color: #f4f4f4 !important;
}

.contact-tel i{
	font-size: 2.3rem;
	margin-right: 0.5rem;
}

.fixed-top{
	
}

/*------------------------------------*\
    Banner home - Light slider
\*------------------------------------*/

/*	LightSlider	*/

.lSAction > a{
	width: 32px;
	display: block;
	top: 50%;
	height: 32px;
	cursor: pointer;
	position: absolute;
	z-index: 99;
	margin-top: -16px;
	opacity: 0.5;
	-webkit-transition: opacity 0.35s linear 0s;
	transition: opacity 0.35s linear 0s;
}
@media (max-width: 500px) {
	.lSAction .lSNext,.lSAction .lSPrev{
		display:none
	}
}
.lSAction > .lSNext{
	background-image: url('../images/controls.png');
	
}
.lSAction > .lSPrev{
	background-image: url('../images/controls.png');
	
}






/*Banner*/

.wpi-banner{
	position:relative;
	min-height:700px;
}
@media (max-width: 767px) {
	.wpi-banner{
		min-height:500px;
	}
	.consultoria-white, .consultoria-dark{
		
		font-size: 14px;
		
	}
	
	
	
}
.wpi-banner ul{
	list-style: none outside none;
	padding-left: 0;
	margin: 0;
}

.content-slider li{
	background-color: #ed3020;
	text-align: center;
	color: #FFF;
}
.content-slider h2 {
	margin: 0;
	padding: 70px 0;
}
.wpi-banner{
	width: 100%;
}		
.wpi-banner .info-right{			
	z-index:20;
	color:white;
}

.wpi-banner .background img{
	width: 100%;
	height: 700px;
	object-fit:cover;
}

.background{
	position:relative;
	display:flex;
	align-items: center;
	justify-content: center;
}

.feature-main-clr{
	color:#ec7203;
}
.feature-bold-600{
	font-weight:600;
}
.pantallas{
	z-index:3;
	width:100%;
	text-align:center;
}

.pantallas h1{
	text-transform:uppercase;
	color:#f4f4f4 !important;
	/*font-size: 4.8rem;*/
	font-size:4.2rem;
	color: var(--colorSecundario);
	text-shadow: 2px 2px 0 rgba( 0,0,0,0.1);
	line-height: 1.4 !important;
	margin: 0;
	margin-top:0rem;
	line-height: 0;
	font-weight:400;
	margin-bottom: 0rem;
	margin-bottom: 0rem;
	font-family: var(----fuenteSecundaria);
	font-weight: 600;
	/* font-style:italic; */
}
.pantallas h2{
	text-transform:uppercase;
	font-size: 6rem;
	color: var(--colorSecundario);
	text-shadow: 2px 2px 0 rgba( 0,0,0,0.1);
	line-height: 1.2 !important;
	margin: 0;
	line-height: 0;
	font-weight:700;
	margin-bottom: 1rem;
	/*color:#f92 !important;*/
	color:#f4f4f4 !important;
	font-family: var(----fuenteSecundaria);
	letter-spacing: -2px;
}


.pantallas h3{
	margin-top:0rem;
	font-size: 4.3rem;
	color: #e4e4e4;
	line-height: 1.2;
	margin-bottom: 0rem;
	font-weight: 400;
	/* text-transform: uppercase; */
	font-family: var(----fuenteSecundaria);
	
}
.pantallas h4{
	margin-top:0rem;
	font-size: 7rem;
	color: #e4e4e4;
	line-height: 1;
	margin-bottom: 0rem;
	font-weight: 600;
	text-transform: uppercase;
	color:#f4f4f4 !important;
}

.pantallas .banner-small-1{
	margin-top:6rem;
	
}
.pantallas .banner-small-2{
	margin-bottom: 6rem;
}

.pantallas .btn{
	padding:1.2rem 3.5rem;
}
.pantallas .btn-banner{
	margin-right:0.5rem;
}

@media (max-width: 480px) {
	.pantallas .banner-small-1{
		margin-top:3rem;
		
	}
	.pantallas .banner-small-2{
		margin-bottom: 3rem;
	}
	
}


.pantallas .banner-imgs{
	text-align:left;
}
.pantallas .banner-imgs img{
	width:95%;
	height:auto;
}

.pantallas sup{
	font-size:4.5rem;
}

.pantallas .btn-wrapper{
	margin-top:3rem;
}


.info-right-wrapper{
	position:absolute;
	top:0;
	z-index:10;
	right:0;
	margin-right:3rem;
	width:100%;
}


.info-right p{
	text-align:left;
	margin-bottom:0 !important;
	text-align:left;
	font-size:1.5rem;
	line-height:1;
}
.info-right p.wpi-price{
	line-height:1 !important;
	color:#fff;
	font-size:6.3rem;
	font-weight:500;
	line-height:1;
}
.info-right p.a-partir{
	font-weight:700;
}
.info-right p.pago-unico{
	font-size:2rem;
	font-weight:700;
}
.banner-list{
	text-align:left;
	margin-top:2rem;
}
.banner-list ul{
	font-weight:400;
	justify-content:left;
	margin-top:0.5rem;
	margin-bottom:0.5rem;
}
.banner-list ul li{
	margin-top:0.6rem;
	position:relative;
	font-size:1.6rem;
}

.banner-list ul li:before{
	position: absolute;
	left: -25px;
	content: "\f00c";
	font-family: FontAwesome;
	color: #fff;
	font-weight:300;
}

.movil-price{
	display:none;
}


.info-right-wrapper{
	display:inline-block;
	position: absolute;
	top: 0;
	z-index: 10;
	right: 0;
	width: 100%;
	left: 0;
}

.info-right{
	width:20rem;
	text-align:right;
	display:inline-block;
	margin-top:15.5rem;
}


/*------------------------------------*\
    Section general
\*------------------------------------*/

.title{
	text-align: center;
	margin-bottom: 30px;
}

/*------------------------------------*\
    Section Full page
\*------------------------------------*/



/*------------------------------------*\
	###   Section Full page ###
\*------------------------------------*/
.el-pack{
	padding-top:8rem;
	padding-bottom:8rem;
}
.el-pack .row{
	margin-bottom:2rem;
}
.el-pack ul{
	/* margin-bottom:2rem; */
}
#pack-web {
	scroll-margin-top: 140px; 
}
.el-pack ul li{
	color: #333;
	font-size: 2rem;
	text-indent: -1.5em;
	padding-left: 0.3em;
	line-height: 1.3;
	margin-bottom: 1.2rem;
	letter-spacing:-1px;
}
.el-pack ul li:before{
	left: -12px;
	content: "\f00c";
	font-family: FontAwesome;
	color: var(--colorPrimario);
	margin-right:0.5rem;	
}

.el-pack h3{
	margin-top:3rem;
	margin-bottom:0.3rem;
	color:#636161;
}

.el-pack h4{
	margin-bottom: 3rem;
	font-weight: 500;
}
@media (max-width: 767px) {
	.el-pack h4{
		line-height:1.5;
	}	
}

@media (max-width: 576px) {
	.el-pack ul{
		margin-left:28px;
	}
}

.el-pack img{
	width:100%;
	height:auto;
	max-width:58.8rem;
}
.scroll-web img{
	width:100%;
	height:auto;
}
.el-pack-list{
	margin-left:auto;
	margin-right:auto;
	max-width:50rem;
}
.el-pack-list p{
	text-align:left;
}
.wpi-gif{
	box-shadow: #d4d4d4 4px 4px 10px 0px;
}
.el-pack .btn-wrapper{
	text-align:left;
}
/*------------------------------------*\
	###   Section seo ###
\*------------------------------------*/
.seo-list{
	padding-left:50px;
}
@media (max-width: 991px) {
	.seo-list{
		padding-left:0px;
	}
	
}

/*------------------------------------*\
	###   Resales ###
\*------------------------------------*/

.resales .resales-text{
	margin-bottom:5rem;
}
@media (max-width: 991px) {
	.resales .resales-text{
		margin-bottom:1rem;
	}	
}


/*------------------------------------*\
	###   Conexión portales ###
\*------------------------------------*/
.wpi-conexion-portales .title h5 {
	margin-bottom: 5rem;
	font-size: 27px;
}
/*------------------------------------*\
    Section Services
\*------------------------------------*/

.wpi-services .title h5{
	margin-bottom:5rem;
	font-size: 27px;
}
.services-col {
	text-align:center;
}
.services-col i{
	font-size: 5rem;
	color: var(--colorPrimario	);
	margin-bottom:1.5rem;
}
.services-col i{
	font-size: 5rem;
	color: var(--colorPrimario	);
	margin-bottom:1.5rem;
}
.services-col h3{
	font-size: 2.7rem;
	
}
/*------------------------------------*\
	###   Sobre mi ###
\*------------------------------------*/

.about .image-block {
	padding: 30px;
}
.about .content-block {
	font-size: 1.67rem;
}

.about .image-block img {
	width:29rem;
	height:29rem;
	width:100%;
	height:100%;
	border-radius: 100%;
	box-shadow: 0px 0px 59px 0px rgba(11, 29, 66, 0.15);
	border: 3px #eeeded solid;
}

.bg-about {
	#background: url(../images/pattern-background.jpg) no-repeat;
	background-size: cover;
}
.about{
	background-image:linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url('../images/raton_ordenador.webp');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom;
	padding-top:7rem;
	padding-bottom:7rem;
}
.about h3{
	font-size:3rem;
	margin-bottom:2rem;
	line-height:1.3;
	font-family: var(----fuenteSecundaria);
}
.about p{
	text-align:justify;
}

/*------------------------------------*\
	Call to action
\*------------------------------------*/

.cta{
	background-color:#999999;	
	background-position:left center;
	padding-top:80px;
	padding-bottom:80px;	
	
}
.cta-1{
	background: url(../images/wpi-background-1.webp) no-repeat ;
	/* background-image: url('../images/logo_bg.webp'), linear-gradient(to top, #1bc5d3 0%, #127aad 100%);	 */
	background-size: cover;
}
.cta .cta-up{
	margin-bottom:3rem;
	font-size: 5rem;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: -2px;
}

.cta h4{
	font-size:28px;
	color:white;
	font-weight:500;
	margin-bottom:30px;
	
}


@media (max-width: 767px) {
	.cta .cta-up{
		margin-bottom:3rem;
		font-size:4.3rem;
	}
}
@media (max-width: 531px) {
	.cta .cta-up{
		
		font-size:4rem;
	}
}
.cta-2{
	background: url(../images/wpi-background-1.webp) no-repeat ;
	/* background-image: url('../images/logo_bg.webp'), linear-gradient(to top, #1bc5d3 0%, #127aad 100%);	 */
	background-size: cover;
}

.cta-1, .cta-2{
	background-position:center;
}
.cta-block{
	text-align:center;
	max-width:750px;
	margin-left:auto;
	margin-right:auto;
}
.cta-block h3{
	color:white;
	margin-bottom:30px;
	line-height:1.5;
	font-size:2.5rem;
	font-family: var(----fuenteSecundaria);
	font-weight:400;
	
}
.cta h3{
	font-weight:500;
}



/*------------------------------------*\
	## Testimonios ##
\*------------------------------------*/

.wpi-testimonios .title{
	margin-bottom:4rem;
}
.wpi-testimonios .title h2{
	margin-bottom:2rem;
}
.wpi-testimonios .title p{
	max-width:70rem;
	margin-left:auto;
	margin-right:auto;
	font-size:1.6rem;
}
.wpi-testimonios-row{
	margin-bottom:3rem;
}
.wpi-testimonios-row p{
	margin-top:0.5rem;
	text-align:justify;
	font-size:1.6rem;
	color: #444;
}
.wpi-testimonios .testminio-container{
	/* background-image: url('../images/logo_bg.webp'), linear-gradient(to top, #1bc5d3 0%, #127aad 100%); */
	box-shadow: 0px 0px 10px #c4c4c4;
	padding: 30px;
	color: white;
	border-radius: 10px;
}

/* Estilos para animación suave de "Leer más" */
.more-text {
	display: none;
	opacity: 0;
}

.more-text.show {
	display: inline;
	opacity: 1;
	animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.dots {
	display: inline;
}

/* Estilos del botón "Leer más" */
.wpi-testimonios button,
.wpi-testimonios .btn-read-more{
	background:none;
	border:none;
	display:inline;
	font-size:1.5rem;
	color: var(--colorPrimario);
	font-weight:600;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.wpi-testimonios button:hover,
.wpi-testimonios .btn-read-more:hover{
	opacity: 0.7;
}


.comentario-individual{
	text-align:center;
}
.comentario-individual h3{
}
.comentario-individual img{
	width:36.7rem;
	height:36.7rem;
	max-width:12.5rem;
	max-height:12.5rem;
	padding:0.1rem;
	margin-bottom:1rem;
	border-radius: 50%;
	border: 2px #f7f7f7 solid; 
	/*border: 2px #e1e1e1 solid;*/
	/*border: 2px var(--colorPrimario) solid;*/
	/* border: 3px #d5d4d4 solid; */
}
.comentario-individual i{
	font-size:3rem;
	color:var(--colorPrimario);
	margin-bottom:2rem;
}
.wpi-testimonios-row a{
	font-weight:700;
	color: var(--colorPrimario);
}

@media (max-width: 991px) {
	.wpi-testimonios-row{
		margin-bottom:0rem;
	}
	.wpi-testimonios-row .col-lg-6{
		margin-bottom:3rem;
	}
}

@media (max-width: 767px) {
	.wpi-testimonios{
		background-color: #f8f9fa !important;
	}
}


/*------------------------------------*\
    Footer
\*------------------------------------*/
.footer{
	/*margin-top:6rem;*/
	background-color:#222;
	margin-bottom:0;
	text-align:left;
	margin-bottom:0;
	padding-top:4rem;
	padding-bottom:5rem;
}
.footer li, .footer li a, .footer p{
	font-size:1.6rem;
}
.footer p{
	text-align:left;
}
.copyright{
	text-align:left;
}
.copyright img{
	max-width:30rem;
	filter: grayscale(100%) brightness(200%);
	margin-bottom:2rem;
} 
.copyright p{
	color:#fff;
}

.social-footer, .nav-footer{
	margin-top:1.5rem;
}
.social-footer i{
	color:#fff;
	font-size:2.5rem;
	padding-right:1rem;
}

.social-footer h2{
	color:#fff;
	font-size:1.5rem;
	text-transform:uppercase;
}


.nav-footer ul{
	display:block;
	margin-top:0;
	padding-left:0;
	text-align:left;
}
.nav-footer ul li{
	list-style:none;
	margin-bottom:0.5rem !important;
}
.nav-footer ul li a{
	color:#fff;
	padding:0;
}
.nav-footer ul li.active .nav-link{
	color:#fff;
}

.contact-data-footer{
	text-align:left; 
	margin-top:2rem;
	
}

.contact-data-footer ul li, .contact-data-footer ul li a{
	color:#fff;
	margin-bottom:1rem;
	
}

.tel-sm{
	display:none;
}
/*------------------------------------*\
    ## Página ##
\*------------------------------------*/

.wpi-page-title {
	background: url(../images/wpi-background-1.webp) no-repeat;
	background-size: cover;
	background-position: center center;
	padding:11.5rem 0 6.5rem;
}
.wpi-page-title h1{
	font-size:6rem;
}

@media (max-width: 767px) {
	.wpi-page-title h1{
		font-size:4.8rem;
	}
}

.wpi-page-title h2{
	color:#f92;
	font-weight: 500;
}
.wpi-page-title h4{
	font-weight: 300;
	font-size: 2.8rem;
	color: #fff;
	line-height:1.5;
	margin-top:0rem;
	margin-bottom:3.5rem;
}
.wpi-page{
	padding-top:6rem;
}
.wpi-page h2{
	margin-bottom:1rem;
	text-align:center;
}
.wpi-page h6 {
    margin-top: 3.8rem;
    margin-bottom: 1rem;
    color: #444;
	font-size:2.2rem;
}
.wpi-page p{
	text-align:justify;
}

/*------------------------------------*\
    ## Contacto ##
\*------------------------------------*/
.contacto{
	padding-top:6rem;
}
.contacto .section-title{
	margin-bottom:3rem;
	margin-top:4rem
}
.contacto .title-sesion{
	/* margin-top:4rem; */
	margin-bottom:2rem;
}

.contacto p{
	text-align:left;
}

.contact-data ul li {
    margin-bottom: 0rem;
	font-size: 2rem;
	font-weight:300;
}
.contact-data ul li a{
	color:#636161;
	margin-bottom:1rem;
	font-size:2rem;
}
.contact-data i {
    font-size: 24px;
    margin-right: 10px;
    color: var(--colorPrimario);
}
::placeholder {
	color: #b7b7b7 !important;
}
.form-group{
	margin-bottom:2rem;
}

.form-control {
    border: 1px solid #a3a3a3 !important;
	font-size:1.5rem;
	
}
input.form-control{
	padding:1.8rem 0rem 1.8rem 1rem;
}
.form-group ul li{
	color:var(--colorSecundario);
	font-weight:500;
	font-size:1.5rem;
}
.btn-success{
	background-color:var(--colorPrimario);
	border-color:var(--colorPrimario);
}
.btn-success:hover{
	background-color:#0f7a8f;
	border-color:#0f7a8f;
}
.btn-success.disabled{
	background-color:#50c2d9;
	border:#50c2d9;
}
#msgSubmit{
	text-align:left;
	font-size:2.5rem;
	margin-top:1rem;
	margin-bottom:2rem;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.5;
}

/*------------------------------------*\
    Detalles de la web
\*------------------------------------*/
.wpi-detalles-web{
	padding-top:0rem;
	padding-bottom:5rem;
}

.wpi-detalles-web .title{
	margin-bottom:4rem;
}
.wpi-detalles-web .title img{
	margin-top:3.5rem;
}
.wpi-detalles-web .pack-title{
	background-color:var(--colorTerciario);
	
	border-radius:0.5rem;
}
.wpi-detalles-web .pack-title h6{
	color:#fff;
	padding:1.5rem 0rem 1.5rem 1.5rem;	
}

.wpi-detalles-web h6{
	margin-top:1rem;
}
.detalles-web-wrapper{
	padding:0rem 1.5rem;
	margin-bottom:2rem;
}
.wpi-detalles-web .pack-title{	
	background-position:center right;
	background-repeat:no-repeat;
	background-size:contain;
}
.wpi-detalles-web .detalles-web{
	background-image:linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url('../images/pack-detalles-web.webp');
}
.wpi-detalles-web .listado-propiedades{
	background-image:linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url('../images/listado-propiedades.webp');
}
.wpi-detalles-web .pagina-propiedad{
	background-image:linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url('../images/pagina-propiedad.webp');
}
.wpi-detalles-web .generacion-leads{
	background-image:linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url('../images/generacion-leads.webp');
}
.wpi-detalles-web .herramientas-usuarios{
	background-image:linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url('../images/herramientas-usuarios.webp');
}
.wpi-detalles-web .directorio-agentes{
	background-image:linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url('../images/directorio-agentes.webp');
}
.wpi-detalles-web .herramientas-marketing{
	background-image:linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url('../images/herramientas-marketing.webp');
}
.wpi-detalles-web .sesion-formacion{
	background-image:linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url('../images/sesion-formacion.webp');
}

.wpi-detalles-web  ul{
	margin-bottom:2rem;
}
.wpi-detalles-web  ul li{
    list-style-position: inside;
    text-indent: -2rem;
    padding-left: 2rem;
	line-height: 1.2;
	margin-bottom: 1rem;
}

.wpi-detalles-web ul li{
	margin-top:0.5rem;
	color:#333;
	font-size:1.5rem;
	letter-spacing: -0.3px;
}
.wpi-detalles-web  ul li:before{
	left: -12px;
	content: "\f00c";
	font-family: FontAwesome;
	color: var(--colorPrimario);
	margin-right:0.5rem;	
}

/*------------------------------------*\
    Sesión gratuita
\*------------------------------------*/

.calendly-inline-widget{
	min-width:450px;
	height:730px;
}

/*------------------------------------*\
    Side Phone - whatsapp mobile
\*------------------------------------*/
.side-phone, .side-whatsapp {
	position: fixed;	
	width: 48%;
	text-decoration: none;
	font-size: 2rem;
	color: white;
	border-radius: 5rem;
	z-index:30;
	font-weight:600;
	display:none;
	text-align:center;
}
.side-phone{
	right:0;
	bottom:0;
	background-color:var(--colorPrimario);
	margin:0rem 0.4rem 0.4rem 0.4rem;
}
.side-whatsapp{
	left:0;
	bottom:0;
	background-color: #1fa150;
	margin:0rem 0.4rem 0.4rem 0.4rem ;
}
.side-phone a, .side-whatsapp a, .side-phone a:hover, .side-whatsapp a:hover {
	color:#fff;
	text-decoration:none;
	font-size:1.6rem;
}
.side-phone p, .side-whatsapp p{
	font-size: 1.2rem;
	line-height: 0;
	
}

.side-phone:hover, .side-whatsapp:hover{
	right: 0;
}

.side-phone i, .side-whatsapp i{
	display:inline;
	font-size:2.7rem;
	margin-right:0.2rem;
}	
.side-whatsapp i{
	font-size:3rem;
}	

.bottom-btn-bg{
	position: fixed;
	bottom: 0;
	height: 5.3rem;
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	display:none;
	z-index:29;
}

.side-phone, .side-whatsapp {
	display:none;
}

@media (max-width: 531px) {
	
	.side-phone, .side-whatsapp {
		display:flex;
	}
	.side-whatsapp-icon{
		display:none;
	}
	
}
/*------------------------------------*\
	whatsapp icon desktop
\*------------------------------------*/


.side-whatsapp-icon {
	position: fixed;	
	text-decoration: none;
	font-size: 20px;
	color: white;
	border-radius: 50px;
	z-index:30;
	font-weight:600;
	/* display:none; */ 
	text-align:center;
	width:60px;
	height:60px;
	left:0;
	bottom:0;
	background-color: #2ab944;
	margin:0px 4px 10px 10px ;
}
.modal {
	display: none;
	position: fixed;
	z-index: 999;
	left: 0; top: 0;
	width: 100%; height: 100%;
	background: rgba(0,0,0,0.5);
	justify-content: center;
	align-items: center;
}

.modal-content {
	background: #fff;
	padding: 20px;
	border-radius: 8px;
	text-align: center;
}

.side-phone-icon{
	right:0;
	left:auto;
	background-color: var(--colorPrimario);
}
@media (max-width: 767px) {
	
	
}

@media (min-width: 768px) {
	.side-phone-icon{
		/* display:none; */
	}
	
}

.side-whatsapp-icon img{
	padding:12px;
	width: 60px;
}


.side-phone a, .side-whatsapp-icon a, .side-phone a:hover, .side-whatsapp-icon a:hover {
	color:#fff;
	text-decoration:none;
	font-size:16px;
}
.side-phone p, .side-whatsapp-icon p{
	font-size: 12px;
	line-height: 0;
}

.side-phone:hover, .side-whatsapp-icon:hover{
	right: 0;
}

.side-phone span, .side-whatsapp-icon span{
	display:inline;
	font-size:27px;
	margin-right:2px;
}
.side-whatsapp-icon span img{
	width:28px;
}
.side-whatsapp-icon i{
	font-size:30px;
}	

.bottom-btn-bg{
	position: fixed;
	bottom: 0;
	height: 53px;
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	display:none;
	z-index:29;
}
.bottom-btn-bg {
	position: fixed;
	bottom: 0;
	height: 53px;
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%;
	display: none;
	z-index: 29;
}




/*
	* Bootstrap Cookie Alert by Wruczek
	* https://github.com/Wruczek/Bootstrap-Cookie-Alert
	* Released under MIT license
*/
.cookiealert {
	position: fixed;
	bottom: 0;
	left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #636161;
    background-color: #fff;
	box-shadow: 0 -5px 5px -5px #999999;
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}

.acceptcookies{
	background-color:var(--colorPrimario);
}

/*------------------------------------*\
    Portfolio
\*------------------------------------*/

.portfolio{
	margin-top:3rem;
	margin-bottom:3rem;
}
.portfolio .item-info{
	margin-top:1rem;	
}
.portfolio a.p-link{
	font-weight:600;
	margin-left:2rem;
	font-size:2rem;
}


.portf-main-row{
	margin-bottom:7rem;
}

/*------------------------------------*\
    Articulos blog
\*------------------------------------*/
.blog h3{
	font-size:2.3rem;
	margin-top:1rem;
	line-height:1.4;
	font-weight:500;
}

.articulo-blog h2{
	text-align:left;
	margin-top:3rem;
	margin-bottom:2rem;
	font-size:3.8rem;
}
.articulo-blog img{
	margin-bottom:3rem;
}
.articulo-blog p{
	font-size:1.8rem;
	white-space: pre-line;
	
}

/*------------------------------------*\
    Elementos web
\*------------------------------------*/

.wpi-detalles-web .imagen-pantallas{
	margin-top:4rem;
	margin-bottom:4rem;
}



/*------------------------------------------------------------------
	DIESPOSITIVOS MÓVILES
-------------------------------------------------------------------*/

/*
    320px — 480px: Mobile devices.
    481px — 768px: iPads, Tablets.
    769px — 992px: Small screens, laptops.
	993px — 1200px: Desktops, large screens.
    1201px and more — Extra large screens, TV.
	
*/
@media (max-width: 767px) {
	.dark-body{
		position:fixed;
	}
	.dark-body:after{
		content: "";
		position: absolute;
		left: 0; right: 0;
		top: 0; bottom: 0;
		background: rgba(0,0,0,.5);
		z-index:555;
	}
}

@media (max-width: 991px) {
	.btn, .btn-2{
		font-size:1.8rem;
	}
}

@media (max-width: 767px) {
	body {
		font-size:1.8rem;
	}
	h3{
		font-size: 3rem;
		font-weight: 600;
	}
	h2 {
		font-size: 4rem;
	}
	h5 {
		font-size: 2.5rem;
	}
}



/*------------------------------------*\
    Navigation
\*------------------------------------*/
@media (max-width: 1199px) {
	.main-nav .navbar-brand {
		padding: 2.3rem 1rem 1rem rem !important;
	}
	.navbar-brand img{	
		width:28rem;
		height:5.8rem;
		transition:0.5s;
	}
	
	.main-nav .navbar-nav .nav-item .nav-link {
		font-size:1.5rem;
	}
	.contact-tel img{
		max-width:16rem;
	}
	
	.smaller-logo{
		width: 23rem !important;
		height:4.8rem !important;
	}
	.btn-header{
		font-size: 1.6rem;
		padding: 0.3rem 1.8rem;
	}
}

@media (max-width: 991px) {
	
	.navbar{
		background-color:#222;
	}
	.navbar button i{
		font-size:22px;
	}
	.nav-contact{
		display:none;
	}
	
	.main-nav .navbar-nav .nav-item .nav-link {
		font-size:1.7rem;
	}
	
	.dropdown{
		padding-top:0.5rem;
		padding-bottom:0.5rem;
	}
	
	.navbar-brand img{	
		width:26rem;
		height:5.4rem;
		
	}
	.smaller-logo{
		width: 23rem !important;
		height:4.8rem !important;
	}
	
	
	.mx-auto{
		padding-bottom:1rem;
	}
	.contact-tel{
		/* display:none; */
		text-align: center;
		margin-bottom: 2rem;
	}
}
@media (max-width: 767px) {
	.navbar{
		padding:0rem 1rem;
	}
	.main-nav .navbar-brand{
		padding: 1.3rem 0rem 1rem 0rem;
	}
	
	.bottom-btn-bg{
		display:block;
	}
}
@media (max-width: 576px) {
	
	
	.main-nav .navbar-brand {
		padding: 1.6rem 0rem 1.2rem 0rem;
	}
	.navbar-brand img{	
		width:23rem;
		height:4.8rem;
		
	}
	.smaller-logo{
		width: 23rem !important;
		height:4.8rem !important;
	}
	
}

/*------------------------------------*\
    Banner home - Light slider
\*------------------------------------*/
@media (max-width: 1200px) {
	.pantallas .banner-imgs img{
		width:65rem;
	}
	
	.pantallas h1{
		
		font-size: 3.8rem;
		
	}
	.pantallas h3{
		
		font-size: 2rem;
		
	}
	.pantallas h4{
		
		font-size: 7.8rem;
		
	}
	.info-right{
		margin-top:18.5rem;
	}
}

@media (max-width: 991px) {
	.movil-price{
		display:block;
	}
	.banner-list{
		display:none;
	}
	.pantallas-wrapper{
		top: 0;
		margin-top:15rem;
	}
	.pantallas h1{
		margin-top:0rem;
	}
	
	.pantallas h1{
		font-size:4.5rem;
	}
	
	.pantallas h4{		
	}
	.movil-price h4{
		margin-bottom:2.5rem;
		font-size:2.8rem;
		font-weight:400;
	}
	.movil-price sup{
		margin-bottom:2.5rem;
		font-weight:400;
		font-size:2.3rem;
	}
	
	.info-right{
		
		margin-top:29rem;
		width: 18rem;
	}
	.info-right p.wpi-price{
		font-size:6.3rem;
	}
	
}

@media (max-width: 767px) {
	.pantallas h1{
		font-size:3rem;
	}
	.movil-price{
		display:block;
	}
	
	.pantallas-wrapper{
		top: 0;
		margin-top: 12rem;
	}
	.pantallas h2{
		font-size:5rem;
	}
	
	.pantallas h4{
		font-size:6.3rem;
	}
	.movil-price h4{
		margin-bottom:2.5rem;
	}
	.pantallas .banner-imgs img{
		width:100%;
		height:auto;
	}
	.info-right {
		margin-top: 50rem;
		width: 37rem;
		display:flex;
		margin-left: auto;
		margin-right: auto;
	}
	
	.banner-list{
		display:block;
		margin-left:6.5rem;
		margin-top:0rem;
	}
	.banner-list ul li {
		margin-top: 0.5rem;
		position: relative;
		font-size: 1.5rem;
	}
	
	.copyright p{
		text-align:center;
	}
	
}

@media (max-width: 531px) {
	.pantallas h1{
		font-size:3rem;
	}
	.pantallas h2{
		font-size:3.7rem;
	}
	.pantallas h4{
		font-size:6rem;
	}
	.info-right{
		margin-top:46rem;
	}
	.pantallas sup{
		font-size:3rem;
	}
	
}

@media (max-width: 480px) {
	.wpi-banner .background img {
		width: 1920px;
		height: 500px;
	}
	
	.pantallas-wrapper{
		margin-top:4rem;
	}
	.pantallas h1{
		font-size: 2.3rem;
		margin-bottom:0rem;
	}
	.pantallas h4{
		font-size:5.3rem;
	}
	.info-right{
		margin-top:50rem;
	}
	.banner-list{
		display:block;
		margin-left:5rem;
	}
	.banner-list ul li {
		
		font-size: 1.3rem;
	}
	.info-right{
		width:30rem;
	}
	.info-right p.wpi-price{
		font-size:5rem;
	}
	.pantallas .btn{
		font-size:1.6rem;
	}
	
	
	
}
@media (max-width: 320px) {
	.pantallas h1{
		font-size:2.4rem;
	}
	.pantallas h4{
		
		font-size:6rem;
	}
	.pantallas h2 {
		font-size: 4rem;
	}
	
}

/*------------------------------------*\
	Section Full page
\*------------------------------------*/
@media (max-width: 767px) {
	.full-width p{
		text-align:justify;
	}
}
/*------------------------------------*\
	El pack
\*------------------------------------*/

@media (max-width: 991px) {
	.el-pack{
		padding-bottom:4rem;
	}
	.el-pack .content-block{
		text-align:center;
	}
	
	.el-pack .btn-wrapper{
		text-align:center;
	}
	
	.column-reverse{
		flex-direction: column-reverse;
	}
	.el-pack-list{
		margin-top:3rem;
		margin-bottom:3rem;
	}
}
@media (max-width: 576) {
	.el-pack-list{
		max-width: 28rem;
		margin-left: auto;
		margin-right: auto;
	}
}
/*------------------------------------*\
	Detalles pack web
\*------------------------------------*/
@media (max-width: 767px) {
	.wpi-detalles-web ul li{
		font-size:1.7rem;
	}
}

/*------------------------------------*\
	Sobre mí
\*------------------------------------*/

@media (max-width: 991px) {
	.btn-wrapper{
		text-align:center;
	}
	.about h3 {
		font-size: 2.5rem;
		
	}
}



@media (max-width: 767px) {
	.about{
		padding-top:4rem;
		padding-bottom:4rem;
	}
	.about .image-block{
		text-align:center;
		padding-bottom:0px;
	}
	.about .image-block img{
		max-width:17rem;
	}
	.about h2{
		text-align:center;
		margin-bottom:1.5rem;
	}
	.about p{
		text-align:justify;
	}
	.about h3 {
		text-align:center;
	}
}
@media (max-width: 576px) {
	.about .image-block img{
		
		width:100%;
		height:auto;
	}
	.about h2{
		margin-bottom:1.5rem;
	}
}

/*------------------------------------*\
	Sobre me detalle
\*------------------------------------*/

.personal-images img{
	max-width:800px;
	width:100%;
}
.sobre-me-wrapper{
	text-align:left;
}
@media (max-width: 767px) {
	.sobre-me-wrapper{
		text-align:center;
	}
}
@media (max-width: 991px) {
	.sobre-me-detalle img{
		margin-bottom:2rem;
	}
}

/*------------------------------------*\
	## Testimonios ##
\*------------------------------------*/
@media (max-width: 991px) {
	.wpi-testimonios .movil-vspace{
		margin-top:2rem;
	}
}


/*------------------------------------*\
	## Appoinemtn Scheduler Calendar ##
\*------------------------------------*/

iframe{
	display: block;
	
}

.iframe-calendar{
	height:980px;
}
@media (max-width: 991px) {
	
	
	.iframe-calendar {
		height: 1320px;
	}
}

@media (max-width: 767px) {
	
	
	.iframe-calendar {
		height: 1185px;
	}
}

@media (max-width: 575px) {
	
	
	.iframe-calendar {
		height: 1165px;
	}
}
/*------------------------------------*\
	Footer
\*------------------------------------*/

@media (max-width: 991px) {
	
	.copyright, .social-footer, .contact-data-footer{
		text-align:center;
	}
	.nav-footer ul{
		display:inline;
		text-align:center;
	}
	.contact-data-footer ul li a{
		display:inline;	
	}
	.tel-lg{
		display:none;
	}
	.tel-sm{
		display:block;
	}
	
}

/*------------------------------------*\
	Contacto
\*------------------------------------*/
.privacy-summary{
	margin-top:10px;
}
.privacy-summary p{
	font-size:1.3rem;
}
.privacy-summary a{
	font-size:1.3rem;
}
@media (max-width: 991px) {
	.contact-data ul li a{
		display:inline;
	}
	.formulario-contacto{
		padding-top:3rem;
	}
}
@media (max-width: 767px) {
	.title-sesion{
		padding-top:2rem;
	}
	
	.privacy-summary p{
		font-size:1.5rem;
	}
	
}


/*------------------------------------*\
	Call to action
\*------------------------------------*/

.cta-block h3.no-dudes-llamar{
	font-size:3.5rem
}

@media (max-width: 576px) {
	.cta-block h3{
		
		font-size:3.5rem;
	}
	.cta-block h3.no-dudes-llamar{
		font-size:3rem
	}
	
}


/*------------------------------------*\
	Portfolio
\*------------------------------------*/
@media (max-width: 991px) {
	.portf-sec-row{
		margin-bottom:6rem;
	}
	.portfolio .item-info{
		text-align:center;
	}
	.portfolio .item-info .btn{
		margin-top:1rem;
	}
}

/*------------------------------------*\
	Legal
\*------------------------------------*/
.legal p{
	text-align:left;
}


/*------------------------------------*\
	Cookies
\*------------------------------------*/
.cookies-btn-wrapper{
	display:inline;
	margin-top:0rem;
}
@media (max-width: 767px) {
	/*.cookiealert{
		bottom:auto;
		top: 30%;
		border-radius: 1rem;	
		left: 0;
		right: 0;
		margin-left: auto !important;
		margin-right: auto !important;
		width: 80%;	
		font-size:1.7rem;
		}
		
	*/
	.cookiealert{
		background-color:#222;
		color:#fff;
		font-size:1.7rem;
		box-shadow:none;
		padding: 1.5rem 1.5rem;
	}
	
	.cookies-btn-wrapper{
		display:block;
		margin-top:2rem;
	}
}


#cmpbox{
	box-shadow: 1px 1px 20px #555 !important;
}

.cmpboxrecall{
	left:auto !important;
	right:15px !important;
	bottom:15px !important;
}
@media (max-height: 926px) and (max-width: 570px) and (orientation: portrait) {
	body .cmpbox{
		padding-top: 10px !important;
		min-height: 70%;
		padding-right: 15px !important;
		padding-left: 15px !important;
		overflow: auto !important;
		max-width: 354px !important;
		min-width: 300px !important;
	}
	body .cmpboxinner{
		border:none;
	}
	
}