/*general*/
html body{font-family: "Rubik"; font-weight: 300;font-size: 14px;float: left;width: 100%; }
#loadingEspera{position: fixed; left: 0; top:0; width:100%; height: 100%; background-color:rgba(256, 256, 256, 1); background-image: url('../images/icons/loading.gif'); z-index: 99999; background-position: center center; background-repeat: no-repeat;background-size: 100% auto;}
img{width:100%;}
.container-fluid{padding:0;width:100%}
.container-marges{padding:0 2%; max-width:calc(1400px + 4%);}
#equipo .container-marges{max-width:calc(1100px);}
#proyecto .container-marges{max-width:calc(1100px);}
#proyectos .container-marges{max-width:calc(1100px);}
#contacto .container-marges{max-width:calc(1100px);}
ul{list-style: none;}
a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }
a:hover{text-decoration: none !important;}
.owl-theme .owl-controls {margin: 0 !important;}
section{background-color: white;}

/*new classes*/
.hover-07:hover{opacity: 0.7;}
.all{float: left; width: 100%;}
.desktop{display: block !important;}
.mobile{display: none !important;}
.tablet{display: none !important;}
.oscur{background-image: url(../images/icons/oscur.png)}
.upper{text-transform: uppercase;}
.list-h li{display: inline-block;}
.overflow-y-s{overflow-y: scroll;}
.overflow-h{overflow: hidden;}
.t-l{text-align: left;}
.t-c{text-align: center;}
.t-r{text-align: right;}
.t-j{text-align: justify;}
.no_padding{padding: 0 !important;}
.right{float: right;}
.but{padding: 1em;background: none;color: black;border: 1px solid black;margin-top: 10px;width: 25%;}
.but:hover{opacity: 0.5;}
.open{font-family: "Open Sans";}
.raleway{font-family: "Roboto";}
.semi-b{font-weight: 600;}
.regular{font-weight: 400;}
.medium{font-weight: 500;}
.bold{font-weight: 700;}
.fs-18{font-size: 18px;}
.fs-16{font-size: 16px;}

/*icons*/
.icon{background-image: url(../images/icons/sprite.svg)}
.icon:hover{background-image: url(../images/icons/sprite-hover.svg)}
.bitgrup {width: 30px;height: 30px;display: block;background-image: url(../images/icons/bitgrup.png); background-size: 100% auto; background-repeat: no-repeat;float: right;}
.icon_header{width: 27px; height: 27px;display: block}
.mail{background-position: 59.5% 70.6%;}
.mail_b{background-position: 58.1% 24.6%;}
.world{background-position: 68% 70.6%;}
.world_b{background-position: 66.8% 24.6%;}
.more {background-position: 45.5% 71%;background-size: 1500% auto;cursor: pointer;}
.minus {background-position: 45.5% 84%;background-size: 1500% auto;cursor: pointer;}


