/*
	Template Name: Microtec
    Template URL: http://demo.themeregion.com/microtec
	Author: Theme Region
	Author URI : http://www.themeregion.com
    Version: 1.0
    Description: Multipurpose Responsive HTML Template
	Tag: HTML5, CSS3, jQuery, Responsive Template.
*/


/* Table of Contents
==================================================
# Global
# Header
# Our servicio
# Advantage  
# Portfolio
# Choose Us
# About Us
# Portfolio
# Our Team
# Blog
# Dribbble
# Price & Plan
# Call to Action
# Our Clients
# Newsletter
# Social Accounts
# Contact
# Contact Information
# Footer
# Extra CSS
==================================================
*/

/* ==========================================================================
 	Global Styles
 ========================================================================== */


body {
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	color:#666666; 
	overflow-x:hidden;
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
}
h1, h2, h3{color:#000;}

ul {
	margin:0;
	padding:0;
    list-style:none;
}

a {
	color: #000;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

a:hover {
	color: #000;
}

a, a:hover {
	text-decoration:none;
}

section {
  min-width: 100%;
  position: relative;
  width: 100%;
  padding: 50px 0;
}

a:active, a:focus, 
button:focus, .btn:focus {
    outline: none;
    text-decoration: none;
    box-shadow: none;
}

.form-control, input, textarea, select,
.form-control:focus, input:focus,
textarea:focus, select:focus {
	border-color: inherit;
	box-shadow: none;
	outline: none;
    border-radius: 0;
}

.btn {
	border-radius: 0;
    padding: 12px 20px;
    font-size: 16px;
    color: #d41e28;
    background: #fff;
    border: 1px solid #fff;
}

.btn:hover {
    color: #fff;
    background: #d41e28;
}

.btn-red {
    color: #fff;
    background: #d41e28;
}

.btn-red:hover {
    color: #d41e28;
    background: #fff;
}

.np { 
	padding: 0 ;
}

.nrp {
	padding-right: 0;
}

.nlp {
	padding-left: 0;
}

.ntp {
	padding-top: 0;
}

.nbp {
	padding-bottom: 0;
}

.padding-top {
	padding-top: 80px;
}

.padding-bottom {
	padding-bottom: 80px;
}

.nm {
	margin: 0 ;
}

.nlm {
	margin-left: 0;
}

.nrm {
	margin-right: 0;
}

.ntm {
	margin-top: 0;
}

.nbm {
	margin-bottom: 0;
}
.margtop30 {margin-top:30px;}
.margtop20 {margin-top:20px;}
.margbot20 {margin-bottom:20px;}
.bnr{padding:20px 0;}
.section-title {
    margin: 0px 0 25px;
    text-align: center;
}

h1.title {
    font-size: 36px;
    color: #d41e28;
    text-transform: uppercase;
}

h1.title.white-title {
    color: #fff;
}

h1.title span {
    position: relative;
}

h1.title span:before, 
h1.title span:after {
    position: absolute;
    top: 0;
	font-family: 'Raleway', sans-serif;
	color:#d41e28;
	font-size:43px;
	line-height:43px;
	font-weight:500;
}

h1.title span:before {
    left: -25px;
	content:"[";
}

h1.title span:after {
    right: -25px;
	content:"]";
}

h1.title.white-title span:before, 
h1.title.white-title span:after {
    color:#fff;
}

h1.title strong {
    font-weight: bold;
}

p.lead {
    font-size: 20px;
    line-height: 30px;
    color:#fff;
}

.parallax-section {     
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment:fixed;
    width: 100%;
    color:#fff;
    position:relative;
}

.overlay-bg {
    position: relative;
}

.overlay-bg:before {
    position:absolute;
    content: "";
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.5);
    display: block;
}

/*Magnific-popup overwrite CSS*/

.mfp-figure {
    background-color: #fff;
}

img.mfp-img {
	padding:8px;
}

.mfp-image-holder .mfp-close {
 top:-35px;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor:pointer;
}

.mfp-counter {
	right: 50%;
    color: #fff;
    top: 45px;
    margin-right: -20px;
}

.navbar-default .navbar-toggle {
    background-color:#000;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color:#2d3863;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
/* ==========================================================================
 	Header Styles
 ========================================================================== */
header {
    background: #ebebeb;
    width: 100%;
    z-index: 999;
}
.navbar-default .navbar-brand {
	padding:0 15px 10px 15px;
    height:auto;
}

.navbar-default {
    background: #fff;
    border: medium none;
    border-radius: 0;
    margin-bottom: 0;
    min-height: 75px;
    padding-top: 15px;
    padding-bottom:0;
	top:0;
	left:0;
	right:0;
	z-index:1000;
}

.navbar-header {
    position: relative;
}

.navbar-collapse {
    margin: 5px 0 0;
    padding: 0;
}

.navbar-default .navbar-nav li {
    margin: 0 5px;
    padding: 0;
}

.navbar-default .navbar-nav li a, .nav > li > a {
    text-transform: uppercase;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background: #fff ;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav>.active>a,
 .navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover{
    background: none;
    color: #000;
}

.navbar-default .navbar-nav > li > a {
    font-size: 14px;
	font-weight:700;
    color: #81A417;
    padding: 10px;
    position:relative;
}

.navbar-default .navbar-nav > li > a:before,
.navbar-default .navbar-nav > li > a:after,
.portfolio-filter li a:before,
.portfolio-filter li a:after{
    position: absolute;
    top: 12px;
	opacity:0;
	font-family: 'Raleway', sans-serif;
	color:#d41e28;
	font-size:19px;
	line-height:15px;
}

.navbar-default .navbar-nav> li > a:before {
   content:"[";
    left: 5px;
}

.navbar-default .navbar-nav> li > a:after {
	content:"]";
    right: 5px;
}

.navbar-default .navbar-nav>.active> a:hover:before,
.navbar-default .navbar-nav > li > a:hover:before,
.navbar-default .navbar-nav>.active> a:before {
	opacity: 1;
	left:0
}
.navbar-default .navbar-nav>.active> a:hover:after,
.navbar-default .navbar-nav > li > a:hover:after,
.navbar-default .navbar-nav>.active> a:after {
    opacity: 1;
	right:0;
}

.top-right .user-area, 
.top-right .social {
	float:left;
	margin-left:20px;
}

/* sticky-nav */
.navbar-default.sticky-nav {
    min-height: inherit;
    padding-top: 10px;
    border-bottom:2px solid #3366cc;
    z-index: 999;
	position:fixed;
}

#main-menu {
   margin-top:60px;
}

/* social */
.social {
    float:left;
}

.navbar-default.sticky-nav .social{
	display:none;
}

.social li a i,
.user-area a {
    color:#fff;
}

.user-area a:hover {
    color:#d41e28;
}

.user-area {
    margin-top: 16px;
	font-size:12px;
}

.user-area a {
	font-size:12px;
	text-transform:uppercase;
}

.user-area i{
	margin-right:5px;
}

.social {
    margin-top: 15px;
}

.social li a {
    font-size: 14px;
    color: #fff;
}

.social li a:hover {
    color: #00aeef;
}

.social i.fa-facebook:hover {
    color: #3A5795;
}

.social i.fa-twitter:hover {
    color: #55acee;
}

.social i.fa-google-plus:hover {
    color: #A00400;
}

.social i.fa-linkedin:hover {
    color: #0274B3;
}

.social i.fa-dribbble:hover {
    color: #F26798;
}
.social i.fa-behance:hover {
    color: #0094FF;
}

/* ==========================================================================
    Home
 ========================================================================== */

#home {
    background-image:url(../images/fondoslider.jpg);
	height:650px;
 }


#home h2 {
    font-weight: 600;
    font-size: 70px;
    line-height: 80px;
    margin: 16px  0;
    text-transform: uppercase;
    color:#fff;
    width:60%; text-shadow: rgb(3, 3, 3) 4px 4px 4px;
}
#home h3 {width:60%; text-shadow: rgb(46, 46, 46) 0px 4px 5px;font-size:34px; color:#ccc;}

