.heder{
	
	/*background-image: url(/shablon/images/heder_bg.png);*/
	display: block;
	position: relative;
	float: none;
	width: 100%;
	overflow: visible;
	height: 150px;
	/*border-radius: 0 0 10px 10px;*/
	margin:0px ;
	/*color: #fff;*/
	/*background-color: #fff99d;*/
	


}
.heder_line1{
	position: relative;
	width: 100%;
	height: 60px;
	background: #fff;
		
}
.heder_line2{
	position: relative;
	width: 100%;
	height: 40px;
	background: #305075;
		
}


.heder_cont{
	display: block;
	position: absolute;
	float: none;
	width: 1200px;
	height: auto;
	top: 0;
	height: 150px;
	left:0;
	right:0;
	margin: auto;
	/*background-image: url(/shablon/images/heder-bg.png);*/
	background-repeat: repeat-x;
	/*border-radius: 0 0 10px 10px;*/
	/*background: #eac133;*/
}


#logo {
	position: absolute;
	top: 65px;
	left: 20px;
	/*width: 300px;*/
	/*height: 100px;*/
	z-index: 90;
	height: 30px;

}
.navbar-brand {padding: 0px; height: auto;}
.logo{
	max-height: 80px;
	
}


#heder_bg_img {
	position: relative;
	left: 0;
	top: 0px;
	width: 100%;
	/*height: 100px;*/
	z-index: 0;
	

}

#butt_raboty{
	position: absolute;
	width: 110px;
	top: 20px;
	left: 50%;
	
}


#heder_img1 {
	position: absolute;
	top: 20px;
	right: 50px;
	/*width: 210px;*/
	height: 200px;
	z-index: 8;

}


#Circle_banner {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 300px;
	height: 200px;
	z-index: 799;
	

}

#down_katalog{
	position: absolute;
	top: 40px;
	left: 520px;
	width: 120px;


}
#heder_telefon,#slogan,#heder_slogan,#heder_info,#heder_zakaz,#tel,#logo7, #email-icon,#skype-icon,#qip-icon{

	display: block;
	position: absolute;
	text-decoration: none;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 1.2em;
	text-align: left;
	top: 30px;
	

}
#heder_telefon{
	right: 30px;
	top: 10px;
	min-width: 200px;
	font-size:1em;
	/*background-color: #fff;*/
	text-align: left;
	padding: 5px ;
	/*border-radius: 10px;*/
	/*border: 1px solid #084a84;*/
	/*box-shadow: 3px 3px 2px #818181;*/
	color: #000;
		/*background: #074b81;
	background: -webkit-gradient(linear, left top, left bottom, from(#074b81), to(#C3DF8D));
	background: -moz-linear-gradient(top,  #074b81,  #C3DF8D);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#074b81', endColorstr='#C3DF8D');
	/*padding-left: 70px;*/
	}
	#heder_telefon span {
		
		font-size:1.5em;
	}
	#heder_telefon img{
		width: auto;
		cursor: pointer;
		position: absolute;
		left: -50px;
		top: 20px;
		
		
	}
	#heder_phone{
		position: fixed;
		right: 20px;
		top: 70%;
		cursor: pointer;
		width: 60px;
		z-index: 1000000;
		
	}
#tel{
	left: 700px;
	top: 30px;
	height: 50px;
z-index: 99;
}
#logo7{
	left: 220px;
	top: 10px;
	/*height: 75px;*/
z-index: 99;
width: 430px;
height: 80px;
}
#heder_info{
	left: 20px;
	top: 35px;
	width: auto;
	overflow: visible;
	font-size: 0.9em;
	text-align: left;
	color: #305075;
	/*background: #fff;
	opacity: 0.6;
	border-radius: 10px;*/
	font-weight: bold;
	z-index: 10;
	
	
}
#heder_info img{
	position: absolute;
	top: -20px;
	left: 170px;
	height: 70px;
	
	
	
}
#heder_info span{
	font-size: 0.27em;
	padding: 0 20px;
	text-shadow: none;
	
