.trans-all,
#new_ticket #ticket_file_0 span,
#agent-inici-second>a:hover svg,
#agent-inici>a:hover>div svg,
.agent-inici-nav a.selected>div svg,
.agent-inici-nav a:hover>div svg,
a.download:hover svg path,
#login.logged:hover #login-nav,
#login-nav a:after,
#header #main-nav li a:after,
#header .top #languages ul {
  transition: all ease-in-out .2s
}

.trans-link,
main a {
  transition: background-color ease-in-out .2s, color ease-in-out .2s, opacity ease-in-out .2s
}

.trans-bgc-c,
.ticket-buttons a,
.button,
#new_ticket #ticket_submit_button div,
#ticket_add_button,
.ticket-search-bar input[type=submit],
.agentadmin-curs-button {
  transition: background-color ease-in-out .2s, color ease-in-out .2s
}

.trans-bgc,
.slick-dots li button,
#left-nav>h3 a,
#contact-button,
.form .images-zoom,
.notification-list a,
#agent-inici-second>a:hover,
#agent-inici>a:hover>div,
.agent-inici-nav a.selected>div,
.agent-inici-nav a:hover>div,
article.account form .account-button,
#cursos-home .cursos-list>a {
  transition: background-color ease-in-out .2s
}

.trans-bgp,
article.account .curs .pagar_ara:after,
article.account .curs .descarregar_diploma:after {
  transition: background-position ease-in-out .2s
}

.trans-c,
#login-modal-content a.register,
#login-modal-content a.password,
main.contact>section .capcalera a,
.agent.list-records .grid .link a,
footer .top ul li a {
  transition: color ease-in-out .2s
}

.trans-op,
.modal-close,
.curs.show-record #left-content>div a.files:after,
.notification-list .notification-url {
  transition: opacity ease-in-out .2s
}

.trans-p,
#left-nav ul.submenu li a:after,
.curs.show-record #left-content>div a:after,
.agent.list-records .grid .link a:after,
#banner-home-second-row .item>a,
main .more:after,
.button.back:before,
#new_ticket #ticket_submit_button div.back:before,
.back#ticket_add_button:before,
.ticket-search-bar input.back[type=submit]:before,
.agentadmin-curs-button.back:before,
.button:after,
#new_ticket #ticket_submit_button div:after,
#ticket_add_button:after,
.ticket-search-bar input[type=submit]:after,
.agentadmin-curs-button:after {
  transition: padding ease-in-out .2s
}

.trans-w {
  transition: width ease-in-out .2s
}

.trans-mah,
#new_ticket {
  transition: max-height ease-in-out .2s
}

.trans-b,
.box a span {
  transition: border ease-in-out .2s
}

.trans-m,
#banner-home-first-row>* {
  transition: margin ease-in-out .2s
}

.trans-filter,
.news.show-record>section>div>article .images figure img,
#agent-show-record>div>article .images figure img {
  transition: filter ease-in-out .2s
}

.trans-h-c {
  transition: height ease-in-out .2s, color ease-in-out .2s
}

@keyframes ring {
  0% {
    transform: rotate(0)
  }

  1% {
    transform: rotate(30deg)
  }

  3% {
    transform: rotate(-28deg)
  }

  5% {
    transform: rotate(34deg)
  }

  7% {
    transform: rotate(-32deg)
  }

  9% {
    transform: rotate(30deg)
  }

  11% {
    transform: rotate(-28deg)
  }

  13% {
    transform: rotate(26deg)
  }

  15% {
    transform: rotate(-24deg)
  }

  17% {
    transform: rotate(22deg)
  }

  19% {
    transform: rotate(-20deg)
  }

  21% {
    transform: rotate(18deg)
  }

  23% {
    transform: rotate(-16deg)
  }

  25% {
    transform: rotate(14deg)
  }

  27% {
    transform: rotate(-12deg)
  }

  29% {
    transform: rotate(10deg)
  }

  31% {
    transform: rotate(-8deg)
  }

  33% {
    transform: rotate(6deg)
  }

  35% {
    transform: rotate(-4deg)
  }

  37% {
    transform: rotate(2deg)
  }

  39% {
    transform: rotate(-1deg)
  }

  41% {
    transform: rotate(1deg)
  }

  43% {
    transform: rotate(0)
  }

  to {
    transform: rotate(0)
  }
}

* {
  box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: inherit
}

ul,
ol,
li {
  margin: 0;
  padding: 0
}

img {
  border: 0
}

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

fieldset,
form {
  border: 0;
  padding: 0;
  margin: 0
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

abbr {
  border-bottom: 0;
  text-decoration: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
main,
address {
  display: block;
  margin: 0;
  font-style: normal
}

#save_frame {
  display: none;
  height: 0
}

#responsive {
  display: none
}

#responsive:after {
  display: none;
  content: "4000"
}

.grid {
  display: grid
}

.row {
  width: 100%;
  overflow: hidden
}

.left {
  float: left
}

.right {
  float: right
}

.hidden,
.mobile {
  display: none
}

.clearfix:before,
.clearfix:after {
  display: block;
  content: " ";
  line-height: 0
}

.clearfix:after {
  clear: both
}

.fit-width {
  width: 100% !important;
  height: auto !important;
  position: absolute !important;
  z-index: 1
}

.fit-height {
  width: auto !important;
  height: 100% !important;
  position: absolute !important;
  z-index: 1
}

.align-right {
  text-align: right
}

.justify {
  text-align: justify
}

.center {
  text-align: center
}

#accept-cookies {
  position: fixed;
  bottom: 10px;
  left: 10px;
  z-index: 1000000;
  background-color: #fff;
  font-size: 15px;
  line-height: 22px;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, .034), 0 6.7px 5.3px rgba(0, 0, 0, .048), 0 12.5px 10px rgba(0, 0, 0, .06), 0 22.3px 17.9px rgba(0, 0, 0, .072), 0 41.8px 33.4px rgba(0, 0, 0, .086), 0 100px 80px rgba(0, 0, 0, .12);
  max-width: 350px;
  transition: max-width ease-in-out .5s;
  padding: 15px 0 10px;
  max-height: calc(100vh - 20px)
}

#accept-cookies>div {
  padding: 0 25px
}

#accept-cookies .accept-cookies-head {
  text-align: center;
  padding: 0;
  margin: 0 25px
}

#accept-cookies .accept-cookies-head:before {
  content: "";
  display: block;
  width: 100%;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0a10 10 0 0 1 2.11.22.75.75 0 0 1 .37 1.27 2.45 2.45 0 0 0-.73 1.76 2.5 2.5 0 0 0 1.94 2.44.74.74 0 0 1 .57.81 2 2 0 0 0 0 .25 2.5 2.5 0 0 0 4.37 1.66.75.75 0 0 1 1.31.4A9.39 9.39 0 0 1 20 10 10 10 0 1 1 10 0zm0 1.5a8.5 8.5 0 1 0 8.47 9.26v-.41l-.19.09a4.06 4.06 0 0 1-1.05.28h-.5a4 4 0 0 1-4-3.4V7l-.15-.06a4 4 0 0 1-2.34-3.23v-.42A4 4 0 0 1 10.46 2l.1-.24.08-.19h-.28zM13 14a1 1 0 1 1-1 1 1 1 0 0 1 1-1zm-7-1a1 1 0 1 1-1 1 1 1 0 0 1 1-1zm4-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM5 6a1 1 0 1 1-1 1 1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position-x: center
}

#accept-cookies .accept-cookies-container {
  text-align: center;
  overflow-y: auto
}

#accept-cookies .accept-cookies-container>div {
  padding: 0
}

#accept-cookies.active {
  display: grid !important;
  grid-template-rows: auto 1fr;
  grid-gap: 0;
  max-width: 700px
}

#accept-cookies.active .accept-cookies-head {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 20px
}

#accept-cookies #accept-cookies-more {
  text-align: left;
  max-height: 0;
  overflow: hidden;
  transition: max-height ease-in-out 1s
}

#accept-cookies #accept-cookies-more .accept-cookies-title {
  font-weight: 700;
  margin-top: 20px
}

#accept-cookies #accept-cookies-more p {
  margin-top: 10px
}

#accept-cookies #accept-cookies-more a {
  color: #000;
  cursor: pointer
}

#accept-cookies #accept-cookies-more a.more {
  color: #000
}

#accept-cookies.active #accept-cookies-more {
  max-height: 200vh
}

#accept-cookies .accept-cookies-buttons {
  justify-content: center;
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 6px
}

#accept-cookies .accept-cookies-buttons>a {
  display: inline-block;
  text-decoration: none;
  color: #5e5e5e;
  border: 1px solid #5e5e5e;
  border-radius: 5px;
  padding: 4px 12px;
  margin-top: 18px;
  cursor: pointer
}

#accept-cookies .accept-cookies-buttons>a:hover {
  color: #fff !important;
  background: #545454 !important;
  border-color: #545454 !important
}

#accept-cookies .accept-cookies-buttons .center {
  grid-column: 1/-1
}

#accept-cookies .accept-cookies-buttons #accept-cookies-save {
  display: none
}

#accept-cookies .accept-cookies-buttons #accept-cookies-reject,
#accept-cookies .accept-cookies-buttons #accept-cookies-all {
  color: #fff;
  background: #0066b5;
  border-color: #0066b5
}

#accept-cookies .accept-cookies-buttons #accept-cookies-config {
  grid-column: 1/-1;
  justify-self: center;
  margin-top: 14px
}

#accept-cookies .accept-cookies-buttons #accept-cookies-link {
  color: #0066b5;
  display: block;
  margin-top: 7px;
  padding: 3px 0
}

#accept-cookies .accept-cookies-buttons #accept-cookies-link:hover {
  text-decoration: none
}

#accept-cookies.active #accept-cookies-save {
  display: inline-block
}

#accept-cookies.active #accept-cookies-reject,
#accept-cookies.active #accept-cookies-config {
  display: none
}

#accept-cookies #accept-cookies-close {
  display: none;
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer
}

#accept-cookies #accept-cookies-close svg {
  width: 20px;
  height: 20px
}

#accept-cookies #accept-cookies-close:hover {
  color: #0066b5
}

#accept-cookies.active #accept-cookies-close {
  display: block
}

.acordion {
  margin-top: 10px
}

.acordion-header {
  padding: 7px 10px;
  display: flex;
  justify-content: space-between;
  grid-column-gap: 10px
}

.acordion-header>div {
  display: flex;
  text-align: right;
  align-items: center
}

.acordion-header .jcf-checkbox {
  margin: 0 0 0 10px
}

.acordion-container {
  display: none;
  padding: 10px 0 20px 32px;
  font-size: .95rem
}

.acordion-title {
  cursor: pointer;
  position: relative;
  padding-left: 22px
}

.acordion-title:before {
  content: "";
  width: 15px;
  height: 24px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"%3E%3Cpath fill="" d="M104.704 338.752a64 64 0 0 1 90.496 0l316.8 316.8l316.8-316.8a64 64 0 0 1 90.496 90.496L557.248 791.296a64 64 0 0 1-90.496 0L104.704 429.248a64 64 0 0 1 0-90.496z"%2F%3E%3C%2Fsvg%3E');
  background-size: 15px auto;
  background-repeat: no-repeat;
  background-position: 0 3px;
  transition: all .3s
}

.acordion-title.active:before {
  transform: rotate(180deg);
  background-position: 0 4px
}

.acordion p {
  margin-top: 0 !important
}

.acordion .technical {
  color: #0066b5
}

@media only screen and (min-width:451px) and (max-width:770px) {
  #accept-cookies.active {
    max-width: calc(100vw - 20px)
  }
}

@media only screen and (max-width:450px) {
  #accept-cookies {
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    border: 0;
    border-top: 1px solid #b5b5b5;
    box-shadow: rgba(0, 0, 0, .25)0 54px 55px, rgba(0, 0, 0, .12)0-12px 30px, rgba(0, 0, 0, .12)0 4px 6px, rgba(0, 0, 0, .17)0 12px 13px, rgba(0, 0, 0, .09)0-3px 5px;
    max-width: initial;
    max-height: calc(100vh - 70px)
  }

  #accept-cookies>div {
    padding-left: 20px;
    padding-right: 20px
  }

  #accept-cookies .accept-cookies-head {
    text-align: left;
    padding-right: 35px
  }

  #accept-cookies .accept-cookies-head:before {
    position: absolute;
    top: 20px;
    right: 15px;
    width: 30px;
    height: 30px
  }

  #accept-cookies.active .accept-cookies-head:before {
    display: none
  }

  #accept-cookies .accept-cookies-buttons {
    display: grid;
    grid-template-columns: auto auto auto;
    align-items: end
  }

  #accept-cookies .accept-cookies-buttons>a {
    padding: 2px 5px;
    font-size: .9em;
    grid-column: auto !important;
    margin-top: 14px !important;
    justify-self: auto !important
  }

  #accept-cookies .accept-cookies-buttons .center {
    grid-column: initial;
    justify-self: end;
    text-align: right;
    line-height: 1.1
  }

  #accept-cookies #accept-cookies-link {
    margin-top: 5px !important
  }

  #accept-cookies .acordion-header {
    padding-left: 0;
    padding-right: 0
  }

  #accept-cookies .acordion-container {
    padding-left: 22px
  }
}

html {
  height: 100%
}

header,
main,
footer {
  margin: 0 auto;
  max-width: none
}

.container,
.module-message {
  max-width: 1660px;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px
}

.container .container,
.module-message .container {
  padding-right: 0;
  padding-left: 0;
  margin-left: 0;
  margin-right: 0
}

.half-container {
  max-width: 830px
}

.half-container.right {
  float: none;
  margin-right: auto;
  margin-left: 0;
  padding-left: 0;
  padding-right: 30px
}

.half-container.left {
  float: none;
  margin-left: auto;
  margin-right: 0;
  padding-right: 0;
  padding-left: 30px
}

p {
  margin: 40px 0 0 0
}

#home p {
  margin: 40px 0 0 0
}

input,
select,
textarea {
  /* font-size: 17px; */
  line-height: 1.5;
  /* font-family: "Open Sans", sans-serif; */
  padding: 0 0 0 10px;
  margin: 0
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: #5e5e5e;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s
}

textarea,
input[type=text],
input[type=password],
input[type=email],
input[type=submit],
input[type=button] {
  -webkit-appearance: none;
  -moz-appearance: none
}

textarea {
  overflow: auto
}

.button,
#new_ticket #ticket_submit_button div,
#ticket_add_button,
.ticket-search-bar input[type=submit],
.agentadmin-curs-button {
  color: #fff;
  background: #40a5f3;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  padding: 18px 30px;
  align-items: center;
  justify-content: center
}

.button.agentadmin-curs-button,
#new_ticket #ticket_submit_button div.agentadmin-curs-button,
.agentadmin-curs-button#ticket_add_button,
.ticket-search-bar input.agentadmin-curs-button[type=submit],
.button.button-2,
#new_ticket #ticket_submit_button div.button-2,
.button-2#ticket_add_button,
.ticket-search-bar input.button-2[type=submit],
.agentadmin-curs-button.agentadmin-curs-button,
.agentadmin-curs-button.button-2 {
  display: inline-flex;
  padding: 5px 30px;
  font-size: 16px;
  color: #fff;
  font-weight: 300;
  vertical-align: middle;
  margin-top: 30px
}

.button.agentadmin-curs-button,
#new_ticket #ticket_submit_button div.agentadmin-curs-button,
.agentadmin-curs-button#ticket_add_button,
.ticket-search-bar input.agentadmin-curs-button[type=submit],
.agentadmin-curs-button.agentadmin-curs-button {
  margin-top: 0;
  white-space: nowrap;
  padding: 2px 10px
}

.button:after,
#new_ticket #ticket_submit_button div:after,
#ticket_add_button:after,
.ticket-search-bar input[type=submit]:after,
.agentadmin-curs-button:after {
  content: ">";
  font-size: 22px;
  font-weight: 300;
  transform: scaleY(1.7);
  padding-left: 10px;
  padding-right: 5px;
  margin-right: -5px
}

.button:hover,
#new_ticket #ticket_submit_button div:hover,
#ticket_add_button:hover,
.ticket-search-bar input[type=submit]:hover,
.agentadmin-curs-button:hover {
  color: #fff;
  background: #0a3881 !important
}

.button:hover:after,
#new_ticket #ticket_submit_button div:hover:after,
#ticket_add_button:hover:after,
.ticket-search-bar input[type=submit]:hover:after,
.agentadmin-curs-button:hover:after {
  padding-left: 15px;
  padding-right: 0
}

.button.back:after,
#new_ticket #ticket_submit_button div.back:after,
.back#ticket_add_button:after,
.ticket-search-bar input.back[type=submit]:after,
.agentadmin-curs-button.back:after {
  content: "";
  display: none
}

.button.back:before,
#new_ticket #ticket_submit_button div.back:before,
.back#ticket_add_button:before,
.ticket-search-bar input.back[type=submit]:before,
.agentadmin-curs-button.back:before {
  content: "<";
  font-size: 22px;
  font-weight: 300;
  transform: scaleY(1.7);
  padding-right: 10px;
  padding-left: 5px;
  margin-left: -5px
}

.button.back:hover,
#new_ticket #ticket_submit_button div.back:hover,
.back#ticket_add_button:hover,
.ticket-search-bar input.back[type=submit]:hover,
.agentadmin-curs-button.back:hover {
  color: #fff;
  background: #0a3881 !important
}

.button.back:hover:before,
#new_ticket #ticket_submit_button div.back:hover:before,
.back#ticket_add_button:hover:before,
.ticket-search-bar input.back[type=submit]:hover:before,
.agentadmin-curs-button.back:hover:before {
  padding-right: 15px;
  padding-left: 0
}

main .more {
  color: #0066b5;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-top: 34px
}

main .more:after {
  content: ">";
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  transform: scaleY(1.7);
  padding-left: 8px;
  padding-right: 4px
}

main .more:hover {
  color: #000
}

main .more:hover:after {
  padding-left: 12px;
  padding-right: 0
}

.box {
  margin-top: 10px;
  border-bottom: 20px solid #0066b5
}

.box h5 {
  font-size: 18px;
  font-weight: 600;
  color: #2f2f2f;
  padding-top: 5px
}

.box:first-of-type {
  margin-top: 90px
}

.box>* {
  background-color: #f9f9f9;
  padding: 35px;
  margin-top: 2px
}

.box>:first-child {
  margin-top: 0
}

.box>h5 {
  padding-top: 25px;
  padding-bottom: 15px;
  padding-right: 35px;
  padding-left: 35px
}

.box>h5 span {
  font-weight: 400;
  padding-left: 10px
}

.box a {
  display: block;
  margin-top: 20px;
  font-weight: 600;
  text-decoration: none
}

.box a span {
  display: inline-block;
  border-bottom: 3px solid transparent
}

.box a:first-child {
  margin-top: 0
}

.box a:hover span {
  border-bottom: 3px solid #40a5f3
}

.no-results {
  font-size: 18px;
  padding-top: 50px
}

#missatge_important {
  background-color: #ffca00;
  color: #fff;
  font-size: 18px;
  padding-top: 30px;
  padding-bottom: 30px
}

main {
  color: #5e5e5e;
  font-weight: 400
}

main#home {
  padding-bottom: 132px
}

main#inner>section {
  padding-top: 40px;
  padding-bottom: 132px;
  display: grid;
  grid-template-columns: 32% 1fr;
  grid-template-rows: auto 1fr;
  grid-gap: 0 60px;
  align-items: start
}

main#inner.contact>section,
main#inner.news>section,
main#inner.api.agent>section,
main#inner.api.sell>section,
main#inner.api.buy>section {
  display: block
}

main#inner header {
  padding-bottom: 40px
}

main#inner header h1 {
  font-size: 20px;
  line-height: 1.5;
  color: #2f2f2f;
  font-weight: 700
}

main#inner header h2 {
  font-size: 16px;
  font-weight: 400
}

main#inner header h1+h2 {
  margin-top: 3px
}

main#inner.curs.show-record header h1,
main#inner.news.show-record header h1,
main#inner.agent.show-record header h1 {
  color: #0066b5;
  font-size: 26px;
  font-weight: 400;
  text-transform: uppercase
}

main#inner.curs.show-record header h2,
main#inner.news.show-record header h2,
main#inner.agent.show-record header h2 {
  color: #0066b5;
  font-size: 21px;
  font-weight: 400
}

main#inner.curs.show-record header h1+h2,
main#inner.news.show-record header h1+h2,
main#inner.agent.show-record header h1+h2 {
  margin-top: 30px
}

main#inner.curs.show-record header,
main#inner.agent.show-record header {
  max-width: 600px
}

main#inner.agent.show-record header h1+h2 {
  margin-top: 0
}

main ul,
main ol {
  margin: 30px 0 0 0;
  padding: 0 0 0 .8em
}

main ul li,
main ol li {
  padding-left: 5px
}

main ul {
  position: relative
}

main ul li {
  padding-left: 0;
  list-style: none
}

main ul li:before {
  content: "·";
  position: absolute;
  left: 0
}

main a {
  color: #0066b5
}

main a:hover {
  color: #000;
  text-decoration: none
}

body.clean {
  margin: 10px 40px 40px;
  background-color: #fff;
  height: calc(100% - 50px)
}

body.clean main {
  width: auto;
  height: 100%
}

body.clean .container {
  padding-right: 0 !important;
  padding-left: 0 !important
}

.blockMsg {
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, .4)
}

.modalMessage {
  padding: 20px;
  font-size: 18px
}

.modalCloseImg {
  height: 30px;
  line-height: 30px;
  position: absolute;
  background-color: #fff;
  color: #000;
  left: 0;
  top: -30px;
  padding: 0 20px;
  text-align: right;
  cursor: pointer;
  z-index: 1002
}

.modalCloseImg:hover {
  background-color: #f8f8f8;
  color: #000
}

.module-message {
  margin-top: 50px;
  margin-bottom: 50px;
  display: block
}

#breadcrumb a {
  color: inherit
}

.lg-outer .lg-video {
  padding-bottom: 460px !important;
  max-width: 700px;
  margin: 0 auto
}

aside.results {
  margin-left: -8px;
  margin-right: -8px;
  margin-top: 138px;
  display: flex;
  justify-content: center;
  align-items: center
}

aside.results>div {
  text-align: center
}

.pageResults {
  padding: 0 8px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  overflow: hidden;
  color: #0066b5;
  font-size: 17px;
  vertical-align: middle
}

a.pageResults:hover {
  color: #000;
  border-color: #0066b5;
  text-decoration: underline
}

b.pageResults {
  font-weight: 700
}

a.pageResultsPrevious,
a.pageResultsNext {
  display: none
}

a.pagePreviousSet,
a.pageNextSet,
a.pagePrevious,
a.pageNext {
  margin-top: 0
}

a.pagePreviousSet,
a.pagePrevious {
  margin-right: 30px;
  margin-top: 0 !important;
  white-space: nowrap
}

a.pageNextSet,
a.pageNext {
  margin-left: 30px;
  margin-top: 0 !important;
  white-space: nowrap
}

a.pageResultsPreviousSet,
a.pageResultsNextSet {
  display: none
}

#header {
  background-color: #fff
}

#header .top {
  background-color: #2a6ec9
}

#header .top .container {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  grid-gap: 15px
}

#header .top .container.logged {
  grid-template-columns: 1fr auto auto auto auto
}

#header .top .container address {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  justify-self: flex-end;
  padding-right: 10px
}

#header .top .container address .tel {
  color: inherit;
  text-decoration: none
}

#header .top #languages #current-language {
  font-size: 13px;
  color: #04183d;
  cursor: pointer;
  padding: 5px 5px;
  display: flex;
  align-items: center
}

#header .top #languages #current-language span:last-child {
  padding-left: 10px;
  padding-right: 10px
}

#header .top #languages ul {
  max-height: 0;
  min-width: 50px;
  list-style: none;
  overflow: hidden;
  z-index: 30;
  position: absolute;
  background-color: #518fff
}

#header .top #languages ul li {
  display: block
}

#header .top #languages:hover ul {
  max-height: 200px;
  min-width: 70px
}

#header .top #languages a {
  text-decoration: none;
  color: #fff;
  padding: 2px 10px;
  display: block
}

#header .top #languages a:hover {
  background-color: #0a3881
}

#header .top>.container>div {
  margin: 5px 0 6px;
  font-size: 0;
  line-height: 0
}

#header .top>.container>div .notification-nav {
  color: #fff;
  position: relative
}