#home h2 strong {
    display: block;
    font-weight: 700;
}

#home a.btn {
    color: #fff;
    border-color: transparent;
    font-size: 18px;
}

#home a.btn i {
    margin-left: 3px;
}

#home a.btn:hover {
    background: #fff;
    color: #d41e28;
}

#home .home-content {
    padding: 250px 90px 0 90px;
	position:relative;
	z-index:100;
    text-align:left
}

/* ==========================================================================
    servicios
 ========================================================================== */

#servicios {
	background:#e9eaed;
	padding: 28px 0 100px;
}

#servicios .section-title {
    margin-bottom: 44px;
}

.servicio {background:#E9EAED;    overflow:hidden;}

            .verde1{background-color:#98C73D;}
            .verde2{ background-color:#88AF19;}
            .verde3{background-color:#D0DD2B;}

.servicio-image {position:relative; }

.servicio-image i {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 80px;
	color: #fff;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	margin: -50px 0 0 -50px;
	opacity: 0;
}

.servicio-text {padding: 5px 15px 25px 15px;height:115px;}

.servicio .servicio-text i {font-size: 36px;opacity: 0;margin-bottom:5px;}

.servicio-text h4 {color:#000;margin: 0 0 10px 0;font-size: 24px;}
.servicio:hover .servicio-text {padding: 25px 15px 25px 15px;}
.servicio:hover .servicio-text h4 {;}

.servicio-image:before {
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity: 0;
background: #1e70c2; /* Old browsers */
background: -moz-linear-gradient(top, #1e70c2 0%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1e70c2 0%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1e70c2 0%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e70c2', endColorstr='#7db9e8',GradientType=0 ); }

.servicio:hover .servicio-image:before {opacity:0;}
.servicio:hover .servicio-text i {opacity: 1;}
.servicio:hover {background:#f5f5f5;}

.servicio:hover .servicio-text {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(224,221,224,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(224,221,224,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(224,221,224,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(224,221,224,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(224,221,224,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(224,221,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0dde0', GradientType=0 );
}


/* === enlaces ================ */
i.iconos {background:transparent url(../images/iconos.png);height:70px;width:78px;display: block;margin:0 auto;float: left;margin-right: 7px;margin-bottom: 20px;margin-top:10px;}
i.iconos.clima {background-position:0 0;}
i.iconos.estaciones {background-position:-80px 0;width:60px;}
i.iconos.radares {background-position:-143px 0;width:75px;}
i.iconos.links {background-position:0 0;background-position:-215px 0;width:75px;}
#enlaces h5{font-size: 13px;border-bottom: 1px dotted #cccccc;padding: 0 0 3px 0;overflow: hidden;text-align: left;}
#enlaces h5 a{display:block;}
#enlaces h5 a:hover{color:#0274B3;}
/* ==========================================================================
    Advantage
 ========================================================================== */

#advantage {
    background: url(../images/bg/advantage.jpg) no-repeat fixed;
    padding: 100px 0 75px;
}

#advantage h1.title {
    margin: 0 0 45px 30px;
}

.nav-tabs {
    border-bottom: none;
}

#advantage .nav-tabs li a {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyNjUyMiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjZWY1ZTIyIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MiUiIHN0b3AtY29sb3I9IiNkYjJmMjYiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNDFmMjgiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(242,101,34,0.8) 0%, rgba(239,94,34,0.8) 16%, rgba(219,47,38,0.8) 72%, rgba(212,31,40,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,101,34,0.8)), color-stop(16%,rgba(239,94,34,0.8)), color-stop(72%,rgba(219,47,38,0.8)), color-stop(100%,rgba(212,31,40,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(242,101,34,0.8) 0%,rgba(239,94,34,0.8) 16%,rgba(219,47,38,0.8) 72%,rgba(212,31,40,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(242,101,34,0.8) 0%,rgba(239,94,34,0.8) 16%,rgba(219,47,38,0.8) 72%,rgba(212,31,40,0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(242,101,34,0.8) 0%,rgba(239,94,34,0.8) 16%,rgba(219,47,38,0.8) 72%,rgba(212,31,40,0.8) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(242,101,34,0.8) 0%,rgba(239,94,34,0.8) 16%,rgba(219,47,38,0.8) 72%,rgba(212,31,40,0.8) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf26522', endColorstr='#ccd41f28',GradientType=0 ); /* IE6-8 */
    border: none !important;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    border-radius: 0;
    height: 60px;
    padding: 15px 30px;
}

#advantage .nav-tabs>li.active>a, 
#advantage .nav-tabs>li.active>a:focus, 
#advantage .nav-tabs>li.active>a:hover,
#advantage .nav-tabs>li>a:focus, 
#advantage .nav-tabs>li>a:hover {
    background: #fff;
    color: #000;
}

#advantage .nav-tabs li a i {
    margin-right: 12px;
    font-size: 36px;
    vertical-align: middle;
}

#advantage .nav-tabs>li.active>a i, 
#advantage .nav-tabs>li.active>a:focus i, 
#advantage .nav-tabs>li.active>a:hover i,
#advantage .nav-tabs>li>a:focus i, 
#advantage .nav-tabs>li>a:hover i {
    color: #ed1c24;
}

.tab-pane h3 {
    color: #fff;
}

.tab-pane h3 {
    font-weight: bold;
}

.tab-pane h3 {
    margin: 52px 0 18px;
	text-transform:capitalize;
}

.advantage-info {
    margin-bottom: 28px;
}

#advantage img {
    margin-top: 4px;
    display:inline;
}

/* ==========================================================================
    Portfolio
 ========================================================================== */

#portfolio {
    background: #e9eaed;
    padding: 30px 0 70px;
}

.portfolio-filter {
	margin: 30px 0 10px ;
}

.portfolio-filter li + li {
    margin-left: 20px;
}

.portfolio-filter li a {
    font-size: 12px;
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    position: relative;
}

.portfolio-filter li a:before,
.portfolio-filter li a:after {
   font-size:17px;
   line-height:12px;
   top:0;
   font-weight:400;
}

.portfolio-filter li a:before {
   content:"[";
    left: 0;
	
}

.portfolio-filter li a:after {
   content:"]";
    right: 0;
}

.portfolio-filter li a.active:before,
.portfolio-filter li a:hover:before {
	opacity:1;
	left:-10px;
}
.portfolio-filter li a.active:after,
.portfolio-filter li a:hover:after {
    opacity: 1;
	right:-10px;
}

.portfolio-item {
    margin-bottom: 30px;
    position:relative;
    overflow:hidden;    
}

.portfolio-item img {
    width: 100%;
}

.portfolio-item:before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyNjUyMiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjZWQ1OTIzIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiNkYTJkMjciIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNDFlMjgiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(242,101,34,0.8) 0%, rgba(237,89,35,0.8) 22%, rgba(218,45,39,0.8) 74%, rgba(212,30,40,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,101,34,0.8)), color-stop(22%,rgba(237,89,35,0.8)), color-stop(74%,rgba(218,45,39,0.8)), color-stop(100%,rgba(212,30,40,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(242,101,34,0.8) 0%,rgba(237,89,35,0.8) 22%,rgba(218,45,39,0.8) 74%,rgba(212,30,40,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(242,101,34,0.8) 0%,rgba(237,89,35,0.8) 22%,rgba(218,45,39,0.8) 74%,rgba(212,30,40,0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(242,101,34,0.8) 0%,rgba(237,89,35,0.8) 22%,rgba(218,45,39,0.8) 74%,rgba(212,30,40,0.8) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(242,101,34,0.8) 0%,rgba(237,89,35,0.8) 22%,rgba(218,45,39,0.8) 74%,rgba(212,30,40,0.8) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf26522', endColorstr='#ccd41e28',GradientType=0 ); /* IE6-8 */
}

.portfolio-item:hover:before {
    opacity: 1;
}

.portfolio-overly {
    position: absolute;
    top: 50%;
    left: 0%;
    width: 100%;
    height: 100%;
    color:#fff;
    text-align: center;
    margin-top: -57px;
    -webkit-transform: scale(0) ;
    -moz-transform: scale(0) ;
    -ms-transform: scale(0) ;
    -o-transform: scale(0) ;
    transform: scale(0) ; 
}

.portfolio-item:hover .portfolio-overly {
    -webkit-transform: scale(1) ;
    -moz-transform: scale(1) ;
    -ms-transform: scale(1) ;
    -o-transform: scale(1) ; 
    transform: scale(1) ;
}

.portfolio-overly a i {
    color:#fff;
    font-size: 48px;
    margin-bottom: 20px;
}

.portfolio-overly h4 {
    font-size: 14px;
    margin: 0;
}

.portfolio-overly h3 {
    margin: 0;
    font-weight: 600;
}

/*=========================
 ====Isotope filtering=====
===========================*/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope, .isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    -ms-transition-property:-moz-transform, opacity;
    -o-transition-property:-moz-transform, opacity;
    transition-property:transform, opacity;
}


/* ==========================================================================
    CTA Two
 ========================================================================== */
 #cta-two {
    background-image: url(../images/bg/cta-two.jpg);
    padding: 140px 0 128px;
 }

 #cta-two.overlay-bg:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0MWUyOCIgc3RvcC1vcGFjaXR5PSIwLjgzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2Q0MWUyOCIgc3RvcC1vcGFjaXR5PSIwLjgzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2RhMmQyNyIgc3RvcC1vcGFjaXR5PSIwLjgzIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2YwNjAyMiIgc3RvcC1vcGFjaXR5PSIwLjgzIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg5JSIgc3RvcC1jb2xvcj0iI2YyNjUyMiIgc3RvcC1vcGFjaXR5PSIwLjgzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMjY1MjIiIHN0b3Atb3BhY2l0eT0iMC44MyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(212,30,40,0.83) 0%, rgba(212,30,40,0.83) 42%, rgba(218,45,39,0.83) 54%, rgba(240,96,34,0.83) 84%, rgba(242,101,34,0.83) 89%, rgba(242,101,34,0.83) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(212,30,40,0.83)), color-stop(42%,rgba(212,30,40,0.83)), color-stop(54%,rgba(218,45,39,0.83)), color-stop(84%,rgba(240,96,34,0.83)), color-stop(89%,rgba(242,101,34,0.83)), color-stop(100%,rgba(242,101,34,0.83))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(212,30,40,0.83) 0%,rgba(212,30,40,0.83) 42%,rgba(218,45,39,0.83) 54%,rgba(240,96,34,0.83) 84%,rgba(242,101,34,0.83) 89%,rgba(242,101,34,0.83) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(212,30,40,0.83) 0%,rgba(212,30,40,0.83) 42%,rgba(218,45,39,0.83) 54%,rgba(240,96,34,0.83) 84%,rgba(242,101,34,0.83) 89%,rgba(242,101,34,0.83) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(212,30,40,0.83) 0%,rgba(212,30,40,0.83) 42%,rgba(218,45,39,0.83) 54%,rgba(240,96,34,0.83) 84%,rgba(242,101,34,0.83) 89%,rgba(242,101,34,0.83) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(212,30,40,0.83) 0%,rgba(212,30,40,0.83) 42%,rgba(218,45,39,0.83) 54%,rgba(240,96,34,0.83) 84%,rgba(242,101,34,0.83) 89%,rgba(242,101,34,0.83) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d41e28', endColorstr='#d4f26522',GradientType=1 ); /* IE6-8 */
 }

#cta-two h3,
#cta-two h1 {
    color: #fff;
    text-transform: uppercase;
}

 #cta-two h3 {
    font-size: 23px;
	font-weight:300;
 }

 #cta-two h1 {
    font-weight: 600;
    font-size: 48px;
    margin: 15px 0 41px;
 }

 #cta-two a.btn + a.btn {
    margin-left: 30px;
 }
 
 
 /* ==========================================================================
    Testimonial
 ========================================================================== */
#testimonial {
	background-color:#fff;
 }
