/* Start:/bitrix/templates/grajdanin_glav/css/styles.css?158935168120592*/
.mobile{display:none}

@font-face {
    font-family: arialn;
    src: url(/bitrix/templates/grajdanin_glav/css/../font/arialn.ttf)
}

@font-face {
    font-family: arialnb;
    src: url(/bitrix/templates/grajdanin_glav/css/../font/arialnb.ttf)
}

@font-face {
    font-family: arialnbi;
    src: url(/bitrix/templates/grajdanin_glav/css/../font/arialnbi.ttf)
}

@font-face {
    font-family: arialni;
    src: url(/bitrix/templates/grajdanin_glav/css/../font/arialni.ttf)
}

.content {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto
}

body {
    margin: 0
}

.logo {
    width: 240px
}

.shema {
    max-width: 400px;
    width: 100%
}

.search.left input {
    border: 0;
    font-size: 14px;
    height: 32px
}

.adress {
    max-width: 480px;
    width: 100%
}

.left {
    float: left
}

.zapis {
    margin-bottom: 30px;
    box-sizing: border-box;
    padding: 20px;
    color: #fff;
    background: #191919;
    height: 110px
}

.fcont {
    width: 220px
}

li.fli {
    display: block
}

ul {
    margin: 0
}

.right {
    float: right
}

.footer {
    padding-top: 40px;
    height: 330px;
    background: #191919
}

.inmap {
    width: 1180px
}

.hform {
    margin-top: 15px
}

.search {
    box-sizing: border-box;
    background: #fafafa;
    font-family: arialn;
    margin: 0
}

input#go {
    font-family: arialnb;
    font-size: 16px;
    color: fff;
    margin-left: 20px;
    border: none;
    width: 140px;
    background: #ff6d00;
    cursor: pointer
}

input#go:hover {
    background: #ff7e1d
}

input#go:active {
    width: 140px;
    background: #ff6d00
}

.zap {
    font-family: arialnb;
    font-size: 20px;
    width: 300px;
    display: block;
    vertical-align: middle;
    margin-top: 20px;
    margin-left: 20px
}

.shema {
    margin-top: 40px;
    font-family: arialn;
    max-width: 400px;
    width: 100%;
    font-size: 16px
}

a.link {
    color: #ff6d00;
    text-decoration: none;
    border-bottom: 1px dashed #ff6d00;
    margin: 30px
}

p {
    margin: 0
}

.bold {
    font-weight: 700
}

.b1 {
    margin-bottom: 20px;
    margin-left: 15px;
    font-family: arialn;
    font-size: 16px
}

.pop {
    font-family: arialnb;
    font-size: 20px;
    margin: 50px 0
}

.center {
    text-align: center
}

a#link1 {
    font-size: 14px;
    color: #999
}

.logo {
    margin-right: 40px
}

.link1 {
    margin-top: 30px;
    margin-bottom: 30px;
    font-family: arialn;
    font-size: 14px
}

.htel {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #999
}

.htime {
    font-size: 14px;
    color: #999
}

.left_block {
    width: 300px
}

ul.popular li a {
    font-family: arialn;
    font-size: 16px;
    background: url(/bitrix/templates/grajdanin_glav/css/../images/bg-li-a.png) repeat-x;
    -mozbox-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #ff6d00;
    display: block;
    text-decoration: none;
    padding: 10px 10px 10px 40px;
    height: 18px
}

ul.popular li.bmw {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/comp.png) 12px 12px no-repeat
}

.info.left {
    width: 860px;
    padding: 20px
}

.breadkrubs {
    padding: 20px
}

.left_span {
    font-family: arialn
}

.akkordeon {
    width: 300px
}

ul.vmenu {
    background-color: #fafafa;
    -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(255, 255, 255, 0.1);
    -o-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(255, 255, 255, 0.1);
    -ms-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(255, 255, 255, 0.1);
    list-style: none;
    font: 13px Tahoma, sans-serif;
    margin: 0;
    padding: 0;
    overflow: hidden
}

ul.vmenu li.home {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/home-icon.png) 12px 12px no-repeat
}

ul.vmenu li.home:hover {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/home-icon.png) 12px -21px no-repeat
}

ul.vmenu li.about-us {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/about-us-icon.png) 12px 12px no-repeat
}

