/*------------------------------------- ankona   -------------------*/
html{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
ul li {
	list-style:none;
}
body{
  margin: 0;
  padding: 0;
  min-height: 100%;
  font-size: 16px;
  min-width: 1000px; 	  
  height: 100%;
  background: #000;
  font-family: Arial, sans-serif;
  color: #fff;
}



a{
  cursor: pointer; 
  border: none;

}
a:focus{border: none;}
a:hover{
    
}
a img{ border: none;  text-decoration: none;}
h1, h2, h3, h4, h5, h6{

}

h1{
    
}
h2{
    font-family: Tahoma;

    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
}
h3{

}
h4{
  
}
h5{

}
h6{

}

p{

}

img {border: none;}
ul{
    list-style: none;
    padding: 0;
}

form{}
form input{}
form textarea{}
form label{}
.width{ width: 1024px; margin: 0 auto;overflow: hidden;}
/*--------------------------------------------------------------------------------- site      -------------------*/
/*------------------------------------- header   -------------------*/
.header{
    background: url(img/header_bg.png) repeat center top;      
    /*height: 175px;*/
    font-family: Tahoma;
}
.header .width{
	display: flex;
	align-items: center;
    justify-content: space-between;
}
.ie10 .header{ 
   font-family: Arial, sans-serif;
}
.header .title {display: none;}
.logo{
    margin: 0px auto 0px;
    width: 329px;
    padding: 20px 0 20px 0;
	order: 2;
}
.logo a{
    color: #fff;
    font-size: 24px;
    text-decoration: none;
}
.logo a img{}

#block-block-10{/*background: url(img/feedback.png) repeat-x center top;*/float: left;/*width: 236px;height: 94px; padding: 27px 0 0 27px;*/order: 1;}
#block-block-10 a{background: url(img/headphones.png) no-repeat left top; color: #e2e2e2;font-size: 18px;text-transform: uppercase;padding: 0 0 0 54px;line-height: 48px;display: block;height: 48px;text-decoration: none;}
#block-block-10 a:hover{
    color: #7a2d15;
}

#block-block-2{
    float: right;
    /*width: 138px;        */
    /*padding-top: 20px;*/
	order: 3;
}
#block-block-2 .content{ /*background: url(img/phones.png) no-repeat center top; padding-top: 54px; */}
#block-block-2 p{
    color: #7e7a7a;
    margin: 7px 0;
}
.header .top-contacts {
	color: #fff;
	transition: 0.5s all;
}
.header .top-contacts:hover {
	text-decoration: none;
}
.header-contacts {
    display: flex;
    justify-content: flex-start;
}
.max {
    /*background: -webkit-linear-gradient(135deg, #4c6afe70,#5840e170,#a266e0), -webkit-linear-gradient(45deg, #4bc2fd,#4244ea,#a981e9);
    background: linear-gradient(135deg, #4c6afe70,#5840e170,#a266e0), linear-gradient(45deg, #4bc2fd,#4244ea,#a981e9);*/
    border-radius: 50%;
    width: 30px;
    height: 30px;
	display: block;
	margin-right: 5px;
}
.max img {
	width: 30px;
    height: 30px;
	}
/*------------------------------------- Main-Memu   -------------------*/
#block-menu-primary-links li a {color:#fff;}

.main_menu{
    background: url(img/m_m.png) repeat-x center top;
    
    height: 100px;
}
.main_menu .title {
	padding:0px;
	margin:0px;
	height:0px;
	display:none;
}
.main_menu ul{
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

.main_menu ul li{
    float: left;
    padding: 0 20px;
    list-style:none;
    margin:0px;
}

.main_menu ul li a{
    line-height: 100px;
    font-size: 15px;
    color: #7e7a7a;
    text-decoration: none;
    font-family: Tahoma;
}
#block-menu-primary-links a {
	font-family: Tahoma !important;
	text-transform: uppercase;
}
.ie10 .main_menu ul li a{ 
   font-family: Arial, sans-serif;
}
.main_menu ul li a:hover{
    color: #7a2d15;
}