#header .top>.container>div .notification-nav span {
  position: absolute;
  z-index: 4;
  font-size: 11px;
  width: 19px;
  height: 19px;
  line-height: 17px;
  text-align: center;
  border-radius: 50%;
  background-color: #ff2828;
  color: #fff;
  font-weight: 700;
  right: 0;
  top: 2px;
  display: none
}

#header .top>.container>div .notification-nav svg {
  height: 34px !important
}

#header .top>.container>div .notification-nav.active {
  color: #fff
}

#header .top>.container>div .notification-nav.active span {
  display: block
}

#header .top>.container>div .notification-nav.active svg {
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px
}

#header .top>.container>div>a,
#header .top>.container>div>span {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 39px;
  height: 40px;
  padding: 10px;
  position: relative
}

#header .top>.container>div>a svg,
#header .top>.container>div>span svg {
  position: absolute;
  width: auto;
  height: 30px;
  transition: transform .2s ease-in-out, background-color .2s ease-in-out;
  z-index: 3
}

#header .top>.container>div>a:hover svg,
#header .top>.container>div>span:hover svg {
  transform: scale(.8)
}

#header .top>.container>div>a::before,
#header .top>.container>div>span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  background: #fff;
  opacity: .2;
  border-radius: 50%;
  z-index: 1;
  transform-origin: center;
  transform: scaleX(0) scaleY(0) translateZ(0);
  transition: transform .2s ease-in-out, background-color .2s ease-in-out
}

#header .top>.container>div>a:hover:before,
#header .top>.container>div>span:hover:before {
  transform: scaleX(1) scaleY(1) translateZ(0);
  z-index: 2
}

#header .top>.container>div.search {
  margin-right: -3px
}

#header .top>.container>div form {
  display: none
}

#header.inner .middle {
  box-shadow: 0 5px 5px 0#f1f1f1;
  z-index: 2;
  position: relative
}

#header .middle {
  box-shadow: 0 5px 5px 0#f8f8f8;
  padding-bottom: 2px
}

#header .middle .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}

#header .middle .container #logo {
  font-size: 0;
  line-height: 0;
  display: block;
  margin: 25px 40px 16px 0;
  height: 46px
}

#header .middle .container #logo img {
  width: auto;
  height: 100%
}

#header #main-nav ul {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  margin-right: -1px
}

#header #main-nav li {
  display: flex;
  align-items: stretch;
  border-bottom: 5px solid #2a4a93;
  padding-bottom: 1px;
  margin-right: 1px;
  margin-left: 1px
}

#header #main-nav li a {
  text-decoration: none;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-width: 108px;
  text-align: center;
  font-size: 13px;
  line-height: 16px;
  color: #696973;
  text-transform: uppercase;
  padding: 7px 20px;
  position: relative
}

#header #main-nav li a span {
  position: relative;
  z-index: 2
}

#header #main-nav li a:after {
  content: "";
  display: block;
  position: absolute;
  height: 27px;
  bottom: 1px;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0
}

#main-nav .color-home a::after {
  background-color: #518fff
}

#main-nav .color-4 a::after {
  background-color: #2a6ec9
}

#main-nav .color-15 a::after {
  background-color: #2a4a93
}

#main-nav .color-16 a::after {
  background-color: #0a3881
}

#main-nav .color-19 a::after {
  background-color: #f2e542
}

#main-nav .color-17 a::after {
  background-color: #ffd536
}

#main-nav .color-18 a::after {
  background-color: #ffcf19
}

#main-nav .color-226 a::after {
  background-color: #ffca00
}

#main-nav .color-31 a::after {
  background-color: #e1e0de
}

#main-nav .color-30 a::after {
  background-color: #ededec
}

#header #main-nav li.active1 a,
#header #main-nav li a:hover {
  color: #fff
}

#header #main-nav li.active1 a:after,
#header #main-nav li a:hover:after {
  height: 100%;
  opacity: 1
}

#header #main-nav li .dropdown,
#header #main-nav li .submenu {
  display: none
}

#header.inner .bottom {
  background-color: #f8f8f8
}

#header .bottom {
  padding-top: 18px;
  padding-bottom: 14px
}

#header .bottom .container {
  display: flex;
  justify-content: space-between
}

#header .bottom h3 {
  font-size: 16px;
  font-weight: 700;
  color: #696973;
  margin-right: 40px
}

#header .bottom .social {
  display: flex;
  justify-content: flex-end
}

#header .bottom .social>span {
  padding-right: 6px
}

#header .bottom .social a {
  width: 21px;
  height: 21px;
  position: relative;
  border: 1px solid #696969;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  padding: 8px;
  position: relative
}

#header .bottom .social a svg {
  position: absolute;
  width: auto;
  height: 13px;
  transition: transform .2s ease-in-out, background-color .2s ease-in-out;
  z-index: 3
}

#header .bottom .social a:hover svg {
  transform: scale(.8)
}

#header .bottom .social a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  background: #f5f5f5;
  opacity: .9;
  border-radius: 50%;
  z-index: 1;
  transform-origin: center;
  transform: scaleX(0) scaleY(0) translateZ(0);
  transition: transform .2s ease-in-out, background-color .2s ease-in-out
}

#header .bottom .social a:hover:before {
  transform: scaleX(1) scaleY(1) translateZ(0);
  z-index: 2
}

#header .bottom .social a svg path {
  fill: #696973
}

#menu-mobile {
  display: none;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  margin-right: -5px
}

#menu-mobile span {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  padding: 10px;
  position: relative
}

#menu-mobile span svg {
  position: absolute;
  width: auto;
  height: 33px;
  transition: transform .2s ease-in-out, background-color .2s ease-in-out;
  z-index: 3
}

#menu-mobile span:hover svg {
  transform: scale(.8)
}

#menu-mobile span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  background: #696973;
  opacity: .1;
  border-radius: 50%;
  z-index: 1;
  transform-origin: center;
  transform: scaleX(0) scaleY(0) translateZ(0);
  transition: transform .2s ease-in-out, background-color .2s ease-in-out
}

#menu-mobile span:hover:before {
  transform: scaleX(1) scaleY(1) translateZ(0);
  z-index: 2
}

#menu-mobile span svg {
  width: 33px;
  height: auto
}

#menu-mobile span svg path {
  fill: #696973
}

#submenu-mobile {
  display: none;
  border-bottom: 10px solid #f2f2f2;
  float: none;
  background-color: #fff
}

#submenu-mobile>div a {
  padding-right: 30px;
  padding-left: 30px;
  text-decoration: none;
  color: #5e5e5e;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  display: block;
  border-top: 1px solid #f2f2f2
}

#submenu-mobile>div a.active1 {
  font-weight: 600;
  color: #0066b5
}

#submenu-mobile>div div:first-child a,
#submenu-mobile>div li:first-child a {
  border-top: none
}

#submenu-mobile>div .dropdown {
  position: absolute;
  display: block;
  font-size: 20px;
  font-weight: 400;
  padding-top: 13px;
  padding-bottom: 13px;
  width: 30px;
  text-align: center;
  cursor: pointer;
  padding-right: 6px;
  padding-left: 6px;
  left: 12px
}

#submenu-mobile>div .dropdown:hover {
  font-weight: 600;
  color: #0066b5
}

#submenu-mobile>div .submenu {
  padding-bottom: 30px;
  display: none
}

#submenu-mobile>div .submenu>div {
  position: relative
}

#submenu-mobile>div .submenu .dropdown {
  padding-top: 5px;
  padding-bottom: 7px;
  left: 30px
}

#submenu-mobile>div .submenu a {
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 60px;
  border-top: 0;
  font-size: 15px
}

#submenu-mobile>div .subsubmenu {
  padding-bottom: 30px;
  display: none
}

#submenu-mobile>div .subsubmenu a {
  padding-left: 75px
}

#submenu-mobile>div .active1>a {
  font-weight: 700
}

#submenu-mobile>div .active1>.submenu,
#submenu-mobile>div .active1>.subsubmenu {
  display: block
}

#submenu-mobile>.agent-inici-nav>div {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 5px 5px;
  padding-top: 25px;
  padding-bottom: 40px
}

#submenu-mobile>.agent-inici-nav>div a {
  padding: 0 !important
}

#submenu-mobile>.agent-inici-nav>div a>div {
  justify-content: flex-start
}

#submenu-mobile ul {
  list-style: none
}

#submenu-mobile ul li {
  display: block;
  position: relative
}

#submenu-mobile ul li.color:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  bottom: 1px;
  width: 8px
}

#submenu-mobile ul li a {
  padding-left: 45px
}

#submenu-mobile h3 {
  padding-left: 38px;
  padding-right: 30px;
  font-size: 22px;
  padding-top: 25px;
  padding-bottom: 10px
}

#submenu-mobile>#languages-mobile {
  border-top-width: 1px
}

#submenu-mobile>#languages-mobile ul {
  position: relative
}

#submenu-mobile>#languages-mobile ul:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  bottom: 1px;
  width: 8px;
  background-color: #e58718
}

#submenu-mobile>#languages-mobile a {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 0
}

footer .top {
  background-color: #0a3881;
  padding-top: 55px;
  padding-bottom: 220px
}

footer .top .container {
  max-width: 1400px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px 30px
}

footer .top ul li {
  padding-left: 0;
  list-style: none;
  max-width: 280px
}

footer .top ul li a {
  font-size: 13px;
  font-weight: 300;
  color: #83abdb;
  text-decoration: none;
  line-height: 1.4;
  padding: 4px 0;
  display: inline-block
}

footer .top ul li a:hover {
  color: #fff
}

footer .top ul li.active1 a {
  font-weight: 600
}

footer .top ul li.title a {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 12px
}

footer .logos {
  background-color: #eee
}

footer .logos .container {
  max-width: 699px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px
}

footer .logos .container>* {
  margin: 0 10px
}

footer .logos .container img {
  max-width: 100%;
  height: auto
}

footer address {
  text-align: center;
  font-size: 13px;
  font-weight: 300;
  color: #0066b5;
  padding-top: 42px;
  padding-bottom: 10px
}

footer address .fn {
  font-weight: 300
}

footer address p {
  margin: 0;
  display: inline
}

footer address div {
  padding-top: 12px
}

footer address a {
  color: inherit;
  text-decoration: none
}

footer address a:hover {
  color: #000
}

#descantia {
  text-align: center;
  font-size: 10px;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 10px
}

#descantia a {
  color: #58585a;
  text-decoration: none
}

#descantia a:hover {
  color: #000;
  text-decoration: none
}

#descantia img {
  vertical-align: top;
  width: 75px;
  height: 50px;
  margin-top: 1px
}

#descantia a:hover img {
  margin-top: -24px
}

main#home .h1 p,
main#home .h2 p,
main#home .h3 p,
main#home .h4 p,
main#home .h5 p,
main#home .h6 p {
  margin: 0
}

#slider-home {
  position: relative;
  overflow: hidden
}

#slider-home .item {
  background-size: cover;
  background-position: center center
}

#slider-home .item>a,
#slider-home .item>div {
  min-height: 520px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 40px 30px;
  text-decoration: none
}

#slider-home .item>a>div,
#slider-home .item>div>div {
  max-width: 50%;
  padding: 40px;
  background-color: rgba(0, 102, 181, .6)
}

#slider-home .item h1,
#slider-home .item h3 {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.4
}

#slider-home .item h2,
#slider-home .item h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 300
}

#slider-home .item h1+h2,
#slider-home .item h3+h4 {
  margin-top: 20px
}

#slider-home .item img {
  display: block
}

#banner-home-top {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 25px;
  margin-top: 70px
}

#banner-home-top>* {
  min-height: 330px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 65px 48px 40px;
  color: #fff
}

#banner-home-top>.banner-0 {
  background-color: #518fff
}

#banner-home-top>.banner-1 {
  background-color: #2a6ec9
}

#banner-home-top>.banner-2 {
  background-color: #2a4a93
}

#banner-home-top>.banner-3 {
  background-color: #0a3881
}

#banner-home-top>.banner-4 {
  background-color: #f2e542
}

#banner-home-top>.banner-5 {
  background-color: #ffd536
}

#banner-home-top>.banner-6 {
  background-color: #ffcf19
}

#banner-home-top>.banner-7 {
  background-color: #ffca00
}

#banner-home-top>.banner-8 {
  background-color: #e1e0de
}

#banner-home-top>.banner-9 {
  background-color: #ededec
}

#banner-home-top>*>div:first-child {
  padding-bottom: 20px
}

#banner-home-top>a {
  color: #fff;
  text-decoration: none
}

#banner-home-top>a.banner-0:hover {
  background-color: #1e6eff
}

#banner-home-top>a.banner-1:hover {
  background-color: #21579f
}

#banner-home-top>a.banner-2:hover {
  background-color: #1f366b
}

#banner-home-top>a.banner-3:hover {
  background-color: #062352
}

#banner-home-top>a.banner-4:hover {
  background-color: #efde12
}

#banner-home-top>a.banner-5:hover {
  background-color: #ffca03
}

#banner-home-top>a.banner-6:hover {
  background-color: #e5b500
}

#banner-home-top>a.banner-7:hover {
  background-color: #cca200
}

#banner-home-top>a.banner-8:hover {
  background-color: #c9c7c3
}

#banner-home-top>a.banner-9:hover {
  background-color: #d4d4d2
}

#banner-home-top>a:hover {
  background-color: rgba(0, 0, 0, .2)
}

#banner-home-top>a:hover .center span {
  box-shadow: 0 0 0 10px rgba(255, 255, 255, .2)
}

#banner-home-top>a:hover .center img {
  transform: scale(.9)
}

#banner-home-top .center span {
  display: inline-block;
  padding: 10px 12px;
  position: relative;
  border-radius: 50%;
  transition: box-shadow .2s
}

#banner-home-top .center img {
  max-width: 100%;
  height: auto;
  transition: transform .2s
}

#banner-home-top h3 {
  font-size: 21px;
  font-weight: 300;
  line-height: 1.3;
  text-decoration: none
}

#banner-home-top h4 {
  font-size: 21px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none
}

#banner-home-top p {
  margin: 0;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none
}

#news-home h6 {
  font-size: 18px;
  font-weight: 700;
  color: #2f2f2f;
  text-transform: uppercase;
  margin-top: 70px
}

#news-home .new-list {
  margin-top: 35px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 40px 25px
}

#cursos-home>div {
  background-color: #f9f9f9;
  padding: 28px 30px 42px;
  margin-top: 70px
}

#cursos-home .top {
  display: flex;
  font-size: 18px;
  font-weight: 700;
  padding-left: 20px
}

#cursos-home .top h3,
#cursos-home .top h4 {
  font-weight: 700
}

#cursos-home .top h3 {
  text-transform: uppercase
}

#cursos-home .top span {
  padding: 0 10px;
  margin-top: -2px
}

#cursos-home .top a {
  color: inherit;
  text-decoration: none
}

#cursos-home .cursos-list {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0;
  font-size: 14px;
  background-color: #fff
}

#cursos-home .cursos-list .header {
  color: #0066b5;
  font-weight: 700;
  border-bottom: 4px solid #eaeaea;
  padding-bottom: 15px;
  min-height: 0
}

#cursos-home .cursos-list>* {
  background-color: #fff;
  border-bottom: 2px solid #f9f9f9;
  padding: 20px 30px 15px;
  min-height: 77px;
  display: flex;
  justify-content: space-between
}

#cursos-home .cursos-list>:nth-child(n-2) {
  border-right: 2px solid #f9f9f9
}

#cursos-home .cursos-list>a {
  color: inherit;
  text-decoration: none
}

#cursos-home .cursos-list>a:hover {
  background-color: #eaeaea
}

#cursos-home .cursos-list>a h5 {
  max-width: 370px
}

#cursos-home .cursos-list>a time {
  color: #3b3b3b;
  font-weight: 400;
  padding-left: 30px
}

#cursos-home a.button,
#cursos-home a#ticket_add_button {
  justify-content: flex-end
}

#banner-home-fixed {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 25px;
  margin-top: 100px
}

#banner-home-fixed>div {
  background-color: #ededed
}

#banner-home-fixed>div:first-child {
  grid-column: span 2;
  background: #ededed url(../images/banner_home_fixed_1.jpg)left bottom no-repeat;
  min-height: 519px;
  padding: 50px 50px 50px 372px;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

#banner-home-fixed>div:first-child h1 {
  color: #0066b5;
  font-size: 22px;
  font-weight: 700;
  max-width: 240px;
  margin-top: 20px;
  line-height: 1.4
}

#banner-home-fixed>div:first-child h1 strong {
  font-weight: 800
}

#banner-home-fixed>div:first-child .button,
#banner-home-fixed>div:first-child #new_ticket #ticket_submit_button div,
#new_ticket #ticket_submit_button #banner-home-fixed>div:first-child div,
#banner-home-fixed>div:first-child #ticket_add_button,
#banner-home-fixed>div:first-child .ticket-search-bar input[type=submit],
.ticket-search-bar #banner-home-fixed>div:first-child input[type=submit] {
  margin-top: 20px
}

#banner-home-fixed>div:first-child h2 {
  margin-top: 20px
}

#banner-home-fixed>div:nth-child(2),
#banner-home-fixed>div:nth-child(3) {
  padding: 50px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end
}

#banner-home-fixed>div:nth-child(2) img,
#banner-home-fixed>div:nth-child(3) img {
  align-self: center
}

#banner-home-fixed>div:nth-child(2) .button,
#banner-home-fixed>div:nth-child(2) #new_ticket #ticket_submit_button div,
#new_ticket #ticket_submit_button #banner-home-fixed>div:nth-child(2) div,
#banner-home-fixed>div:nth-child(2) #ticket_add_button,
#banner-home-fixed>div:nth-child(2) .ticket-search-bar input[type=submit],
.ticket-search-bar #banner-home-fixed>div:nth-child(2) input[type=submit],
#banner-home-fixed>div:nth-child(3) .button,
#banner-home-fixed>div:nth-child(3) #new_ticket #ticket_submit_button div,
#new_ticket #ticket_submit_button #banner-home-fixed>div:nth-child(3) div,
#banner-home-fixed>div:nth-child(3) #ticket_add_button,
#banner-home-fixed>div:nth-child(3) .ticket-search-bar input[type=submit],
.ticket-search-bar #banner-home-fixed>div:nth-child(3) input[type=submit] {
  width: 100%;
  margin: 0;
  justify-content: flex-end
}

#banner-home-fixed>div:nth-child(2)>img,
#banner-home-fixed>div:nth-child(2) div {
  padding-left: 40px;
  padding-right: 40px
}

#banner-home-fixed>div:nth-child(2)>img {
  width: 100%;
  height: auto
}

#banner-home-fixed>div:nth-child(2) .button,
#banner-home-fixed>div:nth-child(2) #new_ticket #ticket_submit_button div,
#new_ticket #ticket_submit_button #banner-home-fixed>div:nth-child(2) div,
#banner-home-fixed>div:nth-child(2) #ticket_add_button,
#banner-home-fixed>div:nth-child(2) .ticket-search-bar input[type=submit],
.ticket-search-bar #banner-home-fixed>div:nth-child(2) input[type=submit] {
  margin-top: 20px;
  background-color: #ee2e95
}

#banner-home-fixed>div:nth-child(2) .button:hover,
#banner-home-fixed>div:nth-child(2) #new_ticket #ticket_submit_button div:hover,
#new_ticket #ticket_submit_button #banner-home-fixed>div:nth-child(2) div:hover,
#banner-home-fixed>div:nth-child(2) #ticket_add_button:hover,
#banner-home-fixed>div:nth-child(2) .ticket-search-bar input[type=submit]:hover,
.ticket-search-bar #banner-home-fixed>div:nth-child(2) input[type=submit]:hover {
  background-color: #d7127c
}

#banner-home-fixed>div:nth-child(3) {
  color: #de0614
}

#banner-home-fixed>div:nth-child(3)>div {
  align-self: flex-start
}

#banner-home-fixed>div:nth-child(3) h3 {
  font-size: 33px;
  line-height: 1.1;
  font-weight: 700
}

#banner-home-fixed>div:nth-child(3) h3 strong {
  display: block;
  font-weight: 800
}

#banner-home-fixed>div:nth-child(3) h4 {
  padding-top: 17px;
  font-size: 17px;
  max-width: 170px;
  line-height: 1.4;
  font-weight: 600
}

#banner-home-fixed>div:nth-child(3)>* {
  margin-left: 40px;
  margin-right: 40px
}

#banner-home-fixed>div:nth-child(3) img {
  align-self: flex-end;
  margin-top: 20px
}

#banner-home-fixed>div:nth-child(3) .button,
#banner-home-fixed>div:nth-child(3) #new_ticket #ticket_submit_button div,
#new_ticket #ticket_submit_button #banner-home-fixed>div:nth-child(3) div,
#banner-home-fixed>div:nth-child(3) #ticket_add_button,
#banner-home-fixed>div:nth-child(3) .ticket-search-bar input[type=submit],
.ticket-search-bar #banner-home-fixed>div:nth-child(3) input[type=submit] {
  margin-top: 20px;
  background-color: #de0614
}

#banner-home-fixed>div:nth-child(3) .button:hover,
#banner-home-fixed>div:nth-child(3) #new_ticket #ticket_submit_button div:hover,
#new_ticket #ticket_submit_button #banner-home-fixed>div:nth-child(3) div:hover,
#banner-home-fixed>div:nth-child(3) #ticket_add_button:hover,
#banner-home-fixed>div:nth-child(3) .ticket-search-bar input[type=submit]:hover,
.ticket-search-bar #banner-home-fixed>div:nth-child(3) input[type=submit]:hover {
  background-color: #ac0510
}

#banner-home-fixed>div img {
  max-width: 100%;
  height: auto
}

#banner-home-first-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 15px 25px;
  margin-top: 25px;
  font-size: 0;
  line-height: 0
}

#banner-home-first-row>* {
  border: 1px solid #a5a5a5;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px
}

#banner-home-first-row>:last-child,
#banner-home-first-row>:first-child {
  border: 0
}

#banner-home-first-row>:hover {
  margin-top: 10px;
  margin-bottom: 0
}

#banner-home-first-row img {
  width: 100%;
  height: auto
}

#banner-home-second-row {
  max-width: 1330px;
  margin-top: 140px;
  padding-bottom: 80px;
  padding-right: 0;
  padding-left: 0
}

#banner-home-second-row.slick-initialized {
  display: block
}

#banner-home-second-row,
#banner-home-second-row .slick-track {
  display: flex;
  align-items: stretch
}

#banner-home-second-row .slick-slide {
  float: none;
  height: auto
}

#banner-home-second-row .item {
  width: 20%
}

#banner-home-second-row .item>a {
  display: flex;
  height: 100%;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 10px;
  border-bottom: 0 solid #0066b5
}

#banner-home-second-row .item>a:hover {
  padding-top: 10px;
  padding-bottom: 0
}

#banner-home-second-row.agent-inici {
  margin-left: auto;
  margin-right: auto
}

#banner-home-second-row.agent-inici .item a {
  color: #000;
  text-decoration: none
}

#banner-home-second-row.agent-inici .item .image {
  display: flex;
  height: 100%;
  align-items: center
}

#banner-home-second-row.agent-inici .item p {
  margin-top: 20px;
  text-align: center;
  line-height: 1.3
}

#banner-home-second-row img {
  display: block;
  width: 100%;
  height: auto
}

#banner-home-second-row>:nth-child(n+6) {
  display: none
}

.notification>section,
.ticket>section,
.directory>section,
.agentadmin>section,
.cursadmin>section,
.worker>section,
.sell>section,
.buy>section,
.invoice>section,
.api.document>section,
.api.new>section,
.account>section,
.payment>section,
.agent-inici-nav>div {
  display: block !important;
  max-width: 1500px
}

#login {
  position: relative
}

#login-nav {
  position: absolute;
  z-index: 1000;
  font-size: 16px;
  line-height: 1.5;
  color: #696973;
  text-transform: uppercase;
  background-color: #f8f8f8;
  box-shadow: 0 5px 5px 0#f1f1f1;
  right: -30px;
  padding: 0;
  max-height: 0;
  overflow: hidden
}

#login-nav a {
  padding: 15px 50px;
  display: block;
  text-decoration: none;
  color: #000;
  white-space: nowrap;
  position: relative
}

#login-nav a span {
  position: relative;
  z-index: 2
}

#login-nav a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  height: 35px;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  background-color: #ffd536
}

#login-nav.active1 a,
#login-nav a:hover {
  color: #fff
}

#login-nav.active1 a:after,
#login-nav a:hover:after {
  height: 100%;
  opacity: 1
}

#login.logged:hover #login-nav {
  padding: 20px;
  max-height: 300px
}

header.account {
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}