ul.vmenu li.about-us:hover {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/about-us-icon.png) 12px -23px no-repeat
}

ul.vmenu li.gallery {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/gallery-icon.png) 12px 13px no-repeat
}

ul.vmenu li.gallery:hover {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/gallery-icon.png) 12px -20px no-repeat
}

ul.vmenu li.portfolio {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/portfolio-icon.png) 12px 11px no-repeat
}

ul.vmenu li.portfolio:hover {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/portfolio-icon.png) 12px -22px no-repeat
}

ul.vmenu li.contact {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/contact-icon.png) 12px 11px no-repeat
}

ul.vmenu li.contact:hover {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/contact-icon.png) 12px -22px no-repeat
}

ul.vmenu li a {
    font-family: arialnb;
    font-size: 16px;
    background: url(/bitrix/templates/grajdanin_glav/css/../images/bg-li-a.png) repeat-x;
    -mozbox-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid #292b30;
    color: #ff6d00;
    display: block;
    text-decoration: none;
    padding: 10px 10px 10px 40px;
    height: 18px
}

ul.vmenu li:first-child a {
    box-shadow: none
}

ul.vmenu li a:hover {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/bg-li-a-hover.png) repeat-x
}

ul.vmenu li.parent a span {
    display: block;
    background: url(/bitrix/templates/grajdanin_glav/css/../images/arrow-down.png) right center no-repeat
}

ul.vmenu li.parent a.selected span {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/arrow-up.png) right center no-repeat
}

ul.vmenu li ul.dropdown {
    height: 0;
    overflow: hidden
}

ul.vmenu li ul {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.vmenu li ul li a {
    background: none;
    padding: 0;
    height: 38px
}

ul.vmenu li ul li a span {
    background: none!important;
    display: block;
    padding: 10px 10px 10px 40px;
    font-family: arialn
}

ul.vmenu li ul li a:hover span {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/menu-dropdown-figure.png) 18px -8px no-repeat!important
}

ul.vmenu li.comp {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/comp.png) 12px 12px no-repeat
}

ul.vmenu li.comp .selected {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/comp_a.png) 12px 12px no-repeat
}

ul.vmenu li.crash {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/crash.png) 12px 12px no-repeat
}

ul.vmenu li.crash .selected {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/crash_a.png) 12px 12px no-repeat
}

ul.vmenu li.engine {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/engine.png) 12px 13px no-repeat
}

ul.vmenu li.engine .selected {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/engine_a.png) 12px 12px no-repeat
}

ul.vmenu li.paint {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/paint.png) 12px 11px no-repeat
}

ul.vmenu li.paint .selected {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/paint_a.png) 12px 12px no-repeat
}

ul.vmenu li.to {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/to.png) 12px 11px no-repeat
}

ul.vmenu li.to .selected {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/to_a.png) 12px 12px no-repeat
}

ul.vmenu li.wheel {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/wheel.png) 12px 11px no-repeat
}

ul.vmenu li.wheel .selected {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/wheel_a.png) 12px 12px no-repeat
}

* {
    margin: 0;
    padding: 0
}

body {
    background: #fff;
    color: #666;
    font: 12px/18px Tahoma, Arial, Helvetica, sans-serif
}

#menu ul {
    list-style: none
}

#menu li {
    list-style: none;
    display: block;
    float: left;
    height: 60px;
    line-height: 60px
}

#menu li a {
    display: block;
    float: left;
    color: #ff6d00;
    font-size: 20px;
    font-weight: 700;
    line-height: 60px;
    text-decoration: none;
    padding: 0 25px;
    background: #fafafa url(/bitrix/templates/grajdanin_glav/css/../images/menu_039_bg.gif) repeat-x
}

#menu li a:hover {
    color: #fff;
    line-height: 60px;
    background: #ff7e1d url(/bitrix/templates/grajdanin_glav/css/../images/menu_039_h.gif) repeat-x left
}

#menu li a.current {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: block;
    float: left;
    color: #fff;
    background: #ff6d00 url(/bitrix/templates/grajdanin_glav/css/../images/menu_039_h.gif) repeat-x left;
    font-size: 20px;
    font-weight: 700;
    line-height: 60px;
    text-decoration: none;
    padding: 0 25px
}

#menu li a:hover.current {
    color: #fff
}

.ours_prem {
    font-family: arialnb;
    font-size: 20px
}