.big_img{
     background: url(img/header_bg.png) repeat center top; 
     text-align: center;
     width: 100%;
     padding-top: 50px;
	 position: relative;
}
.big_img img{
    width: 100%;
    max-width: 1599px;
}
.big_img a {
    position: absolute;
    left: 19.8%;
    bottom: 82px;
    background: #ff4f12;
    color: #fff;
    text-decoration: none;
    padding: 15px 39px;
    text-transform: uppercase;
    font-family: Tahoma !important;
    font-weight: bold;
	transition: 0.5s all;
}
.big_img a:hover {
	background: #666;
}

@media (min-width: 1281px) {
	.big_img a {
		left: 28%;
		bottom: 112px;
	}
}
@media (max-width: 576px) {
	.big_img a {
		left: 0;
		bottom: 40px;
	}
}
@media (max-width: 1024px) {
	.big_img a {
		left: 13.8%;
		bottom: 112px;
	}
}


/*------------------------------------- Main-Memu  End  -------------------*/

/*------------------------------------- Header  End  -------------------*/

/*------------------------------------- conteiner   -------------------*/
.conteiner{
    background: url(img/bg_center.png) repeat center top;  
    position: relative;
}
.right_line{background: url(img/right_line.png) no-repeat center top;  position: absolute;right: 0;top: -15px;width: 225px;height: 236px;}
.center_line{background: url(img/center_line.png) no-repeat center top;  width: 152px;height: 322px;top: 50%;position: absolute;}
.footer_line{background: url(img/bg_center.png) repeat right top;  height: 246px;}
.footer_line div{background: url(img/footer_line.png) no-repeat right top;  height: 246px;}
.conteiner_top{
 background: url(img/conteiner_top.png) repeat-x center top;     
 height: 50px;
}

.center{width: 1004px; margin: 0 auto;padding: 0 0 0 20px;position: relative;}

.center .block{
    width: 457px;
    padding-right: 42px;
    display: inline-table;
    margin-top: 30px;
    margin-bottom: 10px;
}
.center .block p{
    margin-top: 0;
}
.center .block .title{
    line-height: 54px;
    padding-left:95px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    height: 54px;
}


#block-block-11 .title {
	background-image:url(upload/cargo.png);
}
#block-block-12 .title {
	background-image:url(upload/pasenger.png);
}
#block-block-13 .title{
	background-image:url(upload/breakdown.png);
}
#block-block-14 .title {
	background-image:url(upload/Injection.png);
}
#block-block-15 .title {
	background-image:url(upload/tire.png);
}
#block-block-16 .title {
	background-image:url(upload/money.png);
}
#block-block-17 .title {
	background-image:url(upload/car.png);
}
#block-block-18 .title {
	background-image:url(upload/bench.png);
}


.images{
    width:1000px;
}
.images .field-item {
	float:left;
}
.images a{
    width: 320px;
    height: 199px;
    display: inline-block;
    float: left;
    margin: 13px 13px 0 0px;
}
.images a:hover{
    width: 316px;  
    height: 195px;
    border: 2px solid red;
    overflow: hidden;
}
.images a:hover img{
    margin: -2px 0 0 -2px;
}
.images img{
    width: 320px;  height: 199px;
}
/*------------------------------------- page   -------------------*/
.node{
    clear: both;
    width: 984px;
    padding-top: 30px;

}
.node .title{text-align: center; font-size:18px; font-weight:normal;}
.node p{margin: 0;}
.node .content{background: url(img/content.png) repeat left top;overflow: hidden; padding: 33px 20px; text-align: justify;}
/*------------------------------------- page  END -------------------*/

/*------------------------------------- contakts   -------------------*/
.contact_form{
    float: right;
    width: 400px;
    margin-right: 40px;
}
.contact_form form{
    position: relative;
    width: 400px;
}

.contact_form form label input{
    background: url(img/input.png) repeat-x left top;
    width: 380px;
    padding: 0 10px;
    border: none;
    height: 30px;
    line-height: 30px;
    margin-bottom: 22px;
    color: #302721;
    font-size: 16px;
}
.contact_form form label{

}


