@media screen and (max-width:1280px){
	
*{
marging:0;
padding:0;
}

html{
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
/*background:#f9f9f9; /*#95a5a6;*/
/*background:#f8f8ff;
 /*linear-gradient(to bottom left, #757575, #fafafa)*/
/*background-image: url(/images/kirpich_ser.jpg);*/
/*background-image: url(/images/abstractFon.jpg);
background-repeat:repeat-y repeat-x;
background-size:50%;*/
}

/*=============================T O P___H E A D E R=============================*/

#top_header{
width:100%;
height:40px;
margin:0;
padding:0;
background:#2f2e3f;
position:fixed;
z-index:1;
background-image:linear-gradient(to top right, #2f2e3f, #4a4a4f);
opacity:1;
}

#location_icon{
	width:auto;
	height:28px;
	margin:0;
	margin-top:5px;
	margin-left:5px;
	padding:0;
	float:left;
	border:1px solid #007fff;
	border-radius:5px;
}

#location_a{
margin:0;
padding:0;
}

/*location*/
#location_d{
width:auto;
height:auto;
margin:5px 3px;
padding:2px 4px;
border:1px solid #29b0d9;
border-radius:3px;
display:inline;
float:left;
text-decoration:none;
font-size:20px;
color:#29b0d9;
}

#location_d:hover{
border:1px solid #ff8c00;
color:#ffffff;
}
/*location*/

#country_select{
width:70%;
height:35px;
margin:20px 15%;
padding:3px 5px;
border:1px solid #29b0d9;
border-radius:5px;
text-align:center;
font-size:20px;
color:#29b0d9;
-webkit-appearance:none;
}

#country_select option{
margin:0;
padding:0;
color:#ff4500;
text-align:center;
}

#region_select{
width:70%;
height:35px;
margin:20px 15%;
padding:3px 5px;
border:1px solid #29b0d9;
border-radius:5px;
text-align:center;
font-size:20px;
color:#29b0d9;
-webkit-appearance:none;
}

#city_select{
width:70%;
height:35px;
margin:20px 15%;
padding:3px 5px;
border:1px solid #29b0d9;
border-radius:5px;
text-align:center;
font-size:20px;
color:#29b0d9;
-webkit-appearance:none;
}

/*...................................modal_window................................*/

#open_modal{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
background: rgba(0,0,0,0.6);
display:none;
transition:opacity 400ms ease-in;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
pointer-events:auto;
z-index:5;
}

#open_modal:target{
display:block;
pointer-events:auto;
}

#open_modal div{
width:50%;
height:auto;
margin:20% auto;
border-radius:10px;
background:rgba(0,0,0,0.8);
position:relative;
z-index:99999999;
}

#ok_modal{
width:35px;
height:30px;
margin:0;
padding:2px 4px;
border-radius:5px;
background:#32cd32;
color:#ffffff;
font-size:20px;
position:absolute;
right:10px;
bottom:10px;
-webkit-appearance:none;
}

#close_modal{
width:34px;
height:auto;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
background:#606061;
text-align:center;
text-decoration:none;
font-size:28px;
font-weight:bold;
color:#ffffff;
position:absolute;
top:-15px;
right:-15px;
}

#close_modal:hover{
background:#ff0000
}

/*=======================================================================*/

#vhod_a{
margin:0;
padding:0;
}

#vhod_d{
width:auto;
height:auto;
margin:7px 3px;
padding:2px 4px;
border:1px solid #cecece;
border-radius:3px;
display:inline;
float:right;
text-decoration:none;
font-size:16px;
color:#cecece;
}

#vhod_d:hover{
background:#cecece;
color:#111111;
}

#registration_a{
margin:0;
padding:0;
}

#registration_d{
width:auto;
height:auto;
margin:7px 3px;
padding:2px 4px;
border:1px solid #73ab16;
border-radius:3px;
display:inline;
float:right;
text-decoration:none;
font-size:16px;
letter-spacing:2px;
color:#ffffff;
background:#73ab16;
}

#registration_d:hover{
border:linear-gradient(to top right, #258725, #49f249);
color:#ffffff;
background-image:linear-gradient(to top right, #258725, #49f249);
}

#user_login{
width:auto;
height:auto;
margin:2px 3px;
padding:2px 4px;
display:block;
float:right;
text-decoration:none;
font-size:25px;
color:#ffeeee;
}