#testimonial .carousel-indicators {
	width:100%;
	left:0;
	bottom:0;
	margin-left:0;
	margin-bottom:0;
 }
 
#testimonial .carousel-indicators li, 
#testimonial .carousel-indicators li.active {
	height:auto;
	width:16%;
	margin:0;
	float:left;
	position:relative;
	border:0;
}

#testimonial .carousel-indicators li img{
	opacity:0.7;
	-webkit-filter: grayscale(45%);
	filter: grayscale(45%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

	
 #testimonial .carousel-indicators li:hover img, 
 #testimonial .carousel-indicators li.active img{
	opacity:1;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

#testimonial .item .testimonial {
	max-width:750px;
	display:inline-block;
	margin-bottom:70px;
	padding-top:50px;
	padding-bottom:170px;
}

#testimonial .item i{
	font-size:50px;
	color:#d41e28;
	margin-bottom:50px;
}

#testimonial .item h3{
	text-transform:uppercase;
	display:block;
	color:#000;
	font-weight:600;
}

#testimonial .item h3 span{
	display:block;
	font-size:14px;
	font-weight:400;
	margin-top:5px;
	text-transform:initial;
}

/*=========Carousel Fade==========*/

.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	background-repeat: no-repeat;
	background-size: cover;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}
/* ==========================================================================
    Choose Us 
 ========================================================================== */

