body, html {
	padding: 0;
	margin: 0;
    font-family: 'Open Sans', sans-serif;
    min-height:100.1%
}

div, p, form, input, a, span, button {
	box-sizing: border-box;
    margin: 0;
}
p {
    font-size: 14px;
}
ul, li {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	font-weight: bold;
}
a, a:hover, a:active {
	text-decoration: none;
	color: #484848;
}
a, button, input {
	transition: all 0.5s ease;
	    outline: none;
}
input, input:hover, input:focus, input:active,
button, button:hover, button:focus, button:active
{
	outline: none;
}

input, textarea, select {	    font-family: 'Open Sans', sans-serif;}
img{
	display: block;
	max-width:100%;
	height:auto;
}
.container {
    max-width: 1280px;
    padding:0 20px;
    margin: 0 auto;

}
.d-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.aic {
    -ms-align-items: center;
    align-items: center;
}
.jcsb {
    justify-content: space-between;
}
.btn  {
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    height: 42px;
    line-height: 42px;
    border: 1px solid transparent;
    text-align: center;
    border-radius: 6px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    font-size: 16px;
    cursor: pointer;
    padding: 0 20px;
    font-weight: 600;
    transition: all 0.5s ease
}
.btn i {
    margin-right: 15px;
}
.btn__white {
    border-color:#FB5A2C;
    color: #FB5A2C;
    background-color: #fff;
    position:relative;
}
.btn__white:hover {
    background-color: #FB5A2C;
    color: #fff;
    transition: all 0.5s ease
}
.btn__orange {
    border-color:#FB5A2C;
    color: #fff;
    background-color: #FB5A2C;
    transition: all 0.5s ease
}
.btn__orange:hover {
    background-color: #fff;
    color: #FB5A2C;
    transition: all 0.5s ease
}
/*                             header start                           */
.header {

}
.header__menu_item:nth-child(-n+3) {
    display: none;
}
.header__top {
    border-bottom: 1px solid #EEF0F4;
    padding: 8px 0;
}
.header__login {
    font-size: 16px;
    font-weight: 600;
}
.header__bottom {
    padding: 6px 0 8px;
}
.header__menu_item {
    margin-right: 30px;
}
.header__menu_item a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #072531;
}
.header__menu_item.active a {
    color: #FB5A2C;
}
.header__menu_item a:hover {
     color: #FB5A2C;
}
.header__menu_item a i {
    margin-right: 9px;
    color: #FB5A2C;
}
.btn__garage {
    color: #fff!important;
}

.btn__garage:hover {
    color: #FB5A2C!important;
}

