@charset "utf-8";
/* CSS Document */

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


/* GENERAL STYLES */
/* ----------------------------------------------------------------------------------------------------------------------- */

::-moz-selection 								     { background:#294634; color:#ffffff; }
::selection      							       { background:#294634; color:#ffffff; }

body                                 {  }
.row                                 { max-width:90rem; }
a                                    { color:#294634; }
a:hover                              { }
img:hover                            { }
p                                    { color:#1e1e1e; font:normal 400 18px 'Exo 2', sans-serif; line-height:26px; }
ul                                   { }
ul li                                { list-style-type:none; }
.center                              { text-align:center!important; }
.left                                { float:left; }
.right                               { float:right; }
figure                               { margin:0 0 40px 0; }
figure#logo                          { margin:16px 0 0 0; position:absolute; }
figure#logo img                      { max-width:220px; }
h1, h2, h3, h4, h5, h6 				    	 { font-family:'Exo 2', sans-serif; margin: 0 0 20px 0; text-rendering:optimizeLegibility; }
header h1                            { font:normal 600 34px 'Exo 2', sans-serif; }
header h1 p                          { font:normal 600 34px 'Exo 2', sans-serif; }
header h2                            { font:normal 400 32px 'Exo 2', sans-serif; letter-spacing: -0.02em; }
header h3                            { font:normal 400 20px 'Exo 2', sans-serif; }
.btn                                 { color:#294634; font:normal 400 18px 'Exo 2', sans-serif; text-transform: uppercase; }
#header_top                          { position:relative; }
p#book                               { margin:60px 0 0 0; position: absolute; z-index:999999; }
p.subtitle                           { margin: 0 0 40px 0; }
article#content                      { display: inline-block; width:100%; }
.light                               { color:#fff; }
.light p                             { color:#fff; }
#back-to-top                         { background:#294634 url("../../img/common/assets/bcks/ral_bck_backtotop.svg") no-repeat 50% 50%; background-size:38px; bottom:14px; color:#fff; display: inline-block; left:20px; padding:30px; position: absolute; }
hr                                   { border:6px solid #fced00; text-align: center; width:10%; }
p.entradeta                          { color:#000; font:300 18px 'Exo 2', sans-serif; line-height: 26px; margin:60px auto 10px auto!important; text-align: center; }
p:last-child                         { margin:0; }
p.small                              { font-size:75%; line-height: normal; margin: 40px 30%!important; text-align: justify!important; }
p.small a                            { border-bottom:1px solid #294634; }
.required,
.opcional                            { font:italic 300 14px 'Exo 2', sans-serif; text-transform: none; }
.hidden                              { display: none!important; }


/* Top Bar */
#topbar                              { padding:20px 0; position:relative; }
#topbar ul li                        { color:#294634; }
#topbar ul li a.btn                  { background:#294634; color:#294634; display: inline-block; font:700 18px 'Exo 2', sans-serif; padding:12px 30px; }

#topbar aside#toplinks ul            { margin:0; }
#topbar aside#toplinks ul li         { display:inline-block; float:left; margin:0 20px; }
#topbar aside#toplinks ul li:first-child a { background:url("../../img/common/assets/icos/ral_ico_pedircita_new.svg") no-repeat 0 50%; background-size:38px; display: inline-block; font:700 18px 'Exo 2', sans-serif; margin:0; padding:10px 0 10px 50px; text-transform: uppercase; }
#topbar aside#toplinks ul li:nth-child(2) a { background:url("../../img/common/assets/icos/ral_ico_whatsapp_new.svg") no-repeat 0 50%; background-size:38px; display: inline-block;  font:700 18px 'Exo 2', sans-serif; padding:5px 0 10px 50px; text-align:center; }
#topbar aside#toplinks ul li:nth-child(3) { background:url("../../img/common/assets/icos/ral_ico_operadora_new.svg") no-repeat 0 50%; background-size:36px; font:900 18px 'Exo 2', sans-serif; padding:5px 0 5px 42px; text-align:center; }
#topbar aside#toplinks ul li:nth-child(2) small { display:block; font:400 12px 'Exo 2', sans-serif; margin-top:-10px; text-align:right; }
#topbar aside#toplinks ul li:nth-child(3) small { display:block; font:400 12px 'Exo 2', sans-serif; text-align:right; }
#topbar aside#toplinks ul li a.btn   { background: url("../../img/common/assets/icos/ral_ico_tellamamos_new.svg") no-repeat 13px 50%; background-size:30px; margin:0; padding:10px 0 10px 45px; }
#menudesktop .navbar-inverse a.btn   { margin:-10px 0 0 0!important; padding-top:0!important; }
.navbar-inverse a.btn                { margin:-5px 0 0 0!important; padding-top:0!important; }

/* Language Selector */
#language_selector                   { margin:1px 0 0 0!important; }
#language_selector li:first-child a  { background:none!important; margin:0; padding:0; }
#language_selector li a              { border:2px solid #294634; border-radius:5px; color:#294634; font:normal 600 16px 'Exo 2', sans-serif; padding: 0!important; text-transform:uppercase; }
#language_selector li a::after       { background:url("../../img/common/assets/bcks/ral_bck_dropdown_language.svg") no-repeat 100% 50%; background-size:100%; cursor:pointer; height:20px; margin:-8px; width:20px; }
#language_selector li a.active       { color:#294634; font:normal 600 16px 'Exo 2', sans-serif; }
#language_selector li ul.is-dropdown-submenu{ min-width: inherit!important; }
#language_selector li ul li a        { /* border-bottom:1px solid #294634; */ border-left:none; border-right:none; border-top: none; border-radius:0; display:block; float:none; margin: 0; padding:10px!important; text-align:center; }
#language_selector li ul li a:hover  { background:#294634!important; color:#fff; display:block; }
#language_selector li ul li          { display:block; float:none!important; margin:0!important; text-align: center; }
#language_selector li ul li:nth-child(2){ background:none!important; padding:0!important; width: auto; }
#language_selector li ul li:nth-child(2) a { border:none; }
#language_selector li ul li:first-child { margin:0!important; }
#language_selector li.is-dropdown-submenu-parent > a::after  { border:none; right: -25px!important; }
#language_selector li.is-dropdown-submenu-parent > a { padding:8px 10px!important; }



/* Mainnav */
#mainnav                             { background:#fced00; display:inline-block; padding:0; text-align:center; width:100%; }
#mainnav ul                          { /* text-align:right; */ width:auto; }
#mainnav li                          { display:inline-block; padding: 0 0.9rem; text-align:center; }
#mainnav li a                        { color:#000; font:700 14px 'Exo 2', sans-serif; text-align:left; text-transform: uppercase; }
#mainnav li:first-child a            { /* color:#294634; */ }
.menu > li > a                       { padding:1rem 0rem; }
#mainnav .dropdown.menu > li.is-dropdown-submenu-parent > a { background:url("../../img/common/assets/bcks/ral_bck_dropdown.svg") no-repeat 100% 50%; background-size:12px; cursor:pointer; }
#mainnav .dropdown.menu > li.is-dropdown-submenu-parent > a::after   { border:none!important; }
#mainnav li ul.menu li               { border-bottom:1px solid rgba(0,0,0,.25); padding:0; }
#mainnav li ul.menu li a             { font-weight:400; padding:.8rem 1rem; }
#mainnav li ul.menu li:last-child    { border-bottom:none; }
#mainnav li ul.menu li a:hover       { background:#fced00; }
#mainnav li ul.menu .is-dropdown-submenu li{ border-bottom:none!important; }
.dropdown.menu > li.opens-right > .is-dropdown-submenu { border:none; top:100%; }
#mainnav li a.active                 { border-bottom:4px solid #294634; padding: 1.1rem 1rem 0.9rem 0; }




/* Custom Slick Slider */
.slideshow                           { margin:-6px 0 0 0; }
.slideshow header h2                 { color:#294634; font:normal 900 24px 'Exo 2', sans-serif; margin: 0; text-align:left; text-transform: uppercase; }
.slideshow div                       { position:relative; }
.slideshow figure                    { margin:0; }
.slideshow figure img                    { width:100%; }

.slideshow .caption                  { display: none; bottom:8rem; padding:30px; position:absolute; z-index:99999; }
.slideshow .caption p                { font:normal 600 22px 'Exo 2', sans-serif; margin:0; }
.slideshow .caption ul               { margin:0; }
.slideshow .caption ul li            { color:#294634; font:normal 600 16px 'Exo 2', sans-serif; }
.slideshow .caption hr               { border:1.5px solid #294634; text-align: left!important; margin:15px 0 10px 0!important; width:100%; }

.slideshow .caption_right            { background:#fbeb34; bottom:8rem; right:10%; padding:30px; position:absolute; z-index:99999; }
.slideshow .caption_right hr         { border:1.5px solid #294634; text-align: left!important; margin:15px 0 10px 0!important; width:50%; }
.slideshow .caption_right ul         { margin:0; }
.slideshow .caption_right ul li      { color:#294634; font:normal 600 16px 'Exo 2', sans-serif; }


ul.slick-dots                        { bottom:100px; display: inline-block; margin:0 0 0 10%; position:absolute; /* width:100%; */ z-index: 99999; }
ul.slick-dots li                     { display: inline; margin: 0 10px 0 0; }
ul.slick-dots li.slick-active button { background:#3d5c50; cursor:pointer; text-indent: -99999px; width:64px; }
ul.slick-dots li button              { background:rgba(0,0,0,.65); border:none; border-radius:0; cursor:pointer; height:3px; text-indent:-99999px; width:64px; }

.slick-prev::before                  { color:#3d5c50!important; font-size:48px!important; opacity:1; }
.slick-next::before                  { color:#3d5c50!important; font-size:48px!important; opacity:1; }
.slick-next                          { height: 42px!important; right: 60px!important; width:42px!important; }
.slick-prev                          { height: 42px!important;  left: 60px!important; width:42px!important; z-index:99999; }



/* Custom Tabs */
.tabs                                { border:none; display: inline-block; margin:20px 0 0 0; text-align:center; width:100%; }
.tabs-title                          { display: inline-block; float:inherit; margin:0 25px; }
.tabs-title > a                      { color:#727276; font:normal 300 14px 'Exo 2', sans-serif; padding:10px 0; text-transform: uppercase; }
.tabs-title > a:hover                { color:#3d5c50; }
.tabs-content                        { background: #f2f1e5; border:none; padding:20px 40px 100px 40px; }
.tabs-title > a:focus,
.tabs-title > a[aria-selected="true"]{ background:none; }
.tabs li.is-active a                 { border-bottom:1.5px solid #727276; color:#727276; font-weight:600; position: relative; }
.tabs-content ul                     { display: inline-block; margin:0; }
.tabs-content ul li                  { margin:0 0 10px 0; }
.tabs-content ul li header h3        { color:#727276; font:normal 600 24px 'Exo 2', sans-serif; margin:0 0 10px 0; }



/* Custom Accordion */
.accordion                           { background:none; border:none; margin:00; width:100%; }
.accordion-content                   { background:none; border:none; }
.accordion-title                     { border:none; color:#000; font:normal 600 20px 'Exo 2', sans-serif; padding:15px 5px; }
.accordion-title:hover,
.accordion-title:focus               { background:none; }
.accordion-title p                   {  font:normal 400 20px 'Exo 2', sans-serif; line-height: 26px; margin:0!important; }
.accordion-content p                 { font:normal 400 18px 'Exo 2', sans-serif; line-height: 26px; margin:0!important; max-width:80%; }
.accordion-item > a[aria-selected="true"]{ background:url("../../img/common/assets/btns/accordion/ral_btn_close_up.svg") no-repeat 99% 50%; background-size:24px; border-bottom:1px solid #000; font-weight:600!important; }
.accordion-item > a[aria-selected="true"] p  { font-weight:700!important; }
.accordion-item > a                  { background:url("../../img/common/assets/btns/accordion/ral_btn_open_down.svg") no-repeat 99% 50%; background-size:24px; border-bottom:1px solid rgba(114,114,118,.5); color:rgba(0,0,0,0.8); font-weight:400; }
:last-child:not(.is-active) > .accordion-title { border-radius:0; border-bottom:1px solid rgba(114,114,118,.5); }
.accordion-item                      { margin:0!important; }
.is-active > .accordion-title::before,
.accordion-title::before             { content:''; }



/* Header width caption */
.header                              { display:inline-block; margin:-5px 0 0 0; position:relative; text-align: center; width:100%; }
.header figure                       { background:#1e170f; margin:0; text-align:center; }
.header .caption                     { left:0%; position:absolute; top:120px; width:100%; }
.header .caption header h1           { color:#fff; font-size:42px; text-transform:uppercase; }
.header .caption p.intro             { font:300 28px 'Exo 2', sans-serif!important; margin:0 0 20px 0; }



/* Services Header Title / Subtitle */
.servicetitle                        { display:inline-block; margin:0; text-align: center; width:100%; }
.servicetitle header h1              { color:#000; font-size:38px; letter-spacing: -0.02em; }
.servicetitle p.subtitle             { color:#000; font:300 26px 'Exo 2', sans-serif; margin:0 0 40px 0; text-align:center; }
.servicetitle p                      { color:#000; font:normal 300 20px 'Exo 2', sans-serif; line-height: 28px; margin:0 0 20px 0; padding: 0 200px; text-align: justify; }


/* General Header Title / Subtitle */
.title                               { display:inline-block; margin:0 0 40px 0; text-align: center; width:100%; }
.title header h1                     { color:#000!important; font-size:38px; letter-spacing: -0.02em; }
.title p.subtitle                    { color:#000; font:300 26px 'Exo 2', sans-serif; margin:0 0 40px 0; text-align:center; }
.title p                             { color:#000; font:normal 300 20px 'Exo 2', sans-serif; line-height: 28px; margin:0; padding: 0 200px; text-align: center; }





/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- SECTIONS ------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------- */

section#homepage,
section#appointment,
section#repair,
section#services,
section#service,
section#promotion,
section#us,
section#offices,
section#blog,
section#contact,
section#legal,
section#mapaweb                         { display: inline-block; width:100%; }





/* ----------------------------------------------------------------------------------------------------------------------------- */
/* SECTION HOMEPAGE */
/* ----------------------------------------------------------------------------------------------------------------------------- */

section#homepage                       { }


/* steps */
aside#steps                            { background:url("../../img/common/assets/bcks/ral_bck_steps.jpg") no-repeat 50% 50%; background-size:cover; margin: -5px 0 0 0; padding:60px 0; }
aside#steps header h2                  { color:#000; font:normal 600 36px 'Exo 2', sans-serif; letter-spacing: -0.02em; margin:0 0 30px 0; text-align:center; text-transform: uppercase; }
aside#steps header h2 em               { color:#000; font:italic 900 36px 'Exo 2', sans-serif; }
aside#steps header h2 span             { 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 36px 'Exo 2', sans-serif; padding:0 5px 5px 5px; }
aside#steps header h3                  { color:#727276; font:italic 400 26px 'Exo 2', sans-serif; letter-spacing: -0.04em; margin: 0 0 40px 0; text-align:center; }
aside#steps ul#vehicle_type            { display:inline-block; margin:20px 0 40px 0; text-align:center; width:100%; }
aside#steps ul#vehicle_type li         { display:inline-block; float:none; margin:0 20px; width:auto; }
aside#steps ul#vehicle_type li p       { -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75); background:#fff; cursor:pointer; display: inline-block; border-radius: 50%; height: 160px; line-height:130px; position:relative; width:160px; }
aside#steps ul#vehicle_type li p:hover { background: rgb(255,254,245); background: linear-gradient(180deg, rgba(255,254,245,1) 51%, rgba(255,237,0,1) 51%, rgba(255,237,0,1) 100%, rgba(241,239,232,1) 100%); opacity:1; }
aside#steps ul#vehicle_type li p img   { max-width:60%; margin:10px 0 0 0; width:100%; }
aside#steps ul#vehicle_type li p span  { bottom:25px; color:#294634; display: inline-block; font:normal 700 16px 'Exo 2', sans-serif; left:0%; position:absolute; text-transform: uppercase; width:100%; }

aside#freeseotext                      { background:#294634; padding:10px 10px 15px 10px; }
aside#freeseotext header h1            { color:#ffffff; font:normal 600 28px 'Exo 2', sans-serif; margin:0; text-align:center; }
aside#freeseotext header h1 p          { color:#fff; font:normal 600 22px 'Exo 2', sans-serif; margin:0; text-align:center; }




/* whyralarsa */
aside#whyralarsa                       { background:url("../../img/common/assets/bcks/ral_bck_shadow.svg") no-repeat 50% 0%; background-size: contain; margin: 0; padding:60px 0; }
aside#whyralarsa header h2             { color:#000; font:normal 600 36px 'Exo 2', sans-serif; letter-spacing: -0.02em; margin:0 0 40px 0; text-align:center; text-transform: uppercase; }
aside#whyralarsa header h2 em          { color:#294634; font:italic 900 36px 'Exo 2', sans-serif; }
aside#whyralarsa ul                    { margin:0 200px; text-align:center; }
aside#whyralarsa ul li                 { display: inline-block; float:none; margin:0 0 40px 0; text-align:center; }
aside#whyralarsa ul li img             { margin:0; width:60%; }
aside#whyralarsa ul li p               { font:normal 700 15px 'Exo 2', sans-serif; margin:0; text-transform:uppercase; }




/* form te llamamos */
section#homepage aside#form,
section#wecallyouintro aside#form           { background:url("../../img/common/assets/bcks/ral_bck_shadow.svg") no-repeat 50% 0%, url("../../img/common/assets/bcks/ral_bck_tellamamos_n.jpg") no-repeat 0% 0%; background-size: contain; margin:0; padding:50px 0 50px 0; }
section#homepage aside#form header h2,
section#wecallyouintro aside#form header h2 { color:#294634; font:normal 600 36px 'Exo 2', sans-serif; letter-spacing: -0.02em; margin:0 0 30px 0; text-align:center; text-transform: uppercase; }
section#homepage aside#form header h2 em,
section#wecallyouintro aside#form header h2 em { color:#294634; font:italic 900 36px 'Exo 2', sans-serif; }
section#homepage aside#form ul,
section#wecallyouintro aside#form ul        { margin: 0 120px; }
section#homepage aside#form ul li,
section#wecallyouintro aside#form ul li     { text-align:center; }
section#homepage aside#form ul li p,
section#wecallyouintro aside#form ul li p   { font:normal 700 16px 'Exo 2', sans-serif; text-transform:uppercase; }
section#homepage aside#form label,
section#wecallyouintro aside#form label     { color: #727276; font: normal 300 17px 'Exo 2', sans-serif; margin: 0 0 10px 0; text-transform: uppercase; }
section#homepage aside#form input,
section#wecallyouintro aside#form input     { border-radius: 0; font: normal 300 20px 'Exo 2', sans-serif; line-height: normal; height: 50px; line-height: 50px; padding: 10px 15px; }
section#homepage aside#form p.center,
section#wecallyouintro aside#form p.center   { display: inline-block; margin:15px 0 15px 0; text-align:center; width:100%; }
section#homepage aside#form button.btn,
section#wecallyouintro aside#form button.btn { background:#fced00; border:none; -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow:3px 3px 5px 6px #ccc; box-shadow:3px 3px 5px 6px #ccc; border-radius:0; color:#000; cursor:pointer; font-weight:600; height: auto; margin:00; padding:15px 70px; text-transform: uppercase; width:auto; }
section#homepage aside#form button.btn:hover,
section#wecallyouintro aside#form button.btn:hover { background:#294634; color:#fff; }
section#wecallyouintro                 { margin:-5px 0 0 0; }

aside#form ul li span.error            { color: red; font:normal 700 14px 'Exo 2', sans-serif; }
aside#form ul li span.error ul         { margin:0!important; }
aside#form ul li span.error ul li      { text-align:left; }

aside#form p.center span.error         { color: red; font:normal 700 14px 'Exo 2', sans-serif; }
p.center + ul li                       { color: red; font:normal 700 14px 'Exo 2', sans-serif; }
p.formError                            { color: red!important; font:normal 700 14px 'Exo 2', sans-serif!important; margin: 0; }

section#homepage aside#form ul, section#wecallyouintro aside#form ul  { margin: 0 400px; }





/* customers */
aside#customers                        { background:#007b38 url("../../img/common/assets/bcks/ral_bck_opiniones.jpg") no-repeat 50% 50%; background-size:cover; margin:0 0 1px 0; padding:70px 0; position:relative; }
aside#customers header h2              { color:#fff; font:normal 600 36px 'Exo 2', sans-serif; letter-spacing:-0.02em; margin:0 0 30px 0; text-align:center; text-transform: uppercase; }
aside#customers header h2 em           { color:#fff; font:italic 900 36px 'Exo 2', sans-serif; }
aside#customers figure                 { bottom:-39.5px; position:absolute; right:9%; width:100%; z-index:99999; }
aside#customers figure img             { max-width:14%; }

aside#customers p.certified            { color:#fff; display:inline-block; font:normal 400 12px 'Exo 2', sans-serif; margin: 0; text-align: center; width:100%; }
aside#customers p.certified span       { /* background:url("../../img/common/assets/homepage/ral_img_sello_ekomi.svg") no-repeat 0% 50%; background-size:64px;*/ padding: 40px 0 40px 0; }
aside#customers p.certified img        { margin:0 10px 0 0; max-width:64px; }

aside#customers .opinions div          { background:url("../../img/common/assets/bcks/globo.svg") no-repeat 50% 40%; background-size: 100%; margin:0 20px; padding:50px 50px 60px; position: relative; }
aside#customers .opinions div figure   { left:0!important; position: relative; top:0!important; }
aside#customers .opinions div figure img{ max-width:23%!important; left:-85px; position: absolute; top:-25px; }
aside#customers .opinions div p        { font-size:16px;margin:0; }
aside#customers .opinions div p.texto  { font-size:16px; line-height: 20px; margin:0; min-height:100px; }
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 5px 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; }


/* blog */
aside#blog                             { background: rgb(233,233,233); background: linear-gradient(180deg, rgba(233,233,233,1) 0%, rgba(234,234,234,1) 100%); padding:60px 0 100px 0; }
aside#blog header h2                   { color:#294634; font:normal 600 36px 'Exo 2', sans-serif; letter-spacing: -0.02em; margin:0 0 30px 0; text-align:center; text-transform: uppercase; }
aside#blog header h2 em                { color:#294634; font:italic 900 36px 'Exo 2', sans-serif; }
aside#blog header h3                   { color:#727276; font:normal 600 24px 'Exo 2', sans-serif; min-height: 58px; }
aside#blog ul li figure                { margin:0 0 30px 0; }
aside#blog ul li a.btn                 { background:#f4d80f; color:#000; font:normal 300 16px 'Exo 2', sans-serif; padding:5px 30px; text-transform: uppercase; }
aside#blog ul li a.btn:hover           { background:#000; color:#fff; }
aside#blog ul li p.date                { font:normal 300 16px 'Exo 2', sans-serif; margin:0 0 25px 0; text-transform: uppercase; }
span.tag                               { background:#294634; color:#fff; display: inline-block; font:normal 400 12px 'Exo 2', sans-serif; margin:0 0 10px 0; padding:5px 10px; text-align:center; text-transform: uppercase; }


.gallery .slick-prev                   { }
.gallery .slick-next                   { }
.gallery .slick-prev::before,
.gallery .slick-next::before           { content:inherit; }

/* ekomi widget */
.slider-container.custom-carousel .reviews__item { background:none; }
.slider-container.custom-carousel .reviews__item .reviews__item__name { color:#fff!important; }





/* ----------------------------------------------------------------------------------------------------------------------------- */
/* SECTION APPOINTMENT */
/* ----------------------------------------------------------------------------------------------------------------------------- */

section#appointment                        { }
section#appointment aside                  { background:#f2f1e5; padding:60px 0 60px 0; }
section#appointment header h1              { color:#727276; font:300 34px 'Exo 2', sans-serif; margin:40px 0 0 0; text-transform: uppercase; }
section#appointment header h2              { color:#727276; font:600 32px 'Exo 2', sans-serif; margin:0 0 60px 0; text-align:center; text-transform: uppercase; }
section#appointment header figure          { margin:25px 0 25px 10px; text-align:center; }
section#appointment header figure img      { max-width:72px; }
section#appointment #modelForm ul          { display:inline-block; margin-bottom:40px; text-align:center; width: 100%; }
section#appointment #modelForm ul li       { background:#fff; border-radius:20px; -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow:3px 3px 5px 6px #ccc; box-shadow:3px 3px 5px 6px #ccc; margin:0 20px; padding:40px; text-align:center; width: 30%!important; }
section#appointment #modelForm ul li input { border:1px solid #87868a; border-radius:0; box-shadow:none; font:600 18px 'Exo 2', sans-serif; height:48px; margin:0; text-align: center; text-transform: uppercase; }
section#appointment #modelForm ul li header h3 { text-align:center;  text-transform: uppercase; }
section#appointment #modelForm ul li header h3 strong { 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%); }
section#appointment #modelForm ul.btns     { display:inline-block; margin:60px 0 0 0; text-align:center; width: 100%; }
section#appointment #modelForm ul.btns li  { background:none; border-radius:0; box-shadow:none; margin:0 10px; padding:inherit; width:48%!important; }
section#appointment #modelForm ul.btns li:first-child { text-align:right; }
section#appointment #modelForm ul.btns li:last-child { text-align:left; }
section#appointment #modelForm ul.btns li a.back { background:#fff; border:1.5px solid #000!important; -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow:3px 3px 5px 6px #ccc; box-shadow:3px 3px 5px 6px #ccc; color:#000; cursor:pointer; font:400 18px 'Exo 2', sans-serif; height: auto; margin:0; padding:10px 60px; text-transform: uppercase; }
section#appointment #modelForm ul.btns li a.back:hover { background:#000; color:#fff; }
section#appointment #modelForm ul.btns li input.btn { background:#fced00; border:none; -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow:3px 3px 5px 6px #ccc; box-shadow:3px 3px 5px 6px #ccc; color:#000; cursor:pointer; font-weight:400; height: auto; margin:-10px 0 0 0; padding:10px 20px; text-transform: uppercase; }
section#appointment #modelForm ul.btns li input.btn:hover { background:#294634; color:#fff; }
section#appointment #modelForm p { text-align: center; margin: 0; }

section#appointment .tic_on                { display:none; background:#fff url("../../img/common/assets/btns/ral_btn_ticon.svg")  no-repeat 50% 50%; background-size:50%; border-radius: 50px; bottom: 4.3rem; left:5.5rem; line-height: 64px; position: absolute; text-indent: -9999px; width:64px; }
section#appointment .tic_off               { background:#fff url("../../img/common/assets/btns/ral_btn_ticoff.svg") no-repeat 50% 50%; background-size:50%; border-radius: 50px; bottom: 4.3rem; left:5.5rem; line-height: 64px; position: absolute; text-indent: -9999px;  width:64px; }

section#appointment ul.btns                { display:inline-block!important; margin:30px 0 0 0!important; text-align:center; width: 100%; }
section#appointment ul.btns li             { background:none!important; border-radius:0!important; box-shadow:none; display: inline-block!important; height: inherit!important; margin:0 10px!important; max-width:inherit!important; min-height: inherit!important; padding:inherit!important; width:48%!important; }
section#appointment ul.btns li:first-child { text-align:right; }
section#appointment ul.btns li:last-child  { text-align:left; }
section#appointment ul.btns li a.back      { background:#fff; border:1.5px solid #000!important; -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow:3px 3px 5px 6px #ccc; box-shadow:3px 3px 5px 6px #ccc; color:#000; cursor:pointer; font:400 18px 'Exo 2', sans-serif; height: auto; margin:0; padding:10px 60px; text-transform: uppercase; }
section#appointment ul.btns li a.back:hover{ background:#000; color:#fff; }
section#appointment ul.btns li input.btn   { background:#fced00; border:none; border-radius:0; -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow:3px 3px 5px 6px #ccc; box-shadow:3px 3px 5px 6px #ccc; color:#000; cursor:pointer; height: auto; margin:-10px 0 0 0; padding:10px 20px; text-transform: uppercase; }
section#appointment ul.btns li input.btn:hover { background:#294634; color:#fff; }
section#appointment ul.btns li a.btn       { background:#fced00; border:none; border-radius:0; -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow:3px 3px 5px 6px #ccc; box-shadow:3px 3px 5px 6px #ccc; color:#000; cursor:pointer; height: auto; margin:-10px 0 0 0; padding:10px 20px; text-transform: uppercase; }
section#appointment ul.btns li a.btn:hover { background:#294634; color:#fff; }

section#appointment ul#simpleform          { display: inline-block;margin:0 25% 40px; text-align:center; width:50%; }
section#appointment ul#simpleform li       { background:none; box-shadow:none; margin:0 0 40px 0; padding:0; width:100%!important; }
section#appointment ul#simpleform li:last-child { margin:0; }
section#appointment ul#simpleform li header h3 { color:#727276; margin:0 0 10px 0!important; }



 /* Damage Area */
section#appointment aside#damageArea ul    { display: inline-block; margin:0 0 40px 0; width:100%; }
section#appointment aside#damageArea ul li { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(209,209,209,1) 75%, rgba(209,209,209,1) 100%);  border-radius:20px; height:40vh; margin:0 20px; max-width:17.18%; /* min-height:40vh; */ padding:40px 20px; position:relative; }
section#appointment aside#damageArea ul li:hover { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(252,237,0,1) 75%, rgba(252,237,0,1) 100%); cursor: pointer; }
section#appointment aside#damageArea ul li header h3 { color:#000; font:400 18px 'Exo 2', sans-serif; text-align:center; text-transform:uppercase; }
section#appointment aside#damageArea ul li header h3 strong { 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:600 18px 'Exo 2', sans-serif; }
section#appointment aside#damageArea ul li figure { margin:0; text-align:center; }
section#appointment aside#damageArea ul li:nth-child(1) figure     { margin:55px 0 0 0; }
section#appointment aside#damageArea ul li:nth-child(1) figure img { max-width:200px; }
section#appointment aside#damageArea ul li:nth-child(2) figure     { margin:30px 0 0 0; }
section#appointment aside#damageArea ul li:nth-child(2) figure img { max-width:160px; }
section#appointment aside#damageArea ul li:nth-child(3) figure     { margin:30px 0 0 0; }
section#appointment aside#damageArea ul li:nth-child(3) figure img { max-width:160px; }
section#appointment aside#damageArea ul li:nth-child(4) figure     { margin:55px 0 0 0; }
section#appointment aside#damageArea ul li:nth-child(4) figure img { max-width:200px; }
section#appointment aside#damageArea ul li:nth-child(5) figure     { margin:30px 0 0 0; }
section#appointment aside#damageArea ul li:nth-child(5) figure img { max-width:100px; }
section#appointment aside#damageArea ul li.selected { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(252,237,0,1) 75%, rgba(252,237,0,1) 100%); cursor: pointer; }



/* Damage Type */
section#appointment aside#damageType ul    { display: inline-block; margin:0 0 40px 0; text-align:center; width:100%; }
section#appointment aside#damageType ul li { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(209,209,209,1) 75%, rgba(209,209,209,1) 100%);  border-radius:20px; display:inline-grid; float:none; height:40vh; margin:0 20px; max-width:17.18%; /* min-height:40vh;*/ padding:40px 20px; position:relative; }
section#appointment aside#damageType ul li:hover {  background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(252,237,0,1) 75%, rgba(252,237,0,1) 100%); cursor: pointer; }
section#appointment aside#damageType ul li header h3 { color:#000; font:400 18px 'Exo 2', sans-serif; margin:0; text-align:center; text-transform:uppercase; }
section#appointment aside#damageType ul li header h3 strong { 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:600 18px 'Exo 2', sans-serif; margin:0; }
section#appointment aside#damageType ul li figure { margin:0; text-align:center; }
section#appointment aside#damageType ul li:nth-child(1) figure     { margin:-100px 0 0 0; }
section#appointment aside#damageType ul li:nth-child(1) figure img { max-width:120px; }
section#appointment aside#damageType ul li:nth-child(2) figure     { margin:-100px 0 0 0; }
section#appointment aside#damageType ul li:nth-child(2) figure img { max-width:160px; }
section#appointment aside#damageType ul li:nth-child(3) figure     { margin:-100px 0 0 0; }
section#appointment aside#damageType ul li:nth-child(3) figure img { max-width:100px; }
section#appointment aside#damageType ul li:nth-child(4) figure     { margin:55px 0 0 0; }
section#appointment aside#damageType ul li:nth-child(4) figure img { max-width:100px; }
section#appointment aside#damageType ul li.selected { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(252,237,0,1) 75%, rgba(252,237,0,1) 100%); cursor: pointer; }



/* Damage Side */
section#appointment aside#damageSide ul    { display:inline-block; margin:0 0 34px 0; text-align:center; width:100%; }
section#appointment aside#damageSide ul li { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(209,209,209,1) 75%, rgba(209,209,209,1) 100%);  border-radius:20px; display:inline-grid; float:none; height:40vh; margin:0 20px; max-width:17.18%; /* min-height:40vh; */ padding:40px 20px 20px; position:relative; }
section#appointment aside#damageSide ul li:hover { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(252,237,0,1) 75%, rgba(252,237,0,1) 100%); cursor: pointer; }
section#appointment aside#damageSide ul li header h3 { color:#000; font:400 18px 'Exo 2', sans-serif; text-align:center; text-transform:uppercase; }
section#appointment aside#damageSide ul li header h3 strong { 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:600 18px 'Exo 2', sans-serif; }
section#appointment aside#damageSide ul li figure { margin:0; text-align:center; }
section#appointment aside#damageSide ul li:nth-child(1) figure     { margin:-120px 0 0 0; }
section#appointment aside#damageSide ul li:nth-child(1) figure img { max-width:140px; }
section#appointment aside#damageSide ul li:nth-child(2) figure     { margin:-120px 0 0 0; }
section#appointment aside#damageSide ul li:nth-child(2) figure img { max-width:123px; }
section#appointment aside#damageSide ul li:nth-child(3) figure     { margin:55px 0 0 0; }
section#appointment aside#damageSide ul li:nth-child(3) figure img { max-width:100px; }
section#appointment aside#damageSide ul li.selected { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(252,237,0,1) 75%, rgba(252,237,0,1) 100%); cursor: pointer; }

section#appointment aside#damageSide ul#rightside li:nth-child(1) figure     { margin:-110px 0 0 0; }
section#appointment aside#damageSide ul#rightside li:nth-child(1) figure img { max-width:150px; }
section#appointment aside#damageSide ul#rightside li:nth-child(2) figure     { margin:-110px 0 0 0; }
section#appointment aside#damageSide ul#rightside li:nth-child(2) figure img { max-width:160px; }



/* Other damage */
section#appointment aside#otherdamageType ul    { display:inline-block; margin:0 0 34px 0; text-align:center; width:100%; }
section#appointment aside#otherdamageType ul li { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(209,209,209,1) 75%, rgba(209,209,209,1) 100%);  border-radius:20px; display:inline-grid; float:none; height:40vh; margin:0 20px; max-width:17.18%; /* min-height:40vh; */ padding:40px 20px; position:relative; }
section#appointment aside#otherdamageType ul li:hover { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(252,237,0,1) 75%, rgba(252,237,0,1) 100%); cursor: pointer; }
section#appointment aside#otherdamageType ul li header h3 { color:#000; font:400 18px 'Exo 2', sans-serif; text-align:center; text-transform:uppercase; }
section#appointment aside#otherdamageType ul li header h3 strong { 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:600 18px 'Exo 2', sans-serif; }
section#appointment aside#otherdamageType ul li figure { margin:0; text-align:center; }
section#appointment aside#otherdamageType ul li:nth-child(1) figure     { margin:-100px 0 0 0; }
section#appointment aside#otherdamageType ul li:nth-child(1) figure img { max-width:140px; }
section#appointment aside#otherdamageType ul li:nth-child(2) figure     { margin:-100px 0 0 0; }
section#appointment aside#otherdamageType ul li:nth-child(2) figure img { max-width:100px; }
section#appointment aside#otherdamageType ul li.selected { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(252,237,0,1) 75%, rgba(252,237,0,1) 100%); cursor: pointer; }



/* Glass Type */
section#appointment aside#glassType ul    { display:inline-block; margin:0 0 34px 0; text-align:center; width:100%; }
section#appointment aside#glassType ul li { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(209,209,209,1) 75%, rgba(209,209,209,1) 100%); border-radius:20px; display:inline-grid; float:none; height:40vh; margin:0 20px; max-width:17.18%; min-width:17.18%; /* min-height:40vh; */ padding:40px 20px; position:relative; }
section#appointment aside#glassType ul li:hover { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(252,237,0,1) 75%, rgba(252,237,0,1) 100%); cursor: pointer; }
section#appointment aside#glassType ul li header h3 { color:#000; font:400 18px 'Exo 2', sans-serif; text-align:center; text-transform:uppercase; }
section#appointment aside#glassType ul li header h3 strong { 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:600 18px 'Exo 2', sans-serif; }
section#appointment aside#glassType ul li figure { margin:0; text-align:center; }
section#appointment aside#glassType ul li:nth-child(1) figure     { margin:-110px 0 0 0; }
section#appointment aside#glassType ul li:nth-child(1) figure img { max-width:140px; }
section#appointment aside#glassType ul li:nth-child(2) figure     { margin:-110px 0 0 0; }
section#appointment aside#glassType ul li:nth-child(2) figure img { max-width:140px; }
section#appointment aside#glassType ul li:nth-child(3) figure     { margin:-120px 0 0 0; }
section#appointment aside#glassType ul li:nth-child(3) figure img { max-width:140px; }
section#appointment aside#glassType ul li.selected { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(252,237,0,1) 75%, rgba(252,237,0,1) 100%); }



/* Search Center */
section#appointment aside#searchCenter ul    { margin:0; text-align:center; }
section#appointment aside#searchCenter ul li { background: #fff; border-radius:20px; display:inline-block;  margin:0 20px; min-height:40vh; padding:40px 0; position:relative; width:30.5%; }
section#appointment aside#searchCenter ul li:first-child { border-radius:20px; padding:40px 0 0 0; }
section#appointment aside#searchCenter ul li:first-child iframe { border-bottom-left-radius:20px; }
section#appointment aside#searchCenter ul li:last-child div   { padding:40px; }
section#appointment aside#searchCenter ul li:last-child div#datepicker   { padding:0; }
section#appointment aside#searchCenter ul li:last-child div#datepicker div   { padding:0; width:100%; }
section#appointment aside#searchCenter ul li:last-child div#datepicker .ui-widget-header { border:none!important; background:none; }
section#appointment aside#searchCenter ul li:last-child div#datepicker .ui-widget.ui-widget-content { border:none!important; border-radius:0; }

section#appointment aside#searchCenter ul li:last-child div#datepicker table thead,
section#appointment aside#searchCenter ul li:last-child div#datepicker table tbody{ border:none!important; background:none; }
section#appointment aside#searchCenter ul li:last-child div.ui-datepicker-title { width:auto!important; }
section#appointment aside#searchCenter .ui-state-default,
section#appointment aside#searchCenter.ui-widget-content .ui-state-default { background:none; border: 1px solid #000; font:400 16px 'Exo 2', sans-serif; text-align: center; }
section#appointment aside#searchCenter.ui-widget-content a.ui-state-default:hover { background:#fced00!important; color:#000!important; }
section#appointment aside#searchCenter table tbody tr:nth-child(2n) { background:none; }
section#appointment aside#searchCenter a.ui-state-active { background-color:#fced00; color:#000; font:400 16px 'Exo 2', sans-serif; }
/* section#appointment aside#searchCenter a.ui-state-active { font:400 16px 'Exo 2', sans-serif; } */
section#appointment aside#searchCenter .ui-datepicker-unselectable { /* background:#000; color:#fced00; */ }
section#appointment aside#searchCenter .ui-datepicker .ui-datepicker-title { color:#000; font:600 16px 'Exo 2', sans-serif; margin:0 0 20px 0; text-transform: uppercase; }
.ui-datepicker-unselectable a   { background:#000; color:#fced00!important; opacity:1; }
.appointmentTime                { padding:0 40px!important; }
.appointmentTime header h3      { border:none!important; font:600 16px 'Exo 2', sans-serif!important; padding: 0!important; text-transform:uppercase; }
.appointmentTime div            { padding:0; }
.appointmentTime .morning,
.appointmentTime .evening,
.appointmentTime .saturday      { display: inline-block; padding:0!important; width:100%; }
.appointmentTime .morning header h4,
.appointmentTime .evening header h4,
.appointmentTime .saturday header h4   { color:#000; font:400 12px 'Exo 2', sans-serif; margin:10px 0 5px 0; text-align:left; text-transform: uppercase; }
.houresContainer                { padding:0!important; }
.houresContainer p.selected     { color:#000; background:#fced00!important; }
.houresContainer p              { font:600 14px 'Exo 2', sans-serif; margin:0!important; text-align:center; }
section#appointment aside#searchCenter .ui-datepicker th { font:400 14px 'Exo 2', sans-serif; text-transform:uppercase; }
.ui-datepicker-week-end.ui-datepicker-unselectable { background:#000; border:none!important; color:#fced00!important; opacity:1!important; }
.ui-datepicker td               { padding:3px!important;}
.ui-state-default, .ui-widget-content .ui-state-default { color:inherit!important; }
.ui-datepicker-other-month { background:#fff!important; }


section#appointment .gm-style-mtc { display: none!important; }

section#appointment aside#searchCenter ul li header h3 { border-bottom: 1px solid #9a999e; color:#000; font:400 18px 'Exo 2', sans-serif; margin:0; padding-bottom:30px;  text-align:center; text-transform:uppercase; }
section#appointment aside#searchCenter ul li header h3 strong { 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:600 18px 'Exo 2', sans-serif; }
section#appointment aside#searchCenter p.center  { margin:40px 0 40px 0; }
section#appointment aside#searchCenter p.center select { height: 50px; }

section#appointment aside#searchCenter li#appointmentDate input.form_datepicker { margin:0; }

section#appointment aside#searchCenter .tallerContainer   { border-radius:0; display:inline-block; max-width: 100%!important; min-height: inherit!important; padding:0!important; width:90%!important; }
section#appointment aside#searchCenter .tallerContainer p { margin:0!important; text-align: left;}
section#appointment aside#searchCenter .tallerContainer img { display:none!important; }
section#appointment aside#searchCenter .hourElement { border:1px solid black; float:left; font:400 14px 'Exo 2', sans-serif; margin:0 5px 5px 0!important; max-width:50px; min-width:50px; padding:0; width:auto; }
section#appointment aside#searchCenter .selected { /* background:#fced00; color:#000; */  }
.ui-icon, .ui-widget-content .ui-icon { background:none; }
.ui-datepicker-next span { background:url("../../img/common/assets/btns/ral_btn_next.png") no-repeat 0% 50%!important; }
.ui-datepicker-prev span { background:url("../../img/common/assets/btns/ral_btn_prev.png") no-repeat 0% 50%!important; }
.ui-datepicker .ui-datepicker-next  { right:20%!important; top:-4px!important; }
.ui-datepicker .ui-datepicker-prev  { left:20%!important; top:-4px!important; }
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover  { background:none; border:none!important; border-radius:0; }


section#appointment aside#searchCenter ul.workshopListBody   { display:inline-block; margin:0; max-height:60vh; overflow: scroll; }
section#appointment aside#searchCenter ul.workshopListBody li { background:none; border-bottom:1px solid #000; border-radius:0; display:inline-block; margin:0; max-width: inherit; min-height: inherit!important; padding:10px 0; text-align:left; width:80%; }
section#appointment aside#searchCenter ul.workshopListBody li:hover { background:#fced00; }
section#appointment aside#searchCenter ul.workshopListBody li p { margin:0; }
section#appointment aside#searchCenter .tallerContainer p strong{ display: block; margin-bottom:5px; font-size:14px; }
section#appointment aside#searchCenter .tallerContainer p  { font-size:14px; }

section#appointment aside#searchCenter ul.btns li a.btn  { background:#fced00; border:none; -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow:3px 3px 5px 6px #ccc; box-shadow:3px 3px 5px 6px #ccc; color:#000; cursor:pointer; height: auto; margin:-10px 0 0 0; padding:10px 20px; text-transform: uppercase; }
section#appointment aside#searchCenter ul.btns li a.btn:hover { background:#294634; color:#fff; }


/* Summary */
section#appointment aside#summary           { background:#!important; padding:0 0 60px 0; }
section#appointment aside#summary #resum           { background:#f2f1e5!important; padding:40px 0 40px 0; }
section#appointment aside#summary #resum .row          { margin: 0 auto; max-width:83rem; }

section#appointment aside#summary header h3 { border-bottom:1px solid #000; font:600 18px 'Exo 2', sans-serif; margin:0 0 20px 0; padding:0 0 10px 0; text-transform: uppercase; }
section#appointment aside#summary p         { font:600 18px 'Exo 2', sans-serif; margin: 0; }
section#appointment aside#summary span      { display:inline-block; font:300 18px 'Exo 2', sans-serif; margin:0 0 10px 0; min-height:20px; width:100%; }


section#appointment aside#summary           { background: url("../../img/common/assets/bcks/ral_bck_resumen_cita_mr.svg") no-repeat 90% 100%; background-size:22rem; }
section#appointment aside#summary ul        { display:inline-block; width:100%; }
section#appointment aside#summary ul li     { padding:25px 40px; }
section#appointment aside#summary ul li:first-child      { max-width:30%; padding:25px 40px; }
section#appointment aside#summary ul li:first-child header h3 { max-width:75%; }
section#appointment aside#summary ul li:last-child       { float: right; max-width:30%; padding:25px 40px; }

section#appointment aside#summary ul.btns li { padding:0!important; }
section#appointment aside#summary div.datoscita  { background:#fff; padding:40px 0 0 0; }
section#appointment aside#summary div.datoscita ul li { max-width:none; width:33.3%; }
section#appointment aside#summary div.datoscita ul li header h3 { border-bottom-color:#294634; color:#294634; max-width:none; margin:0 0 10px 0; width:100%; }
section#appointment aside#summary div.datoscita ul.btns { margin:0!important; width:100%; }
section#appointment aside#summary div.datoscita ul.btns li { text-align:center; width:100%!important; }

section#appointment aside#summary .insideBox { border-bottom:1px solid rgba(0,0,0,.1); padding:8px 0 0 0; }
section#appointment aside#summary #resum .insideBox { border:none; display: inline; float: left; text-align:center; width:33.3%; }
section#appointment aside#summary #resum header h2 { border-bottom:1px solid rgba(0,0,0,.1); text-align:center; }
section#appointment aside#summary #resum .insideBox:last-child { border-top:1px solid #294634; display: inline-block; margin:40px 0 0 0; padding:40px 0 10px 0; text-align:center; width:100%; }
section#appointment aside#summary #resum .insideBox span { margin:0; }
section#appointment aside#summary #resum .insideBox span a { border-bottom:1px solid #294634; font-weight: 600; }
section#appointment aside#summary #resum .insideBox p { margin:0 0 5px 0; }


section#appointment aside#summary #resum span.center     { border-left: 1px solid #000; display: inline; margin:0 0 0 10px; padding:0 0 0 15px; width:auto; }
section#appointment aside#summary #resum input.btn       { -webkit-transition:background 0.3s ease; -moz-transition:background 0.3s ease; -o-transition:background 0.3s ease;	transition:background 0.3s ease; background:#fced00 url(../../img/common/assets/icos/ral_ico_arrow_right.svg) no-repeat 90% 50%; background-size: 14px; color:#000!important; border:none; border-radius:0; cursor: pointer; -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow:3px 3px 5px 6px #ccc; box-shadow:3px 3px 5px 6px #ccc; color:#000; cursor:pointer; height: auto; margin: 0; padding:20px 50px 20px 40px; text-transform: uppercase; }
section#appointment aside#summary #resum input.btn:hover { background:#294634 url(../../img/common/assets/icos/ral_ico_arrow_right_hover.svg) no-repeat 92% 50%; background-size: 14px; color:#fff!important;  }





/*
section#appointment aside#summary ul li:nth-child(2)     { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(252,237,0,1) 80%, rgba(252,237,0,1) 100%); border-radius:20px; max-width:40%; min-height:40vh; position:relative; }
section#appointment aside#summary ul li:nth-child(2) span.tic_on    { background:#fff url("../../img/common/assets/btns/ral_btn_ticon.svg")  no-repeat 50% 50%; background-size:50%; border-radius: 50px; bottom: 4.5rem; left:12.5rem; line-height: 64px; margin:0; position: absolute; text-indent: -9999px; width:64px;  }
section#appointment aside#summary ul li:last-child       { float: right; max-width:30%; padding:25px 40px; }

section#appointment aside#summary ul.btns li { padding:0!important; } */



/* ----------------------------------------------------------------------------------------------------------------------------- */
/* SECTION SINGLE SERVICE */
/* ----------------------------------------------------------------------------------------------------------------------------- */

section#service                       { display:inline-block; width:100%; }

section#service aside#reasons         { background:#f2f1e5; margin: 0; padding:60px 0; }
section#service aside#reasons header h2 { display:inline-block; margin:0 0 40px 0; text-align:center; text-transform:none; width:100%; }
section#service aside#reasons ul      { margin:0; }
section#service aside#reasons ul li   { margin:0 0 40px 0; text-align:center; }
section#service aside#reasons ul li 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 28px 'Exo 2', sans-serif; margin:0 0 10px 0; padding:0 5px 5px 5px; text-transform: uppercase; }
section#service aside#reasons ul li figure { margin:0 0 10px 0; }
section#service aside#reasons ul li figure img { /* max-width:45%; */ }
section#service aside#reasons ul li p { line-height: 24px; }

section#service aside#advantages      { margin: 0; padding:60px 0; }
section#service aside#advantages header h2 { margin:0 0 40px 0; text-align:center; text-transform:none; }
section#service aside#advantages ul   { margin:0; }
section#service aside#advantages ul li{ margin:0 0 40px 0; text-align:center; }
section#service aside#advantages ul li 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 28px 'Exo 2', sans-serif; padding:0 5px 5px 5px; text-transform: uppercase; }
section#service aside#advantages ul li figure { margin:0 0 20px 0; }
section#service aside#advantages ul li figure img { max-width:45%; }
section#service aside#advantages ul li p { line-height: 24px; }

section#service aside#highlights      { background: #000; display: inline-block; margin: 0 0 40px 0; /* padding:0 0 100px 0; */ position:relative; }
section#service aside#highlights .content { left:0; position:absolute; top:60px; width:100%; }
section#service aside#highlights .content header h2 { color:#fff; font:normal 600 32px 'Exo 2', sans-serif; margin:0 0 40px 0; text-align: center; }
section#service aside#highlights .content ul { margin:0 25% 40px; }
section#service aside#highlights .content ul li { background:url("../../img/common/assets/bcks/ral_bck_tic_list.svg") no-repeat 0% 18px; background-size:18px; color:#fff; font:normal 400 18px 'Exo 2', sans-serif; line-height:24px; padding:10px 0 10px 35px; text-align: justify; }
section#service aside#highlights .content p.center { color:#fff!important; font:normal 300 24px 'Exo 2', sans-serif; line-height: 26px; margin:-25px 0 50px 0; text-align:center; }
section#service aside#highlights .content p.intro { color:#fff!important; font:normal 300 24px 'Exo 2', sans-serif; margin:-25px auto 50px auto; max-width:60%; text-align:center; }
section#service aside#highlights .content p { color:#fff!important; font:normal 400 18px 'Exo 2', sans-serif; line-height: 26px; margin:0 26.6% 20px 26.6%; max-width:60%; text-align:justify; }
section#service aside#highlights .content ul li a { color:#fff!important; }
section#service aside#highlights figure{ margin:0; }

section#service aside#text             { padding: 20px 0; text-align:center; }

section#service aside#form             { padding:60px 0; text-align:center; }
section#service aside#form header h2   { color:#727276; font:normal 600 32px 'Exo 2', sans-serif; margin:0 0 40px 0; text-align:center; text-transform:uppercase; }
section#service aside#form header h2 span{ font:normal 300 32px 'Exo 2', sans-serif; }
section#service aside#form header h2 strong { 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%); padding:0 5px 3px 5px; }
section#service aside#form p           { margin:0; text-align:center; }
section#service aside#form label       { color:#727276; font:700 16px 'Exo 2', sans-serif; margin:0 0 10px 0; text-align:left; text-transform: uppercase; }
section#service aside#form label span  { color:#727276; /* font:300 16px 'Exo 2', sans-serif; margin:0 0 10px 0; text-align:left; text-transform: uppercase; */ }
section#service aside#form p.small     { margin:0!important; }

section#service aside#form fieldset    { margin:0 auto; }
section#service aside#form fieldset input { border-radius:0; font:normal 300 20px 'Exo 2', sans-serif; height:50px; line-height:50px; padding:10px 15px; }
section#service aside#form fieldset ul { display:inline-block; margin: 0; width:100%; }
section#service aside#form fieldset ul li { font:normal 400 18px 'Exo 2', sans-serif; margin:0 0 20px 0; }
section#service aside#form fieldset ul li ul li { color: red!important; font:normal 700 14px 'Exo 2', sans-serif!important; }

section#service aside#form fieldset ul li:first-child { /* padding-left:0; */ }
section#service aside#form fieldset ul li:last-child { /* padding-right:0; */ }
section#service aside#form fieldset select { border-radius:0; background-position: 100% 50%; font:normal 300 18px 'Exo 2', sans-serif; height:50px; padding:10px 15px; /* text-align:center; */ }
section#service aside#form fieldset input[type="number"] { text-align:center; }
section#service aside#form fieldset input.button{ -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); background:#f4d80f; color:#000; height: inherit; line-height: normal; padding:10px 20px; text-align:center; text-transform:uppercase; }
section#service aside#form fieldset input.button:hover{ background:#000; color:#fff; }
section#service aside#form fieldset button{ -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); background:#f4d80f; border-radius:0; color:#000; cursor:pointer; height: inherit; font-weight: 600; line-height: normal; padding:15px 70px; text-align:center; text-transform:uppercase; }
section#service aside#form fieldset button:hover{ background:#000; color:#fff; }
section#service aside#form fieldset input[type="checkbox"] { height:auto; margin: 0 7px 0 0; }

section#service aside#description        { padding:40px 20px; }
section#service aside#description p.intro{ font:normal 300 22px 'Exo 2', sans-serif; line-height: 30px; margin:0; padding: 0 150px; text-align: justify; }

section#service aside#content            { padding:0 20%; }
section#service aside#content header h2  { text-align:center;  }
section#service aside#content header h3  { font:normal 400 32px 'Exo 2', sans-serif; letter-spacing: -0.02em;text-align:center;  }
section#service aside#content figure img { margin:50px auto; text-align: center; }
section#service aside#content p          { text-align: justify; }

section#service .flex-video              { margin:80px 20% 0; padding-bottom:35%; }



section#service aside#list              { margin: 0; padding:0 0 100px 0; }
section#service aside#list header h2    { display:inline-block; margin:0 0 40px 0; text-align:center; text-transform:none; width:100%; }
section#service aside#list ul           { margin:0 0 80px 0; }
section#service aside#list ul li        { margin:0 0 80px 0; text-align:center; }
section#service aside#list ul li 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 24px 'Exo 2', sans-serif!important; color:#727276; display:inline-block; font:normal 600 28px 'Exo 2', sans-serif; margin:0 0 10px 0; padding:0;  }
section#service aside#list ul li header h3:hover { color:#294634!important; }

section#service aside#list ul li header h3 a { border-bottom:1px solid rgba(0,0,0,.1); font:normal 300 20px 'Exo 2', sans-serif; color:#727276; line-height: 38px; margin:0 0 20px 0; padding:0; text-transform: uppercase; }
section#service aside#list ul li header h3 a:hover { border-bottom:1px solid #294634; font:normal 300 20px 'Exo 2', sans-serif; color:#294634; line-height: 38px; margin:0 0 20px 0; padding:0; text-transform: uppercase; }


section#service aside#list ul li figure { margin:0 0 20px 0; }
section#service aside#list ul li figure img { /* max-width:45%; */ }
section#service aside#list ul li p { line-height: 24px; }
section#service aside#list ul li figure a {  -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease;	transition:opacity 0.3s ease; }
section#service aside#list ul li figure a:hover { opacity:0.65; }





/* ----------------------------------------------------------------------------------------------------------------------------- */
/* SECTION US */
/* ----------------------------------------------------------------------------------------------------------------------------- */

section#us                             { padding:0; }
section#us header                      { padding:0; }
section#us .header figure              { max-height: 420px; overflow:hidden; }
section#us .header hr                  { margin:20px auto 0 auto; }
section#us hr                          { border:6px solid #fced00 }
section#us header h1                   { color:#fff; margin:0; text-align:center; text-transform: uppercase; }
section#us header h1 p                 { color:#fff; }
section#us .header figure img          { width:100%; }
section#us header h2                   { color:#294634; font:normal 700 32px 'Exo 2', sans-serif; margin:0 0 30px 0; text-align:left; text-transform: none; }
section#us header h3                   { color:#727276; font:normal 400 30px 'Exo 2', sans-serif; letter-spacing: -0.02em; margin:0px 0 40px 0; text-align:left; text-transform: uppercase; }
section#us header h3 strong            { 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%); }

section#us article#intro               { background:#f2f1e5; margin:-6px 0 0 0; padding:40px 60px; }
section#us article#intro p             { text-align: justify; }
section#us aside                       { display:inline-block; margin:0 0 20px 0; padding:0; width:100%; }
section#us aside figure                { margin:0 0 20px 0; }
section#us aside #logos p              { margin:0 13% 25px 13%; }

section#us aside#today                 { padding: 40px 60px; }
section#us aside#today hr              { border:5px solid #fced00; margin:-15px 0 40px 20px!important; width:20%; }
section#us aside#today div.content p   { text-align: justify; }

section#us aside#video                 { background:#f2f1e5; margin-bottom:0; padding:60px 60px 100px 60px; }
section#us aside#video .flex-video     { margin:0; padding-bottom:55%!important; }
section#us aside#video header h3       { margin:0px 0 40px 0; text-align:left; }
section#us aside#video header h3 strong{ background:none; color:#294634; font-style: italic; text-transform: uppercase; }
section#us aside#video hr              { border:5px solid #fced00; margin:-15px 0 40px 40px!important; width:13%; }
section#us aside#video ul              { margin:0 0 0 40px; }
section#us aside#video ul li           { color:#294634; font:normal 600 22px 'Exo 2', sans-serif; list-style-type: disc; padding:10px 0; text-align: left; }

section#us aside#rsc ul                { margin:0; }
section#us aside#rsc ul li             { font:normal 400 18px 'Exo 2', sans-serif; line-height:24px; padding:10px 0; text-align: left; }
section#us aside#rsc ul li strong,
section#us aside#rsc p strong          { color:#294634; }

section#us aside#proyectos             { padding: 40px 0;  }
section#us aside#proyectos header h3   { color:#294634; font:normal 700 32px 'Exo 2', sans-serif; margin:0 0 20px 0; text-align:center; }
section#us aside#proyectos header h4   { color:#294634; font:normal 700 24px 'Exo 2', sans-serif; margin: 0; }
section#us aside#proyectos header h5   { color:#294634; font:normal 400 20px 'Exo 2', sans-serif; margin:0 0 10px 0; }
section#us aside#proyectos hr          { margin:0 auto 30px auto; }
section#us aside#proyectos ul li       { background: #f2f1e6; margin:0 0 40px 0; padding:40px 60px 40px 40px; }
section#us aside#proyectos ul li p      { text-align: justify; }

section#us aside#proyectos ul li figure{ margin:0; }




.bigtext                               { padding:40px 0 0 0; }
.bigtext p                             { color:#294634; font:italic 600 32px 'Exo 2', sans-serif; letter-spacing: normal; margin:0; text-align:center; }




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* SECTION FRANCHISE */
/* ----------------------------------------------------------------------------------------------------------------------------- */

section#franchise                      { background: #fff; padding:0 0 80px 0; }
section#franchise header               { padding:0 0 0 0; }
section#franchise .header hr           { margin:20px auto 0 auto; }
section#franchise hr                   { border:6px solid #fced00 }
section#franchise header h1            { color:#000; margin:0; text-align:center; text-transform: uppercase; }
section#franchise header h2            { color:#727276; margin:0 0 20px 0; text-align:center; text-transform: uppercase; }
section#franchise header h2 strong     { 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%); }
section#franchise header h3            { color:#000; font:normal 500 26px 'Exo 2', sans-serif; letter-spacing:-0.02em; margin:0; text-align:left; text-transform:none; }
section#franchise p.subtitle           { color:#000; font:300 26px 'Exo 2', sans-serif; margin:0 0 80px 0; text-align:center; }
section#franchise article              { width:100%; }
section#franchise aside                { background:#fff; display: inline-block; margin:0; padding:80px 40px; width:100%; }

section#franchise aside#content        { background:#fff; margin:0; padding:60px 0 60px 0; width:100%; }
section#franchise aside#content header h2{ color:#000; margin: 0 0 20px 0; text-transform: none; text-align:left; }
section#franchise aside#content ul     { margin:0; }
section#franchise aside#content ul li  { color:#294634; font:normal 600 22px 'Exo 2', sans-serif; line-height:24px; list-style-type: disc; padding:10px 0; }
section#franchise aside#content figure { margin:0;  }


section#franchise aside#datos          { background:#f2f1e5; margin:0; padding:60px 0 60px 0; }
section#franchise aside#datos header h3{ margin: 0 0 20px 0; text-align:center; }
section#franchise aside#datos ul       { margin: 40px auto; text-align:center; }
section#franchise aside#datos ul li    { margin: 40px auto; text-align:center; }


section#franchise aside#bck            { background:url("../../img/common/assets/bcks/ral_bck_franquicias.jpg") no-repeat 50% 50%; background-size:cover; margin:0; padding:60px 0 60px 0; }
section#franchise aside#bck header h2  { color:#fff; margin: 0 0 40px 0; text-align:center; text-transform: none; }
section#franchise aside#bck ul         { margin:0 20% 40px; }
section#franchise aside#bck ul li      { background:url("../../img/common/assets/bcks/ral_bck_tic_list.svg") no-repeat 0% 18px; background-size: 18px; color: #fff; font: normal 400 18px 'Exo 2', sans-serif; line-height: 24px; padding: 10px 0 10px 35px; }



section#franchise aside#reasons        { background: #f2f1e5; margin: 0; padding: 60px 40px; }
section#franchise aside#reasons header h2 { color:#000; display:inline-block; margin:0 0 60px 0; text-align:center; text-transform:none; width:100%; }
section#franchise aside#reasons ul     { margin: 0; }
section#franchise aside#reasons ul li  { margin:0 0 40px 0; }
section#franchise aside#reasons ul li header    { text-align:center; }
section#franchise aside#reasons ul li 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 28px 'Exo 2', sans-serif; margin:0 0 10px 0; padding:0 5px 5px 5px; text-align:center; text-transform: uppercase; }
section#franchise aside#reasons ul li figure { margin:0 0 10px 0; text-align:center; }
section#franchise aside#reasons ul li figure img { /* max-width:45%; */ }
section#franchise aside#reasons ul li p{ line-height: 24px; text-align: center; }

section#franchise aside#panel        {  margin: 0; padding: 0 40px; }

section#franchise div.panel            { background:#294634; display: inline-block; margin:40px 0 40px 0; padding:40px 200px; width:100%;  }
section#franchise div.panel p          { color:#fff; font:normal 400 20px 'Exo 2', sans-serif; letter-spacing:-0.01em; line-height: 28px; margin:0; text-align: center; }


section#franchise aside#fitxa header h3  { font:normal 500 32px 'Exo 2', sans-serif; letter-spacing:-0.02em; margin: 0 0 40px 0; text-align:center; }
section#franchise table tr td { border:none!important; font:normal 400 16px 'Exo 2', sans-serif;  }
section#franchise table tr td { border:none!important; font:normal 400 16px 'Exo 2', sans-serif; padding:0.625rem 1rem 0.625rem; }




/* ----------------------------------------------------------------------------------------------------------------------------- */
/* SECTION FAQ'S */
/* ----------------------------------------------------------------------------------------------------------------------------- */

section#faqs                           { padding:0; }
section#faqs header                    { padding:40px 0 0 0; }
section#faqs .header figure            { background:#294634; }
section#faqs .header hr                { margin:20px auto 0 auto; }
section#faqs hr                        { border:6px solid #fced00 }
section#faqs header h1                 { color:#727276; margin:0; text-align:center; text-transform: uppercase; }
section#faqs p.subtitle                { color:#727276; font-weight:300; margin:0 0 40px 0; text-align:center; text-transform: uppercase; }
section#faqs .tabs-content header      { padding:0; }
section#faqs .tabs-content header h2   { color:#727276; font-weight:300; text-transform: uppercase; }
section#faqs .tabs-content header h2 strong { 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-weight:500; padding:0 5px 5px 5px; }





/* ----------------------------------------------------------------------------------------------------------------------------- */
/* SECTION OFFICES */
/* ----------------------------------------------------------------------------------------------------------------------------- */
section#offices                        { padding:0; }
section#offices header                 { padding:40px 0 0 0; }
section#offices .header                { padding: 0 ; }
section#offices .header .caption       { position:inherit; top: auto; }
section#offices .header figure         { background:none; }
section#offices .header hr             { border:6px solid #fced00; margin:20px auto 0 auto; width:6%; }
section#offices header h1              { /* color:#727276;*/ color:#000; font-size:32px; margin:0; text-align:center; text-transform: uppercase; }
section#offices header h2              { color:#727276; font-size:26px!important; font-weight:600; margin:0 0 40px 0; text-align:center; text-transform: uppercase; }
section#offices header h2 strong       { 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%); }
section#offices header h3              { color:#727276; font:normal 400 32px 'Exo 2', sans-serif; margin:0; text-align:center; text-transform: uppercase; }
section#offices aside                  { display: inline-block; width:100%; }
section#offices article                { display:inline-block; padding:0 0 40px 0; width:100%; }
section#offices article form           { background:#f2f1e5; display: inline-block; margin:20px 0 20px 0; padding:20px 0 60px 0; width:100%; }
section#offices article form ul        { margin:20px auto; width:65%;  }
section#offices article form ul li select { border:none; border-radius:0; color: #727276; font:normal 400 18px 'Exo 2', sans-serif; height:50px; margin:0; padding:auto 15px; }
section#offices article form ul li label{ color:#727276; font:normal 100 14px 'Exo 2', sans-serif; margin:0 0 10px 0; text-transform: uppercase; }
section#offices article form ul li .btn{ background:#fced00; border-radius:0; -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow:3px 3px 5px 6px #ccc; box-shadow:3px 3px 5px 6px #ccc; color:#000; cursor:pointer; font:normal 600 18px 'Exo 2', sans-serif; margin:27px 0 0 0; padding:13px 40px 15px 40px; text-transform: uppercase; }
section#offices article form ul li .btn:hover{ background:#294634; color:#fff; }

section#offices ul#centros header h3   { color:#294634; font:600 24px 'Exo 2', sans-serif; margin:0; /* min-height:54px; */ text-align:left; text-transform: none; }
section#offices ul#centros li a:hover  { background:rgba(0,0,0,.04); color:#000!important; }
section#offices ul#centros li figure   { margin:0; }
section#offices ul#centros li figure img{ border:1px solid rgba(0,0,0,.1); margin:0 0 20px 0; }
section#offices ul#centros li          { background:rgba(0,0,0,.02); border:20px solid #fff; display:inline-block; padding:0; }
section#offices ul#centros li p        { font-size:15px; line-height:20px; margin:0 0 20px 0; min-height: 40px; text-transform: none; }
section#offices ul#centros li p.link   { min-height:none; line-height:24px; margin:0!important; min-height: inherit; }
section#offices ul#centros li p.link   { background:#294634; color:#fff; display: inline-block; font-size:14px; font-weight:600; padding: 3px 15px; text-transform: uppercase;}
section#offices ul#centros li p.link:hover { background:#000; color:#fff!important; }


section#offices ul#centros li header   { padding:0; }
section#offices ul#centros li a        { -webkit-transition:background 0.3s ease; -moz-transition:background 0.3s ease; -o-transition:background 0.3s ease;	transition:background 0.3s ease; display: inline-block; font:600 18px 'Exo 2', sans-serif; padding:30px; text-transform:uppercase; width:100%; }
section#offices ul#centros li a:hover  { color:#000; }
section#offices ul#centros li span     { background:rgba(0,0,0,.3); /* background:#294634; */ color:#fff; display: inline-block; font:400 9px 'Exo 2', sans-serif; margin:0 0 15px 0; text-align:center; text-transform:uppercase; padding:2px 8px; }

section#office                         { padding:40px 0; }
section#office article                 { /* background:#f2f1e5;*/ display:inline-block; /* margin:-5px 0 0 0; */ padding:40px 0 40px 0; width:100%; }
section#office article p.right         { text-align:right; }
section#office aside#media             { background:#f2f1e5; margin: 0; max-width:30%; padding:30px; }
section#office aside#media figure      { background: #fff; /* border:1px solid rgba(0,0,0,.1); */ margin:0 0 20px 0; padding:30px; text-align: center; }
section#office aside#media p           { font-size:14px; padding:20px 0 17px 0; }
section#office aside#media p.share     { font-size:14px; padding:0 0 7px 0; }
section#office aside#media ul          { margin:0; }
section#office aside#media ul li:first-child{ border-right:1px solid #294634; padding-left:0; }
section#office aside#media ul li:last-child{ padding-right:0; }
section#office aside#media ul li       { color:#294634; font:600 18px 'Exo 2', sans-serif; width:auto; }
section#office aside#media ul li a     { font:700 16px 'Exo 2', sans-serif; }
section#office aside#media ul li a:hover{ color:#000; }
section#office aside#media ul#datoscontacto   { display: inline-block; margin:0; width:100%; }
section#office aside#media ul#datoscontacto li { color:#294634; font:700 16px 'Exo 2', sans-serif; padding:5px 0; width:auto; }
section#office aside#media ul#datoscontacto li:first-child { border:none; }
section#office aside#media ul#datoscontacto li i::before { font-size:19px; margin:0 10px 0 1px; text-align:center; }


section#office header h1               { color:#727276; font-size:32px; margin:0 0 10px 0; text-align:center; text-transform: uppercase; }
section#office header h1 span          { border-left:1px solid #727276; font-weight:300; margin:0 0 0 5px; padding:0 0 0 10px; }
section#office header h2               { color:#000; display:inline-block; font-size:22px!important; font-weight:600; margin:10px 0 15px 0; text-align:left; text-transform: uppercase; }
section#office header h3               { color:#294634; font-size:16px!important; font-weight:600; margin:0 0 10px 0; }
section#office span.address            { color:#294634; display: inline-block; font:400 18px 'Exo 2', sans-serif; margin:0; text-align:center; width:100%; }
section#office span.address p          { color:#294634; display: inline-block; font:400 14px 'Exo 2', sans-serif; margin:0; text-transform: uppercase; }
section#office span.address i.fas      { color:#294634; display: inline-block; }

section#office aside#content           { margin:0;}
section#office aside#content p         { line-height: 24px; margin:0 0 20px 0; }
section#office aside#content ul        { display: inline-block; margin:0 0 70px 0; width:100%; }
section#office aside#content ul li     { border-bottom:1px solid rgba(0,0,0,.1); color:#294634; font:400 18px 'Exo 2', sans-serif; padding: 13px 0; }
section#office aside#content ul li:last-child{ /* border-bottom:none; */ }
section#office .horarios               { display:inline-block; margin:0; width: 100%; }
section#office .embed-container        { margin:40px 0 60px 0; }

section#office aside.share             { display: inline-block; margin:20px 0 40px 0!important; text-align: center; }
section#office p a.back                { background:#fff; border:1.5px solid #000!important; -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow:3px 3px 5px 6px #ccc; box-shadow:3px 3px 5px 6px #ccc; color:#000; cursor:pointer; font:400 18px 'Exo 2', sans-serif; height: auto; margin:0; padding:10px 60px; text-transform: uppercase; }
section#office p a.back:hover          { background:#000; color:#fff;  }
section#office p a.pedircita           { background: #294634; color:#fff; display: inline-block; font:italic 600 20px 'Exo 2', sans-serif!important; padding:12px 40px; text-transform: uppercase;  }
section#office p a.pedircita:hover     { background: #000; color:#fff; }
section#office p a.pedircita img       { display:inline; margin:-2px 5px 0 0!important; max-width:2rem!important; }

section#office p a.compartir           { background:none; color:#294634; display: inline-block; font:normal 700 16px 'Exo 2', sans-serif!important; margin:0 0 10px 0; padding:3px 10px 5px 0; }
section#office p a.compartir img       { display:inline-block; margin-right:3px; max-width:1.5rem;  }

section#office aside#content ul li img { display: inline-block; margin: -3px 8px 0 0; max-width:1.2rem; }





/* ----------------------------------------------------------------------------------------------------------------------------- */
/* SECTION CONTACT */
/* ----------------------------------------------------------------------------------------------------------------------------- */

section#contact                        { padding:0; }
section#contact header                 { }
section#contact .header                { padding:40px 0 ; }
section#contact figure         { background:none; margin:-5px 0 0 0; }
section#contact figure img     { width:100%; }
section#contact .header hr             { border:6px solid #fced00; margin:20px auto 20px auto; width:6%; }
section#contact header h1              { color:#727276; font-size:32px; margin:0; text-align:center; text-transform: uppercase; }
section#contact p.subtitle             { color:#000; font:300 26px 'Exo 2', sans-serif; margin:0 0 40px 0; text-align:center; }
section#contact article                { background:#f2f1e5; display:inline-block; padding:40px 0; width:100%; }
section#contact aside#form             { padding:0 0 60px 0; text-align:center; }
section#contact aside#form header h2   { color:#727276; font:normal 600 32px 'Exo 2', sans-serif; margin:0 0 40px 0; text-align:center; text-transform:uppercase; }
section#contact aside#form header h2 span{ font:normal 300 32px 'Exo 2', sans-serif; }
section#contact aside#form header h2 strong { 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%); padding:0 5px 3px 5px; }
section#contact aside#form p           { margin: 0; text-align:center; }
section#contact aside#form label       { color:#727276; font:normal 300 20px 'Exo 2', sans-serif; margin:0 0 10px 0; text-align:left; text-transform: uppercase; }
section#contact aside#form fieldset    { margin:0 auto; }
section#contact aside#form fieldset input { border-radius:0; font:normal 300 20px 'Exo 2', sans-serif; height:60px; line-height: 60px; padding:10px 20px; }
section#contact aside#form fieldset ul { display:inline-block; margin: 0; width:100%; }
section#contact aside#form fieldset ul li:first-child { /* padding-left:0; */ }
section#contact aside#form fieldset ul li:last-child { /* padding-right:0; */ }
section#contact aside#form fieldset select { border-radius:0; background-position: 100% 50%; font:normal 300 20px 'Exo 2', sans-serif; height:60px; padding:10px 20px; text-align:center; }
section#contact aside#form fieldset input[type="number"] { text-align:center; }
section#contact aside#form fieldset input.button{ -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35);background:#f4d80f; color:#000; height: inherit; line-height: normal; padding:10px 20px; text-align:center; text-transform:uppercase; }
section#contact aside#form fieldset input.button:hover{ background:#000; color:#fff; }
section#contact aside#form fieldset button{ -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); background:#f4d80f; border-radius: 0; color:#000; cursor: pointer; font-weight:600; height: inherit; line-height: normal; padding:15px 70px; text-align:center; text-transform:uppercase; }
section#contact aside#form fieldset button:hover{ background:#294634; color:#fff; }
section#contact aside#form fieldset textarea { font:normal 300 20px 'Exo 2', sans-serif; min-height: 20rem;}
section#contact aside#form fieldset ul li    { margin-bottom:15px; }
section#contact aside#form p.small           { margin:40px 10% !important; }





/* ----------------------------------------------------------------------------------------------------------------------------- */
/* SECTION BLOG */
/* ----------------------------------------------------------------------------------------------------------------------------- */

section#blog                          { padding:0 0 100px 0; }
section#blog .header                  { margin:-6px 0 40px 0; }
section#blog header h1                { font-size:32px; margin:0; text-align:center; text-transform: uppercase; }
section#blog header h2                { color:#727276; margin:0 0 40px 0; text-align:center; text-transform: uppercase; }
section#blog header h2 strong         { 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-weight:600; padding:0 5px 5px 5px; }
section#blog header h3                { color:#727276; font: normal 600 28px 'Exo 2', sans-serif; text-transform: none; }
section#blog ul li p.date             { font: normal 300 16px 'Exo 2', sans-serif; margin: 0 0 25px 0; text-transform: uppercase; }
section#blog ul li a.btn              { background: #f4d80f; color: #000; font: normal 300 16px 'Exo 2', sans-serif; padding: 5px 30px; text-transform: uppercase; }
section#blog ul li a.btn:hover        { background:#000!important; color:#fff; }
section#blog ul li figure             { margin: 0 0 30px 0; }
section#blog ul li                    { margin: 0 0 40px 0; }


/*  Blog Single Page */
section#blog_single                   { background:#f2f1e5; margin:-6px 0 0 0; padding:40px 0; }
section#blog_single article .row              { padding:0 300px; }
section#blog_single .header           { margin:-6px 0 40px 0; }
section#blog_single header h1         { color:#fff; }
section#blog_single header h2         { color:#727276; font: normal 700 36px 'Exo 2', sans-serif; margin:0 0 20px 0; text-align:center; text-transform: none; }
section#blog_single header h3         { color:#000; display:inline-block; font: normal 700 28px 'Exo 2', sans-serif; margin:40px 0 20px 0; text-align:center; text-transform: none; }
section#blog_single header h4         { color:#000; font: normal 700 28px 'Exo 2', sans-serif; margin:40px 0 20px 0; text-align:center; text-transform: none; }
section#blog_single p                 { font: normal 300 18px 'Exo 2', sans-serif; line-height:32px; text-align: justify; }
section#blog_single p.date            { font: normal 300 16px 'Exo 2', sans-serif; margin: 0 0 25px 0; text-align:center; text-transform: uppercase; }
section#blog_single ul li p.date      { font: normal 300 16px 'Exo 2', sans-serif; margin: 0 0 25px 0; text-transform: uppercase; }
section#blog_single article           { text-align:center; }
section#blog_single figure            { text-align:center; }
section#blog_single p.backto          { border-top:1px dotted #727276; display:inline-block; margin:40px 0 10px 0; padding:40px 0 0 0; text-align:right; width:100%; }
section#blog_single p.backto a        { color:#000; display:inline-block; font:normal 600 20px 'Exo 2', sans-serif; padding:0; text-transform:uppercase; }
section#blog_single p.backto a:hover  { color:#294634; }
section#blog_single p.backto a i.fas  { float:left; margin:3px 10px 0 0; }
section#blog_single ul                { margin:0 0 40px 0; }
section#blog_single ul li             { font: normal 300 18px 'Exo 2', sans-serif; line-height:32px; list-style-type: disc; padding:10px 0; text-align:left; }
section#blog_single ul li a.btn       { background:#f4d80f; color: #000; font: normal 300 16px 'Exo 2', sans-serif; padding: 5px 30px; text-transform: uppercase; }
section#blog_single ul li a.btn:hover { background:#000!important; color:#fff; }
section#blog_single ul#images         { display: inline-block; margin:40px 0 20px 0; }
section#blog_single ul#images li      { list-style-type:none; padding-right: 0.9375rem; padding-left: 0.9375rem; }
section#blog_single ul#images li.right{ max-height:460px; overflow:hidden;text-align:right; }
section#blog_single .large-9 header h4{ text-align:left; }
section#blog_single .large-9 header h4{ margin-top:0; }


/* related news */
section#blog_single aside#related     { background:#fff; display:inline-block; margin:40px 0 0 0; padding:60px 0; width:100%; }
section#blog_single aside#related header h3         { color:#727276; font: normal 600 28px 'Exo 2', sans-serif; margin:0 0 40px 0; text-align:center; text-transform: uppercase; width:100%; }
section#blog_single aside#related header h3 strong  { 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-weight:600; padding:0 5px 5px 5px; }
section#blog_single aside#related header h4 { color:#727276; font: normal 600 28px 'Exo 2', sans-serif; margin: 0 0 20px 0; text-align:left; text-transform: none; }
section#blog_single aside#related ul  { display:inline-block; margin:0 0 40px 0; width:100%; }
section#blog_single aside#related ul li { list-style-type: none; padding:0 15px; }
section#blog_single aside#related ul li p.date { text-align:left; }


/* aside newsletter */
section#blog_single aside#newsletter  { display:none; background:#f1f1f1; padding:60px 0; text-align:center; }
section#blog_single aside#newsletter .box { -webkit-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.15); box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.15); background:#fff; border-radius:25px; margin:0 25%; padding:40px 0 40px 0; }
section#blog_single aside#newsletter header h2 span { 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%); color:#727276; font: normal 400 28px 'Exo 2', sans-serif; margin:0 0 20px 0; padding:0 5x 5px 5px; text-align:center; text-transform: none; }
section#blog_single aside#newsletter header h2 strong { color:#727276; font: italic 700 28px 'Exo 2', sans-serif; text-transform: uppercase; }
section#blog_single aside#newsletter form { text-align:center; }
section#blog_single aside#newsletter form label { color:rgba(0,0,0,0.5); text-align:left; }
section#blog_single aside#newsletter form .button { background: #f4d80f; border:none!important; color: #000; font: normal 400 20px 'Exo 2', sans-serif; margin:0; padding: 5px 30px; text-transform: uppercase; }
section#blog_single aside#newsletter form .button:hover { background: #000; color: #fff; }
section#blog_single aside#newsletter form ul  { display: inline-block; margin:0 0 10px 0; text-align:center; width:auto; }
section#blog_single aside#newsletter form ul li  { list-style-type: none; padding:0 15px; }
section#blog_single aside#newsletter form input { border-bottom:1px solid #cccccc; border-left:none!important; border-right:none!important; border-top:none!important; border-radius:0; box-shadow:none;  }
section#blog_single aside#newsletter form p     { margin:0; text-align:center; }
section#blog_single aside#newsletter p.subtitle { margin:0 0 20px 0!important; text-align: center; }





/* ----------------------------------------------------------------------------------------------------------------------------- */
/* SECTION LEGAL */
/* ----------------------------------------------------------------------------------------------------------------------------- */

section#legal                         { padding:0 0 100px 0; }
section#legal header.top              { padding: 40px 0 0 0; }
section#legal header                  { padding:0; }
section#legal header h1               { color:#727276; margin: 0; text-align: center; text-transform: uppercase; }
section#legal header h2               { color:#000; font-size:26px; font-weight:600; margin:40px 0 20px 0; padding:0; text-align:left; text-transform: none; }
section#legal header h3               { color:#000; font-size:20px; font-weight:600; margin:40px 0 20px 0; text-align:left; }
section#legal p                       { font-size:18px; line-height: 28px; text-align:justify; }
section#legal ul                      { margin: 10px 0 40px 0; }
section#legal ul li                   { border-bottom:1px solid rgba(0,0,0,0.2); font:normal 400 18px 'Exo 2', sans-serif; line-height: 28px; padding:5px 0; }
section#legal hr                      { clear: both; height: 0; margin: 1.25rem auto 4rem auto; max-width: 80rem; }





/* ----------------------------------------------------------------------------------------------------------------------------- */
/* SECTION MAPA WEB */
/* ----------------------------------------------------------------------------------------------------------------------------- */

section#mapaweb                        { padding:0 0 100px 0; }
section#mapaweb header.top             { padding: 40px 0 0 0; }
section#mapaweb header                 { padding:0; }
section#mapaweb header h1              { color:#727276; margin: 0; text-align: center; text-transform: uppercase; }
section#mapaweb header h3              { color:#000; font-size:20px; font-weight:600; margin:40px 0 20px 0; text-align:left; }
section#mapaweb p                      { font-size:18px; line-height: 28px; text-align:justify; }
section#mapaweb ul                     { margin: 0 15px 0 15px; width:14.5%; }
section#mapaweb ul li                  { font:normal 400 18px 'Exo 2', sans-serif; line-height: 28px; padding:5px 0; }
section#mapaweb ul li ul               { margin:5px 0 5px 0; width:100%; }
section#mapaweb ul li ul li            { line-height: normal; margin:0; padding:0; width:100%; }
section#mapaweb ul li ul li:before     { content:'\f058'; font-family: 'Font Awesome\ 5 Free'; display: inline-block; font-size:11px; margin-right:6px;  }
section#mapaweb ul li ul li a          { color:#000; font-size:14px; }
section#mapaweb hr                     { clear: both; height: 0; margin: 1.25rem auto 4rem auto; max-width: 80rem; }
section#mapaweb ul li header h2        { border-bottom:1px solid #294634; color:#294634; font:normal 600 18px 'Exo 2', sans-serif; line-height: 28px; margin: 0 0 15px 0; padding:5px 0 10px; text-transform:uppercase; }





/* ----------------------------------------------------------------------------------------------------------------------------- */
/* SECTION WORK WITH US */
/* ----------------------------------------------------------------------------------------------------------------------------- */

section#workwithus                        { padding:0; }
section#workwithus header                 { }
section#workwithus .header                { padding:40px 0 ; }
section#workwithus .header .caption       { position:inherit; top: auto; }
section#workwithus .header figure         { background:none; }
section#workwithus .header hr             { border:6px solid #fced00; margin:20px auto 0 auto; width:6%; }
section#workwithus header h1              { color:#727276; font-size:32px; margin:0; text-align:center; text-transform: uppercase; }

section#workwithus article                { background:#f2f1e5; display:inline-block; padding:40px 0; width:100%; }
section#workwithus aside#form             { background:#f2f1e5; padding:60px 0 0 0; position:relative; text-align:center; }
section#workwithus aside#form header h2   { color:#727276; font:normal 600 28px 'Exo 2', sans-serif; margin:0 0 40px 0; text-align:center; text-transform:uppercase; }
section#workwithus aside#form header h2 span{ font:normal 300 28px 'Exo 2', sans-serif; }
section#workwithus aside#form header h2 strong { 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%); padding:0 5px 3px 5px; }
section#workwithus aside#form p           { margin:0 0 20px 0; text-align:left; }
section#workwithus aside#form label       { color:#727276; font:normal 400 20px 'Exo 2', sans-serif; margin:0 0 10px 0; text-align:left; text-transform: uppercase; }
section#workwithus aside#form fieldset    { margin:0 auto; padding:0 10% 40px 10%; }
section#workwithus aside#form fieldset input { border-radius:0; font:normal 300 20px 'Exo 2', sans-serif; height:60px; line-height: 60px; margin:0; padding:10px 20px; }
section#workwithus aside#form fieldset select { margin:0; }
section#workwithus aside#form fieldset ul { display:inline-block; margin:0; width:100%; }
section#workwithus aside#form fieldset ul li { margin:0 0 10px 0; }
section#workwithus aside#form fieldset input[type="file"] { height: auto;}


section#workwithus aside#form fieldset select { border-radius:0; background-position: 100% 50%; font:normal 300 20px 'Exo 2', sans-serif; height:60px; padding:10px 20px; text-align:left; }
section#workwithus aside#form fieldset input[type="number"] { text-align:center; }
section#workwithus aside#form fieldset input.button{ -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35);background:#f4d80f; color:#000; height: inherit; line-height: normal; padding:10px 20px; text-align:center; text-transform:uppercase; }
section#workwithus aside#form fieldset input.button:hover{ background:#000; color:#fff; }
section#workwithus aside#form fieldset button{ -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35);background:#f4d80f; color:#000; height: inherit; line-height: normal; padding:10px 20px; text-align:center; text-transform:uppercase; }
section#workwithus aside#form fieldset button:hover{ background:#000; color:#fff; }
section#workwithus aside#form fieldset textarea { min-height: 20rem; }

section#workwithus input#workwithus_cv{ background:#fff; /* height: 120px!important; line-height: 90px!important; */ padding:10px !important; }
section#workwithus figure             { bottom:58px; position: absolute; right: 15%; width: 100%; z-index: 99999; }
section#workwithus div.legalpanel     { background: #fff; padding:40px 23%; }
section#workwithus div.legalpanel p   { margin:0!important; }

section#workwithus div.error          { display:inline-block; width:100%; }
section#workwithus div.error ul li    { color: red; font:normal 700 14px 'Exo 2', sans-serif; text-align: left; }

section#workwithus ul li div.error { margin:10px 0 0 0; padding:0; }
section#workwithus div.error { margin:-10px 0 0 0; padding:0 0 0 15px; }



/* ----------------------------------------------------------------------------------------------------------------------------- */
/* SECTION WE CALL YOU */
/* ----------------------------------------------------------------------------------------------------------------------------- */

section#wecallyou                     { display:inline-block; padding:0 0 100px 0; width:100%; }
section#wecallyou header.top          { padding: 40px 0 0 0; }
section#wecallyou header              { margin:0 0 0 0; padding:0; }
section#wecallyou header h1           { color:#727276; margin: 0; text-align: center; text-transform: uppercase; }
section#wecallyou header h2           { color:#294634; font-size:36px; font-weight:400; margin:0 0 20px 0; padding:0; text-align:center; text-transform: none; }
section#wecallyou header h2 strong    { font-weight:900; }
section#wecallyou header h3           { color:#000; font-size:20px; font-weight:600; margin:40px 0 20px 0; text-align:left; }
section#wecallyou p                   { color:#294634; font-size:20px; line-height: 28px; margin:0 0 40px 0; text-align:center; }
section#wecallyou p a                 { border-bottom: 1px solid #000; color:#000; font-weight: 700; font-style: italic; }
section#wecallyou p span              { 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%); color:#000; font-weight: 700; font-style: italic; padding:0 5px 0px 5px; }
section#wecallyou ul                  { margin: 10px 0 0 0; }
section#wecallyou ul li               { /* border-bottom:1px solid rgba(0,0,0,0.2); font:normal 400 18px 'Exo 2', sans-serif; line-height: 28px; padding:5px 0; */}
section#wecallyou hr                  { clear: both; height: 0; margin: 1.25rem auto 4rem auto; max-width: 80rem; }
section#wecallyou figure              { margin:0; }
section#wecallyou #boxmessage         { margin:60px auto 0 auto; width:60%; }
section#wecallyou #boxmessage .related{ background:#f4d80f; padding:40px; }
section#wecallyou #boxmessage .related header h3{ color:#294634; font-size:32px; font-style: italic; margin:0 0 5px 0; padding:0; text-align: center; text-transform: uppercase; }
section#wecallyou #boxmessage .related ul    { display:inline-block; text-align:center; }
section#wecallyou #boxmessage .related ul li { border-bottom:none; display: inline-block; padding: 0 0 0 0; }
section#wecallyou #boxmessage .related ul li:last-child { border:none; padding: 0 0 0 5px; }
section#wecallyou #boxmessage .related ul li a { color:#000; font:italic 700 16px 'Exo 2', sans-serif }
section#wecallyou #boxmessage .related ul li a::after { content: '/'; color:#294634; margin:0 0 0 5px; }
section#wecallyou #boxmessage .related ul li:last-child a::after { content: ''; margin:0; }





/* ----------------------------------------------------------------------------------------------------------------------------- */
/* SECTION ERROR 404 */
/* ----------------------------------------------------------------------------------------------------------------------------- */

section#error                         { display:inline-block; padding:40px 0 100px 0; width:100%; }
section#error header.top              { padding: 40px 0 0 0; }
section#error header                  { margin:0 0 0 0; padding:0; }
section#error header h1               { color: #000; font-size: 38px; font:normal 600 34px 'Exo 2', sans-serif; text-align:center; }
section#error header h2               { color:#000; font: 300 24px 'Exo 2', sans-serif; margin: 0 0 10px 0; text-align: center; }
section#error p                       { color:#000; font-size:20px; line-height: 28px; margin:0 0 40px 0; text-align:center; }
section#error p a.btn                 { background:#f4d80f; color:#000; padding:10px 40px; }
section#error p a.btn:hover           { background:#294634; color:#fff; }

section#error aside#opciones          { padding:0 40px; }
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; }
section#error aside#opciones ul li:nth-child(1)  { border-right: 1px solid #294634; text-align:center; }
section#error aside#opciones ul li:nth-child(2)  { border-right: 1px solid #294634; }
section#error aside#opciones ul li:nth-child(3)  { border-right: 1px solid #294634; }
section#error aside#opciones ul li p a.btn{ background:#294634; 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;   }
section#error aside#opciones a.cita     { background:#294634 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#error aside#opciones a.whatsapp { background:#294634 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#error aside#opciones a.phone    { background:#294634 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#error aside#opciones a.wecallyou{ background:#294634 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; }







/* ----------------------------------------------------------------------------------------------------------------------------- */
/* FOOTER */
/* ----------------------------------------------------------------------------------------------------------------------------- */

footer                                { background:url("../../img/common/assets/bcks/ral_bck_footer.jpg") no-repeat 50% 50%; margin:0; padding:50px 0 40px 0; }
footer article                        { background:url("../../img/common/assets/bcks/ral_bck_spacer.png") repeat-x 50% 40px; display:inline-block; width:100%; }
footer ul                             { margin:0; }
footer ul li                          { color:#fff; font:normal 400 16px 'Exo 2', sans-serif; letter-spacing: -0.02em; text-align:left; text-transform: uppercase; }
footer ul li a                        { color:#fff; }
footer ul li a:hover                  { color:#fff; opacity:0.75; }

footer .row_contact                   { border-top:1px solid #fff; padding:60px 0 0 0; }
footer figure			                    { margin:-60px 0 60px 0; text-align:center; }
footer figure img 			              { max-width:35%!important; }
footer p                              { color:#fff; font:normal 400 14px 'Exo 2', sans-serif; margin:0 0 10px 0; text-transform: none; }
footer p a                            { color:#fff; }

footer aside#nav ul li strong         { display:inline-block; margin:0 0 40px 0;  }
footer aside#nav ul li ul li          { font: 400 14px 'Exo 2', sans-serif; margin:0 0 5px 0; text-transform: none; }
footer aside#nav ul li ul li:last-child { margin:0 0 5px 0; }

footer ul#social                      { display: inline-block; text-align:center; width:100%; }
footer ul#social li a                 { color:#fff; font-size:28px;}
footer ul#social li                   { display: inline-block; float:none; text-align:center; width:auto; }

footer ul#links_legal                 { display: inline-block; margin:40px 0 0 0; text-align:center; width:100%; }
footer ul#links_legal li              { border-right:1px solid #fff; display: inline-block; float:none; padding:5px 20px 10px 15px; text-align:center; width:auto; }
footer ul#links_legal li:last-child   { border:none; padding-right:0; }
footer ul#links_legal li a            { color:#fff; font-size:12px; text-transform: none; }





/* pagination */
.pagination                           { display:inline-block; margin:40px 0; text-align:center; width:100%; }
.pagination span                      { display:inline-block; width:auto; }
.pagination .current                  { background:#ffea00; color:#000; font:600 18px 'Exo 2', sans-serif; min-width:40px; padding:9px 15px; }
.pagination a                         { background:#f2f1e5; border-radius:0; font:300 18px 'Exo 2', sans-serif; min-width:40px; padding:9px 15px; }
.pagination .next                     { font:300 18px 'Exo 2', sans-serif; }
.pagination .last                     { font:300 18px 'Exo 2', sans-serif; }





/* ----------------------------------------------------------------------------------------------------------------------------- */
/* MAPS */
/* ----------------------------------------------------------------------------------------------------------------------------- */

.mapContainer                         { min-height:600px; margin: 0; width:100%; }
input[type="checkbox"]                { height:inherit!important; }
section#appointment aside#searchCenter ul li#workshops .tallerContainer.selected { background:#ffea00!important; }
section#appointment aside#searchCenter .tallerContainer { padding:15px 0!important; max-width:85%!important; }
section#appointment aside#searchCenter .tallerContainer p { line-height: 18px; }
section#appointment aside#searchCenter ul li { cursor:pointer; }
section#appointment aside#searchCenter label { font:600 18px 'Exo 2', sans-serif; margin:0 0 15px 0; text-transform: uppercase; }
section#appointment aside#searchCenter input#postcodeMapSearch { box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.02),
  0 6.7px 5.3px rgba(0, 0, 0, 0.028),
  0 12.5px 10px rgba(0, 0, 0, 0.035),
  0 22.3px 17.9px rgba(0, 0, 0, 0.042),
  0 41.8px 33.4px rgba(0, 0, 0, 0.05),
  0 100px 80px rgba(0, 0, 0, 0.07); border-radius:0; margin:0 auto; padding:30px 20px; width:50%; }





/* ---------------------------------------------------------------------------------------------------------------------------- */
/* FULLSCREEN MAINNAV */
/* ---------------------------------------------------------------------------------------------------------------------------- */

/* Overlay style */
.overlay                     { background:#fced00; height: 100%; left: 0; position: fixed; top: 0; width: 100%; }

/* Overlay closing cross */
.overlay .overlay-close {
	width: 32px;
	height: 32px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(../../img/common/assets/btns/cross_bw.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 99999;
}

/* Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	/* height: 100%; */
	/* position: relative; */
}

.overlay ul li {
	display: block;
	/* height: 20%; */
	/* height: calc(100% / 5); */
	/* min-height: 54px; */
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.overlay ul li a {
	font:normal 300 20px 'Exo 2', sans-serif;
	display: block;
	color: #000;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #f0f0f0;
}

/* Effects */
.overlay-door {
	visibility: hidden;
	width: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s;
	transition: width 0.5s 0.3s, visibility 0s 0.8s;
}

.overlay-door.open { visibility: visible;
	width: 100.6%; margin:0 0 0 -1px;
	-webkit-transition: width 0.5s;
	transition: width 0.5s;
	z-index:9999999;
}

.overlay-door nav {
	position: absolute;
	left: 50%;
	-webkit-transform: translateY(-10%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

.overlay-door nav,
.overlay-door .overlay-close {
	opacity: 0;
	-webkit-transition: opacity 0.3s 0.5s;
	transition: opacity 0.3s 0.5s;
}

.overlay-door.open nav,
.overlay-door.open .overlay-close {
	opacity: 1;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
  cursor:pointer;
}

.overlay-door.close nav,
.overlay-door.close .overlay-close {
	-webkit-transition-delay: 0s;
	transition-delay: 0s; cursor:pointer;
}


.overlay-door.close #mobile_footer,
.overlay-door.close nav {
  opacity: 0!important;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.overlay-door.close nav { opacity:0!important; padding:0 0 0 30px; text-align:left; width:100%; }
.overlay-door.close nav ul li { padding:0; }


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


#trigger-overlay,
#trigger-overlay-onscroll 		{ color:#294634; cursor:pointer; border-radius:0!important; font:300 18px 'Exo 2', sans-serif; letter-spacing: -0.04em; line-height: 22px; margin:10px; padding:10px; }
#trigger-overlay .fa,
#trigger-overlay-onscroll .fa	{ float:left; font-size:24px; margin: 0 10px 0 0; }
.overlay-door.open nav  			{ margin:0; padding:30px; width:100%; }
.overlay-door.open nav li a   { padding:5px 0; text-align:left; }
.overlay-door.open nav li a:hover { color:#294634; }

.overlay ul 									{ width:100%; }





/* ----------------------------------------------------------------------------------------------------------------------------- */
/* SECTION LANDINGS */
/* ----------------------------------------------------------------------------------------------------------------------------- */
figure#logolanding                     { margin:0; }
section#landing                        { padding:0; }
section#landing header                 { padding: 0; }
section#landing .header figure         { margin:5px 0 0 0; max-height: 420px; overflow:hidden; }
section#landing .header hr             { margin:20px auto 0 auto; }
section#landing hr                     { border:3px solid #fced00 }
section#landing header h1              { color:#727276; font-size:32px; margin:0; padding:0; text-align:center; text-transform: uppercase; }
section#landing header h1 p            { color:#fff; }
section#landing .header figure img     { width:100%; }
section#landing header h2              { color: #000; font: 300 26px 'Exo 2', sans-serif; margin: 0 0 40px 0; text-align: center; }
section#landing header h3              { color: #294634; font: normal 700 32px 'Exo 2', sans-serif; margin: 0 0 30px 0; text-align: left; text-transform: none; }
section#landing header h3 strong       { 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%); }

section#landing article                { padding:40px 0 0 0; }
section#landing aside.darkblock        { background:#f2f1e5; display:inline-block; margin: -6px 0 0 0; padding:80px 60px; width:100%; }
section#landing aside.darkblock hr              { border:5px solid #fced00; margin:-15px 0 40px 20px!important; width:20%; }
section#landing aside figure           { margin:0 0 20px 0; }

section#landing aside.lightblock       { padding:80px 60px; }
section#landing aside.lightblock hr              { border:5px solid #fced00; margin:-15px 0 40px 20px!important; width:20%; }
section#landing aside.lightblock div.content p   { text-align: left; }

section#landing .flex-video            { margin:0; padding-bottom:55%!important; }
section#landing ul                     { display: inline-block; margin:10px 0 40px 0; width:100%; }
section#landing ul li                  { border-bottom:1px solid rgba(0,0,0,.1); color:#294634; font:normal 600 20px 'Exo 2', sans-serif; padding:8px 0; text-align: left; }
section#landing ul li::before          { content: '\f058' ; font-family:'Font Awesome\ 5 Free'; font-size:14px; margin: 0 10px 0 0 ; }

section#landing aside#form             { /* background: #f2f1e5;*/ margin:-6px 0 0 0; padding:40px 0 0 0; text-align:center; width:100%; }
section#landing aside#form  .header                { padding:40px 0 ; }

section#landing aside#form header h2   { color:#727276; font:normal 600 32px 'Exo 2', sans-serif; margin:0 0 40px 0; text-align:center; text-transform:uppercase; }
section#landing aside#form header h2 span{ font:normal 300 32px 'Exo 2', sans-serif; }
section#landing aside#form header h2 strong { 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%); padding:0 5px 3px 5px; }
section#landing aside#form p           { margin:0 0 40px 0; text-align:center; }
section#landing aside#form label       { color:#727276; font:normal 300 20px 'Exo 2', sans-serif; margin:0 0 10px 0; text-transform: uppercase; }
section#landing aside#form fieldset    { margin:0 auto; }
section#landing aside#form fieldset input { border-radius:0; font:normal 300 20px 'Exo 2', sans-serif; height:60px; line-height: 60px; padding:10px 20px; }
section#landing aside#form fieldset ul { display:inline-block; margin:0 0 40px 0; width:100%; }
section#landing aside#form fieldset ul li:first-child { padding-left:0; }
section#landing aside#form fieldset ul li:last-child { padding-right:0; }
section#landing aside#form fieldset select { border-radius:0; background-position: 100% 50%; font:normal 300 20px 'Exo 2', sans-serif; height:60px; padding:10px 20px; text-align:center; }
section#landing aside#form fieldset input[type="number"] { text-align:center; }
section#landing aside#form fieldset input.button{ -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35);background:#f4d80f; color:#000; height: inherit; line-height: normal; padding:10px 20px; text-align:center; text-transform:uppercase; }
section#landing aside#form fieldset input.button:hover{ background:#000; color:#fff; }
section#landing aside#form fieldset button{ -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35);background:#f4d80f; color:#000; height: inherit; line-height: normal; padding:10px 20px; text-align:center; text-transform:uppercase; }
section#landing aside#form fieldset button:hover{ background:#000; color:#fff; }
section#landing aside#form fieldset textarea { min-height: 20rem;}

section#landing .bigtext                { background: #f2f1e5; margin:0; padding:60px 0 60px 0; }
section#landing .bigtext p              { color:#294634; font:italic 600 28px 'Exo 2', sans-serif; letter-spacing: normal; margin:0; text-align:center; }
section#landing .bigtext p strong       { color:#294634; display: block; font:italic 900 32px 'Exo 2', sans-serif; letter-spacing: normal; margin:0; text-align:center; }

section#landing p.small                 { margin:40px!important; }
section#landing figure#logolanding     { margin:0; }

aside#cita                              { padding:40px; }
aside#cita p.success                    { color:#294634; font:italic 600 32px 'Exo 2', sans-serif; text-align:center; width:100%; }
aside#cita p.codigo                     { display:inline-block; text-align:center; padding:20px 40px; width:100%; }
aside#cita p.codigo span                { background:#294634; color:#fff; display:inline-block; font:normal 600 22px 'Exo 2', sans-serif; text-align:center; padding:15px 50px;  }

.licenceFormat                          { color:#e83323; font:italic 600 16px 'Exo 2', sans-serif; }

table#doscols tbody                     { border:none!important; }
table#doscols tbody td                  { border:none!important; font:normal 600 20px 'Exo 2', sans-serif; text-align: center;  }
table#doscols tbody td img              { max-width:50%; }
table#doscols                           { border:none!important; }
table#doscols tbody tr:nth-child(even)  { background:none; }


.schedule header h4                     { font-size:14px; margin:0; }
.schedule ul                            { width:100%!important; }
.schedule ul li                         { width:50%!important; }
.schedule ul li p                       { border-bottom:1px solid rgba(0,0,0,.1)!important; margin:0 0 5px 0; padding:0 0 5px 0!important; width:auto!important;  }
.schedule ul li p.noborder              { border:none!important; }

.embed-container a.btn                  { background:#294634; border:none; color:#fff; cursor:pointer; font:italic 600 14px 'Exo 2', sans-serif!important; height: auto; margin:0!important; padding:5px 10px; text-transform: uppercase; }
.embed-container a.btn:hover            { background:#000; color:#fff; }





/* FORM VALIDATION */
input:invalid                           { /* background-color: #ffdddd;  border:2px solid red; */}
form:invalid                            { /* border: 5px solid #ffdddd; */ }
input:valid                             { /* background-color: #fff; */ }
form:valid                              { /* border: 5px solid #ddffdd; */ }
input:required                          { /* border-color: #800000; border-width: 3px; */}
aside#form p.success                    { background:#ddffdd; border: 1px solid #294634; color:#294634; font:normal 600 20px 'Exo 2', sans-serif; padding:40px; text-align: center; }


#menudesktop                                    { -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; display: none; height:87px; position:fixed; top:0px; width:100%; z-index:9999999; }
#menudesktop figure#logo                        { margin:-7px 0 0 0; }
#menudesktop #topbar                            { /* background:#fced00; */ }
#menudesktop #topbar aside#toplinks ul li a.btn { margin:0; }
/* Spinner */

.spinner                               { display: block; font-size: 71px; color: black; margin: 145px auto; opacity: 0.5; }
.g-recaptcha                           { margin: 0 auto !important; width: 20%; }


/* UPLOAD IMAGES */
.imageContainer           { display:inline; float:left; width:50%; }
.fileUploadFrontendButton { cursor:pointer; }
.firstitem, .seconditem                { text-align: center; }
.firstitem .fileUploadFrontendButton   { background:url("../../img/common/assets/bcks/upload_glass_picture.png") no-repeat 50% 50%; background-size:100%; height:480px; margin:0 auto; width:480px; }
.seconditem .fileUploadFrontendButton  { background:url("../../img/common/assets/bcks/upload_bastidor_picture.png") no-repeat 50% 50%; background-size:100%; height:480px; margin:0 auto; width:480px; }
.botones                               { display: inline-block; margin:60px 0; width:100%; }
.imageContainer h2                     { color:#000!important; font-size:24px!important; margin:0 0 15px 0!important; text-transform: none!important; }
.imageContainer p                      { font-size:16px!important; margin: 0 auto!important; max-width: 60%; text-align: center; }
.botones p.center                      { display: inline-block; margin:40px 0 0 0!important; width:100%; }
.botones p.center a                    { border-bottom:1px solid #294634; }

section#appointment div.panel          { display: inline-block; margin:20px 0 0 0; padding:10px 30px; text-align: center; width:100%;  }
section#appointment div.panel p        { color:#294634; font:italic 600 16px 'Exo 2', sans-serif; letter-spacing:-0.01em; line-height: 48px; margin:0 auto!important; text-align: center; width:75%; }
section#appointment h1 small           { display:block; color:#727276; font:italic 400 16px 'Exo 2', sans-serif; line-height: inherit; text-transform: none!important; }
section#appointment h1 small a         { border-bottom:1px solid #294634; }

div#matricula                          { background:none; border-radius:none; margin:0 0 60px 0; padding:20px; text-align:center; width:100%!important; }
div#matricula input[type="text"]       { box-shadow:0 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px rgba(0, 0, 0, 0.028), 0 12.5px 10px rgba(0, 0, 0, 0.035), 0 22.3px 17.9px rgba(0, 0, 0, 0.042), 0 41.8px 33.4px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07); border-radius:0; font:normal 600 16px 'Exo 2', sans-serif; margin:0 auto; padding:30px 20px; text-align:center; width:40%; }
div#matricula header h3                { text-transform: uppercase; }
div#matricula header h3 strong         { 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%); }

.imageWrapper                          { background: #fff; border-radius: 20px; margin:60px; padding: 0 40px; position: relative; }
img.carIdNumberImage,
img.damageImage                        { margin:40px 0!important; width:100%;}
.removeAppointmentOpenModal            { background:#000; border-radius: 64px; color:#fff; cursor:pointer; display: inline-block; height: 64px; line-height: 40px; padding:10px; position: absolute; top:-30px; width: 64px; }
.removeAppointmentCardImageExecute     { background:#000; border-radius: 64px; color:#fff; cursor:pointer; display: inline-block; height: 64px; line-height: 40px; padding:10px; position: absolute; top:-30px; width: 64px; }
#uploaded_images                  { padding: 0 40px; text-align: center; }
#uploaded_images header h3        { border-bottom-color: #294634!important; color: #294634; margin: 0 0 10px 0; max-width: none; width: 100%; }
#uploaded_images ul               { margin:0 0 40px 0; }
#uploaded_images ul li            { float:left; width:50%!important; }
#uploaded_images ul li:last-child { float:left!important; }
.laststep                         { margin:0; }
.laststep .insideBox              { border-bottom:none!important; padding:0!important; }
.laststep li                      { width:auto!important; }
.laststep li:first-child          { padding-right: 10px!important; text-align: right; width:50%!important; }
.laststep li:last-child           { padding-left: 10px!important; text-align: left; width:50%!important; }


.laststep li:first-child a.back      { background:#fff; border:1.5px solid #000!important; -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow:3px 3px 5px 6px #ccc; box-shadow:3px 3px 5px 6px #ccc; color:#000; cursor:pointer; font:400 18px 'Exo 2', sans-serif; height: auto; margin:0; padding:10px 60px; text-transform: uppercase; }
.laststep li:first-child a.back:hover{ background:#000; color:#fff; }

.laststep li input.btn  { -webkit-transition:background 0.3s ease; -moz-transition:background 0.3s ease; -o-transition:background 0.3s ease;	transition:background 0.3s ease; background:#fced00 url(../../img/common/assets/icos/ral_ico_arrow_right.svg) no-repeat 90% 50%; background-size: 14px; color:#000!important; border:none; border-radius:0; cursor: pointer; -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow:3px 3px 5px 6px #ccc; box-shadow:3px 3px 5px 6px #ccc; color:#000; cursor:pointer; height: auto; margin:-10px 0 0 0; padding:10px 40px 10px 20px; text-transform: uppercase; }
.laststep li input.btn:hover { background:#294634 url(../../img/common/assets/icos/ral_ico_arrow_right_hover.svg) no-repeat 92% 50%; background-size: 14px; color:#fff!important;  }

#exampleModal1 { padding:40px; }
#exampleModal1 h1 { text-align: center; }
#exampleModal1 p  { margin-bottom:40px; text-align: center; }
#exampleModal1 .btn-secondary       { background:#fff; border:1.5px solid #000!important; -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow:3px 3px 5px 6px #ccc; box-shadow:3px 3px 5px 6px #ccc; color:#000; cursor:pointer; font:400 18px 'Exo 2', sans-serif; height: auto; margin:0; padding:10px 60px; text-transform: uppercase; }
#exampleModal1 .btn-secondary:hover { background:#000; color:#fff; }
#exampleModal1 .btn-primary         { background:#fced00; border:none; border-radius:0; -webkit-box-shadow: 3px 3px 5px 6px #ccc; -moz-box-shadow:3px 3px 5px 6px #ccc; box-shadow:3px 3px 5px 6px #ccc; color:#000; cursor:pointer; display:inline-block; height: auto; margin:0 0 0 0!important; padding:10px 20px; text-transform: uppercase; }
#exampleModal1 .btn-primary:hover   { background:#294634; color:#fff; }

.fa-spin{ font-size:70px; }


h1#nomargin { margin:20px 0 0 0!important; }


/* UPDATE SIGNIA AGOST 2021 */
.localizador header h1 { color: #727276; font: 600 32px 'Exo 2', sans-serif!important; margin: 0!important; text-align: center; text-transform: uppercase; }
.localizador .entradeta{ margin:15px 0 70px!important; }
.localizador li#workshopsMap,
.localizador li#workshops    { width:47.2%!important; }
.localizador li#workshops:last-child div { padding:0!important; }
.localizador li#workshops{ position: relative; }
.localizador li#workshops p { max-width:75%; }
.localizador .centerLink { background: url(../../img/common/assets/icos/ral_ico_taller_localizador.png) no-repeat 50% 0%; background-size: contain; display: inline-block; font-size:9px; height:52px; padding:60px 0 0 0; position:absolute; right:20px; text-transform: uppercase; top:30px; width:52px; }
.localizador .tallerContainer { border-radius:0!important; margin:0!important; max-width: 100%!important; padding:15px!important; width:100%!important; }
section#appointment aside#searchCenter ul.workshopListBodyLocator   { display:inline-block; margin:0; max-height:44em; overflow-y: scroll; overflow-x: hidden; }



/* ----------------------------------------------------------------------------------------------------------------------------- */
/* SECTION PROMOTION */
/* ----------------------------------------------------------------------------------------------------------------------------- */

section#promotion                       { display:inline-block; width:100%; }
section#promotion aside#reasons         { background:#f2f1e5; margin: 0; padding:60px 0; }
section#promotion aside#reasons header h2 { display:inline-block; margin:0 0 40px 0; text-align:center; text-transform:none; width:100%; }
section#promotion aside#reasons ul      { margin:0; }
section#promotion aside#reasons ul li   { margin:0 0 40px 0; text-align:center; }
section#promotion aside#reasons ul li 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 28px 'Exo 2', sans-serif; margin:0 0 10px 0; padding:0 5px 5px 5px; text-transform: uppercase; }
section#promotion aside#reasons ul li figure { margin:0 0 10px 0; }
section#promotion aside#reasons ul li figure img { /* max-width:45%; */ }
section#promotion aside#reasons ul li p { line-height: 24px; }
section#promotion aside#advantages      { margin: 0; padding:60px 0; }
section#promotion aside#advantages header h2 { margin:0 0 40px 0; text-align:center; text-transform:none; }
section#promotion aside#advantages ul   { margin:0; }
section#promotion aside#advantages ul li{ margin:0 0 40px 0; text-align:center; }
section#promotion aside#advantages ul li 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 28px 'Exo 2', sans-serif; padding:0 5px 5px 5px; text-transform: uppercase; }
section#promotion aside#advantages ul li figure { margin:0 0 20px 0; }
section#promotion aside#advantages ul li figure img { max-width:45%; }
section#promotion aside#advantages ul li p { line-height: 24px; }
section#promotion aside#highlights      { background: #000; display: inline-block; margin: 0 0 40px 0; /* padding:0 0 100px 0; */ position:relative; width:100%; }
section#promotion aside#highlights .content { left:0; position:absolute; top:60px; width:100%; }
section#promotion aside#highlights .content header h2 { color:#fff; font:normal 600 32px 'Exo 2', sans-serif; margin:0 0 40px 0; text-align: center; }
section#promotion aside#highlights .content ul { margin:0 25% 40px; }
section#promotion aside#highlights .content ul li { background:url("../../img/common/assets/bcks/ral_bck_tic_list.svg") no-repeat 0% 18px; background-size:18px; color:#fff; font:normal 400 18px 'Exo 2', sans-serif; line-height:24px; padding:10px 0 10px 35px; text-align: justify; }
section#promotion aside#highlights .content p.center { color:#fff!important; font:normal 300 24px 'Exo 2', sans-serif; line-height: 26px; margin:-25px 0 50px 0; text-align:center; }
section#promotion aside#highlights .content p.intro { color:#fff!important; font:normal 300 24px 'Exo 2', sans-serif; margin:-25px auto 50px auto; max-width:60%; text-align:center; }
section#promotion aside#highlights .content p { color:#fff!important; font:normal 400 18px 'Exo 2', sans-serif; line-height: 26px; margin:0 26.6% 20px 26.6%; max-width:60%; text-align:justify; }
section#promotion aside#highlights .content ul li a { color:#fff!important; }
section#promotion aside#highlights figure{ margin:0; }
section#promotion aside#text             { padding: 20px 0; text-align:center; }
section#promotion aside#form             { padding:60px 0; text-align:center; }
section#promotion aside#form header h2   { color:#727276; font:normal 600 32px 'Exo 2', sans-serif; margin:0 0 40px 0; text-align:center; text-transform:uppercase; }
section#promotion aside#form header h2 span{ font:normal 300 32px 'Exo 2', sans-serif; }
section#promotion aside#form header h2 strong { 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%); padding:0 5px 3px 5px; }
section#promotion aside#form p           { margin:0; text-align:center; }
section#promotion aside#form label       { color:#727276; font:700 16px 'Exo 2', sans-serif; margin:0 0 10px 0; text-align:left; text-transform: uppercase; }
section#promotion aside#form label span  { color:#727276; /* font:300 16px 'Exo 2', sans-serif; margin:0 0 10px 0; text-align:left; text-transform: uppercase; */ }
section#promotion aside#form p.small     { margin:0!important; }
section#promotion aside#form fieldset    { margin:0 auto; }
section#promotion aside#form fieldset input { border-radius:0; font:normal 300 20px 'Exo 2', sans-serif; height:50px; line-height:50px; padding:10px 15px; }
section#promotion aside#form fieldset ul { display:inline-block; margin: 0; width:100%; }
section#promotion aside#form fieldset ul li { font:normal 400 18px 'Exo 2', sans-serif; margin:0 0 20px 0; }
section#promotion aside#form fieldset ul li ul li { color: red!important; font:normal 700 14px 'Exo 2', sans-serif!important; }
section#promotion aside#form fieldset ul li:first-child { /* padding-left:0; */ }
section#promotion aside#form fieldset ul li:last-child { /* padding-right:0; */ }
section#promotion aside#form fieldset select { border-radius:0; background-position: 100% 50%; font:normal 300 18px 'Exo 2', sans-serif; height:50px; padding:10px 15px; /* text-align:center; */ }
section#promotion aside#form fieldset input[type="number"] { text-align:center; }
section#promotion aside#form fieldset input.button{ -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); background:#f4d80f; color:#000; height: inherit; line-height: normal; padding:10px 20px; text-align:center; text-transform:uppercase; }
section#promotion aside#form fieldset input.button:hover{ background:#000; color:#fff; }
section#promotion aside#form fieldset button{ -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); background:#f4d80f; border-radius:0; color:#000; cursor:pointer; height: inherit; font-weight: 600; line-height: normal; padding:15px 70px; text-align:center; text-transform:uppercase; }
section#promotion aside#form fieldset button:hover{ background:#000; color:#fff; }
section#promotion aside#form fieldset input[type="checkbox"] { height:auto; margin: 0 7px 0 0; }
section#promotion aside#description        { padding:40px 20px; }
section#promotion aside#description p.intro{ font:normal 300 22px 'Exo 2', sans-serif; line-height: 30px; margin:0; padding: 0 150px; text-align: justify; }
section#promotion aside#content            { padding:0 20%; }
section#promotion aside#content header h2  { text-align:center;  }
section#promotion aside#content header h3  { font:normal 400 32px 'Exo 2', sans-serif; letter-spacing: -0.02em;text-align:center;  }
section#promotion aside#content figure img { margin:50px auto; text-align: center; }
section#promotion aside#content p          { text-align: justify; }
section#promotion .flex-video              { margin:80px 20% 0; padding-bottom:35%; }
section#promotion aside#list              { margin: 0; padding:0 0 100px 0; }
section#promotion aside#list header h2    { display:inline-block; margin:0 0 40px 0; text-align:center; text-transform:none; width:100%; }
section#promotion aside#list ul           { margin:0 0 80px 0; }
section#promotion aside#list ul li        { margin:0 0 80px 0; text-align:center; }
section#promotion aside#list ul li 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 24px 'Exo 2', sans-serif!important; color:#727276; display:inline-block; font:normal 600 28px 'Exo 2', sans-serif; margin:0 0 10px 0; padding:0;  }
section#promotion aside#list ul li header h3:hover { color:#294634!important; }
section#promotion aside#list ul li header h3 a { border-bottom:1px solid rgba(0,0,0,.1); font:normal 300 20px 'Exo 2', sans-serif; color:#727276; line-height: 38px; margin:0 0 20px 0; padding:0; text-transform: uppercase; }
section#promotion aside#list ul li header h3 a:hover { border-bottom:1px solid #294634; font:normal 300 20px 'Exo 2', sans-serif; color:#294634; line-height: 38px; margin:0 0 20px 0; padding:0; text-transform: uppercase; }
section#promotion aside#list ul li figure { margin:0 0 20px 0; }
section#promotion aside#list ul li figure img { /* max-width:45%; */ }
section#promotion aside#list ul li p { line-height: 24px; }
section#promotion aside#list ul li figure a {  -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease;	transition:opacity 0.3s ease; }
section#promotion aside#list ul li figure a:hover { opacity:0.65; }

/* Services Header Title / Subtitle */
.promotiontitle                        { display:inline-block; margin:0; text-align: center; width:100%; }
.promotiontitle header h1              { color:#000; font-size:38px; letter-spacing: -0.02em; }
.promotiontitle p.subtitle             { color:#000; font:300 26px 'Exo 2', sans-serif; margin:0 0 40px 0; text-align:center; }
.promotiontitle p                      { color:#000; font:normal 300 20px 'Exo 2', sans-serif; line-height: 28px; margin:0 0 20px 0; padding: 0 200px; text-align: justify; }


#campanas     { padding-top:80px; }
#campanas hr  { margin-bottom:80px;}


/* UPDATE MARCH 2022 */
aside.tallerunico ul { display:inline-block; width:100%!important; }
aside.tallerunico ul li:first-child { float:left; width:63%!important; }
aside.tallerunico ul li:last-child { float:right; width:30%!important; }
aside.tallerunico .mapa   { float:left; padding:30px; width:45%!important; }
aside.tallerunico .mapa p { margin-top:15px; }
aside.tallerunico .mapa p a { font:700 14px 'Exo 2', sans-serif; }
aside.tallerunico .mapContainer { min-height:350px; }
aside.tallerunico .datostaller  { float:left; padding:30px 30px; width:55%; }
aside.tallerunico .datostaller header h3 { border:none!important; font:normal 600 22px 'Exo 2', sans-serif!important; letter-spacing: normal; text-align: left!important; text-transform: none!important; }
aside.tallerunico .datostaller ul { float:left; text-align:left!important;  }
aside.tallerunico .datostaller ul li { border-bottom:1px dotted rgba(0,0,0,.1); border-radius: 0!important; float:none!important; font:700 16px 'Exo 2', sans-serif; margin:0!important; min-height: inherit!important; padding:5px 0 10px 0!important; text-align: left!important; width:100%!important; }
aside.tallerunico .datostaller ul li:first-child { border-bottom:none; font:400 16px 'Exo 2', sans-serif!important; line-height: 22px; margin:0 0 5px!important; }
aside.tallerunico .datostaller .otrotaller { display: inline-block; margin:41.5% 0 0 0; text-align: left!important; width:100%; }
aside.tallerunico .datostaller .otrotaller a { */ background:#fced00;*/ color:#000; font:700 14px 'Exo 2', sans-serif; padding:15px 0; }
aside.tallerunico .datostaller .otrotaller a:hover { /* background:#000; color:#fff; */ }
aside.tallerunico #media { display: none!important; }


/* CUSTOM EKOMI */
.slider-container.custom-carousel .reviews__item .seal-type-box img { display: none!important; }
.slider-container.custom-carousel .reviews__item .reviews__item__box .rating-stars { padding:0px 0 0 10px!important; }

.sustainability article   { background: #fff!important; color:#294634!important; padding:40px 0; }
.sustainability h1        { color:#294634!important; }
.sustainability h2        { color:#294634!important;margin:80px 0 60px!important; text-align:center!important; }
.sustainability h3        { color:#294634!important; font-size:24px!important; font-weight:600!important; margin:40px 0 15px!important; text-transform: none!important; }
.sustainability .primerbloque        { margin:20px 0 100px 0!important; }
.sustainability .primerbloque .text  { padding:0 60px 0 0; }
.sustainability .primerbloque figure { margin:20px 0 0 0!important; }

.sustainability .segundobloque .text { padding:0 0 0 60px;  }
.sustainability .segundobloque figure{ margin:40px 0 0 0!important; }

.sustainability .tercerbloque        { margin:100px 0 50px 0!important; }
.sustainability .tercerbloque .text  { padding:0 60px 0 0; }
.sustainability .tercerbloque figure { margin:20px 0 0 0!important; }

.sustainability article#green { background: #d1e6df!important; color:#294634!important; padding:60px 0; }
.sustainability article#green .leftbloque { margin:0 0 100px 0; }
.sustainability article#green .leftbloque .text { padding:0 0 0 60px; }
.sustainability article#green .leftbloque figure { margin:40px 0 0 0; }
.sustainability article#green .rightbloque { margin:0 0 40px 0; }
.sustainability article#green .rightbloque .text { padding:0 60px 0 0; }
.sustainability article#green .leftbloque figure { margin:40px 0 0 0; }


#options                  { margin:40px 0 0 0; padding:20px 0 80px; position: relative; }
#options .left            { background:url("../../img/common/assets/bcks/bck_cita.jpg") no-repeat 50% 50%; padding:40px 200px 60px; text-align: center; }
#options .right           { background:url("../../img/common/assets/bcks/bck_masinfo.jpg") no-repeat 50% 50%; margin:-40px 0 0 0; padding:40px 100px 60px; text-align: center; }
#options .left header h3  { color:#fff; font:700 26px 'Exo 2', sans-serif; text-align:center; }
#options .right header h3 { color:#007a38; font:700 26px 'Exo 2', sans-serif; text-align:center; }
#options figure           { position: relative; }
#options figure img       { margin:-161px 0 0 -100px; max-width: 180px; position: absolute; }
#options .btn_yellow      { background:#fced00; color:#000; display: inline-block; font:normal 600 18px 'Exo 2', sans-serif; margin:10px 0 0 0; padding:15px 60px; text-align: center; text-transform: uppercase; }
#options .btn_green       { background:#007a38; color:#fff; display: inline-block; font:normal 600 18px 'Exo 2', sans-serif; margin:10px 0 0 0; padding:15px 40px; text-align: center; text-transform: uppercase; }

.valora                   { color:#fff; display: inline-block; font:400 14px 'Exo 2', sans-serif; margin: 10px 0 0 0 !important; text-align: center; width:100%; }

.errorMessage             { background:#007a38; color:#fff; display:block; font:normal 600 18px 'Exo 2', sans-serif; margin:0 auto; max-width: 90rem; padding:35px 40px; text-align: center; }


#presupuesto                  { margin:0 auto; max-width:70rem; padding:60px 0; }
#presupuesto h1               { margin:0 0 10px 0; }
#presupuesto h2               { background:#294634; color:#fff; font-size:20px; font-weight: 700; margin:0; padding:15px 0 15px 0; text-align: center; text-transform:uppercase; }
#presupuesto p.entradeta      { margin:0 0 40px!important; }
#presupuesto .wrapper         { background:rgba(209,230,223,0.5); display: inline-block; padding:40px; width:100%; }
#presupuesto ul               { background:#fff; margin:0 0 20px 0; padding:30px 0; }
#presupuesto ul li strong     { color:#294634; display: block; font:700 16px 'Exo 2', sans-serif; margin:0 0 10px 0; text-transform: uppercase;}
#presupuesto ul li            { font:400 16px 'Exo 2', sans-serif; padding-left:30px; text-align: left; }
#presupuesto ul li:last-child strong { font-size: 16px; }
#presupuesto ul li:last-child { border-top:1px solid #d1e6df; display: inline-block; font:400 16px 'Exo 2', sans-serif; margin-top:25px; padding:25px 0 20px 30px; text-align: left; width:100%; }
#presupuesto .total           { background:#fff; display: inline-block; padding:30px; width:100%; }
#presupuesto .total           { background:#fff; display: inline-block; padding:30px; width:100%; }

#presupuesto .total .price    { color:#294634; font:700 26px 'Exo 2', sans-serif; text-align:right; }
#presupuesto .total header h3 { color:#294634; font:700 20px 'Exo 2', sans-serif; margin:0; text-align:left; text-transform: uppercase; }
#presupuesto .total p         { color:rgba(0,0,0,.5); font:400 14px 'Exo 2', sans-serif; padding:5px 0; text-transform: uppercase; }

#presupuesto .footertext      { color:#000; margin:20px 0 0 0; text-align: center; }
#presupuesto .footertext strong{ color:#294634; font:700 22px 'Exo 2', sans-serif; }
#presupuesto .footertext strong{ color:#294634; font:700 22px 'Exo 2', sans-serif; }