.prem {
    background: #fafafa;
    min-height: 500px;
    margin: 50px 0 0;
    padding-top: 40px;
    overflow: hidden;
    padding-bottom: 50px
}

.prems {
    margin: 50px 0 0;
    margin-left: 19px;
    padding-top: 40px;
    width: 560px
}

.menu_line {
    background-color: #ff6d00;
    height: 3px
}

.prem_zag {
    margin: 20px 0;
    font-family: arialnb;
    font-size: 18px;
    color: #000
}

.prem_text {
    font-family: arialn;
    font-size: 16px;
    color: #999
}

.white {
    color: #fff
}

.htel {
    color: #989898
}

.tablebodytext {
    display: none
}

input:focus {
    outline: none
}

.b_grey {
    width: 100%;
    overflow: hidden;
    background: #fafafa;
    padding-top: 20px
}

.search-form {
    margin-top: 15px
}

.akkordeon_glav table tr td {
    padding-bottom: 10px
}

.dropdown {
    margin-top: 20px
}

.content {
    max-width: 1180px;
    width: 100%
}

.overlay {
    display: none;
    position: fixed;
    z-index: 999;
    opacity: .5;
    filter: alpha(opacity=50);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000
}

.popup {
    display: none;
    position: fixed;
    border: 3px solid #999;
    background: #fff;
    width: 194px;
    top: 25%;
    left: 50%;
    margin: -100px 0 0 -100px;
    z-index: 1000;
    border-radius: 10px;
    padding: 30px
}

.close {
    font-family: Verdana, Arial, Tahoma, sans-serif;
    display: block;
    width: 24px;
    text-align: center;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    background: #fff;
    color: #4f4545;
    border: 2px solid #1b1a1a;
    position: absolute;
    top: 10px;
    right: 10px;
    text-decoration: none;
    border-radius: 3px;
    font-size: 20px;
    border-radius: 50%
}

.open_popup {
    text-decoration: underline;
    color: #00aeef;
    cursor: pointer
}

.open_popup:hover {
    text-decoration: none
}

.table_main .table table tr td:first-child,
.table_fixed .table table tr td:first-child,
.table_fixed .table table tr th:first-child {
    width: 60%
}

.baner {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    font-family: "Arial Narrow";
    margin-top: 20px;
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0
}

.baner .spam3 {
    width: 380px;
    float: left;
    margin: 40px 10px 50px;
    box-sizing: border-box;
    font-size: px
}

.baner .spam3 img {
    float: left;
    margin-right: 20px
}

.baner .spam3 span {
    font-size: 14px;
    color: #222;
    display: block;
    padding-top: 18px;
    font-family: arialnb
}

.baner.baner_page {
    width: 300px
}

.baner.baner_page .spam3 {
    width: 100%;
    height: 100px
}

ul.cars-menu {
    list-style: none;
    position: relative;
    margin: 0 0 8px;
    padding: 0
}

ul.cars-menu li a {
    font-size: 100%;
    color: #BC262C;
    font-weight: 700;
    text-decoration: none
}

ul.cars-menu li a.selected:link,
ul.cars-menu li a.selected:visited,
ul.cars-menu li a.selected:active,
ul.cars-menu li a.selected:hover {
    color: #FC8D3D
}

.cars {
    font-size: 20px;
    font-family: arialnb;
    margin: 50px 0
}

.m_car0 {
    display: none!important
}

.m_car1 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/ford.png) 12px 12px no-repeat
}

.m_car2 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/honda.png) 12px 12px no-repeat
}

.m_car3 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/hyundai.png) 12px 12px no-repeat
}

.m_car4 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/audi.png) 12px 12px no-repeat
}

.m_car5 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/bmw.png) 12px 12px no-repeat
}

.m_car6 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/kia.png) 12px 12px no-repeat
}

.m_car7 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/infinity.png) 12px 12px no-repeat
}

.m_car8 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/mersedes.png) 12px 12px no-repeat
}

.m_car9 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/toyota.png) 12px 12px no-repeat
}

.m_car10 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/volkswagen.png) 12px 12px no-repeat
}

.m_car11 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/nissan.png) 12px 12px no-repeat
}

.m_car12 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/lexus.png) 12px 12px no-repeat
}

.m_car13 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/mitsubishi.png) 12px 12px no-repeat
}

