@font-face {font-family: "RingsideNarrow-Bold"; src: url("THEMES/nea/fonts/ringside/RingsideNarrow-Medium.otf") format("opentype"); font-weight: normal; font-style: normal }
@font-face {font-family: "RingsideNarrow-Bolder"; src: url("THEMES/nea/fonts/ringside/RingsideNarrow-Bold.otf") format("opentype"); font-weight: normal; font-style: normal }

.preu-periode, .preu-mes, .subinfo.desplegat .preu-mes {display: none}

#accpt:after {content:attr(data-btn);}
#tarifes .periodicitat {background: transparent url(VIEWS/promocions/regalalara/img/regal.png) 0 0 no-repeat;}
#tarifes .periodicitat.nadal {background: transparent url(VIEWS/promocions/regalalara/img/regal-nadal.png) 0 0 no-repeat;}

#tarifes .tarifa-REGALCAPSA .periodicitat {background-image: url(VIEWS/promocions/regalalara/img/capsa.png)}
#tarifes .row {margin:0;}

.pdades .formulari-wrapper .pas .pas-body .subpas-titol {margin-bottom: 0}
.pdades .formulari-wrapper #pdades .subpas-titol {margin-top: 2em}
.pdades .formulari-wrapper .nota, .formulari-wrapper .sublabel { color:#333 }
.pdades .formulari-wrapper .opcions {max-width: initial; padding-right: 0}
.pdades .form-group.form-group-ben_nom {margin-bottom: 35px}

.pdades .nota {margin-bottom: 1em; max-width: 325px}
.pdades #missatge-label span {display: none}
.pdades textarea { width: 320px;  max-width: 100%; height: 8em; padding:5px ;font: 14px/1.2em Arial, sans-serif;}
.pdades #lliurament {display: none}
.pdades .modal-content {border-radius: none; text-align: center; }
.pdades .modal-header {border-bottom: none; position: fixed; width: 100%; z-index: 1000}
.pdades .modal-body {min-height: 340px; width:100% ; padding: 0 25px; display: flex; flex-direction: column; justify-content: center; align-content: center; }
.pdades .modal-body h3 {font: 20px/22px "RingsideNarrow-Bold", sans-serif; margin-bottom: 1em}
.pdades .modal-body p {font: 18px/22px "RingsideNarrow-Book", sans-serif;color:#555; margin-bottom: 0}
.pdades .close {font-size: 34px;}


.ppagador .nota {margin-bottom: 2em}
.ppagament .formulari .subpas {display: block!important;}
.ppagament .formulari .subpas-titol:first-of-type, .ppagament .formulari #pagament-options {display: none!important;}

.pconfirmacio article .botons {margin-top: 2em}
.pconfirmacio article .boto,
.pconfirmacio article .boto:visited {display: block; color: #FFF; background-color: #056f9e; width: 270px; border: 1px solid #056f9e; border-radius: 2px; margin: 10px auto; padding: 6px 0px 9px; text-decoration: none; text-align: center; }

.destinatari #subsinfo dd.periode {margin-top:1em!important}
.destinatari #subsinfo .preu-periode, .destinatari .preu-ratllat,
.destinatari #subsinfo .contingut .nota,
.destinatari #subsinfo .desplegat .preu-wrapper  {display: none;}

.ara-switch {width: 100%; line-height: 1.15; max-width: 315px; padding-bottom: 1em; border-bottom: 1px solid #e5e5e5;}
.ara-switch label {font-family: "Ringside",sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; letter-spacing: 0; display: block; position: relative; }
.ara-switch label .p2 {font: normal 14px/22px "Soho Gothic W01 Regular", Arial, sans-serif}
.ara-switch label .p2 a, .ara-switch label .p2 a:visited.ara-switch label .p2 a:focus {text-decoration: none; color:#0076a8}
.ara-switch label .p2 a:hover {text-decoration: underline;}
.ara-switch label input {display: none; }
.ara-switch label .switch {display: inline-block; width: 100%; cursor: pointer; user-select: none; }
.ara-switch label .switch.disabled {cursor: not-allowed;}
.ara-switch label input:checked + .switch::before {background-color: #0076a8; border-color:#0076a8}
.ara-switch label.right .switch::before {margin: 5px 0 5px 15px; }
.ara-switch label .switch::before {content: ""; float: right; display: inline-block; margin: 5px 0; border-radius: 25px; border:2px solid #888;width: 45px; height: 25px; background-color: #f4f6f8; transition: background-color .2s,opacity .2s; }
.ara-switch label.right .switch::before {margin: 5px 0 0 0;}
.ara-switch label .switch::after {content: ""; position: absolute; top: 10.5px; right: 24px; width: 14px; height: 14px; transition: background-color .2s,transform .2s; background-color: #888; border-radius: 50%; }
.ara-switch label input:checked + .switch::after { top: 7.5px; right: 22px; width: 20px; height: 20px; transform: translateX(19px); background: #fff url(VIEWS/promocions/regalalara/img/check.svg) center center no-repeat;}

main#missatge {display: flex; flex-direction: column; justify-content: center; text-align: center; height: calc(100vh - 140px);}
main#missatge article {margin-top: 0; padding: 0 20px}
main#missatge article section {max-width: 400px; margin: 0 auto}
main#missatge h1 {font: 20px/24px "RingsideNarrow-Bold", Arial, sans-serif; margin-top: 0; margin-bottom: 1em}
main#missatge h1::before {content: " "; position: absolute; display: block; height: 48px; width: 48px; left: calc(50% - 19px); margin-top: -4em;background: transparent url("VIEWS/promocions/regalalara/img/ok2.svg") center center no-repeat; background-size: contain;}
main#missatge p {font: 18px/22px "RingsideNarrow-Book", Arial, sans-serif;}
main#missatge .success { margin-bottom: 1.4em; padding-bottom: 1.2em; border-bottom:1px solid #D8E0E8; }
main#missatge .success p {color: #555; }
main#missatge .info p {color: #888; font-size: 14px}
main#missatge .button {max-width: 280px; margin:2em auto; display: block;}
a#reenvia_codi { color:#555; font-size:14px; text-decoration: underline; text-decoration-color:#0076a8;text-decoration-thickness: .125em;text-underline-offset: 3px;}
main#missatge .alert-danger {max-width: 400px; margin: 1em auto; background: transparent; border: none;}

main#missatge.dest #dalt.success {background: none; padding: 0}
main#missatge.dest .success {border-bottom: none; margin-bottom: 0}
main#missatge.dest h1 {padding-top:40px; margin-bottom: 0.5em;position: relative; font: 29px/110% "RingsideNarrow-Bolder", Arial, sans-serif;}
main#missatge.dest h1::before {content: " "; position: absolute; display: block; height: 128px; width: 244px; top:0; left: calc(50% - 122px); background: transparent url("VIEWS/promocions/regalalara/img/regala-ara.png") center center no-repeat; background-size: contain;}
main#missatge.dest #dalt p strong {font: 18px/120% "RingsideNarrow-Bolder", Arial, sans-serif;}
main#missatge.dest p.benemail {margin-top: 1em;font: 18px/120% "RingsideNarrow-Bolder", Arial, sans-serif}
main#missatge.dest p.reenvia {margin-top: 1.3rem; margin-bottom: 1.7em; font-size: 14px;}
main#missatge.dest #btn_bvdades {font: 14px/14px "RingsideNarrow-Bold", Arial, sans-serif; width: 168px; padding: 16.5px; text-transform: uppercase;}
main#missatge.dest #dalt a.btn-ara:hover {margin:0!important;}
main#missatge.dest .button {max-width: inherit; margin:inherit; display: none;}
main#missatge.dest .minput {text-align: left}

#bvdades {position: relative;}

@media (max-width: 767px) {
  #tarifes h3 {margin-top: 50px; font-size: 30px}
}

@media (min-width: 768px) {
  #tarifes .tarifa {max-width: 50%; float: left; padding-right: 20px}
  .pdades .modal-body {min-height: 340px; padding: 0 118px;}
}

@media (min-width: 960px) {
  .navbar-fixed-top li {display: none!important;}
}


.modal {text-align: center; padding: 0!important; }
.modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.modal-dialog {display: inline-block; text-align: left; vertical-align: middle; }