/*header*/
header {position: absolute;z-index: 99;width: 98%;top: 4%;left: 1%;font-size: 14px; font-weight: 300;font-family: "Roboto"}
/*header.header2 {position: static;margin: 2% 1%;margin-bottom: 0;float: left;}*/
header.header2 {

    position: fixed;
    width: 98%;
    margin: 0;
    float: left;
    background: white;
    top: 0%;
    padding-top: 2%;
    left: 1%;

}
header .logo{background-image: url(../images/icons/maria_ramis_blanc.svg);height: 120px; width: 120px;background-repeat: no-repeat; background-size: 100% auto;margin-left: 15px;}
header.header2 .logo{background-image: url(../images/icons/maria_ramis_negre.svg);height: 120px; width: 120px;background-repeat: no-repeat; background-size: 100% auto;text-align: left;}
header .navbar-default .navbar-toggle .icon-bar {background-color: white;}
header.header2 .navbar-default .navbar-toggle .icon-bar {background-color: black;}
.navbar-default .navbar-toggle {border: none;}
header .navbar.navbar-default {background: no-repeat;border: none;box-shadow: none;height: 100px;}
header .navbar.navbar-default a{color: white;}
header.header2 .navbar.navbar-default a{color: black;}
/*header .navbar.navbar-default a:hover{color: #A19C8C;}*/
header .navbar.navbar-default ul{float: right;border-bottom: 1px solid white;}
header.header2 .navbar.navbar-default ul{float: right;border-bottom: 1px solid black;}
header .navbar.navbar-default ul li{display: inline-block;vertical-align: middle;position: relative;padding: 5px; text-align: center; margin: 0 5px;}
header .navbar.navbar-default ul li.lang{margin: 0 1px;}
header .navbar.navbar-default ul a:first-child li{margin-left: 0;}
header .navbar.navbar-default ul li.icon_cont{margin: 0;margin-left: 45px;}
header .navbar.navbar-default ul li.last{margin-right: 0;margin-left: 5px;}
header .navbar.navbar-default ul li.link .line {border-bottom: 6px solid white;position: absolute;bottom: -7px;width: 100%;opacity: 0;left: 0;}
header.header2 .navbar.navbar-default ul li.link .line {border-bottom: 6px solid black;}
header .navbar.navbar-default ul li.link:hover .line {opacity: 1;transition: 1s opacity;}
header .navbar.navbar-default ul li.link.selected .line {opacity: 1;}
header .navbar.navbar-default ul li .lang_icon{cursor: pointer;}
header .navbar.navbar-default ul .icon_cont .langs_cont {position: absolute;width: 27px;margin-top: 5px;}
header .navbar.navbar-default ul .icon_cont .langs {border: none;width: 100%;text-align: center;display: none;}
header .navbar.navbar-default ul .icon_cont .langs li{margin: 0;}

/*home*/
#home{}
#home #home_slider{}
#home #home_slider .item{height: 100vh;position: relative;}
#home #home_slider .item .image{height: 100%;position: absolute; top: 0; left: 0; width: 100%;background-size: cover; background-position: center;}
#home #home_slider .item .image.oscur {background: rgba(0,0,0,0.2) !important;}
/*#home #home_slider .item .text {position: absolute;width: 25%;left: 10%;bottom: 10%;color: white;border: 1px solid white; background-color: rgba(0,0,0,0.2);padding: 0.5em 2em;}*/
#home #home_slider .item .text {position: absolute;width: 25%;left: 10%;bottom: 10%;color: white;padding: 0.5em 2em;}
#home #home_slider .item .text a{color: white;}
#home #home_slider .item .text .title{font-size: 22px;text-align: center;margin: 0;}
#home #home_slider .item .text .desc_cont{overflow: hidden;}
#home #home_slider .item .text .desc_cont .desc{display: none;margin: 20px 0;text-align: justify;}
#home #home_slider .item .text .desc_cont .desc .flecha{position: static;height: 20px;float: right;background-position: -23% 70.3%;}
#home #home_slider .item .text .icon{width: 50px;height: 50px;display: block;position: absolute;top: -50px;left: 0;}
#home #home_slider .owl-prev {position: absolute;top: 50%;left: 1%;background: none;background-image: url(../images/icons/sprite.svg);width: 60px;height: 100px;background-position: 13% 77%;}
#home #home_slider .owl-next {position: absolute;top: 50%;right: 1%;background: none;background-image: url(../images/icons/sprite.svg);width: 60px;height: 100px;background-position: 28% 77%;}
#home #home_slider .owl-controls{margin: 0;}

