@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url("google-fonts.css");
@import url(http://fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,200,100);
/* ==========================================================================
Tipografias
========================================================================== */
p {
	font-size: 15px;
	line-height: 29px;
	color: rgba(28, 54, 83, 0.6);
	padding-bottom: 20px;
	font-family:'Open Sans', sans-serif;
}
h1, h2, h3, h4 {
	font-family:'Raleway', sans-serif;
	text-align:center;
}
p.sub-titulo {
    font-size: 18px !important;
    color: #444f5b;
    font-weight: 300;
	text-align:center;
}

h1 {
    font-size: 55px;
    font-weight: 800;
    text-transform: none;
    letter-spacing: -2px;
    color: #676767 !important;
    margin-top: 0px;
    margin-bottom: 0px;
}
h1.light {
    font-size: 48px;
    font-weight: inherit;
}
h1.light {
    color: #BED431 !important;
}
h1.verde {
    color: #BED431 !important;
}

h2 {
	font-size: 40px;
	font-weight: 300;
	color: #3D4351;
}
h3 {
	font-size: 24px;
	margin-bottom: 20px;
	color: #3D4351;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 15px;
	color: #3D4351;
	text-transform: uppercase;
	font-weight: 500;
}
.btn {
	font-size: 13px;
	border: solid 2px;
	border-radius: 40px;
	display: inline-block;
	text-transform: uppercase;
}
.btn:hover, .btn:focus {
	color: #fff;
	border-color: #BED431;
	background-color: #BED431;
}
.btn-white {
	font-size: 13px;
	border: solid 2px;
	border-radius: 40px;
	display: inline-block;
	border-color: #fff;
}
.btn-white:hover, .btn-white:focus {
	color: #BED431;
	border-color: #BED431;
}
.btn-fill {
	color: #fff;
	border: solid 2px #BED431;
	border-radius: 40px;
	display: inline-block;
	text-transform: uppercase;
	background-color: #BED431;
}
.btn-fill:hover, .btn-fill:focus {
	color: #fff;
	background-color: #BED431;
	border-color: #BED431;
}
.btn-small {
	padding: 8px 40px;
}
.btn-large {
	padding: 15px 40px;
}
.btn-margin-right {
	margin-right: 20px;
}
section.portfolio, section.features-extra, section.sign-up {
	background: #fff;
}
@media (max-width: 576px) {
section.portfolio {
	padding: 210px 0 0;
}
}
section.features, section.empresa-intro, section.blog {
	background: #F3F4F8;
}
/* ==========================================================================
Estilos Generales
========================================================================== */
.group:after {
	content: "";
	display: table;
	clear: both;
}
.no-padding {
	padding: 0;
}
.no-margin {
	margin: 0;
}
a {
	color: #BED431;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	-webkit-transition-property: color, border-color, background-color;
	transition-property: color, border-color, background-color;
}
a:hover, a:focus {
	color: #BED431;
	text-decoration: none;
}
body {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	color: rgba(28, 54, 83, 0.6);
	-webkit-text-size-adjust: 100%;
}
ul, ol {
	margin: 0;
	padding: 0;
}
ul li {
	list-style: none;
}
.section-padding {
	padding: 30px 0;
}


/* ==========================================================================
Animaciones
========================================================================== */
.pulse2 {
	-webkit-animation-name: pulse2;
	animation-name: pulse2;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}
 @-webkit-keyframes pulse2 {
 0% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 50% {
 -webkit-transform: scale(0.8);
 transform: scale(0.8);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);

}
}
 @keyframes pulse2 {
 0% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 50% {
 -webkit-transform: scale(0.8);
 transform: scale(0.8);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
.floating-arrow {
	-webkit-animation-name: floating-arrow;
	animation-name: floating-arrow;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}
 @-webkit-keyframes floating-arrow {
 from {
 -webkit-transform: translate(-50%, 0);
 transform: translate(-50%, 0);
}
 65% {
 -webkit-transform: translate(-50%, 15px);
 transform: translate(-50%, 15px);
}
to {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
}
 @keyframes floating-arrow {
 from {
 -webkit-transform: translate(-50%, 0);
 transform: translate(-50%, 0);
}
 65% {
 -webkit-transform: translate(-50%, 15px);
 transform: translate(-50%, 15px);
}
to {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
}
.floating-logo {
	-webkit-animation-name: floating-logo;
	animation-name: floating-logo;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}
 @-webkit-keyframes floating-logo {
 from {
 -webkit-transform: translate(-50%, 0);
 transform: translate(-50%, 0);
}
 50% {
 -webkit-transform: translate(-50%, 10px);
 transform: translate(-50%, 10px);
}
to {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
}
 @keyframes floating-logo {
 from {
 -webkit-transform: translate(-50%, 0);
 transform: translate(-50%, 0);
}
 50% {
 -webkit-transform: translate(-50%, 10px);
 transform: translate(-50%, 10px);
}
to {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
}
/* ==========================================================================
Waypoinsts
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7, .wp8, .wp9 {
	visibility: hidden;
}
.wp2 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown {
	visibility: visible;
}
/* ==========================================================================
Navigation
========================================================================== */
.navigation .logo {
	background: url("../images/logo.png");
	width:286px;
	height:50px;
	float: left;
	margin:-20px 10px 20px;
}
.navigation.fixed .logo {
	display:none;
}
.navigation.fixed .logo2 {
	background: url("../images/logo-fixed.png");
	width:286px;
	height:50px;
	float: left;
	margin:-30px 10px 10px;
}
@media (max-width: 576px) {
.navigation.fixed .logo2 {
	background: url("../images/logo-fixed-small.png");
	width:172px;
	height:30px;
}
.navigation .logo {
	background: url("../images/logo-small.png");
	width:172px;
	height:30px;
}
}
.header-nav.open {
	visibility: visible;
	opacity: 0.9;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.nav-toggle {
	position: absolute;
	top: 0;
	right: 15px;
	z-index: 999999;
	padding: 10px 35px 16px 0;
	cursor: pointer;
}
.nav-toggle:focus {
	outline: none;
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
	content: "";
	position: absolute;
	display: block;
	width: 35px;
	height: 3px;
	border-radius: 1px;
	background: #BED431;
	cursor: pointer;
}
.nav-toggle span:before {
	top: -10px;
}
.nav-toggle span:after {
	bottom: -10px;
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.nav-toggle.active span {
	background-color: transparent;
}
.nav-toggle.active span:before, .nav-toggle.active span:after {
	top: 0;
}
.nav-toggle.active span:before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.nav-toggle.active span:after {
	top: 10px;
	-ms-transform: translatey(-10px) rotate(-45deg);
	-webkit-transform: translatey(-10px) rotate(-45deg);
	transform: translatey(-10px) rotate(-45deg);
}
.fixed .navicon {
	top: 24px !important;
}
.navicon {
	position: absolute;
	height: 26px;
	right: 10px;
	top: 64px;
	visibility: hidden;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
/* ==========================================================================
Inicio
========================================================================== */
.hero {
	min-height: 730px;
	background: url("../images/bg-header.jpg") center center;
   position: relative;
	background-size: cover;
}

.navigation {
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	position: fixed;
	width: 100%;
	z-index: 999;
}
.fixed {
	position: fixed;
	background-color: #444f5b;
	z-index: 999;
	width: 100%;
}
header {
	padding: 60px 0;
	border-bottom: solid 1px rgba(255, 255, 255, 0.2);
	position: relative;
	width: 1170px;
	margin: 0 auto;
	-webkit-transition: padding 300ms ease-in-out;
	transition: padding 300ms ease-in-out;
}
header a {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 16px !important;
}
header .logo {
	display: inline-block;
}
header .header-nav {
	/*display: inline-block;
	float:inline-end;*/
}

/* ==========================================================================
Contacto-Top
========================================================================== */
ul.contacto-top {
	margin: -80px auto 20px;
	text-align:right;
	padding: 0;
}
ul.contacto-top li {
	display: inline;
	margin: 0px 10px;
}
ul.contacto-top li a {
	color: #676767 !important;
	padding-right: 0;
	font-size:14px !important;
}
ul.contacto-top li a:hover {
	color: #444f5b;
}
ul.contacto-top li:last-child a {
	padding-right: 0px;
}
.fixed ul.contacto-top {
	margin: -45px auto 10px;
}
.fixed ul.contacto-top li,
.fixed ul.contacto-top li a {
	color: #f2f2f3 !important;
	padding-right: 0;
}
.fixed ul.contacto-top li a:hover {
	color: #BED431;
}
.fixed ul.primary-nav {
	margin: 0 auto 10px;
}
.fixed ul.contacto-top i {
	color: #f2f2f3 !important;
}

/* ==========================================================================
Menu
========================================================================== */
header ul.primary-nav {
	margin: /*-20px*/ -10px auto 0;
	padding: 0;
	text-align:left;
}

header ul.primary-nav li {
	display: inline;
	margin: 0 auto;
}
header ul.primary-nav li a {
	color: #BED431;
	padding-right: 30px;
}
header ul.primary-nav li a:hover {
	color: #444f5b;
}
header ul.primary-nav li:last-child a {
	padding-right: 0px;
}

.fixed ul.primary-nav li a {
	color: #f2f2f3;
	padding-right: 25px;
}
.fixed ul.primary-nav li a:hover {
	color: #BED431;
}
.fa.fa-angle-down {
    color: #BED431;
}
.down-arrow {
	color: #BED431;
	font-size: 30px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
/* ==========================================================================
Servicios
========================================================================== */
section.servicios {
	position: relative;
	top: 180px;
	text-align:center;
}
.ch-item h4.circulo {
    position: absolute;
    color: #fff;
	font-size: 22px;
    text-align: center !important;
	margin: 100px auto;
	width: 220px;
    font-weight: 600;
	text-shadow: 
		0 0 1px #fff, 6px 4px 6px rgba(0,0,0,0.75);
	}
.ch-item:hover h4.circulo {
	display:none;
}
/* circulos */
.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ch-img-1 { 
	background-image: url(../images/1.jpg);

	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.ch-img-2 { 
	background-image: url(../images/2.jpg);
	
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.ch-img-3 { 
	background-image: url(../images/3.jpg);
	
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.ch-img-4 { 
	background-image: url(../images/4.jpg);
	
	-webkit-animation-duration: 1.4s;
	animation-duration: 1.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.ch-info {
	position: absolute;
	background: rgba(83,190,83, 0.8);
	width: inherit;
	height: inherit;
	border-radius: 50%;
	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden;

}

.ch-info h3 {
	color: #fff;
	letter-spacing: 0;
	font-size: 22px;
	margin: 0 30px;
	padding: 40px 0 5px 0;
		text-shadow: 
			0 0 1px #fff, 
			0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	line-height: 22px;
	margin: 0 8px;
	font-size: 14px;
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	-webkit-transition: all 1s ease-in-out 0.4s;
	-moz-transition: all 1s ease-in-out 0.4s;
	-o-transition: all 1s ease-in-out 0.4s;
	-ms-transition: all 1s ease-in-out 0.4s;
	transition: all 1s ease-in-out 0.4s;
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
}

.ch-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.ch-item:hover .ch-info p {
	opacity: 1;
}

/* ==========================================================================
Slider Galeria (portfolio)
========================================================================== */
.portfolio {
	background:#f9f9f9;
}
.cbp-fwslider p {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
.cbp-fwslider {
	position: relative;
	margin: 50px auto 0;
	overflow: hidden;
	padding: 0;
}
.cbp-fwslider ul {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	list-style-type: none;
}
.cbp-fwslider ul li {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}
.cbp-fwslider ul li > a, .cbp-fwslider ul li > div {
	display: block;
	text-align: center;
	outline: none;
}
.cbp-fwslider ul li > a img {
	border: none;
	display: block;
	margin: 0 auto;
	max-width: 80%;
}
.cbp-fwslider nav span {
	position: absolute;
	top: 45%;
	width: 50px;
	height: 100px;
	background-color: transparent;
	color: #444f5b;
	font-size: 50px;
	text-align: center;
	margin-top: -50px;
	line-height: 100px;
	cursor: pointer;
	font-weight: normal;
}
.cbp-fwslider nav span:hover {
	background-color: transparent;
}
.cbp-fwslider nav span.cbp-fwnext {
	right: 40px;
}
.cbp-fwslider nav span.cbp-fwprev {
	left: 40px;
}
@media (max-width: 768px) {
.cbp-fwslider nav span.cbp-fwnext {
	right: 10px;
}
.cbp-fwslider nav span.cbp-fwprev {
	left: 10px;
}
.cbp-fwslider ul li > a img {
	max-width: 100%;
}
.cbp-fwslider nav span {
	color: #fff;
}

}
@media (max-width: 576px) {
.cbp-fwslider nav span.cbp-fwnext {
	right: 0px;
}
.cbp-fwslider nav span.cbp-fwprev {
	left: 0px;
}

}
/* ==========================================================================
Productos
========================================================================== */
#productos {
}
.com-sec{
	/*margin:0 0 30px 0;*/
	display:inline-block;
}
#productos .left-text{
	text-align:right;
	float:left;
	width:520px;
	margin:25px 0 0 0;
}
#productos .left-text span.title{
	font-weight:600;
	font-size:18px;
	color: #BED431;
	text-transform:uppercase;
}
#productos .left-text p{
	font-size:16px;
	margin:0px;
	margin: 5px 0 5px 0;
}
#productos .left-text span{
	color: #9C9C9C;
	font-size: 14px;
}
#productos .left-text a{
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	margin:0px;
}
#productos .divider{
	float: left;
	padding:0 40px
}

#productos .right-text{
	text-align:left;
	float:right;
	width:522px;
	margin:25px 0 0 0;
}
#productos .press-img{
	float:left;

}
.image {
    float: left;
    height: 194px;
    overflow: hidden;
    width: 520px;
    cursor:pointer;
}
.press-img img{
    width: 520px;
	height: 194px;max-width:none;
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;
		  
}
.press-img img:hover{
	max-width:none;
  width: 700px;
  height:250px;
  margin:-40px 0 -180px -50px;
}
#productos .right-text span.title{
	font-weight:600;
	font-size:18px;
	color: #BED431;
	text-transform:uppercase;
}
#productos .right-text p,
#productos li {
	font-size:16px;
	margin: 5px 0 5px 0;
}
#productos .right-text span{
	color: #9C9C9C;
	font-size: 14px;
}
#productos .right-text a{
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	margin:0px;
}
@media (max-width: 767px) {
#productos {
padding: 20px 0 0 0;
}
  #productos .left-text {
width: 100%;
margin: 10px 40px 0 0;

}
#productos .left-text span.title {
font-size: 15px;
}
#productos .right-text span.title {
font-size: 15px;
}
#productos .right-text {
width: 100%;
margin: 10px 0 0 40px;
}