#choose-us {
    background-image: url(../images/bg/choose.jpg);
    padding: 30px 0 100px;
}

.feature {
    border:1px solid #fff;
    border-right: none;
    padding: 57px 50px;
    min-height: 335px;
    background: transparent;
    position:relative;
    z-index: 1;
}

#choose-us .col-md-3:last-child .feature  {
    border-right: 1px solid #fff;
}

.feature-image {
    min-height: 110px;
}

.feature-image img {
    vertical-align: bottom;
    margin: 0 auto;
}

.feature h4 {
    font-size: 18px;
    margin: 33px 0 8px;
    font-weight: 700;
}

.feature:before {
    content:"";
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyNjUyMiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjZWQ1OTIzIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiNkYTJkMjciIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNDFlMjgiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(242,101,34,0.8) 0%, rgba(237,89,35,0.8) 22%, rgba(218,45,39,0.8) 74%, rgba(212,30,40,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,101,34,0.8)), color-stop(22%,rgba(237,89,35,0.8)), color-stop(74%,rgba(218,45,39,0.8)), color-stop(100%,rgba(212,30,40,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(242,101,34,0.8) 0%,rgba(237,89,35,0.8) 22%,rgba(218,45,39,0.8) 74%,rgba(212,30,40,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(242,101,34,0.8) 0%,rgba(237,89,35,0.8) 22%,rgba(218,45,39,0.8) 74%,rgba(212,30,40,0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(242,101,34,0.8) 0%,rgba(237,89,35,0.8) 22%,rgba(218,45,39,0.8) 74%,rgba(212,30,40,0.8) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(242,101,34,0.8) 0%,rgba(237,89,35,0.8) 22%,rgba(218,45,39,0.8) 74%,rgba(212,30,40,0.8) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf26522', endColorstr='#ccd41e28',GradientType=0 ); /* IE6-8 */
}

.feature:hover:before {
    opacity: 1;
    z-index: -1;
}


/* ==========================================================================
    Institucional
 ========================================================================== */

#institucional{
    background: #e9eaed;
    padding: 28px 0 100px;
}

#institucional h3 {
	margin:10px 0 20px 0;
}

#institucional img {
    width: 100%;
}

#institucional .about-info {
   padding:25px 15px;
}

.institucional, .servicios {
    background: #fff;
    overflow: hidden;
	line-height:24px;
}

.institucional {
    margin-bottom: 29px;
}
 #institucional-slide {overflow:hidden;}