.btn__garage i {
    margin: 0 15px 4px 0!important;
}
.header__sign-up {
    margin-right: 44px;
}
.btn__sign {
    padding: 0 20px 0 17px;
}
.btn__login {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   -ms-align-items: center;
   align-items: center;
   cursor: pointer;
}
.btn__login i {
    margin-right: 13px;
    color: #FB5A2C;
}
.header__logo_mobile {
    display: none;
    width: 200px;
}
.footer__social_item a:hover  {
    background-color: #fff;
}
.footer__social_item a i {
    transition: all 0.5s ease
}
.footer__social_item a:hover i {
    color: #FB5A2C;
}
/*menu-mob*/
.navBurger {
    display: none;
}
.navBurger {
    cursor: pointer;
    background: #FB5A2C;
    box-sizing: border-box;
    background-clip: content-box;
    width: 22px;
    height: 24px;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.navBurger:before, .navBurger:after {
    content: "";
    position: absolute;
    background: #FB5A2C;
    height: 2px;
    width: 100%;
    right: 0;
    will-change: rotate;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.navBurger:before {
    top: -10px;
    width: 30px;
}
.navBurger:after {
    bottom: -10px;
    width: 16px;
}
.navBurger.active {
    background: transparent;
    background-clip: content-box;
}
.navBurger.active:before {
    -webkit-transform: rotate(135deg);
     transform: rotate(135deg);
     top: 0;
     width: 110%;
}
.navBurger.active:after {
    bottom: 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 110%;
}
.overlay {
    position: static;
    background: #fff;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transform-origin: right top;
    transform: none;
    visibility: visible;
    transition: all 0.4s ease-in-out;
    overflow: visible;
}
.locked {
    overflow: hidden;
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 50px;
    }
    100% {
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
    }
}

/*                             header end                             */

/*                             main-banner start                           */
.main-banner {
    background: linear-gradient(180deg, #072531 0%, #020E12 100%);
    padding: 25px 0px;
}
.main-banner__content {
    background: url(/assets/images/front/orig.png)  no-repeat center center / cover;
    padding: 77px 0;
}
.main-banner__img {
    justify-content: center;
    margin-bottom: 10px;
}
.main-banner__img img:first-child {
    margin-right: 29px;
    margin-left: 40px;
}
.main-banner__desc {
    text-align: center;
    color: #fff;
    margin-bottom: 51px;
}
.main-banner__desc h1 {
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 16px;
}
.main-banner__desc p {
    font-size: 16px;
}
.main-banner__btn {
    justify-content: center;
}
.main-banner__btn .btn {
    padding: 0 28px;
}

.main-banner__btn a {
    margin-right: 18px;
}
.main-banner__btn  div.btn {
    padding: 0 25px;
}
/*                             main-banner end                             */

/*                             main-banner start                           */
.make-order {
    padding-top: 87px;
}
.make-order__wrap {
    text-align: center;
    padding-bottom: 62px;
    border-bottom: 1px solid #EEF0F3;
}
.section-title {
    text-align: center;
    font-weight: bold;
    font-size: 35px;
    color: #072531;
    margin-bottom: 65px;
}
.make-order__list  {
    margin-bottom: 59px;
}
.make-order__item {
    width: 25%;
    margin-right: 17px;
    text-align: center;
}
.make-order__item:last-child {
    margin-right: 0;
}
.make-order__item span {
    font-size: 24px;
    font-weight: bold;
    color: #FB5A2C;
    display: block;
    margin-bottom: 3px;
}
.btn__make-order {
    padding: 0 40px;
    display: inline-flex;
}
/*                             main-banner end                             */

/*                             choose-us start                             */
.choose-us {
    padding-top: 56px;
    padding-bottom: 48px;
}
.choose-us__list {
    justify-content: space-around;
}
.choose-us__item {
    text-align: center;
    width: 156px;
}
.choose-us__item p {
    font-size: 14px;
}
.choose-us__item i {
    height: 38px;
    display: inline-block;
    margin-bottom: 7px;
    color: #FB5A2C;
}
.choose-us__item i.lear-time:before {
    font-size: 32px;
}
/*                             choose-us end                             */

/*                             service start                             */
.owl-carousel .owl-stage-outer {
    overflow: visible;
}
.service .owl-item:last-child {
    margin: 0!important;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #FB5A2C;
}
.service {
    padding-top: 65px;
    padding-bottom: 102px;
    overflow-x: hidden;
}
.service__item {
    border-radius: 12px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    /*width: 295px;*/
    width: 100%;
    padding-bottom: 22px;
    background-color: #fff;
    height:305px;
    position:relative;

}

.service__image {
    margin-bottom: 3px;
    position: relative;
    height:202px;
    background-repeat:no-repeat;
    background-size: cover;
    border-radius:12px 12px 0 0;
}
.service__image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: inset 0px -110px 30px -65px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px -110px 30px -65px rgba(255,255,255,1);
    box-shadow: inset 0px -110px 30px -65px rgba(255,255,255,1);
    width: 100%;
    height: 100%;

}
.service__item img {
   border-radius: 12px 12px 0px 0px;
   position: relative;
}
.service__desc {
    padding: 0 15px;
    position: absolute;
    bottom: 20px;
    height: 80px;
}
.service__desc h5 {
    font-size: 14px;
    color: #072531;
    margin-bottom: 16px;
}
.service__desc span {
    font-size: 16px;
    color: #FB5A2C;
    font-style: italic;
    font-weight: 600;
    position:absolute;
    bottom:0;
}
.service__desc span:hover, .service__item:hover a span  {
    text-decoration: underline;
}
/*                             service end                             */

/*                             footer start                             */
.footer {
    background: #072531;
    padding: 22px 0 34px;
}
.footer * {
    color: #fff;
}
.footer__adress{
    margin-right: 5px;
}
.footer__adress img {
    margin-right: 24px;
}
.footer__adress_item {
    margin-right: 50px;
    font-size:14px;
    line-height:24px;
}
.footer__tel {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    width: 260px;
}
.footer__tel_item {
    margin-right: 45px;
    margin-bottom: 3px;
}
.design__dt {
    color: rgba(255, 255, 255, 0.45);
}
.footer__tel_item a {
    font-size: 14px;
}
.footer__social {
    margin-left: auto;
}
.footer__social_item {
    margin-right: 16.5px;
    float:left;
}
.footer__social_item:last-child{
    margin-right: 0;
}
.footer__social_item a {
    width: 32px;
    height: 32px;
    border-radius: 12px;
    background-color: #253f4a;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
}
.design__mob {
    display: none;
}
/*                             footer end                             */

/*                             breadcrumb start                             */
.breadcrumbs {
    padding: 29px 0;
}
.breadcrumb {
    margin-left: 4px;
}
.breadcrumb > li:after {
    content: "/";
    font-size: 14px;
    color: #88959A;
    margin: 0 4px;
}
.breadcrumb > li:last-child::after {
    content: "";
    display: none;
}
.breadcrumb > li > a, .breadcrumb > li > p {
    font-size: 14px;
    color: #88959A;
}

.breadcrumb > li > p {
    padding-top:2px;
    float:left;
}

/*                             breadcrumb end                             */

/*about-us page*/
.content {
    padding: 7px 0;
}
.page__wrap {
    border-bottom: 1px solid rgba(7, 37, 49, 0.12);
    padding-bottom: 67px;
}
.page__title {
    text-align: center;
    color: #072531;
    font-size: 35px;
    margin-bottom: 56px;
}

.page__img img {
    max-width: initial;
    border-radius: 12px;
}
.page__desc p {
    color: #072531;
    line-height: 19px;
    margin-bottom: 19px;
}
.about-us__content {
	margin-bottom:30px;
}
.page__text h3 {
    font-size: 16px;
    color: #072531;
    margin-bottom: 18px;
}
.page__desc .btn {
    padding: 0 24px;
}
.page__service {
    padding-bottom: 68px;
}

.about_us_images {
	margin:30px 0;
	overflow:hidden;
}

.about_us_images img:last-child {
    margin-right: 0;
}
.about_us_images img {
    float: left;
    margin-right: 30px;
    border-radius: 12px;
    width: calc(33% - 17px);
}

.about-us__img img {
    width:100%;
}
.about-us__img {
    width: calc(33% - 17px);
}

.about-us__desc {
    width: 67%;
    padding-left:30px;
}

/*error(404) page*/
.error-page {
    padding-top: 157px;
    padding-bottom: 341px;
}
.error-page__title {
    justify-content: center;
    color: #000;
    font-size: 500px;
    font-weight: normal;
    line-height: 0.8;
    margin-bottom: 25px;
}
.error-page__title i {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin-left: 10px;
    margin-right: -20px;
    color: #FB5A2C;
}
.error-page__desc {
    font-family: 'Roboto', sans-serif;
    -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;
}
.error-page__desc h2 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 40px;
    color: #000;
    margin-bottom: 12px;
    text-align: center;
}
.error-page__desc p {
    font-size: 18px;
    text-align: center;
    font-weight: 300;
    line-height: 21px;
    color: #000
}
.error-page__desc p a {
    color: #FB5A2C;
    text-decoration: underline;
}

/*contacts page*/
.contacts__content {
    padding-top: 52px;
    padding-bottom: 34px;
    flex-wrap: wrap;
}
.contacts__right {
    margin-right: 147px;
}
.contacts__item {
    margin-bottom: 15px;
}
.contacts__item:nth-child(2) {
    margin-bottom: 9px;
}
.contacts__item i, .contacts__left i  {
    color: #FB5A2C;
    margin-right: 10px;
}
.contacts__left {
    margin-top: 2px;
}
.contacts__time li {
    margin-bottom: 5px;
}
.contacts__map {
    position: relative;
    height: 654px;
}
.contacts__map iframe {
    position: absolute;
    bottom: 0;
    left: 0;
}

/*advert page*/
.advert__wrap {
    margin-top: 11px;
    padding-bottom: 80px;
}
.advert__text {
    margin-bottom: 32px;
}

/*guarantee page*/
.guarantee__wrap {
    text-align: center;
}
.guarantee__wrap .page__title{
    margin-bottom: 38px;
}
.guarantee__wrap .make-order__list {
    margin-bottom: 85px;
}
.btn__guarantee {
    padding: 0 24px;
}

/*work-examples page*/
.work-examples__wrap .page__title {
    margin-bottom: 65px;
}

ul.work-examples__list {
	overflow:hidden;
}
.work-examples__item {
    width: calc(33% - 15px);
    text-align: center;
    margin-bottom: 40px;
    float:left;
    margin-right:15px;
}

.work-examples__item a:hover p {
	color:#FB5A2C;
}

.work-examples__item img {
    margin-bottom: 25px;
    border-radius:12px;
}
.work-examples__item h3{
    font-size: 18px;
    margin-bottom: 13px;
    color: #072531;
    height:46px;
}
.work-examples__item p {
    color: #072531;
    margin-bottom: 44px;
    height:35px;
    transition: all 0.5s ease;
}
.btn__work-examples-item {
    padding: 0 45px;
}

/*actions page*/
.actions__wrap .page__title {
    margin-bottom: 65px;
}

ul.actions__list {
	overflow:hidden;
}

.actions__item {
    width: 800px;
    margin-bottom: 40px;
    margin: 40px auto;
    overflow:hidden;
}

.actions__item img {
    margin-bottom: 25px;
    border-radius:12px;
    width:400px;
    float:left;
}