/*equipo*/
#equipo{margin-top: calc(140px + 4%);}
/*#equipo .head{column-count: 3;margin-bottom: 80px;font-size: 16px;}*/
#equipo .head{margin-bottom: 80px;font-size: 16px;}
#equipo .head ul li{width: 30%;vertical-align: top;margin: 0 2.5%;}
#equipo .head ul li:last-child{margin-right: 0%;}
#equipo .head ul li:first-child{margin-left: 0%;}
/*#equipo .head p{padding: 0 10px;}*/
#equipo .head p:first-child{padding-left: 0;}
#equipo .head p:last-child{padding-right: 0;}
#equipo .membres{margin-bottom: 80px;}
#equipo .membres .membre_{display: none;position: relative;}
#equipo .membres .membre_ .img{background-size: cover;height: 100%; position: absolute;background-position: center;background-position-y: 0%;width: 48%;}
/*#equipo .membres .membre_ .img{position: relative;}*/
#equipo .membres .membre_ .img .oscur{position: absolute; background-color: rgba(0,0,0,0.3); width: 100%; height: 100%;opacity: 0;transition: 1s opacity;}
#equipo .membres .membre_ .img:hover .oscur{opacity: 1;transition: 1s opacity;}
#equipo .membres .membre_ .img .text{position: absolute; width: 80%;text-align: center;color: white;left: 10%;top: 50%;opacity: 0;transition: 1s opacity;}
#equipo .membres .membre_ .img:hover .text{opacity: 1;transition: 1s opacity;}
#equipo .curri_cont{float: right; width: 96%;margin: 0;}
#equipo .membres .membre_1 .img{background-image: url(../images/equipo/gran/maria.jpg)}
#equipo .membres .membre_2 .img{background-image: url(../images/equipo/gran/dani.jpg)}
#equipo .membres .membre_3 .img{background-image: url(../images/equipo/gran/rafel.jpg)}
#equipo .membres .membre_4 .img{background-image: url(../images/equipo/gran/tomeu.jpg)}
#equipo .membres .membre_5 .img{background-image: url(../images/equipo/gran/pablo.jpg)}
#equipo .membres .membre_ .text .cont_text{margin-left: 12.5%; width: 82.5%;}
#equipo .membres .membre_ .text .personal{border-left: 1px solid black;padding-left: 1em;}
#equipo .membres .membre_ .text .personal .upper{font-size: 16px;}
#equipo .membres .membre_ .text .forma_cont{height: 440px;}
#equipo .membres .membre_ .text .forma_cont p{margin-bottom: 20px;}
#equipo .membres .membre_ .text .forma_cont p.m-b-10{margin-bottom: 10px;}
#equipo .membres .membre_ .text .forma_cont ul li{margin-bottom: 10px;padding-right: 10px;}
#equipo .membres .membre_ .text .forma_cont .forma_a_list,#equipo .membres .membre_ .text .forma_cont .forma_c_list{margin-bottom: 40px;}
#equipo .membres .membre_1{display: block;}
#equipo .membres_list{margin-bottom: 80px;}
/*#equipo .membres_list .membre_link_{width: 20%; float: left;}*/
#equipo .membres_list .membre_link_{width: 30.66666666%; float: left;}
#equipo .membres_list .membre_link_ .img{position: relative;}
#equipo .membres_list .membre_link_ .img .oscur{position: absolute; background-color: rgba(0,0,0,0.3); width: 100%; height: 100%;opacity: 0;transition: 1s opacity;}
#equipo .membres_list .membre_link_ .img:hover .oscur{opacity: 1;transition: 1s opacity;}
#equipo .membres_list .membre_link_ .img .text{position: absolute; width: 80%;text-align: center;color: white;left: 10%;top: 50%;opacity: 0;transition: 1s opacity;}
#equipo .membres_list .membre_link_ .img:hover .text{opacity: 1;transition: 1s opacity;}
#equipo .membres_list .membre_link_ .text .upper{font-size: 16px;}
#equipo .membres_list .membre_link_.no_visible{display: none;}
/*#equipo .membres_list .membre_link_.visible{margin: 0 3.33%;}*/
#equipo .membres_list .membre_link_.visible{margin: 0 2%;}
#equipo .membres_list .membre_link_.visible:first-child{margin-left: 0%}
#equipo .membres_list .membre_link_.visible:last-child{margin-right: 0%}
#equipo .membres_list .membre_link_.visible.margin-l-3-per{margin: 0; margin-left: 3.333333%;}
#equipo .membres_list .membre_link_.visible.margin-r-3-per{margin: 0; margin-right: 3.333333%;}
#equipo .membres_list .membre_link_.visible.margin-3-per{margin: 0 3.333333%;}
#equipo .membres_list .membre_link_ .img{height: 15vw;background-size: cover;background-position: center;background-position-y: 0%;}
#equipo .membres_list #membre_1 .img{background-image: url(../images/equipo/petit/maria.jpg)}
#equipo .membres_list #membre_2 .img{background-image: url(../images/equipo/petit/rafel.jpg)}
/*#equipo .membres_list #membre_3 .img{background-image: url(../images/equipo/petit/pablo.jpg)}*/
#equipo .membres_list #membre_3 .img{background-image: url(../images/equipo/petit/tomeu.jpg)}
#equipo .membres_list #membre_4 .img{background-image: url(../images/equipo/petit/dani.jpg)}
#equipo .simplebar-scroll-content{padding-right: 17px;margin-bottom: -34px;}
#equipo .simplebar-content{padding-bottom: 17px; margin-right: -17px;padding-right: 15px;}
#equipo .simplebar-scrollbar{top: 0px; height: 50px;opacity: 1;border-radius: 0;}
#equipo .forma_cont .line{position: absolute;width: 1px;background: black;height: 500px;right: 5px;}
#equipo .textes_equip{width: 48%;}
#equipo .textes_equip:first-child{margin-right: 2%}
#equipo .textes_equip:last-child{margin-left: 2%}
#equipo .forma_dates {padding-right: 10px;}

