/*

Theme Name: Тема: СТО "Автопромклимат"

Theme URI: http://wp-themes/

Description: Уникальная тема для сайта СТО "Автопромклимат"

Author: Вадим Шимко

Author URI: http://vk.com/vadimshimko

Version: 1.0

*/

@import url("css/reset.css");

@import url("css/roboto.css");



.clearfix:after {

    content: "";

    display: table;

    clear: both;

}





/* Fonts */



.regular,

.light,

.bold {

    font-family: Roboto, sans-serif;

}



.regular {

    font-weight: 400;

    font-style: normal;

}

}

.light {

    font-weight: 300;

    font-style: normal;

}

.bold {

    font-weight: 700;

    font-style: normal;

}



.heading {

    font-size: 22px;

    text-transform: uppercase;

    color: #122247;

  	letter-spacing: -1px;

}

.headingwhite {

    font-size: 22px;

    text-transform: uppercase;

    color: #fff;

}

.map-heading {

    font-size: 18px;

    text-transform: uppercase;

    color: #fff;

}

.subheading {

    font-size: 18px;

    color: #000;

}

.text {

    font-size: 13.5px;

    color: #000;

}



.textbutton {

    font-size: 15px;

    text-transform: uppercase;

    color: #fff;

}



.textcaps {

    text-transform: uppercase;

    font-size: 14px;

    color: #000;

}



.textplaceholder {

    font-size: 15px;

    color: #000;

}



.spanheading {

    display: block;

}





/* Fonts */

html {

    position:relative;

    min-height:100%;

}

body {

    font-family: Roboto, sans-serif;

    font-weight: 400;

    font-style: normal;

  	font-size: 13.5px;

    height: 100%;

}



.container {

    width: 1140px;

    margin: 0 auto;

    position: relative;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}



.site-header {

    height: 104px;

    box-sizing: border-box;

}



.site-logo {

	display: inline-block;
    float: left;	
}
.site-logo img {

    width: 80px;

    height: auto;
}



.contact-info {

    padding-left: 100px;

    box-sizing: border-box;

    padding-top: 20px;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.contact-info * {

  font-size: 1.1em;

}

.work-time,

.our-phones,

.our-adresses {

    float: left;

    display: inline-block;

}



.work-time {

    /*width: 344px;*/

}



.our-phones {

    /*width: 273px;*/

}



.our-adresses {



}



.tool-icon,

.phone-icon,

.adress-icon {

    width: 20px;

    height: 20px;

    display: inline-block;

    float: left;

}



.tool-icon {

    background: url(images/icons-sprite.png) 0 0 no-repeat;

}



.phone-icon {

    background: url(images/icons-sprite.png) -20px 0 no-repeat;

}



.adress-icon {

    background: url(images/icons-sprite.png) -40px 0 no-repeat;

}



.tool-icon-text,

.phone-icon-text,

.adress-icon-text {

    display: inline-block;

    height: 20px;

    line-height: 25px;

    margin-left: 10px;

}



.contact-info p {

    margin: 4px 0;

}



/* Главное меню сайта */



.main-menu {

    background: #0d56a6;

    height: 48px;

}

#menu-glavnoe-menyu {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}
#menu-glavnoe-menyu:after {
    display: none;
}
#menu-glavnoe-menyu > li {
    padding: 0 5px;
    border-bottom: 4px solid #0d56a6;

    height: 44px;

    -webkit-transition: .5s;

    transition: .5s;

}



#menu-glavnoe-menyu > li > a {

    font-size: 18px;

    color: #fff;

    font-weight: normal;

    text-decoration: none;

    display: block;

    height: 48px;

    line-height: 48px;

    text-align: center;

}



#menu-glavnoe-menyu > li:hover,

#menu-glavnoe-menyu > li.current-menu-item {

    background: #1f436a;

    border-bottom: 4px solid #112944;

}



.site-menu {

    background: #0d56a6;

}
@media screen and (min-width: 960px) {
    #menu-glavnoe-menyu > li:hover .submenu {
        display: block;
    }
}
@media screen and (max-width: 1100px) {
    .container {
        padding: 0 20px;
    }
}

#menu-glavnoe-menyu .submenu {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
    position: absolute;
    max-width: 1100px;
    top: 100%;
    width: 100%;
    background: #0d56a6;
    columns: 4;
    z-index: 10000;
    text-align: left;
    left: 0;
    padding: 10px 15px;
    display: none;
}
#menu-glavnoe-menyu .submenu > li {
    padding: 5px 0;
}
#menu-glavnoe-menyu .submenu > li > a {
    text-transform: uppercase;
    display: block;
}
#menu-glavnoe-menyu .submenu ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
}
#menu-glavnoe-menyu .submenu ul {
    margin: 10px 0;
}
#menu-glavnoe-menyu .submenu li a {
    color: #fff;
    text-decoration: none;
    display: block;
    line-height: 1.5;
}
#menu-glavnoe-menyu .submenu li a:hover {
    text-decoration: underline;
}



/* Главное меню сайта */



/* Слайдер на главной странице */



.slider-continer {

    width: 100%;

    height: 346px;

    border-bottom: 7px solid #ccc;

    min-width: 1140px;

}