.actions__item .action_descr {
    width: 400px;
    float: left;
    padding-left: 40px;
}

.actions__item h3{
    font-size: 18px;
    color: #072531;
}

.actions__item p {
    color: #072531;
}

.action_descr .action_dates {
	color: #FB5A2C;
	margin:20px 0;
}



/*job-choice page*/
.job-choice__wrap h1 {
    margin-bottom: 68px;
}
.job-choice__content {
    max-width: 610px;
    margin: 0 auto;
}
.job-choice__top {
    padding-bottom: 61px;
    border-bottom: 1px solid rgba(7, 37, 49, 0.12);
}
.job-choice__item {
    width: calc(33% - 12px);
}
.job-chice__item_link {
    display: block;
}
.job-choice__item__bg {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    background-color: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    padding: 61px 0;
    margin-bottom: 36px;
}
.job-choice__item__bg i:before {
    color: #FB5A2C;
}
.job-choice__item_title h3 {
    font-size: 18px;
    line-height: 25px;
    color: #072531;
    text-align: center;
    font-weight: 600;
}
.job-choice__advert {
    margin-top: 38px;
    margin-bottom: 104px;
}
.job-choice__advert h3 {
    font-size: 18px;
    text-align: center;
    color: #072531;
    margin-bottom: 20px;
}
.job-choice__advert p {
    text-align: center;
    line-height: 22px;
    color: rgba(7, 37, 49, 0.65);
    font-size: 16px;
}

.job-choice__item a:hover .job-choice__item__bg {	background-color: #FB5A2C;}

.job-choice__item a:hover .job-choice__item__bg i:before {
    color: #FFF;
}

.job-choice__item a:hover .job-choice__item_title {	color: #FB5A2C;}

/*repairs page*/
.repairs__wrap .page__title {
    margin-bottom: 69px;
}
.repairs__wrap {
    padding-bottom: 70px;
}
.repairs-car {
    max-width: 396px;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    padding: 25px 0px 6px 20px;
    margin-bottom: 40px;
}
.repairs-car__desc {
 /*   width: 160px; */
    margin-right: 10px;
    margin-bottom: 27px;
}
.repairs-car__title {
    font-size: 18px;
    margin-bottom: 12px;
}
.repairs-car__title span{
    display: block;
    margin-bottom: 1px;
}
.repairs-car__list {
    margin-left: 5px;
}
.repairs-car__list li {
    font-size: 14px;
    color: rgba(7, 37, 49, 0.65);
    margin-bottom: 3px;
}
.repairs-car__img {
    /* width: calc(100% - 170px); */
    position: absolute;
    z-index: 0;
    top: 110px;
    right: 0;
    border-radius: 6px;
}


.repairs-car__img img {
/*    top: 100%;
    transform: translateY(-100%); */
    position: relative;
}
.repairs-choice__search {
    margin-bottom: 39px;
}
.repairs-choice__search label {
    font-size: 14px;
    line-height: 19px;
    color: #072531;
    opacity: 1;
}
.repairs-choice__search_wrap {
    max-width: 400px;
    margin-top: 16px;
    position: relative;
}
#repairs-search, .input {
    height: 100%;
    border: none;
    width: 100%;
    padding: 11px;
    border-radius: 6px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border: 1px solid transparent;
    position: relative;
    outline: none;
}
.repairs-choice__search_wrap i {
    position: absolute;
    width: 39px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    border-radius: 6px;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 1;
    transition: all 0.5s ease;
    color: #8f9da2;
}
.repairs-choice__search_wrap i:hover {
    background-color: #FB5A2C;
    color: #fff;
}
.repairs-choice__search_wrap i:hover ~ #repairs-search {
    border-color: #FB5A2C;
}

#repairs-search {
    border:1px solid #FB5A2C;
}

.input:hover, .input:focus, .input:active {
    border:1px solid #FB5A2C;
}
.repairs-choice__list {
    margin-bottom: 30px;
}
.repairs-choice__list_sub {
    display: none;
    padding: 16px 0;
    padding-left: 20px;
}
.repairs-choice__list >li > div {
    height: 60px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #072531;
    border-bottom: 1px solid rgba(7, 37, 49, 0.12);
    padding-left: 7px;
    padding-right: 17px;
}
.repairs-choice__list >li > div .list_open {
    margin-left: auto;
}

.list_open.active:before {
    content: '\e900';
}
.repairs-quan {
    border: 1px solid #FB5A2C;
    margin-left: 31px;
}
.list_open, .repairs-quan {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
	width: 33px;
    padding: 0 10px;
    height: 40px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    color: #FB5A2C;
    cursor: pointer;
}
.list_open.big_icon {	width:215px;}

