/*-- 
AUTHOR   : SimplePixel
URL      : http://themeforest.net/user/SimplePixel
TEMPLATE : Inch - Creative Coming Soon Template
VERSION  : 1.0

TABLE OF CONTENTS
1.0 BASIC STYLE
2.0 PRELOADER
3.0 FORMS
	3.1 FORMS WHEN FOCUS
4.0 BUTTONS & LINKS STYLE
5.0 BASIC SECTION STYLE
6.0 MENU
	6.1 MENU HOVER
	6.2 COUNTDOWN
7.0 HOME SECTION
	7.1 SOCIAL MEDIA LINKS
8.0 ABOUT SECTION
	8.1 SERVICE CONTAINER HOVER
9.0 SUBSCRIBE SECTION
10.0 PORTFOLIO SECTION
	10.1 OVERRIDE MAGNIFIC POPUP STYLE
11.0 CONTACT SECTION
	11.1 LOCATE US HOVER EFFECT
12.0 GOOGLE MAP SECTION
13.0 STYLE FOR MEDIUM DEVICES 
14.0 STYLE FOR SMALL DEVICES 
15.0 PORTFOLIO STYLE ON EXTRA SMALL DEVICES
--*/


/*-- ========================================= --
	1.0 BASIC STYLE
/*-- ========================================= --*/
p{
	color:#535353;
}
.highlight{
	color:#005a89;
}

/*-- ========================================= --
	2.0 PRELOADER
/*-- ========================================= --*/
.preloader{
	background:white;
}
.preloader .line-scale-pulse-out-rapid > div{
	border:2px solid #d10e0e;
}


/*-- ========================================= --
	3.0 FORMS
/*-- ========================================= --*/
::-webkit-input-placeholder{
	color: rgba(83, 83, 83, 0.5);  /*-- REAL: rgba(163, 8, 26,0.5) color de las letras del formulario contacto prueba rgba(97, 221, 159, 0.5) --*/
}
:-moz-placeholder{
	color: rgba(163, 8, 26,0.5);
}
::-moz-placeholder{
	color: rgba(163, 8, 26,0.5);
}
:-ms-input-placeholder{
	color: rgba(163, 8, 26,0.5);
}
input[type="text"],
input[type="email"],
textarea
{
	color:#a3081a; /*-- color de las letras que se escriben en el formulario --*/
	border-bottom:1px solid #f24b4b; /*-- color de linea roja delgada de cada caja de texto del formulario --*/
}
.input-container .thin-line,
.form-row .thin-line
{
	background:#d10e0e;  /*-- color de la linea q se forma al colocar el mouse encima de una caja para llenar del form --*/
}
.subscribe-form-container .email-icon::before,
.contact-form-container .user-icon::before,
.contact-form-container .email-icon::before,
.contact-form-container .note-icon::before
{
	color:rgba(83, 83, 83,0.5); /*-- color de los iconos de las cajas de texto antes de poner el mouse encima, es gris claro --*/
}
label.loading-subscribe,
label.loading-contact
{
	color:#a3081a;
}

/*-- =================== 3.1 FORMS WHEN FOCUS ====================== --*/
.subscribe-email:focus ~ .email-icon::before,
.contact-form input:focus ~ .user-icon::before,
.contact-form input:focus ~ .email-icon::before,
.contact-form textarea:focus ~ .note-icon::before
{
	color:#a3081a;  /*-- color de los iconos de las cajas de texto LUEGO de poner el mouse encima, es gris claro --*/
}

/*-- ========================================= --
	4.0 BUTTONS & LINKS STYLE
/*-- ========================================= --*/
.button-regular{
	background:#a3081a; /*-- color deL BOTON enviar MENSAJE .... ROJO OSCURO --*/
	color:white;
}
.button-regular::before{
	background:white;
}
.button-regular::after{ 
	color:#a3081a;   /*-- color deL BOTON enviar MENSAJE LUEGO DE PRESIONARLO.... LETRAS ROJO OSCURO  FONDO BLANCO--*/
}

