* {margin: 0;padding: 0;box-sizing: border-box}
html, body {display: block}

@font-face {
	font-family: 'Roboto';
	src: url('/static/fonts/Roboto-Regular.woff2') format('woff2'),
	url('/static/fonts/Roboto-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto';
	src: url('/static/fonts/Roboto-Medium.woff2') format('woff2'),
	url('/static/fonts/Roboto-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}	
body {background: #fff;font-family: "Roboto", sans-serif}
a {text-decoration: none}

.fullFixed {position: fixed}
.fullAbsolute {position: absolute}
.fullFixed, .fullAbsolute {left: 0; top: 0; width: 100%; height: 100%}
.flexCC, .fC, .fCC, .fCB {display: flex;align-items: center}
.flexCC, .fCC {justify-content: center}
.fCB {justify-content: space-between}

.cover {background-repeat: no-repeat;background-position: 50%;background-size: cover}
.nocover {background-repeat: no-repeat;background-position: 50%}

.large_img {display: block;max-width: 100%;height: auto}

.LOAD {display: none;z-index: 1000; cursor: pointer;}
.LOAD .bg {transition: 0.2s;opacity: 0;background-color: rgba(0,0,0,0.25)}
.LOAD[data-load="1"] {display: block}
.LOAD[data-load="2"], .LOAD[data-load="3"] {cursor: wait}
.LOAD[data-load="3"] .bg {opacity: 1}

.modalWrap {z-index: 100}
.modalBg {z-index: 1;background: rgba(0,0,0,0.1)}
.mobileModalHideBtn {
	position: fixed;bottom: 20px;right: 20px;z-index: 15;background: #80257b; color: #fff;box-shadow: 0 0 4px 1px rgba(0,0,0,0.25);
	width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 25px;
	cursor: pointer;
	display: none;
}
@media (max-width: 600px) {
	.modalBg {background: rgba(0,0,0,0.55)}
	.mobileModalHideBtn {display: flex}
}
.modalBody {position: relative;z-index: 2;background: #fff;width: 400px;margin-left: calc(50vw - 200px);top: 40px;box-shadow: 0 0 4px 1px rgba(0,0,0,0.25);border-radius: 10px;min-height: 100px}
.hideModalBtn {position: absolute;right: 0;top: 0;cursor: pointer;color: #fff; font-size: 16px;width: 40px;height: 40px}
.modalBody-Top {background: #173152;color: #fff;padding: 10px 45px 10px 15px;border-radius: 10px 10px 0 0}
.modalBody-Content {padding: 15px}
.modalWrap .modalBody {transform: scale(0.97)}
.modalWrap .modalBg {display: none}
.modalWrap:last-child .modalBody {transform: scale(1)}
.modalWrap:last-child .modalBg {display: block}
@media all and (max-width: 550px) {
	.modalBody {width: calc(100vw - 30px);margin-left: 10px;top: 15px}
}

.btn {background: #80257b;color: #fff;display: inline-block;padding: 7px 20px;cursor: pointer;border-radius:5px}

.BODY {min-height: 100vh}
.CONTENT {min-height: 100vh}
.FOOTER {background-color: #111}

.mobileMenu {display: none; opacity: 0}
.mobileMenu ul a {display: block}
.mobileMenu ul.center {justify-content: center}
@media all and (max-width: 1100px) {
	.mobileMenu {display: block;max-width: 100%;overflow: auto;padding: 15px 0 10px 0; margin-bottom: 10px}
	.mobileMenu ul {display: flex;list-style: none;padding: 0 10px;padding-left: 40px}
	.mobileMenu ul a {
		color: #fff;
		padding: 7px 15px;font-size: 16px;border-radius: 5px;margin-right: 5px;white-space: nowrap;
		background: #173152;
	}
}



@media (max-width: 600px) {

	.mobileMenu::-webkit-scrollbar {display: none;}
	.mobileMenu::-webkit-scrollbar, .mobileMenu::-webkit-scrollbar {height: 0px;width: 0px;}
	
	.mobileMenu ul {padding-left: 10px}
	.mobileMenu ul a {padding: 7px 16px;font-size: 14px}
	.mobileMenu ul a {
		padding: 9px 17px;
    	font-size: 16px;
	}
}
 

.mobileMenu ul li.active a {
	background: #94268F;
}

@media all and (min-width: 1401px) {
	.RowB {width: 1200px;margin-left: calc(50vw - 600px)}
}
@media all and (max-width: 1400px) and (min-width: 1100px) {
	.RowB {width: 1000px;margin-left: calc(50vw - 500px)}
}

.topMenu-Menu a {
	transition: 0.5s
}
.topMenu-Menu a:hover {
	transition: 0.3s
}

@media all and (min-width: 1101px) {

	.topHeader {background: #173152;color: #fff;padding: 5px 0 6px 0}
	.topHeader-Body {display: flex;justify-content: space-between}
	
	.topMenu-Wrap {margin-bottom: 20px}
	.topMenu-Body {display: flex}
	
	.topMenu-L {display: flex;align-items: end}
	.topMenu-R {width: 100%}
	
	.topMenu-Info {display: flex;justify-content: space-between}
	
	.topMenu-Info-L {white-space: nowrap;font-weight: 500}
	
	.topMenu-Info-Tels {display: flex;justify-content: space-between;text-align: right;font-weight: 500}
	.topMenu-Info-Tels span {display: block;text-align: right;color: #666;font-weight: normal;padding-top: 1px}
	
	.topMenu-Info-Clocks {display: flex;justify-content: end;color: #111;margin: 16px 0}
	.topMenu-Info-Clocks div {color: #666}
	.topMenu-Info-Clocks > * {margin-left: 20px}
	
	.topMenu-Menu {list-style: none;display: flex;justify-content: space-between}
	.topMenu-Menu li {display: block;width: 100%;border-right: solid 1px #ddd}
	.topMenu-Menu li:last-child {border-right: solid 0px;padding-right: 0}
	.topMenu-Menu li:first-child {padding-left: 0}
	.topMenu-Menu a {background-color: #fff;color: #111;display: block;width: 100%;text-align: center;text-transform: uppercase; white-space: nowrap; font-weight: 500}
	.topMenu-Menu li a:hover {background-color: #eee}

	.topMenu-Menu li .whatBtn:hover {background-color: #80257b}
	.topMenu-Menu li .whatBtn {padding-left: 25px; padding-right: 25px; background-color: #94268F; color: #fff; width: 100%;text-align: center;text-transform: uppercase; white-space: nowrap; font-weight: 500; cursor: pointer}

	.topMenu-Menu li:first-child a {background-image: url('/static/ico/home.svg');background-repeat: no-repeat}
	
	.topMobileMenu-Wrap {display: none}
}

@media all and (min-width: 1401px) {
	
	.topHeader {font-size: 14px}
	
	.topMenu-L {margin-right: 20px}
	
	.topMenu-Info-L {font-size: 28px;padding-top: 46px;padding-left: 8px}
	.topMenu-Info-R {width: 60%}

	.topMenu-Info-Tels {margin: 25px 0 15px 0;font-size: 18px}
	.topMenu-Info-Tels span {font-size: 13px}

	.topMenu-Info-Clocks {font-size: 14px}

	.topMenu-Menu li {padding: 5px 5px}
	.topMenu-Menu a, .whatBtn {font-size: 14px; padding: 7px 0}
	.topMenu-Menu li:first-child a {background-position: 10px 44%;background-size: 16px 16px;padding-left: 10px}	
}

@media all and (max-width: 1400px) and (min-width: 1100px) {

	.topHeader {font-size: 13px}

	.topMenu-L {margin-right: 15px}
	.topMenu-L img {width: 160px;height: 109px}

	.topMenu-Info-L {font-size: 24px;padding-top: 43px;padding-left: 8px}
	.topMenu-Info-R {width: 65%}

	.topMenu-Info-Tels {margin: 22px 0 15px 0;font-size: 16px}
	.topMenu-Info-Tels span {font-size: 12px}

	.topMenu-Info-Clocks {font-size: 13px}

	.topMenu-Menu li {padding: 3px 5px}
	.topMenu-Menu a, .whatBtn {font-size: 13px; padding: 6px 0}
	.topMenu-Menu li:first-child a {background-position: 10px 44%;background-size: 14px 14px;padding-left: 15px}	
}

@media all and (max-width: 1100px) {
	
	.topHeader, .topMenu-Wrap {display: none}
	
	.topMobileMenu-Wrap {display: flex;align-items: center}
	.topMobileMenu-Wrap img {width: 108px;height: 72px}

	.topMobileMenu-Wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 15px;
	}
	.mobileLogo {
		display: flex;
		align-items: center;  
		color: #111;  
	}
	.mobileLogo img {
		width: 70px;
		height: auto;
	}
	.mobileLogo span {
		font-size: 16px;
		margin-left: 10px
	}
	.mobileContactBtn {
		width: 40px;
		height: 40px;
		cursor: pointer;
		background: url(/static/ico/phone.svg) 50% no-repeat;
		background-size: 70%;
		border: solid 2px #173152;
		border-radius: 10px;
		cursor: pointer;
	}


}


.Header {margin: 30px 0 0 0;}
@media (min-width: 601px) {
	.Header {background: linear-gradient(90deg, #f6fcff, #d4eefb)}
}
.Header h1 {font-weight: 500;text-transform: uppercase}
.headerBtn:after {content: 'Вызвать мастера';display: block;background: #173152;color: #fff;text-align: center;text-transform: uppercase;cursor: pointer}

@media all and (min-width: 1101px) {
	.Header-Body {display: flex}
}
@media all and (min-width: 1401px) {
	.Header-Body-L {width: 100%;display: flex;flex-direction: column;justify-content: space-between}
	.Header-Body-R {min-width: 490px}
	.Header h1 {font-size: 33px;line-height: 40px;padding: 30px 0;max-width: 80%}
	.headerBtn:after {padding: 10px 0;width: 250px;margin: 20px 0}
	.Header-Body-R img {position: relative;z-index: 1;left: 0;margin: -15px 0 -20px 0;display: block;max-width: 100%}
}
@media all and (max-width: 1400px) and (min-width: 1101px) {
	.Header {margin: 25px 0;}
    .Header-Body-L {width: 100%;display: flex;flex-direction: column;justify-content: space-between}
	.Header-Body-R {min-width: 380px}
	.Header h1 {font-size: 28px;line-height: 35px;padding: 25px 0;max-width: 80%}
	.headerBtn:after {padding: 8px 0;width: 220px;margin: 20px 0; font-size: 14px;}
	.Header-Body-R img {position: relative;left: 0;z-index: 1;margin: -12px 0 -15px 0;display: block;max-width: 100%}
}
@media all and (max-width: 1100px) {
	.Header-Body {min-height: 150px}
	.Header-Body-L {padding: 40px}
	.Header-Body-L h1 {max-width: 80%;font-size: 28px;line-height: 33px}
/* 	.Header-Body-R {display: none}	 */
	.headerBtn {display: none}	



	.Header-Body {display: flex; margin-bottom: 20px;}
	.Header {margin: 0;}
	.Header-Body-L {width: 100%; padding: 40px}
	.Header-Body-R {min-width: 380px}
	.Header h1 {font-size: 28px;line-height: 35px;padding: 5px 0;max-width: 80%}
	.Header-Body-R img {
		position: relative;z-index: 1;margin: -12px 0 -15px 0;display: block;max-width: 100%;
		right: 40px;
	}

}

@media all and (max-width: 900px) {
	.Header-Body-L h1 {
		max-width: 80%;font-size: 26px;line-height: 31px;
	}
}

@media all and (max-width: 800px) {
	.Header-Body {margin-bottom: 0px;}
	.Header-Body-L {padding: 30px 0px 0px 40px}
	.Header-Body-L h1 {max-width: 80%;font-size: 24px;line-height: 30px}
	.Header-Body-R img {position: relative;z-index: 1;margin: 12px 0;display: block;max-width: 100%;right: 40px}
	.Header-Body-R {min-width: 280px;} 	
}

@media all and (max-width: 600px) {

	/* .Header-Body-R {min-width: 480px;} 	 */

	.Header {
/* 		background: linear-gradient(#173152, #94268F); */
		background: linear-gradient(90deg, #033b57, #d4eefb);
		position: relative;
	}	
	
	.Header-Body {
		display: block;
	}
	.Header-Body {
		min-height: 255px;
	}
	.Header-Body-R {
		min-width: auto;
		display: flex;
		justify-content: end;
		min-height: 100%;
	}
	.Header-Body-R img {
		position: relative;
		z-index: 1;
		margin: 100px 15px 15px 20px;
		display: block;
		max-width: 60%;
		right: 0px;
	  }
	.Header-Body-L {
		padding: 20px;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
/* 		background-image: url('/img/1a.png');
		background-size: 1px; */
		color: #fff;
	}
	.Header-Body-L h1 {max-width: 90%;font-size: 24px;line-height: 31px}	
}

@media all and (min-width: 901px) {
	.FOOTER-body {display: flex;color: #fff;padding: 30px 0}
	.FOOTER-body h3 {font-weight: 500;margin-bottom: 20px}
	.FOOTER-body .coll:not(:first-child) {margin-left: 30px}
	.FOOTER-body a {color: #fff}
	.FOOTER-body .coll_1 {width: 35%}
	.FOOTER-body .coll_2 {width: 20%}
	.FOOTER-body .coll_3 {width: 25%}
	.FOOTER-body .coll_4 {width: 20%}
	.FOOTER-body .coll_1 p {font-size: 16px;line-height: 26px}
	.FOOTER-body .coll_2 ul {margin-left: 13px}
	.FOOTER-body .coll_2 ul li {margin: 5px 0}
	.FOOTER-body .coll_3 > div {margin: 10px 0}
	.FOOTER-body .coll_3 > div > span {display: block;font-size: 13px}
	.FOOTER-body .coll_4 > p {margin: 13px 0}
	.FOOTER-body .coll_4 > span {display: block;height: 10px}
	.footerBtn {background: #173152;text-align: center;padding: 7px 0;margin-top: 5px;cursor: pointer;font-size: 14px}
}
@media all and (max-width: 1400px) and (min-width: 901px) {
	.FOOTER-body .coll_1 p {font-size: 14px;line-height: 24px}
	.FOOTER-body .coll_2 ul {font-size: 14px}
	.FOOTER-body .coll_2 ul li {margin: 7px 0}
	.FOOTER-body .coll_3 > div {margin: 10px 0; font-size: 14px}
	.FOOTER-body .coll_3 > div > span {display: block;font-size: 12px}
	.FOOTER-body .coll_4 > p {margin: 12px 0; font-size: 14px}
	.FOOTER-body .coll_4 > span {display: block;height: 10px}
	.footerBtn {padding: 6px 0;font-size: 14px}
}
@media all and (max-width: 1100px) and (min-width: 901px) {
	.FOOTER {padding: 0 30px}
	.FOOTER-body .coll_2 {display: none}
	.FOOTER-body .coll_1 {width: 40%}
	.FOOTER-body .coll_3 {width: 30%}
	.FOOTER-body .coll_4 {width: 30%}

	.subfooter-body {
		padding: 12px 30px 62px 30px;
   	}	
}
@media all and (max-width: 900px) {
	.FOOTER-body {color: #fff;padding: 20px 20px 0px 20px}
	.FOOTER-body .coll {margin-bottom: 20px}
	.FOOTER-body .coll_2 {display: none}
	.FOOTER-body h3 {font-weight: 500;margin-bottom: 15px}
	.FOOTER-body .coll_3 > div {margin: 10px 0}
	.FOOTER-body .coll_4 {margin-bottom: 0;}
	.FOOTER-body .coll_4 > p {margin: 12px 0}
	.FOOTER-body .coll_4 > span {display: block;height: 10px;padding-bottom: 0px}
	.FOOTER-body .coll_4 .footerBtn {display: none}
	.footerBtn {background: #173152;text-align: center;padding: 7px 0;margin-top: 5px;cursor: pointer;font-size: 14px}	



	.subfooter-body {
		padding: 12px 20px 62px 20px;
   	}
}
@media all and (max-width: 430px) {
	.subfooter-body {font-size: 15px; padding: 5px 20px 55px 20px;}
	.subfooter-body > div > span {display: none}
}


.breabscrumb {margin: 20px 0;color: #111}
.breabscrumb a {color: #111; white-space: nowrap}
.breabscrumb ul {list-style: none;display: flex; flex-wrap: wrap}
.breabscrumb ul li{white-space: nowrap}
.breabscrumb ul li:not(:last-child):after {content: '/';margin: 0 5px;color: #777}
@media all and (max-width: 1100px) {
	.breabscrumb {
		padding: 0 40px
	}
}
@media all and (max-width: 600px) {
	.breabscrumb {
		padding: 0 15px;
		margin: 0 0 15px 0;
	}	
}

.defContent {margin: 30px 0}
.defContent p {font-size: 16px;line-height: 22px;margin: 10px 0}
.defContent h2 {font-weight: 500;font-size: 24px;line-height: 34px;margin: 20px 0}
.defContent h2.doubleTitle {margin: 30px 0 3px 0}
.defContent h2.doubleTitle + p {font-weight: 500; margin-top: 3px;}

.defContent ol {margin: 10px 0 10px 18px}
.defContent ul {margin: 10px 0 10px 14px}
.defContent li {margin: 5px 0;font-size: 16px;line-height: 22px}
/* .defContent ul ul {margin: 10px 0 10px 14px} */

@media all and (max-width: 1100px) {
	.defContent {
		padding: 0 40px
	}
}
@media all and (max-width: 600px) {
	.defContent {
		padding: 0 15px
	}	
}





.module {margin: 30px 0}
.module h2 {margin: 30px 0;font-weight: 500}

.remont_module a {color: #111}
.remont_module ul {list-style: none;display: flex;flex-wrap: wrap;margin: 0 -10px}
.remont_module ul li {width: calc(20% - 20px);text-align: center;margin: 5px 10px 5px 10px}
.remont_module ul li div {
	width: 100%;height: 224px;background-repeat: no-repeat;background-position: 50%;background-size: 90% auto;box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);background-color: #f5f5f5;transition: 0.3s
}
.remont_module ul li span {font-size: 18px;margin: 11px 10px 10px 10px;display: block}

@media all and (max-width: 1400px) and (min-width: 1101px) {
	.remont_module ul li div {height: 184px}
	.remont_module ul li span {font-size: 16px}	
}
@media all and (max-width: 1100px) and (min-width: 801px) {
	.remont_module > h2 {margin-left: 40px;margin-right: 40px}
	.remont_module > ul {margin-left: 35px;margin-right: 35px}
	.remont_module ul li {width: calc(100% / 5 - 10px);margin: 5px}
	.remont_module ul li div {height: calc(100vw / 5 - 20px)}
	.remont_module ul li a span {font-size: 15px}
}
@media all and (max-width: 800px) and (min-width: 601px) {
	.remont_module > h2 {margin-left: 40px;margin-right: 40px}
	.remont_module > ul {margin-left: 35px;margin-right: 35px}
	.remont_module ul li {width: calc(100% / 4 - 10px);margin: 5px}
	.remont_module ul li div {height: calc(100vw / 4 - 20px)}
	.remont_module ul li a span {font-size: 15px}
	.remont_module_short li:nth-child(8),
	.remont_module_short li:nth-child(9) {display: none}
}
@media all and (max-width: 600px) {
	.remont_module h2 {margin: 30px 15px}
	.remont_module ul {margin: 0 10px}
	.remont_module ul li {width: calc(50% - 5px);margin: 0}
	.remont_module ul li:nth-child(odd) {margin-right: 10px}
	.remont_module ul li div {height: calc(50vw - 15px)}
}


.brands_module {padding-bottom: 45px;padding-top: 10px;background: #D4EEFB;margin: 40px 0 30px 0}
.brands_module ul {list-style: none;display: flex;flex-wrap: wrap; gap: 10px}
.brands_module ul li {background-color: #fff;text-align: center;background-repeat: no-repeat;background-position: 50%;background-size: cover;position: relative}
.brands_module ul li a {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.brands_module.brands_module_full {padding-bottom: 20px;padding-top: 20px}

@media all and (min-width: 1401px) {
	.brands_module ul li {height: 192px;width: calc(100% / 6 - 10px)}
}
@media all and (max-width: 1400px) and (min-width: 1101px) {
	.brands_module ul li {height: 156px;width: calc(100% / 6 - 10px)}
}
@media all and (max-width: 1100px) and (min-width: 601px) {
	.brands_module ul {margin-left: 35px;margin-right: 35px}
	.brands_module h2 {margin-left: 40px;margin-right: 40px}
	.brands_module ul li {height: calc(100vw / 6 - 20px);width: calc(100% / 6 - 10px)}
}
@media all and (max-width: 600px) {
	.brands_module ul {gap: 4px; padding-left: 10px;}
	.brands_module ul li {height: calc(100vw / 4 - 9px);width: calc(100vw / 4 - 8px)}
	.brands_module.brands_module_short {padding-bottom: 15px;padding-top: 10px;margin: 40px 0 30px 0}
	.brands_module.module.brands_module_short h2 {margin: 10px 0 15px 0;margin-left: 15px}
	.brands_module.brands_module_short ul {list-style: none;display: flex;flex-wrap:nowrap;max-width: 100%;overflow-x: auto;padding: 0 15px 15px 15px}
	.brands_module.brands_module_short ul li {width: 30vw;min-width: 30vw;height: 30vw}
}









.whatWrap .area {
    margin: 15px 0;
    display: flex;
    align-items: center;
}
.whatWrap input {
    display: block;
    width: 100%;
    outline: none;
    padding: 5px 10px;
    border: solid 1px #777;
    background: #fff;
    font-size: 16px;
}
.whatWrap .area span {
    margin: 0 5px
}


.statusResult {}
.statusResult p {margin: 2px 0 8px 0}
.statusResult div {font-size: 14px; color: #444;margin: 2px 0}



.masterModalWrap .row {margin-bottom: 10px}
.masterModalWrap .row > div {
    margin-bottom: 2px;
    color: #444;
    font-size: 14px;
}
.masterModalWrap input,
.masterModalWrap select,
.masterModalWrap textarea {
    display: block;
    width: 100%;
    outline: none;
    padding: 5px 10px;
    border: solid 1px #777;
    background: #fff;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
}
.masterModalWrap .row .tel {
    display: flex;
    align-items: center;
    border: solid 1px #777;
    padding-left: 5px;
}
.masterModalWrap .row .tel input {border: 0}
.masterModalWrap textarea {width: 100%;max-width: 100%;min-width: 100%;min-height: 100px;max-height: 200px}


.mobileBottomFixedMenu {
	position: fixed;z-index: 10;display: flex;align-items: center;
	box-shadow: 0 0 4px 1px rgba(0,0,0,0.25);background: #173152;color: #fff;
}
.mobileBottomFixedMenu div {width: 50%;text-align: center;padding: 7px 0;cursor: pointer}
.mobileBottomFixedMenu span {display: block; width: 1px;min-width: 1px; background: #244e82; height: 30px}
@media all and (min-width: 1101px) {
	.mobileBottomFixedMenu {display: none}
}
@media all and (max-width: 1100px) and (min-width: 601px) {
	.mobileBottomFixedMenu {bottom: 5px;left: calc(50vw - 250px);width: 500px;border-radius: 12px;padding: 7px;font-size: 16px}
}
@media all and (max-width: 600px) {
	.mobileBottomFixedMenu {bottom: 0;left: 0;width: 100%;border-radius: 12px 12px 0 0;padding: 10px;font-size: 14px}
}



.authNameSearch {display: flex;flex-wrap: wrap; margin-bottom: 10px}
.authNameSearch > div {
    padding: 5px 12px;margin: 0 5px 5px 0;
    border: solid 1px #777;border-radius: 5px;color: #222;
	cursor: pointer;text-transform: uppercase;transition: 0.3s
}
.authNameSearch > div.active {border: solid 1px #173152;background-color: #173152;color: #FFF}
@media all and (max-width: 1100px) {
	.authNameSearch {margin-left: 15px;margin-right: 15px}
}



.defContent ul.shopList {list-style: none;margin: 0;padding: 0}
.defContent ul.shopList {display: flex;flex-wrap: wrap}
.defContent .shopList li {margin: 5px 0;padding-right: 15px}
.defContent .shopList li a {font-size: 18px;line-height: 18px;color: #111}
.defContent .shopList a > span:first-child {
    width: 50px;min-width: 50px;height: 50px;background-color: #eee;border-radius: 10px;margin-right: 15px
}
@media all and (min-width: 1101px) {
	.defContent .shopList li {width: 33%}
}
@media all and (max-width: 1100px) and (min-width: 701px) {
	.defContent .shopList li {width: 50%}
}
@media all and (max-width: 700px) {
	.defContent ul.shopList {display: block}
	.defContent .shopList li {display: block;margin: 10px 0}
}
.moreZipCatalog > span {width: 3px;height: 3px;background: #111;border-radius: 50%;margin: 0 2px}



.contactsModuleRow {margin: 20px 0}
.contactsModuleRow > div {font-size: 18px;line-height: 22px;margin: 5px 0}
.contactsModuleRow > div b {font-weight: 500;color: #173152}



.toTopBtn {
    position: fixed;z-index: 9;
    background-color: rgba(0,0,0,0.4);border-radius: 5px;cursor: pointer;
	background-image: url(/img/up.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 60%;
}
body.hide-to-top-btn .toTopBtn {transition: 0.1s}
@media all and (min-width: 1501px) {
	.toTopBtn {
		bottom: -80px;right: 50px;
		width: 80px;height: 80px;
		transition: 0.5s;
	}
	body.toTop .toTopBtn {bottom: 50px}
	body.nearTop .toTopBtn {bottom: -80px}
	body.nearBottom .toTopBtn {bottom: 50px}
	body.hide-to-top-btn .toTopBtn {bottom: -80px!important}
}
@media all and (max-width: 1500px) and (min-width: 1101px) {
	.toTopBtn {
		bottom: -60px;right: calc(50% - 30px);
		width: 60px;height: 60px;
		transition: 0.3s;
	}	
	body.toTop .toTopBtn {bottom: 20px}
	body.nearTop .toTopBtn {bottom: -60px}
	body.nearBottom .toTopBtn {bottom: 20px}
	body.hide-to-top-btn .toTopBtn {bottom: -60px!important}
}
@media all and (max-width: 1100px) and (min-width: 431px)  {
	.toTopBtn {
		bottom: -60px;right: calc(50% - 30px);
		width: 60px;height: 60px;
		transition: 0.5s;
		opacity: 0;
	}	
	body.toTop .toTopBtn {bottom: 60px;opacity: 1;}
	body.nearTop .toTopBtn {bottom: -60px}
	body.nearBottom .toTopBtn {bottom: 60px;opacity: 1;}
	body.hide-to-top-btn .toTopBtn {bottom: -60px!important}
}
@media all and (max-width: 430px) {
	.toTopBtn {
		bottom: -45px;right: calc(50% - 22px);
		width: 45px;height: 45px;
		transition: 0.5s;
		opacity: 0;
	}
	body.toTop .toTopBtn {bottom: 60px;opacity: 1;}
	body.nearTop .toTopBtn {bottom: -45px}
	body.nearBottom .toTopBtn {bottom: 60px;opacity: 1;}
	body.hide-to-top-btn .toTopBtn {bottom: -45px!important}
}



.iframeWrap {position: relative;height: 320px;width: 100%;background-color: #eee;background-image: url(/load.gif);background-repeat: no-repeat;background-position: 50%}
.iframeBg {opacity: 0;transition: 0.3s;cursor: pointer;background-color: #000}
.iframeBg:hover {opacity: 0.2}




.categorySearch {
	position: relative;
}
.categorySearch input {
	display: block;
    width: 100%;
    padding: 10px 110px 10px 15px;
    font-size: 16px;
    background: #eee;
    border: solid 1px #ddd;
    outline: none;
	border-radius: 10px;
}
.searchRemoveBtn {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    cursor: pointer;
}




img.panorama-plaza {
    display: block;
    max-width: 100%;
    margin: 30px 0;
}
.contactsMapWrap {
    position: relative;
	margin: 30px 0;
}
.contactsMapWrap img {
	display: block;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}
.contactsMapWrap a {
    z-index: 5;
}
.contactsMapWrap .mapBg {
    z-index: 2;
    background: rgba(0,0,0,0.05);
    transition: 0.3s
}
.contactsMapWrap .mapBtn {
    background-color: #94268F;
    color: #fff;
    width: 200px;
    font-size: 14px;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 500;
    cursor: pointer;
    position: absolute;
	z-index: 3;
    bottom: 10px;
    left: calc(50% - 100px);
    transition: 0.3s
}
.contactsMapWrap:hover .mapBg {
    background: rgba(0,0,0,0.1)
}
.contactsMapWrap:hover .mapBtn {
    background-color: #751e71;
}
@media ( width >= 800px ) {
	.contactsMapWrap,
	.contactsMapWrap img {
		height: 300px;
	}
}
@media ( 800px > width >= 600px ) {
	.contactsMapWrap,
	.contactsMapWrap img {
		height: calc(100vw / 3);
	}
}
@media ( width < 600px ) {
	.contactsMapWrap,
	.contactsMapWrap img {
		height: calc(100vw / 4 * 2);
	}
}





/* 
.contactsMapWrap {
    position: relative;
    height: 100px;
}
.contactsMapWrap img {
    height: auto;
    aspect-ratio: 16/1;
    object-fit: contain;
} */






.contactSliderWrap {
	position: relative;
	background-color: #eee;
    padding-bottom: 20px;
}
.contactSliderBody {
    height: 450px;
    background-color: #111;
    overflow: hidden;
}
.contactSliderContent {
    width: 300%;
    display: flex;
    height: 100%;    
}
.contactSliderRow {
    width: 100%;
    height: 100%;
    background-color: #444;
}
.contactSliderMiniatures {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: -50px;
}
.contactSliderMiniaturesRow {
    width: 100px;
    height: 100px;
    background-color: #222;
    cursor: pointer;
}




.blogTagMenu {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 5px;
}
.blogTagMenu a {
    white-space: nowrap;
    color: #111;
    font-size: 14px;
    font-weight: 500;
}
.blogTagMenu a:before {
    content: '#';
    color: #80257b;
    margin-right: 2px;
}
.CONTENT_BODY h3,
.CONTENT_BODY strong {
	font-weight: 500;
}




.blogRowsWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.blogRow {
    position: relative;
    background-color: #eee;
	border-radius: 10px;
}
.blogRow a {
	display: flex;
    align-items: end;
    height: 100%;
    width: 100%;
    color: #fff;
}
.blogRow h3 {
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6), rgba(0,0,0,0.8));
    width: 100%;
    border-radius: 10px;
    padding: 50px 20px 20px 20px;
}
/* .blogRow .blogCavas {
    background-color: #777;
    border-radius: 10px;
} */
@media all and (min-width: 1401px) {
	.blogRow {
		width: calc(100% / 3 - 10px);
		height: 240px;
	}
}
@media all and (max-width: 1400px) and (min-width: 1101px) {
	.blogRow {
		width: calc(100% / 3 - 10px);
		height: 200px;
	}
}
@media all and (max-width: 1100px) and (min-width: 901px) {
	.blogRow {
		width: calc(100% / 3 - 10px);
		height: calc(33vw / 16 * 10);
	}
}
@media all and (max-width: 900px) and (min-width: 601px) {
	.blogRow {
		width: calc(100% / 2 - 10px);
		height: calc(50vw / 16 * 10);
	}
}
@media all and (max-width: 600px) {
	.blogRow {
		width: 100%;
		height: calc(100vw / 16 * 9);
	}
}