.repairs-choice__list_sub li {
 /*   margin-left: 35px;
    margin-bottom: 8px; */
}
/*chexbox*/
.control {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  height: 32px;
  border-bottom: 1px solid rgba(7, 37, 49, 0.12);
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  left: 0;
  top: 0;
  height: 18px;
  width: 18px;
}
.control_indicator {
    position: absolute;
    left: -34px;
    height: 18px;
    width: 18px;
    border: 2px solid rgba(7, 37, 49, 0.45);
    border-radius: 2px;
    margin-right: 17px;
}
span.control_text {
    font-size: 14px;
    line-height: 19px;
    font-weight: normal;
    color: #072531;
}
.control input:checked ~ span.control_text {
    color:#FB5A2C;
}
.control input:checked ~ .control_indicator {
  background: #FB5A2C;;
  border: 2px solid #FB5A2C;
}
.control input:disabled ~ .control_indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control_indicator:after {
  box-sizing: unset;
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control_indicator:after {
  display: block;
}
.control-checkbox .control_indicator:after {
    left: 3px;
    top: -2px;
    width: 6px;
    height: 12px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
/*chexbox*/
.repairs-choice__btn {
    justify-content: center;
}
.repairs-choice__btn .btn__white.btn__repairs {
    padding: 0 25px;
    margin-right: 16px;
}
.repairs-choice__btn .btn__orange.btn__repairs {
    padding: 0 47px;
}

/*garage page*/
.garage {
    overflow: hidden;
}
.garage__wrap .page__title {
    margin-bottom: 30px;
}
.garage__client-info  {
    margin-bottom: 20px;
}
.garage__client-info div {
    margin-left: 13px;
    margin-right: 71px;
}
.garage__client-info div * {
    display: block;
}
.garage__client-info div h5 {
    font-size: 16px;
    color: #072531;
    margin-bottom: 10px;
}
.garage__client-info div > span  {
    font-size: 14px;
    color: rgba(7, 37, 49, 0.65);
}
.garage-slider__item {
    width: 399px;
}
.garage-slider__item:hover .repairs-car__img img {
    opacity: 1;
}

a.under {
    font-size: 16px;
    color: #FB5A2C;
    font-weight: 600;
    font-style: italic;
}
a.under:hover {
    text-decoration: underline;
}
.garage-slider-car {
    width: 100%;
    height: 244px;
    max-width: none;
    position: relative;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   padding: 24px 0px 14px 25px;
   margin-bottom: 20px;
   justify-content: space-between;
}
.garage-slider-car.bg {
     padding: 0;
     height: 244px;
}
.bg {
    background: linear-gradient(0deg, #FB5A2C 0%, #EE9017 100%);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
}
.garage-slider .owl-dots {
    position: absolute;
    top: -20px;
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    border-radius: 2px;
}
.garage-slider .owl-dots .owl-dot {
    width: 100%;
    height: 8px;
    border-radius: 2px;
    background-color: rgba(251, 90, 44, 0.2);
    margin-right: 5px;
}
.garage-slider .owl-dots .owl-dot.active {
    background-color: #FB5A2C;
}
.garage-slider .owl-dots .owl-dot:last-child {
    margin-right: 0;
}
.garage-slider-car i.icon.lear-avto {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    height: 135px;
    width: 135px;
    border-radius: 50%;
    background-color: #FB5A2C;
    position: relative;
}
.garage-slider-car  i.icon.lear-avto:after {
    content: '';
    position: absolute;
    height: 166px;
    width: 166px;
    border-radius: 50%;
    background: linear-gradient(0deg, #FB5A2C 0%, #EE9017 100%);
    z-index: -1;
}

.garage-slider-car i.cam_icon {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #FB5A2C;
    position: absolute;
	left: 10px;
    top: 10px;
}
.garage-slider-car  i.cam_icon:after {
    content: '';
    position: absolute;
    height: 29px;
    width: 29px;
    border-radius: 50%;
    background: linear-gradient(0deg, #FB5A2C 0%, #EE9017 100%);
    z-index: -1;
}

.lear-avto:before {
    z-index: 1;
}
.i-wrap {
    margin-top: -10px;
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    height: 168px;
    width: 168px;
    z-index: 1;
}

.i-wrap.small {
    margin-top: 0px;
    height: 50px;
    width: 50px;
    margin-right: 10px;
}

.i-wrap:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 137, 255, 0) -0.03%, #FFFFFF 100.03%);
    opacity: 0.25;
    border-radius: 50%;
    z-index: -2;
}
.bg a {
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    color: #fff;
    z-index: 1;
    margin-top: -30px;
}
.bg a:hover {
    text-decoration: underline;
}
.garage-slider-car .repairs-car__list {
    margin-left: 2px;
    margin-bottom: 15px;
}
.garage-slider-car .repairs-car__desc > a {
    margin-left: 2px;
}
.btn__garage_item {
    position: absolute;
    top: calc(100% - 12px);
    left: 50%;
    transform: translateX(-50%);
    padding: 0 52px;
}
.garage-slider-car .repairs-car__desc {
    margin-bottom: 23px;
    z-index: 2;
    background-color: rgba(255,255,255,.4);
}
.garage-slider-car .repairs-car__img img {
    /* top: calc(100% - 31px); */
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    opacity: 0.8;
    max-height: 110px;
    max-width: 100%;
    width: unset;
}
.garage-info__list {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    padding: 15px 10px 16px;
    margin-bottom: 15px;
}
.garage-info__list > div {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    border-bottom: 1px solid rgba(7, 37, 49, 0.12);
    padding-bottom: 10px;
    margin-bottom: 12px;
}
.garage-info__list > div > span {
    font-size: 16px;
    color: #072531;
    font-weight: bold;
}
.garage-info__list > .garage-info__list_status {
    border: none;
    margin: 0;
    padding: 0;
    -ms-align-items: flex-end;
    align-items: flex-end;
}
.garage-info__list_status > div > ul > li {
    margin-bottom: 6px;
}
.garage-info__list_status > div > ul > li:last-child {
    margin-bottom: 0;
}
.garage-info__list_status > div > ul .name {
    display: inline-block;
    font-size: 14px;
    color: rgba(7, 37, 49, 0.45);
    width: 50px;
    margin-right: 20px;
}
.status-act {
    color: #3ACA53;
}
.status-no-act {
   color: #FF3B30;
}
.garage__list_sub {
    width: 100%;
    padding: 0;
    padding-top: 7px;
    margin-bottom: 22px;
}
.garage__list_sub li {
    margin: 0;
}
.garage__list_sub li {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
.garage__list_sub li.title {
    margin-bottom: 20px;
}
.garage__list_sub li.title div {
    font-size: 14px;
    color: rgba(7, 37, 49, 0.45);
}
.garage__list_sub li.desc {
    border-bottom: 1px solid rgba(7, 37, 49, 0.12);
    padding-bottom: 17px;
    margin-bottom: 11px;
}

.garage__list_sub li.desc.multiply_work {
    font-size: 14px;
    padding: 5px 20px;
    margin-bottom: 0;
}
.garage__list_sub li.desc.multiply_work.last {
    margin-bottom: 15px;
}

.garage__list_sub li.desc div {
    font-size: 14px;
    line-height: 19px;
    color: #072531;
}
.garage__list_sub li .garage-list__desc {
    width: 50%;
    margin-right: 35px;
}
.garage__list_sub li .garage-list__quan, .garage__list_sub li .garage-list__date {
    width: 60px;
    text-align: center;
}
.garage__list_sub li .garage-list__quan {
    margin-right: 5px;
}
.garage__list_sub li .garage-list__price {
    margin-left: auto;
    width: 50%;
    text-align:right;
}
.garage__item_btn {
    text-align: center;
    margin-top: 45px;
}
.btn__TO {
    padding: 0 60px;
}

/*login page*/
.login__wrap {
    border: none;
    padding-bottom: 65px;
}
.login__wrap .page__title {
    margin-bottom: 4px;
}
.login__desc, .page__title-desc {
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    color: rgba(7, 37, 49, 0.65);
    margin-bottom: 50px;
}
.input {
    display: block;
    height: 49px;
    width: 295px;
    padding: 0 16px;
    font-size: 16px;
}
.inputs__wrap, .btns__wrap {
    max-width: 610px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.inputs__wrap {
    margin-bottom: 38px;
    flex-wrap: wrap;
    position:relative;
}

.or_hover {    position: absolute!important;
    background-color: #fff;
    top: -4px;
    padding: 0 10px;
    left: calc(50% - 25px);
    width: 50px!important;
}
.inputs__wrap div input {
    margin-bottom: 6px;
}
.inputs__wrap div a {
    font-size: 12px;
    text-decoration: underline;
    color: rgba(0, 0, 0, 0.45);
    line-height: 16px;
}

.inputs__wrap div.alert-danger a {
    color: #fff;
}

.btns__wrap {
    justify-content: center;
}
.btn_submit {
    padding:0 70px;
}

/*welcome page*/
.welcome__wrap {
    border: none;
    padding-bottom: 238px;
}
.inputs__wrap h5 {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    color: #072531;
    font-weight: 600;
    margin-bottom: 9px;
}
.welcome-form .input {
    margin-bottom: 18px;
}
.welcome__wrap .page__title {
    margin-bottom: 7px;
}
.welcome__wrap .login__desc {
    margin-bottom: 54px;
}
.welcome__wrap .inputs__wrap {
    margin-bottom: 17px;
}
.welcome__wrap .btns__wrap {
    margin-top: 39px;
}
.btn__go {
    padding: 0 27px;
    margin-left: 20px;
}
.welcome__wrap .inputs__wrap div {
    position: relative;
}
.welcome__wrap .inputs__wrap div .input {
    padding: 0 40px 0 16px;
}
.btn__modal_choice {
    position: absolute;
    top: calc(50% - 6px);
    transform: translateY(-50%);
    right: 15px;
    color: #FB5A2C;
    cursor: pointer;
    z-index: 1;
}

/*regording page*/
.recording__wrap {
    border: none;
    padding-bottom: 99px;
}
.recording__wrap .page__title {
    margin-bottom: 59px;
}
.recording__wrap .page__title-desc {
    margin-bottom: 43px;
}
.recording__calendar {
    margin-bottom: 51px;
}
.recording__calendar_wrap {
    margin-bottom: 52px;
}
.recording__calendar_wrap img {
    margin: 0 auto;
}
.recording__lines {
    margin-bottom: 52px;
}
.recording__lines_wrap {
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
}
.recording__line {
    height: 8px;
    max-width: 64px;
    width: 100%;
    background-color: rgba(251, 90, 44, 0.2);
    margin-right: 3px;
    border-radius: 2px;
}
.recording__line.active {
    background-color:#FB5A2C;
}
.recording__line:last-child {
    margin-right: 0;
}
.recording__lines_wrap {
    margin-bottom: 14px;
}
.recording__lines p {
    text-align: center;
    color: #072531;
}
.recording__branches h5 {
    font-size: 18px;
    line-height: 25px;
    color: #072531;
    text-align: center;
    margin-bottom: 24px;
}
.recording__branches_map {
    margin-bottom: 27px;
}
.recording__branches .footer__adress {
    justify-content: center;
}
.recording__branches .footer__adress .footer__adress_item {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: flex-start;
    align-items: flex-start;
    width: 130px;
    margin-right: 75px;
}
.recording__branches .footer__adress .footer__adress_item:last-child {
    margin-right: 0;
}
.recording__branches .footer__adress img {
    margin-bottom: 11px;
}
.btn_recording {
    padding:  0 52px;
}
.btn__call {
    padding: 0 25px;
}
.recording__wrap .btns__wrap .btn__call {
    margin-right: 20px;
}

/*maintenance1 page*/
.maintenance1__wrap {
    padding-bottom: 115px;
}
.maintenance1__wrap .page__title, .maintenance2__wrap .page__title {
    margin-bottom: 69px;
}
.maintenance1__wrap .repairs-car {
    margin-bottom: 45px;
}
.maintenance1__choice h5, .maintenance2__choice h5 {
    font-size: 16px;
    color: #072531;
    margin-left: 52px;
    margin-bottom: 3px;
}
.maintenance1__choice .repairs-choice__list_sub {
    display: block;
    padding: 0;
    margin-bottom: 37px;
}
.maintenance1__choice .repairs-choice__list_sub li {
    margin-left: 9px;
}
.maintenance1__choice .control_indicator {
    position: relative;
    left: -33px;
    margin-right: 0;
}

/*maintenance1 page*/
.maintenance2__wrap {
    padding-bottom: 110px;
}
.maintenance2__wrap .repairs-car {
    margin-bottom: 51px;
}
.maintenance2__choice h5 {
    color: #FB5A2C;
    margin-left: 67px;
    margin-bottom: 21px;
}
.maintenance2__item {
    margin-bottom: 38px;
    border-bottom: 1px solid rgba(7, 37, 49, 0.12);
    padding-bottom: 20px;
}
.maintenance2__item:last-child {
    margin-bottom: 26px;
}
.maintenance2__item_name {
    margin-bottom: 33px;
}
.maintenance2__item_name > span {
    font-size: 16px;
    color: rgba(7, 37, 49, 0.45);
    font-weight: bold;
}
.maintenance2__item_name > h5 {
    font-size: 16px;
    color: #072531;
    margin-left: 0;
    margin-bottom: 31px;
}
.maintenance2__choice .name, .confirmations__content .garage-info__list_status .name {
    font-size: 14px;
    color: rgba(7, 37, 49, 1)!important;
}
.maintenance2__item_sum .price {
    margin-right: 42px;
    color: #FB5A2C;
}
.maintenance2__item .garage-info__list {
    padding: 11px 13px 7px;
}
.maintenance2__item .garage-info__list > div {
    margin-bottom: 9px;
}
.maintenance2__item .garage-info__list > div > span {
    font-size: 14px;
    line-height: 19px;
    font-weight: normal;
    color: #072531;
}
.maintenance2__item .garage-info__list > div .maintenance2__item__list_name {
    margin-right: 20px;
}
.maintenance2__item .garage-info__list > div > i {
    margin-right: 0px;
}

.maintenance2__item .garage-info__list > div > i.icon.lear-down.list_open span {
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    display: inline-block;
    padding-left: 12px;
    color: #000;
}

.maintenance2__item .garage__list_sub {
    margin-bottom: 17px;
}
.maintenance2__item  .garage__list_sub li {
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
}
.maintenance2__item  .garage__list_sub li > div {
    margin: 0;
    color: #072531;
}
.maintenance2__item .garage__list_sub li.title div {
    color: rgba(7, 37, 49, 0.45);
}
.maintenance2__item  .garage__list_sub li .garage-list__price {
    margin-right: 35px;
}
.maintenance2__item .garage__list_sub li.desc {
    padding-bottom: 2px;
    margin-bottom: 4px;
}
.maintenance2__item .garage__list_sub li.desc.active > div {
    color: #FB5A2C;
    opacity: 1;
}
.maintenance2__item  .garage__list_sub li.title {
    margin-bottom: 16px;
}
.maintenance2__item .garage-info__list .garage-list__desc .control {
    border: none;
}
.maintenance2__item .garage-info__list .garage-list__desc .control_indicator {
    position: relative;
    left: initial;
}
.maintenance2__item .garage-info__list > .garage-info__list_status .price {
    margin-right: 30px;
    font-size: 16px;
    color: #072531;
}
.maintenance2__sum-block {
 /*   margin-top: 26px;
    border-bottom: 1px solid rgba(7, 37, 49, 0.12);
    padding-bottom: 17px; */
    padding-left:10px;
}
.maintenance2__sum-block .price, .maintenance2__sum .price,  .confirmations__content .price{
    margin-right: 35px;
    font-size: 16px;
    font-weight: bold;
    color: #FB5A2C;
}
.maintenance2__sum {
    margin-bottom: 49px;
}
.service.service-maintenance1 {
    padding-bottom: 68px;
}

/*maintenance3 page*/
.maintenance3__content .repairs-choice__list_sub.garage__list_sub, .confirmations__content .repairs-choice__list_sub.garage__list_sub {
    display: block;
}
.maintenance3__wrap .page__title {
    margin-bottom: 14px;
}
.maintenance3__wrap .page__title-desc {
    margin-bottom: 126px;
}
.maintenance3__wrap .garage__list_sub {
    margin-bottom: 33px;
}
.maintenance3__wrap .garage__list_sub li.title div {
    font-size: 16px;
}
.maintenance3__wrap .garage__list_sub li, .confirmations__wrap .garage__list_sub li {
    justify-content: space-between;
}
.maintenance3__wrap .garage-info__list_status .name {
    color: rgba(7, 37, 49, 0.65);
    font-size: 16px;
}
.garage__list_sub li.desc div {
    font-size: 16px;
    line-height: 22px;
    color: #072531;
}
.maintenance3__wrap .garage__list_sub li div, .confirmations__wrap .garage__list_sub li div  {
    margin: 0;
}
.maintenance3__wrap .garage__list_sub li .garage-list__desc {
    width: 235px;
}
.maintenance3__wrap .garage__list_sub li.desc {
    padding-bottom: 26px;
    margin-bottom: 17px;
}
.maintenance3__wrap .garage__list_sub li.title {
    margin-bottom: 17px;
}
.maintenance3__wrap .garage-info__list_status {
    margin-bottom: 58px;
}
.maintenance3__wrap .repairs-choice__btn .btn__orange.btn__repairs {
    padding: 0 29px;
}
.maintenance3__wrap {
    padding-bottom: 70px;
}
.maintenance3__wrap .garage__list_sub li div.garage-list__price {
    margin-right: 47px;
}
.maintenance3__wrap .garage-info__list_status .price, .maintenance3__wrap .garage-info__list_status .price {
    font-weight: bold;
    color: #072531;
    margin-right: 29px;
}

/*add-car page*/
.change__wrap {
    border: none;
    padding-bottom: 235px;
}
.inputs__wrap div {
    position: relative;
}
.change-form .inputs__wrap div input {
    margin-bottom: 16px;
    cursor:pointer;
	background-color: rgba(0,0,0,0);
	z-index:2;
}

.change-form .inputs__wrap div input:disabled {
    background-color: rgba(0,0,0,0.05);
}


.change-form .inputs__wrap {
    margin-bottom: 33px;
}
.btn__change {
    padding: 0 70px;
}

/*personal-data page*/
.personal-data__wrap {
    padding-bottom: 163px;
}
.personal-data__wrap .page__title {
    margin-bottom: 64px;
}
.personal-data-form .inputs__wrap input {
    margin-bottom: 18px;
}
.personal-data-form .inputs__wrap {
    margin-bottom: 17px;
}
.personal-data-form .inputs__wrap h5 {
    margin-bottom: 20px;
}
.personal-data-form .btns__wrap {
    margin-top: 32px;
}

/*confirmations page*/
.confirmations__wrap {
    border-bottom: none;
    padding-bottom: 89px;
}
.confirmations__title_wrap {
    position: relative;
}
.confirmations__title_wrap .container > div {
    padding-top: 32px;
    background-color: #FB5A2C;
    padding-bottom: 62px;
    margin-bottom: 175px;
}
.confirmations__title_wrap .page__title {
    color: #fff;
}
.confirmations__title_wrap .repairs-car {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% - 86px);
}
.confirmations__content .repairs-choice__list_sub {
    display: block;
}
.confirmations__content .garage__list_sub li .garage-list__desc {
    width: 375px;
}
.confirmations__content .garage__list_sub li.desc {
    padding-bottom: 50px;
    margin-bottom: 5px;
}
.confirmations__content .garage__list_sub li .garage-list__price {
    margin-right: 50px;
}
.confirmations__wrap .garage-info__list_status  {
    margin-bottom: 57px;
}
.btn__confirmations {
    padding: 0 60px;
}

/* modal*/
.box-modal {
    max-width: 599px;
    width: 599px;
    background-color: #fff;
    border-radius: 12px;
    position: relative;
    padding: 25px;
    text-align: center;
}
.lear-close {
    position: absolute;
    top: 17px;
    right: 17px;
    cursor: pointer;
}
.modal__title {
    text-align: center;
    font-size: 24px;
    color: #072531;
    margin-bottom: 20px;
}
.modal__text {
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: rgba(7, 37, 49, 0.65);
}

/*login-modal*/
.login-modal__desc {
    max-width: 397px;
    margin: 0 auto;
    border-bottom: 1px solid rgba(7, 37, 49, 0.12);
    margin-bottom: 25px;
}
.login-modal__desc .modal__text {
    margin-bottom: 50px;
}
.modal__social {
    width: 290px;
    margin: 0 auto;
    margin-bottom: 32px;
}
.modal__social_item {
    margin-right: 15px;
}
.modal__social_item:last-child {
    margin-right: 0;
}
.modal__social_item a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    width: 46px;
    height: 46px;
    background-color: #fff;
}
.modal__social_item a i {
    color: #FB5A2C;
}
.modal__social_item a:hover  {
    background-color:#FB5A2C;
}
.modal__social_item a i {
    transition: all 0.5s ease
}
.modal__social_item a:hover i {
    color: #fff;
}
.modal__social_item.mesen i:before {
    font-size: 27px;
}
.modal__social_item.telegram i:before {
    font-size: 23px;
}
.modal__social_item.viber i:before, .modal__social_item.facebook i:before, .modal__social_item.instag i:before  {
    font-size: 25px;
}
.text__log {
    font-size: 14px;
    text-align: center;
    color: #072531;
    line-height: 19px;
    margin-bottom: 25px;
}
.btn__modal_log {
    padding: 0 75px;
    margin-bottom: 13px;
}

/*forgot-modal*/
.forgot-form .input {
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 50px;
}
.forgot-ok-modal__desc .modal__text {
    margin-bottom: 50px;
}

/*option-modal*/
#option {
    padding:50px;
    padding-bottom: 29px;
}
.option-modal__desc h4 {
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #072531;
    font-weight: 600;
    margin-bottom: 20px;
}
#option .repairs-choice__search {
    margin-bottom: 26px;
}
#option .repairs-choice__search_wrap {
    max-width: none;
    width: 100%;
}
.option__list {
    margin-bottom: 35px;
    max-height: 400px;
    overflow-y: auto;
}
.option__list li, .option__list__pickerchange li {
    text-align: left;
    font-size: 14px;
    line-height: 19px;
    color: #072531;
    padding-left: 3px;
    border-bottom: 1px solid rgba(7, 37, 49, 0.12);
    padding-bottom: 4px;
    margin-bottom: 18px;
    cursor: pointer;
}
.option__list li:hover, .option__list__pickerchange li:hover {
    color: #FB5A2C;
}
.btn__modal_choice:hover ~ .input {
    border: 1px solid #FB5A2C;
}

