@charset "utf-8";
/* CSS Document - CSS per a dispositius mòbils ( Ajustaments ) */

/* -------------------------
CSS Ralarsa
http://www.ralarsa.com
Creat per Signia - Maig 2020
---------------------------- */



/* --------------------------------------------------------------------------------------------------------------------------------------------------- */
/* SMARTPHONES (portrait) ---------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width : 465px) {
.title header h1              { font:normal 600 34px 'Exo 2', sans-serif; }
.overlay ul li a              { font:700 15px 'Exo 2', sans-serif; text-transform: uppercase; }
.menu.vertical > li           { background:#fced00!important; border-bottom: 1px solid rgba(0,0,0,0.5); padding: 5px 0; width:100%; }
.is-drilldown                 { max-width: none!important ; }
.menu.nested                  { background: #fced00; }
#trigger-overlay,
#trigger-overlay-onscroll     { font:400 14px 'Exo 2', sans-serif; line-height: 24px; }
.row                          { padding:0 20px; }
p.small                       { display: inline-block; font-size:75%; line-height: normal; margin: 40px 20px 0!important; text-align: justify!important; }

.eupopup-body                 { margin:0; }
.eupopup-container            { padding:40px 20px!important; }
.eupopup-container-bottomleft { left:20px; width:90%; }
.eupopup-button               { margin:0 5px; }
.eupopup-head                 { font:400 18px 'Exo 2', sans-serif; margin:0 0 10px 0; }
.eupopup-button_1             { font-size:14px; padding: 8px 12px; }
.eupopup-button_2             { font-size:14px; padding: 8px 12px; }
.eupopup-closebutton          { font-size: 28px; right: 0px; top: 5px; }
figure#logo                   { margin:-10px 0 0 0; position:inherit; }
figure#logo img               { float:none; }
#topbar                       { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 35%, rgba(252,237,0,1) 35%, rgba(253,244,102,1) 100%, rgba(255,255,255,1) 100%); padding:0 0 30px 0!important; }
#topbar aside#toplinks        { width:100%; }
#topbar aside#toplinks ul     { margin:.5rem 0 0 0; width:100%; }
#topbar aside#toplinks ul li:first-child {   margin:0 0 10px 0; text-align:center; width:auto; }
#topbar aside#toplinks ul li a.btn { background: #3d5c50 url("../../img/common/assets/icos/ral_ico_phone.svg") no-repeat 15px 50%; background-size: 10%; font:900 14px 'Exo 2', sans-serif; padding: 0 10px 0 40px; }
#topbar aside#toplinks ul li a.btn span { border-left:1px solid #fff; }

#topbar aside#toplinks ul li.whatsapp { float:left; width:48.5%; }
#topbar aside#toplinks ul li:nth-child(2) a{ background-position:25px; background-size:28px; border-right:1px solid #3d5c50; float:left; font:900 14px 'Exo 2', sans-serif; margin:10px 10px 0 0; padding:5px 20px 5px 30px; text-align: right;  }
#topbar aside#toplinks ul li:nth-child(3) { background-size:28px; font-size:14px; margin:10px 0 0 0; padding:10px 0 10px 40px; text-align: left; width:48.5%; }
#language_selector            { display: inline-block; margin:20px 20px 0 0!important; text-align:center; }
#language_selector li         { display: inline-block; width:auto; }
#language_selector li a       { border-bottom:none; border-right: 1px solid #3d5c50; border-left:none; border-top:none; border-radius:0; color:#3d5c50; font-size:14px; margin:0; padding:0 10px 0 5px!important; }
#language_selector li:last-child a { border:none; border-top:none; border-radius:0; }
#language_selector li:first-child a{ padding:0 10px 0 5px!important; }
#language_selector li:nth-child(2) { border:none; }


/* Homepage */
.slideshow                    { margin:0; }
.slick-prev                   { left:20px!important; z-index:1; }
.slick-next                   { right:20px!important; }

aside#freeseotext             { padding: 10px 30px 10px 30px; }
aside#freeseotext header h1   { font:normal 600 18px 'Exo 2', sans-serif; }
aside#freeseotext header h1 p { font:normal 600 18px 'Exo 2', sans-serif; }

aside#steps                   { padding:40px 0 40px 0; }
aside#steps header h2         { font:normal 600 26px 'Exo 2', sans-serif; margin:0 0 10px 0; }
aside#steps header h2 em      { font:italic 900 26px 'Exo 2', sans-serif; }
aside#steps header h2 span    { font:normal 400 26px 'Exo 2', sans-serif; }
aside#steps header h3         { font:italic 400 22px 'Exo 2', sans-serif; margin:0 0 10px 0; }

aside#steps ul#vehicle_type   { margin:20px 0 0 0; }
aside#steps ul#vehicle_type li{ float:left; margin:0!important; padding: 0 5px; width:33%!important; }
aside#steps ul#vehicle_type li p { height: 90px; line-height: 90px; width:90px; }
aside#steps ul#vehicle_type li p img { margin:-10px 0 15px 0; max-width: 45%; }
aside#steps ul#vehicle_type li p span { font-size:12px; }

aside#whyralarsa             { margin:0; min-height:inherit!important; padding:40px 0 40px 0; }
aside#whyralarsa header h2   { font:normal 600 26px 'Exo 2', sans-serif; margin:0 0 20px 0; }
aside#whyralarsa header h2 em{ font:italic 900 26px 'Exo 2', sans-serif; }
aside#whyralarsa ul          { margin:0; }
aside#whyralarsa ul li       { float:left; padding:0; }
aside#whyralarsa ul li p     { font:normal 700 13px 'Exo 2', sans-serif; margin:0; }
aside#whyralarsa ul li:nth-child(1) img { margin:0 0 15px 0; max-width:55%; }
aside#whyralarsa ul li:nth-child(2) img { margin:12px 0 20px 0; max-width:100%; }
aside#whyralarsa ul li:nth-child(3) img { margin:15px 0 31px 0; max-width: 55%; }

aside#customers              { margin:0; padding:40px 0 40px 0; }
aside#customers header h2    { font:normal 600 26px 'Exo 2', sans-serif; margin:0 0 20px 0; }
aside#customers header h2 em { font:italic 900 26px 'Exo 2', sans-serif; }
aside#customers figure       { bottom: -56px; right:1%!important; }

section#homepage aside#form  { padding:300px 0 40px 0; }
section#homepage aside#form header h2 { font:normal 600 26px 'Exo 2', sans-serif; margin:0 0 30px 0; }
section#homepage aside#form ul    { margin:0; }
section#homepage aside#form ul li  {  }
section#homepage aside#form label { font:normal 400 14px 'Exo 2', sans-serif; }
section#homepage aside#form label span.required   { font-size:14px; }
section#homepage aside#form button.btn { margin:0 0 0 0; }

section#wecallyouintro aside#form ul { margin:0; }

aside#blog                   { padding:40px 0; }
aside#blog header h2         { font:normal 600 26px 'Exo 2', sans-serif; margin:0 0 30px 0; }
aside#blog header h2 em      { font:italic 900 26px 'Exo 2', sans-serif; }
aside#blog header h3         {  margin:0 0 10px 0; }
aside#blog ul                { margin:0; }
aside#blog ul li:nth-child(2),
aside#blog ul li:nth-child(3){ display:none; }
aside#blog ul li p.date      { font-size:14px; }
aside#blog ul li figure      { margin:0 0 -26px 0; }

aside#customers figure       { bottom: -40px; }
aside#customers figure img   { max-width:30%; }

aside#whyralarsa ul li img   { margin:0!important; max-width:100px!important; }
aside#whyralarsa ul li p     { margin:0 auto 10px auto; width: 90%; }

section#homepage aside#form input,
section#wecallyouintro aside#form input { font:normal 300 18px 'Exo 2', sans-serif; height: 50px; line-height: 45px; padding:15px; }
section#wecallyouintro aside#form { margin:5px 0 0 0; padding: 300px 0 40px 0; }
section#homepage aside#form label,
section#wecallyouintro aside#form label { text-align: left; }
section#wecallyou hr             { border:2px solid #fced00!important; margin-bottom:20px!important; width:30%!important; }



