/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29-jun-2015, 16:49:05
    Author     : pacuna
*/


/*========================================================
                    1. Import
=========================================================*/
body{overflow-x: hidden;}
@font-face{font-family:'Helvetica Neue';src:url('../fonts/HelveticaNeueLTStd Lt.woff') format('woff');}


.campaignShowArrowRegion .arrow { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); fill: #fff; }

.campaignShowHeroVideoRegion, .campaignShowHeroTitleContainer, .campaignShowArrow { -webkit-transition: 1s opacity; -moz-transition: 1s opacity; transition: 1s opacity; }

.campaignShowArrow { margin-bottom: -1.25rem; padding: 1.25rem; }

.campaignShowHeroLayout .contentRegion { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.campaignShowHeroLayout .headerRegion { position: absolute; top: 0; left: 0; }

.campaignShowHeroLayout .backgroundVideo { position: /*absolute;*/ fixed; top: 0; } /* cambiado por PAU */

.campaignShowHeroLayout .campaignShowArrowRegion { bottom: 2.25rem; z-index: 3; }

.campaignShowHeroLayout .campaignShowArrowRegion .arrow { opacity: 0.5; }

.campaignShowHeroLayout .campaignShowArrowRegion:hover .arrow { opacity: 1; }

.campaignShowHeroLayout { /*height: 100%; width: 100%;*/ background-position: center; background-size: cover; }

.campaignShowHeroLayout .backgroundVideo 
{ 
    -webkit-transform: translateX(-50%); 
    -moz-transform: translateX(-50%); 
    /*-ms-transform: translateX(-50%); */
    -o-transform: translateX(-50%); 
    /*transform: translateX(-50%); */
    /*display: none;*/ 
    height: auto; 
    /*margin-left: 26.9%;*/  
    margin-left: 0px; 
    min-height: 100%; 
    min-width: 100%; 
    width: auto;
}
.no-touch .campaignShowHeroLayout .backgroundVideo { display: grid !important; }

.no-touch .campaignShowHeroLayout .belowPlayRegion, .no-touch .campaignShowHeroLayout .abovePlayRegion { height: 5.9375rem; }

.campaignShowHeroLayout .belowPlayRegion { opacity: 0; position: relative; }

html.touch .campaignShowHeroLayout .belowPlayRegion { display: none; }

.campaignShowHeroLayout .ctaContainer .cta { margin-top: 2.125rem; margin-right: 0.9375rem; margin-left: 0.9375rem; }

/*
.dropdown:hover .dropdown-menu {
   display: block;
}
*/


/* MENU STYLE BORRAR*/

#mainNav{
    /*margin-left: 15%;
    margin-right: 15%;*/
    /*margin-left: 20%;
    margin-right: 12%;*/
    /*margin-left: 23.6%;*/
    margin-left: 19.6%;
    margin-right: 12.3%;
    margin-top: 2%;
    height: 8%;
}

.navMini{

    margin-top: 3%;
    height: 45px;

}

.navbar-fixed-top{
    border-width: 1px 0px 1px;
}

#lista_menu{
    position: relative;
    background-color: white;
}

ul#lista_menu {
    text-align: center;
    vertical-align: middle;
    top: 10%;
    width: 90%
}

#lista_menu li {
    display: inline-block !important; /* the key bit */
    *display: inline !important; /* IE7 hack */
    *zoom: 1 !important; /* IE7 hack */
    float: none !important;
}

.submenus li {
    width: 150px;
}

.padding_left_10x100{
    padding-left: 10% !important;
    text-align: center !important;
}
/* END MENU STYLE BORRAR */

/* MENU SOLUCIONS*/

#menu_soluciones, #menu_ingenieria_arquitectura, #menu_quienes_somos{
    background-color: rgba(255, 255, 255, 0.38);

    display: inline-block  /* !important; the key bit */
        *display: inline  /* !important; IE7 hack */
        *zoom: 1 !important; /* IE7 hack */
    float: none !important;
    width: 100%;
    text-align:center;
    margin-bottom: 1%;
}




.submenus{
    float: none;
    display: table-caption !important;

    /* background-color: rgba(255, 255, 255, 0.38);*/

    /*display: inline-block  /* !important; the key bit */
    *display: inline-block  /* !important; IE7 hack */
        *zoom: 1 !important; /* IE7 hack */
    float: none !important;
    width: 100%;
    text-align:left;
    margin-bottom: 1%;  
}

.open > .dropdown-menu {
    display: table-row-group;
}

.open > .dropdown {
    width: 150px;
}