.slider-continer img {

    width: 100%;

    z-index: 1;

    min-height: 350px;

}



.slider-text-1,

.slider-text-2 {

    position: absolute;

    text-align: center;

    color: #fff;

    z-index: 2;

  	width: 100%;

}



.slider-text-1 {

    top: 184px;

}

.slider-text-2 {

    top: 233px;



}


.slider-text-1 span {
    font-size: 48px;
    margin-top: -20px;
    font-weight: 700;
    display: inline-block;
}

.slider-text-2 span {

    font-size: 48px;

    padding: 0 10px;

}

/* Слайдер наглавной странице */



.content {

    margin: 50px 0 0 0;

    padding-bottom: 40px;

    height: auto;

    padding-bottom: 88px;

}



/* Левая колонка контента на главной странице */



.homepage-block-l {

    float: left;

    width: 440px;

    box-sizing: border-box;

}



.homepage-block-r span.spanheading::after,

.homepage-block-l h1::after {

    content: "";

    margin-top: 5px;

    height: 2px;

    width: 100%;

    display: block;

    background-color: #ddd;

    background-image: url(images/blue-line.jpg);

    background-position: 0 0;

    background-repeat: no-repeat;

    margin-bottom: 20px;

}



.homepage-block-l p {

    line-height: 20px;

    margin-bottom: 20px;

}



.leftbordered {

    border-left: 1px solid #0d56a6;

    padding-left: 10px;

    line-height: 15px !important;

    margin-bottom: 15px !important;

    font-size: 14.5px !important;

}





.icon1,

.icon2,

.icon3,

.icon4,

.icon5 {

    width: 35px;

    height: 35px;

    display: inline-block;

    float: left;

    margin-right: 8px;

}



.icon1 {

    background: url(images/icons-sprite.png) 0 -20px no-repeat;

}

.icon2 {

    background: url(images/icons-sprite.png) -35px -20px no-repeat;

}

.icon3 {

    background: url(images/icons-sprite.png) -70px -20px no-repeat;

}

.icon4 {

    background: url(images/icons-sprite.png) -105px -20px no-repeat;

}

.icon5 {

   background: url(images/icons-sprite.png) -140px -20px no-repeat;

}



.advantage-heading {

    line-height: 38px;

    clear: both;

}



/* Левая колонка контента на главной странице */



/* Правая колонка контента на главной странице */





.homepage-block-r {

    margin-left: 490px;

    width: 650px;

    box-sizing: border-box;

}



.services-card {

    float: left;

    margin-right: 10px;

    margin-bottom: 10px;

    width: 210px;

    height: 331px;

    border: 1px solid #0d56a6;

    box-sizing: border-box;

}



.services-card:hover {

    border: 1px solid #2e7cd0;

    transition: .5s;

}



.services-card:hover .services-card img {

    border-bottom: 1px solid #2e7cd0;

    transition: .5s;

}



.services-card:hover .services-card-text {

    border-left: 2px solid #2e7cd0;

    border-right: 2px solid #2e7cd0;

    transition: .5s;

}



.services-card img {

    width: 100%;

    border-bottom: 1px solid #0d56a6;

}



.services-card:nth-child(3n+3) {

    margin-right: 0;

}



.seventysix {

    display: flex;

    align-items: center;

    height: 76px;

    width: 100%;

    position: relative;

}



.services-card-text {

    text-align: center;

    border-left: 2px solid #0d56a6;

    border-right: 2px solid #0d56a6;

    margin: 0 auto;

    width: 204px;

    text-transform: uppercase;

    padding: 0 10px;

}



.services-card-button {

    background: #0d56a6 url(images/next.png) 40px 13.5px no-repeat;

    background-size: 4%;

    color: #fff;

    text-decoration: none;

    width: 204px;

    display: block;

    margin: 0 auto;

    text-align: center;

    height: 40px;

    line-height: 40px;

}



.services-card-button:hover {

    background: #2e7cd0 url(images/next.png) 40px 13.5px no-repeat;

    background-size: 4%;

    -webkit-transition: .5s;

    transition: .5s;

}



/* Правая колонка контента на главной странице */



/* Блок слайдер логотипов авто */



.slider2 {

    box-sizing: border-box;

    padding-bottom: 50px;

    padding-top: 50px;

    min-width: 1140px;

}



.slider2-heading {

    display: block;

    text-align: center;

    width: 425px;

    margin: 0 auto;

    margin-bottom: 20px;

}



.maps-heading::after,

.slider2-heading::after {

    content: "";

    margin-top: 5px;

    height: 2px;

    width: 100%;

    display: block;

    background-color: #ddd;

    background-image: url(images/blue-line.jpg);

    background-position: 0 0;

    background-repeat: no-repeat;

    margin-bottom: 20px;

}



.slider2-container {

    border-bottom: 1px solid #e8e8e8;

    border-top: 1px solid #e8e8e8;

}



/* Блок слайдер логотипов авто */



/* Блок СТО на картах */



.maps {



    box-sizing: border-box;

    padding-bottom: 50px;

    min-width: 1140px;

}