.servicios {
    padding-left: 15px;
}
.table.cotizacion {font-size:12px;margin-bottom:5px;}
.table.cotizacion > tbody > tr > td {padding:2px 2px;}
.legal{font-size: 10px;}
.fuente{font-size: 11px;text-align:right;padding:0 0 5px 0;color:#333333;font-style: oblique; }
iframe.pizarra{border: none;width: 100%;padding: 0 0 0 0;margin: 0 0 0 0;height: 164px;}
.pizarras { background-color: #fff;color:#000;overflow: hidden;padding:15px 25px;}
.pizarras h5{margin:5px 0 0 0;color:#0072BC;}

.pizarras label {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
}

/* progress-bar */

.skill-progress {
    position: relative;
}

.progress {
    height: 7px;
    margin-bottom: 20px;
    background-color: #e9eaed;
    border-radius: 4px;
    box-shadow: none;
    width: 100%;
    position: relative;
    max-width: 247px;
}

.progress .progress-bar {
  -webkit-transition: width 2s ease-in-out;
  -moz-transition: width 2s ease-in-out;
  -ms-transition: width 2s ease-in-out;
  -o-transition: width 2s ease-in-out;
  transition:  width 2s ease-in-out;
  border-radius: 4px;
}

.skill-title {
    width: 25%;
    float: left;
}

.skill-title span {
    position: absolute;
    top: -9px;
    right: 0;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.progress-bar {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d41e28+0,da2d27+26,ea5223+69,f26522+100 */
    background: rgb(212,30,40); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0MWUyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2RhMmQyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iI2VhNTIyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMjY1MjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(212,30,40,1) 0%, rgba(218,45,39,1) 26%, rgba(234,82,35,1) 69%, rgba(242,101,34,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,30,40,1)), color-stop(26%,rgba(218,45,39,1)), color-stop(69%,rgba(234,82,35,1)), color-stop(100%,rgba(242,101,34,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(212,30,40,1) 0%,rgba(218,45,39,1) 26%,rgba(234,82,35,1) 69%,rgba(242,101,34,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(212,30,40,1) 0%,rgba(218,45,39,1) 26%,rgba(234,82,35,1) 69%,rgba(242,101,34,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(212,30,40,1) 0%,rgba(218,45,39,1) 26%,rgba(234,82,35,1) 69%,rgba(242,101,34,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(212,30,40,1) 0%,rgba(218,45,39,1) 26%,rgba(234,82,35,1) 69%,rgba(242,101,34,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d41e28', endColorstr='#f26522',GradientType=0 ); /* IE6-8 */

}

/* ==========================================================================
    Team Section
 ========================================================================== */

#team-section {
    padding:0;
 }

.team-title {
    background-image: url(../images/bg/team.jpg);
    padding: 72px 0 74px;
    
 }

.member {
    border-top: 1px solid #fff;
    position:relative;
 }

.member-info h4, .member-info h2 {
    font-weight: 600;
    text-transform: uppercase;
    line-height: 18px;
    color:#fff;
}

.member-info h4 {
    margin-bottom: 19px;
}

.member-info {
    color:#fff;
}

.member-info h2 {
    margin-top: 77px;
}

.member-social {
    margin-top: 23px;
}

.member-social i {
    font-size: 18px;
    color:#fff;
    margin-right: 16px;
}

.member-social i:hover {
    color:#000;
}

.member-social i.fa-facebook:hover {
    color: #3A5795;
}

.member-social i.fa-twitter:hover {
    color: #55acee;
}

.member-social i.fa-google-plus:hover {
    color: #A00400;
}

.member-social i.fa-linkedin:hover {
    color: #0274B3;
}

.member:nth-child(2) {
    background:rgb(184,198,209);
}

.member:nth-child(3) {
    background: #B7A68C;
}

.member:nth-child(4) {
    background:#a49e9d;
}

.member:nth-child(5) {
    background:#d1cdc7;
}

.member:nth-child(6) {
    background:#61797d;
}

.member:before {
    content:"";
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: linear-gradient(to right,#d52128,#f16422);
}

.member:hover:before {
    opacity:1;
}

/* ==========================================================================
    Blog
 ========================================================================== */

#blog {
    background:#e9eaed;
    padding: 28px 0 71px;
}

.entry-post {
    background:#fff;
    margin-bottom: 30px;
}

.entry-image {
    position: relative;
}

.entry-image img {
	width: 100%;
}

.entry-image:before,
.single-shot:before,
.instagram-feed a:before {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content:"";
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0MWUyOCIgc3RvcC1vcGFjaXR5PSIwLjgzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2Q0MWUyOCIgc3RvcC1vcGFjaXR5PSIwLjgzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2RhMmQyNyIgc3RvcC1vcGFjaXR5PSIwLjgzIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2YwNjAyMiIgc3RvcC1vcGFjaXR5PSIwLjgzIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg5JSIgc3RvcC1jb2xvcj0iI2YyNjUyMiIgc3RvcC1vcGFjaXR5PSIwLjgzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMjY1MjIiIHN0b3Atb3BhY2l0eT0iMC44MyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(212,30,40,0.83) 0%, rgba(212,30,40,0.83) 42%, rgba(218,45,39,0.83) 54%, rgba(240,96,34,0.83) 84%, rgba(242,101,34,0.83) 89%, rgba(242,101,34,0.83) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(212,30,40,0.83)), color-stop(42%,rgba(212,30,40,0.83)), color-stop(54%,rgba(218,45,39,0.83)), color-stop(84%,rgba(240,96,34,0.83)), color-stop(89%,rgba(242,101,34,0.83)), color-stop(100%,rgba(242,101,34,0.83))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(212,30,40,0.83) 0%,rgba(212,30,40,0.83) 42%,rgba(218,45,39,0.83) 54%,rgba(240,96,34,0.83) 84%,rgba(242,101,34,0.83) 89%,rgba(242,101,34,0.83) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(212,30,40,0.83) 0%,rgba(212,30,40,0.83) 42%,rgba(218,45,39,0.83) 54%,rgba(240,96,34,0.83) 84%,rgba(242,101,34,0.83) 89%,rgba(242,101,34,0.83) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(212,30,40,0.83) 0%,rgba(212,30,40,0.83) 42%,rgba(218,45,39,0.83) 54%,rgba(240,96,34,0.83) 84%,rgba(242,101,34,0.83) 89%,rgba(242,101,34,0.83) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(212,30,40,0.83) 0%,rgba(212,30,40,0.83) 42%,rgba(218,45,39,0.83) 54%,rgba(240,96,34,0.83) 84%,rgba(242,101,34,0.83) 89%,rgba(242,101,34,0.83) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d41e28', endColorstr='#d4f26522',GradientType=1 ); /* IE6-8 */
}

.entry-post:hover .entry-image:before,
.single-shot:hover:before,
.instagram-feed:hover a:before {
    opacity: 1;
}

.entry-content {
    padding: 30px 26px 30px 30px;
    min-height: 265px;
}

.entry-post:hover {
    background: #f5f5f5;
}

h3.entry-title {
    line-height: 30px;
    margin: 1px 0 17px;
}

h3.entry-title, h3.entry-title a {
    font-weight: 600;
    color: #000;
}

.entry-post:hover h3.entry-title,
.entry-post:hover h3.entry-title a {
    color: #d41e28;
}

.entry-meta span, .entry-meta span a {
    font-weight: 600;
    color:#919191;
}

.entry-meta span a {
    margin-right: 7px;
    margin-bottom: 7px;
    display:inline-block;    
}

.entry-meta span a:hover {
    color: #d41e28;
}

/* ==========================================================================
    Dribbble
 ========================================================================== */

#dribbble {
    background-image: url(../images/bg/dribbble.jpg);
    padding: 17px 0 89px;    
}


#dribbble.overlay-bg:before {
    background: rgba(224,58,124,0.9);
}

#dribbble h4 {
    color:#fff;
    line-height:30px;
    font-size: 20px;
    margin: 25px 0 0px;
}

#dribbble .section-title {
    margin-bottom: 57px;
}

.single-shot {
    margin-bottom: 63px;
    position: relative;
    border:10px solid #fff;
}

.single-shot:before,
.single-shot a {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.single-shot:hover:before,
.single-shot:hover a {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.single-shot a {
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    margin: -25px 0 0 -25px;
}

.single-shot img {
    width: 100%;
}

.btn.btn-icon {
	color:#000;
	font-weight:700;
}

.btn.btn-icon:hover {
	color:#fff;
}

.btn i {
	margin-right:5px;
}

/* ==========================================================================
    Price & Plan
 ========================================================================== */
#price-and-plan {
    background: #e9eaed;
    padding: 30px 0 50px;
}

.price {
    background: #fff;
    padding: 36px 30px 73px;
    margin-bottom: 47px;
}

.price h1  {
    font-size: 72px;
    color: #f26522;
}

.price h3 {
    color: #000;
    font-weight: 600;
	text-transform:uppercase;
}

.price span {
    display: block;
    font-weight: 600;
    margin-bottom: 39px;
}

.price a.btn {
    margin-top: 32px;
	padding:10px 25px;
	 color: #fff;
}

.price a.btn:hover {
    color: #fff;
    background: #d41e28;
}

.price.active  {
    background: rgb(242,101,34); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyNjUyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIzJSIgc3RvcC1jb2xvcj0iI2VkNTkyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iI2RhMmQyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNDFlMjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(242,101,34,1) 0%, rgba(237,89,35,1) 23%, rgba(218,45,39,1) 74%, rgba(212,30,40,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,101,34,1)), color-stop(23%,rgba(237,89,35,1)), color-stop(74%,rgba(218,45,39,1)), color-stop(100%,rgba(212,30,40,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(242,101,34,1) 0%,rgba(237,89,35,1) 23%,rgba(218,45,39,1) 74%,rgba(212,30,40,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(242,101,34,1) 0%,rgba(237,89,35,1) 23%,rgba(218,45,39,1) 74%,rgba(212,30,40,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(242,101,34,1) 0%,rgba(237,89,35,1) 23%,rgba(218,45,39,1) 74%,rgba(212,30,40,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(242,101,34,1) 0%,rgba(237,89,35,1) 23%,rgba(218,45,39,1) 74%,rgba(212,30,40,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26522', endColorstr='#d41e28',GradientType=0 ); /* IE6-8 */
    color: #fff;
}

.price.active h1, 
.price.active h3,
.price.active p 
 {
    color: #fff;
}

.price.active a.btn-red {
    background: #fff;
    color: #d41e28;
}



/* ==========================================================================
    Call to Action
 ========================================================================== */
#call-to-action {
    background-image: url(../images/bg/cta.jpg);
    padding: 125px 0 114px;
}

#call-to-action.overlay-bg:before {
    background: rgba(0,166,81,0.5);
}

#call-to-action .lead {
    margin: 24px 0 37px;
}

#call-to-action .btn i {
	margin-right:5px;
}

/* ==========================================================================
    Oprodcutos
 ========================================================================== */

#marcas {
    background:#fff;
    padding: 30px 0 30px;
	text-align:center;
}

#marcas ul li {
   /* = width: 24%; */
   width:16%;
    margin-bottom: 30px;
}

#marcas ul li img {
    -webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display:inline-block;
}

#marcas ul li:hover img {
   -webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.produ{}
.produ h1{margin-top:0;border-bottom: 2px solid #000;
padding-bottom: 10px;}
.descripcion {margin:20px 0;margin: 20px 0;font-weight: 600;font-size: 17px;line-height: 20px;color:#2D3863;}
.produ .btn btn-icon{color:#2D3863}
ul.archivos{margin-top:25px;}
ul.archivos li{font-size: 15px;margin-bottom: 15px;line-height: 18px;}
ul.archivos li i.fa{margin-right:5px;}
ul.archivos li a{ color:#0072BC;padding: 5px 5px;}
ul.archivos li a:hover{background: #0072BC;color:#fff;}

.btn.btn-icon.masinfo {padding: 5px 5px;margin-top:10px;color:#666666}
.btn.btn-icon.masinfo:hover  {color:#E9EAED}
 #producto-slide {overflow:hidden;background:#e9eaed;text-align:center;padding: 30px 30px;
margin-top: 20px;}
 #producto-slide img{width:100%;}
 .breadcrumbs {font-size: 20px;font-weight: 600;text-transform: uppercase;color:#2D3863;}
  .breadcrumbs a{color: #2D3863;}

   .producto {background: #E9EAED;margin-bottom: 30px;
 -webkit-box-shadow: 0px 0px 3px 0px rgba(3,3,3,0.3);-moz-box-shadow: 0px 0px 3px 0px rgba(3,3,3,0.3);box-shadow: 0px 0px 3px 0px rgba(3,3,3,0.3);
 text-align: center;}


.producto:hover {background: #3A5795;opacity: 1;}
.producto:hover h3.entry-title a {color: #E9EAED; text-shadow: rgb(46, 46, 46) 0px 1px 1px;}
.producto h3.entry-title a {color: #2D3863;}
.producto img.marca {width: 60%;display: block;float: none;margin: 0 auto;max-width:100%;}

/* ==========================================================================
    Newsletter
 ========================================================================== */
 #newsletter {
    background-image: url(../images/bg/newsletter.jpg);
    padding: 95px 0 75px;
	color:#fff;
 }

 #newsletter.overlay-bg:before {
    background: rgba(133,96,168,0.8);
 }

 #newsletter h1 {
    font-size: 48px;
    text-transform: uppercase;
    margin: 0 0 10px;
 }

 #newsletter h1 strong {
    font-weight: 700;
 }

 #newsletter form {
    margin-top: 17px;
    text-align: right;
 }

 #newsletter input {
    display: inline-block;
    border: 1px solid #fff;
    max-width: 310px;
    height: 54px;
    margin-right: 20px;
    color: #000000;
    padding: 6px 24px;
 }


#newsletter input::-webkit-input-placeholder {
   color: #000;
}

#newsletter input:-moz-placeholder { /* Firefox 18- */
   color: #000;  
}

#newsletter input::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}

#newsletter input:-ms-input-placeholder {  
   color: #000;  
}

 #newsletter button {
    background: #440e62;
    color: #fff;
    font-size: 18px;
	padding:14px 20px;
    vertical-align: top;
    font-weight: 600;
    border: 1px solid #440e62;
 }

#newsletter button:hover {
    background: #fff;
    color: #440e62;
    border: 1px solid #fff;
}

/* ==========================================================================
    Social Accounts
 ========================================================================== */
 #social-accounts {
    background: #e9eaed;
    padding-bottom: 70px;
 }

