﻿
#CatalogueSection .z-3 {
    min-height: 63px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.btn-lg, .btn-group-lg>.btn {
    --bs-btn-padding-y: 15px;
    --bs-btn-padding-x: 26px;
}


#PaymentPlaSumCancelledBlock .input-group-prepend .input-group-text, #PaymentPlaSumCancelledBlock .input-group-append .input-group-text {
	background-color: transparent;
	border:none;
}


#PaymentPlaSumAppliedBlock .input-group-prepend .input-group-text, #PaymentPlaSumAppliedBlock .input-group-append .input-group-text {
	background-color: transparent;
	border:none;
}


#ProductCardGoodDescription title{
	display: none!important;
}
.purple-gradient {
    background: linear-gradient(40deg, #ff6ec4, #7873f5) !important;
}
.white-text{
    color: #fff !important;
}
.card.card-cascade.narrower .view.view-cascade {

    z-index: 1;
}

.topbar-text, .topbar .topbar-link {
    display: inline-block;
    margin-bottom: 0;
    text-decoration: none !important;
}
.topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.625rem 0;
    font-size: .9rem;
font-weight: 600;
}

.topbar>.container, .topbar>.container-fluid, .topbar>.container-sm, .topbar>.container-md, .topbar>.container-lg, .topbar>.container-xl {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.topbar-link {
    color: rgba(255,255,255,.65);
}

.topbar-link:hover {
    color: #fff;
}
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-radius: 10em;
}


.rgba-black-strong, .rgba-black-strong:after {
    background-color: rgba(40, 29, 47, 0.62);
}
.btn-warning, .btn-danger, .btn-default{
	border-radius: 10em!important;
}
#deliveryInput_28 .text-muted{
	color:red!important;
}
@media (max-width: 992px){
.modal-dialog.cascading-modal {
    margin-top: 53%;
	}}



[class^=bi-], [class*=" bi-"] {
    display: inline-block;
}

.navbar-tool-icon {
    font-size: 1.25rem;
}

.navbar-tool-icon-box {
    position: relative;
    width: 2.875rem;
    height: 2.875rem;
    transition: color .25s ease-in-out;
    border-radius: 50%;
    line-height: 2.625rem;
    text-align: center;
}

.navbar-tool .navbar-tool-label {
    position: absolute;
    top: -0.3125rem;
    right: -0.3125rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background-color: var(--bs-primary);
    color: #fff;
    font-size: .75rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.25rem;
}

.navbar-tool {
    position: relative;
    display: flex;
    align-items: center;
}

.navbar-tool-icon {
    font-size: 1.25rem;
    line-height: 2.875rem;
}

.navbar-tool-text {
    display: none;
    flex-grow: 0;
    flex-shrink: 0;
    padding-left: 0.875rem;
    transition: color .25s ease-in-out;
    font-size: .875rem;
    text-decoration: none !important;
    white-space: nowrap;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-tool-text {
        display: block;
    }
}

.navbar-light .navbar-tool-text>small, .navbar-light .navbar-tool-text>.small {
    color: #676d7b;
}

.navbar-tool-text>small, .navbar-tool-text>.small {
    display: block;
    margin-bottom: -0.125rem;
}

@media (min-width: 992px) {
    .navbar-tool .navbar-tool-tooltip {
        display: block;
        position: absolute;
        top: -0.5rem;
        left: 50%;
        transform: translateX(-50%);
        transition: opacity .2s ease-in-out,top .2s ease-in-out;
        padding: 0.0625rem 0.375rem;
        border-radius: 0.25rem;
        background-color: #2b3445;
        color: #fff;
        font-size: .6875rem;
        white-space: nowrap;
        opacity: 0;
    }
}










@media (max-width: 992px){
.double-nav {
    z-index: 10000!important;
	}}
.nav-justified .nav-item {

    background-color: #d6d8d84a;
}
.nav-justified .nav-item a {

    color: #354657;
}
.nav-justified .nav-item:active {

        font-weight: 800;
}



input[type="checkbox"]:checked+label:before {
    border-right: 2px solid #bd8bca;
    border-bottom: 2px solid #bd8bca;
}
	



/*
 .navbar .navbar-nav .nav-item .dropdown-menu a:hover,  .navbar .navbar-nav .nav-item .dropdown-menu a:focus,  .navbar .navbar-nav .nav-item .dropdown-menu a:active {
    background-color: #bd8bca;
}*/
.carousel-control-prev a:hover, .carousel-control-next a:hover{
	background-color: #bd8bca30!important;
}

.mdb-color {
    background-color: #292b2f !important;
}





/*.card-ecommerce .card-body .card-description{
		display:none!important;*/
	}