/*change-pass-modal*/
#change-pass {
    max-width: 710px;
    width: 710px;
    padding-bottom: 42px;
}
#change-pass .modal__title {
    margin-bottom: 32px;
}
.change-pass-form .inputs__wrap {
    text-align: left;
    margin-bottom: 35px;
}
.change-pass-form .inputs__wrap h5 {
    margin-bottom: 10px;
}
.change-pass-form .btns__wrap {
    margin-top: 50px;
}
.btn_change-pass {
    padding: 0 64px;
}

.red_input_border {
	border: 1px solid #FB5A2C;
}

.loader_centered {
	width:16px;
	height:16px;
	background:url(/assets/images/loading_sm.gif) no-repeat;
	margin:20px auto;
}

img _rounded {
	border-radius:12px;
}

.hidden {
	display:none;
}

.underlined {
	text-decoration:underline;
}

.orange_link {
    color: #FB5A2C;
}

li.bottom_link {
	border-bottom:unset;
}


#appointment_form .inputs__wrap {
    height: 195px;
}



#appointment_form .btn.btn__garage i {
    margin-right: 15px;
}

#appointment_form .job-choice__item {
    text-align:center;
}

#appointment_form .job-choice__top {
	border:none;
}

#appointment_form .job-choice__item__bg {
    padding:30px;
}