#productos .divider{
	display:none;
}
#productos .press-img{
width: 100%;
display:none;
}
#productos .press-img img{
width: 100%;
}
#productos .left-text {
text-align: center;
}
#productos .right-text {
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 991px) {
  #productos .left-text {
width: 362px;
margin: 10px 40px 0 0;
}
#productos .left-text span.title {
font-size: 15px;
}
#productos .right-text span.title {
font-size: 15px;
}
#productos .right-text {
width: 362px;
margin: 10px 0 0 40px;
}
.com-sec{
	margin:0 0 30px 0;
	display:inline-block;
}
#productos .divider{
	display:none;
}
#productos .press-img{
width: 46%;
}
#productos .press-img img{
/* width: 100%; */
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#productos .left-text {
width: 450px;
margin: 10px 40px 0 0;
}
#productos .right-text {
width: 450px;
margin: 10px 40px 0 0;
}
.com-sec{
	margin:0 0 30px 0;
	display:inline-block;
}
#productos .divider{
	display:none;
}
#productos .press-img{
width: 46%;
}
#productos .press-img img{
/* width: 100%; */
}
}

/* ==========================================================================
Empresa Intro
========================================================================== */
p.sub-empresa {
    font-size: 16px !important;
    color: #444f5b;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 6px;
}
.empresa-intro h5 {
	color: #BED431;
}
.empresa-intro h3 {
	margin-bottom: 60px;
}
.empresa-intro .leftcol {
	padding-right: 100px;
	border-right: solid 1px #E6E9EA;
}
.empresa-intro .rightcol {
	padding-left: 100px;
}