#user_avatar{
	width:34px;
	height:34px;
	margin:2px 6px 2px 3px;
	padding:0;
	border:1px solid #32cd32;
	border-radius:3px;
	float:right;
	background:url(http://prorab-service.ru/images/no_avatar.png);
}

ul::after{
    display: block;
    float: none;
    content: '';
    clear: both;
}

li{
	list-style-type:none;
}

#menu_user_general{
	margin:0;
	padding:0;
}

#menu_user{
	width:200px;
	position:absolute;
	top:35px;
	right:5px;
	display:none;
	list-style-type:none;
}

#menu_user li{
	margin:2px;
	padding:2px;
	border-radius:3px;
	background:#002fb8;
}

#menu_user_general > li:hover > #menu_user{
	display:block;
}

#menu_user_general:{
	dasplay:none;
}

/*===========================H O M E  S E A R C H=====================*/

#conteiner_home_search{
	width:100%;
	height:150px;
	margin:0;
	padding:0;
}

#home_search{
	width:100%;
	height:110px;
	margin:0;
	padding:0;
	border-bottom:2px solid #111111;
	background:#ffffff;
	position:absolute;
	top:40px;
	z-index:0;
	opacity:1;
}


/*=============================H E A D E R=============================*/

#header{
width:100%;
height:150px;
margin:0;
padding-top:40px;
/*background:#f9f9f9;*/
/*background:linear-gradient(to bottom left, #06C73A, #1E90FF);
background:linear-gradient(to top, #444444, #ffffff);*/
background:url(/images/img5.png);
background-repeat:repeat;
background-size:40%;
position:relative;
opacity:1;
}

#logotip_img{
width:auto;
height:90px;
margin:15px 10px;
padding:0;
float:left;
}

.ico_h{
	width:40px;
	height:40px;
	margin:0;
	padding:0;
}

/*=============================N A V I G A T I O N=============================*/

#navigation{
width:100%;
height:40px;
margin:0;
padding:0;
background:#2f2e3f;
background:linear-gradient(to bottom right, #2f2e3f, #4a4a4f);
color:#ffffff;
position:sticky;
position:-webkit-sticky;
position:-moz-sticky;
position:-ms-sticky;
position:-o-sticky;
top:40px;
}

#kroshka_a{
text-decoration:none;
color:#29b0d9;
display:inline-block;
}

#kroshka_p{
margin:3px 0 0 6px;
padding:0;
font-size:25px;
display:inline-block;
}

/*=============================S E A R C H=============================*/

#search{
	width:47%;
	height:40px;
	margin:20px auto;
	padding:0;
	border:2px solid #1bff00;
	border-radius:50px;
}

/*=============================S L I D E R=============================*/

#slider{
width:96%;
height:380px;
margin:0 2%;
margin-top:20px;
padding:0;
background:#ffffee;
/*background:url(/images/slider1.jpg);*/
background-repeat:no-repeat;
background-size:100% auto;
box-shadow:0 0 10px #1b2631;
overflow:hidden;
}

.carousel-inner h3 {
 background-color: rgba(20, 49, 68, 0.6);
 padding: 20px;
 animation: anime-H3 1.3s ease-out;
}
.carousel-inner p {
 font-size: 18px;
 background-color: rgba(30,29,29, 0.6);
 padding: 20px;
 animation: anime-P 1.6s ease-out;
}

@keyframes anime-H3 {
 from {
  opacity: 0;
  transform: translateX(-2000px);
 }
 to {
  opacity: 1;
  transform: translateX(0);
 }
}
@keyframes anime-P {
 from {
  opacity: 0;
  transform: translateX(2000px);
 }
 to {
  opacity: 1;
  transform: translateX(0);
 }
}


/*=============================C O N T E N T=============================*/

#content{
	width:96%;
	height:auto;
	margin:35px 2%;
	padding:0;
	border:1px solid #cecece;
	border-radius:5px;
	background:#fff;
	/*opacity:0.7;
	z-index:-1;*/
}

/*=============================F O O T E R=============================*/

#footer{
width:100%;
height:400px;
background:#212f3c;/*2f2e3f;*/
background-image:linear-gradient(#434b53, #212f3c);
background:url(/images/black_brick_footer.jpg);
background-repeat:repeat;
background-size:30%;
}

#footer_p{
margin:0;
padding:0;
font-size:20px;
color:#ffffff;
text-align:center;
position:relative;
top:330px;
bottom:;
}

}