.our-adresses img {
    margin-left: 5px;
}

.maps-heading {

    display: block;

    text-align: center;

	width: max-content;

    margin: 0 auto;

    margin-bottom: 20px;

    margin-top: 50px;

}


.map-l .contact-info {
	position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -570px;
    width: 340px;
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0px 0px 10px #00000014
}
.map-l p {
    font-size: 16px;
    border: aliceblue;
}

.map-l,

.map-r {

    width: 100%;
	position:relative;
    height: 500px;

    -moz-border-image: -moz-linear-gradient(top, #fff 0%, #fff 30%, #0d56a6 70%, #0d56a6 100%);

    -webkit-border-image: -webkit-linear-gradient(top, #fff 0%, #fff 30%, #0d56a6 70%, #0d56a6 100%);

    border-image: linear-gradient(to bottom, #fff 0%, #fff 30%, #0d56a6 70%, #0d56a6 100%);

    border-image-slice: 1;

    position: relative;

    margin-bottom: -50px;



}



.map-l {

    float: left;

}



.map-r {

    margin-left: 575px;



}



.map-l img,

.map-r img {

    position: absolute;

    top: 0;

}



.map-l a,

.map-r a {

    text-decoration: none;

}



.map-l a:hover,

.map-r a:hover {

    text-decoration: underline;

}



.tile-l {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 280px;

    height: 70px;

    background: url(images/map-l-tile.png) 0 0 no-repeat;

}



.tile-r {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 280px;

    height: 70px;

    background: url(images/map-r-tile.png) 0 0 no-repeat;

}

.tile-r .r-tile-heading,

.tile-l .l-tile-heading {

    position: absolute;

    box-sizing: border-box;

    display: inline-block;

    height: 22px;

    line-height: 22px;

  	font-weight: 500;

}

.l-tile-heading {

    right: 35px;

    bottom: 7px;

    background: url(images/balun.png) left 0 no-repeat;

    padding-left: 24px;



}



.r-tile-heading {

    left: 15px;

    bottom: 7px;

    background: url(images/balun.png) right 0 no-repeat;

    padding-right: 24px;

}



/* Блок СТО на картах */



/* Блок Акции и заказа обратного звонка */





.callback {

    background: #f1f1f1;

    border-bottom: 5px solid #ccc;

    border-top: 5px solid #ccc;

    width: 100%;

    min-width: 1140px;



}



.callback-container {

    border-bottom: 2px solid #fff;

    border-top: 2px solid #fff;

    padding: 50px 0;

    box-sizing: border-box;

}



.callback-l, .callback-r {

    float: left;

}

.callback-rc {

    position: relative;

}

.callback-r, .callback-l {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}


.callback-heading {

    display: block;

    text-align: left;

    margin-bottom: 20px;

}





.callback-heading::after {

    content: "";

    margin-top: 5px;

    height: 2px;

    width: 100%;

    display: block;

    background-color: #ddd;

    background-image: url(images/blue-line.jpg);

    background-position: 0 0;

    background-repeat: no-repeat;


}



.form {

    position: relative;

}



.callback-form-input {
    width: 100%;
    box-sizing: border-box;
    display: block;
    border: 2px solid #cccccc00;
    margin: 10px 0px;
    background: #cccccc20;
    border-radius: 5px;
    margin-bottom: 2px;
    padding: 8px 14px;
    font-size: 16px;
    outline: none;
    transition: .5s .1s;
}



.callback-form-input:focus {

    color: #0d56a6;

    border: 2px solid #6796c9;

}



.callback-form-btn {
	background: #0d56a6 url(images/next.png) 90px 11px no-repeat;
    background-size: 3%;
    display: block;
    width: 100%;
    border: 2px solid #0d56a6;
    border-radius: 5px;
    margin-top: 10px;
    line-height: 34px;
    cursor: pointer;
    transition: .5s;
    font-size: 16px;
    color: #fff;
}



.callback-form-btn:hover {

    background: #2e7cd0 url(images/next.png) 95px 11px no-repeat;
    border: 2px solid #2e7cd0;
    background-size: 3%;

}



/* Блок Акции и заказа обратного звонка */



/* Футер сайта */



.footer {
}



.footer-menu-container {
    background: #08203b;
    height: 44px;
    position: relative;
    padding: 10px;
}



.copyright  {

    position: absolute;

    left: 0;

    height: 44px;

    line-height: 44px;

  	font-size: 14px;

}



.siteseo

{

    position: absolute;

    right: 0;

    height: 44px;

    line-height: 44px;

  	font-size: 15px;

  

}



.footer-menu {

    margin-left: 420px;

}



.footer-menu li {

    float: left;

    height: 44px;

    line-height: 46px;

    width: 100px;

}



.footer-menu a {

    display: block;

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    text-decoration: none;

    font-size: 14px;

  	height: 44px;

}



.footer-menu a:hover,

.footer-menu .current-menu-item a {

    color: #749fcf;

    text-decoration: underline;

}



.footer-menu .current-menu-item a:hover {

    color: #749fcf;

    text-decoration: none;

}



/* Футер сайта */





/* Страница Автосервис */





.all-services-block h1::after {

    content: "";

    margin-top: 5px;

    height: 2px;

    width: 100%;

    display: block;

    background-color: #ddd;

    background-image: url(images/blue-line.jpg);

    background-position: 0 0;

    background-repeat: no-repeat;

    margin-bottom: 20px;

}



.services-card2 {

    float: left;

    margin-right: 22px;

    margin-bottom: 10px;

    width: 210px;

    height: 331px;

    border: 1px solid #0d56a6;

    box-sizing: border-box;

    position: relative;

}

.services-card2_img {
    width: 100%;
    padding-bottom: 100%;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}



.services-card2:hover {

    border: 1px solid #2e7cd0;

    transition: .5s;

}



.services-card2:hover .services-card img {

    border-bottom: 1px solid #2e7cd0;

    transition: .5s;

}



.services-card2:hover .services-card-text {

    border-left: 2px solid #2e7cd0;

    border-right: 2px solid #2e7cd0;

    transition: .5s;

}



.services-card2 img {

    width: 100%;

    border-bottom: 1px solid #0d56a6;

}



.services-card2:nth-child(5n+5) {

    margin-right: 0;

}



.seventysix2 {

    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;

    height: 76px;

    width: 100%;

    position: relative;

}



.services-card-text2 {

    text-align: center;

    border-left: 2px solid #0d56a6;

    border-right: 2px solid #0d56a6;

    margin: 0 auto 10px;

    width: 184px;

    text-transform: uppercase;

    padding: 0 10px;

}

.services-card-text2 + strong {
    font-size: 17px;
     font-weight: 700;
}
.services-card-text2 + strong em {
    color: #0d56a6;
}



.services-card-button2 {

    background: #0d56a6 url(images/next.png) 40px 12.5px no-repeat;

    background-size: 4%;

    color: #fff;

    text-decoration: none;

    width: 204px;

    display: block;

    margin: 0 auto;

    text-align: center;

    height: 40px;

    line-height: 40px;

    position: absolute;

    bottom: 2px;

    left: 2px;

}



.services-card-button2:hover {

    background: #2e7cd0 url(images/next.png) 40px 12.5px no-repeat;

    background-size: 4%;

    -webkit-transition: .5s;

    transition: .5s;

}



/* Страница Автосервис */



/* Страница выывода полного текста записи Single Page */



.single-page-block h1::after,

.single-page-block span.spanheading::after {

    content: "";

    margin-top: 5px;

    height: 2px;

    width: 100%;

    display: block;

    background-color: #ddd;

    background-image: url(images/blue-line.jpg);

    background-position: 0 0;

    background-repeat: no-repeat;

    margin-bottom: 20px;

}



.single-page-l {

    width: 716px;

    float: left;

}



.single-page-l img {

    max-width: 400px;

    display: inline-block;

    box-sizing: border-box;

    border: 4px solid #dee8f3;

    height: auto;

}



.l-img,

.miniature {

    border: 4px solid #dee8f3;

    float: left;

    margin-right: 30px;

    margin-bottom: 16px;

    max-width: 400px;

    display: inline-block;

    box-sizing: border-box;

}



.l-img,

.r-img {

    max-width: 358px;

    height: auto;

    display: inline-block;

    box-sizing: border-box;

    margin: 0 0 16px 0;

}



.l-img-350,

.r-img-350 {

    width: 350px;

    margin-bottom: 40px;

}





.r-img-350 {

    float: right;

}





.l-img-350 {

   float: left;

}



.single-page-l p {

    margin-bottom: 25px;

    font-size: 13.5px;

    line-height: 20px;

}



.single-page-l a {

    color: #2e7cd0;

    transition: .5s .1s;

}



.single-page-l a:hover {

    color: #1f436a;

    text-decoration: none;

}



.single-page-l span {

    margin-bottom: -25px;

}



.single-page-l span {

    font-weight: bold;

    font-size: 18px;

    line-height: 18px;

    border-left: 2px solid #0d56a6;

    padding-left: 20px;

    margin-bottom: 25px;

    display: block;

}



.r-img {

    float: right;

    border: 4px solid #dee8f3;

}



.single-page-l ul {

    margin-bottom: 25px;

    list-style: disc;

    padding-left: 50px;

}



.single-page-l li {

    font-size: 14px;

    line-height: 20px;

}



.call-to-action {

    width: 716px;

    background: #fff;

    height: 50px;

    padding: 2px;

    box-sizing: border-box;



}



.call-to-action::before {

    content: "";

    height: 2px;

    width: 716px;

    display: block;

    background-color: #ddd;

    background-image: url(images/blue-line.jpg);

    background-position: 0 0;

    background-repeat: no-repeat;

    margin-bottom: 6px;

}



.call-to-action::after {

    content: "";

    height: 2px;

    width: 716px;

    display: block;

    background-color: #ddd;

    background-image: url(images/blue-line.jpg);

    background-position: 0 0;

    background-repeat: no-repeat;

    margin-top: 6px;

}



.text-call-to-action {

    width: 412px;

    float: left;

    display: block;

    height: 46px;

    line-height: 46px;

    border-left: 2px solid #fff;

    border-top: 2px solid #fff;

    border-bottom: 2px solid #fff;

    box-sizing: border-box;

    text-align: center;

    background-color: #ddd;



}



.callback-border {

    border: 2px solid #ddd;

    width: 716px;

    box-sizing: border-box;

}



.btn-call-to-action {

    margin-left: 412px;

    height: 46px;

    line-height: 50px;

    text-align: center;

    background: #0d56a6 url(images/next.png) 45px 16px no-repeat;

    background-size: 3%;

    display: block;

    color: #fff;

    width: 300px;

    cursor: pointer;

    transition: .5s;

    box-sizing: border-box;

  	text-decoration: none;

}



.btn-call-to-action:hover {

    background: #2e7cd0 url(images/next.png) 45px 16px no-repeat;

    background-size: 3%;

}



/* Sidebar */

.single-page-r {

    margin-left: 766px;

}



.email-form {

    margin-bottom: 50px;

}



.callback-form input,

.email-form input {

    width: 100%;

    box-sizing: border-box;

    border: 2px solid #ddd;

    display: block;

    margin-bottom: 2px;

    height: 32px;

    line-height: 32px;

    outline: none;

    padding: 0 10px;

    transition: .5s;

    font-family: 'Ubuntu', sans-serif;

}



.callback-form {

    display: none;

}



.success2 {

    font-size: 12px;

    text-align: left;

    margin: 0 0 10px 0;

}



.success {

    font-size: 11px;

    text-align: center;

    margin: 0 0 10px 0;

}



.error3,

.error4,

.error5 {

    position: absolute;

    background: #fff;

    color: red;

    width: 98%;

    padding: 8px;

    box-sizing: border-box;

    margin-left: 5px;

}



.error3 {

    top: 3px;

}



.error4 {

    top: 41px;

}



.error5 {

    top: 80px;

}



.result {

    background: #fff;

    position: absolute;

    top: 0px;

    left: -1px;

    width: 565px;

    height: 156px;

    display: none;

}



.result p {

    text-align: center;

    line-height: 156px;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: bold;

    color: #2e7cd0;



}





.error6,

.error7,

.error8,

.error9,

.error10 {

    position: absolute;

    background: #fff;

    color: red;

    width: 98%;

    padding: 5px;

    box-sizing: border-box;

    margin-left: 5px;

}



.error6 {

    top: 5px;

}

.error7 {

    top: 38px;

}

.error8 {

    top: 72px;

}

.error9 {

    top: 105px;

}

.error10 {

    top: 138px;

}







.callback-form {

    width: 404px;

    min-height: 380px;

    background: #f2f2f2;

    border: 2px solid #ddd;

    box-sizing: border-box;

    padding: 15px;

}



.callback-form-heading {

    padding: 10px;

    border-top: 2px solid #ddd;

    background: url(images/greyline.jpg) 0 bottom no-repeat;

    display: block;

    text-align: center;

    margin-bottom: 20px;

}



.callback-form textarea,

.email-form textarea {

    width: 100%;

    max-width: 374px;

    box-sizing: border-box;

    border: 2px solid #ddd;

    display: block;

    margin-bottom: 2px;

    height: 92px;

    line-height: 14px;

    outline: none;

    padding: 5px 10px;

    transition: .5s;

    font-family: 'Ubuntu', sans-serif;

  	font-size: 13.5px;

}



.email-form input:focus,

.email-form textarea:focus {

    border: 2px solid #6796c9;

    color: #0d56a6;

}



.email-form-btn {

    width: 100%;

    display: block;

    height: 40px;

    line-height: 35px;

    color: #fff;

    text-align: center;

    background: #0d56a6 url(images/next.png) 94px 13px no-repeat;

    background-size: 2%;

    display: block;

    color: #fff;

    cursor: pointer;

    transition: .5s;

    box-sizing: border-box;

    border: 2px solid #ddd;

}



.email-form-btn:hover {

    background: #2e7cd0 url(images/next.png) 94px 13px no-repeat;

    background-size: 2%;

}





.services-card3 {

    width: max-width: 374px;

    border: 1px solid #0d56a6;

    height: 52px;

    box-sizing: border-box;

    margin-bottom: 3px;

}



.services-card3 img {

    width: 50px;

    height: 50px;

    float: left;

    border-right: 1px solid #0d56a6;

}



.seventysix3 {

    display: flex;

    align-items: center;

    height: 50px;

    width: 320px;

    margin-left: 50px;

    position: relative;



}



.services-card-text3 {

    text-align: center;

    border-left: 2px solid #0d56a6;

    border-right: 2px solid #0d56a6;

    margin: 0 auto;

    padding: 0 10px;

    font-size: 11px;

    width: 246px;

}



.services-border {

    width: 50px;

    height: 50px;

    box-sizing: border-box;

    border-left: 1px solid #0d56a6;

    padding: 1px;

}



.services-card-button3 {

    background: #0d56a6 url(images/previus.png) 18px 16px no-repeat;

    text-indent: 100%;

    white-space: nowrap;

    overflow: hidden;

    width: 48px;

    display: block;

    height: 48px;

}



.services-card-button3:hover {

    background: #2e7cd0 url(images/next.png) 20px 16px no-repeat;

    -webkit-transition: .3s .1s;

    transition: .3s .1s;

  	-webkit-transform: rotate(90deg);

  	transform: rotate(90deg);

}



/* Sidebar */



/* Страница выывода полного текста записи Single Page */



/* Страница Цены, Страница Запчасти */



.data-table,

.data-table-2 {

    width: 100%;

    font-size: 14px;

    border: 1px solid #0d56a6;

    margin-bottom: 10px;

}

.data-table-2 th,

.data-table-2 td,

.data-table th,

.data-table td {

    height: 40px;

    line-height: 18px;

    text-align: left;

    padding-left: 17px;

    border: 1px solid #0d56a6;

    vertical-align: middle;

}



.data-table-2 th,

.data-table th {

    background: #0d56a6;

    color: #fff;

}



.data-table-2 th:first-child,

.data-table th:first-child {

    background: #0d56a6;

    color: #fff;

    width: 57% !important;

}





.data-table td:first-child {

    width: 43% !important;

}



.data-table th:first-child {

    border-right: 1px solid #fff;

}



.data-table-2 th:first-child {

    border-right: 1px solid #0d56a6;

    width: 715px;

}







.table {

    width: 100%;

    font-size: 14px;

    border: 1px solid #0d56a6;

    margin-bottom: 10px;

}



.table th,

.table td {

    height: 40px;

    line-height: 18px;

    text-align: left;

    padding-left: 17px;

    border: 1px solid #0d56a6;

    vertical-align: middle;

}



.table th {

    background: #0d56a6;

    color: #fff;

}



.table th {

    background: #0d56a6;

    color: #fff;

    border-right: 1px solid #fff;

    text-align: left;

    padding-left: 5px;

}



.table th:last-child {

    border-right: 1px solid #0d56a6;

    text-align: center;

}

.table th:nth-child(3n+3),

.table th:first-child,

.table td:nth-child(3n+3),

.table td:first-child {

    text-align: center;

    padding: 0 5px;

}



/* Страница Цены, Страница Запчасти */



/* Страница Контакты */



.about-page  {

    padding: 50px 0;

}
#content p,
.about-page p,
.contacts-page_content p {
    line-height: 1.5;
    margin-bottom: 15px;
}
#content ul,
.about-page ul,
.contacts-page_content ul {
    list-style-type: disc;
    margin-left: 30px;
    margin-bottom: 15px;
}
#content ol,
.contacts-page_content ol {
    list-style-type: decimal;
    margin-left: 30px;
    margin-bottom: 15px;
}
#content li,
.about-page li,
.contacts-page_content li,
.contacts-page_content li {
    line-height: 1.2;
}
#content li:not(:first-child),
.about-page li:not(:first-child),
.contacts-page_content li:not(:first-child) {
    margin-top: 5px;
}
.about-page strong,
.contacts-page_content strong,
#content strong {
    font-weight: 700;
}
.about-page em,
.contacts-page_content em,
#content em {
    font-style: italic;
}
.services-price {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 700;
}


#img404 {

    background: url(images/404.jpg) 0 0 no-repeat;

    width: 800px;

    height: 600px;

    margin: 0 auto;

}



