/* CSS Document */
/* AYUDA CSS3 COMPASS  --> http://compass-style.org/reference/compass/css3/box_sizing/ */
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900);
/********* TEXT SIZE *********/
/**** BASE COLORS *****/
/*********** text colors *************/
/************ background colors *****/
/* BASE */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/*@import "compass/utilities"; si pongo este no funciona */
@font-face {
  font-family: "Edmonsans Bold";
  src: url('../fonts/Edmondsans-Bold.otf?1355995363') format('opentype'); }
@font-face {
  font-family: "Edmonsans Medium";
  src: url('../fonts/Edmondsans-Medium.otf?1355995468') format('opentype'); }
@font-face {
  font-family: "Edmonsans Regular";
  src: url('../fonts/Edmondsans-Regular.otf?1355995346') format('opentype'); }
html, input, textarea, select, button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  background-color: #FFFFFF;
  color: #2D2D37; }

*, *:before, *:after {
  box-sizing: inherit; }

a,
a:link
a:visited,
a:active {
  color: #5FB9FD;
  text-decoration: none; }

a.no_link_color,
a.no_link_color:link
a.no_link_color:visited,
a.no_link_color:active {
  color: inherit; }

b, strong {
  font-weight: 700; }

/* COMMON ELEMENTS  */
.hidden {
  display: none; }

area {
  cursor: pointer; }

.pointer {
  cursor: pointer; }

.mini {
  font-size: 80%; }

.left {
  float: left; }

.right {
  float: right; }

.mini {
  font-size: 14px; }

.content {
  padding-top: 130px; }

.content_popup {
  padding-top: 100px; }

.content_with_subheader {
  padding-top: 190px; }

.content_home {
  padding-top: 100px; }

.content_with_subheader.content_home {
  padding-top: 160px; }

.columns2 {
  -moz-column-width: 450px;
  -webkit-column-width: 450px;
  column-width: 450px; }

