/**
 * Estils principals
 * Xarxa Oberta de Catalunya
 * Start.cat
 *
 */

body{
    padding-top: 0;
    font-weight: 300;
}



/**
 * Tipografies Windows Chrome
 *
 */

body.arial *{
    font-family: Arial, "Lucida Grande", sans-serif !important;
}
body.arial [data-icon]:before,
body.arial .fui-arrow-right,
body.arial .fui-arrow-left,
body.arial .fui-cmd,
body.arial .fui-check-inverted,
body.arial .fui-heart,
body.arial .fui-location,
body.arial .fui-plus,
body.arial .fui-check,
body.arial .fui-cross,
body.arial .fui-list,
body.arial .fui-new,
body.arial .fui-video,
body.arial .fui-photo,
body.arial .fui-volume,
body.arial .fui-time,
body.arial .fui-eye,
body.arial .fui-chat,
body.arial .fui-search,
body.arial .fui-user,
body.arial .fui-mail,
body.arial .fui-lock,
body.arial .fui-gear,
body.arial .fui-radio-unchecked,
body.arial .fui-radio-checked,
body.arial .fui-checkbox-unchecked,
body.arial .fui-checkbox-checked,
body.arial .fui-calendar-solid,
body.arial .fui-pause,
body.arial .fui-play,
body.arial .fui-check-inverted-2,
body.arial .navbar-toggle:before,
body.arial .tagsinput-remove-link:before,
body.arial .tagsinput-add:before,
body.arial .todo-search:before,
body.arial .vjs-play-control div:before,
body.arial .vjs-play-control div:after,
body.arial .fui-triangle-up,
body.arial .fui-triangle-up-small,
body.arial .fui-triangle-right-large,
body.arial .fui-triangle-left-large,
body.arial .fui-triangle-down,
body.arial .fui-info,
body.arial .fui-alert,
body.arial .fui-question,
body.arial .fui-window,
body.arial .fui-windows,
body.arial .fui-arrow-right,
body.arial .fui-arrow-left,
body.arial .fui-loop,
body.arial .fui-cmd,
body.arial .fui-mic,
body.arial .fui-triangle-down-small,
body.arial .fui-check-inverted,
body.arial .fui-heart,
body.arial .fui-location,
body.arial .fui-plus,
body.arial .fui-check,
body.arial .fui-cross,
body.arial .fui-list,
body.arial .fui-new,
body.arial .fui-video,
body.arial .fui-photo,
body.arial .fui-volume,
body.arial .fui-time,
body.arial .fui-eye,
body.arial .fui-chat,
body.arial .fui-home,
body.arial .fui-upload,
body.arial .fui-search,
body.arial .fui-user,
body.arial .fui-mail,
body.arial .fui-lock,
body.arial .fui-power,
body.arial .fui-star,
body.arial .fui-calendar,
body.arial .fui-gear,
body.arial .fui-book,
body.arial .fui-exit,
body.arial .fui-trash,
body.arial .fui-folder,
body.arial .fui-bubble,
body.arial .fui-cross-inverted,
body.arial .fui-plus-inverted,
body.arial .fui-export,
body.arial .fui-radio-unchecked,
body.arial .fui-radio-checked,
body.arial .fui-checkbox-unchecked,
body.arial .fui-checkbox-checked,
body.arial .fui-flat,
body.arial .fui-calendar-solid,
body.arial .fui-star-2,
body.arial .fui-credit-card,
body.arial .fui-clip,
body.arial .fui-link,
body.arial .fui-pause,
body.arial .fui-play,
body.arial .fui-tag,
body.arial .fui-document,
body.arial .fui-image,
body.arial .fui-facebook,
body.arial .fui-youtube,
body.arial .fui-vimeo,
body.arial .fui-twitter,
body.arial .fui-stumbleupon,
body.arial .fui-spotify,
body.arial .fui-skype,
body.arial .fui-pinterest,
body.arial .fui-path,
body.arial .fui-myspace,
body.arial .fui-linkedin,
body.arial .fui-googleplus,
body.arial .fui-dribbble,
body.arial .fui-blogger,
body.arial .fui-behance,
body.arial .fui-list-thumbnailed,
body.arial .fui-list-small-thumbnails,
body.arial .fui-list-numbered,
body.arial .fui-list-large-thumbnails,
body.arial .fui-list-columned,
body.arial .fui-list-bulleted,
body.arial .fui-arrow-down,
body.arial .fui-arrow-up,
body.arial .fui-phone,
body.arial .fui-round-bubble,
body.arial .fui-apple,
body.arial .fui-android,
body.arial .fui-microsoft,
body.arial .fui-ovi{
  font-family: 'Flat-UI-Icons' !important;
}


a{
    color: #7ab800;
    text-decoration: none;
}
.active{
   color: #7ab800;
}
.links a{
    color: #7ab800;
}
.links a:hover{
    color: #609001;
    text-decoration: none;
}
.container{
    padding-left: 40px;
    padding-right: 40px;
}
.bg-clouds{
    background-color: #edf4f4;    
}
.w-padding{
 padding: 65px 25px 65px 25px;
}
.cont-1.w-padding{
    padding-bottom: 5px;
}
.btn-success{
    background-color: #7ab800;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #699e00;
    border-color: #699e00;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background: #699e00;
    border-color: #699e00;
}
.btn.btn-clear {
    box-sizing: border-box;
    padding: 7px 26px 8px;
    background: none repeat scroll 0% 0% transparent;
    border: 2px solid #7ab800;
    font-size: 14px;
    color: #7ab800;
    font-weight: 500;
}
.btn.btn-clear:hover {
    background-color: #7ab800;
    color: #fff;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
    background-color: #699e00;
    border-color: #699e00;
}
.center{
    display: block;
    margin: 0 auto;
}