/* ==========================================================================
Contacto
========================================================================== */
.form-intro {
	background: #f7f7f7;
}
.contacto-form h2 {
margin-top: -10px;
margin-bottom: 50px;
}

.contacto .col-md-6 {
    padding: 0;
}
.contacto .col-md-6.shadow {
    background: #fff;
    box-shadow: 3px -2px 10px rgba(0,0,0,0.2);
}
.contacto h3 {
    font-size: 36px !important;
    color: #444f5b;
    font-weight: 700;
    text-align: left;
	margin-bottom:35px;
}
.contacto .recuadro-contacto {
	padding: 40px 35px 120px;
}
ul.footer-contacto li {
	font-family:'Open Sans', sans-serif;
    margin: 15px 0;
    font-size: 16px;
    font-weight: 600;
}
ul.footer-contacto i {
    color: #BED431;
    margin-right: 8px;
}

/* ==========================================================================
.Envios
========================================================================== */
.envios {
	background:#fff;
}

.envios h1 {
	margin: 0 auto;
}
.envios p {
    color: #343844;
    text-align: center;
    font-size: 16px;
}
.envios p.sub-titulo {
    font-size: 18px !important;
    font-weight: 400;
    margin: 0;
    padding: 10px 0;
}
.envios .btn {
	margin-top: 10px;
}
ul.logos {
	margin: 0 auto;
	text-align:center;
}
ul.logos li {
	display: inline;
	margin: 0 5px;
	padding:10px 0;
}