/*-- ========================================= --
	5.0 BASIC SECTION STYLE
/*-- ========================================= --*/
section .section-title{
	color:#a3081a;  /*-- COLOR DE TODOS LOS TITULOS DE LAS PAGINAS - ROJO OSCURO--*/
}
section .section-title::before{
	background:rgba(163, 8, 26,0.5); /*-- NO SE Q HACE - ROJO OSCURO--*/
}
section .section-title::after{
	background:rgba(163, 8, 26,0.5);   /*-- NO SE Q HACE - ROJO OSCURO--*/
}

/*-- ========================================= --
	6.0 MENU
/*-- ========================================= --*/
.menu-container{
	border-bottom:1px solid rgba(163, 8, 26,0.5); /*-- NO SE Q HACE - ROJO OSCURO--*/
}
.menu a{
	color:rgb(163, 8, 26);  /*-- COLOR DE LAS LETRAS MENU SUPERIOR--*/
}
.menu a::after{
	color:#ffd000; /*-- COLOR DE LAS LETRAS MENU SUPERIOR--*/
}
.menu a::before{
	background:#ffd000; /*-- COLOR DE LA LINEA Q SE FORMA AL POSAR ENCIMA DE LAS LETRAS MENU SUPERIOR--*/
}

/*-- =================== 6.1 MENU HOVER ====================== --*/
.menu a:hover,
.menu a.active
{
	color:rgba(163, 8, 26,0.5); /*-- NO SE Q HACE - ROJO OSCURO--*/
}

/*-- =================== 6.2 COUNTDOWN ==================== --*/
.countdown-container .countdown-title{
	color:#d1142a;   /*-- NO SE Q HACE - ROJO OSCURO 2--*/
}
.countdown .digit{
	color:white;
}
.countdown::before{
	background:rgba(209,20,42,0.0);  /*-- NO SE Q HACE - ROJO OSCURO 2--*/
}
.countdown::after{
	background:rgba(209,20,42,0.0);   /*-- NO SE Q HACE - ROJO OSCURO 2--*/
}

/*-- ========================================= --
	7.0 HOME SECTION
/*-- ========================================= --*/
.home-section h1,
.home-section h3
{
	color:#a3081a;    /*-- LETRAS CENTRALES DE LA PAGINA PRINCIPAL Y LAS Q ROTAN--*/
}

/*-- ===================== 7.1 SOCIAL MEDIA LINKS ======================= --*/
.social-media-container a,
.social-media-container-bottom a
{
	color:#a3081a;  /*-- ICONOS Q ESTAN EN LAS PAGINAS DE REDES SOCIALES--*/
}
.social-media-container a:hover,
.social-media-container-bottom a:hover
{
	color:white;
}
.social-media-container a::before,
.social-media-container-bottom a::before
{ 
	background:rgba(209,20,42,0);  /*-- CENTRO DE LOS CIRCULOS DE LAS REDES SOCIALES--*/
	border:1px solid #a3081a;   /*-- BORDE DE LOS CIRCULOS DE LAS REDES SOCIALES--*/
}
.social-media-container a:hover::before,
.social-media-container-bottom a:hover::before
{
	background:rgba(255, 208, 0,1);  /*-- COLOR DESPUES DE POSAR ENCIMA DE LA RED SOCIAL CIRCULAR, CUADRADO AMARILLO--*/
}