.dropdown-menu {
    /*min-width: 200px;*/
    background-color: rgba(255,255,255,1);
    color:#1F1E1E;


    /*padding-left: 5px;/*
    /*position: inherit;*/
}
.dropdown-menu.columns-2 {
    max-width: 400px;
    position: relative;
    padding: 0 5px;
}
.dropdown-menu.columns-3 {
    max-width: 600px;
    position: relative;
    padding: 5px 10px;

}
.dropdown-menu li a {
    padding: 5px 15px;
    font-weight: 300;
}
.multi-column-dropdown {
    list-style: none;
}
.multi-column-dropdown li a {
    display: block;
    clear: both;
    line-height: 1.428571429;
    color: #333;
    white-space: normal;
}
.multi-column-dropdown li a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.info-menu{display: none;}
.submenu_tel{display: none}
.dropdown-toggle i{display:none;}
@media (max-width: 767px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {left: 0;}
    .corporate-standards-img {min-height: 260px !important;}    

    .modal-lg > .modal-content{background-image: none !important;}

    .btn-call{vertical-align: middle;height: 45px;display: table-cell;padding: 0 15px;margin-bottom: 0 !important;font-size: 14px;border-radius: 0 !important;text-transform: uppercase;font-weight: 700}
    .quadrat-phone{height: 8px;width: 8px;background: #ffe100;position: absolute;top: 1px;}
    .info-menu .btn-primary.btn-iaso, .submenu_tel .btn-primary.btn-iaso{background-color: white;text-align:center;}

    .mega-dropdown-menu {background-color: rgba(255, 255, 255, 1) !important;}
    #mregion{display: none;}
    .logo{background-image: url(../img/logoIASO1.jpg) !important;background-size: cover;}
    .info-menu{display: block;margin-top: 8px;text-align: right;width: 102px;float: left;padding-left: 23px;margin-top: 16px;}
    .menu-active{/*background: rgba(254, 230, 0, 0.2) !important;*/
        background: #ffe100; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(right, #ffe100 , white); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(left, #ffe100, white); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(left, #ffe100, white); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to left, #ffe100 , white); /* Standard syntax (must be last) */
    }

    .submenu_tel{display: block;}
    /*.submenu_tel{display: block;list-style-type: none;padding: 0;margin-top: 30px;}
    .submenu_tel .dropdown-header{font-size: 25px;color: black;}
    .submenu_tel li{padding-top: 10px;}*/

    .modal-lg h3{font-size: 18px !important;}

    .dropdown-menu.multi-column {
        min-width: 240px !important;
        /*overflow-x: hidden;*/
    }
    .logo_gran {
        width: 64px !important;
        height: 64px !important;
        margin-top: 0% !important;
    }
    #mainNav {
        z-index: 999;
        position: fixed;
        margin-top: 0 !important;    
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 24.6%;
        padding-right: 30px !important;
    }
    .navbar-toggle{margin-right: 0px;}

    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
            /*top: 11.5%;*/
            top: 70px;
    }
    .affix-top #barra_nav > ul > li > a{color: black !important;}
    .nav.navbar-nav{text-align: left !important;}
    .dropdown-menu.mega-dropdown-menu {/*top:28% !important;*/top: 145px !important;}
    .affix .navbar-nav>li>.dropdown-menu{margin-left: 0 !important;width: 100% !important;} 
    #mregion{z-index: 18 !important;right: 27% !important;color: black !important;}
    .xs-first-div{padding-top: 56px !important;}
    #portfolio >div >div{padding-bottom: 4%;}
    .row.row-eq-height{display: block;}
    .row.row-eq-height >div{padding-bottom: 4%;}
    .num-project-slider{font-size: 2rem !important;}
    .text-project-slider{font-size: 1.5rem !important;}
    .CTA_margin h2{margin-top: 25% !important;}
    .container-fluid {padding: 0;}
    .xs-padding-bottom4{padding-bottom: 4%;}
    .xs-padding15{padding-left: 15px;padding-right: 15px;}
    .division figcaption{padding: 5px 0 5px 0 !important;}
    #controls{padding-top: 26px;}
    .grid_products .panel{margin-right: 0 !important;margin-left: 0 !important;}
    .width-modal-form{width: 95% !important;top: 66px;}
    .width-modal-form .input-group{width: 100%;}
    .separator-line-project, .separator-line-project-w100{height: 3px !important;margin-left: 4.5% !important;margin-top: 6.6% !important; max-width: 30%;}
    #filtro .controls{display: block !important;}
    #filtro .controls li a{border-right: 0px solid white !important;}
    #main .box{margin-left: auto;margin-right: auto;left: 0 !important;right: 0;}
    .table-responsive{margin-bottom: 63px !important;}
    .CTA_margin .quadrat{width: 35px !important;height: 35px !important;}
    /*.fancybox-nav{display: none !important;}*/
    .xs-margin-bottom100{padding-bottom: 11% !important;}
    .mega-dropdown-menu .dropdown-header{margin-bottom: 5px !important;margin-top: 15px;}
    .container_web .nav > li{padding-bottom: 0px;}
    #animated-tab .nav-tabs > li > a{font-size: 40px !important;padding: 0 30px !important;}
    #animated-tab .nav-tabs .text {font-size: 13px !important;}
    .img-border-small-fix{width: 100% !important;left: 0% !important;}
    .corporate-standards-text {min-height: 370px !important;}
    .xs-padding-five{padding-top: 5%;padding-bottom: 5%;}
    .grid_products.controls li:first-child{margin-top: 8% !important;}
    .grid_products.controls li{margin-top: 0 !important;}
    .grid_products.controls li:last-child{margin-bottom: 4%;}

    .new-efect{margin-bottom: 10%;}
    .new-efect .work-process-icon{color: #fdd947 !important;}
    .new-efect h4.padding-two{padding-top: 5%;padding-bottom: 5%;}

    .width_50x100 {width: auto !important;margin-bottom: 10px;}
    .vcenter {display: block !important;}
    .vcenter br{display: none;}
    .border_gradient-left {background-image: linear-gradient(to right, #FFFFFF, #8E7C7C, #FFFFFF), linear-gradient(to right, #FFFFFF, #8E7C7C, #FFFFFF) !important;background-size: 100% 2px !important;padding-top: 10px !important;}
    .ul-material{top: 180px !important;}
    .div-sistema{height: 180px;}

    .table-cataleg tr td:nth-child(3), .table-cataleg tr td:nth-child(4), .table-cataleg tr th:nth-child(3), .table-cataleg tr th:nth-child(4){display: none}
    .table-cataleg tr th:nth-child(5){width: 25% !important;}
    .img-thumbnail-list {max-width: 45px !important;}
    .footer > div > div:nth-child(1) > div:nth-child(2){display:none}
    .col-home-1{padding-bottom:20px;padding-left:0px;padding-right:0px;}
    .navbar-nav, .submenu_tel li{border-bottom: 1px solid rgba(0,0,0,.1);}
    .navbar-default .navbar-toggle{border-color:white;}
    .dropdown-toggle i{display: block;position: absolute;right: 10px;top: 11px;text-align: right;color: #ffe100;font-size: 22px;}
    .footer-copyright li {margin: 0px 6px !important;}

    header.home{display: none;}

    .navbar-toggle{padding: 8px 10px;}
    .navbar-default .navbar-collapse{top: 65px;}
    .mega-dropdown-menu > li > ul > li > a{font-family: 'Helvetica Neue' !important;font-size: 1.3rem !important;}
    #carousel-example-generic .padding-lr-2{padding-top: 4px !important;overflow: hidden;}
    .container_web .row.text-left .col-lg-4.col-sm-6.no-padding-left.no-marging{height: auto !important;}
    .fancybox-nav span {visibility: visible !important;}
    .fancybox-close{right: 0px !important;}
    /*.container_web .navbar#filtro{display:none;}*/
    #filtro .grid_products.controls{display:none !important;}
    #filtro{border-color: transparent;}
    .isotopeMain.container_web{margin-top: 30px !important;}
    #menu_solutions+ul{top: 30px !important;}
    #menu_products+ul{top: 78px !important;}
    #menu_ing+ul{top: 142px !important;}
    #menu_somos+ul{top: 190px !important;}
    /*.dropdown-toggle.menu-active i{color: white;}*/
    .box.bigH {width: 249px !important;height: 249px !important;}
    /*#filtro > .row.group > .col-lg-12.col-md-12.col-sm-12.col-xs-12{padding-left:15px !important;}*/
    #filtro > .row.group .no-padding{padding-left:15px !important;padding-right:15px !important;}
    .menu-projectes{display:none !important;padding-left: 15px !important;}
    .menu-projectes.menu-show, #filtro .grid_products.controls.menu-show{display:block !important;}
    #filtro .grid_products.controls{padding-top:0;}
    .fancybox-title-float-wrap .child{white-space: initial !important;}
    .navbar-default .nav > li>a{color: #6b6b6d !important;}
    .controls li a, .class-submenu li p {font-family: 'Helvetica Neue';}
}


@media (min-width: 768px) and (max-width: 979px) {
  .CTA_margin h2{margin-top: 30% !important;}
  #mregion{right: 2% !important;margin-top: 4% !important;z-index: 6 !important;}
  .logo_gran{width: 64px !important;height: 64px !important;}
  #mainNav .collapse{background: transparent !important;padding: 0px !important;min-height: 1% !important;    border-bottom-width: 0px !important;}
  .collapse{padding: 0px 0% !important;}
  .nav > li > a{padding: 18px 8px;}
  .affix .navbar-nav>li>.dropdown-menu{top: 77% !important;margin-left: 0 !important;width: 100% !important;}
  .img-border-small-fix{width: 100% !important;left: 0% !important;}
  .sm-padding-top90{padding-top: 9% !important;}
  .sm-margin-bottom100{padding-bottom: 11% !important;}
  .CTA_margin .quadrat{width: 40px !important;height: 40px !important;}
  /*.fancybox-nav{display: none !important;}*/
  .sm-padding-lr20{padding-left: 20px;padding-right: 20px;}
  #barra_nav > ul > li > a{font-size: 9px !important;}
  .nav.controls li{float: left;}
  .nav.controls{display: block;margin-bottom: 10px;}
  .new-efect .work-process-icon{color: #fdd947 !important;}
  .new-efect h4.padding-two{padding-top: 5%;padding-bottom: 5%;}
  .navbar-nav>li>.dropdown-menu{left: -21.6%;top: 91% !important;}
  .dropdown-header{white-space: inherit !important;}
}

@media (min-width: 980px) and (max-width: 1180px) {
      #barra_nav > ul > li > a {font-size: 11px !important;}      
}


@media (min-width: 979px) and (max-width: 1100px) {
    #mregion{right: 4% !important;}
    .navbar-collapse {width: 117%;}
    /*.fancybox-nav{display: none !important;}*/
    .hidden-tablet-h{display: none !important;}
    .mega-dropdown-menu{width: 113% !important;}
    .affix .navbar-nav>li>.dropdown-menu {width: 79% !important;}
    .ubi-contact p, .ubi-contact a {font-size: 10px !important;}
    .new-efect .work-process-icon{color: #fdd947 !important;}
    .new-efect h4.padding-two{padding-top: 5%;padding-bottom: 5%;}
}


/* TAMANY DE LES FONTS */
.font_1em{
    font-size: 1em !important;
}   

.font_1-3em{
    font-size: 1.3em !important;
}

.font_08em{
    font-size: .8em !important;
}

/* COLORS */
.col-iaso{
    color: #FEE600 !important;
    
}
/* BACKGROUND */
.bg-lightgray{
    background-color:   ;
    color:#999;
}

.bg-iaso{
    background-color: #ffe100 !important;
    color:#5e5e5e !important;

}


.bg-white{
    background-color: #FFF !important;
    color:#5e5e5e !important;

}

.bg-darkgray{
    background-color: #5e5e5e;
    color:white;  
}

.bg-grisoscuro{
    background-color: rgb(94, 94, 94);
    color:white
}

/* CARROUSELL */

.carousel-custom{
    position: absolute;
    bottom: 10px;
    left: 75%;
    z-index: 15;
    width: 20%;
    padding-left: 0;
    margin-left: 0;
    text-align: center;
    list-style: none;
}

.no-border{
    border: 0px;
    box-shadow: none;
    border-color: transparent;
    border-radius: 0px;
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.border-R-Only{
    border-right: 1px;
    box-shadow: none;
    border-color: white;
    border-radius: 0px;
    width:100%;
}


/* 2 X COLUMNES IGUAL ALÇADA */
.body-row {
    display: table;
    position: inherit;
    //background-color: #ECE8E8;

}

.left-side {
    padding-top: .3%;
    padding-left: 3%;
    padding-right: 3%;
    float: none;
    display: table-cell;
    vertical-align: middle;
    width: 70%;
}

.left-10x100 {
    left:10%;
}

.right-side {

    float: none;
    display: table-cell;

}

.text-right-side-carrousell{
    top: 40%;
    position: absolute;
    left: 85%;
    text-align: right; 

}

.text-right-side-carrousell p{
    font-size: .9em;
}

@media(max-width:1768px) {
    .text-right-side-carrousell{
        display:none;
    }
}


.left-big-box{
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.right-small-box{
    float: none;
    display: flex;
}
/* FI 2 X COLUMNES IGUAL ALÇADA */

/* ACORDION */
.panel-heading-acordion {
    /*padding: 2% 1%;
    margin-bottom: 1%;
    background-color: whitesmoke;*/ 
    padding: 2% 1%;
    padding-bottom: 2.6%;
    background-color: whitesmoke;
    margin-bottom: 1%;
}

.panel-heading-acordion.last{
    margin-bottom: 0%;
}

.panel-group {
   margin:0px;
}

.mini {
    padding: 6% 3%;
}

.panel-heading-acordion h6 a{
    font-family: 'Helvetica Neue';
}

.panel-heading-acordion .fa{
    font-size: 25px;
}
/* PANNEL */
.panel-heading {

    border-bottom: 1px solid white;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: white;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 0px;
    /*padding-top: 15px;
    padding-bottom: 15px;*/
    /* background-color: lightgray;*/
}
.panel-heading h3{
    letter-spacing: 1px;
    padding-top: 20px !important;
    padding-bottom: 20px !important; 
}
.panel-heading-product h3{padding-top: 10px !important;padding-bottom: 5px !important;font-size: 1.6rem !important; }

.panel-heading-home {

    border-bottom: 1px solid white;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: white;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 10px 15px;
}
.panel>a{text-decoration: none;}
.panel-heading h3 ,.panel-heading-home h3 
{
    font-size: 20px;
    margin-top: 0px;
    padding-top: 5px;
    margin-bottom: 0px;
    padding-bottom: 5px;  
    color: white;  
}


.no-padding-LR{
    padding-left: 0px;
    padding-right: 0px;
}


.no-padding-TB{
    padding-top: 0px;
    padding-bottom: 0px;
}

.no-margin-TB{
    margin-top: 0px;
    margin-bottom: 0px!important;
}

.no-margin-T{
    margin-top: 0px;
}

.marginTop1x100{
    /*margin-top: 1.2%;*/  
    margin-top: 0.5%;

}

.no-padding-015{
    padding: 0 15px;
}

.heigth30px{
    height: 30px;
}

.pos_relative{
    position: relative;
}

/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 30px;*/
    height: 0;
    overflow: hidden;
    border: 0px;
}

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

/*#map {
    max-width: 50%;
    height: 150px;
}*/

.equal, .equal > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

/* border Bottom style */
.border-B, .border-BigNew{
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: lightgrey;
}

.img_title{    
    position: absolute;
    text-align: center;
    width: 100%;
    background-color: rgba(178, 178, 68, 0.85);
    color: white;


}

.img_title div {
    display: inline-flex;margin-top: 5px;margin-bottom: 5px;
}
.img_title p {
    margin-bottom: 0;
    margin-top: 5px;
}


.oculta{
    display: none !important;
}

.marco{
    width: auto !important;
    height: auto !important;
}

.marco:hover{
    background-color: rgba(2,56,230,.6);
}

.estil_portfolio li{
    list-style: none;
}


.div_image { 
    position: relative; 
    width: 100%; /* for IE 6 */
}

.div_image img{
    width: 100%;
}

.div_image h2{
    position: absolute; top: 5%; width: auto;
    text-align: left;
    /*text-shadow: 3px 2px #000;*/
    text-shadow: 1px 0px #000;
    background-color: rgba(0, 0, 0, 0.6) !important;
    left: -3px; 
    padding-right: 1% !important;
}

.div_image p{
    color: white;text-shadow: 1px; padding: 10px; padding:0 5px;
    font-size: 1.1em;
}

.div_image h2 span{
    color: white;font: lighter 44px/65px Helvetica; letter-spacing: -1px; text-shadow: 1px;
}

.div_image p span{

    /*display: inline-flex;*/

    bottom: 0;
    margin-bottom: 5%;
     color: white;font: lighter 29px/50px Helvetica; letter-spacing: -1px; text-shadow: 1px;
}

.sub_text_image{
    text-align: left;
    padding-left: 3%;
    background-color: rgba(134, 127, 127, 0.44);
    bottom: 0;
    /* display: inline-flex; */
    height: 50px;
    width: 100%;
    position: absolute;
    text-shadow: 3px 2px #000;
    margin-bottom: 5%;
}

.sub_text_image_proj{ /*Tambe a sistemes*/
    text-align: left;
    padding-left: 3%;
    background-color: rgba(94, 94, 94, 0.8);
    bottom: 0;
    /* display: inline-flex; */
    height: 63px;
    width: 100%;
    padding-top: 3%;
    position: absolute;
    text-shadow: none;
    color:#FFF;


}

.top_text_image_proj{ /*Tambe a sistemes*/
    text-align: center;
    top: 0;
    /* display: inline-flex; */
    height: 17.7%;
    /*height: 63px;*/
    width: 100%;
    position: absolute;
    text-shadow: none;
    background-color: #5e5e5e;
    color: white;
    border-bottom: 1px solid white;
}
/*.top_text_image_proj h3{margin-top: 5% !important;margin-bottom: 5% !important;}*/
.top_text_image_proj h3{margin-top: 0% !important;margin-bottom: 0% !important;display: table;width: 100%;}
.top_text_image_proj h3 span{display: table-cell;vertical-align: middle;}



.sub_text_image_proj  p{
    margin-bottom:0;
    font-size: 16px;
    font-size:1.6rem;
    line-height: 1.1;
}

.sub_text_image_proj  p span{
    display:inline-block;
    width:99%;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}


/*----------------------------------------------------------------------------*/
/* GRADIENTES*/
/*----------------------------------------------------------------------------*/

.border_gradient{
    background-image: 
        linear-gradient(#FFFFFF, #8E7C7C, #FFFFFF),
        linear-gradient(#FFFFFF, #8E7C7C, #FFFFFF);

    background-size:2px 100%;
    background-position:0 0, 100% 0;
    background-repeat:no-repeat;
    border-left-width: 2px;
}

.border_gradient-left{
    background-image: 
        linear-gradient(#FFFFFF, #8E7C7C, #FFFFFF),
        linear-gradient(#FFFFFF, #8E7C7C, #FFFFFF);

    background-size:2px 100%;
    background-repeat:no-repeat;
    border-left-width: 2px;
}

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




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

/*.text-left p{
    width: 70%;
}*/

.no-marging.text-right-side-carrousell p{
    width: 100%;
}

/* Removes the default 20px margin and creates some padding space for the indicators and controls */
.carousel {
    margin-bottom: 0;
   /* padding: 0 40px 30px 50px;*/
}

.carousel.petitCarousel{
    padding: 0 0px 0px 0px;
}

/* Reposition the controls slightly */
.carousel-control.right{
    right: 0%;
    width: 2%;
    background-color: #111;
    top:1px;
}

.carousel-control.left{
    left: 0%;
    width: 2%;
    background-color: #111;
    top:1px;
}

.carousel-control-home.right{
    right: 0%;
    width: 3%;
}

.carousel-control-home.left{
    left: 0%;
    width: 3%;
}
a.carousel-control-home.right:hover,a.carousel-control-home.left:hover{color: white !important;}
/* Changes the position of the indicators */
.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
    background: #FEE600;
    border: 1px solid #000;
}
.carousel-indicators .active {
    background: #FFF;
    border: 1px solid #000;
}

.thumbnail{
    float: left !important;
}

.carousel-inner > .item > img {
    margin: 0 auto;
}



.form.left{
    text-align: left;
}

.error{
    display: block;
}

/*
.jumbotron .carousel-control {
    position: absolute;
    top: 40%;

    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 25px;
    color: #ffffff;
    text-align: center;
    background: #222222;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
*/
/****************************************************/
/* Scroll down image */

.b-detail-header {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}

/*---------------------------*/
/*    CENTRA THUBNAILS*/
/*--------------------------*/

.vertical-center {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    text-align: center;
    z-index: 3;
    margin-bottom: 0;

}

.row-centered{
    text-align:center;
}

.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
col-fixed {
    /* custom width */
    width:200px;
}
.col-min {
    /* custom min width */
    min-width:200px;
}
.col-max {
    /* custom max width */
    max-width:200px;
}

/*---------------------------*/
/* TITULO IASO*/
/*---------------------------*/
/*div h3{
    background-color: #FDE500;
    color: #000;
    width: 100%;
    height: 40px;
    vertical-align: middle;
    padding-top: 10px;
    padding-left: 1%;
    margin: 0;

}*/

.subtitol{
    background-color: transparent;
    color: #000;
    width: 100%;
    height: 40px;
    vertical-align: middle;
    text-align: left;
    padding-top: 10px;
    margin-bottom: 1%;
    font-family: 'Helvetica Neue Light';
    font-weight: lighter;


}
/*---------------------------*/
/* CTA IASO*/
/*---------------------------*/
.CTA{
    width: 100%;
    /*height: 93.5%;*/
    height: 100%;
    /*padding-top: 10%;
    padding-bottom: 10%;*/
    border: 4px solid #ffe100;
    display: table;
}

.CTA a{
    text-decoration: none;
    display: table-row;
    outline: none;
}

.CTA a:hover{
    color: black;
}

.CTA_margin{
    /*margin-top: 13%;
    margin-left: 15%;*/
    padding-left: 15%!important;
    padding-right: 15% !important;
    font-weight: bold;
    display: table-cell;
    /*vertical-align: middle;*/
    vertical-align: text-top;
    transition: all 1s;
}
.CTA_margin.CTA_margin1{
    padding-left: 15px!important;
    padding-right: 15px !important;
}

.CTA_margin .quadrat{width: 50px;height: 50px;background-color:#ffe100;position: absolute;top: 4px;}
.bg-iaso .CTA_margin:hover{box-shadow: 0px 0px 0px rgba(255, 255, 255, 0);}
.CTA_margin:hover{box-shadow: 0px 0px 30px rgba(255, 225, 0, 1);}
.CTA_margin h2{margin:0;margin-top: 30%;text-transform: none;}
.CTA_margin .separator-line{margin:0% !important;}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:  flex;
}
.col-eq-height{min-height: 190px;}
.product_detail .col-eq-height{min-height: 0;}

.small-icon{
    font-size: 40px !important;
    margin-top: 40%;
    margin-left: 10px;
    margin-bottom: 10px;
}



/*---------------------------*/
/* FICHA PRODUCTO IASO*/
/*---------------------------*/

.list-group-item  {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-style: none;
}
.migas,.migas a{color: #B8B8BB;}

/*.accordion-toggle:after {
    /* symbol for "opening" panels */
/*    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
/*    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
/*    float: right;        /* adjust as needed */
/*    color: grey;         /* adjust as needed */
/*    position: absolute;
/*    right: 0;
/*    top: 50%;
/*    font-size: 1.5em;
}
.accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
/*    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
/*}*/

a.list-group-item.accordion-toggle:hover{
    /*color: #FFE100;*/
    text-decoration: none;
    background-color: transparent;
}


a.list-group-item.accordion-toggle:focus {
    text-decoration: none;
    background-color: transparent;
}

.ficha_producto
{
    font-size: 11px;
    font-size: 1.1em;
    text-align: left;
    margin-bottom: 1%;
}
.ficha_producto_border{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px;
    border-bottom-color: #000;
    border-style: solid;
    margin-bottom: 1%;
}

.ficha_producto p{
    margin-top: 5px;
    margin-bottom: 0px;
}



.fullrow {
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: right;
}

.colordvcon {
    display: inline-block;
    margin: 3px 1px;
    text-align: center;
    font-family: Courier,monospace;
    padding: 6px;
    width: 32px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}

.colordva {
    height: 30px;
    width: 30px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    border: 1px solid black;
}

.panel-heading.bg-darkgray a{
    color:white;
}

.panel-heading.bg-darkgray a:hover{
    text-decoration: none;
}

.panel-heading.bg-darkgray:hover{
    background-color: darkgray;
}

.portfolio-hover:hover .panel-heading.bg-darkgray{
    background-color: darkgray;
}

/*---------------------------*/
/* FICHA DETALL PROJECTE IASO*/
/*----------------------------*/
 .nav-proyectos {
    position: fixed;
    width: 55px;
    height: 32px;
    top: 50%;
    margin-top: -18px;
    display: block;
    /*text-indent: -99999px;*/
    text-indent: 6px;
    z-index: 98;
    border: 1px;
    border-color: black;
}
#prev-proyecto>i{vertical-align:-webkit-baseline-middle;font-size: 20px;}
.nav-proyectos#prev-proyecto {
    left: -20px;
    /*background: #FEE600 url(../img/navegacion.png) no-repeat 84% 100%;*/
    background: #ffe100;
    -webkit-transition: left 0.2s linear;
    -moz-transition: left 0.2s linear;
    -o-transition: left 0.2s linear;
    transition: left 0.2s linear;
}
.nav-proyectos#next-proyecto {
    right: -20px;
    background: #ffe100 url(../img/navegacion.png) no-repeat 16% 0%;
    -webkit-transition: right 0.2s linear;
    -moz-transition: right 0.2s linear;
    -o-transition: right 0.2s linear;
    transition: right 0.2s linear;
}
.nav-proyectos#prev-proyecto:hover {
    left: 0px;
}
.nav-proyectos#next-proyecto:hover {
    right: 0px;
}
.info_projecte{
     margin-bottom:  4%;
}
.info_projecte h4:first-child{
    display: inline;
    font-family: 'Helvetica Neue';
    font-weight: bold;
}
.info_projecte h4{
    display: inline;
    font-family: 'Helvetica Neue Light';
}
.font_ultra_ligth{
    font-family: 'Helvetica Neue Light';
    font-weight: normal;
    text-transform: none;
}
.font_neue{
    font-family: 'Helvetica Neue';
}
body, hr.fancy-line:after {
    background: #f4f4f4;
}
.padding_row_detail_project{
    padding: 0 3%;

}

.padding_row_detail_project p{
    font-size: 1em;
}

.padding_row_detail_project h2, h4{
    margin: 0;
}

.box_detail_title p {
    margin: 0;
}

.box_detail_title h4 {
    margin-bottom: 3%;
    margin-top: 3%;
}

.iaso_list {
    list-style: none;
    padding:0;
    margin:0;
}

.iaso_list li { 
    padding-left: 1em; 
    text-indent: -.7em;
}

.iaso_list li:before {
    content: "￭ ";
    color: rgb(255, 229, 0); /* or whatever color you prefer */
    font-size: 1.2em;
}

.container_signed{
    text-align: left;
}




/*--------------*/
/* FORM CONTACT */

#myform .input-group{
    display: block;
}

.thumbnail h4{
   text-transform:none;
   text-align: left;
   margin-top: 5px;
}

#myform input, #myform textarea{
    margin-bottom: 15px;
}


/*---------------------------*/
/* FICHA SOLUTION IASO*/
/*---------------------------*/
#more-products{
    cursor: pointer;
}

.sol_slogan_top{
    min-height: 150px;
    vertical-align: middle;
    /* display: table-cell; */
    text-align: left;
    padding-left: 5%;
    width: 100%;
    /*padding-top: 5%;*/
}

.sol_slogan_top h1{
    margin-top: 0px;
    padding-top: 20px;
}

.sol_slogan_bottom{
    /*min-height: 262px;*/
    /* display: table-cell; */
    width: 100%;
    padding-top: 5%;
    text-align: left;
    padding-left: 5%; 
    padding-bottom: 5%; 
}

.sol_slogan_bottom h2{
    font-weight: lighter;
    font-size: 2.5em;
    font-family:'Helvetica Neue Light';
    margin-bottom: 0;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
    border:none;
}
.panel-default {
    border-color: transparent;
    text-align: left;
    margin-top: 0!important;

}

/* Font especial familia no ligth per al acordeon */
h6.panel-title{
    font-family: 'Helvetica Neue';
}

/*---------------------------*/
/* Footer*/
/*---------------------------*/
#footer_page >div{background-color: lightgray;}
.footer-copyright ul{
    -webkit-padding-start: 0;
}
.footer-copyright li {
    display: inline;
    font-family: 'Helvetica Neue Light';
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 1px;
    margin: 0 30px;
}

.footer-copyright ul li {
    list-style: none;
}

.footer-title{   
    font-family: 'Helvetica Neue Light';
    text-transform: uppercase;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.1;
    color: inherit;

}
.col-footer .p20{margin: 0 0 5px;}
.p20{/*font-size: 13px;*/font-size: 15px;}
.map-size{
    width: 100% !important;
    height: 240px !important;
}


.arrow-slider{
    font-size: 2.4em;
    margin-top: 40%;
}

/*---------------------------*/
/* Home*/
/*---------------------------*/
#portfolio .panel{margin-bottom: 0;}
.img320x320{width: 320px;height: 320px;padding: 0;margin-left: auto;}
.menu-somos{width: 34% !important;}

.read-more{font-weight: bold;}

.efect-transform img{transition: all .35s;}

.efect-transform:hover img{transform: scale(1.2,1.2);opacity: 0.40;}

.navbar-default-black .navbar-nav > .open > a, .navbar-default-black .navbar-nav > .open > a:hover, .navbar-default-black.navbar-nav > .open > a:focus{/*border-bottom: 3px solid black !important;*/}

/*---------------------------*/
/* FICHA SOLUCIONS IASO*/
/*---------------------------*/

/*carrousel*/
.row-fluid div a img{
    float:left;
    
    min-width: 100%;
    
}

.margin-bot-onex100 {
    margin-top: 5% !important;
    margin-bottom: 0.8% !important;
}



p {
    /*hyphenate-limit-chars: 6 2 3;*/
    text-align: left;

}
p, blockquote {
    -moz-hyphens:auto;
    -ms-hyphens:auto;
    -webkit-hyphens:auto;
    -o-hyphens:auto;
    hyphens:auto;
    /* otros valores: auto & none */
    word-wrap:break-word;
    word-break: normal;
    text-overflow: ellipsis;

}

.width_50x100{
    width: 50%;
}

.margin_carousel{
        margin-top: 5%;
        margin-bottom: 1%;
}

.table_center_btn{
    display: table;
    background-color:#f6f6f8;
    min-height:220px;
    width: 100%;
}

/*------popup-------*/
#modalForm > .modal-dialog{
    /*bottom: 5%;
    position: absolute;
    right: 20%;*/
    position: relative;
}

.width-modal-form{width: 700px;}


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

/*---------------------------*/
/* FICHA PROJECTE IASO*/
/*---------------------------*/

#btn_todos{margin: 0;}
.nowow{
    animation-name: none !important;
    visibility: visible !important;
}


.container_img_project{
    postition: relative;max-width:102%;/*max-height:768px;*/margin:auto;display:block;
}

.row.group > nav >div:first-child >a:first-child{
    padding-top: 3px;
}

.separator-line-project{
    background-color: #ffe100 !important;
    width: 45% !important;
    margin-bottom: 1% !important;
    height: 4px;

    margin-left: 60%;
    margin-top: 4%;
}

.separator-line-project-w100{
    background-color: #ffe100 !important;
    width: 45% !important;    
    margin-bottom: 1% !important;
    height: 4px;
    margin-left: 60%;
    margin-top: 4%;
}


.container_main{
    margin-left: 5%;
}

.controls{
    display: flex;
}

.controls li a{
    /*font-size: 1.2em;*/
    font-weight: lighter;
    padding-bottom: 0px;
    padding-top: 0px;
    /*margin: 0 5px;*/
    text-align: left;
    font-family: 'Helvetica Neue Light';
    
    text-transform: uppercase;
    /*font-size: 17px;*/
    letter-spacing: 2px;
    border-right: 1px solid #B8B8BB;
    /*display: inline;*/    
}

.controls li:last-child a {
    border-style: none;
}


/* El filtre esta desactivat*/
.controls li > a:focus {
  text-decoration: none;
  background-color: transparent !important;
  /*border-style: none;*/
}

/*
#controls li.active > a {
    text-decoration: none;
    color: #000;
    background-color: transparent;
    border-color: #FEE600;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-right: none;
    
}*/

.controls_view.nav.navbar-right.no-marging{
    float: right !important;
    display: flex;
}
.controls_view nav {
   
     margin-top: 1%;

}

.controls_view.nav  > li {
   
    display: table-cell;
}

.controls_view li a{
    /*font-size: 1.2em;*/
    /*font-weight: lighter;*/
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0 5px;
}


#filtro.container_web.navbar.navbar-default{
    border-style: none;
}


.navbar-default .controls > li>a:hover, .navbar-default .controls>li>a:focus:hover {
    color: #000;
    /*border-color: #FEE600;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-right: none;*/
    background-color: transparent;
}

.controls li:last-child a:hover, .controls li:last-child a:focus:hover{
    border-style: none;
}

.controls > li>a span:hover, .controls>li>a span:focus:hover {
 border-bottom: 2px solid #FEE600;
}

/* El filtre esta activat*/

/*.controls .open a,
.controls .open > li > a:hover,
.controls .open > li > a:focus {
    background-color: transparent;
    border-color: #FEE600;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #000;

}*/

/*
.controls li.active > a {
    text-decoration: none;
    color: #000;
    background-color: transparent;
    border-color: #FEE600;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-right: none;
    
}*/

.controls > li.active >a span,
.class-submenu > li.active >p span{
 border-bottom: 2px solid #FEE600;
}

.controls > li.active>a, .controls>li.active>a:focus
 {
     color: #000!important;
     background-color: transparent; 
}
.class-submenu > li.active>p, .class-submenu>li.active>p:focus 
{color: black!important;font-weight: bold;}
.black{
    color: black !important;
}


.carousel-caption{
    
    padding:0;
    height:140px;/*just for demo purposes*/
 }
  
.vtop{
  /*padding on parent fixes this*/
}



  
.vbottom{
	position: relative;
  	top: 100%;
  	transform: translateY(-100%); 
}

.box.tableImg{
    height: 50px;
    
}

.img-thumbnail-list {
    display: table-column;
    max-width: 100px;
    height: auto;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    max-height: 100px;
}

.proj_margin_R_5{
    margin-right: 5px;
}
.vcenter{
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 2%;
    padding-top: 2%;
}
/*---------------------------*/


/*---------------------------*/
/* Sistemes*/
/*---------------------------*/

.corporate-standards-img {
    min-height: 450px;
}
.cover-background {
    position: relative;
    background-size: cover !important;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
}
.img-border-small-fix {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.corporate-standards-text {
    min-height: 450px;
    padding: 2% 11%;
}
.work-process-sub:hover .work-process-text {
        -webkit-transform: translateY(-150%);
        -moz-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        -o-transform: translateY(-150%);
        transform: translateY(-150%);
    }
    .work-process-sub:hover .work-process-details {
    z-index: 2;
    opacity: 1;
    bottom: 0;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.work-process-icon {
    color: #fdd947;
}
.display-block {
    display: block !important;
}
.font-weight-100 {
    font-weight: 100 !important;
}
.font-weight-bold{
    font-weight: bold;
}
.sm-margin-bottom-40{
    margin-bottom: 40px;
}
.fast-lightgrey{
    color: lightgrey;
}
.text-small{
    font-family: 'Helvetica Neue Light';
    letter-spacing: 1px;
}

.work-process-sub {
    min-height: 100px;
}
.position-relative {
    position: relative !important;
    z-index: 5;
}
.overflow-hidden {
    overflow: hidden !important;
}
.animated {
    -moz-transition-duration: 0s !important;
}
.work-process-text {
    line-height: 40px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.work-process-details {
    opacity: 0;
    width: 100%;
    background: #fff;
    height: 100%;
    bottom: -60px;
    left: 0;
}
.medium-icon {
    font-size: 50px !important;
    font-size: 5rem !important;
    margin-bottom: 15px !important;

}


.position-absolute {
    position: absolute !important;
}
.separator-line-thick {
    height: 4px;
    width: 40px;
    margin: 2% auto;
    background-color: #fdd947 !important;
}


.box-sistems {
     height: 350px;
}

.col-call-to-action-sistems{
    padding: 3% 5%;
    margin-left: 20px;
    margin-right: -20px;
    margin-top: 0;
}
.call-to-action-sistems{
    border: 4px solid #ffe100;
    min-height: 211px;
    width: 87%;
}

.font-size20{
    font-size: 20px;
    font-size: 2rem;
}
.no-margin-bottom{
    margin-bottom: 0px;
}

.background-grey-full{
    background-color:#f6f6f8;
    /*min-height:220px;*/
    /*width: 100%;*/
    padding-top: 15px;
}

.background-grey-full >.container_web{
    background-color: transparent !important    ;
}
.padding-tb20{
    padding-top: 20px;
    padding-bottom: 20px;
}


/*---------------------------*/
/* Noticies*/
/*---------------------------*/
.blog-listing {
    overflow: hidden;
    margin-bottom: 5%;
    text-align: left;
}
.blog-listing-classic .blog-image {
    margin-bottom: 25px;
    background-color: transparent;
}
.blog-image {
    overflow: hidden;
    background: #a1a1a1;
}
.blog-date {
    color: #898989;
    /*padding-top: 30px;*/
    /*padding-top: 3.3%;*/
    margin: 5px 0 20px;
}
.blog-date a {
    color: #898989;
}
.blog-title a {
    color: #000;
    display: block;
    padding-top: 3.3%;
    /*margin: 5px 0 20px;*/
    font-family: 'Helvetica Neue';
    font-size: 2.2rem;
}
.blog-like, .blog-share, .comment {
    font-size: 22px;
    font-size: 2.2rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-right: 25px;
}
.highlight-button:hover {
    background-color: #000;
    border: 2px solid #000;
    color: #fff;
}
.btn.btn-small {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 2px 14px;
    letter-spacing: 1px;
}
.highlight-button {
    border: 2px solid #000 !important;
    display: inline-block;
    padding: 3px 15px !important;
    color: #000;
    background-color: transparent;
    margin: 1.6% 0;
}
.btn:hover, .btn:focus {
    text-decoration: none;
}
.sidebar{text-align: left;}
.widget {
    margin-bottom: 65px;
}
.widget .close-search {
    right: 75px;
    top: 16px;
}
.search-button {
    cursor: pointer;
    z-index: 0;
    color: #373737;
    margin-right: 0;
    border: none;
    background: none;
}
.close-search {
    color: #373737;
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 998;
    cursor: pointer;
}
.widget input {
    border-radius: 4px;
    width: 85%;
    border-width: 2px;
    margin-bottom: 0;
    padding: 10px 35px 10px 15px;
    text-transform: uppercase;
    border: 2px solid #dfdfdf;
    letter-spacing: 1px;
    max-width: 100%;
}
.thin-separator-line {
    height: 1px;
    width: 30px;
    margin: 7% 0;
}
.bg-thin-yellow
{
    background-color:#ffe100;
}
.category-list
{
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: lighter;
}
.category-list li:first-child {
    padding: 0 0 5px 0;
}
.category-list li {
    padding: 5px 0;
}
.category-list li a{
text-decoration: none;
color: #B8B8BB;
}
.category-list li a:hover{
color:black;
}
.category-list li a span:before {
    content: "/";
    margin-right: 4px;
    padding-left: 10px;
}
.tags a {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 10px;
    margin: 0 5px 9px 0;
    text-transform: uppercase;
    font-size: 10px;
    font-size: 1rem;
    color: #B8B8BB;
    display: inline-block;
    line-height: 26px;
    font-family:'Helvetica Neue';
    text-decoration: none;
}
.tags a:hover{
    border: 1px solid black;
}
.widget-title {
    font-size: 18px !important;
    font-size: 1.8rem !important;
    line-height: 20px;
}

.blog-details-headline{
    margin: 0;
    padding: 0;
}
.no-padding-top{
    padding-top: 1%;
}
.blog-image-details{
    margin-top: 5% !important;
    margin-bottom: 5% !important;
}

.blog-date >h4{
    font-size: 14px;
    font-size: 1.4rem;
}


.blog-listing .separator-line-thick{
    margin-top: 2.5%;
}

.noticias > div> div{padding-right: 0;}
.noticias > div> div:nth-child(2){padding-left: 0;}
/*---------------------------*/
/* Contacta*/
/*---------------------------*/
.padding-left15{
    padding-left: 15px;
}

.font-size1-6{
    font-size: 16px !important;
    font-size: 1.6rem !important;
}
.padding-top30{
    padding-top: 30px;
}
.map-info{
   float: right;
}
.cont-ico{
    position: absolute;
    top: 49%;
    right: 4.5%;
    background-color: white;
    width: 44%;
}
.cont-ico > a {
    padding: 5px 17px !important;
    margin: 0;
}

.cont-ico >a{
        margin-left: -2px;
        margin-right: -2px;
}

.cont-ico >a:first-child{margin-left: -25px;}
.cont-ico >a:last-child{margin-right: -36px;}

.cont-ico >a:hover{
    background-color: lightgrey;
}
.cont-ico >a >p{
    display: none;
    font-size: 8px;
    font-size: 0.8rem;
    line-height: normal;
    margin: -16px;
}

.cont-ico >a:hover >i { display: none; }
.cont-ico >a:hover >p{ display: inline; }

#map-contact {
    width: 100%;
    height: 500px;
}
.select-map label{
    cursor: pointer;
    color: #B8B8BB;
    padding: 5px 0;
    list-style: none outside none;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: lighter;
}

.select-map label:hover{
font-weight: bold;
color:black;
}

.select-map .select{
font-weight: bold;
color:black;
}

.ubi-contact{
   /* padding:5% 12%;*/
    padding-left: 10%!important;
    padding-right: 10% !important;
    border: 1px solid #80868B;
    /*box-shadow: 5px 5px 20px 0px rgba(164, 187, 195, 1);*/
    transition: all 1s;
}
.box-responsive h3{margin-top: 10px !important;}
.ubi-contact:hover{/*background-color:rgba(164, 187, 195, 0.25);*/box-shadow: 0px 0px 30px rgba(164, 187, 195, 1);}

.ubi-contact h2{margin-bottom: 15px;}


.contact-dd img{
    border: 1px solid;
}

#locationSelect{display: none;}
#filter-map input{display: none;}
.ubi-contact p, .ubi-contact a {font-size: 16px;}
/*---------------------------*/
/* Divisions*/
/*---------------------------*/
.work-process-number {
    font-size: 50px;
    font-size: 5rem;
    color: #fdd947;
    letter-spacing: -2px;
}

.title-head{
    position: relative;
    color: white;
    font-size:37px !important;
    font-size: 3.7rem !important;
    margin-top: -232px;
   /* margin-top:-12.2%;*/
}
.background-opacity{
    background-color: #000;
    height: 450px;
    opacity: 0.5;
}

.col-call-to-action-division{
    padding: 1% 2%;
    margin-left: 20px;
    margin-right: -20px;
    margin-top: 0;
}
.call-to-action-division{
    border: 4px solid #ffe100;
    min-height: 100px;
    width: 87%;
}
#project-category .col-lg-3 div, #project-category .col-lg-6 div{overflow: hidden;background-color: #000;position: relative;}

#project-category .col-lg-3 div:hover img, #project-category .col-lg-6 div:hover img{transform: scale(1.2,1.2);opacity: 0.40;}

#project-category .col-lg-3 img, #project-category .col-lg-6 img {transition: all .35s;}

#project-category .col-lg-3 div figcaption,#project-category .col-lg-6 div figcaption{bottom: 15%;opacity: 0;position: absolute;text-align: center;width: 100%;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}

#project-category .col-lg-3 div:hover figcaption, #project-category .col-lg-6 div:hover figcaption{opacity: 1;transition: all .3s ease;-webkit-transition: all .3s ease; color: white;}

#project-category .col-lg-3 div figcaption h3,#project-category .col-lg-6 div figcaption h3{font-size: 2.5rem;letter-spacing: 1px;}


/*----------------------*/
/*-----PRODUCTO GRID----*/
/*----------------------*/


.no_left{
    padding-left: 0px;
    margin-left: 0px;
    padding-top: 0px;
}
.grid_products .panel{
    margin-right: -15px;
    margin-left: -15px;
}
.grid_products.controls{
    display: block!important;
    padding-left: 0px;
    margin-left: 0px;    
}
.grid_products.controls li {
    margin-top: 8%;
}
.grid_products.controls li a{
    border-right: 0;    
}
h2.title_control{
    margin-top:10px;
}
.table > tbody > tr > td{
    padding-left: 0px;
    vertical-align: middle;
}

.truncate {
    display:inline-block;
    width:100%;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}
/*---------------------------*/
/* Familia productos*/
/*---------------------------*/

.division figure{
    transition: opacity 0.2s;
}   
.division figure:hover .gallery-img{
        background-color: #000;
}
.gallery-img {
    opacity: 1;
    transition: all 0.3s;
    overflow: hidden;
}
.division figcaption {
    bottom: 0;
}
.division figure:hover figcaption {
    bottom: 50px;
}
figure:hover img {
    opacity: 1;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    transition: .1s;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    opacity: .5;
}
.division figcaption {
    opacity: 1;
    position: relative;
    bottom: 0;
    padding: 40px 0 30px 0;
    background: rgba(255,255,255,1);
    z-index: 2;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    height: 106px;
}


/*---------------------------*/
/* proyectos integrales*/
/*---------------------------*/
#animated-tab .nav-tabs {
    display: inline-block;
    height: 100%;
}
        #animated-tab .nav-tabs {
    border: 0px;
    text-align: center;
    display: inline-block;
    margin: 0 0 130px;
}
#animated-tab .nav-tabs > li {
    margin: 0px;
    border-right: 1px solid #d7d7d7;
    float: left;
}
.nav-tabs > li.active {
    height: auto;
    vertical-align: top;
}
.nav-tabs > li {
    display: inline-block;
    float: none;
    margin: 0;
    vertical-align: top;
}
#animated-tab .nav-tabs > li > a {
    text-align: center;
    vertical-align: middle;
    display: table;
    padding: 0px;
    margin: 0px;
    font-size: 50px;
    margin: 0;
    outline: none;
    padding: 0 50px;
    border: none;
}
#animated-tab .nav-tabs .text {
    font-size: 17px;
}