.m_car14 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/suzuki.png) 12px 12px no-repeat
}

.car_glav {
    display: inline-block;
    /* width: 100px; */
    padding: 10px 20px 26px 45px
}

ul.cars-menu li a:visited,
ul.cars-menu li a:hover {
    color: #BC262C
}

.comp_glav {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/base_2.png) no-repeat;
    width: 540px;
    height: 168px;
    margin-right: 20px
}

.crash_glav {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/base11.png) no-repeat;
    width: 620px;
    height: 168px
}

.to_glav {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/base111.png) no-repeat;
    width: 620px;
    height: 168px;
    margin-right: 20px
}

.engine_glav {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/base2.png) no-repeat;
    width: 540px;
    height: 168px
}

.paint_glav {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/base3.png) no-repeat;
    width: 540px;
    height: 168px;
    margin-right: 20px
}

.wheel_glav {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/base12.png) no-repeat;
    width: 620px;
    height: 168px
}

li {
    list-style-type: none
}

.parent {
    padding: 30px;
    margin-bottom: 20px;
    box-sizing: border-box;
    font-family: arialnb;
    font-size: 20px;
    color: #fff
}

.dropdown {
    margin-top: 30px;
    font-family: arialn;
    font-size: 16px;
    color: #fff
}

span {
    color: #fff;
    border: none
}

a {
    text-decoration: none
}

li.up_menu {
    margin-right: 30px;
    display: inline;
    border-bottom: 1px solid #FFF
}

a#link1 {
    color: #ff6d00!important
}

.prems.left:nth-child(2) {
    margin-left: 0
}

.prems.left:nth-child(4) {
    margin-left: 0
}

div.news-list img.preview_picture {
    border: 1px solid #ebebeb
}

.pop:after {
    content: "";
    width: 50px;
    height: 1px;
    background: #c5c5c5;
    display: block;
    margin-top: 20px;
    position: absolute
}

.ours_prem:after {
    content: "";
    width: 50px;
    height: 1px;
    background: #c5c5c5;
    display: block;
    margin-top: 20px;
    position: absolute
}

.services_new {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    font-family: "Arial Narrow";
    margin-top: 20px
}

.services_new .row {
    margin-bottom: 20px;
    overflow: hidden
}

.services_new .row .spam3 {
    width: 380px;
    height: 170px;
    float: left;
    margin: 0 10px;
    padding: 30px;
    box-sizing: border-box;
    background-repeat: no-repeat
}

.services_1 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/services_1.png), #fafafa;
    background-position: 194px 0
}

.services_2 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/services_2.png), #fafafa;
    background-position: right bottom
}

.services_3 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/services_3.png), #fafafa;
    background-position: right bottom
}

.services_4 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/services_4.png), #fafafa;
    background-position: 217px 28px
}

.services_5 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/services_5.png), #fafafa;
    background-position: right bottom
}

.services_6 {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/services_6.png), #fafafa;
    background-position: 255px 22px
}

.services_1:hover {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/services_1.png), #fd6d21;
    background-position: 194px 0;
    transition: all 1s ease
}

.services_2:hover {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/services_2.png), #fd6d21;
    background-position: right bottom;
    transition: all 1s ease
}

.services_3:hover {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/services_3.png), #fd6d21;
    background-position: right bottom;
    transition: all 1s ease
}

.services_4:hover {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/services_4.png), #fd6d21;
    background-position: 217px 28px;
    transition: all 1s ease
}

.services_5:hover {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/services_5.png), #fd6d21;
    background-position: right bottom;
    transition: all 1s ease
}

.services_6:hover {
    background: url(/bitrix/templates/grajdanin_glav/css/../images/services_6.png), #fd6d21;
    background-position: 255px 22px;
    transition: all 1s ease
}

.services_new .row .spam3:hover {
    box-shadow: 0 5px 18px rgba(240, 114, 71, 0.8)
}

.services_new .row .spam3:hover a {
    color: #FFF!important;
    border-color: #fea06e
}

.services_new .row .spam3 .title {
    margin-bottom: 20px
}

.services_new .row .spam3 .title a {
    color: #fc6d21;
    font-size: 18px;
    font-weight: 700
}

.services_new .row .spam3 ul li {
    margin-bottom: 10px
}