.img404 p {

    text-align: center;

}



/* Страница Контакты */



.autoservice-content {

	margin-top: 50px;

}



.autoservice-content p {

  	margin-bottom: 5px;

  	font-weight: 400;

    font-size: 14px;

    line-height: 20px;



}



.autoservice-content ul {

margin-bottom: 25px;

    list-style: disc;

    padding-left: 50px;

}



.autoservice-content li {

  font-size: 14px;

  line-height: 20px;

}



img.modalimg {

	display: none;

}



iframe {

	margin-bottom: 30px;

}





img.fullwidth {

	min-width: 100%;

  	max-width: 100%;

	height: auto;

	margin-bottom: 30px;

}



img.small-img {

  max-width: 330px;

  width: 330px;

  margin-right: 30px;

}

.contact-info p.text span {

    margin-right: 5px;

}

.contact-info p.text {

    line-height: 20px;

    padding: 5px 0 0;

    position:relative;

}



.contact-info {

    padding-top: 0px;

}



.contact-info p.text.no-mp{

    line-height:24px;

}

.tool-icon-text, .phone-icon-text, .adress-icon-text {

    margin-left: 0;

}

.contact-info p.text a,{

    display: inline-block;

}

.contact-info p.text a img {

    vertical-align: middle;

    width: 24px;

    padding-right: 5px;

}

