/*social bar*/
.social {
  position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
  right: 0; /* Establecemos la barra en la izquierda */
  top: 200px; /* Bajamos la barra 200px de arriba a abajo */
  z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}  
.social ul {
  list-style: none;
  padding: 0px;
}

.social ul li a {
  display: inline-block;
  color:#fff;
  background: #757575;
  padding: 10px 15px;
  text-decoration: none;
  -webkit-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
}

.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
.social ul li .icon-twitter {background: #00abf0;}
.social ul li .icon-instagram {background: #fb3958;}
.social ul li .icon-blog {background: #009e77;}

.social ul li a:hover {
  background: #757575; /* Cambiamos el fondo cuando el usuario pase el mouse */
  padding: 10px 15px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
}
.intro{
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ECECEC;
}
.intro p{
  text-align: justify;
}
.servicios{
  background-color: #3F5CA7;
  color:#fff;
  text-align: center;
  font-size: 0.9em;
  padding:20px;
  min-height: 600px;
}
#d_servicios{
  min-height: 510px;
}
.servicio {
  text-align: center;
  height: 175px;
  padding:15px 15px;
  margin:10px 0px;
}
.servicio a{
  text-decoration: none;
  color:#fff;
}
.servicio img{
  display:inline-block;
}
.noticias{
  text-align: center;
  background-color: #624295;
  
  color:#fff;
  padding:20px;
  min-height: 600px;
}
#d_noticias{
  min-height: 510px;
}
.noticias h3{
  color: #303030;
}
.noticias .img_noticia{
  padding:0px;
}
.noticias .noticia{
  overflow-y: hidden;
  height: 200px;
  text-align: left;
}
.noticia a{
  text-decoration: none;
  color: #fff;
}

.rocs{
  padding: 15px;
  color:#303030;
  background: url('../images/agentranscol-rocs-back.png');
  text-align: center;
}
.rocs .container-fluid *{
  display: inline-block;
  margin:0px 10px;
}
.btn_ingresar{
  font-size: 1.2em;
  padding:7px 25px;
  background-color: #303030;
  color:#fff;
  border-radius: 20px;
}
.oficinas{
  background: url('../images/agentranscol-mundo-back.png');
  text-align: center;
  color:#fff;
  padding: 15px 0px;
}
.oficinas #Carousel_oficinas_grande .carousel-inner{
  width:90%;
  margin-left: 5%;
  padding: 10px;
}
.oficinas #Carousel_oficinas_grande .carousel-control{
  width: 5%;
}
.oficinas .elemento{
  padding: 20px;
  height: 200px;
  transition: all 0.5s ease;
}
.oficinas .elemento:hover{
  padding:0px;
  box-shadow: 0px 0px 3px #3F5CA7;
}
.oficinas .elemento .recuadro{
  background-color: rgba(51,51,51,0.4);
  height: 100%;
}
.oficinas .elemento h3{
  color:#3F5CA7;
  text-align: left;
}
.oficinas .elemento ul{
  margin:0px !important;
  list-style: none;
  text-align: left;
  padding: 0px !important;
}
.oficinas .elemento ul li{
  padding: 0px !important;
}
.aliados_y_certificaciones{
  background-color: #D9D9D9;
  padding:15px;
  text-align: center;
}
@media (max-width: 991px){
  #oficinasg{
    visibility: hidden;
    height: 0;
    padding:0;
  }
  #oficinasp{
    visibility: show;
    height: auto;
    padding:15px;
  }
}
@media (min-width: 992px){
   #oficinasg{
    visibility: show;
    height: auto;
    padding:15px;
  }
  #oficinasp{
    visibility: hidden;
    height: 0;
    padding:0;
  }
}