header.account img {
  width: auto;
  height: 57px;
  margin-left: 40px
}

article.account h3 {
  font-size: 20px;
  line-height: 1.5;
  color: #2f2f2f;
  font-weight: 600;
  margin-bottom: 10px
}

article.account .box {
  border-top: 10px solid #c42239;
  border-bottom: 0;
  margin-top: 30px
}

article.account .box:first-of-type {
  margin-top: 0
}

article.account .box h6 {
  font-weight: 600;
  font-size: 16px;
  color: #c42239
}

article.account .box a.button,
article.account .box a#ticket_add_button {
  display: inline-flex
}

article.account .box a.button.back,
article.account .box a.back#ticket_add_button {
  margin-top: 50px !important
}

article.account .errors {
  background-color: #c42239;
  color: #fff;
  padding: 30px;
  font-size: 16px
}

article.account .errors h6 {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  padding: 0 0 10px 0
}

article.account form {
  width: 100%
}

article.account form label {
  display: block
}

article.account form .loginform_message {
  display: none;
  color: #f50909;
  font-weight: 600;
  font-size: 16px
}

article.account form .table {
  display: table;
  width: 100%
}

article.account form .table>label,
article.account form .table>div {
  display: table-row
}

article.account form .table>label>strong,
article.account form .table>div>strong {
  display: table-cell;
  padding: 10px 50px 20px 0;
  vertical-align: top;
  font-size: 17px
}

article.account form .table>label>span,
article.account form .table>div>span {
  display: table-cell;
  padding: 0 0 20px 0;
  width: 100%;
  vertical-align: top
}

article.account form .table.agent {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px 20px
}

article.account form .table.agent>label>strong {
  font-weight: 400;
  display: block;
  width: auto;
  font-size: 14px;
  padding: 0 0 5px 0
}

article.account form .table.agent>label>span {
  display: block;
  width: auto
}

article.account form .table.agent .sufix span {
  display: none
}

article.account form input:not(.account-button),
article.account form textarea {
  width: 100%;
  border: 1px solid #a2a2a2;
  max-width: 1000px;
  padding: 10px 20px
}

article.account form input:not(.account-button):focus,
article.account form textarea:focus {
  outline: 0
}

article.account form textarea {
  height: 150px
}

article.account form .radios-object td {
  padding-top: 10px
}

article.account form .radios-object td label {
  padding-right: 10px
}

article.account form .jcf-radio,
article.account form input[type=radio],
article.account form input[type=checkbox] {
  margin-right: 10px
}

article.account form .especialitats>div {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-gap: 10px 50px
}

article.account form .account-button {
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  margin-top: 25px;
  line-height: 1;
  background-color: #0066b5;
  color: #fff;
  border: 0;
  padding: 17px 45px
}

article.account form .account-button:hover {
  background-color: #40a5f3
}

article.account form .full_municipi {
  display: block;
  padding-top: 10px;
  font-size: 13px
}

article.account form .full_municipi h6 {
  font-size: 14px;
  font-weight: 400
}

article.account.login {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 120px
}

article.account.login .password {
  margin-top: 50px;
  display: block;
  text-align: center
}

article.account.login #password_form1 {
  padding-top: 50px
}

article.account.login #password_form1 form {
  text-align: center
}

article.account.login #password_form1 form label {
  margin-top: 20px
}

article.account .change_password {
  text-align: right;
  padding-bottom: 8px;
  padding-top: 10px;
  cursor: pointer
}

article.account .change_password>a {
  display: inline-flex
}

article.account .change_password>a svg {
  margin-right: 5px
}

article.account .change_password>a strong {
  font-weight: 400
}

article.account #change_password {
  display: none;
  text-align: left
}

article.account #change_password h5 {
  padding-top: 25px;
  padding-bottom: 15px
}

article.account #change_password input {
  width: 250px
}

article.account strong.lang {
  font-size: 14px;
  font-weight: 600;
  color: #2f2f2f;
  display: block;
  padding-bottom: 5px;
  padding-top: 15px
}

article.account strong.lang:first-child {
  padding-top: 0
}

article.account .agent-id {
  font-size: 16px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 20px
}

article.account .agent-id strong {
  font-size: 16px;
  font-weight: 600;
  color: #2f2f2f;
  display: inline-block
}

article.account .url a {
  margin-top: 0;
  padding-bottom: 10px
}

article.account .url a:last-child {
  padding-bottom: 0
}

article.account .materiakkkl {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 30px 60px
}

article.account .materiakkkl a {
  margin-top: 0;
  display: inline-block
}

article.account .material,
article.account .private-files {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 30px 20px
}

article.account .material h6,
article.account .private-files h6 {
  margin-top: 15px;
  grid-column: 1/-1
}

article.account .material h6:first-child,
article.account .private-files h6:first-child {
  margin-top: 0
}

article.account .material a,
article.account .private-files a {
  margin-top: 0
}

article.account .material svg,
article.account .private-files svg {
  width: 20px;
  height: auto;
  margin-top: 4px;
  margin-left: 10px
}

article.account .invoice {
  display: grid;
  grid-template-columns: auto auto auto 1fr;
  grid-gap: 30px 60px
}

article.account .invoice .any {
  grid-column: 1/-1;
  font-weight: 600
}

article.account .invoice a {
  margin-top: 0;
  display: inline-block
}

article.account .curs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, auto));
  grid-gap: 0 30px
}

article.account .curs h6 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important
}

article.account .curs>* {
  padding-top: 50px
}

article.account .curs .td-curs {
  grid-column: 1
}

article.account .curs .td-price {
  font-weight: 700;
  padding-bottom: 8px;
  text-align: right
}

article.account .curs .td-price .not_payed {
  color: #dc1e1e
}

article.account .curs .td-curs-signed {
  grid-column: 5/span 2;
  font-weight: 400;
  padding-top: 7px !important;
  border-top: 1px solid #dadada
}

article.account .curs .td-workers {
  font-weight: 300;
  grid-column: 5;
  padding-top: 0 !important
}

article.account .curs .td-price-workers {
  padding-top: 0 !important;
  font-weight: 400;
  text-align: right
}

article.account .curs .buttons {
  grid-row: span 2
}

.worker article.account .curs .buttons {
  grid-row: initial
}

article.account .curs .buttons>div {
  display: inline-flex;
  flex-direction: column;
  grid-gap: 10px
}

article.account .curs .descarregar_diploma {
  font-weight: 600;
  color: #fff;
  background: #9fc722
}

article.account .curs .descarregar_diploma:after {
  content: "";
  background-repeat: no-repeat;
  background-position: 10px center;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"%3E%3Cpath fill="white" d="M16 3c-.624 0-1.248.213-1.78.594L12.56 4.75L10.656 5h-.03l-.032.03a3.39 3.39 0 0 0-2.563 2.564l-.03.03v.032l-.25 1.938l-1.156 1.5l-.032.03v.032c-.698 1.118-.73 2.56.032 3.625L7.78 16.44l.314 1.718l-3.22 4.907l-1.03 1.53h4.781l1.156 2.688l.72 1.72l1.03-1.563l3.158-4.75c.846.35 1.806.38 2.624 0l3.157 4.75L21.5 29l.72-1.72l1.155-2.686h4.781l-1.03-1.532L24 18.313l.25-1.875l1.156-1.656l.032-.03v-.03c.698-1.12.73-2.528-.032-3.595L24.25 9.47l-.375-1.876h.03c0-.025-.027-.04-.03-.063c-.18-1.307-1.217-2.37-2.53-2.53h-.032l-1.875-.25l-1.657-1.156A3.078 3.078 0 0 0 16 3zm0 2.03c.23 0 .458.07.625.19l1.78 1.28l.22.156l.25.032L21.063 7h.03c.448.05.764.365.813.813v.062l.407 2.22l.03.217l.157.188l1.28 1.78c.24.335.27.894-.03 1.376l-1.25 1.75l-.156.22l-.032.25L22 18.062v.03a.966.966 0 0 1-.156.438l-.063.032v.032a.883.883 0 0 1-.593.312h-.062l-2.28.407l-.25.03l-.19.157l-1.78 1.28c-.333.24-.924.27-1.406-.03l-1.626-1.25l-.188-.156l-.28-.032L10.937 19h-.032a.872.872 0 0 1-.687-.438a.98.98 0 0 1-.126-.375v-.062l-.406-2.28l-.032-.25l-.156-.19l-1.28-1.78c-.24-.333-.27-.924.03-1.406l1.25-1.626l.156-.188l.03-.28l.283-2.095c.002-.014.026-.015.03-.03a1.398 1.398 0 0 1 1-1c.015-.004.016-.028.03-.03l2.095-.282l.25-.032l.22-.156l1.78-1.28c.167-.12.396-.19.625-.19zm6.906 15.22l1.532 2.344H22.03l-.25.625l-.686 1.593l-2.125-3.25l.468-.344l1.968-.345v.03c.025 0 .04-.027.063-.03a2.973 2.973 0 0 0 1.436-.625zm-13.812.03c.427.382.967.648 1.562.72h.03l1.908.25l.437.344l-2.124 3.218l-.687-1.593l-.25-.626H7.56l1.532-2.313z"%2F%3E%3C%2Fsvg%3E');
  background-size: 22px auto;
  width: 22px;
  height: 22px;
  transform: initial;
  box-sizing: content-box
}

article.account .curs .descarregar_diploma:hover:after {
  background-position: 15px center
}

article.account .curs .pagar_ara {
  font-weight: 600;
  color: #fff;
  background: #9fc722
}

article.account .curs .pagar_ara:after {
  content: "";
  background-repeat: no-repeat;
  background-position: 10px center;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="white" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10zm0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16zm-1.95-9H15v2h-4.95a2.5 2.5 0 0 0 4.064 1.41l1.7 1.133A4.5 4.5 0 0 1 8.028 13H7v-2h1.027a4.5 4.5 0 0 1 7.788-2.543L14.114 9.59A2.5 2.5 0 0 0 10.05 11z"%2F%3E%3C%2Fsvg%3E');
  background-size: 22px auto;
  width: 22px;
  height: 22px;
  transform: initial;
  box-sizing: content-box
}

article.account .curs .pagar_ara:hover {
  color: #fff;
  background: #7d9f14 !important
}

article.account .curs .pagar_ara:hover:after {
  background-position: 15px center
}

.clean .edit-worker {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 30px
}

.clean .edit-worker form {
  width: 100%
}

a.download svg {
  width: 18px;
  height: auto
}

a.download svg path {
  fill: #c42239
}

a.download:hover svg path {
  fill: #000;
  transform: scale(1.1)
}

.agent-inici-nav>div {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding: 5px 30px;
  display: flex !important;
  justify-content: center
}

.agent-inici-nav a {
  text-decoration: none;
  margin-right: 2px;
  margin-left: 2px
}

.agent-inici-nav a.selected {
  font-weight: 700
}

.agent-inici-nav a>div {
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 12px 15px 12px 8px;
  position: relative;
  flex: 1
}

.agent-inici-nav a.selected>div,
.agent-inici-nav a:hover>div {
  background-color: rgba(0, 0, 0, .2)
}

.agent-inici-nav a.selected>div svg,
.agent-inici-nav a:hover>div svg {
  transform: scale(1.1)
}

.agent-inici-nav a svg {
  margin-right: 5px
}

#agent-inici {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 30px;
  font-size: 17px
}

#agent-inici>a {
  text-decoration: none;
  display: flex;
  align-items: stretch;
  justify-content: space-between
}

#agent-inici>a>div {
  text-align: center;
  color: #fff;
  padding: 40px 30px;
  flex: 1
}

#agent-inici>a:hover>div {
  background-color: rgba(0, 0, 0, .2)
}

#agent-inici>a:hover>div svg {
  transform: scale(1.1)
}

#agent-inici svg {
  width: auto;
  height: 70px;
  fill: #fff
}

#agent-inici h6 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 20px
}

#agent-inici .description {
  margin-top: 5px
}

#agent-inici-second {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  font-size: 15px;
  padding-right: 40px;
  padding-left: 40px;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 100px
}

#agent-inici-second>a {
  text-decoration: none;
  display: flex;
  padding: 20px;
  margin-right: -20px;
  margin-left: -20px
}

#agent-inici-second>a>div {
  color: #000
}

#agent-inici-second>a:hover {
  background-color: #ebebeb
}

#agent-inici-second>a:hover svg {
  transform: scale(1.1)
}

#agent-inici-second svg {
  width: 50px;
  height: auto;
  margin-right: 40px;
  fill: #000
}

#agent-inici-second h6 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0
}

#agent-inici-second .description {
  margin-top: 5px
}

.ticket-search-bar {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 40px
}

.ticket-search-bar input[name=q] {
  font-size: 16px;
  padding: 5px 20px;
  border: 1px solid #000;
  background-color: transparent
}

.ticket-search-bar input[name=q]:focus-visible {
  outline: 0;
  border-color: #0066b5
}

.ticket-search-bar input[type=submit] {
  font-weight: 400;
  background-color: #a6a6a6;
  font-size: 16px;
  padding: 6px 15px;
  display: inline-block
}

#ticket_add_button {
  display: inline-flex;
  padding: 5px 20px;
  font-size: 16px
}

#new_ticket {
  margin-top: 5px;
  background-color: #40a5f3;
  color: #fff;
  font-size: 16px;
  max-height: 0;
  overflow: hidden
}

#new_ticket.active {
  max-height: 400px
}

#new_ticket>div {
  padding: 40px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px 40px
}

#new_ticket label {
  padding-top: 6px;
  font-weight: 700
}

#new_ticket .jcf-select {
  background-color: #fff;
  height: auto;
  border: 0;
  margin: 0
}

#new_ticket .jcf-select .jcf-select-text {
  padding: 8px 25px
}

#new_ticket .jcf-select:before {
  top: 10px
}

#new_ticket input[type=text],
#new_ticket textarea {
  padding: 8px 25px;
  border: 0;
  width: 100%
}

#new_ticket textarea {
  height: 150px
}

#new_ticket #ticket_file_0 {
  grid-column: 2
}

#new_ticket #ticket_file_0 span {
  cursor: pointer;
  display: inline-block;
  background: no-repeat left 1px url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cpath fill="white" d="M3.435 8.884L8.03 4.288a2.25 2.25 0 1 1 3.182 3.182L5.91 12.773a.75.75 0 1 1-1.061-1.06l5.303-5.304a.75.75 0 0 0-1.06-1.06l-5.304 5.303a2.25 2.25 0 0 0 3.182 3.182l5.304-5.303A3.75 3.75 0 0 0 6.97 3.227L2.374 7.823a.75.75 0 1 0 1.06 1.061Z"%2F%3E%3C%2Fsvg%3E');
  background-size: 20px auto;
  padding-left: 25px;
  padding-bottom: 2px;
  border-bottom: 2px solid transparent;
  font-weight: 400
}

#new_ticket #ticket_file_0 span:hover {
  border-bottom: 2px solid #fff
}

#new_ticket #ticket_file_0 strong {
  padding-left: 20px
}

#new_ticket #ticket_file_0 [type=file] {
  display: none
}

#new_ticket #ticket_submit_button {
  grid-column: 2;
  justify-self: end
}

#new_ticket #ticket_submit_button div {
  background-color: #0a3881 !important;
  display: inline-flex;
  color: #fff;
  white-space: nowrap;
  padding: 5px 20px
}

#new_ticket #ticket_submit_button div:hover {
  background-color: #000 !important
}

.ticket-list {
  font-size: 14px;
  padding: 20px;
  background-color: #fff;
  max-width: 1200px;
  margin: 0 auto
}

.ticket-list.child {
  margin-top: 30px;
  padding: 0;
  background-color: transparent
}

.ticket-list .text-bg-color-0 {
  background-color: #fcfcfc
}

.ticket-list .color-0 {
  color: #000
}

.ticket-list .bg-color-0 {
  background-color: silver
}

.ticket-item {
  padding-top: 50px
}

.child .ticket-item {
  padding-top: 30px
}

.child .ticket-item:first-child {
  padding-top: 0
}

.ticket-item .item {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-gap: 30px
}

.child .ticket-item .item {
  grid-template-columns: 35px 1fr;
  grid-gap: 25px
}

.ticket-item.indent {
  margin-left: 70px
}

.ticket-item .initials {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  display: block;
  text-align: center;
  margin-top: 5px
}

.child .ticket-item .initials {
  width: 35px;
  height: 35px;
  line-height: 35px
}

.ticket-item .name-holder {
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
  font-size: 1.1em
}

.ticket-item .name-holder>div {
  display: flex;
  align-items: center
}

.ticket-item .name-holder>div:last-child {
  grid-gap: 20px
}

.ticket-item .name-holder .ticket_id {
  display: inline-flex;
  font-size: 16px;
  padding-right: 15px;
  font-weight: 700
}

.ticket-item .name-holder .ticket_id svg {
  width: 20px;
  height: auto;
  vertical-align: -.25em !important;
  margin: 0
}

.ticket-item .name-holder svg {
  width: 16px;
  height: auto;
  margin-top: 2px;
  margin-right: 3px;
  margin-left: 3px
}

.ticket-item .name-holder .department_id {
  font-size: 13px;
  font-weight: 300;
  padding: 3px 6px;
  border: 1px solid #f5f5f5
}

.ticket-item .name-holder .status {
  font-size: 14px;
  padding: 3px 7px;
  display: block
}

.ticket-item .name-holder .status.open {
  background-color: #c42239;
  color: #fff
}

.ticket-item .name-holder .status.working {
  background-color: #9fc722;
  color: #fff
}

.ticket-item .name-holder .status.finished {
  background-color: #40a5f3;
  color: #fff
}

.ticket-item .name-holder .status.closed {
  background-color: #157fd2;
  color: #fff
}

.ticket-item .name-holder time {
  color: #919191;
  font-size: .9em;
  font-style: normal
}

.ticket-item .name-holder time span {
  color: #000;
  margin-left: 5px
}

.ticket-item .text-holder {
  margin-top: 7px;
  padding: 20px 30px;
  position: relative
}

.ticket-item .text-holder .ticket-title {
  font-weight: 700
}

.ticket-item .text-holder .ticket-files {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 5px;
  padding-top: 10px;
  color: #0066b5
}

.ticket-item .text-holder .ticket-files svg {
  margin-top: 4px;
  width: 16px;
  height: auto
}

.ticket-item .text-holder .ticket-files a {
  color: #0066b5;
  display: inline-block;
  text-decoration: none;
  padding: 2px 0
}

.ticket-item .text-holder .ticket-files a:hover {
  text-decoration: underline
}

.ticket-item .ticket-answer {
  margin-left: 130px;
  text-align: center
}

.ticket-item .ticket-answer.no-margin {
  margin-left: 0
}

.ticket-item .ticket-answer textarea {
  width: 100%;
  height: 150px;
  border: 1px solid #efefef;
  padding: 20px 30px;
  margin-top: 20px
}

.ticket-item .ticket-answer textarea:focus-visible {
  outline: 0
}

.ticket-item .ticket-answer label.add-file {
  text-align: left;
  padding: 10px 0 0;
  color: #0066b5;
  display: block
}

.ticket-item .ticket-answer label.add-file:hover {
  background-color: transparent
}

.ticket-item .ticket-answer label.add-file:hover span {
  text-decoration: underline !important
}

.ticket-item .ticket-answer label.add-file span {
  cursor: pointer;
  display: inline-block;
  background: no-repeat left 1px url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"%3E%3Cpath fill="%231381ce" d="m4.828 10.485l5.657-5.657a3 3 0 0 1 4.243 4.243L8.01 15.788a1.5 1.5 0 0 1-2.121-2.121l6.01-6.01a.5.5 0 1 0-.707-.708l-6.01 6.01a2.5 2.5 0 0 0 3.535 3.536l6.718-6.717A4 4 0 1 0 9.778 4.12L4.12 9.778a.5.5 0 0 0 .707.707Z"%2F%3E%3C%2Fsvg%3E');
  background-size: 16px auto;
  padding-left: 20px
}

.ticket-item .ticket-answer label.add-file strong {
  padding-left: 20px
}

.ticket-item .ticket-answer label.add-file [type=file] {
  display: none
}

.ticket-item .ticket-answer [type=button],
.ticket-item .ticket-answer [type=button] {
  font-size: 15px;
  margin-top: 10px;
  color: #fff;
  background-color: #0da0d6;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"%3E%3Cpath fill="white" d="m27.45 15.11l-22-11a1 1 0 0 0-1.08.12a1 1 0 0 0-.33 1L7 16L4 26.74A1 1 0 0 0 5 28a1 1 0 0 0 .45-.11l22-11a1 1 0 0 0 0-1.78Zm-20.9 10L8.76 17H18v-2H8.76L6.55 6.89L24.76 16Z"%2F%3E%3C%2Fsvg%3E');
  padding: 7px 15px 7px 40px;
  font-weight: 500;
  transition: background-color ease-in-out .2s;
  border: 0;
  cursor: pointer
}

.ticket-item .ticket-answer [type=button].send_ticket,
.ticket-item .ticket-answer [type=button].send_ticket {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"%3E%3Cpath fill="white" d="M27.71 4.29a1 1 0 0 0-1.05-.23l-22 8a1 1 0 0 0 0 1.87l9.6 3.84l3.84 9.6a1 1 0 0 0 .9.63a1 1 0 0 0 .92-.66l8-22a1 1 0 0 0-.21-1.05ZM19 24.2l-2.79-7L21 12.41L19.59 11l-4.83 4.83L7.8 13l17.53-6.33Z"%2F%3E%3C%2Fsvg%3E');
  background-size: 22px 22px
}

.ticket-item .ticket-answer [type=button].send_ticket:hover,
.ticket-item .ticket-answer [type=button].send_ticket:hover {
  color: #fff;
  background-color: #0a3881
}

.ticket-item .ticket-answer [type=button].cancel_ticket,
.ticket-item .ticket-answer [type=button].cancel_ticket {
  color: red;
  background-color: #e9e9e9;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 36 36"%3E%3Cpath fill="red" d="M18 2a16 16 0 1 0 16 16A16 16 0 0 0 18 2ZM4 18a13.93 13.93 0 0 1 3.43-9.15l19.72 19.72A14 14 0 0 1 4 18Zm24.57 9.15L8.85 7.43a14 14 0 0 1 19.72 19.72Z" class="clr-i-outline clr-i-outline-path-1"%2F%3E%3Cpath fill="none" d="M0 0h36v36H0z"%2F%3E%3C%2Fsvg%3E');
  background-size: 20px 20px;
  margin-left: 10px
}

.ticket-item .ticket-answer [type=button].cancel_ticket:hover,
.ticket-item .ticket-answer [type=button].cancel_ticket:hover {
  color: red;
  background-color: #fff
}

.ticket-buttons {
  margin-top: 20px;
  padding-left: 70px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 45px;
  border-bottom: 1px solid #e7e7e7
}

.ticket-buttons a {
  padding: 10px 20px;
  font-size: 14px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  color: #000;
  margin: 0;
  border: 0;
  cursor: pointer
}

.ticket-buttons a svg {
  height: 21px;
  width: auto
}

.ticket-buttons a span {
  color: #000;
  padding-left: 5px
}

.ticket-buttons a.answer-ticket {
  color: #0da0d6;
  background-color: #e9e9e9;
  font-size: 15px
}

.ticket-buttons a.answer-ticket:hover {
  color: #fff;
  background-color: #0a3881
}

.ticket-buttons a.answer-ticket:hover span {
  color: #fff
}

.ticket-buttons>div {
  display: flex;
  grid-gap: 10px;
  align-items: center
}

.notification-list {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto
}

.notification-list a {
  text-decoration: none;
  color: inherit;
  background-color: #f9f9f9;
  display: block;
  padding: 35px;
  margin-bottom: 2px;
  border: 0 solid #f9f9f9;
  position: relative
}

.notification-list a:hover {
  color: #000;
  background-color: #f7f7f4
}

.notification-list a:hover .notification-url {
  color: #a84ad3
}

.notification-list a:last-child {
  margin-bottom: 0
}

.notification-list a.unread {
  border-color: #d3b9b9;
  background-color: #f3efef
}

.notification-list a.unread .creator_user_id_holder>div {
  font-weight: 700
}

.notification-list a.unread .notification {
  font-weight: 600
}

.notification-list .subject {
  font-size: 18px;
  font-weight: 600;
  color: #a84ad3
}

.notification-list .creator_user_id_holder {
  display: flex;
  align-items: flex-end;
  grid-gap: 30px
}

.notification-list .creator_user_id_holder>div {
  font-weight: 600
}

.notification-list .creator_user_id_holder time {
  font-size: .9em;
  color: #9b9b9b
}