.nav-tabs > li.active > a {
    cursor: default;
    border-bottom: 1px solid #000;
    color: #000;
}
#animated-tab .nav-tabs > li.active a i {
    color: #ffe100;
}
#animated-tab .nav-tabs > li a i {
    color: #9a9a9a;
}
#animated-tab .nav > li > a:hover{background-color: transparent;}
.center-col {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.opacity-medium {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    z-index: 1;
    top: 0;
    left: 0;
}
.bg-dark-gray {
    background: #252525 !important;
}
.corporate-standards-title {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 68%;
    z-index: 5;
}
.title-small {
    font-size: 20px !important;
    line-height: 30px !important;
}
.title-extra-large {
    font-size: 35px !important;
    line-height: 43px !important;
}


.border-gray {
    border-color: #d7d7d7 !important;
}
.large-icon {
    font-size: 50px !important;
}
.corporate-standards-text h1{margin-top: 10%;}
.corporate-standards-text p{margin-top: 10%;margin-bottom:10%;}
    .width-80 {
    width: 80% !important;
}
#animated-tab .nav-tabs > li:last-child {
    border: none;
}
#animated-tab .nav-tabs > li:last-child > a {
    border-right: 1px solid rgba(255, 255, 255, .3);
}

/*---------------------------*/
/* Elements comuns*/
/*---------------------------*/
.visibility-hidden{visibility: hidden;}
.cursor-pointer{
    cursor: pointer;
}
.text-center{
    text-align: center;
}
.counter-section i {
    display: block;
    margin: 0 0 10px;
}

