:root {
	--shop-instance-height: 340px;
	--nav-btn-height: 40px;
	--modal-map-padding: var(--page-h-padding);
	--modal-container-margin: 60px;

	--shop-wrapper-margin: calc(var(--section-block-width) / 4 - var(--block-radius) + var(--simple-padding));
}

.flex.column {
	flex-direction: column;
	align-items: baseline;
}

.h3.bold {
	font-weight: 600;
}

.container { max-width: 100%; }

.noPaddingLeft { padding-left: 0; }

#mapHolder  {
	aspect-ratio: 16 / 9;
	margin: var(--page-h-padding) 0px;
	background-color: var(--grey-vlight-color);
}

#modalMap, #mapHolder {
	filter: grayscale(1);
}

#shopHolder {
    padding-top: calc(2* var(--block-radius) + 2* var(--simple-padding));
	padding-bottom: var(--page-h-padding);
	/*margin-left: calc(var(--section-block-width) / 4 - var(--block-radius) + var(--simple-padding));*/
	padding-left: calc(var(--section-block-width)* .32);
	width: calc(100% - var(--section-block-width) - 2 * var(--simple-padding));
}

.map-list-btn {
    display: block;
    padding: 5px 10px;
    width: 100%;
    min-width: 250px;
    font-size: .8em;
    text-align: center;
    text-transform: uppercase;
    background-color: var(--grey-vlight-color);
    margin-top: 5px;
    cursor: pointer;
}

.shops_country__caller { margin-bottom: 5px; }
.underlined-row { padding-bottom: 3px; border-bottom: 1px solid #ddd; transition: .3s ease-out; }
.shop_region_wrapper { padding-top: 15px; /* padding-left: 30px; */ }

.shop_region_wrapper:nth-of-type(1) {
    padding-top: 0px;
}

.shops_country_wrapper.active .shops_country__caller { fill: var(--red-active-color); border-bottom-color: var(--red-active-color); color: var(--red-active-color)}
.shop_region_wrapper.active .shops_region__caller { border-bottom-color: transparent; }

.shops_country_wrapper + .shops_country_wrapper { margin-top: 10px; }

.shops_country__region_list { padding-bottom: 20px; }

.shop_wrapper__instance { 
	height: var(--shop-instance-height);
	padding-top: 15px; 
}

.shop_wrapper__instance + .shop_wrapper__instance { padding-top: 30px; }

.shop_wrapper__instance .rightPadding {
	padding-right: var(--page-h-padding);
}

.geo-btn {
	background-color: var(--grey-vlight-color);
    padding: 10px;
    display: inline-block;
    cursor: pointer;
}

.shop-photo-slider { height: 100%; }
.shop-photo-slider .swiper-slide { width: auto; }
.shop-photo-slider img { height: 100%; }


.shop-photo-slider .slider-btn {
	height: 100%;
	padding: 15px;
	top: 0;
	left: 0;
	z-index: 5;
}

.shop-photo-slider .slider-btn.slider-next { left: auto; right: 15px; }

.shop-photo-slider .slider-btn svg { 
	fill: #fff; 
	width: calc(var(--nav-btn-height) * .5);
    height: var(--nav-btn-height);
}

.modal-map-container {
    position: fixed;
    padding: var(--page-h-padding) var(--modal-container-margin);
    top: var(--page-h-padding);
    left: 0;
    width: 100%;
    height: calc(100vh - var(--page-h-padding));
    z-index: 100;
}

.modal-map-container .shadow {
	background-color: #000;
	opacity: .2;
}

.modal-map-container .wrapper {
	padding: var(--modal-map-padding);
	background-color: #fff;
	height: 100%;
}

.hide-modal-map { padding: 20px; fill: var(--grey-light-color); }

.hide-modal-map svg { height: 20px; width: 20px; }

.row_toggler__handler {
	right: 0;
	bottom: 0;
	position: absolute;
}

.row_toggler__handler svg {
	width: 20px;
	height: 20px;
	transform: rotate(90deg);
}

.top-part .abig {
    font-size: 1.1em;
}

#form_padre .fixed-form.fixed.zIndex50 {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

#form_padre {
    /*padding-left: var(--block-radius);*/
    padding-left: calc(2 * var(--simple-padding));
    position: relative;
}

@media (min-width: 1921px) {
	:root {
	    --shop-instance-height: calc(16 * var(--vw));
	}
}

@media (min-width: 1560px ) { 
	#form_padre {
		padding-top: calc(2* var(--block-radius) + 2* var(--simple-padding) - var(--block-radius));
		width: calc(var(--section-block-width) + 2 * var(--simple-padding));
	}

	#shopHolder { 
		/*width: 990px;*/
	}
}

@media (max-width: 1559px) { 
	#form_padre { margin-left: var(--shop-wrapper-margin); padding-left: 0px; } 
	#shopHolder, #form_padre { width: calc(100% - var(--shop-wrapper-margin)); }

	.header-title-holder {
		text-align: center;
	}

	.header-title-holder h3 { display: inline-block; width: auto; }
}

@media (max-width: 1559px) and (min-width: 1099px) { 

	.hide-mid-lg { display: none; }

	#form_padre .fixed-form .section-block {
		width: 100%;
	}

	#form_padre .fixed-form .form-section-wrapper {
		display: flex;
		width: calc(100% + 2 * var(--simple-padding));
		margin-left: calc(-1 * var(--simple-padding));
		margin-right: calc(-1 * var(--simple-padding));
	}

	#form_padre .fixed-form .form-section-wrapper .form-section {
		width: 33.33%;
	    padding: 0 var(--simple-padding);
	    display: flex;
	    flex-wrap: wrap;
	}

	.form-section.last-section { align-items: center; }
}

@media ( max-width: 1100px ) {
	#shopHolder, #form_padre {
		margin: 0;
        padding: var(--simple-padding);
        width: 100%;
        margin-top: var(--block-radius);
	}

	#form_padre {
		padding: 0;
		margin-top: calc(var(--block-radius) - 2 * var(--simple-padding));
	}

	#form_padre .fixed-form .section-block {
		width: 100%;
	}

	#form_padre .fixed-form .form-section-wrapper {
		display: flex;
		width: calc(100% + 2 * var(--simple-padding));
		margin-left: calc(-1 * var(--simple-padding));
		margin-right: calc(-1 * var(--simple-padding));
	}

	#form_padre .fixed-form .form-section-wrapper .form-section {
		width: 33.33%;
	    padding: 0 var(--simple-padding);
	    display: flex;
	    flex-wrap: wrap;
	}

	.form-section.last-section { align-items: center; }
}

@media (max-width: 768px) and (min-width: 500px) { 
	:root {
		--shop-instance-height: 265px;
	}
}

@media (max-width: 499px) {
	:root {
		--modal-container-margin: 15px;
	}

	#form_padre .section-block {
		aspect-ratio: initial;
	}

	#mapHolder { aspect-ratio: 9 / 10; }

	.shop_wrapper__instance { padding-bottom: 15px; border-bottom: 1px solid var(--grey-vlight-color); }

	#photo-slider-modal { top: 15px; }

	#form_padre .fixed-form .form-section-wrapper {
        display: block;
    }

    #form_padre .fixed-form .form-section-wrapper .form-section {
        width: 100%;
    }

    #form_padre .fixed-form .form-section-wrapper .round-btn {
        margin: var(--simple-padding) auto 0;
        display: block;
        width: calc(var(--section-block-width) / 2 - 2* var(--block-radius));
    }
}