/*menu lateral esquerdo*/

.menu-right{
  position: fixed;
  top: 35%;
  right: 20;
  z-index: 3;
  text-align: center;

  /*padding: 10px 10px 10px 10px;*/
  background: rgba(0,0,0,0.7);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
/**/
  box-shadow: 1px 1px 1px black;
}

.menu-right a{
  color: #fff !important;
}
.menu-right .material-icons{
  padding: 10px;
}

.menu-right div:hover{
  background: rgba(0,0,0,0.4);
}
.menu-right .home:hover{
  border-top-left-radius: 10px;
}
.menu-right .place:hover{
  border-bottom-left-radius: 10px;
}

.menu-right hr{
  margin: 0;
  /*margin: 10px 2px 10px 2px;*/
}

/**/
.sec-about {
    background: #0884b1;
}
.sec-about .mdl-grid {
    padding: 0 !important;
}
.div-about .mdl-cell {
    margin: 0;
    width: 50%;
}
.div-about .about-img .img {
    height: 100%;
    background: url('../assets/img/stock/about.jpg')center;
}
.div-about .about-texto {
    /*margin-top: 40px;*/
    text-align: center;
    padding: 100px;
    padding-top: 12%;
    color: #fff;
}

/*areas*/

.sec-areas .div-areas {

    color: #fff;
    background: #23292C;
    text-align: center;
}
.area-col {
    padding: 80px;
    background-size: 100% 100%;
    background-color: white;
    background-blend-mode: multiply;
    transition: 0.5s;
}
.area-col a {
    margin-top: 20px;
}
.area-col:nth-child(1) {
    background-image: url('../assets/img/stock/code.jpg');
}
.area-col:nth-child(2) {
    background-image: url('../assets/img/stock/internet.jpg');
}
.area-col:nth-child(3) {
    background-image: url('../assets/img/stock/shop.jpg');
}
.area-col:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

/*.sec-areas .areas-title h4, .sec-areas .areas-title span, .sec-areas .areas-title h4{
  font-family: 'Dense-Regular';
}*/


/*blog - noticias*/
.sec-noticias{
}

.sec-noticias .div-noticia .mdl-card__media{
    height: 180px;
    width: 100%;
    background-image: url("../assets/img/stock/sitted.fw.png");
    z-index: 1;
    cursor: pointer;
}
.sec-noticias .div-noticia:hover .mdl-card__media{
    background-color: rgba(0,0,0,0.3);
    background-blend-mode: multiply;
}
.sec-noticias .div-noticia .mdl-card__supporting-text{
    color: #fff;
    background: #23292C;
    padding: 10px;
    margin-top: -40px;
    z-index: 2;
    width: 150px;
}

/**/

@media only screen and (max-width: 830px) {
    .div-about .about-img {
        display: none;
    }
    .div-about .about-texto {
        width: 100%;
    }
    .div-areas .areas-grid .area-col {
        background: none;
        padding: 0;
    }
    .div-areas .areas-grid .area-col span {
    }
}