.big-social,
.small-social {
    padding: 40px;
    margin-bottom: 30px;
}

.big-social {
    padding-top: 36px;
    min-height: 728px;
}

.big-social h3 {
    color: #fff;
    margin: 0 0 27px;
}

.big-social h3 strong {
    font-weight: 700;
}

.big-social h3 i {
    font-size: 30px;
    margin-right: 17px;
    vertical-align: text-bottom;
}

.tweet {
    clear: both;
    padding: 15px 17px 9px;
    background: #fff;
    margin-bottom: 20px;
}

.tweet h4, 
.tweet h4 a{
    color: #000;
}

.tweet h4 {
    margin: 5px 0 11px;
}

.tweet h4 strong,
.tweet h4 a {
    font-weight: 700;
}

.tweet-image {
    float: left;
    margin-right: 20px;
}

.tweet-image a {
    display: block;
}

.tweet:hover {
    color: #fff;
    background: #008bbf;
}

.tweet:hover h4, 
.tweet:hover a {
    color: #fff;
}

.instagram h4 {
    margin: 31px 0 26px;
}

.instagram a.btn {
    margin-bottom: 10px;
}

.instagram-feed a {
    display: block;
}

.instagram-feed img,
.instagram-feed video {
    width: 100%;
}

.instagram-feed a {
	position: relative;
}