.contact-info p.text a {

    color: #0059aa;

    text-decoration: none;

}

.contact-info p.text a:hover{

    color: #0059aa;

    text-decoration: underline;

}

.brand-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.brand-block {
    flex: 0 0 25%;
    width: 25%;
    margin-bottom: 30px;
}
.brand-block_link {
    display: block;
    text-decoration: none!important;
}
.brand-block_link:hover .brand-block_title {
    color: #0d56a6;
}
.brand-block_img {
    height: 100px;
    margin-bottom: 10px;
}
.brand-block_img img {
    max-height: 100%;
    height: auto;
    width: auto;
    margin: 0 auto;
    display: block;
}
.brand-block_title {
    display: block;
    text-align: center;
    color: #3E3B3C;
    font-weight: 700;
    font-size: 14px;
}
@media screen and (max-width: 900px) {
 .brand-block {
        flex: 0 0 33%;
        width: 33%;
    }
}
@media screen and (max-width: 500px) {
 .brand-block {
        flex: 0 0 50%;
        width: 50%;
    }
}

.reviews-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -11px;
}
.reviews-block {
    flex: 0 0 33%;
    width: 33%;
    margin-bottom: 22px;
    padding: 0 11px;
        box-sizing: border-box;
}
@media screen and (max-width: 900px) {
 .reviews-block {
        flex: 0 0 50%;
        width: 50%;
    }
}
@media screen and (max-width: 415px) {
 .reviews-block {
        flex: 0 0 100%;
        width: 100%;
    }
}
.reviews-block img {
    height: auto;
    max-width: 100%;
}