.contact_form form textarea{
    width: 380px;
    padding: 5px 10px;
    background: #fff;
    height: 65px;
    font-family: Arial, sans-serif;
    resize: none;
    border: none;
    font-size: 16px;
    color: #302721;
}
.contact_form .checkbox-label {
    display: flex;
    font-size: 13px;
    text-align: left;
    margin: 15px 0 22px;
}
.contact_form .checkbox-label a {
color: #d2471d;
transition: all 0.3s;
}
.contact_form input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0 7px 0 0;
}
.contact_form form input.submit{
 background: url(img/submit.png) no-repeat left top;
 border: none;
 width: 400px;
 height: 31px;
 font-size: 16px;
 color: #fff;
 cursor: pointer;
}
.contact_form form input.submit:hover{
    text-decoration: underline;
   
}
.contact_text{
    margin: 0 500px 0 150px;
    font-family: Tahoma;
}
.contact_text p{}
.contact_text span{
    color: #d2471d;
}
.contact_text a{
    color: #d2471d;
}

/*------------------------------------- contakts END  -------------------*/

/*------------------------------------------------------------------------------- content END  -------------------*/

/*------------------------------------------------------------------------------ conteiner   END  -------------------*/

/*------------------------------------- footer   -------------------*/


#footer{
    clear: both;
    background: url(img/header_bg.png) repeat center top; 
    padding-bottom: 30px;
}
#footer .title{display: none;}
.footer{
    background: url(img/footer.png) repeat-x center top;
    height: 73px;
}

.footer .logo{
    width: 152px;
    margin: 20px;
    padding: 0;
    float: left;
}
#block-block-5{
    float: left;
}
#block-block-5 p{
    font-size: 12px;
    font-family: Tahoma;
    margin: 0;
    line-height: 70px;
}
.ie10 #block-block-5 p{ 
   font-family: Arial, sans-serif;
}
.footer_memu{
     
    font-family: Tahoma;  
    float: left;
}
.ie10 .footer_memu{
   font-family: Arial, sans-serif;
}
.footer_memu ul{
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: none;
}
.footer_memu ul li{
    float: left;
    padding: 0 10px;
}
.footer_memu ul li a{
    line-height: 73px;
    font-size: 12px;
    color: #fff7f7;
    text-decoration: none;
    font-family: Tahoma;
}
.ie10 .footer_memu ul li a{
   font-family: Arial, sans-serif;
}
.footer_memu ul li a:hover{
    color: #7a2d15;
}

#block-block-4{
    width: 122px;
    margin: 55px auto 0;
}
#block-block-4 a{ background: url(img/studia.png) no-repeat center top;  display: block; padding-top: 49px; text-align: center; color: #fff7f7; font-family: Roboto-Thin; text-decoration: none;}
#block-block-4 a:hover{}
.ie10 #block-block-4 a{
   font-family: Arial, sans-serif;
}


#block-block-5 p{font-family: Arial;}
.footer_memu ul li a{font-family: Arial;}
#block-block-4 a{font-family: Arial;}
.main_menu ul li a{font-family: Arial;}
.header{font-family: Arial;}
.main_menu ul{width: 900px;}




.draggable, .sticky-table {
	color:#333333;
}
#block-menu-primary-links li {
	list-style:none !important;
	margin:0px;
}
.zakaz-message {
	margin-bottom:10px;
}
.zakaz-message a {
	color:#FF4F12 !important;
}
.views-field-body{
    color: #333333;
}


/* custom */
#overlay {
    position: fixed;
    left: 20px;
    bottom: 20px;
    padding: 15px 20px;
    max-width: 280px;
    border-radius: 4px;
    box-shadow: 0 6px 6px rgb(0 0 0 / 25%);
    background: #fff;
    color: #000;
}
.cookie-info {
    font-size: 14px;
    margin-bottom: 10px;
}
.cookie-info a {
    color: #1D467A;
    transition: all 0.3s;
}
.cookie-info a:hover {
    color: #f34512;
}
#hide_popup {
    font-size: 15px;
    color: #FFF !important;
    font-weight: bold;
    padding: 7px 20px;
    display: block;
    text-align: center;
    border-radius: 7px;
    background: #1D467A;
    border: 0;
    transition: all 0.3s;
}
#hide_popup:hover {
background: #f34512;
cursor: pointer;
}

.conteiner a {
color: #f34512;
transition: all 0.5s;
}
.conteiner a:hover {
color: #fff;
opacity: 0.5;
text-decoration: none;
}