position: absolute;
left: 0px;
top: 90px;
	
}


#heder_zakaz{
	right: 0px;
	top: 80px;
	width: 190px;
	height: 60px;
	z-index: 799;
		
}

#heder_slogan{
	left: 350px;
	top: 150px;
	width: 500px;
	overflow: hidden;
	font-size: 1.8em;
	text-align: center;
	/*border: 1px solid #fff;*/
	/*font-weight: bold;*/
	color: #000;
	/*text-shadow: 2px 2px 2px #ff0000;*/
	z-index: 10;
	
	
}
#heder_kod{

	left: 720px;
}
#heder_tel{
	left: 830px;
	font-weight: bold;
}
#slogan{
	left: 230px;
	top: 15px;
	width: 200px;
	
}

#heder_kontakty{
	display: block;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 20;
	margin: 0 0 5px 0;
	
}
#heder_kontakty i{
	font-size: 1.2em;
	color: #01850a;
}


.lev_poisk{
	display: block;
	position: absolute;
	width: 310px;
	height : 40px;
	left: 20px;
	top: 100px;
	z-index: 100;
	}
.lev_poisk input.srch{
	/*border-radius: 6px;*/
	border: 1px solid #ccc;
	width:300px;
	padding-bottom: 3px;
	left: 0;
	position: absolute;
		}
.lev_poisk button.bl{
	background-color: transparent;
	color: #305075;
	border: 0;
	cursor: pointer;
	margin: 2px;
	padding: 0;
	position: absolute;
	
	top: 5px;
	opacity: 0.7;
	left: 85%;
		}
.lev_poisk button.bl:hover{
		opacity: 1;
	
	}
	
	
	
button.bl i{
	font-size: 1.2em;
	
}
.lev_blok i.pups-search{
font-size: 2em;
margin-right: 2px;
color: #494949;
}

	
.lev_poisk a{
	float: left;
	margin-top: -14px;

}
#uptocall-mini {position:fixed;
bottom:10%;
right:50px;cursor:pointer;z-index:9999999;}
 
#uptocall-mini .uptocall-mini-phone {
	-moz-border-radius:50% !important;
	-webkit-border-radius:50% !important;
	border-radius:50% !important;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	background-color: #08c;
width:40px;height:40px;
-webkit-animation: uptocallmini 3s 0s ease-out infinite;
-moz-animation: uptocallmini 3s 0s ease-out infinite;
animation: uptocallmini 3s 0s ease-out infinite;}
 
#uptocall-mini .uptocall-mini-phone:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background-image:url(../../404.html);
	background-repeat:no-repeat;
	background-position:center center;
-webkit-animation: uptocallphone 1.5s linear infinite;-moz-animation: uptocallphone 1.5s linear infinite;animation: uptocallphone 1.5s linear infinite;}
 
