@charset "utf-8";
/*------------------------------------------------------*/

:root{
    --color-active: #f67f17;
    --color-active-hover: #E65100;
}

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

body{

}

#main_frame{
	background-image:url("/img/bg.jpg");
	background-color:#171717;
	background-repeat:no-repeat;
	background-size:contain;
	overflow: hidden;
    min-height: 1010px;
}

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

h1, h2, h3, h4, h5{
	font-family: 'daysregular';
}

.h1, .h2, .h3, .h4, .h5{
	font-family: 'daysregular';
}

h1{
	font-size:2rem
}

h2{
	
}

h3{
	
}

h4{
	
}

h5{
	
}

p{
	
}

span{
	
}

img{
	
}

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

#before-load {
  position: fixed; /*фиксированное положение блока*/
  left: 0; /*положение элемента слева*/
  top: 0; /*положение элемента сверху*/
  right: 0; /*положение элемента справа*/
  bottom: 0; /*положение элемента снизу*/
	background: rgba(0,0,0,0.8);
  z-index: 1001; /*располагаем его над всеми элементами на странице*/
}
#before-load i {
  font-size: 70px; /*размер иконки*/
  position: absolute; /*положение абсолютное, позиционируется относительно его ближайшего предка*/
  left: 50%; /*слева 50% от ширины родительского блока*/
  top: 50%; /*сверху 50% от высоты родительского блока*/
  margin: -35px 0 0 -35px; /*смещение иконки, чтобы она располагалась по центру*/
}

#before-load div{
	position: absolute;
    bottom: 40px;
    left: 50px;
}

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

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

.mb_slide{
	min-height:600px;
}

.btn-outline-primary:focus{
	box-shadow: 0 0 15px 0.2rem var(--color-active-hover);
}

.btn-primary:focus{
	box-shadow: 0 0 15px 0.2rem var(--color-active-hover);
}

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

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

.btn-primary:not(:disabled):not(.disabled):active:focus{
	color: white;
    background-color: var(--color-active-hover);
    border-color: var(--color-active-hover);
}

.btn-primary:not(:disabled):not(.disabled):active:focus{
	color: white;
    box-shadow: 0 0 0 0.2rem var(--color-active-hover);
}
    

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

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

.btn-outline-primary:not(:disabled):not(.disabled):active:focus{
	color: white;
    background-color: var(--color-active-hover);
    border-color: var(--color-active-hover);
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus{
	color: white;
    box-shadow: 0 0 0 0.2rem var(--color-active-hover);
}

a{
	color: var(--color-active);
}

a:hover{
	color: var(--color-active-hover);
}

.animate5{
	transition:all 0.5s
}

.animate3{
	transition:all 0.3s
}

.logo{
	max-width: 100px;
    margin-right: 10px;
}

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

#main_frame input[type="checkbox"] {
 display: none;
}
 
#main_frame input[type="checkbox"] +label {
  color: #000;
 cursor: default;
 font-weight: normal;
 line-height: 30px;
 padding: 10px 0;
 vertical-align: middle;
}
 
#main_frame input[type="checkbox"] +label:before {
 content: " ";
 color: #000;
 display: inline-block;
/* шрифт Awesome*/
 font: 20px/30px FontAwesome;
 margin-right: 15px;
 position: relative;
 text-align: center;
 text-indent: 0px;
 width: 30px;
 height: 30px;
 background: #FFF;
 border: 1px solid #e3e3e3;
 border-image: initial;
 vertical-align: middle;
}
 
#main_frame input:checked + label:before {
/* глифон - галочка */
 content: "\f00c";
}
 
#main_frame input:disabled + label:before {
 background: #eee;
 color: #aaa;
}

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

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

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

.days{
	font-family: 'daysregular';
}

.ico_s{
	display:inline-block;
	width:100%;
}

.bgwhite{
	background-color:white;
}

.bgorange{
	background-color:var(--color-active);
	color:white;
}

.bgdarck{
	background-color:#0f0f0f;
	color:white;
}

.bgdarck a{
	color:white;
}

.bgorange a{
	color:#FFCC80;
}

.bgdarck a:hover{
	color:var(--color-active);
}

.bgdarck a.btn:hover{
	color:white;
}

#header .main_menu .phone_holder{
	color: #f67f17;
    font-size: 1.6rem;
    font-family: 'daysregular';
	transition:all 0.3s;
}

#header .main_menu .phone_holder:hover{
	text-shadow:0px 0px 15px var(--color-active-hover);
}

#header .main_menu a{
	color: var(--color-active);
}

#header .main_menu a:hover{
	color: var(--color-active-hover);
}

.text_logo{
    font-size: 20px;
    font-family: 'daysregular';
    background: var(--color-active);
    padding: 10px;
    color: black;
	transition:all 0.5s;	
}

.text_logo:hover{
	box-shadow:0px 0px 15px var(--color-active-hover);
}

a.text_logo{
	color: black !important;
}

a.text_logo:hover{
	color:black;
	text-decoration:none;
}

.text_logo_mobile{
    font-size: 20px;
    font-family: 'daysregular';
    background: var(--color-active);
    padding: 10px;
    color: black;
	width:100%;
	display: block;
}

a.text_logo_mobile{
	color: black !important;
}

a.text_logo_mobile:hover{
	color:black;
	text-decoration:none;
}

#header .main_menu_mobile .phone_holder{
	color: #f67f17;
    font-size: 1.6rem;
    font-family: 'daysregular';
}

#footer .phone_holder{
	color: #f67f17;
    font-size: 1.6rem;
    font-family: 'daysregular';
	transition:all 0.3s;
}

#footer .phone_holder:hover{
	text-shadow:0px 0px 15px var(--color-active-hover);
}

#footer hr {
	border-color: #ccc;
}

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

.bigIco{
	width:50px;
	height:50px;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}

.table_holder{
	overflow:auto;
}

.table_holder table.table{
	min-width:500px;
}

.orangebord{
	border:2px solid var(--color-active);
	position:relative;
}

.orangebord::after{
	content:"Популярное";
	color:white;
	background-color: var(--color-active);
	padding:10px;
	position:absolute;
	top:10px;
	right:10px;
	font-family: 'daysregular';
	font-size:0.9rem;
}

.adress_page .phone_holder{
	font-family:'daysregular';
	font-size:20px;
}