/* THEME COLORS */
	
.wh-clr { color: #fff; } /*TEXTOS: pie, nuestra agencia y blog*/
.wh-clr-hov:hover { color: #fff; }
.brd-wh-clr { border-color: #fff; }/* borde recuadro de flecha hacia abajo - debe ser blanca para que se vea  */
.brd-wh-clr-hov:hover {	border-color: #F60;} /*NARANJA*/
.bg-wh-clr {background-color:#fff;}/* color fondo recuadro flecha hacia arriba*/
.bg-wh-clr-hov:hover {	background-color: #660;} /*VERDE MUSGO*/
.bg-wh-alpha { background-color: rgba(255,255,255,0.8); } /*fondo titulo de botones qu eva en casa banner, está teansparente porque va una imagen debajo*/
.bg-wh-alpha-cosas {
	background: url(../img/fondo-cosas.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	height:auto; } /*fondo en numeros, está teansparente porque va una imagen debajo*/
.bg-bk-alpha { background-color: transparent; } /*fondo blog home, está teansparente porque va una imagen debajo*/
.gr1-clr {color: #FF0;} /*AMARILLO*/
.gr1-clr-hov:hover {color: #C1C100;}  /*AMARILLO MAS OSCURO*/
.brd-gr1-clr {border-color: #85b126;} /* borde servicios especiales*/
.brd-gr1-clr-hov:hover {border-color:  #B95C00;} /* NARANJA MAS OSCURO*/
.bg-gr1-clr {	background-color: #FFF;} /*fondo "OURWORKS" en el home y servicios especiales*/
.bg-gr1-clr-hov:hover { background-color: #fafafa; }
.gr2-clr {color: #960;} /*MARRÓN*/
.gr2-clr-hov:hover { color: #960;} /*MARRÓN*/
.brd-gr2-clr {border-color: #7b9c14;}  /* linea separador*/
.brd-gr2-clr-hov:hover {border-color: #609;} /*VIOLETA*/
.bg-gr2-clr {background-color: #FF0;} /*AMARILLO*/
.bg-gr2-clr-hov:hover { background-color:#FF0;} /*AMARILLO*/
.gr3-clr {color:  #609;} /*VIOLETA*/
.gr3-clr-hov:hover {color:  #609;} /*VIOLETA*/
.brd-gr3-clr {border-color:#00F;} /*AZUL*/
.brd-gr3-clr-hov:hover {border-color: #0FF;} /*CELESTE FLOU*/
.bg-gr3-clr {background-color: #F30;} /*ROJO*/
.bg-gr3-clr-hov:hover { background-color: #F30;} /*ROJO*/

/* CUSTOM COLORS */

.fs-clr {color: #85b126;} /*color flecha hacia abajo*/
 
.fs-clr-hov:hover {color: #CCC;} /*GRIS CLARO*/
 
.bg-fs-clr { background-color: #9fb200; } /* color pie de pagina grande, boton send y algunos iconos */
.bg-fs-clr-hov:hover { background-color: #85b126;}/* hover recuadro botones porfolio  */
 
.bg-fs-alpha { background-color: rgba(133,177,38,0.7); } /* color bg foto home parallax */
.brd-fs-clr {border-color: #9fb200; height:60px;}/* color linea de recuadro fomulario */
.brd-fs-clr-hov:hover {border-color: #9fb200;} /* color recuadro de la flecha para subir */
	
.nd-clr {color: #9fb200;} /*color de en numeros y algunos titulos del home (OVERVIEW - TOTAL SUPPORT THEME - CONTACT FORM*/
.nd-clr-2 {color: #85b126;} /*tit servicios especiales*/
.nd-clr-gris {color: #7c7c7c; font-weight:bold; text-align: center;} /*color de en numeros y algunos titulos del home (OVERVIEW - TOTAL SUPPORT THEME - CONTACT FORM*/
.nd-clr-verde {color: #a3bd31; font-weight:bold; text-align: left;} /*color de en numeros y algunos titulos del home (OVERVIEW - TOTAL SUPPORT THEME - CONTACT FORM*/
.nd-clr-blanco {color: #fff;} /*color de en numeros */
 
.nd-clr-hov:hover {	color: #30F;} /*AZUL*/
 
.bg-nd-clr {
	background-color:#5f7d03;
	
	} /*FONDO PIE*/

.bg-nd-clr-hov:hover {	background-color: #5f7d03;} /*HOVER de algunos botones del home, por ej "send"*/
.bg-nd-alpha { background: url(../img/agenciahome.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	height:auto;
}

.bg-nd-alpha2 { background: url(../img/agenciabt.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	height:300px;
	 }

.bg-nd-alpha3 { background: url(../img/fondo-como-lo-hacemos.jpg);
	background-position: center center;
    background-repeat: no-repeat;
   	height:300px;
	 }

.bg-nd-alpha4 { background: url(../img/fondo-que-hacemos-foto.jpg);
    background-repeat: no-repeat;
	background-size: cover;
	height:auto;
}
.bg-nd-alpha5 { background: url(../img/foto-que-hacemos.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	height:auto;
}
.bg-nd-alpha6 { background: url(../img/fondo-cosas.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	height:200px;
}
.bg-nd-alpha7 { background: url(../img/agenciahome.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	margin-top:-50px;
	margin-bottom: 100px;
	height:auto;
}
.bg-nd-alpha8 { background: url(../img/fondo-cosas2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	height:150px;
}

.brd-nd-clr {border-color: #85b126;} /*separador "numeros"*/
.brd-nd-clr-blanco {border-color: #FFF;} /*separador "numeros"*/

.brd-nd-clr-hov:hover {border-color: #C06;}/*MAGENTA*/
	
/* Preloader */

#jpreBar {
	background: none;/*linea del cargando*/
}

#jprePercentage {
	border-color: transparent;
	background-image: url(../img/bg-porcentaje2.png);
	background-repeat:no-repeat;
	background-position:center;
	color: #d6d6d6;
}

/* Standard Menu/Submenu */
	
.main-menu li:hover > a  {
	color: #9fb200;
}

.header-dark .sub-menu li > a {
	background-color: #000 !important;} /*fondo sub-menues de botonera pincipal*/

.header-dark .sub-menu li > a:hover {
	background-color: #F00 !important;
	color: #00F;
} /*HOVER fondo sub-menues de botonera pincipal*/

/* Sticky Menu/Submenu */

.sticky .main-menu li, .sticky .main-menu li > a {
	color: #96bd11;} /*color nombre botón*/

.sticky .main-menu li:hover > a {
	background-color: #96bd11;} /*color recuadro botón HOVER*/

.sticky .sub-menu li > a {
	background-color: #9FC !important;}/*color fondo botón submenues*/

.sticky .sub-menu li:hover > a {
	background-color: #63C !important;} /*color recuadro botón submenues HOVER*/

/* Sticky Quick Icons */

.sticky #quick-icons li {
	color: #CED54F;} /*color iconos redes en botonera */

.sticky #quick-icons li:hover {
	border-color: transparent;
	background:  url(../img/bg-redes2.png);
	background-position:center;
	background-repeat:no-repeat;
}

/* Sticky Nav Icons */

.sticky-icons li{
	color: #60C !important;} /*VIOLETA*/
	
/* Filters */

.port-filter li.selected {
	background-color: #66F;} /*boton seleccionado en "our works"*/

/* Slills */

.team-skills li .bar-val {
	background-color: #306;} /*VIOLETA OSCURO*/

/* Mobile Menu */

#mobile-menu {
	background-color: #85b126;
}

#mobile-menu li:hover {
	background: #c4ce28;
}

/* Video */

#volume { position: absolute; left: 0; bottom: 0; background: #22313F; z-index:9999; color: #fff; padding: 10px; display: block; opacity: 0.2; font-size: 16px; cursor: pointer; }

#volume:hover { opacity: 1; }

#internal-video:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; /* background: rgba(37,116,169,0.7); */ }

/* Typography */

blockquote { 
	border-color: #85b126; /*linea de destacado*/
	color: #85b126; /*texto destacado*/
}

h1, h2, h3 { color: #85b126; }



.ui-tabs .ui-tabs-nav li.ui-tabs-active { /*boton "tabs"*/
	background: #603; 
	color: #F09;
}

/* TRANSITIONS */

.transit {
	transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	-webkit-transition: 0.3s all ease-in-out;
}

.transit-fade,
.transit-left,
.transit-right,
.transit-top,
.transit-bottom,
.transit-bouncein,
.transit-flip,
.transit-rotate {
	opacity: 0;
}

.transit-words {
	visibility: hidden;
}

/* DIVIDERS */

.clear {
    clear: both;
}

.line-center {
    clear: both;
    margin: 25px auto;
    width: 50px;
	border-top-style: solid;
	border-top-width: 3px;
}

.line-left {
    clear: both;
    margin: 25px 0;
    width: 50px;
	border-top-style: solid;
	border-top-width: 3px;
}

/* SPACING */

.marg-25 {
	margin: 25px;
}

.marg-x-25 {
	margin: 0 25px;
}

.marg-y-25 {
	margin: 25px 0;
}

.marg-top-25 {
	margin-top: 25px;
}

.marg-bott-25 {
	margin-bottom: 25px;
}

.marg-left-25 {
	margin-left: 25px;
}

.marg-right-25 {
	margin-right: 25px;
	
}

.padd-25 {
	padding: 25px;
}

.padd-x-25 {
	padding: 0 25px;
}

.padd-y-25 {
	padding: 25px 0;
}

.padd-top-25 {
	padding-top: 25px;
}

.padd-bott-25 {
	padding-bottom: 25px;
}

.padd-left-25 {
	padding-left: 25px;
}

.padd-right-25 {
	padding-right: 25px;
	
}

.marg-50 {
	margin: 50px;
}

.marg-x-50 {
	margin: 0 50px;
}

.marg-y-50 {
	margin: 50px 0;
}

.marg-top-50 {
	margin-top: 50px;
}

.marg-bott-50 {
	margin-bottom: 50px;
}

.marg-left-50 {
	margin-left: 50px;
}

.marg-right-50 {
	margin-right: 50px;
}

.padd-50 {
	padding: 50px;
}

.padd-x-50 {
	padding: 0 50px;
}

.padd-y-50 {
	padding: 50px 0;
}

.padd-top-50 {
	padding-top: 50px;
}

.padd-bott-50 {
	padding-bottom: 50px;
}

.padd-left-50 {
	padding-left: 50px;
}

.padd-right-50 {
	padding-right: 50px;
}

.marg-75 {
	margin: 75px;
}

.marg-x-75 {
	margin: 0 75px;
}

.marg-y-75 {
	margin: 75px 0;
}

.marg-top-75 {
	margin-top: 75px;
}

.marg-bott-75 {
	margin-bottom: 75px;
}

.marg-left-75 {
	margin-left: 75px;
}

.marg-right-75 {
	margin-right: 75px;
}

.padd-75 {
	padding: 75px;
}

.padd-x-75 {
	padding: 0 75px;
}

.padd-y-75 {
	padding: 75px 0;
}

.padd-top-75 {
	padding-top: 75px;
}

.padd-bott-75 {
	padding-bottom: 75px;
}

.padd-left-75 {
	padding-left: 75px;
}

.padd-right-75 {
	padding-right: 75px;
}

.marg-100 {
	margin: 100px;
}

.marg-x-100 {
	margin: 0 100px;
}

.marg-y-100 {
	margin: 100px 0;
}

.marg-top-100 {
	margin-top: 100px;
}

.marg-bott-100 {
	margin-bottom: 100px;
}

.marg-left-100 {
	margin-left: 100px;
}

.marg-right-100 {
	margin-right: 100px;
}

.padd-100 {
	padding: 100px;
}

.padd-x-100 {
	padding: 0 100px;
}

.padd-y-100 {
	padding: 100px 0;
}

.padd-top-100 {
	padding-top: 100px;
}

.padd-bott-100 {
	padding-bottom: 100px;
}

.padd-left-100 {
	padding-left: 100px;
}

.padd-right-100 {
	padding-right: 100px;
}

.marg-25 {
	margin: 25px;
}

.marg-x-25 {
	margin: 0 25px;
}

.marg-y-25 {
	margin: 25px 0;
}

.marg-top-25 {
	margin-top: 25px;
}

.marg-bott-25 {
	margin-bottom: 25px;
}

.marg-left-25 {
	margin-left: 25px;
}

.marg-right-25 {
	margin-right: 25px;
}

.padd-25 {
	padding: 25px;
}

.padd-x-25 {
	padding: 0 25px;
}

.padd-y-25 {
	padding: 25px 0;
}

.padd-top-25 {
	padding-top: 25px;
}

.padd-bott-25 {
	padding-bottom: 25px;
}

.padd-left-25 {
	padding-left: 25px;
}

.padd-right-25 {
	padding-right: 25px;
}

.marg-50 {
	margin: 50px;
}

.marg-x-50 {
	margin: 0 50px;
}

.marg-y-50 {
	margin: 50px 0;
}

.marg-top-50 {
	margin-top: 50px;
}

.marg-bott-50 {
	margin-bottom: 50px;
}

.marg-left-50 {
	margin-left: 50px;
}

.marg-right-50 {
	margin-right: 50px;
}

.padd-50 {
	padding: 50px;
}

.padd-x-50 {
	padding: 0 50px;
}

.padd-y-50 {
	padding: 50px 0;
}

.padd-top-50 {
	padding-top: 50px;
}

.padd-bott-50 {
	padding-bottom: 50px;
}

.padd-left-50 {
	padding-left: 50px;
}

.padd-right-50 {
	padding-right: 50px;
}

.marg-75 {
	margin: 75px;
}

.marg-x-75 {
	margin: 0 75px;
}

.marg-y-75 {
	margin: 75px 0;
}

.marg-top-75 {
	margin-top: 75px;
}

.marg-bott-75 {
	margin-bottom: 75px;
}

.marg-left-75 {
	margin-left: 75px;
}

.marg-right-75 {
	margin-right: 75px;
}

.padd-75 {
	padding: 75px;
}

.padd-x-75 {
	padding: 0 75px;
}

.padd-y-75 {
	padding: 75px 0;
}

.padd-top-75 {
	padding-top: 75px;
}

.padd-bott-75 {
	padding-bottom: 75px;
}

.padd-left-75 {
	padding-left: 75px;
}

.padd-right-75 {
	padding-right: 75px;
}

.marg-100 {
	margin: 100px;
}

.marg-x-100 {
	margin: 0 100px;
}

.marg-y-100 {
	margin: 100px 0;
}

.marg-top-100 {
	margin-top: 100px;
}

.marg-bott-100 {
	margin-bottom: 100px;
}

.marg-left-100 {
	margin-left: 100px;
}

.marg-right-100 {
	margin-right: 100px;
}

.padd-100 {
	padding: 100px;
}

.padd-x-100 {
	padding: 0 100px;
}

.padd-y-100 {
	padding: 100px 0;
}

.padd-top-100 {
	padding-top: 100px;
}

.padd-bott-100 {
	padding-bottom: 100px;
}

.padd-left-100 {
	padding-left: 100px;
}

.padd-right-100 {
	padding-right: 100px;
}