#solicitar-info-centro {width: 210px;background-color: #00adef;border: 0;padding: 1rem;color:#fff;text-decoration:none}
.aui body {background-color:#181A1C}
.ficha-centro .layer{opacity: .4}
.map-tooltip-details{text-align: center;padding: 1rem 0 0}
.info-evento {padding: 0.5rem 0}
.aui select{font-size:1rem}
#mapa-centros{height:700px;width:80%;float:right}
#menu--slide-right{width: 20%;transform: inherit;position: relative;overflow: auto;margin: 0;padding: 0;min-height: 700px}
#section_mapa h1{position: absolute;background-color: rgba(0,0,0,0.5);z-index: 2;color: #fff;padding: 0 1rem;margin: 8.5rem 0;font-family: corpo a condensed;left: 50%;transform: translate(-50%,0);font-size: 30px}
#section_mapa h2{position: absolute;background-color: rgba(0,0,0,0.5);z-index: 2;color: #fff;padding: 0 1rem;margin: 5.65rem 0;font-family: corpo a condensed;left: 50%;transform: translate(-50%,0);font-size: 1.4rem}
.tour.map-button {width: 90%;padding: 8px;text-align: center;font-size: 15px;margin:0 auto;background: #00a4ff;color: #fff}
.aui .map-tooltip-content p {color: #000;padding: 0;margin: 0}
.c-buttons{position: fixed;z-index: 9;background: #fff;right: 0;top: 50%}
#c-button--slide-right{padding: 1rem;border: 0;color: #000;font-size: 2rem}
#button--slide-right{padding: 1rem;border: 0;color: #000;font-size: 2rem}
#c-menu__close:hover,.tour.map-button:hover{background-color:#181a1c !important}
.c-menu--slide-right{overflow-y: auto}
.c-menu{background-color:#fff}
.c-menu--slide-right .c-menu__item {border-color: #999;border-top: 0}
.c-menu--slide-right .c-menu__link{color:#000}
#c-menu--slide-right h2, #menu--slide-right h2 {position: relative;top: 0;margin: 0;text-align: center;color: #000;background: #fff;border-bottom: 1px solid #999;padding: 2rem 0 1rem}
.c-menu__item{padding:1rem 0}
.c-menu__item h4{font-size: 1.12rem;font-weight: bold !important}
.c-menu--slide-right.is-active{height: 615px;top: 5rem}
.checkbox input[type="checkbox"], .checkboxDiv input[type="checkbox"] {opacity: 0}
#c-menu--slide-right .checkbox label::before, #c-menu--slide-right .checkboxDiv label::before{background-color: #fff}
#menu--slide-right .checkbox label::before, #menu--slide-right .checkboxDiv label::before{background-color: #fff}
#menu--slide-right .c-menu__items{margin:auto}
#c-menu--slide-right .checkbox label::after, #c-menu--slide-right .checkboxDiv label::after{color:#000}
#menu--slide-right .checkbox label::after, #menu--slide-right .checkboxDiv label::after{color:#000}
#c-menu--slide-right  li.c-menu__item .checkbox {display: table;}
#menu--slide-right .c-menu__close{width:90%;margin:1rem auto;}
#c-menu--slide-right .c-menu__close{width:90%;margin:1rem auto;}
#menu--slide-right  li.c-menu__item .checkbox {display: table;}
#c-menu--slide-right .grupo{padding: 0 2rem}
#menu--slide-right .grupo{padding: 0 2rem}
.ficha-centro{padding-bottom: 5rem;background:#fff}
.ficha-centro .featured-image{height: 34rem;background-position-y: 70%}
.ficha-centro #contentPage .container {margin-top: -4rem}
.info-contenido {padding: 3rem 5rem;webkit-box-shadow: -35px 39px 68px -23px rgba(166,166,166,0.55);-moz-box-shadow: -35px 39px 68px -23px rgba(166,166,166,0.55);box-shadow: -35px 39px 68px -23px rgba(166,166,166,0.55);clear: both;height: auto}
.aui .info-contenido h2 {font-family: corpo a condensed;text-align: left}
.telf{font-size:2rem}
.aui .telf a{color:#fff}
.info-contenido .image{height: 14rem;position:relative;margin-left: 0.5rem}
.info-contenido .image a{left: 50%;transform: translate(-50%, 25%);position: absolute;width: 140px;top: 25%}
.description-centro{margin-top: -6rem}
.description-centro .container{max-width:1000px}
.description-centro .info-contenido{padding-top: 2rem;padding-bottom:2rem;font-size: 1.2rem;overflow:hidden}
.description-centro .info-contenido .span6{margin-left: 0}
#contentPage .info-contenido{box-shadow: -35px -16px 68px -23px rgba(166,166,166,0.55)}
.description-centro h2{text-align: center;border-bottom: 1px solid #999}
.aui .info-contenido p{color:#000 !important;padding: 0}
.aui .info-contenido .span4{margin:0;text-align:center}
.info-contenido .span4 a {margin-bottom: 1rem}
.description-centro .solicitar-info-centro{position: relative;z-index: 9999;background: #fff;padding: 1rem;box-shadow: -11px 12px 35px -5px rgba(166,166,166,0.55);webkit-box-shadow: -11px 12px 35px -5px rgba(166,166,166,0.55);-moz-box-shadow: -11px 12px 35px -5px rgba(166,166,166,0.55);background-color: #00adef;border: 0;margin-top: 2.2rem;color:#fff;text-transform:uppercase}
.description-centro .solicitar-info-centro:hover{color:#fff}
#vehiculos-destacados {background-color: #666;padding-bottom: 2rem;margin-top: 5rem}
#vehiculos-destacados .swiper-slide:hover{cursor:pointer}
#vehiculos-destacados .swiper-slide:hover p{background: #181a1c;}
.btn-solicitar-info-centro{text-align:center;clear:both}
#vehiculos-destacados img{height: 270px}
#vehiculos-destacados .swiper-button-next, #vehiculos-destacados .swiper-button-prev {background-color: #01acf1;padding: 30px 20px}
#vehiculos-destacados h2 {color: #fff;font-family: corpo a condensed;text-align: center}
#vehiculos-destacados .detalle-similar {background: #fff;padding-bottom: 1.5rem;width:100%;height: auto;min-height: 145px;text-align: center;position:relative}
#vehiculos-destacados .detalle-similar p{background-color: #01acf1;width: 100px;font-family: corpo a condensed;font-size: 2rem;position: relative;margin: 0 auto;left: 0;}
#vehiculos-destacados .detalle-similar h3 {margin-top: 0;padding: 1rem 1rem 0;font-size: 1.6rem;min-height: 55px;line-height: 25px}
#vehiculos-destacados .swiper-container-horizontal>.swiper-pagination-progress {width: 50%;transform: translate(-50%,98%);top: 98%;left: 50%}
#otros-centros{background-image:url('/mercedesocasion-theme/images/centro-defecto.jpg');height:30rem;position:relative}
#otros-centros .info-otro-centros{position: absolute;left: 50%;transform: translate(-50%,0%);top: 25%;background-color: rgba(0, 0, 0, 0.7);padding:0.5rem 4rem 2rem;color: #fff;text-align: center;z-index: 2}
#otros-centros h2{font-family: corpo a condensed}
#otros-centros img{width:200px}
.aui .line-button{display:block;padding-top: 2rem}
.aui .line-button a{background: #999;color: #fff;padding: 0;line-height: 40px}
#section_contacto h2 {background: #fff;padding: 0;box-shadow: -11px 12px 35px -5px rgba(166,166,166,0.55);webkit-box-shadow: -11px 12px 35px -5px rgba(166,166,166,0.55);-moz-box-shadow: -11px 12px 35px -5px rgba(166,166,166,0.55);font-family: corpo a condensed;font-size: 2rem;width: 25%;line-height: 8px!important;left: 50%;transform: translate(-50%,0);top: -3rem;position: absolute}
#section_contacto h2 {font-family: corpo a condensed;text-align: center;padding: 2rem 0;}
#section_contacto{position:relative;margin-top: 6rem;background: #fff !important}
#section_contacto fieldset{padding-top: 5rem}
#comprobacion{display:none}
#section_contacto textarea {width: 79%}
.label-required {font-size: 0}
.label-required:after {content: " *";color: #008aef;font-size: 1rem;}
#section_contacto input{border-radius: 0;height: 2.5rem !important}
#section_contacto .checkbox{padding-left: 12rem}
#section_contacto .checkbox label{width:100%}
#section_contacto .checkbox label::before, #section_contacto .checkboxDiv label::before{background-color: #fff}
#section_contacto .checkbox label::after, #section_contacto  .checkboxDiv label::after{color: #000}
.label-dia{color: #666}
.aui .line-button a:hover{color:#fff;background-color:#000}
.swiper-image-vehiculo {height: 20rem;background-size: cover}
.swiper-container{padding-bottom: 3rem}
.swiper-slide:hover{cursor:pointer}
.horario-mobile{display:none}
.horario-no-mobile{display:block}
#c-button--slide-right{display:none}
#vehiculos-destacados .footer-card{width: 60%;text-align: center;margin: 0 auto;padding-top: 1rem}
#vehiculos-destacados .footer-card {color: #666;font-size: 1.2rem}
#vehiculos-destacados .footer-card ul {margin: 0 auto;width: 90%}
#vehiculos-destacados .footer-card ul li {display: inline-block;min-width: 40%;white-space: nowrap;min-width: auto}
#vehiculos-destacados .footer-card ul li:not(.last)::after {content: "|	";padding: .5rem}
#vehiculos-destacados .swiper-button-prev, #vehiculos-destacados  .swiper-container-rtl .swiper-button-next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
#vehiculos-destacados .swiper-button-next, #vehiculos-destacados .swiper-container-rtl .swiper-button-prev{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
#vehiculos-destacados .swiper-button-prev, #vehiculos-destacados .swiper-button-next{top: 150px}
.aui .dl-horizontal dd {margin-left: 110px}

@media (max-width: 1199px) {
	#vehiculos-destacados .footer-card{width: 90%}
}

@media (max-width: 980px) {
	#section_mapa {padding-top: 3rem;}
}

@media (max-width: 979px) {
	#menu--slide-right{display:none}
	#mapa-centros{width:100%}
	#c-button--slide-right{display:block}
}

@media (max-width: 920px) {
	.aui .dl-horizontal dd{margin-left: 50px}
	.aui .dl-horizontal.today{display:block}
}

@media (max-width: 768px) {
	.aui .dl-horizontal dd{margin-left: 110px}
	.aui .row-fluid .span6{width:100%}
	.c-menu--slide-right.is-active{height: 638px}
	#otros-centros{display:none}
	.swiper-image-vehiculo {height: 20rem}
	.swiper-slide{width:50% !important}
	#section_contacto input, #section_contacto textarea, #section_contacto .btn{font-size:1rem}
	#section_contacto .checkbox {padding-left: 1.5rem}
	#section_contacto .btn{margin-left: 0 !important}
	#section_contacto textarea {width: 100% !important}
	.description-centro .info-contenido {padding-top: 2rem}
	#vehiculos-destacados .swiper-slide{width: 50% !important}
	#vehiculos-destacados .footer-card{display:none}
}

@media (max-width: 767px) {
	.aui .dl-horizontal dt {float: left;}
	.info-contenido{height: auto;padding: 2rem 5rem 0}
	.description-centro .info-contenido {padding: 9rem 2rem 1.5rem 2rem}
	.aui .info-contenido .span4{max-width: 400px;margin: 0 auto}
	.description-centro .info-contenido .span4{width: 31.49171%;display: inline-block}
	#solicitar-info-centro{margin: 0}	
}

@media (max-width: 695px) {
	.swiper-image-vehiculo {height: 18rem}
}

@media (max-width: 630px) {
	#vehiculos-destacados .swiper-slide{width:100% !important}
	#vehiculos-destacados .footer-card{display:block}
	#vehiculos-destacados .swiper-button-prev,#vehiculos-destacados .swiper-button-next{display:none}
}

@media (max-width: 595px) {
	.swiper-image-vehiculo {height: 15rem}
	.horario-no-mobile{display:none}
	.horario-mobile{display:block}
	#section_mapa h1{text-align:center}
}

@media (max-width: 495px) {
	.description-centro h2{font-size:2rem}
	.swiper-slide{width: 100% !important}
	.swiper-image-vehiculo{height: 21rem}
	.info-contenido {padding: 1rem}
	.c-menu--slide-right.is-active{top: 70px;width: 100%;overflow: auto}
	.aui select{font-size: 1rem}
	#c-menu--slide-right h2{font-size:2rem}
	.c-menu__item {padding: 0;}
	.aui .dl-horizontal dd {margin-left: 70px}
	#solicitar-info-centro {margin-top: 1.25rem}
}

@media (max-width: 400px) {
	.aui .dl-horizontal dd {margin-left: 45px}
	.swiper-image-vehiculo{height: 19rem}
}

@media (max-width: 380px) {
	#contentPage .button {width: auto !important}
}

@media (max-width: 320px) {
	.swiper-image-vehiculo {height: 16rem;}
	#c-menu--slide-right h2{padding: 0}
	#section_mapa h1{width: 90%;font-size: 2rem}
}


#section_contacto .checkbox {
    padding-left: 20px;
/*     display: inline-block;     */
    height: 20px;
     margin-top: 10px;
    
}

@media screen and (max-width: 875px) {
#section_contacto .checkbox {      
    height: 40px;
}
}

@media screen and (max-width: 475px) {
#section_contacto .checkbox {      
    height: 60px;
}
}

#section_contacto input[type="checkbox"]{
    width: 0px !important;
}

.ficha-check-terminos {
    display:block;
    margin-bottom:50px;
}

#contentPage .button{background: #fff !important;border: 2px solid #000 !important;color: #000 !important;font-weight: bold}
#contentPage .button:hover{background: #000 !important;color:#fff !important}
a.centros-horarios-a, a.centros-horarios-a-taller {border: 2px solid #aaa;padding: 1px 5px;margin-left: 10px}
a.centros-horarios-a:hover, a.centros-horarios-a-taller:hover{background-color: #e2e2e2}
.aui .dl-horizontal dt{width:auto}
.aui .info-contenido .dl-horizontal{width: 100%}
.aui .info-contenido .dl-horizontal dt, .aui .info-contenido .dl-horizontal dd{border:0} 
.aui .list-telefono{list-style: none;margin: 0}
.list-telefono li{line-height: 40px}
.list-telefono span{font-size:1.2rem}
.list-telefono li span:first-child {font-weight: bold}
.aui .list-telefono a{color:#000} 
.girar img{transform: rotate(180deg)}
.aui .ficha-smart .dl-horizontal dt:nth-child(1) {border-top: 0}
.aui .ficha-smart #contentPage .button:hover {background-color: #000 !important}
@media screen and (max-width: 590px) {
.aui .ficha-smart .dl-horizontal dt {width: auto}
.aui .ficha-smart .description-centro .info-contenido {padding: 9rem 1rem 1.5rem 2rem}
.aui .ficha-smart .dl-horizontal{margin-left: 0}
}

@media screen and (max-width: 320px) {
.aui .description-centro .info-contenido{padding: 9rem 0 1.5rem 0.5rem}
.aui .ficha-smart .description-centro .info-contenido {padding: 9rem 0 1.5rem 0}
.aui .ficha-smart .dl-horizontal dt, .aui .ficha-smart .dl-horizontal dd {padding:0;}
.aui .ficha-smart .dl-horizontal dd {padding-left: 10px}
}

#section_galeria{margin-top:2rem}

.flexbin{
    display:flex;
    overflow:hidden;
    flex-wrap:wrap;
    margin:-2.5px
}
.flexbin:after{
    content:'';
    flex-grow:999999999;
    min-width:300px;
    height:0
}
.flexbin>*{
    position:relative;
    display:block;
    height:300px;
    margin:2.5px;
    flex-grow:1
}
.flexbin>*>img{
    height:300px;
    object-fit:cover;
    max-width:100%;
    min-width:100%;
    vertical-align:bottom
}
.flexbin.flexbin-margin{
    margin:2.5px
}
@media (max-width:980px){
    .flexbin{
        display:flex;
        overflow:hidden;
        flex-wrap:wrap;
        margin:-2.5px
    }
    .flexbin:after{
        content:'';
        flex-grow:999999999;
        min-width:150px;
        height:0
    }
    .flexbin>*{
        position:relative;
        display:block;
        height:150px;
        margin:2.5px;
        flex-grow:1
    }
    .flexbin>*>img{
        height:150px;
        object-fit:cover;
        max-width:100%;
        min-width:100%;
        vertical-align:bottom
    }
    .flexbin.flexbin-margin{
        margin:2.5px
    }
}
@media (max-width:400px){
    .flexbin{
        display:flex;
        overflow:hidden;
        flex-wrap:wrap;
        margin:-2.5px
    }
    .flexbin:after{
        content:'';
        flex-grow:999999999;
        min-width:100px;
        height:0
    }
    .flexbin>*{
        position:relative;
        display:block;
        height:100px;
        margin:2.5px;
        flex-grow:1
    }
    .flexbin>*>img{
        height:100px;
        object-fit:cover;
        max-width:100%;
        min-width:100%;
        vertical-align:bottom
    }
    .flexbin.flexbin-margin{
        margin:2.5px
    }
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }