/*-----------------------------------------------------------------
	Autor: Horacio Mendoza
	Pigmento - Marca Registrada
	http://www.pigmento.com.uy/
	Version: HTML/CSS - 2021
	Mail: horacio@pigmento.com.uy
-----------------------------------------------------------------*/


/*-------------------------- Color ---------------------------------
azul: #020C52;
Dorado: #DDA909;
-----------------------------------------------------------------*/

/*
Violeta: #B5348B;
Naranja: faa518
Clarito: #fdbc51;
*/

/* --** CSS Dia de compras **-- */
* { margin: 0px; padding: 0px; box-sizing: border-box; -webkit-font-smoothing: antialiased; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
p { border: 0; font-variant: [400 | 600];  }
article, aside, details, figcaption, figure, footer, hgroup, main, menu, nav, section, summary { display: block; }
html, body, button, input, select, textarea { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 12px; color: #777777; }
ul, ol { margin-top: 0; margin-bottom: 10px; }
ul ul { margin-bottom: 0; }
li { font-size: 13px; margin: 5px 0px 0px 0px; }
pre { overflow: auto; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; }
a img { border: 0; }
a, input { outline: none; }
a { color: #F06; text-decoration: none; }
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { margin: 5px 0px 5px 0px; clear: both; font-weight: lighter; }
h1 { font-size: 46px; }
h2 { font-size: 35px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }
p {font-size: 14px; margin: 5px 0px 15px 0px; }

img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle; display: block;  }
figure { margin: 0; }
::-webkit-input-placeholder { color: rgba(51, 51, 51, 0.7); }
:-moz-placeholder { color: rgba(51, 51, 51, 0.7); }
::-moz-placeholder { color: rgba(51, 51, 51, 0.7); opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ }
:-ms-input-placeholder { color: rgba(51, 51, 51, 0.7); }
input:focus, textarea:focus { background-color: #fff; border: 1px solid #c1c1c1; border: 1px solid rgba(51, 51, 51, 0.3); color: #333; }
input:focus, select:focus { outline: 2px solid #c1c1c1; outline: 2px solid rgba(51, 51, 51, 0.3); }
.hide { display: none;}

.clear { clear: both; height: 0px; overflow: hidden; }

/* <<< Design Holder >>> */
.DesignHolder { position: relative; display: block; width: 100%; min-height: 100%; }

/* <<< Layout Frame >>> */
.LayoutFrame { margin: 0 auto; width: 100%; display: block; }


#cajacookies {
  z-index: 10;
  background-color: #faa518;
  color: #FAF5DF; 
  padding: 30px;
  margin-left: 0px;
  margin-right: 0px;
  position: fixed;
  bottom: 0px;
  width: 100%;
}


#cajacookies p { padding-bottom: 50px; font-size: 12px; line-height: 18px; color: #FAF5DF; margin: 0px; font-family: 'Montserrat', sans-serif;}
#cajacookies a { color: #CF5600;}

#cajacookies button { padding: 10px 15px; font-size: 14px; color: #FAF5DF; background: #faa518; font-family: 'Montserrat', sans-serif; font-weight: 400; text-decoration: none; text-transform: uppercase; border: solid 1px #FAF5DF; display: block; transition: all 0.4s ease; }
#cajacookies button:hover { border: solid 1px #FAF5DF; background: #DB8A09; color: #fff;}
#cajacookies .cookies_izq {position: absolute; bottom: 25px; left: 30px;}
#cajacookies .cookies_der {position: absolute; bottom: 25px; right: 30px;}



/* <<< Body >>> */
body { background: #fff; }


.bg-color{background: #eee !important;}

/*----------------- btn redes ------------------*/

.btn_redes_caja{
	display: inline-block;
	width: 100%;
	margin: 0px; 
}
.btn_redes{
    margin: 0px 1px;
	color: #fff;
    background: none;
    height: 27px; 
	width: 27px;
	padding: 3px; 
	float:left;
    border-radius: 50%;
}
.wass{background-color: #287756;}
.face{background: none;}
.mail{background-color: #006BAB;}
.inst{background: none;}
.twit{background-color: #0F6597;}

.wass:hover{background-color: #4FCE5D;}
.face:hover{background-color: #006FEA;}
.mail:hover{background-color: #003C7D;}
.inst:hover{background: #d6249f;  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.twit:hover{background-color: #1DAADF;}


.flotante {
    display:scroll;
    position:fixed;
    bottom:50px;
	z-index: 999;
    right:30px;
	border-radius: 40px ;
	box-shadow: 1px 4px 7px -4px rgba(0,0,0,0.75);
  background-color: #700357;
  -webkit-animation-name: floating-logo;
          animation-name: floating-logo;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; 
}
.flotante img{
    height: 60px;
}

@media (max-width: 767px) {
  .flotante {
    display:scroll;
    position:fixed;
    bottom:20px;
	z-index: 999;
    right:10px;
	border-radius: 40px ;
	box-shadow: 1px 4px 7px -4px rgba(0,0,0,0.75);
	-webkit-animation-name: none;
	-webkit-animation-duration: 0s;
	-webkit-animation-iteration-count: none;
	-webkit-animation-timing-function: none;
}

.flotante img{
    height: 45px;
}
}


@media (min-width: 768px) {
	.navbar_destino_redes {
		position: absolute;
		left: 250px;
		top: 25px;
	}
	
	.navbar_hamb {
		position: absolute;
		right: 10px;
		top: 1px;
	}
}


/* <<< Navigation >>> 

Degrade violeta background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(142,6,93,1)), color-stop(0%, rgba(142,6,93,1)), color-stop(0%, rgba(142,6,93,1)), color-stop(100%, rgba(161,79,131,1)));
	background: linear-gradient(to bottom, rgba(142,6,93,1) 0%, rgba(142,6,93,1) 0%, rgba(142,6,93,1) 0%, rgba(161,79,131,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38577a', endColorstr='#2c445e', GradientType=0 );*/
	
	
.mapa { width: 1080px; height: 500px; overflow: hidden;}
.zoom { width: 100%; background: #fff; }
.zoom:hover { width: 200%;  background: #fff; }

.mobile { display: none;  }
.mobile .fa { padding: 12px 14px; font-size: 31px; width: 55px; height: 55px; color: #fff; cursor: pointer; background: #ff9408; }
.mobile .fa:hover { background: #faa518; }
.mobile.closed .fa-bars { display: none; }
.mobile .fa-times { padding: 11px 15px; width: 55px; height: 55px; display: none; font-size: 31px; }
.mobile.closed .fa-times { display: block; }

/* <<< Banner Section >>> */
.Banner_sec { width: 100%; background: #faa518; position: relative; background-size: cover; }
.Banner_sec .bannerside { width: 100%; position: absolute; top: 105px; left: 0px; }
.Banner_sec .Center { max-width: 1100px; margin: auto; }

.encontra {width: 100%; padding: 5% 15%!important;background: rgba(245,241,225,1);}

.organiza { background: rgba(245,241,225,1);}


/* <<< Banner Section >>> */
@media only screen and (max-width: 1200px) {
	.Banner_sec {background: #faa518 url(../img/mayo-19/fondo-cel.jpg) center center no-repeat; }
	
	.encontra {width: 100%; padding: 5% 20%!important;background: rgba(245,241,225,1);}
}

.Banner_sec .leftside a { 
	padding: 11px 16px; 
	font-size: 14px; 
	color: #fff; 
	font-family: 'Montserrat', sans-serif; 
	font-weight: 600; 
	text-transform: uppercase; 
	text-decoration: none; 
	display: inline-block; 
	border: solid 1px #ee7a09; 
	background: #ee7a09;
	transition: all 0.3s ease; 
}
.Banner_sec .leftside a:hover { background: #faa518; color: #fff; border: solid 1px #faa518; }

.Banner_sec .leftside img {width: 50%; top:5px;}
.Banner_sec .rightside { width: 48.36%; float: right; position: relative; }
.Banner_sec .rightside .bx-wrapper { position: relative; z-index: 1; }
.Banner_sec .rightside ul { list-style: none; margin: 0px; }
.Banner_sec .rightside li { padding: 0px; margin: 0; float: none!important; }
.Banner_sec .rightside #slider { width: 100%; float: right;  position: relative; z-index: 1; }
.Banner_sec .rightside .Slider .text { padding: 25px 47px 21px 30px; position: absolute; bottom: 0px; left: 0px; width: 100%; background: rgba(0, 0, 0, 0.7); }
.Banner_sec .rightside .Slider .text .Icon { width: 38%; float: left; }
.Banner_sec .rightside .Slider .text ul { list-style: none; margin: 0px; }
.Banner_sec .rightside .Slider .text li { float: left!important; padding: 0px; margin: 0px; }
.Banner_sec .rightside .Slider .text li a { display: block; font-size: 14px; color: #fff; text-decoration: none; font-family: 'Montserrat', sans-serif; font-weight: 400; transition: all 0.3s ease;}
.Banner_sec .rightside .Slider .text li:last-child { padding: 0px; }
.Banner_sec .rightside .Slider .text li:hover a { color: #faa518!important;}
.Banner_sec .rightside .Slider .text li a .fa { padding: 13px; margin-right: 10px; color: #fff; border-radius: 50px; border: solid 2px #fff; transition: all 0.3s ease; }
.Banner_sec .rightside .Slider .text li:hover a .fa { background: #fdbc51; color: #fff; border: solid 2px #faa518; }
.Banner_sec .rightside .Slider .text li:last-child { padding-right: 0px; padding-left: 0px;}
.Banner_sec .rightside .Slider .text .Lorem { float: right; width: 31%; }
.Banner_sec .rightside .Slider .text .Lorem p { padding-top: 5px; font-size: 18px; color: #fff; margin: 0px; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: uppercase; text-align: right; line-height: 19px; }
.Banner_sec .rightside .Slider .text .Lorem p span { font-size: 14px; text-align: right; color: #faa518; display: block; text-transform: capitalize;}
.Banner_sec .rightside .prevBtn { width: 42px; height: 42px; display: block; text-indent: -9999px; background: url(../img/prev-arrow.png) no-repeat; position: absolute; top: 213px; left: 49px;  z-index: 1; opacity: 0.5; transition: opacity 0.3s ease; }
.Banner_sec .rightside .prevBtn:hover {  opacity: 1; }	
.Banner_sec .rightside .nextBtn { width: 42px; height: 42px; display: block; text-indent: -9999px; background: url(../img/next-arrow.png) no-repeat; position: absolute; top: 213px; right: 47px;  z-index: 1; opacity: 0.5; transition: opacity 0.3s ease; }
.Banner_sec .rightside .nextBtn:hover { opacity: 1; }	
.Banner_sec .rightside .Shadow { position: absolute; bottom: -3px; left: 5px; max-width: none; }

#sliter { width: 100%; float: right; position: relative; z-index: 1; }
.sliter .text { padding: 25px 47px 21px 30px; position: absolute; bottom: 0px; left: 0px; width: 100%; background: rgba(0, 0, 0, 0.7); }
.sliter .text .Icon { width: 38%; float: left; }
.sliter .text ul { list-style: none; margin: 0px; }
.sliter .text li { float: left!important; padding: 0px 30px 0px 10px; margin: 0px; }
.sliter .text li a { display: block; font-size: 14px; color: #fff; text-decoration: none; font-family: 'Montserrat', sans-serif; font-weight: 400; transition: all 0.3s ease;}
.sliter .text li:last-child { padding: 0px; }
.sliter .text li:hover a { color: #faa518!important;}
.sliter .text li a .fa { padding: 13px; margin-right: 10px; color: #fff; border-radius: 50px; border: solid 2px #fff; transition: all 0.3s ease; }
.sliter .text li:hover a .fa { background: #fdbc51; color: #fff; border: solid 2px #faa518; }
.sliter .text li:last-child { padding-right: 0px; padding-left: 0px;}
.sliter .text .Lorem { float: right; width: 31%; }
.sliter .text .Lorem p { padding-top: 5px; font-size: 18px; color: #fff; margin: 0px; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: uppercase; text-align: right; line-height: 19px; }
.sliter .text .Lorem p span { font-size: 14px; text-align: right; color: #faa518; display: block; text-transform: capitalize;}



/* <<< Generales >>> */


	#Container { overflow: hidden; width: 100%; }
	
	.ancho_20 {width: 20%;}
	.ancho_40 {width: 40%;}
	.ancho_50 {width: 50%;}
	.ancho_60 {width: 60%;}
	.ancho_80 {width: 80%;}
	.ancho_100 {width: 100%;}

	.alto_1 {height: 1px;}
	.alto_2 {height: 2px;}
	.alto_3 {height: 3px;}
	.alto_4 {height: 4px;}
	.alto_5 {height: 5px;}
	.alto_6 {height: 6px;}

	.centrado { margin: auto; overflow: hidden; text-align: center; float:center; }
	.left { float:left;}
	
/*------------- Espacio libre -------------*/

	.barra_dorada {background: rgba(221,170,9,1);
	background: -webkit-gradient(left top, left bottom, color-stop(10%, rgba(190,130,58,1)), color-stop(50%, rgba(250,227,118,1)), color-stop(90%, rgba(214,170,58,1)));
	background: linear-gradient(to left, rgba(190,130,58,1) 10%, rgba(250,227,118,1) 50%, rgba(214,170,58,1) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BE823A', endColorstr='#FAE376', GradientType=0 ); }

	.libre {width: 100%; padding: 5% 10%;}
	.libre p { 
	padding: 15px 0px 5px 0px; 
	margin: 0px; 
	font-family: 'Montserrat', sans-serif; 
	color: #939393; 
	font-size: 15px;
	line-height: 20px; 
	font-weight: 400; 
	}
	
	
/*------------- Espacio Productos -------------*/

	.seccion {overflow: hidden; }
	.seccion h2.titulo { font-size: 25px; color: #020C52; line-height: 32px; text-align: left; font-family: 'Montserrat', sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: -0.4px; }
	.seccion h2 { margin-right: 5px; height: 20px;}
	.seccion h4 { padding: 5px 0px 20px 0px; font-size: 20px; color: #333; margin: 0px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; line-height: 23px; font-weight: 400; }
	.seccion p { padding: 10px 0px 5px 0px; margin-bottom: 10px; font-family: 'Montserrat', sans-serif; color: #939393; 	font-size: 15px;	line-height: 20px; 	font-weight: 400; 	}
	
/*------------- seccion -------------*/
	.seccion { padding: 15px 0px 0px; width: 100%; background: rgba(255,255,255,1);}
	.seccion .h3 { padding: 20px 0px 0px 5px; font-size: 20px; color: #555; margin: 0px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; line-height: 22px; font-weight: 400; }
	.seccion .placas { clear: both; position: relative;	background: rgba(255,255,255,1); border-radius: 5px; padding: 0px;}	
	.seccion .placas h3 { padding: 0px; margin-bottom:-30px; font-size: 20px; color: #555; text-transform: uppercase; font-family: 'Montserrat', sans-serif; line-height: 22px; font-weight: 400; }
	.seccion .ico-titulo img { width: 90px; opacity: 0.3; position:relative; display: inline-block; padding:0px; filter: grayscale(100%); }
	
	.placas h3 { padding: 0px; margin:0px; font-size: 20px; color: #555; text-transform: uppercase; font-family: 'Montserrat', sans-serif; line-height: 22px; }
	
	.seccion .rubros .btn { margin:  2px 0px; border-radius: 2px;}
	.seccion .rubros .button { color: #777; background: #fff; padding: 1px 4px; font-size: 12px; font-family: sans-serif; font-family: 'Montserrat', sans-serif; font-weight: 400; transition: all 0.3s ease;}
	.seccion .rubros .button:hover { background: #fdbc51; color: #fff;}
	
	#locales { padding: 50px 0px; width: 100%; background: rgba(255,255,255,1); }
	#locales .blanco { clear: both; position: relative;	background: rgba(255,255,255,1); border-radius: 5px; padding: 10px;}

@media only screen and (max-width: 479px) {	
	.seccion { padding: 30px 10px; width: 100%;  background: rgba(255,255,255,1);}
	.seccion h3 { padding: 20px 0px 0px 5px; font-size: 18px; color: #555; margin: 0px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; line-height: 20px; font-weight: 400; }
	.seccion .placas { clear: both; position: relative;	background: rgba(255,255,255,1); border-radius: 5px; padding: 0px;}	
	.seccion .placas h3 { padding: 0px; margin-bottom:-30px; font-size: 16px; color: #555; text-transform: uppercase; font-family: 'Montserrat', sans-serif; line-height: 19px; font-weight: 400; }
	.seccion .ico-titulo img { width: 50px; opacity: 0.3; position:relative; display: inline-block; padding:0px; filter: grayscale(100%); }
	
	
	.seccion .rubros .btn { margin:  2px 0px; border-radius: 2px;}
	.seccion .rubros .button { color: #777; background: #fff; padding: 0px 4px; font-size: 11px; font-family: sans-serif; font-family: 'Montserrat', sans-serif; font-weight: 400; transition: all 0.3s ease;}
	.seccion .rubros .button:hover { background: #fdbc51; color: #fff;}
	
	#locales { padding: 50px 0px; width: 100%;  background: rgba(245,241,225,0.5); }
	#locales .blanco {  clear: both; position: relative;	background: rgba(255,255,255,1); border-radius: 5px; padding: 10px;}
}

/* -------------- Formas de pagos --------------- */
	.pagos { padding: 50px 5px; width: 100%; overflow: hidden; background: #ececec; text-align: center;}
	.pagos p  { font-size: 14px; color: #777777; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 16px; letter-spacing: -0.1px; margin-top: -20px;}
	.pagos h2 { font-size: 24px; font-family: 'Montserrat', sans-serif; font-weight: 600; margin: 0px; line-height: 60px; }
	.pagos h5 { font-size: 12px; color: #020C52; font-family: 'Montserrat', sans-serif; font-weight: 600; line-height: 16px; letter-spacing: -0.1px; margin-top: 20px;}
	.pagos h3 { font-size: 20px; color: #777777; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 16px; letter-spacing: -0.1px; margin: 0px;}
	.pagos img { width: 100%; padding: 10px;}
	.pagos .tarjetas { width: 270px; position:relative; display: inline-block; padding:0px;}
	.pagos .icono {width: 60px; display: inline-block;  filter: grayscale(100%); }
	
	.mitad { width: 30%; background: #DDA909; padding:0px; color: #fff; border-radius: 40px;}
	
	@media only screen and (max-width: 479px) {	
	.mitad { width: 85%; background: #DDA909; padding:0px; color: #fff; border-radius: 40px;}
	.pagos .icono { margin: auto; float:center; width: 60px; display: block;  filter: grayscale(100%); }
}
	
	
	.redondeado {background: #DDA909; padding:0px; color: #fff; border-radius: 40px;}
	
	.botones { margin: auto; overflow: hidden; text-align: center; float:center; padding: 20px 0;}
		
	.btn_pagos { 
		width: 45%; height: 75px; display: inline-block;
		background: #fff; border: solid 1px #ccc; border-radius: 5px;
		margin: 5px; padding: 15px; 
		box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.15);  	  
	}
	
	@media only screen and (min-width: 479px) {	
	  .btn_pagos {
		width: 20%; max-height: 125px; display: inline-block;
		background: #fff; border: solid 1px #ccc; border-radius: 5px;
		margin: 5px; padding: 7px; 
		box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.15);
		}
	  .btn_pagos img{
		width: 60%; float:center; margin: auto; 
		}
	}

	.pagos .promos{ width: 70%; }
	
/* -------------- direccion --------------- */
	.direccion { padding: 30px 0px; width: 100%; overflow: hidden; background: #fff; }
	.direccion p { font-size: 11px; color: #020C52; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 12px; margin-bottom: 7px; }
	.direccion h2 { font-size: 36px; color: #020C52; font-family: 'Montserrat', sans-serif; font-weight: 600; margin: 0px; text-transform: uppercase; line-height: 35px; }
	.direccion h3 { font-size: 20px; color: #020C52; font-family: 'Montserrat', sans-serif; font-weight: 600; margin: 0px; }
	
	
/* -------------- Firma de Pigmento --------------- */
		footer { overflow: hidden; width: 100%; text-align: center; background: #020C52; }
		footer .Cntr { padding:  28px 0px; max-width: 1100px; margin: auto;}
		footer .Cntr p { padding: 0px; font-size: 9px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 400; margin-bottom: -7px; }
		footer .Cntr a { color: #DDA909; text-decoration: none;  font-size: 13px; ont-family: 'Montserrat', sans-serif; font-weight: 600; padding: 0px; margin-top: 0px;}
		footer .Cntr a:hover { color: #fff; }



/* ==========================================================================
fotos_secciones
========================================================================== */

.fotos_secciones {
  width: 100%; 
  min-height: 400px;  
  background-repeat: no-repeat;
  background-position: center 100px ;
  background-attachment: fixed;
  }
  
.foto_colectivo {
  width: 100%; 
  min-height: 400px;  
  background-repeat: no-repeat;
  background-position: center 100px ;
  background-attachment: fixed;
  }

/* ==========================================================================
descuentos
========================================================================== */

.seccion .iconos h3{text-align: center;}	
	
.placa {width: 100%; clear: both; margin-right:2px; position: relative;}

.placa {width: 100%; clear: both; position: relative;}
.placa:hover {opacity: 0.5; }

.seccion .de_a_4 {width: 24%; padding: 0 10px; margin-bottom:20px;}
.seccion .de_a_6 {width: 15%;  float: left; margin-left:1%;}
.seccion .de_a_8 {width: 12%; height: 125px; overflow: hidden; float: left; margin-left:0.5%; padding:0 0px;}
.seccion .de_a_10 {width: 7.8%; height: 125px; overflow: hidden; float: left; margin-left:0.5%; padding:0 0px;}
.seccion .de_a_10 img {width: 100%; padding: 10px;}
.seccion .de_a_10 h3 {font-size: 10px; color: #777; font-family: 'Montserrat', sans-serif; line-height: 16px; font-weight: 600;  letter-spacing: -0.1px; text-transform: uppercase;  margin-top: -10px; padding: 0px; }
.seccion .de_a_10:hover {background: #fdbc51; border-radius: 5px; }



@media only screen and (max-width: 479px) {	
	.placa {width: 100%; clear: both; margin-right:2px; position: relative;}
	.placa:hover {opacity: 0.5; padding: 10px 0;}
	
	.seccion .de_a_2 {width: 49%; margin-bottom:20px;}
	.seccion .de_a_3 {width: 32%; float: left; margin-left:1%;}
	.seccion .de_a_4cel {width: 24%; height: 105px; overflow: hidden; float: left; margin-left:1%; padding:0 5px 10px 5px;}
	.seccion .de_a_4cel img {width: 100%; padding: 7px;}
	.seccion .de_a_4_relojes {width: 24%; height: 85px; overflow: hidden; float: left; margin-left:1%; padding:0;}
	.seccion .de_a_4_relojes img {width: 100%; padding: 0px;}
	.seccion .de_a_10 h3 {font-size: 9.5px; color: #777; font-family: 'Montserrat', sans-serif; line-height: 14px; font-weight: 600;  letter-spacing: -0.6px; text-transform: uppercase; }

}


/* <<< pie clarito >>> */

.pie_color { padding: 10px 0px; margin: auto; width: 100%; background: #ffe854; }
.pie_color img{ margin: auto; width: 70%;  }
.chico {max-width: 8%; float: left; position: relative; margin: 0.8%;}


.bgcolor {  height: 74px; width: 100%; background: rgba(249,250,251,1);
 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,250,251,1)), color-stop(0%, rgba(249,250,251,1)), color-stop(100%, rgba(225,228,231,1)));
	background: linear-gradient(to bottom, rgba(249,250,251,1) 0%, rgba(249,250,251,1) 0%, rgba(225,228,231,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fafb', endColorstr='#e1e4e7', GradientType=0 ); }


	/* <<< About Section >>> */
	.btn_redondo { margin: 25px;}
	.btn_redondo a {border: solid 1px #ff9408; background: #ff9408; padding: 0; margin: auto; background: #faa518;  border-radius: 50px;  text-decoration: none;  }
	.btn_redondo a h2 { font-size: 24px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 900; text-transform: uppercase;line-height: 30px; letter-spacing: -0.4px;  }
	
	

	.About_sec a { 
	text-decoration: none;
	}
	
	
	.About_sec a { 
	text-decoration: none;
	}

	.fondo_amarillito a { background: rgba(245,241,225,0.5);}

 
	
	
	.About_sec .Center { max-width: 1100px; margin: auto; overflow: hidden; text-align: center; }
	
	.About_sec h2 { color: #000; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; line-height: 60px; letter-spacing: -0.4px; }
	.About_sec h4 { padding: 5px 0px 20px 0px; font-size: 20px; color: #333; margin: 0px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; line-height: 23px; font-weight: 400; }
	.About_sec p { padding: 15px 0px 5px 0px; font-size: 18px; color: #939393; margin: 0px; font-family: 'Montserrat', sans-serif; line-height: 14px; font-weight: 400; }
	
	
	.About_sec .final h3{ color: #B5348B!important;}
	.About_sec .final.Line { border: solid 1px #ccc; height: 2px; width: 150px; margin: auto; }	
	.About_sec .final h2 { color: #B5348B!important; }
	
	
	.About_sec { padding: 150px 0px 60px 0px ; width: 100%; overflow: hidden; }
	
	.About_sec .Center { max-width: 1100px; margin: auto; overflow: hidden; text-align: center; }
	
	.About_sec h2 { color: #000; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; line-height: 60px; letter-spacing: -0.4px; }
	.About_sec h4 { padding: 5px 0px 20px 0px; font-size: 20px; color: #333; margin: 0px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; line-height: 23px; font-weight: 400; }
	.About_sec p { padding: 15px 0px 5px 0px; font-size: 18px; color: #939393; margin: 0px; font-family: 'Montserrat', sans-serif; line-height: 14px; font-weight: 400; }
	
	.About_sec .Line { border: solid 1px #faa518; height: 2px; width: 252px; margin: auto; }
	.About_sec .Tabside { padding: 90px 0px; width: 100%;}
	.About_sec .Tabside ul { list-style: none; margin: 0px; padding-bottom: 30px; }
	.About_sec .Tabside li { float: none; padding: 0px; margin: 0px -2px; display: inline-block;}
	.About_sec .Tabside li a { padding: 14px 40px 13px 40px; font-size: 18px; color: #989898; font-family: 'Montserrat', sans-serif; font-weight: 400; text-decoration: none; text-transform: uppercase; border: solid 1px #d5d5d5; display: block; transition: all 0.3s ease; }
	.About_sec .Tabside li a:hover, .About_sec .Tabside li a.activeLink { border: solid 1px #ff9408; background: #ff9408; color: #fff;}
	.About_sec .Tabside .TabImage { width: 23.63%; float: left; position: relative; }
	.About_sec .Tabside .TabImage .img1 {position: absolute; top: 0px; left: 20px; height: 200px; background: url(../img/about-shadow.png) no-repeat; background-position: 25px 223px; }
	.About_sec .Tabside .TabImage .img1 img { padding: 5px;   }
	.About_sec .Tabside .TabImage .img2 { position: absolute; top: 40px; left: 2px; height: 260px; background: url(../img/about-shadow.png) bottom center no-repeat; background-position: 0px 223px; }
	.About_sec .Tabside .TabImage .img2 img { padding: 5px; border: solid 1px #ececec;  }
	.About_sec .Tabside .Description { width: 74.3%; float: right; text-align: left; margin-top: -6px;}
	.About_sec .Tabside .Description h3 { font-size: 24px; color: #B5348B; font-family: 'Montserrat', sans-serif; font-weight: 400; margin: 0px; text-transform: uppercase; line-height: 29px; }
	.About_sec .Tabside .Description h3 span { padding-left: 3px; font-size: 14px; color: #faa518; display: block; }
	.About_sec .Tabside .Description p { padding: 21px 0px 4px 0px; font-size: 14px; color: #979797; margin: 0px; font-family: 'Montserrat', sans-serif; line-height: 25px; }
	.About_sec .Tabside .Description p .cyan { font-size: 16px; color: #08c2ff; }
	.About_sec .Tabside .Description a { font-size: 16px; color: #B5348B; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 600; text-decoration: none; }
	
	.About_sec .Tabside2 { padding: 10px 0px; width: 100%;}
	.About_sec .Tabside2 ul { list-style: none; margin: 0px; padding-bottom: 30px; }
	.About_sec .Tabside2 li { float: none; padding: 0px; margin: 0px -2px; display: inline-block;}
	.About_sec .Tabside2 li a { padding: 5px; font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: 400; text-decoration: none; text-transform: uppercase; display: block; transition: all 0.3s ease; }
	
	.About_sec .Tabside2 img {  width: 50px; padding: 2px; border: solid 0px none!important; background: #fff;  }
	
/*------------- listado en columnas -------------*/
	.About_sec .listado { padding: 0px; width: 100%; overflow: hidden; }
	.About_sec .listado pp	{ font-size: 14px!important; line-height: 2px!important; color: #555555; margin-bottom: 0px!important;  font-family: 'Montserrat', sans-serif; font-weight: 400; text-align: left!important; }
	.About_sec .listado p	{ font-size: 14px!important; line-height: 2px!important; color: #555555; margin-bottom: 0px!important;  font-family: 'Montserrat', sans-serif; font-weight: 400; text-align: left!important; }
	.About_sec .listado h3	{ font-size: 18px!important; line-height: 22px!important; color: #faa518; margin-bottom: 0px!important; font-family: 'Montserrat', sans-serif; font-weight: 400; text-align: left;}

/*------------- descuentos -------------*/
	.About_sec .blanco { min-height: 630px; background: rgba(255,255,255,1); border-radius: 0 0 4px 4px; padding: 10px;}
	.About_sec .rubros h3 { color: #c9c9c9; font-size: 18px;}
	.About_sec .rubros .btn { margin:  2px 0px; border-radius: 2px;}
	.About_sec .rubros .button { color: #666; background: none; padding: 0px 3px; font-size: 11px; font-family: sans-serif; font-family: 'Montserrat', sans-serif; font-weight: 400; transition: all 0.3s ease;}
	.About_sec .rubros .button:hover { background: #fdbc51; color: #000;}
	
	.rubros {padding: 0px; margin: 0px; }	
	.placas {padding: 0px; margin: 0px;}

@media only screen and (max-width: 479px) {	
	.About_sec .blanco { background: rgba(255,255,255,1); border-radius: 0 0 4px 4px; padding: 10px;}
	.About_sec .rubros .btn { margin:  1px; border-radius: 3px;}
	.About_sec .rubros .button { color: #666; background: none; padding: 0px 3px; font-size: 11px; font-family: sans-serif; font-family: 'Montserrat', sans-serif; font-weight: 400; transition: all 0.3s ease;}
	
	.rubros {padding: 0px; margin: 0px; }	
	.placas {padding: 0px; margin: 0px;}
	}



/* ==========================================================================
BOTONES FIJOS
========================================================================== */

.fijos>li{position:relative;display:block}
.fijos>li>a{position:relative;display:block;padding:10px 15px}
.fijos>li>a:focus,.fijos>li>a:hover{text-decoration:none;background-color:#eee}
.fijos>li.disabled>a{color:#777}

.fijos>li>a>img{max-width:none}
.fijos-tabs{border-bottom:1px solid #ddd}
.fijos-tabs>li{float:left;margin-bottom:-1px}
.fijos-tabs>li>a{margin-right:2px;line-height:1.42857143;border:2px solid #FFF; border-radius:0 0 4px 4px;}
.fijos-tabs>li>a:hover{border-color:#eee #eee #ddd}
.fijos-tabs>li.active>a,.fijos-tabs>li.active>a:focus,.fijos-tabs>li.active>a:hover{}

	@media (min-width:768px){
	.fijos-tabs.fijos-justified>li{display:table-cell;width:1%}
	.fijos-tabs.fijos-justified>li>a{margin-bottom:0}
	}
	.fijos-tabs.fijos-justified>li>a{margin-right:0;border-radius:4px}
	.fijos-tabs.fijos-justified>.active>a,
	.fijos-tabs.fijos-justified>.active>a:focus,
	.fijos-tabs.fijos-justified>.active>a:hover{border:1px solid #ddd}
	
	

/* -------------- btn_arriba --------------- */	
.btn_centro {width: 100%; position:absolute; display:block; margin: auto; text-align: center; float:center; }

.btn_fijo_arriba a{
	top:1px;
	position:absolute;
	display:block;
	width: 60%;
	margin: 0 15%;
	padding:7px 15px;
	color: #fff;
	background: #04B361;
	border-radius:0 0 5px 5px;
	float:center;
	text-align: center;  
	text-decoration: none;  
	transition: all 0.3s ease;
}

@media only screen and (max-width: 479px) {	
	.btn_fijo_arriba p { font-size: 10px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 12px; margin-top: 5px; margin-bottom: 0px; }
	.btn_fijo_arriba h2 { font-size: 20px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 600; margin: 0px; text-transform: uppercase; line-height: 25px; }
}

.btn_fijo_arriba a:hover,
.btn_fijo_arriba a:active,
.btn_fijo_arriba a:focus {
	background-color: #00756B;
    color:#fff;
	text-decoration: none;  
}


.wass_interior a{
	bottom:-20px;
	position:relative;
	display: inline-block;
	width: 70%;
	margin: 0 10%;
	padding:7px 15px;
	color: #fff;
	background: #04B361;
	border-radius:5px 5px 0 0;
	float:center;
	text-align: center;  
	text-decoration: none;  
	transition: all 0.3s ease;
}

@media only screen and (max-width: 479px) {	
	.wass_interior p { font-size: 10px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 400; margin: -5px;  }
	.wass_interior h2 { font-size: 21px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 600; margin-top: -25px; margin-bottom: -15px; text-transform: uppercase;}
}

.wass_interior a:hover,
.wass_interior a:active,
.wass_interior a:focus {
	background-color: #ee7a09;
    color:#fff;
	text-decoration: none;  
}

.btn{
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    font-size:14px;
    font-weight: 600;
    border:1px solid;
    padding: 1rem 4rem;
}
.btn-primary{
    color: #fff;
    background-color: #B5348B;
    border:1px solid;
    border-color: #B5348B;

}
.btn-primary:hover{
    background-color: #fdbc51;
    border-color: #fdbc51;
    color:#fff;
}



.btn-default{
    color: #7b8895;
    background-color: transparent;
    border:1px solid;
    border-color: #7b8895;
}
.btn-default:hover{
    color: #fff;
    background-color: #fddc57;
    border-color: #fddc57;
}


	.txt_columnas {    
		width: 97%!important; margin: 20px 15px 30px 15px; 
		-webkit-column-count: 4; /* Chrome, Safari, Opera */
		-moz-column-count: 4; /* Firefox */
		column-count: 4;
		
		-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
		-moz-column-gap: 20px; /* Firefox */
		column-gap: 20px;
		
		-webkit-column-gap: 2rem; /* Chrome, Safari, Opera */
		-moz-column-gap: 2rem; /* Firefox */
		column-gap: 2rem;
		
		/* Colores lineas */
		-webkit-column-rule: solid 3px #FFEFB5; /* Chrome, Safari, Opera */
		-moz-column-rule: solid 3px #FFEFB5; /* Firefox */
		column-rule: solid 3px #FFEFB5;    
		-webkit-column-rule: 0.3rem solid #FFEFB5; /* Chrome, Safari, Opera */
		-moz-column-rule: 0.3rem solid #FFEFB5; /* Firefox */
		column-rule: 0.3rem solid #FFEFB5;
	}

	.About_sec .listado ul { list-style: none; margin: 0px }
	.About_sec .listado li { float: left; padding: 0px; margin: 0px 40px 0px 0px; text-align: center; width: 490px; }	
	.About_sec .listado li.columna 		{ width: 16%!important; margin: -15px 7px!important; border-right: solid 3px #FFEFB5; padding: 0px 3px; float: left; position: relative;}	
	.About_sec .listado li.columna h2	{ font-size: 22px; color: #faa518; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 17px; text-align: left; margin: 5px 0 5px 0;}
	.About_sec .listado li.columna h3	{ font-size: 14px!important; color: #555; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 17px!important; text-align: left; margin: 0px; }
	.About_sec .listado li.columna img	{ padding: 0px; box-shadow: 5px 5px 5px 4px rgba(0,0,0,0.75); }	
	.About_sec .listado li.columna a	{ text-decoration: none; background: url(../img/desgin-cn.png) top center no-repeat; display: block; }
	.About_sec .listado li.columna a:hover h4 { color: #fff; background: url(../img/desgin-hover-cn.png) top center no-repeat; }
	
	.About_sec .listado li.columna_fin 		{ width: 18.63%; margin: -15px 7px!important; border: none; padding: 0px 5px; float: left; position: relative;}	
	.About_sec .listado li.columna_fin h2	{ font-size: 22px; color: #faa518; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 17px; text-align: left; margin: 5px 0 7px 0;}
	.About_sec .listado li.columna_fin h3	{ font-size: 14px; color: #666; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 17px; text-align: left; margin: 0px; }
	.About_sec .listado li.columna_fin img	{ padding: 0px; box-shadow: 5px 5px 5px 4px rgba(0,0,0,0.75); }	
	.About_sec .listado li.columna_fin a	{ text-decoration: none; background: url(../img/desgin-cn.png) top center no-repeat; display: block; }
	.About_sec .listado li.columna_fin a:hover h4 { color: #fff; background: url(../img/desgin-hover-cn.png) top center no-repeat; }

@media (min-width: 767px) and (max-width: 1080px){
	
	/*------------- listado en columnas -------------*/
	.About_sec .listado { padding: 0px; width: 100%; overflow: hidden; }
	
	.txt_columnas {    
		width: 95%!important; margin: 15px 15px 30px 15px; 
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
		
		-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
		-moz-column-gap: 20px; /* Firefox */
		column-gap: 20px;
		
		-webkit-column-gap: 2rem; /* Chrome, Safari, Opera */
		-moz-column-gap: 2rem; /* Firefox */
		column-gap: 2rem;
		
		/* Colores lineas */
		-webkit-column-rule: solid 3px #FFEFB5; /* Chrome, Safari, Opera */
		-moz-column-rule: solid 3px #FFEFB5; /* Firefox */
		column-rule: solid 3px #FFEFB5;    
		-webkit-column-rule: 0.3rem solid #FFEFB5; /* Chrome, Safari, Opera */
		-moz-column-rule: 0.3rem solid #FFEFB5; /* Firefox */
		column-rule: 0.3rem solid #FFEFB5;
	}
	
	.About_sec .listado li.columna 		{ width: 19%; margin: -5px 3px!important; padding: 0px 3px; float: left; position: relative; border-right: solid 2px #FFEFB5;}	
	.About_sec .listado li.columna h2	{ font-size: 16px; color: #faa518; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 17px; text-align: left; margin: 5px 0 5px 0;}
	.About_sec .listado li.columna h3	{ font-size: 12px; color: #666; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 18px; text-align: left; margin: 0px; }
		
	.About_sec .listado li.columna_fin 		{ width: 19%; margin: -5px 3px!important; padding: 0px 3px; float: left; position: relative; border: none;}	
	.About_sec .listado li.columna_fin h2	{ font-size: 16px; color: #faa518; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 17px; text-align: left; margin: 5px 0 7px 0;}
	.About_sec .listado li.columna_fin h3	{ font-size: 12px; color: #666; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 18px; text-align: left; margin: 0px; }
	
}
/*------------- listado en columnas -------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {	
	
	.About_sec .listado { padding: 0px; width: 100%; overflow: hidden;}
	
	.txt_columnas {    
		width: 95%!important; margin: 15px 20px 30px 20px; 
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
		
		-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
		-moz-column-gap: 20px; /* Firefox */
		column-gap: 20px;
		
		-webkit-column-gap: 2rem; /* Chrome, Safari, Opera */
		-moz-column-gap: 2rem; /* Firefox */
		column-gap: 2rem;
		
		/* Colores lineas */
		-webkit-column-rule: solid 3px #FFEFB5; /* Chrome, Safari, Opera */
		-moz-column-rule: solid 3px #FFEFB5; /* Firefox */
		column-rule: solid 3px #FFEFB5;    
		-webkit-column-rule: 0.3rem solid #FFEFB5; /* Chrome, Safari, Opera */
		-moz-column-rule: 0.3rem solid #FFEFB5; /* Firefox */
		column-rule: 0.3rem solid #FFEFB5;
	}	
}

@media only screen and (max-width: 479px) {	
	/*------------- listado en columnas -------------*/
	
	.About_sec .listado { padding: 0px; width: 100%; overflow: hidden; }
	
	.txt_columnas {    
		width: 90%!important; margin: 25px; 
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
		
		-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
		-moz-column-gap: 20px; /* Firefox */
		column-gap: 20px;
		
		-webkit-column-gap: 2rem; /* Chrome, Safari, Opera */
		-moz-column-gap: 2rem; /* Firefox */
		column-gap: 2rem;
		
		/* Colores lineas */
		-webkit-column-rule: solid 3px #FFEFB5; /* Chrome, Safari, Opera */
		-moz-column-rule: solid 3px #FFEFB5; /* Firefox */
		column-rule: solid 3px #FFEFB5;    
		-webkit-column-rule: 0.3rem solid #FFEFB5; /* Chrome, Safari, Opera */
		-moz-column-rule: 0.3rem solid #FFEFB5; /* Firefox */
		column-rule: 0.3rem solid #FFEFB5;
	}	
}

	.About_sec .logos {width: 100%; padding: 0;}
	.About_sec .logos .patrocina {width: 28%; margin-right: 25px; border-right: solid 2px #ccc; padding: 0 25px; float: left;}
	.About_sec .logos .patrocina img { }
	.About_sec .logos .destacado {width: 32%; padding: 25px 0; float: left;}
	.About_sec .logos .destacado img { }	
	
	.About_sec .mapas {width: 100%; padding: 0px;}
	.About_sec .mapas .centro {width: 50%; float: left; position: relative; margin-top: 10px;}
	.About_sec .mapas .centro img { }
	.About_sec .mapas .ze {width: 50%; float: left; position: relative; margin-top: 10px;}
	.About_sec .mapas .ze img { }


	/* ------------- medidas ------------- */
	.Services_sec{ padding: 120px 0px 90px 0px ; width: 100%; overflow: hidden; background: #B5348B; background-size: cover; }
	.Services_sec .Center { max-width: 1100px; margin: auto; overflow: hidden; text-align: center; }
	.Services_sec h2 { font-size: 42px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 900; margin: 0px; text-transform: uppercase; line-height: 40px; }	
	.Services_sec p { padding: 15px 0px 35px 0px; font-size: 16px; color: #fff; margin: 0px; font-family: 'Montserrat', sans-serif; line-height: 25px; font-weight: 400; }
	.Services_sec .Line { border: solid 1px #fff; height: 2px; width: 252px; margin: auto; }
	.Services_sec img {height: 50px;  margin: auto;}
	.Services_sec h3 { padding-bottom: 5px;font-size: 17px; color: #F7ADAF; font-family: 'Montserrat', sans-serif; font-weight: 400; margin: 0px; line-height: 20px; }
	
	.Services_sec .izquierda { padding-top: 15px; width: 50%; float: left; }
	.Services_sec .derecha { padding-top: 15px; width: 50%; float: right;}
	.Services_sec .cuadrado { padding: 20px 10px; height: 180px;}
	
	/* ------------- REDES ------------- */
	.redes {background: #fff;}	
	.redes p { padding: 15px 0px 35px 0px; font-size: 18px; margin: 0px; font-family: 'Montserrat', sans-serif; line-height: 25px; font-weight: 400; }
	.redes.Line { border: solid 1px #ff9408; height: 2px; width: 252px; margin: auto; }	
	.redes a { border: none; text-decoration: none; margin: 10px; float:left; }
	.redes a:hover img { width: 110%; }
	
	.redes { border: none!important; background: none!important; color: #fff;}
	
	
	.Services_sec .Serviceside { padding: 76px 0px 30px 0px; width: 100%; overflow: hidden; }
	.Services_sec .Serviceside ul { list-style: none; margin: 0px }
	.Services_sec .Serviceside li { float: left; padding: 0px; margin: 0px 40px 0px 0px; text-align: center; width: 490px; }
	.Services_sec .Serviceside li:last-child { margin-right: 0px;}
	.Services_sec .Serviceside li.Development img { padding: 0px; box-shadow: 5px 5px 5px 4px rgba(0,0,0,0.75); }	
	.Services_sec .Serviceside li.Development a { text-decoration: none; background: url(../img/Development-n.png) top center no-repeat; display: block; }
	.Services_sec .Serviceside li.Development h4 { padding: 15px 0px 0px 0px;  font-size: 18px; color: #ffab3f; text-decoration: none; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 600;  }
	.Services_sec .Serviceside li.Development p { padding: 0px;  font-size: 14px; color: #fff;}
	.Services_sec .Serviceside li.Development a:hover h4 { color: #fff; background: url(../img/Develop-hover-cn.png) top center no-repeat; }

	.Services_sec .Serviceside li.Desdin img { padding: 0px; box-shadow: 5px 5px 5px 4px rgba(0,0,0,0.75); }	
	.Services_sec .Serviceside li.Desdin a { text-decoration: none; background: url(../img/desgin-cn.png) top center no-repeat; display: block; }
	
	.Services_sec .Serviceside li.Desdin h2 { font-size: 28px; color: #faa518; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 40px; text-align: left; margin-top: 16px;}
	.Services_sec .Serviceside li.Desdin h3 { font-size: 22px; color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 40px; text-align: left; margin: 0px; }
	.Services_sec .Serviceside li.Desdin p { padding: 0px;  font-size: 16px; color: #fff; text-align: left;}
	.Services_sec .Serviceside li.Desdin a:hover h4 { color: #fff; background: url(../img/desgin-hover-cn.png) top center no-repeat; }

	.Services_sec .Serviceside li.Concept { padding: 44px 0px 159px 0px; background: url(../img/concept-bg.jpg) no-repeat; box-shadow: 1px 4px 7px -4px rgba(0,0,0,0.75);  }
	.Services_sec .Serviceside li.Concept a { text-decoration: none; background: url(../img/concept-icn.png) top center no-repeat; display: block; }
	.Services_sec .Serviceside li.Concept h4 { padding: 15px 0px 0px 0px; font-size: 18px; color: #ae382d; text-decoration: none; text-transform: uppercase;font-family: 'Montserrat', sans-serif; font-weight: 400; }
	.Services_sec .Serviceside li.Concept a:hover h4 { color: #fff; background: url(../img/concept-hover-icn.png) top center no-repeat; }

	.Services_sec .Serviceside li.System { padding: 44px 0px 159px 0px;background: url(../img/systam-bg.jpg) no-repeat; box-shadow: 1px 4px 7px -4px rgba(0,0,0,0.75);  }
	.Services_sec .Serviceside li.System a { text-decoration: none; background: url(../img/systam-icn.png) top center no-repeat; display: block; }
	.Services_sec .Serviceside li.System h4 { padding: 138px 0px 0px 0px;  font-size: 18px; color: #5e5f61; text-decoration: none; letter-spacing: -1px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 400;  }
	.Services_sec .Serviceside li.System a:hover h4 { color: #fff; background: url(../img/systam-hover-icn.png) top center no-repeat;}
	

/* <<< Portada Section >>> */
	.Pricing_sec { padding: 90px 0px 0px 0px; width: 100%; overflow: hidden; background: none; margin-bottom: -10px;}
	.Pricing_sec .Center { max-width: 1100px; margin: auto; overflow: hidden; text-align: center; }
	.Pricing_sec h2 { font-size: 57px; color: #000; font-family: 'Montserrat', sans-serif; font-weight: 400; margin: 0px; text-transform: uppercase; line-height: 60px; }
	.Pricing_sec p { padding: 26px 0px 35px 0px; font-size: 14px; color: #8f8f8f; margin: 0px; font-family: 'Montserrat', sans-serif; line-height: 25px; font-weight: 400; }
	
	.Pricing_sec.portad { width: 100%; }
	
@media (max-width: 768px) {
	.Pricing_sec {  }
}
@media (min-width: 769px) {  
	.Pricing_sec {  }
}

	

@-webkit-keyframes spin {
	0%   { 
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
@keyframes spin {
	0%   { 
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}

#loader-wrapper .loader-section{ 
	position: fixed; 
	top: 0; 
	width: 51%; 
	height: 100%; 
	background: #faa518; 
	z-index: 1000; 
	-webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */ 
	transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
	left: 0;
}

#loader-wrapper .loader-section.section-right {
	right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
	transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */  
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
	transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */  
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
	opacity: 0;  
	transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
	visibility: hidden;

	-webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
	transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */  
	transition: all 0.3s 1s ease-out;
}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
	display: none;
}