.row-one { height: 45%; justify-content: center; align-items: center; }
.row-two { height: 70px; }
.row-three { height: calc(100% - 45% - 70px); overflow: hidden; }
.h-100 { height: 100%; }

.tab-pane { position: relative; width: 90%; margin-left: auto; margin-right: auto; }
.zoom_buttons { position: absolute; background: transparent; right: 0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: rgba(255,255,255,0.8); padding: 16px 10px 0px; border-radius: 10px; }
.zoom_buttons button { width: 30px; height: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #bdac9f; color: white; border: none; border-radius: 100%; margin-bottom: 12px; padding: 0px; text-align: center; font-size: 36px; }
.zoom_buttons button span { color: white; font-size: 36px; position: relative; top: -3px; }

.nav-tabs { border: none; text-align: center; justify-content: center; }
.nav-tabs .nav-item { margin: 0px 10px; width: calc(100% / 5 - 40px); }
.nav-tabs .nav-link { border: none; border-radius: 0px; background: #bdac9f; color: white; font-size: 21px; width: 100%; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: white; background: black; }

#myTabContent { height: calc(100% - 53px); }
#svg-map, .tab-pane, .panzoom_map, .panzoom_map svg { text-align: center; height: 100%; max-width: 100%; }
#svg-map { padding-top: 30px; }

.info-map-local { font-size: 12px; width: 95%; margin: 0 auto 11px; display: none; }

/* AUTOCOMPLETE */
.easy-autocomplete { width: 100% !important; }
.ui-keyboard-keyset { max-width: 100% !important; }
.directory-input { width: 90%; margin-left: auto; margin-right: auto; position: relative; }
.easy-autocomplete input { padding: 5px 45px; border-color: #bdac9f; background: transparent; z-index: 2; position: relative; border-radius: 0px; box-shadow: unset; font-family: 'Titillium Web'; color: #bdac9f; letter-spacing: 0px; font-size: 15px; text-align: left; border-width: 2px; }
.easy-autocomplete input::placeholder { color: #bdac9f !important; }
.easy-autocomplete-container { left: 0; position: absolute; width: 100%; z-index: 2; }
.search-section { padding-top: 50px; padding-bottom: 50px; margin-top: 50px; }
.directory-input img { width: auto; height: 34px; position: absolute; left: 2px; top: 2px; z-index: 99999; padding: 9px; }
.ui-autocomplete { position: absolute !important; top: 145px !important; height: calc((100% - 100px - 165px) / 2.1); background: rgb(255 255 255 / 95%); list-style: none; padding: 10px; margin: 0px; overflow-y: scroll; }
/* width */
.ui-autocomplete::-webkit-scrollbar { width: 10px; }
/* Track */
.ui-autocomplete::-webkit-scrollbar-track { background: #f1f1f1; }
/* Handle */
.ui-autocomplete::-webkit-scrollbar-thumb { background: #bdac9f; }
/* Handle on hover */
.ui-autocomplete::-webkit-scrollbar-thumb:hover { background: #555; }
.ui-keyboard-preview { padding: 5px 45px; border-color: #bdac9f !important; background: transparent; z-index: 2; position: relative; border-radius: 0px; box-shadow: unset; font-family: 'Titillium Web'; color: #bdac9f; letter-spacing: 0px; font-size: 15px; text-align: left; border-width: 2px; box-shadow: none !important; outline: none !important; }
.ui-keyboard { padding: 0px; width: 100%; left: 0px !important; top: 0px !important; padding: 0px !important; }
.ui-keyboard-preview { display: inherit !important; width: 100% !important; }
.ui-keyboard-button { line-height: 1.5em !important; min-width: 3.2em !important; height: 2.1em !important; border: 1px solid #bdac9f; background: white; }
.ui-keyboard-button span { font-size: 16px; }
.ui-keyboard-keyset { background: white !important; padding: 14px; border: 1px solid #bdac9f; margin-top: 5px; }
.ui-keyboard-accept { background: #bdac9f; padding-left: 15px; padding-right: 15px; }
.ui-keyboard-accept span { color: white !important; }

@media screen and (max-width:  600px){
	.ui-keyboard-button { min-width: 2em !important; }
}

/***/

/*.list-category { display: flex; flex-flow: row wrap; }
.category-item { flex: 0 1 calc(20% - 8px); }*/
.slick-slider { padding-left: 100px !important; padding-right: 100px !important; }
.cls-1 { fill: #bdac9f !important; stroke: #bdac9f !important; }

.category-icon-container, .logo-shop-container { margin: 0 auto; display: table; width: 91%; }
.category-icon, .logo-shop { border: 2px solid #bdac9f; background: #bdac9f; padding-top: 25px; -webkit-transition: 0.2s all; transition: 0.2s all; min-height: 159px; display: flex; flex-direction: column; justify-content: center; }
.category-icon img { -webkit-filter: invert(100%) brightness(100); filter: invert(100%) brightness(100); }
.category-icon img, .logo-shop img { height: 120px; width: 120px; margin: 0 auto; }
.logo-shop img { display: none !important; }
.category-item#allServices { display: none !important; }
.category-item:hover, .item-selected, .service-item:hover { background: transparent; }
.category-item:hover .category-icon, .logo-shop-container:hover .logo-shop { background: #fff; color: #bdac9f; }
.category-item:hover .category-icon *, .logo-shop-container:hover .logo-shop * { color: #bdac9f; }
.category-item:hover .category-icon img { -webkit-filter: unset; filter: unset;}
.category-item p, .service-item p { font-family: 'Titillium Web'; font-size: 19px; color:  white; text-align: center !important; max-width: 87%;  margin: 0 auto; display: table; line-height: 20px !important; margin-top: 8px; min-height: 50px; }

button#return_to, button#see_all_restaurants { display:  none; color: #8d69bd; font-family: 'Titillium Web'; border: none; background: no-repeat; box-shadow: unset; outline: none; position: absolute; top: 50px; background: #bdac9f; color: white; right: 90px; padding: 5px 10px; }
button#return_to span, button#see_all_restaurants span { font-size: 20px; color: white; }
svg#arrow_return_to .cls-1 { fill: #fff !important; }
svg#arrow_return_to { width: 6px; height:  12px; margin-right: 5px; }
h3.title-cat-shops { margin: 5px 0px 0px; padding-bottom: 80px; font-size: 30px; }
hr { height: 2px !important; opacity: 1; position: absolute; width: 87%; top: 50px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
svg text { pointer-events: none; }

/*svg .deactivate, svg .deactivate:hover { fill: #f2f0ef !important; }*/

.row-categories-and-shops { overflow: hidden; }
.categories-and-shops { height: calc(100% - 130px); }
.categories-and-shops { width: 300%; max-width: 300%; position: relative; left: 0%; transition: 0.5s all; -webkit-transition: 0.5s all; padding: 0px; }
.categories-and-shops .row { width: calc(100%/3); float: left; margin: 0px; height: 100%; }
.categories-and-shops.left-0 { left: 0%; }
.categories-and-shops.left-1 { left: -100%; }
.categories-and-shops.left-2 { left: -200%; }
.shops { background: #f8f6f2; padding-top: 50px; padding-bottom: 50px; margin-top: 30px; }
.service-item { display: table !important; width: 100%; text-align: center; }

.logo-shop-container { min-height: 156px; margin-bottom: 25px; }
.service-detail { font-family: 'Gotham Book'; font-size: 17px; color: #390192; }

.slick-arrow { cursor: pointer; width: 25px; height: 50px; position: absolute; top: 43%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.prevArrow.slick-arrow { left: 68px; }
.nextArrow.slick-arrow { right: 68px; }
.slick-list, .slick-track { height: 100%; }
.slick-slide > div { height: 50%; }
.category-item, .service-item { height: 90%; }
.category-icon-container, .logo-shop-container, .category-icon, .logo-shop { height: 100%; }
.list-category { padding-left: 20px; padding-right: 20px; }
.list-services { padding-left: 25px; padding-right: 25px; }
.service-detail { padding-left: 40px; padding-right: 40px; display: flex; align-items: center; }
.list-services .prevArrow { left: 68px; }
.list-services .slick-arrow { top: 50%; }
.slick-slide div { opacity: 1 !important; }

.service-detail { visibility: hidden; }
.service-detail { display: flex; }
.service-detail .line { border-bottom: 2px solid #bdac9f; }

.collection-area { margin-top: 50px; }
.collection-area img { margin-left: auto; margin-right: auto; margin-top: 50px; }

/* SHOP */
#title-shop { color: black; font-size: 24px; margin-bottom:  0px; }
#store-image { max-height: 90%; border-radius: 30px; margin-left: auto; margin-right: auto; display: table; }
#description { font-size: 15px;  padding: 20px 0px 0px; }
#address { font-size: 17px; margin: 0px; color: black; padding-bottom: 10px; }
#email { word-break: break-word; }
ul.contact-details { padding: 20px 0px 0px 27px; list-style: none; }
ul.contact-details li { position: relative; }
ul.contact-details li * { font-size: 15px; }
ul.contact-details li img { position: absolute; top: 5px; left: -27px; width: 20px; height: 16px; }
ul.contact-details li p { margin-bottom: 10px; }

.service-detail .col-md-6:nth-child(2) { overflow-y: auto; height: 90% !important; margin-bottom: 5%; }
/* width */
.service-detail .col-md-6:nth-child(2)::-webkit-scrollbar { width: 10px; }
/* Track */
.service-detail .col-md-6:nth-child(2)::-webkit-scrollbar-track { background: #f1f1f1; }
/* Handle */
.service-detail .col-md-6:nth-child(2)::-webkit-scrollbar-thumb { background: #bdac9f; }
/* Handle on hover */
.service-detail .col-md-6:nth-child(2)::-webkit-scrollbar-thumb:hover { background: #555; }
.ui-helper-hidden-accessible { display: none; }

.logo-shop-container { position: relative; }
.reservation-qr, .menu-qr { position: absolute; width: 100%; top: 0px; text-align: center; background: #7a726d; color: white; font-size: 20px; padding: 5px; }
#qrCode img, #qrCodeMenu img { width: 270px; height: 270px; background: white; position: relative; z-index: 1; margin-top: 15px; }
#qr-reservation-popup *, #qr-menu-popup * { color: white; }
#custom_text_qr_reservation { max-width: 400px; text-align: center; font-size: 28px;}
.fancybox__container { z-index: 999999 !important; }
#name-restaurant, #name-restaurant-menu { font-size: 39px; margin-top: 20px; }

#error-message { position: absolute; top: 40%; right: 100px; background: #efafaf; color: white; padding: 26px; z-index: 99999999; border: 2px solid #f86d6d; border-radius: 15px; max-width: 300px; text-align: center; display: none; }

.service-detail .reservation-qr, .service-detail .menu-qr { position: relative; font-size: 17px; display: inline-block; width: auto; padding: 6px 34px; margin-bottom: 20px; }
.service-detail .reservation-qr[data-qr-image=""], .service-detail .menu-qr[data-qr-image=""] { display: none; }

@media screen and (max-height:  1400px){
	#description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

	.slick-slide { height: 90%; }

	.category-icon img, .logo-shop img { height: 60px; width: 60px; }
	.category-item p, .service-item p { font-size: 17px; }
}

@media screen and (max-height:  1200px){
	.slick-slide { height: 85%; }
}


@media screen and (max-width: 660px){
	.nav-tabs .nav-link { font-size: 17px; padding: 0.5rem 0.2rem; }
	div[data-title-category="Cafetería, Helados y Dulcerías"] p, div[data-title-category="Entretenimiento"] p, div[data-title-category="Departamentales"] p { font-size: 13px; }
}