.notification-list .notification {
  padding-top: 10px
}

.notification-list .notification-url {
  position: absolute;
  top: calc(50% - 10px);
  right: 10px;
  color: #b6b6b6
}

.notification-list .notification-url svg {
  width: auto;
  height: 20px
}

.payment-common h3 {
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 30px;
  margin-top: 40px
}

.payment-common h3:first-child {
  margin-top: 0
}

.payment-common .facturar h3:first-child,
.payment-common #payment-options-holder h3:first-child {
  margin-top: 40px
}

.payment-common h4 {
  font-weight: 400;
  font-size: 18px;
  margin: 30px 0
}

.payment-common h4.cart-empty {
  padding: 100px 0;
  text-align: center;
  font-size: 18px
}

.payment-common h4 strong {
  color: #5e5e5e;
  font-size: 16px
}

.payment-common #pay_form {
  display: none
}

.payment-common .workers {
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-gap: 20px 30px;
  align-items: center
}

.payment-common .workers .worker {
  padding: 10px 0;
  padding-left: 10px
}

.payment-common .workers .jcf-checkbox {
  margin: 0;
  border-color: #000
}

.payment-common .workers select {
  padding: 9px 30px
}

.payment-common .workers select,
.payment-common .workers .jcf-select {
  height: 42px;
  margin: 0
}

.payment-common .workers select:before,
.payment-common .workers .jcf-select:before {
  top: 10px
}

.payment-common .workers .jcf-select-text {
  padding: 9px 30px
}

.payment-common .inscrits {
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-gap: 20px 30px;
  align-items: center
}

.payment-common .inscrits strong {
  font-weight: 600
}

.payment-options {
  display: table;
  border-spacing: 20px;
  border-collapse: separate;
  padding: 0;
  margin-left: -20px
}

.payment-options li {
  list-style: none;
  border: 2px solid #ebebeb;
  display: table-cell;
  vertical-align: middle
}

.payment-options li:before {
  display: none
}

.payment-options a {
  padding: 30px;
  font-size: 16px;
  color: #0066b5;
  text-decoration: none;
  display: table;
  border-spacing: 0;
  width: 100%;
  cursor: pointer
}

.payment-options a:hover {
  background-color: #0a3881;
  color: #fff
}

.payment-options a img {
  vertical-align: middle
}

.payment-options a span {
  display: table-cell;
  vertical-align: middle;
  padding-left: 30px
}

.payment-options a span:first-child {
  padding-left: 0
}

.payment-options a strong {
  color: #000;
  padding-left: 15px
}

.payment-conditions {
  margin-top: 20px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  grid-gap: 7px;
  color: #0066b5
}

.payment-conditions:hover {
  color: #000
}

.payment-message {
  font-size: 20px;
  margin: 30px 0;
  text-align: center;
  font-weight: 400
}

.payment-message.error {
  background-color: #fa2424;
  color: #fff;
  padding: 40px
}

.payment-message-account {
  font-size: 16px;
  font-weight: 300;
  text-align: center
}

.payment-message-account a {
  font-weight: 400;
  margin-left: 10px
}

.account.nav-content {
  display: grid;
  grid-template-columns: 300px auto;
  grid-gap: 50px;
  align-items: start
}

.account.nav-content nav {
  border-top: 10px solid #c42239;
  background-color: #f9f9f9;
  padding: 20px 0
}

.account.nav-content nav .arrow {
  background-color: #c42239;
  color: #fff;
  text-align: center;
  display: none
}

.account.nav-content nav a {
  padding: 3px 20px;
  display: block;
  text-decoration: none
}

.account.nav-content nav a.active1 {
  font-weight: 600
}

.account.nav-content nav a:hover {
  text-decoration: underline
}

.account.nav-content nav.directory ul {
  margin: 0;
  padding: 0
}

.account.nav-content nav.directory li {
  margin: 0;
  padding: 0 20px
}

.account.nav-content nav.directory li:before {
  display: none;
  content: ""
}

.account.nav-content nav.directory li>div {
  display: grid;
  grid-template-columns: 20px auto;
  grid-gap: 10px;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0
}

.account.nav-content nav.directory li.active1>div>a {
  font-weight: 700
}

.account.nav-content nav.directory strong {
  display: block;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: left 2px;
  width: 20px;
  height: 30px;
  padding: 5px 0;
  font-size: 0;
  line-height: 0;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M216%2074h-85.5l-27.9-27.9a14.3%2014.3%200%200%200-9.9-4.1H40a14%2014%200%200%200-14%2014v144.6A13.4%2013.4%200%200%200%2039.4%20214h177.5a13.1%2013.1%200%200%200%2013.1-13.1V88a14%2014%200%200%200-14-14zM40%2054h52.7a2%202%200%200%201%201.4.6L113.5%2074H38V56a2%202%200%200%201%202-2zm178%20146.9a1.1%201.1%200%200%201-1.1%201.1H39.4a1.4%201.4%200%200%201-1.4-1.4V86h178a2%202%200%200%201%202%202z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E)
}

.account.nav-content nav.directory .has-children>div>strong {
  cursor: pointer;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"%3E%3Cpath fill="currentColor" d="M216 74h-86l-28.3-21.2a14.1 14.1 0 0 0-8.4-2.8H40a14 14 0 0 0-14 14v136a14 14 0 0 0 14 14h176a14 14 0 0 0 14-14V88a14 14 0 0 0-14-14ZM38 64a2 2 0 0 1 2-2h53.3a1.6 1.6 0 0 1 1.2.4L118 80L94.5 97.6a1.6 1.6 0 0 1-1.2.4H38Zm180 136a2 2 0 0 1-2 2H40a2 2 0 0 1-2-2v-90h55.3a14.1 14.1 0 0 0 8.4-2.8L130 86h86a2 2 0 0 1 2 2Zm-60-52a6 6 0 0 1-6 6h-18v18a6 6 0 0 1-12 0v-18h-18a6 6 0 0 1 0-12h18v-18a6 6 0 0 1 12 0v18h18a6 6 0 0 1 6 6Z"%2F%3E%3C%2Fsvg%3E')
}

.account.nav-content nav.directory .has-children>div>strong.up {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"%3E%3Cpath fill="currentColor" d="M240.3 111.8a14.3 14.3 0 0 0-11.4-5.8H214V88a14 14 0 0 0-14-14h-69.3a1.6 1.6 0 0 1-1.2-.4l-27.8-20.8a14.1 14.1 0 0 0-8.4-2.8H40a14 14 0 0 0-14 14v144a5.9 5.9 0 0 0 1 3.4a6.1 6.1 0 0 0 5 2.6h176a6 6 0 0 0 5.7-4.1l28.5-85.5a14.2 14.2 0 0 0-1.9-12.6ZM40 62h53.3a1.6 1.6 0 0 1 1.2.4l27.8 20.8a14.1 14.1 0 0 0 8.4 2.8H200a2 2 0 0 1 2 2v18h-55.6a13.2 13.2 0 0 0-7.7 2.4l-20 13.3a2 2 0 0 1-1.1.3H69.4a14.1 14.1 0 0 0-13 8.8l-18.4 46V64a2 2 0 0 1 2-2Zm190.8 58.6L203.7 202H40.9l26.7-66.7a1.9 1.9 0 0 1 1.8-1.3h48.2a13.2 13.2 0 0 0 7.7-2.4l20-13.3a2 2 0 0 1 1.1-.3h82.5a1.9 1.9 0 0 1 1.6.8a2 2 0 0 1 .3 1.8Z"%2F%3E%3C%2Fsvg%3E')
}

.account.nav-content nav.directory a {
  display: block;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0;
  cursor: pointer
}

.account.nav-content nav.directory .has-children>ul {
  display: none
}

.account.nav-content nav.directory .has-children.active1>ul {
  display: block
}

.account.nav-content #category-nav div {
  margin-left: 10px
}

.account.nav-content #category-nav>div {
  margin-left: 0
}

.account.nav-content article {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 0
}

.document .account.nav-content article {
  grid-template-columns: 1fr 1fr
}

.account.nav-content article.record {
  grid-template-columns: 1fr auto;
  grid-gap: 40px
}

.account.nav-content article.record time {
  font-style: italic;
  font-size: 12px
}

.account.nav-content article.record h3.template {
  font-size: 18px;
  font-weight: 700;
  color: #000
}

.account.nav-content article.record h3.template+h4 {
  margin-top: 15px
}

.account.nav-content article.record h1,
.account.nav-content article.record h2,
.account.nav-content article.record h3,
.account.nav-content article.record h4 {
  font-size: 17px;
  font-weight: 600;
  color: #000
}

.account.nav-content article.record h1,
.account.nav-content article.record h5,
.account.nav-content article.record h6 {
  font-size: 15px;
  font-weight: 600;
  color: #000
}

.account.nav-content article.record .description {
  margin-top: 10px
}

.account.nav-content article.record figure img {
  width: 340px;
  height: auto
}

.account.nav-content article.record figure>div+.videoframe {
  margin-top: 10px
}

.account.nav-content article.record aside {
  background-color: #f9f9f9;
  margin-top: 40px;
  padding: 20px
}

.account.nav-content article.record aside h6 {
  font-weight: 600;
  padding-bottom: 5px
}

.account.nav-content article.record aside a {
  display: block;
  text-decoration: none;
  padding: 2px 0
}

.account.nav-content article.record aside a:hover {
  text-decoration: underline
}

.account.nav-content article .category-up {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  grid-column: 1/-1;
  font-size: 26px;
  line-height: 1.1;
  border: 0;
  padding: 0;
  text-align: right;
  padding-bottom: 30px
}

.account.nav-content article .category-up svg {
  width: 32px;
  height: auto
}

.account.nav-content article:not(.record)>* {
  margin: 0;
  text-decoration: none;
  border-bottom: 1px solid #e3e3e3;
  padding: 15px 20px
}

.account.nav-content article:not(.record) h4 {
  grid-column: 1/-1;
  padding: 0;
  margin: 20px 0 10px;
  font-size: 22px;
  font-weight: 600
}

.account.nav-content article:not(.record) h4:first-child {
  margin-top: 0
}

.account.nav-content article h5 {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 600;
  color: #000
}

.account.nav-content article h5.category {
  padding-top: 5px;
  padding-bottom: 5px
}

.account.nav-content article h5.category a {
  display: grid;
  grid-template-columns: 30px auto;
  grid-gap: 12px;
  text-decoration: none
}

.account.nav-content article h5.category svg {
  width: 30px;
  height: auto
}

.account.nav-content article h5.category span {
  padding-top: 7px
}

.account.nav-content article .description {
  padding-top: 10px;
  font-size: 13px !important
}

.account.nav-content article .description.category {
  padding-top: 14px !important
}

.account.nav-content article .description p {
  margin-top: 10px
}

.account.nav-content article .description p:first-child {
  margin-top: 0
}

.account.nav-content article .time {
  color: #000
}

.account.nav-content article .time p {
  margin: 0
}

.account.nav-content article time {
  font-size: 12px;
  color: #000
}

.account.nav-content article .files a {
  padding-top: 3px;
  text-decoration: none;
  display: inline-grid;
  grid-template-columns: auto 17px;
  align-items: flex-start;
  justify-content: flex-start;
  padding-bottom: 6px;
  font-size: 14px;
  color: #0066b5
}

.account.nav-content article .files a span {
  padding-right: 10px
}

.account.nav-content article .files a svg {
  margin-top: 2px;
  width: 17px;
  height: auto
}

.account.nav-content article .files a:hover {
  color: #40a5f3
}

.document-legal-notice {
  margin-top: 50px;
  text-align: center;
  font-size: 11px;
  color: #c42239
}

#agent-show-record header {
  display: flex;
  align-items: center;
  margin-left: 0;
  margin-right: 0
}

#agent-show-record header .logo {
  margin-right: 70px
}

#agent-show-record header .logo img {
  display: block;
  width: auto;
  height: auto;
  max-height: 167px;
  max-width: 300px
}

#agent-show-record>div>article {
  display: grid;
  grid-template-columns: 1fr 700px;
  grid-gap: 90px
}

#agent-show-record>div>article .details h5 {
  font-size: 18px;
  font-weight: 600;
  color: #2f2f2f
}

#agent-show-record>div>article .details .agent-id {
  font-size: 16px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 20px
}

#agent-show-record>div>article .details .agent-id strong {
  font-size: 16px;
  font-weight: 600;
  color: #2f2f2f;
  display: inline-block
}

#agent-show-record>div>article .details .box:first-of-type {
  margin-top: 0
}

#agent-show-record>div>article .details p {
  margin-top: 10px
}

#agent-show-record>div>article .details p :first-child {
  margin-top: 0
}

#agent-show-record>div>article .details ul {
  margin-top: 0
}

#agent-show-record>div>article .details ul li {
  padding-top: 8px
}

#agent-show-record>div>article .details ul li:first-child {
  padding-top: 0
}

#agent-show-record>div>article .details a {
  font-weight: 600;
  text-decoration: none
}

#agent-show-record>div>article .images {
  display: flex;
  justify-content: stretch;
  flex-direction: column
}

#agent-show-record>div>article .images figure img {
  width: auto;
  height: auto;
  max-height: 500px;
  max-width: 100%
}

#agent-show-record>div>article .images figure img:hover {
  filter: contrast(1.2)
}

#agent-show-record>div>article .images figure+#google-map {
  margin-top: 10px
}

#agent-show-record>div>article .images #google-map {
  min-height: 400px;
  flex: 1
}

.agent.list-records header {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-gap: 80px;
  padding-bottom: 0 !important
}

.agent.list-records header h3 {
  font-size: 18px;
  line-height: 1.5;
  color: #2f2f2f;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 28px;
  align-self: flex-end
}

.agent.list-records header h3 svg {
  width: 67px;
  fiLL: #0066b5;
  margin-bottom: 28px
}

.agent.list-records .search {
  margin-top: 45px
}

.agent.list-records .search form {
  background-color: #f9f9f9;
  padding: 32px 30px;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr auto;
  grid-gap: 40px
}

.agent.list-records .search form input {
  width: 100%;
  font-size: 16px;
  padding: 17px 30px;
  border: 1px solid #000;
  background-color: transparent
}

.agent.list-records .search form button {
  font-weight: 400;
  background-color: #0066b5
}

.agent.list-records .search form input[type=submit] {
  display: none
}

.agent.list-records .search form select,
.agent.list-records .search form .jcf-select {
  margin: 0
}

.agent.list-records .search>div {
  text-align: right;
  font-size: 15px;
  color: #2f2f2f;
  margin-top: 30px
}

.agent.list-records .grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr auto;
  grid-gap: 0;
  align-items: center;
  margin-top: 52px;
  color: #2f2f2f;
  font-weight: 400
}

.agent.list-records .grid h6,
.agent.list-records .grid .empty {
  align-self: stretch;
  background-color: #0066b5;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  padding: 36px 12px;
  margin: 0
}

.agent.list-records .grid>* {
  padding: 25px 12px;
  text-transform: uppercase
}

.agent.list-records .grid .image {
  padding-left: 0
}

.agent.list-records .grid .image img {
  display: block;
  max-width: 240px;
  height: auto
}

.agent.list-records .grid .link {
  white-space: nowrap
}

.agent.list-records .grid .link,
.agent.list-records .grid .address {
  text-transform: none
}

.agent.list-records .grid .link a {
  color: #43a2e5;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center
}

.agent.list-records .grid .link a:after {
  content: ">";
  font-size: 14px;
  font-weight: 300;
  transform: scaleY(1.7);
  padding-left: 10px;
  padding-right: 5px;
  margin-right: -5px
}

.agent.list-records .grid .link a:hover {
  color: #000
}

.agent.list-records .grid .link a:hover:after {
  padding-left: 15px;
  padding-right: 0
}

.agent.list-records .grid .line {
  content: "";
  display: block;
  grid-column: span 7;
  border-bottom: 1px dotted #000;
  height: 1px;
  padding: 0
}

.list {
  padding-top: 13px;
  font-size: 14px
}

.list>article>div :first-child {
  margin-top: 32px
}

.list h4 {
  font-size: 15px;
  font-weight: 600;
  color: #2f2f2f
}

.list h5 {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 400;
  color: #5e5e5e
}

.list p:first-of-type {
  margin-top: 20px
}

.list figure {
  display: block
}

.list figure img {
  width: 100%;
  height: auto
}

.list1 h4 {
  max-width: 430px
}

.list1 article {
  display: grid;
  grid-template-columns: 1fr 332px;
  grid-gap: 72px
}

.list2 article {
  grid-template-columns: 332px 1fr
}

.list3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 80px 60px
}

.list3>article>div h4:first-child {
  margin-top: 12px
}

.list3 h5 {
  margin-top: 19px
}

.list3 .more {
  margin-top: 22px
}

.form+.list {
  margin-top: 100px;
  border-top: 10px solid #ebebeb;
  padding-top: 60px
}

.form h3 {
  color: #0066b5;
  font-size: 26px;
  font-weight: 400;
  text-transform: uppercase
}

.form h3.middle {
  font-size: 22px;
  margin-top: 50px
}

.form h4 {
  color: #0066b5;
  font-size: 21px;
  font-weight: 400
}

.form h3+h4 {
  margin-top: 30px
}

.form h3+*,
.form h4+* {
  margin-top: 40px
}

.form .details {
  text-align: justify
}

.form .details h3 {
  margin-top: 50px
}

.form .details h3:first-child {
  margin-top: 0
}

.form .details h4 {
  margin-top: 40px
}

.form .details h4:first-child {
  margin-top: 0
}

.form .details h3+*,
.form .details h4+* {
  margin-top: 30px
}

.form .details p:first-child {
  margin-top: 0
}

.form .details img {
  max-width: 100%;
  height: auto
}

.form .images-holder>* {
  margin-bottom: 20px
}

.form .images-holder>:last-child {
  margin-bottom: 0
}

.form .images-holder .videoframe iframe {
  display: block
}

.form .images-holder figure .item {
  margin-bottom: 20px
}

.form .images-holder figure .item:last-child {
  margin-bottom: 0
}

.form .images-holder figure img {
  display: block;
  width: 100%;
  height: auto
}

.form .images-zoom {
  text-align: center;
  background-color: #40a5f3;
  font-size: 0;
  line-height: 0;
  padding: 14px 0 12px;
  cursor: pointer
}

.form .images-zoom span {
  cursor: pointer;
  width: 39px;
  height: 40px
}

.form .images-zoom span svg {
  width: 29px;
  height: 30px;
  display: inline-block;
  transition: transform ease-in-out .2s
}

.form .images-zoom span path {
  fill: #fff;
  transition: fill ease-in-out .2s
}

.form .images-zoom:hover {
  background-color: #0066b5 !important
}

.form .images-zoom:hover svg {
  transform: scale(1.1) translateZ(0)
}

.form1,
.form2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 50px 90px
}

.form1 .top,
.form2 .top {
  grid-column: span 2
}

.form1 p:first-of-type,
.form2 p:first-of-type {
  margin-top: 0
}

.form2 .bottom {
  grid-column: span 2
}

.form2 .box {
  margin-top: 0 !important
}

.form2 .box+.box {
  margin-top: 50px !important
}

.form3 .item {
  position: relative;
  align-self: flex-end
}

.form3 .item img {
  display: block;
  width: 100%;
  height: auto
}

.form3 .item:nth-child(1) .images-zoom {
  display: none
}

.form3 .item:nth-child(3) {
  display: none
}

.form3 .two-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 50px 90px
}

.form3 .two-cols .images-zoom {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 70px;
  background-color: rgba(255, 255, 255, .7);
  z-index: 1
}

.form3 .one-col {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 50px
}

.form3 .box {
  margin-top: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: stretch
}

.form3 .box>div {
  flex: 1
}

.curs-list time {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #2f2f2f
}

.curs-list h3 {
  font-size: 20px;
  font-weight: 600;
  color: #2f2f2f;
  margin-top: 5px
}

.curs-list h3+h4 {
  margin-top: 24px
}

.curs-list h4 {
  font-size: 15px;
  text-transform: uppercase;
  margin-top: 5px
}

.curs-list .details {
  font-size: 14px;
  font-weight: 300;
  margin-top: 13px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 2px 20px
}

.curs-list .details .semibold {
  font-weight: 400
}

.curs-list article {
  border-bottom: 39px solid #ebebeb;
  margin-bottom: 60px
}

.curs-list article:after {
  margin-top: 40px;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e0e0e0
}

.curs.show-record section#curs-show-record {
  grid-template-areas: "left-content header" "left-content form" "left-nav form";
  grid-template-rows: auto auto 1fr
}

main#inner.curs.show-record header {
  grid-area: header
}

.curs.show-record #left-content {
  grid-area: left-content
}

.curs.show-record #left-nav {
  grid-area: left-nav
}

.curs.show-record article.form {
  grid-area: form;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  grid-gap: 30px;
  position: relative
}

.curs.show-record article.form div.form {
  display: flex;
  flex-direction: column;
  margin-top: -20px
}

.curs.show-record article.form div.form>div h6+p {
  margin-top: 0
}

.curs.show-record .inscriure-box {
  position: -webkit-sticky;
  position: sticky;
  order: 2;
  top: 10px;
  right: 0;
  background-color: #f9f9f9;
  font-size: 16px;
  color: #000;
  padding: 25px 18px
}

.curs.show-record .inscriure-box p {
  margin: 0;
  white-space: nowrap
}

.curs.show-record .inscriure-box p:last-child {
  font-weight: 600
}

.curs.show-record .inscriure-box .inscripcio {
  margin-top: 15px
}

.curs.show-record .inscriure-box .no-termini {
  background-color: #fd8d71;
  padding: 4px 10px;
  display: block;
  margin-top: 15px;
  color: #fff
}

.curs.show-record .date {
  font-size: 16px
}

.curs.show-record .date strong {
  padding: 0 5px;
  font-weight: 600
}

.curs.show-record h6 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 15px
}

.curs.show-record .preus>div,
.curs.show-record .preu>span {
  border: 1px solid #e8e8e8;
  padding: 20px;
  display: inline-block
}

.curs.show-record .gratuit span {
  font-size: 18px;
  color: #0066b5;
  font-style: normal
}

.curs.show-record .preus>div,
.curs.show-record .maximum_person>div {
  display: inline-grid;
  grid-template-columns: auto auto 1fr;
  grid-gap: 10px 25px
}

.curs.show-record .preus strong,
.curs.show-record .maximum_person strong {
  font-weight: 600
}

.curs.show-record .preus span,
.curs.show-record .maximum_person span {
  font-size: 18px;
  text-align: center
}

.curs.show-record .preus em,
.curs.show-record .maximum_person em {
  color: #0066b5;
  font-style: normal
}

.curs.show-record .maximum_person>div {
  grid-template-columns: auto 1fr
}

.curs.show-record .weekday_id ul {
  margin-top: 0
}

.curs.show-record h6+ul {
  margin-top: 0
}

.curs.show-record li:before {
  content: "·";
  font-weight: 800
}

.curs.show-record .adressa p,
.curs.show-record .ponent p,
.curs.show-record .inscripcio p {
  margin-top: 0
}

.curs.show-record .cursdocents div {
  margin-top: 15px
}

.curs.show-record .cursdocents strong {
  font-weight: 600
}

.curs.show-record .cursdocents p {
  margin-top: 0
}

.curs.show-record #images-holder img {
  max-width: 786px;
  width: 100%;
  height: auto
}

.curs.show-record #left-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 40px
}

.curs.show-record #left-content strong {
  text-transform: uppercase;
  color: #fff;
  padding: 30px 105px 30px 35px;
  width: 100%;
  background-image: url(../images/curs_form_info.png);
  background-color: #0066b5;
  background-repeat: no-repeat;
  background-position: right 40px center
}

.curs.show-record #left-content>div {
  background: #f8f8f8;
  border-bottom: 2px solid #fff
}

.curs.show-record #left-content>div h5,
.curs.show-record #left-content>div a {
  padding: 30px 35px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  text-decoration: none;
  color: #7bbb59;
  align-items: center;
  text-transform: uppercase
}

.curs.show-record #left-content>div h5 {
  padding-bottom: 10px
}

.curs.show-record #left-content>div a:after {
  content: ">";
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 4px
}

.curs.show-record #left-content>div a:hover:after {
  padding-left: 10px
}

.curs.show-record #left-content>div a.files {
  padding: 5px 35px;
  color: #5e5e5e;
  text-transform: none;
  font-weight: 400
}

.curs.show-record #left-content>div a.files:last-child {
  margin-bottom: 30px
}

