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



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

::placeholder{
	color: var(--muted-c);
}

textarea.form-control, input.form-control {
    color: var(--input-tc);
    background-color: var(--input-c);
    border-color: var(--input-c);
}

textarea.form-control:focus, input.form-control:focus {
    background-color: var(--input-c);
    border-color: var(--primary-c);
    outline: 0;
    box-shadow: 0 0 0 0.25rem var(--input-brcs);
}



::selection{
background: var(--primary-c); /* Safari */
color: var(--primary-tc); /* Safari */
}


::-moz-selection{
background: var(--primary-c); /* Firefox */
color: var(--primary-tc); /* Firefox */
}

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

a:hover{color: var(--primary-ch);}
a.noa:hover{color: inherit;text-decoration:none;}

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

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

.toast-container{
	z-index:50;
}

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

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

.active{
	color: var(--primary-tc)!important;
	background-color: var(--primary-c)!important;
}



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

.bg-muted{
	color: inherit;
    background-color: var( --muted-c );
}

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

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

input.form-control{
	background-color:var( --input-c );
	color:var( --input-tc );
	border-color:var( --input-brc );
}

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

.text-bg-brand{
	color: var(--brand-tc);
	background-color: var(--brand-c);
}

.bg-brand{
	color: var( --brand-tc );
    background-color: var( --brand-c );
}

.btn-brand{
	color: var( --brand-tc );
    background-color: var( --brand-c );
    border-color: var( --brand-c );
}

.btn-brand:hover{
	color: var( --brand-tch );
    background-color: var( --brand-ch );
    border-color: var( --brand-ch );
}

.btn-outline-brand{
	color: var(--brand-c);
    border-color: var(--brand-c);
}

.btn-outline-brand:hover{
	color: var(--brand-ch);
    border-color: var(--brand-ch);
}

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

.text-bg-primary{
	color: var(--primary-tc);
	background-color: var(--primary-c);
}

.bg-primary{
	color: var( --primary-tc );
    background-color: var( --primary-c );
}

.btn-primary{
	color: var( --primary-tc );
    background-color: var( --primary-c );
    border-color: var( --primary-c );
}

.btn-primary:hover{
	color: var( --primary-tch );
    background-color: var( --primary-ch );
    border-color: var( --primary-ch );
}

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

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

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

.text-bg-secodery{
	color: var(--secodery-tc);
	background-color: var(--secodery-c);
}

.bg-secodery{
	color: var( --secodery-tc );
    background-color: var( --secodery-c );
}

.btn-secodery{
	color: var( --secodery-tc );
    background-color: var( --secodery-c );
    border-color: var( --secodery-c );
}

.btn-secodery:hover{
	color: var( --secodery-tch );
    background-color: var( --secodery-ch );
    border-color: var( --secodery-ch );
}

.btn-outline-secodery{
	color: var(--secodery-c);
    border-color: var(--secodery-c);
}

.btn-outline-secodery:hover{
	color: var(--secodery-ch);
    border-color: var(--secodery-ch);
}

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

.text-bg-success{
	color: var(--success-tc);
	background-color: var(--success-c);
}

.bg-success{
	color: var( --success-tc );
    background-color: var( --success-c );
}

.btn-success{
	color: var( --success-tc );
    background-color: var( --success-c );
    border-color: var( --success-c );
}

.btn-success:hover{
	color: var( --success-tch );
    background-color: var( --success-ch );
    border-color: var( --success-ch );
}

.btn-outline-success{
	color: var(--success-c);
    border-color: var(--success-c);
}

.btn-outline-success:hover{
	color: var(--success-ch);
    border-color: var(--success-ch);
}

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


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

.text-bg-danger{
	color: var(--danger-tc);
	background-color: var(--danger-c);
}

.bg-danger{
	color: var( --danger-tc );
    background-color: var( --danger-c );
}

.btn-danger{
	color: var( --danger-tc );
    background-color: var( --danger-c );
    border-color: var( --danger-c );
}

.btn-danger:hover{
	color: var( --danger-tch );
    background-color: var( --danger-ch );
    border-color: var( --danger-ch );
}

.btn-outline-danger{
	color: var(--danger-c);
    border-color: var(--danger-c);
}

.btn-outline-danger:hover{
	color: #fff;
    border-color: var(--danger-ch);
}

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

.text-bg-warning{
	color: var(--warning-tc);
	background-color: var(--warning-c);
}

.bg-warning{
	color: var( --warning-tc );
    background-color: var( --warning-c );
}

.btn-warning{
	color: var( --warning-tc );
    background-color: var( --warning-c );
    border-color: var( --warning-c );
}

.btn-warning:hover{
	color: var( --warning-tch );
    background-color: var( --warning-ch );
    border-color: var( --warning-ch );
}

.btn-outline-warning{
	color: var(--warning-c);
    border-color: var(--warning-c);
}

.btn-outline-warning:hover{
	color: var(--warning-ch);
    border-color: var(--warning-ch);
}

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

.text-bg-info{
	color: var(--info-tc);
	background-color: var(--info-c);
}

.bg-info{
	color: var( --info-tc );
    background-color: var( --info-c );
}

.btn-info{
	color: var( --info-tc );
    background-color: var( --info-c );
    border-color: var( --info-c );
}

.btn-info:hover{
	color: var( --info-tch );
    background-color: var( --info-ch );
    border-color: var( --info-ch );
}

.btn-outline-info{
	color: var(--info-c);
    border-color: var(--info-c);
}

.btn-outline-info:hover{
	color: var(--info-ch);
    border-color: var(--info-ch);
}

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

.card{
	background-color:var( --body-c );
	border-color:var( --muted-brc );
}

.card-header, .card-footer{
	border-color:var( --muted-brc );
}

.border{
	border-color:var( --muted-brc );
}

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

body{
	background-color:var( --body-c );
	color:var( --body-tc );
	font-family:var( --body-ff );
	font-size:var( --body-fs );
	font-weight:var( --body-fw );
	line-height:var( --body-lh );
}

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{
	
}

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



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

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

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


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

#main_frame{
	min-height: 50vh;
}


.mb_slide{
	min-height:600px;
}

.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;
}

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

.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;
}

.filterOverflowStyle{
	overflow-x: scroll;
}

.filterOverflowStyle::-webkit-scrollbar {
    width: 0px;
	height:0px;
    background-color: #f9f9fd;
}