.services_new .row .spam3 ul li a {
    color: #222;
    border-bottom: 1px solid #e1e1e1;
    font-size: 14px;
    text-decoration: none
}

.services_new .row .spam3 ul li a:hover {
    border: 0!important
}

.new_form {
    margin-bottom: 20px;
    overflow: hidden
}

.widht_720 {
    position: relative; 
    background: #191919;
    padding: 20px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;    
    -ms-flex-align: center;   
    align-items: center;
}
@media (min-width: 1220px) {
    .widht_720 {
        width: 780px;
        height: 155px;
        float: left;
        display: block;
        padding: 40px 30px;
    }
}
.hform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
}
@media (min-width: 768px) {
    .hform {
        -webkit-box-orient: horizontal;     
        -webkit-box-direction: normal;      
        -ms-flex-direction: row;        
        flex-direction: row;
    }
}

.title_form {
    font-size: 18px;
    color: white;
    font-family: arialnb;
}

.input_form {
    float: left;
}

.cheked_form {
    overflow: hidden;
    float: left;
}

.cheked_form span {
    color: white;
    font-family: arialnb;
    font-size: 16px
}

.widht_380 { 
    background: url("/img/bg.png");
    padding: 20px;
    box-sizing: border-box;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: center;

}
@media (min-width: 1220px) {
    .widht_380 {
        width: 380px;
        height: 155px;
        float: right;
        padding: 40px 30px;
        text-align: left;
    }
}
.a_go {
    font-family: arialnb;
    font-size: 16px;
    color: white;
    margin-top: 15px;
    border: none;
    width: 180px;
    text-align: center;
    background: #ff6d00;
    display: block;
    box-sizing: border-box;
    padding: 10px 20px;
    vertical-align: middle;
    height: 40px;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1220px) {
    .a_go {
        margin-left: 0;
        margin-right: 0;
    }
}

.a_go:hover {
    text-decoration: none;
    background: #ff7e1d
}

.all.content {
    margin-top: 20px
}

.hinput {
    box-sizing: border-box;
    padding: 10px;
    vertical-align: middle;
    height: 40px;
    border-radius: 20px;
    font-family: arialn;
    font-size: 14px;
    color: #222;
    border: 0
}

.input_form .hinput {
    width: 190px
}

.left.hform input.hinput.input_red {
    border: 2px solid red
}

.search.left input[name="s"] {
    width: 26px;
    height: 28px;
    background: url(/bitrix/templates/grajdanin_glav/css/search.png);
    position: absolute
}

.search.left input[name="q"] {
    width: 240px;
    background: #fafafa
}

.search-form {
    margin-top: 13px
}

ul.left-menu {
    font-family: arialn;
    font-size: 16px;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
    position: relative
}

ul.left-menu li {
    padding: 5px 55px;
    text-decoration: underline
}

ul.left-menu li a {
    font-size: 100%;
    color: #fff;
    font-weight: 700;
    text-decoration: none
}

ul.left-menu li a:visited {
    color: #fff
}

ul.left-menu li a:hover {
    color: #fff
}

ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover {
    color: #fff
}
.header.content .adress.left .htel span{
    color:  #666;
}

.nashi_prim{
    display: flex;
    justify-content: center;
}

.nashi_prim .item{
    text-align: center;
}
/* End */


/* Start:/css/mablie.css?15423981275050*/
@media screen and (min-width:920px) and (max-width:1250px) {
    .header.content .logo.left {
        width: 30%;
        margin: 0
    }
    .header.content .logo.left img {
        width: 100%
    }
    a.link {
        display: block;
        display: block
    }
    .shema {
        width: 200px;
        margin-top: -26px
    }
    .b1.left {
        width: 50%;
        margin: 0
    }
    /*.widht_720{width:65%}*/
    /*.widht_380{width:35%}*/
    .content {
        padding: 20px;
        box-sizing: border-box
    }
    .cheked_form {
       /* margin-top: -30px*/
    }
    .cheked_form+.input_form {
       /* margin-top: -20px;
        float: right;
        clear: both;
        margin-right: -27px*/
    }
    .services_new .row .spam3 {
        width: 33%;
        box-sizing: border-box;
        margin: 0
    }
    .services_new {
        padding: 20px;
        box-sizing: border-box
    }
    .baner .spam3 {
        width: 33%;
        box-sizing: border-box;
        margin: 0
    }
    .prem {
        margin-top: 0
    }
    .prems.left {
        width: 50%;
        box-sizing: border-box;
        margin: 0;
        margin-top: 20px
    }
    .footer {
        height: inherit;
        overflow: hidden
    }
    .fcont.left {
        display: none
    }
    .left_block.left {
        width: 30%;
        box-sizing: border-box
    }
    ul.vmenu li a {
        height: inherit
    }
    .left_block.left .baner .spam3 {
        height: inherit;
        width: 100%
    }
    .all.content+.left {
        float: left;
        box-sizing: border-box;
        width: 65%
    }
    .cars-menu.c_m_3 li img {
        width: 100%
    }
    .cars-menu.c_m_3 li {
        width: 31%
    }
}