.curs.show-record #left-content>div a.files:after {
  opacity: 0;
  line-height: 20px;
  padding-left: 10px
}

.curs.show-record #left-content>div a.files:hover:after {
  opacity: 1
}

.curs.show-record #images-holder {
  margin-top: 50px
}

a.button.inscriure,
a.inscriure#ticket_add_button {
  font-weight: 600;
  padding-right: 25px;
  color: #fff;
  background: #9fc722;
  white-space: nowrap
}

a.button.inscriure.hidden,
a.inscriure.hidden#ticket_add_button {
  display: none
}

.form a.button.inscriure,
.form a.inscriure#ticket_add_button {
  margin-top: 15px
}

a.button.inscriure:hover,
a.inscriure#ticket_add_button:hover {
  color: #fff;
  background: #7d9f14 !important
}

div.is-signed {
  margin-top: 20px;
  color: #0066b5;
  font-size: 17px
}

.form div.is-signed {
  font-size: 14px
}

main#inner.news.show-record>section {
  max-width: none;
  padding-left: 0;
  padding-right: 0
}

main#inner.news.show-record>section header {
  padding-right: 30px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto
}

.pagina-226 .news.show-record>section header {
  max-width: 1000px
}

.news.show-record>section>div>article {
  display: grid;
  grid-template-columns: 1fr 700px;
  grid-gap: 90px;
  padding-right: 30px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto
}

.pagina-226 .news.show-record>section>div>article {
  display: block;
  max-width: 1000px;
  background-color: #f9f9f9;
  padding-bottom: 50px;
  padding-top: 40px
}

.news.show-record>section>div>article .details time {
  display: block;
  font-weight: 700;
  color: #2f2f2f;
  padding-bottom: 10px
}

.news.show-record>section>div>article .details p {
  margin-top: 10px
}

.news.show-record>section>div>article .details p :first-child {
  margin-top: 0
}

.news.show-record>section>div>article .details ul {
  margin-top: 0
}

.news.show-record>section>div>article .details ul li {
  padding-top: 8px
}

.news.show-record>section>div>article .details ul li:first-child {
  padding-top: 0
}

.news.show-record>section>div>article .details a {
  font-weight: 600;
  text-decoration: none
}

.news.show-record>section>div>article .details .description {
  text-align: justify
}

.news.show-record>section>div>article .images figure img {
  width: 100%;
  height: auto
}

.news.show-record>section>div>article .images figure img:hover {
  filter: contrast(1.2)
}

.news.show-record>section .videoframe {
  background-color: #404040;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: 150px;
  text-align: center;
  margin-bottom: -132px
}

.new-list {
  display: grid;
  grid-gap: 95px 50px;
  grid-template-columns: 1fr 1fr 1fr
}

.pagina-226 .new-list {
  grid-gap: 50px
}

.new-list .item {
  font-size: 14px
}

.new-list .item>:first-child {
  padding-top: 0 !important
}

.pagina-226 .new-list .item {
  padding-top: 30px;
  padding-bottom: 30px
}

.pagina-226 .new-list .item:nth-child(odd) {
  background-color: #f8f8f8;
  padding-right: 30px;
  padding-left: 30px
}

.new-list .item a {
  text-decoration: none
}

.new-list .item a:hover figure,
.new-list .item a:hover time,
.new-list .item a:hover h3,
.new-list .item a:hover .description {
  text-decoration: underline
}

.new-list .item figure {
  position: relative;
  padding-bottom: 68.6842105263%;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-decoration: none
}

.new-list .item figure img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  transition: transform ease-in-out .2s
}

.new-list .item figure:hover img {
  transform: scale(1.1) translateZ(0)
}

.new-list .item time {
  display: block;
  font-weight: 700;
  color: #2f2f2f;
  margin-top: 40px
}

.new-list .item h3 {
  font-size: 17px;
  font-weight: 600;
  color: #2f2f2f;
  line-height: 1.4;
  padding-top: 8px
}

.pagina-226 .new-list .item h3 {
  font-size: 20px;
  padding-top: 0
}

.new-list .item .description {
  cursor: pointer;
  padding-top: 34px
}

.new-list .item .description>p:first-child {
  margin-top: 0 !important
}

main.contact>section {
  padding-top: 60px !important
}

main.contact>section .capcalera {
  display: grid;
  grid-template-columns: 40% 60%
}

main.contact>section .capcalera>div {
  align-self: center
}

main.contact>section .capcalera h3 {
  line-height: 1;
  font-size: 18px;
  font-weight: 600;
  padding-left: 0;
  padding-bottom: 15px
}

main.contact>section .capcalera h4 {
  font-size: 17px;
  font-weight: 300;
  line-height: 1;
  margin-top: 17px;
  padding: 0 40px 0 90px
}

main.contact>section .capcalera address {
  padding: 40px
}

main.contact>section .capcalera .ico svg {
  fill: #43a2e5;
  height: 21px;
  margin-right: 32px;
  transition: fill ease-in-out .2s
}

main.contact>section .capcalera .adr,
main.contact>section .capcalera .tel,
main.contact>section .capcalera .email,
main.contact>section .capcalera .horari {
  display: flex;
  align-items: flex-start;
  margin-top: 24px
}

main.contact>section .capcalera .tel svg {
  margin-right: 36px
}

main.contact>section .capcalera .horari p {
  margin-top: 10px
}

main.contact>section .capcalera .horari strong {
  font-weight: 600
}

main.contact>section .capcalera span.type {
  font-weight: 600
}

main.contact>section .capcalera p {
  margin: 0
}

main.contact>section .capcalera a {
  text-decoration: none;
  color: #5e5e5e;
  font-weight: 300
}

main.contact>section .capcalera a:hover {
  color: #40a5f3
}

main.contact>section .content {
  margin-top: 120px
}

main.contact>section .content h1 {
  color: #0066b5;
  font-size: 25px;
  font-weight: 600;
  line-height: 1;
  border-bottom: 1px solid #909090;
  padding: 0 40px 25px 40px
}

main.contact>section .content h2 {
  color: #0066b5;
  font-size: 17px;
  font-weight: 400
}

main.contact>section .content p {
  margin-top: 10px
}

main.contact>section .content a {
  color: #40a5f3
}

main.contact>section .content a:hover {
  color: #0066b5
}

main.contact>section .content>div {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 170px;
  padding: 34px 40px 0 40px
}

main.contact>section .content>div>div {
  display: flex;
  flex-direction: column
}

#contact-show-form-new .form_title {
  margin-top: 80px;
  background-color: #f2f2f2;
  padding: 45px
}

#contact-show-form-new .form_title h3 {
  font-size: 20px;
  line-height: 1;
  color: #0066b5
}

#contact-show-form-new form {
  background-color: #f2f2f2;
  padding: 0 60px 76px 60px
}

#contact-show-form-new form .inputs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 24px;
  grid-row-gap: 85px;
  grid-template-areas: "type type type type" "name surname mail phone" "comment comment comment comment"
}

#contact-show-form-new form .inputs .type {
  grid-area: type
}

#contact-show-form-new form .inputs .name {
  grid-area: name
}

#contact-show-form-new form .inputs .surname {
  grid-area: surname
}

#contact-show-form-new form .inputs .mail {
  grid-area: mail
}

#contact-show-form-new form .inputs .phone {
  grid-area: phone
}

#contact-show-form-new form .inputs .comment {
  grid-area: comment;
  flex-direction: column
}

#contact-show-form-new form .inputs input[type=text],
#contact-show-form-new form .inputs input[type=email],
#contact-show-form-new form .inputs textarea {
  width: 100%;
  background: 0 0;
  border: 0;
  flex: 1
}

#contact-show-form-new form .inputs input[type=text]:focus,
#contact-show-form-new form .inputs input[type=email]:focus,
#contact-show-form-new form .inputs textarea:focus {
  outline: 0
}

#contact-show-form-new form .inputs textarea {
  margin-top: 12px;
  height: 90px;
  padding: 0
}

#contact-show-form-new form .inputs>label {
  display: flex;
  border-bottom: 1px solid #5e5e5e;
  padding-bottom: 12px;
  position: relative
}

#contact-show-form-new form .inputs>label strong {
  display: block;
  float: left;
  margin-right: 5px;
  white-space: nowrap;
  font-size: 17px;
  font-weight: 400
}

#contact-show-form-new form .inputs>label>span {
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex: 1
}

#contact-show-form-new form .inputs .type {
  display: flex
}

#contact-show-form-new form .inputs .type>div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 62px
}

#contact-show-form-new form .inputs .type>div label {
  white-space: nowrap;
  margin-right: 62px;
  margin-left: 14px
}

#contact-show-form-new form .inputs .type>div label:last-of-type {
  margin-right: 0
}

#contact-show-form-new form .bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 45px
}

#contact-show-form-new form .g-recaptcha {
  margin-top: 25px;
  margin-right: 30px;
  margin-left: 30px
}

.g-recaptcha {
  margin-top: 25px;
  margin-right: 0;
  margin-left: 0
}

.accepta {
  margin-top: 25px;
  font-size: 14px
}

.accepta>div {
  display: flex;
  align-items: flex-start;
  padding-bottom: 8px
}

.accepta>div:last-child {
  padding-bottom: 0
}

.accepta>div>span {
  margin-top: 2px;
  flex-shrink: 0
}

.accepta input {
  margin-right: 10px;
  margin-top: 4px
}

.accepta strong {
  font-weight: 600;
  white-space: nowrap
}

.accepta #accepto {
  margin-right: 10px
}

#contact-button {
  cursor: pointer;
  font-size: 16px;
  font-weight: 300;
  margin-top: 25px;
  line-height: 1;
  background-color: #0066b5;
  color: #fff;
  border: 0;
  padding: 12px 38px
}

#contact-button:hover {
  background-color: #40a5f3
}

#form_sent {
  display: none;
  background-color: #f2f2f2;
  padding: 100px 40px;
  font-size: 20px;
  margin-top: 80px;
  text-align: center
}

#form_not_sent {
  display: none;
  padding: 30px 40px 0;
  text-align: center;
  font-size: 20px;
  color: #ee5123
}

.form_error {
  display: none
}

.input_error {
  border-right: 4px solid #ee5123 !important
}

#message_container {
  display: none
}

#message {
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: 18px
}

#google-map,
#google-map-inmo {
  width: 100%;
  height: 350px;
  border: 4px solid #ebebeb
}

#google-map iframe,
#google-map-inmo iframe {
  margin: 0;
  border: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.autocomplete-no-suggestion {
  padding: 20px;
  color: #999
}

.autocomplete-suggestions {
  border: 1px solid #c7c7c7;
  border-top: none;
  background: #fff;
  overflow: auto;
  color: #000;
  font-size: 14px;
  line-height: 1.5
}

.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden
}

.autocomplete-suggestion div.custom {
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #e9e9e9;
  white-space: normal;
  overflow: hidden;
  font-size: 12px;
  color: #474746
}

.autocomplete-suggestion img {
  padding-top: 5px;
  padding-bottom: 5px;
  width: 50px;
  float: left
}

.autocomplete-suggestion .custom>div {
  margin-left: 70px
}

.autocomplete-suggestion i {
  font-weight: 700
}

.autocomplete-suggestion h6 {
  font-size: 14px;
  margin: 0;
  font-weight: 700
}

.autocomplete-suggestion h5 {
  font-size: 13px;
  margin: 0;
  font-weight: 400;
  color: #6196cf
}

.autocomplete-suggestion p {
  font-size: 13px;
  margin: 0;
  font-weight: 400
}

.autocomplete-selected {
  background: #f0f0f0
}

.autocomplete-suggestions strong {
  font-weight: 700;
  color: #99b10f
}

.autocomplete-group {
  padding: 2px 5px
}

.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000
}

.print-holder {
  display: flex;
  justify-content: space-between
}

.print-holder a.print {
  display: flex;
  align-items: center;
  margin: 0 0 0 40px;
  color: #000;
  cursor: pointer
}

.print-holder a.print svg {
  width: 24px;
  height: auto;
  margin-right: 7px
}

.print-holder a.print:hover {
  color: #0066b5
}

#price_div_holder {
  padding: 20px 30px;
  background-color: #f9f9f9;
  height: 450px;
}

#price_div_holder td.formsCaption {
  font-size: 17px
}

#price_div_holder select {
  font-size: 18px;
  margin: 0 !important;
  line-height: 20px;
  height: 32px;
  box-sizing: border-box
}

#format_decimal {
  display: none
}

.forms.indent,
.formsCaption.indent {
  padding-left: 40px
}

.forms.indent2,
.formsCaption.indent2 {
  padding-left: 80px
}

#main_form select,
#main_form .jcf-select {
  height: auto;
  border: 1px solid #d3d3d3
}

#main_form .jcf-select .jcf-select-text {
  padding: 17px 10px
}

#main_form .jcf-select:before {
  top: 17px
}

#main_form #other_fields {
  padding: 20px 30px;
  height: 450px;
}

#main_form td.formsCaption {
  font-size: 16px;
  border-right: 0;
  line-height: 1.5;
  padding-top: 12px;
  padding-bottom: 6px;
  width: 250px
}

#main_form td.forms {
  font-size: 0 !important;
  line-height: 0;
  border-right: 0
}

#main_form input.percent,
#main_form input.currency {
  width: 50px !important;
  margin: 0 !important;
  text-align: right;
  border-right-width: 0 !important
}

#main_form input.percent.active,
#main_form input.currency.active {
  border-right-width: 0 !important
}

#main_form input.currency {
  width: 110px !important
}

#main_form table {
  width: 100%
}

#main_form label.sufix {
  display: inline-flex;
  padding: 0 !important;
  border: 0 !important
}

#main_form label.sufix span {
  font-size: 14px;
  background-color: #efefef;
  display: inline-block;
  padding: 0 10px;
  line-height: 32px;
  height: 32px;
  overflow: hidden;
  border-left-width: 0 !important;
  vertical-align: middle;
  text-transform: lowercase
}

#main_form #price_div_holder label.sufix span {
  background-color: #e7c07b;
  color: #fff;
  line-height: 32px;
  height: 32px;
  border-color: #e7a032;
  font-size: 16px;
  text-align: center;
  padding: 0 9px
}

#main_form label.sufix:hover {
  background-color: transparent
}

#main_form label.active span {
  background-color: #e2e1e1;
  border: 1px solid #d3d3d3 !important;
  border-left-width: 0 !important;
  color: #252525
}

#main_form #price_div_holder label.active span {
  background-color: #c4882a;
  border: 1px solid #c4882a !important
}

#main_form label.chain {
  background: url(../images/utility_chain_small.png)right center no-repeat
}

#main_form #price_div_holder label.chain {
  background: url(../images/utility_chain.png)right center no-repeat
}

#main_form label.chain span {
  margin-right: 24px
}

#main_form .jcf-select,
#main_form select {
  width: 100%;
  max-width: 245px
}

#main_form label:hover {
  background-color: transparent
}

#main_form input[type=text] {
  color: #000;
  outline: medium;
  border: 1px solid #d3d3d3;
}

#main_form input[type=text]:focus {
  border-left-width: 3px !important;
  box-shadow: 0 0 6px -4px rgba(0, 0, 0, .75)
}

#main_form input.error {
  border-color: rgba(243, 45, 51, .3) !important;
  border-left-width: 3px !important;
  border-left-color: #ff512e !important
}

#main_form input.valid[aria-required=true],
#main_form input.percent.valid[aria-required=true],
#main_form input.currency.valid[aria-required=true] {
  border-left-width: 3px !important;
  border-left-color: #0066b5 !important
}

#report {
  padding: 20px;
  background-color: #fff;
  font-size: 16px;
  border-top: 5px solid #f2f2f2
}

#report h5 {
  font-size: 24px;
  margin: 0 0 15px 0;
  line-height: 1.5;
  font-weight: 400;
  color: #000
}

#report h6 {
  font-size: 20px;
  margin: 30px 0 20px;
  line-height: 1.5;
  font-weight: 400;
  margin-left: 10px;
  color: #000
}

#report .report_sep {
  border-bottom: 1px solid #e9e9e9;
  margin-top: 30px
}

#report_title {
  margin-left: 10px !important
}

#report_title th {
  font-weight: 400;
  color: #666 !important;
  font-size: 16px !important
}

#report_title td {
  color: #000 !important;
  font-size: 18px !important
}

#actes_juridics_holder {
  display: none
}

#report table {
  margin-left: 20px;
  border-collapse: collapse
}

#report th {
  text-align: left;
  font-weight: 400;
  color: #000;
  padding-right: 20px
}

#report td,
#report th {
  font-size: 14px;
  line-height: 1.8
}

#report td {
  text-align: right
}

#report .sep td {
  height: 12px
}

#report .down_sep td,
#report .down_sep td {
  padding-bottom: 14px
}

#report .total td,
#report .total th {
  font-size: 16px;
  border-top: 1px solid #e9e9e9;
  padding-top: 14px
}

#report .total.expenses td,
#report .total.expenses th {
  padding-bottom: 14px
}

#report .indent th {
  padding-left: 20px
}

#report .indent2 th {
  padding-left: 40px
}

#report .vinculant {
  border-top: 1px solid #e9e9e9;
  font-size: 12px;
  margin-top: 15px;
  padding-top: 15px
}

#mortgage_table {
  margin-top: 20px
}

#mortgage_table th {
  text-align: right;
  padding: 0 30px 6px 0;
  border-bottom: 2px solid #e9e9e9;
  font-size: 15px
}

#mortgage_table td {
  text-align: right;
  padding: 3px 30px 3px 0;
  border-top: 1px solid #e9e9e9
}

@media print {

  #header,
  footer,
  #left-nav,
  #message_container,
  #main_form {
    display: none
  }

  body {
    background-color: transparent
  }

  #report {
    border-top: 0
  }

  .page_before {
    page-break-before: always
  }
}

#left-nav {
  order: -1;
  grid-row: span 2
}

#left-nav>h3 {
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
  text-transform: uppercase;
  font-weight: 700;
  background-color: #0066b5
}

#left-nav>h3 a {
  color: inherit;
  text-decoration: none;
  padding: 20px 36px 15px;
  display: block
}

#left-nav>h3 a:hover {
  background-color: #40a5f3
}

#left-nav>div {
  background-color: #f9f9f9;
  padding: 30px 36px 30px 19px;
  margin-top: 30px
}

#left-nav ul {
  margin: 0;
  padding: 0
}

#left-nav ul:first-child {
  margin-top: -5px
}

#left-nav ul li:before {
  content: "";
  display: none
}

#left-nav ul li.active1>a {
  color: #0066b5
}

#left-nav ul a {
  color: #5e5e5e;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px
}

#left-nav ul a:hover {
  color: #0066b5
}

#left-nav ul.menu li {
  position: relative
}

#left-nav ul.menu li a {
  margin-left: 17px
}

#left-nav ul.menu li .dropdown {
  position: absolute;
  display: block;
  font-size: 20px;
  font-weight: 400;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 17px;
  text-align: center;
  cursor: pointer;
  padding-right: 6px
}

#left-nav ul.menu li .dropdown:hover {
  font-weight: 600;
  color: #0066b5
}

#left-nav ul.menu li.active1 .dropdown {
  font-weight: 700;
  color: #0066b5
}

#left-nav ul.menu li:last-of-type ul.submenu {
  padding-bottom: 0
}

#left-nav ul.menu li.active1>a {
  font-weight: 700
}

#left-nav ul.menu li.active0 ul.submenu {
  display: none
}

#left-nav ul.submenu {
  margin-top: 0;
  padding-bottom: 37px
}

#left-nav ul.submenu:first-child {
  margin-top: -5px
}

#left-nav ul.submenu li a:after {
  content: ">";
  display: inline-block;
  font-size: 18px;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 4px
}

#left-nav ul.submenu li a:hover {
  color: #0066b5
}

#left-nav ul.submenu li a:hover:after {
  padding-left: 9px;
  padding-right: 0
}

#left-nav ul.submenu li.active1 a {
  font-weight: 700
}

#left-nav ul.submenu a {
  font-weight: 400;
  font-size: 15px;
  padding-top: 5px;
  padding-bottom: 5px
}

#left-nav .other {
  text-align: center;
  margin-top: 40px
}

#left-nav .other a {
  color: #fff;
  text-decoration: none
}

#left-nav .other a:hover {
  color: #0066b5
}

#left-nav .banner-formacio {
  padding: 56px 0 0;
  background-color: #9cebff
}

#left-nav .banner-formacio>* {
  padding-left: 45px;
  padding-right: 45px
}

#left-nav .banner-formacio div {
  font-size: 33px;
  font-weight: 700;
  line-height: 1.1;
  color: #3c5188
}

#left-nav .banner-formacio div strong {
  display: block;
  font-weight: 800
}

#left-nav .banner-formacio .bottom {
  padding-top: 26px;
  color: #5e72a5;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  background: url(../images/banner_formacio_2.png)no-repeat left 45px bottom;
  padding-bottom: 30px
}

#left-nav .banner-formacio .bottom span {
  max-width: 140px;
  line-height: 1.2
}

#left-nav .banner-formacio .bottom img {
  margin-top: 30px;
  align-self: flex-end
}

#left-nav .banner-formacio a {
  justify-content: flex-end;
  background: #0066b5 url(../images/banner_formacio_3.png)no-repeat left 45px top !important;
  color: #9cebff;
  text-align: right;
  line-height: 32px;
  padding-top: 22px;
  padding-bottom: 22px;
  font-weight: 400
}

.pagina-home main a,
.pagina-home .more,
.pagina-home #left-nav ul.submenu li a:hover,
.pagina-home #left-nav ul.menu li.active1 .dropdown,
.pagina-home #left-nav ul li.active1>a {
  color: #518fff
}

.pagina-home .button,
.pagina-home .ticket-search-bar input[type=submit],
.ticket-search-bar .pagina-home input[type=submit],
.pagina-home #ticket_add_button,
.pagina-home #new_ticket #ticket_submit_button div,
#new_ticket #ticket_submit_button .pagina-home div {
  background-color: #518fff
}

.pagina-home .button:hover,
.pagina-home .ticket-search-bar input[type=submit]:hover,
.ticket-search-bar .pagina-home input[type=submit]:hover,
.pagina-home #ticket_add_button:hover,
.pagina-home #new_ticket #ticket_submit_button div:hover,
#new_ticket #ticket_submit_button .pagina-home div:hover {
  background-color: #1e6eff !important
}

.pagina-home #left-nav>h3 {
  background-color: #518fff
}

.pagina-home .box {
  border-bottom: 20px solid #518fff
}

.pagina-home .box a:hover span {
  border-bottom: 3px solid #84b0ff
}

.pagina-home .form .images-zoom {
  background-color: #84b0ff
}

.pagina-home .form .images-zoom:hover {
  background-color: #518fff !important
}

.pagina-4 main a,
.pagina-4 .more,
.pagina-4 #left-nav ul.submenu li a:hover,
.pagina-4 #left-nav ul.menu li.active1 .dropdown,
.pagina-4 #left-nav ul li.active1>a {
  color: #2a6ec9
}

.pagina-4 .button,
.pagina-4 .ticket-search-bar input[type=submit],
.ticket-search-bar .pagina-4 input[type=submit],
.pagina-4 #ticket_add_button,
.pagina-4 #new_ticket #ticket_submit_button div,
#new_ticket #ticket_submit_button .pagina-4 div {
  background-color: #2a6ec9
}

.pagina-4 .button:hover,
.pagina-4 .ticket-search-bar input[type=submit]:hover,
.ticket-search-bar .pagina-4 input[type=submit]:hover,
.pagina-4 #ticket_add_button:hover,
.pagina-4 #new_ticket #ticket_submit_button div:hover,
#new_ticket #ticket_submit_button .pagina-4 div:hover {
  background-color: #21579f !important
}

.pagina-4 #left-nav>h3 {
  background-color: #2a6ec9
}

.pagina-4 .box {
  border-bottom: 20px solid #2a6ec9
}

.pagina-4 .box a:hover span {
  border-bottom: 3px solid #4c89da
}

.pagina-4 .form .images-zoom {
  background-color: #4c89da
}

.pagina-4 .form .images-zoom:hover {
  background-color: #2a6ec9 !important
}

.pagina-15 main a,
.pagina-15 .more,
.pagina-15 #left-nav ul.submenu li a:hover,
.pagina-15 #left-nav ul.menu li.active1 .dropdown,
.pagina-15 #left-nav ul li.active1>a {
  color: #2a4a93
}

.pagina-15 .button,
.pagina-15 .ticket-search-bar input[type=submit],
.ticket-search-bar .pagina-15 input[type=submit],
.pagina-15 #ticket_add_button,
.pagina-15 #new_ticket #ticket_submit_button div,
#new_ticket #ticket_submit_button .pagina-15 div {
  background-color: #2a4a93
}

