@charset "UTF-8";
/* CSS SCREEN */
/* OMATECH Xtreme Web Culture */
/******** EL CØL·L3G1 ********/
/******** ICONES ********/
@font-face {
  font-family: "coleaudi-icos";
  src: url("fonts/icoscoleaudi.eot");
  src: url("fonts/icoscoleaudi.eot?#iefix") format("embedded-opentype"), url("fonts/icoscoleaudi.woff") format("woff"), url("fonts/icoscoleaudi.ttf") format("truetype"), url("fonts/icoscoleaudi.svg#coleaudi-icos") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "coleaudi-icos" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "coleaudi-icos" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow:before {
  content: "\61"; }

.icon-content:before {
  content: "\62"; }

.icon-dosier:before {
  content: "\63"; }

.icon-edit:before {
  content: "\64"; }

.icon-issuu:before {
  content: "\65"; }

.icon-link:before {
  content: "\66"; }

.icon-linkedin:before {
  content: "\67"; }

.icon-location:before {
  content: "\68"; }

.icon-logo:before, #main .tit-row .tit-plus:before, #main .tit-empty .tit-plus:before {
  content: "\69"; }

.icon-play:before {
  content: "\6b"; }

.icon-search:before {
  content: "\6c"; }

.icon-twitter:before {
  content: "\6d"; }

.icon-user:before {
  content: "\6e"; }

.icon-world:before {
  content: "\6f"; }

.icon-youtube:before {
  content: "\70"; }

.icon-group:before {
  content: "\71"; }

.icon-pdf:before {
  content: "\6a"; }

.icon-lock:before {
  content: "\72"; }

/* MATERIAL TRAM */
.mdi {
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); }
  .mdi:before {
    font: normal normal normal 24px/1 "Material Design Icons"; }

.mdi-phone-in-talk:before {
  content: "\F3F6"; }

.mdi-information-outline:before {
  content: "\F2FD"; }

.mdi-chevron-double-right:before {
  content: "\F13E"; }

.mdi-check:before {
  content: "\F12C"; }

.mdi-facebook:before {
  content: "\F20C"; }

.mdi-twitter:before {
  content: "\F544"; }

.mdi-youtube-play:before {
  content: "\F5C3"; }

.mdi-instagram:before {
  content: "\F2FE"; }

/* MATERIAL DESING FOR BOOTSTRAP */
.mdi::before {
  font-size: 24px;
  line-height: 14px; }

.btn .mdi::before, .btn-inverse .mdi::before, .see-more .mdi::before {
  position: relative;
  top: 4px; }

.btn-xs .mdi::before {
  font-size: 18px;
  top: 3px; }

.btn-sm .mdi::before {
  font-size: 18px;
  top: 3px; }

.dropdown-menu .mdi {
  width: 18px; }

.dropdown-menu .mdi::before {
  position: relative;
  top: 4px;
  left: -8px; }

.nav .mdi::before {
  position: relative;
  top: 4px; }

.navbar .navbar-toggle .mdi::before {
  position: relative;
  top: 4px;
  color: #FFF; }

.breadcrumb .mdi::before {
  position: relative;
  top: 4px; }

.breadcrumb a:hover {
  text-decoration: none; }

.breadcrumb a:hover span {
  text-decoration: underline; }

.alert .mdi::before {
  position: relative;
  top: 4px;
  margin-right: 2px; }

.input-group-addon .mdi::before {
  position: relative;
  top: 3px; }

.navbar-brand .mdi::before {
  position: relative;
  top: 2px;
  margin-right: 2px; }

.list-group-item .mdi::before {
  position: relative;
  top: 3px;
  left: -3px; }

/******** FONTS ********/
/* Webfont: Arvo-Bold */
@font-face {
  font-family: 'Arvo-Bold';
  src: url("fonts/arvo/Arvo-Bold.eot");
  /* IE9 Compat Modes */
  src: url("fonts/arvo/Arvo-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/arvo/Arvo-Bold.svg") format("svg"), url("fonts/arvo/Arvo-Bold.woff2") format("woff2"), url("fonts/arvo/Arvo-Bold.woff") format("woff"), url("fonts/arvo/Arvo-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
/* Webfont: LatoLatin-Black */
@font-face {
  font-family: 'LatoLatinWebBlack';
  src: url("fonts/LatoLatin-Black.eot");
  /* IE9 Compat Modes */
  src: url("fonts/LatoLatin-Black.eot?#iefix") format("embedded-opentype"), url("fonts/LatoLatin-Black.woff2") format("woff2"), url("fonts/LatoLatin-Black.woff") format("woff"), url("fonts/LatoLatin-Black.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
/* Webfont: LatoLatin-BlackItalic */
@font-face {
  font-family: 'LatoLatinWebBlack';
  src: url("fonts/LatoLatin-BlackItalic.eot");
  /* IE9 Compat Modes */
  src: url("fonts/LatoLatin-BlackItalic.eot?#iefix") format("embedded-opentype"), url("fonts/LatoLatin-BlackItalic.woff2") format("woff2"), url("fonts/LatoLatin-BlackItalic.woff") format("woff"), url("fonts/LatoLatin-BlackItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
/* Webfont: LatoLatin-Bold */
@font-face {
  font-family: 'LatoLatinWeb';
  src: url("fonts/LatoLatin-Bold.eot");
  /* IE9 Compat Modes */
  src: url("fonts/LatoLatin-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/LatoLatin-Bold.woff2") format("woff2"), url("fonts/LatoLatin-Bold.woff") format("woff"), url("fonts/LatoLatin-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility; }
/* Webfont: LatoLatin-BoldItalic */
@font-face {
  font-family: 'LatoLatinWeb';
  src: url("fonts/LatoLatin-BoldItalic.eot");
  /* IE9 Compat Modes */
  src: url("fonts/LatoLatin-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/LatoLatin-BoldItalic.woff2") format("woff2"), url("fonts/LatoLatin-BoldItalic.woff") format("woff"), url("fonts/LatoLatin-BoldItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: bold;
  text-rendering: optimizeLegibility; }
/* Webfont: LatoLatin-Italic */
@font-face {
  font-family: 'LatoLatinWeb';
  src: url("fonts/LatoLatin-Italic.eot");
  /* IE9 Compat Modes */
  src: url("fonts/LatoLatin-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/LatoLatin-Italic.woff2") format("woff2"), url("fonts/LatoLatin-Italic.woff") format("woff"), url("fonts/LatoLatin-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
/* Webfont: LatoLatin-Regular */
@font-face {
  font-family: 'LatoLatinWeb';
  src: url("fonts/LatoLatin-Regular.eot");
  /* IE9 Compat Modes */
  src: url("fonts/LatoLatin-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/LatoLatin-Regular.woff2") format("woff2"), url("fonts/LatoLatin-Regular.woff") format("woff"), url("fonts/LatoLatin-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
/********  MIXINS ********/
/******** BREAKPOINTS ********/
/******** VARIABLES ********/
/* regular:400; bold:700; */
/* semi-bold:600; bold:700; */
/*$font-hairline: LatoLatinWebHairline;
$font-heavy: LatoLatinWebHeavy;
$font-light: LatoLatinWebLight;
$font-medium: LatoLatinWebMedium;
$font-semi: LatoLatinWebSemibold;
$font-thin: LatoLatinWebThin;*/
/******** COLORS ********/
/* text */
/* backgrounds */
/******** BACKGROUNDS ********/
/******** SPRITE ********/
html .logo a {
  background-image: url("img/logos.png");
  background-size: 100%;
  background-repeat: no-repeat; }

html.svg .logo a {
  background-image: url("img/logos.svg"); }

html {
  background-repeat: no-repeat; }

/********************************/
body {
  background-color: #f7f8f8;
  font-family: LatoLatinWeb;
  font-size: 1.4rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (max-width: 991px) {
    body {
      font-size: 1.6rem; } }
  @media (max-width: 767px) {
    body {
      font-size: 1.6rem; } }

@media (min-width: 1500px) {
  .container {
    width: 1480px !important; } }

/********************************/
/* RESET */
p, ul, ol, dl, dt, dd, figure {
  margin: 0;
  padding: 0; }

ul, ol {
  list-style: none; }

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 1.2; }
  @media (max-width: 991px) {
    h1, h2, h3, h4, h5 {
      font-size: 1.8rem; } }

div {
  box-sizing: border-box; }

/* BOOTSTRAP */
.dropdown-backdrop {
  position: static; }

/********************************/
/* COMUNS */
.clear:before, #main .submenu .submenu-toggle:before, #main .tit-row:before, #main .tit-empty:before, #main .text-block .text-entry:before, #main .info-prac dl:before, #main .pager .pagination:before, #main .dataTables_wrapper .dataTables_paginate:before, #main .content-lst ul li:before, #main .person-item:before, #main .board-lst > ul > li:before, #main .members-lst ul > li:before, #main .members-lst ul.ponents-lst:before, #main .prices:before, #main .prices dl:before, #main .total-order:before, #main .total-order dl:before, #main .course-item:before, #main .press-item > div .doc-links:before, #main .event-item:before, #main .pre-home > ul > li > a:before, #main .calendar .calendar-body .legend:before, #main .form .form-cols:before, #main .members-page .form .alpha-lst ul:before, #main .cole-det .cole-info:before, .audi-modal .modal-dialog .galery-slide .slide-ctrls:before, #footer .logo-row .social > ul:before, #footer .info-row:before, #footer .info-row .contact:before, .clear:after, #main .submenu .submenu-toggle:after, #main .tit-row:after, #main .tit-empty:after, #main .text-block .text-entry:after, #main .info-prac dl:after, #main .pager .pagination:after, #main .dataTables_wrapper .dataTables_paginate:after, #main .content-lst ul li:after, #main .person-item:after, #main .board-lst > ul > li:after, #main .members-lst ul > li:after, #main .members-lst ul.ponents-lst:after, #main .prices:after, #main .prices dl:after, #main .total-order:after, #main .total-order dl:after, #main .course-item:after, #main .press-item > div .doc-links:after, #main .event-item:after, #main .pre-home > ul > li > a:after, #main .calendar .calendar-body .legend:after, #main .form .form-cols:after, #main .members-page .form .alpha-lst ul:after, #main .cole-det .cole-info:after, .audi-modal .modal-dialog .galery-slide .slide-ctrls:after, #footer .logo-row .social > ul:after, #footer .info-row:after, #footer .info-row .contact:after {
  content: " ";
  display: table; }

.clear:after, #main .submenu .submenu-toggle:after, #main .tit-row:after, #main .tit-empty:after, #main .text-block .text-entry:after, #main .info-prac dl:after, #main .pager .pagination:after, #main .dataTables_wrapper .dataTables_paginate:after, #main .content-lst ul li:after, #main .person-item:after, #main .board-lst > ul > li:after, #main .members-lst ul > li:after, #main .members-lst ul.ponents-lst:after, #main .prices:after, #main .prices dl:after, #main .total-order:after, #main .total-order dl:after, #main .course-item:after, #main .press-item > div .doc-links:after, #main .event-item:after, #main .pre-home > ul > li > a:after, #main .calendar .calendar-body .legend:after, #main .form .form-cols:after, #main .members-page .form .alpha-lst ul:after, #main .cole-det .cole-info:after, .audi-modal .modal-dialog .galery-slide .slide-ctrls:after, #footer .logo-row .social > ul:after, #footer .info-row:after, #footer .info-row .contact:after {
  clear: both; }

/* area privada */
.icon-lock:before {
  font-size: 1.3rem !important; }

a {
  color: #e50a31;
  text-decoration: none; }
  a:hover {
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
  a:focus, a:active {
    outline: none !important; }

.form-control:focus, input:focus {
  border-color: #e50a31;
  box-shadow: 0 0 6px rgba(229, 10, 49, 0.5); }

input:focus, input:active, button:focus, button:active {
  outline: none !important; }

.hidden-text, #header .logo-row .logo .logo-cole a, #footer .logo-row .logo a {
  display: block;
  overflow: hidden;
  text-indent: -9999px; }

/* IMATGES */
.img, .figure, .banner, .img-round, .img-center, #main .box-img, .home #main .logos-row .logo-lst > li, #main .video-thumb {
  /* peu de foto */ }
  .img img, .figure img, .banner img, .img-round img, .img-center img, #main .box-img img, .home #main .logos-row .logo-lst > li img, #main .video-thumb img {
    max-width: 100%;
    min-width: 100%; }
  .img a, .figure a, .banner a, .img-round a, .img-center a, #main .box-img a, .home #main .logos-row .logo-lst > li a, #main .video-thumb a {
    display: block; }
  .img .caption, .figure .caption, .banner .caption, .img-round .caption, .img-center .caption, #main .box-img .caption, .home #main .logos-row .logo-lst > li .caption, #main .video-thumb .caption {
    margin-top: 10px;
    font-size: 1.4rem;
    font-style: italic;
    color: #6a6a6f; }

@media (max-width: 991px) {
  .banner {
    border-top: 5px solid #080810; } }
@media (max-width: 767px) {
  .banner {
    display: none; } }

.img-round {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%; }
  .img-round img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden; }

.img-center {
  margin-left: auto;
  margin-right: auto; }

/* RESET BOOTSTRAP */
.navbar-toggle {
  height: 25px;
  margin: 0;
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }
  .navbar-toggle .icon-bar {
    background-color: #e50a31;
    position: relative;
    top: -4px;
    width: 30px;
    height: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    /*+ .icon-bar {}*/ }
    .navbar-toggle .icon-bar:first-of-type {
      top: 3px;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .navbar-toggle .icon-bar:last-of-type {
      display: none; }
    @media (max-width: 370px) {
      .navbar-toggle .icon-bar {
        top: -3px;
        width: 20px;
        height: 2px; } }
  .navbar-toggle.collapsed {
    /*margin-top: 8px;*/ }
    .navbar-toggle.collapsed .icon-bar {
      background-color: #e50a31;
      display: block;
      position: static;
      top: auto;
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0); }
      .navbar-toggle.collapsed .icon-bar:first-of-type {
        position: static;
        top: auto; }

.dropdown .dropdown-menu {
  box-shadow: none; }

.caret, #main .calendar .calendar-head .prev, #main .calendar .calendar-head .next {
  border: none;
  position: relative;
  margin-left: 10px;
  width: 7px;
  height: 7px; }
  .caret:after, #main .calendar .calendar-head .prev:after, #main .calendar .calendar-head .next:after {
    position: absolute;
    top: -2px;
    right: 0;
    display: block;
    width: 7px;
    height: 7px;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: '';
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: transform 0.05s ease-in-out;
    -moz-transition: transform 0.05s ease-in-out;
    -ms-transition: transform 0.05s ease-in-out;
    -o-transition: transform 0.05s ease-in-out;
    transition: transform 0.05s ease-in-out; }
    @media (max-width: 991px) {
      .caret:after, #main .calendar .calendar-head .prev:after, #main .calendar .calendar-head .next:after {
        top: -4px;
        width: 9px;
        height: 9px;
        border-width: 2px 2px 0 0;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        -ms-border-radius: 1px;
        border-radius: 1px; } }

a[aria-expanded="true"] .caret:after, a[aria-expanded="true"] #main .calendar .calendar-head .prev:after, #main .calendar .calendar-head a[aria-expanded="true"] .prev:after, a[aria-expanded="true"] #main .calendar .calendar-head .next:after, #main .calendar .calendar-head a[aria-expanded="true"] .next:after {
  top: 1px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }
  @media (max-width: 991px) {
    a[aria-expanded="true"] .caret:after, a[aria-expanded="true"] #main .calendar .calendar-head .prev:after, #main .calendar .calendar-head a[aria-expanded="true"] .prev:after, a[aria-expanded="true"] #main .calendar .calendar-head .next:after, #main .calendar .calendar-head a[aria-expanded="true"] .next:after {
      top: 0; } }

/* botons */
.btn-row {
  margin-bottom: 30px; }
  .btn-row .btn, .btn-row .btn-inverse, .btn-row .see-more {
    text-align: center; }

.btn, .btn-inverse, .see-more {
  background-color: #e50a31;
  font-family: Montserrat;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }
  .btn:hover, .btn-inverse:hover, .see-more:hover {
    background-color: #080810;
    color: #fff;
    text-decoration: none; }
  @media (max-width: 767px) {
    .btn, .btn-inverse, .see-more {
      /*font-size: $font-size;*/
      padding: 8px 42px; } }

.btn-inverse {
  background-color: #080810; }
  .btn-inverse:hover {
    background-color: #e50a31; }

.btn-block {
  padding-left: 0;
  padding-right: 0;
  display: block; }

.btn-ico {
  position: relative; }
  .btn-ico:before {
    position: absolute;
    left: 20px;
    top: 15px; }

.asterix {
  color: #e50a31; }

/* link mes */
.more-link {
  background-color: #e50a31;
  color: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 22px;
  height: 22px;
  text-align: center; }
  @media (max-width: 991px) {
    .more-link {
      width: 32px;
      height: 32px; } }
  .more-link span {
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.6; }
    @media (max-width: 991px) {
      .more-link span {
        font-size: 1.6rem;
        top: 8px;
        line-height: 1; } }
  .more-link:hover {
    background-color: #080810;
    text-decoration: none; }

/* veure mes */
.see-more {
  background-color: #080810;
  font-size: 1.2rem;
  padding: 2px 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }
  .see-more:hover {
    background-color: #e50a31;
    text-decoration: none; }

/* compartir */
.share-btn {
  position: relative;
  padding-left: 25px; }
  .share-btn:before {
    position: absolute;
    left: 0;
    top: 3px; }
  .share-btn:hover {
    text-decoration: none; }

/* links */
/*.rel-links {
  > li {
    color: $clr-em;
    position: relative;
    padding-left: 20px;
    &:before {
      position: absolute;
      left: 0;
    }
    > a {
      color: $clr-em;
    }
  }
}*/
.hr {
  border: none;
  border-top: 1px solid #cecfd4; }

.hr-shadow {
  border: none;
  border-top: 1px solid #cecfd4; }

.aside .box, .aside .home #main .box-video, .home #main .aside .box-video, .aside .home #main .bg-box, .home #main .aside .bg-box, #main .aside .box-lst > li, .aside
.box-img {
  margin-bottom: 30px; }

/********************************/
/* HEADER */
#header {
  background-color: #f7f8f8;
  /* LOGO */
  /* EINES USUARI */
  /* NAVEGACIO */ }
  @media (max-width: 991px) {
    #header .container {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (max-width: 767px) {
    #header {
      position: relative; } }
  @media (max-width: 767px) {
    #header .logo-row {
      float: left; } }
  #header .logo-row .logo {
    margin: 0 0 25px 0;
    padding: 0 10px; }
    @media (max-width: 991px) {
      #header .logo-row .logo {
        margin: 0 0 20px 0; } }
    @media (max-width: 767px) {
      #header .logo-row .logo {
        margin-top: 20px; } }
    #header .logo-row .logo .logo-cole {
      width: 470px;
      height: 45px;
      /*margin: 0 auto;*/ }
      @media (max-width: 991px) {
        #header .logo-row .logo .logo-cole {
          width: 350px;
          height: 33px;
          margin: 0 auto; } }
      @media (max-width: 767px) {
        #header .logo-row .logo .logo-cole {
          width: 250px;
          height: 23px;
          margin-left: 0; } }
      @media (max-width: 370px) {
        #header .logo-row .logo .logo-cole {
          width: 210px;
          height: 20px; } }
      #header .logo-row .logo .logo-cole a {
        background-position: 0 0;
        width: 470px;
        height: 45px; }
        @media (max-width: 991px) {
          #header .logo-row .logo .logo-cole a {
            width: 350px;
            height: 33px; } }
        @media (max-width: 767px) {
          #header .logo-row .logo .logo-cole a {
            width: 250px;
            height: 23px;
            position: relative; } }
        @media (max-width: 370px) {
          #header .logo-row .logo .logo-cole a {
            width: 215px;
            height: 20px; } }
  #header .user-row {
    margin: 0; }
    @media (max-width: 767px) {
      #header .user-row {
        float: right;
        margin-top: 8px;
        /*margin-right: 10px;*/ } }
    #header .user-row .toggle-menu {
      float: left;
      margin-top: 10px; }
      @media (max-width: 767px) {
        #header .user-row .toggle-menu {
          float: right; } }
      @media (max-width: 370px) {
        #header .user-row .toggle-menu {
          margin-top: 8px; } }
    #header .user-row .tools {
      float: right;
      margin-top: 12px; }
      #header .user-row .tools > ul {
        float: right; }
        @media (max-width: 767px) {
          #header .user-row .tools > ul {
            margin-right: 10px; } }
        @media (max-width: 370px) {
          #header .user-row .tools > ul {
            margin-right: 6px; } }
        #header .user-row .tools > ul > li {
          font-size: 1.2rem;
          float: left;
          margin-left: 30px;
          text-transform: uppercase;
          position: relative; }
          @media (min-width: 992px) {
            #header .user-row .tools > ul > li:after {
              background-color: #1d120e;
              position: absolute;
              right: -15px;
              top: 50%;
              margin-top: -6px;
              width: 1px;
              height: 9px;
              display: block;
              content: ''; }
            #header .user-row .tools > ul > li:first-child:after, #header .user-row .tools > ul > li:last-child:after {
              display: none; }
            #header .user-row .tools > ul > li:first-child {
              margin-left: 0; }
            #header .user-row .tools > ul > li:nth-child(2) {
              margin-left: 15px; } }
          @media (max-width: 767px) {
            #header .user-row .tools > ul > li {
              margin-left: 0; } }
          #header .user-row .tools > ul > li .link-txt {
            display: inline-block;
            margin-right: 2px; }
          #header .user-row .tools > ul > li .dropdown .dropdown-toggle {
            text-transform: uppercase;
            padding: 0; }
            #header .user-row .tools > ul > li .dropdown .dropdown-toggle:hover {
              color: #e50a31;
              -webkit-transition: color 0.3s ease-in-out;
              -moz-transition: color 0.3s ease-in-out;
              -ms-transition: color 0.3s ease-in-out;
              -o-transition: color 0.3s ease-in-out;
              transition: color 0.3s ease-in-out; }
          #header .user-row .tools > ul > li .dropdown .dropdown-menu {
            background-color: #080810;
            border-color: #737277;
            padding: 0;
            min-width: 1px; }
            @media (max-width: 991px) {
              #header .user-row .tools > ul > li .dropdown .dropdown-menu {
                right: 0;
                left: auto; } }
            @media (max-width: 767px) {
              #header .user-row .tools > ul > li .dropdown .dropdown-menu {
                right: -41px; } }
            @media (max-width: 370px) {
              #header .user-row .tools > ul > li .dropdown .dropdown-menu {
                right: -33px; } }
            #header .user-row .tools > ul > li .dropdown .dropdown-menu > li {
              font-size: 1.2rem; }
              #header .user-row .tools > ul > li .dropdown .dropdown-menu > li a {
                color: #f3f3f3; }
                #header .user-row .tools > ul > li .dropdown .dropdown-menu > li a:hover {
                  color: #000;
                  background-color: #edeef0; }
          #header .user-row .tools > ul > li.lang-menu .lang-toggle {
            background-color: transparent;
            border: none; }
          #header .user-row .tools > ul > li.lang-menu .dropdown-menu {
            left: -20px; }
          #header .user-row .tools > ul > li.logged-menu .login-toggle {
            background-color: transparent;
            border: none; }
            #header .user-row .tools > ul > li.logged-menu .login-toggle:before {
              margin-right: 5px; }
          #header .user-row .tools > ul > li.logged-menu .dropdown-menu > li a {
            padding-left: 17px;
            padding-right: 17px; }
          #header .user-row .tools > ul > li a {
            color: #1d120e; }
            #header .user-row .tools > ul > li a:hover {
              color: #e50a31;
              text-decoration: none; }
          @media (max-width: 991px) {
            #header .user-row .tools > ul > li .icon-user {
              font-size: 2rem; }
            #header .user-row .tools > ul > li .link-txt {
              display: none; } }
          @media (max-width: 767px) {
            #header .user-row .tools > ul > li .icon-user {
              font-size: 1.8rem; } }
          @media (max-width: 370px) {
            #header .user-row .tools > ul > li .icon-user {
              font-size: 1.4rem; } }
          #header .user-row .tools > ul > li .caret, #header .user-row .tools > ul > li #main .calendar .calendar-head .prev, #main .calendar .calendar-head #header .user-row .tools > ul > li .prev, #header .user-row .tools > ul > li #main .calendar .calendar-head .next, #main .calendar .calendar-head #header .user-row .tools > ul > li .next {
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 4px dashed;
            display: inline-block;
            height: 0;
            margin-left: 2px;
            vertical-align: middle;
            width: 0; }
            #header .user-row .tools > ul > li .caret:after, #header .user-row .tools > ul > li #main .calendar .calendar-head .prev:after, #main .calendar .calendar-head #header .user-row .tools > ul > li .prev:after, #header .user-row .tools > ul > li #main .calendar .calendar-head .next:after, #main .calendar .calendar-head #header .user-row .tools > ul > li .next:after {
              display: none; }
          #header .user-row .tools > ul > li .open .dropdown-toggle {
            /*color: $clr-primary;*/ }
            #header .user-row .tools > ul > li .open .dropdown-toggle .caret, #header .user-row .tools > ul > li .open .dropdown-toggle #main .calendar .calendar-head .prev, #main .calendar .calendar-head #header .user-row .tools > ul > li .open .dropdown-toggle .prev, #header .user-row .tools > ul > li .open .dropdown-toggle #main .calendar .calendar-head .next, #main .calendar .calendar-head #header .user-row .tools > ul > li .open .dropdown-toggle .next {
              -webkit-transform: rotate(180deg);
              -moz-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
  #header .navbar {
    background-color: #080810;
    margin-bottom: 0;
    min-height: 40px;
    /* CERCADOR */
    /* MENU */ }
    @media (min-width: 992px) {
      #header .navbar {
        border-top: 1px solid #737277;
        border-bottom: 1px solid #737277; }
        #header .navbar .change-lang {
          display: none; } }
    @media (max-width: 991px) {
      #header .navbar {
        padding: 0;
        border-top: 1px solid #e50a31; }
        #header .navbar > div {
          width: 100%;
          padding: 0; }
          #header .navbar > div > div {
            margin: 0; }
            #header .navbar > div > div > div {
              padding: 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #header .navbar {
        width: 740px;
        margin: 0 auto; } }
    @media (min-width: 992px) {
      #header .navbar .searcher {
        float: right; } }
    @media (max-width: 991px) {
      #header .navbar .searcher {
        border-bottom: 1px solid #e50a31; } }
    #header .navbar .searcher .form {
      position: relative; }
      #header .navbar .searcher .form .label-search {
        display: none; }
      #header .navbar .searcher .form .search-field {
        font-family: Montserrat;
        font-weight: 700;
        font-size: 1.2rem;
        padding-right: 40px;
        padding-left: 0;
        background-color: #080810;
        border: none;
        height: 40px;
        text-align: right;
        color: #fff;
        /* placeholder */ }
        @media (max-width: 991px) {
          #header .navbar .searcher .form .search-field {
            background-color: #edeef0;
            font-size: 2rem;
            text-align: left;
            color: #000;
            padding-left: 40px;
            padding-right: 60px; } }
        #header .navbar .searcher .form .search-field:focus {
          box-shadow: none; }
        #header .navbar .searcher .form .search-field::-webkit-input-placeholder {
          text-transform: uppercase; }
        #header .navbar .searcher .form .search-field:-moz-placeholder {
          text-transform: uppercase; }
        #header .navbar .searcher .form .search-field::-moz-placeholder {
          text-transform: uppercase; }
        #header .navbar .searcher .form .search-field:-ms-input-placeholder {
          text-transform: uppercase; }
      #header .navbar .searcher .form .btn-search {
        position: absolute;
        right: 0;
        top: 10px;
        background-color: transparent;
        border: none;
        color: #fff; }
        @media (max-width: 991px) {
          #header .navbar .searcher .form .btn-search {
            color: #000;
            right: 30px; } }
    @media (min-width: 992px) {
      #header .navbar .nav {
        padding-left: 10px; } }
    #header .navbar ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      #header .navbar ul > li {
        font-family: Montserrat;
        font-weight: 700;
        font-size: 1.2rem;
        letter-spacing: -0.25px;
        text-align: center;
        white-space: nowrap;
        height: 40px;
        vertical-align: middle; }
        @media (min-width: 992px) {
          #header .navbar ul > li {
            border-left: 1px solid #737277; }
            #header .navbar ul > li:first-child, #header .navbar ul > li.cole {
              border-left: none; } }
        @media (max-width: 991px) {
          #header .navbar ul > li {
            font-size: 1.4rem;
            display: block;
            width: auto;
            height: auto;
            border-top: 1px solid #737277; } }
        #header .navbar ul > li > a {
          color: #ccc;
          text-decoration: none;
          text-transform: uppercase;
          display: block; }
          @media (min-width: 992px) {
            #header .navbar ul > li > a {
              line-height: 40px; } }
          @media (max-width: 991px) {
            #header .navbar ul > li > a {
              text-align: left;
              padding: 12px 40px;
              margin: 0; } }
          #header .navbar ul > li > a:hover, #header .navbar ul > li > a:focus, #header .navbar ul > li > a:active {
            text-decoration: none; }
        #header .navbar ul > li:hover {
          background: #dbdcde;
          background: -webkit-linear-gradient(legacy-direction(#edeef0), #dbdcde);
          background: linear-gradient(#edeef0, #dbdcde);
          -webkit-transition: background-color 0.25s ease-in-out;
          -moz-transition: background-color 0.25s ease-in-out;
          -ms-transition: background-color 0.25s ease-in-out;
          -o-transition: background-color 0.25s ease-in-out;
          transition: background-color 0.25s ease-in-out; }
          #header .navbar ul > li:hover a {
            color: #000;
            -webkit-transition: color 0.25s ease-in-out;
            -moz-transition: color 0.25s ease-in-out;
            -ms-transition: color 0.25s ease-in-out;
            -o-transition: color 0.25s ease-in-out;
            transition: color 0.25s ease-in-out; }
        #header .navbar ul > li.active {
          background-color: #080810; }
          #header .navbar ul > li.active a {
            color: #fff; }
          #header .navbar ul > li.active:hover {
            /*background-color: $clr-secondary;
            @include linear-gradient($clr-secondary, $clr-secondary);*/ }
            #header .navbar ul > li.active:hover a {
              color: #000; }
        #header .navbar ul > li.ini a {
          color: #e50a31;
          padding-right: 10px;
          padding-left: 10px; }
        @media (max-width: 991px) {
          #header .navbar ul > li.ini {
            display: none; } }
        #header .navbar ul > li.ini:hover a {
          color: #000; }
        #header .navbar ul > li.cole {
          background-color: #e50a31; }
          #header .navbar ul > li.cole a {
            color: #fff; }
          #header .navbar ul > li.cole:hover {
            background-color: #e50a31;
            background: #e50a31;
            background: -webkit-linear-gradient(legacy-direction(#e50a31), #e50a31);
            background: linear-gradient(#e50a31, #e50a31); }
        @media (max-width: 991px) {
          #header .navbar ul > li:first-child {
            border-top: none; } }
    @media (max-width: 991px) {
      #header .navbar .lang-toggle {
        font-family: Montserrat;
        font-weight: 700;
        font-size: 1.4rem;
        color: #6a6a6f;
        text-align: left;
        text-transform: none;
        display: block;
        position: relative;
        z-index: 100;
        cursor: pointer;
        padding: 10px 40px; }
        #header .navbar .lang-toggle:hover, #header .navbar .lang-toggle:focus, #header .navbar .lang-toggle:active {
          text-decoration: none; }
        #header .navbar .lang-toggle .caret, #header .navbar .lang-toggle #main .calendar .calendar-head .prev, #main .calendar .calendar-head #header .navbar .lang-toggle .prev, #header .navbar .lang-toggle #main .calendar .calendar-head .next, #main .calendar .calendar-head #header .navbar .lang-toggle .next {
          position: absolute;
          right: 40px;
          top: 20px; }
      #header .navbar .lang-menu > li:first-child {
        border-top: 1px solid #737277; }
      #header .navbar .lang-menu > li > a {
        text-transform: none; } }

