body {
	background: url("../images/back_black.png") ;
		color:#fff;
}
 h2, h1, h3 {
	color:#db3f21;
	text-align: center;
}
p {
	 text-indent: 20px;
}
a {
	color:#000;
	padding: 5px;
	font-weight: bold;
	margin: 5px;
}

a:hover{
	
	color:#ae1f03;
}

.firms-of-ryazan{
	height: 50px;
	text-align: center;
	margin: 20px;

}
.firms-of-ryazan a {
	
color:#fff;
margin: 20px auto;
}
.site-page  {
	padding:20px 10px ;
	background: #f5f5f5;

	border-radius: 5px;
	
	color:#000;
	min-height: 350px;
	
}
.site-page p {
	 line-height: 2;
}
.site-services li{
	width: 100%;
	padding: 10px;
	text-align: center;
}
.site-contact p {
	text-align: center;
	margin: 10px;
	font-size: 18px;
}
.site-contact .text-left p {
text-align: left;
}
h3{
	font-size: 20px;
	 margin: 15px 0;
}
h2{
	font-size: 22px;
	 margin: 15px 0;
}
h1 {
	font-size: 25px;
	
	
	   text-shadow: 1px 1px 1px #ae1f03;
    color: #f28858;
    font-weight: 700;
    text-transform: uppercase;
    margin: 30px 0;
}
.clear{
clear:both
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background: none;
    border-radius: 4px;
}
.breadcrumb a {
	color:#f5f5f5;
}
.breadcrumb > .active {
    color: #fff;
}
.lowtext{
	 text-transform: lowercase;
}

.clients {
    margin-top: 20px;
}
.pagetext {
	
	background: #f5f5f5;
	padding: 20px;
	border-radius: 5px;
	margin: 20px  0;
	color:#000;
	min-height: 350px;
	padding: 30px 0;
	
}
.pagetext>div{
	 
}
.myautoparts  {
	text-align: center;
	padding: 20px;
}
.myorder{
	background: #9d9d9d;
	width:100%;
	color:#000;
	padding: 20px;
	margin: 0 auto;
	border-radius: 20px;
	text-align: center;
}

.myorder h2 {
	text-shadow: 1px 1px 1px #ae1f03;
}
.myorder label{
	
	font-size: 16px;
	font-weight: normal;
	color:#000;
}
.myorder input{
	margin: 10px 25%;
	width: 50%;
	color:#000;
}
a.mybutton:hover{
color:#fff;	
}
.mybutton{
	background: #db3f21;
	color:#fff;
	border: none;
	    border-bottom: 3px solid #cc2a0b;
		    font-size: 14px;
  
    font-weight: 700;
   margin: 10px auto;
    padding: 8px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.top_menu{
	margin-top:85px;
}
.nav-bg {
	padding-top: 20px;
}
.header-top{
	position: fixed;
	top:0;
	height: 85px;
	z-index: 1030;
	width:100%;
	    background: url(../images/kwnqys-wtgukbam_0.png);
	background:#000;
	padding:5px 0 5px 0;
}
.my_link{
font-size: 70%;	
color:#fff;
}
.header-banner{
	position:relative;
	background:url("../images/kwnqys-wtgukbam_0.png") ;
	background:#756d70;
	
}
.big-arrow{
	background: url("../images/big-arrow.png") no-repeat center bottom;
	display:block;
	padding:50px 0;
	margin-top:-1px;
}
.navbar-brand {
font-size: 38px;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
}

.header-top-right p.top_tel, .header-top-right p.top_tel a{
	font-size: 20px;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
color:#fff;
}
.header-top-right p.top_tel span {
    font-size: 18px;
    text-shadow: 1px 1px 1px #000;
    color: #fff;
}
.header-top-left p.top_tel{
	font-size: 22px;

text-shadow: 1px 1px 1px #000;
color:#fff;
}
#myCarousel .row{
	height: 355px;
	vertical-align: middle;
}
#myCarousel h2 {
	text-align: center;
	width: 100%;
	color:#db3f21;
	font-size: 80px;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
padding: 30px 10px;
}
.banner-desc{
	margin-top: -7px;
}
.column {
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
    -webkit-column-count: 3;
    -moz-column-count:3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap:20px;
   
   }

.column li {
	text-align: left;
}