#appointment_form .job-choice__item__bg .icon:before {
	font-size:70px;
	font-weight:600;
}

#appointment_form .inputs__wrap div a {
	text-decoration:none;
	font-size:14px;
	color: rgb(7, 37, 49);
}

#appointment_form .inputs__wrap div a.btn__orange {
    color: #fff;
}

#appointment_form .inputs__wrap div a.btn__orange:hover {
    color: #FB5A2C;
}

#appointment_form .job-chice__item_link.active .job-choice__item__bg {
	background-color:#FB5A2C;
}

#appointment_form .job-chice__item_link.active .job-choice__item_title {
	color: #FB5A2C;
}

#appointment_form .job-chice__item_link.active .job-choice__item__bg i:before {
	color:#fff;
}

/* calculation form */

.btn__white.btn__prev, .btn__white.btn__prev_toggle {
	margin-right:30px;
	padding-right: 20px!important;
	padding-left: 40px;
}

#calculation_form .btn__white, #appointment_form .btn__white, #mile_year .btn__white{
	font-weight:300;
	padding-right: 40px;
}


.approve .btn__white.btn__prev {
    margin-right: 0;
}


button i.lear-next {
    position: absolute;
    right: 10px;
    top: calc(50% - 9px);
    margin-right: 0;
}