@media screen and (max-width:920px) {
    .content {
        box-sizing: border-box;
        padding: 20px
    }
    .header.content .logo.left {
        width: 50%;
        margin: 0
    }
    .adress.left {
        width: 100%
    }
    .header.content .logo.left img {
        width: 100%
    }
    a.link {
        display: block;
        display: block
    }
    .shema {
        width: 50%;
        margin-top: -26px
    }
    .adress.left {
        width: 100%;
        text-align: center;
        max-width: inherit;
        margin-bottom: 20px
    }
    .b1.left {
        width: 50%;
        margin: 0
    }
    .widht_720 {
        width: 100%;
        padding-top: 11px
    }
    .widht_380 {
        width: 100%;
        background: #000;
        text-align: center
    }
    .a_go {
        margin: auto;
        margin-top: 18px
    }
    .input_form {
        margin-bottom: 10px
    }
    .services_new .row .spam3 {
        width: 100%;
        margin: 0;
        background-position: right bottom
    }
    .prems.left {
        width: 100%;
        box-sizing: border-box;
        margin: 0
    }
    .fcont.left {
        display: none
    }
    .left.white>.left-menu {
        display: none
    }
    .left_block.left {
        width: 30%;
        box-sizing: border-box
    }
    ul.vmenu li a {
        height: inherit
    }
    .left_block.left .baner .spam3 {
        height: inherit;
        width: 100%;
        overflow: hidden
    }
    .all.content+.left {
        float: left;
        box-sizing: border-box;
        width: 65%
    }
    .cars-menu.c_m_3 li img {
        width: 100%
    }
    .cars-menu.c_m_3 li {
        width: 31%
    }
    #comp_42efaf62fc625cdf15f16e29d33f0e2d>#alx_feed_back_default_FID1 {
        width: 100%!important
    }
    .contact_table .tr {
        width: 100%!important
    }
}

@media screen and (max-width:520px) {
    .header.content .logo.left {
        width: 100%;
        padding: 20px;
        box-sizing: border-box
    }
    .shema {
        width: 100%
    }
    .widht_720 {
        height: inherit;
        overflow: hidden
    }
    .widht_720 input[type="text"] {
        width: 100%!important;
        margin-bottom: 20px
    }
    .cheked_form {
        width: 100%
    }
    .cheked_form+.input_form {
        margin-top: 10px;
        width: 100%
    }
    input#go {
        margin: auto;
        display: block
    }
    .left_block.left,
    .akkordeon {
        width: 100%;
        box-sizing: border-box;
        max-width: 100%
    }
    .all.content+.left {
        float: inherit;
        box-sizing: border-box;
        width: 100%
    }
    .footer {
        padding-top: 40px;
        height: inherit;
        background: #191919;
        overflow: hidden
    }
    .social.left {
        width: 100%
    }
    .social.left>div {
        margin-bottom: 20px;
        width: 100%!important
    }
    #vk_groups {
        margin: auto
    }
    .fb_iframe_widget>span {
        margin: auto;
        display: block
    }
    .cars-menu.c_m_3 li {
        width: 45%
    }
    .table_main .table,
    .table_fixed .table {
        width: 100%
    }
    .block_aktsii {
        width: 100%
    }
    .block_aktsii>div {
        width: 100%
    }
    .news-item>.left {
        float: inherit;
        clear: both;
        margin: auto
    }
}
/* End */


