/*------------------------------------------------------*/

:root{
	
	--back-color:white;
	--text-color:#212529;
	--specblock-color:#efefef;
	--text-specblock-color:#252525;
	
	--inputBackColor:white;
	--inputColor:#212529;
	--inputBorderColor:#efefef;
	--inputBorderSelectColor:rgb(13 110 253 / 25%);
	
    --color-active: #007bff;
    --color-active-hover: #0069d9;
	
    --color-active-text: white;
	--color-active-text-hover: white;

	--color-focus: #007bff;
    --color-focus-hover: #007bff;
	
	--color-focus-text: white;
	--color-focus-text-hover: white;
	
	--texture_1:url("https://www.toptal.com/designers/subtlepatterns/patterns/stripes-light.png");
	
	--color-brand: #007bff;
    --color-brand-hover: #0069d9;
}

.texture1{
	background-image: var(--texture_1);
}

*:focus{
	outline-color: var(--color-active);
}

textarea.form-control, input.form-control {
    color: var(--inputColor);
    background-color: var(--inputBackColor);
    border-color: var(--inputBorderColor);
}

textarea.form-control:focus, input.form-control:focus {
    color: var(--inputColor);
    background-color: var(--inputBackColor);
    border-color: var(--inputBorderColor);
    outline: 0;
    box-shadow: 0 0 0 0.25rem var(--inputBorderSelectColor);
}

::placeholder{
	color: var(--inputColor);
}

::selection{
background: var(--color-active); /* Safari */
color: var( --color-active-text); /* Safari */
}


::-moz-selection{
background: var(--color-active); /* Firefox */
color: var( --color-active-text); /* Firefox */
}

a{
	color: var(--color-active);
    text-decoration: underline;
}

a:hover{
	color: var(--color-active-hover);
    /*text-decoration: underline;*/
}

.form-check-input:checked {
    background-color: var(--color-active-hover);
    border-color: var(--color-active-hover);
}

.text-primary{
    color: var(--color-active-hover)!important;
}



/*------------------------------------------------------*/

.card-day.border-success{
	background-color:#8bc24a;
	color:white;
}

/*------------------------------------------------------*/

body{
	background-color:var(--back-color);
	color:var(--text-color);
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4, h5,.h5{
	
}

h1,.h1{
	font-size: 32px;
}

h2,.h2{
	
}

h3,.h3{
	
}

h4,.h4{
	
}

h5,.h5{
	
}

p,.p{
	
}

span{
	
}

img{
	
}

/*------------------------------------------------------*/

.card-title{
	font-size:12px;
}

.card-cost{
	font-size:12px;
	font-weight:600;
}

.cartDescr{
	
    font-size: 11px;
    -webkit-line-clamp: 3; /* Число отображаемых строк */
    display: -webkit-box; /* Включаем флексбоксы */
    -webkit-box-orient: vertical; /* Вертикальная ориентация */
    overflow: hidden; /* Обрезаем всё за пределами блока */
   
}

/*------------------------------------------------------*/

.b-img{
	background-color:inherit;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	overflow: hidden;
}

/*------------------------------------------------------*/

.text-muted{
	opacity:0.7 !important;
	color: inherit !important;
}

/*------------------------------------------------------*/

#main_frame{
	min-height: 50vh;
}


.mb_slide{
	min-height:600px;
}

.btn-brand{
	color: #fff;
    background-color: var(--color-brand);
    border-color: var(--color-brand);
}

.btn-brand:hover{
	color: #fff;
    background-color: var(--color-brand-hover);
    border-color: var(--color-brand-hover);
}

.btn-primary{
	color: #fff;
    background-color: var(--color-active);
    border-color: var(--color-active);
}

.btn-check:hover + .btn-primary, .btn-primary:hover, .btn-check:focus + .btn-primary, .btn-primary:focus{
	color: #fff;
    background-color: var(--color-active-hover);
    border-color: var(--color-active-hover);
}

.btn-outline-primary{
	color: var(--color-active-hover);
    border-color: var(--color-active);
}

.btn-outline-check:hover + .btn-outline-primary, .btn-outline-primary:hover, .btn-outline-check:focus + .btn-outline-primary, .btn-outline-primary:focus{
	color: white;
    background-color: var(--color-active-hover);
    border-color: var(--color-active-hover);
}

.animate5{
	transition:all 0.5s
}

.animate3{
	transition:all 0.3s
}

/*------------------------------------------------------*/


/*------------------------------------------------------*/

.feedback_screen{
	position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.8);
    z-index: 10000;
}

/*------------------------------------------------------*/

.serch-style{
	
}

.serch-style button{
	border-start-start-radius: 0px !important;
    border-end-start-radius: 0px !important;
}

.serch-style input{
	border-end-end-radius: 0px !important;
    border-start-end-radius: 0px !important;
}

/*------------------------------------------------------*/

.text-logo{
	font-size: 24px;
    text-transform: uppercase;
}

.text-logo > a{
	text-decoration:none;
	color:inherit;
}

.phone_holder{
	font-size: 19px;
	text-decoration:none;
	color:inherit;
}

.phone_holder > a{
	text-decoration:none;
	color:inherit;
}

.sub_menu{
	background-color:var(--specblock-color);
}

.sub_menu .nav a{
	color:var(--text-specblock-color);
	border-right:1px solid #ccc;
	font-weight: 700;
	transition:all 0.3s;
}

.sub_menu .nav a:hover{
	color:var(--color-active-text-hover);
	background-color:var(--color-active-hover);
	text-decoration:none!important;
}

.sub_menu .nav .dropdown-menu a{
    color: #222;
    border-right: 0px;
    font-weight: 700;
    transition: all 0.3s;
}

#footer{
	min-height:250px;
	background-color:#252525;
	color:white;
}

#sub_menu_footer a.nav-link{
    transition:all 0.5s;
	color: white;
}

#sub_menu_footer a.nav-link:hover{
    background-color: #353535;
}

label.form-control{
    background-color: transparent;
    height: auto;
    border-color: transparent;
    margin-top: 20px;
}

.application-mobile-menu{
	position: fixed;
    z-index: 15;
    bottom: 0px;
    left: 0px;
    background: white;
    width: 100%;
    min-height: 5vh;
    padding: 2vh;
}

.application-mobile-menu ul{
	justify-content: space-around;
}

.application-mobile-menu ul a{
    display: block;
    font-size: 40px;
}

/* --------------------------------------------------- */

.filter_button_l_side{
	
}

/* --------------------------------------------------- */

.jafar_ico{
	border:solid 5px white;
	box-shadow:-15px 15px 25px rgb(0 0 0 / 30%);
	border-radius:100%;
	position: fixed;
    right: 15px;
    bottom: 45px;
    z-index: 500;
	overflow: hidden;
}

.jafar_ico div{
    width: 99px;
    height: 99px;
    background-image: Url("/jafar/ico/jaf2.png");
    background-position: center;
    background-size: contain;
}

/* --------------------------------------------------- */

#main-application-menu{
	bottom: 0px;
    width: 100%;
	height: 50px;
    background-color: #ebebeb;
	
	z-index:25;
}

.application-menu{
	width: 100%;
    justify-content: space-around;
    align-items: center;
    height: 100%;
}

.application-menu a{
	
}

/* --------------------------------------------------- */

.catalog_name {
	font-weight: 500;
    line-height: 16px;
    align-items: center;
    height: 70px;
    justify-content: center;
    display: flex;
	color:inherit;
	text-decoration:none!important;
}

.catalogImg{
    transition: all 0.5s;
}