/*proyecto*/
#proyectos{margin-top: 40px;font-size: 18px;}
#proyectos{margin-top: calc(140px + 4%);font-size: 18px;}
/*#proyectos .proyects{margin-bottom: 80px;}*/
#proyectos .proyects .proyect_{width: 29.33333%;float: left;height: 270px;background-size: cover;position: relative;}
#proyectos .proyects {margin-bottom: 80px;}
/*#proyectos .proyects .proyect_ .oscur{position: absolute;top: 0;left: 0;height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); color: white;padding-top: calc((100% - 8.5vw)/2);opacity: 0;transition: 2s opacity;}*/ 
#proyectos .proyects .proyect_ .oscur{position: absolute;top: 0;left: 0;height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); color: white;padding-top: calc((100% - 60px)/2);opacity: 0;transition: 2s opacity;} 
#proyectos .proyects .proyect_ .oscur .more{display: block;height: 40px;width: 40px;margin: auto;}
#proyectos .proyects .proyect_ .oscur .more:hover{background-image: url(../images/icons/sprite.svg);}
#proyectos .proyects .proyect_:hover .oscur{opacity: 1;transition: 2s opacity;} 
#proyectos .proyects .proyect_{margin: 0 3%;margin-bottom: 80px;}
#proyectos .proyects a:nth-child(3n+1) .proyect_{margin-left: 0;}
#proyectos .proyects a:nth-child(3n) .proyect_{margin-right: 0;}
/*#proyectos .proyects .proyect_:nth-child(1){margin-left: 0;}*/
/*#proyectos .proyects .proyect_:nth-child(3n){margin-right: 0;}*/