/* Start:/bitrix/components/bitrix/search.suggest.input/templates/.default/style.css?1542398029501*/
input.search-suggest {}
div.search-popup{border: 1px solid #333333;background: #FFFFFF;padding: 2px;margin: 0px;}
div.search-popup-row, div.search-popup-row-active{position: relative; padding: 2px 4px;margin: 0px;cursor: hand;cursor: pointer;}
div.search-popup-row{background:#FFFFFF;}
div.search-popup-row-active{background:#EEEEEE;}
div.search-popup-el-name, div.search-popup-el-cnt{position: relative; margin:0px;padding:0px;text-align:left;}
div.search-popup-el-cnt{text-align:right; float:right;}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/up_menu/style.css?15458719844086*/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;font-family:arialn;min-height:27px;/*max-width:900px;*/width:100%;list-style:none;font-size:11px;float:left;background:#fafafa}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{display:block;float:left;color:#ff6d00;font-size:20px;font-weight:700;line-height:60px;text-decoration:none;padding:0 20px;background:#fafafa url(/bitrix/templates/.default/components/bitrix/menu/up_menu/images/menu_039_bg.gif) repeat-x}#horizontal-multilevel-menu li a.root-item-selected{border-top-left-radius:10px;border-top-right-radius:10px;display:block;float:left;color:#fff;background:#ff6d00;font-size:20px;font-weight:700;line-height:60px;text-decoration:none;padding:0 15px}#horizontal-multilevel-menu li:hover a.root-item{background:#ff6d00;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff}#horizontal-multilevel-menu li.jshover a.root-item{border-top-left-radius:10px;border-top-right-radius:10px;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/bitrix/templates/.default/components/bitrix/menu/up_menu/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/bitrix/templates/.default/components/bitrix/menu/up_menu/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{color:#fff}#horizontal-multilevel-menu li.item-selected{background:#D6D6D6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#F5F5F5;border:1px solid #C1C1C1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #DEDEDE}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4F4F4F;font-weight:700}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4F4F4F}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left}

/* End */


/* Start:/bitrix/templates/grajdanin_glav/styles.css?15423980451398*/
.block1{
	text-align: left;
}

.img1{
	margin: left;

}

.img2{
	margin-bottom: 8px;
	margin-left: 0px;
}

.mainpage{
	max-width: 90%;
	margin: auto;
}

.mainpage h1{
	margin:15px 0 !important;
}

.mainpage p{

	color: #000 ;
}

.mainpage h2{
	margin:15px 0 !important;
}

.mainpage h3{
	margin:15px 0 !important;
}


.mainpage ul{

	color: #000 ;
}


.just{
	text-align: justify;
}

.certificate {
	width: 1000px;
    display: block;
    margin: 0 auto
}

.certificate img {
height: 300px;
    width: 24%;
}

.div_up{
    width: 100px;
    height: 80px;
    right: 10px;
    bottom: 20%;
    float: right;
    position: fixed;
}
.div_up img{
    width: 100%;
}

.pic_light6 img {
    width: 23.7%;
    height: 200px;
    margin-bottom: 0 !important	;
}


@media screen and (max-width: 1400px){

	.img1{
		width: 49%;

	}

@media screen and (max-width: 920px){

	.block1 img{
		width: 100%;
		margin-bottom: 10px;
	}

	.block1 .img1{
		    margin-left: 0;
	}
	.pic_light6 img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.certificate {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.certificate img {
    height: auto;
    width: 100%;
}

}

.b_grey .htel{
	color: black;
}
.b_grey .htime{
	color: black;
}

.header.content .adress.left .htel span{
	color: black;
}

.nashi_prim{
	display: flex;
	justify-content: center;
}

.nashi_prim .item{
	text-align: center;
}
/* End */


/* Start:/bitrix/templates/grajdanin_glav/template_styles.css?1542398045130*/
.prem_text{
	color: #000 ;
}


.nashi_prim{
	display: flex;
	justify-content: center;
}

.nashi_prim .item{
	text-align: center;
}
/* End */
/* /bitrix/templates/grajdanin_glav/css/styles.css?158935168120592 */
/* /css/mablie.css?15423981275050 */
/* /bitrix/components/bitrix/search.suggest.input/templates/.default/style.css?1542398029501 */
/* /bitrix/templates/.default/components/bitrix/menu/up_menu/style.css?15458719844086 */
/* /bitrix/templates/grajdanin_glav/styles.css?15423980451398 */
/* /bitrix/templates/grajdanin_glav/template_styles.css?1542398045130 */