.pagina-15 .button:hover,
.pagina-15 .ticket-search-bar input[type=submit]:hover,
.ticket-search-bar .pagina-15 input[type=submit]:hover,
.pagina-15 #ticket_add_button:hover,
.pagina-15 #new_ticket #ticket_submit_button div:hover,
#new_ticket #ticket_submit_button .pagina-15 div:hover {
  background-color: #1f366b !important
}

.pagina-15 #left-nav>h3 {
  background-color: #2a4a93
}

.pagina-15 .box {
  border-bottom: 20px solid #2a4a93
}

.pagina-15 .box a:hover span {
  border-bottom: 3px solid #355ebb
}

.pagina-15 .form .images-zoom {
  background-color: #355ebb
}

.pagina-15 .form .images-zoom:hover {
  background-color: #2a4a93 !important
}

.pagina-16 main a,
.pagina-16 .more,
.pagina-16 #left-nav ul.submenu li a:hover,
.pagina-16 #left-nav ul.menu li.active1 .dropdown,
.pagina-16 #left-nav ul li.active1>a {
  color: #0a3881
}

.pagina-16 .button,
.pagina-16 .ticket-search-bar input[type=submit],
.ticket-search-bar .pagina-16 input[type=submit],
.pagina-16 #ticket_add_button,
.pagina-16 #new_ticket #ticket_submit_button div,
#new_ticket #ticket_submit_button .pagina-16 div {
  background-color: #0a3881
}

.pagina-16 .button:hover,
.pagina-16 .ticket-search-bar input[type=submit]:hover,
.ticket-search-bar .pagina-16 input[type=submit]:hover,
.pagina-16 #ticket_add_button:hover,
.pagina-16 #new_ticket #ticket_submit_button div:hover,
#new_ticket #ticket_submit_button .pagina-16 div:hover {
  background-color: #062352 !important
}

.pagina-16 #left-nav>h3 {
  background-color: #0a3881
}

.pagina-16 .box {
  border-bottom: 20px solid #0a3881
}

.pagina-16 .box a:hover span {
  border-bottom: 3px solid #0e4db0
}

.pagina-16 .form .images-zoom {
  background-color: #0e4db0
}

.pagina-16 .form .images-zoom:hover {
  background-color: #0a3881 !important
}

.pagina-19 main a,
.pagina-19 .more,
.pagina-19 #left-nav ul.submenu li a:hover,
.pagina-19 #left-nav ul.menu li.active1 .dropdown,
.pagina-19 #left-nav ul li.active1>a {
  color: #f2e542
}

.pagina-19 .button,
.pagina-19 .ticket-search-bar input[type=submit],
.ticket-search-bar .pagina-19 input[type=submit],
.pagina-19 #ticket_add_button,
.pagina-19 #new_ticket #ticket_submit_button div,
#new_ticket #ticket_submit_button .pagina-19 div {
  background-color: #f2e542
}

.pagina-19 .button:hover,
.pagina-19 .ticket-search-bar input[type=submit]:hover,
.ticket-search-bar .pagina-19 input[type=submit]:hover,
.pagina-19 #ticket_add_button:hover,
.pagina-19 #new_ticket #ticket_submit_button div:hover,
#new_ticket #ticket_submit_button .pagina-19 div:hover {
  background-color: #efde12 !important
}

.pagina-19 #left-nav>h3 {
  background-color: #f2e542
}

.pagina-19 .box {
  border-bottom: 20px solid #f2e542
}

.pagina-19 .box a:hover span {
  border-bottom: 3px solid #f5ec72
}

.pagina-19 .form .images-zoom {
  background-color: #f5ec72
}

.pagina-19 .form .images-zoom:hover {
  background-color: #f2e542 !important
}

.pagina-17 main a,
.pagina-17 .more,
.pagina-17 #left-nav ul.submenu li a:hover,
.pagina-17 #left-nav ul.menu li.active1 .dropdown,
.pagina-17 #left-nav ul li.active1>a {
  color: #ffd536
}

.pagina-17 .button,
.pagina-17 .ticket-search-bar input[type=submit],
.ticket-search-bar .pagina-17 input[type=submit],
.pagina-17 #ticket_add_button,
.pagina-17 #new_ticket #ticket_submit_button div,
#new_ticket #ticket_submit_button .pagina-17 div {
  background-color: #ffd536
}

.pagina-17 .button:hover,
.pagina-17 .ticket-search-bar input[type=submit]:hover,
.ticket-search-bar .pagina-17 input[type=submit]:hover,
.pagina-17 #ticket_add_button:hover,
.pagina-17 #new_ticket #ticket_submit_button div:hover,
#new_ticket #ticket_submit_button .pagina-17 div:hover {
  background-color: #ffca03 !important
}

.pagina-17 #left-nav>h3 {
  background-color: #ffd536
}

.pagina-17 .box {
  border-bottom: 20px solid #ffd536
}

.pagina-17 .box a:hover span {
  border-bottom: 3px solid #ffe069
}

.pagina-17 .form .images-zoom {
  background-color: #ffe069
}

.pagina-17 .form .images-zoom:hover {
  background-color: #ffd536 !important
}

.pagina-18 main a,
.pagina-18 .more,
.pagina-18 #left-nav ul.submenu li a:hover,
.pagina-18 #left-nav ul.menu li.active1 .dropdown,
.pagina-18 #left-nav ul li.active1>a {
  color: #ffcf19
}

.pagina-18 .button,
.pagina-18 .ticket-search-bar input[type=submit],
.ticket-search-bar .pagina-18 input[type=submit],
.pagina-18 #ticket_add_button,
.pagina-18 #new_ticket #ticket_submit_button div,
#new_ticket #ticket_submit_button .pagina-18 div {
  background-color: #ffcf19
}

.pagina-18 .button:hover,
.pagina-18 .ticket-search-bar input[type=submit]:hover,
.ticket-search-bar .pagina-18 input[type=submit]:hover,
.pagina-18 #ticket_add_button:hover,
.pagina-18 #new_ticket #ticket_submit_button div:hover,
#new_ticket #ticket_submit_button .pagina-18 div:hover {
  background-color: #e5b500 !important
}

.pagina-18 #left-nav>h3 {
  background-color: #ffcf19
}

.pagina-18 .box {
  border-bottom: 20px solid #ffcf19
}

.pagina-18 .box a:hover span {
  border-bottom: 3px solid #ffda4c
}

.pagina-18 .form .images-zoom {
  background-color: #ffda4c
}

.pagina-18 .form .images-zoom:hover {
  background-color: #ffcf19 !important
}

.pagina-226 main a,
.pagina-226 .more,
.pagina-226 #left-nav ul.submenu li a:hover,
.pagina-226 #left-nav ul.menu li.active1 .dropdown,
.pagina-226 #left-nav ul li.active1>a {
  color: #ffca00
}

.pagina-226 .button,
.pagina-226 .ticket-search-bar input[type=submit],
.ticket-search-bar .pagina-226 input[type=submit],
.pagina-226 #ticket_add_button,
.pagina-226 #new_ticket #ticket_submit_button div,
#new_ticket #ticket_submit_button .pagina-226 div {
  background-color: #ffca00
}

.pagina-226 .button:hover,
.pagina-226 .ticket-search-bar input[type=submit]:hover,
.ticket-search-bar .pagina-226 input[type=submit]:hover,
.pagina-226 #ticket_add_button:hover,
.pagina-226 #new_ticket #ticket_submit_button div:hover,
#new_ticket #ticket_submit_button .pagina-226 div:hover {
  background-color: #cca200 !important
}

.pagina-226 #left-nav>h3 {
  background-color: #ffca00
}

.pagina-226 .box {
  border-bottom: 20px solid #ffca00
}

.pagina-226 .box a:hover span {
  border-bottom: 3px solid #ffd533
}

.pagina-226 .form .images-zoom {
  background-color: #ffd533
}

.pagina-226 .form .images-zoom:hover {
  background-color: #ffca00 !important
}

.pagina-31 main a,
.pagina-31 .more,
.pagina-31 #left-nav ul.submenu li a:hover,
.pagina-31 #left-nav ul.menu li.active1 .dropdown,
.pagina-31 #left-nav ul li.active1>a {
  color: #4e4e4e
}

.pagina-31 .button,
.pagina-31 .ticket-search-bar input[type=submit],
.ticket-search-bar .pagina-31 input[type=submit],
.pagina-31 #ticket_add_button,
.pagina-31 #new_ticket #ticket_submit_button div,
#new_ticket #ticket_submit_button .pagina-31 div {
  background-color: #4e4e4e
}

.pagina-31 .button:hover,
.pagina-31 .ticket-search-bar input[type=submit]:hover,
.ticket-search-bar .pagina-31 input[type=submit]:hover,
.pagina-31 #ticket_add_button:hover,
.pagina-31 #new_ticket #ticket_submit_button div:hover,
#new_ticket #ticket_submit_button .pagina-31 div:hover {
  background-color: #353535 !important
}

.pagina-31 #left-nav>h3 {
  background-color: #4e4e4e
}

.pagina-31 .box {
  border-bottom: 20px solid #4e4e4e
}

.pagina-31 .box a:hover span {
  border-bottom: 3px solid #686868
}

.pagina-31 .form .images-zoom {
  background-color: #686868
}

.pagina-31 .form .images-zoom:hover {
  background-color: #4e4e4e !important
}

.pagina-30 main a,
.pagina-30 .more,
.pagina-30 #left-nav ul.submenu li a:hover,
.pagina-30 #left-nav ul.menu li.active1 .dropdown,
.pagina-30 #left-nav ul li.active1>a {
  color: #4e4e4e
}

.pagina-30 .button,
.pagina-30 .ticket-search-bar input[type=submit],
.ticket-search-bar .pagina-30 input[type=submit],
.pagina-30 #ticket_add_button,
.pagina-30 #new_ticket #ticket_submit_button div,
#new_ticket #ticket_submit_button .pagina-30 div {
  background-color: #4e4e4e
}

.pagina-30 .button:hover,
.pagina-30 .ticket-search-bar input[type=submit]:hover,
.ticket-search-bar .pagina-30 input[type=submit]:hover,
.pagina-30 #ticket_add_button:hover,
.pagina-30 #new_ticket #ticket_submit_button div:hover,
#new_ticket #ticket_submit_button .pagina-30 div:hover {
  background-color: #353535 !important
}

.pagina-30 #left-nav>h3 {
  background-color: #4e4e4e
}

.pagina-30 .box {
  border-bottom: 20px solid #4e4e4e
}

.pagina-30 .box a:hover span {
  border-bottom: 3px solid #686868
}

.pagina-30 .form .images-zoom {
  background-color: #686868
}

.pagina-30 .form .images-zoom:hover {
  background-color: #4e4e4e !important
}

#header #main-nav li.color-home {
  border-color: #518fff
}

#submenu-mobile ul li.color-home:before {
  background-color: #518fff
}

#header #main-nav li.color-4 {
  border-color: #2a6ec9
}

#submenu-mobile ul li.color-4:before {
  background-color: #2a6ec9
}

#header #main-nav li.color-15 {
  border-color: #2a4a93
}

#submenu-mobile ul li.color-15:before {
  background-color: #2a4a93
}

#header #main-nav li.color-16 {
  border-color: #0a3881
}

#submenu-mobile ul li.color-16:before {
  background-color: #0a3881
}

#header #main-nav li.color-19 {
  border-color: #f2e542
}

#submenu-mobile ul li.color-19:before {
  background-color: #f2e542
}

#header #main-nav li.color-17 {
  border-color: #ffd536
}

#submenu-mobile ul li.color-17:before {
  background-color: #ffd536
}

#header #main-nav li.color-18 {
  border-color: #ffcf19
}

#submenu-mobile ul li.color-18:before {
  background-color: #ffcf19
}

#header #main-nav li.color-226 {
  border-color: #ffca00
}

#submenu-mobile ul li.color-226:before {
  background-color: #ffca00
}

#header #main-nav li.color-31 {
  border-color: #e1e0de
}

#submenu-mobile ul li.color-31:before {
  background-color: #e1e0de
}

#header #main-nav li.color-30 {
  border-color: #ededec
}

#submenu-mobile ul li.color-30:before {
  background-color: #ededec
}

.modal-holder {
  position: fixed;
  bottom: 0;
  height: 0;
  width: 0;
  overflow: hidden;
  z-index: 2001;
  outline: 0;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .7);
  font-size: 18px;
  font-weight: 400;
  opacity: 0;
  transition: opacity ease-in-out .2s;
  padding: 20px
}

.modal-holder.modal-open {
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  width: auto
}

.modal-holder.modal-waiting .modal-content {
  filter: contrast(90%) brightness(40%)
}

.modal-holder.modal-waiting:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2002;
  background: url(../../../../common/images/wait.png)center center no-repeat
}

.modal-content {
  max-width: 620px;
  margin: 0 auto;
  box-shadow: 0 4px 10px 0 rgba(36, 49, 56, .15);
  border: 0;
  background-color: #fff;
  position: relative;
  width: 100%;
  pointer-events: auto;
  border-radius: .3rem;
  outline: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding: 40px;
  color: #000
}

.modal-content h6 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px
}

.modal-content.modal-alert .modal-text {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px
}

.modal-content.modal-iframe {
  padding-left: 0;
  padding-right: 0
}

.modal-content.modal-iframe iframe {
  margin-top: 7px;
  border: 0;
  width: 100%;
  height: 100%
}

.modal-content.modal-height {
  height: 100%
}

.modal-content.modal-wait .modal-text,
.modal-content.modal-notice .modal-text {
  text-align: center
}

.modal-buttons {
  margin-top: 30px;
  text-align: center
}

.modal-buttons button {
  border: 0;
  background-color: #0066b5;
  color: #fff;
  padding: 10px 40px;
  cursor: pointer
}

.modal-buttons button:hover {
  background-color: #737373
}

.modal-buttons button:last-child {
  margin-left: 20px
}

.modal-buttons button:focus {
  outline: 0
}

.modal-buttons .modal-save {
  border: 0;
  background-color: #0066b5;
  color: #fff;
  padding: 10px 40px;
  cursor: pointer
}

.modal-buttons button.modal-cancel {
  background-color: #f64e42
}

.modal-buttons button.modal-cancel::before {
  background-color: #d2d2d2
}

.modal-close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  opacity: .3;
  cursor: pointer
}

.modal-close:hover {
  opacity: 1
}

.modal-close:before {
  position: absolute;
  left: 15px;
  content: " ";
  height: 30px;
  width: 2px;
  background-color: #333;
  transform: rotate(45deg)
}

.modal-close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 30px;
  width: 2px;
  background-color: #333;
  transform: rotate(-45deg)
}

.modal-text form {
  color: #333;
  font-size: 16px;
  line-height: 26px;
  max-width: 450px
}

.modal-text form input,
.modal-text form textarea {
  width: 100%;
  border: 1px solid #ebebeb;
  font-size: 17px;
  line-height: 26px;
  padding: 5px 15px
}

.modal-text form input:focus,
.modal-text form textarea:focus {
  border: 1px solid #0066b5;
  outline: 0
}

.modal-text form input[type=submit] {
  border: 0;
  background-color: #0066b5;
  color: #fff;
  padding: 10px 40px;
  cursor: pointer;
  margin-top: 30px
}

.modal-text form .loginform_message {
  display: none;
  color: #f50909;
  font-weight: 600;
  font-size: 15px
}

.modal-text form label span {
  margin-top: 20px;
  margin-bottom: 4px;
  display: block;
  width: 100%;
  font-weight: 700
}

.modal-text form .error {
  color: #ff3030
}

#login-modal-content {
  display: none
}

.modal-content #login-modal-content {
  display: block
}

#login-modal-content a.register,
#login-modal-content a.password {
  text-decoration: none;
  color: #0066b5;
  font-size: 13px;
  margin-top: 15px;
  display: inline-block
}

#login-modal-content a.register:hover,
#login-modal-content a.password:hover {
  color: #000
}

#login-modal-content #password_form_modal {
  padding-top: 20px;
  font-size: 14px
}

#login-modal-content a.register {
  margin-top: 30px;
  font-size: 20px;
  display: inline-block
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-slide,
.slick-slide *,
.slick-list:focus {
  outline: 0 !important
}

.slick-list.dragging {
  cursor: pointer
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: ""
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-prev,
.slick-next {
  cursor: pointer;
  border: 0;
  outline: 0 !important;
  padding: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  position: absolute;
  z-index: 900;
  width: 35px;
  height: 50px;
  top: 50%;
  margin-top: -25px;
  background: #cbcbcb url(../images/home_slider_arrows.png)no-repeat
}

.slick-prev::-moz-focus-inner,
.slick-next::-moz-focus-inner {
  border: 0
}

.slick-disabled {
  opacity: .2;
  filter: alpha(opacity=20);
  cursor: default
}

.slick-prev,
.slick-prev.slick-disabled,
.slick-prev.slick-disabled:hover {
  left: 0;
  background-position: 0 0
}

.slick-prev:hover {
  background-position: 0-100px
}

.slick-next,
.slick-next.slick-disabled,
.slick-next.slick-disabled:hover {
  right: 0;
  background-position: 0-200px
}

.slick-next:hover {
  background-position: 0-300px
}

#home #dots-holder {
  position: relative;
  display: flex;
  justify-content: flex-end
}

#home #dots-holder .slick-dots {
  bottom: 0;
  background-color: rgba(255, 255, 255, .4);
  width: auto;
  padding: 5px 20px
}

.slick-dots {
  position: absolute;
  bottom: 10px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  z-index: 100;
  font-size: 0;
  line-height: 0
}

#home .slick-dots {
  bottom: 0
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li:before {
  display: none
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 22px;
  height: 22px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: #d0d0d0;
  border-radius: 50%
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: 0
}

.slick-dots li button:hover {
  background-color: #0066b5
}

.slick-dots li.slick-active button {
  background-color: gray;
  cursor: default
}

.jcf-radio {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: default;
  background: 0 0;
  border: 1px solid #959595;
  border-radius: 9px;
  margin: 0 3px 0 0;
  height: 19px;
  width: 19px
}

.jcf-radio span {
  display: none;
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  background: #0066b5;
  border-radius: 100%
}

.jcf-radio input[type=radio] {
  position: absolute;
  height: 100%;
  width: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0
}

.jcf-radio.jcf-checked span {
  display: block
}

.jcf-checkbox {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: default;
  background: 0 0;
  border: 1px solid #959595;
  margin: 0 10px 0 0;
  height: 16px;
  width: 16px
}

.jcf-checkbox span {
  position: absolute;
  display: none;
  height: 6px;
  width: 10px;
  top: 50%;
  left: 50%;
  margin: -7px 0 0-6px;
  border: 3px solid #0066b5;
  border-width: 0 0 3px 3px;
  transform: rotate(-45deg)
}

.jcf-checkbox input[type=checkbox] {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0
}

.jcf-checkbox.jcf-checked span {
  display: block
}

:root .jcf-checkbox span {
  margin: -4px 0 0-5px
}

.jcf-button {
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  border: 1px solid #959595;
  background: 0 0;
  margin: 0 10px 10px 0;
  padding: 5px 10px
}

.jcf-button .jcf-real-element {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  outline: 0;
  opacity: 0;
  padding: 0;
  margin: 0;
  border: 0;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0
}

.jcf-file {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  background: 0 0
}

.jcf-file .jcf-real-element {
  position: absolute;
  font-size: 200px;
  height: 200px;
  margin: 0;
  right: 0;
  top: 0
}

.jcf-file .jcf-fake-input {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
  overflow: hidden;
  border: 1px solid #959595;
  padding: 0 8px;
  font-size: 13px;
  line-height: 28px;
  height: 28px;
  width: 125px
}

.jcf-file .jcf-upload-button {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #959595;
  margin: 0 0 0-1px;
  padding: 0 10px;
  line-height: 28px;
  height: 28px
}

.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
  background: #bbb;
  height: 14px;
  width: 14px;
  left: 0;
  top: 0
}

.jcf-scrollbar-horizontal .jcf-scrollbar-dec,
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  background: #bbb;
  height: 14px;
  width: 14px
}

.jcf-scrollable-wrapper {
  box-sizing: content-box;
  position: relative
}

.jcf-scrollbar-vertical {
  position: absolute;
  cursor: default;
  background: #e3e3e3;
  width: 14px;
  bottom: 0;
  right: 0;
  top: 0
}

.jcf-scrollbar-vertical .jcf-scrollbar-inc {
  top: auto;
  bottom: 0
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
  background: #888;
  height: 1px;
  width: 14px
}

.jcf-scrollbar-horizontal {
  position: absolute;
  background: #e3e3e3;
  right: auto;
  top: auto;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 14px
}

.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
  left: auto;
  right: 0
}

.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
  display: inline-block;
  position: relative;
  height: 14px
}

.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
  position: absolute;
  background: #888;
  height: 14px
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
  visibility: hidden
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec {
  background: #e3e3e3
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
  background: #e3e3e3
}

select,
.jcf-select {
  border: 1px solid #000;
  background: 0 0;
  margin: 0 0 12px;
  min-width: 150px;
  height: 60px;
  color: #000
}

select {
  padding: 17px 30px;
  font-size: 16px
}

.jcf-select {
  display: inline-block;
  vertical-align: top;
  position: relative
}

.jcf-select select {
  z-index: 1;
  left: 0;
  top: 0
}

.jcf-select .jcf-select-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  font-size: 16px;
  margin: 0 30px 0 0;
  padding: 17px 30px
}

.jcf-select .jcf-select-opener {
  position: absolute;
  text-align: center;
  width: 60px;
  font-size: 20px;
  bottom: 0;
  right: 0;
  top: 0;
  cursor: pointer
}

.jcf-select .jcf-select-drop {
  position: absolute;
  margin-top: 0;
  z-index: 9999;
  top: 100%;
  left: -1px;
  right: -1px
}

.jcf-select .jcf-drop-flipped {
  bottom: 100%;
  top: auto
}

.jcf-select.jcf-compact-multiple {
  max-width: 220px
}

.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
  display: inline-block;
  padding-top: 2px;
  content: "..."
}

.jcf-select:before {
  content: ">";
  position: absolute;
  top: 20px;
  right: 18px;
  font-size: 16px;
  font-weight: 300;
  transform: scaleX(1.9) rotate(90deg);
  color: #000
}

.jcf-select-drop .jcf-select-drop-content {
  border: 1px solid #000
}

.jcf-select-drop.jcf-compact-multiple .jcf-hover {
  background: 0 0
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected {
  background: #e6e6e6;
  color: #000
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
  display: inline-block;
  content: "";
  height: 4px;
  width: 8px;
  margin: -7px 5px 0-3px;
  border: 3px solid #000;
  border-width: 0 0 3px 3px;
  transform: rotate(-45deg)
}

body>.jcf-select-drop {
  position: absolute;
  margin: -1px 0 0;
  z-index: 9999
}

body>.jcf-select-drop.jcf-drop-flipped {
  margin: 1px 0 0
}

.jcf-list-box {
  overflow: hidden;
  display: inline-block;
  border: 1px solid #b8c3c9;
  min-width: 200px;
  margin: 0 15px
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
  background: #e6e6e6;
  color: #000
}

.jcf-list {
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: 0 0;
  width: 100%;
  font-weight: 300
}

.jcf-list .jcf-list-content {
  vertical-align: top;
  display: inline-block;
  overflow: auto;
  width: 100%;
  background-color: #fff
}

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

.jcf-list ul li {
  overflow: hidden;
  display: block
}

.jcf-list .jcf-overflow {
  overflow: auto
}

.jcf-list .jcf-option {
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  padding: 10px 15px;
  min-height: 14px;
  height: 1%;
  font-weight: 400
}

.jcf-list .jcf-disabled {
  background: 0 0 !important;
  color: #aaa !important
}

.jcf-list .jcf-option-hidden {
  display: none
}

.jcf-list .jcf-optgroup-caption {
  white-space: nowrap;
  font-weight: 700;
  display: block;
  padding: 5px 9px;
  cursor: default
}

.jcf-list .jcf-optgroup .jcf-option {
  padding-left: 30px
}

.jcf-textarea {
  border: 1px solid #959595;
  box-sizing: content-box;
  display: inline-block;
  position: relative
}

.jcf-textarea .jcf-scrollbar-horizontal {
  display: none;
  height: 0
}

.jcf-textarea textarea {
  padding: 8px 10px;
  border: 0;
  margin: 0
}

.jcf-textarea .jcf-resize {
  position: absolute;
  text-align: center;
  cursor: se-resize;
  background: #e3e3e3;
  font-weight: 700;
  line-height: 15px;
  text-indent: 1px;
  font-size: 12px;
  height: 15px;
  width: 14px;
  bottom: 0;
  right: 0
}

.jcf-textarea .jcf-resize:before {
  border: 1px solid #000;
  border-width: 0 1px 1px 0;
  display: block;
  margin: 4px 0 0 3px;
  width: 6px;
  height: 6px;
  content: ""
}

.jcf-number {
  display: inline-block;
  position: relative;
  height: 32px
}

.jcf-number input {
  -moz-appearance: textfield;
  box-sizing: border-box;
  border: 1px solid #989898;
  padding: 3px 27px 3px 7px;
  margin: 0;
  height: 100%
}

.jcf-number input::-webkit-inner-spin-button,
.jcf-number input::-webkit-outer-spin-button {
  -webkit-appearance: none
}

.jcf-number .jcf-btn-dec,
.jcf-number .jcf-btn-inc {
  position: absolute;
  background: #aaa;
  width: 20px;
  height: 15px;
  right: 1px;
  top: 1px
}

.jcf-number .jcf-btn-dec {
  top: auto;
  bottom: 1px
}

.jcf-number .jcf-btn-dec:hover {
  background: #e6e6e6
}

.jcf-number .jcf-btn-inc:hover {
  background: #e6e6e6
}

.jcf-number.jcf-disabled .jcf-btn-dec:hover,
.jcf-number.jcf-disabled .jcf-btn-inc:hover {
  background: #aaa
}

.jcf-number .jcf-btn-dec:before,
.jcf-number .jcf-btn-inc:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  margin: -6px 0 0-4px;
  border: 4px solid #aaa;
  border-color: transparent transparent #aaa transparent
}