/********************************/
/* CONTINGUT */
#main {
  /*****************************/
  /******* CAROUSEL HOME *******/
  /*************************/
  /******* CONTENIDOR *******/
  /***********************/
  /***** BREADCRUMBS *****/
  /***********************/
  /******* SUBMENU *******/
  /*************************/
  /******* CONTINGUT *******/
  /**************************/
  /******* PESTANYES  *******/
  /**********************/
  /******* TITOLS *******/
  /* TITOL PAGINA */
  /* SUBTITOL */
  /* TITOL CONTINGUT */
  /* TITOL SECCIO */
  /* TITOL MES */
  /* TITOL ENTREMIG DE TEXT */
  /********************/
  /******* TEXT *******/
  /* text destacat */
  /* text contacte */
  /* text formulari */
  /* recordar contrasenya */
  /* text legal */
  /* PAGINA DE TEXT */
  /* text */
  /* imatge destacada */
  /***************/
  /* DETALL CURS */
  /* INFORMACIO PRACTICA */
  /*************************/
  /******* PAGINACIO *******/
  /***********************/
  /******* LLISTES *******/
  /* enllaços relacionats */
  /* documents relacionats */
  /* LLISTAT CONTINGUT */
  /* ITEM PERSONA */
  /* LLISTA CONSELL DIRECTIU */
  /* LLISTA MEMBRES */
  /*********/
  /* PREUS */
  /****************/
  /* IMPORT TOTAL */
  /**********************/
  /******* CAIXES *******/
  /* Caixa estandar */
  /* caixa banner */
  /* caixa linkedin */
  /* CAIXES CURSOS AMB DATA */
  /* item curs */
  /* data */
  /* CAIXES CURSOS */
  /* CAIXES TIPUS D'INSCRIPCIÓ */
  /* CAIXES SALA PREMSA */
  /* item press */
  /* secció premsa */
  /* CAIXES ESDEVENIMENTS */
  /* item event */
  /* secció esdeveniments */
  /*******************************/
  /********* CAIXES HOME *********/
  /* /end HOME */
  /***********************/
  /******* PREHOME *******/
  /*************************/
  /******* CALENDARI *******/
  /************************/
  /******* CONTACTE *******/
  /**************/
  /* FORMULARIS */
  /* taula material */
  /*********/
  /* LOGIN */
  /* caixa */
  /************/
  /* REGISTRE */
  /* caixa */
  /* pagina */
  /* VIDEOS */
  /* contingut */
  /* caixa aside */
  /**********************************/
  /* LLISTAT COLEGIATS */
  /**********************************/
  /* PAGINA COLEGIAT */
  /*************************/
  /******** GALERIA ********/
  /*********************************/
  /* ASIDE */ }
  @media (max-width: 991px) {
    #main > .container .frame {
      padding-top: 20px; } }
  @media (max-width: 767px) {
    #main > .container {
      padding-left: 0;
      padding-right: 0;
      /*
      .frame {
        > .row {
          margin-right: 0;
          margin-left: 0;
          div, section, aside {
            &[class^="col-"], &[class*=" col-"] {
              padding-left: 0;
              padding-right: 0;
            }
          }
        }
      }*/ } }
  #main .carousel {
    /* bullets */
    /* slide */
    /* cursors */
    /* boto scroll */ }
    #main .carousel .container-indicators {
      position: absolute;
      left: 0;
      bottom: 50px;
      width: 100%;
      z-index: 15; }
      @media (max-width: 991px) {
        #main .carousel .container-indicators {
          bottom: 10px; } }
      #main .carousel .container-indicators .carousel-indicators {
        position: static;
        margin: 0 auto;
        padding: 0 10px;
        text-align: right; }
        @media (min-width: 1200px) {
          #main .carousel .container-indicators .carousel-indicators {
            width: 1160px; } }
        @media (min-width: 1500px) {
          #main .carousel .container-indicators .carousel-indicators {
            width: 1480px; } }
        @media (max-width: 1199px) {
          #main .carousel .container-indicators .carousel-indicators {
            width: 960px; } }
        @media (max-width: 991px) {
          #main .carousel .container-indicators .carousel-indicators {
            width: 740px; } }
        @media (max-width: 767px) {
          #main .carousel .container-indicators .carousel-indicators {
            width: 100%; } }
        #main .carousel .container-indicators .carousel-indicators > li {
          background-color: #080810;
          opacity: 0.5;
          border-width: 2px;
          width: 16px;
          height: 16px;
          margin: 0 4px;
          border: 0;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          -ms-border-radius: 0;
          border-radius: 0; }
          @media (max-width: 767px) {
            #main .carousel .container-indicators .carousel-indicators > li {
              margin: 0 2px; } }
          #main .carousel .container-indicators .carousel-indicators > li:last-child {
            margin-right: 30px; }
            @media (max-width: 991px) {
              #main .carousel .container-indicators .carousel-indicators > li:last-child {
                /*margin-left: 0;*/ } }
            @media (max-width: 767px) {
              #main .carousel .container-indicators .carousel-indicators > li:last-child {
                margin-right: 10px; } }
          #main .carousel .container-indicators .carousel-indicators > li.active, #main .carousel .container-indicators .carousel-indicators > li:hover {
            background-color: #e50a31;
            opacity: 1; }
          @media (max-width: 767px) {
            #main .carousel .container-indicators .carousel-indicators > li {
              width: 12px;
              height: 12px; } }
        @media (max-width: 767px) {
          #main .carousel .container-indicators .carousel-indicators {
            bottom: 5px; } }
    @media (min-width: 1500px) {
      #main .carousel .carousel-inner .item img {
        min-width: 100%; } }
    @media (max-width: 767px) {
      #main .carousel .carousel-inner .item img {
        max-width: 149%;
        margin-left: -23%; } }
    #main .carousel .carousel-inner .item .carousel-caption {
      bottom: 80px;
      top: auto;
      left: 0;
      width: 100%;
      text-shadow: none;
      text-align: left;
      padding-top: 10px;
      padding-bottom: 10px; }
      @media (max-width: 991px) {
        #main .carousel .carousel-inner .item .carousel-caption {
          top: auto;
          bottom: 55px; } }
      @media (max-width: 767px) {
        #main .carousel .carousel-inner .item .carousel-caption {
          top: 20px;
          bottom: auto;
          left: 0;
          right: 0;
          padding-top: 0;
          padding-bottom: 0; } }
      #main .carousel .carousel-inner .item .carousel-caption .carousel-info {
        width: 45%;
        margin-left: 30px; }
        @media (min-width: 1500px) {
          #main .carousel .carousel-inner .item .carousel-caption .carousel-info {
            margin-top: 75px;
            width: 40%; } }
        @media (max-width: 1199px) {
          #main .carousel .carousel-inner .item .carousel-caption .carousel-info {
            margin-top: 30px;
            width: 60%; } }
        @media (max-width: 991px) {
          #main .carousel .carousel-inner .item .carousel-caption .carousel-info {
            margin-top: 0;
            margin-left: 10px;
            width: 75%; } }
        #main .carousel .carousel-inner .item .carousel-caption .carousel-info .carousel-tit {
          font-family: Montserrat;
          font-size: 3.6rem;
          font-weight: 700;
          color: #080810;
          line-height: 1.2;
          text-align: left;
          margin: 0 0 15px 0; }
          @media (max-width: 991px) {
            #main .carousel .carousel-inner .item .carousel-caption .carousel-info .carousel-tit {
              font-size: 2.56rem; } }
          @media (max-width: 767px) {
            #main .carousel .carousel-inner .item .carousel-caption .carousel-info .carousel-tit {
              font-family: LatoLatinWeb;
              font-size: 2.4rem;
              line-height: 1;
              margin-bottom: 15px; } }
          #main .carousel .carousel-inner .item .carousel-caption .carousel-info .carousel-tit a {
            color: #080810; }
            #main .carousel .carousel-inner .item .carousel-caption .carousel-info .carousel-tit a:hover, #main .carousel .carousel-inner .item .carousel-caption .carousel-info .carousel-tit a:focus {
              text-decoration: none; }
        #main .carousel .carousel-inner .item .carousel-caption .carousel-info .carousel-txt {
          font-family: LatoLatinWeb;
          font-size: 1.8rem;
          color: #080810;
          line-height: 1.2;
          text-align: left;
          margin: 0 0 30px 0; }
          @media (max-width: 1199px) {
            #main .carousel .carousel-inner .item .carousel-caption .carousel-info .carousel-txt {
              margin-bottom: 15px; } }
          @media (max-width: 991px) {
            #main .carousel .carousel-inner .item .carousel-caption .carousel-info .carousel-txt {
              display: none; } }
        @media (max-width: 991px) {
          #main .carousel .carousel-inner .item .carousel-caption .carousel-info .carousel-btn .btn, #main .carousel .carousel-inner .item .carousel-caption .carousel-info .carousel-btn .btn-inverse, #main .carousel .carousel-inner .item .carousel-caption .carousel-info .carousel-btn .see-more {
            font-size: 1.3rem;
            padding: 4px 28px; } }
        @media (max-width: 767px) {
          #main .carousel .carousel-inner .item .carousel-caption .carousel-info .carousel-btn {
            display: none; } }
    #main .carousel .btn-scroll {
      background-color: #e50a31;
      color: #fff;
      position: absolute;
      left: 50%;
      bottom: 40px;
      display: block;
      width: 30px;
      height: 40px;
      margin-left: -15px;
      padding-top: 10px;
      text-align: center;
      z-index: 20; }
      @media (max-width: 991px) {
        #main .carousel .btn-scroll {
          bottom: 0; } }
      #main .carousel .btn-scroll:hover {
        text-decoration: none; }
  #main .frame {
    border-top: 5px solid #e50a31;
    background-color: #fff;
    padding-bottom: 30px; }
    @media (min-width: 992px) {
      #main .frame {
        padding: 15px 45px 30px 45px; }
        .home #main .frame {
          position: relative;
          top: -40px;
          padding-bottom: 40px;
          margin-bottom: -40px; } }
    @media (min-width: 1500px) {
      #main .frame {
        padding-left: 90px;
        padding-right: 90px; } }
    @media (max-width: 991px) {
      #main .frame {
        padding-right: 20px;
        padding-left: 20px; } }
    @media (max-width: 767px) {
      #main .frame {
        border-top-color: #080810; }
        .home #main .frame {
          border-top-color: #e50a31; } }
    #main .frame.access-page {
      padding-left: 100px;
      padding-right: 100px;
      padding-bottom: 50px; }
      @media (max-width: 1199px) {
        #main .frame.access-page {
          padding-left: 60px;
          padding-right: 60px; } }
      @media (max-width: 991px) {
        #main .frame.access-page {
          padding-left: 40px;
          padding-right: 40px; } }
      @media (max-width: 767px) {
        #main .frame.access-page {
          padding-left: 20px;
          padding-right: 20px; } }
  #main .breadcrumb {
    background-color: transparent;
    padding: 0;
    margin-bottom: 30px; }
    #main .breadcrumb ul > li {
      font-family: LatoLatinWeb;
      font-size: 1.2rem;
      display: inline-block; }
      #main .breadcrumb ul > li:after {
        content: '— ';
        color: #e50a31; }
      #main .breadcrumb ul > li:last-child:after {
        content: ''; }
      #main .breadcrumb ul > li a {
        color: #4d4d4f;
        display: inline-block;
        margin: 0 6px; }
        #main .breadcrumb ul > li a:hover {
          color: #e50a31;
          text-decoration: none; }
      #main .breadcrumb ul > li:first-child a {
        margin-left: 0; }
      #main .breadcrumb ul > li span {
        display: inline-block;
        margin: 0 4px; }
  #main .submenu {
    margin-bottom: 30px; }
    @media (min-width: 992px) {
      #main .submenu {
        /*padding-right: 0;*/ } }
    #main .submenu .tit {
      font-family: LatoLatinWebBlack;
      font-size: 2.2rem;
      color: #3d3d3f;
      margin-bottom: 30px; }
      @media (max-width: 991px) {
        #main .submenu .tit {
          display: none; } }
    #main .submenu .submenu-toggle {
      color: #4d4d4f;
      display: block;
      float: none;
      padding: 15px 0 15px 0;
      margin-bottom: 10px;
      text-align: left;
      position: relative;
      width: 100%;
      height: auto;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0; }
      #main .submenu .submenu-toggle .toggle-tit {
        font-family: LatoLatinWebBlack;
        font-size: 1.8rem;
        font-style: normal;
        float: left;
        padding: 0; }
      #main .submenu .submenu-toggle .submenu-ico {
        float: right;
        margin-top: 5px; }
      @media (min-width: 992px) {
        #main .submenu .submenu-toggle {
          display: none; } }
    #main .submenu .submenu-lst {
      margin-bottom: 30px; }
      #main .submenu .submenu-lst > li {
        font-family: Montserrat;
        font-size: 1.2rem;
        font-weight: 400;
        text-transform: uppercase;
        line-height: 1.3; }
        #main .submenu .submenu-lst > li a, #main .submenu .submenu-lst > li span {
          color: #6a6a6f;
          text-decoration: none;
          display: block;
          padding: 8px 0 8px 18px;
          position: relative; }
          @media (max-width: 991px) {
            #main .submenu .submenu-lst > li a, #main .submenu .submenu-lst > li span {
              padding: 5px 20px; } }
          #main .submenu .submenu-lst > li a:hover, #main .submenu .submenu-lst > li span:hover {
            cursor: pointer; }
          #main .submenu .submenu-lst > li a:after, #main .submenu .submenu-lst > li span:after {
            position: absolute;
            top: 50%;
            left: 0;
            display: block;
            width: 7px;
            height: 7px;
            border-style: solid;
            border-width: 1px 1px 0 0;
            margin-top: -5px;
            content: '';
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
            @media (max-width: 991px) {
              #main .submenu .submenu-lst > li a:after, #main .submenu .submenu-lst > li span:after {
                width: 9px;
                height: 9px;
                border-width: 2px 2px 0 0;
                -webkit-border-radius: 1px;
                -moz-border-radius: 1px;
                -ms-border-radius: 1px;
                border-radius: 1px; } }
          #main .submenu .submenu-lst > li a[aria-expanded="true"]:after, #main .submenu .submenu-lst > li span[aria-expanded="true"]:after {
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
            -webkit-transition: transform 0.05s ease-in-out;
            -moz-transition: transform 0.05s ease-in-out;
            -ms-transition: transform 0.05s ease-in-out;
            -o-transition: transform 0.05s ease-in-out;
            transition: transform 0.05s ease-in-out; }
        #main .submenu .submenu-lst > li:hover {
          -webkit-transition: color 0.15s ease-in-out;
          -moz-transition: color 0.15s ease-in-out;
          -ms-transition: color 0.15s ease-in-out;
          -o-transition: color 0.15s ease-in-out;
          transition: color 0.15s ease-in-out; }
          #main .submenu .submenu-lst > li:hover > a {
            color: #1d120e; }
        #main .submenu .submenu-lst > li.active > a, #main .submenu .submenu-lst > li.active > span, #main .submenu .submenu-lst > li:hover > a, #main .submenu .submenu-lst > li:hover > span {
          color: #1d120e; }
          #main .submenu .submenu-lst > li.active > a:after, #main .submenu .submenu-lst > li.active > span:after, #main .submenu .submenu-lst > li:hover > a:after, #main .submenu .submenu-lst > li:hover > span:after {
            color: #e50a31; }
        #main .submenu .submenu-lst > li.active > a[aria-expanded="true"], #main .submenu .submenu-lst > li:hover > a[aria-expanded="true"] {
          -webkit-transition: color 0.15s ease-in-out;
          -moz-transition: color 0.15s ease-in-out;
          -ms-transition: color 0.15s ease-in-out;
          -o-transition: color 0.15s ease-in-out;
          transition: color 0.15s ease-in-out; }
        #main .submenu .submenu-lst > li.active ul, #main .submenu .submenu-lst > li:hover ul {
          -webkit-transition: color 0.15s ease-in-out;
          -moz-transition: color 0.15s ease-in-out;
          -ms-transition: color 0.15s ease-in-out;
          -o-transition: color 0.15s ease-in-out;
          transition: color 0.15s ease-in-out; }
          #main .submenu .submenu-lst > li.active ul > li, #main .submenu .submenu-lst > li:hover ul > li {
            -webkit-transition: color 0.15s ease-in-out;
            -moz-transition: color 0.15s ease-in-out;
            -ms-transition: color 0.15s ease-in-out;
            -o-transition: color 0.15s ease-in-out;
            transition: color 0.15s ease-in-out; }
            #main .submenu .submenu-lst > li.active ul > li a, #main .submenu .submenu-lst > li:hover ul > li a {
              /*padding: 10px 10px 10px 30px;*/ }
              @media (max-width: 991px) {
                #main .submenu .submenu-lst > li.active ul > li a, #main .submenu .submenu-lst > li:hover ul > li a {
                  /*padding: 5px 10px 5px 60px;*/ } }
            #main .submenu .submenu-lst > li.active ul > li:hover, #main .submenu .submenu-lst > li.active ul > li.active, #main .submenu .submenu-lst > li:hover ul > li:hover, #main .submenu .submenu-lst > li:hover ul > li.active {
              -webkit-transition: color 0.15s ease-in-out;
              -moz-transition: color 0.15s ease-in-out;
              -ms-transition: color 0.15s ease-in-out;
              -o-transition: color 0.15s ease-in-out;
              transition: color 0.15s ease-in-out; }
          @media (min-width: 992px) {
            #main .submenu .submenu-lst > li.active ul.collapse, #main .submenu .submenu-lst > li.active ul.collapsing, #main .submenu .submenu-lst > li:hover ul.collapse, #main .submenu .submenu-lst > li:hover ul.collapsing {
              /*display: block !important;
              height: auto !important;*/ } }
        #main .submenu .submenu-lst > li.active > a, #main .submenu .submenu-lst > li.active > span {
          font-weight: 700; }
          #main .submenu .submenu-lst > li.active > a:after, #main .submenu .submenu-lst > li.active > span:after {
            border-width: 2px 2px 0 0; }
        #main .submenu .submenu-lst > li.active ul {
          /*display: block;*/ }
        #main .submenu .submenu-lst > li > ul > li > a {
          color: #9c9b9f; }
          #main .submenu .submenu-lst > li > ul > li > a:after {
            display: none; }
        #main .submenu .submenu-lst > li > ul > li:hover a {
          color: #1d120e; }
        #main .submenu .submenu-lst > li > ul > li.active a {
          color: #e50a31; }
        #main .submenu .submenu-lst > li.dropdown .dropdown-toggle {
          cursor: pointer; }
        #main .submenu .submenu-lst > li.dropdown .dropdown-menu {
          position: relative;
          float: none;
          border: none;
          padding: 0;
          margin: 0; }
          #main .submenu .submenu-lst > li.dropdown .dropdown-menu > li {
            font-size: 1.2rem;
            background-color: transparent;
            white-space: normal; }
            #main .submenu .submenu-lst > li.dropdown .dropdown-menu > li.active > a {
              background-color: transparent; }
            #main .submenu .submenu-lst > li.dropdown .dropdown-menu > li > a {
              white-space: normal !important;
              line-height: 1.2; }
              #main .submenu .submenu-lst > li.dropdown .dropdown-menu > li > a:hover {
                background-color: transparent; }
      @media (min-width: 992px) {
        #main .submenu .submenu-lst {
          display: block; } }
      @media (max-width: 767px) {
        #main .submenu .submenu-lst {
          margin-bottom: 20px; } }
  #main .content {
    /* caixa video */ }
    @media (min-width: 1500px) {
      #main .content {
        padding-left: 20px; }
        #main .content .center-col {
          padding-right: 30px; } }
    @media (min-width: 992px) {
      #main .content {
        padding-left: 10px; }
        #main .content .center-col {
          padding-right: 20px; } }
    #main .content .box-video {
      background-color: #f7f8f8;
      margin-bottom: 30px; }
      #main .content .box-video .main-box .box-info, #main .content .box-video .main-box .box .box-head, #main .box .content .box-video .main-box .box-head, .home #main .content .box-video .main-box .box-head, #main .content .box-video .main-box .aside .box-lst > li .box-head, #main .aside .box-lst > li .content .box-video .main-box .box-head {
        padding: 10px 10px 0 20px; }
        @media (max-width: 767px) {
          #main .content .box-video .main-box .box-info, #main .content .box-video .main-box .box .box-head, #main .box .content .box-video .main-box .box-head, .home #main .content .box-video .main-box .box-head, #main .content .box-video .main-box .aside .box-lst > li .box-head, #main .aside .box-lst > li .content .box-video .main-box .box-head {
            padding: 20px; } }
        @media (max-width: 991px) {
          #main .content .box-video .main-box .box-info .tit, #main .content .box-video .main-box .box .box-head .tit, #main .box .content .box-video .main-box .box-head .tit, .home #main .content .box-video .main-box .box-head .tit, #main .content .box-video .main-box .aside .box-lst > li .box-head .tit, #main .aside .box-lst > li .content .box-video .main-box .box-head .tit {
            margin-bottom: 10px; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          #main .content .box-video .main-box .box-info .text, #main .content .box-video .main-box .box .box-head .text, #main .box .content .box-video .main-box .box-head .text, .home #main .content .box-video .main-box .box-head .text, #main .content .box-video .main-box .aside .box-lst > li .box-head .text, #main .aside .box-lst > li .content .box-video .main-box .box-head .text {
            display: none; } }
      @media (max-width: 767px) {
        #main .content .box-video .video-thumb {
          padding-left: 10px;
          padding-right: 10px; } }
  #main .tabs {
    /* MENU PESTANYES */
    /* ACORDIO */ }
    #main .tabs .nav-tabs {
      border-bottom: 1px solid #e1e1e2; }
      @media (max-width: 991px) {
        #main .tabs .nav-tabs {
          display: none; } }
      #main .tabs .nav-tabs > li {
        font-family: Montserrat;
        font-size: 1.2rem;
        font-weight: 400;
        text-transform: uppercase; }
        #main .tabs .nav-tabs > li > a {
          color: #6a6a6f;
          text-decoration: none;
          text-align: left;
          position: relative;
          border: none;
          padding: 0; }
          #main .tabs .nav-tabs > li > a:hover {
            cursor: pointer; }
          #main .tabs .nav-tabs > li > a > span {
            line-height: 1.3;
            display: inline-block;
            position: relative;
            padding: 0 20px 8px 26px;
            border-bottom: 4px solid #fff; }
            #main .tabs .nav-tabs > li > a > span:after {
              position: absolute;
              top: 50%;
              left: 6px;
              display: block;
              width: 7px;
              height: 7px;
              border-style: solid;
              border-width: 1px 1px 0 0;
              margin-top: -9px;
              content: '';
              -webkit-transform: rotate(45deg);
              -moz-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
        #main .tabs .nav-tabs > li.active > a {
          border: none; }
          #main .tabs .nav-tabs > li.active > a > span {
            border-bottom-color: #e50a31; }
            #main .tabs .nav-tabs > li.active > a > span:after {
              border-color: #e50a31;
              -webkit-transform: rotate(135deg);
              -moz-transform: rotate(135deg);
              -ms-transform: rotate(135deg);
              transform: rotate(135deg);
              -webkit-transition: transform 0.05s ease-in-out;
              -moz-transition: transform 0.05s ease-in-out;
              -ms-transition: transform 0.05s ease-in-out;
              -o-transition: transform 0.05s ease-in-out;
              transition: transform 0.05s ease-in-out; }
        #main .tabs .nav-tabs > li:hover {
          -webkit-transition: color 0.15s ease-in-out;
          -moz-transition: color 0.15s ease-in-out;
          -ms-transition: color 0.15s ease-in-out;
          -o-transition: color 0.15s ease-in-out;
          transition: color 0.15s ease-in-out; }
          #main .tabs .nav-tabs > li:hover > a {
            background-color: transparent;
            color: #1d120e; }
            #main .tabs .nav-tabs > li:hover > a > span:after {
              -webkit-transform: rotate(135deg);
              -moz-transform: rotate(135deg);
              -ms-transform: rotate(135deg);
              transform: rotate(135deg);
              -webkit-transition: transform 0.05s ease-in-out;
              -moz-transition: transform 0.05s ease-in-out;
              -ms-transition: transform 0.05s ease-in-out;
              -o-transition: transform 0.05s ease-in-out;
              transition: transform 0.05s ease-in-out; }
        #main .tabs .nav-tabs > li.active > a, #main .tabs .nav-tabs > li:hover > a {
          color: #1d120e; }
          #main .tabs .nav-tabs > li.active > a:after, #main .tabs .nav-tabs > li:hover > a:after {
            color: #e50a31; }
    #main .tabs .panel-group .tab-desktop.panel {
      box-shadow: none;
      border: none; }
      @media (min-width: 992px) {
        #main .tabs .panel-group .tab-desktop.panel {
          margin-top: 0 !important; } }
      #main .tabs .panel-group .tab-desktop.panel .panel-heading {
        padding: 0; }
        @media (min-width: 992px) {
          #main .tabs .panel-group .tab-desktop.panel .panel-heading {
            display: none; } }
        #main .tabs .panel-group .tab-desktop.panel .panel-heading .panel-title {
          font-family: Montserrat;
          font-size: 1.5rem;
          font-weight: 400;
          text-transform: uppercase; }
          #main .tabs .panel-group .tab-desktop.panel .panel-heading .panel-title > a {
            color: #6a6a6f;
            text-decoration: none;
            text-align: left;
            position: relative;
            line-height: 1.3;
            display: block;
            position: relative;
            padding: 15px 0 15px 25px;
            border-bottom: 1px solid #e1e1e2; }
            #main .tabs .panel-group .tab-desktop.panel .panel-heading .panel-title > a:hover {
              cursor: pointer; }
            #main .tabs .panel-group .tab-desktop.panel .panel-heading .panel-title > a:after {
              position: absolute;
              top: 50%;
              left: 3px;
              display: block;
              width: 7px;
              height: 7px;
              border-style: solid;
              border-width: 1px 1px 0 0;
              margin-top: -4px;
              content: '';
              -webkit-transform: rotate(45deg);
              -moz-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
            #main .tabs .panel-group .tab-desktop.panel .panel-heading .panel-title > a[aria-expanded="true"] {
              color: #1d120e;
              border-bottom: none; }
              #main .tabs .panel-group .tab-desktop.panel .panel-heading .panel-title > a[aria-expanded="true"]:after {
                border-color: #e50a31;
                margin-top: -5px;
                -webkit-transform: rotate(135deg);
                -moz-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                transform: rotate(135deg);
                -webkit-transition: transform 0.05s ease-in-out;
                -moz-transition: transform 0.05s ease-in-out;
                -ms-transition: transform 0.05s ease-in-out;
                -o-transition: transform 0.05s ease-in-out;
                transition: transform 0.05s ease-in-out; }
      @media (min-width: 992px) {
        #main .tabs .panel-group .tab-desktop.panel .panel-body {
          padding: 20px 10px; }
          #main .tabs .panel-group .tab-desktop.panel .panel-body.in {
            display: none; } }
      @media (max-width: 991px) {
        #main .tabs .panel-group .tab-desktop.panel .panel-body {
          padding: 10px 10px 10px 20px; }
          #main .tabs .panel-group .tab-desktop.panel .panel-body.in {
            border-bottom: 1px solid #e1e1e2; } }
      #main .tabs .panel-group .tab-desktop.panel .panel-body .text-block .text-entry p, #main .tabs .panel-group .tab-desktop.panel .panel-body .text-block .text-entry ol, #main .tabs .panel-group .tab-desktop.panel .panel-body .text-block .text-entry ul {
        margin: 10px 0; }
      #main .tabs .panel-group .tab-desktop.panel .panel-body .text-block .text-entry ol li a, #main .tabs .panel-group .tab-desktop.panel .panel-body .text-block .text-entry ul li a {
        color: #4d4d4f;
        text-decoration: underline; }
        #main .tabs .panel-group .tab-desktop.panel .panel-body .text-block .text-entry ol li a:hover, #main .tabs .panel-group .tab-desktop.panel .panel-body .text-block .text-entry ul li a:hover {
          color: #e50a31; }
    @media (min-width: 992px) {
      #main .tabs .panel-group .tab-desktop.active .panel-body {
        display: block !important; } }
  #main .tit {
    font-family: LatoLatinWebBlack;
    color: #3d3d3f; }
    #main .tit a {
      color: #3d3d3f; }
      #main .tit a:hover {
        color: #e50a31; }
  #main .tit-page {
    margin-bottom: 30px; }
    #main .tit-page .tit {
      font-family: LatoLatinWebBlack;
      font-size: 3rem;
      line-height: 1.2; }
    #main .tit-page .sub-tit {
      font-family: LatoLatinWeb;
      font-size: 2.2rem;
      line-height: 1.5;
      margin-top: 5px; }
    #main .tit-page .tit-info {
      font-family: LatoLatinWeb;
      font-size: 1.6rem;
      color: #6a6a6f;
      line-height: 1.3;
      margin-top: 5px; }
      #main .tit-page .tit-info span {
        color: #4d4d4f;
        font-weight: 600; }
  #main .sub-tit .tit {
    font-family: LatoLatinWebBlack;
    font-size: 2.2rem;
    margin-bottom: 30px; }
    #main .sub-tit .tit a {
      color: #3d3d3f;
      text-decoration: none; }
      #main .sub-tit .tit a:hover {
        text-decoration: underline; }
  #main .tit-content {
    margin-bottom: 20px; }
    #main .tit-content .tit {
      font-family: LatoLatinWeb;
      font-size: 2.2rem; }
      #main .tit-content .tit span {
        font-weight: 700;
        color: #e50a31; }
  #main .tit-section {
    margin-bottom: 20px; }
    #main .tit-section .tit {
      font-family: Montserrat;
      font-weight: 700;
      font-size: 1.4rem;
      color: #e50a31;
      text-transform: uppercase; }
  #main .tit-row, #main .tit-empty {
    margin-bottom: 15px;
    /* titol */
    /* link */ }
    @media (max-width: 991px) {
      #main .tit-row, #main .tit-empty {
        /*&:after, &:before {
          display: none;
        }*/ } }
    #main .tit-row .tit-plus, #main .tit-empty .tit-plus {
      font-family: Montserrat;
      font-weight: 700;
      font-size: 1.4rem;
      text-transform: uppercase;
      color: #e50a31;
      float: left;
      padding-left: 20px;
      display: block;
      position: relative; }
      #main .tit-row .tit-plus:before, #main .tit-empty .tit-plus:before {
        font-family: "coleaudi-icos" !important;
        font-style: normal !important;
        font-variant: normal !important;
        font-weight: normal !important;
        text-transform: none !important;
        line-height: 1;
        font-size: 1.1rem;
        position: absolute;
        display: inline-block;
        top: 5px;
        left: 0;
        /*content: '+';*/ }
      #main .tit-row .tit-plus a, #main .tit-empty .tit-plus a {
        text-decoration: none; }
        #main .tit-row .tit-plus a:hover, #main .tit-empty .tit-plus a:hover {
          color: #080810; }
    #main .tit-row .tit-link, #main .tit-empty .tit-link {
      font-family: Montserrat;
      font-weight: 700;
      font-size: 1.2rem;
      text-transform: uppercase;
      color: #080810;
      float: right; }
  #main .tit-empty {
    height: 20px; }
  #main .txt-tit {
    margin-bottom: 20px; }
    #main .txt-tit .tit {
      font-size: 1.8rem; }
    #main .txt-tit .subtit {
      font-family: LatoLatinWeb;
      font-weight: 700;
      color: #6a6a6f; }
  #main .tit-link.visible-xs {
    display: inline-block;
    margin-top: 15px;
    text-transform: uppercase;
    font-family: Montserrat;
    font-size: 1.4rem; }
    #main .tit-link.visible-xs:before {
      content: '+ '; }
  #main .intro-text {
    margin-bottom: 40px; }
    #main .intro-text p {
      font-size: 2rem;
      color: #4d4d4f; }
  #main .info-text {
    margin: 30px 0;
    padding: 15px 0;
    border-top: 1px solid #cecfd4;
    border-bottom: 1px solid #cecfd4; }
    #main .info-text p {
      font-size: 1.6rem;
      color: #4d4d4f; }
      #main .info-text p a {
        color: #e50a31;
        text-decoration: underline; }
  #main .form-text {
    margin-bottom: 30px; }
    #main .form-text p {
      font-size: 1.5rem;
      color: #6a6a6f;
      line-height: 1.4; }
  #main .text-form {
    font-size: 1.5rem;
    color: #6a6a6f;
    line-height: 1.4;
    margin-bottom: 25px; }
  #main .forgot-text {
    margin-bottom: 30px; }
    #main .forgot-text p {
      font-style: italic;
      color: #6a6a6f; }
      #main .forgot-text p a {
        font-style: normal;
        text-decoration: underline; }
  #main .text-legal {
    margin: 20px 0 40px 0; }
    #main .text-legal p {
      font-size: 1.2rem;
      color: #989898; }
  #main .quote {
    font-size: 2rem;
    font-style: italic;
    color: #4d4d4f;
    margin-bottom: 30px;
    padding: 0;
    border: none; }
    #main .quote q:before, #main .quote q:after {
      color: #e50a31; }
  #main .img-block {
    margin-bottom: 30px; }
  #main .text-block {
    /* imatges */ }
    #main .text-block .img, #main .text-block .figure, #main .text-block .banner, #main .text-block .img-round, #main .text-block .img-center, #main .text-block .box-img, .home #main .text-block .logos-row .logo-lst > li, .home #main .logos-row .text-block .logo-lst > li, #main .text-block .video-thumb {
      margin-bottom: 30px; }
      #main .text-block .img.img-left, #main .text-block .img-left.figure, #main .text-block .img-left.banner, #main .text-block .img-left.img-round, #main .text-block .img-left.img-center, #main .text-block .img-left.box-img, .home #main .text-block .logos-row .logo-lst > li.img-left, .home #main .logos-row .text-block .logo-lst > li.img-left, #main .text-block .img-left.video-thumb {
        float: left;
        margin-right: 30px; }
      #main .text-block .img.img-right, #main .text-block .img-right.figure, #main .text-block .img-right.banner, #main .text-block .img-right.img-round, #main .text-block .img-right.img-center, #main .text-block .img-right.box-img, .home #main .text-block .logos-row .logo-lst > li.img-right, .home #main .logos-row .text-block .logo-lst > li.img-right, #main .text-block .img-right.video-thumb {
        float: right;
        margin-left: 30px; }
      #main .text-block .img.img-left, #main .text-block .img-left.figure, #main .text-block .img-left.banner, #main .text-block .img-left.img-round, #main .text-block .img-left.img-center, #main .text-block .img-left.box-img, .home #main .text-block .logos-row .logo-lst > li.img-left, .home #main .logos-row .text-block .logo-lst > li.img-left, #main .text-block .img-left.video-thumb, #main .text-block .img.img-right, #main .text-block .img-right.figure, #main .text-block .img-right.banner, #main .text-block .img-right.img-round, #main .text-block .img-right.img-center, #main .text-block .img-right.box-img, .home #main .text-block .logos-row .logo-lst > li.img-right, .home #main .logos-row .text-block .logo-lst > li.img-right, #main .text-block .img-right.video-thumb {
        width: 35%; }
    #main .text-block .text-entry {
      margin-bottom: 40px; }
      #main .text-block .text-entry p {
        color: #6a6a6f;
        line-height: 1.6; }
      #main .text-block .text-entry ul {
        margin: 10px 0; }
        #main .text-block .text-entry ul > li {
          color: #6a6a6f;
          margin-bottom: 10px;
          margin-left: 20px;
          line-height: 1.4;
          position: relative; }
          #main .text-block .text-entry ul > li:before {
            background-color: #e50a31;
            display: block;
            width: 5px;
            height: 5px;
            position: absolute;
            left: -16px;
            top: 8px;
            content: ''; }
      #main .text-block .text-entry ol {
        margin: 10px 0;
        /*list-style-type: decimal-leading-zero;
        list-style-position: inside;*/
        counter-reset: section; }
        #main .text-block .text-entry ol > li {
          color: #6a6a6f;
          margin-bottom: 10px;
          margin-left: 20px;
          line-height: 1.4; }
          #main .text-block .text-entry ol > li:before {
            font-family: Montserrat;
            font-weight: 700;
            color: #e50a31;
            margin-right: 5px;
            margin-left: -20px;
            counter-increment: section;
            content: counters(section,".") ". "; }
          #main .text-block .text-entry ol > li ol {
            margin-left: 0;
            margin-top: 10px; }
      #main .text-block .text-entry .block-left {
        float: left;
        margin-right: 50px; }
      #main .text-block .text-entry .block-right {
        float: right;
        margin-left: 50px; }
    @media (max-width: 991px) {
      #main .text-block .text-entry .quote {
        width: auto; } }
  #main .info-prac {
    margin-bottom: 30px;
    border-top: 1px solid #cecfd4;
    border-bottom: 1px solid #cecfd4; }
    @media (max-width: 1199px) {
      #main .info-prac {
        padding-top: 20px; } }
    @media (min-width: 1200px) {
      #main .info-prac dl {
        margin-top: 10px; } }
    #main .info-prac dl dt {
      font-family: Montserrat;
      font-size: 1.4rem;
      font-weight: 700;
      text-transform: uppercase;
      color: #e50a31;
      padding-bottom: 5px; }
      @media (min-width: 1200px) {
        #main .info-prac dl dt {
          width: 50%; }
          #main .info-prac dl dt:nth-of-type(odd) {
            float: left;
            clear: left; }
          #main .info-prac dl dt:nth-of-type(even) {
            margin-top: -25px;
            float: right;
            clear: right; } }
    #main .info-prac dl dd {
      font-size: 1.4rem;
      margin-bottom: 15px;
      padding-right: 10px; }
      @media (min-width: 1200px) {
        #main .info-prac dl dd {
          width: 50%; }
          #main .info-prac dl dd:nth-of-type(odd) {
            float: left;
            clear: left; }
          #main .info-prac dl dd:nth-of-type(even) {
            float: right;
            clear: right; } }
  #main .pager .pagination {
    position: relative;
    text-align: center;
    width: 100%; }
    #main .pager .pagination > li {
      display: inline-block; }
      #main .pager .pagination > li a, #main .pager .pagination > li span {
        font-family: Montserrat;
        font-weight: 400;
        color: #6a6a6f;
        text-decoration: none;
        display: inline-block;
        padding: 2px;
        margin: 0 4px; }
        #main .pager .pagination > li a:hover, #main .pager .pagination > li span:hover {
          background-color: transparent; }
      #main .pager .pagination > li:first-child, #main .pager .pagination > li:last-child {
        text-transform: uppercase;
        position: absolute;
        top: 0; }
        #main .pager .pagination > li:first-child a, #main .pager .pagination > li:last-child a {
          position: relative; }
          #main .pager .pagination > li:first-child a:before, #main .pager .pagination > li:first-child a:after, #main .pager .pagination > li:last-child a:before, #main .pager .pagination > li:last-child a:after {
            position: absolute;
            display: block;
            content: ''; }
          #main .pager .pagination > li:first-child a:before, #main .pager .pagination > li:last-child a:before {
            background-color: #1d120e;
            width: 19px;
            height: 19px;
            top: 2px; }
          #main .pager .pagination > li:first-child a:after, #main .pager .pagination > li:last-child a:after {
            top: 7px;
            width: 9px;
            height: 9px;
            border-style: solid;
            border-width: 2px 2px 0 0;
            border-color: #fff;
            border-radius: 1px; }
          #main .pager .pagination > li:first-child a span, #main .pager .pagination > li:last-child a span {
            padding: 0;
            margin: 0; }
      #main .pager .pagination > li:first-child {
        left: 0; }
        #main .pager .pagination > li:first-child a {
          padding-left: 26px; }
          #main .pager .pagination > li:first-child a:before {
            left: 0; }
          #main .pager .pagination > li:first-child a:after {
            left: 6px;
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
      #main .pager .pagination > li:last-child {
        right: 0; }
        #main .pager .pagination > li:last-child a {
          padding-right: 26px; }
          #main .pager .pagination > li:last-child a:before {
            right: 0; }
          #main .pager .pagination > li:last-child a:after {
            right: 6px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
      #main .pager .pagination > li.current {
        font-weight: 700;
        color: #1d120e; }
        #main .pager .pagination > li.current a {
          font-weight: 700;
          color: #1d120e; }
      #main .pager .pagination > li:hover a, #main .pager .pagination > li:hover a span {
        color: #1d120e;
        text-decoration: underline;
        cursor: pointer; }
  #main .dataTables_wrapper .dataTables_paginate {
    position: relative;
    margin: 20px 0;
    float: none !important; }
    #main .dataTables_wrapper .dataTables_paginate .paginate_button {
      font-family: Montserrat;
      font-weight: 400;
      color: #6a6a6f;
      text-decoration: none;
      display: inline-block;
      padding: 2px;
      margin: 0 4px; }
      #main .dataTables_wrapper .dataTables_paginate .paginate_button.previous, #main .dataTables_wrapper .dataTables_paginate .paginate_button.next {
        text-transform: uppercase;
        position: absolute;
        top: 0; }
        #main .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before, #main .dataTables_wrapper .dataTables_paginate .paginate_button.previous:after, #main .dataTables_wrapper .dataTables_paginate .paginate_button.next:before, #main .dataTables_wrapper .dataTables_paginate .paginate_button.next:after {
          position: absolute;
          display: block;
          content: ''; }
        #main .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before, #main .dataTables_wrapper .dataTables_paginate .paginate_button.next:before {
          background-color: #1d120e;
          width: 19px;
          height: 19px;
          top: 2px; }
        #main .dataTables_wrapper .dataTables_paginate .paginate_button.previous:after, #main .dataTables_wrapper .dataTables_paginate .paginate_button.next:after {
          top: 7px;
          width: 9px;
          height: 9px;
          border-style: solid;
          border-width: 2px 2px 0 0;
          border-color: #fff;
          border-radius: 1px; }
      #main .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
        left: 0;
        padding-left: 26px; }
        #main .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before {
          left: 0; }
        #main .dataTables_wrapper .dataTables_paginate .paginate_button.previous:after {
          left: 6px;
          -webkit-transform: rotate(-135deg);
          -moz-transform: rotate(-135deg);
          -ms-transform: rotate(-135deg);
          transform: rotate(-135deg); }
      #main .dataTables_wrapper .dataTables_paginate .paginate_button.next {
        right: 0;
        padding-right: 26px; }
        #main .dataTables_wrapper .dataTables_paginate .paginate_button.next:before {
          right: 0; }
        #main .dataTables_wrapper .dataTables_paginate .paginate_button.next:after {
          right: 6px;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
      #main .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        font-weight: 700;
        color: #1d120e; }
      #main .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #1d120e;
        text-decoration: underline;
        cursor: pointer; }
    #main .dataTables_wrapper .dataTables_paginate > span {
      display: block;
      text-align: center; }
    #main .dataTables_wrapper .dataTables_paginate .ellipsis {
      display: inline-block;
      padding: 2px;
      margin: 0 4px; }
  #main .rel-links > li {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 1.2rem;
    color: #9c9b9f;
    text-transform: uppercase;
    margin-bottom: 8px; }
    #main .rel-links > li:before {
      position: relative;
      top: 3px;
      margin-right: 6px;
      font-size: 1.6rem; }
    #main .rel-links > li > a {
      color: #9c9b9f; }
  #main .docs-lst ul {
    margin: 20px 0 40px 0; }
    #main .docs-lst ul > li {
      margin-bottom: 20px;
      position: relative; }
      @media (min-width: 1200px) {
        #main .docs-lst ul > li {
          display: inline-block;
          vertical-align: top;
          width: 47%; }
          #main .docs-lst ul > li:nth-child(2n-1) {
            margin-right: 24px; } }
      #main .docs-lst ul > li:before {
        position: absolute;
        top: 2px;
        left: 0;
        font-size: 2.6rem;
        color: #9c9c9d; }
      #main .docs-lst ul > li a {
        font-family: Montserrat;
        font-weight: 700;
        color: #4d4d4f;
        display: block;
        padding-left: 42px; }
        #main .docs-lst ul > li a:hover {
          text-decoration: none; }
          #main .docs-lst ul > li a:hover span {
            text-decoration: underline; }
          #main .docs-lst ul > li a:hover em {
            color: #9c9b9f;
            text-decoration: none; }
        #main .docs-lst ul > li a em {
          font-style: normal;
          font-weight: 400;
          color: #9c9b9f;
          display: block;
          clear: both; }
      #main .docs-lst ul > li:hover:before {
        color: #e50a31;
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -ms-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out; }
    #main .docs-lst ul.doc-alone > li {
      width: 100%;
      display: block; }
      #main .docs-lst ul.doc-alone > li:nth-child(2n-1) {
        margin-right: 0; }
  #main .content-lst ul li {
    margin-bottom: 30px;
    padding-top: 30px;
    border-top: 1px solid #dfe0e2; }
    #main .content-lst ul li:first-child {
      border-top: none; }
    @media (min-width: 768px) {
      #main .content-lst ul li .img, #main .content-lst ul li .figure, #main .content-lst ul li .banner, #main .content-lst ul li .img-round, #main .content-lst ul li .img-center, #main .content-lst ul li .box-img, .home #main .content-lst ul li .logos-row .logo-lst > li, .home #main .logos-row .content-lst ul li .logo-lst > li, #main .content-lst ul li .video-thumb {
        float: left;
        margin-right: 30px; } }
    @media (min-width: 1200px) {
      #main .content-lst ul li .img, #main .content-lst ul li .figure, #main .content-lst ul li .banner, #main .content-lst ul li .img-round, #main .content-lst ul li .img-center, #main .content-lst ul li .box-img, .home #main .content-lst ul li .logos-row .logo-lst > li, .home #main .logos-row .content-lst ul li .logo-lst > li, #main .content-lst ul li .video-thumb {
        width: 30%; } }
    @media (max-width: 1199px) {
      #main .content-lst ul li .img, #main .content-lst ul li .figure, #main .content-lst ul li .banner, #main .content-lst ul li .img-round, #main .content-lst ul li .img-center, #main .content-lst ul li .box-img, .home #main .content-lst ul li .logos-row .logo-lst > li, .home #main .logos-row .content-lst ul li .logo-lst > li, #main .content-lst ul li .video-thumb {
        width: 25%; } }
    @media (max-width: 767px) {
      #main .content-lst ul li .img, #main .content-lst ul li .figure, #main .content-lst ul li .banner, #main .content-lst ul li .img-round, #main .content-lst ul li .img-center, #main .content-lst ul li .box-img, .home #main .content-lst ul li .logos-row .logo-lst > li, .home #main .logos-row .content-lst ul li .logo-lst > li, #main .content-lst ul li .video-thumb {
        width: 50%;
        margin: 0  auto 20px; } }
    #main .content-lst ul li .text {
      overflow: hidden;
      padding-left: 20px; }
      #main .content-lst ul li .text p {
        position: relative;
        margin-bottom: 20px;
        color: #6a6a6f; }
        #main .content-lst ul li .text p:before {
          background-color: #e50a31;
          display: block;
          width: 5px;
          height: 5px;
          position: absolute;
          left: -16px;
          top: 8px;
          content: ''; }
      #main .content-lst ul li .text .link-txt {
        color: #e50a31;
        font-style: italic;
        text-decoration: none;
        display: block; }
  #main .person-item .img-round img, #main .board-lst > ul > li .img-round img, #main .members-lst ul > li .img-round img {
    /*filter: grayscale(1);*/
    /*@include grayscale_element(100%);*/ }
  #main .person-item .info .tit, #main .board-lst > ul > li .info .tit, #main .members-lst ul > li .info .tit {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 1.3rem;
    color: #3d3d3f;
    margin-bottom: 5px; }
    #main .person-item .info .tit a, #main .board-lst > ul > li .info .tit a, #main .members-lst ul > li .info .tit a {
      color: #3d3d3f;
      text-decoration: none; }
      #main .person-item .info .tit a:hover, #main .board-lst > ul > li .info .tit a:hover, #main .members-lst ul > li .info .tit a:hover {
        color: #e50a31; }
  #main .person-item .info .pos, #main .board-lst > ul > li .info .pos, #main .members-lst ul > li .info .pos {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 1.2rem;
    color: #6a6a6f; }
    #main .person-item .info .pos a, #main .board-lst > ul > li .info .pos a, #main .members-lst ul > li .info .pos a {
      color: #6a6a6f;
      text-decoration: none; }
  #main .person-item .info .text, #main .board-lst > ul > li .info .text, #main .members-lst ul > li .info .text {
    font-family: LatoLatinWeb;
    font-weight: 400;
    font-size: 1.3rem;
    color: #6a6a6f;
    font-size: 1.6rem;
    line-height: 1.3; }
  #main .person-item:hover .img-round img, #main .board-lst > ul > li:hover .img-round img, #main .members-lst ul > li:hover .img-round img {
    /*filter: grayscale(0);*/
    /*@include grayscale_element(0);
    @include transition(filter, 0.3s, ease-in-out);*/ }
  #main .board-lst > ul > li {
    display: inline-block;
    vertical-align: top;
    padding: 20px 40px;
    width: 32.5%; }
    @media (min-width: 768px) {
      #main .board-lst > ul > li {
        text-align: center; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #main .board-lst > ul > li {
        padding-left: 20px;
        padding-right: 20px; } }
    @media (max-width: 991px) {
      #main .board-lst > ul > li {
        width: 49.5%; } }
    @media (max-width: 767px) {
      #main .board-lst > ul > li {
        width: 100%;
        padding-left: 0;
        padding-right: 0; } }
    @media (min-width: 768px) {
      #main .board-lst > ul > li .img-round {
        margin: 0 20px 20px 20px; } }
    @media (max-width: 991px) {
      #main .board-lst > ul > li .img-round {
        width: 80%;
        margin-right: auto;
        margin-left: auto; } }
    @media (max-width: 767px) {
      #main .board-lst > ul > li .img-round {
        float: left;
        width: 20%; } }
    @media (min-width: 768px) {
      #main .board-lst > ul > li .info {
        padding-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
        border-top: 1px solid #9c9b9f; } }
    @media (max-width: 767px) {
      #main .board-lst > ul > li .info {
        float: right;
        width: 75%;
        /*border-left: 1px solid $clr-em;*/ } }
    #main .board-lst > ul > li .info .tit-group {
      text-transform: uppercase; }
      @media (min-width: 768px) {
        #main .board-lst > ul > li .info .tit-group {
          text-align: center; } }
  #main .members-lst ul {
    border-top: 1px solid #cecfd4;
    /* LLISTA PONENTS */
    /* LLISTA PONENTS INFO COMPLETA */ }
    #main .members-lst ul > li {
      padding: 20px 10px 20px 0;
      border-bottom: 1px solid #cecfd4; }
      #main .members-lst ul > li .img-round {
        float: left;
        width: 10%;
        padding-right: 10px; }
        @media (max-width: 767px) {
          #main .members-lst ul > li .img-round {
            width: 15%; } }
        @media (max-width: 767px) {
          #main .members-lst ul > li .img-round {
            width: 25%; } }
      #main .members-lst ul > li .info {
        overflow: hidden;
        padding-left: 20px; }
        #main .members-lst ul > li .info .tit {
          text-transform: uppercase; }
    #main .members-lst ul.ponents-lst {
      border: none;
      padding-bottom: 20px; }
      #main .members-lst ul.ponents-lst > li {
        padding-right: 0; }
        @media (min-width: 1200px) {
          #main .members-lst ul.ponents-lst > li {
            float: left;
            width: 50%;
            border-bottom: none; }
            #main .members-lst ul.ponents-lst > li:nth-child(1), #main .members-lst ul.ponents-lst > li:nth-child(2) {
              padding-top: 0; }
            #main .members-lst ul.ponents-lst > li .img-round {
              width: 25%; } }
        @media (max-width: 1199px) {
          #main .members-lst ul.ponents-lst > li:last-child {
            border-bottom: none; }
          #main .members-lst ul.ponents-lst > li .img-round {
            width: 20%; } }
        @media (max-width: 991px) {
          #main .members-lst ul.ponents-lst > li .img-round {
            width: 15%; } }
        #main .members-lst ul.ponents-lst > li .text {
          font-size: 1.4rem; }
        #main .members-lst ul.ponents-lst > li .cv-text {
          float: none;
          clear: both;
          margin-top: 20px; }
      #main .members-lst ul.ponents-lst.ponent-alone > li {
        float: none;
        width: auto;
        padding-top: 0; }
        #main .members-lst ul.ponents-lst.ponent-alone > li:last-child {
          border-bottom: none; }
        #main .members-lst ul.ponents-lst.ponent-alone > li .img-round {
          width: 15%; }
    #main .members-lst ul.ponents-full {
      border: none;
      margin-bottom: 20px; }
      @media (min-width: 1200px) {
        #main .members-lst ul.ponents-full > li {
          border-bottom: 1px solid #cecfd4;
          float: none;
          width: auto; }
          #main .members-lst ul.ponents-full > li:nth-child(2) {
            padding-top: 20px; }
          #main .members-lst ul.ponents-full > li .img-round {
            width: 15%; } }
      #main .members-lst ul.ponents-full > li:last-child {
        border: none; }
  #main .prices {
    margin-bottom: 30px; }
    #main .prices dl {
      color: #fff;
      padding: 10px;
      background-color: #080810; }
      #main .prices dl:first-of-type {
        background-color: #e50a31;
        -webkit-border-radius: 2px 2px 0 0;
        -moz-border-radius: 2px 2px 0 0;
        -ms-border-radius: 2px 2px 0 0;
        border-radius: 2px 2px 0 0; }
      #main .prices dl:last-of-type {
        -webkit-border-radius: 0 0 2px 2px;
        -moz-border-radius: 0 0 2px 2px;
        -ms-border-radius: 0 0 2px 2px;
        border-radius: 0 0 2px 2px; }
      @media (min-width: 1200px) {
        #main .prices dl {
          float: left;
          width: 50%; }
          #main .prices dl:first-of-type {
            -webkit-border-radius: 2px 0 0 2px;
            -moz-border-radius: 2px 0 0 2px;
            -ms-border-radius: 2px 0 0 2px;
            border-radius: 2px 0 0 2px; }
          #main .prices dl:last-of-type {
            -webkit-border-radius: 0 2px 2px 0;
            -moz-border-radius: 0 2px 2px 0;
            -ms-border-radius: 0 2px 2px 0;
            border-radius: 0 2px 2px 0; } }
      #main .prices dl dt {
        font-weight: 400;
        float: left; }
      #main .prices dl dd {
        font-family: Montserrat;
        font-weight: 700;
        float: right; }
  #main .total-order {
    margin-bottom: 30px; }
    #main .total-order dl {
      color: #fff; }
      #main .total-order dl dt {
        background-color: #080810;
        font-weight: 400;
        text-transform: uppercase;
        float: left;
        width: 50%;
        position: relative;
        padding: 11px 15px; }
        @media (max-width: 767px) {
          #main .total-order dl dt {
            width: 60%; } }
        #main .total-order dl dt:after {
          position: absolute;
          top: 50%;
          right: -8px;
          margin-top: -7px;
          background-color: #080810;
          display: block;
          height: 15px;
          width: 15px;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          content: ''; }
      #main .total-order dl dd {
        background-color: #e50a31;
        font-family: Montserrat;
        font-weight: 700;
        text-align: right;
        float: right;
        width: 50%;
        padding: 11px 15px; }
        @media (max-width: 767px) {
          #main .total-order dl dd {
            width: 40%; } }
  #main .box, .home #main .box-video, .home #main .bg-box, #main .aside .box-lst > li {
    position: relative; }
    #main .box .box-info, .home #main .box-video .box-info, .home #main .bg-box .box-info, #main .aside .box-lst > li .box-info, #main .box .box-head, .home #main .box-video .box-head, .home #main .bg-box .box-head, #main .aside .box-lst > li .box-head {
      padding: 10px 20px 20px 20px; }
    #main .box .text, .home #main .box-video .text, .home #main .bg-box .text, #main .aside .box-lst > li .text {
      margin-bottom: 20px; }
    #main .box .btn, .home #main .box-video .btn, .home #main .bg-box .btn, #main .aside .box-lst > li .btn, #main .box .btn-inverse, .home #main .box-video .btn-inverse, .home #main .bg-box .btn-inverse, #main .aside .box-lst > li .btn-inverse, #main .box .see-more, .home #main .box-video .see-more, .home #main .bg-box .see-more, #main .aside .box-lst > li .see-more, #main .box .see-more, .home #main .box-video .see-more, .home #main .bg-box .see-more, #main .aside .box-lst > li .see-more {
      background-color: #080810;
      font-size: 1.2rem;
      padding: 2px 10px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      border-radius: 2px; }
      #main .box .btn:hover, .home #main .box-video .btn:hover, .home #main .bg-box .btn:hover, #main .aside .box-lst > li .btn:hover, #main .box .btn-inverse:hover, .home #main .box-video .btn-inverse:hover, .home #main .bg-box .btn-inverse:hover, #main .aside .box-lst > li .btn-inverse:hover, #main .box .see-more:hover, .home #main .box-video .see-more:hover, .home #main .bg-box .see-more:hover, #main .aside .box-lst > li .see-more:hover, #main .box .see-more:hover, .home #main .box-video .see-more:hover, .home #main .bg-box .see-more:hover, #main .aside .box-lst > li .see-more:hover {
        background-color: #e50a31;
        text-decoration: none; }
    .home #main .box .see-more, .home #main .box-video .see-more, .home #main .bg-box .see-more, .home #main .aside .box-lst > li .see-more {
      position: absolute;
      left: 20px;
      bottom: 10px; }
  #main .linkedin-box {
    position: relative; }
    #main .linkedin-box .text {
      position: absolute;
      bottom: 20px;
      left: 0;
      width: 100%; }
      #main .linkedin-box .text p {
        font-family: Montserrat;
        font-weight: 700;
        font-size: 2.2rem;
        border-top: 1px solid #fff;
        color: #fff;
        margin: 0 20px;
        padding-top: 10px; }
        @media (max-width: 991px) {
          #main .linkedin-box .text p {
            line-height: 1.2; } }
        #main .linkedin-box .text p a {
          color: #fff;
          text-decoration: underline; }
  #main .course-item {
    background-color: #f9f9fa;
    position: relative;
    padding: 15px 10px 15px 0;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      #main .course-item {
        padding-left: 15px; } }
    @media (min-width: 768px) {
      #main .course-item .course-date {
        margin-right: 20px;
        width: 22%;
        float: left;
        text-align: center; } }
    @media (max-width: 767px) {
      #main .course-item .course-date {
        width: 100%; } }
    #main .course-item .course-date .date {
      font-family: Montserrat;
      font-weight: 700;
      font-size: 1.2rem;
      color: #4d4d4f;
      text-transform: uppercase;
      text-align: center; }
      @media (max-width: 767px) {
        #main .course-item .course-date .date {
          display: inline-block; } }
      #main .course-item .course-date .date .day {
        font-family: Arvo;
        font-size: 4.8rem; }
        @media (min-width: 768px) {
          #main .course-item .course-date .date .day {
            display: block;
            clear: both; } }
        @media (min-width: 992px) {
          #main .course-item .course-date .date .day {
            font-size: 4.16rem;
            line-height: 1.1; } }
        @media (min-width: 1500px) {
          #main .course-item .course-date .date .day {
            font-size: 5.4rem;
            line-height: 1.2; } }
        @media (max-width: 767px) {
          #main .course-item .course-date .date .day {
            font-size: 2rem; } }
    #main .course-item .course-date .hour {
      font-family: Montserrat;
      font-weight: 400;
      font-size: 1.4rem;
      color: #e50a31; }
      @media (min-width: 1200px) {
        #main .course-item .course-date .hour {
          font-size: 1.3rem; } }
      @media (max-width: 767px) {
        #main .course-item .course-date .hour {
          display: inline-block;
          margin-right: 5px; }
          #main .course-item .course-date .hour:before {
            content: '- '; } }
      @media (min-width: 768px) {
        #main .course-item .course-date .hour {
          position: absolute;
          top: 10px;
          left: 22%;
          margin-left: 18px; } }
    #main .course-item .course-info {
      overflow: hidden;
      padding-top: 18px; }
      #main .course-item .course-info .tit {
        font-family: LatoLatinWeb;
        font-weight: 700;
        margin-bottom: 15px; }
        #main .course-item .course-info .tit a {
          color: #3d3d3f; }
    #main .course-item:hover {
      background-color: #fdf4f5; }
  #main .data-course .course-item > div:after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    content: ''; }
  #main .data-course .course-item .course-date:after {
    /*border-top: 15px solid $clr-primary;*/
    border-top: 15px solid #dedfe2;
    border-right: 15px solid transparent; }
  @media (min-width: 768px) {
    #main .data-course .course-item .course-date .date {
      position: relative;
      padding: 5px 0 10px 0; }
      #main .data-course .course-item .course-date .date:before {
        background-color: #737373;
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 100%;
        content: ''; } }
  #main .data-course .course-item .course-info:after {
    border-bottom: 15px solid #fff;
    border-left: 15px solid transparent; }
  #main .data-course .course-item:hover .course-date:after {
    border-top: 15px solid #e50a31; }
  #main .course-lst {
    /* general */
    /* NOMES TITOL */
    /* TOTA LA INFO */ }
    #main .course-lst ul {
      margin: 0 -5px; }
      #main .course-lst ul > li {
        display: inline-block;
        width: 33.3%;
        font-size: 0;
        vertical-align: top;
        padding: 0 5px;
        margin-bottom: 10px; }
        @media (max-width: 1199px) {
          #main .course-lst ul > li {
            width: 50%; } }
        @media (max-width: 767px) {
          #main .course-lst ul > li {
            display: block;
            width: 100%;
            min-height: 1px;
            margin-bottom: 25px; } }
        #main .course-lst ul > li > div {
          background-color: #f9f9fa;
          position: relative;
          padding-bottom: 40px;
          -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2) ;
          -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2) ;
          box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2) ; }
          #main .course-lst ul > li > div .course-tit {
            border-bottom: 1px solid #a0a0a0; }
            #main .course-lst ul > li > div .course-tit .tit a {
              color: #3d3d3f;
              text-decoration: none; }
              #main .course-lst ul > li > div .course-tit .tit a:hover {
                color: #e50a31; }
          #main .course-lst ul > li > div .see-more {
            position: absolute;
            bottom: 15px; }
          #main .course-lst ul > li > div:hover {
            background-color: #fdf4f5; }
            #main .course-lst ul > li > div:hover .see-more, #main .course-lst ul > li > div:hover .more-link {
              background-color: #080810; }
    #main .course-lst .info-min > li > div {
      border-top: 3px solid #e50a31;
      padding: 0 10px 20px 10px;
      min-height: 220px; }
      @media (max-width: 1199px) {
        #main .course-lst .info-min > li > div {
          min-height: 180px; } }
      @media (max-width: 767px) {
        #main .course-lst .info-min > li > div {
          min-height: 1px; } }
      #main .course-lst .info-min > li > div .course-tit {
        font-family: Dosis;
        font-weight: 600;
        font-size: 3.2rem;
        line-height: 1.8;
        text-transform: uppercase;
        display: block;
        margin-bottom: 20px; }
        @media (min-width: 1200px) {
          #main .course-lst .info-min > li > div .course-tit {
            font-size: 4rem; } }
        @media (min-width: 1500px) {
          #main .course-lst .info-min > li > div .course-tit {
            font-size: 5.8rem; } }
        #main .course-lst .info-min > li > div .course-tit a {
          color: #3d3d3f;
          text-decoration: none; }
          #main .course-lst .info-min > li > div .course-tit a:hover {
            color: #e50a31; }
      #main .course-lst .info-min > li > div .name {
        font-size: 1.4rem;
        text-transform: uppercase; }
        @media (max-width: 767px) {
          #main .course-lst .info-min > li > div .name {
            margin-bottom: 20px; } }
    #main .course-lst .info-full > li > div {
      padding: 10px;
      min-height: 265px; }
      @media (min-width: 1500px) {
        #main .course-lst .info-full > li > div {
          padding: 15px; } }
      @media (max-width: 1199px) {
        #main .course-lst .info-full > li > div {
          min-height: 205px; } }
      @media (max-width: 767px) {
        #main .course-lst .info-full > li > div {
          min-height: 1px;
          padding: 15px 10px; } }
      #main .course-lst .info-full > li > div:before, #main .course-lst .info-full > li > div:after {
        position: absolute;
        width: 0;
        height: 0;
        content: '';
        /*display: none;*/
        display: block; }
      #main .course-lst .info-full > li > div:before {
        /*border-top: 15px solid $clr-primary;*/
        border-top: 15px solid #dedfe2;
        border-right: 15px solid transparent;
        right: -1px;
        bottom: -1px; }
      #main .course-lst .info-full > li > div:after {
        border-bottom: 18px solid #fff;
        border-left: 18px solid transparent;
        right: -3px;
        bottom: -3px; }
      #main .course-lst .info-full > li > div .course-tit {
        padding-bottom: 10px;
        margin-bottom: 15px; }
        #main .course-lst .info-full > li > div .course-tit .tit {
          font-size: 1.8rem;
          margin-bottom: 15px;
          /*@include breakpoint(break-lg) {
            min-height: 75px;
          }
          @include breakpoint(break-super-lg) {
            min-height: 60px;
          }
          @include breakpoint(break-md) {
            min-height: 50px;
          }
          @include breakpoint(break-sm) {
            min-height: 35px;
          }
          @include breakpoint(break-xs) {
            min-height: 1px;
          }*/ }
        #main .course-lst .info-full > li > div .course-tit .date {
          font-size: 1.2rem;
          font-style: normal;
          text-transform: uppercase;
          display: block;
          color: #6a6a6f; }
      #main .course-lst .info-full > li > div .text {
        font-size: 1.3rem;
        color: #6a6a6f;
        margin-bottom: 35px; }
      #main .course-lst .info-full > li > div .see-more {
        background-color: #e50a31;
        font-size: 1.3rem; }
        #main .course-lst .info-full > li > div .see-more:hover {
          background-color: #080810; }
      #main .course-lst .info-full > li > div:hover {
        /*&:before, &:after {
          display: block;
        }*/ }
        #main .course-lst .info-full > li > div:hover:before {
          border-top: 15px solid #e50a31; }
  #main .register-mode .course-item {
    position: relative; }
    @media (min-width: 768px) {
      #main .register-mode .course-item:before {
        background-color: #737373;
        position: absolute;
        left: 40%;
        display: block;
        top: 20px;
        width: 1px;
        height: calc(100% - 40px);
        content: ''; } }
  @media (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) {
    #main .register-mode .course-item:before {
      left: 47%; } }
  @media (min-width: 768px) and (min-width: 1500px) {
    #main .register-mode .course-item:before {
      left: 36%; } }

    #main .register-mode .course-item .course-date {
      width: 42%; }
      @media (min-width: 992px) and (max-width: 1199px) {
        #main .register-mode .course-item .course-date {
          width: 49%; } }
      @media (min-width: 1500px) {
        #main .register-mode .course-item .course-date {
          width: 38%; } }
      @media (max-width: 767px) {
        #main .register-mode .course-item .course-date {
          width: auto; } }
      #main .register-mode .course-item .course-date .tit {
        font-family: Dosis;
        font-weight: 700;
        font-size: 2.4rem;
        text-transform: uppercase;
        text-align: left; }
        @media (min-width: 768px) {
          #main .register-mode .course-item .course-date .tit {
            margin-left: 15px;
            position: relative;
            padding: 5px 20px 10px 0; } }
        @media (min-width: 1500px) {
          #main .register-mode .course-item .course-date .tit {
            font-size: 2.8rem; } }
        #main .register-mode .course-item .course-date .tit .like {
          font-weight: 600;
          display: block; }
    @media (min-width: 992px) {
      #main .register-mode .course-item .course-info {
        padding-top: 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #main .register-mode .course-item .course-info {
        padding-top: 5px; } }
    @media (min-width: 1500px) {
      #main .register-mode .course-item .course-info {
        padding-top: 25px; } }
    #main .register-mode .course-item .course-info .text {
      margin-bottom: 20px;
      font-size: 1.3rem; }
    #main .register-mode .course-item .course-info .btn, #main .register-mode .course-item .course-info .btn-inverse, #main .register-mode .course-item .course-info .see-more {
      font-size: 1.3rem; }
  #main .press-item {
    background-color: #f9f9fa;
    position: relative;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2) ;
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2) ;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2) ; }
    #main .press-item .label {
      position: absolute;
      right: 32px;
      top: -1px;
      display: block;
      width: 18px;
      height: 32px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      background: -webkit-gradient(linear, left, right, color-stop(0%, #9e9da1), color-stop(50%, #9e9da1), color-stop(50%, #807f83), color-stop(100%, #807f83));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(left, #9e9da1 0%, #9e9da1 50%, #807f83 50%, #807f83 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left, #9e9da1 0%, #9e9da1 50%, #807f83 50%, #807f83 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(left, #9e9da1 0%, #9e9da1 50%, #807f83 50%, #807f83 100%);
      /* IE10+ */
      background: linear-gradient(to right, #9e9da1 0%, #9e9da1 50%, #807f83 50%, #807f83 100%);
      /* W3C */ }
      @media (max-width: 767px) {
        #main .press-item .label {
          right: 20px; } }
      #main .press-item .label i {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 0;
        height: 0;
        z-index: 10;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #f9f9fa; }
    #main .press-item > div {
      padding: 20px 25px; }
      #main .press-item > div .doc-tit {
        margin-bottom: 5px; }
        #main .press-item > div .doc-tit .tit {
          margin-bottom: 10px;
          margin-right: 40px; }
          @media (max-width: 767px) {
            #main .press-item > div .doc-tit .tit {
              margin-right: 20px; } }
          #main .press-item > div .doc-tit .tit a {
            color: #3d3d3f;
            text-decoration: none; }
            #main .press-item > div .doc-tit .tit a:hover {
              color: #e50a31; }
        #main .press-item > div .doc-tit .date {
          font-size: 1.2rem;
          font-style: normal;
          text-transform: uppercase;
          display: block;
          color: #6a6a6f; }
      #main .press-item > div .text {
        margin-bottom: 30px; }
      #main .press-item > div .doc-links {
        margin-top: 30px; }
        #main .press-item > div .doc-links .see-more {
          background-color: #e50a31;
          display: inline-block;
          margin-right: 20px; }
          #main .press-item > div .doc-links .see-more:hover {
            background-color: #080810; }
        #main .press-item > div .doc-links .rel-links {
          display: inline-block; }
    #main .press-item.active .label, #main .press-item:hover .label {
      background: -webkit-gradient(linear, left, right, color-stop(0%, #ff203b), color-stop(50%, #ff203b), color-stop(50%, #ce1a30), color-stop(100%, #ce1a30));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(left, #ff203b 0%, #ff203b 50%, #ce1a30 50%, #ce1a30 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left, #ff203b 0%, #ff203b 50%, #ce1a30 50%, #ce1a30 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(left, #ff203b 0%, #ff203b 50%, #ce1a30 50%, #ce1a30 100%);
      /* IE10+ */
      background: linear-gradient(to right, #ff203b 0%, #ff203b 50%, #ce1a30 50%, #ce1a30 100%);
      /* W3C */ }
    #main .press-item.active > div .doc-tit .tit, #main .press-item:hover > div .doc-tit .tit {
      color: #e50a31; }
      #main .press-item.active > div .doc-tit .tit a, #main .press-item:hover > div .doc-tit .tit a {
        color: #e50a31; }
    #main .press-item:hover {
      background-color: #fdf4f5; }
      #main .press-item:hover .see-more {
        background-color: #080810 !important; }
  #main .event-item {
    background-color: #fff;
    position: relative;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2) ;
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2) ;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2) ; }
    @media (min-width: 992px) {
      #main .event-item .img, #main .event-item .figure, #main .event-item .banner, #main .event-item .img-round, #main .event-item .img-center, #main .event-item .box-img, .home #main .event-item .logos-row .logo-lst > li, .home #main .logos-row .event-item .logo-lst > li, #main .event-item .video-thumb {
        float: right;
        width: 66%; } }
    #main .event-item .event-info {
      padding: 15px; }
      @media (min-width: 992px) {
        #main .event-item .event-info {
          float: left;
          width: 33%; } }
      #main .event-item .event-info .tit {
        margin-bottom: 5px; }
        #main .event-item .event-info .tit a {
          color: #3d3d3f;
          text-decoration: none; }
          #main .event-item .event-info .tit a:hover {
            color: #e50a31; }
      #main .event-item .event-info .text dl {
        margin-bottom: 20px; }
        #main .event-item .event-info .text dl dt {
          display: none; }
        @media (max-width: 1199px) {
          #main .event-item .event-info .text dl dd {
            display: inline-block; }
            #main .event-item .event-info .text dl dd:first-of-type:after {
              content: ', '; } }
      @media (min-width: 992px) {
        #main .event-item .event-info .see-more {
          position: absolute;
          left: 15px;
          bottom: 15px; } }
  .home #main {
    /* files */
    /* CAIXES HOME */
    /* caixa amb imatge de fons */
    /* SLIDER CAIXES */
    /* /end SLIDE */
    /* primera fila home */
    /* logos */ }
    @media (max-width: 991px) {
      .home #main .col-desk,
      .home #main .row-desk {
        display: inline;
        width: auto;
        float: none;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        height: 0;
        min-height: 0;
        position: static; }
        .home #main .col-desk:before, .home #main .col-desk:after,
        .home #main .row-desk:before,
        .home #main .row-desk:after {
          display: none; }
      .home #main .col-desk .tit-row, .home #main .col-desk .tit-empty {
        margin-left: 10px; } }
    .home #main .row-home {
      margin-top: 30px;
      margin-bottom: 60px;
      /* caixes segona fila */
      /* caixes tercera fila */ }
      .home #main .row-home:nth-of-type(odd) .box, .home #main .row-home:nth-of-type(odd) .box-video, .home #main .row-home:nth-of-type(odd) .bg-box, .home #main .row-home:nth-of-type(odd) .aside .box-lst > li, .home #main .aside .row-home:nth-of-type(odd) .box-lst > li {
        background-color: #f7f8f8;
        border-bottom-color: #f7f8f8; }
      .home #main .row-home:nth-of-type(even) .box, .home #main .row-home:nth-of-type(even) .box-video, .home #main .row-home:nth-of-type(even) .bg-box, .home #main .row-home:nth-of-type(even) .aside .box-lst > li, .home #main .aside .row-home:nth-of-type(even) .box-lst > li {
        background-color: #edeef0;
        border-bottom-color: #edeef0; }
      @media (min-width: 1200px) {
        .home #main .row-home:nth-of-type(2) .box, .home #main .row-home:nth-of-type(2) .box-video, .home #main .row-home:nth-of-type(2) .bg-box, .home #main .row-home:nth-of-type(2) .aside .box-lst > li, .home #main .aside .row-home:nth-of-type(2) .box-lst > li {
          min-height: 293px; } }
      @media (max-width: 1199px) {
        .home #main .row-home:nth-of-type(2) .box, .home #main .row-home:nth-of-type(2) .box-video, .home #main .row-home:nth-of-type(2) .bg-box, .home #main .row-home:nth-of-type(2) .aside .box-lst > li, .home #main .aside .row-home:nth-of-type(2) .box-lst > li {
          min-height: 315px; } }
      @media (max-width: 991px) {
        .home #main .row-home:nth-of-type(2) .box, .home #main .row-home:nth-of-type(2) .box-video, .home #main .row-home:nth-of-type(2) .bg-box, .home #main .row-home:nth-of-type(2) .aside .box-lst > li, .home #main .aside .row-home:nth-of-type(2) .box-lst > li {
          margin-bottom: 30px; } }
      @media (max-width: 767px) {
        .home #main .row-home:nth-of-type(2) .box, .home #main .row-home:nth-of-type(2) .box-video, .home #main .row-home:nth-of-type(2) .bg-box, .home #main .row-home:nth-of-type(2) .aside .box-lst > li, .home #main .aside .row-home:nth-of-type(2) .box-lst > li {
          min-height: 1px;
          max-height: auto; } }
      @media (min-width: 1200px) {
        .home #main .row-home:nth-of-type(3) .box, .home #main .row-home:nth-of-type(3) .box-video, .home #main .row-home:nth-of-type(3) .bg-box, .home #main .row-home:nth-of-type(3) .aside .box-lst > li, .home #main .aside .row-home:nth-of-type(3) .box-lst > li {
          min-height: 282px;
          max-height: 282px; } }
      @media (max-width: 1199px) {
        .home #main .row-home:nth-of-type(3) .box, .home #main .row-home:nth-of-type(3) .box-video, .home #main .row-home:nth-of-type(3) .bg-box, .home #main .row-home:nth-of-type(3) .aside .box-lst > li, .home #main .aside .row-home:nth-of-type(3) .box-lst > li {
          min-height: 306px;
          max-height: 306px; } }
      @media (max-width: 991px) {
        .home #main .row-home:nth-of-type(3) .box, .home #main .row-home:nth-of-type(3) .box-video, .home #main .row-home:nth-of-type(3) .bg-box, .home #main .row-home:nth-of-type(3) .aside .box-lst > li, .home #main .aside .row-home:nth-of-type(3) .box-lst > li {
          min-height: 290px;
          max-height: 290px;
          margin-bottom: 30px; } }
      @media (max-width: 767px) {
        .home #main .row-home:nth-of-type(3) .box, .home #main .row-home:nth-of-type(3) .box-video, .home #main .row-home:nth-of-type(3) .bg-box, .home #main .row-home:nth-of-type(3) .aside .box-lst > li, .home #main .aside .row-home:nth-of-type(3) .box-lst > li {
          min-height: 1px;
          max-height: auto; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .home #main .row-home:nth-of-type(3) .slide-box .img img, .home #main .row-home:nth-of-type(3) .slide-box .figure img, .home #main .row-home:nth-of-type(3) .slide-box .banner img, .home #main .row-home:nth-of-type(3) .slide-box .img-round img, .home #main .row-home:nth-of-type(3) .slide-box .img-center img, .home #main .row-home:nth-of-type(3) .slide-box .box-img img, .home #main .row-home:nth-of-type(3) .slide-box .logos-row .logo-lst > li img, .home #main .logos-row .row-home:nth-of-type(3) .slide-box .logo-lst > li img, .home #main .row-home:nth-of-type(3) .slide-box .video-thumb img {
          max-width: 134%; } }
      .home #main .row-home .carousel .carousel-inner .item .box .img img, .home #main .row-home .carousel .carousel-inner .item .box-video .img img, .home #main .row-home .carousel .carousel-inner .item .bg-box .img img, .home #main .row-home .carousel .carousel-inner .item .aside .box-lst > li .img img, .home #main .aside .row-home .carousel .carousel-inner .item .box-lst > li .img img, .home #main .row-home .carousel .carousel-inner .item .box .figure img, .home #main .row-home .carousel .carousel-inner .item .box-video .figure img, .home #main .row-home .carousel .carousel-inner .item .bg-box .figure img, .home #main .row-home .carousel .carousel-inner .item .aside .box-lst > li .figure img, .home #main .aside .row-home .carousel .carousel-inner .item .box-lst > li .figure img, .home #main .row-home .carousel .carousel-inner .item .box .banner img, .home #main .row-home .carousel .carousel-inner .item .box-video .banner img, .home #main .row-home .carousel .carousel-inner .item .bg-box .banner img, .home #main .row-home .carousel .carousel-inner .item .aside .box-lst > li .banner img, .home #main .aside .row-home .carousel .carousel-inner .item .box-lst > li .banner img, .home #main .row-home .carousel .carousel-inner .item .box .img-round img, .home #main .row-home .carousel .carousel-inner .item .box-video .img-round img, .home #main .row-home .carousel .carousel-inner .item .bg-box .img-round img, .home #main .row-home .carousel .carousel-inner .item .aside .box-lst > li .img-round img, .home #main .aside .row-home .carousel .carousel-inner .item .box-lst > li .img-round img, .home #main .row-home .carousel .carousel-inner .item .box .img-center img, .home #main .row-home .carousel .carousel-inner .item .box-video .img-center img, .home #main .row-home .carousel .carousel-inner .item .bg-box .img-center img, .home #main .row-home .carousel .carousel-inner .item .aside .box-lst > li .img-center img, .home #main .aside .row-home .carousel .carousel-inner .item .box-lst > li .img-center img, .home #main .row-home .carousel .carousel-inner .item .box .box-img img, .home #main .row-home .carousel .carousel-inner .item .box-video .box-img img, .home #main .row-home .carousel .carousel-inner .item .bg-box .box-img img, .home #main .row-home .carousel .carousel-inner .item .aside .box-lst > li .box-img img, .home #main .aside .row-home .carousel .carousel-inner .item .box-lst > li .box-img img, .home #main .row-home .carousel .carousel-inner .item .box .logos-row .logo-lst > li img, .home #main .logos-row .row-home .carousel .carousel-inner .item .box .logo-lst > li img, .home #main .row-home .carousel .carousel-inner .item .box-video .logos-row .logo-lst > li img, .home #main .logos-row .row-home .carousel .carousel-inner .item .box-video .logo-lst > li img, .home #main .row-home .carousel .carousel-inner .item .bg-box .logos-row .logo-lst > li img, .home #main .logos-row .row-home .carousel .carousel-inner .item .bg-box .logo-lst > li img, .home #main .row-home .carousel .carousel-inner .item .aside .box-lst > li .logos-row .logo-lst > li img, .home #main .logos-row .row-home .carousel .carousel-inner .item .aside .box-lst > li .logo-lst > li img, .home #main .aside .row-home .carousel .carousel-inner .item .box-lst > li .logos-row .logo-lst > li img, .home #main .logos-row .aside .row-home .carousel .carousel-inner .item .box-lst > li .logo-lst > li img, .home #main .row-home .carousel .carousel-inner .item .box .video-thumb img, .home #main .row-home .carousel .carousel-inner .item .box-video .video-thumb img, .home #main .row-home .carousel .carousel-inner .item .bg-box .video-thumb img, .home #main .row-home .carousel .carousel-inner .item .aside .box-lst > li .video-thumb img, .home #main .aside .row-home .carousel .carousel-inner .item .box-lst > li .video-thumb img {
        max-width: 100%;
        margin-left: 0;
        min-width: 100%; }
    .home #main .box, .home #main .box-video, .home #main .bg-box, .home #main .aside .box-lst > li {
      position: relative;
      border-bottom-width: 2px;
      border-bottom-style: solid;
      box-shadow: none;
      /* caixa: imatge header */
      /* header background */ }
      .home #main .box .box-info .tit, .home #main .box-video .box-info .tit, .home #main .bg-box .box-info .tit, .home #main .aside .box-lst > li .box-info .tit, .home #main .box .box-head .tit, .home #main .box-video .box-head .tit, .home #main .bg-box .box-head .tit, .home #main .aside .box-lst > li .box-head .tit {
        font-size: 1.6rem;
        font-weight: normal;
        line-height: 1.2;
        margin-bottom: 20px; }
        .home #main .box .box-info .tit a, .home #main .box-video .box-info .tit a, .home #main .bg-box .box-info .tit a, .home #main .aside .box-lst > li .box-info .tit a, .home #main .box .box-head .tit a, .home #main .box-video .box-head .tit a, .home #main .bg-box .box-head .tit a, .home #main .aside .box-lst > li .box-head .tit a {
          color: #3d3d3f;
          text-decoration: none; }
      .home #main .box .box-info .text, .home #main .box-video .box-info .text, .home #main .bg-box .box-info .text, .home #main .aside .box-lst > li .box-info .text, .home #main .box .box-head .text, .home #main .box-video .box-head .text, .home #main .bg-box .box-head .text, .home #main .aside .box-lst > li .box-head .text {
        font-size: 1.4rem; }
      .home #main .box .rel-links > li, .home #main .box-video .rel-links > li, .home #main .bg-box .rel-links > li, .home #main .aside .box-lst > li .rel-links > li {
        color: #9c9b9f;
        position: relative;
        padding-left: 20px; }
        .home #main .box .rel-links > li:before, .home #main .box-video .rel-links > li:before, .home #main .bg-box .rel-links > li:before, .home #main .aside .box-lst > li .rel-links > li:before {
          position: absolute;
          left: 0; }
        .home #main .box .rel-links > li > a, .home #main .box-video .rel-links > li > a, .home #main .bg-box .rel-links > li > a, .home #main .aside .box-lst > li .rel-links > li > a {
          color: #9c9b9f; }
      .home #main .box .img-center, .home #main .box-video .img-center, .home #main .bg-box .img-center, .home #main .aside .box-lst > li .img-center {
        width: 55%; }
      .home #main .box.head-img .img, .home #main .head-img.box-video .img, .home #main .head-img.bg-box .img, .home #main .aside .box-lst > li.head-img .img, .home #main .box.head-img .figure, .home #main .head-img.box-video .figure, .home #main .head-img.bg-box .figure, .home #main .aside .box-lst > li.head-img .figure, .home #main .box.head-img .banner, .home #main .head-img.box-video .banner, .home #main .head-img.bg-box .banner, .home #main .aside .box-lst > li.head-img .banner, .home #main .box.head-img .img-round, .home #main .head-img.box-video .img-round, .home #main .head-img.bg-box .img-round, .home #main .aside .box-lst > li.head-img .img-round, .home #main .box.head-img .img-center, .home #main .head-img.box-video .img-center, .home #main .head-img.bg-box .img-center, .home #main .aside .box-lst > li.head-img .img-center, .home #main .box.head-img .box-img, .home #main .head-img.box-video .box-img, .home #main .head-img.bg-box .box-img, .home #main .aside .box-lst > li.head-img .box-img, .home #main .box.head-img .logos-row .logo-lst > li, .home #main .logos-row .box.head-img .logo-lst > li, .home #main .head-img.box-video .logos-row .logo-lst > li, .home #main .logos-row .head-img.box-video .logo-lst > li, .home #main .head-img.bg-box .logos-row .logo-lst > li, .home #main .logos-row .head-img.bg-box .logo-lst > li, .home #main .aside .box-lst > li.head-img .logos-row .logo-lst > li, .home #main .logos-row .aside .box-lst > li.head-img .logo-lst > li, .home #main .box.head-img .video-thumb, .home #main .head-img.box-video .video-thumb, .home #main .head-img.bg-box .video-thumb, .home #main .aside .box-lst > li.head-img .video-thumb {
        width: 100%;
        margin-bottom: 12px; }
        @media (min-width: 992px) {
          .home #main .box.head-img .img, .home #main .head-img.box-video .img, .home #main .head-img.bg-box .img, .home #main .aside .box-lst > li.head-img .img, .home #main .box.head-img .figure, .home #main .head-img.box-video .figure, .home #main .head-img.bg-box .figure, .home #main .aside .box-lst > li.head-img .figure, .home #main .box.head-img .banner, .home #main .head-img.box-video .banner, .home #main .head-img.bg-box .banner, .home #main .aside .box-lst > li.head-img .banner, .home #main .box.head-img .img-round, .home #main .head-img.box-video .img-round, .home #main .head-img.bg-box .img-round, .home #main .aside .box-lst > li.head-img .img-round, .home #main .box.head-img .img-center, .home #main .head-img.box-video .img-center, .home #main .head-img.bg-box .img-center, .home #main .aside .box-lst > li.head-img .img-center, .home #main .box.head-img .box-img, .home #main .head-img.box-video .box-img, .home #main .head-img.bg-box .box-img, .home #main .aside .box-lst > li.head-img .box-img, .home #main .box.head-img .logos-row .logo-lst > li, .home #main .logos-row .box.head-img .logo-lst > li, .home #main .head-img.box-video .logos-row .logo-lst > li, .home #main .logos-row .head-img.box-video .logo-lst > li, .home #main .head-img.bg-box .logos-row .logo-lst > li, .home #main .logos-row .head-img.bg-box .logo-lst > li, .home #main .aside .box-lst > li.head-img .logos-row .logo-lst > li, .home #main .logos-row .aside .box-lst > li.head-img .logo-lst > li, .home #main .box.head-img .video-thumb, .home #main .head-img.box-video .video-thumb, .home #main .head-img.bg-box .video-thumb, .home #main .aside .box-lst > li.head-img .video-thumb {
            margin-bottom: 24px; } }
        @media (min-width: 1500px) {
          .home #main .box.head-img .img, .home #main .head-img.box-video .img, .home #main .head-img.bg-box .img, .home #main .aside .box-lst > li.head-img .img, .home #main .box.head-img .figure, .home #main .head-img.box-video .figure, .home #main .head-img.bg-box .figure, .home #main .aside .box-lst > li.head-img .figure, .home #main .box.head-img .banner, .home #main .head-img.box-video .banner, .home #main .head-img.bg-box .banner, .home #main .aside .box-lst > li.head-img .banner, .home #main .box.head-img .img-round, .home #main .head-img.box-video .img-round, .home #main .head-img.bg-box .img-round, .home #main .aside .box-lst > li.head-img .img-round, .home #main .box.head-img .img-center, .home #main .head-img.box-video .img-center, .home #main .head-img.bg-box .img-center, .home #main .aside .box-lst > li.head-img .img-center, .home #main .box.head-img .box-img, .home #main .head-img.box-video .box-img, .home #main .head-img.bg-box .box-img, .home #main .aside .box-lst > li.head-img .box-img, .home #main .box.head-img .logos-row .logo-lst > li, .home #main .logos-row .box.head-img .logo-lst > li, .home #main .head-img.box-video .logos-row .logo-lst > li, .home #main .logos-row .head-img.box-video .logo-lst > li, .home #main .head-img.bg-box .logos-row .logo-lst > li, .home #main .logos-row .head-img.bg-box .logo-lst > li, .home #main .aside .box-lst > li.head-img .logos-row .logo-lst > li, .home #main .logos-row .aside .box-lst > li.head-img .logo-lst > li, .home #main .box.head-img .video-thumb, .home #main .head-img.box-video .video-thumb, .home #main .head-img.bg-box .video-thumb, .home #main .aside .box-lst > li.head-img .video-thumb {
            margin-bottom: 12px; } }
        @media (max-width: 991px) {
          .home #main .box.head-img .img img, .home #main .head-img.box-video .img img, .home #main .head-img.bg-box .img img, .home #main .aside .box-lst > li.head-img .img img, .home #main .box.head-img .figure img, .home #main .head-img.box-video .figure img, .home #main .head-img.bg-box .figure img, .home #main .aside .box-lst > li.head-img .figure img, .home #main .box.head-img .banner img, .home #main .head-img.box-video .banner img, .home #main .head-img.bg-box .banner img, .home #main .aside .box-lst > li.head-img .banner img, .home #main .box.head-img .img-round img, .home #main .head-img.box-video .img-round img, .home #main .head-img.bg-box .img-round img, .home #main .aside .box-lst > li.head-img .img-round img, .home #main .box.head-img .img-center img, .home #main .head-img.box-video .img-center img, .home #main .head-img.bg-box .img-center img, .home #main .aside .box-lst > li.head-img .img-center img, .home #main .box.head-img .box-img img, .home #main .head-img.box-video .box-img img, .home #main .head-img.bg-box .box-img img, .home #main .aside .box-lst > li.head-img .box-img img, .home #main .box.head-img .logos-row .logo-lst > li img, .home #main .logos-row .box.head-img .logo-lst > li img, .home #main .head-img.box-video .logos-row .logo-lst > li img, .home #main .logos-row .head-img.box-video .logo-lst > li img, .home #main .head-img.bg-box .logos-row .logo-lst > li img, .home #main .logos-row .head-img.bg-box .logo-lst > li img, .home #main .aside .box-lst > li.head-img .logos-row .logo-lst > li img, .home #main .logos-row .aside .box-lst > li.head-img .logo-lst > li img, .home #main .box.head-img .video-thumb img, .home #main .head-img.box-video .video-thumb img, .home #main .head-img.bg-box .video-thumb img, .home #main .aside .box-lst > li.head-img .video-thumb img {
            min-width: 100%; } }
      .home #main .box.head-img .box-info, .home #main .head-img.box-video .box-info, .home #main .head-img.bg-box .box-info, .home #main .aside .box-lst > li.head-img .box-info, .home #main .box.head-img .box-head, .home #main .head-img.box-video .box-head, .home #main .head-img.bg-box .box-head, .home #main .aside .box-lst > li.head-img .box-head {
        padding: 0 15px; }
        .home #main .box.head-img .box-info .tit, .home #main .head-img.box-video .box-info .tit, .home #main .head-img.bg-box .box-info .tit, .home #main .aside .box-lst > li.head-img .box-info .tit, .home #main .box.head-img .box-head .tit, .home #main .head-img.box-video .box-head .tit, .home #main .head-img.bg-box .box-head .tit, .home #main .aside .box-lst > li.head-img .box-head .tit {
          font-size: 1.4rem;
          line-height: 1.25;
          margin-bottom: 20px; }
          .home #main .box.head-img .box-info .tit a, .home #main .head-img.box-video .box-info .tit a, .home #main .head-img.bg-box .box-info .tit a, .home #main .aside .box-lst > li.head-img .box-info .tit a, .home #main .box.head-img .box-head .tit a, .home #main .head-img.box-video .box-head .tit a, .home #main .head-img.bg-box .box-head .tit a, .home #main .aside .box-lst > li.head-img .box-head .tit a {
            color: #3d3d3f;
            text-decoration: none; }
            .home #main .box.head-img .box-info .tit a:hover, .home #main .head-img.box-video .box-info .tit a:hover, .home #main .head-img.bg-box .box-info .tit a:hover, .home #main .aside .box-lst > li.head-img .box-info .tit a:hover, .home #main .box.head-img .box-head .tit a:hover, .home #main .head-img.box-video .box-head .tit a:hover, .home #main .head-img.bg-box .box-head .tit a:hover, .home #main .aside .box-lst > li.head-img .box-head .tit a:hover {
              color: #e50a31; }
        .home #main .box.head-img .box-info .rel-links > li, .home #main .head-img.box-video .box-info .rel-links > li, .home #main .head-img.bg-box .box-info .rel-links > li, .home #main .aside .box-lst > li.head-img .box-info .rel-links > li, .home #main .box.head-img .box-head .rel-links > li, .home #main .head-img.box-video .box-head .rel-links > li, .home #main .head-img.bg-box .box-head .rel-links > li, .home #main .aside .box-lst > li.head-img .box-head .rel-links > li {
          font-size: 1.2rem; }
      .home #main .box.head-img:hover, .home #main .head-img.box-video:hover, .home #main .head-img.bg-box:hover, .home #main .aside .box-lst > li.head-img:hover {
        border-bottom-color: #e50a31; }
      .home #main .box .box-head, .home #main .box-video .box-head, .home #main .bg-box .box-head, .home #main .aside .box-lst > li .box-head {
        padding-top: 15px; }
        @media (min-width: 1200px) {
          .home #main .box .box-head, .home #main .box-video .box-head, .home #main .bg-box .box-head, .home #main .aside .box-lst > li .box-head {
            min-height: 85px;
            padding-bottom: 0; } }
        .home #main .box .box-head .tit, .home #main .box-video .box-head .tit, .home #main .bg-box .box-head .tit, .home #main .aside .box-lst > li .box-head .tit {
          margin-bottom: 0; }
        .home #main .box .box-head .rel-links, .home #main .box-video .box-head .rel-links, .home #main .bg-box .box-head .rel-links, .home #main .aside .box-lst > li .box-head .rel-links, .home #main .box .box-head .text, .home #main .box-video .box-head .text, .home #main .bg-box .box-head .text, .home #main .aside .box-lst > li .box-head .text {
          margin-top: 15px; }
        .home #main .box .box-head.box-black, .home #main .box-video .box-head.box-black, .home #main .bg-box .box-head.box-black, .home #main .aside .box-lst > li .box-head.box-black {
          background-color: #000;
          color: #fff; }
          .home #main .box .box-head.box-black .tit, .home #main .box-video .box-head.box-black .tit, .home #main .bg-box .box-head.box-black .tit, .home #main .aside .box-lst > li .box-head.box-black .tit {
            color: #fff; }
            .home #main .box .box-head.box-black .tit a, .home #main .box-video .box-head.box-black .tit a, .home #main .bg-box .box-head.box-black .tit a, .home #main .aside .box-lst > li .box-head.box-black .tit a {
              color: #fff; }
          .home #main .box .box-head.box-black .rel-links > li:before, .home #main .box-video .box-head.box-black .rel-links > li:before, .home #main .bg-box .box-head.box-black .rel-links > li:before, .home #main .aside .box-lst > li .box-head.box-black .rel-links > li:before {
            color: #fff; }
          .home #main .box .box-head.box-black .text, .home #main .box-video .box-head.box-black .text, .home #main .bg-box .box-head.box-black .text, .home #main .aside .box-lst > li .box-head.box-black .text {
            color: #fff; }
        .home #main .box .box-head.box-dark, .home #main .box-video .box-head.box-dark, .home #main .bg-box .box-head.box-dark, .home #main .aside .box-lst > li .box-head.box-dark {
          background-color: #424040;
          color: #fff; }
          .home #main .box .box-head.box-dark .tit, .home #main .box-video .box-head.box-dark .tit, .home #main .bg-box .box-head.box-dark .tit, .home #main .aside .box-lst > li .box-head.box-dark .tit {
            color: #fff; }
            .home #main .box .box-head.box-dark .tit a, .home #main .box-video .box-head.box-dark .tit a, .home #main .bg-box .box-head.box-dark .tit a, .home #main .aside .box-lst > li .box-head.box-dark .tit a {
              color: #fff; }
          .home #main .box .box-head.box-dark .rel-links > li:before, .home #main .box-video .box-head.box-dark .rel-links > li:before, .home #main .bg-box .box-head.box-dark .rel-links > li:before, .home #main .aside .box-lst > li .box-head.box-dark .rel-links > li:before {
            color: #fff; }
          .home #main .box .box-head.box-dark .text, .home #main .box-video .box-head.box-dark .text, .home #main .bg-box .box-head.box-dark .text, .home #main .aside .box-lst > li .box-head.box-dark .text {
            color: #fff; }
      .home #main .box:hover, .home #main .box-video:hover, .home #main .bg-box:hover, .home #main .aside .box-lst > li:hover {
        border-bottom-color: #e50a31 !important; }
    .home #main .box-video > .row {
      margin-left: 0; }
      @media (max-width: 767px) {
        .home #main .box-video > .row {
          margin-right: 0; } }
      .home #main .box-video > .row > div {
        padding-left: 0; }
    .home #main .box-video .main-box .box-info .tit, .home #main .box-video .main-box .box-head .tit {
      font-size: 2rem;
      margin-bottom: 5px; }
      @media (max-width: 991px) {
        .home #main .box-video .main-box .box-info .tit, .home #main .box-video .main-box .box-head .tit {
          margin-bottom: 15px; } }
    .home #main .box-video .main-box .box-info .text, .home #main .box-video .main-box .box-head .text {
      font-size: 1.6rem;
      line-height: 1.2;
      margin-bottom: 20px; }
      @media (max-width: 991px) {
        .home #main .box-video .main-box .box-info .text, .home #main .box-video .main-box .box-head .text {
          display: none; } }
    .home #main .box-video .main-box .rel-links > li {
      color: #080810; }
      .home #main .box-video .main-box .rel-links > li.icon-dosier {
        color: #e50a31; }
        .home #main .box-video .main-box .rel-links > li.icon-dosier > a {
          color: #080810; }
      .home #main .box-video .main-box .rel-links > li > a {
        color: #080810; }
    .home #main .bg-box {
      background-repeat: no-repeat;
      background-size: auto 100%;
      color: #fff; }
      .home #main .bg-box .box-info .tit, .home #main .bg-box .box-head .tit {
        font-size: 2rem;
        margin-bottom: 5px;
        color: #fff; }
      .home #main .bg-box .box-info .text, .home #main .bg-box .box-head .text {
        font-size: 1.6rem;
        line-height: 1.2;
        color: #fff;
        margin-bottom: 20px; }
    .home #main .slide-box {
      position: relative;
      overflow: hidden;
      /* controls */ }
      @media (max-width: 991px) {
        .home #main .slide-box {
          margin-bottom: 30px; } }
      .home #main .slide-box .box, .home #main .slide-box .box-video, .home #main .slide-box .bg-box, .home #main .slide-box .aside .box-lst > li, .home #main .aside .slide-box .box-lst > li {
        float: left;
        width: 100%;
        overflow: hidden; }
        @media (max-width: 991px) {
          .home #main .slide-box .box, .home #main .slide-box .box-video, .home #main .slide-box .bg-box, .home #main .slide-box .aside .box-lst > li, .home #main .aside .slide-box .box-lst > li {
            margin-bottom: 0 !important; } }
      .home #main .slide-box .slide-ctrls {
        position: absolute;
        bottom: 0;
        left: 0;
        float: left; }
        .home #main .slide-box .slide-ctrls .carousel-control {
          background-color: #080810;
          background-image: none;
          color: #fff;
          width: 22px;
          height: 22px;
          display: block;
          overflow: hidden;
          opacity: 1;
          position: relative;
          text-align: center; }
          @media (max-width: 991px) {
            .home #main .slide-box .slide-ctrls .carousel-control {
              width: 44px;
              height: 44px; } }
          .home #main .slide-box .slide-ctrls .carousel-control span {
            font-size: 1.2rem;
            position: relative;
            top: -3px;
            left: auto;
            right: auto;
            margin: 0;
            text-shadow: none;
            width: auto;
            height: auto; }
            @media (max-width: 991px) {
              .home #main .slide-box .slide-ctrls .carousel-control span {
                font-size: 2.4rem;
                top: 11px; } }
          .home #main .slide-box .slide-ctrls .carousel-control.left {
            float: left; }
          .home #main .slide-box .slide-ctrls .carousel-control.right {
            float: right; }
          .home #main .slide-box .slide-ctrls .carousel-control:hover {
            background-color: #e50a31;
            background-image: none; }
    .home #main .main-row {
      /* horaris */ }
      .home #main .main-row .tit-row, .home #main .main-row .tit-empty {
        padding-left: 10px;
        padding-right: 10px; }
      .home #main .main-row .box, .home #main .main-row .box-video, .home #main .main-row .bg-box, .home #main .main-row .aside .box-lst > li, .home #main .aside .main-row .box-lst > li {
        border-bottom: none !important; }
      @media (min-width: 1200px) {
        .home #main .main-row .box, .home #main .main-row .box-video, .home #main .main-row .bg-box, .home #main .main-row .aside .box-lst > li, .home #main .aside .main-row .box-lst > li,
        .home #main .main-row .video-thumb img {
          min-height: 267px; } }
      @media (min-width: 1500px) {
        .home #main .main-row .box, .home #main .main-row .box-video, .home #main .main-row .bg-box, .home #main .main-row .aside .box-lst > li, .home #main .aside .main-row .box-lst > li,
        .home #main .main-row .video-thumb img {
          min-height: 315px; } }
      @media (max-width: 1199px) {
        .home #main .main-row .box, .home #main .main-row .box-video, .home #main .main-row .bg-box, .home #main .main-row .aside .box-lst > li, .home #main .aside .main-row .box-lst > li,
        .home #main .main-row .video-thumb img {
          min-height: 250px; } }
      @media (max-width: 991px) {
        .home #main .main-row .box, .home #main .main-row .box-video, .home #main .main-row .bg-box, .home #main .main-row .aside .box-lst > li, .home #main .aside .main-row .box-lst > li,
        .home #main .main-row .video-thumb img {
          min-height: 200px; } }
      @media (max-width: 767px) {
        .home #main .main-row .box, .home #main .main-row .box-video, .home #main .main-row .bg-box, .home #main .main-row .aside .box-lst > li, .home #main .aside .main-row .box-lst > li,
        .home #main .main-row .video-thumb img {
          min-height: 267px; } }
      .home #main .main-row .box-video .see-more {
        bottom: 15px; }
        @media (max-width: 767px) {
          .home #main .main-row .box-video .see-more {
            display: none; } }
      .home #main .main-row .schedule-box .text:last-of-type {
        margin-bottom: 0; }
      @media (min-width: 1500px) {
        .home #main .main-row .schedule-box {
          min-height: 330px; } }
      @media (max-width: 991px) {
        .home #main .main-row .schedule-box {
          background-image: none !important;
          margin-top: 30px;
          min-height: 1px; }
          .home #main .main-row .schedule-box .box-info .tit, .home #main .main-row .schedule-box .box .box-head .tit, .home #main .box .main-row .schedule-box .box-head .tit, .home #main .main-row .schedule-box .box-video .box-head .tit, .home #main .box-video .main-row .schedule-box .box-head .tit, .home #main .main-row .schedule-box .bg-box .box-head .tit, .home #main .bg-box .main-row .schedule-box .box-head .tit, .home #main .main-row .schedule-box .aside .box-lst > li .box-head .tit, .home #main .aside .box-lst > li .main-row .schedule-box .box-head .tit {
            color: #3d3d3f; }
          .home #main .main-row .schedule-box .box-info .text, .home #main .main-row .schedule-box .box .box-head .text, .home #main .box .main-row .schedule-box .box-head .text, .home #main .main-row .schedule-box .box-video .box-head .text, .home #main .box-video .main-row .schedule-box .box-head .text, .home #main .main-row .schedule-box .bg-box .box-head .text, .home #main .bg-box .main-row .schedule-box .box-head .text, .home #main .main-row .schedule-box .aside .box-lst > li .box-head .text, .home #main .aside .box-lst > li .main-row .schedule-box .box-head .text {
            color: #4d4d4f; } }
    .home #main .logos-row .main-logo-lst {
      margin-right: 40px; }
      @media (max-width: 991px) {
        .home #main .logos-row .main-logo-lst {
          margin-right: 20px; } }
      @media (max-width: 767px) {
        .home #main .logos-row .main-logo-lst {
          margin-right: 0;
          margin: 0 30px 20px 30px;
          text-align: center; } }
      @media (max-width: 767px) {
        .home #main .logos-row .main-logo-lst img {
          max-width: 75%; } }
    @media (min-width: 992px) {
      .home #main .logos-row .logo-lst {
        margin-left: -15px;
        margin-right: -15px; } }
    .home #main .logos-row .logo-lst > li {
      display: inline-block;
      width: 24%;
      padding: 10px 20px; }
      @media (max-width: 991px) {
        .home #main .logos-row .logo-lst > li {
          width: 32%; } }
      @media (max-width: 767px) {
        .home #main .logos-row .logo-lst > li {
          width: 48%;
          padding: 15px 30px; } }
      .home #main .logos-row .logo-lst > li img {
        /*filter: grayscale(1);*/
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        filter: grayscale(100%); }
      .home #main .logos-row .logo-lst > li:hover img {
        /*filter: grayscale(0);*/
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        filter: grayscale(0);
        -webkit-transition: filter 0.3s ease-in-out;
        -moz-transition: filter 0.3s ease-in-out;
        -ms-transition: filter 0.3s ease-in-out;
        -o-transition: filter 0.3s ease-in-out;
        transition: filter 0.3s ease-in-out; }
  #main .pre-home > ul > li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 10px; }
    @media (min-width: 1500px) {
      #main .pre-home > ul > li {
        margin-bottom: 9px; } }
    @media (max-width: 1199px) {
      #main .pre-home > ul > li {
        margin-bottom: 12px; } }
    @media (max-width: 991px) {
      #main .pre-home > ul > li {
        margin-bottom: 13px; } }
    @media (max-width: 767px) {
      #main .pre-home > ul > li {
        margin-bottom: 15px; } }
    @media (min-width: 768px) {
      #main .pre-home > ul > li {
        width: 48%; }
        #main .pre-home > ul > li:nth-child(2n-1) {
          padding-right: 4px; }
        #main .pre-home > ul > li:nth-child(2n) {
          padding-left: 4px; } }
    @media (min-width: 1200px) {
      #main .pre-home > ul > li {
        width: 33%; }
        #main .pre-home > ul > li:nth-child(3n-2) {
          padding-right: 4px;
          padding-left: 0; }
        #main .pre-home > ul > li:nth-child(3n-1) {
          padding-right: 2px;
          padding-left: 2px; }
        #main .pre-home > ul > li:nth-child(3n) {
          padding-right: 0;
          padding-left: 4px; } }
    @media (max-width: 767px) {
      #main .pre-home > ul > li {
        width: 100%; } }
    #main .pre-home > ul > li.active:after {
      background-color: #fff;
      position: absolute;
      top: -10px;
      left: 50%;
      display: block;
      width: 20px;
      height: 20px;
      margin-left: -14px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      content: ''; }
    #main .pre-home > ul > li > a {
      background-color: red;
      font-size: 1.3rem;
      font-family: Montserrat;
      color: #fff;
      text-transform: uppercase;
      display: block;
      padding: 0 15px;
      height: 280px;
      text-align: center; }
      @media (max-width: 1199px) {
        #main .pre-home > ul > li > a {
          height: 260px; } }
      @media (max-width: 767px) {
        #main .pre-home > ul > li > a {
          height: auto; } }
      #main .pre-home > ul > li > a:hover {
        text-decoration: none;
        opacity: 0.8; }
      #main .pre-home > ul > li > a .figure {
        display: block;
        position: relative;
        padding: 35px 0 25px 0;
        margin: 0 30px 15px 30px; }
        @media (min-width: 1500px) {
          #main .pre-home > ul > li > a .figure {
            max-width: 60%;
            margin-left: auto;
            margin-right: auto; } }
        @media (max-width: 1199px) {
          #main .pre-home > ul > li > a .figure {
            margin: 0 44px 10px 44px; } }
        @media (max-width: 991px) {
          #main .pre-home > ul > li > a .figure {
            margin: 0 65px 15px 65px; } }
        @media (max-width: 767px) {
          #main .pre-home > ul > li > a .figure {
            float: left;
            width: 42%;
            margin: 15px 30px 15px 0;
            padding: 30px 30px 30px 10px; } }
        #main .pre-home > ul > li > a .figure:after {
          background-color: #fff;
          position: absolute;
          bottom: 0;
          left: 50%;
          display: block;
          height: 1px;
          width: 150px;
          margin-left: -75px;
          content: ''; }
          @media (max-width: 991px) {
            #main .pre-home > ul > li > a .figure:after {
              width: 180px;
              margin-left: -90px; } }
          @media (max-width: 767px) {
            #main .pre-home > ul > li > a .figure:after {
              bottom: auto;
              top: 50%;
              left: auto;
              right: 0;
              width: 1px;
              height: 100px;
              margin-left: 0;
              margin-top: -50px; } }
        #main .pre-home > ul > li > a .figure img {
          display: block; }
      #main .pre-home > ul > li > a .text {
        text-align: center;
        display: block; }
        @media (max-width: 767px) {
          #main .pre-home > ul > li > a .text {
            text-align: left;
            float: right;
            width: 46%;
            margin-top: 30px; }
            #main .pre-home > ul > li > a .text > span {
              display: table-cell;
              vertical-align: middle;
              height: 100px; } }
  #main .pre-home > ul.window-lst > li > a {
    background-color: #e17032; }
  #main .pre-home > ul.window-lst > li:nth-child(5n-4) > a {
    background-color: #e17032; }
  #main .pre-home > ul.window-lst > li:nth-child(5n-3) > a {
    background-color: #ffbf43; }
  #main .pre-home > ul.window-lst > li:nth-child(5n-2) > a {
    background-color: #9c6023; }
  #main .pre-home > ul.window-lst > li:nth-child(5n-1) > a {
    background-color: #963500; }
  #main .pre-home > ul.window-lst > li:nth-child(5n) > a {
    background-color: #ff5550; }
  #main .pre-home > ul.portal-lst > li > a {
    background-color: #e13732; }
  #main .pre-home > ul.portal-lst > li:nth-child(6n-5) > a {
    background-color: #e13732; }
  #main .pre-home > ul.portal-lst > li:nth-child(6n-4) > a {
    background-color: #e15f32; }
  #main .pre-home > ul.portal-lst > li:nth-child(6n-3) > a {
    background-color: #e1323e; }
  #main .pre-home > ul.portal-lst > li:nth-child(6n-2) > a {
    background-color: #b12021; }
  #main .pre-home > ul.portal-lst > li:nth-child(6n-1) > a {
    background-color: #e14f32; }
  #main .pre-home > ul.portal-lst > li:nth-child(6n) > a {
    background-color: #e18d32; }
  #main .calendar {
    /* titol/nav */ }
    #main .calendar .calendar-head {
      background-color: #edeef0;
      position: relative;
      margin: 0; }
      #main .calendar .calendar-head .tit {
        font-family: Montserrat;
        font-size: 1.6rem;
        color: #080810;
        text-align: center;
        padding: 10px 0;
        white-space: nowrap; }
      #main .calendar .calendar-head .prev, #main .calendar .calendar-head .next {
        position: absolute;
        top: 50%;
        width: 15px;
        height: 15px;
        margin: -7px 0 0 0; }
        #main .calendar .calendar-head .prev:after, #main .calendar .calendar-head .next:after {
          top: 4px;
          width: 9px;
          height: 9px;
          border-width: 2px 2px 0 0; }
        #main .calendar .calendar-head .prev:hover, #main .calendar .calendar-head .next:hover {
          text-decoration: none;
          color: #e50a31; }
      #main .calendar .calendar-head .prev {
        left: 9px; }
        #main .calendar .calendar-head .prev:after {
          -webkit-transform: rotate(-135deg);
          -moz-transform: rotate(-135deg);
          -ms-transform: rotate(-135deg);
          transform: rotate(-135deg); }
      #main .calendar .calendar-head .next {
        right: 15px; }
        #main .calendar .calendar-head .next:after {
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
    #main .calendar .calendar-body {
      background-color: #080810;
      padding: 10px;
      /* taula */
      /* legenda */ }
      #main .calendar .calendar-body .calendar-tbl {
        font-family: Montserrat;
        font-size: 1.6rem;
        color: #fff;
        width: 100%;
        text-align: center; }
        @media (min-width: 992px) {
          #main .calendar .calendar-body .calendar-tbl tr.week {
            display: none; } }
        #main .calendar .calendar-body .calendar-tbl tr.week th {
          text-align: center; }
          #main .calendar .calendar-body .calendar-tbl tr.week th abbr {
            text-decoration: none;
            border-bottom: none; }
        #main .calendar .calendar-body .calendar-tbl tr td {
          font-weight: 700;
          width: 14,28%;
          text-align: center;
          padding: 3px; }
          @media (max-width: 767px) {
            #main .calendar .calendar-body .calendar-tbl tr td {
              padding: 5px; } }
          #main .calendar .calendar-body .calendar-tbl tr td.past, #main .calendar .calendar-body .calendar-tbl tr td.future {
            color: #999999; }
          #main .calendar .calendar-body .calendar-tbl tr td span {
            background-color: rgba(54, 54, 54, 0.8);
            line-height: 1.8;
            display: block; }
          #main .calendar .calendar-body .calendar-tbl tr td a {
            color: #fff;
            text-decoration: none;
            line-height: 1.8;
            display: block; }
            #main .calendar .calendar-body .calendar-tbl tr td a:hover {
              text-decoration: none; }
            @media (max-width: 1199px) {
              #main .calendar .calendar-body .calendar-tbl tr td a {
                line-height: 1.5; } }
            @media (max-width: 767px) {
              #main .calendar .calendar-body .calendar-tbl tr td a {
                line-height: 2; } }
          #main .calendar .calendar-body .calendar-tbl tr td:first-child {
            padding-left: 0; }
          #main .calendar .calendar-body .calendar-tbl tr td:last-child {
            padding-right: 0; }
          #main .calendar .calendar-body .calendar-tbl tr td.event a {
            background-color: #fff;
            color: #333; }
          #main .calendar .calendar-body .calendar-tbl tr td.course a {
            background-color: #e50a31;
            color: #fff; }
          #main .calendar .calendar-body .calendar-tbl tr td.past-event, #main .calendar .calendar-body .calendar-tbl tr td.past, #main .calendar .calendar-body .calendar-tbl tr td.future {
            font-weight: 400;
            color: #9c9b9f; }
            #main .calendar .calendar-body .calendar-tbl tr td.past-event a, #main .calendar .calendar-body .calendar-tbl tr td.past a, #main .calendar .calendar-body .calendar-tbl tr td.future a {
              border-color: #9c9b9f; }
          #main .calendar .calendar-body .calendar-tbl tr td.today a, #main .calendar .calendar-body .calendar-tbl tr td.today span {
            color: #fff; }
        #main .calendar .calendar-body .calendar-tbl tr:last-child td {
          padding-bottom: 10px; }
      #main .calendar .calendar-body .legend {
        background-color: #080810; }
        #main .calendar .calendar-body .legend > li {
          font-family: Montserrat;
          font-size: 1.2rem;
          font-weight: 700;
          color: #fff;
          position: relative;
          display: inline-block;
          padding-left: 18px;
          text-transform: uppercase; }
          #main .calendar .calendar-body .legend > li:after {
            position: absolute;
            top: 50%;
            left: 0;
            display: block;
            width: 12px;
            height: 12px;
            margin-top: -6px;
            content: ''; }
          #main .calendar .calendar-body .legend > li.event {
            float: left; }
            #main .calendar .calendar-body .legend > li.event:after {
              background-color: #fff; }
          #main .calendar .calendar-body .legend > li.edu {
            float: right; }
            #main .calendar .calendar-body .legend > li.edu:after {
              background-color: #e50a31; }
          @media (min-width: 992px) and (max-width: 1199px) {
            #main .calendar .calendar-body .legend > li {
              float: none !important; } }
  #main .form {
    /* estructura */
    /* estils */
    /* comanda */ }
    #main .form .form-cols {
      margin-left: -20px; }
      @media (max-width: 767px) {
        #main .form .form-cols {
          margin-left: 0; } }
      #main .form .form-cols .form-group {
        float: left;
        padding-left: 20px; }
        @media (max-width: 767px) {
          #main .form .form-cols .form-group {
            float: none;
            padding-left: 0;
            width: auto !important; } }
      #main .form .form-cols.two-cols .form-group {
        width: 50%; }
      #main .form .form-cols.three-cols .form-group {
        width: 33%; }
      #main .form .form-cols.four-cols .form-group {
        width: 25%; }
      #main .form .form-cols.five-cols .form-group {
        width: 20%; }
    #main .form .fieldset {
      padding-bottom: 20px; }
    #main .form .legend {
      font-family: LatoLatinWeb;
      font-weight: 700;
      font-size: 1.8rem;
      margin-bottom: 10px; }
    #main .form .form-label {
      font-weight: 700;
      margin-bottom: 5px;
      color: #3d3d3f; }
    #main .form .form-group {
      margin-bottom: 20px; }
    #main .form .form-control {
      border-color: #989898;
      box-shadow: none; }
      #main .form .form-control:focus {
        /*border-color: $clr-primary;*/
        box-shadow: 0 0 6px rgba(229, 10, 49, 0.5); }
      #main .form .form-control[type="file"] {
        padding: 0;
        border-color: #fff;
        height: auto; }
        #main .form .form-control[type="file"]:focus {
          border-color: #fff;
          box-shadow: none; }
    #main .form textarea.form-control {
      min-height: 100px; }
    #main .form .checkbox label:hover input[type="checkbox"], #main .form .checkbox label:active input[type="checkbox"], #main .form .checkbox label:focus input[type="checkbox"] {
      cursor: pointer;
      color: #e50a31;
      border-color: #e50a31;
      background-color: #e50a31; }
      #main .form .checkbox label:hover input[type="checkbox"]:before, #main .form .checkbox label:hover input[type="checkbox"]:after, #main .form .checkbox label:active input[type="checkbox"]:before, #main .form .checkbox label:active input[type="checkbox"]:after, #main .form .checkbox label:focus input[type="checkbox"]:before, #main .form .checkbox label:focus input[type="checkbox"]:after {
        color: #e50a31;
        border-color: #e50a31;
        background-color: #e50a31; }
    #main .form .check-lst {
      margin-bottom: 20px; }
      @media (min-width: 992px) {
        #main .form .check-lst ul {
          margin-left: -20px; } }
      #main .form .check-lst ul li {
        margin-bottom: 10px; }
        @media (min-width: 992px) {
          #main .form .check-lst ul li {
            display: inline-block;
            margin-left: 20px; } }
    #main .form .btn-row {
      border-top: 1px solid #989898;
      text-align: center;
      margin: 10px 0 30px 0;
      padding-top: 20px; }
      #main .form .btn-row .btn, #main .form .btn-row .btn-inverse, #main .form .btn-row .see-more {
        display: inline-block;
        width: auto;
        padding-left: 30px;
        padding-right: 30px; }
        @media (max-width: 767px) {
          #main .form .btn-row .btn, #main .form .btn-row .btn-inverse, #main .form .btn-row .see-more {
            width: 100%; } }
    #main .form .order-tbl {
      margin-bottom: 30px; }
      #main .form .order-tbl tr th {
        text-align: right;
        padding-right: 2px; }
        #main .form .order-tbl tr th:first-child {
          text-align: left; }
      #main .form .order-tbl tr td, #main .form .order-tbl tr th {
        padding: 6px 0 6px 16px;
        vertical-align: middle;
        width: 20%; }
        @media (min-width: 1500px) {
          #main .form .order-tbl tr td, #main .form .order-tbl tr th {
            width: 25%; } }
        #main .form .order-tbl tr td:first-child, #main .form .order-tbl tr th:first-child {
          padding-left: 0;
          width: auto !important; }
        #main .form .order-tbl tr td.checkbox, #main .form .order-tbl tr th.checkbox {
          display: table-cell;
          padding: 8px 0; }
        #main .form .order-tbl tr td input[type="text"], #main .form .order-tbl tr td input[type="number"], #main .form .order-tbl tr th input[type="text"], #main .form .order-tbl tr th input[type="number"] {
          text-align: right;
          background-color: #fff;
          letter-spacing: 2px; }
        #main .form .order-tbl tr td input[type="number"], #main .form .order-tbl tr th input[type="number"] {
          padding-right: 0; }
  #main .material-tbl {
    margin-bottom: 30px; }
    #main .material-tbl tr th {
      display: none; }
    #main .material-tbl tr td {
      vertical-align: middle;
      text-align: left;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #cecfd4;
      padding: 12px 8px; }
      #main .material-tbl tr td:last-child {
        text-align: right; }
    #main .material-tbl tr:nth-child(odd) td {
      background-color: #f3f4f5; }
    #main .material-tbl tr:first-child td, #main .material-tbl tr:nth-child(2) td {
      border-top-color: #333; }
    #main .material-tbl tr:last-child td {
      border-bottom-color: #333; }
  #main .login-box {
    background-color: #000;
    padding: 30px 20px 15px 20px;
    margin-bottom: 30px; }
    #main .login-box .form label {
      color: #fff; }
    #main .login-box .form .checkbox label {
      font-size: 1.2rem;
      text-transform: uppercase; }
    #main .login-box .form .btn:hover, #main .login-box .form .btn-inverse:hover, #main .login-box .form .see-more:hover {
      background-color: #e50a31; }
  #main .register-box {
    background-color: #f3f4f5;
    padding: 20px;
    margin-bottom: 30px; }
    #main .register-box .form .checkbox label {
      font-size: 1.2rem;
      text-transform: uppercase; }
  #main .video-thumb {
    position: relative; }
    #main .video-thumb .icon-play {
      color: #fff; }
      #main .video-thumb .icon-play:before {
        position: absolute;
        display: block;
        font-size: 8rem;
        top: 50%;
        left: 50%;
        margin: -40px 0 0 -40px;
        opacity: 0.5; }
      #main .video-thumb .icon-play:hover:before {
        opacity: 1;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        -ms-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out; }
  #main .content .video-thumb .icon-play:before {
    font-size: 6.4rem;
    margin: -32px 0 0 -32px; }
  #main .aside .video-thumb .icon-play:before {
    font-size: 4.8rem;
    margin: -24px 0 0 -24px; }
  #main .members-page {
    /* FORMULARI */
    /* TAULA */ }
    #main .members-page .form {
      margin-bottom: 30px; }
      #main .members-page .form .form-group {
        padding-top: 10px; }
        #main .members-page .form .form-group label {
          display: block;
          margin-bottom: 10px; }
          #main .members-page .form .form-group label:before {
            margin-right: 6px; }
      #main .members-page .form .alpha-lst ul {
        margin: 0 -3px 20px -3px; }
        #main .members-page .form .alpha-lst ul > li {
          float: left;
          padding: 3px; }
          @media (min-width: 992px) {
            #main .members-page .form .alpha-lst ul > li {
              width: 14.285%; } }
          @media (max-width: 991px) {
            #main .members-page .form .alpha-lst ul > li {
              width: 20%; } }
          @media (max-width: 767px) {
            #main .members-page .form .alpha-lst ul > li {
              width: 16.66%; } }
          #main .members-page .form .alpha-lst ul > li a, #main .members-page .form .alpha-lst ul > li span {
            font-family: Montserrat;
            font-weight: 700;
            text-transform: uppercase;
            display: block;
            text-align: center;
            line-height: 2; }
          #main .members-page .form .alpha-lst ul > li a {
            background-color: #7d7d7d;
            color: #fff;
            text-decoration: none; }
          #main .members-page .form .alpha-lst ul > li span {
            background-color: #f7f8f9;
            color: #7d7d7d; }
          #main .members-page .form .alpha-lst ul > li.active a, #main .members-page .form .alpha-lst ul > li:hover a {
            background-color: #e50a31; }
    #main .members-page .cole-tbl tr th {
      border-bottom: 1px solid #333;
      padding: 10px 4px; }
      #main .members-page .cole-tbl tr th i {
        margin-right: 4px; }
    #main .members-page .cole-tbl tr td {
      border-bottom: 1px solid #cecfd4;
      padding: 10px 10px 10px 26px; }
      #main .members-page .cole-tbl tr td a {
        color: #4d4d4f;
        text-decoration: none; }
        #main .members-page .cole-tbl tr td a:hover {
          text-decoration: underline; }
    #main .members-page .cole-tbl tr:last-child td {
      border-bottom-color: #333; }
    #main .members-page .cole-tbl tr:hover {
      cursor: pointer; }
      #main .members-page .cole-tbl tr:hover td {
        background-color: #f3f4f5; }
    #main .members-page .cole-tbl tr.no-link {
      cursor: default; }
      #main .members-page .cole-tbl tr.no-link td {
        background-color: #fff;
        color: #9c9b9f; }
        #main .members-page .cole-tbl tr.no-link td a {
          color: #9c9b9f; }
  #main .cole-det .map {
    margin-bottom: 30px;
    padding-bottom: 30px; }
    @media (min-width: 992px) {
      #main .cole-det .map {
        float: right;
        height: 400px; } }
    @media (max-width: 991px) {
      #main .cole-det .map {
        height: 230px; } }
    @media (max-width: 767px) {
      #main .cole-det .map {
        height: 200px; } }
    #main .cole-det .map .link-map {
      text-align: right;
      margin-bottom: 6px; }
      #main .cole-det .map .link-map a {
        font-family: Montserrat;
        font-weight: 700;
        font-size: 1.4rem;
        text-transform: uppercase;
        text-decoration: none;
        color: #3d3d3f; }
        #main .cole-det .map .link-map a:hover {
          color: #e50a31; }
  #main .cole-det .tit-section {
    margin-bottom: 10px; }
  #main .cole-det .cole-info {
    border-top: 1px solid #cecfd4;
    border-bottom: 1px solid #cecfd4;
    padding: 10px 0;
    margin-bottom: 20px; }
    #main .cole-det .cole-info dt {
      float: left;
      width: 40%;
      clear: left;
      margin-bottom: 15px; }
      @media (max-width: 767px) {
        #main .cole-det .cole-info dt {
          float: none;
          width: auto;
          margin-bottom: 5px; } }
    #main .cole-det .cole-info dd {
      float: right;
      width: 60%;
      clear: right;
      margin-bottom: 15px; }
      @media (max-width: 767px) {
        #main .cole-det .cole-info dd {
          float: none;
          width: auto; } }
  #main .galery > ul {
    margin-bottom: 30px; }
    #main .galery > ul > li {
      display: inline-block;
      vertical-align: top;
      position: relative;
      margin-bottom: 20px;
      text-align: center;
      margin-right: 15px; }
      @media (min-width: 1200px) {
        #main .galery > ul > li {
          width: 22.0%; }
          #main .galery > ul > li:nth-child(4n) {
            margin-right: 0; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        #main .galery > ul > li {
          width: 30.1%; }
          #main .galery > ul > li:nth-child(3n) {
            margin-right: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #main .galery > ul > li {
          width: 47%;
          margin-right: 32px; }
          #main .galery > ul > li:nth-child(2n) {
            margin-right: 0; } }
      @media (max-width: 767px) {
        #main .galery > ul > li {
          width: 100%;
          margin-right: 0;
          margin-left: 0; } }
  #main .aside {
    /* caixa fosca */
    /* llista */ }
    @media (min-width: 992px) {
      #main .aside {
        padding-top: 66px;
        padding-left: 15px; } }
    #main .aside .box, .home #main .aside .box-video, .home #main .aside .bg-box, #main .aside .box-lst > li {
      background-color: #f9f9fa;
      padding: 20px; }
      #main .aside .box .img, .home #main .aside .box-video .img, .home #main .aside .bg-box .img, #main .aside .box-lst > li .img, #main .aside .box .figure, .home #main .aside .box-video .figure, .home #main .aside .bg-box .figure, #main .aside .box-lst > li .figure, #main .aside .box .banner, .home #main .aside .box-video .banner, .home #main .aside .bg-box .banner, #main .aside .box-lst > li .banner, #main .aside .box .img-round, .home #main .aside .box-video .img-round, .home #main .aside .bg-box .img-round, #main .aside .box-lst > li .img-round, #main .aside .box .img-center, .home #main .aside .box-video .img-center, .home #main .aside .bg-box .img-center, #main .aside .box-lst > li .img-center, #main .aside .box .box-img, .home #main .aside .box-video .box-img, .home #main .aside .bg-box .box-img, #main .aside .box-lst > li .box-img, .home #main .aside .box .logos-row .logo-lst > li, .home #main .logos-row .aside .box .logo-lst > li, .home #main .aside .box-video .logos-row .logo-lst > li, .home #main .logos-row .aside .box-video .logo-lst > li, .home #main .aside .bg-box .logos-row .logo-lst > li, .home #main .logos-row .aside .bg-box .logo-lst > li, .home #main .aside .box-lst > li .logos-row .logo-lst > li, .home #main .logos-row .aside .box-lst > li .logo-lst > li, #main .aside .box .video-thumb, .home #main .aside .box-video .video-thumb, .home #main .aside .bg-box .video-thumb, #main .aside .box-lst > li .video-thumb {
        margin-bottom: 20px; }
      #main .aside .box .info .tit-group, .home #main .aside .box-video .info .tit-group, .home #main .aside .bg-box .info .tit-group, #main .aside .box-lst > li .info .tit-group {
        margin-bottom: 20px; }
        #main .aside .box .info .tit-group .tit, .home #main .aside .box-video .info .tit-group .tit, .home #main .aside .bg-box .info .tit-group .tit, #main .aside .box-lst > li .info .tit-group .tit {
          margin-bottom: 10px; }
      #main .aside .box .info .text, .home #main .aside .box-video .info .text, .home #main .aside .bg-box .info .text, #main .aside .box-lst > li .info .text {
        margin-bottom: 15px; }
      #main .aside .box .info .lst, .home #main .aside .box-video .info .lst, .home #main .aside .bg-box .info .lst, #main .aside .box-lst > li .info .lst {
        margin: 15px 0; }
        #main .aside .box .info .lst > li, .home #main .aside .box-video .info .lst > li, .home #main .aside .bg-box .info .lst > li, #main .aside .box-lst > li .info .lst > li {
          color: #6a6a6f;
          margin-bottom: 5px;
          margin-left: 20px;
          line-height: 1.4;
          position: relative; }
          #main .aside .box .info .lst > li:before, .home #main .aside .box-video .info .lst > li:before, .home #main .aside .bg-box .info .lst > li:before, #main .aside .box-lst > li .info .lst > li:before {
            background-color: #e50a31;
            display: block;
            width: 5px;
            height: 5px;
            position: absolute;
            left: -16px;
            top: 8px;
            content: ''; }
      #main .aside .box .info ol.lst, .home #main .aside .box-video .info ol.lst, .home #main .aside .bg-box .info ol.lst, #main .aside .box-lst > li .info ol.lst {
        margin: 15px 0;
        /*list-style-type: decimal-leading-zero;
        list-style-position: inside;*/
        counter-reset: section; }
        #main .aside .box .info ol.lst > li, .home #main .aside .box-video .info ol.lst > li, .home #main .aside .bg-box .info ol.lst > li, #main .aside .box-lst > li .info ol.lst > li {
          color: #6a6a6f;
          margin-bottom: 10px;
          margin-left: 20px;
          line-height: 1.4; }
          #main .aside .box .info ol.lst > li:before, .home #main .aside .box-video .info ol.lst > li:before, .home #main .aside .bg-box .info ol.lst > li:before, #main .aside .box-lst > li .info ol.lst > li:before {
            font-family: Montserrat;
            font-weight: 700;
            color: #e50a31;
            margin-right: 5px;
            margin-left: -20px;
            counter-increment: section;
            content: counters(section,".") ". "; }
          #main .aside .box .info ol.lst > li ol, .home #main .aside .box-video .info ol.lst > li ol, .home #main .aside .bg-box .info ol.lst > li ol, #main .aside .box-lst > li .info ol.lst > li ol {
            margin-left: 0;
            margin-top: 10px; }
    #main .aside .box-inverse {
      background-color: #4f3233;
      color: #fff;
      /* llista */ }
      #main .aside .box-inverse .tit {
        color: #fff; }
      #main .aside .box-inverse .rel-links > li {
        color: #fff; }
      #main .aside .box-inverse a {
        color: #fff; }
      #main .aside .box-inverse .box-lst > li {
        background-color: #4f3233;
        border-top-color: #fff; }
    #main .aside .box-lst > li {
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 0;
      border-top: 1px solid #cecfd4; }
      #main .aside .box-lst > li:first-child {
        padding-top: 0;
        border: none; }
      #main .aside .box-lst > li:last-child {
        padding-bottom: 0; }