/*#actions-goods-carousel .controls-top{
		display:none!important;
	}*/
#actions-goods-carousel .carousel-indicators{
		display:none!important;
	}
#actions-goods-carousel {
	margin-bottom:-5em;
}

.top-products-goods-description {
		display:none;
}
.top-products-goods-manufacturer{
		display:none!important;
	}

#FilterBrands {
		display:none!important;
	}

.top-products-goods-name {
	font-size: 1.2em!important;
	}
.top-products-goods-art{
	font-size: 1em!important;
	}
.goodsart{
	font-size: 1em!important;
	}




.md-form input:not([type]):focus:not([readonly]), .md-form input[type="text"]:not(.browser-default):focus:not([readonly]), .md-form input[type="password"]:not(.browser-default):focus:not([readonly]), .md-form input[type="email"]:not(.browser-default):focus:not([readonly]), .md-form input[type="url"]:not(.browser-default):focus:not([readonly]), .md-form input[type="time"]:not(.browser-default):focus:not([readonly]), .md-form input[type="date"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]), .md-form input[type="number"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search-md"]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #bd8bca;
    box-shadow: 0 1px 0 0 #bd8bca;
}
.md-form input:not([type]):focus:not([readonly])+label, .md-form input[type="text"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="password"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="email"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="url"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="time"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="date"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="tel"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="number"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="search"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="search-md"]:focus:not([readonly])+label, .md-form textarea.md-textarea:focus:not([readonly])+label {
    color: #bd8bca;
}
.form-control {
     border: 1px solid #bd8bca;
}


input[type=email]:focus:not([readonly]),  input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=number]:focus:not([readonly]), textarea.md-textarea:focus:not([readonly]) {
    border-color: #bd8bca;
    box-shadow: 0 0px 0 0 #bd8bca;
}

.myoffice:before {
    content: url(/ok-content/uploads/images/person-lines-fill.svg);
}
.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu ul li a:hover {
    background-color: rgb(0 0 0 / 0%);
}
.navbar .mega-dropdown .dropdown-menu.mega-menu.v-3 .sub-menu ul li a:hover {
    color: #A25EB5;
}
@media (max-width: 1024px){
.double-nav .button-collapse {
    display: block;
}}
@media (max-width: 1024px){
.header-bottom-nav {
    display: none !important;
	}}

.navbar .nav-flex-icons {
    z-index: 20000;
}
.side-nav {
    z-index: 100000;
}
.dropdown-menu {
    
    top: 83%;   
    border-radius: .0rem;
}

.doterra_menu {
	font-weight:500!important;
	color: #A25EB5!important;
	
	}
.doterra_menu2 {
	font-weight:500!important;
	color: #A25EB5!important;
	
	}


.badge-danger {
    color: #fff !important;
    background-color: #ff3547 !important;
    border-radius: 1em;
    padding: 4px 9px;
    font-size: x-small;
    letter-spacing: 1px;
}
.badge-success {
    color: #fff !important;
    background-color: #28b407 !important;
    border-radius: 1em;
    padding: 4px 9px;
    font-size: x-small;
    letter-spacing: 1px;
}

/*
.badge {
    color: #fff !important;
        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.16), 0 0 0 0 rgba(0,0,0,0.12);
   box-shadow: 0 0 0 0 rgba(0,0,0,0.16), 0 0 0 0 rgba(0,0,0,0.12); 
font-weight: 500;
}
*/


.logo-color{
	background-color:#bd8bca!important
	}


.tab-content {
    padding: 0rem 1rem 0rem;
}


/* .customul ul li::before {
	content:  url(/ok-content/uploads/images/ok.png);
	color: rgb(229, 57, 53);
	font-weight: 700;
	padding-right: 5px;
	position: absolute;
	top: 0px;
	left: 0px;	
} */

.customul ul li {
    padding-left: 30px;
	    margin-top: 10px;
    position: relative;
	list-style-type: none!important;
	color: #41454e!important;
}


.carousel .carousel-control-prev-icon {
    background-image: url(/ok-content/uploads/images/left-arrow.svg);
}

.carousel .carousel-control-next-icon {
background-image: url(/ok-content/uploads/images/right-arrow.svg);
}
.carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon {
    width: 55px;
    height: 55px;
}



 .carousel-multi-item .controls-top>a,  .carousel-multi-item .carousel-indicators li, .carousel-multi-item .carousel-indicators li.active {
    background-color: #bd8bca2d ;
}





#navbarSupportedContent {
	    text-align: center;
    /*border: 1px solid rgba(0,0,0,0.12);
    border-width: 1px 0;*/
}
.b-nav__link {
    padding: 18px 20px 15px;
    display: inline-block;
    vertical-align: top;
    transition: color .2s ease;
}
#MainFrame {
	background-color:#EBEBEB;
}
#Breadcrumbs {
     	width:100%;	
   }

