@font-face {
	font-family: Circe;
	src: url(/local/assets/fonts/2cgzfNm.eot);
	src: url(/local/assets/fonts/1cJ-aJx.woff) format("woff"), url(/local/assets/fonts/3Ull9w3.woff2) format("woff2"), url(/local/assets/fonts/3kYZBQp.ttf) format("truetype");
	font-weight: 200;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Circe;
	src: url(/local/assets/fonts/ILGrN7b.eot);
	src: url(/local/assets/fonts/IOtXku_.woff) format("woff"), url(/local/assets/fonts/1_Y3nXW.woff2) format("woff2"), url(/local/assets/fonts/DowsN7A.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}
.top-logo
@font-face {
	font-family: Circe;
	src: url(/local/assets/fonts/1JuOjFM.eot);
	src: url(/local/assets/fonts/1YZ-4pS.woff) format("woff"), url(/local/assets/fonts/2l9X_0q.woff2) format("woff2"), url(/local/assets/fonts/9roqeWW.ttf) format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Circe;
	src: url(/local/assets/fonts/18XFbLs.eot);
	src: url(/local/assets/fonts/1fDxSe6.woff) format("woff"), url(/local/assets/fonts/1zWt5yf.woff2) format("woff2"), url(/local/assets/fonts/3SJtTOd.ttf) format("truetype");
	font-weight: 900;
	font-style: normal;
	font-display: swap
}


body{
	font-family: 'Circe', sans-serif;
	font-size: 1rem;
	//background: #F6F6F6
}

h1{
	font-size: 1.6rem;
	margin: 0;
}

a{
	text-decoration: none;
	color: inherit;
}
a:hover{
	text-decoration: none;
	color: #6cbbe2;
}
a.no-decor:hover{
	text-decoration: none;
	color: inherit;
}
.cursor-pointer{
	cursor: pointer;
}
.text-primary{
	color:#6cbbe2 !important;
}
.text-sm{
	font-size: 0.8rem;
}
.bg-primary{
	background-color: #6cbbe2 !important;
}
.bg-fill{
	background: #f1f0ed !important;
}
.btn{
	border-radius: 1rem;
}
.btn-primary{
	color: #fff;
	background-color: #6cbbe2;
	border-color: #6cbbe2;
}
.btn-primary:hover{
	color: #fff;
background-color: #4f8ba8;
border-color: #0a58ca;
}
.btn-outline-primary {
	color: #6cbbe2;
	border-color: #6cbbe2;
}
.btn-outline-primary:hover {
	color: #fff;
	background-color: #6cbbe2;
	border-color: #6cbbe2;
}
.btn{
	outline: none;
	box-shadow: none;
}
.btn:hover,.btn:active,.btn:focus{
	outline: 0 !important;
	box-shadow: none !important;
}
.form-control:focus,.form-control:active {
	outline: 0 !important;
	box-shadow: none !important;
//border-color: #6cbbe2;
}
.rounded{
	overflow: hidden;
	border-radius: 1rem !important;
}

.br-block{
	border: 1px solid #f1f0ed;
}
.offcanvas{
	padding-bottom: 94px;
	
}


.offcanvas-bottom{
	height: auto;
	max-height: 97%;
	min-height: 300px;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	border-top: 1px solid #fff;
	box-shadow: 0px -0.125rem 0.5rem 0.5px rgb(239 236 236 / 75%);
}
.offcanvas-start, .offcanvas-end{
	width: 100%;
	max-width: 461px;

}
.offcanvas-start{
	border: 0;
}
.offcanvas-end{
	border: 0;
}
.lh-1{
	line-height: 1;
}

.header{
	display: flex;
	align-items: center;
}

.top-line{
	display: flex;
	align-items: center;
	padding: 0.5rem 0;
}

.top-text-btn{
	display: flex;
	align-items: center;
	font-size: 0.8rem;
	line-height: 1rem;
}


main{
	padding-bottom: 5rem;
}

.head-basket{
	display: flex;
	align-items: center;
	background: #6cbbe2;
	color: #fff;
	border-radius: 1rem;
	padding: 0.5rem 1rem;
}


.searchBarBtn{
	background: #f1f0ed;
	border-radius: 1rem;
	display: flex;
	align-items: center;
//	padding: 0.75rem 1rem;
}

.searchBarBtnSub{
	display: flex;
	border: 1px solid #f1f0ed;
	border-radius: 1rem;
	flex-grow: 1;
	background: #f1f0ed;
	cursor: pointer;
}
.searchBarInp{
	position: relative;
}
.searchBarInp span{
	position: absolute;
	left: 0.6rem;
	top: 0.78rem;
}
.searchBarInp input{
	background: #f1f0ed;
	border-radius: 1rem;
	width: 100%;
	padding: 0.75rem 1rem 0.73rem 2.2rem;
	border-color: #f1f0ed;
}
.searchBarInp input:focus,.searchBarInp input:active {
	outline: 0 !important;
	box-shadow: none !important;
	border-color: #ced4da;
}


.menuListItem{
	display: flex;
	align-items: center;
	font-size: 1.1rem;
	cursor: pointer;
}
.menuListItem[aria-expanded="true"] .exmore{
	display: none;
}
.menuListItem .exless{
	display: none;
}
.menuListItem[aria-expanded="true"] .exless{
	display: block;
}
.menuListItemCnt{
	padding-left: .5rem;
	margin-left: 30px;
}
.menuListSub>*{
	display: block;
	margin-bottom: 0.75rem;
}
.menuListHr{
	background: #f1f0ed;
	opacity: 1;
}

.mainSectItem{
	position: relative;
	border-radius: 1rem;
	overflow: hidden;
	display: block;
}
.mainSectItemName{
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.75rem;
	background-color: #ffffffad;
	border-bottom-right-radius: 1rem;
}


footer{
	z-index: 9999;
	position: fixed;
	width: 100%;
	bottom: 0;
	background: #fff;
	padding-bottom: 0.7rem;
	padding-top: 0.8rem;
	box-shadow: 0 -0.125rem 0.35rem 0 rgba(0,0,0,.075);
	border-start-start-radius: 1rem;
	border-start-end-radius: 1rem;
	border-top: 1px solid #f3f2f0;
}

.foot-menu{
	display: flex;
	align-items: center;
	justify-content: space-around;
	border-radius: 1rem;
}
.foot-menu >*:not(.head-basket){
	padding-bottom: 0.7rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.foot-menu >*{
	line-height: 1;
	text-align: center;
	font-size: 0.7rem;
	
}
.foot-menu .material-icons-round{
	font-size: 2rem;
	color: #6cbbe2;
}

.foot-menu .head-basket{
	font-size: 1rem;
	margin-top: -1rem;
}

.sectCard{
	display: flex;
	line-height: 1.2rem;
	align-items: center;
	background: #f8f7f5;
	border-radius: 1rem;
	padding: 1rem;
}
.sectCardName{
	font-size: 0.8rem;
	line-height: 1rem;
	max-height: 3rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.itemCard{
	background: #fff;
	border-radius: 1rem;
	padding: .75rem;
	position: relative;
	border: 1px solid #f1f0ed;
}

.itemCardWide{
	border-radius: 1rem;
	padding: .75rem;
	position: relative;
	border: 1px solid #f1f0ed;
}
.itemCardWide .itemCardName{
	height: auto;
}
.itemCardTrust{
	font-size: 0.8rem;
	display: flex;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #f8f7f5;
	padding: 0.25rem 0.5rem;
	border-radius: 1rem;
}
.itemCardWide .itemCardTrust{
	left: 0;
	right: inherit;
}

.itemCardName{
	font-size: 0.8rem;
	height: 2.4rem;
	overflow: hidden;
}
.itemCardPrice span{
	font-size: 1.2rem;
	font-weight: bold;
}

.itemBasketCnt{
	background: #6cbbe2;
	border-radius: 1rem;
	padding: 0.5rem;
}
.itemBasketCnt .spinner-border{
	font-size: 0.8rem;
}

.itemBasketAdd{
	text-align: center;
	cursor: pointer;
	width: 100%;
	height: 31px;
}

.itemBasketAdd.btn-primary:hover, .itemBasketAdd.btn-primary:active, .itemBasketAdd.btn-primary:focus{
	background-color: #6cbbe2;
	border-color: #6cbbe2;
}

.itemBasketIn{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 31px;
	color: white;
}
.itemBasketIn span{
	font-size: 1rem;
	cursor: pointer;
	color: white;
}

.basketListBtn, .basketListBtn:hover, .basketListBtn:active, .basketListBtn:focus{
	color: white;
}



.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.gallery-top {
	width: 100%;
}
.gallery-thumbs {
	width: 100%;
//height: ;
	box-sizing: border-box;
	padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
	width: 60px;
	height: 60px;
	opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}
.swiper-button-next:after, .swiper-button-prev:after{
	color: #6cbbe2;
}

.itemCardName {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}


.blue {
	background-color: blue;
}

.milky {
	background-color: #f6f2e7;
}

.green {
	background-color: green;
}

.red {
	background-color: red;
}

.black {
	background-color: black;
}

.dark-red {
	background-color: #800000;
}

.dirty-lilac {
	background-color: #986ea0;
}

.pink {
	background-color: pink;
}

.cocoa {
	background-color: #8f4a07;
}

.beige {
	background-color: #d3bd9f;
}

.milky-green {
	background-color: #c4d0c6;
}

.white {
	background-color: white;
}

.khaki {
	background-color: #b8a789;
}

.indigo {
	background-color: #341386;
}

.middle-grey {
	background-color: #949494;
}

.grey {
	background-color: grey;
}

.brown {
	background-color: brown;
}

.grey-black {
	background: linear-gradient(90deg, #000000 50%, #808080FF 50%);
}

.red-white {
	background: linear-gradient(90deg, #ff0000 50%, #ffffff 50%);
}

.blue-white {
	background: linear-gradient(90deg, #0000FFFF 50%, #ffffff 50%);
}

.grey-red {
	background: linear-gradient(90deg, #ff0000 50%, #808080FF 50%);
}

.blue-green {
	background: linear-gradient(90deg, #008000FF 50%, #0000FFFF 50%);
}

.white-violet {
	background: linear-gradient(90deg, #ffffff 50%, #7007ec 50%);
}

.sky-color {
	background-color: #0ec0e4;
}

.yellow {
	background-color: yellow;
}

.military {
	background-color: #474f1e;
}

.ecru {
	background-color: #b7a978;
}

.mustard {
	background-color: #dfa100;
}

.grey-melange {
	background: linear-gradient(90deg, #87827d 50%, #808080FF 50%);
}

.white-khaki {
	background: linear-gradient(90deg, #ffffff 50%, #b8a789 50%);
}

.white-black {
	background: linear-gradient(90deg, #ffffff 50%, #000000 50%);
}

.pistachio {
	background-color: #8bbc6d;
}

.crimson {
	background-color: #f2128c;
}

.grey-red {
	background: linear-gradient(90deg, grey 50%, red 50%);
}

.blue-beige {
	background: linear-gradient(90deg, blue 50%, #d3bd9f 50%);
}

.white-blue {
	background: linear-gradient(90deg, blue 50%, white 50%);
}

.white-green {
	background: linear-gradient(90deg, green 50%, white 50%);
}

.dark-blue {
	background-color: darkblue;
}

.turquoise {
	background-color: turquoise;
}

.coral {
	background-color: coral;
}

.violet {
	background-color: #7007ec;
}

.orange {
	background-color: orange;
}

.lilac {
	background-color: #be9abe;
}

.anthracite {
	background-color: #343b45;
}

.black-red {
	background: linear-gradient(90deg, #000000 50%, #ff0004 50%);
}

.light-grey {
	background-color: lightgrey;
}

.peach {
	background-color: #f29282;
}

.black-grey {
	background: linear-gradient(90deg, #000000 50%, grey 50%);
}

.red-sky {
	background: linear-gradient(90deg, red 50%, #0ec0e4 50%);
}

.grey-blue {
	background: linear-gradient(90deg, grey 50%, blue 50%);
}

.light-green-grey {
	background: linear-gradient(90deg, lightgreen 50%, grey 50%);
}

.turquoise-grey {
	background: linear-gradient(90deg, turquoise 50%, grey 50%);
}

.turquoise-orange {
	background: linear-gradient(90deg, turquoise 50%, orange 50%);
}

.dark-grey {
	background-color: darkgray;
}

.black-yellow {
	background: linear-gradient(90deg, black 50%, yellow 50%);
}

.black-white {
	background: linear-gradient(90deg, black 50%, white 50%);
}

.black-golden {
	background: linear-gradient(90deg, black 50%, gold 50%);
}

.white-red {
	background: linear-gradient(90deg, white 50%, red 50%);
}

.green-white {
	background: linear-gradient(90deg, green 50%, white 50%);
}

.ceramics {
	background-color: #bd9885;
}

.black-sky {
	background: linear-gradient(90deg, black 50%, #0ec0e4 50%);
}

.white-sky {
	background: linear-gradient(90deg, white 50%, #0ec0e4 50%);
}

.milky-violet {
	background: linear-gradient(90deg, #f6f2e7 50%, #7007ec 50%);
}

.menthol {
	background-color: #b7ec9a;
}

.gold {
	background-color: gold;
}

.dark-khaki {
	background: linear-gradient(90deg, #000000 50%, #b8a789 50%);
}

.blue-violet {
	background: linear-gradient(90deg, blue 50%, #7007ec 50%);
}

.olive {
	background-color: #797900;
}

.white-khaki {
	background: linear-gradient(90deg, white 50%, #b8a789 50%);
}

.light-green {
	background: linear-gradient(90deg, white 50%, green 50%);
}

.anthracite {
	background-color: #343b45;
}

.white-gold {
	background: linear-gradient(90deg, white 50%, gold 50%);
}

.fuchsia {
	background-color: fuchsia;
}

.light-blue {
	background-color: lightblue;
}

.petrol {
	background-color: #005a65;
}

.light-pink {
	background-color: lightpink;
}

.black {
	background-color: black;
}

.dark-beige {
	background-color: #746150;
}

.gray-melange {
	background-color: #848389;
}

.powder {
	background-color: #efd6d2;
}

.dark-orange {
	background-color: darkorange;
}

.khaki-beige {
	background: linear-gradient(90deg, #b8a789 50%, #d3bd9f 50%);
}

.electro {
	background-color: #3c01f3;
}

.blue-black {
	background: linear-gradient(90deg, blue 50%, black 50%);
}

.black-khaki {
	background: linear-gradient(90deg, black 50%, #b8a789 50%);
}

.purple {
	background-color: purple;
}

.persecic {
	background-color: #f0a36f;
}

.grey-anthracite {
	background: linear-gradient(90deg, grey 50%, #343b45 50%);
}

.black-light-green {
	background: linear-gradient(90deg, black 50%, lightgreen 50%);
}

.wet {
	background-color: #444444;
}

.beige-khaki {
	background: linear-gradient(90deg, #b8a789 50%, #d3bd9f 50%);
}

.white-lemon {
	background: linear-gradient(90deg, #ffffff 50%, #f1e97a 50%);
}

.white-yellow {
	background: linear-gradient(90deg, #ffffff 50%, yellow 50%);
}

.white-grey {
	background: linear-gradient(90deg, #ffffff 50%, gray 50%);
}

.white-orange {
	background: linear-gradient(90deg, #ffffff 50%, orange 50%);
}

.white-dark-orange {
	background: linear-gradient(90deg, #ffffff 50%, darkorange 50%);
}

.white-gold {
	background: linear-gradient(90deg, #ffffff 50%, gold 50%);
}

.white-silver {
	background: linear-gradient(90deg, #ffffff 50%, silver 50%);
}

.black-orange {
	background: linear-gradient(90deg, #000000 50%, orange 50%);
}

.white-turquoise {
	background: linear-gradient(90deg, #ffffff 50%, turquoise 50%);
}


.lineMenu{
	background: #f1f0ed;
}

.lineMenu a.active, .lineMenu a:hover{
	color: #6cbbe2;
}

.ptr--icon .spinner-border{
	color: #6cbbe2 !important;
}

.pass-inp-toggle{
	position: absolute;
	right: 0.5rem;
	top: 0.6rem;
	color: #6cbbe2;
	padding: 0.5rem;
	padding-bottom: 0;
}

.banner_item {
	height: 173px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 1rem;
}

@media screen and (max-width: 1200px) {
	.banner_item {
		height: 125px;
	}
}

@media screen and (max-width: 992px) {
	.banner_item {
		height: 93px;
	}
}

@media screen and (max-width: 768px) {
	.banner_item {
		background-position: left;
	}
}

@media screen and (min-width: 992px) {
	.offcanvas-bottom{
		height: 100%;	
		max-height: 100%;
		width: 100%;
		max-width: 420px;
		left: inherit;
		border-top-left-radius: 1rem;
		border-top-right-radius: 0;
		border-top: none;
		border-left: 1px solid #fff;
		box-shadow: -0.125rem 0px 0.5rem 0.5px rgb(239 236 236 / 75%);
		transform: translateX(100%);
		transition: transform .3s ease-in-out;
	}
}