/* /end MAIN */
/********************************/
/* MODALS */
.audi-modal .modal-dialog {
  background-color: #fff;
  position: relative;
  padding: 50px;
  border-bottom: 4px solid #e50a31;
  /* galeria */ }
  @media (min-width: 992px) {
    .audi-modal .modal-dialog {
      max-width: 780px; } }
  @media (min-width: 1200px) {
    .audi-modal .modal-dialog {
      max-width: 900px; } }
  @media (max-width: 991px) {
    .audi-modal .modal-dialog {
      padding: 40px; } }
  @media (max-width: 767px) {
    .audi-modal .modal-dialog {
      padding: 40px 30px 30px 30px; } }
  .audi-modal .modal-dialog .close {
    position: absolute;
    top: 20px;
    right: 20px; }
    @media (max-width: 991px) {
      .audi-modal .modal-dialog .close {
        top: 10px; } }
  .audi-modal .modal-dialog .btn-modal {
    font-size: 1.3rem;
    text-transform: uppercase;
    line-height: 16px;
    color: #e50a31;
    text-decoration: none;
    text-shadow: none;
    opacity: 1; }
    .audi-modal .modal-dialog .btn-modal:hover {
      color: #e50a31; }
    .audi-modal .modal-dialog .btn-modal .mdi {
      font-size: 1.6rem;
      position: relative;
      top: 5px; }
  .audi-modal .modal-dialog .galery-slide .slide-ctrls {
    margin-top: 15px;
    margin-bottom: -15px; }
    .audi-modal .modal-dialog .galery-slide .slide-ctrls .carousel-control {
      background-image: none;
      background-color: transparent;
      position: relative;
      width: auto;
      height: auto;
      display: block;
      top: auto; }
      .audi-modal .modal-dialog .galery-slide .slide-ctrls .carousel-control.left {
        float: left; }
      .audi-modal .modal-dialog .galery-slide .slide-ctrls .carousel-control.right {
        float: right; }

/********************************/
/* FOOTER */
#footer {
  border-top: 5px solid #e50a31;
  background-color: #000;
  color: #cecfd4;
  /* FILA LOGO */
  /* FILA LINKS */ }
  #footer a {
    color: #cecfd4; }
  #footer .logo-row {
    /* LOGO */
    /* XARXES */ }
    @media (min-width: 992px) {
      #footer .logo-row {
        margin-top: 30px;
        margin-bottom: 30px; } }
    @media (max-width: 991px) {
      #footer .logo-row {
        margin-top: 20px;
        margin-bottom: 20px; } }
    #footer .logo-row .logo a {
      background-position: 0 -25px;
      background-size: 100%;
      width: 300px;
      height: 35px; }
      @media (max-width: 991px) {
        #footer .logo-row .logo a {
          margin-left: auto;
          margin-right: auto;
          width: 260px;
          height: 25px; } }
      @media (max-width: 767px) {
        #footer .logo-row .logo a {
          width: 235px;
          height: 20px; } }
    @media (min-width: 992px) {
      #footer .logo-row .social > ul {
        float: right; } }
    @media (max-width: 991px) {
      #footer .logo-row .social > ul {
        text-align: center;
        margin-top: 20px; } }
    #footer .logo-row .social > ul > li {
      display: inline-block;
      vertical-align: top;
      background-color: #e50a31;
      margin: 0 5px; }
      #footer .logo-row .social > ul > li a {
        display: block;
        width: 40px;
        height: 40px;
        overflow: hidden;
        text-align: center; }
        @media (max-width: 991px) {
          #footer .logo-row .social > ul > li a {
            width: 33px;
            height: 33px; } }
        #footer .logo-row .social > ul > li a:hover {
          text-decoration: none; }
        #footer .logo-row .social > ul > li a i {
          font-size: 1.8rem;
          line-height: 46px;
          display: block;
          text-align: center;
          color: #fff; }
          #footer .logo-row .social > ul > li a i.icon-youtube {
            font-size: 3.2rem;
            line-height: 52px; }
          #footer .logo-row .social > ul > li a i.icon-group {
            font-size: 2.6rem;
            line-height: 52px; }
          @media (max-width: 991px) {
            #footer .logo-row .social > ul > li a i {
              font-size: 1.6rem;
              line-height: 38px; }
              #footer .logo-row .social > ul > li a i.icon-youtube {
                font-size: 2.4rem;
                line-height: 42px; }
              #footer .logo-row .social > ul > li a i.icon-group {
                font-size: 2.2rem;
                line-height: 42px; } }
      #footer .logo-row .social > ul > li:first-child {
        margin-left: 0; }
      #footer .logo-row .social > ul > li:last-child {
        margin-right: 0; }
      #footer .logo-row .social > ul > li:nth-child(1) {
        background: #c13834;
        background: -webkit-linear-gradient(legacy-direction(#dc3834), #c13834);
        background: linear-gradient(#dc3834, #c13834); }
        #footer .logo-row .social > ul > li:nth-child(1):hover {
          background: #dc3834;
          background: -webkit-linear-gradient(legacy-direction(#c13834), #dc3834);
          background: linear-gradient(#c13834, #dc3834); }
      #footer .logo-row .social > ul > li:nth-child(2) {
        background: #ac2a29;
        background: -webkit-linear-gradient(legacy-direction(#c32727), #ac2a29);
        background: linear-gradient(#c32727, #ac2a29); }
        #footer .logo-row .social > ul > li:nth-child(2):hover {
          background: #c32727;
          background: -webkit-linear-gradient(legacy-direction(#ac2a29), #c32727);
          background: linear-gradient(#ac2a29, #c32727); }
      #footer .logo-row .social > ul > li:nth-child(3) {
        background: #972829;
        background: -webkit-linear-gradient(legacy-direction(#ac2427), #972829);
        background: linear-gradient(#ac2427, #972829); }
        #footer .logo-row .social > ul > li:nth-child(3):hover {
          background: #ac2427;
          background: -webkit-linear-gradient(legacy-direction(#972829), #ac2427);
          background: linear-gradient(#972829, #ac2427); }
      #footer .logo-row .social > ul > li:nth-child(4) {
        background: #842525;
        background: -webkit-linear-gradient(legacy-direction(#962224), #842525);
        background: linear-gradient(#962224, #842525); }
        #footer .logo-row .social > ul > li:nth-child(4):hover {
          background: #962224;
          background: -webkit-linear-gradient(legacy-direction(#842525), #962224);
          background: linear-gradient(#842525, #962224); }
  #footer .info-row {
    font-size: 1.4rem;
    margin-bottom: 10px;
    position: relative;
    /* desplegables */
    /* menu */
    /* contacte */ }
    @media (min-width: 992px) {
      #footer .info-row {
        padding-top: 30px;
        margin-bottom: 0;
        overflow: hidden; }
        #footer .info-row:after {
          background-color: rgba(255, 255, 255, 0.2);
          position: absolute;
          top: 0;
          left: 20px;
          display: block;
          height: 1px;
          width: calc(100% - 20px);
          content: '';
          margin: 0 -10px; }
        #footer .info-row > div {
          margin-bottom: 15px; }
        #footer .info-row:last-of-type {
          /*&:after {
            display: none;
          }*/
          margin-bottom: 20px;
          padding-top: 20px; }
          #footer .info-row:last-of-type .menu {
            text-align: center; }
            #footer .info-row:last-of-type .menu > li {
              width: auto;
              margin: 0 20px;
              position: relative; }
              #footer .info-row:last-of-type .menu > li:after {
                background-color: rgba(255, 255, 255, 0.4);
                position: absolute;
                top: 50%;
                left: -20px;
                display: block;
                height: 15px;
                width: 1px;
                margin-top: -7px;
                content: ''; }
              #footer .info-row:last-of-type .menu > li:first-child:after {
                display: none; } }
    @media (max-width: 991px) {
      #footer .info-row {
        margin-bottom: 0; }
        #footer .info-row:last-of-type {
          margin-bottom: 30px; } }
    #footer .info-row p, #footer .info-row li, #footer .info-row dt, #footer .info-row dd, #footer .info-row address {
      line-height: 2; }
    #footer .info-row .tit {
      font-family: LatoLatinWebBlack;
      font-size: 1.4rem;
      color: #fff;
      margin-bottom: 10px; }
      @media (max-width: 991px) {
        #footer .info-row .tit {
          font-size: 1.6rem;
          text-transform: uppercase;
          margin-bottom: 0; } }
      #footer .info-row .tit a {
        color: #fff;
        position: relative; }
        #footer .info-row .tit a:hover {
          text-decoration: none;
          cursor: pointer; }
          @media (min-width: 992px) {
            #footer .info-row .tit a:hover {
              cursor: default; } }
        #footer .info-row .tit a:active, #footer .info-row .tit a:focus {
          text-decoration: none; }
        @media (min-width: 992px) {
          #footer .info-row .tit a .caret, #footer .info-row .tit a #main .calendar .calendar-head .prev, #main .calendar .calendar-head #footer .info-row .tit a .prev, #footer .info-row .tit a #main .calendar .calendar-head .next, #main .calendar .calendar-head #footer .info-row .tit a .next {
            display: none; } }
        @media (max-width: 991px) {
          #footer .info-row .tit a {
            color: #fff;
            display: block;
            position: relative;
            padding: 15px; }
            #footer .info-row .tit a.collapsed {
              border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
            #footer .info-row .tit a .caret, #footer .info-row .tit a #main .calendar .calendar-head .prev, #main .calendar .calendar-head #footer .info-row .tit a .prev, #footer .info-row .tit a #main .calendar .calendar-head .next, #main .calendar .calendar-head #footer .info-row .tit a .next {
              position: absolute;
              right: 15px;
              top: 50%;
              margin-top: -2px; } }
    @media (min-width: 992px) {
      #footer .info-row .footercollapse {
        display: block; }
        #footer .info-row .footercollapse.collapsing {
          height: auto !important;
          display: block !important; } }
    @media (max-width: 991px) {
      #footer .info-row .footercollapse {
        padding: 0 15px 15px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); } }
    @media (min-width: 1200px) {
      #footer .info-row .menu > li {
        display: inline-block;
        width: 40%;
        margin-right: 9%; } }
    #footer .info-row .contact dt {
      float: left;
      clear: right;
      margin-right: 5px; }
    #footer .info-row .contact dd {
      clear: right; }

/* PLAYER RESPONSIVE */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* TWITTER IFRAME */
iframe[id^='twitter-widget-0'] {
  height: 260px !important; }
  @media (min-width: 1500px) {
    iframe[id^='twitter-widget-0'] {
      height: 328px !important; } }
  @media (max-width: 1199px) {
    iframe[id^='twitter-widget-0'] {
      height: 201px !important; } }
  @media (max-width: 991px) {
    iframe[id^='twitter-widget-0'] {
      height: 155px !important;
      min-height: 155px !important; } }
  @media (max-width: 767px) {
    iframe[id^='twitter-widget-0'] {
      height: 260px !important;
      width: 100% !important; } }

/*# sourceMappingURL=styles.css.map */