.banner-desc li span {
    font-size: 15px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;
	margin-left: 10px;
    background:none;
    margin-top: 10px;
    display: inline-block;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    border-right: 3px solid #db3f21;
    box-shadow: 0px 5px 10px #db3f21;
    -webkit-box-shadow: 0px 5px 10px #db3f21;
    -moz-box-shadow: 0px 5px 10px #db3f21;
    -o-box-shadow: 0px 5px 10px #db3f21;
}
.features {
	background:  #000;
	min-height: 650px;
	width: 100%;
	margin-top:0;
	padding-top: 20px;
}

.features li{
	padding:5px ;
}
.features li a {
	color:#fff;
	font-size: 16px;
font-weight: bold;
padding: 5px;
margin:0;
}
.features .pull-left li{
	text-align: left;
}
.features .pull-right li{
	text-align: right;
}

.podrobno a {
	font-weight: normal!important;
}

.testimonials {
    background: #db3f21;
    padding: 1.5% 0;
}

.testimonials-news {
    background: #db3f21;
}

.customNavigation .btn {
    background: #2c2a2a;
    border: none;
    border-bottom: 4px solid #000;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.customNavigation .btn:hover {
    background: #646161;
    border: none;
    border-bottom: 4px solid #474444;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.clients h2 {
    text-align: center;
    color: #db3f21;
    background: #000;
	background: url("../images/back_black.png") ;
    padding: 20px 0 30px 0;
    margin: 0;
    border-radius: 0px 0px 50px 50px;
    -webkit-border-radius: 0px 0px 50px 50px;
    -moz-border-radius: 0px 0px 50px 50px;
    -o-border-radius: 0px 0px 50px 50px;
}

.news{
background: url("../images/back_black.png") ;	
color:#fff;
padding: 30px 0;
}
.news img{
	float: left;
	width: 30%;
}
.news h2, .we_best h2 {
	color:#db3f21;
}

.news  p {
    text-indent: 20px; /* Отступ первой строки в пикселах */
   }
   
   #map{
	   padding: 30px 0;
   }
    .we_best {

height: 400px;
padding: 30px 0;
	}	
   .we_best .we_best_block {
	background: url("../images/we_best.png") no-repeat center left;	
	  background-size: 30px;
	  padding: 60px;
	  color:#fff;
	
	  
   }
   .we_best .we_best_block  p {
		  
		text-align: left;	
	  }
      .we_best .we_best_block  span {
		    text-transform: uppercase;
			text-align: left;
			font-weight: bold;
			padding: 10px 0;
	  }
	  
	  .footer-bottom p {
		  color:#fff;
		  
	  }
	  	  @media (max-width:1600px){
	  	  	.features {
    background: #000;
    min-height: 700px;
    width: 100%;
    margin-top: 0;
    padding-top: 20px;
}

	  	  @media (max-width:1450px){
	  	  	.features {
    background: #000;
    min-height: 800px;
    width: 100%;
    margin-top: 0;
    padding-top: 20px;
}
	  	  }
	  	  }

	 @media (max-width:1200px){
	  .navbar-brand {
		font-size: 25px;
	  }
	.header-top-left p.top_tel {
	 	font-size: 15px;
	 	    text-indent:0;
	 }
	 .header-top-left p.top_tel .link {
	 	font-size: 25px;
	
	 }
	 }
	  @media (max-width:1024px){
	  	.header-top-left p.top_tel {
	 	font-size: 15px;
	 	    text-indent:0;
	 }
	 
.header-top-right p.top_tel a{
	font-size: 15px;
font-weight: normal;

color:#fff;
}
	 .header-top-right p.top_tel {
	 	font-size: 15px;
	 	  text-indent:0;
	 }
	 .header-top-right p.top_tel span {
	 	font-size: 12px;
	 	  text-indent:0;
	 }
	 .header-top {
    position: fixed;
    top: 0;
    height: 70px;
    z-index: 1030;
    width: 100%;
    background: url(../images/kwnqys-wtgukbam_0.png);
    background: #000;
    padding: 3px ;
}
.top_menu {
    margin-top: 70px;
}
.navbar-brand {
    font-size: 22px;
   margin-top:12px;
}
	  }

	@media (max-width:992){
	#w1 .container {
		width: 98%;
		}
	}
  

	@media (max-width: 799px) {
.top_menu {
    margin-top: 120px;
}
.header-top {
    float: none;
	 background: #000;
	 width: 100%;
	 height: auto;
}


	}
	  
	  @media (max-width: 450px) {

.header-top {
    position: fixed;
    top: 0;
    height: 90px;
    z-index: 1030;
    width: 100%;
   text-align: left;
    background: #000;
    padding: 3px;
}
.top_menu {
    margin-top: 90px;
}
}