html, body { height: 100%; margin: 0; padding: 0; scroll-behavior: smooth }
a { color: inherit }
a.astroSymbol-box:hover svg { fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient id='astroGradient' x2='0.35' y2='1'%3E%3Cstop offset='0%25' stop-color='%23ade600'%3E%3C/stop%3E%3Cstop offset='100%25' stop-color='%230dd064'%3E%3C/stop%3E%3C/linearGradient%3E%3C/svg%3E#astroGradient") #2cd450 !important }
a:hover { color: #94c109 !important; text-decoration: none !important }
a:hover svg { fill: #94c109 !important }
input[type=number]::-webkit-inner-spin-button { opacity: 1 !important }
.green-links a{color: #94c109; transition: .2s ease; }
.green-links a:hover, .green-links a:visited{color: #8BB800 !important;  transition: .2s ease; }
iframe{max-width: 100%}
@font-face { src: url(../fonts/beautyzone-Regular.otf); font-family: beautyzone-regular }
@font-face { src: url(../fonts/beautyzone-RegularItalic.otf); font-family: beautyzone-regularItalic }
@font-face { src: url(../fonts/beautyzone-SemiBold.otf); font-family: beautyzone-semiBold }
@font-face { src: url(../fonts/beautyzone-SemiBoldItalic.otf); font-family: beautyzone-semiBoldItalic }
@font-face { src: url(../fonts/beautyzone-Bold.otf); font-family: beautyzone-bold }
@font-face { src: url(../fonts/beautyzone-BoldItalic.otf); font-family: beautyzone-boldItalic }
@font-face { src: url(../fonts/Gilroy-Regular.ttf); font-family: Gilroy-Regular }
@font-face { src: url(../fonts/Gilroy-Light.ttf); font-family: Gilroy-Light }
@font-face { src: url(../fonts/Gilroy-SemiBold.ttf); font-family: Gilroy-semiBold }
@font-face { src: url(../fonts/Gilroy-Bold.ttf); font-family: Gilroy-Bold }
@font-face { src: url(../fonts/georgia.ttf); font-family: georgia-font }
.gilroy-regular { font-family: Gilroy-Regular }
.gilroy-light { font-family: Gilroy-Light }
.gilroy-bold { font-family: Gilroy-Bold }
.gilroy-semiBold { font-family: Gilroy-semiBold }
.georgia-font { font-family: georgia-font }
.regular { font-family: "beautyzone-regular" !important; }
.regular strong, .regular b, .regular .bold { font-family: "beautyzone-bold" !important; }
.regular-italic { font-family: "beautyzone-regularItalic" !important; }
.regular-italic strong, .regular-italic b { font-family: "beautyzone-boldItalic" !important; }
.semiBold { font-family: "beautyzone-semiBold" }
.semiBold-italic { font-family: "beautyzone-semiBoldItalic" }
.bold { font-family: "beautyzone-bold" }
.bold-italic { font-family: "beautyzone-boldItalic" }
.arial-bold { font-family: Arial, Helvetica, sans-serif; font-weight: 700 }
.arial-regular { font-family: Arial, Helvetica, sans-serif; font-weight: 400 }
.mt-nav { margin-top: 25px }
.mt-nav.publicProfile { margin-top: 25px }
.f-10 { font-size: 10px }
.f-11 { font-size: 11px }
.f-12 { font-size: 12px }
.f-13 { font-size: 13px }
.f-14 { font-size: 14px }
.f-15 { font-size: 15px }
.f-16 { font-size: 16px }
.f-17 { font-size: 17px }
.f-18 { font-size: 18px }
.f-19 { font-size: 19px }
.f-20 { font-size: 20px }
.f-21 { font-size: 21px }
.f-22 { font-size: 22px }
.f-23 { font-size: 23px }
.f-24 { font-size: 24px }
.f-25 { font-size: 25px }
.f-26 { font-size: 26px }
.f-27 { font-size: 27px }
.f-28 { font-size: 28px }
.f-29 { font-size: 29px }
.f-30 { font-size: 30px }
.f-32 { font-size: 32px }
.f-33 { font-size: 33px }
.f-34 { font-size: 34px }
.f-36 { font-size: 36px }
.f-37 { font-size: 37px }
.f-38 { font-size: 38px }
.f-41 { font-size: 41px }
.f-44 { font-size: 44px }
.f-50 { font-size: 50px }
.f-52 { font-size: 52px }
.f-53 { font-size: 53px }
.f-56 { font-size: 56px }
.f-60 { font-size: 60px }
.f-70 { font-size: 70px }
.f-75 { font-size: 75px }
.f-107 { font-size: 107px }
.border-radius-none { border-radius: 0 }
:root { --color-primary: #82ad00; --color-primary2:#ade600; --color-gray: #999999; --color-grayDark: #666666; --color-grayLight: #c7c7c7 }
.txt-primary { color: var(--color-primary) }
.txt-primary2 { color: var(--color-primary2) }
.txt-gray { color: var(--color-gray) !important }
.txt-gray-light { color: var(--color-grayLight) !important }
.txt-gray-dark { color: var(--color-grayDark) !important }
.txt-white { color: #fff !important }
.txt-black { color: #333333 }
.bg-primary { background-color: var(--color-primary) !important }
.bg-gray { background-color: var(--color-gray) }
.container { max-width: 1170px }
.bg-black { background-color: #000 }
.text-underline { text-decoration: underline }
.mt-100 { margin-top: 100px }
.mb-100 { margin-bottom: 100px }
.overflow-x { overflow-x: hidden }
.z-5 { z-index: 5 }
.lh-1 { line-height: 1 }
.objectFit-cover { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
.line-through { text-decoration: line-through }
.align-center-custom { position: relative; bottom: -2px }
.position-stiky-top{position: fixed !important; width: 100%; z-index: 200; top:0;}
.topBar { position: relative; z-index: 1060; font-style: italic; color: #c7c7c7 !important; padding: 5px 20px; background-color: #626262 }
.colorize-links a{color:#007bff !important;text-decoration: underline;}
.topBar .call { width: 10px; height: 10px; fill: #bfbfbf; margin-right: 2px }
.topBar .plane { width: 10px; height: 10px; fill: #bfbfbf; margin-right: 2px }
.socialIcon { position: relative; top: -1px; width: 16px; height: 16px }
/* new line only if nesseseray, do it on the last elemnt, but not the hole element!!! */
.breadcrumb{ display: block }
.breadcrumb .breadcrumb-item, .breadcrumb-item+.breadcrumb-item{ display: inline }

.breadcrumb-item+.breadcrumb-item::before { padding-right: 0.2rem }
.breadcrumb-item+.breadcrumb-item { padding-left: 0.2rem }
.breadcrumb { padding: 0; background-color: transparent; font-size: 12px; font-family: beautyzone-regular; font-style: italic; margin-bottom: 24px }
.logo { width: 180px; min-width: 180px }
.navbar {z-index: 5; margin:0;}
.navbar .navbar-nav .nav-item .nav-link .notification.red{ 
	background:#B23C3C;
}
.navbar .navbar-nav .nav-item .nav-link .notification{
	position: absolute;
	bottom:0;
	top: 15px;
    right: -7px;
	color:#fff;
	background:#81ae40;
	font-size:8px;
	text-align: center;
	width: 12px;
	height: 12px;
	padding: 3px;
	line-height: 7px;
	z-index: 1;
	border-radius: 100%;
}
.navbar .navbar-nav .nav-item .nav-link.logo-xs{ padding: 15px 0; }
.btn-clear { background-color: transparent; border: 0 }
.menuLogo { width: 180px }
.searchBtn { cursor: pointer }
.search-group { border-bottom: 1px solid #77717f }
.search-icon { width: 18px; fill: #000 }
.search-icon:hover { fill: var(--color-primary) }
.search.d-block { border-top: 1px solid #ccc; }
.search { width: 100%; background: #fff; position: absolute; top: 100%; left: 0; -webkit-box-shadow: 0px 100vh 0px 100vh rgba(0, 0, 0, 0.5); box-shadow: 0px 100vh 0px 100vh rgba(0, 0, 0, 0.5) }
.navbar { border-bottom: 1px solid #d1d1d1; background-color: #fff; padding: 0 2px }
.navbar .navbar-nav .nav-item .nav-link { position: relative; padding: 18px 0; margin: 0 14px; font-family: Gilroy-Regular; font-size: 14px; text-transform: uppercase; color: #333333 }
.navbar .navbar-nav .nav-item .nav-link::after,.navbar .navbar-nav .nav-item .nav-link.active::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; visibility: hidden; opacity: 0; background-color: var(--color-primary); -webkit-transition: 0.3s; transition: 0.3s }
.navbar .navbar-nav .nav-item .nav-link.active:after, 
.navbar .navbar-nav .nav-item .nav-link:hover:after { visibility: visible; opacity: 1; -webkit-transition: 0.3s; transition: 0.3s }
.navbar .navbar-nav .nav-icon { width: 17px; height: 17px; fill: #000 }
.fixedLine { z-index: 5; width: 55px; background-color: transparent; position: fixed; display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.4s; transition: 0.4s; top: 0; bottom: 0 }
.fixedLine.menu.top-0, .fixedLine.cart.top-0{ top:0; }
.fixedLine span { font-family: beautyzone-bold; font-size: 14px; color: #333333; margin: 0 }
.fixedLine.menu { border-right: 1px solid #d1d1d1; left: 0; top: 105px }
.fixedLine.menu span { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) }
.fixedLine.cart { border-left: 1px solid #d1d1d1; right: 0; top: 105px  }
.fixedLine.cart span { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.fixedLine:hover { background-color: #fff; -webkit-transition: 0.4s; transition: 0.4s }
.menuBtn { z-index: 1040; cursor: pointer }
.cartBtn { z-index: 1040; margin: 0 8px }
#DayOfferCarousel { height: 650px; margin-bottom: 30px; }  
#DayOfferCarousel .owl-stage-outer { height: 100% }
#DayOfferCarousel .owl-stage-outer .owl-stage { height: 100% }
#DayOfferCarousel .owl-stage-outer .owl-stage .owl-item { height: 100% }
#DayOfferCarousel .owl-stage-outer .owl-stage .owl-item .item { height: 100% }
#DayOfferCarousel .content-container{ left:0; right: 0; bottom:30px; }  
#DayOfferCarousel  .promotionTimer .days.days{ font-family: Gilroy-Bold; font-size:16px;  display:block;float:left } 
#DayOfferCarousel  .inner { position: relative; padding: 20px 30px 0 30px; background-color: #fff }
#DayOfferCarousel  .inner .title { position: absolute; bottom: 100%; display: inline-block; border-bottom: 8px solid var(--color-primary) }
#DayOfferCarousel  .inner .title::after { content: ''; display: block; position: absolute; bottom: -8px; right: 100%; height: 1px; background-color: #77717f; right: 100%; width: 100vw }
#DayOfferCarousel  .inner .offerBtn { padding: 20px 60px; position: absolute; bottom: 0; right: 0; background-color: var(--color-primary); color: #fff !important; font-family: Gilroy-Bold; font-size: 14px; -webkit-transition: 0.3s; transition: 0.3s }
#DayOfferCarousel  .inner .offerBtn:hover { background-color: #94c109; -webkit-transition: 0.3s; transition: 0.3s }


#homeCarousel { /* margin-top: 92px; */ height: 650px }
#homeCarousel .owl-stage-outer { height: 100% }
#homeCarousel .owl-stage-outer .owl-stage { height: 100% }
#homeCarousel .owl-stage-outer .owl-stage .owl-item { height: 100% }
#homeCarousel .owl-stage-outer .owl-stage .owl-item .item { height: 100% }
#homeCarousel .owl-stage-outer .owl-stage .owl-item .item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
#homeCarousel .homePromotion { position: absolute; bottom: 0 }
#homeCarousel .homePromotion .inner { padding: 35px 40px; background-color: rgba(255, 255, 255, 0.85) }
#homeCarousel .homePromotion .viewMore-promotion { padding: 25px 40px; background-color: rgba(255, 255, 255, 0.85); border-top: 1px solid #999999 }

#DayOfferCarousel .homePromotion { position: absolute; bottom: 0 }
#DayOfferCarousel .homePromotion .inner { padding: 35px 40px; background-color: rgba(255, 255, 255, 0.85) }
#DayOfferCarousel .homePromotion .viewMore-promotion { padding: 25px 40px; background-color: rgba(255, 255, 255, 0.85); border-top: 1px solid #999999 }
.arrow-right { width: 14px; height: 11px; fill: #000; cursor: pointer }
.arrow-right.white { fill: #fff !important }
.arrow-right.big { width: 30px; height: 30px }
.arrow-right.fliped { -webkit-transform: scaleX(-1); transform: scaleX(-1) }
.arrow-right.rotateUp { width: 10px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) }
.custom-mr-arrow { margin-right: 30px }
.arrow-down { width: 10px; fill: #000; -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.timer-box { font-family: beautyzone-regular; color: #666666 }
.timer-box.days { font-family: Gilroy-regular; text-align: right; display: inline-block; margin-right: 22px; line-height: 0.8 }
.timer-box.days::after { text-align: right; content: "дни"; display: block; font-size: 16px; color: #737373 }
.timer-box.hours { margin-right: 22px; padding: 7px 20px; font-style: 18px; border: 1px solid #737373 }
.timer-box.minutes { position: relative; margin-right: 22px; padding: 7px 20px; font-style: 18px; border: 1px solid #737373 }
.timer-box.minutes::before { content: ":"; position: absolute; left: 98%; display: block; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -60%); margin-left: 10px; font-size: 26px; font-family: fantasy }
.timer-box.minutes::after { content: ":"; position: absolute; right: 98%; display: block; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -60%); margin-right: 10px; font-family: fantasy; font-size: 26px }
.timer-box.seconds { padding: 7px 20px; font-style: 18px; border: 1px solid #737373 }
.star { display: inline-block; width: 13px; height: 13px; fill: #999999 }
.star.active { fill: #ffc301 }
.star-bottom-border { position: relative; padding-bottom: 10px; border-bottom: 1px solid #d1d1d1 }
.section-title { margin: 0; padding-bottom: 18px; border-bottom: 1px solid #000 }
.static-img { position: relative; height: calc(100vh - 94px); border: 1px solid #d1d1d1 }
.static-img .placeholder { padding: 40px; position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.42) }
.static-img .promotionTimer-box { background-color: #fff; padding: 20px }
.static-img .promotionTimer-box.opacity { background-color: rgba(255, 255, 255, 0.8) }
.static-img .promotionTimer-box .timer-box { font-size: 14px }
.static-img .promotionTimer-box .timer-box.days { margin-right: 10px }
.static-img .promotionTimer-box .timer-box.days::after { font-size: 14px }
.static-img .promotionTimer-box .timer-box.hours { margin-right: 12px; padding: 7px 10px }
.static-img .promotionTimer-box .timer-box.minutes { margin-right: 12px; padding: 7px 10px }
.static-img .promotionTimer-box .timer-box.minutes::before { margin-left: 5px }
.static-img .promotionTimer-box .timer-box.minutes::after { margin-right: 5px }
.static-img .promotionTimer-box .timer-box.seconds { margin-right: 10px; padding: 7px 10px }
.static-img .promotionTimer { height: 40px }
.thumb-titleBox { width: 85%; min-width: 140px; max-width: 235px; padding: 10px; color: #666666; background-color: #fff; margin: -20% auto 0 auto; position: relative; z-index: 4 }
.home-layout .thumb-titleBox h3 { text-align: left;   }
.thumb-titleBox h3 { text-align: left; }
.thumb-titleBox.highline { max-width: inherit }
.thumb-titleBox.big { margin-top: -12% }
.thumb-titleBox.offer { border: 1px solid #76707f; padding-bottom: 0px }
.thumb-titleBox.article { text-align: left }
.promo-label { position: absolute; top: 0; left: 0; background-color: #88b500; color: #fff; padding: 6px 8px; z-index: 1 }
.starBox { position: relative; top: -4px }
.line-between { margin: 24px auto; width: 32px; height: 2px; background-color: #fff }
.advice { padding: 65px 0 55px 0; border-top: 1px solid #000; border-bottom: 1px solid #000 }
.advice .advice-text-box { border-left: 1px solid #000; padding-left: 26px }
.advice .advice-text-box .advice-title { position: relative }
.advice .advice-text-box .advice-title::before { content: ''; display: block; position: absolute; top: 0; left: -26px; width: 10px; height: 100%; background-color: #000 }
.advice .advice-text-box .advice-text:before{ content:'';display:block;width:90px; height: 62px; position: absolute;bottom:0;left: 0;
z-index: -1; background: url(../img/icons/quote-left.png) center center no-repeat; opacity: .8  }
.advice .advice-text-box .advice-text:after{ content:'';display:block;width:90px; height: 62px; position: absolute;top:0;right: 0;
z-index: -1; background: url(../img/icons/quote-right.png) center center no-repeat; opacity: .8  }
.banner { background: #c9cdcf; height: 200px }
.banner img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
.quote-banner { height: 290px }
.quote-banner img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }

.custom-hr { border-color: #77717f }
.custom-hr2 { border-color: #d1d1d1 }
.offerTitle { position: relative; display: inline-block; border-bottom: 8px solid var(--color-primary) }
.offerTitle::after { content: ''; display: block; position: absolute; bottom: -8px; right: 100%; height: 1px; background-color: #77717f; right: 100%; width: 100vw }
.offerNav { margin-top: 0 }
.offerNav .nav-item { display: block; margin-bottom: 0 }
.offerNav .nav-item .nav-link { padding: 0 15px; text-transform: uppercase; font-family: Gilroy-Regular; font-size: 18px; color: #666666 !important }
.offerNav .nav-item .nav-link svg { display: none }
.offerNav .nav-item .nav-link.active { color: var(--color-primary) !important }
.offerNav .nav-item .nav-link.active svg { transform: rotate(90deg);  display: block; fill: #94c109 }
.overflow-x-scroll { overflow-x: scroll }
.overflow-x-hidden { overflow-x: hidden }
.border-bottom-custom { border-bottom: 1px solid #77717f }
.sectionTitle { display: inline-block; border-bottom: 8px solid var(--color-primary); position: relative; top: 1px }
.videoHolder { position: relative; height: 350px; margin: 50px 35px 60px 35px; -ms-flex: 0 0 35%; -webkit-box-flex: 0; flex: 0 0 35%; max-width: 35% }
.videoHolder .new-label { position: absolute; top: 10px; left: 10px; background-color: var(--color-primary); color: #fff; font-family: beautyzone-regularItalic; font-size: 16px; padding: 6px 12px }
.videoHolder .new-label.blue { background-color: #0099ff }
.videoHolder .play-svg { width: 50px; height: 50px; fill: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.videoHolder .titleLabel { width: 250px; padding: 40px 45px 10px 45px; position: absolute; bottom: 0; right: 0; background-color: rgba(255,255,255,0.7) }
.videoHolder .titleLabel:hover .watchLink { color: var(--color-primary) !important }
.videoHolder:hover .titleLabel { background-color: rgba(255,255,255, 1)}
.videoHolder .titleLabel.big { width: 400px; padding: 70px 30px 70px 60px; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); bottom: unset; right: -300px; background-color: #fff }
.videoHolder .titleLabel.big.invert { left: -300px }
.videoHolder .titleLabel.category { width: 200px; padding: 25px 10px 10px 30px }
.videoHolder.category { height: 300px; margin: 0; -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: none }
.videoHolder.category.big { height: 400px }
.watchLink { cursor: pointer }
.watchLink:hover { color: var(--color-primary) !important }
.quote { border: 1px solid #000; padding: 35px 60px 20px 60px }
.quote .quote-text{ position: relative; min-height: 80px; }
.quote  .fb-share-btn, .advice .fb-share-btn{ min-width: 110px; }
/*.quote .quote-text:first-letter { float: left; font-size: 46px; line-height: 46px; padding-top: 4px; padding-right: 8px; padding-left: 3px }
.quote .quote-text:first-letter { float: left; font-size: 46px; line-height: 46px; padding-top: 4px; padding-right: 8px; padding-left: 3px }*/

.quote .quote-text:before{ content:'';display:block;width:90px; height: 62px; position: absolute;bottom:-60px;left: -30px;
z-index: -1; background: url(../img/icons/quote-left.png) center center no-repeat; opacity: .8  }
.quote .quote-text:after{ content:'';display:block;width:90px; height: 62px; position: absolute;top:-60px;right: -30px;
z-index: -1; background: url(../img/icons/quote-right.png) center center no-repeat; opacity: .8  }
#indexCarousel { margin-top: 30px; margin-bottom: 20px;}
#indexCarousel .item { position: relative; padding: 80px 0; -webkit-transition: .2s ease; transition: .2s ease; overflow: hidden }
#indexCarousel .item img { -webkit-transition: .2s ease; transition: .2s ease }
#indexCarousel .item:hover { -webkit-transition: .2s ease; transition: .2s ease }
#indexCarousel .item:hover img { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: .2s ease; transition: .2s ease }
#indexCarousel .item:hover .overlay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: .2s ease; transition: .2s ease }
#indexCarousel .item .overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(173, 230, 0, 0.4); -webkit-transition: .2s ease; transition: .2s ease; color: #fff; font-size: 16px; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 30px 100px }



.expandedMenu { position: fixed; top: 34px; z-index: 1050; width: 30%; height: 100vh; background-color: #fff }
.menu.scrollMenu { overflow-y: scroll; padding-bottom: 200px }
.menu .inner { padding-top: 60px; padding-left: 110px }
.menu .inner .submenu ul { margin: 0; padding: 0 0 0 15px; list-style: none }
.menu .inner .submenu ul li { font-family: beautyzone-regular; margin: 12px 0; color: #000 }
.menu .inner .submenu ul li.active>a { font-family: beautyzone-regular; margin: 12px 0; color: #81ae40 !important }
.menu .inner .link-box .link { background: transparent; text-decoration: none; text-transform: uppercase; background-color: transparent; margin-bottom: 5px }
#navAccordion { margin-top: 30px }
.loginBtn { margin-top: 5px; display: inline-block; padding: 6px 20px; border: 1px solid #999999 }
/*.nav-line { position: absolute; left: 0; width: 268px; height: 1px; background-color: #999999 }*/
.nav-line { position: static; float:none; transform: translateX(-50%); left: 0; width: 268px; height: 1px; background-color: #999999 }
.nav-line.top { top: 112px }
.closeNav { position: absolute; top: 25px; right: 25px; z-index: 1050 }
.closeNav svg { display: block; cursor: pointer; width: 18px }
.description { position: relative; overflow: hidden; height: auto; padding-bottom: 40px; transition: .2s ease; }
.product-description-maxHeight{ max-height: 350px; padding-bottom: 0; transition: .2s ease; }
.description .readMore{ cursor: pointer; position: absolute; bottom: 0; z-index: 5; background-color: #fff; display: block; width: 100%; -webkit-box-shadow: 0px -11px 74px 60px #fff; box-shadow: 0px -11px 74px 60px #fff }
.description .readLess { cursor: pointer; position: absolute; bottom: 0; z-index: 5; background-color: #fff; display: block; width: 100% }
.readMoreController{
	cursor: pointer; position: absolute; bottom: 0; z-index: 5; background-color: #fff; display: block; width: 100%; -webkit-box-shadow: 0px -11px 74px 60px #fff; box-shadow: 0px -11px 74px 60px #fff
}
.readMoreController.less{ position: relative; box-shadow: none }

.product { position: relative; padding: 40px 100px 40px 0; z-index: 1 }
.product .socialIcon { top: 0; right: 0; position: absolute; width: 50px; height: 100px }
.product::before { content: ''; display: block; padding: 40px 0; width: 40px; background-color: #fff; height: 100%; position: absolute; top: 0; right: calc(100% - 1px) }
.product .inner { padding-left: 30px; position: relative }
.product .inner::before { content: ''; display: block; width: 1px; background-color: #000; height: 100%; position: absolute; top: 0; bottom: 0; right: calc(100% - 1px) }
.product .inner .title { position: relative; top: -3px }
.product .inner .title::before { content: ''; display: block; width: 10px; height: 30px; background-color: #000; position: absolute; top: 3px; right: calc(100% + 20px) }
.oldPrice-color { color: #333333; opacity: 0.5 }
.buyBtn { border: 0; background-color: var(--color-primary); padding: 14px 88px; margin-right: 30px; -webkit-transition: 0.3s; transition: 0.3s }
.buyBtn:hover { background-color: #94c109; -webkit-transition: 0.3s; transition: 0.3s }
.likeBtn { border: 0; padding: 0 24px; background-color: #eaeaea }
.likeBtn.active svg { fill: #89B500 }
.likeBtn.active{ box-shadow:inset 1px 1px 1px #dadada}
.likeBtn:hover svg { fill: #94c109 }
.heart { width: 17px; display: block }
#productCarousel { margin-bottom: 60px }
#productCarousel .image-credentials{ bottom:0;z-index: 1; color:rgba(0,0,0,.5); font-size: 10px; position: absolute; left:0; }
#articleCarousel-vertical .image-credentials,#articleCarousel .image-credentials{ top:0;z-index: 1; color:rgba(0,0,0,.5); font-size: 10px; position: absolute; left:0; }
.navBox { padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; height: 100px; z-index: 5 }
.optionsPromoLabel { padding: 6px 15px; border:0; border-radius: 0;  position: absolute; top: 50px; left: 10px; color:#333; background-color: #F2F6E1; z-index: 2 }
.productLabel { padding: 6px 15px; position: absolute; top: 10px; left: 10px; background-color: #3f3d42; z-index: 2 }
.productTimer { margin-left: 30px }
.boxes { margin-bottom: 30px; height: 140px; background-color: #cccccc }
.askBtn { display: inline-block; text-align: center; background-color: #e7e7e7; padding: 16px 60px; margin-top: 40px; border: 0; -webkit-transition: 0.2s; transition: 0.2s }
.askBtn:hover { color: var(--color-primary); -webkit-transition: 0.2s; transition: 0.2s }
.sendAskBtn { padding: 10px; border: 0; background-color: var(--color-primary); -webkit-transition: 0.3s; transition: 0.3s }
.sendAskBtn:hover { background-color: #94c109; -webkit-transition: 0.3s; transition: 0.3s }
#myCarousel .carousel-inner { height: 300px }
#myCarousel .carousel-inner .carousel-item { height: 100% }
#myCarousel .carousel-inner .carousel-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
#myCarousel .list-inline { white-space: nowrap; overflow-x: auto }
#myCarousel .carousel-indicators { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background-color: transparent; position: static; left: initial; width: initial; margin-left: initial }
#myCarousel .carousel-indicators li { height: initial; text-indent: initial; margin-left: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 }
#myCarousel .carousel-indicators li.active img { opacity: 0.7 }
#myCarousel .carousel-indicators li img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
#myCarousel .carousel-indicators .list-inline-item:last-child { margin-right: 0 }
.productMap { height: 200px }
.commentStar { width: 20px; fill: #cccccc }
.commentStar.rated { fill: #ffc400 }
.commentStar.small { width: 15px }
.comment-box .avatar { margin-right: 10px; width: 35px; height: 35px; background-color: #cccccc; border-radius: 200px }
.comment-box .text { margin-top: 5px; margin-left: 45px }
hr { border-color: #77717f }
.article-title { max-width: 85% }
.video-article .article-titleBox{ 
	 margin-top: 0;
	 /*padding-left: 25px;*/
 }
.article-titleBox { text-align: left; padding-left: 115px; margin-top: -130px; background-color: #fff; z-index: 2 }
.article-titleBox.vertical { position: relative; padding: 80px 10px 30px 0; margin: 0 }
.article-titleBox.vertical::before { content: ''; width: 40px; height: 100%; position: absolute; top: 0; bottom: 0; right: calc(100% - 1px); background-color: #fff }
#articleSideCarousel .carousel-indicators, #articleSideCarousel-2 .carousel-indicators { top: 100%; right: 0; left: unset; margin-right: 5% }
#articleSideCarousel .carousel-indicators.topIndicator, #articleSideCarousel-2 .carousel-indicators.topIndicator { position: relative; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
#articleSideCarousel .carousel-indicators li, #articleSideCarousel-2 .carousel-indicators li { width: 9px; height: 9px; background-color: #cccccc; border-radius: 50px; background-clip: unset; border-top: none; border-bottom: none }
#articleSideCarousel .carousel-indicators li.active, #articleSideCarousel-2 .carousel-indicators li.active { background-color: #82ad00 }
.thumbs { text-align: center; margin-bottom: 30px }
.thumbs:hover .thumb-overlay { display: block }
.thumbs .thumb-overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(173, 230, 0, 0.6) }
.small-icon { position: relative; top: -2px; width: 10px; margin-right: 2px }
.small-icon.wishPin { margin: 0; fill: #808080 }
.facebook-img { position: relative; top: -2px; left: 4px }
.wishBox { padding: 22px; margin-bottom: 25px; border: 1px solid #d1d1d1 }
.wishThumb { height: 180px }
.addToCartBtn { border: 0; color: #fff; background-color: var(--color-primary); padding: 9px 12px; margin-right: 15px; -webkit-transition: 0.3s; transition: 0.3s }
.addToCartBtn:hover { background-color: #94c109; -webkit-transition: 0.3s; transition: 0.3s }
.shoppingBag { position: relative; top: -1px; width: 12px; margin-right: 4px; fill: #fff }
.removeBtn { border: 1px solid #737373; background-color: #fff; padding: 8px 16px }
.removeBtn:hover { color: crimson }
.removeBtn:hover svg { fill: crimson }
.remove-icon { position: relative; top: -1px; width: 6px; margin-right: 2px; fill: #000 }
.cartImg { height: 100%; max-height: 122px; overflow: hidden }
.quantity-input { width: 70px; border-radius: 0; border: 1px solid #000; text-align: center; padding: 0 }
.viewOfferBtn { display: inline-block; border: 1px solid #737373; background-color: #fff; padding: 7px 16px; margin-right: 15px }
.searchIcon { position: relative; top: -1px; width: 9px; margin-right: 6px; fill: #000 }
.promoCode-input { width: 325px; padding: 24px; border-radius: 0; border: 1px solid #737373; color: #666666 }
.promoCode-input::-webkit-input-placeholder { color: #000 }
.promoCode-input:-ms-input-placeholder { color: #000 }
.promoCode-input::-ms-input-placeholder { color: #000 }
.promoCode-input::placeholder { color: #000 }
.promo-applyBtn { font-family: Gilroy-Regular; background-color: transparent; border: 1px solid #000; border-left: 0; padding: 4px 20px }
.cartInput { width: 230px; margin-bottom: 25px; margin-right: 30px; border-radius: 0; border: 1px solid #c0bfbe }
.cartInput::-webkit-input-placeholder { color: #000 }
.cartInput:-ms-input-placeholder { color: #000 }
.cartInput::-ms-input-placeholder { color: #000 }
.cartInput::placeholder { color: #000 }
.cartInput.additional { width: 550px }
.checkbox-container { display: block; position: relative; padding-left: 20px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.checkbox-container input {/*  position: absolute; */ opacity: 0; cursor: pointer; height: 0; width: 0 }
.checkmark { position: absolute; top: 0; left: 0; height: 14px; width: 14px; background-color: transparent; border: 1px solid #666666 }
.checkbox-container:hover input ~ .checkmark { background-color: #ccc }
.checkbox-container input:checked ~ .checkmark { background-color: transparent }
.checkmark:after { content: ""; position: absolute; display: none }
.checkbox-container input:checked ~ .checkmark:after { display: block }
.checkbox-container .checkmark:after { left: 2px; top: 2px; width: 8px; height: 8px; background-color: #666666 }
.questions { border-left: 1px solid #ccc }
.questions .question-arrow { position: relative; top: -2px; width: 10px; fill: #000; margin-right: 12px; -webkit-transform: scaleX(-1); transform: scaleX(-1) }
.questions .questionBox { padding-left: 60px; margin-bottom: 120px }
.questions .questionBox p { margin-bottom: 30px; cursor: pointer }
.questions .questionBox p:hover { color: var(--color-primary) }
.questions .questionBox p:hover svg { fill: var(--color-primary) }
.questions .askBox { padding-left: 136px }
.questions .questionBtn { border: 0; background-color: #d1d1d1; color: #000; padding: 16px 38px; -webkit-transition: 0.3s; transition: 0.3s }
.questions .questionBtn:hover { background-color: #b1b1b1; -webkit-transition: 0.3s; transition: 0.3s }
.container-checkMark { display: block; position: relative; padding-left: 25px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: Gilroy-Regular; line-height: 1.2 }
.container-checkMark .checkMark-input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 }
.checkmark-custom { position: absolute; top: 0; left: 0; height: 14px; width: 14px; background-color: transparent; border: 1px solid #666666 }
.container-checkMark:hover .checkMark-input ~ .checkmark-custom { background-color: #ccc }
.container-checkMark .checkMark-input:checked ~ .checkmark-custom { background-color: transparent }
.checkmark-custom:after { content: ""; position: absolute; display: none }
.container-checkMark .checkMark-input:checked ~ .checkmark-custom:after { display: block }
.container-checkMark .checkmark-custom:after { left: 4px; top: 1px; width: 4px; height: 8px; border: 1px solid #666666; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.finishOrder { background-color: var(--color-primary); border: 0; padding: 23px 57px }
.subscribe-group { margin-top: 70px; margin-bottom: 150px; padding-bottom: 8px; border-bottom: 2px solid #77717f }
.subscribe-input { padding-left: 0; border: 0; border-radius: 0; background-color: transparent }
.subscribe-btn { border: 0; border-radius: 0; background-color: transparent }
.subscribe-btn:hover { color: var(--color-primary) !important }
.astro-title { margin-top: 100px }
.astro.space-bg { background-image: url(../img/space-bg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat }
.astro-description { padding: 20px 0; background-color: #000 }
.astro-description .astro-symbol{float:left; margin-right: 10px; margin-top: 8px;}
.astro-description.transparent { background-color: transparent }
.astro-symbol-container { padding: 30px 0; background-color: #252734 }
.astroSymbol-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 80px; height: 72px; border: 2px solid transparent }
.astroSymbol-box.active { color: #0dd064; -o-border-image: radial-gradient(#ade600, #0dd064) 1; border-image: radial-gradient(#ade600, #0dd064) 1 }
.astroSymbol-box.active .astro-symbol { fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient id='astroGradient' x2='0.35' y2='1'%3E%3Cstop offset='0%25' stop-color='%23ade600'%3E%3C/stop%3E%3Cstop offset='100%25' stop-color='%230dd064'%3E%3C/stop%3E%3C/linearGradient%3E%3C/svg%3E#astroGradient") #2cd450 }
.astroSymbol-box:hover { -o-border-image: radial-gradient(#ade600, #0dd064) 1; border-image: radial-gradient(#ade600, #0dd064) 1 }
.astroSymbol-box.active .astro-symbol,.astroSymbol-box:hover .astro-symbol, 
.astroSymbol-box.active > svg{ fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient id='astroGradient' x2='0.35' y2='1'%3E%3Cstop offset='0%25' stop-color='%23ade600'%3E%3C/stop%3E%3Cstop offset='100%25' stop-color='%230dd064'%3E%3C/stop%3E%3C/linearGradient%3E%3C/svg%3E#astroGradient") #2cd450 }
.astroSymbol-box .astro-symbol, .astroSymbol-box > svg { width: 38px; height: 38px; fill: #fff; }
#astroGradient { --color-stop: #ade600; --color-bot: #0dd064 }
footer { padding-top: 40px; background-color: #eaeaea}
.footer-title { border-bottom: 1px solid #cccccc }
.footer-title h4 { position: relative; margin: 0; display: inline-block; padding-bottom: 18px }
.footer-title h4::after { content: ''; position: absolute; top: 34px; left: 0; width: 100%; height: 3px; background-color: var(--color-primary) }
.footer-ul { margin: 20px 0 0 0; padding: 0; list-style: none }
.footer-ul.inline { margin: 0; display: inline-block }
.footer-ul.inline li { margin-right: 16px; display: inline-block }
.footer-ul li { margin-bottom: 20px }
.footer-ul li a { font-family: Gilroy-Regular; font-size: 12px; color: #333333 }
.footer-iconBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100px }
.footer-iconBox h3 a { -webkit-transition: 0.3s; transition: 0.3s }
.footer-iconBox:hover h3 a { color: var(--color-primary) !important; -webkit-transition: 0.3s; transition: 0.3s }
.footer-iconBox:hover .footer-icon { fill: var(--color-primary); -webkit-transition: 0.3s; transition: 0.3s }
.footer-iconBox .footer-icon { width: 64px; fill: #000; margin-bottom: 12px; -webkit-transition: 0.3s; transition: 0.3s }
.footer-iconBox .footer-icon.rotated { -webkit-transform: rotate(-40deg); transform: rotate(-40deg) }
.profile-avatar { width: 120px; height: 120px; border-radius: 300px; overflow: hidden; background-color: #cccccc }
.uploadPhoto-btn { position: absolute; bottom: 0; right: 0; -webkit-transform: translate(0, -30%); transform: translate(0, -30%); width: 28px; height: 28px; border: 0; border-radius: 100px; background-color: var(--color-primary) }
.profile-ul { list-style: none; margin: 0; padding: 0 }
.profile-ul li { margin-bottom: 8px }
.profile-ul li a { font-family: Gilroy-Light; font-size: 16px }
.profile-submenu { list-style: none; margin: 10px 0 0 30px; padding: 0 }
.profile-submenu li { margin-bottom: 4px }
.profile-submenu li a { font-family: Gilroy-Light; font-size: 16px; opacity: 0.7 }
.profile-icon { position: relative; top: -2px; margin-right: 6px }
.profile-page-h2 { color: #9a9a9a }
.uploadInput { padding: 5px; border: 1px solid; font-size: 12px }
.btn-success-outline { border: 1px solid var(--color-primary); color: var(--color-primary); background-color: transparent; transition: .2s ease; padding: 6px 12px }
.btn-success-outline:hover { border: 1px solid var(--color-primary); background:  var(--color-primary); color: #fff!important; transition: .2s ease; padding: 6px 12px }
.uplFile-btn { border: 1px solid var(--color-primary); color: var(--color-primary); background-color: transparent; padding: 6px 8px }
.header-contact { position: relative; height: 420px; background-image: url("../img/contact-woman.png"); background-size: cover; background-position: center; background-repeat: no-repeat }
.header-contact .contact-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(130, 173, 0, 0.55) }
.contact-box { margin-top: -200px; background-color: #fff; padding: 50px 60px }
.contactInput { display: inline-block; margin-right: 30px; padding: 24px 28px; border-radius: 0; border: 1px solid #737373; font-family: beautyzone-regularItalic; font-size: 12px; color: #000 !important }
.contactInput::-webkit-input-placeholder { color: #000 }
.contactInput:-ms-input-placeholder { color: #000 }
.contactInput::-ms-input-placeholder { color: #000 }
.contactInput::placeholder { color: #000 }
.contact-sendBtn { margin-top: 42px; display: inline-block; border: 0; padding: 18px 100px; background-color: var(--color-primary); -webkit-transition: 0.3s; transition: 0.3s }
.contact-sendBtn:hover { background-color: var(--color-primary2); -webkit-transition: 0.3s; transition: 0.3s }
.sendIcon { position: relative; top: -1px; margin-right: 5px }
.contact-call { width: 12px; margin-right: 5px }
.loginPage-container { margin-top: 150px; margin-bottom: 200px }
.loginPage-loginBtn { border: 0; width: 140px; padding: 5px 15px; background-color: var(--color-primary); -webkit-transition: 0.3s; transition: 0.3s }
.loginPage-loginBtn:hover { background-color: var(--color-primary2); -webkit-transition: 0.3s; transition: 0.3s }
.goReg-btn { padding: 5px 20px; border: 0; background-color: var(--color-primary) }
.goReg-btn:hover { background-color: var(--color-primary2); -webkit-transition: 0.3s; transition: 0.3s }
.regBtn { border: 0; padding: 8px 20px; background-color: var(--color-primary) }
.regBtn:hover { background-color: var(--color-primary2); -webkit-transition: 0.3s; transition: 0.3s }
#publicProfile-carousel { height: auto }
#publicProfile-carousel .carousel-inner { height: auto }
#publicProfile-carousel .carousel-indicators { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: transparent; position: static; left: initial; width: initial; margin-left: initial }
#publicProfile-carousel .carousel-indicators li { width: initial; height: initial; text-indent: initial; margin-left: 0; -ms-flex-preferred-size: 22%; flex-basis: 22% }
#publicProfile-carousel .carousel-indicators li.active img { opacity: 0.7 }
#publicProfile-carousel .carousel-indicators li img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
#publicProfile-carousel .carousel-indicators .list-inline-item:not(:last-child) { margin-right: 14px }
#publicProfile-carousel .carousel-indicators .list-inline-item:last-child { margin-right: 0 }
#publicProfile-carousel .zoomBtn { background: rgba(0,0,0, .6); color:#fff !important; border:0; width: 60px; height:60px; display: block; position: absolute; left:10px; bottom:10px; z-index: 2; padding: 18px; border-radius: 100% }
.map-shops { height: 300px }
.publicProfile-info { padding-left: 15px; border-left: 0px solid #ccc }
.publicProfile-tabs { border-bottom: 1px solid #808080 }
 .publicProfile .leftside{  -webkit-position: sticky; max-height: 100vh;  position: sticky; top:80px; }
 .publicProfile .leftside.stiky-top{ position: fixed; top:80px; }
.publicProfile-tabs .nav-item .nav-link { padding-left: 0; padding-right: 25px }
.publicProfile-tabs .nav-item .nav-link.active{ color:#82ad00 !important; }
.footer-socialIcon-box { position: relative; top: 4px }
.photocamera-svg { fill: #fff; position: relative; top: -2px }
.scroll-box .offer_item .prices-from, 
.scroll-box .offer_item .btn-view-more, 
.fixedScroll .offer_item .prices-from, 
.fixedScroll .offer_item .btn-view-more { display: none !important}
.fixedScroll .static-img { position: -webkit-sticky; position: sticky; top: 95px }
.masonry { display: block; position: relative; width: 100%; max-width: 100%;}
.masonry:after { content: ''; display: block; position: relative; clear: both; width: 100%; height: 0 }
.grid-item { display: inline-block; float: left; margin-bottom: 25px; width: 25%; padding: 0 15px }
.item-doble-width { width: 50% } 
sup { top: -.4em; }
span.currency { font-size: 65%; }
.offers-tabs{ width: 100%; }
.offers-tabs .offerNav.position-stiky-top{ position: fixed;
    top: 55px;
    background: #fff;
    margin: 0;
    left: 0;
    right: 0; }
.static-top.offers-tabs{ position: sticky; top:95px; }
.flex-align-top{ align-items: flex-start; }

.size-1of4 { width: 25%; }
.size-1of3 { width: 33.333%; }
.size-1of2 { width: 50%; }


.carousel.vertical .carousel-item-next.carousel-item-left,
.carousel.vertical .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.carousel.vertical .carousel-item-next,
.carousel.vertical .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}

.carousel.vertical .carousel-item-prev,
.carousel.vertical .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
}
.ng-hide{ display: none }
.profile-layout .page-title{ 
    font-family: Gilroy-Bold;
    font-size: 26px;
    color: #9a9a9a; 
	font-weight:500;
	margin-bottom:24px;
	margin-top:0px;
	text-align:left;
}
.btn-success-flat{ 
    background: #aad634;
    border-color: #aad634;
    color: #fff;
    padding: 6px 18px;
    border-radius: 0;
    transition: .2s ease;
} 
.btn-success-flat{
    background: #8fb91e;
    border-color: #8fb91e;
    transition: .2s ease;
 }
 .modal-header  .modal-title{ width: 100% }
 .modal-header .close{ 
    position: absolute;
    right: 15px;
 }
#publicProfile-carousel .last{ opacity: 1 }
#publicProfile-carousel .overlay { position: absolute; 
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
	height: 100%;
	z-index: 2;
	color:#fff;
	font-weight: bold;
	background: rgba(151, 224, 9, 0.7) }
.flex-cols { display: flex; width: 100%; align-items: center;  }
.flex-cols.wrap { flex-wrap: wrap  }
.flex-cols .col{ flex-grow: 1; }
.flex-cols .col.grow-auto{ flex-grow: inherit }
.horizontal-owl-offers .owl-item{ max-width: 350px; }
.partners-contacts-layout .sidebar-list-title{
	font-weight: bold;

} 
.partners-contacts-layout .sidebar-list strong{
	color: #333;
	text-transform: uppercase;
}
.partners-contacts-layout  .page-title{
	
}
.partners-contacts-layout .sidebar-list{ 
	border-right:1px solid #77717f; margin-bottom: 20px;border-top: 1px solid #77717f;
	padding: 30px 0;
	padding-right: 15px;
	padding-left: 15px;
}
.search-layout .serach-bar .input-group .form-control{ 
    border: 0;
    box-shadow: none;
    background: transparent;
    height: auto;
    color: #666;
    padding: 15px 0;
}
.search-layout .serach-bar {
    background: #f2f2f2;
    color: #666;
    padding: 15px 20px;
    margin-bottom: 15px;
}
.search-layout .serach-bar .input-group .btn:hover{
    color:#333;
    border-color: transparent;
}
.search-layout .serach-bar .input-group .btn {
    font-weight: bold;
    font-family: 'Gilroy Bold', sans-serif;
    font-size: 17px;
    background: transparent url(../img/icons/search.png) scroll 10px 18px no-repeat;
    padding-left: 30px;
    border-radius: 0;
    color:#666;
    border-color: transparent;
    background-size: 15px 15px;
}

.ul-inline { margin: 0; padding: 0 0 0; list-style: none; display: flex; flex-wrap: wrap; }
.ul-inline>li{ display: block; }
 
.ul-bullets-inline>li{ margin-right: 15px; }
.ul-bullets-inline>li:before{ 
	display: block; 
	float:left;
	width: 10px;
	height: 10px;
	background: #ccc;
	margin-top: 8px;
	margin-right: 5px;
	border-radius: 100%;
	content:'';
}
.buyModalAlert.swal2-popup .swal2-styled.swal2-cancel{ background-color:#999 !important; font-size:12px; line-height:1.3em;  padding:.625em 1em}
.main-navigaiton{ border-top: 1px solid #ccc; }
.post-content img{ max-width: 100% }
.post-content img.left{ max-width:100%;margin-right: 15px; margin-bottom: 15px; margin-top: 15px; }
.post-content img.right{max-width:100%; margin-left: 15px; margin-bottom: 15px; margin-top: 15px; }
.main-profile-carousel-navigaiton{ position: absolute; z-index: 2; bottom:0; background: #fff; padding: 25px 30px;  right: 0; }
.main-profile-carousel-navigaiton .btn{  background: #fff; border:0; }
.profile-socialBtn{ border:0; border-radius: 0; text-align: left; color:#666666; line-height: 1em; }
.profile-socialBtn svg{ fill:#666666; }
.publicProfile{ min-height: 1300px; }
.studio_item .thumb-titleBox{ width: 90%; max-width: 90%; border:0; padding:15px 20px;}
.content-limit-500{ transition:.2s ease;overflow:hidden; max-height: 500px !important }
.content-limit-400{ transition:.2s ease;overflow:hidden; max-height: 400px !important }
.content-limit-300{ transition:.2s ease;overflow:hidden; max-height: 300px !important }
.content-limit-200{ transition:.2s ease;overflow:hidden; max-height: 200px !important }
.content-limit-100{ transition:.2s ease;overflow:hidden; max-height: 100px !important }
.post_attached_linked_offer .image-box{ max-width: 80% }
.post_attached_linked_offer .titleLabel{ padding: 10px 35px 10px 25px; 
	bottom: auto; top:50%; 
    transform: translateY(-50%); 
    width: 350px; border:1px solid #999; background: #fff }
    figure{ max-width: 100%; }
    figure>img{ max-width: 100%; height: auto }.pretty *{box-sizing:border-box}
.pretty input:not([type='checkbox']):not([type='radio']){display:none}
.pretty{position:relative;display:inline-block;margin-right:1rem;white-space:nowrap;line-height:1;margin-bottom:15px}
.pretty input{position:absolute;left:0;top:0;min-width:1rem;width:100%;height:100%;z-index:2;opacity:0;margin:0;padding:0;cursor:pointer}
.pretty .state label{position:initial;display:inline-block;font-weight:normal;margin:0;text-indent:1.6rem;min-width:calc(2rem)}
.pretty .state label:before,
.pretty .state label:after{content:'';width:1.2rem;height:1.2rem;display:block;box-sizing:border-box;border-radius:0;border:1px solid transparent;z-index:0;position:absolute;left:0;top:-16%;background-color:transparent}
.pretty .state label:before{border-color:#666}
.pretty .state.p-is-hover,
.pretty .state.p-is-indeterminate{display:none}
.pretty.p-default.p-fill .state label:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.pretty.p-default .state label:after{-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6)}
.pretty.p-default input:checked ~ .state label:after{background-color:#666!important}
.pretty.p-default.p-thick .state label:before,
.pretty.p-default.p-thick .state label:after{border-width:calc(0.14285714em)}
.pretty.p-default.p-thick .state label:after{-webkit-transform:scale(0.4)!important;-ms-transform:scale(0.4)!important;transform:scale(0.4)!important}
.pretty.p-smooth.p-default input:checked + .state label:after{-webkit-animation:zoom 0.2s ease;animation:zoom 0.2s ease}
.pretty.p-tada:not(.p-default) input:checked + .state .icon,
.pretty.p-tada:not(.p-default) input:checked + .state .svg,
.pretty.p-tada:not(.p-default) input:checked + .state img,
.pretty.p-tada:not(.p-default) input:checked + .state label:before,
.pretty.p-tada:not(.p-default) input:checked + .state label:after{-webkit-animation:tada 0.7s cubic-bezier(0.25,0.46,0.45,0.94) 1 alternate;animation:tada 0.7s cubic-bezier(0.25,0.46,0.45,0.94) 1 alternate;opacity:1}
.pretty.p-jelly:not(.p-default) input:checked + .state .icon,
.pretty.p-jelly:not(.p-default) input:checked + .state .svg,
.pretty.p-jelly:not(.p-default) input:checked + .state img,
.pretty.p-jelly:not(.p-default) input:checked + .state label:before,
.pretty.p-jelly:not(.p-default) input:checked + .state label:after{-webkit-animation:jelly 0.7s cubic-bezier(0.25,0.46,0.45,0.94);animation:jelly 0.7s cubic-bezier(0.25,0.46,0.45,0.94);opacity:1}
.pretty.p-jelly:not(.p-default) input:checked + .state label:before{border-color:transparent}
.pretty.p-rotate:not(.p-default) input:checked ~ .state .icon,
.pretty.p-rotate:not(.p-default) input:checked ~ .state .svg,
.pretty.p-rotate:not(.p-default) input:checked ~ .state img,
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before,
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:after{-webkit-animation:rotate 0.7s cubic-bezier(0.25,0.46,0.45,0.94);animation:rotate 0.7s cubic-bezier(0.25,0.46,0.45,0.94);opacity:1}
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before{border-color:transparent}
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after{background-color:#428bca!important}
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after{background-color:#5bc0de!important}
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after{background-color:#5cb85c!important}
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after{background-color:#f0ad4e!important}
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after{background-color:#d9534f!important}
@media print{
	.pretty .state:before,
	.pretty .state label:before,
	.pretty .state label:after,
	.pretty .state .icon{color-adjust:exact;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
.anketa-layout hr{ border-color:#666; }
.anketa-layout .offer-featured strong{ font-weight: bold; }
.anketa-layout .offer-featured a{ color:#333; text-decoration: underline; }
.anketa-layout .question { margin-bottom: 24px; }
.anketa-layout .question  .title { font-size: 18px; margin-bottom: 15px }
.anketa-layout .question  .title span{ font-weight: bold; }
.anketa-layout .question  .title .stars{ font-weight: bold; color:#fed442;}
.anketa-layout .question .answer{ display: block;white-space: normal; }
.anketa-layout .question .answer .fa-star{ color:#ccc; width: 14px; display: inline-block; float:left; margin-top: -2px; font-size: 16px; margin-right: 5px; }
.anketa-layout .question .answer .fa-star:last-child{ margin-right: 15px; }
.anketa-layout .question .answer .fa-star.active{ color:#ffbc00; }
.anketa-layout .submit-anketa{ font-size: 16px; padding: 13px 45px; }