.news-box {}
.news-block {
    padding: 30px 0 15px;
}
.news-block {
    border-bottom: 1px solid #ddd;
}
.news-block_title {
    display: block;
    font-weight: 700;
}
.news-block .services-card-button2 {
    color: #fff;
    position: relative;
    left: auto;
    bottom: auto;
    margin: 15px 0 0 auto;
}
.news-block .services-card-button2:hover {
    color: #fff;
}
.news-block p {
    line-height: 1.5;
}
.owl-slider {
    margin: 30px 0;
}
.owl-slider.owl-loaded,
.owl-slider .owl-stage-outer {
    height: auto!important;
}
.owl-slider img {
    height: auto;
    min-height: auto!important;
}
.owl-slider .owl-prev,
.owl-slider .owl-next {
    width: 26px;
    height: 55px;
    background-color: #0d56a6;
    background-position: 7px 20px;
    outline: none !important;
    transition: .3s;
    cursor: pointer;
    position: absolute;
    top: 50%!important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.owl-slider .owl-prev.disabled,
.owl-slider .owl-next.disabled {
    display: none;
}
.owl-slider .owl-prev {
    background-image: url(./images/previus.png);
    background-repeat: no-repeat;
    left: 20px;
}
.owl-slider .owl-next {
    background-image: url(./images/next.png);
    background-repeat: no-repeat;
    right: 20px;
}

.column-left {
    float: left;
    width: 290px;
}
#content::after {
    clear: both;
    content: "";
    display: block;
    position: relative;
}
.column-left + #content {
    margin-left: 330px;
}

  @media screen and (max-width:960px){
    .column-left {
        display: none;
    }
    .column-left + #content {
    margin-left: 0;
}
}