/* ==========================================================================
Top
========================================================================== */

.to-top .to-top-wrap {
	height: 60px;
	width: 70px;
	text-align: center;
	position:fixed;
	bottom: 20px;
	right:20px;
	z-index:999;
}
.to-top .to-top-wrap a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.15);
}
.to-top .to-top-wrap a:hover, .to-top .to-top-wrap a:focus {
	background-color: rgba(0, 0, 0, 0.4);
}
.to-top .to-top-wrap i {
	font-size: 30px;
	line-height: 55px;
}
.to-top .row {
	position: relative;
}
/* ==========================================================================
Footer
========================================================================== */
footer {
	background-color: #3D4351;
	position: relative;
}
footer p {
	color: #ACB1B4;
	font-size: 13px;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #BED431;
}
footer ul.footer-group {
	border-top: solid 1px #4E566C;
	padding-top: 25px;
	margin-bottom: 45px;
}
footer ul.footer-group li {
	display: inline-block;
}
footer ul.footer-group li a {
	font-size: 13px;
	text-transform: uppercase;
}
footer ul.footer-group li a:hover {
	color: #BED431;
}
footer ul.footer-group li {
	margin-right: 30px;
}
footer ul.footer-group li:last-child {
	margin-right: 0;
}
/* ==========================================================================
Tags Footer
========================================================================== */
footer .tags-footer {
	position: absolute;
	background-color: #373D4A;
	right: 0;
	width: 40%;
	height: 100%;
	padding: 142px 170px 0 70px;
}