/* PIDE CITA */
section#appointment               { margin:-15px 0 0 0; }
aside#steps                       { margin:1px 0 0 0; }
section#appointment #modelForm ul.btns,
section#appointment ul.btns       { padding:0!important; }
section#appointment #modelForm ul { margin:0 0 20px 0; }
section#appointment #modelForm ul li { margin: 0 0 20px 0; padding:20px 30px 30px 30px; width:100%!important; }
section#appointment #modelForm ul li header h3 { font-size:16px; margin:0 0 10px 0; }
section#appointment ul.btns       { margin: 0!important; }
section#appointment ul.btns li    { margin:auto!important; }
section#appointment ul.btns li:first-child { padding-left: 0!important; text-align:left; }
section#appointment #modelForm ul.btns li,
section#appointment ul.btns li    { margin:0!important; padding:inherit; width:auto!important; }
section#appointment #modelForm ul.btns li a.back,
section#appointment ul.btns li a.back { font-size:14px; padding:10px 40px; }

section#appointment #modelForm ul.btns li:first-child,
section#appointment ul.btns li:first-child  { float:left!important; }
section#appointment #modelForm ul.btns li:last-child,
section#appointment ul.btns li:last-child  { float:right!important; }


section#appointment #modelForm ul li input,
section#appointment ul li input { font-size:14px; height:42px; }
section#appointment ul.btns li input.btn   { border-radius:0; }
section#appointment #modelForm ul.btns li input.btn { padding:11px 20px 12px; }
section#appointment header .row header { text-align:center!important; }
section#appointment header figure { margin:25px 15px 25px 0; }
section#appointment header figure img { max-width:48px; }
section#appointment header h1     { font: 300 24px 'Exo 2', sans-serif; margin: 32px 0 0 20px; max-width: 80%; }
section#appointment header h2     { font:600 28px 'Exo 2', sans-serif; margin:0 0 30px 0!important; }

section#appointment aside         { padding:30px 0 40px 0; }
section#appointment aside#searchCenter p.center { margin:20px 0 40px 0; }
section#appointment aside#searchCenter input#postcodeMapSearch { width:90%; }
section#appointment aside#searchCenter ul li { margin:0 20px 40px; padding:20px 0 0 0; width:90%; }
section#appointment aside#searchCenter ul li:first-child { padding:20px 0 0 0; }
section#appointment aside#searchCenter ul li:last-child  { margin-bottom:20px; }
section#appointment aside#searchCenter ul li header h3 { padding-bottom: 20px; }
section#appointment ul.btns li a.back { padding:10px 40px; width:auto; }

section#appointment #modelForm ul.btns li a.back { width:100%; }

section#appointment aside#damageArea ul    { margin:0 0 20px 0; padding: 0 20px; }
section#appointment aside#damageArea ul li { margin:0 0 25px 0; max-width: none; padding:20px 0; }
section#appointment aside#damageArea ul li:nth-child(1) figure,
section#appointment aside#damageArea ul li:nth-child(2) figure,
section#appointment aside#damageArea ul li:nth-child(3) figure,
section#appointment aside#damageArea ul li:nth-child(4) figure,
section#appointment aside#damageArea ul li:nth-child(5) figure { margin:20px 0 0 0; }
section#appointment aside#damageArea ul li header h3 { margin:0; }
section#appointment .tic_off,
section#appointment .tic_on          { bottom: 2.3rem; left: 7.1rem; }

section#appointment aside#damageArea ul li:nth-child(1) figure img { max-width:195px; }
section#appointment aside#damageArea ul li:nth-child(2) figure img { max-width:113px; }
section#appointment aside#damageArea ul li:nth-child(3) figure img { max-width:113px; }
section#appointment aside#damageArea ul li:nth-child(4) figure img { max-width:195px; }
section#appointment aside#damageArea ul li:nth-child(5) figure img { max-width:68px; }

section#appointment aside#damageType ul { margin:0; }
section#appointment aside#damageType ul li { margin:0 0 25px 0; max-width: none; padding:20px 0; }
section#appointment aside#damageType ul li:nth-child(1) figure,
section#appointment aside#damageType ul li:nth-child(2) figure,
section#appointment aside#damageType ul li:nth-child(3) figure { margin:-70px 0 0 0; }

section#appointment aside#damageType ul li:nth-child(1) figure img {  }
section#appointment aside#damageType ul li:nth-child(2) figure img {  }
section#appointment aside#damageType ul li:nth-child(3) figure img { max-width:68px; }

section#appointment ul#simpleform     { width: 100%!important; }
section#appointment ul#simpleform li  { padding:inherit; }

section#appointment aside#damageSide ul li { margin:0 0 25px 0; max-width: none; padding:20px 0; }
section#appointment aside#damageSide ul li:nth-child(1) figure,
section#appointment aside#damageSide ul li:nth-child(2) figure { margin:-90px 0 0 0; }
section#appointment aside#damageSide ul li:nth-child(1) figure img { max-width:113px; }
section#appointment aside#damageSide ul li:nth-child(2) figure img { max-width:100px; }

section#appointment aside#glassType        { padding: 30px 20px 40px; }
section#appointment aside#glassType ul { margin:0; }
section#appointment aside#glassType ul li { margin:0 0 25px 0; max-width: none; padding:20px 0; width:100%; }
section#appointment aside#glassType ul li:nth-child(1) figure,
section#appointment aside#glassType ul li:nth-child(2) figure,
section#appointment aside#glassType ul li:nth-child(3) figure { margin:-90px 0 0 0; }
section#appointment aside#glassType ul li:nth-child(1) figure img {   }
section#appointment aside#glassType ul li:nth-child(2) figure img {  }
section#appointment aside#glassType ul li:nth-child(3) figure img {  ; }

section#appointment aside#otherdamageType ul    { margin:0 0 20px 0; padding:0 20px; }
section#appointment aside#otherdamageType ul li { margin:0 0 25px 0; max-width: none; padding:20px 0; }
section#appointment aside#otherdamageType ul li:nth-child(1) figure img { max-width: 90px; }
section#appointment aside#otherdamageType ul li:nth-child(2) figure img { max-width: 70px; }

section#appointment aside#searchCenter .tallerContainer { max-width:none!important; padding:15px!important; width:100%!important; }
section#appointment aside#searchCenter ul.workshopListBody li { margin:0; }
.appointmentTime               { padding:0 40px 40px!important; }

section#appointment aside#summary #resum            { padding:30px 20px 30px 20px; }
section#appointment aside#summary #resum .insideBox { border-bottom:1px solid rgba(0,0,0,.1)!important; text-align:left; padding:10px 0;width: 100%; }
section#appointment aside#summary #resum .insideBox:nth-child(3) { border:none!important; }
section#appointment aside#summary #resum .insideBox:last-child { border:none!important; margin:0; padding:30px 0 10px 0; }
section#appointment aside#summary div.datoscita ul   { margin:0; }
section#appointment aside#summary div.datoscita ul li { width:100%; }
section#appointment aside#summary ul li:first-child { padding:0 20px 20px 20px; }
section#appointment aside#summary ul li:last-child  { float:none; padding:0 20px 40px 20px; }
section#appointment aside#summary ul li { padding:20px 20px 20px 20px; }
section#appointment aside#summary div.datoscita ul li header h3 { margin:0; }
section#appointment aside#summary p,
section#appointment aside#summary span { font-size:16px; }

aside#cita p.success  { font:italic 600 24px 'Exo 2', sans-serif; margin:0; }