.btn-primary{
    background-color: #7ab800;
}
.btn-primary:hover{
    background-color: #699e00;
}
.text-centered{
    text-align: center !important;
}
h3{
    font-weight: 200;
}
h6{color: #34495e; font-weight: 400;}

.lateral_images{
    list-style: none;
    padding: 0;
    margin:70px 0 0 0;
}
.lateral_images li{
    padding:0;
    margin:0 0 80px 0;
}
.lateral_images img{
    width:50%;
    height:auto;
    display: inline-block;
}
.lateral_images.right img{
    width:100%;
}
.lateral_images p{
    color:#ccc;
    font-size: 12px;
    line-height: 1.2em;
    padding:0;
    margin:10px 0 0 0;
}
@media (max-width: 768px) {
    .w-padding{
        padding: 25px 20px;
    }
    .lateral_images{
        margin:30px 0 0 0;
    }
    .lateral_images li{
        padding:0;
        margin:0 0 40px 0;
    }
    .lateral_images img,
    .lateral_images.right img{
        margin-left:0;
    }
    .lateral_images li a{
        text-align: center;
    }
}
@media (max-width: 480px) {
    .w-padding{
        padding: 15px 10px;
    }
}




/* CHECKBOXES */

input[type=checkbox].css-checkbox {
    display:none;
}
input[type=checkbox].css-checkbox + label.css-label {
    padding-left:31px;
    height:27px; 
    display:block;
    line-height:27px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -27px;
}
label.css-label {
    background-image:url(../../img/csscheckbox_f34c425fcac92de4ad8c76e4e687a062.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



/**
 * Navegació principal
 *
 */

.logotip{ width: 234px;}
.navbar{
    min-height:44px;
}
.navbar .subnav{
    display: block;
    position: absolute;
    right: 0px;
    max-width: 600px;
    top: -30px;
    right: 15px;
    color: #fff;
}
.navbar .subnav .btn-default{
    color: #111;
    padding: 1px 7px;
    font-size: 10px;
    font-weight: bold;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.navbar .subnav li{
    display: inline-block;
    color: #fff;
}
.navbar .subnav li a{
    color: #fff;
    padding-left: 10px;
}
.navbar .subnav li a:hover, 
.navbar .subnav li a:active, {
    color: #fff;
    padding-left: 10px;
}
.subnav .dropdown-menu li{
    display: block;
    font-size: 11px;
}
.subnav .dropdown-menu li a{
    color: #111;
}
.esp, .cat{
    font-size: 11px;
    font-weight: 300;
}
.navbar .nav a:hover, .navbar .nav a:active, .navbar .nav a:focus,
.navbar .subnav a:hover, .navbar .subnav a:active, .navbar .subnav a:focus{
    text-decoration: none;
    color: #7ab800;
}
.navbar .nav a.home:hover, .navbar .nav a.home:active, .navbar .nav a.home:focus,
.navbar .subnav a.home:hover, .navbar .subnav a.home:active, .navbar .subnav a.home:focus{
    color: #34495e;
}
.separator{
    border-right: 1px solid #fff;
    display: inline-block;
    height: 10px;
}
.esp{
    padding-right: 5px;
}    
.cat{
    padding-left: 5px !important;
    padding-right: 20px;
}
body > .navbar-collapse {
    background: none repeat scroll 0 0 #001f32;
    padding: 15px 0 30px 0;
}
body > .navbar-collapse .nav > li > a,
body > .navbar-collapse .nav > li > a:hover, body > .navbar-collapse .nav > li > a:focus{
    border: none;
    color:#fff;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 300;
    padding-left:25px;
}
body > .navbar-collapse .nav > li > a.active {
    border-left: 5px solid #7ab800;
    color:#7ab800;
    padding-left:20px;
}
body > .navbar-collapse .nav > li.inner > a,
body > .navbar-collapse .nav > li.inner > a:hover, body > .navbar-collapse .nav > li.inner > a:focus{
    font-size: 12px;
    padding: 6px 20px 6px 35px;
    color:#667e8d;
    border:none;
}
body > .navbar-collapse .nav > li.inner > a.active {
    color:#fff;
    padding: 6px 20px 6px 35px;
    border:none;
}
body > .navbar-collapse .nav > li.green > a {
    background: #011826;
    margin-top: 20px;
    margin-bottom: 20px;
}
body > .navbar-collapse .nav > li.lang > a {
    padding: 6px 20px;
    color:#667e8d;
    font-size: 12px;
}
.header-1 .navbar{
    -webkit-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -moz-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -o-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}

@media (max-width: 768px) {
    .logotip{ width: 160px;}
    .header-1 .navbar {
        top:0;
        margin: 0;
        background: none;
        border-radius: 0;
    }
    .header-1 .navbar.fixed {
        position: fixed;
        background: #002b45;
    }
    .navbar .brand {
        padding: 5px 0 0 10px;
    }
    .navbar .navbar-toggle {
        height: 41px;
        margin: 2px 0;
        padding: 0;
        width: 41px;
    }
    html.nav-visible .header-1 .navbar{
        -webkit-transform: translate3d(-230px, 0, 0);
        -moz-transform: translate3d(-230px, 0, 0);
        -o-transform: translate3d(-230px, 0, 0);
        transform: translate3d(-230px, 0, 0);
    }
}
@media (max-width: 480px) {
    .header-1 .navbar {
        padding-right:0;
        padding-left:0;
    }    
}



/**
 * Header principal #1
 * Slider amb fons fix
 *
 */

.main-xoc-background{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 50%;
}
.header-1 .navbar .brand img:first-child {
    margin: 0;
}
.header-1 .navbar .nav > li > a {
    font-weight: 400;
    font-size: 14px;
}
.header-1 .navbar .nav > li > a:hover,
.header-1 .navbar .nav > li > a:focus,
.header-1 .navbar .nav > li > a.active {
    color: #7ab800;
}
.header-1 .navbar .nav > li.active > a {
    color: #7ab800;
}
.header-1 .navbar .nav > li.active > a:hover,
.header-1 .navbar .nav > li.active > a:focus,
.header-1 .navbar .nav > li.active > a.active {
    
}
.header-1 .navbar .nav > li > a.home:hover,
.header-1 .navbar .nav > li > a.home:focus,
.header-1 .navbar .nav > li > a.home.active {
    color: #34495e;
}
.header-1 .navbar .nav > li.active > a.home {
    color: #34495e;
}
.header-1-sub .page-transitions .caption {
    bottom: 180px;
}
.header-1-sub{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 50%;
    text-align: center;
    height: 500px;
}
.header-1-sub .header-background{
    display: none;
}
.header-1-sub .pt-page,
.header-1-sub .pt-page-1 .background {
    background-color:transparent;
}
.header-1-sub .pt-page-2 .background {
    background-color:transparent;
}
.header-1-sub .pt-page-3 .background {
    background-color:transparent;
}
.header-1-sub .pt-page-4 .background {
    background-color:transparent;
}
.header-1-sub .page-transitions .controls > .control-next {
    left: 50%; 
    margin-left: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    width:35px;
    height:35px;
    line-height:30px;
    border-radius: 50%; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border: 0px;
}
.header-1-sub .page-transitions .controls > .control-prev {
    right: 50%; 
    margin-right: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    width:35px;
    height:35px;
    line-height:30px;
    border-radius: 50%; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border: 0px;
}
.header-1-sub .page-transitions .controls > .control-next span,
.header-1-sub .page-transitions .controls > .control-prev span{
    color: #34495e;
}
.hero-unit.bordered h1 {
    font-size: 30px;
    padding: 15px 0;
    width: auto;
    margin: 0;
    color: #FFF;
    font-weight: normal;
    letter-spacing: 0px;
    display: block;
}
.header-1-sub .hero-unit.bordered {
    display: inline-block;
    border-radius: 0px;
    box-sizing: border-box;
    border: none;
    padding: 5px 40px;
    background:rgba(198,0,112,0.5);
}
.header-1-sub .hero-unit.bordered p {
    font-size: 46px;
    color: #FFF;
    font-weight: 800;
    line-height: 46px;
    letter-spacing: 0px;
}
.header-1-sub .col-sm-6 {
    float: none;
}
.header-1-sub p{
    max-width: 90%;
    margin: 0 auto;
    padding-top: 2%;
}
.header-1-sub .lead {
    background:rgba(0,0,0,0.35);
    padding:5px 15px;
    margin-top:10px;
}
.header-1-sub .lead{
    font-weight: 300;
    letter-spacing: 1px;
} 
.header-1 .navbar .nav > li > .btn{
    margin: 25px 0px 27px 15px;
    letter-spacing: 1px;
    font-size: 14px;
    background-color: #7ab800;
    font-weight: 400;
}
.header-1 .navbar .nav > li > .btn:hover{
    background-color: #699e00; 
}
.header-1 .navbar .nav > li > .btn.home{
    background-color: #002b45;
}
.header-1 .navbar .nav > li > .btn.home:hover{
    background-color: #004975;
}

@media (max-width: 768px) {
    .header-1 .navbar .brand img:first-child {
        margin: 2px 15px 0 0;
    }
    .container{
        padding-left: 10px;
        padding-right: 10px;
        width:100%;
    }    
    .hero-unit.bordered h1{
        font-size: 22px;
    }
    .header-1-sub .lead {
        font-size: 18px;
    }
    .header-1-sub .page-transitions .caption {
        top: 80px;
        bottom: auto;
    }
    .header-1-sub.noSlides .page-transitions .caption {
        top: 110px;
    }
    .header-1-sub p{
        padding-top: 40px;
        width:60%;
    }
    .header-1-sub {
        height: 400px;
    }
    .header-1-sub.noSlides {
        height: 300px;
    }
    .header-1-sub .page-transitions .controls > *{
        top:345px;
    }
    .header-1-sub .page-transitions .controls > .control-next {
        left: 50%; 
        margin-left: 5px;
        width:25px;
        height:25px;
        line-height:18px;
    }
    .header-1-sub .page-transitions .controls > .control-prev {
        right: 50%; 
        margin-right: 5px;
        width:25px;
        height:25px;
        line-height:18px;
    }
    .header-1-sub .page-transitions .controls > .control-next span,
    .header-1-sub .page-transitions .controls > .control-prev span{
        font-size:14px;
    }
}
@media (max-width: 480px) {
    .header-1-sub {
        height: 385px;
    }
    .header-1-sub.noSlides {
        height: 250px;
    }
    .header-1-sub .page-transitions .caption {
        top: 60px;
        bottom: auto;
    }
    .header-1-sub.noSlides .page-transitions .caption {
        top: 95px;
    }
    .header-1-sub .page-transitions .controls > *{
        top:335px;
    }
    .header-1-sub p{
        width:100%;
        padding-top: 20px;
    }
}



/**
 * Prestacions
 *
 */

.cont-1 h3{
    text-align: center;
    font-weight: 200;
    padding: 0 0 60px 0;
}
.cont-1 .col-sm-4 {
    padding-right: 3%;
    padding-left: 3%;
}
.cont-1 .col-sm-4 img {
    margin: 0 auto;
    display: block;
    margin-bottom: 10%;
}
.cont-1 .col-sm-4 p {
    font-size: 15px;
    line-height: 21px;
}
.features{
    padding-bottom: 50px;
}
.features p{
    min-height: 85px;
}
.features a{
    bottom: 0;
    position: absolute;
}

@media (max-width: 768px) {
    .features{
        padding-bottom: 0;
    }
    .cont-1 h3{
        padding-bottom: 30px;
    }
    .cont-1 .col-sm-4 {    
        padding-right: 3%;
        padding-left: 3%;
        text-align: center;
    }
    .cont-1 .col-sm-4 img {
        margin-left: auto;
        margin-bottom: 15px;
        max-width:30%;
    }
    .features a {
        position: relative;
    }
    .features .col-sm-4{
        margin-bottom: 50px;
    }
}



/**
 * Prestacions en Vertical
 *
 */

.blog-2{
    background: #fff;
    padding-top: 80px;
    padding-bottom: 50px;
}
.blog-2 h3{
    margin-bottom:10px;
}
.blog-2 h6{
    font-size: 24px;
    font-weight: 400;
    margin-bottom:10px;
}
.blog-2 .features .box {
    padding-left: 140px;
    padding-top: 35px;
    margin-top: 30px;
    min-height: 100px;
    border-top: 2px solid #ECF0F1;
}
.blog-2 .background .fill{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
}
.blog-2 .col-sm-5 h3{
    margin-bottom: 30px;
}

.blog-2 .features .box > img {
    position: absolute;
    left: 14px;
    vertical-align: middle;
}
@media (max-width: 768px) {
    .blog-2{
        padding-top:30px;
        padding-bottom:20px;
    }
    .blog-2 .container{
        padding-left: 20px;
        padding-right:20px;
    }
    .blog-2 h3{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .blog-2 h6{
        font-size: 18px;
    }
    .blog-2 p{
        font-size:14px;
        line-height: 1.4em;
    }
    .blog-2 .features .box{
        padding-top:30px;
        padding-left: 100px;
    }
    .blog-2 .features .box > img{
        width:70px;
    }
    .blog-2 h6{
        margin-bottom:15px;
    }
}



/**
 * Extracte de noticies
 *
 */

.content-19{
    border-bottom: none;
}
.content-19 h3{
    margin-bottom:50px;
}
.content-19 .col-sm-3 .quote .quote-author-photo {
    width: auto;
    height: auto;
    background: #fff;
    border: 1px solid #e5e5e5 ;
    padding: 0;
    margin-top:0;
}
.content-19 .col-sm-3 .quote .quote-text {
    color: #2c3e50;
    padding-bottom: 10px;
}
.content-19 .col-sm-3 .quote .quote-text,
.content-19 .col-sm-3 .quote .quote-date,
.content-19 .col-sm-3 .quote > span{
    padding-left: 5px;
}
.content-19 .col-sm-7 .quote:before {
    background: url('/img/quote-up-mb@2x.png') no-repeat scroll 0% 0% / 31px 22px transparent;
}
.w-main-quote{
    padding-bottom: 40px;
}
@media (max-width: 768px) {
    .content-19{
        padding-top:30px;
        padding-bottom:40px;
    }
    .content-19 h3 {
        font-size: 20px;
        line-height: 1.3em;
        margin-bottom: 20px;
    }
    .content-19 .container{
        padding-left:20px;
        padding-right:20px;
    }
    .content-19 .col-sm-3 .quote {
        margin-left: 30px;
        margin-left: 0;
    }
    .content-19 .col-sm-7 .quote{
        margin-bottom: 30px;
    }
    .content-19 .col-sm-7 .quote .quote-date,
    .content-19 .col-sm-3 .quote .quote-date{
        font-size: 12px;
        line-height: 1.2em;
        margin-bottom:6px;
        font-weight: 300;
    }
    .content-19 .col-sm-7 .quote .quote-text{
        font-size: 20px;
        line-height: 1.2em;
    }
    .w-main-quote{
        padding-bottom: 6px;
    }
    .content-19 .col-sm-3 .quote:last-child{
        display: none;
    }
}
@media (max-width: 480px) {
    .content-19{
        padding-bottom:0px;
    }
    .content-19 .col-sm-3{
        display: none;
    }
}



/**
 * Partnership
 *
 */

.partnership{
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 20px;
    text-align: center;
}
.partnership span{
    padding: 15px;
    color: #34495e;
    font-weight: 100px;
}
.partnership img{
    margin-top: -5px;
}
@media (max-width: 768px) {
    .partnership{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .partnership span{
        padding:0 25px;
    }
    .partnership img{
        margin-top: 10px;
    }
}
@media (max-width: 480px) {
    .partnership{
        font-size: 18px;
        text-align: center;
    }
    .partnership img{
        width:120px;
    }
}



/**
 * Serveis
 *
 */

.see-prices{
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    border-top: 1px solid #dae3e5;
    margin-right: 0px;
    margin-left: 0px;
}
.services h3{
    color:#fff;
    padding: 15px;
    font-size: 40px;
}
.services .page-transitions .caption, .noticies-head .page-transitions .caption {
    bottom: 170px;    
}
.blog-3 {
    padding-top: 80px;
    padding-bottom: 80px;   
}
.blog-3 h5{
    margin-bottom: 20px;
    font-size: 17px;
}
.blog-3 .container {
    font-size: 16px;
    line-height: 1.5em;
}
.blog-3 .title h3 {
    padding-bottom: 15px;
    letter-spacing: 0;
}
.blog-3 .title img {
    margin: 0px auto 17px;
    transform: none;  
}
.blog-3 .col-sm-8{
    padding-bottom: 25px;
}
.blog-3 table{
    width:100%;
    text-align: center;
    border: 1px solid #e8e8e8;
}
.blog-3 tr{
    overflow:hidden;
}
.blog-3 td{
    padding: 8px 5px;
    border: 1px solid #e8e8e8;
    line-height: 1.4em;
    font-size: 13px;  
    vertical-align: middle;
}
.blog-3 td br{
    line-height: 2.8em;
}
.blog-3 strong{
    margin-bottom: 5px;
    display:inline-block;
}
.blog-3 table strong{
    margin-bottom:0;
}
@media (max-width: 768px) {
    .blog-3 {
        padding-top: 30px;
        padding-bottom: 30px;   
    }
    .blog-3 .container{
        padding-left: 20px;
        padding-right:20px;
    }
    .blog-3 h3{
        font-size: 28px;
        line-height: 1.3em;
    }
    .blog-3 .title{
        margin-bottom:30px;
    }
    .blog-3 .title img {
        width:15%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .blog-3 .title h3 {
        font-size: 28px;
    }
}
@media (max-width: 480px) {
    .blog-3 .col-sm-8 img{
        width:100%;
        height:auto;
    }
    .blog-3 .title img {
        width:30%;
    }
}



/**
 * Noticies
 *
 */

.noticies{
    padding-top: 80px;
    padding-bottom: 80px;
}
.w-news{
    max-width: 700px;
    margin: 0 auto;
    line-height: 22px;
}
.w-data, .w-titol-noticia, .w-sub-title, .w-text-noticia, .w-title-cont .category{
    padding: 5px 40px 5px 40px;
}
.w-title-cont .category,
.w-title-cont .source,
.w-title-cont .w-data{
    display:block;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    color:#7ab800;
    font-size: 14px;
    line-height: 1em;
    font-weight: 300;
    margin: 0 0 10px 40px;
    padding: 0 40px 0 20px;
}
.w-title-cont .source{
    background-image:url('/img/author.png');
}
.w-title-cont .category{
    background-image:url('/img/icon-tag.png');
    margin-bottom:20px;
}
.w-title-cont .w-data{
    background-image:url('/img/icon-time-mini.png');
}
.w-title-cont .category:hover, .w-title-cont .category:focus{
    text-decoration: none;
}
    
    
.w-data{
    padding-bottom: 0px;
    color: #7cb800;
    font-weight: 400;
    font-size: 14px;
}
.w-titol-noticia{
    margin-bottom: 32px;
    font-weight: 400;
}
.w-sub-title{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4em;
    margin-top: 50px;
    margin-bottom: 10px;
    color: #33495e;
}
.w-text-noticia{
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4em;
    margin-bottom: 15px;
    color: #7e8c8d;
    margin-top:0;
}
.w-news-pic {
    margin-bottom: 50px;
}
.w-news-pic img{
    width: 100%;
}
@media (max-width: 768px) {
    .noticies{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .w-titol-noticia{
        margin-bottom: 30px;
        font-size: 28px;
        line-height: 1.2em;
    }
    .w-sub-title{
        margin-top: 0;
        padding: 0 20px;
        text-align: left;
    }
    .w-text-noticia{
        margin-bottom: 0;
        padding: 0 20px;
        text-align: left;
    }
}



/**
 * Paginació
 *
 */

.w-paginator-cont{
    border-top: 1px solid #cacaca;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 55px;
    padding-top: 35px;
}
.w-paginator{
    margin: 0 auto;
    border:1px solid #7bb801;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0px 0px 0px 4px;
    display: table;
    margin: 0 auto;
    margin-top: 5px;
    font-weight: 400;
}
.w-paginator a{
    border-right: 1px solid #ddedc0 ;
    padding: 5px 9px 5px 10px;
    float: left;
}
.w-paginator a:hover, .w-paginator a:active, .w-paginator a:focus {
    background-color: #7bb801;
    text-decoration: none;
    color: #fff;
}
.w-paginator a.p-first{
    border-right: none;
    padding: 5px 10px 5px 12px;
    margin-left: -5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}
.w-paginator a.p-last{
    border-right: none;
    padding: 5px 11px 5px 10px;
    margin-right: 0px;
}
.w-paginator>.active{
    background-color: #7bb801;
    text-decoration: none;
    color: #fff;
}
@media (max-width: 768px) {
    .w-paginator-cont{
        margin-top: 20px;
        padding-top: 20px;
    }
}



/**
 * Overview Noticies
 *
 */

.projects-1 .title > .icon-tag{
    margin-right: 25px;
    width:25px;
    height:25px;
}
.projects-1 .title a:hover, .projects-1 .title a:focus, .projects-1 .title a.active{
    color: #7ab800;
    text-decoration: none;
}
.projects-1 .head-box:before{
    background:none;
}
.projects-1 .head-box{
    position:relative;
    background:#f2f8e6;
    padding: 50px;
    min-height:0;
}
.projects-1 .head-box > * {
    max-width:none;
}
.projects-1 .head-box .icon{
    float:left;
    z-index: 10;
}
.projects-1 .head-box .category{
    padding-left: 120px;
}
.projects-1 .head-box .category .brand {
    margin:15px 0 5px 0;
    color:#34495e;
}
.projects-1 .head-box .category p {
    width:75%;
    color:#95a5a6;
}
.projects-1 .head-box > span.cat-total{
    position:absolute;
    right:50px;
    top:48%;
    color:#7ab800;
}
.projects-1 .projects .photo {
    opacity:1;
}
.projects-1 .projects .project-wrapper {
    float:left;
    width:33.33%;
}
.projects-1 .projects .sep{
    height:60px;
    display:block;
    width:100%;
    float:left;
}
.projects-1 .projects .project-wrapper:nth-child(3n+0) {
    text-align: center;
}
.projects-1 .projects .project-wrapper:nth-child(3n+1) {
    text-align: right;
}
.projects-1 .projects .project-wrapper:nth-child(3n+2),
.projects-1 .projects .project-wrapper:first-child{
    text-align: left;
}
.projects-1 .projects .project:hover .photo-wrapper{
    background-color:#7ab800;
    cursor: pointer;
}
.projects-1 .projects .name,
.projects-1 .projects .name a{
    color:#34495e;
    font-weight: 500;
    text-decoration: none;
}
.projects-1 .projects .info{
    color:#7f8c8d;
}
.projects-1 .projects span.datum,
.projects-1 .projects span.source,
.projects-1 .projects span.category{
    color:#7ab800;
    display:block;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    font-size: 12px;
    line-height: 1em;
    margin-bottom:10px;
}
.projects-1 .projects span.datum{
    margin-top:20px;
    background-image:url('/img/icon-time-mini.png');
}

.projects-1 .projects span.source{
    background-image:url('/img/author.png');
}

.projects-1 .projects span.category{
    background-image:url('/img/icon-tag.png');
}
@media (max-width: 768px) {
    .projects-1{
        padding-top:30px;
        padding-bottom:30px;
    }
    .projects-1 .title{
        display:none;
    }
    .projects-1 .projects{
        margin-top:30px;
    }
    .projects-1 .projects .project-wrapper,
    .projects-1 .projects .project-wrapper:nth-child(3n+1),
    .projects-1 .projects .project-wrapper:nth-child(3n+2),
    .projects-1 .projects .project-wrapper:first-child{
        text-align: center;
    }
    .projects-1 .projects .info{
        margin-top:20px;
    }
}
@media (max-width: 600px) {
    .projects-1 .head-box{
        padding:20px;
    }
    .projects-1 .head-box .icon{
        width:18%;
    }
    .projects-1 .head-box .category{
        padding-left:22%;
    }
    .projects-1 .head-box .category .brand{
        margin-top:0;
    }
    .projects-1 .head-box .category .brand,
    .projects-1 .head-box .category p{
        width:100%;
        line-height: 1.3em;
    }
    .projects-1 .head-box > span.cat-total{
        position:relative;
        padding-left:22%;
        width: 100%;
        display:block;
        right:0;
        top:0;
    }
    .projects-1 .projects .project-wrapper {
        width:100%;
    }
    .projects-1 .projects{
        margin-top:0;
    }
    .projects-1 .projects .sep{
        display:none;
    }
    .projects-1 .projects .project-wrapper + .project-wrapper,
    .projects-1 .projects .project-wrapper{
        margin-top:40px;
    }
}



/**
 * Sobre XoC
 *
 */

.contacts-3 .links a {
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin-top: 10px;
}
.contacts-3 label.h6 {
    margin-bottom: 10px;
}
.contacts-3 form input, .contacts-3 form textarea {
    margin-bottom: 16px;
}
.asterisc{
    color: red;
}
.contacts-3 form input:focus, .contacts-3 form textarea:focus {
    border-color: #7cb800;
}
.form-group.focus .form-control, .form-control:focus {
    border-color: #7cb800;
    outline: 0px none;
    box-shadow: none;
}
.contacts-3 form input{
   width: 100%;
    height: auto;
    max-width: inherit;
    min-width: inherit;   
}
.contacts-3 form input.w-checkbox{
    width: 21px;
    height: 21px;
    border: 1px solid;
}
.contacts-3 a {
    color: #7cb800;
}
.contacts-3 a:hover, .contacts-3 a:focus, .contacts-3 a.active {
    color: #699e00;
}
.contacts-3 form label.error {
    margin-top:-10px;
    margin-bottom: 22px;
    display:block;
    color:red;
    font-size: 15px;
    font-weight: normal;
}
.contacts-3 form .label-privacy{
    margin-top:-10px;
    margin-bottom:15px;
    color:red;
    font-size: 15px;
    font-weight: normal;
}
.contacts-3 form .label-captcha{
    margin-top:-10px;
    margin-bottom:15px;
    color:red;
    font-size: 15px;
    font-weight: normal;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px ;
    display: block;
    max-width: 120px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
#original{
    opacity: 0;
    position: relative;
    z-index: 100;
}
@media (max-width: 768px) {
    .contacts-3{
        padding:30px 20px;
    }
    .contacts-3 h3{
        padding:0;
        font-size: 28px;
        line-height: 1.3em;
        margin:30px 0 0 0;
    }
    .contacts-3 h6, .contacts-3 .h6,
    .contacts-3 p{
        font-size: 14px;
        line-height: 1.2em;
    }
    .contacts-3 .links{
        padding:0 20px 20px 20px;
        margin: 20px 0;
    }
    .contacts-3 .map{
        margin:20px 0;
    }
    .contacts-3 .map iframe{
        width:100%;
        height:100%;
    }
    .contacts-3 form input, .contacts-3 form textarea{
        margin-bottom:10px;
    }
    .contacts-3 a{
        display:inline-block;
    }
    .contacts-3 form{
        margin-bottom:20px;
    }
    .contacts-3 > .container > .row > * + *{
        margin-top:0;
    }
    .contacts-3 .col-sm-5{
        padding:0;
    }
}
@media (max-width: 480px) {
    .contacts-3 form .btn{
        margin-top:36px;
    }
}



/**
 * Abast
 *
 */

.content-9{
    padding-bottom: 50px;
}
.w-info-count p{
    width: 250px;
    height: 55px;
    line-height: 1.2em;
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}

.w-info-count {
    float: left;
    min-width: 180px;
    padding: 30px 10px 40px 10px;
    width:50%;
}
.w-counter {
    width:55px;
    height:55px;
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    color: #111;
    line-height:50px;
    border-radius: 50%; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border: 2px solid #7ab800;
}
.w-counter span{
    width: 100%;
    text-align: center;
}
@media (max-width: 999px) {
    .w-info-count {
        width:100%;
    }
}
@media (max-width: 768px) {
    .content-9{
        padding:30px 20px;
    }
    .content-9 h3{
        font-size: 28px;
        line-height: 1.3em;
    }
    .content-9 p {
        font-size: 14px;
        line-height: 1.3em;
    }
    .w-counter p{
        text-align: left;
    }
}
@media (max-width: 480px) {
    .w-info-count{
        margin: 0 auto;
        width: 185px;
        float: none;
        padding:12px;
    }
}






.video-thumb{
   margin-top: 35px;
}
.video-thumb a{
    background-image: url(../../img/play-video.png);
    background-repeat: no-repeat;
    width: 335px;
    height: 230px;
    display: block;
    position: relative;
    z-index: 10;
    background-position: center;
    margin-top: -230px;
}

.video-thumb a:hover{
    background-image: url(../../img/play-video-on.png);
}











.controls{
    margin: 0 auto;
    width: 100%;
    display: block;
}

.learn, .learn a{
    color: #7ab800;
    text-decoration: underline;
}

a:hover, button:hover, a:focus, button:focus, a:active, button:active {
    color: #699e00;
    text-decoration: underline;
}






    

/*========= SERVEIS ========= */

#block-services{
    border-bottom: 1px solid #e4f1cc;
    width: 100%;
    height: 50px;
}

.nav-serveis{
    position: absolute;
    top: 500px;
    z-index: 10;
    width: 100%;
    left: 0;
    border-bottom: 1px solid #e4f1cc;
}

.nav-serveis.affix {
    position: fixed;
    top: 0;
    z-index:1000;
    font-weight: 100; 
}

.menu-services{
    background: #fff;
}

.nav-services{
    margin: 0 auto;
    max-width: 1120px;
    text-align: center;
    padding: 4px;
    font-weight: 100; 
}

.nav-services li{
    display: inline-block;
    list-style: none;
    padding: 10px;
}
.nav-services li a{
    margin-left: 15px;
    margin-right: 15px;
    color: #ccc;
    font-weight: 400;
    text-decoration: none;
}
.nav-services li a:hover, 
.nav-services li a:active, 
.nav-services li a:focus,
.nav-services li a.active{
    color: #7ab800;
    text-decoration: none;
}




/* END HEADER STYLE */


/* CONTENT 2 SERVICES STYLE */


.modal-content {
    position: relative;
    background-color: #fff !important;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0;
    padding: 25px;
}

.w-table{
    border: 1px solid #cacaca; 
    width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;
}
.w-table td, .w-table tr{
    padding: 10px;
}
.w-table td{
    border-right: 1px solid #cacaca;
    
}
.w-table tr > td:last-child{
    text-align: right;
}
.w-title-table{
    font-weight: bold;
    border-bottom: 1px solid #cacaca;
}
.btn-close-modal{
    float: right;
    margin-top: 10px;
}

.cont-2 p {
    font-size: 16px;
    font-weight: 300;
    padding: 30px 0 30px 0;
}

.cont-2 .btn-text{
    padding: 0 24px 0 24px;
}

#map-spots{
    position: relative;
    width:100%;
    display:inline-block;
    margin-top:0;
}
.w-cat {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
}
.map-cat{
    width: 100%;
    height:auto;
    display:block;
}
#map-lines{
    position: absolute;
    top:0;
    left:0;
    z-index: 100;
    display:none;
    width:100%;
    height:auto;
}

#scroll img{
    position: relative;
}
.w-cat .spot{
    display: none;
    width: 14px;
    height: 14px;
    position: absolute;
    z-index: 1000;
}
.sp1{
    top: 50%;
    left: 22%;
}
.sp2{
    top: 65%;
    left: 6%;
}
.sp3{
    top: 55%;
    left: 10%;    
}
.sp4{
    top: 39%;
    left: 11.5%;
}
.sp5{
    top: 35%;
    left: 15%;
}
.sp6{
    top: 20%;
    left: 18%;
}
.sp7{
    top: 16%;
    left: 30%;
}
.sp8{
    top: 54%;
    left: 24.5%;
}
.sp9{
    top: 43%;
    left: 31.5%;
}
.sp10{
    top: 22%;
    left: 35%;
}
.sp11{
    top: 37%;
    left: 37%;
}
.sp12{
    top: 50%;
    left: 36%;
}
.sp13{
    top: 47.5%;
    left: 45.5%;
}
.sp14{
    top: 38%;
    left: 50%;
}
.sp15{
    top: 22%;
    left: 51%;    
}
.sp16{
    top: 41%;
    left: 44%;
}
.sp17{
    top: 41.5%;
    left: 52%;
}
.sp18{
    top: 29%;
    left: 45%;    
}
.sp19{
    top: 27%;
    left: 58.5%;
}
.sp20{
    top: 28%;
    left: 69.5%;    
}
.sp21{
    top: 68%;
    left: 12%;
}
.sp22{
    top: 19%;
    left: 44%;
}
.sp23{
    top: 33.5%;
    left: 48%;
}
.sp24{
    top: 36%;
    left: 52%;
}



/* TABLES */



.tabla{
    border-top: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    text-align: center;
    min-height: 270px;
    padding: 0;
    margin-top: 5px;
}

.tabla-first {
    border-left: 1px solid #E8E8E8;

}

.tabla>span{
    padding: 10px;
    font-size: 12px;
    line-height: 28px;
    display: block;
    padding: 10px;
}


.blackrow{
    font-weight: bold;
    vertical-align: middle;
    display: block;
    border-bottom: 1px solid #E8E8E8;
    
}

.first-short{
    max-width: 100px;
}


/* SOCIAL BUTTONS */

.round-button {
    display:block;
    width:35px;
    height:35px;
    line-height:30px;
    border-radius: 50%;
    color:#fff;
    text-align:center;
    text-decoration:none;
    font-size:20px;
    font-weight:bold;
}
.round-button img{
    width: 16px;
}
.social-google{
    background: #e24846;
    float:right;
}
.social-facebook{
    background: #5282d6;
    float:right;
}
.social-twitter{
    background: #63c9f1;
    float:right;
}
.social-linkedin{
    background: #0077B5;
    float:right;
}
.w-xarxes-socials .back{
    background: #7ab800;
    float:left;
}
.w-xarxes-socials {
    width: 100%;
    margin: 50px 0 0 0;
    padding: 0 40px;
}
.w-xarxes-socials a{
    display: inline-block;
    margin-left: 10px;
}
.w-xarxes-socials a.back{
    margin-left:0;
}
.w-xarxes-socials .back:hover{
    background: #609001;
}
.social-google:hover {
    background: #e0a9a9;
}
.social-facebook:hover {
    background: #9eb2d5;
}
.social-twitter:hover {
    background: #b6dceb ;
}
@media (max-width: 768px) {
    .w-xarxes-socials {
        padding: 30px 15px;
        margin: 0;
    }
}



/**
 * Política de Cookies
 *
 */

.cookies-container{
    position: fixed;
    display: block;
    top: 0;
    background: #002b44;
    width: 100%;
    z-index: 600;
    display: none;
}
.text-cookies{
    padding: 15px 0 15px 0;
}
.text-cookies h4{
    color: #fff;
}
.text-cookies p{
    color: #7b8891;
    font-size: 15px;
}
.text-cookies a{
    text-decoration: underline;
    color: #fff;
    font-weight: bold;
}
.text-cookies a:hover{
    color: #9dca49;
}
.buttons-cookies{
    text-align: center;
    margin-right: 50px;
    padding-top: 35px;
}
.btn-cokie{
    color: #fff !important;
}
a.p-info{
    margin-top: 15px;  
    display: block;
    color: #fff;
    text-decoration: underline;
}
a.p-info:hover{
    color: #9dca49;
}
@media (max-width: 768px) {
    .text-cookies{
        text-align: center;
    }   
    .buttons-cookies{
        padding: 0px 10px 30px 0;
        margin-right:0;
        text-align: center;
    }
}




/* MEDIA QUERIES */


@media (max-width: 1200px) {
   .video-thumb a{
        width: 290px;
        height: 190px;
        margin-top: -190px;
    }
}



@media (max-width: 992px) {
    .navbar-collapse .btn {
        margin-left: 30px;
        margin-top: 15px;
        background-color: #7AB800;
    } 
    
    .video-thumb{
       margin-top: 80px;
    }
    body > .navbar-collapse .subnav li > a {
        float: left; padding: 0px 0px; margin-left: 10px;
    }
    body > .navbar-collapse .subnav li {
       margin-left: 30px;
    }
    
    .subnav-serveis li{
        list-style: none;
        padding: 5px;
    }
    .subnav-serveis li a{
        color: #cacaca;
    }
    .subnav-serveis li a:hover{
        text-decoration: none;
    }
    
    .video-thumb{
        margin-bottom: 20px;
    }
    
    .esp { padding-right: 10px !important;}
    .esp, .cat{ padding-top: 0px !important; padding-bottom: 0px !important; margin-right: 5px;}
    .cat{ margin-left: 10px;}
    
    .partner-text {
        display: block;
    }
    .tabla, .tabla-first {
        border: 1px solid #e8e8e8;
        min-height: inherit;
    }
    
    .blackrow{
        background: #f6f6f6;
    }
    .video-thumb a{
        width: 205px;
        height: 139px;
        margin-top: -139px;
    }
}

@media (max-width: 768px) {
   .video-thumb a{
        width: 335px;
        height: 229px;
        margin-top: -229px;
    }
    .video-thumb{
       margin-top: 25px;
    }
}


@media (max-width: 480px) {
    .cont-2 img{ margin-bottom: 20px;}
    .w-table{
        font-size: 11px;
    }
    .w-table td, .w-table tr{
        padding: 2px;
    }
    .video-thumb{
       margin: 0;
    }
    .video-thumb a{
        width: 100%;
        height: 221px;
        margin-top: -221px;
    }
    .modal-content{
        padding: 5px;
    }

}



/**
 * 404
 *
 */

.content-36 h2,
.content-36 p{
    color: #002b45;
}
.content-36 p{
    width:55%;
}



/**
 * Header-26 Video Player
 *
 */
.header-23-sub {
    padding-top: 270px;
    padding-bottom:0;
    height: 600px;
}
.header-23-sub .background {
    opacity: 0.3;
}
.header-23-sub .hero-unit .btn-play {
    background: url("../../../common-files/img/header/btn-play.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.header-23-sub .hero-unit .btn-play:hover {
    transform:scale(1.1);
    transition: all 0.4s ease 0s;
    background-color: rgba(122,184,0,0.5);
}
.header-23-sub .hero-unit strong {
    letter-spacing: 0px;
}
@media (max-width: 768px) {
    .header-23-sub .hero-unit,
    .header-23-sub .hero-unit strong{
        font-size: 28px;
    }
    .header-23-sub .hero-unit .btn-play{
        width:40px;
        height:40px;
    }
    .header-23-sub {
        padding-top: 75px;
        padding-bottom:0;
        height: 340px;
    }
}
@media (max-width: 480px) {
    .header-23-sub {
        padding-top: 40px;
        padding-bottom:0;
        height: 300px;
    }
}



/**
 * Contacts-2
 *
 */

.contacts-2 form{
    background: #fff;
}
.contacts-2 form input:focus,
.contacts-2 form textarea:focus{
    border-color:#7ab800;
}
.contacts-2 a{
    color: #7ab800;
}
.contacts-2 a:hover, .contacts-2 a:focus{
    color: #609001;
    text-decoration: none;
}
.contacts-2 form .btn.btn-primary:hover,
.contacts-2 form .btn.btn-primary:focus,
.contacts-3 form .btn.btn-primary:hover,
.contacts-3 form .btn.btn-primary:focus{
    background-color: #609001;
}
.contacts-2 form label.error {
    margin-top:-20px;
    margin-bottom: 29px;
}
.contacts-2 form .label-privacy{
    margin-top:-10px;
    margin-bottom:15px;
    color:red;
    font-size: 15px;
    font-weight: normal;
}
@media (max-width: 768px) {
    .contacts-2{
        padding-top:30px;
        padding-bottom:30px;
    }
    .contacts-2 h3{
        padding:0 10px;
    }
    .contacts-2 h6, .contacts-2 .h6,
    .contacts-2 p{
        font-size: 14px;
        line-height: 1.2em;
    }
    .contacts-2 form input, .contacts-2 form textarea{
        margin-bottom:10px;
    }
    .contacts-2 a{
        display:inline-block;
    }
    .contacts-2 form{
        padding:15px;
        margin-bottom:20px;
    }
    .contacts-2 > .container > .row > * + *{
        margin-top:0;
    }
    .contacts-2 .col-sm-5{
        padding:0 40px;
    }
}
@media (max-width: 480px) {
    .contacts-2 form .btn{
        margin-top:36px;
    }
}




/**
 * Footer
 *
 */

.footer-6 .brand:hover,
.footer-6 .brand:focus,
.footer-6 nav ul li a:hover,
.footer-6 nav ul li a:focus,
.footer-6 a:hover,
.footer-6 a:focus{
    color: #7ab800;
    text-decoration: none;
}
.footer-6 .social-btns > * {
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    border: none;   
}
.footer-6 .social-btns .fui-twitter:first-child {
    margin-top: 2px;
}
.footer-6 .input-group input[type="text"]:focus {
    border-color: #7ab800;
}
.footer-6 nav ul li a,
.footer-6 a{
    color: #FFFFFF;
}
.footer-6 h6 {
    color: #FFFFFF;
}
.footer-6 {
    background-color: #333;
}
.footer-6 p{
    margin:20px 0;
    color: #888;
}
@media (max-width: 768px) {
    .footer-6{
        padding-top:30px;
        padding-bottom:30px;
    }
    .footer-6 .input-group input[type="text"]{
        width:100%;
    }
}



/**
 * Operadors i Empreses
 *
 */

.content-2,
.content-9{
    z-index: 200;
}
.content-2 .btns,
.content-9 .btns{
    margin-top: 20px;
    margin-bottom: 20px;
}
.content-2 .links,
.content-9  .links{
    margin-top: 20px;
}
.content-2 .links a,
.content-9 .links a{
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
.content-2 .links [class*="fui-"],
.content-9 .links [class*="fui-"]{
    font-size: 26px;
    margin: -3px 23px 0 0;
    vertical-align: middle;
}
.content-2 form,
.content-9 form{
    margin-bottom:20px;
}
.content-2 form .btn,
.content-9 form .btn{
    float:right;
    margin-top:15px;
}
.content-9 .over{
    margin-top:-80px;
    z-index: 300;
}
@media (max-width: 768px) {
    .content-2{
        padding: 30px 20px;
    }
    .content-2 h3,
    .content-9 h3{
        font-size: 28px;
        line-height: 1.3em;
        margin-bottom: 15px;
    }
    .content-2 p,
    .content-9 p{
        font-size: 14px;
        line-height: 1.3em;
    }
    .content-2 .links,
    .content-9 .links{
        margin-bottom: 30px;
    }
    .content-2 .btns,
    .content-9 .btns{
        text-align: center;
    }
    .content-2 .btns .btn,
    .content-9 .btns .btn{
        margin-right: 0;
    }
    .content-2 label.h6,
    .content-9 label.h6{
        font-size: 14px;
        line-height: 1.3em;
    }
    .content-9 .over{
        margin-top:0px;
    }
    .content-9 .check-text{
        margin-top: 10px;
    }
}



/**
 * Diagrama temporal
 *
 */

.temp-slides{
    padding:60px 0;
}
.temp-slides h6{
    font-weight: 300;
    margin:25px 0;
    padding-right: 25px;
}
.temp-slides h6 img{
    height:20px;
    width:auto;
    display:inline-block;
    margin-left:20px;
    margin-bottom:3px;
}
.temp-slides p{
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
}
.temp-slides b{
    font-weight: 300;
    color:#7ab800;
}
.temp-slides img{
    display:block;
    width:80%;
    margin:0;
}
.temp-slides img.arrow{
    margin-top:20px;
    width:100%;
}
@media (max-width: 768px) {
    .temp-slides{
        padding:30px 0;
    }
    .temp-slides .col-sm-3{
        margin-bottom: 50px;
    }
    .temp-slides h6{
        margin:15px 0;
    }
    .temp-slides img{
        width:40%;
        margin:0;
    }
}
@media (max-width: 480px) {
    .temp-slides img{
        width:80%;
        margin:0;
    }
    .temp-slides .col-sm-3{
        padding-right:20px;
        padding-left:20px;
    }
    .temp-slides h6 img{
        display:none;
    }
}


/**
 * Client Logos
 *
 */

.client-logos{
    padding: 0 15px 30px 15px;
    text-align: center;
}
.client-logos img{
    display: inline-block;
    width:80px;
    height:auto;
    margin:15px;
}
@media (max-width: 768px) {
    .client-logos img{
        display: inline-block;
        width:50px;
        height:auto;
        margin:15px;
    }
}

.iso img{
    max-width: 88px;
    width:100%;
    margin-top:5px;
}

/* JC */

.twitter-typeahead .tt-dropdown-menu {
    border-color:#7AB800;
}

span.twitter-typeahead .tt-suggestion > p:hover {
    color:white;
}

span.twitter-typeahead .tt-suggestion > p:hover,
span.twitter-typeahead .tt-suggestion > p:focus {
    background-color: #7AB800;
    cursor:pointer;
}

#operadors_i_empreses p{
    font-weight: 300;
}

#abast p{
    font-weight: 300;
}

.tt-suggestion {

    padding: 5px;
    border: 1px solid #7AB800;
    background-color: white;
    cursor: pointer;

}

.tt-suggestion:hover {

    font-weight: bold;
    color: #7AB800;

}

.tt-menu {

    width: 100%;

}

.twitter-typeahead pre {

    width: 100%;

}

.image-source {

    font-weight: normal;
    font-size: 12px;
    margin-top:4px;
    position: absolute;
    font-style: italic;

}