footer .footer-links {
	margin: 120px 0 120px 0;
}
footer ul.nube-footer {
	margin: 0 auto 20px;
	text-align:left;
	padding: 0;
}
footer ul.nube-footer i {
	color: #f7f7f7;
}
footer ul.nube-footer li {
    display: inline-grid;
    margin: 3px !important;
    color: #f7f7f7;
    background: #464d5c;
    font-size: 12px;
    padding: 5px 8px;
    border-radius: 6px;

}
footer ul.nube-footer li a {
	color: #f7f7f7 !important;
	padding-right: 0;
	font-size:14px !important;
}
footer ul.nube-footer li a:hover {
	color: #f7f7f7;
}
footer ul.nube-footer li:last-child a {
	padding-right: 0px;
}

/* ==========================================================================
Contacto-Top
========================================================================== */
ul.contacto-footer {
	margin: 0 auto 20px;
	text-align:left;
	padding: 0;
}
ul.contacto-footer i {
	color: #f7f7f7;
}
ul.contacto-footer li {
	display: inline;
	margin: 0px 10px;
	color: #f7f7f7;
}
ul.contacto-footer li a {
	color: #f7f7f7 !important;
	padding-right: 0;
	font-size:14px !important;
}
ul.contacto-footer li a:hover {
	color: #f7f7f7;
}
ul.contacto-footer li:last-child a {
	padding-right: 0px;
}