button i.lear-prev {
    position: absolute;
    left: 10px;
    top: calc(50% - 9px);
}

#calculation_form .btn i, #appointment_form .btn i {
    margin-right: 0;
}

#calculation_form .job-choice__item {
    text-align:center;
}

#calculation_form .job-choice__top {
	border:none;
}

#calculation_form .job-choice__item__bg {
    padding:30px;
}

#calculation_form .job-choice__item__bg .icon:before {
	font-size:70px;
	font-weight:600;
}

#calculation_form .inputs__wrap div a {
	text-decoration:none;
	font-size:14px;
	color: rgb(7, 37, 49);
}

#calculation_form .job-chice__item_link.active .job-choice__item__bg {
	background-color:#FB5A2C;
}

#calculation_form .job-chice__item_link.active .job-choice__item_title {
	color: #FB5A2C;
}

#calculation_form .job-chice__item_link.active .job-choice__item__bg i:before {
	color:#fff;
}





.footer__social_item a img {
     width:24px;
}

.footer__social_item .icon_svg {
     filter: invert(92%) sepia(100%) saturate(0%) hue-rotate(202deg) brightness(106%) contrast(106%);
     -webkit-filter: invert(92%) sepia(100%) saturate(0%) hue-rotate(202deg) brightness(106%) contrast(106%);
}

.footer__social_item a:hover .icon_svg {
     filter: invert(46%) sepia(51%) saturate(4192%) hue-rotate(344deg) brightness(102%) contrast(97%);
     -webkit-filter: invert(46%) sepia(51%) saturate(4192%) hue-rotate(344deg) brightness(102%) contrast(97%);
}
li.row {
    display: flex;
    margin-bottom: 10px;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}

.step_frame  {	display:none;}

#approve_field, #message_field {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    background-color: #fff;
    padding: 30px;
    margin-bottom: 20px;
    font-size: 14px;
    margin: 0 auto;
    min-height:230px;
    min-width:300px;
}
#calculation_form #approve_field, #calculation_form #message_field {
    width: 100%;
}

.approve .login__desc {	margin-bottom:20px;}

#appointment_form .approve .inputs__wrap {
    height: unset;
}

.send_appointment {	margin-bottom:50px;}

.dwcc .dwhl:first-child .dwwc .dwfl:last-child {
    display: none;
}

.btn__connect {	margin-bottom:40px;}

#req_connect input.input {	width:260px;}

#req_connect .inputs__wrap {
	margin-bottom:26px;
}

textarea.input {	width:100%;
	height:auto;
	padding:16px;}

.main-banner__btn .btn__orange { display:none;}

.advert__content .advert__img {
    margin-right: 40px;
}

.advert__content .advert__img img {
    max-width: 500px;
    max-height: 300px;
    width: unset!important;
    height: unset!important;
}

.page__text.advert__text a {	color:#FB5A2C;
	text-decoration:underline;}

.alert-danger {
    background-color: #dc3545!important;
    color: #fff;
}

.alert-success {
    background-color: #28a745!important;
    color: #fff;
}

.alert {    padding: 10px;
    margin: 30px 0;
	border-radius: 6px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border: 1px solid transparent;
    position: relative;
    width:100%;}

.input-file__item {
  position: relative;
  border: 1px solid #888;
  width: 140px;
  height: 140px;
 /* display: inline-block; */
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

#edit_car_form .input-file__item {  width: 210px;
  height: 130px;
  z-index:2;
}

.input-file__item input {
  opacity: 0;
  position: absolute;
  width: 100%;
  left: 0px;
  cursor: pointer;
  top: 0;
  height: 100%;
  z-index: 10;
}

.input-file__item::before {
  content: '';
  display: block;
  /*padding-bottom: 100%; */
}

.input-file__item::after {
  display: block;
  content: '+';
  font-family: Neumann;
  font-size: 80px;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  position: absolute;
  color:#888;
}

.input-file__item:not(:last-child) {
  margin-right: 20px;
}

.input-file__close {
  color: red;
  font-family: Neumann;
  font-size: 50px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 30px;
  line-height: 27px;
  text-align: center;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: block;
  position: absolute;
  cursor: no-drop;
  right: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  top: 0;
  z-index: 30;
}

._load::after {
  opacity: 0;
}

._load .input-file__close {
  opacity: 1;
}

.input-file__close:hover {
  opacity: 0.6;
  z-index: 11;
}


.form_div_50 {	width:50%;}

.form_div_100 {
	margin:0 auto;
}

.form_div_100 .btn__modal_choice{
	right:10px;
}


.formfield_error {	font-size:12px;
	color: #dc3545!important;
}