.instagram-feed a:after {
    position: absolute;
    content: "\f00e";
    font-family: 'FontAwesome';
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: -25px 0 0 -25px;
    font-size: 50px;
    text-align: center;
    color: #fff;
}

.instagram-feed a:before,
.instagram-feed a:after {
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.instagram-feed:hover a:before,
.instagram-feed:hover a:after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.small-social, .big-social {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 0;
    background-size: cover;
}

.twitter {
    background-image: url(../images/socials/twitter.jpg);
}

.instagram {
    background-image: url(../images/socials/instagram.jpg);
    color: #fff;
}

.facebook {
    background-image: url(../images/socials/facebook.jpg);
}

.google-plus {
    background-image: url(../images/socials/google-plus.jpg);
}

.behance {
    background-image: url(../images/socials/behance.jpg);
}

.twitter, .instagram, .behance
.facebook, .google-plus{
    background-repeat: no-repeat;
}

.small-social h3,
.small-social h1 {
    color: #fff;
}

.small-social h3 {
    font-family: "MyriadPro Regular";
    margin: 14px 0 0;
}

.small-social h1 {
    font-weight: 700;
    line-height: 34px;
    margin: 0;
}

.small-social a.btn,
.big-social a.btn {
    margin: 21px 0 8px;
    color: #000;
    height: 38px;
    line-height: 38px;
    border-radius: 4px;
    padding: 0 18px;
    font-weight: 700;
}

.small-social a.btn:hover,
.big-social a.btn:hover {
    color: #fff;
}

.big-social.twitter a.btn:hover {
	background-color:#00A2DD;
}

.big-social.instagram a.btn:hover {
	background-color:#517FA4;
}

.small-social.facebook a.btn:hover {
	background-color:#48669A;
}

.small-social.google-plus a.btn:hover {
	background-color:#E13B2B;
}
.small-social.behance a.btn:hover {
	background-color:#000;
}
.instagram img {
	display:inline-block;
}
#instagram-slide {
	overflow:hidden;
}

/* ==========================================================================
    Contact o
 ========================================================================== */
 .text-success {
    color: #3c763d;
    padding: 15px;
    background: #fff;}
#contact {
    padding: 0;
    position: relative;
}

#gmap {
    min-height: 605px;
    z-index: 1;
}

.contacto-formulario{
position:relative;
}

.contacto {
    padding: 0 15px 0;
}

.contacto h1.title {
    margin-left: 30px;
}

.contacto h4 {
    color: #fff;
    padding: 10px 0 15px;
}