/* SECTION SERVICE */
section#service              { margin:-13px 0 0 0; }
section#service header h2    { font:normal 400 24px 'Exo 2', sans-serif; }
.header .caption             { padding:0 30px; position: inherit; top:30px; }
.header .caption hr          { border:2px solid #fced00; width:30%; }
.header .caption header h1   { color:#3d5c50; font-size:24px; }
.header .caption p.intro     { color:#000; font-size:20px; text-align:center; }

section#service aside#reasons{ padding: 0; }
section#service aside#reasons header h2 { font:normal 400 24px 'Exo 2', sans-serif; margin:40px 0 0 0; }
section#service aside#reasons ul li { margin:0; }
section#service aside#reasons div figure { margin:0; text-align: center;}
section#service aside#reasons div figure img { display: inline-block; margin:0; }
section#service aside#reasons div header    { text-align:center; }
section#service aside#reasons div header h3  { background: rgb(255,254,245); background: linear-gradient(180deg, rgba(255,254,245,0) 51%, rgba(255,237,0,1) 51%, rgba(255,237,0,1) 100%, rgba(241,239,232,1) 100%); font:normal 400 42px 'Exo 2', sans-serif; color:#727276; display:inline-block; font:normal 600 22px 'Exo 2', sans-serif; margin:0 0 20px 0; padding:0 5px 5px 5px; text-align:center; text-transform: uppercase; }
section#service aside#reasons div p { margin:0; text-align:center; }

section#service aside#highlights .content { padding:40px 0; position: inherit; }
section#service aside#highlights .content header h2 { color:#fff; }
section#service aside#highlights .content p { max-width:none; margin:0; }
section#service aside#highlights .content p.intro { color:#fff!important; font:normal 300 20px 'Exo 2', sans-serif; margin-bottom:20px; max-width: none; }
section#service aside#highlights .content ul { margin:0; }
section#service aside#highlights .content ul li { background-position: 0% 12px; color:#fff!important; font-size:17px; line-height:26px; padding:5px 0 5px 25px; }

section#service aside#content       { padding:0 20px; }
section#service aside#content p     { font-size:17px; line-height:26px; }
section#service aside#content p img { margin: 40px auto; max-width: 100%; text-align: center; }

section#service aside#form                { padding:20px 0; }
section#service aside#form header h2      { font:normal 600 24px 'Exo 2', sans-serif; }
section#service aside#form header h2 span { font:normal 300 24px 'Exo 2', sans-serif; }

.servicetitle header h1       { font-size:32px; }
.servicetitle p               { font: normal 300 18px 'Exo 2', sans-serif; line-height: 24px; padding:0!important; }
.servicetitle hr              { border:2px solid #fced00; width:30%; }

section#service .slick-initialized .slick-slide { background:transparent!important; }
section#service .slick-next:before { font-size:32px!important; }
section#service .slick-prev:before { font-size:32px!important; }

section#service .slick-prev,
section#service .slick-next   { top:25%!important; }

section#service .slick-prev   { left:0!important; }
section#service .slick-next   { right:0!important; }

section#service aside#description { padding:20px 20px; }

section#service .header figure  { overflow-x:hidden; }
section#service .header figure img { border-top: 1px solid #fff; margin: 0 0 0 -380px; max-width: 225%; width: 225%; }

table#doscols tbody td        { font: normal 600 14px 'Exo 2', sans-serif; vertical-align: top;}
table#doscols tbody td img    { max-width:100%; }
table tbody td                { padding: 0.5rem 0.625rem 0.625rem; }



/* SECTION OFFICES */
section#offices                 { margin:-13px 0 0 0; }
section#offices .header figure  { overflow-x:hidden; }
section#offices .header figure img { border-top: 1px solid #fff; margin: 0 0 0 -215px; max-width: 225%; width: 225%; }
section#offices header h1       { font-size:24px; }
section#offices .caption hr     { border:2px solid #fced00!important; width:30%!important; }
section#offices article form    { padding:10px 0 40px 0; }
section#offices article form ul { padding:0 25px; width:100%; }
section#offices article form ul li{ margin:0 0 20px 0; }
section#offices article form ul li:last-child{ margin:0!important; }
section#offices article form ul li select { padding:0 auto 0 30px!important; }
section#offices article form ul li .btn { margin:15px 0 0 0; padding:13px 10px 15px 10px; width:100%; }
section#offices ul#centros li    { padding:0 0; }
section#offices ul#centros li figure { display:none; }
section#offices ul#centros header h3 { font-size:18px; margin:0; min-height:inherit; }
section#offices ul#centros       { margin:0 ; }
section#offices ul#centros li p  { min-height: inherit; }
section#offices ul#centros li a  { padding:20px; }

section#offices aside header     { padding:0; }
section#offices aside header h2  { margin:0 0 5px 0; }

section#office aside#content ul  { margin: 0 0 50px 0; }
section#offices ul#centros li    { border-bottom:none; }
section#offices ul#centros li figure img { width:100%; }



/* SECTION OFFICE */
section#office                   { padding: 0; }
section#office header h1         { font-size:24px; }
section#office header h1 span    { border:none; display: block; font-size: 18px; margin:0; padding:0; }
section#office header h2         { font-size: 20px!important; }
section#office header h3         { font-size: 18px!important; }
section#office aside#media       { max-width: none; }
section#office article           { padding:0 0 40px 0; }
section#office article p.right   { float:none; text-align: center; }
section#office aside.share       { width:100%; }
section#office aside#content ul li{ font-size:14px; letter-spacing: -0.01em; padding:10px 0; }
section#office aside#content ul li img { margin:-4px 3px 0 0; max-width:13px; }
.schedule ul li                  { width:100%!important; }
section#office aside#media ul li:first-child  { border:none; padding: inherit;}
section#office aside#media ul li:last-child { padding: inherit; }
section#office aside#media figure{ margin:0 0 10px 0; padding:0; }



/* SECTION WE CALL YOU */
section#wecallyou                { padding:0 0 20px 0; }
section#wecallyou header h2      { font-size: 24px; }
section#wecallyou header h2 br   { display:none; }
section#wecallyou p br           { display:none; }
section#wecallyou #boxmessage                { margin:20px 0 0 0; padding:0; width:100%; }
section#wecallyou #boxmessage .related       { padding:40px; }
section#wecallyou #boxmessage .related ul li { display:block; text-align:left; }
section#wecallyou #boxmessage .related ul li a::after { display:none; }
section#wecallyou #boxmessage .related ul li:last-child { padding:0; }



/* SECTION US */
section#us                        { margin:-13px 0 0 0; }
section#us .title                 { margin:0; }
section#us hr                     { border:2px solid #fced00; width:30%; }
section#us article#intro          { padding: 40px 20px; }
section#us header h2              { font-size:28px; }
section#us header h3              { margin:0;text-align:center; }
section#us aside#proyectos ul     { margin:0; }
section#us aside#proyectos ul li figure { margin:0 0 20px 0; }
section#us aside#proyectos ul li  { margin:0 0 20px 0; padding:30px; }
section#us aside#proyectos ul li p{ text-align: left; }
section#us aside figure           { margin:20px 0; }
section#us aside#today            { padding:40px 20px 0!important; }
section#us aside#today hr         { border:2px solid #fced00; margin:20px auto 20px auto!important; width:30%; }
section#us aside#video            { padding:40px 20px!important; }
section#us aside#video ul         { margin:0 0 40px 0; }
section#us aside#video ul li      { font:normal 600 16px 'Exo 2', sans-serif; padding:8px 0;}
section#us aside#video header h3  { margin:0;text-align:center; }
section#us aside#video hr         { border:2px solid #fced00; margin:20px auto 20px auto!important; width:30%; }
section#us .header figure         { overflow-x:hidden; }
section#us .header figure img     { border-top: 1px solid #fff; margin: 0 0 0 -330px; max-width: 225%; width: 225%; }



/* SECTION FAQS */
section#faqs .header figure       { overflow-x:hidden; }
section#faqs .header figure img   { border-top: 1px solid #fff; margin: 0 0 0 -440px; max-width: 225%; width: 225%; }
section#faqs header               { padding:20px 0 0 0; }
section#faqs hr                   { border: 2px solid #fced00; width:30%; }
section#faqs .tabs-content        { padding:20px 0 100px 0; }
section#faqs header h2            { font:normal 400 22px 'Exo 2', sans-serif; text-align:center; }
section#faqs p.subtitle br        { display:none; }
.accordion-item > a               { background-size: 12px; background-position: 100% 52%; }
.accordion-title                  { font:normal 600 16px 'Exo 2', sans-serif; padding: 15px 5px 15px 0; }
.accordion-title p                { font:normal 400 16px 'Exo 2', sans-serif; }
.accordion-content                { padding:1rem 0; }
.accordion-content p              { font: normal 400 16px 'Exo 2', sans-serif; max-width:none; }



/* SECTION CONTACT */
section#contact_mobile                       { background:url("../../img/common/assets/mobile/ral_bck_contactar.png") no-repeat 50% 100%; background-size:contain; padding:30px 0 300px 0; }
section#contact_mobile header h1             { color:#000; font-size:24px; text-align: center; text-transform: none; }
section#contact_mobile hr                    { border:2px solid #fced00; width:30%; }
section#contact_mobile p.intro               { color:#000; font-size:20px; text-align:center; }
section#contact_mobile aside#opciones ul     { display: inline-block; margin:40px 0; }
section#contact_mobile aside#opciones ul li  { padding-bottom:30px; padding-top:30px; text-align:center; }
section#contact_mobile aside#opciones ul li p{ font:normal 600 14px 'Exo 2', sans-serif!important; line-height:18px!important; margin:0; }
section#contact_mobile aside#opciones ul li p.description{ font:normal 600 14px 'Exo 2', sans-serif!important; line-height:18px!important; margin:0 0 20px 0; min-height: 54px; }
section#contact_mobile aside#opciones ul li:nth-child(1)  { border-bottom: 1px solid #3d5c50; border-right: 1px solid #3d5c50; text-align:center; }
section#contact_mobile aside#opciones ul li:nth-child(2)  { border-bottom: 1px solid #3d5c50; }
section#contact_mobile aside#opciones ul li:nth-child(3)  { border-right: 1px solid #3d5c50; }
section#contact_mobile aside#opciones ul li p a.btn{ background:#3d5c50; border-radius:5px; color:#fff; display: inline-block; font:normal 700 14px 'Exo 2', sans-serif!important; min-width: ; padding:5px 15px; text-transform: uppercase; width:100%; }
section#contact_mobile aside#opciones a.cita     { background:#3d5c50 url("../../img/common/assets/icos/ral_ico_pedircita_w.svg") no-repeat 16px 50%!important; background-size:18px!important; padding:5px 15px 5px 40px!important; }
section#contact_mobile aside#opciones a.whatsapp { background:#3d5c50 url("../../img/common/assets/icos/ral_ico_whatsapp_w.svg") no-repeat 16px 50%!important; background-size:18px!important; padding:5px 15px 5px 40px!important; }
section#contact_mobile aside#opciones a.phone    { background:#3d5c50 url("../../img/common/assets/icos/ral_ico_contactar_w.svg") no-repeat 16px 50%!important; background-size:18px!important; padding:5px 15px 5px 40px!important; }
section#contact_mobile aside#opciones a.wecallyou{ background:#3d5c50 url("../../img/common/assets/icos/ral_ico_tellamamos_w.svg") no-repeat 12px 50%!important; background-size:16px!important; padding:5px 10px 5px 30px!important; }


section#error aside#opciones          { padding:0; }
section#error header h2               { font:300 20px 'Exo 2', sans-serif; }
section#error header h2 br            { display:none; }
section#error hr                      { border: 2px solid #fced00; text-align: center; width: 30%; }
section#error aside#opciones ul       { display: inline-block; margin:-40px auto 40px; text-align: center; width:100%;}
section#error aside#opciones ul li    { padding-bottom:30px; padding-top:30px; text-align:center; }
section#error aside#opciones ul li p  { font:normal 600 14px 'Exo 2', sans-serif!important; line-height:18px!important; margin:0; }
section#error aside#opciones ul li p.description{ font:normal 600 15px 'Exo 2', sans-serif!important; line-height:18px!important; margin:0 0 20px 0; min-height: 54px; }
section#error aside#opciones ul li:nth-child(1)  { border-bottom: 1px solid #3d5c50; text-align:center; }
section#error aside#opciones ul li:nth-child(2)  { border-bottom: 1px solid #3d5c50; border-right: none; }
section#error aside#opciones ul li:nth-child(3)  { border-right: 1px solid #3d5c50; }


/* FOOTER */
footer                       { background-size: cover; padding:30px 0; }
footer figure                { margin:0 0 30px 0; text-align:center; }
footer ul                    { display: inline-block; margin:0 0 20px 0; }
footer ul li                 { padding:0!important; }
footer aside#nav ul li ul li { display:inline-block; float:left; margin:0 0 3px 0; width:50%!important; }
footer aside#nav             { float:none!important; }
footer aside#nav ul li strong{ border-bottom:0.5px solid #fff; margin:0 0 10px 0; padding:0 0 10px 0; width:100%; }
footer article               { background:none!important; }

footer ul#social             { margin:20px 0 0 0!important; }
footer ul#social li          { padding:0 10px!important; }
footer ul#social li:last-child { padding:0 0 0 10px!important; }
footer ul#social li a        { font-size: 20px; }
footer ul#links_legal        { margin:20px 0 0 0!important; }
footer ul#links_legal li     { border:none; }
footer ul#links_legal li a   { font-size:10px; margin:0 padding: 0 5px 0 0; }
footer ul#links_legal li a::after   { content:'·'; margin:0 0 0 5px;}
footer ul#links_legal li:last-child a::after   { content:''; margin:0;}

.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { background:none!important; border: none!important; margin:0 0 0 10px!important; }
.overlay figure#logo         { margin-top:40px!important; }

#mobile_footer                     { bottom:20px; display: inline-block; position: absolute; width:100%; }
#mobile_footer ul#social           { display: inline-block; margin:6px 0 30px 0; text-align:center; width:100%; }
#mobile_footer ul#social li        { display: inline-block; float:none; padding:0 7px; text-align:center; width: auto; }
#mobile_footer ul#social li a i    { font-size: 22px; }
#mobile_footer ul#links_legal li a { font:normal 300 13px 'Exo 2', sans-serif; text-align:center; text-transform: none; }



/* SECTION blog */
section#blog hr                    { border:2px solid #fced00!important; margin-bottom:20px!important; width:30%!important; }
section#blog ul                    { margin:0; }
section#blog_single header h2      { font-size:26px; }
section#blog_single article .row   { padding: 0 40px; }
section#blog_single aside#related  { padding:40px 0; }
section#blog_single aside#related figure { margin:0 0 10px 0; }
section#blog_single ul li p.date   { font-size:12px; margin:0 0 10px 0; }
section#blog_single aside#related ul  { margin:0; }
section#blog_single aside#related ul li:nth-child(2) { display:none; }

section#blog_single aside#newsletter { padding:40px 0; }
section#blog_single aside#newsletter .box  { margin: 0 20px; padding:20px 30px 40px 30px; }
section#blog_single aside#newsletter form ul { width:100%; }
section#blog_single aside#newsletter form ul li { padding:0; }
section#blog_single aside#newsletter p.subtitle { line-height:24px; }

section#appointment article aside#datospersonales { padding: 30px 20px 40px; }
section#appointment article aside#datospersonales ul.btns { margin:40px 0 20px 0!important; }
section#blog .header figure         { overflow-x:hidden; }
section#blog .header figure img     { border-top: 1px solid #fff; margin: 0 0 0 -330px; max-width: 225%; width: 225%; }

section#blog_single ul#images li { padding-left:0; padding-right:0; }


section#workwithus .header hr   { border:2px solid #fced00!important; margin-bottom:20px!important; width:30%!important; }
section#workwithus aside#form fieldset { padding: 0 0 40px 0; }
section#workwithus p.entradeta  { margin:0px auto 10px auto !important; }
section#workwithus aside#form p { margin:0 0 10px 0; }
section#workwithus div.legalpanel { padding:40px 30px; }

/* Images upload */
div#matricula                        { margin:0; padding:20px 0; }
div#matricula input[type="text"]     { margin:0 0 10px 0; width: 100%; }
.imageContainer                      { width:100%; }
.imageContainer p                    { margin-bottom:20px!important; max-width:100%; }
.g-recaptcha                         { margin:20px 0 0 0!important; width:100%; }
section#appointment header h2        { margin:20px 0 20px 0!important; }
.imageContainer .imageWrapper        { border-radius:10px; margin:0 0 20px 0!important; padding:0 20px; }
.firstitem .fileUploadFrontendButton,
.seconditem .fileUploadFrontendButton{ height: 320px; margin-bottom:30px; width:320px; }
section#appointment h1 small         { font-size:12px; margin-bottom:20px; }
img.carIdNumberImage, img.damageImage{ margin: 20px 0!important; }
.removeAppointmentOpenModal          { right:-10px; top:-15px; }

#uploaded_images { padding:0; }
#uploaded_images ul li { margin: 0 0 20px 0; padding:0!important; width:100%!important; }

.localizador li#workshopsMap,
.localizador li#workshops    { margin:0 0 20px 0!important; width:100%!important; }
.localizador .centerLink     { height: 42px; padding:45px 0 0 0; right: 10px; width: 42px; }
.localizador .tallerContainer { margin:0!important; width: 90%!important; }
.localizador .tallerContainer p { letter-spacing:-0.04em; max-width:90%!important; }
.localizador aside#searchCenter ul li { margin:0!important; }
ul.workshopListBodyLocator li { margin:0!important; }


/* SECTION SERVICE */
section#promotion              { margin:-13px 0 0 0; }
section#promotion header h2    { font:normal 400 24px 'Exo 2', sans-serif; }

section#promotion aside#reasons{ padding: 0; }
section#promotion aside#reasons header h2 { font:normal 400 24px 'Exo 2', sans-serif; margin:40px 0 0 0; }
section#promotion aside#reasons ul li { margin:0; }
section#promotion aside#reasons div figure { margin:0; text-align: center;}
section#promotion aside#reasons div figure img { display: inline-block; margin:0; }
section#promotion aside#reasons div header    { text-align:center; }
section#promotion aside#reasons div header h3  { background: rgb(255,254,245); background: linear-gradient(180deg, rgba(255,254,245,0) 51%, rgba(255,237,0,1) 51%, rgba(255,237,0,1) 100%, rgba(241,239,232,1) 100%); font:normal 400 42px 'Exo 2', sans-serif; color:#727276; display:inline-block; font:normal 600 22px 'Exo 2', sans-serif; margin:0 0 20px 0; padding:0 5px 5px 5px; text-align:center; text-transform: uppercase; }
section#promotion aside#reasons div p { margin:0; text-align:center; }

section#promotion aside#highlights .content { padding:40px 0; position: inherit; }
section#promotion aside#highlights .content header h2 { color:#fff; }
section#promotion aside#highlights .content p { max-width:none; margin:0; }
section#promotion aside#highlights .content p.intro { color:#fff!important; font:normal 300 20px 'Exo 2', sans-serif; margin-bottom:20px; max-width: none; }
section#promotion aside#highlights .content ul { margin:0; }
section#promotion aside#highlights .content ul li { background-position: 0% 12px; color:#fff!important; font-size:17px; line-height:26px; padding:5px 0 5px 25px; }

section#promotion aside#content       { padding:0 20px; }
section#promotion aside#content p     { font-size:17px; line-height:26px; }
section#promotion aside#content p img { margin: 40px auto; max-width: 100%; text-align: center; }

section#promotion aside#form                { padding:20px 0; }
section#promotion aside#form header h2      { font:normal 600 24px 'Exo 2', sans-serif; }
section#promotion aside#form header h2 span { font:normal 300 24px 'Exo 2', sans-serif; }

.promotiontitle header h1       { font-size:32px; }
.promotiontitle p               { font: normal 300 18px 'Exo 2', sans-serif; line-height: 24px; padding:0!important; }
.promotiontitle hr              { border:2px solid #fced00; width:30%; }

section#promotion .slick-initialized .slick-slide { background:transparent!important; }
section#promotion .slick-next:before { font-size:32px!important; }
section#promotion .slick-prev:before { font-size:32px!important; }

section#promotion .slick-prev,
section#promotion .slick-next   { top:25%!important; }

section#promotion .slick-prev   { left:0!important; }
section#promotion .slick-next   { right:0!important; }

section#promotion aside#description { padding:20px 20px; }

section#promotion .header figure  { overflow-x:hidden; }
section#promotion .header figure img { border-top: 1px solid #fff; margin: 0 0 0 -380px; max-width: 225%; width: 225%; }

aside#customers .opinions div          { background:url("../../img/common/assets/bcks/globo.svg") no-repeat 50% 23%; background-size: 100%; margin:0; padding:20px 30px 50px; position: relative; }
aside#customers .opinions div figure   { left:85px!important; position: relative; top:5px!important; }
aside#customers .opinions div figure img{ max-width:23%!important;  }
aside#customers .opinions div p        { font-size:16px;margin:0; }
aside#customers .opinions div p.texto  { font-size:15px; line-height: 18px; margin:0; min-height:160px; }
aside#customers .opinions div strong   { text-transform: uppercase; }
aside#customers .opinions div span     { float:left; margin:0 0 5px 0; }
aside#customers .opinions div span img { max-width:24px!important; position: inherit; }
aside#customers .opinions div.stars    { background:none!important; display:inline-block; margin:0 0 0 0!important; padding:0!important; width:100%; }
aside#customers .opinions .slick-list,
aside#customers .opinions .slick-slider { background:none!important; margin:0!important; padding:0!important; }
aside#customers .opinions .slick-track{ background:none!important; padding:0!important; }
.valora { margin:-85px 0 0 0!important; }
aside#customers p.certified span  { line-height:16px; padding: 0!important; position: relative; }
aside#customers p.certified { line-height: 16px; max-width: 80%; text-align: left; padding-left: 60px; }
aside#customers p.certified span img  { left:-60px; margin:0; max-width:48px; position: absolute; top:-8px; }

aside.tallerunico ul li:first-child        { width:90%!important; }
aside.tallerunico .mapa                    { padding:0; width:100%; }
aside.tallerunico .datostaller             { width:100%!important; }
aside.tallerunico .datostaller .otrotaller { line-height: 20px; margin: 20px 0 0 0; text-align: center !important; }
section#appointment aside#searchCenter ul li:last-child{ width:90%!important; }
aside.tallerunico .mapa                    { width:100%!important; }
aside.tallerunico .ui-datepicker .ui-datepicker-prev { left:-10% !important; }
aside.tallerunico .ui-datepicker .ui-datepicker-next { right:-10% !important; }

.sustainability aside                      { margin:0; }
.primerbloque header h2                    { margin:0!important; }
.sustainability .primerbloque              { margin:20px 0 -20px 0 !important; }
.sustainability .primerbloque .text        { padding:0!important; }
.sustainability .segundobloque .text       { padding:0!important; }
.sustainability .tercerbloque              { margin:20px 0 -20px 0 !important; }
.sustainability .tercerbloque .text        { padding:0!important; }
.sustainability article#green              { margin:40px 0 0 0; padding:20px 0!important; }
.sustainability article#green .leftbloque figure { margin: 5px 0 0 0; }
.sustainability article#green .leftbloque .text  { padding:0!important; }
.sustainability article#green .leftbloque  { margin:0 0 20px 0!important; }
.sustainability article#green .rightbloque .text{ padding:0!important; }
.sustainability article#green .rightbloque { margin:0!important; }

}






/* --------------------------------------------------------------------------------------------------------------------------------------------------- */
/* SMARTPHONES (landscape) --------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (orientation:landscape) and (min-width : 480px) and (max-width : 767px) {


figure#logo img                    { width:85%; }
figure#logo                        { margin:0 0 0 20px!important; }
.slideshow                         { margin:-5px 0 0 0; }
.slick-prev                        { left:20px!important; }
.slick-next                        { right:20px!important; }

#language_selector li a.active     { font: normal 600 11px 'Exo 2', sans-serif; }
#language_selector li.is-dropdown-submenu-parent > a { padding:5px 6px!important; }

#mainnav ul                        { width:100%; }
#mainnav li                        { padding:0 0.2rem; }
#mainnav li a                      { font:700 10px 'Exo 2', sans-serif; letter-spacing: -0.02em; padding-bottom:0.5rem; padding-top:0.5rem; }
.dropdown.menu > li.is-dropdown-submenu-parent > a { padding-right: .5rem; }
#mainnav .dropdown.menu > li.is-dropdown-submenu-parent > a { background-size: 5px; }

#topbar aside#toplinks ul li       { margin: 0 10px; }
#topbar ul li a.btn                { font: 900 12px 'Exo 2', sans-serif; }
#topbar aside#toplinks ul li a.btn { border-radius: 8px; margin: 6px 0 0 0; padding: 0 10px 0 35px; }
#topbar aside#toplinks ul li a.btn span { border-left:1px solid #fff; }
#topbar aside#toplinks ul li:first-child  { margin:0 10px 0 0; }
#topbar aside#toplinks ul li:nth-child(2) { background-size: 20%; font: 700 12px 'Exo 2', sans-serif; padding: 8px 0 10px 25px; }
#topbar aside#toplinks ul li:nth-child(3) { background-size: 22%; font: 700 12px 'Exo 2', sans-serif; padding: 10px 0 10px 25px; }


aside#freeseotext                  { padding: 10px 120px 10px 120px; }
aside#freeseotext header h1        { font:normal 600 18px 'Exo 2', sans-serif; }
aside#freeseotext header h1 p      { font:normal 600 18px 'Exo 2', sans-serif; }

aside#steps                        { margin:0; padding:30px 0 30px 0; }
aside#steps header h2              { font:normal 600 26px 'Exo 2', sans-serif; margin:0 0 10px 0; }
aside#steps header h2 em           { font:italic 900 26px 'Exo 2', sans-serif; }
aside#steps header h2 span         { font:normal 400 26px 'Exo 2', sans-serif; }
aside#steps header h3              { font:italic 400 22px 'Exo 2', sans-serif; margin:0 0 10px 0; }

.eupopup-container                 { padding:30px; }
.eupopup-container-bottomleft      { width:85%; }


aside#steps ul#vehicle_type                 { margin: 20px 0 20px 0; }
aside#steps ul#vehicle_type li              { display: inline; margin:0; width:33.3%; }
aside#steps ul#vehicle_type li:first-child  {  }
aside#steps ul#vehicle_type li:nth-child(2) { width:auto }
aside#steps ul#vehicle_type li:last-child   {   }
aside#steps ul#vehicle_type li a            { height:120px; width:120px; }
aside#steps ul#vehicle_type li a span       { bottom:25px; font:normal 700 12px 'Exo 2', sans-serif; text-align:center; }
aside#steps ul#vehicle_type li a img        { margin:-30px 0 0 0; max-width:50%; }

aside#whyralarsa                            { margin:0; min-height:inherit!important; padding:40px 0 40px 0; }
aside#whyralarsa header h2                  { font:normal 600 26px 'Exo 2', sans-serif; margin:0 0 20px 0; }
aside#whyralarsa header h2 em               { font:italic 900 26px 'Exo 2', sans-serif; }
aside#whyralarsa ul                         { text-align: center; }
aside#whyralarsa ul li                      { padding:0; width:23.95%; }
aside#whyralarsa ul li img                  { margin:0 0 15px 0; }
aside#whyralarsa ul li p                    { font:normal 700 13px 'Exo 2', sans-serif; margin:0; min-height: 48px;}
aside#whyralarsa ul li:nth-child(1) img     { margin:0 0 15px 0; max-width:90%; }
aside#whyralarsa ul li:nth-child(2) img     { margin:0px 0 15px 0; max-width:100%; }
aside#whyralarsa ul li:nth-child(3) img     { margin:15px 0 31px 0; max-width:70%; }

aside#customers                             { margin:0 0 1px 0; padding: 40px 0; }
aside#customers header h2                   { font:normal 600 26px 'Exo 2', sans-serif; margin:0 0 20px 0; }
aside#customers header h2 em                { font:italic 900 26px 'Exo 2', sans-serif; }
aside#customers figure                      { bottom: -40px; right:3%!important; }
aside#customers figure img                  { max-width: 20%; }


section#homepage aside#form                 { background-size: 50%; padding: 30px 0 0 0; }
section#homepage aside#form header h2       { font:normal 600 26px 'Exo 2', sans-serif; margin:0 0 20px 0; }
section#homepage aside#form ul              { margin:0 40px 0 250px; }
section#homepage aside#form ul li:first-child              { padding:0; width:100%;   }
section#homepage aside#form ul li:nth-child(2)              { padding:0; width:100%;   }

section#homepage aside#form label           { font:normal 300 14px 'Exo 2', sans-serif; margin: 0 0 8px 0; text-align: left; }
section#homepage aside#form label span.required { font:normal 300 12px 'Exo 2', sans-serif; }
section#homepage aside#form input,
section#wecallyouintro aside#form input     { height: 40px; font:normal 300 16px 'Exo 2', sans-serif; line-height: 40px; padding: 10px 10px; }

aside#blog                                  { padding: 40px 20px; }
aside#blog header h2                        { font:normal 600 26px 'Exo 2', sans-serif; margin:0 0 20px 0; }
aside#blog header h2 em                     { font:italic 900 26px 'Exo 2', sans-serif; }
aside#blog header h3                        { min-height: inherit; }
aside#blog ul                               { margin:0; }
aside#blog ul li                            { display: inline-block; width:50%; }
aside#blog ul li:nth-child(n+3)             { display: none; }


footer                   { padding:40px; }
footer aside figure img  { max-width: 40%; }

}










/* ----------------------------------------------------------------------------------------------------------------------- */
/* OVERLAY MENÚ ---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */

/* Overlay Menú */
@media screen and (max-height: 30.5em)   {
.overlay nav 														 { height: 70%; font-size: 34px; }
.overlay ul li 													 { min-height: 34px; }
}


/* Masonry on tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .masonry                               { column-count: 2; }
}

/* Masonry on big screens */
@media only screen and (min-width: 1024px) {
  .masonry                               { column-count: 3; }
}




/* Laptop width HiDPI Screen */
@media only screen and (min-width: 900px) and (max-width: 1440px) {

#language_selector                         { right:60px; }
section#appointment aside#damageArea ul li { margin: 0 10px; max-width: 18.18%; min-height: 55vh; }
section#appointment .tic_off, section#appointment .tic_on { bottom: 5rem; }
}

.is-drilldown-submenu-parent a::after { color: #000; content:'\f105'; font-family:'Font Awesome\ 5 Free'; font-size:16px; float: right; }

.menu.nested                          { margin:0; }


.is-drilldown-submenu-item a::after   { content:''!important; }
.js-drilldown-back > a                { font:normal 300 13px 'Exo 2', sans-serif; }
.js-drilldown-back > a span           { font:normal 300 13px 'Exo 2', sans-serif!important; }
.js-drilldown-back > a::after         { content:''!important; }
.js-drilldown-back > a::before        { border:none; color:#000!important; content:'\f104'; display:inline; font-family:'Font Awesome\ 5 Free'!important; margin:0 10px 0 0; }

#mobile_footer p                      { text-align:center; }
#mobile_footer p a.btn                { background:#3d5c50 url("../../img/common/assets/icos/ral_ico_contactar_w.svg") no-repeat 13px 50%; background-size:12%; border-radius:12px; color:#fff; display: inline-block; font:900 14px 'Exo 2', sans-serif; margin:0 0 10px 0; padding:0 20px 0 40px; }
#mobile_footer p a.btn span           { border-left:1px solid #fff; display: inline-block; padding:10px 0 10px 10px; }






/* Scrolling Menu */

#menu                           { -webkit-box-shadow: 0px 10px 29px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 10px 29px 1px rgba(0,0,0,0.5); box-shadow: 0px 10px 29px 1px rgba(0,0,0,0.5); background:#FFFFFF; color: #0D7E95; display: none; height:66px; padding:0 100px; position:fixed; top:0px; width:100%; z-index:3; }
#menu a.book:hover              { background: #087C94; color: #fff; }
#menu a.book                    { border: 2px solid #087C94; color: #087C94; display: inline-block; font: 500 16px 'Montserrat', Arial, Helvetica, sans-serif; letter-spacing: 0.04em; padding: 10px 40px; text-align: center; text-transform: uppercase; width: auto; }
#menu p#logotip                 { margin:12px 0 0 0; }
#menu #nav                      { margin:20px 0; }

.navbar-inverse                 { margin:0; padding:0 0!important; /* z-index:999999!important; */ }
.navbar-inverse a.btn           { background:#3d5c50 url("../../img/common/assets/icos/ral_ico_contactar_w.svg") no-repeat 13px 50%; background-size:12%; border-radius:12px; color:#fff; display: inline-block; font:900 14px 'Exo 2', sans-serif; margin:14px 14px 0 0; padding:0 20px 0 40px; }
.navbar-inverse a.btn span      { display: inline-block; padding:10px 0 10px 0; }
.reasonslide                    { margin:0 0 20px 0; padding:0 0 20px 0; }

.is-drilldown-submenu.is-active { background:#fced00; }
.overlay ul li                  { border-bottom:1px solid rgba(0,0,0,0.5); padding:5px 0; }
#mobile_footer ul#social li     { border-bottom:none;  }

#links_legal li                 { border-bottom:none; padding:inherit; }






/* ----------------------------------------------------------------------------------------------------------------------- */
/* IPHONE X PRO MEDIA QUERIES (PORTRAIT) --------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 375px) and (max-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {

#topbar                                           { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 35%, rgba(252,237,0,1) 35%, rgba(253,244,102,1) 100%, rgba(255,255,255,1) 100%); }
#language_selector li:nth-child(2) a { border:none; padding-right:0!important; }

section#appointment header h1                     { margin:30px 0 0 20px!important; }
section#appointment header figure                 { margin:30px 15px 15px 0; }
h1#nomargin small                                 { margin:10px 0!important; max-width: none!important; }
section#appointment article aside                 { padding: 30px 0 40px; }
section#appointment article aside#damageSide      { padding:30px 20px 40px; }
section#appointment article aside#datospersonales { padding: 30px 20px 40px; }
section#appointment article aside#datospersonales ul.btns { margin:40px 0 20px 0!important; }
section#appointment article aside#datospersonales p.small { margin: 0!important; }
section#appointment aside#damageArea              { padding:30px 0 40px; }
section#appointment aside#damageArea ul li        { padding:30px; }
section#appointment aside#damageArea ul li:nth-child(1) figure  { margin:40px 0 0 0!important; }
section#appointment .tic_off, section#appointment .tic_on { bottom: 3.02rem; left: 7.22rem; }
.botones { margin:0!important; }
section#appointment ul.btns li a.btn { font-size:14px; }

section#appointment aside#damageArea ul li:nth-child(2) figure { margin:35px 0 0 0; }
section#appointment aside#damageArea ul li:nth-child(3) figure { margin:30px 0 0 0; }
section#appointment aside#damageArea ul li:nth-child(4) figure { margin:40px 0 0 0; }
section#appointment aside#damageArea ul li:nth-child(5) figure { margin:35px 0 0 0; }

section#appointment ul.btns li a.back,
section#appointment ul.btns li input.btn         { font-size:14px; }
section#appointment ul.btns li input.btn         { margin:-9px 0 0 0; padding:11px 20px 12px; }
section#appointment aside#damageType ul li       { padding:30px; }
section#appointment aside#damageType             { padding:30px 20px 40px; }

section#appointment #modelForm ul li input       { font-weight:400; }
section#appointment #modelForm ul                { margin-bottom:20px!important; }
p.small                                          { margin: 0!important; }

/* Images upload */
div#matricula                        { margin:0; padding:20px 0; }
div#matricula input[type="text"]     { margin:0 0 10px 0; width: 100%; }
.imageContainer                      { width:100%; }
.imageContainer p                    { margin-bottom:20px!important; max-width:100%; }
.imageContainer p br                 { display:none!important; }
.g-recaptcha                         { margin:20px 0 0 0!important; width:100%; }
section#appointment header h2        { margin:20px 0 20px 0!important; }
.imageContainer .imageWrapper        { border-radius:10px; margin:0 0 20px 0!important; padding:0 20px; }
.firstitem .fileUploadFrontendButton,
.seconditem .fileUploadFrontendButton{ height: 320px; margin-bottom:30px; width:320px; }
section#appointment h1 small         { font-size:12px; margin-bottom:20px; }
img.carIdNumberImage, img.damageImage{ margin: 20px 0!important; }
.removeAppointmentOpenModal          { right:-10px; top:-15px; }
#uploaded_images { padding:0; }
#uploaded_images ul li { margin: 0 0 20px 0; padding:0!important; width:100%!important; }
.laststep li:first-child           { float:left; padding:0!important; text-align: left!important; width:45%!important;  }
.laststep li:last-child            { float:right!important; padding:0!important; width:50%!important; }
.laststep li:first-child a.back    { padding:10px 35px!important; }

.localizador li#workshopsMap,
.localizador li#workshops    { margin:0 0 20px 0!important; width:100%!important; }
.localizador .centerLink     { height: 42px; padding:45px 0 0 0; right: 10px; width: 42px; }
.localizador .tallerContainer { margin:0!important; width: 90%!important; }
.localizador .tallerContainer p { letter-spacing:-0.04em; max-width:90%!important; }
.localizador aside#searchCenter ul li { margin:0!important; }
ul.workshopListBodyLocator li { margin:0!important; }

aside#customers .opinions div          { background:url("../../img/common/assets/bcks/globo.svg") no-repeat 50% 23%; background-size: 100%; margin:0; padding:20px 30px 50px; position: relative; }
aside#customers .opinions div figure   { left:85px!important; position: relative; top:5px!important; }
aside#customers .opinions div figure img{ max-width:23%!important;  }
aside#customers .opinions div p        { font-size:16px;margin:0; }
aside#customers .opinions div p.texto  { font-size:15px; line-height: 18px; margin:0; min-height:160px; }
aside#customers .opinions div strong   { text-transform: uppercase; }
aside#customers .opinions div span     { float:left; margin:0 0 5px 0; }
aside#customers .opinions div span img { max-width:24px!important; position: inherit; }
aside#customers .opinions div.stars    { background:none!important; display:inline-block; margin:0 0 0 0!important; padding:0!important; width:100%; }
aside#customers .opinions .slick-list,
aside#customers .opinions .slick-slider { background:none!important; margin:0!important; padding:0!important; }
aside#customers .opinions .slick-track{ background:none!important; padding:0!important; }
.valora { margin:-85px 0 0 0!important; }
aside#customers p.certified span  { line-height:16px; padding: 0!important; position: relative; }
aside#customers p.certified { line-height: 16px; max-width: 80%; text-align: left; padding-left: 60px; }
aside#customers p.certified span img  { left:-60px; margin:0; max-width:48px; position: absolute; top:-8px; }

aside.tallerunico ul li:first-child        { width:90%!important; }
aside.tallerunico .mapa                    { padding:0; width:100%; }
aside.tallerunico .datostaller             { width:100%!important; }
aside.tallerunico .datostaller .otrotaller { line-height: 20px; margin: 20px 0 0 0; text-align: center !important; }
section#appointment aside#searchCenter ul li:last-child{ width:90%!important; }
aside.tallerunico .mapa                    { width:100%!important; }
aside.tallerunico .ui-datepicker .ui-datepicker-prev { left:-10% !important; }
aside.tallerunico .ui-datepicker .ui-datepicker-next { right:-10% !important; }

.sustainability aside                      { margin:0!important; }
.sustainability article                    { padding: 40px 0 0 0; }
.primerbloque header h2                    { margin:0!important; }
.sustainability .primerbloque              { margin:20px 0 -20px 0 !important; }
.sustainability .primerbloque .text        { padding:0!important; }
.sustainability .segundobloque .text       { padding:0!important; }
.sustainability .tercerbloque              { margin:20px 0 -20px 0 !important; }
.sustainability .tercerbloque .text        { padding:0!important; }
.sustainability article#green              { margin:40px 0 0 0; padding:20px 0!important; }
.sustainability article#green .leftbloque figure { margin: 5px 0 0 0; }
.sustainability article#green .leftbloque .text  { padding:0!important; }
.sustainability article#green .leftbloque  { margin:0 0 20px 0!important; }
.sustainability article#green .rightbloque .text{ padding:0!important; }
.sustainability article#green .rightbloque { margin:0!important; }
}



/* ----------------------------------------------------------------------------------------------------------------------- */
/* IPHONE X PRO MEDIA QUERIES (LANDSCAPE) --------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {

#topbar                                   { }
figure#logo                               { margin:7px 0 0 0!important; }
#mainnav li a                             { font:700 12px 'Exo 2', sans-serif; padding: ; }
aside#blog ul li:nth-child(3)             { display:none; }
footer aside#nav ul li strong             { margin:0 0 20px 0; }
footer figure                             { text-align:left; }
footer figure img                         { max-width:70%!important; width:100%!important }

section#appointment #modelForm ul         { margin:0; }
section#appointment #modelForm ul li      { padding:25px!important; }
section#appointment #modelForm ul.btns li { padding:0!important; width:47%!important; }

section#appointment #modelForm ul li header h3 { font:normal 400 16px 'Exo 2', sans-serif; }
section#appointment #modelForm ul li input     { height:38px; }

section#appointment aside#damageArea ul        { padding:0 20px!important; }
section#appointment aside#damageArea ul li     { margin: 0 10px; height:68vh; max-width: 17.3%!important; }
section#appointment aside#damageArea ul li header h3,
section#appointment aside#damageArea ul li header h3 strong  { font-size:16px; }

section#appointment aside#damageArea ul li:nth-child(1) figure img { width: 100px!important; }
section#appointment aside#damageArea ul li:nth-child(2) figure img { width: 70px!important; }
section#appointment aside#damageArea ul li:nth-child(3) figure img { width: 70px!important; }
section#appointment aside#damageArea ul li:nth-child(4) figure img { width: 100px!important; }
section#appointment aside#damageArea ul li:nth-child(5) figure img { width: 60px!important; }

section#appointment aside#damageSide ul li { max-width:27.88%!important; }
section#appointment aside#damageSide ul#rightside li:nth-child(2) figure { margin:10px 0 0 0!important; }

section#appointment .tic_off,
section#appointment .tic_on { bottom: 2.6rem!important; left: 2.6rem!important; }

section#appointment ul.btns li { max-width: inherit!important; padding:0!important; width:47%!important; }

}





/* ----------------------------------------------------------------------------------------------------------------------- */
/* IPHONE 11 PRO MEDIA QUERIES ------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 375px) and (max-width: 767px) {

/* Your Styles... */

}


/* ----------------------------------------------------------------------------------------------------------------------- */
/* UPDATE SIGNIA 30 03 2021 ---------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width : 465px) {
.landing                         { background:linear-gradient(180deg, rgb(255, 255, 255) 30%, rgb(252, 237, 0) 25%, rgb(253, 244, 102) 50%, rgb(255, 255, 255) 50%) !important; }
section#landing .header          { margin:-20px 0 0 0!important; overflow:hidden; }
section#landing .header figure   { margin: 0 0 0 -185px; width:200%; }
section#landing hr               { width: 50%; }
section#landing article          { padding:20px; }
section#landing aside.lightblock { padding:0; }
section#landing ul               { margin:20px 0; }
section#landing aside figure     { margin:20px 0; }
figure#logolanding               { text-align: center; }
figure#logolanding img           { float:none; margin:10px auto; }
section#landing aside#form p     { margin:0 0 20px 0; }
section#landing p.small          { margin:20px 0 !important; }
figure#logolanding               { display: inline-block; }
.landing aside#toplinks ul li    { margin:0!important; width:26%!important; }
.landing aside#toplinks ul li:first-child { margin:0!important; text-align:left!important; width:21%!important; }
.landing aside#toplinks ul li:first-child a { background-size:18px!important; font:700 10px 'Exo 2', sans-serif!important; padding:10px 0 10px 20px!important; }
.landing aside#toplinks ul li:nth-child(2) a { background-size:18px!important; background-position:3px!important; border-right: none!important; font:700 10px 'Exo 2', sans-serif!important; margin:5px 0 0 0!important; padding:5px 0 5px 25px!important; }
.landing aside#toplinks ul li a.btn  { background: url("../../img/common/assets/icos/ral_ico_tellamamos.svg") no-repeat 3px 50%!important; background-size:16px!important; font:700 10px 'Exo 2', sans-serif !important; margin:0!important; padding:5px 0 10px 20px !important; }
.landing aside#toplinks ul li:nth-child(3) { background-size:17px!important; background-position:0 8px!important; font:700 10px 'Exo 2', sans-serif !important; padding: 10px 0 10px 20px!important; }
.landing aside#toplinks ul li:nth-child(3) small { display: none!important; font-size:9px!important; text-align: left!important; }
.landing aside#toplinks ul li:nth-child(2) small { display: none!important; font-size:9px!important; margin:0 0 0 26px!important; text-align: left!important; }
.landing .row                   { padding:0 10px!important; }
.landing aside#toplinks ul li a.btn span { border:none!important; }

#options                  { margin:0; padding:20px 0 40px; position: relative; }
#options .left            { background:url("../../img/common/assets/bcks/bck_cita.jpg") no-repeat 50% 50%; margin-bottom:30px; padding:30px 20px 70px; text-align: center; }
#options .right           { background:url("../../img/common/assets/bcks/bck_masinfo.jpg") no-repeat 50% 50%; margin:0; padding:30px 20px 40px; text-align: center; }
#options .left header h3  { color:#fff; font:700 20px 'Exo 2', sans-serif; text-align:center; }
#options .right header h3 { color:#007a38; font:700 20px 'Exo 2', sans-serif; text-align:center; }
#options figure           { display:none; }
#options .btn_yellow      { background:#fced00; color:#000; font:normal 600 17px 'Exo 2', sans-serif; margin:20px 0 0 0; padding:15px 40px; text-align: center; text-transform: uppercase; }
#options .btn_green       { background:#007a38; color:#fff; font:normal 600 16px 'Exo 2', sans-serif; margin:20px 0 0 0; padding:15px 40px; text-align: center; text-transform: uppercase; }

 }


 /* ----------------------------------------------------------------------------------------------------------------------- */
 /* IPHONE X PRO MEDIA QUERIES (PORTRAIT) --------------------------------------------------------------------------------- */
 /* ----------------------------------------------------------------------------------------------------------------------- */

 @media only screen and (min-width: 375px) and (max-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
 #options                  { margin:0; padding:20px 0 40px; position: relative; }
 #options .left            { background:url("../../img/common/assets/bcks/bck_cita.jpg") no-repeat 50% 50%; margin-bottom:30px; padding:30px 20px 70px; text-align: center; }
 #options .right           { background:url("../../img/common/assets/bcks/bck_masinfo.jpg") no-repeat 50% 50%; margin:0; padding:30px 20px 40px; text-align: center; }
 #options .left header h3  { color:#fff; font:700 20px 'Exo 2', sans-serif; text-align:center; }
 #options .right header h3 { color:#007a38; font:700 20px 'Exo 2', sans-serif; text-align:center; }
 #options figure           { display:none; }
 #options .btn_yellow      { background:#fced00; color:#000; font:normal 600 17px 'Exo 2', sans-serif; margin:20px 0 0 0; padding:15px 40px; text-align: center; text-transform: uppercase; }
 #options .btn_green       { background:#007a38; color:#fff; font:normal 600 16px 'Exo 2', sans-serif; margin:20px 0 0 0; padding:15px 40px; text-align: center; text-transform: uppercase; }

}



 @media screen and (min-width: 1025px) and (max-width: 1280px) { }