/************ BANDS *********************/
.band {
  width: 100%;
  background-color: #FFFFFF; }
  .band .band_content {
    max-width: 1150px;
    margin: 0 auto;
    height: 100%;
    position: relative; }
    .band .band_content .title_band {
      font-weight: 700;
      text-transform: uppercase;
      font-size: 36px;
      margin-bottom: 20px;
      letter-spacing: 1px; }
      .band .band_content .title_band a {
        color: #2D2D37; }
      .band .band_content .title_band a:hover {
        color: #5FB9FD; }
    .band .band_content .subtitle_band {
      font-weight: 700;
      text-transform: uppercase;
      font-size: 22px;
      margin-top: 20px;
      margin-bottom: 10px;
      letter-spacing: 1px; }
    .band .band_content .subtitle_band:first-of-type {
      margin-top: 0; }
    .band .band_content .title_band.collapsator {
      display: inline-block; }
    .band .band_content p {
      margin-bottom: 10px; }
    .band .band_content ul.disc {
      list-style-position: inside;
      list-style-type: disc;
      padding-left: 20px;
      padding-bottom: 5px; }
      .band .band_content ul.disc li {
        margin-bottom: 10px !important; }
  .band .band_content.default_margins {
    padding-top: 75px;
    padding-bottom: 75px; }

/************ PAGINA TOOLTIP *******************/
.tooltip_page {
  display: none;
  position: absolute;
  background-color: #5FB9FD;
  border: 1px solid #DFE0E4;
  border-top: 0;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.23);
  z-index: 30;
  color: #FFFFFF; }
  .tooltip_page ul.menu_tooltip li {
    height: 38px;
    background-color: #5FB9FD;
    font-weight: 600;
    line-height: 38px;
    padding: 0 12px;
    color: #FFFFFF; }
  .tooltip_page ul.menu_tooltip li:hover {
    background-color: #2D2D37; }

.tooltip_page:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #5FB9FD;
  border-width: 11px;
  margin-left: -11px; }

/************ TOOLTIP **********************/
.tooltip-styling {
  background: #F0F0EE !important;
  /*box-shadow: 0 0 5px $barraInferior !important;
  border:1px solid $barraInferior !important; */
  box-shadow: 0 0 0  !important;
  border: 0  !important;
  font-size: 13px;
  line-height: 14px;
  width: auto !important;
  max-width: 500px !important;
  /*min-width: 260px;  lo quito, si hace cosas raras ponerlo*/
  /* si no al haber scroll a la derecha salen muy estrechos */ }

.tooltip-styling .ui-tooltip-content,
.tooltip-styling .ui-tooltip-content p,
.tooltip-styling .ui-tooltip-content span {
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-family: arial,sans-serif !important; }

.tooltip-styling .ui-tooltip-content table td, .tooltip-styling .ui-tooltip-content table th {
  color: #FFFFFF !important;
  padding: 5px; }

.tooltip-styling .ui-tooltip-content table th {
  text-align: left;
  border-bottom: 1px solid #FFFFFF; }

.tooltip-styling .ui-tooltip-content input[type=button] {
  background: #FED868 !important;
  color: #FFFFFF !important;
  font-family: arial,sans-serif !important; }

.tooltip-styling a {
  color: #FFFFFF !important;
  font-weight: bold; }

.tooltip-styling b, .tooltip-styling strong {
  color: #FFFFFF !important; }

/***************************FIN TOOLTIP */
/************* SWIPER************************/
.swiper-wrapper.disabled {
  transform: translate3d(0px, 0, 0) !important; }

.swiper-pagination.disabled, .swiper-button-next.disabled, .swiper-button-prev.disabled {
  display: none; }

.swiper-container-horizontal {
  overflow: hidden;
  position: relative; }

.swiper-wrapper {
  visibility: hidden;
  margin-bottom: 70px; }

.swiper-pagination-bullets {
  margin-top: 30px; }

.swiper-pagination-bullet {
  background: #2D2D37;
  opacity: 0.5;
  width: 12px;
  height: 12px; }

.swiper-pagination-bullet-active {
  opacity: 1; }

.reverse_bullets .swiper-pagination-bullet {
  background: #FFFFFF; }

.swiper-button-prev {
  left: 5px;
  color: #2D2D37;
  background-image: none;
  width: auto;
  top: 145px; }

.swiper-button-next {
  right: 5px;
  color: #2D2D37;
  background-image: none;
  width: auto;
  top: 145px; }

.swiper-button-prev.swipper-button-mini-height, .swiper-button-next.swipper-button-mini-height {
  top: 100px; }

.swiper-centered .swiper-slide {
  text-align: center; }

.swiper_titol {
  color: #2D2D37 !important;
  font-weight: 700;
  font-size: 20px; }

.swiper_titol.center {
  text-align: center; }

.swiper_subtitol {
  font-weight: 300;
  font-size: 18px; }

.swiper_text {
  margin-top: 10px; }

.swiper-slide img {
  max-height: 400px; }
.swiper-slide .img_capa {
  position: absolute;
  top: 0;
  right: 0; }

.swiper_with_border .swiper-wrapper {
  margin-left: 1px; }
.swiper_with_border .swiper-slide {
  /*.crop{
  	width: 100%;
  	height: 255px;
  	overflow: hidden;
  }*/ }
  .swiper_with_border .swiper-slide .info {
    border: 1px solid #F0F0EE;
    border-top: none;
    padding: 10px;
    min-height: 250px; }

.swiper-slide iframe {
  height: 300px; }

/************ tooltip *************************/
.tooltip-styling {
  background: #2D2D37 !important;
  /*box-shadow: 0 0 5px $barraInferior !important;
  border:1px solid $barraInferior !important; */
  box-shadow: 0 0 0  !important;
  border: 0  !important;
  font-size: 14px;
  line-height: 16px;
  width: auto !important;
  max-width: 500px !important;
  min-width: 260px;
  /* si no al haber scroll a la derecha salen muy estrechos */ }

.tooltip-styling .ui-tooltip-content,
.tooltip-styling .ui-tooltip-content p,
.tooltip-styling .ui-tooltip-content span {
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-family: "roboto",sans-serif !important; }

.tooltip-styling .ui-tooltip-content table td, .tooltip-styling .ui-tooltip-content table th {
  color: #FFFFFF !important;
  padding: 10px; }

.tooltip-styling .ui-tooltip-content table th {
  text-align: left;
  border-bottom: 1px solid #FFFFFF; }

.tooltip-styling .ui-tooltip-content input[type=button] {
  background: #5FB9FD !important;
  color: #FFFFFF !important;
  font-family: "roboto",sans-serif !important; }

/************* COLLAPSABLE *********************/
.collapsable {
  display: none; }

.collapse_buttons {
  margin-right: 15px;
  font-size: 26px;
  vertical-align: sub; }
  .collapse_buttons .collapse-open {
    display: inline-block; }
  .collapse_buttons .collapse-close {
    display: none; }

.collapsator {
  display: inline;
  cursor: pointer; }

.title_band {
  cursor: inherit; }

/***********************************/
.logos_swiper {
  background-color: #FC9765;
  color: #FFFFFF; }
  .logos_swiper .title_band {
    margin-bottom: 45px; }
  .logos_swiper .swiper-wrapper {
    align-items: center; }

.center {
  text-align: center; }

.back_container {
  position: relative; }
  .back_container .back {
    position: absolute;
    top: 13px;
    right: 0; }

.social_footer {
  margin-top: 20px; }

/* HEADER  */
.header {
  position: fixed;
  width: 100%;
  z-index: 50; }
  .header .principal {
    height: 100px;
    background-color: #FFFFFF; }
    .header .principal .logo {
      background-image: url('../img/logoCITM.png?1401879059');
      width: 295px;
      height: 65px;
      background-repeat: no-repeat;
      background-size: cover;
      position: absolute;
      top: 20px; }
    .header .principal .languages {
      position: absolute;
      right: 0;
      top: 16px;
      text-transform: uppercase;
      font-weight: 700;
      cursor: pointer; }
      .header .principal .languages .tooltip_page {
        right: 0;
        top: 30px; }
      .header .principal .languages .tooltip_page:before {
        left: 74%; }
    .header .principal .menu_burguer_button, .header .principal .menu_burguer_button_close {
      display: none; }
    .header .principal .campus {
      position: absolute;
      right: 0;
      top: 55px;
      font-weight: 700;
      cursor: pointer; }
      .header .principal .campus .titol {
        text-transform: uppercase; }
      .header .principal .campus .tooltip_page {
        right: 0;
        top: 30px;
        padding: 20px;
        padding-top: 35px;
        width: 350px; }
      .header .principal .campus .tooltip_page:before {
        left: 87%; }
      .header .principal .campus .lost_password {
        font-size: 12px;
        margin-top: 20px; }
        .header .principal .campus .lost_password a {
          color: #FFFFFF; }
      .header .principal .campus .error_campus {
        position: absolute;
        top: 0;
        background-color: #2D2D37;
        color: #FFFFFF;
        padding: 10px 20px;
        -moz-border-radius: 0px 0px 15px 15px;
        -webkit-border-radius: 0px;
        border-radius: 0px 0px 15px 15px;
        display: none; }
      .header .principal .campus .button {
        float: right; }
      .header .principal .campus input {
        width: 100%; }
    .header .principal .social {
      float: right;
      margin: 10px 150px; }
      .header .principal .social ul li {
        display: inline-block;
        padding-left: 10px; }
        .header .principal .social ul li a {
          display: block;
          color: #2D2D37;
          font-size: 12px; }
  .header .path {
    height: 30px;
    background-color: #D9E9FE;
    line-height: 30px; }
    .header .path .band_content {
      overflow: hidden;
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      font-size: 13px;
      font-weight: bold; }
      .header .path .band_content a {
        color: #2D2D37;
        font-weight: normal; }
  .header .subheader {
    height: 60px;
    background-color: #F0F0EE;
    line-height: 60px; }
    .header .subheader span {
      text-transform: uppercase;
      font-size: 24px;
      color: #5FB9FD;
      font-weight: 300; }
    .header .subheader .band_content {
      text-align: center; }

div.go_to_solinfo {
  position: fixed;
  top: -100px;
  right: 10px;
  z-index: 41;
  font-size: 22px;
  cursor: pointer;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  color: #FC9765; }

div.back_to_top {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 22px;
  z-index: 30;
  cursor: pointer;
  color: #5FB9FD;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }

div.avis_cookies {
  position: fixed;
  bottom: 0;
  z-index: 50;
  width: 100%;
  background-color: rgba(45, 45, 55, 0.8);
  color: #FFFFFF;
  padding: 20px;
  height: 110px;
  /*@include box-shadow(rgba(57,57,66, 0.8) 0px -4px 5px 0px );*/ }
  div.avis_cookies .cook_title {
    font-weight: bold; }
  div.avis_cookies .cook_text {
    font-size: 14px;
    padding-right: 131px; }
  div.avis_cookies .button {
    position: absolute;
    right: 0;
    top: 20px; }

/* FOOTER  */
.footer {
  padding: 36px 0;
  background-color: #2D2D37;
  color: #FFFFFF;
  width: 100%; }
  .footer .menu_footer > ul > li:first-child {
    display: none; }
  .footer .menu_footer > ul > li {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    width: 200px;
    padding: 10px;
    font-weight: bold;
    font-size: 18px; }
  .footer .menu_footer li svg {
    display: none; }
  .footer .menu_footer .submenu_container {
    margin-top: 10px; }
    .footer .menu_footer .submenu_container li a {
      font-weight: 100;
      color: #FFFFFF;
      text-transform: none;
      font-size: 16px; }
  .footer .logos_container {
    margin-top: 30px;
    border-top: 2px solid #989898;
    border-bottom: 2px solid #989898;
    width: 100%;
    padding: 18px 0;
    display: table; }
    .footer .logos_container div {
      display: inline-table;
      vertical-align: middle; }
    .footer .logos_container .adreca {
      margin-left: 115px;
      font-size: 18px;
      font-weight: 100; }
      .footer .logos_container .adreca b {
        font-weight: 700; }
    .footer .logos_container .social {
      margin: 0;
      float: right;
      margin-top: 23px; }
      .footer .logos_container .social ul li {
        display: inline-block;
        padding-left: 10px; }
        .footer .logos_container .social ul li a {
          display: block;
          color: #FFFFFF;
          font-size: 12px; }
          .footer .logos_container .social ul li a .fa-inverse {
            color: #2D2D37; }
  .footer .links_container {
    margin-top: 30px; }
    .footer .links_container li {
      display: inline-block;
      width: 32%;
      text-align: center;
      font-weight: 100; }
  .footer .copyright {
    text-align: center;
    margin-top: 15px;
    font-weight: 100; }

/* HOME */
/* AYUDA CSS3 COMPASS  --> http://compass-style.org/reference/compass/css3/box_sizing/ */
.video_home {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background: url("/templates/new/video/citm-reel-2017.jpg") no-repeat;
  background-size: cover;
  transition: 1s opacity; }

.video_container {
  width: 100%;
  height: calc(100vh - 100px - 200px);
  background-color: transparent; }
  .video_container .banner_center {
    font-family: "Edmonsans Bold","Roboto", sans-serif;
    width: 100%;
    color: #FFFFFF;
    font-size: 85px;
    font-weight: 700;
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }
  .video_container .banner_subtitol {
    width: 100%;
    color: #FFFFFF;
    font-size: 46px;
    height: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-align: center;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }

.content_with_subheader .video_container {
  height: calc(100vh - 160px - 200px); }

.arrow_down {
  color: #5FB9FD;
  position: fixed;
  bottom: 140px;
  left: 50%;
  margin-left: -15px;
  z-index: -1;
  -moz-animation: flecha_down 1s linear infinite;
  -webkit-animation: flecha_down 1s linear infinite;
  animation: flecha_down 1s linear infinite; }

@-moz-keyframes flecha_down {
  0% {
    opacity: 0.3;
    transform: translate(0px, 0px); }
  100% {
    opacity: 1;
    transform: translate(0px, 40px); } }
@-webkit-keyframes flecha_down {
  0% {
    opacity: 0.3;
    transform: translate(0px, 0px); }
  100% {
    opacity: 1;
    transform: translate(0px, 40px); } }
@keyframes flecha_down {
  0% {
    opacity: 0.3;
    transform: translate(0px, 0px); }
  100% {
    opacity: 1;
    transform: translate(0px, 40px); } }
.boles_graus {
  background-color: transparent;
  position: relative;
  text-align: center; }
  .boles_graus .fake_background {
    background-color: #ffffff;
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0; }
  .boles_graus .bola_grau {
    width: 260px;
    height: 260px;
    margin: 10px;
    display: table;
    -moz-border-radius: 130px 130px 130px 130px;
    -webkit-border-radius: 130px;
    border-radius: 130px 130px 130px 130px;
    display: inline-block;
    background-size: cover !important; }
    .boles_graus .bola_grau h2 {
      display: table-cell;
      width: 260px;
      height: 260px;
      text-align: center;
      vertical-align: middle;
      font-size: 29px;
      font-weight: 700;
      color: #FFFFFF;
      padding: 15px;
      text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }
  .boles_graus .animacio {
    background: linear-gradient(rgba(45, 45, 55, 0.5), rgba(45, 45, 55, 0.5)), url('../img/img-home-animacio.jpg?1517483772'); }
  .boles_graus .animacio:hover {
    background: url('../img/img-home-animacio.jpg?1517483772'); }
  .boles_graus .multimedia {
    background: linear-gradient(rgba(45, 45, 55, 0.5), rgba(45, 45, 55, 0.5)), url('../img/img-home-multimedia.jpg?1518536074'); }
  .boles_graus .multimedia:hover {
    background: url('../img/img-home-multimedia.jpg?1518536074'); }
  .boles_graus .videojocs {
    background: linear-gradient(rgba(45, 45, 55, 0.5), rgba(45, 45, 55, 0.5)), url('../img/img-home-videojocs.jpg?1517484263'); }
  .boles_graus .videojocs:hover {
    background: url('../img/img-home-videojocs.jpg?1517484263'); }
  .boles_graus .postgraus {
    background: linear-gradient(rgba(45, 45, 55, 0.5), rgba(45, 45, 55, 0.5)), url('../img/img-home-postgraus.jpg?1517242708'); }
  .boles_graus .postgraus:hover {
    background: url('../img/img-home-postgraus.jpg?1517242708'); }

/*
.blog_swiper{
	.swiper-wrapper{
		margin-left: 1px; // sino la linea de la izquierda no se ve
	}
	.swiper-slide 
	{
		
		.info{
			border: 1px solid $light_grey;	
			border-top:none;
			padding:10px;
			min-height: 250px;
		}
	}
}
*/
.experiencies {
  background-color: #5FB9FD;
  color: #FFFFFF; }
  .experiencies .title_band {
    margin-bottom: 45px; }
  .experiencies .swiper-wrapper {
    align-items: center; }
  .experiencies .experiencia_frase {
    font-size: 48px;
    font-style: italic;
    font-weight: 300;
    width: 100%;
    display: table;
    text-align: center; }
  .experiencies .experiencia_nom_carrec {
    font-size: 24px;
    width: 100%;
    display: table;
    text-align: center;
    margin-top: 20px; }
    .experiencies .experiencia_nom_carrec .nom {
      font-weight: 700; }

.agenda_swiper .swiper-wrapper {
  margin-left: 1px;
  min-height: 320px; }
.agenda_swiper .swiper-button-prev, .agenda_swiper .swiper-button-next {
  top: 162px; }
.agenda_swiper .swiper-slide .crop {
  width: 100%;
  height: 255px;
  overflow: hidden; }
.agenda_swiper .agenda_mini {
  height: 100px; }
  .agenda_swiper .agenda_mini .container {
    height: 100%;
    position: relative;
    margin-bottom: 10px; }
    .agenda_swiper .agenda_mini .container .imatge_mini {
      height: 100%;
      z-index: 1;
      position: absolute; }
      .agenda_swiper .agenda_mini .container .imatge_mini img {
        height: 100%; }
    .agenda_swiper .agenda_mini .container .info {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px solid #F0F0EE;
      border-left: none;
      padding: 10px;
      overflow: hidden;
      box-sizing: border-box;
      padding-left: 110px; }
      .agenda_swiper .agenda_mini .container .info .swiper_subtitol {
        font-size: 15px;
        font-style: italic;
        position: absolute; }

.estadistiques {
  background-image: url('../img/img_dades_citm.jpg?1518708372');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 180px;
  padding-bottom: 180px; }
  .estadistiques .container {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 30px; }
    .estadistiques .container ul {
      -moz-column-count: 6;
      -webkit-column-count: 6;
      column-count: 6; }
      .estadistiques .container ul li {
        width: 160px;
        padding: 10px; }
        .estadistiques .container ul li .number {
          font-size: 45px;
          color: #FC9765;
          width: 100%;
          display: table;
          text-align: center;
          font-weight: 700; }
        .estadistiques .container ul li .title {
          font-size: 20px;
          font-weight: 300;
          width: 100%;
          text-align: center;
          display: table;
          height: 90px;
          text-transform: uppercase; }
          .estadistiques .container ul li .title div {
            vertical-align: middle;
            display: table-cell; }

/* MENU */
.menu_vertical {
  display: none; }

/********** menu horizontal *************/
.menu_horizontal {
  position: absolute;
  right: 150px;
  top: 55px; }
  .menu_horizontal .menu_principal > li > span svg {
    display: none; }
  .menu_horizontal .menu_principal {
    font-size: 18px;
    /*.campus{
    	margin-left:32px;
    	.svg-inline--fa{
    		margin-left: 10px;
    	}
    }*/ }
    .menu_horizontal .menu_principal li {
      text-transform: uppercase;
      font-weight: 700;
      display: inline-block;
      padding: 0 10px;
      position: relative;
      cursor: context-menu; }
      .menu_horizontal .menu_principal li a {
        color: #2D2D37; }
      .menu_horizontal .menu_principal li .submenu_container {
        visibility: hidden;
        -moz-transition-property: visibility;
        -o-transition-property: visibility;
        -webkit-transition-property: visibility;
        transition-property: visibility;
        -moz-transition-duration: 200ms;
        -o-transition-duration: 200ms;
        -webkit-transition-duration: 200ms;
        transition-duration: 200ms;
        /* delay of 400mson hover off */
        position: fixed;
        width: 100%;
        padding-top: 20px;
        left: 0;
        z-index: 5;
        text-align: center; }
        .menu_horizontal .menu_principal li .submenu_container ul {
          background-color: #5FB9FD;
          padding: 20px 0;
          margin: 0 auto; }
          .menu_horizontal .menu_principal li .submenu_container ul li {
            line-height: 35px;
            font-weight: normal; }
            .menu_horizontal .menu_principal li .submenu_container ul li a {
              color: #FFFFFF; }
          .menu_horizontal .menu_principal li .submenu_container ul li.selected, .menu_horizontal .menu_principal li .submenu_container ul li:hover {
            font-weight: 700; }
          .menu_horizontal .menu_principal li .submenu_container ul li:after {
            visibility: hidden !important; }
    .menu_horizontal .menu_principal li:last-of-type {
      padding-right: 0; }
    .menu_horizontal .menu_principal li:hover .submenu_container {
      visibility: visible;
      -moz-transition-delay: 200ms;
      -o-transition-delay: 200ms;
      -webkit-transition-delay: 200ms;
      transition-delay: 200ms;
      /* tarda 200ms en aparecer el menu para si paso por encima al bajar de menu a submenu no se abra */ }
    .menu_horizontal .menu_principal li:not(.inici):after {
      visibility: hidden;
      -moz-transition-property: visibility;
      -o-transition-property: visibility;
      -webkit-transition-property: visibility;
      transition-property: visibility;
      -moz-transition-duration: 200ms;
      -o-transition-duration: 200ms;
      -webkit-transition-duration: 200ms;
      transition-duration: 200ms;
      /* delay of 400mson hover off */
      /* http://www.cssarrowplease.com/ */
      bottom: -22px;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(136, 183, 213, 0);
      border-bottom-color: #5FB9FD;
      border-width: 11px;
      margin-left: -11px; }
    .menu_horizontal .menu_principal li:hover:not(.inici):after {
      visibility: visible;
      -moz-transition-delay: 200ms;
      -o-transition-delay: 200ms;
      -webkit-transition-delay: 200ms;
      transition-delay: 200ms; }
    .menu_horizontal .menu_principal .selected, .menu_horizontal .menu_principal .selected a, .menu_horizontal .menu_principal li:hover {
      color: #5FB9FD; }

/********** menu vertical *************/
.menu_vertical {
  display: none; }

.menu_grau {
  text-align: center;
  border-bottom: 1px solid #989898;
  background-color: #FFFFFF;
  z-index: 40;
  /*.solinfo_menu{
  	background-color: $black;
  	color: $white_text;
  	position: absolute;
  	right: 0;
  	padding: 10px;
  	border-bottom-left-radius: 10px;
  	border-bottom-right-radius: 10px;
  	font-weight: $bold;
  }*/ }
  .menu_grau ul {
    width: 100%;
    margin: 0 auto; }
    .menu_grau ul li {
      text-transform: uppercase;
      font-weight: 300;
      font-size: 17px;
      padding: 0 5px;
      cursor: pointer;
      display: table-cell;
      position: relative;
      width: 150px;
      height: 75px;
      text-align: center;
      vertical-align: middle; }
    .menu_grau ul li.selected, .menu_grau ul li:hover {
      color: #FFFFFF;
      background-color: #5FB9FD; }
    .menu_grau ul li.solinfo_menu {
      background-color: #FC9765;
      color: #FFFFFF;
      font-weight: 700; }

.menu_nou_ingres ul li {
  width: 230px; }

*:-moz-placeholder {
  color: #2D2D37;
  opacity: 0.5; }
*::-moz-placeholder {
  color: #2D2D37;
  opacity: 0.5; }
*:-ms-input-placeholder {
  color: #2D2D37;
  opacity: 0.5; }
*::-webkit-input-placeholder {
  color: #2D2D37;
  opacity: 0.5; }

.button {
  min-width: 102px;
  height: 36px;
  line-height: 36px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #5FB9FD;
  padding: 0px 15px;
  color: #FFFFFF;
  text-align: center;
  margin-left: 30px;
  font-weight: 700;
  cursor: pointer;
  font-size: 20px;
  display: inline-block; }

.button.great {
  height: auto;
  line-height: auto;
  padding: 10px 50px; }

.button.inverse {
  background-color: #2D2D37; }

.buttons {
  width: 100%;
  height: 25px;
  clear: both; }

form input, form select, form textarea {
  box-shadow: none;
  border: 1px solid #dedede;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  margin: 12px 10px 12px 0;
  padding: 12px;
  font-size: 16px;
  box-sizing: border-box; }
form label {
  /*font-size: 20px;*/ }

ul.checkbox_list {
  margin-top: 10px; }
  ul.checkbox_list li {
    margin-bottom: 10px; }

.button_popup {
  margin-left: 40% !important; }

.solinfo {
  color: #FFFFFF;
  background: linear-gradient(135deg, #5fb9fd 0%, #afe85a 100%); }
  .solinfo .message_solinfo {
    display: none; }
  .solinfo .checkbox_list_1 {
    float: left;
    margin-right: 20px; }
  .solinfo .checkbox_list_2 {
    float: left;
    margin-bottom: 10px; }
  .solinfo .checkbox_list_1 li, .solinfo .checkbox_list_2 li {
    padding-top: 8px; }
  .solinfo .container_form {
    width: 100%;
    padding-right: 375px;
    position: relative;
    clear: both; }
  .solinfo input, .solinfo select, .solinfo .telefon_container {
    width: calc(50% - 15px); }
  .solinfo .telefon_container {
    margin-right: 12px;
    display: inline-block; }
    .solinfo .telefon_container #prefix {
      width: 80px; }
    .solinfo .telefon_container #telefon1, .solinfo .telefon_container #telefon {
      width: calc(100% - 96px);
      margin-right: 0; }
  .solinfo #naixement_dia, .solinfo #naixement_mes {
    width: 60px;
    float: right;
    margin-right: 5px; }
  .solinfo #naixement_any {
    width: 69px;
    margin-right: 0;
    float: right; }
  .solinfo #naixement {
    position: absolute;
    right: 0;
    top: 0;
    width: 375px;
    margin-right: 0;
    line-height: 75px; }
  .solinfo #inputs_naixement {
    display: inline-block;
    float: right; }
  .solinfo #pregunta, .solinfo #informacio {
    position: absolute;
    right: 0;
    top: 78px;
    width: 370px;
    height: 115px;
    margin-right: 0; }
  .solinfo .privacitat {
    font-weight: 300;
    font-size: 14px; }
    .solinfo .privacitat a {
      color: #FFFFFF;
      font-weight: 700;
      cursor: help; }
  .solinfo .button {
    margin-top: 40px;
    margin-left: 45%; }

.inscriujpo,
.inscriuassistir {
  padding-bottom: 40px;
  /*#acompanyants{
  	position: absolute;
  	right: 0;
  	top: 78px;
  	width: 370px;	
  	margin-right: 0;
  }*/ }
  .inscriujpo .container_form,
  .inscriuassistir .container_form {
    padding-right: 225px; }
  .inscriujpo .text_selecciona,
  .inscriuassistir .text_selecciona {
    font-weight: 700;
    font-size: 18px;
    margin-top: 15px; }
  .inscriujpo .title_band,
  .inscriuassistir .title_band {
    padding-top: 20px; }
  .inscriujpo .container_checks_jpo,
  .inscriujpo .container_checks_activitats,
  .inscriuassistir .container_checks_jpo,
  .inscriuassistir .container_checks_activitats {
    width: 100%;
    display: inline-block;
    margin: 10px 0; }
    .inscriujpo .container_checks_jpo li,
    .inscriujpo .container_checks_activitats li,
    .inscriuassistir .container_checks_jpo li,
    .inscriuassistir .container_checks_activitats li {
      padding-top: 8px; }
  .inscriujpo #naixement,
  .inscriuassistir #naixement {
    margin-right: 0;
    line-height: 75px;
    width: calc(50% - 15px);
    position: inherit;
    right: inherit;
    top: inherit;
    display: inline-block;
    margin-right: 12px;
    /*position: inherit;
    display: inline-block;
    width: 100%;
    padding: 0;
    .label_data_naixement {
    	width:50%;			
    	text-align: right;
    	vertical-align: top;	
    	padding-right: 18px;
    	display: inline-block
    }*/
    /*#inputs_naixement {
    	width: 230px;
    	float: inherit;
    	display: inline-block;
    }*/ }
    .inscriujpo #naixement #inputs_naixement,
    .inscriuassistir #naixement #inputs_naixement {
      width: auto; }
  .inscriujpo #inputs_naixement,
  .inscriuassistir #inputs_naixement {
    display: flex;
    width: 50%; }
  .inscriujpo #naixement_dia,
  .inscriuassistir #naixement_dia {
    float: inherit;
    order: 1;
    margin-left: 0; }
  .inscriujpo #naixement_mes,
  .inscriuassistir #naixement_mes {
    float: inherit;
    order: 2; }
  .inscriujpo #naixement_any,
  .inscriuassistir #naixement_any {
    float: inherit;
    order: 3; }

.adreca {
  display: inline-table;
  margin-bottom: 20px;
  margin-top: 10px;
  margin-right: 65px; }

.adreca_right {
  margin-right: 0px; }

.text_selecciona {
  font-weight: 700;
  font-size: 18px;
  margin-top: 15px; }

div.button_especial {
  margin-left: 135px !important; }

div.button_send_especial {
  margin-left: 155px !important; }

/*Checkboxes styles   https://codepen.io/anon/pen/xpQMPB     http://freefrontend.com/css-checkboxes/  */
input[type="checkbox"] {
  display: none; }

input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

input[type="checkbox"] + label:last-child {
  margin-bottom: 0; }

input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #FFFFFF;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s; }

input.white[type="checkbox"] + label:before {
  border: 1px solid #FFFFFF; }

input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

input[type="radio"] {
  display: none; }

input[type="radio"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

input[type="radio"] + label:last-child {
  margin-bottom: 0; }

input[type="radio"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #FFFFFF;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s; }

input.white[type="radio"] + label:before {
  border: 1px solid #FFFFFF; }

input[type="radio"]:checked + label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

/*Fi Check y Radio styles */
.errorbg {
  color: #FF7F7F; }
  .errorbg:-moz-placeholder {
    color: #FF7F7F;
    opacity: 0.5; }
  .errorbg::-moz-placeholder {
    color: #FF7F7F;
    opacity: 0.5; }
  .errorbg:-ms-input-placeholder {
    color: #FF7F7F;
    opacity: 0.5; }
  .errorbg::-webkit-input-placeholder {
    color: #FF7F7F;
    opacity: 0.5; }

a.link_white {
  color: #FFFFFF;
  font-weight: 700;
  cursor: help; }

.especial_formulari {
  min-height: 919px; }

.fires_band {
  font-family: "Edmonsans Bold","Roboto", sans-serif;
  height: 225px;
  width: 100%;
  font-size: 55px;
  text-align: center;
  background-color: #2D2D37;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }

.fires_band.amb_botons {
  display: block;
  padding-top: 50px; }
  .fires_band.amb_botons .button {
    font-family: "Edmonsans Regular","Roboto", sans-serif;
    width: 300px;
    border-radius: 50px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    background-color: #000000;
    margin: 0 15px; }

.fires_band.masters {
  background: #78273E url('../img/img-home-postgraus.jpg?1517242708');
  padding-top: 30px; }
  .fires_band.masters .title {
    padding-bottom: 10px; }
  .fires_band.masters .button {
    line-height: inherit;
    height: 90px;
    padding-top: 13px; }

.fires_band.banner_jpo {
  background: #2D2D37 url('../img/jpo_fons.jpg?1519640639'); }

/************ BANDS *********************/
.banner_inside {
  position: relative;
  padding: 0;
  background-size: cover !important;
  height: 450px; }
  .banner_inside .band_content {
    display: table; }
    .banner_inside .band_content .banner_titol {
      font-family: "Edmonsans Bold","Roboto", sans-serif;
      width: 100%;
      color: #FFFFFF;
      font-size: 74px;
      font-weight: 700;
      vertical-align: middle;
      display: table-cell;
      text-align: center;
      text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }
  .banner_inside .float_title {
    position: absolute;
    right: 0;
    background-color: #2D2D37;
    font-weight: 700;
    color: #FFFFFF;
    padding: 8px 15px;
    width: 210px; }
  .banner_inside .float_title:first-of-type {
    bottom: 7px; }
  .banner_inside .float_title:nth-of-type(2) {
    bottom: 52px; }
  .banner_inside .float_title:nth-of-type(3) {
    bottom: 96px; }
  .banner_inside .float_title.anima {
    background-color: #ff6666; }
  .banner_inside .float_title.multi {
    background-color: #1ab4d8; }
  .banner_inside .float_title.video {
    background-color: #1ccd27; }
  .banner_inside .float_title_principal {
    padding: 5px 15px;
    font-weight: normal;
    text-transform: uppercase;
    width: auto; }
  .banner_inside .llocs_banner_videojocs {
    display: table-row;
    text-align: center; }
    .banner_inside .llocs_banner_videojocs .lloc {
      color: #FFFFFF;
      background-color: #2D2D37;
      display: inline-block;
      padding: 12px 20px;
      font-size: 24px;
      margin-left: 15px;
      margin-right: 15px;
      margin-top: 30px;
      font-weight: 700;
      text-transform: uppercase; }
      .banner_inside .llocs_banner_videojocs .lloc svg {
        color: #7ED321;
        margin-right: 10px; }
    .banner_inside .llocs_banner_videojocs .lloc.selected {
      background-color: #5FB9FD; }

.banner_multimedia {
  background: #B9DBE9 url('../img/img-multimedia.gif?1518536695'); }

.banner_animacio {
  background: #ffe3e3 url('../img/img-animacion.jpg?1515683995'); }

.banner_videojocs {
  background: #d6f6d8 url('../img/img-videojuegos.jpg?1518712900'); }

.banner_videojocs_presentacio {
  height: 835px;
  text-align: center; }
  .banner_videojocs_presentacio .banner_titol {
    display: block !important;
    margin-top: 61px; }
  .banner_videojocs_presentacio .subtitol {
    font-size: 32px;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    margin-top: 10px;
    margin-bottom: 40px; }
  .banner_videojocs_presentacio .bola_grau {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 260px;
    height: 260px;
    text-align: center;
    display: inline-block;
    margin: 0 50px;
    background-size: cover !important; }
    .banner_videojocs_presentacio .bola_grau .titol {
      color: #FFFFFF;
      font-weight: 700;
      font-size: 32px;
      margin-top: 43px;
      text-transform: uppercase; }
    .banner_videojocs_presentacio .bola_grau .lloc {
      color: #FFFFFF;
      background-color: #2D2D37;
      display: inherit;
      padding: 12px 20px;
      font-size: 24px;
      margin-top: 85px;
      font-weight: 700;
      text-transform: uppercase; }
      .banner_videojocs_presentacio .bola_grau .lloc svg {
        color: #7ED321;
        margin-right: 10px; }
    .banner_videojocs_presentacio .bola_grau .languages {
      color: #FFFFFF;
      font-weight: 700;
      font-size: 20px;
      margin-top: 20px;
      text-transform: uppercase; }
  .banner_videojocs_presentacio .bola_grau_barcelona {
    background: linear-gradient(rgba(45, 45, 55, 0.5), rgba(45, 45, 55, 0.5)), url('../img/grau-videojocs-Barcelona.jpg?1518713457'); }
  .banner_videojocs_presentacio .bola_grau_barcelona:hover {
    background: url('../img/grau-videojocs-Barcelona.jpg?1518713457'); }
  .banner_videojocs_presentacio .bola_grau_terrassa {
    background: linear-gradient(rgba(45, 45, 55, 0.5), rgba(45, 45, 55, 0.5)), url('../img/grau-videojocs-Terrassa.jpg?1518713369'); }
  .banner_videojocs_presentacio .bola_grau_terrassa:hover {
    background: url('../img/grau-videojocs-Terrassa.jpg?1518713369'); }

.anchorLink {
  cursor: pointer; }

.anchor_requisits .destacat_inside {
  margin-top: 0 !important; }

.anchor_pla .center img {
  width: 100%;
  max-width: 850px; }
.anchor_pla table .left {
  text-align: left !important; }
.anchor_pla table .margin_left {
  margin-left: 10px; }
.anchor_pla table .padding_right {
  padding-right: 60px; }
.anchor_pla table .right {
  text-align: right !important; }

.professors_swiper {
  margin-top: 20px; }
  .professors_swiper .profe_info {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 11;
    background-color: #FFFFFF;
    border: 1px solid #5FB9FD;
    padding: 20px; }
    .professors_swiper .profe_info img {
      width: 175px;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      position: absolute;
      left: 35px;
      top: 35px; }
    .professors_swiper .profe_info .info_container {
      padding-left: 235px;
      height: 100%; }
      .professors_swiper .profe_info .info_container .nom {
        color: #5FB9FD;
        font-size: 26px;
        margin-bottom: 20px;
        padding-right: 40px; }
      .professors_swiper .profe_info .info_container .close {
        position: absolute;
        right: 20px;
        font-size: 35px;
        color: #5FB9FD;
        cursor: pointer; }
  .professors_swiper .swiper-slide {
    /*img:hover{
    	filter:none;
    }*/ }
    .professors_swiper .swiper-slide .mesInfo {
      width: 270px;
      height: 270px;
      position: absolute;
      /* margin: auto 0; */
      /* line-height: 100%; */
      font-size: 40px;
      top: 0;
      color: #FFFFFF;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      padding-top: 200px;
      box-sizing: border-box;
      cursor: pointer;
      display: none;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      z-index: 2; }
    .professors_swiper .swiper-slide img {
      width: 270px;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      filter: grayscale(1);
      cursor: pointer; }
    .professors_swiper .swiper-slide img ~ img {
      position: absolute;
      width: 270px;
      top: 0;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      filter: none;
      display: none; }
    .professors_swiper .swiper-slide img:hover + div {
      display: block; }
    .professors_swiper .swiper-slide .mesInfo:hover {
      display: block; }
    .professors_swiper .swiper-slide .mesInfo:hover + img {
      display: block !important; }
    .professors_swiper .swiper-slide .nom_fora {
      font-size: 22px;
      font-weight: 300;
      margin-top: 10px;
      padding: 10px;
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis; }

ul.resum_table li, ul.resum_table td, table.resum_table li, table.resum_table td {
  padding: 20px 40px;
  margin: 0 !important; }
ul.resum_table li.top, ul.resum_table td.top, table.resum_table li.top, table.resum_table td.top {
  vertical-align: top; }
ul.resum_table li:nth-child(even), ul.resum_table tr:nth-child(even), table.resum_table li:nth-child(even), table.resum_table tr:nth-child(even) {
  background-color: #F1F8FF; }
ul.resum_table li:nth-child(odd), ul.resum_table tr:nth-child(odd), table.resum_table li:nth-child(odd), table.resum_table tr:nth-child(odd) {
  background-color: #D9E9FE; }
ul.resum_table ul.no_zebra, table.resum_table ul.no_zebra {
  list-style: circle; }
  ul.resum_table ul.no_zebra li, table.resum_table ul.no_zebra li {
    padding: 0;
    vertical-align: inherit;
    background-color: inherit;
    margin-bottom: 10px !important; }
ul.resum_table ul.no_margin_left, table.resum_table ul.no_margin_left {
  margin-left: 0px !important; }

.colaboradors {
  background-color: #FC9765;
  color: #FFFFFF; }
  .colaboradors .title_band {
    margin-bottom: 45px; }
  .colaboradors .swiper-wrapper {
    align-items: center; }

.fons_blue {
  background-color: #F1F8FF; }

p.quadreDestacat {
  background-color: #4E5357;
  padding: 10px 15px !important;
  margin-bottom: 10px;
  text-align: justify;
  color: #FFFFFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }

.treballs_list .graus_selector {
  text-align: center; }
  .treballs_list .graus_selector li {
    display: inline-block;
    cursor: pointer;
    margin-right: 7px;
    margin-left: 7px;
    padding: 15px 30px;
    font-size: 18px;
    background-color: #F0F0EE;
    color: #2D2D37;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px; }
  .treballs_list .graus_selector li.selected, .treballs_list .graus_selector li:hover {
    background-color: #2D2D37;
    color: #FFFFFF; }
  .treballs_list .graus_selector li.selected.anima, .treballs_list .graus_selector li.anima:hover {
    background-color: #ff6666; }
  .treballs_list .graus_selector li.selected.multi, .treballs_list .graus_selector li.multi:hover {
    background-color: #1ab4d8; }
  .treballs_list .graus_selector li.selected.video, .treballs_list .graus_selector li.video:hover {
    background-color: #1ccd27; }
.treballs_list .areas {
  margin-bottom: 50px;
  text-align: center; }
  .treballs_list .areas li {
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    background-color: #F0F0EE;
    padding: 5px 10px;
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
    border-radius: 23px;
    font-weight: 700;
    margin-right: 10px; }
  .treballs_list .areas li.selected, .treballs_list .areas li:hover {
    color: #FFFFFF;
    background-color: #2D2D37; }
.treballs_list #treballs_alumnat {
  margin-right: -10px; }
  .treballs_list #treballs_alumnat li {
    position: relative;
    max-width: calc((100% - 46px)/3);
    margin-right: 15px;
    margin-bottom: 30px;
    display: inline-block; }
  .treballs_list #treballs_alumnat img {
    width: 100%; }
  .treballs_list #treballs_alumnat .img_capa {
    position: absolute;
    top: 0;
    right: 0; }
  .treballs_list #treballs_alumnat .title {
    font-weight: 700;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
    .treballs_list #treballs_alumnat .title a {
      color: #2D2D37; }
  .treballs_list #treballs_alumnat .author {
    font-weight: 300;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }

.outher_container_video_responsive {
  max-height: 560px; }
  .outher_container_video_responsive .container_video_responsive {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto; }
    .outher_container_video_responsive .container_video_responsive iframe, .outher_container_video_responsive .container_video_responsive object, .outher_container_video_responsive .container_video_responsive embed {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 100%;
      height: 100%;
      max-width: 1000px;
      max-height: 560px; }

.treball_item .imatge_central {
  width: 100%;
  max-width: 1000px;
  margin-bottom: 20px; }
.treball_item .fotos {
  text-align: center; }
  .treball_item .fotos img {
    width: 100%;
    max-width: 1000px;
    margin-bottom: 20px; }
.treball_item .container_video_responsive {
  margin-top: 20px;
  margin-bottom: 20px; }
.treball_item .goto_grau {
  color: #FFFFFF;
  font-size: 28px;
  padding: 10px 50px 10px 30px;
  font-weight: bold;
  margin-top: 25px;
  position: relative; }
  .treball_item .goto_grau svg {
    position: absolute;
    line-height: 100%;
    right: 20px;
    height: 100%;
    top: 0; }
.treball_item .goto_grau.anima {
  background-color: #ff6666; }
.treball_item .goto_grau.multi {
  background-color: #1ab4d8; }
.treball_item .goto_grau.video {
  background-color: #1ccd27; }

.band.interior.margen_inferior {
  margin-bottom: 25px; }

.interior ul li {
  margin-bottom: 10px; }
  .interior ul li ul {
    margin-top: 10px;
    margin-left: 35px; }
  .interior ul li ul.icons {
    margin-left: 45px; }
    .interior ul li ul.icons .fa-li {
      left: 12px; }
.interior ul.icons {
  margin-left: 35px; }
  .interior ul.icons .fa-li {
    color: #5FB9FD;
    left: -6px;
    padding-top: 3px; }
.interior .default_margins {
  padding-top: 25px !important;
  padding-bottom: 25px !important; }
.interior .collapse_mobile > .collapse_buttons {
  display: none; }
.interior .collapse_mobile > .collapsable {
  display: block; }
.interior h4.collapsator {
  vertical-align: top;
  margin-top: 10px; }
.interior h4.collapsator + .collapsable {
  padding-left: 35px;
  padding-top: 10px; }
  .interior h4.collapsator + .collapsable ul li {
    margin-bottom: 0px; }
.interior .band_content {
  /** Pla Estudis Graus ********************************************************************/
  /* PREMSA */ }
  .interior .band_content .titol_estructura {
    background-color: #F0F0EE; }
  .interior .band_content p.bottom_separator {
    margin-bottom: 20px; }
  .interior .band_content .inline_grid p {
    display: inline-table;
    margin-bottom: 10px;
    width: 330px; }
  .interior .band_content .image_full_link {
    margin-top: 25px;
    position: relative; }
    .interior .band_content .image_full_link img {
      width: 100%; }
    .interior .band_content .image_full_link .title {
      position: absolute;
      display: inherit;
      padding: 15px 30px;
      font-size: 46px;
      color: #FFFFFF;
      background-color: rgba(45, 45, 55, 0.5);
      top: 10%;
      text-transform: uppercase; }
  .interior .band_content .peu_full_link {
    background-color: #F0F0EE;
    padding: 5px 10px;
    font-size: 14px; }
  .interior .band_content .destacat_inside {
    background-color: #F0F0EE;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 23px 40px;
    margin-bottom: 20px;
    margin-top: 20px; }
    .interior .band_content .destacat_inside .titol {
      color: #2D2D37;
      font-size: 28px;
      font-weight: 700; }
    .interior .band_content .destacat_inside .icon {
      position: absolute;
      font-size: 70px;
      color: #2D2D37;
      right: 20px; }
      .interior .band_content .destacat_inside .icon img {
        width: 150px; }
    .interior .band_content .destacat_inside .text {
      font-weight: 300;
      color: #2D2D37;
      font-size: 18px;
      margin-bottom: 20px;
      padding-right: 80px;
      padding-top: 10px; }
    .interior .band_content .destacat_inside .icon.image + .text {
      padding-right: 150px; }
    .interior .band_content .destacat_inside .codi {
      font-size: 18px;
      display: inline-block;
      margin-right: 30px; }
    .interior .band_content .destacat_inside a {
      display: inline-block; }
      .interior .band_content .destacat_inside a .button {
        margin-left: 0; }
  .interior .band_content .issuu_container {
    height: 230px;
    width: 50%;
    float: right;
    margin-bottom: 20px; }
    .interior .band_content .issuu_container .issuu {
      height: 100%;
      margin: 0 auto; }
      .interior .band_content .issuu_container .issuu .issuuembed {
        height: 100%; }
  .interior .band_content .issuu_container.ample_sencer {
    width: 100%;
    height: 400px; }
  .interior .band_content .issuu_container + p {
    clear: both; }
  .interior .band_content .videocorp_maxi_container {
    width: 50%;
    float: left;
    margin-bottom: 30px; }
    .interior .band_content .videocorp_maxi_container .videocorp_maxi {
      text-align: center; }
      .interior .band_content .videocorp_maxi_container .videocorp_maxi iframe {
        width: 390px;
        height: 230px;
        max-width: 100%;
        position: relative; }
  .interior .band_content .videocorp_maxi_container.ample_sencer {
    width: 100%;
    height: 400px; }
    .interior .band_content .videocorp_maxi_container.ample_sencer .videocorp_maxi iframe {
      width: 650px;
      height: 400px; }
  .interior .band_content .videocorp_maxi_container.center {
    width: 100%; }
  .interior .band_content div.adreca {
    display: inline-table; }
  .interior .band_content p.insercio_laboral a {
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 10px; }
  .interior .band_content div.peu_video {
    margin-top: 4px; }
  .interior .band_content div.bullet {
    width: 12px;
    height: 12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    float: right;
    margin: 21px 10px 0 0;
    display: block; }
  .interior .band_content div.bulletRedMulti, .interior .band_content div.bulletRedVideo, .interior .band_content div.bulletRedAnima {
    background: #FF7F7F; }
  .interior .band_content div.bulletBlueMulti, .interior .band_content div.bulletBlueVideo, .interior .band_content div.bulletBlueAnima {
    background: #5FB9FD; }
  .interior .band_content div.bulletGreenMulti, .interior .band_content div.bulletGreenVideo, .interior .band_content div.bulletGreenAnima {
    background: #4DDDC9; }
  .interior .band_content div.bulletYellowMulti, .interior .band_content div.bulletYellowVideo, .interior .band_content div.bulletYellowAnima {
    background: #FED868; }
  .interior .band_content h3.pla_estudis {
    margin-top: 15px;
    margin-bottom: 0; }
  .interior .band_content h3.top_pla_estudis {
    margin-top: 15px !important; }
  .interior .band_content table.zebra_mobile {
    display: none; }
  .interior .band_content table.zebra {
    border: none;
    width: 100%;
    line-height: 60px; }
    .interior .band_content table.zebra thead tr {
      border-bottom: 1px solid #989898; }
    .interior .band_content table.zebra thead th {
      font-weight: 700;
      font-size: 20px;
      color: #4E5357;
      text-align: center; }
    .interior .band_content table.zebra tbody td {
      font-size: 16px;
      text-align: center;
      font-weight: 300; }
    .interior .band_content table.zebra tbody td.indent {
      padding-left: 40px !important; }
    .interior .band_content table.zebra tbody td:first-child {
      text-align: left;
      padding-left: 10px;
      padding-right: 10px; }
    .interior .band_content table.zebra tbody tr:nth-child(even) {
      background-color: #F1F8FF; }
    .interior .band_content table.zebra tfoot tr {
      background-color: #FFFFFF !important;
      border-top: 1px solid #989898; }
    .interior .band_content table.zebra tfoot td {
      font-weight: 700 !important;
      text-align: center; }
    .interior .band_content table.zebra tfoot td:first-child {
      text-align: left;
      padding-left: 10px; }
    .interior .band_content table.zebra .align-left {
      text-align: left !important; }
  .interior .band_content table.zebra_min {
    line-height: 35px;
    margin-bottom: 20px; }
  .interior .band_content div.grau_videos_unic {
    text-align: center;
    width: 100%;
    margin: 20px auto; }
  .interior .band_content div.grau_videos_varis {
    width: 100%; }
    .interior .band_content div.grau_videos_varis div.container_video {
      width: 50%;
      float: left;
      margin: 10px auto;
      width: 254px;
      text-align: center; }

div.llistat_postg {
  margin-bottom: 20px; }
  div.llistat_postg ul {
    margin-top: 5px; }

/** Event agenda ********************************************************************/
div.dades_importants {
  margin: 15px 0;
  padding: 10px 20px;
  line-height: 35px;
  background-color: #D9E9FE; }

div.largephoto {
  margin-bottom: 20px; }
  div.largephoto img {
    width: 100%; }

div.dades_importants .button {
  margin-left: 0px !important; }

.citm_saiq table.citm_saiq_first {
  width: 330px !important;
  margin-bottom: 15px;
  /*tbody tr td:first-child{
  	text-align: right !important;
  	padding-right: 18px;
  }*/ }
  .citm_saiq table.citm_saiq_first thead tr th {
    text-align: left !important; }
  .citm_saiq table.citm_saiq_first thead tr th:first-child {
    width: 100px; }
  .citm_saiq table.citm_saiq_first tbody tr td {
    text-align: left !important; }
.citm_saiq table .left {
  text-align: left !important; }
.citm_saiq table .margin_left {
  margin-left: 10px; }

.band.interior.band_404 {
  padding-bottom: 40px; }
  .band.interior.band_404 .title_band {
    font-size: 94px !important;
    text-transform: uppercase;
    margin-top: 100px;
    max-width: 45%; }
  .band.interior.band_404 .text {
    color: #9B9B9B;
    font-size: 20px;
    max-width: 45%;
    margin-bottom: 30px; }
  .band.interior.band_404 .cat {
    position: absolute;
    right: 0;
    top: 65px;
    max-width: 50%; }
  .band.interior.band_404 h2 {
    font-size: 20px;
    color: #FFFFFF;
    padding: 12px 25px;
    width: 260px;
    margin-bottom: 15px; }
  .band.interior.band_404 h2.anima {
    background-color: #ff6666; }
  .band.interior.band_404 h2.multi {
    background-color: #1ab4d8; }
  .band.interior.band_404 h2.video {
    background-color: #1ccd27; }
  .band.interior.band_404 h2.postgraus {
    background-color: #73273E; }

/* HEADER MOBILE */
@media only screen and (max-width: 1170px) {
  .band .band_content {
    padding-left: 10px;
    padding-right: 10px; }

  .back_container .back {
    display: none; } }
@media only screen and (max-width: 1015px) {
  .hideTablet {
    display: none; }

  .band .band_content .title_band {
    font-size: 20px; }
  .band .band_content .subtitle_band {
    font-size: 18px; }
  .band .band_content.default_margins {
    padding-top: 30px;
    padding-bottom: 15px; }

  .content {
    padding-top: 105px; }

  .content_popup {
    padding-top: 75px; }

  .content_with_subheader {
    padding-top: 165px; }

  .content_home {
    padding-top: 75px; }

  .content_with_subheader.content_home {
    padding-top: 135px; }

  .swiper-wrapper {
    margin-bottom: 36px; }

  .swiper-pagination-bullets {
    margin-top: 0px; } }
@media only screen and (max-width: 550px) {
  .swiper-slide iframe {
    height: auto; }

  .content_with_subheader {
    padding-top: 140px; }

  .content_with_subheader.content_home {
    padding-top: 110px; } }
/* HEADER MOBILE */
@media only screen and (max-width: 1170px) {
  .header .principal .logo {
    background-image: url('../img/logoCITMMobile.png?1516879050');
    width: 93px;
    height: 40px;
    background-repeat: no-repeat;
    position: absolute;
    top: 27px; }
  .header .principal .logo_especial {
    background-image: url('../img/logoCITM.png?1401879059');
    width: 295px;
    height: 65px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 20px; }
  .header .principal .campus, .header .principal .languages {
    right: 10px; }
  .header .principal .social {
    margin: 10px 140px; } }
@media only screen and (max-width: 1015px) {
  .header .menu_horizontal, .header .social, .header .languages, .header .jpo_inici {
    display: none !important; }
  .header .principal {
    height: 75px; }
    .header .principal .logo {
      top: 17px; }
    .header .principal .logo_especial {
      background-image: url('../img/logoCITM.png?1401879059');
      width: 295px;
      height: 65px;
      background-repeat: no-repeat;
      background-size: cover;
      position: absolute;
      top: 20px; }
    .header .principal .campus {
      right: 70px;
      top: 26px; }
      .header .principal .campus .tooltip_page {
        padding: 15px;
        width: 100%;
        top: 65px;
        position: fixed;
        right: 0; }
      .header .principal .campus .tooltip_page:before {
        left: auto;
        right: 100px; }
    .header .principal .menu_burguer_button {
      float: right;
      margin-top: 21px;
      display: block;
      cursor: pointer; }
    .header .principal .menu_burguer_button_close {
      cursor: pointer;
      background-color: #4E5357;
      color: #FFFFFF;
      position: absolute;
      right: 0;
      /* padding-right: 16px; */
      height: 100%;
      width: 59px;
      vertical-align: middle;
      text-align: center;
      padding-top: 21px; }
  .header .principal_especial {
    height: 105px; }
  .header .subheader span {
    font-size: 20px; }
  .header .subheader .button {
    font-size: 20px; }

  	/*div.back_to_top{
  		font-size: 11px;
  		bottom: 23px;
      	right: 37px;
  	}*/ }
@media only screen and (max-width: 550px) {
  .header .subheader {
    height: 35px;
    line-height: 35px; }
    .header .subheader span {
      font-size: 13px; }
    .header .subheader .button {
      font-size: 13px;
      height: 25px;
      line-height: 25px;
      margin-left: 3px;
      padding: 0px;
      min-width: 90px; }

  div.go_to_solinfo, div.back_to_top {
    font-size: 18px; } }
/* HEADER MOBILE */
@media only screen and (max-width: 1170px) {
  .footer .logos_container {
    text-align: center; }
    .footer .logos_container .social {
      position: relative;
      right: auto;
      width: 100%;
      float: none; }
      .footer .logos_container .social ul li {
        display: inline-block;
        padding-left: 2px; }
    .footer .logos_container .logo {
      width: 49%;
      padding: 0 10px;
      display: inline-block; }
    .footer .logos_container .adreca {
      text-align: left;
      padding: 0 10px;
      width: 49%;
      margin: 0;
      font-size: 18px; } }
@media only screen and (max-width: 1015px) {
  .footer .menu_footer > ul {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3; } }
@media only screen and (max-width: 550px) {
  .footer .menu_footer > ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2; }
  .footer .menu_footer .submenu_container {
    margin-top: 0px; }
    .footer .menu_footer .submenu_container li a {
      font-size: 14px; }
  .footer .logos_container {
    margin-top: 10px;
    padding: 0 0 20px 0px;
    text-align: center; }
    .footer .logos_container div {
      display: inline-table;
      vertical-align: middle;
      margin-top: 20px !important;
      width: auto !important; }
    .footer .logos_container .adreca {
      margin-left: 0;
      font-size: 16px;
      text-align: left; }
  .footer .links_container {
    margin-top: 20px; }
    .footer .links_container li {
      width: 32%; }

  .inscriujpo #naixement .label_data_naixement,
  .inscriuassistir #naixement .label_data_naixement {
    text-align: left; }
  .inscriujpo .adreca,
  .inscriuassistir .adreca {
    margin-right: 0; } }
/* HOME MOBILE */
@media only screen and (max-width: 1170px) {
  .video_container {
    height: calc(100vh - 100px - 130px); }
    .video_container .band_content {
      padding: 0; }
    .video_container .banner_center {
      font-size: 55px; }
    .video_container .subbanner_center {
      font-size: 40px; }
    .video_container .arrow_down {
      bottom: 105px; }

  .content_with_subheader .video_container {
    height: calc(100vh - 160px - 140px); }

  .boles_graus .fake_background {
    height: 65px; }
  .boles_graus .bola_grau {
    width: 180px;
    height: 180px;
    -moz-border-radius: 90px 90px 90px 90px;
    -webkit-border-radius: 90px;
    border-radius: 90px 90px 90px 90px;
    background-size: cover; }
    .boles_graus .bola_grau h2 {
      width: 180px;
      height: 180px;
      font-size: 19px;
      padding: 15px; }

  .estadistiques {
    padding-top: 40px;
    padding-bottom: 40px; }
    .estadistiques .container {
      padding: 0; }
      .estadistiques .container ul {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3; }
        .estadistiques .container ul li {
          width: auto; }
          .estadistiques .container ul li .number {
            font-size: 40px; }
          .estadistiques .container ul li .title {
            font-size: 24px; } }
@media only screen and (max-width: 1015px) {
  .video_home, .banner_center, .arrow_down {
    display: none !important; }

  .video_container {
    width: 100%;
    height: 240px !important;
    background-image: url('../img/../video/citm-reel-2017-mobile.jpg');
    background-size: cover; }
    .video_container .banner_subtitol {
      font-size: 42px;
      height: 100%; }

  .boles_graus .band_content {
    padding-left: 0;
    padding-right: 0; }
    .boles_graus .band_content .bola_grau {
      width: 100%;
      height: 70px;
      margin: 0px;
      margin-bottom: 10px;
      display: table;
      -moz-border-radius: 0 0 0 0;
      -webkit-border-radius: 0;
      border-radius: 0 0 0 0;
      display: inline-block; }
      .boles_graus .band_content .bola_grau h2 {
        width: 100%;
        height: 70px;
        font-size: 22px;
        text-align: left;
        padding: 0 10px; }

  .entitats_relacionades .title_band {
    margin-bottom: 5px; }

  .experiencies .title_band {
    margin-bottom: 25px; }
  .experiencies .swiper-wrapper {
    align-items: center; }
  .experiencies .experiencia_frase {
    font-size: 18px; }
  .experiencies .experiencia_nom_carrec {
    font-size: 16px; }

  .estadistiques {
    padding-top: 10px;
    padding-bottom: 10px; }
    .estadistiques .container {
      padding: 0; }
      .estadistiques .container ul {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2; }
        .estadistiques .container ul li {
          width: auto;
          padding: 10px; }
          .estadistiques .container ul li .number {
            font-size: 36px; }
          .estadistiques .container ul li .title {
            font-size: 16px; } }
/* HEADER MOBILE */
@media only screen and (max-width: 1015px) {
  .solinfo .container_form {
    padding-right: 0; }
  .solinfo #naixement {
    position: inherit;
    width: 50%;
    padding: 0 18px; }
  .solinfo #pregunta, .solinfo #informacio {
    position: inherit;
    width: 100%;
    right: auto;
    top: auto;
    width: calc(100% - 10px); }
  .solinfo #naixement {
    width: 100%; }
    .solinfo #naixement label {
      width: 50%;
      display: inline-block;
      text-align: right;
      padding-right: 18px; }
  .solinfo #inputs_naixement {
    display: flex;
    width: 50%; }
  .solinfo #naixement_dia {
    float: inherit;
    order: 1;
    margin-left: 0; }
  .solinfo #naixement_mes {
    float: inherit;
    order: 2; }
  .solinfo #naixement_any {
    float: inherit;
    order: 3; }

  .inscriujpo #naixement #inputs_naixement,
  .inscriuassistir #naixement #inputs_naixement {
    width: 50%; } }
@media only screen and (max-width: 550px) {
  .solinfo input, .solinfo select {
    width: calc(100% - 20px);
    margin-left: 10px; }
  .solinfo .telefon_container {
    width: 100%;
    margin-left: 0; }
  .solinfo .telefon_container {
    margin-right: 0;
    display: inline-block; }
    .solinfo .telefon_container #telefon1 {
      width: calc(100% - 128px); }
  .solinfo .label_data_naixement {
    display: block;
    line-height: 16px; }
  .solinfo #naixement {
    position: inherit;
    width: 100%;
    padding: 0 10px; }
    .solinfo #naixement label {
      width: auto;
      display: inherit;
      text-align: left;
      padding: 0; }
  .solinfo #inputs_naixement {
    display: flex;
    float: none; }
  .solinfo #naixement_dia {
    float: inherit;
    order: 1;
    margin-left: 0; }
  .solinfo #naixement_mes {
    float: inherit;
    order: 2; }
  .solinfo #naixement_any {
    float: inherit;
    order: 3; }
  .solinfo #pregunta, .solinfo #informacio {
    position: inherit;
    width: 100%;
    height: 100px;
    width: calc(100% - 20px);
    margin-left: 10px;
    right: auto;
    top: auto; }
  .solinfo .privacitat {
    text-align: left;
    font-size: 12px;
    width: calc(100% - 20px);
    margin-left: 10px; }
  .solinfo .button {
    margin-top: 10px;
    margin-left: 45%;
    margin-left: calc(50% - 50px); }

  .button.great {
    padding: 10px 50px; } }
/* MENU MOBILE */
@media only screen and (max-width: 1170px) {
  .menu_grau ul li {
    font-size: 16px; }

  .menu_horizontal .menu_principal li .submenu_container {
    font-size: 16px; }
    .menu_horizontal .menu_principal li .submenu_container li {
      padding: 0 5px; } }
@media only screen and (max-width: 1015px) {
  .menu_horizontal {
    display: none; }

  .menu_vertical > ul {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    padding: 0 10px; }

  .menu_vertical > ul > li:first-child {
    display: none; }

  .menu_vertical > ul > li {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    width: 100%;
    padding: 0;
    font-weight: normal;
    color: #FFFFFF;
    font-size: 16px;
    border-bottom: 1px solid #989898; }
    .menu_vertical > ul > li span {
      display: block;
      cursor: pointer;
      padding: 10px 0; }
    .menu_vertical > ul > li svg {
      float: right;
      margin-right: 14px; }
    .menu_vertical > ul > li svg.fa-minus {
      display: none; }

  .menu_vertical > ul > li.selected {
    font-weight: 700;
    color: #5FB9FD; }

  .menu_vertical {
    background-color: #4E5357;
    position: fixed;
    overflow: hidden;
    top: 75px;
    max-width: 350px;
    width: 90%;
    right: 0;
    z-index: 40;
    max-height: calc(100vh - 75px); }
    .menu_vertical .submenu_container {
      display: none;
      margin-top: 0px;
      margin-left: 30px;
      margin-bottom: 10px; }
      .menu_vertical .submenu_container li {
        padding-bottom: 7px; }
        .menu_vertical .submenu_container li svg {
          display: none; }
        .menu_vertical .submenu_container li a {
          font-weight: 300;
          color: #FFFFFF;
          text-transform: none;
          font-size: 16px; }
          .menu_vertical .submenu_container li a .selected {
            font-weight: normal; }
      .menu_vertical .submenu_container .selected, .menu_vertical .submenu_container .selected a {
        font-weight: 700;
        color: #5FB9FD; }
    .menu_vertical .menu_language {
      margin-top: 20px;
      margin-bottom: 10px; }
      .menu_vertical .menu_language li {
        display: inline-block;
        width: 32%;
        text-align: center;
        border-left: 1px solid #989898; }
      .menu_vertical .menu_language a {
        color: #FFFFFF;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 300; }
      .menu_vertical .menu_language a:first-child li {
        border: none; }
      .menu_vertical .menu_language .selected {
        font-weight: 700; }
    .menu_vertical .social_vertical {
      text-align: center;
      width: 100%;
      margin: 20px 0 10px 0; }
      .menu_vertical .social_vertical ul li {
        display: inline-block;
        padding: 0 8px;
        font-size: 12px;
        margin-bottom: 18px; }
        .menu_vertical .social_vertical ul li a {
          color: #FFFFFF; }
          .menu_vertical .social_vertical ul li a .fa-inverse {
            color: #4E5357; }

  .menu_grau {
    display: none; } }
@media only screen and (max-width: 1170px) {
  .interior ul.icons .fa-li {
    left: 6px; }

  .banner_inside .band_content .banner_titol {
    font-size: 66px; } }
@media only screen and (max-width: 1015px) {
  .band.interior.band_404 .title_band {
    font-size: 60px !important;
    margin-top: 50px; }

  .treballs_list .graus_selector li {
    padding: 10px 15px;
    font-size: 16px;
    margin-bottom: 20px; }
  .treballs_list .areas {
    margin-bottom: 0; }
    .treballs_list .areas li {
      margin-bottom: 20px;
      font-size: 18px;
      margin-right: 25px; }
  .treballs_list #treballs_alumnat {
    /*li:nth-of-type(3n+3){
    	margin-right: 15px;
    }*/
    /*li:nth-of-type(2n+2){
    	margin-right: 0px;
    }			*/ }
    .treballs_list #treballs_alumnat li {
      max-width: calc((100% - 30px)/2);
      margin-right: 15px;
      margin-bottom: 30px; }

  .treball_item .goto_grau {
    font-size: 20px; }

  .banner_inside {
    height: 150px; }
    .banner_inside .band_content .banner_titol {
      font-size: 22px; }
    .banner_inside .float_title {
      display: none; }
    .banner_inside .llocs_banner_videojocs .lloc {
      padding: 6px 8px;
      font-size: 20px;
      margin-left: 10px;
      margin-right: 10px;
      margin-top: 15px; }

  .interior.logos_swiper .title_band, .interior.logos_swiper .collapse_buttons {
    color: #2D2D37; }
  .interior.logos_swiper .collapsable {
    background-color: #FC9765 !important; }

  .band.interior {
    background-color: #FFFFFF !important; }
    .band.interior .default_margins {
      padding-top: 10px !important;
      padding-bottom: 10px !important; }
    .band.interior .collapse_mobile {
      padding-top: 0px !important;
      padding-bottom: 0px !important; }
    .band.interior .collapse_mobile > .collapse_buttons {
      position: absolute;
      right: 5px;
      font-size: inherit;
      top: 10px;
      display: block; }
      .band.interior .collapse_mobile > .collapse_buttons .fa-plus {
        display: block; }
      .band.interior .collapse_mobile > .collapse_buttons .fa-minus {
        display: none; }
    .band.interior .collapse_mobile > .collapsable {
      padding: 10px 10px;
      display: none; }
    .band.interior .collapse_mobile {
      padding: 0; }
    .band.interior .band_content .image_full_link .title {
      font-size: 30px; }
    .band.interior .band_content .destacat_inside .titol {
      font-size: 18px; }
    .band.interior .band_content .destacat_inside .text {
      font-size: 16px;
      padding-right: 40px; }
    .band.interior .band_content .destacat_inside .icon {
      position: absolute;
      font-size: 50px;
      color: #FFFFFF;
      right: 20px; }
      .band.interior .band_content .destacat_inside .icon img {
        width: 120px; }
    .band.interior .band_content .destacat_inside .icon.image + .text {
      padding-right: 120px; }
    .band.interior .band_content .destacat_inside .codi {
      font-size: 16px;
      font-weight: 700;
      display: inline-block; }
    .band.interior .band_content .destacat_inside a {
      display: inline-block; }
      .band.interior .band_content .destacat_inside a .button {
        font-size: 16px; }
    .band.interior .band_content .title_band.collapsator {
      height: 40px;
      font-weight: normal;
      border-top: 1px solid #989898;
      border-bottom: 1px solid #989898;
      line-height: 40px;
      padding-left: 10px;
      margin-bottom: 0;
      cursor: pointer;
      display: block;
      margin-top: -1px; }
    .band.interior .band_content .subtitle_band {
      margin-bottom: 10px; }
    .band.interior .band_content .videocorp_maxi_container, .band.interior .band_content .issuu_container {
      width: 100%; }
    .band.interior .band_content ul.resum_table li {
      padding: 10px; }
    .band.interior .band_content div.bullet {
      width: 10px;
      height: 10px;
      margin: 16px 4px 0 3px; }
    .band.interior .band_content table.zebra_duplicate {
      display: none; }
    .band.interior .band_content table.zebra_mobile {
      display: table; }
    .band.interior .band_content table.zebra {
      line-height: 40px; }
      .band.interior .band_content table.zebra thead tr {
        border-bottom: 1px solid #989898; }
        .band.interior .band_content table.zebra thead tr td.indent {
          padding-left: 20px; }
      .band.interior .band_content table.zebra thead th {
        font-size: 16px; }

  .professors_swiper .profe_info {
    padding: 10px; }
    .professors_swiper .profe_info img {
      width: 125px;
      position: relative;
      margin: 50px 10px 10px 15px;
      left: auto;
      top: auto;
      float: right !important; }
    .professors_swiper .profe_info .info_container {
      padding-left: 10px;
      height: 100%; }

  .banner_videojocs_presentacio {
    height: auto; }
    .banner_videojocs_presentacio .band_content {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 10px !important;
      margin: 0;
      margin-bottom: 10px;
      width: 100%; }
    .banner_videojocs_presentacio .banner_titol {
      display: block !important;
      margin-top: 19px; }
    .banner_videojocs_presentacio .subtitol {
      font-size: 18px;
      margin-bottom: 10px;
      margin-top: 10px; }
    .banner_videojocs_presentacio .bola_grau {
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0;
      width: 100%;
      height: 70px;
      margin: 0px;
      margin-top: 10px;
      display: table;
      text-align: left;
      padding: 10px;
      background: #F0F0EE !important; }
      .banner_videojocs_presentacio .bola_grau .titol {
        font-size: 18px;
        margin-top: 0;
        display: inline; }
      .banner_videojocs_presentacio .bola_grau .lloc {
        padding: 5px 10px;
        font-size: 16px;
        display: inline;
        margin-left: 0px; }
        .banner_videojocs_presentacio .bola_grau .lloc br {
          content: ""; }
        .banner_videojocs_presentacio .bola_grau .lloc br:after {
          content: "\00a0"; }
      .banner_videojocs_presentacio .bola_grau .languages {
        font-size: 16px;
        margin-top: 10px;
        color: #2D2D37; }
        .banner_videojocs_presentacio .bola_grau .languages br {
          content: ""; }
        .banner_videojocs_presentacio .bola_grau .languages br:after {
          content: "\00a0"; }

  /*table.citm_saiq_first{
  	thead tr th:first-child{
  		width: 100px !important;
  		text-align: left !important;
  	}
  }*/
  .citm_saiq table thead tr th {
    text-align: left !important;
    padding-left: 10px; } }
@media only screen and (max-width: 550px) {
  .band.interior.band_404 .title_band {
    font-size: 45px !important;
    max-width: 100%;
    margin-top: 0px;
    margin-bottom: 0; }
  .band.interior.band_404 .text {
    font-size: 16px;
    max-width: 100%;
    margin-bottom: 15px; }
  .band.interior.band_404 .cat {
    position: inherit;
    right: auto;
    top: auto;
    max-width: 100%; }
  .band.interior.band_404 h2 {
    font-size: 16px;
    color: #FFFFFF;
    padding: 5px 10px;
    width: 190px;
    margin-bottom: 7px; }

  .banner_inside.banner_videojocs .banner_titol {
    display: block;
    margin-top: -15px; }
  .banner_inside.banner_videojocs .llocs_banner_videojocs .lloc {
    padding: 3px 6px;
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 7px; }

  .treballs_list {
    margin-right: 0px;
    margin-bottom: 10px; }
    .treballs_list .graus_selector li {
      display: block;
      padding: 5px 15px;
      font-size: 16px;
      margin-bottom: 7px;
      margin-left: 0;
      margin-right: 0; }
    .treballs_list .areas {
      margin-bottom: 0; }
      .treballs_list .areas li {
        margin-bottom: 10px;
        font-size: 16px;
        margin-right: 15px; }
    .treballs_list #treballs_alumnat li {
      width: 100%;
      margin-right: 0px;
      margin-bottom: 20px;
      max-width: 100%; }
    .treballs_list #treballs_alumnat li:nth-of-type(3n+3) {
      margin-right: 0; }
    .treballs_list #treballs_alumnat li:nth-of-type(2n+2) {
      margin-right: 0; }

  .treball_item .imatge_central {
    display: none; }
  .treball_item .goto_grau {
    font-size: 20px; }

  .professors_swiper .profe_info {
    padding: 10px; }
    .professors_swiper .profe_info img {
      display: none; }
    .professors_swiper .profe_info .info_container .nom {
      font-size: 20px;
      margin-bottom: 10px; }

  .band.interior .band_content .image_full_link .title {
    font-size: 20px; }
  .band.interior .band_content .destacat_inside .codi {
    display: block; }
  .band.interior .band_content .destacat_inside a {
    display: block; }
    .band.interior .band_content .destacat_inside a .button {
      margin-top: 10px; }
  .band.interior h4.collapsator + .collapsable {
    padding-left: 15px; }

  ul.resum_table li, ul.resum_table td, table.resum_table li, table.resum_table td {
    padding: 10px; }

  .afegir_calendari {
    margin-bottom: 20px; } }