/*-- ========================================= --
	8.0 ABOUT SECTION
/*-- ========================================= --*/
.about-section .benefit li,
.service .text-container h4 span
{
	color:#005a89;  /*-- NO SE Q HACE - AZUL ACERO--*/
}
.about-section .benefit li i,
.service .text-container h4 span::before
{
	color:#005a89; /*-- NO SE Q HACE - AZUL ACERO--*/
}
.service .icon-container{
	border:1px solid rgba(38,38,38,0.5);  /*-- NO SE Q HACE - NEGRO--*/
}
.service .icon-container i{
	color:rgba(38,38,38,0.5);   /*-- NO SE Q HACE - NEGRO--*/
}
.service .icon-container::before{
	background:rgba(209,20,42,0.6); /*-- NO SE Q HACE - ROJO OSCURO 2--*/
}
.service .icon-container::after{
	background:rgba(209,20,42,0.9);  /*-- NO SE Q HACE - ROJO OSCURO 2--*/
}
.service-container .owl-controls .owl-page span,
.portfolio-container .owl-controls .owl-page span,
.service-container .owl-controls .owl-page.active span,
.service-container .owl-controls.clickable .owl-page:hover span,
.portfolio-container .owl-controls .owl-page.active span,
.portfolio-container .owl-controls.clickable .owl-page:hover span
{
	background: #005a89;  /*-- NO SE Q HACE - AZUL ACERO--*/
}


/*-- ===================== 8.1 SERVICE CONTAINER HOVER ====================== --*/
.service-container:hover .service .text-container h4 span{
	color:rgba(38,38,38,0.4);  /*-- NO SE Q HACE - NEGRO--*/
}
.service-container:hover .service .icon-container i{
	color:rgba(255,255,255,1);    /*-- NO SE Q HACE - BLANCO--*/
}
.service-container:hover .service .icon-container{
	border:1px solid rgba(38,38,38,0);   /*-- NO SE Q HACE - NEGRO--*/
}

/*-- ========================================= --
	9.0 SUBSCRIBE SECTION
/*-- ========================================= --*/
.twitter-feed,
.feed p.date,
.feed .user-container .name-container p.name,
.feed p.tweet a
{
	color:#005a89;
}
.feed .user-container .twitter-logo{
	color:white;
}
.twitter-feed .feed p.tweet{
	color:#0fbc1a;
}
.feed .user-container .name-container p.username a{
	color:#005a89;
}
.feed .user-container .twitter-logo::before{
	background:rgba(209,20,42,0.6);
}
.feed .user-container .twitter-logo::after{
	background:rgba(209,20,42,0.9);
}


/*-- ========================================= --
	10.0 PORTFOLIO SECTION
/*-- ========================================= --*/
.portfolio-container .portfolio{
	border:1px solid rgba(38,38,38,0.5);
}
.portfolio .text-container span.date{
	color:#535353;
}
.portfolio .text-container span.title{
	color:#005a89;
}
.portfolio .text-container a.link-button,
.portfolio .text-container a.zoom-button
{
	color:#005a89;
}
.portfolio .text-container a.link-button::before,
.portfolio .text-container a.zoom-button::before
{
	background:rgba(38,38,38,0.0);
}
.portfolio .text-container a.link-button:hover::before,
.portfolio .text-container a.zoom-button:hover::before
{
	background:rgba(209,20,42,0.0);
}
.portfolio .photo-container::before{
	background:rgba(209,20,42,0.0);
}
.portfolio .photo-container::after{
	background:rgba(209,20,42,0.0);
}


/*-- ============================ 10.1 OVERRIDE MAGNIFIC POPUP STYLE ========================= --*/
.mfp-close,
.mfp-close-btn-in .mfp-close
{
	color: white;
}
button.mfp-close{
	background:#005a89;
}


/*-- ========================================= --
	11.0 CONTACT SECTION
/*-- ========================================= --*/
.contact-section .contact-details .icon-container{
	color:#d1142a;  /*-- COLOR DE LOS ICONOS DE SECCION CONTACTO LADO DERECHO - ROJO OSCURO 2--*/
	border:1px solid rgba(38,38,38,0.5);  /*-- BORDE GRIS DE LOS ICONOS SECCION CONTACTO--*/
}
.contact-section .contact-details .text-container{
	background:rgba(38,38,38,0.1);
	border:1px solid rgba(38,38,38,0.1);
}
.contact-section .contact-details .text-container p{
	color:#535353;
}
.contact-section .contact-details a.locate-us p{
	color:#a3081a; /*-- COLOR DE LA PALABRA MAPA DE LA SECCION CONTACTO--*/
}
.contact-details a.locate-us .icon-container::before{
	background:rgba(209,20,42,0.6);  /*-- COLOR DEL ICONO MAPA CUADRADITO LADO IZQ--*/
}
.contact-details a.locate-us .icon-container::after{
	background:rgb(209,20,42); /*-- COLOR DEL ICONO MAPA CUADRADITO LADO DER--*/
}