.counter-section span.counter-number {
    font-size: 40px;
    color: #000;
    line-height: 60px;
    display: block;
    font-family: "Oswald",sans-serif;
    letter-spacing: 2px;
}
.counter-title {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.background-100{width:100.8%;}
.annifont {
    font-family: 'Anni Font';
    font-size: 2.5rem !important;
    width: 85%;
    text-transform: none;
}

.text-decoration-none{
    text-decoration: none !important;;
}
.underline-h1{border-bottom: 4px solid #ffe100;position: relative;padding-bottom: 2px;line-height: 1.6;}
.underline-h1 h1:parent{margin-bottom: 35px !important;}
.separator-line{
    background-color: #ffe100 !important;
    /*width: 90px !important;*/
    margin-bottom: 35px !important;
    /*margin-bottom: 3.8% !important;*/
    height: 4px;
}


.ultra-light{
    font-family: 'Helvetica Neue Light';
    letter-spacing: 1px;
}

.padding-top80{padding-top: 4%}
.padding-top80x2{padding-top: 8%}
.padding-top40{padding-top: 2.1%}

.timeline-number{
    font-size: 25px;
    font-size: 2.5rem;
    padding: 12%;
    line-height: 25px;
}

.bg-yellow {
    background: white !important;
    border: 3px solid #ffe100;
}

.bg-gray{
    background-color: #8d9397;
    color:white;
}

.black-text {
    color: #000 !important;
}
.display-inline-block {
    display: inline-block !important;
}

.text-large {
    font-size: 12px !important;
    font-size: 1.2rem !important;
    color: grey;
    line-height: 24px !important;
    letter-spacing: 2px !important;
}

.display-block {
    display: block !important;
}

.margin-five {
    margin-top: 5% !important;
    margin-bottom: 5% !important;
}
hr.yellow{
    height: 1px;
    /*background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#000), to(transparent));
    background-image: -webkit-linear-gradient(left, transparent, #000, transparent);
    background-image: -moz-linear-gradient(left, transparent, #000, transparent);
    background-image: -o-linear-gradient(left, transparent, #000, transparent);*/
    background-image: -webkit-linear-gradient(left, #ffe100, white);
    border-color: transparent;
    /*border-color: #ffe100;
    border-width: 4px;*/
    /*width: 60%;*/
    width: 100%;
    max-width: 100%;    
    /*margin-left: 20%;
    margin-right: 20%;*/
    margin-left: 0px;
    margin-top: 0px;
}

hr.black{
    border-color: black;
    border-width: 1px;
    width: 100%;
    max-width: 100%;
    margin-left: 0px;
    margin-top: 0px;
}

hr.thin-black{
    border-color: black;
    border-width: 1px;
    width: 10%;
    max-width: 100%;
    margin: 7px 0 7px 47px;
}

.space30{margin-top: 80px;}

.padding-top20{padding-top: 20px;}

.text-white{color: white;}
.text-yellow{color: #ffe100;}
.text-bold{font-weight: bold;}
.scroll-down{bottom: 50px;position: absolute;text-align: center;width: 100%;z-index: 10;}
.scroll-down a i {/*background: white;*/border-radius: 2px;/*font-size: 17px;font-size:1.7rem;*/font-size: 70px;font-size:7rem;padding: 2px 6px;/*color: #000;*/color: white;}



.title-project-slider{
    left: 0%;
    padding-left: 10%;
    position: absolute;
    right: 0;
    text-align: left;
    bottom: 0%;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.57);
}
.text-project-slider{
    font-family: 'Helvetica Neue';
    text-transform: uppercase;
    font-size: 20px;
    font-size: 2rem;
    margin-top: 31px;
    margin-bottom: 10px;
}
.num-project-slider{
    color:#ffe100;
    font-family: 'Helvetica Neue';
    text-transform: uppercase;
    font-size: 37px;
    font-size: 3.7rem;
    float: left;
    margin-top: 6.5px;
    margin-bottom: 6.5px;
    margin-right: 10px;
}

.region_black{
    color:black !important;
    z-index: 6 !important;

}
#main .box{background-position: center;background-size: cover;}
.no-margin-lr{margin-left: 0;margin-right: 0;}
.no-padding-lr{padding-left: 0;padding-right: 0;}

/*compartir XXSS*/
.mt-10{margin-top: 10px;}
.fa-envelope,.fa-twitter-square,.fa-facebook-square,.fa-google-plus-square,.fa-linkedin-square,.fa-instagram{color:#585858;}
.blog-share:nth-child(5){margin-right: 0px;}

.no-padding-left{padding-left: 0 !important;}
.new-efect:hover i{color:#fdd947;}

/* Buscador */
.item-search{border: 1px solid black;border-radius: 10px;background: white;padding: 20px;margin-bottom: 10px;}
#resultado p {font-family: 'Helvetica Neue';font-size: 1.4rem;}
#resultado .no p{font-size: 2rem;text-align: center;}
#resultado h4, #resultado h3{text-align:left;}
#resultado h4{color: #898989;font-size: 1.4rem;}
#resultado h3{font-size: 2rem;}
#resultado .item-search strong{/*color: #898989;*/border-bottom: 2px solid #ffe100;}
#resultado .underline-h1{border-bottom: 2px solid #ffe100;}

.padding-lr-2{padding-left: 2px !important;padding-right: 2px !important;}

.padding-two{padding-top: 2%;padding-bottom: 2%;}
.lh30{line-height: 30px;}

.vertical-table{width:100%;}
.vertical-table td{text-align: center; vertical-align: middle; width: 33%;}
.vertical-table img{padding-bottom: 10px;padding-top: 35px;}
.vertical-table span{font-family: 'Helvetica Neue Light';font-size: 17px;line-height: 1.5;letter-spacing: 1px;}


/* CATALOGO */
.cataleg li{list-style-type: none;margin-bottom: 10px;}
.cataleg li:nth-child(1){margin-top: 10px;}
.cataleg li i{padding-left: 10px;}
.cataleg{margin-bottom: 0px;padding-left: 8px;}
.cataleg a:hover{color:#fdd947;font-weight: bold;}
.table-cataleg > tbody > tr > td { padding-left: 8px; }
.p{    font-family: 'Helvetica Neue Light';
    /* margin-bottom: 20px; */
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: 1px;}

#division{margin-bottom: 70px;}

.modal-open > div.hidden-tablet-h.hidden-tablet.hidden-phone{opacity: 0;}
.modal-lg strong{    border-bottom: 2px solid #FEE600;}
.div_image .p_title{
    padding-left: 75px !important;
    padding-right: 20px !important;
    margin-left: 3px !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
    position: absolute !important;
    top: 5% !important;
    width: auto !important;
    text-align: left !important;
    text-shadow: 1px 0px #000 !important;
    left: -3px !important;
    padding-right: 1% !important;
    font-family: 'Helvetica Neue' !important;
    text-transform: uppercase !important;
    margin-bottom: 0 !important;
    margin-top: 20px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    color: inherit !important;
}

.div_image .p_title span {
    color: white;
    font: lighter 44px/65px Helvetica Neue;
    letter-spacing: -1px;
    text-shadow: 1px;
}

.product-box-title{font-size:18px !important;padding-left:5px;padding-right:5px;}
.ul-material{position: absolute;top: 40px;/*left: 15px*/;}


.top_text_image_proj{height: 54px;}
.top_text_image_proj>h3{height: 54px;font-size: 20px !important;}

.cta-product-text{font-size: 24px !important;}



/***********************************************/
/********** 1456 x 821  Mac 15' *********/
/***********************************************/
@media screen and (max-width: 1456px){
    .top_text_image_proj{height: 45px;}
    .top_text_image_proj>h3{height: 45px;font-size: 18px !important;}
    .cta-product{right: 7.5% !important;}
    .cta-product-text{font-size: 19px !important;}
}



/***********************************************/
/********** 1280 x 800 Netbook *****************/
/***********************************************/
@media screen and (max-width: 1280px){
    .top_text_image_proj{height: 39px;}
    .top_text_image_proj>h3{height: 39px;font-size: 16px !important;}
    .cta-product{right: 7% !important;}
    .cta-product-text{font-size: 16px !important;}

}


/*Aviso cookies*/
#barracookies {font-family: 'Helvetica Neue Light';display: none;z-index: 99999;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:31px;padding:5px;background: rgba(51, 51, 51, 0.56);color:white;line-height:20px;font-size: 16px;text-align:center;box-sizing:border-box;border-top: 1px solid #333333;}
#barracookies a {color: #fee600;text-decoration: none;font-family: 'Helvetica Neue Light';}

.ok{text-align: center;
    background: #85c424;
    border-radius: 8px;
    border: 1px solid #ffe100;}
.ko{text-align: center;
    background: red;
    border-radius: 8px;
    border: 1px solid #ffe100;}

.sm-margin-bottom100 .blog-details{margin-bottom:50px;}
#myform1 .error{color:red;}
#myform1 a{display: inline;}
.lowercase{text-transform: lowercase;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}


@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?xng4ra');
  src:  url('../fonts/icomoon.eot?xng4ra#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?xng4ra') format('truetype'),
    url('../fonts/icomoon.woff?xng4ra') format('woff'),
    url('../fonts/icomoon.svg?xng4ra#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-icomoon-"], [class*=" icon-icomoon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

.icon-icomoon-iconaProtecSolar-2:before {
  content: "\e900";
}


.icons-contact img{max-width:60px;}
.icons-contact.map img{max-width:50px;}


.info_projecte.medidas h4{text-transform:none !important}
.proj-desc {text-align:left}

.project.col-eq-height{max-height:320px;}
span,.proj-desc div{letter-spacing: 1px;}


.controls li:first-child a{padding-left:0;}
.controls li:last-child a{padding-right:0;}
.controls li a {padding: 10px 15px !important;}
#filtro .navbar-left.grid_products{width:100%}

/*.height-control{height: 100px;}*/