/*proyecto*/
#proyecto{margin-top: calc(140px + 4%);}
#proyecto{margin-top: 170px;}
#proyecto a{color: black;transition: 1s opacity;}
#proyecto a:hover{opacity: 0.7;;transition: 1s opacity;}
#proyecto .cont_slider{margin-bottom: 80px;position: relative;min-height: 60vh;}
/*#proyecto .cont_slider.no_slider{margin-bottom: 140px;}*/
/*#proyecto .item{height: 500px; max-height: 90vh;background-size: cover;background-position: center;}*/
#proyecto .owl-carousel .owl-item img {
    max-width: 800px;
    height: auto;
    margin: auto;
}
#proyecto .item{height: 591px;height: auto; max-height: 600vh;background-size: cover;background-position: center;margin-bottom: 10px;width: 95%;}
/*#proyecto .owl-carousel .owl-prev {position: absolute;top: calc((100% - 70px)/2);left: 0%;width: 50px;height: 70px;background: none;background-image: url(../images/icons/sprite.svg);background-position: 12% 20%;transition: 1s opacity;}*/
/*#proyecto .owl-carousel .owl-next {position: absolute;top: calc((100% - 70px)/2);right: 0%;width: 50px;height: 70px;background: none;background-image: url(../images/icons/sprite.svg);background-position: 28% 20%;transition: 1s opacity;}*/
#proyecto .owl-carousel .owl-prev {position: absolute;top: 89px;left: 0%;width: 50px;height: 70px;background: none;background-image: url(../images/icons/sprite.svg);background-position: 12% 20%;transition: 1s opacity;}
#proyecto .owl-carousel .owl-next {position: absolute;top: 89px;right: 0%;width: 50px;height: 70px;background: none;background-image: url(../images/icons/sprite.svg);background-position: 28% 20%;transition: 1s opacity;}
#proyecto .owl-carousel .disabled {opacity: 0;cursor: inherit;transition: 1s opacity;}
#proyecto .cont_slider .list_img .img {height: 100px;background-size: cover;opacity: 0.5;}
#proyecto .cont_slider .list_img .img.selected {opacity: 1;}
/*#proyecto .cont_slider .texte{position: absolute;height: 100%;right: 0;}*/
/*#proyecto .cont_slider .texte .texto{position: absolute;float: left;top: 0;width: 90%;margin-left: 10%;}*/
#proyecto .cont_slider .texte{height: 100%;right: 0;}
#proyecto .cont_slider .texte {
    position: fixed;
}
#proyecto .cont_slider .texte .texto{float: left;top: 0;width: 90%;margin-left: 10%;}
#proyecto .cont_slider .texte .texto .title{margin: 0;font-size: 25px;font-weight: 300;}
#proyecto .cont_slider .texte .texto .lugar{margin-bottom: 80px;font-size: 19px;}
#proyecto .cont_slider .texte .texto .descrip p:last-child{margin: 0;}
#proyecto .list_img{margin-top: 5px;}
#proyecto .to_back{position: relative; z-index: 2;}
#proyecto .chang_proy {position: fixed;z-index: 1;top: 170px;width: 100%;left: 0;}
#proyecto .chang_proy .icon{width: 30px; height: 50px; display: block;}
#proyecto .chang_proy .icon.prev{border-bottom: 1px solid black;background-position: 27% 17%;background-size: 900% auto;}
#proyecto .chang_proy .icon.next{background-position: 12% 17%;background-size: 900% auto;}

/*contacto*/
#contacto{margin-top: calc(140px + 4%); margin-bottom: 160px;}
#contacto{margin-top: 140px; margin-bottom: 160px;}
#contacto .mapa{height: 400px;}
#contacto a{color: black;}
#contacto a:hover{color: black;opacity: 0.7;}
#contacto .text{margin-top: 40px;}
#contacto .text p{margin-bottom: 0;}
#contacto .form_cont{color: #888888;margin-top: 20px;}
#contacto .form_cont .element{margin: 10px 0;}
#contacto .form_cont .input{width: 100%;border: none; border-bottom: 1px solid #888888;resize: none;}
#contacto .form_cont .input_cont{position: relative;}
#contacto .but {padding: 8px;background: black; color: white;}
/*#contacto .form_cont .input_cont:after{width: 1em; height: 1em; content: "";border-bottom: 1px solid #888888;display: inline-block;position: absolute;bottom: calc(1em * 0.25);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);right: calc(1em * 0.5);}*/
/*#contacto .form_cont .input_cont_text:after{bottom: calc(1em * 0.3);}*/

/*footer*/
footer{background-color: black;color: white;float: left;width: 100%;font-size: 14px; font-weight: 300;}
footer .logo{height: 75px; background-image: url('../images/icons/maria_ramis_blanc.svg'); width: 125px;background-size: contain;background-repeat: no-repeat;background-position: center;}
footer a{color: white;}
footer a:hover{color: white;opacity: 0.7;}
footer .part1{padding: 1.7em;}
footer .part2{padding: 1em;}