.jcf-number .jcf-btn-dec:before {
  margin: -1px 0 0-4px;
  border-color: #aaa transparent transparent transparent
}

.jcf-number.jcf-disabled .jcf-btn-dec:before,
.jcf-number.jcf-disabled .jcf-btn-inc:before {
  opacity: .3
}

.jcf-number .jcf-btn-dec.jcf-disabled:before,
.jcf-number .jcf-btn-inc.jcf-disabled:before {
  opacity: .3
}

.jcf-number.jcf-disabled input {
  background: #ddd
}

.jcf-range {
  display: block;
  min-width: 200px
}

.jcf-range .jcf-range-track {
  margin: 0 19px 0 0;
  position: relative;
  display: block;
  height: 5px
}

.jcf-range .jcf-range-wrapper {
  position: relative;
  background: #e5e5e5;
  border-radius: 5px;
  display: block;
  margin: 5px 0
}

.jcf-range.jcf-vertical {
  min-width: 0;
  width: auto
}

.jcf-range.jcf-vertical .jcf-range-wrapper {
  margin: 0;
  width: 10px;
  height: auto;
  padding: 20px 0 0
}

.jcf-range.jcf-vertical .jcf-range-track {
  height: 180px;
  width: 10px
}

.jcf-range.jcf-vertical .jcf-range-handle {
  left: -5px;
  top: auto
}

.jcf-range.jcf-vertical .jcf-range-display-wrapper {
  left: auto;
  right: auto;
  top: 10px;
  bottom: 10px
}

.jcf-range.jcf-vertical .jcf-range-display.jcf-range-min {
  margin: 0 0-10px;
  padding: 0 0 10px
}

.jcf-range.jcf-vertical .jcf-range-display.jcf-range-max {
  margin: -10px 0 0;
  padding: 10px 0 0
}

.jcf-range.jcf-vertical .jcf-range-mark {
  margin: 0 0 9px;
  left: 14px;
  top: auto;
  width: 3px;
  height: 1px
}

.jcf-range .jcf-range-display-wrapper {
  position: absolute;
  min-height: 5px;
  min-width: 10px;
  left: 10px;
  right: 10px
}

.jcf-range .jcf-range-display {
  position: absolute;
  background: #000;
  width: 10px;
  height: 5px
}

.jcf-range .jcf-range-display.jcf-range-min {
  margin: 0 0 0-10px;
  padding: 0 0 0 10px
}

.jcf-range .jcf-range-display.jcf-range-max {
  margin: 0-10px 0 0;
  padding: 0 10px 0 0
}

.jcf-range .jcf-range-handle {
  position: absolute;
  width: 19px;
  height: 19px;
  margin: -4px 0 0;
  z-index: 1;
  top: -4px;
  left: 0;
  background: url(../images/jcf-range.png)center top no-repeat
}

.jcf-range .jcf-range-mark {
  position: absolute;
  overflow: hidden;
  background: #000;
  width: 1px;
  height: 3px;
  top: -7px;
  margin: 0 0 0 9px
}

.jcf-range .jcf-active-handle {
  z-index: 2
}

.jcf-range.jcf-disabled {
  background: 0 0 !important;
  opacity: .3
}

.jcf-range.jcf-focus .jcf-active-handle {
  border: 0 !important
}

.jcf-disabled {
  color: #e0e0e0 !important;
  border-color: #e0e0e0 !important
}

.jcf-disabled.jcf-select:before {
  color: #e0e0e0 !important
}

.jcf-focus,
.jcf-focus * {
  border-color: #0066b5 !important
}

@media only screen and (max-width:1400px) {
  footer .top {
    padding-bottom: 150px
  }
}

@media only screen and (max-width:1000px) {

  #contact-show-form-new .form_title,
  .news.show-record .videoframe,
  .news.show-record>section>article .details .box:first-of-type,
  #banner-home-second-row,
  #cursos-home>div,
  #news-home h6,
  #banner-home-top,
  #banner-home-fixed,
  aside.results,
  #form_sent {
    margin-top: 50px
  }

  footer .top {
    padding-top: 50px
  }

  footer .top,
  #banner-home-second-row {
    padding-bottom: 50px
  }

  main.contact>section .content {
    margin-top: 70px
  }

  main#inner>section,
  main#home {
    padding-bottom: 70px
  }

  .news.show-record .videoframe {
    margin-bottom: -70px
  }

  .form+.list {
    margin-top: 70px;
    padding-top: 40px
  }

  .new-list {
    grid-gap: 50px
  }
}

@media only screen and (max-width:450px) {
  #banner-home-top {
    margin-top: 20px
  }
}

@media only screen and (max-width:400px) {
  .lg-video-cont {
    height: 100%
  }

  .lg-outer .lg-video {
    padding-bottom: 0 !important;
    height: 90% !important;
    top: 5%
  }
}

@media only screen and (max-width:1100px) {
  main#inner>section {
    grid-template-columns: 320px 1fr;
    grid-gap: 0 40px
  }
}

@media only screen and (max-width:950px) {
  main#inner>section {
    display: block
  }

  #left-nav {
    order: initial;
    grid-row: initial;
    display: none
  }
}

@media only screen and (max-width:1000px) {
  aside.results {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px
  }

  aside.results>div {
    grid-column: span 2
  }

  a.pageNextSet,
  a.pageNext {
    margin-left: 0 !important;
    grid-row: 2;
    grid-column: 2
  }

  a.pagePreviousSet,
  a.pagePrevious {
    margin-right: 0 !important;
    grid-row: 2;
    grid-column: 1
  }
}

@media only screen and (max-width:1600px) {
  #header #main-nav li a {
    padding-right: 10px;
    padding-left: 10px;
    min-width: 90px
  }
}

@media only screen and (max-width:1300px) {
  #header .middle .container {
    display: block
  }

  #header .middle .container #logo {
    height: 40px;
    margin-bottom: 30px
  }

  #header .bottom {
    padding-top: 10px;
    padding-bottom: 6px
  }

  #header .bottom .slogan {
    position: absolute;
    top: 69px;
    right: 0;
    justify-content: flex-end
  }

  #header #main-nav li a {
    min-width: 0
  }
}

@media only screen and (max-width:1150px) {
  #header .bottom .social>span {
    display: none
  }
}

@media only screen and (max-width:1000px) {
  #header #main-nav li a {
    padding-right: 6px;
    padding-left: 6px
  }
}

@media only screen and (min-width:951px) {
  #submenu-mobile {
    display: none !important
  }
}

@media only screen and (max-width:950px) {
  #header .top>.container>div {
    margin-top: 2px;
    margin-bottom: 3px
  }

  #header .top .container address {
    color: #fff;
    font-size: 18px
  }

  #header .top>.container>div>a,
  #header .top>.container>div span {
    height: 30px;
    width: 30px
  }

  #header .top>.container>div>a svg,
  #header .top>.container>div span svg {
    height: 20px
  }

  #current-language,
  #header .bottom,
  #main-nav {
    display: none
  }

  #menu-mobile {
    display: block
  }

  #header .middle .container {
    display: flex;
    align-items: center
  }

  #header .middle .container #logo {
    margin-top: 12px;
    margin-bottom: 6px
  }
}

@media only screen and (max-width:500px) {
  #header .middle .container #logo {
    height: 32px
  }
}

@media only screen and (max-width:900px) {
  footer .top .container {
    grid-template-columns: 1fr 1fr
  }
}

@media only screen and (max-width:450px) {
  footer .top .container {
    grid-template-columns: 1fr
  }
}

@media only screen and (max-width:360px) {
  footer .logos .container {
    flex-wrap: wrap;
    padding-top: 15px;
    padding-bottom: 15px
  }

  footer .logos .container>* {
    padding-top: 5px;
    padding-bottom: 5px
  }
}

@media only screen and (max-width:1100px) {

  #slider-home .item>a>div,
  #slider-home .item>div>div {
    max-width: none
  }

  #slider-home .item>a,
  #slider-home .item>div {
    min-height: 450px
  }
}

@media only screen and (max-width:1000px) {
  #banner-home {
    padding-right: 0;
    padding-left: 0
  }
}

@media only screen and (max-width:900px) {

  #slider-home .item>a,
  #slider-home .item>div {
    min-height: 350px
  }
}

@media only screen and (min-width:1151px) and (max-width:1250px),
only screen and (max-width:670px) {
  #banner-home-top {
    grid-gap: 10px
  }

  #banner-home-top>* {
    padding: 55px 30px 30px
  }
}

@media only screen and (max-width:1150px) {
  #banner-home-top {
    grid-template-columns: 1fr 1fr
  }

  #banner-home-top>* {
    min-height: 280px;
    padding: 30px 48px 40px
  }
}

@media only screen and (max-width:550px) {
  #banner-home-top>* {
    padding: 30px 15px 20px
  }
}

@media only screen and (max-width:450px) {
  #banner-home-top {
    margin-top: 0;
    grid-template-columns: 1fr;
    grid-gap: 0;
    padding-right: 0;
    padding-left: 0
  }

  #banner-home-top>* {
    min-height: 0
  }

  #banner-home-top>* {
    min-height: 200px
  }
}

@media only screen and (min-width:841px) and (max-width:1100px) {
  #news-home .new-list {
    grid-template-columns: 1fr 1fr 1fr
  }

  #news-home .new-list .item:nth-child(4) {
    display: none
  }
}

@media only screen and (max-width:840px) {
  #news-home .new-list {
    grid-template-columns: 1fr 1fr
  }
}

@media only screen and (max-width:560px) {
  #news-home .new-list {
    grid-template-columns: 1fr
  }
}

@media only screen and (max-width:1000px) {
  #cursos-home {
    padding-right: 0;
    padding-left: 0
  }
}

@media only screen and (max-width:850px) {
  #cursos-home .cursos-list {
    grid-template-columns: 1fr
  }

  #cursos-home .cursos-list>:nth-child(n-2) {
    border-right: none
  }

  #cursos-home .cursos-list .header:nth-child(2) {
    display: none
  }
}

@media only screen and (max-width:700px) {
  #cursos-home .top {
    padding-left: 0
  }
}

@media only screen and (max-width:600px) {
  #cursos-home .top {
    display: block
  }

  #cursos-home .top span {
    display: none
  }
}

@media only screen and (max-width:1500px) {
  #banner-home-fixed>div:first-child {
    padding-right: 30px
  }

  #banner-home-fixed>div:nth-child(2)>img,
  #banner-home-fixed>div:nth-child(2) div {
    padding-right: 30px;
    padding-left: 30px
  }

  #banner-home-fixed>div:nth-child(3)>* {
    margin-right: 30px;
    margin-left: 30px
  }
}

@media only screen and (min-width:1101px) and (max-width:1400px),
screen and (min-width:541px) and (max-width:800px) {
  #banner-home-fixed>div:first-child {
    padding-left: 200px;
    background-position: -140px bottom
  }
}

@media only screen and (max-width:1100px) {
  #banner-home-fixed {
    grid-template-columns: 1fr 1fr
  }
}

@media only screen and (max-width:620px) {
  #banner-home-fixed>div:first-child {
    grid-column: auto
  }

  #banner-home-fixed {
    grid-template-columns: 1fr
  }

  #banner-home-fixed>div:nth-child(2)>img {
    max-width: 100%;
    width: auto;
    height: auto;
    margin-bottom: 20px
  }
}

@media only screen and (max-width:540px) {
  #banner-home-fixed>div:first-child {
    padding-left: 20px;
    background-position: -140px bottom;
    position: relative
  }

  #banner-home-fixed>div:first-child:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .5);
    z-index: 1
  }

  #banner-home-fixed>div:first-child>* {
    z-index: 2;
    position: relative
  }
}

@media only screen and (max-width:900px) {
  #banner-home-first-row {
    grid-template-columns: 1fr 1fr
  }
}

@media only screen and (max-width:1100px) {
  #banner-home-second-row .item {
    width: 25%
  }
}

@media only screen and (max-width:800px) {
  #banner-home-second-row .item {
    width: 33.33%
  }
}

@media only screen and (max-width:700px) {
  #banner-home-second-row {
    padding-right: 15px;
    padding-left: 15px
  }

  #banner-home-second-row .item>a {
    padding-left: 15px;
    padding-right: 15px
  }
}

@media only screen and (max-width:400px) {
  #banner-home-second-row .item {
    width: 50%
  }

  #banner-home-second-row .slick-dots li {
    margin: 0 2px
  }

  #banner-home-second-row .slick-dots li button {
    width: 18px;
    height: 18px
  }
}

@media only screen and (max-width:1000px) {
  article.account form .especialitats>div {
    grid-template-columns: auto 1fr;
    grid-gap: 10px 30px
  }
}

@media only screen and (max-width:600px) {
  header.account {
    align-items: flex-start
  }

  header.account img {
    max-width: 60px;
    width: auto;
    max-height: 30px;
    height: auto;
    margin-left: 20px
  }

  article.account form .especialitats>div {
    grid-template-columns: auto;
    grid-gap: 10px 30px
  }
}

@media only screen and (max-width:1200px) {
  #agent-inici>a>div {
    padding: 20px
  }

  #agent-inici svg {
    height: 50px
  }
}

@media only screen and (max-width:960px) {
  #agent-inici {
    grid-template-columns: 1fr 1fr
  }
}

@media only screen and (max-width:590px) {
  #agent-inici {
    grid-gap: 10px;
    margin-left: -30px;
    margin-right: -30px
  }
}

@media only screen and (max-width:500px) {
  #agent-inici {
    font-size: 14px
  }

  #agent-inici h6 {
    font-size: 17px
  }
}

@media only screen and (max-width:850px) {
  article.account .curs h6 {
    display: none
  }

  article.account .curs .td-curs {
    border-top: 1px solid #dadada;
    margin-top: 20px
  }

  article.account .curs .td-curs:first-of-type {
    padding-top: 0;
    margin-top: 0;
    border-top: none
  }

  article.account .curs {
    display: block
  }

  article.account .mobile {
    display: block
  }

  article.account .curs>* {
    padding-top: 20px
  }

  .payment-message {
    margin-top: 0
  }

  article.account .curs .td-curs-signed {
    border-top: none
  }

  article.account .curs .td-price {
    text-align: left
  }

  article.account .curs .td-price-workers {
    text-align: left;
    padding-top: 10px !important
  }

  article.account .curs .buttons {
    padding-top: 0;
    font-size: 0;
    line-height: 0
  }

  article.account .curs .buttons>div a {
    margin-top: 20px;
    margin-bottom: 20px
  }
}

@media only screen and (max-width:1350px) {
  .account.nav-content nav {
    padding-top: 10px
  }

  .account.nav-content nav.directory li {
    padding: 0 10px
  }

  .account.nav-content {
    grid-template-columns: 250px auto;
    grid-gap: 30px
  }

  .account.nav-content article {
    grid-template-columns: 1fr auto 35px;
    align-items: flex-end
  }

  .document .account.nav-content article {
    grid-template-columns: auto auto;
    align-items: flex-start
  }

  .account.nav-content article h5 {
    border-bottom: none !important;
    padding-left: 0 !important
  }

  .account.nav-content article .description {
    grid-column: 1;
    padding-left: 0 !important;
    padding-top: 0 !important
  }

  .account.nav-content article .description.category {
    padding-top: 5px !important
  }

  .account.nav-content article .files {
    padding-right: 0 !important
  }
}

@media only screen and (min-width:751px) {
  .account.nav-content nav>ul {
    display: block !important
  }
}

@media only screen and (max-width:750px) {
  .account.nav-content {
    grid-template-columns: auto;
    grid-gap: 30px
  }

  .account.nav-content nav {
    border-top: none;
    padding-top: 0;
    padding-bottom: 0
  }

  .account.nav-content nav .arrow {
    display: block
  }

  .account.nav-content nav>ul {
    padding-top: 20px !important;
    display: none
  }
}

@media only screen and (max-width:475px) {
  .account.nav-content article {
    grid-template-columns: 1fr;
    align-items: flex-end
  }

  .account.nav-content article h5,
  .account.nav-content article .description,
  .account.nav-content article time {
    border-bottom: none !important
  }

  .account.nav-content article h5,
  .account.nav-content article .description,
  .account.nav-content article time,
  .account.nav-content article .files {
    padding-left: 0 !important;
    padding-right: 0 !important
  }
}

@media only screen and (max-width:1300px) {
  .agent.list-records header {
    grid-gap: 40px
  }
}

@media only screen and (max-width:1100px) {
  .agent.list-records header {
    grid-template-columns: 1fr 1fr;
    align-items: center
  }

  .agent.list-records header>span {
    display: none
  }

  .agent.list-records header>:nth-child(1) {
    order: 2
  }

  .agent.list-records header>:nth-child(2) {
    order: 1;
    padding-top: 0
  }
}

@media only screen and (max-width:750px) {
  .agent.list-records header {
    grid-template-columns: 1fr
  }
}

@media only screen and (max-width:1300px) {
  .agent.list-records .search {
    margin-right: -30px;
    margin-left: -30px
  }

  .agent.list-records .search form {
    background-color: #f9f9f9;
    padding: 15px 30px;
    grid-gap: 10px
  }

  .agent.list-records .search>div {
    padding-right: 30px
  }
}

@media only screen and (max-width:1100px) {

  select,
  .jcf-select {
    height: 46px
  }

  select {
    padding-bottom: 5px;
    padding-top: 5px
  }

  .agent.list-records .search form button,
  .jcf-select .jcf-select-text,
  .agent.list-records .search form input {
    padding: 10px 20px
  }

  .jcf-select:before {
    top: 12px
  }

  .agent.list-records .search form button {
    font-size: 16px
  }
}

@media only screen and (max-width:1050px) {
  .agent.list-records .search form {
    grid-template-columns: 1fr 1fr
  }

  .agent.list-records .search form button {
    max-width: 200px
  }
}

@media only screen and (max-width:700px) {
  .agent.list-records .search .q-holder {
    grid-column: span 2
  }

  .agent.list-records .search form button {
    grid-column: span 2;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width:400px) {
  .agent.list-records .search form {
    grid-template-columns: 1fr
  }

  .agent.list-records .search .q-holder {
    grid-column: auto
  }

  .agent.list-records .search form button {
    grid-column: auto;
    margin-right: 0
  }
}

@media only screen and (max-width:1350px) {
  .agent.list-records .grid .image img {
    max-width: 170px;
    height: auto
  }
}

@media only screen and (max-width:1150px) {

  .agent.list-records .grid h6,
  .agent.list-records .grid .empty {
    padding: 15px 10px
  }

  .agent.list-records .grid>* {
    padding: 30px 10px;
    text-transform: uppercase
  }

  .agent.list-records .grid .image img {
    max-width: 120px;
    height: auto
  }
}

@media only screen and (max-width:900px) {

  .agent.list-records .grid h6,
  .agent.list-records .grid .empty {
    display: none
  }

  .agent.list-records .grid {
    grid-template-columns: auto 1fr auto;
    grid-gap: 0 50px;
    align-items: start
  }

  .agent.list-records .grid .line {
    grid-column: span 3;
    padding-top: 20px;
    margin-bottom: 20px
  }

  .agent.list-records .grid>* {
    grid-column: 2;
    padding: 0
  }

  .agent.list-records .grid .image {
    grid-column: 1;
    grid-row: span 4
  }

  .agent.list-records .grid .link {
    grid-column: 3
  }
}

@media only screen and (max-width:600px) {
  .agent.list-records .grid {
    grid-gap: 0 30px
  }
}

@media only screen and (max-width:490px) {
  .agent.list-records .grid {
    grid-template-columns: auto 1fr;
    grid-gap: 0 20px;
    align-items: start
  }

  .agent.list-records .grid .line {
    grid-column: span 2
  }

  .agent.list-records .grid .link {
    grid-column: 2;
    padding-top: 20px
  }

  .agent.list-records .grid .link a {
    justify-content: flex-start
  }
}

@media only screen and (max-width:390px) {
  .agent.list-records .grid .image img {
    max-width: 90px
  }
}

@media only screen and (max-width:1450px) {
  #agent-show-record>div>article {
    grid-gap: 40px
  }
}

@media only screen and (max-width:1150px) {
  #agent-show-record>div>article {
    grid-gap: 10px
  }
}

@media only screen and (max-width:1100px) {
  #agent-show-record>div>article {
    grid-template-columns: 4fr 6fr
  }
}

@media only screen and (max-width:1000px) {
  #agent-show-record header .logo img {
    max-height: 111px;
    max-width: 200px
  }
}

@media only screen and (max-width:700px) {
  #agent-show-record>div>article {
    grid-template-columns: 1fr
  }

  #agent-show-record header .logo {
    margin-right: 0
  }

  #agent-show-record header {
    display: block
  }

  main#inner.agent.show-record header h1 {
    margin-top: 20px
  }
}

@media only screen and (max-width:1500px) {
  .list>article>div :first-child {
    margin-top: 5px
  }

  .list1 article {
    grid-gap: 70px 50px;
    grid-template-columns: 1fr 250px
  }

  .list2 article {
    grid-template-columns: 250px 1fr
  }
}

@media only screen and (max-width:1000px) {
  .list1 article {
    grid-template-columns: 1fr 200px
  }

  .list2 article {
    grid-template-columns: 200px 1fr
  }
}

@media only screen and (max-width:650px) {
  .list1 article {
    grid-gap: 50px;
    grid-template-columns: 1fr
  }

  .list1 article figure {
    padding-bottom: 20px
  }

  .list1 article figure img {
    max-width: 330px
  }

  .list2 article>div {
    padding-bottom: 20px
  }

  .list2 article figure {
    padding-bottom: 0
  }
}

@media only screen and (max-width:460px) {

  .list1 article figure img,
  .list3 article figure img {
    max-width: none
  }
}

@media only screen and (min-width:951px) and (max-width:1300px),
only screen and (max-width:870px) {
  .list3 {
    grid-template-columns: 1fr 1fr
  }
}

@media only screen and (max-width:620px) {
  .list3 {
    grid-template-columns: 1fr;
    grid-gap: 70px
  }

  .list3 figure img {
    max-width: 340px
  }
}

@media only screen and (max-width:420px) {
  .list3 figure img {
    max-width: none
  }
}

@media only screen and (max-width:1500px) {

  .form1,
  .form2 {
    grid-gap: 50px
  }
}

@media only screen and (max-width:700px) {

  .form1,
  .form2 {
    grid-template-columns: 1fr
  }

  .form1 .top,
  .form2 .top {
    grid-column: initial
  }

  .form2 .bottom {
    grid-column: initial
  }
}

@media only screen and (max-width:1500px) {
  .form3 .two-cols {
    grid-gap: 50px
  }
}

@media only screen and (max-width:700px) {
  .form3 .two-cols {
    grid-template-columns: 1fr
  }

  .form3 .item+.item:nth-child(2),
  .form3 .videoframe+.item {
    grid-row: 3
  }

  .form3 .item:nth-child(1) .images-zoom {
    display: block
  }
}