#post_container {
    margin-top: 50px;
}

#post_container .all-services-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
}
.about-page.all-services-block h1,
.about-page.all-services-block h2,
.about-page.all-services-block h3,
.about-page.all-services-block h4
#post_container .all-services-block h1,
#post_container .all-services-block h2,
#post_container .all-services-block h3,
#post_container .all-services-block h4 {
    font-weight: 700;
    margin-bottom: 15px;
}
.about-page.all-services-block h1,
#post_container .all-services-block h1 {
    font-size: 22px;
}
.about-page.all-services-block h2,
#post_container .all-services-block h2 {
    font-size: 20px;
}
.about-page.all-services-block h3,
#post_container .all-services-block h3 {
    font-size: 18px;
}
.about-page.all-services-block h4,
#post_container .all-services-block h4 {
    font-size: 16px;
}
#post_container .all-services-block p,
.about-page.all-services-block p {
    line-height: 1.5;
}
#post_container .all-services-container .services-card2 {
    margin-right: 0;
}

#menu-sidebar {
    border: 1px solid #0d56a6;
}
#menu-sidebar li a:hover {
	background: #0d56a624;
}
#menu-sidebar>li:nth-child(2n) {
    background: #e5eef9;
}
#menu-sidebar li a {
	text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    display: block;
    padding: 15px 20px;
    vertical-align: middle;
    color: #000;
    -webkit-transition: all 0.18s;
    -moz-transition: all 0.18s;
    -o-transition: all 0.18s;
    transition: all 0.18s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}
#menu-sidebar li a.is-active + ul li {
    border: none!important;
}
#menu-sidebar li a.is-active + ul li a {
    text-transform: none;
    height: auto;
    border: none;
    padding: 0;
    font-size: 12px;
    line-height: 2;
    padding-left: 30px;
}
#menu-sidebar li a.is-active + ul {
    padding-bottom: 15px;
}
#menu-sidebar li a.is-active {
    color: #fff;
    background: #0d56a6;
}

.form-site {
    /*padding: 0 15px;*/
    margin-top: 30px;
}
.form-site * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-site .row{
    margin: 15px -15px 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}
