@charset "UTF-8";
/* Jorge Sáez Montoya - Sitios Web - CSS
* MAZ Soluciones Laborales
*Ver 1.2019
*10/2019
*Jorge Andrés Sáez Montoya
*/

body {background:#fff; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;}

.item-right {color: #008dff;}
.icon-menu {color:#0093dd;}

.seccion {
  background: #6f9bd7 url(img/maz-pat.png) top left repeat;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  padding: 45px 0;
  margin-top:115px;
  overflow:hidden;}

.seccion h2 {
  font-family: "Roboto", sans-serif;
  color:#fff;
  text-align:center;}

.botm-line, .botm-line-p {
  height: 3px;
  width: 80px;
  background: #0093dd;
  position: relative;
  border: 0;
  margin: 17px 0 17px 0;}

.botm-line-p {
  margin: 3px 0 3px 0;
  margin-left:0px;}

.botm-line-box {
  height: 3px;
  width: 110px;
  background: #0093dd;
  position: relative;
  border: 0;
  margin: 20px auto 20px auto;}

.img-border-concept {
 webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}

.logo {
  width:120px;
  margin:0;
  transition:0.3s all;}

.logo-fixed {
  width:80px;
  margin:0;}

.indica-header {
  background:rgba(0,0,0,0.5);
  text-align: center;}

.box-indica-header {}

.box-indica-header p {
  display:inline;
  color: #fff;
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-right: 5px;
  border-right: 1px solid #999;
  padding-right: 15px;}

header nav.navbar .navbar-nav li a {
  font-family:"Roboto", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  color:#f2f2f2;
  padding-right: 7px;
  padding-left: 7px;
  transition:0.2s all;}
header nav.navbar .navbar-nav li.active a {
  color:#6f9bd7;}

header.sticky .navbar-nav li a {
  color:#333 !important;}

header.sticky .navbar-nav li a.active {
  color:#008dff !important;}

header.sticky .navbar-nav li a:hover {
  text-decoration: none !important!
  color:#6f9bd7 !important;}

header nav.navbar .navbar-nav li a.active {
  color:#008dff;}

header nav.navbar .navbar-nav li a:hover {
  text-decoration: none;
  color:#6f9bd7;}

header {
  padding: 0px 0 15px;
  height: 115px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  transition: all 0.5s;
  z-index: 997;
  background:transparent;}

header.header-fixed {
  background: rgba(0, 0, 0, 1);
  padding: 0 0 15px;
  height: 85px;
  transition: all 0.5s;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}

.navbar {
  padding-left:0;
  padding-right:0;}

.fixed-top a .fb {
  font-size:20px;
  color:#fff; 
  margin-right: 5px;}

.fixed-top a .tw {
  font-size:20px;
  color:#fff;}

.fixed-top a .inst {
  color:#fff;}

.ye {color:#6f9bd7;}
.gr {color:#6f9bd7;}
.wh {color:#fff;}

/*slider*/
.slide-1 {
 background-image: url('img/slider/slider-1.jpg');
  width:100%;
  height: 100vh;
  min-height: 570px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;}

.slide-2 {
  background-image: url('img/slider/slider-2.jpg');
  width:100%;
  height: 100vh;
  min-height: 570px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;}

.slide-3 {
  background-image: url('img/slider/slider-3.jpg');
  width:100%;
  height: 100vh;
  min-height: 570px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;}

.slide-4 {
  background-image: url('img/slider/slider-4.jpg');
  width:100%;
  height: 100vh;
  min-height: 570px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;}

/*acercade*/
.cps {
  background-image: url(img/ser/bg-cps.jpg);
  padding-top:60px;
  padding-bottom:60px;}

.cps .box-cps {}

.cps .box-cps .wrapper-box-cps {}

.cps .box-cps .wrapper-box-cps h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 45px;
  color: #666;
  font-size: 45px;}

.cps .box-cps .wrapper-box-cps h2 span {
  font-family: 'Roboto', serif;
  font-size:20px;
  background:#6f9bd7;
  color:#fff;
  padding: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;}

.cps .box-cps .wrapper-box-cps p {
  font-family:"Roboto", sans-serif;
  font-size:16px;
  color:#666;}

.cps .box-cps .wrapper-box-cps p span {
  color:#777;
  font-weight: 600;}

.cps .box-cps .box-round {
  padding-bottom:30px;}

.on-1 {margin-left:-100px;}
.on-2 {margin-left:-50px;}
.on-3 {margin-left:0;}

.cps .box-cps .round {
  position:relative;
  width: 140px;
  height: 140px;
  margin-left: auto;
  margin-right: auto;
  margin-top:5px;
  margin-bottom:5px;}

.cps .box-cps .round .borde {
  border-radius: 50%;
  border: 2px solid #6f9bd7;
  padding: 4px;}

.cps .box-cps img {}

.img-circle {
  border-radius: 50%;}

.cps .box-cps h3 {
   font-family:"Roboto", sans-serif;
   font-size:18px;
   color:#333;
   font-weight: 600;}

.cps .box-cps p {
  font-family:"Roboto", sans-serif;
  font-size:16px;
  color:#666;
  font-weight: 400;
  padding:0;
  text-align: justify;}

/*indica*/
.indicadores {
  padding-top:60px;
  padding-bottom:60px;}

.indicadores .section-title h2 span {
  font-family: 'Roboto', serif;
  font-size: 20px;
  background: #6f9bd7;
  color: #fff;
  padding: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;}

.indicadores .section-title p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #666;
  padding-top:10px;}

.indicadores table {
  font-family:"Roboto", sans-serif;}

.indicadores .table-title {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  text-align: center;
  padding: 5px 0;
  background: #666;
  color: #fff;
  margin-bottom: 0;}

.wrapper-box-ind {
  padding-top:30px;}

.table th, .table td {
  padding: 0.3rem;
  vertical-align: top;
  border: 1px solid #dee2e6;}

/*servicios-home*/
.servicios-index {
  background:#f5f5f5;
  padding-top:60px;
  padding-bottom:60px;}


.servicios-index .section-title h2 span {
  font-family: 'Roboto', serif;
  font-size: 20px;
  background: #6f9bd7;
  color: #fff;
  padding: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;}

.servicios-index .section-title p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #666;
  padding-top:10px;}

.wrapper-box-srs {padding-top:30px;}


.home-box-servicio {margin-bottom:30px;}

.home-box-servicio .round-img {
  width:140px;
  height:140px;
  display:block;
  border-radius:50%;
  border:2px solid #6f9bd7;
  padding: 4px;}

.home-box-servicio .round-img img {
  border-radius:50%;}

.home-box-servicio h3 {
  font-family:"Roboto", sans-serif;
  font-size:18px;
  font-weight: 600;
  color: #333;
  margin-top:10px;}

.home-box-servicio p {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #767676;
  font-weight: 300;
  text-align: left;
  margin-top: 15px;}

.btn-prin-serv {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  border: 2px solid #6f9bd7;
  background: #6f9bd7;
  transition: 0.3s all;}

/*parallax servicios */
#parallax {
  background-image: url(img/ser/parallax-maz-soluciones-laborales.jpg);
  background-position:50% 20%;}

.maz-parallax {
  position:relative;
  width: 100%;
  padding: 100px 0px 100px 0px;}


.maz-parallax::before {
  content: '';
  background: -moz-linear-gradient(90deg,#4c86d6 0%,#6f9bd7 100%);
  background: -webkit-linear-gradient(90deg,#4c86d6 0%,#6f9bd7 100%);
  background: -o-linear-gradient(90deg,#4c86d6 0%,#6f9bd7 100%);
  background: -ms-linear-gradient(90deg,#4c86d6 0%,#6f9bd7 100%);
  background: linear-gradient(90deg,#4c86d6 0%,#6f9bd7 100%);
  opacity: .7;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;}

.box-parallax .hhr {
  position:relative;
  width:100%;
  text-align: center;}

.box-parallax .hhr::before {
  content: '';
  background:#fff;
  height: 3px;
  width:100px;}

.box-parallax h2 {
  font-family:"Roboto", sans-serif;
  font-size:53px;
  color:#fff;
  text-align: center;}

.box-parallax a {
  font-family:"Roboto", sans-serif;
  font-size:20px;
  color:#fff;
  padding:5px 10px;
  border-radius:5px;
  border:2px solid #fff;
  transition:0.3s all;}

.box-parallax a:hover {
  background:#6f9bd7;
  text-decoration:none;}

/*articulos*/
.home-articulos {
  background:#ffffff;
  padding-top:60px;
  padding-bottom:40px;}

.home-articulos .box-ha {}

.home-articulos .box-ha h2 span {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  background: #6f9bd7;
  color: #fff;
  padding: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;}

.home-articulos .box-ha p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #666;
  padding-top: 10px;}

.home-articulos .box-articulo {
  padding-bottom:50px;}

.home-articulos .box-articulo a img {
  opacity:1;
  border-radius: 5px;
  transition:0.3s all;}

.home-articulos .box-articulo a:hover img {
  opacity:0.8;}

.home-articulos .box-articulo .categoria {
  margin-top: 2px;}

.home-articulos .box-articulo .categoria .post-categories {
  padding-left:0;
  margin-bottom: 5px;}

.home-articulos .box-articulo .categoria .post-categories li a {
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    background: #777;
    color: #fff;
    padding: 5px 10px;}

.home-articulos .box-articulo .title a {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #6f9bd7;
  transition: 0.3s all;}

.home-articulos .box-articulo .title a:hover {
  text-decoration: none;
  color: #6f9bd7;}

.home-articulos .box-articulo .autor {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: #bdc1cc;}

.home-articulos .box-articulo p {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 300;
  color: #767676;}

.home-articulos .box-articulo .btn-leermas {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: #6f9bd7;
  display: inline-block;
  line-height: 20px;
  padding: 5px 10px;
  margin-left: 0;
  position: relative;
  z-index: 1;
  text-transform: capitalize;
  overflow: hidden;
  border:1px solid #6f9bd7;
  border-radius:5px;
  transition: 0.3s all;}

.home-articulos .box-articulo .btn-leermas:hover {
  text-decoration: none;
  background: #4a668c;}

.side-index {
  background: #f8f8f8;}

.side-index .bg-indica-eco {
  background-image: url('img/maz-soluciones-indicadores-economicos.jpg');
  background-position: center;
  background-repeat: no-repeat;
  padding-top:80px;
  padding-bottom:80px;
  margin-bottom:20px;}

.side-index .uni {
  margin-bottom:30px;}

.side-index h4 {
  font-family:"Roboto", sans-serif;
  font-size:20px;
  color:#bdc0ca;
  margin: 20px 0 20px 0;
  padding-bottom: 3px;
  border-bottom: 1px solid #bdc0ca;}

.side-index h5 {
  font-family:"Roboto", sans-serif;
  background: #2FCEB8;
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;}

.side-index p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 5px;
  margin-bottom: 0;
  padding-top: 5px;}

.box-articulo .img-articulo-hover {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: -1;}

.box-articulo .img-articulo-hover img {
  transform: none;
  will-change: transform;
  transition: all .25s ease;}

.box-articulo .img-articulo-hover:hover img {
  transform: scale(1.1);}

/*seccion*/
.qs-bg {
  background-image: url('img/bg-sec/maz-solucioneslaborales-ph-qs.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;}

.qs-bg::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;}

.seccion {
  background:#6f9bd7;
  padding: 20px 0px;}

.seccion h5 {
  font-family:"Roboto", sans-serif;
  font-size:16px;
  padding:7px 0 7px;
  color:#f5f5f5;}

.qs .card {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);}

.qs .card-header {
  color: #111;
  background: #f5f5f5;
  border-color: #eee;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;}

.accordion .panel-title a.collapsed {
  color: #111;
  background: #f5f5f5;
  border-color: #eee;}

.qs .card-header a {
  font-family:"Roboto", sans-serif;
  font-weight: 400;
  color: #666;
  background: #f5f5f5;
  border-color: #eee;
  display: block;
  background: #f5f5f5;
  padding: 10px 10px;
  text-decoration:none;
  transition:0.2s all;}

.qs .card-reader a:hover {
  background:#2FCEB8;
  color:#fff;
  text-decoration: none;}

/*servicios*/
.ser-bg {
  background-image: url('img/bg-sec/vyb_asociados_bg_servicios.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;}

.ser-bg::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;}

.nav-tabs {border-bottom: 1px solid #ddd;}

.nav-tabs .nav-item {margin-bottom: -1px;}

.nav-tabs .nav-item.show, .nav-tabs .nav-item.active a {
  font-family:"Open Sans", sans-serif;
  font-size:16px;
  color: #231b58;
  color: #fff;
  background: rgba(14, 17, 48, 1);
  border-color: #ddd #ddd #fff;}

.nav-tabs .nav-item a {
  font-family:"Open Sans", sans-serif;
  font-size:16px;
  color: rgba(14, 17, 48, 1);
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;}

.nav-link {
  display: block;
  padding: .5rem 1rem;}

.list-group-item {
  font-family:"Roboto", sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;}

.list-group-item.active {
    background-color: #6f9bd7;
    border-color: #6f9bd7;}

.box-content .title-ser h2 {
  font-family:"Roboto", sans-serif;
  font-size:21px;
  font-weight: 600;
  text-align:center;
  color:#6f9bd7;}

.box-content .title-ser p {
  font-family:"Roboto", sans-serif;
  font-size:16px;
  text-align:center;
  color:#2db8f5;}

.box-content .box-ser {
  margin-top:30px;}

.box-content .box-ser .border-img-ico {
  text-align: center;}

.box-content .box-ser .border-img-ico img {
  width:80px;
  height:80px;}

.box-content .box-ser p {
  font-family:"Roboto", sans-serif;
  font-size:16px;
  text-align:left;
  color:#767676;}

.box-content .box-ser p span {
  font-weight: 600;}

.box-content .box-ser img {
  border-radius:5px;}

.box-content .box-aer h2 {
  /*font-family:"Roboto", sans-serif;
  font-size:21px;
  font-weight: 400;
  text-align:center;
  color:rgba(14, 17, 48, 1);*/

  font-family: "Roboto", sans-serif;
  font-size: 21px;
  font-weight: 600;
  text-align: left;
  color: #6f9bd7;}

.box-content .box-aer h3 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #444;
  margin-top: 10px;}

.box-content .box-aer p {
  font-family:"Roboto", sans-serif;
  font-size:16px;
  text-align:left;
  color:#767676;
  margin-bottom: 5px;}

.box-content .box-aer ul {
  padding-top:5px;
  padding-bottom: 5px;
  padding-left:5px;}

.box-content .box-aer ul li {
  font-family:"Roboto", sans-serif;
  font-size:16px;
  font-weight: 400;
  color:#767676;}

.box-content .box-aer-img img {
  border-radius:5px;}

.box-content .box-aer .round-img {
  width:140px;
  height:140px;
  display:block;
  border-radius:50%;
  border:2px solid #6f9bd7;
  padding: 4px;}

.box-content .box-aer .round-img img {
  border-radius:50%;}

/*clientes*/
.preview:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: #000000;
  opacity: 0.7;
  background: -webkit-linear-gradient(to top, #000000 0%, transparent 100%);
  background: linear-gradient(to top, #000000 0%, transparent 100%);
  filter:}

.preview h3 {
  font-family:"Roboto", sans-serif;
  font-size:23px;
  position: absolute;
  top: 155px;
  left:200px;
  /*width: 100%;*/
  border-bottom:2px solid #6f9bd7;
  color: #fff;
  z-index: 2;}

/*noticias*/
.col-noticias {
  padding-top:30px;
  padding-bottom:30px;}

.title-noticia a {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin-top:10px;
  padding-left: 0;
  color: #444;
  transition:0.2s all;}

.title-noticia a:hover {
  text-decoration: none;
  /*color: #2FCEB8;*/
  color: #6f9bd7;}

.txt-noticia {
  font-family:"Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-top:10px;
  padding-left: 0;
  color: #333;}

.leer-noticia {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #6f9bd7;
  background: #fff;
  display: inline-block;
  line-height: 30px;
  padding: 0 10px 0 10px;
  margin-left: 0;
  position: relative;
  z-index: 1;
  text-transform: capitalize;
  overflow: hidden;
  border:1px solid #6f9bd7;
  transition: 0.3s all;}

.leer-noticia:hover {
  text-decoration: none;
  background: #6f9bd7;
  color:#fff;}

/*descarga*/
.download-link {
font-family: "Roboto", sans-serif;
font-size: 18px;
margin-top: 5px;
margin-bottom: 5px;}

.download-link:before {
  /*content:">";*/
  font-family: "fontello";
  content:"\e804";
  position:relative;
  top:0;
  left:0;
  margin-right:5px;
  color:#6f9bd7;
}

/*contacto*/
#contact_form textarea {
  min-height: 110px;
  max-height: 200px;}

.btn-enviar {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #6f9bd7;
  background: #fff;
  display: inline-block;
  line-height: 40px;
  padding: 0 20px 0 25px;
  margin-left: 0;
  position: relative;
  z-index: 1;
  text-transform: capitalize;
  overflow: hidden;
  border:1px solid #6f9bd7;
  border-radius: 5px;
  transition: 0.3s all;}

.btn-enviar:hover {
  text-decoration: none;
  background: #6f9bd7;
  color:#fff;}

.img-contacto h3 {
  font-family:"Roboto", sans-serif;
  color:#6f9bd7;;}

.img-contacto img {
  border-radius:5px;}

/*single-noticias*/
.wrapper-single {
  padding-top:60px;
  padding-bottom:60px;}

.titulo_single {
  font-family:"Roboto", sans-serif;
  color: #363636;
  font-size: 22px;
  margin-top: 10px;
  text-transform: uppercase;}

.titulo_single h3 {font-weight: 600;}

.post-information {padding:0;}

.post-information .entry-meta {
  border-bottom: 1px solid #ccc;
  margin: 10px 0 20px;}

.post-categories {
  padding-left:5px;
  display:inline-block;}

.post-categories li {
  display:inline-block;
  list-style-type:none;}

.post-categories li a {
  font-family:"Roboto", sans-serif;
  font-size:15px;
  background: #6f9bd7;
  color: #fff;
  padding:5px 10px;}

.post-categories li a:hover {
  text-decoration: none;
  color: rgba(14, 17, 48, 1);}

.post-information .entry-meta span {
  font-family:"Roboto", sans-serif;
  font-size:16px;
  color: #666;
  padding:0 20px 0 0;}

.content_single {
  font-family:"Roboto", sans-serif;
  overflow: hidden;
  font-size:16px;}

.content_single p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #767676;
  font-weight: 400;
  margin-top:1rem;
  margin-bottom:1rem;}

.content_single ul li {
  margin-top:6px;
  margin-bottom:6px;}

.destacados {
  background: #f9f9f9 none repeat scroll 0 0;
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 20px;}

.destacados h2 {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 600;
  color: #666;
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: left;}

.destacados .box-destacados {
  padding-top:10px;
  padding-bottom:10px;
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid #e5e5e5;}

.destacados .box-destacados h3 {
  line-height: 20px}

.destacados .box-destacados h3 a {
  font-family:"Roboto", sans-serif;
  color: #444;
  font-size: 18px;}

.destacados .box-destacados h3 a:hover {
  text-decoration: none;
  color:#0e1130;}

#widget-indicadores-economicos-chile .fecha-hoy {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: left;}

#widget-indicadores-economicos-chile ul {
  margin-top:10px;}

#widget-indicadores-economicos-chile ul li {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color:#666;
  margin-top: 1px;
  margin-bottom: 2px;}

/*footer*/
footer {background-color:#333;}

footer {padding: 25px 0 25px;}

footer .logo-footer {
  padding-top:10px;
  padding-bottom:10px;
  margin-left: auto;
  margin-right: auto;}

footer .widget {
  text-align: center;
  margin-bottom: 10px;}

footer h3 {
  font-family:"Roboto", sans-serif;
  font-size:17px;
  font-weight: 500;
  text-align: left;
  color:#fff;
  border-bottom: 2px solid #666;
}

footer .widget p {
  font-family:"Roboto", sans-serif;
  font-size:13px;
  color:#fff;
  font-weight: 500;
  text-align: left;
  margin-bottom:0;}

footer .widget ul {padding:0;}

footer .widget .company-social {}

footer .widget .company-social li {
  display:inline-block;}

footer .widget .company-social li a {
  color:#fff;
  transition:0.3s all;}

footer .widget .company-social li a:hover i {
  transition:0.3s all;
  color:#6f9bd7;}

footer .widget .company-social li a i {
  font-size:22px;}

footer .widget ul li {
  font-family:"Roboto", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color:#fff;
  text-align: left;
  list-style-type: none;}

footer .widget ul li a {
  color:#fff;}

.firma {
  background:#222;
  padding:10px 0;
  border-top:1px solid #333;}

.firma p {
  font-family:"Roboto", sans-serif;
  font-size:13px;
  font-weight: 400;
  color:#fff; 
  margin-bottom: 0px;}

.firma a {
  font-family: "Roboto", sans-serif;
  font-size:13px;
  font-weight: 400;
  color: #fff;
  margin:0;
  transition:0.3s all;}

.firma a:hover {
  color:#6f9bd7;
  text-decoration:none;}

.back-to-top {
  display: none;
  position: fixed;
  bottom: 12px;
  right: 15px;}

.back-to-top i {
  display: block;
  width: 58px;
  height: 58px;
  border-radius: 100%;
  font-size: 24px;
  line-height: 54px;
  color: #fff;
  text-align: center;
  background-color: #6f9bd7;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;}

.back-to-top i:hover {
  background: #2FCEB8;}

/*iframes*/
.embed-container {
  width: 50%;
  float:left;
  position: relative;
  padding-bottom: 28%;
  height: 0;
  overflow: hidden;}

.16by9 {padding-bottom: 20%;}

.4by3 {padding-bottom: 75%;}

.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;} 

/*---------------------------------*/

.fa-3x {font-size: 3em;}

.bl {color:#3DA5E2;}

.circle {
  border-radius: 50%;
  display: inline-block;
  color: #fff;
  width: 1.6em;
  height: 1.6em;
  text-align: center;
  line-height: 1.6em;}

.bg-skin {background: #0093dd;}
.color-skin {color:#0093dd;}

.close {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 0.7;}

.in {display:block;}
.show {display:block;}

.box-content {
  padding-top:40px;
  padding-bottom:40px;
  background:#fff;}

.box-content p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #717f86;}

.box-content p span {
  font-weight: 600;
}

.box-content ul li {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
  color: #111;
  margin:5px 0;
  list-style-type: none;}

.box-content ul li span {
  font-weight: 600;}

.box-content ul li i {
  margin-right:5px;}

.icon-menu {color:#fff;}

/* -- MEDIA QUERIES -- */

/*custom*/
@media screen and (max-width: 1368px) {
  .box-indica-header p {
    display: inline;
    color: #fff;
    font-size: 10px;
    font-family: "Roboto", sans-serif;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-right: 5px;
    border-right: 1px solid #999;
    padding-right: 5px;}
}

/* Dispositivo XL*/
@media screen and (max-width: 1199px) {

}

/* Dispositivo LG*/
@media screen and (max-width: 991px) {

header .container {background: #000;}
header {background:transparent;}
header.header-fixed {background: transparent;}

.slide-1 {
  background-position: 70% 0;}
.slide-2 {
  background-position: 70% 0;}
.slide-3 {
  background-position: 70% 0;}
}

/* Dispositivo MD*/
@media screen and (max-width: 768px) {

header nav.navbar .navbar-nav .menu-item {
  padding:5px 0;}

header nav.navbar .navbar-nav li a {
  font-family: "Roboto", sans-serif;
  font-size: 18px;}

/*.txt-ser-intro p {
  border-left: 0;
  margin-left: 0;
  padding-left: 0;}*/

.txt-ser-intro h3 {margin-top: 10px;}

.txt-resultados p {text-align: left;}

.destacados .box-destacados {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border: 0;}
}

@media screen and (max-width: 767px) {

.container {max-width: 719px;}

/*.sli-1, .sli-2 {padding-top: 150px;}*/

.content_single ul {padding-left:20px;}

.destacados h2 {
  padding-top: 10px;
  padding-bottom: 10px;}}

/* Dispositivo SM*/
@media screen and (max-width: 575px) {

.seccion {
  padding:15px 0;
  margin-top:85px;}

.box-indica-header {display:none;}

header nav.navbar .navbar-nav .menu-item {
  padding:5px 0;}

.logo {width: 85px;}

.logo-fixed {
  width:65px;
  margin:0;}

header {height: 85px;}

header.header-fixed {height: 70px;}

.slide-1 {background-position: 43% 0}
.slide-2 {background-position: 65% 0}
.slide-3 {background-position: 15% 0}

.view-detail {display:none;}

.on-1 {margin-left:0;}
.on-2 {margin-left:0;}
.on-3 {margin-left:0;}

.indicadores td {
  font-size:13px;
}

.home-articulos .box-ha p {
    padding-top: 5px;}

.maz-parallax {padding: 100px 0px 70px 0px;}

.home-box-servicio p {
  font-size: 16px;}

.home-articulos .box-articulo .title a {
  font-size: 22px;}

.home-articulos .box-articulo p {
  font-size: 16px;}

.home-articulos .box-articulo .btn-leermas {
  font-size: 16px;}

.home-articulos .box-articulo {
    padding-bottom: 30px;}

.list-group-item {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;}

.box-content .box-aer h3 {
  font-weight: 600;}

.preview h3 {
  font-size: 25px;
  top: 110px;
  left: 15px;}

.r-b {font-size: 23px;}

.box-content {
  padding-top: 15px;
  padding-bottom: 15px;}

.wrapper-single {
  padding-top: 30px;
  padding-bottom: 30px;}

.post-information .entry-meta span {
  display: block;}

.box-parallax h2 {
  font-size: 40px;}

footer .widget h5 {
  font-size: 18px;}

footer .widget ul li {
  font-size: 16px;}
}

@media screen and (max-width: 320px) {

.navbar-nav .menu-item {
  padding-top: 3px;
  padding-bottom: 3px;}


.indicadores td {
  font-size:12px;
}

.r-b {
font-size: 17px;
text-transform: uppercase;
font-weight: 600;}

}