:root { --main-color:#2D448D; }

.optional {}
.mobile {}
.hide { display: none; }
@media all and (max-width: 811px){ .optional { display: none } }
@media all and (min-width: 811px){ .mobile { display: none } }

@import url('/assets/fonts/Montserrat-VariableFont_wght.ttf');
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/Montserrat-VariableFont_wght.ttf')  format('truetype');
}

/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap'); */


body { margin: 0px; font-family: 'Montserrat', 'Ubuntu', sans-serif; letter-spacing: 0.5px }
.head { padding: 20px 0px; margin: auto; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; }
.head .logo img { max-width: 200px; margin-bottom: 20px }
.head .menu a.active { border-bottom: 1px solid #000 }
.topContacts { text-align: right; margin-bottom: 20px; font-weight: bold; display: flex; align-items: center; }
.topContacts div { margin-left: 30px; text-align: center; }
.topContacts div span { font-weight: 300; font-size: 14px; }
.topContacts a { color: #000; text-decoration: none; }
.topContacts a.tel { font-size: 18px }
.logoComment { width: 220px; display: inline-block; position: relative; top: 1px; font-size: 14px; margin-left: 6px; }
.logoComment img { float: left; margin: 0px; margin-right: 10px; height: 41px; }
div.menu { display: flex; align-items: center; justify-content: space-between; align-items: self-start; }
div.menu a { text-decoration: none; font-size: 18px }
div.menu>a { margin-left: 45px; color: #000; }
div.menu>a .ion { font-size: 22px; text-shadow: 0px 0px 1px var(--main-color); }
div.menu>a .ion-ios-cart { font-size: 28px; }
div.menu>div { background: var(--main-color); color: #fff; margin-left: 10px; }
div.menu>div a { display:  block; color: #fff; padding: 10px }

@media (max-width: 1199px){
	div.menu>a { margin-left: 20px; }
}
@media (max-width: 991px){
	div.menu { display: block; font-size: 14px; text-align: right; }
	div.menu>a { margin-left: 10px; }
}

div.info { background: #9f9; padding: 20px; }
div.error { background: #fbb; padding: 20px; }


nav.breadcrumbs { border-bottom: 1px solid #DADADA; margin-bottom: 40px; margin-top: -50px }
.breadcrumb-item { color: #828282 }
.breadcrumb-item a { color: inherit; text-decoration: none; font-size: 14px; border-bottom: 1px solid transparent; transition-duration: 0.2s }
.breadcrumb-item a:hover { border-bottom: 1px solid #828282; }
.breadcrumb-item.active { color: #000 }
:root {
	--bs-breadcrumb-divider : '-';
}

.cookieInfo { position: fixed; bottom: 0px; background: #fff; z-index: 10000; box-shadow: 0 0 100px #999; padding: 50px; width: 100% }
.cookieInfo .wfix { max-width: 1200px; margin: auto; }
.cookieInfo input { float: right; margin-right: 10px }
.cookieInfoContainer { width: 100vw; height: 100vh; position: fixed; background: rgba(0,0,0,0.5); z-index: 10000; }
.cookieInfoContainer .btn-primary { background: #0d6efd; color: #fff; border-radius: 25px; padding: 13px 50px; border: 1px solid #4bbed0; min-width: 175px; margin-left: 10px }
.cookieTerms { margin-bottom: 20px }
.cookieOptionLine { border-top: 1px solid #999; padding: 10px 0px }

.indexProds { background: #F8F9FB; }
.indexProds [class^="col-"] { background: #fff; }

.categoriesSection { border-bottom: 1px solid #999; }

.footer { background: #fef9e3; overflow: auto; display: flex; flex-wrap: wrap; padding: 20px; justify-content: space-between; }
.footer .col { padding: 20px; font-size: 20px; font-family: 'Montserrat', 'Ubuntu', sans-serif; line-height: 35px; line-height: 22px; font-size: 16px }
.footer h6 { display: block; font-size: 20px; font-family: 'Montserrat', 'Ubuntu', sans-serif; font-weight: bold; margin-bottom: 10px; margin-top: 0px }
.footer .col a { color: #000; font-size: 18px; font-weight: bold; text-decoration: none; font-weight:400 }

.footer2 { background: #fef9e3; line-height: 40px; padding: 20px; font-size: 16px; font-family: 'Montserrat', 'Ubuntu', sans-serif; color: #000 }
.footer2 .cardinfo { height: 40px; float: right; margin-right: 40px; }

.discount-price-old { text-decoration: line-through; font-weight: 300; }
.row.product-content > div { margin-bottom:10px }
.count input { width: 50px }
.row.product-content .card .card-body .cnt small { font-weight: bold; font-size: 9px; display: block; text-align: center; }
.row.product-content .card .card-body .cnt .count:before { display: block; content: ''; width: 20px; height: 20px; background: url(/assets/img/smcart.png); background-repeat: no-repeat; background-size: contain; float: left; margin-right: 5px }
.row.product-content .card .card-body .cnt .count input { margin-left: -5px; margin-right: -5px; width: 40px }
.row.product-content .card .card-body .ret .count:before { display: block; content: ''; width: 20px; height: 20px; background: url(/assets/img/smbottle.png); background-repeat: no-repeat; background-size: contain; float: left; margin-right: 5px }
.row.product-content .card .card-body .ret .count input { margin-left: -5px; margin-right: -5px; width: 40px }
.row.product-content .card .card-body .ret small { font-size: 9px; display: block; text-align: center; }

.row.product-content .card-img-top { max-height:300px; object-fit: contain; }
.prodView .card .card-img-top { max-height: 489px; object-fit: contain; }
.saiprods img { max-height: 300px; object-fit: contain; }
.afterBuyPlace .product-block img { max-height: 300px; object-fit: contain; }

h1 { font-size: 2em; font-weight: 400; margin-bottom: 30px; color: #23224c }
h2 { font-size: 1.8em; font-weight: 400; margin-bottom: 30px; color: #23224c }
.textContainer { background: #f8f9fb; padding-top: 70px; padding-bottom: 50px }
.formContainer { padding: 150px 0px 150px; background-color: #f8f9fb; background-size: cover; text-align: center; }
.formContainer a.link { color: #afafaf }
.formContainer form { background: #fff; border-radius: 10px; display: inline-block; margin: auto; padding: 50px; min-width: 30%; }
.formContainer form .form-group { margin: 20px auto; }
.formContainer form input { border-radius: 25px; border: 1px solid #b4b4b4; padding: 13px 20px; width: 100%; }
.formContainer form input[type=submit]{ color: #fff; min-width: 175px; background: #23224c; padding: 13px 50px; }
.formContainer .b2 { border-top: 1px solid #f0f0f0; margin-top: 30px; padding-top: 30px }

.btn-secondary { background: #4bbed0; color: #fff; border-radius: 25px; padding: 13px 50px; border: 1px solid #4bbed0; min-width: 175px; }

.profileContainer { min-height: calc(100vh - 200px); background: #f8f9fb }
.profileMenu { border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; padding: 25px 0px; margin-bottom: 25px }
.profileMenu a { color: #a2a2a2; text-decoration: none; margin-right: 30px }
.profileMenu a.active { color: #000; text-decoration: underline; }

.topPromoInfo { text-align: center; color: #fff; background: #23224C; padding: 10px; line-height: 30px }
.topPromoInfo a { color: inherit; text-decoration:inherit; }
.topPromoInfo .promoClose { float: right; cursor: pointer; }

.infoBlockContent { height: 100%; min-height: 500px; padding: 80px; background-size: cover; display: table; width: 100%; margin-top: 20px; background-position: center center; background-repeat: no-repeat; }
.infoBlockContent > div { display: table-cell; vertical-align: middle; }
.infoBlockContent a { color: inherit; text-decoration: none; border-bottom: 1px solid #999 }

@media (max-width: 810px){
	.infoBlockContent { padding: 8vw }
}

.text-right { text-align: right; }
.card { border-radius: 10px }
.suggestedProds { padding-bottom: 70px }
.suggestedProds h2 { font-size: 34px; color: #23224C; font-weight: 500 }
.suggestedProds .card .card-title { font-size: 16px; font-weight: 500 }
img { max-width: 100%; object-fit: contain; }

.blutop { background: #4BBED0; color: #fff; padding: 28px; text-align: center; font-size: 16px }

.sqInps { padding-bottom: 70px }
.sqInps .btn-group { border-radius: 10px; overflow: hidden; width: 100% }
.sqInps .btn-group label { border-radius: 10px; padding: 10px; background: #fff; color: #000; border: 1px solid #B7B7B7; line-height: 33px  }
.sqInps .btn-group label.active { color: #fff; background-color: #23224C; background-color: #23224c; }
.sqInps input.form-control, select.form-control, .btn-group { margin-bottom: 10px; font-size: 16px; }
.sqInps input.form-control, select.form-control { padding: 10px 20px; line-height: 33px }
select.form-control { background: url(../img/arrd.png); background-repeat: no-repeat; background-position: right 10px center; background-size: 10px; }
.sqInps .btn-group input[type=radio] { opacity: 0 }
.sqInps .form-group input[type=checkbox] { width: 39px; height: 36px; line-height: 36px }
.sqInps .form-group .cboxLabel { line-height: 36px; position: relative; top: -10px; padding-left: 10px; }
.sqInps .btn-primary { background: #23224C; padding: 16px 30px; border-radius: 30px }
#ahtmlPlace { display: none; }

.form-group label { padding: 20px 0px 10px 1px; font-weight: 500; }

.menuContainer { margin-left: auto; }
.menuContainer .a4u_cartCountPlace { flex: auto }
.menuContainer .a4u_cartCountPlace { font-size: 17px; position: relative; top: -3px; font-weight: 500; margin-left: 10px }
.menuContainer .a4u_cartCountPlace:empty { margin-left: 0px }
@media (min-width: 811px){
	#langSel { margin-right: -57px; position: relative; }
}
/** mobile **/
@media (max-width: 810px){
	.head .logo img { margin-top: 0px }
	.mobMenuButton { position: absolute; top: 12px; right: 20px; font-size: 39px; }
	.topContacts { display: none !important; }
	.menu { display: none !important; }
	.menuContainer { width: 100% }
	.menu.visible { display: block !important; width: calc(100% + 24px) !important; text-align: center; position: absolute; top: 80px; padding-top: 50px; background: #fff; z-index: 1000; width: 100%; left: 0px; line-height: 60px; border-bottom: 1px solid #000; min-height: 100vh; margin-left: -12px }
	.menu.visible a { display: block !important; width: 100%; text-align: center; margin: auto }
	.head .menu a.active { border-bottom: none; }
	#langSel { position: absolute; width: 100%; background: #fff; }
	#langSel a { display: inline-block !important; width: auto; color: #000; }
	.menu a.mtiny { display: inline-block !important; width: 50px; }

	.formContainer { padding: 50px 0px; }
	.profileMenu a { display: block; line-height: 40px }
	.suggestedProds h2 { font-size: 26px }
	nav.breadcrumbs { margin-top: -10px }
	
	.footer { display: block; }
	.footer .row > div { margin-top: 30px }
	.footer2 { line-height: 20px }
	.footer2 .row { flex-flow: column-reverse }
	.footer2 .row > div { margin-top: 30px }
	.footer2 .text-right { text-align: left; margin-top: 0px !important }
	.footer2 .rights { display: block; }
}

.mobCartBlock.hidden { bottom: -80px }
.mobCartBlock { position: fixed; bottom: 10px; left: 10px; background: #fff; padding: 20px; width: calc(100% - 20px); border-radius: 10px; border: 1px solid #eee; opacity: 1; transition-duration: 0.5s; text-align: center; box-shadow: 0px 3px 10px 3px #ccc }
.mobCartBlock a { color: inherit; }
.mobCartBlock .ion { margin-left: 20px }
.mobCartBlock .a4u_cartCountPlace {  font-size: 14px }

/* loader animation*/
.op0 { opacity: 0; transition-duration: 1s; }
.waterLoader { height: 75vh }
.waterLoader .circle{ position:relative; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); width:150px; height:150px; background:#ccc; border:5px solid #fff; box-shadow:0 0 0 5px #55a; border-radius:50% 0px 50% 50%; overflow:hidden; }
.waterLoader .wave { position:relative; width:100%; height:100%; background:#4973ff; border-radius:50%; box-shadow:inset 0 0 50px rgba(0,0,0,.5); transform: rotate(45deg); }
.waterLoader .wave:before,.waterLoader .wave:after{content:''; position:absolute; width:200%; height:200%; top:0; left:50%; transform:translate(-50%,-75%); background:#000; }
.waterLoader .wave:before{border-radius:45%; background:rgba(255,255,255,1); animation:animate 5s linear infinite; }
.waterLoader .wave:after{border-radius:40%; background:rgba(255,255,255,.5); animation:animate 10s linear infinite; }
@keyframes animate{
  0%{ transform:translate(-50%,-75%) rotate(0deg);}
  100%{ transform:translate(-50%,-75%) rotate(360deg);}
}

.faqwell { padding: 20px; background: #fff; border: 1px solid #F0F0F0; margin-bottom: 20px; border-radius: 10px; cursor: pointer; }
.faqwell:before { content: "\f123"; float: right; font-family: "Ionicons"  }
.faqwell .ppp { margin-top: 20px; border-top: 1px solid #eee; padding-top: 20px; }

.preorderInfoContainer .preorderInfo { color: #9E3039; display: flex; margin-bottom: 40px; align-items: center; }
.preorderInfoContainer .preorderInfo .i { float: left; border: 1px solid #000; background: #FEF9E3; min-width: 43px; height: 43px; text-align: center; line-height: 43px; border-radius: 5px; margin-right: 20px }

.returnCount input.red { color: #f60; }



/*BX atsauksmes*/
.clientReviews {  }

.container__title { text-align: center; }
.container__title h1 { font-size: 2em; margin-bottom: 30px; font-weight: 400; color: #23224c; padding-bottom: 20px; }
.slider-container { position: relative; width: 100%; padding-top: 40px; padding-bottom: 60px; overflow: hidden; background: #fbfbfb; padding-left: 20px; padding-right: 20px; }
.slider-container__inner { width: 100%!important; max-width:1296px; margin: auto; }
.card-slider { display: flex; flex-wrap: wrap }

@media screen and (max-width: 575px){
	.clientReviews .card { text-align: left; background: #fff; border: 1px solid #ddd; border-radius: 0px; padding: 15px 15px 20px 15px; width: 100%; height: 370px; }
	.card-slider { max-height: 380px; overflow: auto; }
}      
@media screen and (min-width: 576px){
	.clientReviews .card { text-align: left; background: #fff; border: 1px solid #ddd; border-radius: 0px; padding: 25px 25px 30px 25px; width: calc(25% - 10px); height: 370px; margin: 5px }
	.card-slider { max-height: 380px; overflow: hidden; }
}

.bx-viewport .card-slider { max-height: 100vh }
.bx-viewport .card { height: auto; margin: 0; }

.card__star-rating {font-size: 2em; color: #ccc; cursor: pointer; }
.card__star-rating span{font-size: 22px; }
.card__star-rating .filled {color: #fda100; }

.card__star-rating .empty {color: #ccc; }
.card__feedback{color: #23224c; padding-bottom: 15px; padding-top: 0px; }
.clientReviews .card .person__wrap{position: relative; }
.clientReviews .card .person_image{position: absolute; left: 0; top: 5px; }
.clientReviews .card .person_image img{width: 25%; height: 25%; aspect-ratio: 1/1; object-fit: cover; border-radius: 50%; }

.clientReviews .card .person__name{padding-left: 60px; padding-top: 10px; }
.clientReviews .card .person__name .tit-1{color: #23224c; font-size: 18px; font-weight: 400; margin-top: 0px; margin-bottom: 5px; }
.clientReviews .card .person__name .tit-2{color: #b3b3b3; font-size: 14px; font-weight: 400; margin-top: 0px; margin-bottom: 0px; }
.clientReviews .card .person__name_noimg { padding-left: 0px }
/*Card END*/
/*Nav*/
.bx-controls-direction { position: relative; top: -230px }
.bx-controls-direction a { display: inline-block; position: absolute; }
.slider-btn {position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 1000; border:none; background: transparent; }
.bx-controls-direction a { width: 42px; height: 42px; background: #fbfbfb; background-size: 15px; background-repeat: no-repeat; background-position: center; font-size: 5px; text-indent: -10000px; border-radius: 50%; border:1px solid #ddd; padding: 10px; transition: 0.3s; }
.bx-controls-direction .bx-prev {left: -30px; background-image: url(/assets/img/arrow-left.svg); }
.bx-controls-direction .bx-next {right: -30px; background-image: url(/assets/img/arrow-right.svg); }
.nav-buttons .slider-btn img:hover {background: #23224c; }
/*Nav END*/
/*Dots*/
.bx-has-pager {text-align: center; padding-top: 10px; }
.bx-pager {padding-left: 0px; }
.bx-pager-item { display: inline-block; }
.bx-pager-item a {width: 14px; height:14px; border-radius: 50%; background: #fbfbfb; border:1px solid #ddd; transition: 0.3s; cursor: pointer; display: inline-block;  margin: 5px; text-indent: -10000px }
.bx-pager-item a:hover ;{background: #23224c; }
.bx-pager-item a.active {background: #23224c; }
/*Dots-END*/

.onlatsauk .textContainer { padding-top: 0px; }