@-webkit-keyframes uptocallphone {
0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes uptocallphone {
0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes uptocallphone {
0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes uptocallmini {
0% {box-shadow: 0 0 6px 4px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0);}
10% {box-shadow: 0 0 6px 4px #1affb3, 0 0 12px 10px rgba(0,0,0,0), 0 0 8px 10px #1affb3;}
100% {box-shadow: 0 0 6px 4px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 20px rgba(23,167,167, 0);}
}
@-moz-keyframes uptocallmini {
0% {box-shadow: 0 0 6px 4px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0);}
10% {box-shadow: 0 0 6px 4px #1affb3, 0 0 12px 10px rgba(0,0,0,0), 0 0 8px 10px #1affb3;}
100% {box-shadow: 0 0 6px 4px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 20px rgba(23,167,167, 0);}
}
@keyframes uptocallmini {
0% {box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0);}
10% {box-shadow: 0 0 8px 6px #1affb3, 0 0 12px 10px rgba(0,0,0,0), 0 0 8px 10px #1affb3;}
100% {box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 20px rgba(23,167,167, 0);}
}
#img-heder{
	position: absolute;
	right: 0;
	top: 0;
	
}

.topmenu1{
	position: relative;
	margin-top: 20px;
	margin-left: 340px;
	width: 850px;
	color: #305075;
	text-align: left;
}
.topmenu1 a{
	color: #305075;
	text-decoration: none;
	font-size: 1.5em;
	margin: 0 30px 0 0;
	text-transform: uppercase;
	font-family: Times;
	
}
.topmenu1 a:hover,.topmenu3 a:hover{
text-decoration: underline;}

.topmenu3{
	position: relative;
	width: auto;
	height: 40px;
	margin: 0px 40px 0 50px;
	color: #fff;
	background: #6888ad;
	float: right;
	text-align: left;
	line-height: 38px;
	overflow: visible;
	padding: 0 10px;
	}

.topmenu3 a{
	color: #fff;
	text-transform: uppercase;
	font-family: Times;
	font-size: 18px;
	margin: 0 10px;
	text-decoration: none;
}
.topmenu3::after{
	
	display: block;
	width: 0px;
	height: 0px;
	border-right: 20px solid #6888ad;
	border-top: 20px solid #6888ad;
	border-left: 20px solid #ffffff;
	border-bottom: 20px solid #fff;
	position: absolute;
	left: -40px;
	top: 0;
	content: '';
	
}
.topmenu3::before{
	
	display: block;
	width: 0px;
	height: 0px;
	border-right: 20px solid #ffffff;
	border-top: 20px solid #6888ad;
	border-left: 20px solid #6888ad;
	border-bottom: 20px solid #fff;
	position: absolute;
	right: -40px;
	top: 0;
	content: '';
	
}
.top-menu{
	margin-bottom: 10px;
	
	width: 100%;
	background: rgba(255,255,255, 0.95);
	z-index: 100000;
}


.heder_cont button.vklogin,
.heder_cont a.vklogin
 {
	position: absolute;
	right: 60px;
	top: 5px;
		
}
.heder_cont a.vklogin1
 {
	right: 20px;
	
		
}
.heder_cont a.vklogin{
	padding: 0px;
	color: #6888ad;
	background: transparent;
	line-height: 36px;
	border: 0;
	box-shadow: none;
}

.heder_cont .user_img_pre{
			border-radius: 50%;	
				margin: 0 5px 0 0;	
				border: 2px solid #6888ad;
	
}
.navbar {
      margin-bottom: 0;
    min-height: 100px;
    position: relative;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
}
.dropdown-toggle{
	text-decoration: none;
	
}
.navbar-collapse {
	padding-left: 0px;
padding-right: 0px;
text-align: center;
/*margin-top: 15px;*/
}
.navbar-nav > li > a {
    padding-bottom: 10px;
    padding-top: 10px;
	padding-left: 15px;
padding-right: 15px;
text-transform: uppercase;
color: #777 !important;
line-height: 24px;
/*font-weight: bold;*/
position: relative;
font-size: 1em;
}

.navbar-nav > li > a.a_katalog {
   	padding-left: 30px;
padding-right: 10px;
color: #fff !important;
background: #ff0000;
}
.navbar-nav > li > a.a_katalog  i{
		padding-left: 20px;
	
}
.navbar-nav > li > a.dropdown-menu-duble {
	font-size: 14px;
	line-height: 12px;
	
}


@media (min-width: 991px) {
.navbar-nav > li > a,
.navbar-nav > li > a.dropdown-menu-duble
 {
       font-size: 0.8em;
}
}

.navbar-nav li  a  .pups-home{
/* margin-top: -10px;*/
margin-left: -15px;
font-size: 19px;
}

.navbar-nav li a:hover{
	text-decoration: none;
	color: #00abef;

}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
   
   background: #efefef;
   
   
}
.navbar-default .navbar-nav>li.li-home>a:focus, .navbar-default .navbar-nav>li.li-home>a:hover {
   
   background: transparent;
   
   
}
.navbar-nav>li>a.a_katalog:hover, 
.navbar-default .navbar-nav>.open>a.a_katalog, .navbar-default .navbar-nav>.open>a.a_katalog:focus, .navbar-default .navbar-nav>.open>a.a_katalog:hover {
    color: #fff;
    background-color: #333;
}





.navbar-nav li a i:hover{
	
	color: #00abef;

}

/*.navbar-nav > li > a.dropdown-toggle::after{
	display: block;
	position: absolute;
	content: '/';
	left: -5px;
    width: 10px;
    top: 0;
    line-height: 60px;
	
}
*/
/*
.navbar-default .navbar-nav > .open > a,
 .navbar-default .navbar-nav > .open > a:focus,
 .navbar-default .navbar-nav > .open > a:hover ,
 a.open, a.open:hover
 
 {
    background: #60B9CE;
    text-decoration: none;
}


*/
.navbar-right {
    
    margin-right: 0;
}

.top-kontakts{
	text-align: right;
	color: #333;
	font-size: 1.3em;
	/*padding: 10px; */
}
.top-kontakts span{
	font-size:14px;
	color: #777;
}
.top-kontakts p {margin-bottom: 0; Color: #777;}
.top-kontakts i,
.affix-block i
 {Color: #ff0000;}

.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff; 
	
}
.navbar-default .navbar-toggle {
    z-index: 1000000; 
}


@media (max-width: 991px) {
  .top-kontakts {
    text-align: right;
	font-size: 1.8em;
  }
  .logo {
    max-height: 70px;
}
}

.name-kompany {
    margin-top: 20px;
    display: block;
    margin-left: 10px;
    float: left;
    font-size: 14px;
    color: #777;
    border-left: 1px solid #e8e8e8;
    padding-left: 15px;
}
.name-kompany font {color: #000;}

@media (max-width: 1200px) {
.name-kompany{font-size: 10px;}
.top-kontakts p{
    font-size: 0.8em;
}

}


@media (max-width: 767px) {
	.navbar-collapse.navbar-mobile {
   position: fixed;
    background: #fff;
    z-index: 10000;
    top: 0px;
    width: 100%;
 
    text-align: left;
    padding-left: 0px;
	border: 1px solid #888;
	margin-left: 0;
	margin-right: 0;
	overflow-y: scroll;
	left: 0;
    height: 100%;
	right: 0;	
	
	
}

.navbar-collapse.navbar-mobile h2 {
	text-align: left;
	text-transform: uppercase;
	padding-left: 10px;
	font-weight: bold;
	
}






.top-kontakts {
    text-align: center;
    /*  position: absolute;*/
  /*  top: 0;*/
  /*  left: 150px;*/
    width: 320px;
	max-width: 100%;
}

.top-menu{
	margin-bottom: 0px;
	border-bottom: 0px solid #666;
	
	
}

}
.yamm-content > div {padding-bottom: 5px;}
.heder-search {display: block;
width: 100%;
min-height: 53px;
padding-top: 10px;
}

.top-menu.affix .nav li.affix-none {display: block;}

.affix-block {display: none;}
.top-menu.affix .affix-block {display: inline-block; float: right; margin-top: 10px;}
.affix-block span{padding-left: 15px;}

a#heder_zvonok {font-size: 16px;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px dashed #555;

}
@media (max-width: 767px) {  
.top-menu #navigation {
    background: #f8f8f8;
    padding: 20px;
}

.navbar-toggle.btn.btn-template-main {
	
	background: #337AB7;
	color: #fff;
}
.dropdown-toggle  {
    line-height: 26px;
    position: relative;
    font-size: 16px;
}
}