.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.wrap{
/*width:970px;*/
width:1040px;
margin:0 auto;
background-color: #fff;
}
body {
    font-family: Myriad Pro, sans-serif;
    width: 100%;
    height: 100%;
    background: #e9e9e9;
    overflow-x: hidden;
}

.header {
    background: none;
    text-align: left;
}
.content {
    float: none;
    width: 970px;
    background: #fff;
    padding: 0 35px 30px 35px;
    margin:0 auto;
}
.header ul, .header ol{
    list-style: none;
}

.header .top{
margin: 20px 0 5px 0;
}
.header .top .social{
float:left;
margin: 14px 0 0 20px;
}
.header .top .social ul li{
float:Left;
margin: 0 19px 0 0;
}
.header .top .social ul li a{
width: 16px;
height: 16px;
display:block;
float:left;
background-image: url(../info/images/social.png);
}
.header .top .social ul li.vk a{background-position: 0 0;}
.header .top .social ul li.fb a{background-position: -35px 0;}
.header .top .social ul li.tw a{background-position: -70px 0;}
.header .top .social ul li.yt a{background-position: -105px 0;}
.header .top .social ul li.rss a{background-position: -140px 0;}
.header .top .social ul li.inst a{
  background-size: 16px;
  background-image: url('inst.png');
  filter: grayscale(1);
  opacity: 0.5;
}
.header .top .social ul li.vk a:hover{background-position: 0 100%;}
.header .top .social ul li.fb a:hover{background-position: -35px 100%;}
.header .top .social ul li.tw a:hover{background-position: -70px 100%;}
.header .top .social ul li.yt a:hover{background-position: -105px 100%;}
.header .top .social ul li.rss a:hover{background-position: -140px 100%;}
.header .top .social ul li.inst a:hover{
  filter: grayscale(0);
  opacity: 1;
}

.header .top .top-menu{float:left;margin: -4px 0 0 0;}
.header .top  .top-menu li{
float:left;
margin: 0 20px 0 0;
}
.header .top  .top-menu li a{
color:#363943;
font-size:12px;
}
.header .top .city{
float:right;
color:#363943;
font-size:12px;
margin-top: -4px;
}
.header .top .city a{
font-size:18px;
color:#0a5aa8;
}
.header .center{
float:left;
width:100%;
margin: 15px 0 10px 0;
}
.logo{
float:left;
display:block;
width:454px;
height:64px;
background: url(../info/images/logo.png) 0 0 no-repeat;
}
.header .search{
float:right;
width: 253px;
height: 35px;
padding: 0px 5px 0 18px;
background: url(http://avtosreda.ru/bitrix/templates/corp_services_gray/images/search-icon.png) 0 0px no-repeat;
margin:13px 0 0 0;
}
.header .search input[type="text"]{
float:left;
width:240px;
height: 13px;
line-height: 14px;
padding: 5px 10px 5px 0px;
/*background: url(images/search-input.png) 0 0 no-repeat;*/
border: none;
border-bottom : 1px solid #9D9FA2;
}
.header .search .extended{
float:left;
display:block;
line-height:12px;
font-size:12px;
color:#cfcfd1;
font-style:italic;
margin: 0 0 0 10px;
}
.header .search .cabinet-link{
float:right;
display:block;
padding: 3px 0 3px 20px;
background: url(http://avtosreda.ru/bitrix/templates/corp_services_gray/images/lock.png) 0 50% no-repeat;
font-size:14px;
color:#fff;
}
.main-menu{
float:left;
width:1075px;
margin-left:-35px;
margin-top: -10px;
}
.main-menu ul{margin-left:10px;}
.main-menu li{
float:left;
position:relative;
z-index: 1000;
}
.main-menu li .m-link{
font-size:14px;
color:#000;
height: 51px;
display:inline-block;
line-height: 53px;
text-transform:uppercase;
text-decoration:none;
padding: 0 23px;
}
.main-menu li .m-link:hover{
/*background: #eaeaea;*/
background: url(http://avtosreda.ru/bitrix/templates/corp_services_gray/images/top_bgg.jpg) repeat-x;
}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
.main-menu ul li ul{
    list-style:none;
    position:absolute;
    left:-10px;
    display:none; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
    opacity:0; /* Устанавливаем начальное состояние прозрачности */
    background: #eaeaea;
    z-index: 100;
    padding: 0 27px 10px 27px;
    border-top: 1px solid #cacaca;
}



.main-menu ul li.avton-v-nalichii-node ul{
    list-style:none;
    position:absolute;
    left:-10px;
    display:none; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
    opacity:0; /* Устанавливаем начальное состояние прозрачности */
    background: #eaeaea;
    z-index: 100;
    padding: 15px 27px 15px 27px;
    border-top: 1px solid #cacaca;
    width: 400px;
}


.main-menu ul li.avton-v-nalichii-node ul a{margin: 0; padding: 5px 0}

.main-menu ul li.avton-v-nalichii-node ul li{float: left;width: 110px;margin-right: 20px}

.main-menu ul li  ul li{
    float:none;background:#eaeaea;
}
.main-menu ul li ul a{
    white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
    display:block;
    min-width:138px;
    border-radius:0;
    margin:10px 0;
    font-size: 14px;
    color:#000;background:#eaeaea;
}
.main-menu ul li ul a:hover{text-decoration: none;background:#eaeaea;}
.main-menu ul li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
    display:block; /* Приносим его обратно на экран, когда нужно */
    opacity:1; /* Делаем непрозрачным */
    background:#eaeaea;
}
.main-menu ul > li:last-child > ul{
    right: 0;
    left: inherit;
    background:#eaeaea;

}

.main-menu ul li:hover { /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
    background: url(http://avtosreda.ru/bitrix/templates/corp_services_gray/images/top_bgg.jpg) repeat-x;
}

/* footer */

.footer{
width:100%;
padding: 35px 0;
text-align: left;
}
.footer ul, .footer ol {
    list-style: none;
}
.block{
clear:both;
width:1005px;
margin: 0 auto;
}
.footer p{
font-size:12px;
color:#5b5b5b;
margin: 0 0 15px 0;
}
.footer p span{font-size:13px;}

.left-f{
float:left;
margin: 0 60px 0 15px;
width:250px;
}
.social-f  ul li{
float:Left;
margin: 0 19px 0 0;
}
.social-f  ul li a{
width: 16px;
height: 16px;
display:block;
float:left;
background-image: url(../info/images/social.png);
}
.social-f  ul li.vk a{background-position: 0 100%;}
.social-f  ul li.fb a{background-position: -35px 100%;}
.social-f  ul li.tw a{background-position: -70px 100%;}
.social-f  ul li.yt a{background-position: -105px 100%;}
.social-f  ul li.rss a{background-position: -140px 100%;}
.social-f  ul li.inst a{background-position: -175px 100%;}

.f-main-menu{
float:left;
}
.f-main-menu ul{
float:right;
margin: 0 30px 0 0;
}
.f-main-menu ul li a{
font-size:14px;
color:#010101;
}
.menu2{
float:left;
margin-left: -175px;
margin-top: 30px;
}

.menu2 li{
float:left;
margin-right: 15px;
}

.menu2 li a{
font-size:12px;
color:#666666;
}
.right-f{
float:right;
width:190px;
}
.right-f span{
float:right;
display:block;
color:#888888;
font-size:12px;
}
.right-f span a{color:#888888;}
.counter{
float:right;
margin: 0 0 20px 0;
}

.text img {
    max-width: 100%;
    height: auto;
}

.text iframe {
    max-width: 100%;
}