.contacto input,
.contacto textarea {
    background: transparent;
    border: none;
    border-bottom: 2px solid #ffffff;
    border-radius: 0;
    color: #fff;
    height: 45px;
}

.contacto textarea {
    min-height: 120px;
    margin-bottom: 45px;
}

.contacto form button {
    font-size: 18px;
    color: #d41e28;
    background: #fff;
    border: 1px solid #fff;
    margin-bottom: 20px;
}



.contacto input:focus,
.contacto textarea:focus {
    border-bottom: 2px solid #ffffff;
}

.contacto input::-webkit-input-placeholder {
   color: #fff;
}

.contacto input:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

.contacto input::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

.contacto input:-ms-input-placeholder {
   color: #fff;  
}

.contacto textarea::-webkit-input-placeholder {
   color: #fff;
}

.contacto textarea:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

.contacto textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

.contacto textarea:-ms-input-placeholder {
   color: #fff;  
}

.contact-form .col-sm-6 {
    z-index: 2;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f26522+0,ee5b23+19,da2d27+74,d41e28+100&0.91+0,0.91+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyNjUyMiIgc3RvcC1vcGFjaXR5PSIwLjkxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iI2VlNWIyMyIgc3RvcC1vcGFjaXR5PSIwLjkxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iI2RhMmQyNyIgc3RvcC1vcGFjaXR5PSIwLjkxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNDFlMjgiIHN0b3Atb3BhY2l0eT0iMC45MSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(242,101,34,0.91) 0%, rgba(238,91,35,0.91) 19%, rgba(218,45,39,0.91) 74%, rgba(212,30,40,0.91) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,101,34,0.91)), color-stop(19%,rgba(238,91,35,0.91)), color-stop(74%,rgba(218,45,39,0.91)), color-stop(100%,rgba(212,30,40,0.91))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(242,101,34,0.91) 0%,rgba(238,91,35,0.91) 19%,rgba(218,45,39,0.91) 74%,rgba(212,30,40,0.91) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(242,101,34,0.91) 0%,rgba(238,91,35,0.91) 19%,rgba(218,45,39,0.91) 74%,rgba(212,30,40,0.91) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(242,101,34,0.91) 0%,rgba(238,91,35,0.91) 19%,rgba(218,45,39,0.91) 74%,rgba(212,30,40,0.91) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(242,101,34,0.91) 0%,rgba(238,91,35,0.91) 19%,rgba(218,45,39,0.91) 74%,rgba(212,30,40,0.91) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f26522', endColorstr='#e8d41e28',GradientType=0 ); /* IE6-8 */
 }

/* ==========================================================================
    Contact Information
 ========================================================================== */
#contacto-index {
    background-image: url(../images/frente.jpg);
    background-color: transparent;
    padding: 50px 0 0;
    z-index: 3;
}

.contact-info {
    margin: 10px 0 40px 0;
}

.contact-info i {
    font-size: 50px;
    color: #fff;
    float: left;
margin-right: 20px;
}
.contact-info p{padding-top:5px;}
.contact-info address{overflow:hidden;}


.contact-info:hover i {
    color: #CCC!IMPORTANT;
}

.contact-info,
.contact-info a {
    font-size: 16px;
    color: #fff!IMPORTANT;
}

.contact-info a:hover {
    text-decoration: underline;
    color: #CCC!IMPORTANT;
}

/* ==========================================================================
 	Footer
 ========================================================================== */
#footer {
    background: #d41e28;
    padding: 15px 0 21px;
    color: #fff;
    font-size: 16px;
}
#footer p{margin:0 0 0 0;}


#footer a {
    color: #fff;
    font-weight: bold;
}

#footer a:hover {
    text-decoration: underline;
}


/* ==========================================================================
 	Extra CSS
 ========================================================================== */
/*PopUp fade effect*/
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

 /* scroll to top */
#scrollUp {
	bottom: 20px;
	right: 20px;
	height: 38px; 
	width: 38px; 
	background-image: url(../images/top.png);
	background-repeat:no-repeat;
	background-color: #d41e28;
	text-indent:-99999px;
}

/* transition */
button, input, textarea, .contact-info i,
.navbar-nav > li > a:before,
.navbar-nav > li > a:after, 
.entry-image:before, .price, .price:hover,
#our-clients ul li img, .nav-tabs li a i,
.nav-tabs li a, .feature:before, .feature:hover, 
.tweet, .tweet h4, .tweet p, .member-social i,
.entry-content, .entry-post, .social li a i, .member,
.portfolio-filter li a:before, .single-shot:before,
.portfolio-filter li a:after, .instagram-feed a:before,
.instagram-feed a:after, .servicio i, .servicio-text,
 .servicio-image:before, .member:before,
.portfolio-overly, .portfolio-item:before,.producto {
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}










/*========================
=======style-chooser======
==========================*/

.style-chooser {
	width: 140px;
	left: -140px;
	position: fixed;
	top: 50%;
	margin-top:-121px;
	z-index: 99999;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.style-chooser.opened {
	left: 0;
}

.style-chooser .toggler {
	position: absolute;
	top: 0;
	right: -48px;
	display: inline-block;
	background-color: #ddd;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 24px;
	color: #333;
}

.style-chooser-inner {
	position: relative;
	background-color: #ddd;
	padding: 15px;
}

.style-chooser-inner h4 {
	margin: 0 0 10px;
	text-transform: uppercase;
	font-size: 13px;
}

.style-chooser-inner ul {
	list-style: none;
	padding: 0;
	margin: -5px;
}

.style-chooser-inner ul li {
	display: block;
	width: 58px;
	float: left;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.style-chooser-inner ul li a {
	display: block;
	height: 40px;
}

.style-chooser-inner ul li.preset1 a {
	background-color: #d41e28;
}

.style-chooser-inner ul li.preset2 a {
	background-color: #00a651;
}

.style-chooser-inner ul li.preset3 a {
	background-color: #0072bc;
}

.style-chooser-inner ul li.preset4 a {
  background: #c49a6c;
}

.style-chooser-inner ul li.preset5 a {
  background: #27c9dd;
}

.style-chooser-inner ul li.preset6 a {
  background: #92278f;
}