#HeaderFrame {
    height: 115px;
	background-color: #535353;
	border-top:solid #BABB00;
    border-bottom: 30px solid #3e3e3e;
	box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.5);
}

#Header {
	margin-top:6px !important;
}

#HeadersDescription table p,
#PartnersName a,
.LoginLogoutBtn a{
	color:#fff;
}


#HeaderInfo #Logo {
    background: linear-gradient(to bottom, #7d8725 0%, #a9b732 100%);
	background-color: #BABB00;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
	margin-top:-6px !important;
	box-shadow:1px 3px 3px 0 rgba(0, 0, 0, 0.5);
}

#SearchWrapper input[type=text]{
	border-radius:3px;
	border:1px solid #BABB00;
}

#MenuWrapper ul.menu li a, #MenuWrapper ul.menu li a:link, #MenuWrapper ul.menu li ul 



#MenuWrapper ul.menu li a:hover,
#MenuWrapper ul.menu li ul li:hover {
	background:black;
}

#MenuWrapper ul.menu li ul li a:hover{
	color:#878800!important;
	background:black;
}


#MenuWrapper ul.menu li ul {
	opacity:0.85;
	background-color:black !important;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	padding: 0 10px 10px 10px !important;
}


#menu_slider {
	    width: 720px !important;
	    min-height: 352px!important;
	    border-radius:5px;
}

#menu_slider h3 {
	background: #5cb85c!important;
    padding: 0px 0px;
}

#menu_slider h3 p {    
    background: #BABB00!important;
	padding-bottom:12px;
	border-radius:4px;
 }


#MenuFrame {
	background-color: #3e3e3e;
}
#MenuWrapper {   
    top: 21px;
}

#MenuWrapper ul.menu li {
	font-size:15px;
	text-transform:capitalize;
}

#MenuWrapper ul.menu li ul li {
	font-size:13px;
}

#CartWrapper {
	border-radius:8px;
}

#menu_box_name, #menu_ul, div[id^=menu_], .menu_box_name {
    box-shadow: none;
}

#menu_box {
	border-radius:5px;
	background-color:#535353;
}

#menu_box_name{
	border-radius:5px;
	background-color:#BABB00;
}

#SearchWrapper {
    position: relative;
    top: -33px;
    right: 250px;
}

.GoodsFilterWrapper {
	background-color:#fff;
}

#ContentFrame {
    border-top: 25px solid #535353;
	margin-top:0;
}

#ContentFrame #Inner {
	padding-top:20px;
	padding-bottom:40px;
	margin-bottom:0;
	width:1000px;
}

#ContentFrame .pager span.current,
.Pager span.current,
#menu_ul li p:hover{
    background-color: #BABB00 !important;
}

#CommnInfoWrapper .navigation a {
	display:none;
}

#ContentFrame .pager a, 
#ContentFrame .pager span,
.Pager span, .Pager a {
	text-decoration:none;
	display: inline-block;
    height: 35px;
    width: 35px;
    padding: 0 !important;
    border-radius: 20px;
    line-height: 35px;
	font-size:16px;
	font-weight:500;
	color:#757575 !important;
	background-color: transparent !important;
}



#RecentlyWatched,
#DiscountWrapper {
	border-radius:3px;
	border:none;
}

.GoodsFilterWrapper {
	padding-bottom:30px;
}

#PartnersInfo {
    font-size: 14px;
    position: absolute;
    top: -3px;
    left: 260px;
    border: none;
    background: none;
}
#PartnersInfo p {
 font-size: 14px;	
	font-weight: normal;
}

.QuestionReviewsForm .Header {
	line-height:normal;
}



#MenuWrapper ul.menu {
   font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
		font-weight: normal;
	
}
#FooterMenuesAddressWrap #footer_menu {
    font-size: 14px;
	 font-family: 'Ubuntu', sans-serif;
}
#FooterMenuesAddressWrap #footer_menu ul li ul li {
      font-size: 14px;
}
#FooterMenuesAddressWrap #FooterMenuWrap {
    float:none;
	margin-left:200px;
}

#FooterMenuesAddressWrap #footer_menu a {
	color:#fff;
}

#FooterWrap {
    background-color: #535353;
}
#CopyrightWrap {
    background-color: #535353;
}

#Footer p, #Footer p a, #Footer span a, #Footer span {
	color:#fff;
}