@media only screen and (max-width:1450px) {
  .news.show-record>section>div>article {
    grid-gap: 40px;
    grid-template-columns: 1fr 1fr
  }
}

@media only screen and (max-width:1150px) {
  .news.show-record>section>div>article {
    grid-gap: 30px
  }
}

@media only screen and (max-width:1000px) {
  .news.show-record>section>div>article {
    grid-template-columns: 1fr
  }

  .news.show-record>section>div>article .images figure {
    max-width: 700px
  }
}

@media only screen and (max-width:800px) {
  .news.show-record>section>div>article .images figure {
    max-width: 650px
  }
}

@media only screen and (max-width:760px) {
  .news.show-record>section>div>article .images figure {
    max-width: none
  }
}

@media only screen and (min-width:561px) and (max-width:1000px) {
  .new-list {
    grid-template-columns: 1fr 1fr
  }

  .pagina-226 .new-list .item {
    background-color: transparent !important;
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .pagina-226 .new-list .item:nth-child(4n-3),
  .pagina-226 .new-list .item:nth-child(4n) {
    background-color: #f8f8f8 !important;
    padding-right: 30px !important;
    padding-left: 30px !important
  }
}

@media only screen and (max-width:900px) {
  .new-list {
    grid-gap: 40px
  }
}

@media only screen and (max-width:560px) {
  .new-list {
    grid-template-columns: 1fr
  }

  .pagina-226 .new-list .item:nth-child(odd) {
    margin-right: -30px;
    margin-left: -30px
  }

  .pagina-226 .new-list .item:nth-child(even) {
    padding-bottom: 0;
    padding-top: 0
  }
}

@media only screen and (max-width:1600px) {
  main.contact>section .content h1 {
    padding-left: 0
  }

  main.contact>section .capcalera address {
    padding-left: 0
  }
}

@media only screen and (max-width:1250px) {
  #contact-show-form-new form .inputs .type>div {
    padding-left: 30px
  }

  #contact-show-form-new form .inputs .type>div label {
    margin-right: 30px
  }
}

@media only screen and (max-width:1050px) {
  #contact-show-form-new form .inputs .type strong {
    display: none
  }

  #contact-show-form-new form .inputs .type>div {
    padding-left: 0
  }
}

@media only screen and (max-width:1000px) {
  main.contact>section .capcalera {
    grid-template-columns: 50% 50%
  }

  main.contact>section .content>div {
    grid-column-gap: 40px
  }

  #contact-show-form-new .form_title {
    padding-right: 30px;
    padding-left: 30px
  }

  #contact-show-form-new form {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px
  }

  #contact-show-form-new form .inputs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "type type" "name surname" "mail phone" "comment comment"
  }

  #contact-show-form-new form .bottom {
    flex-direction: column;
    padding-top: 10px
  }

  #contact-show-form-new form .g-recaptcha {
    margin-left: 0;
    margin-right: 0
  }

  main.contact>section .content>div {
    padding-right: 0;
    padding-left: 0
  }
}

@media only screen and (max-width:850px) {
  #contact-show-form-new form .inputs .type>div {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 20px 0;
    align-items: start
  }

  #contact-show-form-new form .inputs .type>div label {
    white-space: initial
  }

  #contact-show-form-new .jcf-radio {
    margin-top: 2px
  }
}

@media only screen and (max-width:800px) {
  #form_sent {
    padding-top: 60px;
    padding-bottom: 60px
  }

  #contact-show-form-new .form_title {
    padding-bottom: 25px
  }

  #contact-show-form-new form .inputs .type>div {
    padding-bottom: 30px
  }

  main.contact>section .content>div {
    grid-template-columns: auto;
    grid-row-gap: 40px
  }
}

@media only screen and (max-width:785px) {
  main#inner>section {
    padding-top: 40px !important
  }

  #contact-show-form-new address h3 {
    padding-top: 0
  }

  main.contact>section .capcalera address {
    padding-top: 0;
    padding-right: 0
  }

  main.contact>section .capcalera {
    grid-template-columns: auto
  }
}

@media only screen and (max-width:630px) {
  #contact-show-form-new form .inputs {
    grid-template-columns: auto;
    grid-template-areas: "type" "name" "surname" "mail" "phone" "comment";
    grid-gap: 25px
  }

  #contact-show-form-new form .inputs .type {
    display: flex;
    flex-direction: column
  }

  #contact-show-form-new form .inputs .type label {
    white-space: normal
  }

  #contact-show-form-new form .inputs .type input {
    margin-left: 14px !important
  }
}

@media only screen and (max-width:1200px) {
  #left-nav>h3 a {
    padding-left: 20px;
    padding-right: 20px
  }

  #left-nav>div {
    padding-left: 20px;
    padding-right: 20px
  }

  #left-nav .banner-formacio {
    padding-top: 30px
  }

  #left-nav .banner-formacio>* {
    padding-left: 30px;
    padding-right: 30px
  }

  #left-nav .banner-formacio .bottom img {
    width: 120px;
    height: auto
  }
}

@media only screen and (max-width:1300px) {
  #responsive:after {
    content: "string(1300)"
  }
}

@media only screen and (max-width:1100px) {
  #responsive:after {
    content: "string(1100)"
  }
}

@media only screen and (max-width:1000px) {
  #responsive:after {
    content: "string(1000)"
  }
}

@media only screen and (max-width:950px) {
  #responsive:after {
    content: "string(950)"
  }
}

@media only screen and (max-width:870px) {
  #responsive:after {
    content: "string(870)"
  }
}

@media only screen and (max-width:840px) {
  #responsive:after {
    content: "string(840)"
  }
}

@media only screen and (max-width:800px) {
  #responsive:after {
    content: "string(800)"
  }
}

@media only screen and (max-width:620px) {
  #responsive:after {
    content: "string(620)"
  }
}

@media only screen and (max-width:560px) {
  #responsive:after {
    content: "string(560)"
  }
}

@media only screen and (max-width:400px) {
  #responsive:after {
    content: "string(400)"
  }
}

.lg-icon {
  /* font-family: "lg"; */
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, .45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: 0;
  outline: 0
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: .5
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
  color: #fff
}

.lg-actions .lg-next {
  right: 20px
}

.lg-actions .lg-next:before {
  content: ""
}

.lg-actions .lg-prev {
  left: 20px
}

.lg-actions .lg-prev:after {
  content: ""
}

@keyframes lg-right-end {
  0% {
    left: 0
  }

  50% {
    left: -30px
  }

  to {
    left: 0
  }
}

@keyframes lg-left-end {
  0% {
    left: 0
  }

  50% {
    left: 30px
  }

  to {
    left: 0
  }
}

.lg-outer.lg-right-end .lg-object {
  animation: lg-right-end .3s;
  position: relative
}

.lg-outer.lg-left-end .lg-object {
  animation: lg-left-end .3s;
  position: relative
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, .45)
}

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium;
  transition: color .2s linear
}

.lg-toolbar .lg-icon:hover {
  color: #fff
}

.lg-toolbar .lg-close:after {
  content: ""
}

.lg-toolbar .lg-download:after {
  content: ""
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, .45);
  bottom: 0;
  color: #eee;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080
}

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: 700
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle
}

.lg-toolbar,
.lg-prev,
.lg-next {
  opacity: 1;
  transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear
}

.lg-hide-items .lg-prev {
  opacity: 0;
  transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
  opacity: 0;
  transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
  opacity: 0;
  transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  transform: scale3d(.5, .5, .5);
  opacity: 0;
  transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
  transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  transform: scale3d(1, 1, 1);
  opacity: 1
}

.lg-outer .lg-thumb-outer {
  background-color: #0d0a0a;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  transform: translate3d(0, 100%, 0);
  transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  transition-duration: 0s !important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
  transform: translate3d(0, 0, 0)
}

.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
  margin-right: auto;
  margin-left: auto
}

.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #fff;
  border-radius: 4px;
  margin-bottom: 5px
}

@media (min-width:1025px) {
  .lg-outer .lg-thumb-item {
    transition: border-color .25s ease
  }
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: #a90707
}

.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
  transition: bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px
}

.lg-outer .lg-toogle-thumb {
  background-color: #0d0a0a;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px
}

.lg-outer .lg-toogle-thumb:after {
  content: ""
}

.lg-outer .lg-toogle-thumb:hover {
  color: #fff
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px
}

.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative
}

.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important
}

.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer
}

.lg-outer .lg-has-iframe .lg-video {
  -webkit-overflow-scrolling: touch;
  overflow: auto
}

.lg-outer .lg-has-vimeo .lg-video-play {
  background: url(www.apigirona.com/common/jscripts/lightgallery-1.6.12/img/vimeo-play.png)no-repeat 0 0
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url(www.apigirona.com/common/jscripts/lightgallery-1.6.12/img/vimeo-play.png)no-repeat 0-58px
}

.lg-outer .lg-has-html5 .lg-video-play {
  background: url(www.apigirona.com/common/jscripts/lightgallery-1.6.12/img/video-play.png)no-repeat 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: .8
}

.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play {
  background: url(www.apigirona.com/common/jscripts/lightgallery-1.6.12/img/youtube-play.png)no-repeat 0 0
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url(www.apigirona.com/common/jscripts/lightgallery-1.6.12/img/youtube-play.png)no-repeat 0-60px
}

.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0
}

.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  transition: opacity .08s ease 0s
}

.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0
}

.lg-progress-bar.lg-start .lg-progress {
  width: 100%
}

.lg-show-autoplay .lg-progress-bar {
  opacity: 1
}

.lg-autoplay-button:after {
  content: ""
}

.lg-show-autoplay .lg-autoplay-button:after {
  content: ""
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  transition-duration: 0s
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  transform: scale3d(1, 1, 1);
  transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

#lg-zoom-in:after {
  content: ""
}

#lg-actual-size {
  font-size: 20px
}

#lg-actual-size:after {
  content: ""
}

#lg-zoom-out {
  opacity: .5;
  pointer-events: none
}

#lg-zoom-out:after {
  content: ""
}

.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible
}

.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  transform: translate3d(0, 0, 0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px #fff inset
}

.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #fff;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  transition: opacity .15s ease 0s, transform .15s ease 0s;
  transform: translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%
}

.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, .5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
  display: block;
  height: 12px;
  transition: box-shadow .3s ease 0s;
  width: 12px
}

.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px #fff inset
}

.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0
}

.lg-fullscreen:after {
  content: ""
}

.lg-fullscreen-on .lg-fullscreen:after {
  content: ""
}

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, .25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear .18s, opacity .18s linear 0s
}

.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  transition-delay: 0s;
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible
}

.lg-outer.lg-dropdown-active #lg-share {
  color: #fff
}

.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 5px, 0);
  transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s
}

.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #fff;
  right: 16px;
  top: -16px
}

.lg-outer .lg-dropdown>li:last-child {
  margin-bottom: 0
}

.lg-outer .lg-dropdown>li:hover a,
.lg-outer .lg-dropdown>li:hover .lg-icon {
  color: #333
}

.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  /* font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; */
  font-size: 12px
}

.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, .07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto
}

.lg-outer #lg-share {
  position: relative
}

.lg-outer #lg-share:after {
  content: ""
}

.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998
}

.lg-outer #lg-share-facebook .lg-icon:after {
  content: ""
}

.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced
}

.lg-outer #lg-share-twitter .lg-icon:after {
  content: ""
}

.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39
}

.lg-outer #lg-share-googleplus .lg-icon:after {
  content: ""
}

.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027
}

.lg-outer #lg-share-pinterest .lg-icon:after {
  content: ""
}

.lg-group:after {
  content: "";
  display: table;
  clear: both
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0;
  transition: opacity .15s ease 0s
}

.lg-outer * {
  box-sizing: border-box
}

.lg-outer.lg-visible {
  opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
  transition-duration: inherit !important;
  transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  transition-duration: 0s !important;
  opacity: 1
}

.lg-outer.lg-grab img.lg-object {
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing
}

.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%
}

.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap
}

.lg-outer .lg-item {
  background: url(www.apigirona.com/common/jscripts/lightgallery-1.6.12/img/loading.gif)no-repeat center center;
  display: none !important
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important
}

.lg-outer.lg-css .lg-current {
  display: inline-block !important
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px
}

.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.lg-outer .lg-item.lg-complete {
  background-image: none
}

.lg-outer .lg-item.lg-current {
  z-index: 1060
}

.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1
}

.lg-outer .lg-empty-html {
  display: none
}

.lg-outer.lg-hide-download #lg-download {
  display: none
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  transition: opacity .15s ease 0s
}

.lg-backdrop.in {
  opacity: 1
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
  opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
  transition: opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transform: translate3d(0, 0, 0);
  opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.ui-helper-hidden {
  display: none
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse
}

.ui-helper-clearfix:after {
  clear: both
}

.ui-helper-clearfix {
  min-height: 0
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0)
}

.ui-front {
  z-index: 100
}

.ui-state-disabled {
  cursor: default !important
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px
}

.ui-datepicker .ui-datepicker-next {
  right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: 700;
  border: 0
}

.ui-datepicker td {
  border: 0;
  padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left
}

.ui-datepicker.ui-datepicker-multi {
  width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0
}

.ui-datepicker-rtl {
  direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}

.ui-widget {
  /* font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; */
  font-size: 1.1em
}

.ui-widget .ui-widget {
  font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  /* font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; */
  font-size: 1em
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #eee url(www.apigirona.com/common/jscripts/jquery-ui-1.11.2/images/ui-bg_highlight-soft_100_eeeeee_1x100.png)50%top repeat-x;
  color: #333
}

.ui-widget-content a {
  color: #333
}

.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828 url(www.apigirona.com/common/jscripts/jquery-ui-1.11.2/images/ui-bg_gloss-wave_35_f6a828_500x100.png)50% 50%repeat-x;
  color: #fff;
  font-weight: 700
}

.ui-widget-header a {
  color: #fff
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #f6f6f6 url(www.apigirona.com/common/jscripts/jquery-ui-1.11.2/images/ui-bg_glass_100_f6f6f6_1x400.png)50% 50%repeat-x;
  font-weight: 700;
  color: #1c94c4
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce url(www.apigirona.com/common/jscripts/jquery-ui-1.11.2/images/ui-bg_glass_100_fdf5ce_1x400.png)50% 50%repeat-x;
  font-weight: 700;
  color: #c77405
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #c77405;
  text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #fff url(www.apigirona.com/common/jscripts/jquery-ui-1.11.2/images/ui-bg_glass_65_ffffff_1x400.png)50% 50%repeat-x;
  font-weight: 700;
  color: #eb8f00
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url(www.apigirona.com/common/jscripts/jquery-ui-1.11.2/images/ui-bg_highlight-soft_75_ffe45c_1x100.png)50%top repeat-x;
  color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url(www.apigirona.com/common/jscripts/jquery-ui-1.11.2/images/ui-bg_diagonals-thick_18_b81900_40x40.png)50% 50%;
  color: #fff
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #fff
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #fff
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35)
}

.ui-icon {
  width: 16px;
  height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(www.apigirona.com/common/jscripts/jquery-ui-1.11.2/images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
  background-image: url(www.apigirona.com/common/jscripts/jquery-ui-1.11.2/images/ui-icons_ffffff_256x240.png)
}

.ui-state-default .ui-icon {
  background-image: url(www.apigirona.com/common/jscripts/jquery-ui-1.11.2/images/ui-icons_ef8c08_256x240.png)
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(www.apigirona.com/common/jscripts/jquery-ui-1.11.2/images/ui-icons_ef8c08_256x240.png)
}

.ui-state-active .ui-icon {
  background-image: url(www.apigirona.com/common/jscripts/jquery-ui-1.11.2/images/ui-icons_ef8c08_256x240.png)
}

.ui-state-highlight .ui-icon {
  background-image: url(www.apigirona.com/common/jscripts/jquery-ui-1.11.2/images/ui-icons_228ef1_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(www.apigirona.com/common/jscripts/jquery-ui-1.11.2/images/ui-icons_ffd27a_256x240.png)
}

.ui-icon-blank {
  background-position: 16px 16px
}

.ui-icon-carat-1-n {
  background-position: 0 0
}

.ui-icon-carat-1-ne {
  background-position: -16px 0
}

.ui-icon-carat-1-e {
  background-position: -32px 0
}

.ui-icon-carat-1-se {
  background-position: -48px 0
}

.ui-icon-carat-1-s {
  background-position: -64px 0
}

.ui-icon-carat-1-sw {
  background-position: -80px 0
}

.ui-icon-carat-1-w {
  background-position: -96px 0
}

.ui-icon-carat-1-nw {
  background-position: -112px 0
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0
}

.ui-icon-triangle-1-n {
  background-position: 0-16px
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px
}

.ui-icon-arrow-1-n {
  background-position: 0-32px
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
  background-position: 0-48px
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0-64px
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px
}

.ui-icon-arrow-4 {
  background-position: 0-80px
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px
}

.ui-icon-extlink {
  background-position: -32px -80px
}

.ui-icon-newwin {
  background-position: -48px -80px
}

.ui-icon-refresh {
  background-position: -64px -80px
}

.ui-icon-shuffle {
  background-position: -80px -80px
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px
}

.ui-icon-folder-collapsed {
  background-position: 0-96px
}

.ui-icon-folder-open {
  background-position: -16px -96px
}

.ui-icon-document {
  background-position: -32px -96px
}

.ui-icon-document-b {
  background-position: -48px -96px
}

.ui-icon-note {
  background-position: -64px -96px
}

.ui-icon-mail-closed {
  background-position: -80px -96px
}

.ui-icon-mail-open {
  background-position: -96px -96px
}

.ui-icon-suitcase {
  background-position: -112px -96px
}

.ui-icon-comment {
  background-position: -128px -96px
}

.ui-icon-person {
  background-position: -144px -96px
}

.ui-icon-print {
  background-position: -160px -96px
}

.ui-icon-trash {
  background-position: -176px -96px
}

.ui-icon-locked {
  background-position: -192px -96px
}

.ui-icon-unlocked {
  background-position: -208px -96px
}

.ui-icon-bookmark {
  background-position: -224px -96px
}

.ui-icon-tag {
  background-position: -240px -96px
}

.ui-icon-home {
  background-position: 0-112px
}

.ui-icon-flag {
  background-position: -16px -112px
}

.ui-icon-calendar {
  background-position: -32px -112px
}

.ui-icon-cart {
  background-position: -48px -112px
}

.ui-icon-pencil {
  background-position: -64px -112px
}

.ui-icon-clock {
  background-position: -80px -112px
}

.ui-icon-disk {
  background-position: -96px -112px
}

.ui-icon-calculator {
  background-position: -112px -112px
}

.ui-icon-zoomin {
  background-position: -128px -112px
}

.ui-icon-zoomout {
  background-position: -144px -112px
}

.ui-icon-search {
  background-position: -160px -112px
}

.ui-icon-wrench {
  background-position: -176px -112px
}

.ui-icon-gear {
  background-position: -192px -112px
}

.ui-icon-heart {
  background-position: -208px -112px
}

.ui-icon-star {
  background-position: -224px -112px
}

.ui-icon-link {
  background-position: -240px -112px
}

.ui-icon-cancel {
  background-position: 0-128px
}

.ui-icon-plus {
  background-position: -16px -128px
}

.ui-icon-plusthick {
  background-position: -32px -128px
}

.ui-icon-minus {
  background-position: -48px -128px
}

.ui-icon-minusthick {
  background-position: -64px -128px
}

.ui-icon-close {
  background-position: -80px -128px
}

.ui-icon-closethick {
  background-position: -96px -128px
}

.ui-icon-key {
  background-position: -112px -128px
}

.ui-icon-lightbulb {
  background-position: -128px -128px
}

.ui-icon-scissors {
  background-position: -144px -128px
}

.ui-icon-clipboard {
  background-position: -160px -128px
}

.ui-icon-copy {
  background-position: -176px -128px
}

.ui-icon-contact {
  background-position: -192px -128px
}

.ui-icon-image {
  background-position: -208px -128px
}

.ui-icon-video {
  background-position: -224px -128px
}

.ui-icon-script {
  background-position: -240px -128px
}

.ui-icon-alert {
  background-position: 0-144px
}

.ui-icon-info {
  background-position: -16px -144px
}

.ui-icon-notice {
  background-position: -32px -144px
}

.ui-icon-help {
  background-position: -48px -144px
}

.ui-icon-check {
  background-position: -64px -144px
}

.ui-icon-bullet {
  background-position: -80px -144px
}

.ui-icon-radio-on {
  background-position: -96px -144px
}

.ui-icon-radio-off {
  background-position: -112px -144px
}

.ui-icon-pin-w {
  background-position: -128px -144px
}

.ui-icon-pin-s {
  background-position: -144px -144px
}

.ui-icon-play {
  background-position: 0-160px
}

.ui-icon-pause {
  background-position: -16px -160px
}

.ui-icon-seek-next {
  background-position: -32px -160px
}

.ui-icon-seek-prev {
  background-position: -48px -160px
}

.ui-icon-seek-end {
  background-position: -64px -160px
}

.ui-icon-seek-start {
  background-position: -80px -160px
}

.ui-icon-seek-first {
  background-position: -80px -160px
}

.ui-icon-stop {
  background-position: -96px -160px
}

.ui-icon-eject {
  background-position: -112px -160px
}

.ui-icon-volume-off {
  background-position: -128px -160px
}

.ui-icon-volume-on {
  background-position: -144px -160px
}

.ui-icon-power {
  background-position: 0-176px
}

.ui-icon-signal-diag {
  background-position: -16px -176px
}

.ui-icon-signal {
  background-position: -32px -176px
}

.ui-icon-battery-0 {
  background-position: -48px -176px
}

.ui-icon-battery-1 {
  background-position: -64px -176px
}

.ui-icon-battery-2 {
  background-position: -80px -176px
}

.ui-icon-battery-3 {
  background-position: -96px -176px
}

.ui-icon-circle-plus {
  background-position: 0-192px
}

.ui-icon-circle-minus {
  background-position: -16px -192px
}

.ui-icon-circle-close {
  background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px
}

.ui-icon-circle-check {
  background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
  background-position: 0-208px
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
  background-position: 0-224px
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px
}

.ui-widget-overlay {
  background: #666 url(www.apigirona.com/common/jscripts/jquery-ui-1.11.2/images/ui-bg_diagonals-thick_20_666666_40x40.png)50% 50%;
  opacity: .5;
  filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
  margin: -5px 0 0-5px;
  padding: 5px;
  background: #000 url(www.apigirona.com/common/jscripts/jquery-ui-1.11.2/images/ui-bg_flat_10_000000_40x100.png)50% 50%repeat-x;
  opacity: .2;
  filter: Alpha(Opacity=20);
  border-radius: 5px
}

/* Page-specific normalization for expenses page */
#sell-show-form-new .card {
  background-color: #fff !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  border-radius: .375rem !important;
}
#sell-show-form-new .card-body {
  padding: 1rem !important; /* matches p-3 */
}
#sell-show-form-new .input-group .form-control {
  height: calc(1.5em + 1rem) !important; /* consistent control height */
}
#sell-show-form-new .input-group-text {
  background: #f1f3f5 !important;
  border-left: 0 !important;
}
#sell-show-form-new .card, #sell-show-form-new .card-body {
  box-shadow: none !important;
}
/* Ensure headings use the same font as the rest of the page (scoped) */
#sell-show-form-new h5,
#sell-show-form-new h6 {
  font-family: inherit !important;
  font-weight: inherit !important;
}

/* --------------------------------------------------------------------------
   Page font unification for the expenses page
   - Apply a single system font stack to the expenses page container
   - Ensure common textual elements and form controls inherit it
   - Avoid changing icon fonts (Font Awesome, Bootstrap Icons) by not
     targeting <i> or svg elements and leaving those to their own rules
*/
/* #sell-show-form-new {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
} */

#sell-show-form-new h1,
#sell-show-form-new h2,
#sell-show-form-new h3,
#sell-show-form-new h4,
#sell-show-form-new h5,
#sell-show-form-new h6,
#sell-show-form-new p,
#sell-show-form-new a,
#sell-show-form-new span,
#sell-show-form-new li,
#sell-show-form-new label,
#sell-show-form-new input,
#sell-show-form-new select,
#sell-show-form-new textarea,
#sell-show-form-new button,
#sell-show-form-new .card,
#sell-show-form-new .card-body {
  /* Use the container font; avoid !important so icon fonts that set
     their own family remain intact */
  font-family: inherit;
}