.logo {
margin-bottom: 15px;}
#et_main_map {
height: 750px !important;
width: 100%;}
.et_marker_info {
background: none repeat scroll 0 0 #FFFFFF;
display: none;
opacity: 0;
position: absolute;
z-index: 3000;
bottom: 0px;
left: 150px;}
.listing-info a {
color: #000 !important;}
.listing-info a:hover {
color: #fa0506 !important;}
.listing-infoa a {
color: #fa0506 !important;}
.listing-infoa a:hover {
color: white !important;}
.location-description { width: 320px; text-align: center; -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1); }
.location-title { -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1); box-shadow: inset 0 3px 20px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.3); }
.location-title h2 { font-size: 22px; color: #000; text-shadow: 1px 1px 0 #fff; border-bottom: 1px solid #e6f4fb; padding: 10px; margin-bottom: 10px;}
.listing-info { margin-bottom: -6px; padding: 0 16px; }
#direccion .location-description { width: 100%; text-align: left; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#direccion .location-title {
border: medium none;
box-shadow: none;
}
#direccion .location-title h2 {
padding: 0px;
margin-top: 20px;
margin-bottom: 25px;
color: #000;
border-bottom: none;
font-size: 24px;
text-transform: uppercase;
}
#direccion .listing-info { margin-bottom: 0px; padding: 0px; }
.page-id-9159 .fusion-page-title-bar {
padding-bottom: 10px;
}
.page-id-9159 .fusion-page-title-wrapper {
align-items: flex-end;
ms-flex-align: flex-end;
-webkit-align-items: flex-end;
}
#from-input2 {
width: 300px;
}
#to-input2 {
padding: 0 10px;
width: 300px;
}
.negro {
color: #020202;
}
.rojo {
color:#fa0405;
}
.cmplz-soft-cookiewall {
z-index: 99999 !important;
}
.txtdestacado {
color: #fa0405; text-shadow:
1px 1px 0px white, -1px -1px 0px white, 1px -1px 0px white, -1px 1px 0px white; }
.fusion-form-checkbox.option-inline label {
padding-left: 22px !important;
}
.alturaminima {
min-height: 96px;
}
.fusion-form-checkbox label {
font-size: 12px !important;
}
.fusion-form-field.fusion-form-consent-field.fusion-form-label-above {
margin: 0;
}
.alturatotal .fusion-column-wrapper.fusion-column-has-shadow.fusion-flex-justify-content-flex-start.fusion-content-layout-column {
min-height: 263px;
}
.fusion-footer .fusion-li-icon, .single-post .fusion-li-icon, .page-id-9162  .fusion-li-icon {
font-size: 27px;
}
bold, strong {
font-weight: bold!important;
} .subtitulo {
color: #020202;
font-size: 40px;
font-weight: 400;
}
.txtrojo {
color: #fa0405;
font-weight: bold;
font-size: 23px;
}
.txtnegro {
color: #020202;
font-weight: bold;
font-size: 23px;
}
.txtrojoteam {
color: #fa0405;
font-weight: bold;
font-size: 45px;
font-family: 'Allura', cursive;
font-style: normal;
line-height: 0px;
}
.artboxr {
color: #fa0405;
font-weight: bold;
font-size: 21px;
text-transform: uppercase;
}
.artboxn {
color: #020202;
font-weight: bold;
font-size: 21px;
text-transform: uppercase;
} .artboxr2 {
color: #fa0405;
font-weight: bold;
font-size: 32px;
text-transform: uppercase;
}
.artboxn2 {
color: #020202;
font-weight: bold;
font-size: 32px;
text-transform: uppercase;
}
.artboxtitulor {
color: #fa0405;
font-weight: bold;
font-size: 32px;
text-transform: uppercase;
}
.artboxtitulon {
color: #020202;
font-weight: bold;
font-size: 32px;
text-transform: uppercase;
} .enlacepoblaciones a {
color: #020202;
}
.enlacepoblaciones a:hover {
color: #fa0405;
} .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon img {
margin-right: 0px;
}
.home .content-box-column {
padding: 10px;
}
.fusion-content-boxes {
margin-bottom: 40px;
}
.fusion-content-boxes.fusion-columns-1 .fusion-column {
margin-bottom: 0px!important;
}
.motorista::before {
content: "";
background-image: url(//artboxbcn.es/wp-content/uploads/motociclista.png);
height: 400px;
width: 400px;
position: absolute;
right: -20%;
background-size: contain;
background-repeat: no-repeat;
border: 1px solid #fa0405;
background-position: center;
z-index: 100000;
}
.tipoboxes .content-box-heading.fusion-responsive-typography-calculated {
font-family: "Noto Sans";
font-size: 18px!important;
color: #020202;
}
.zartbox {
z-index: 99999;
}
.destacado1 {
text-transform: uppercase;
font-size: 39px;
font-weight: bold;
color: #020202;
}
.destacado2 {
font-size: 39px;
font-weight: bold;
color: #020202;
} .blockquote-wrapper {
display: flex; padding: 0 20px;
} .blockquotecita {
position: relative; font-weight: 800;
color: #dd;
padding: 30px 0;
width: 100%; z-index: 1; align-self: center;
border-top: solid 2px;
border-bottom: solid 2px;
}
.blockquotecita h4 {
text-align: right;
} .blockquotecita h2 {
position: relative;
color: #020202;
font-size: 27px!important;
font-weight: 700;
line-height: 1;
text-align: justify;
margin: 0;
} .blockquotecita::after {
position: absolute;
content: "”";
color: #fa0405;
font-size: 10rem;
line-height: 0;
bottom: -43px;
right: 30px;
}
.artboxrquote {
color: #fa0405;
font-weight: bold;
font-size: 27px;
text-transform: uppercase;
}
.artboxnquote {
color: #020202;
font-weight: bold;
font-size: 27px;
text-transform: uppercase;
} @media all and (min-width: 600px) {
.blockquotecita h1 {
font-size: 60px;
}
} .blockquotecita h4 {
position: relative;
color: #808080;
font-size: 18px;
line-height: 1;
margin: 0;
padding-top: 15px;
z-index: 1;
font-style: italic;
}  .table-1 table th {
background: #fa0405!important;
text-align: center;
color: #fff;
letter-spacing: 1px;
padding: 10px;
text-align: center;
font-size: 16px;
text-transform: uppercase;
} .cajaroja {
background: #fa0405;
color: #fff;
} .timeline {
display: flex;
flex-direction: column;
margin: 20px auto;
position: relative;
}
.timeline__event {
margin-bottom: 20px;
position: relative;
display: flex;
margin: 20px 0;
border-radius: 6px;
align-self: center;
width: 50vw;
}
.timeline__event:nth-child(2n + 1) {
flex-direction: row-reverse;
}
.timeline__event:nth-child(2n + 1) .timeline__event__date {
border-radius: 0 6px 6px 0;
}
.timeline__event:nth-child(2n + 1) .timeline__event__content {
border-radius: 6px 0 0 6px;
}
.timeline__event:nth-child(2n + 1) .timeline__event__icon:before {
content: "";
width: 2px;
height: 200%;
background: #fa0405;
position: absolute;
top: 0%;
left: 50%;
right: auto;
z-index: -1;
transform: translateX(-50%);
animation: fillTop 2s forwards 2s ease-in-out;
}
.timeline__event:nth-child(2n + 1) .timeline__event__icon:after {
content: "";
width: 100%;
height: 2px;
background: #fa0405;
position: absolute;
right: 0;
z-index: -1;
top: 50%;
left: auto;
transform: translateY(-50%);
animation: fillLeft 2s forwards 4s ease-in-out;
}
.timeline__event__content {
padding: 40px;
box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
background: #fff;
width: calc(40vw - 84px);
border-radius: 0 6px 6px 0;
}
.timeline__event__date {
color: #fff;
font-size: 1.5rem;
font-weight: 600;
background: #020202;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
padding: 0 40px;
border-radius: 6px 0 0 6px;
}
.timeline__event__icon {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
padding: 20px;
align-self: center;
margin: 0 20px;
background: #fa0405;
border-radius: 100%;
width: 40px;
box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
padding: 40px;
height: 40px;
position: relative;
}
.timeline__event__icon i {
font-size: 32px;
}
.timeline__event__icon:before {
content: "";
width: 2px;
height: 200%;
background: #fa0405;
position: absolute;
top: 0%;
z-index: -1;
left: 50%;
transform: translateX(-50%);
animation: fillTop 2s forwards 4s ease-in-out;
}
.timeline__event__icon:after {
content: "";
width: 100%;
height: 2px;
background: #fa0405;
position: absolute;
left: 0%;
z-index: -1;
top: 50%;
transform: translateY(-50%);
animation: fillLeftOdd 2s forwards 4s ease-in-out;
}
.timeline__event__description {
flex-basis: 60%;
}
.timeline__event__description p {
margin-bottom: 0px;
}
.timeline__event--type2 .timeline__event__date {
color: #fff;
background: #020202;
}
.timeline__event--type2:nth-child(2n + 1) .timeline__event__icon:before, .timeline__event--type2:nth-child(2n + 1) .timeline__event__icon:after {
background: #fa0405;
}
.timeline__event--type2 .timeline__event__icon {
background: #fa0405;
color: #fff;
}
.timeline__event--type2 .timeline__event__icon:before, .timeline__event--type2 .timeline__event__icon:after {
background: #fa0405;
}
.timeline__event--type3 .timeline__event__date {
color: #fff;
background-color: #020202;
}
.timeline__event--type3:nth-child(2n + 1) .timeline__event__icon:before, .timeline__event--type3:nth-child(2n + 1) .timeline__event__icon:after {
background: #fa0405;
}
.timeline__event--type3 .timeline__event__icon {
background: #fa0405;
color: #fff;
}
.timeline__event--type3 .timeline__event__icon:before, .timeline__event--type3 .timeline__event__icon:after {
background: #fa0405;
}
.timeline__event:last-child .timeline__event__icon:before {
content: none;
}
@media (max-width: 786px) {
.timeline__event {
flex-direction: column;
align-self: center;
}
.timeline__event__content {
width: 100%;
}
.timeline__event__icon {
border-radius: 6px 6px 0 0;
width: 100%;
margin: 0;
box-shadow: none;
}
.timeline__event__icon:before, .timeline__event__icon:after {
display: none;
}
.timeline__event__date {
border-radius: 0;
padding: 20px;
}
.timeline__event:nth-child(2n + 1) {
flex-direction: column;
align-self: center;
}
.timeline__event:nth-child(2n + 1) .timeline__event__date {
border-radius: 0;
padding: 20px;
}
.timeline__event:nth-child(2n + 1) .timeline__event__icon {
border-radius: 6px 6px 0 0;
margin: 0;
}
}
@keyframes fillLeft {
100% {
right: 100%;
}
}
@keyframes fillTop {
100% {
top: 100%;
}
}
@keyframes fillLeftOdd {
100% {
left: 100%;
}
} @media only screen and (min-device-width : 280px) and (max-device-width : 620px) {
#et_main_map {
width: 100%;
height: 350px !important; }
} @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.t1home .fusion-title-heading {
font-size: 54px !important;
}
.t2 .fusion-title-heading {
font-size: 24px !important;
}
.telfooter {
color: #000;
}
.telfooter:hover {
color: #fa0405;
}
.subtitulo {
color: #020202;
font-size: 25px;
font-weight: 400;
line-height: 1.5em;
}
#fijo-footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;  z-index: 9999;  padding: 10px 0;
}
#fijo-footer a {
flex: 1;
text-align: center; font-size: 25px;
text-decoration: none;
}
#fijo-footer a:hover {
color: #ff0000; }
.qlwapp-toggle {
margin-right: 20px;
margin-bottom: 70px!important;
}
#qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-icon {
margin: 0 0px 0 0;
} .blockquotecita h2 {
font-size: 19px !important;
}
.timeline__event {
width: 70vw;
}
.timeline__event__content {
padding: 25px 15px;
}
.timeline__event__description p {
font-size: 14px;
}
}