#ContentFrame input[type=submit], #ContentFrame input[type=button], #ApplyDiscountBtn, #SearchBtn, .file_upload > button, #SubscriptionWrap input[type=button], .PopUpActionControlsWrap input[type=button], .FeedbackBtn
, .LocationBtn 
, .WarehouseSelectBtn, #IsWarehouseSelectedHeader
{
    background-color: #BABB00;
}
#RecentlyWatchedName, #PaymentMethods .Header, #CartName p, span.primary, body .ui-tooltip p.tooltipheader, .WidgetWrap .Header {
    background-color: #BABB00;
}

#CartName p {
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}

#ContentFrame input[type=button]:hover {
	background:#849400;
}

#menu_ul p, div[id^=menu_] p {
    padding: 5px 5px;
	font-family: 'Ubuntu', sans-serif;
    font-size: 15px;
	padding: 5px 10px;
	color:white;
}

element.style {
       width:500px !important;
}


li.MyClass
{
  padding:10px 0px 0px 40px;
 }
li.MyClass:before {
	font-size: 10px;
    content: "►  "; 
   }

/*Класс для меню красного цвета */
/* Выделение цветом пункта Скидки
.MenuRedBackgound
{
	background: #0e7428!important;
	color:#fff!important;
} */
		  .SelectedMenuHeader, .SelectedMenuHeader a
		, .SelectedMenuShop, .SelectedMenuShop a
		, .SelectedMenuWidget, .SelectedMenuWidget a
		{ 
			color: #998C0A!important;
		}
		
		.SelectedMenuHeader a ul a {
			color:#fff !important;
		}

	    .SelectedMenuHeader a ul a:hover {
			color:#878800;
		}
.figur
		
#menu_ul li:hover {
	border-radius:5px;
	background-color: #BABB00 !important;
}

.nivoSlider {
	margin-top: 3px;
}

.IsInCartBtn, #GoToBasketBtn,.IsInCartBigBtn, #menu_box_name
.IsInCartBtn:hover, #GoToBasketBtn:hover,.IsInCartBigBtn:hover {
	background-color:#5cb85c!important;
}

#GoToBasketBtn {
	border-radius:4px;
}

.IsInCartBtn, .IsInCartBigBtn, .AddToCartBtn:not([id^="AddToCartBtnProductCard_"]), .WatchGoodsCardBtn {
	border-radius:14px !important;
}

#PlacedInBasket h2:first-child {
	display:none;
}

#GoodsItemName {
	color:#666666;
}



#PartnersInfo.Logined:hover,
#PartnersInfoAdditional{
	border-color:transparent;
}

#PartnersInfoAdditional .LoginLogoutBtn {
	background-color:transparent;
}

#PartnersInfoAdditional .LoginLogoutBtn a {
    color: #666 !important;
    font-weight: 500;
    text-decoration: none;
	text-transform: capitalize;
}

.SaleDoterraPlus {
    color: red;
    font-size: 24px;
    font-style: italic;
}





/* Max luchkin custom */

	h3, a {
	text-decoration: none;
}

    .hover-flash figure:hover img {
    opacity: 1;
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s;
  }
  @-webkit-keyframes flash {
    0% {
      opacity: .4;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes flash {
    0% {
      opacity: .4;
    }
    100% {
      opacity: 1;
    }
  }

@media (min-width: 768px)  {
   .zoom {  
        height:220px!important;
    }
}
@media (min-width: 992px)  {
   .zoom {  
        height:310px!important;
    }
}
	.zoom {        
	     overflow: hidden; 
	cursor: -webkit-zomm-in;      
	cursor: -moz-zomm-in;      
	cursor: zomm-in;  
    height:183px;
        display: flex;
    align-items: center;
    vertical-align: middle;
	}     
	
	.zoom:hover img { 
	transform: scale(1.1);    
	position:relative;      
	z-index:100; 
transition: all 0.35s ease-in-out;   
	}
	

	  .card-body:nth-of-type(4) {
		   overflow: hidden;
		  text-overflow: ellipsis;
		  -webkit-line-clamp: 3;
}
	  
	
	.card-link {
		text-decoration:none;
}
	.slick-track {
	transform: translate3d(0px, 0px, 0px);
}



  .zoomm {
  animation: zoomm 1s infinite;
}

@keyframes zoomm{
  0%{
    opacity: 1;
    transform: scale(0);
  }
  50%{
    transform: scale(1);
  }
  
  100%{
    opacity: 1;
    transform: scale(0);
  }
}
.pswp__ui {
	display:none;
}

@media only screen and (max-width: 768px) {
    table.table td {
        padding-top: 1rem !important;
    }
}

  .text-purple {
    color: #a25eb5 !important;
  }

p.d-none.card-description.catalogue-good-description.fs-6.mb-0:has(+ p) + p {
    display: none;
}

.catalogue-good-description
{
    display: none !important;
}



.text-bg-danger {
    background-color: rgb(242 51 103) !important;
}