.form-site .row > * {
    padding: 0 15px;
}
.form-site .row > * input {
    width: 100%;
    height: 40px;
    line-height: 38px;
    border: 1px solid #e6e6e6;
    padding: 0 15px;
    font: 13px "Open Sans",Arial,Tahoma,sans-serif;
}
.form-site .row > * input[type=submit] {
    height: 40px;
    line-height: 40px;
    background-color: #0d56a6;
    border: none;
    color: #fff;
    cursor: pointer;
}
.form-site .row > * textarea {
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 10px 15px;
    resize: none;
    font: 13px "Open Sans",Arial,Tahoma,sans-serif;
    height: 150px;
}
.form-site .row .col-4 {
    flex: 0 0 33.333%;
    max-width: 33.3333%;
}
.form-site .row .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.form-site .row.justify-content-end {
    justify-content: flex-end;
}
.form-site .row .col-auto {
    flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.form-site span.wpcf7-not-valid-tip {
    margin-top: 5px;
    font-size: 12px;
}
.form-site h2 {
    font-weight: 700;
    font-size: 1.5em;
}
@media screen and (max-width: 660px) {
    .form-site .row .col-4 {
        flex: 0 0 100%;
        max-width:  100%;
    }
    .form-site .row .col-4:not(:first-child) {
        margin-top: 15px;
    }
}

.footer-social {
    margin-left: 5px;
}
.footer-social img {
    vertical-align: middle;
}
.grey {
    background: #e5eef9; 
    padding: 20px 40px;
	margin: 20px 0;
}
.cont-img-1{
	float: right;
    width: 320px;
	overflow:hidden;
}
.cont-img-1 img{
	height: 250px;
}
.prices-table {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 30px;
}
.prices-table tr:first-child{
	font-weight:600;
	text-align: center;
}

.prices-table td {
    vertical-align: middle;
    padding: 10px 20px;
}
.prices-table tr:nth-child(2n) {
    background: #0d56a614;
}
.prices-table a {
    color: #0d56a6;
    text-decoration: none;
    font-weight: 500;
}
.auto-logos .owl-stage-outer {
    height: 200px;
    text-align: center;
}
div.auto-logos{
	height: 200px;
}

.auto-logos .owl-stage-outer p {
    text-transform: capitalize;
    font-size: 16px;
    margin-top: 8px;
}
.all-services-block h2:before {
    content: '';
    border-bottom: 4px solid #0d56a6;
    left: 0px;
    position: absolute;
    width: 60px;
    height: 20px;
    display: inline-block;
    bottom: -10px;
}
.all-services-block h2 {
    position: relative;
    margin-bottom: 25px!important;
}

.all-services-block ul, .all-services-block ol {
    color: #0d56a6;
}

.prem-item {
	width: calc(33% - 40px);
    margin: 0 20px;
    float: left;
    font-size: 14px;
    line-height: 17px;
    height: 200px;
    text-align: center;
}
.preimushestva{
    margin: 40px 0;
    display: inline-block;
}

.prem-item img {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.prem-item span {
    font-weight: 600;
    margin: 10px 0;
    display: inline-block;
}
.prem-item img {
    max-width: 70px;
}
.home-services.container {
    display: inline-block;
	margin:40px 0;
}

.item-services {
    text-align: center;
    width: calc(25% - 20px);
    margin: 10px;
    float: left;
    max-height: 180px;
    position: relative;
    overflow: hidden;
	border-radius: 8px;
}

.item-services img {
    margin: 0 auto;
    text-align: center;
	width:100%;
}
.item-services:before {
    content: '';
    width: 100%;
    bottom: 0;
    top: 0;
    background: #00000047;
    position: absolute;
}


.item-services span {
    width: 80%;
    text-align: center;
    position: absolute;
    font-weight: 700;
    font-size: 18px;
    bottom: 20px;
    color: #fff;
    z-index: 999;
    left: 10%;
    right: 10%;
}

.slider2-container .item-services{
	width: 100%;
}

.slider2-container .item-services span{
	font-weight: 200;
    font-size: 15px;
}
.item-services:hover:before {
    background: #0000008a;
    transition: 0.5s;
}
.item-services:hover span {
    bottom: 50%;
    margin-bottom: -9px;
    transition: 0.5s;
}

.home-content>div {
    float: left;
    display: inline-block;
}
.h-logo {
    width: 15%;
    text-align: center;
}
.h-cont{
	width:85%;
}
.h-cont p {
    margin: 15px 0px;
    font-size: 15px;
}
.h-logo img{
   max-height: 90px;
}
.home-content {
    display: inline-block;
    margin: 40px 0;
}
@media screen and (max-width: 960px) {
	.h-logo, .h-cont, .item-services, .prem-item, .slider2-heading{
		width:100%!important;
		
	}
	.prem-item, .item-services{
		margin: 10px 0!important;
	}
	.h-logo{display:none!important;}
	section.site-header {
		background: #e5eef6;
	}
	div.prem-item{
		height:auto;
	}
}

.home-page-slider .owl-item>div:before {
    content: '';
    background: #0d56a652;
    width: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
}
@media screen and (max-width: 767px) {
	.site-header{
		display: none;
	}
	h2 {
		text-align: left!important;
	}
}
@media screen and (min-width: 768px) {
	.site-header-mobile, .adress-main{
		display:none!important;
	}
}