@media(max-width: 1600px){
    #equipo .membres_list .membre_link_ .img{height: 20vw;}
}
@media(max-width: 1024px){
    /*header*/
    .navbar-collapse.collapse {display: block;}
    .navbar-collapse{border-top: none !important;box-shadow: none !important;}

    /*proyectos*/
    #proyectos .proyects .proyect_{width: 30%;margin: 0 2.5%;margin-bottom: 2.5%;}
    #proyectos .proyects a:nth-child(3n+1) .proyect_{margin-left: 0;}
    #proyectos .proyects a:nth-child(3n) .proyect_{margin-right: 0;}
}
@media(max-width: 991px){
    /*home*/
    #home #home_slider .item .text {width: 45%;left: 100px;}

    /*equipo*/
    #equipo .membres_list .membre_link_{width: 31.56%; float: left;}
    #equipo .membres_list .membre_link_ .img{height: 25vw;}
    #equipo .membres_list .membre_link_.visible{margin: 0 1.33%;}
    #equipo .membres_list .membre_link_.visible:first-child{margin-left: 0%}
    #equipo .membres_list .membre_link_.visible:last-child{margin-right: 0%}
    #equipo .membres_list .membre_link_.visible.margin-l-3-per{margin: 0; margin-left: 1.333333%;}
    #equipo .membres_list .membre_link_.visible.margin-r-3-per{margin: 0; margin-right: 1.333333%;}
    #equipo .membres_list .membre_link_.visible.margin-3-per{margin: 0 1.333333%;}
    #equipo .text {font-size: 12px;}
    #equipo .membres .membre_ .img {width: 48.5%;}
    #equipo .curri_cont{width: 97%;}
    /*    #equipo .membres .membre_1 .img{background-image: url(../images/equipo/tablet_equipo1.jpg)}
        #equipo .membres .membre_2 .img{background-image: url(../images/equipo/tablet_equipo1.jpg)}
        #equipo .membres .membre_3 .img{background-image: url(../images/equipo/tablet_equipo1.jpg)}
        #equipo .membres .membre_4 .img{background-image: url(../images/equipo/tablet_equipo1.jpg)}
        #equipo .membres .membre_5 .img{background-image: url(../images/equipo/tablet_equipo1.jpg)}*/


    /*proyecto*/
    #proyecto .cont_slider .texte {position: static;height: auto;margin-bottom: 40px;width: 100%;}
    #proyecto .cont_slider .texte .texto {position: static;width: 100%;margin-left: 0;}
    #proyecto .cont_slider .texte .texto .lugar {margin-bottom: 20px;}
    #proyecto .chang_proy {position: static;margin-right: 2%;float: right;}
    #proyecto .item{width: 100%;}

    /*contacto*/
    #contacto {margin-bottom: 60px;}
    #contacto .form_cont {color: #888888;margin-top: 120px;}
}
@media(max-width: 800px){
    #equipo .membres .membre_ .text .forma_cont ul li {padding-right: 20px;}
}
@media(max-width: 767px){


    .desktop{display: none !important;}
    .mobile{display: block !important;}
    .tablet{display: none !important;}

    .relative{position: relative;}
    /*header*/
    header .navbar-default .navbar-toggle:hover, header .navbar-default .navbar-toggle:focus{background: none; opacity: 0.7;}
    .navbar-collapse.collapse {display: none;}
    header .navbar.navbar-default ul{position: absolute;}
    header .navbar.navbar-default ul li {display: block;margin: 0;}
    header .navbar.navbar-default ul a:hover{text-decoration: none;}
    header .navbar.navbar-default ul li.link .line {bottom: calc(50% - 1px);border-width: 3px;width: 110%;left: -5%;}
    header.header2 .navbar.navbar-default ul li.link .line {border-width: 3px;}
    header .navbar.navbar-default ul li.icon_cont {margin: 0;display: none;}
    header .navbar.navbar-default ul li.icon_cont.last {margin: 0;display: block;}
    .navbar.navbar-default ul li .lang_icon {display: none;}
    header .navbar.navbar-default ul .icon_cont .langs_cont {position: static;width: 100%;margin: 5px 0;float: left;}
    header .navbar.navbar-default ul .icon_cont .langs {display: block;}
    header .navbar.navbar-default ul .icon_cont .langs li{display: inline-block;text-transform: uppercase;}
    header .navbar.navbar-default ul .icon_cont .langs li .line {border-bottom: 3px solid white;position: absolute;bottom: 1em;width: 100%;display: none;left: 0;}
    header.header2 .navbar.navbar-default ul .icon_cont .langs li .line {border-color: black;}
    header .navbar.navbar-default ul .icon_cont .langs li.selected .line {display: block;}
    header .navbar.navbar-default ul .icon_cont .langs li:hover .line {display: block;}
    header .navbar.navbar-default .navbar-collapse > ul {background-color: rgba(0,0,0,0.1);border: none;}
    header.header2 .navbar.navbar-default .navbar-collapse > ul {border: 1px solid black;background-color: rgba(255,255,255,1);}
    .navbar-header.right {position: fixed;z-index: 99;right: 0;top: 25px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #e7e7e7;height: auto;float: left;position: fixed;width: 100vw;left: 0;padding: 0;top:90px;z-index: 99;}
    header .navbar.navbar-default ul .icon_cont .langs {position: static;}
    header .navbar.navbar-default .navbar-collapse > ul {position: static;width: 100%;}
    header .navbar-toggle {border-radius: 100%;width: 50px; height: 50px;border: 1px solid white !important;}
    header.header2 .navbar-toggle {border: 1px solid black !important;}
    .navbar-toggle .icon-bar {margin: auto;}
    header.header2 .navbar.navbar-default ul li.link {border-bottom: 1px solid black;padding: 10px 0 !important;}
    header .navbar.navbar-default ul li.link {border-bottom: 1px solid white;padding: 10px 0 !important;}
    header .langes {display: block;width: 50%;margin: auto;text-align: center;}
    header .navbar.navbar-default ul li.lang{display: inline-block;border: none !important;width: 22%;float: left;margin: 0 5%;}


    /*equipo*/
    #equipo .membres_list .membre_link_{width: 40%; float: left;}
    #equipo .membres_list .membre_link_.visible{margin: 2.5% 5%;}
    #equipo .membres_list .membre_link_.visible:nth-child(4n-2){margin: 2.5% 5%;}
    #equipo .membres_list .membre_link_.visible:nth-child(4n+1){margin: 2.5% 5%;}
    #equipo .membres_list .membre_link_.visible.margin-l-3-per{margin: 2.5% 5%;}
    #equipo .membres_list .membre_link_.visible.margin-r-3-per{margin: 2.5% 5%;}
    #equipo .membres_list .membre_link_.visible.margin-3-per{margin: 2.5% 5%;}
    #equipo .membres_list .membre_link_ .img{height: calc(40vw);background-size: cover;background-position: center;}
    #equipo .membres {margin-bottom: 40px;}
    #equipo .membres .membre_ .text .personal {margin-top: 10px;}
    #equipo .head {margin-bottom: 40px;}
    #equipo .membres .membre_ .img{height: 500px;position: relative;}
    #equipo .membres .membre_ .text .forma_cont {height: auto;}
    #equipo .membres .membre_ .text .forma_cont p {margin-bottom: 10px;}
    #equipo .membres .membre_ .text .forma_cont ul li {margin-bottom: 10px;}
    #equipo .simplebar-scrollbar{display: none;}
    #equipo .vertical .line{display: none;}
    #equipo .head{column-count: 1;font-size: 14px;}
    #equipo .head p{padding: 0;}
    #equipo .head p:first-child{padding-left: 0;}
    #equipo .head p:last-child{padding-right: 0;}
    #equipo .simplebar-scroll-content{margin: 0;padding: 0;}
    #equipo .simplebar-content{margin: 0;padding: 0;}
    #equipo .line{display: none;}
    #equipo .membres .membre_ .img {width: 100%;}
    #equipo .textes_equip{width: 100%;text-align: left;}
    #equipo .textes_equip:first-child{margin-right: 0%}
    #equipo .textes_equip:last-child{margin-left: 0%}
    #equipo .forma_dates {padding-right: 0px;}

    /*proyectos*/
    #proyectos .proyects .proyect_{width: 40%;margin: 0 5%;margin-bottom: 2.5%;}
    #proyectos .proyects a:nth-child(3n+1) .proyect_{margin: 0 5%;margin-bottom: 2.5%;}
    #proyectos .proyects a:nth-child(3n) .proyect_{margin: 0 5%;margin-bottom: 2.5%;}
    #proyectos .proyects .oscur{opacity: 1 !important;} 



    /*footer*/
    footer .t-l,footer .t-r{text-align: center;}
    footer .logo {margin: auto;}
}
@media(max-width: 640px){
    /*home*/
    #home #home_slider .item .text {width: 76%;left: 12%;}


    /*proyectos*/
    #proyectos .proyects .proyect_ {height: 200px;}
}
@media(max-width: 500px){


    .desktop{display: none !important;}
    .mobile{display: none !important;}
    .tablet{display: block !important;}

    /*home*/
    #home #home_slider .item .text {width: 76%;left: 12%;}
    #home #home_slider .item .text .title {font-size: 18px;}
    #home #home_slider .item .text .desc_cont .desc {margin: 10px 0;}

    /*#equipo .membres_list .membre_link_{width: 90%; float: left;}*/
    /*equipo*/
    #equipo .membres .membre_ .img{height: 300px;background-size: 300px;background-repeat: no-repeat;}
    #equipo .membres .membre_ .img .oscur {width: 300px;left: calc((100% - 300px)/2);height: 77%;}
    #equipo .membres .membre_ .img .text {width: 300px;left: calc((100% - 300px)/2);top: 37.5%};
    #equipo .membres .membre_1 .img{background-image: url(../images/equipo/petit/maria.jpg)}
    #equipo .membres .membre_1 .img{background-image: url(../images/equipo/petit/maria.jpg)}
    #equipo .membres .membre_2 .img{background-image: url(../images/equipo/petit/dani.jpg)}
    #equipo .membres .membre_3 .img{background-image: url(../images/equipo/petit/rafel.jpg)}
    #equipo .membres .membre_4 .img{background-image: url(../images/equipo/petit/tomeu.jpg)}
    /*#equipo .membres .membre_5 .img{background-image: url(../images/equipo/petit/pablo.jpg)}*/
    #equipo .head ul li {

        display: block;
        width: 100%;
        margin: 5px 0;
    }
    #equipo .membres_list .membre_link_ {width: 90%;float: left;margin: 5% !important;}
    #equipo .membres_list .membre_link_ .img{height: 300px;background-position-y: top;}



    /*proyectos*/
    #proyectos .proyects .proyect_ {width: 95%; margin: 2.5% !important;height: calc(100vw - 100px);}

    /*proyecto*/
    /*#proyecto {margin-top: 0px;}*/
    /*#proyecto #proyecto_slider .item {height: calc(100vw - 100px);}*/
    #proyecto .chang_proy {display: none;}
    #proyecto .list_img {display: none;}

    /*contacto*/
    #contacto .form_cont {margin-top: 40px;}
    #contacto .mapa{height: calc(100vw - 100px);}
    .but {width: 100%;}
    #contacto .form_cont .input_cont::after {display: none;}

}
@media(max-width: 400px){
    /*equipo*/
    #equipo .membres_list .membre_link_ .text {}
    #equipo .membres_list .membre_link_ .text .upper {font-size: 14px;}
}
@media(max-width: 360px){
    /*home*/
    #home #home_slider .item .text {line-height: 16px;}
    #home #home_slider .item .text .desc_cont .desc{text-align: left;}

    /*proyecto*/
    #proyecto .cont_slider .list_img .img {height: 75px;}

    /*proyectos*/
    #proyectos .proyects .proyect_ .oscur {padding-top: calc(15% + 9vw);}
}
@media(max-height: 600px){
    #home #home_slider .item .text {bottom: 20%;}
}