﻿
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* Отключение возможности выделения в теге DIV */
div , img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

body{
	position: absolute;
	padding: 1px !important;
	width: 100%
}
header{
	background-color: #f8f9fa;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
.logotip_komp .uk-button-default , .logotip_24 .uk-button-default {
	font-weight: bold;
	background-color: #e8d529;
	font-weight: bold;
	background-color: #e8d529;
}
.logotip_komp .uk-button-default span{
	white-space: nowrap;
}
.logotip_komp .uk-button-defaul img{
	
	margin: 0 auto;
}
.logotip_24 , .logotip_komp{
	margin-top: 1%;
}
.logotip_komp img ,.logotip_24 img {
	width: 50%;
	margin-top: 3%; 	
}
.logotip_komp , .logotip_24{
	width: 10%;
}
.consul img{
	width: 50%;
	height: auto;
}
.consul{
	width: 15%;
}
.consul .uk-button-default{
	font-weight: bold;
	background-color: #e8d529;
}
.infa_log div {
	white-space: nowrap;

}
.uk-overlay-default{
	background: #e8d529;
}
.uli li{
	font-weight: bold;
}
.uli{
	list-style-type: none;
}
.urez_tab{
	max-width:100%; 
	overflow: scroll;
}
.infa_log div img {
	background-color: #e8d529;
	width: 30%;
	border-radius: 5px;
}
.infa_log  img {
	width: 30%;
}

.infa_log div span:nth-child(odd) {
    background-color: #e8d529;
    border-radius: 5px;
    margin-right: 10%;
}
.infa_log div span:nth-child(even) {
    border-bottom: solid #e8d529;

    border-radius: 5px;
}
.infa_log a{
	color: #403f3d;
	text-decoration: none;
	font-weight: 500;
}
.videa{
	margin-left:20%;
}
.videa video{
     height: 30%;
     width: 70%;
}
header img{
	width: 100%;
	height: auto;
}
header .logotip{
	width: 27%;
	margin-left: 2%;
	margin-top: 2%;
	margin-bottom: 3%; 
}
nav li:hover{
	background-color:#9d9fa0d9;
	border: solid 1px ;
	border-radius: 7px;
	border-color: #ffc107a3;
}
nav li{
	list-style-image:url("список.png");
}
nav a{
	color: rgba(0,0,0,.5);
	text-decoration: none;
}
nav a:hover{
  color: rgba(0,0,0,.5);
  text-decoration: none;
}
 .uk-parent{
	padding: .5rem 1rem;
}
 .uk-parent a{
   color: rgba(0,0,0,.5);
}

 nav .uk-button-default , nav .uk-button-default{ 
	border: none;
	color: #e8d529;
}
.navbar-nav{
	margin-bottom: 3%;
}
.mi_uslugi{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 5%;
	margin-left:10%;
	margin-right:10%;
	
	border-bottom:solid  #e8d529;
}
.komp{
	margin-left: 5%;
}
.sp_ot{
	display: block;
	font-size: 130%;
}
div table{
	max-width: 100%;
}

.mi_uslugi span{
	color: #e8d529;
	display: block;
}
.uk-grid-small{
	margin: 0 auto;-webkit-box-flex: 50%;-ms-flex: 50%;flex: 50%; 
}
.osn , .osn2 , .osn3{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
 .tablic .uk-text-center{
	width: 100%;
	margin-left: 5%;
	margin-bottom:10%;
	background-color: #e0dddd40;  
}
.tablic .uk-text-center p{
	font-weight: 600;
}
.tablic{
	margin-top:5%;
	margin-left: 20%;
	margin-right:20%;  
}
.tablo{
	overflow: scroll;
}
.uk-button-default:active{
	background-color: #e8d529;
}
.vverx{
	position:fixed;
	right: 10%;
	bottom: 10%;
}
 .uk-button-primary{
	background-color:#e8d529;
	color: #292727; 
}


 div .ceny_diagn{
 	height: 300px;
 	overflow: auto;
 }
 .my_uslugi td{
 	font-size: 120%;
 }
.my_uslugi td span{
	color:  #e8d529; 
}
.mi_diagn{
	margin-bottom: 2%;
}
element.style {
}
*+.uk-grid-margin-small, .uk-grid+.uk-grid-row-small, .uk-grid+.uk-grid-small, .uk-grid-row-small>.uk-grid-margin, .uk-grid-small>.uk-grid-margin {margin-top:0px;
}
.catalog_bok{
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	        transform: rotate(-90deg);
	position: fixed;
	top: 40%;
	right:-140px;
	z-index: 100;
	font-weight: bold;
	background-color: #e8d529;
}
.bordera{
	border-color: #e8d529;
	border-style: solid;
	padding-left: 10px;
}
        
.nas{
		display: none;
	}
.punk  .uk-grid-match li{
	list-style-type: none;
}
.brend{
	margin-bottom: 5%;
}
.bm{
		margin: 5% 20%;
	}
.brend h4{
	border-bottom:solid  #e8d529;
	margin: 5% 10%;
}
.bord{
	border: solid;
	border-color: #e8d529; 
}
.max-cards{
	max-height: 200px;
	overflow: auto;
}
.img_bac{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.img_bac img{
	max-width: 50%;
}
.max_rex{
	max-height: 400px;
	overflow: auto;
}
.obem{
	background-color: #e8d529; 
	font-size: 140%;
	padding-top: 5px;
}
.knop{
	margin-right: 2%;
	margin-top: 5%;
	background-color: #e8d529;
}
.kmopka_d{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.tab_nh{
	background: url("../img_ob/13.jpg");
	background-position: 90% 50%;
	background-repeat: no-repeat;
	background-size: 30%;
	list-style-type: none;
}
.tb{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 5%;
}
.tb_max{
	overflow: auto;
	height:400px;
}
.flexs img{
  float: right;
}
.brend span{
	color: #e8d529;
}
footer{
 background-color: #e6e4e4;
}
.sapka{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.sapka div{
	-webkit-box-flex: 10%;
	    -ms-flex: 10%;
	        flex: 10%;
}
footer li{
	list-style-type: none;
}
.sapka div ul{
}
footer h5 span:nth-child(2){
	
	vertical-align: bottom;
	
}
footer h5 span:nth-child(1){
	color: #e8d529;
	margin-left: 5%; 
}
footer h5:nth-child(1){
	border-bottom: solid #e8d529; 
}
footer a:hover{
	text-decoration: none;
}
footer a{
	color: #636161;
}
footer h6{
	display: ;
	border-bottom: solid #e8d529; 
	z-index: 5;
}
@media only all and (max-width: 1000px){
	header{
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
	.logotip_24 , .logotip_komp{
	margin-left: 10%;
}
}
@media only all and (max-width: 1000px){
       .ubr{
       	display: none;
       }
}
     
@media only all and (max-width: 850px){
	.logotip_24{
	margin-left: 20%;
}
.logotip_komp{
	margin-left: 1%;
}
}
@media only all and (max-width: 690px){
	.osn , .osn2 , .osn3{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.cons1{
		display: none;
	}

}
@media only all and (max-width: 550px){
	header{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	header .logotip{
	width: 70%;
	margin: 0 auto;
	}
	.logotip_24 , .logotip_komp{
		margin-left: 30%;
	}
	.tablic{
		margin: 0 auto;
	}
	.osn , .osn2 , .osn3{
		width: 90%;
	}
	.bm{
		margin: 3% 10%;
	}
	.f1{
		display: none; 
	}

}
@media only all and (max-width: 530px){
	 .uk-light{
		display: none;
	}
}
@media only all and (max-width: 530px){
	 .nas2{
		display: none;
	}
	.nas{
		display: block;
	}
		.tab1{
	overflow:scroll;
	max-width: 280px;
}
   .brend{
   	display: none;
   }
}



	

