/*
Theme Name: sitio McRedes
Theme URI:http://mcredes.cl/proyectos/sitiomcredes/
Description: sitio McRedes
Version: 1.0
Author: 
*/


body {width: 100%;height: auto;font-family: 'Futura Lt BT Light'!important;font-weight: 300;color: #666;background-color: #fff;font-size: 16px;line-height: 1.6em;font-weight: 400;overflow-x: hidden;}
html {width: 100%;height: 100%;}
h1 {font-size: 38px}
h2 {font-size: 36px}
h3 {font-size: 32px}
h4 {font-size: 28px !important;}
h5 {font-size: 24px !important;}
h6 {font-size: 20px !important;}

h1,
h2,
h3,
h4,
h5,
h6 {margin: 0 0 30px;font-family: 'Futura Md BT Medium' !important;font-weight: 400;color: #111;}

h1.h-xlight,h2.h-xlight,h3.h-xlight ,h4.h-xlight ,h5.h-xlight ,h6.h-xlight  {font-weight: 200;}
h1.h-light,h2.h-light,h3.h-light ,h4.h-light ,h5.h-light ,h6.h-light  {font-weight: 300;}
h1.h-bold,h2.h-bold,h3.h-bold ,h4.h-bold ,h5.h-bold ,h6.h-bold  {font-weight: 600;}
h1.font-light,h2.font-light,h3.font-light,h4.font-light,h5.font-light,h6.font-light {color: #fff;}

.big-heading {font-size: 48px;font-weight: 700;}
p {margin: 0 0 20px;}
p.lead {font-weight: 600;}
.highlight-light {background-color: rgba(255,255,255,.5);padding: 20px;display: inline-block;color: #111;}
.highlight-dark {background-color: rgba(0,0,0,.5);padding: 20px;display: inline-block;color: #fff;}
.highlight-color {padding: 20px;display: inline-block;}
a {color: #666;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a:hover, a:focus {text-decoration: none;}
blockquote {padding: 10px 20px;margin: 0 0 20px;font-size: 24px;line-height: 1.5em;font-weight: 300;color: #999;}
blockquote.bg-light {background-color: rgba(255,255,255,.8);padding: 20px;color: #222;}
blockquote.bg-dark {background-color: rgba(0,0,0,.8);padding: 20px;}
blockquote strong {font-weight: 700;}
.light {font-weight: 400;}


#margen {
    width: 96%;
    margin: 0px 2%;
}
/* --- logo --- */
.site-logo {margin-top: 10px;}
.site-logo a.brand {color: #111;text-transform: uppercase;font-size: 32px;font-family: 'Roboto', sans-serif;font-weight: 900;margin-top: 20px;}
/* ------- Navigation ------------ */
#navigation {background: #fff;z-index: 9999;width:100%;box-sizing:border-box;border-bottom: 1px solid #eee;box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1);}
.navbar {margin-bottom: 0;}
.navbar-brand {font-weight: 700;}
.navbar-brand:focus {outline: 0;}
.nav.navbar-nav {background-color: rgba(255,255,255,.6);margin-top: 15px;}
.navbar-custom.top-nav-collapse .nav.navbar-nav {background-color: rgba(0,0,0,0);}
.navbar-custom ul.nav li a {font-size: 12px;letter-spacing: 1px;color: #444;text-transform: uppercase;font-weight: 700;font-family: 'century_gothicregular';}
.navbar-custom.top-nav-collapse ul.nav li a {-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;color: #fff;}
.navbar-custom ul.nav ul.dropdown-menu {border-radius: 0;	margin-top: 21px;border-top: none;}

.navbar-custom ul.nav li a:hover ul.dropdown-menu {
	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.navbar-custom ul.nav ul.dropdown-menu li {border-bottom: 1px solid #f5f5f5;}
.navbar-custom ul.nav ul.dropdown-menu li:last-child{border-bottom: none;}
.navbar-custom ul.nav ul.dropdown-menu li a {padding: 10px 20px;}
.navbar-custom ul.nav ul.dropdown-menu li a:hover {background: #fefefe;}
.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {color: #666;}
.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    background-color: rgba(255,255,255,.2);
}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    background-color: rgba(255,255,255,.2);
}

.navbar-toggle {
    padding: 4px 6px;
    font-size: 14px;
    color: #fff;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}

.navbar-custom ul.nav li a:hover{border-bottom: solid 3px #ddd;}
/* misc */
hr {margin-top: 10px;}
hr.bold {border-top: 3px solid #eee;}
.divider-header {display: block;width: 40px;height: 2px;margin: 0 auto;margin-bottom: 10px;}
.divider-short {display: block;width: 60px;height: 5px;margin: 0 auto;margin-bottom: 10px;}

/* margins */
.marginbot-0{margin-bottom:0 !important;}
.marginbot-10{margin-bottom:10px !important;}
.marginbot-20{margin-bottom:20px !important;}
.marginbot-30{margin-bottom:30px !important;}
.marginbot-40{margin-bottom:40px !important;}
.marginbot-50{margin-bottom:50px !important;}
.marginbot-60{margin-bottom:60px !important;}
.marginbot-70{margin-bottom:70px !important;}
.marginbot-80{margin-bottom:80px !important;}
.marginbot-90{margin-bottom:90px !important;}
.marginbot-100{margin-bottom:100px !important;}

.margintop-0{margin-top:0 !important;}
.margintop-10{margin-top:10px !important;}
.margintop-20{margin-top:20px !important;}
.margintop-30{margin-top:30px !important;}
.margintop-40{margin-top:40px !important;}
.margintop-45{margin-top:45px !important;}
.margintop-50{margin-top:50px !important;}

.redes-sociales {
    float: right;
    margin-top: 11px;
}
/* ===========================
--- General sections
============================ */

.home-section {padding-bottom: 110display:block;position:relative;z-index:120;}
.inner-section {padding-top: 110px;padding-bottom: 110px;}
.home-section.nopadd-bot {padding-bottom: 0;}
.section-heading h2 {font-size: 24px;letter-spacing: 1px;text-transform: none;margin-bottom: 10px;margin-top: 8px;}
.section-heading p {font-weight: 300;font-size: 20px;line-height: 1.6em;}
.color-dark .section-heading h2 {color: #fff;}
.btn-contact p {color: #fff;}
.color-dark .divider-short {background: #666;}
.color-dark .divider-header {background: #666;}
.color-light .divider-short {background: #666;}
.color-light .divider-header {background: #666;}
.color-light .section-heading h2 {color: #fff;}
.color-light .section-heading p {color: #fefefe;}
.color-light blockquote,.color-light p {color: #fefefe;}
/* --- section bg var --- */
.bg-white {background: #f9f9f9;width: 96%;margin: 0px 2%;float: left;}
.bg-gray {background: #f9f9f9;float: left;}
div#menu {
    position: relative;
    z-index: 1;
}
section#contact {
    background: #ffffff;
    width: 96%;
    margin: 0px 2%;
    float: left;
    position: relative;
    z-index: -1;
}
.bg-dark {background: #404040;}
/* --- section color var --- */
.text-light {color: #fff;}
.btn-enviar {background-color: #11334e;width: 100%;position: relative;outline: none;color: #fff;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;text-shadow: 0 0 1px rgba(255,255,255,0.3);display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;}
div#fondo-contacto {
    background: #385a75;
    padding-top: 103px;
    padding-bottom: 103px;
}
div#fondo-formulario {
    background: #f0f0f0;padding-top: 0px;
}
p.titulo-contacto {
    color: #fff;
    margin: 0px 0px 4px 0px;
    text-align: left;font-size: 17px;font-family: 'Futura Md BT Medium' !important;
}
p.text-contacto {
    color: #fff;
    margin: 0px 0px 25px 0px;
    text-align: left;font-size: 15px;
}
 div#section-vision h2{color: #323449;}
 div#section-mision h2{color: #323449;}
/* ===========================
--- Intro
============================ */

/*.hero { background: url(img/hero-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 200px 0 200px 0; height: auto; }*/
.hero {
    background: url(img/hero-bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 90px 0 83px 0;
    height: auto;
    width: 96%;
    margin: 0px 2%;
    float: left;
}
.hero h1 {
    font-size: 47px;
    letter-spacing: 1px;
    margin: 25px 0 10px;
    font-weight: 900;
    color: #fff;
    text-shadow: 5px 5px 5px #2e2e2e;
}
.hero h1 span { color: #a1a9b0; display: inline-block; }
.hero p { font-size: 24px; font-weight: 400; color: #fefefe; }
.learn-more-btn {
    padding: 20px 40px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    display: inline-block;
    -moz-box-shadow: 0px 3px 0px 0px #309383;
    margin: 60px 0 0;
}
img.abajo {
    width: 40%;
}



.intro {
	width:100%;
	position:relative;
	padding:0;
}
.intro-inner {
	width:100%;
	position:relative;
	padding:120px 0 20px;
}

.brand-heading {
    font-size: 40px;
}

.intro-text {
    font-size: 18px;
}


/* Carousel Styles */

.carousel-inner img {
    width: 100%;
    max-height: 650px;
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.carousel-control.left span {
	padding: 0;
}

.carousel-control.right span {
	padding: 0;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 30px;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 30px;
}



.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

.carousel-inner > .item {
  margin-left:0;
  margin-top:0;
  margin-bottom:0;
  padding-left: 0;
  width: 100%;
  height: auto;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left:0;
  padding-left: 0;
}


/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.header-text h2 {
    font-size: 40px;
}

.header-text h2 span {padding: 10px;color: #fff;text-transform: uppercase;}
.header-text h3 span {color: #fff;}
.btn-min-block {min-width: 170px;line-height: 26px;}
.btn-theme {color: #fff;background-color: transparent;border: 2px solid #fff;margin-right: 15px;}
.btn-theme:hover {color: #000;background-color: #fff;border-color: #fff;}

/* ===========================
--- About
============================ */

/* ===========================
--- Services
============================ */
.service-box {background: #fff;border-bottom: 2px solid #f7f7f7;padding: 40px 20px;}
/*
.service-box:hover {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	margin-top: -20px;
}*/
.service-icon {margin-bottom: 20px;}	
.service-desc h5 {text-transform: uppercase;font-weight: 700;color: #666;font-size: 18px;margin-bottom: 10px;}
.service-desc .divider-header {margin-bottom: 30px;}
/* ===========================
--- Works
============================ */
#owl-works {}
.item {margin: 10px;}
.item img {display: block;width: 100%;height: auto;}	
/* ===========================
--- Contact
============================ */
.form-group {margin-bottom: 20px;}
form#contact-form .form-group label {text-align: left !important;display: block;text-transform: uppercase;font-size: 16px;}
form#contact-form input,form#contact-form select,form#contact-form textarea {font-size: 14px;line-height: 1.6em;border: 1px solid #eee;-webkit-box-shadow: none;box-shadow:  none;border-radius: 2px;}

.btn-lg,
.btn-group-lg > .btn {border-radius: 2px;}

form#contact-form input:focus,form#contact-form select:focus,form#contact-form textarea:focus {-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);box-shadow: 0 1px 2px rgba(0, 0, 0, .05);}
.input-group-addon {background-color: #fefefe;border: 1px solid #eee;}
.widget-contact {text-align: left;}
/* ===========================
--- Bottom
============================ */
.boxcol-25 {width: 100%;}
.box-social {list-style: none;}
.box-social li {width: 25%;float: left;}
.box-social .social-facebook a { display: block;background: #3873ae;}

/* ==== Sidebar ==== */
.sidebar .widget h5 {font-size: 18px;font-weight: 700;margin-bottom: 20px;text-transform: uppercase;}
.sidebar .widget {margin-bottom: 50px;}

.widget ul {list-style: none;margin-left:0;padding-left:0;}
.sidebar .widget ul li {margin-left:0;padding-left:0;margin-bottom: 10px;}
.sidebar .widget ul li a {color: #666;}
.widget.widget_categories ul li:before {display: inline-block;font-family: 'Pe-icon-7-stroke';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;/* Better Font Rendering =========== */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\e684";margin-right: 10px;}
.hero-1 {padding: 70px 0 83px 0;height: auto;width: 96%;margin: 0px 2%;float: left;}

.widget.widget_recent_post ul li figure {float: left;margin: 0 20px 0 0;}
.widget.widget_recent_post ul li {margin-bottom: 25px;}
.widget.widget_recent_post ul li:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.widget.widget_recent_post ul li h6 {margin-bottom: 10px;}
.widget.widget_recent_post ul li span {font-size: 14px;}
.widget .tagcloud a {padding: 4px 10px;color: #fff;display:inline-block;margin: 0 10px 10px 0;font-size: 14px;border-radius: 2px;}
.widget .tagcloud a:hover {color: #fff;background: #333;}
/* --- widget --- */

form.search-form input {font-size: 18px;line-height: 1.6em;border: 1px solid #eee;-webkit-box-shadow: none;box-shadow:  none;border-radius: 2px;}

form.search-form input:focus {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

/* ===========================
--- Footer
============================ */

footer {background-color: #404040;}
footer {text-align: center;padding: 30px 0 10px 0;float: left;width: 96%;margin: 0px 2%;}
footer p {color: #f8f8f8;font-size: 14px;text-align: left;padding: 0px 15px;}
footer a.totop {color: #fff;margin-bottom: 30px;}
footer a.totop:focus {outline: 0;}
/* menu */
ul.footer-menu {list-style: none;float: right;}
ul.footer-menu li {float: left;margin: 0 0 0 10px;}
ul.footer-menu li a {color: #fff;font-size: 16px;padding-left: 9px;line-height: 1.1em;}
ul.footer-menu li:first-child a {border-left: none;padding-left: 0;}
.social-widget {margin-top: 20px;margin-bottom: 30px;}
.social-widget ul li a:hover {color: #fff;}
footer .social-widget ul.team-social li a {margin: 0 5px;}
/* === testimonial slide === */
.testimonialslide {margin-top:0;padding-top: 0;}
.testimonialslide ul li blockquote {color: #fff;border-left: none;}
.testimonialslide ul li h4 {color: #fff;font-weight: 900;}
.testimonialslide ul li h4 span {color: #fff;font-weight: 400;}
/* --- button --- */
.btn {border-radius: 2px;position: relative;display: inline-block;outline: none;color: #fff;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;font-weight: 400;	text-shadow: 0 0 1px rgba(255,255,255,0.3);font-size: 14px;}
.btn.btn-noradius {border-radius: 0;}
a.btn:focus{outline: 0;}
.btn-red {color: #fff;background-color: #c83539;border-color: #c83539;}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {color: #fff;background-color: #666;border-color: #666;}
.btn-red:active {background-image: none;}
.btn-skin:hover, .btn-skin:focus, .btn-skin:active, .btn-skin.active {color: #fff;background-color: rgba(35, 93, 139, 0.86);border-color: #235d8b;}
.btn-default:hover,
.btn-default:focus {border: 1px solid #28c3ab;outline: 0;color: #000;background-color: #28c3ab;}
.btn-huge {padding: 25px;font-size: 26px;}
.banner-social-buttons { margin-top: 0;}
/* --- progress --- */
.progress {height: 40px;}
.progress-bar {font-size: 14px;line-height: 40px;}
/*div.enfoque {width: 84%;margin: 21px 8%;}*/
div.enfoque {width: 90%;margin: 21px 5%;}
p.fuente-16 {font-size: 16px;}
.seccion-trabajo {width: 60%;float: left;}
.seccion-enfoque {width: 40%;float: left;}
div#enviar {float: right;padding: 0px;margin: 5px 0px 15px 0px;}
h2#titulo {float: left;font-size: 18px;color: #3e3e3e;}
input#name,input#telefono, input#email, input#empresa {height: 40px;}
textarea#message {height: 70px;}
div#direccion {padding: 0px;margin: 15px 0px;float: left; }
div#portada {margin: 0px;padding: 0px;position: relative;}
img.img-portada {width: 100%;float: left;}
.centro {border: solid 2px #385a75;width: 20%;margin: -32px 40% 0px 40%;padding: 9px;float: left;background: #fff;font-weight: bold;font-size: 17px;}
div#section-mision, div#section-vision {margin-bottom: 15px;}
h2.titulo-nosotros {font-size: 18px;margin: 30px 0px;}
p.descrip {width: 30%;float: left;margin: 30px 35%;font-size: 15px;}
p.text-nosotros {font-size: 16px;width: 80%;margin: 5px 10% 30px 10%;float: left;}
/*.home-about {padding-top: 165px;padding-bottom: 110px; display: block; position: relative; z-index: 120; }*/
.home-about {padding-top: 50px;padding-bottom: 30px;display: block;position: relative;z-index: 120;}

.section-heading.text-center {background: #eeeeee;float: left;min-height: 200px;}
a.btn.btn-skin.btn-scroll.btn-contact {padding: 15px;}
/*Estilos Base*/
.contenedor-img {width: 100%;/*height: 300px;*/height: 232px;float: left;overflow: hidden;position: relative;text-align: center;cursor: default;background: #fff;}
    .contenedor-img .mascara,.contenedor-img .contenido {width: 100%;height: 100%;position: absolute;overflow: hidden;left: 0;top: 0;}

    .contenedor-img img {display: block;position: relative;}
    .contenedor-img h2 {text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 17px;padding: 10px;margin: 0;}
.contenedor-img p {font-size: 15px;position: relative;color: #fff;text-align: center;width: 80%;margin: 38% 10%;}
    .contenedor-img a.link {display: inline-block;text-decoration: none;padding: 7px 14px;background: #222;color: #fff;text-transform: uppercase;box-shadow: 0 0 1px #000}
        .contenedor-img a.link:hover {box-shadow: 0 0 5px #000}
     
     h3#area {text-transform: uppercase;color: #ffffff;text-align: center;position: relative;font-size: 17px;} 
     h3.area-1 {text-transform: uppercase;color: #ffffff;text-align: center;position: relative;font-size: 17px;padding: 10px;margin: 0;background: #ff3401;float: left;width: 100%;}
     h3.area-2 {text-transform: uppercase;color: #ffffff;text-align: center;position: relative;font-size: 17px;padding: 18px;margin: 0;background: #021c01;float: left;width: 100%;}
     h3.area-3 {text-transform: uppercase;color: #ffffff;text-align: center;position: relative;font-size: 17px;padding: 18px;margin: 0;background: #015584;float: left;width: 100%;}

    .contenedor-img h3#area {text-transform: uppercase;color: #ffffff;text-align: center;position: relative;font-size: 17px;} 
 	.contenedor-img h3.area-1 {padding: 10px;margin: 0;margin-top: -67px;background: #ff3401;} 
	.contenedor-img h3.area-2 {padding: 18px;margin: 0;margin-top: -67px;background: #021c01;}
	.contenedor-img h3.area-3 {padding: 18px;margin: 0;margin-top: -67px;background: #015584;}


/*Ejemplo 1*/
.ejemplo-1 img { transition: all 0.2s linear;width: 100%;}
.ejemplo-1 .mascara {opacity: 0;background-color: rgba(255, 52, 1, 0.6);transition: all 0.3s ease-in-out;}
.ejemplo-1 .mascara-1 {opacity: 0;background-color: rgba(2, 28, 1, 0.6);transition: all 0.3s ease-in-out;}
.ejemplo-1 .mascara {opacity: 0;background-color: rgba(255, 52, 1, 0.6);transition: all 0.3s ease-in-out;}
    .ejemplo-1 p {transform: translateX(-200px);opacity: 0;transition: all 0.7s ease-in-out;}
    .ejemplo-1 p { transform: translateX(200px);opacity: 0;transition: all 0.4s linear;}
    .ejemplo-1 a.link{opacity: 0;transition: all 0.4s ease-in-out;transform: translateY(100px)}
    .ejemplo-1:hover img { transform: scale(1.1);} 
    .ejemplo-1:hover .mascara { opacity: 1;}
    .ejemplo-1:hover h2,
    .ejemplo-1:hover p,
    .ejemplo-1:hover a.link {opacity: 1;transform: translateX(0px);}
    .ejemplo-1:hover p {transition-delay: 0.1s;}
    .ejemplo-1:hover a.link {transition-delay: 0.2s;transform: translateY(0px);}
.navbar {position: relative;min-height: 50px;margin-bottom: 0px !important;border: 1px solid transparent;}
div#navigation-sticky-wrapper {height: 106px !important;}
div#sin-margen {padding: 0px;}
div.flecha {width: 8%;height: 52px;float: right;margin: 10px 0px 7px 0px;background: url(http://mcredes.cl/proyectos/sitiomcredes/wp-content/themes/redes/img/flecha.png) no-repeat;background-size: 42px;}

@media(max-width:1920px) {
  /*div.flecha {margin: 20px 0px 20px 0px !important;}*/
  div.flecha {margin: 0px 0px 16px 0px !important;}
}

@media(min-width:1400px) {
.hovereffect img {height: 300px;width: 100%;}
}

@media(max-width:1400px) {
  .hovereffect img {height: 300px;width: 100%;}
  /*div.flecha {margin: 9px 0px 9px 0px !important;}*/
  div.flecha {margin: -6px 0px 0px 0px !important;}
  div#web {padding: 0px 9px;}
}

@media (max-width: 1200px){
  .hovereffect img {height: 270px;width: 100%;}
    a.btn.btn-skin.btn-scroll.btn-contact {padding: 3px;}
    div.flecha {margin: 0px 0px -1px 0px !important;}
    div.enfoque {width: 92%;margin: 21px 4% 0px 4%;}
}

@media(max-width:1280px) {
  .hovereffect h3 { padding: 10px 3px !important;}
  div#web {padding: 0px 7px;}
}

@media(max-width:1024px) {
  .seccion-enfoque {width: 100%;float: left;}
  .seccion-trabajo {width: 100%;float: left;margin-top: 15px;}
  .hovereffect img {height: 340px;width: 100%;}
}

/* Media queries */
@media(min-width:767px) {
  .navbar {padding: 10px 0;border-bottom: 0;letter-spacing: 1px;background: 0 0;-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;transition: background .5s ease-in-out,padding .5s ease-in-out;}
  .top-nav-collapse {padding: 0;background-color: #000;}
  .navbar-custom.top-nav-collapse {border-bottom: 1px solid rgba(255,255,255,.3);}
  .intro {height: 100%;padding: 0;}
  .brand-heading {font-size: 100px;}
  .intro-text {font-size: 25px;}
  .redes-sociales {float: left;}
    
}
@media (max-width:991px) {
	#navigation {padding: 20px 0;}
	.site-logo{/*margin: 0 0 0 30px;*/margin: 0px;float:none;}
	.navbar-custom ul.nav ul.dropdown-menu li {border-bottom: 1px solid #aaa;}
	.navbar-header {/*margin-top:-40px;padding*/}
	.navbar-header button {}
	/*.navbar-header button.navbar-toggle {padding: 4px 15px;font-size: 25px;color: #235d8b;}*/
  .navbar-header button.navbar-toggle {padding: 4px 0px 0px 15px;font-size: 25px;color: #235d8b;margin: 14px 0px 0px 15px;}
	.navbar-custom .nav {background: #f8f8f8;}
	.service-box {margin-bottom: 50px;}
	.team-wrap {margin-bottom: 30px;}
	form#contact-form {margin-bottom: 50px;}
	.xs-marginbot-20 {margin-bottom: 20px;}


  div#web {margin: 5px 0px;padding: 0px 5px;}
  div.flecha {width: 7%;height: 60px;float: right;margin: 10px 46% 18px 47% !important;background: url(http://mcredes.cl/proyectos/sitiomcredes/wp-content/uploads/2016/07/flecha-1.png) no-repeat;text-align: center;background-size: 60px;}
    footer p {color: #f8f8f8;font-size: 17px;text-align: center;}
    ul.footer-menu {list-style: none;float: right;width: 14%;padding: 0px;margin: 0px 43%;}
    .hovereffect h2 {font-size: 15px !important;}
}

@media (max-width:800px) {
  .hovereffect h3 {font-size: 13px !important;padding: 14px 0px !important;}
  .hovereffect h2 {font-size: 13px !important;padding: 14px 0px !important;}
  .hovereffect img {height: 300px;width: 100%;}
}

@media (max-width:767px) {
  .navbar-custom ul.nav li a {color: #1e5683;text-align: right;border-bottom: solid 1px rgba(169, 169, 169, 0.53);padding: 13px 0px;margin: 0px 5%;font-weight: bold;font-family: 'Futura Md BT Medium' !important;}
    .redes-sociales a {float: right;width: 90%;margin-top: 11px;text-align: right;border-bottom: solid 1px rgba(169, 169, 169, 0.53);padding: 7px 0px;margin: 0px 5%;}
  .redes-sociales {float: right;width: 100%;}
  div#sin-margen {padding: 0px;}
  div.flecha {width: 10%;height: 60px;float: right;margin: 10px 43% 18px 43%;background: url(http://mcredes.cl/proyectos/sitiomcredes/wp-content/uploads/2016/07/flecha-1.png) no-repeat;text-align: center;background-size: 60px;}
    ul.footer-menu {list-style: none;float: right;width: 20%;padding: 0px;margin: 0px 38%;}
    p.descrip {width: 40%;float: left;margin: 30px 30%;}
    p.titulo-contacto,p.text-contacto {text-align: center !important;}
    li.social {
    -moz-osx-font-smoothing: grayscale;
    /* font-size: 2em; */
    text-indent: 104px;
    background-image: url(http://www.mcredes.com/wp-content/uploads/2016/08/ico-face.png) !important;
    background-repeat: no-repeat !important;
    margin-left: 3px !important;
    width: 100% !important;
    top: 5px !important;
    background-size: 10% !important;
    background-position: 94% 20%!important; }
    .navbar-collapse.in {
    overflow-y: visible !important;}
    li.social a {
    border-bottom: solid 1px #fff !important;text-indent: 100%;
    white-space: nowrap;
    overflow:hidden;}
}

@media (max-width:767px) {
  .centro {width: 40%;margin: 15px 30% 0px 30%;}
  
}
@media (max-width: 690px){
  .hovereffect img {height: 260px;width: 100%;}
}
@media (max-width: 640px){
  .hovereffect img {height: 250px;width: 100%;}
}

@media (max-width:600px) {
  /*a.brand img {width: 70%;margin: 0px;}*/
  a.brand img {width: 85%;margin: 0px;}
  #navigation {padding: 5px 0;}
  div#web {width: 50%;margin: 15px 25%;}
  .hovereffect h3 {font-size: 17px;}
  .site-logo {margin: 6px 0px 0px 0px;float: none;width: 100%;}
  .centro {width: 50%;margin: 20px 25% 0px 25%;}
  ul.footer-menu {list-style: none;float: right;width: 34%;padding: 0px;margin: 0px 25%;}
  .hovereffect img {height: 310px;width: 100%;}

}


@media (max-width:540px) {
div.flecha {width: 14%;height: 60px;float: right;margin: 10px 43% 18px 43%;background: url(http://mcredes.cl/proyectos/sitiomcredes/wp-content/uploads/2016/07/flecha-1.png) no-repeat;text-align: center;background-size: 55px;}
}


@media (max-width:480px) {
	.navbar.navbar-custom.navbar-fixed-top {margin-bottom: 30px;}
  .hero p {font-size: 20px;}
  .hero h1 {font-size: 25px;}
  .learn-more-btn {margin: 10px 0 0;}
  ul.footer-menu {width: 36%;margin: 0px 25%;}
  .hovereffect img {height: 270px;width: 100%;}

}

@media (max-width:470px) {
  div#web {width: 70%;margin: 15px 15%;}
  .centro {width: 60%;margin: 20px 20% 0px 20%;}
  .hovereffect img {height: 310px;width: 100%;}
}


@media (max-width:430px) {
  ul.footer-menu {width: 36%;margin: 0px 29%;}
}

@media (max-width: 375px){
  .hovereffect img {height: 300px;width: 100%;}
}

.hovereffect {width:100%;height:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;}
/*.hovereffect .overlay {width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;opacity:0;background-color:rgba(0,0,0,0.5);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}*/
.hovereffect img {display:block;position:relative;-webkit-transition:all .4s linear;transition:all .4s linear;}
.hovereffect h2 {text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 17px;background: rgba(0,0,0,0.6);/* -webkit-transform: translatey(-100px); */-ms-transform: translatey(-100px);/* transform: translatey(-100px); *//* -webkit-transition: all .2s ease-in-out; *//* transition: all .2s ease-in-out; */padding: 10px;bottom: 0px;margin: 0px;}
.hovereffect h3 {text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 15px;background: rgba(255, 51, 0, 0.94);/* -webkit-transform: translatey(-100px); */-ms-transform: translatey(-100px);/* transform: translatey(-100px); *//* -webkit-transition: all .2s ease-in-out; *//* transition: all .2s ease-in-out; */padding: 10px;bottom: 0px;margin: 0px;}
/*.hovereffect h2 {text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:17px;background:rgba(0,0,0,0.6);-webkit-transform:translatey(-100px);-ms-transform:translatey(-100px);transform:translatey(-100px);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding:10px;}*/

.hovereffect a.info {text-shadow: 2px 3px 2px #0a0a0a;text-decoration: none;display: inline-block;/* text-transform: uppercase; */color: #fff;/* border: 1px solid #fff; */background-color: transparent;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;margin: 120px 0 0;padding: 7px 20px;font-size: 17px;font-family: 'Futura Md BT Medium' !important;}

/*.hovereffect a.info {text-decoration:none;display:inline-block;text-transform:uppercase;color:#fff;border:1px solid #fff;background-color:transparent;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin:50px 0 0;padding:7px 14px;}*/
/*.hovereffect a.info:hover {box-shadow:0 0 5px #fff;}*/
.hovereffect:hover img {-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
.hovereffect:hover h2,.hovereffect:hover a.info {opacity:1;filter:alpha(opacity=100);-ms-transform:translatey(0);-webkit-transform:translatey(0);transform:translatey(0);}
.hovereffect:hover a.info {-webkit-transition-delay:.2s;transition-delay:.2s;}
/* UNO */
.hovereffect .overlay-1 {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;opacity: 0;background-color: rgba(254, 74, 0, 0.7);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.hovereffect:hover .overlay-1 {opacity:1;filter:alpha(opacity=100);}

/* DOS */
.hovereffect .overlay-2 {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;opacity: 0;    background-color: rgba(7, 115, 63, 0.7);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.hovereffect:hover .overlay-2 {opacity:1;filter:alpha(opacity=100);}
h2.verde {background: #011e00;}
/* TRES */
.hovereffect .overlay-3 {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;opacity: 0;background-color:rgba(0, 166, 214, 0.8);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.hovereffect:hover .overlay-3 {opacity:1;filter:alpha(opacity=100);}
h2.azul {background: #015584;}
a:hover, a:focus {
    color: #2a6496;
    text-decoration: none !important;
}

li.social {-moz-osx-font-smoothing: grayscale;/* font-size: 2em; */text-indent: -9999px;background-image: url(http://www.mcredes.com/wp-content/uploads/2016/08/ico-face.png) !important;background-repeat: no-repeat !important;margin-left: 3px !important;width: 50px;top: 5px;background-size: 71%;}
.input-lg, .form-horizontal .form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 13px !important;
    line-height: 1.33;
    border-radius: 6px;
}