.mt10 {	margin-top:10px;}
.mt20 {	margin-top:20px;}
.mt30 {	margin-top:30px;}

.mb10 {	margin-bottom:10px;}
.mb20 {	margin-bottom:20px;}
.mb30 {	margin-bottom:30px;}

.pr10 { padding-right:10px;}
.pr20 { padding-right:20px;}
.pr30 { padding-right:30px;}

.pl10 { padding-left:10px;}
.pl20 { padding-left:20px;}
.pl30 { padding-left:30px;}

.rpad0 {padding-right:0!important;}
.rpad10 {padding-right:10px!important;}
.rpad20 {padding-right:20px!important;}
.rpad30 {padding-right:30px!important;}

.lpad0 {padding-left:0!important;}
.lpad10 {padding-left:10px!important;}
.lpad20 {padding-left:20px!important;}
.lpad30 {padding-left:30px!important;}

.text_right { text-align:right;}
.text_left  { text-align:left;}
.text_center { text-align:center;}

.fl_right { float:right;}
.fl_left  { float:left;}

.dblock {display:block;}

.dark_gray {color:#666;}

.f18 {font-size:18px!important;}
.f16 {font-size:16px!important;}
.f14 {font-size:14px!important;}
.f12 {font-size:12px!important;}

.text-black {color:#000!important;}

.full_width {width:100%;}
.no_height {height:unset;}

.input_shadowed {	padding: 11px;
    border-radius: 6px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border: 1px solid transparent;
    position: relative;}

.step.auto .inputs__wrap .car_image {
    width: 210px!important;
    height: 130px;
    margin: 20px 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.hr_gray {	border: none;
    color: #ccc;
    height: 1px;
    width:100%;
    background-color: #ccc;}

.so_login img {
    width: 30px;
    border:1px solid #fff;
    border-radius: 6px;
    margin-left: 10px;
}

.so_login:hover img {
    border:1px solid #FB5A2C;
}

.flex_centered {	    justify-content: center!important;}

.text-danger {	color: #dc3545!important;}

.text-warning {	 color: #ffc107!important;}

.c-black {	color: #000!important;}

.part_date_alert {	font-size: 14px;}

.part_date_alert i {
	transform: rotate(180deg);
    display: inline-block;
    padding-bottom: 3px;
    margin-left:10px;
    margin-right:5px;
}

.lear-o-nas:before {
    content: "\e913";
    font-size: 20px;
    font-weight: 700;
}

.car_more {	font-size: 12px;
    height: 30px;
    font-weight: 300;
    box-shadow: unset;
    width:unset;}

.car_more_pdf {
    box-shadow: unset;
    height: 30px;
    padding: 0 10px;
}

.full__list.car_more_pdf {
    margin-left: 10px;
    border: none;
    position: relative;
    top: 4px;
}

.view_cam {	cursor:pointer;
	flex-direction: row;
	max-width:400px;
	height:60px!important;
	margin: 0 0 20px 0!important;
	margin-bottom:0;}

.view_cam div {
	color:#fff;
}

.view_cam .play_button {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid white;
    border-bottom: 10px solid transparent;
    margin-left: 4px;
}

.view_cam:hover .play_button {	border-left: 20px solid #ff6;}

.view_cam:hover div {
	color: #ff6;
}

.b-embed-logo .b-embed-logo-image {
    display: none!important;
}

.iv-embedded-link-wrapper {
    display: none!important;
}

.iv-embed {
	margin:0 auto;
	padding:0;
	border:0;
	width:100%;
	height:100%;
	margin-top: 10px;
}

.iv-v, .iv-i  {
	display:block;
	margin:0;
	padding:1px;
	border:0;
}

#cam_window {	height: 377px;}

iframe.iv-i {	width: 100%;
    height: 307px;
}


.btn.disabled, button.disabled, .btn[disabled], button[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.btn__white[disabled] {
    border-color: #999;
    color: #999;
    background-color: #fff;
    position: relative;
}

#mile_year input {width:49%;}

.maintenance1__choice h5 {
    font-weight: 600;
    margin-bottom: 20px;
    margin-left: 7px;
}

.repairs-choice__list_sub .control {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #072531;
    border-bottom: 1px solid rgba(7, 37, 49, 0.12);
    padding-right: 17px;
    margin-left: 33px;
    position: relative;
    cursor: pointer;
    padding: 7px 0;
    height: unset;
}

.maintenance1__choice span.control_text {
    font-size: 14px;
    /* line-height: 48px; */
    font-weight: normal;
    color: #072531;
    margin-left: -15px;
}

.maintenance1__choice .offer span.control_text {
    font-weight: 700;
    color: #000;
}

h4.to_tiltle {
    color: #072531;
    margin: 20px 0 0 10px;
    height: 30px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
}

span.to_name {
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    color: #072531;
    display: inline-block;
    vertical-align: top;
    min-height: 1em;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin: 2px 0 0 50px;
}

.maintenance2__item h4.to_tiltle {
    color: #FB5A2C;
    margin: 0;
    font-size: 20px;
}

.maintenance2__item p.to_descr {
    color: #FB5A2C;
    margin: 0;
}

.to_works {
    border-bottom: 1px solid #FB5A2C;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.to_works .maintenance2__item {
    border: 0;
    margin-bottom: 0;
}

.to_works .maintenance2__item_name > h5 {
    margin-bottom: 0;
}

.to_works .maintenance2__item_name {
    margin-bottom: 6px;
}

table.bordered td {
    border-bottom: 1px solid #eee;
}

.error {	margin: 0 auto!important;
	padding: 10px 20px;
	border-radius: 12px;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
}

.error_fill {	color: #dc3545 !important;
	border: 1px solid #dc3545 !important;
	background-color: #f2dede;}

.success_fill {
	color: #3c763d !important;
	border: 1px solid #3c763d !important;
	background-color: #dff0d8;
}

.garage__client-info.user__info {	padding: 20px 10px;
	border-radius: 12px;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);}

.excl-danger {	width:29px;
	height:24px;
	background:url(/assets/images/front/icons/excl_icon.png) no-repeat;
	display:block;}

.repairs-car__model .excl-danger{	float: right;
	margin-left: 10px;}

i.yakassa {	height:17px;
	width: 72px;
	display:inline-block;
	background: url(/assets/images/front/icons/yookassa_icon.svg) no-repeat;
	margin-left:10px;
	background-size:cover;}

#pay_modal {	max-width:320px;
	width:320px;}
#pay_modal .inputs__wrap {
	justify-content: center;
    align-items: center;
}

#pay_modal .input.digit_dot {	width:130px;}
#pay_modal p.summ {
	margin-right:20px;
}

.width600 {
	max-width:599px!important;
	width:599px!important;
}

.login__desc span.help {	font-size: 14px;
    color: #9d9d9d;}

.btn._shadowed {	box-shadow: 0 6px 12px rgba(0,0,0,.25);}

p#loader_form {
    display: flex;
    justify-content: center;
    align-items: center;
}

p#loader_form img {margin-right:20px;}
.unbr b {font-weight:normal!important;}