/*-- ========================= 11.1 LOCATE US HOVER EFFECT ============================ --*/
.contact-details a.locate-us:hover .icon-container{
	color:white;
	border:1px solid rgba(38,38,38,1);
}

/*-- ========================================= --
	12.0 GOOGLE MAP SECTION
/*-- ========================================= --*/
.marker-info-title{
	color:#005a89;
}
.marker-info-desc{
	color:#005a89;
}
.map-close-button{
	color:white;
}
.map-close-button::before{
	background:rgba(209, 14, 14,0.4);  /*-- COLOR DEL ICONO DENTRO DEL MAPA CUADRADITO LADO IZQ--*/
}
.map-close-button::after{
	background:rgba(209, 14, 14,0.9);   /*-- COLOR DEL ICONO DENTRO DEL MAPA CUADRADITO LADO DER--*/
}


/*-- ===================================================== --*
	13.0 STYLE FOR MEDIUM DEVICES 
/*-- ===================================================== --*/
@media all and (max-width: 1100px){
	.portfolio .text-container span.date,
	.portfolio .text-container span.title
	{
		color:white;
	}
	.portfolio .photo-container::before{
		background:rgba(209,20,42,0.65);
	}
	.portfolio .text-container a.link-button::before,
	.portfolio .text-container a.zoom-button::before,
	.portfolio .text-container a.link-button:hover::before,
	.portfolio .text-container a.zoom-button:hover::before
	{
		background:rgba(255,255,255,0.2);
	}
	.portfolio .text-container a.link-button,
	.portfolio .text-container a.zoom-button
	{
		color:white;
	}
}

/*-- ===================================================== --*
	14.0 STYLE FOR SMALL DEVICES 
/*-- ===================================================== --*/
@media all and (max-width: 1023px){
	.menu a{
		color:white;
	}
	.menu a.show-menu{
		color:#a3081a;  /*-- COLOR DEL LAS LINEAS Y MENU PARA CELUS ROJO OSCURASO--*/
	}
	.menu a:hover,
	.menu a.active
	{
		color:#ffd000;   /*-- COLOR DEL LETRAS DEL MENU PARA CELUS ROJO OSCURASO--*/
	}
	.menu-container .menu-wrapper{
		background:#a3081a;  /*-- COLOR DEL FONDO DEL MENU PARA CELUS ROJO OSCURASO--*/
	}
	
	.portfolio .text-container span.date{
		color:#535353;
	}
	.portfolio .text-container span.title{
		color:#005a89;
	}
	.portfolio .text-container a.link-button,
	.portfolio .text-container a.zoom-button
	{
		color:#ffd000;
	}
	.portfolio-container .portfolio{
		border:1px solid rgba(38,38,38,0.5);
	}
	.portfolio .photo-container::before{
		background:rgba(209,20,42,0.0);
	}
	.portfolio .photo-container::after{
		background:rgba(209,20,42,0.0);
	}
	.portfolio .text-container a.link-button::before,
	.portfolio .text-container a.zoom-button::before
	{
		background:rgba(38,38,38,0.1);
	}
	.portfolio .text-container a.link-button:hover::before,
	.portfolio .text-container a.zoom-button:hover::before
	{
		background:rgba(209,20,42,0.4);
	}
}

/*-- ===================================================== --*
	15.0 PORTFOLIO STYLE ON EXTRA SMALL DEVICES
/*-- ===================================================== --*/
@media all and (max-width: 483px){
	.portfolio-container .portfolio{
		border:1px solid rgba(38,38,38,0.5);
	}
}