/*
Theme Name: AutoShield

*/

@import url(https://fonts.googleapis.com/css?family=Montserrat:regular,500,600,700,800,900&display=swap);

@import url(https://fonts.googleapis.com/css?family=Jura:regular,600,700&display=swap);




* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  color: #000;
  line-height: 1;
  font-family: "Montserrat";
  font-size: 18px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
  font-family: "Montserrat";
  font-size: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: inherit;
}

a {
  color: inherit;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}
ol {
	padding-left:10px;
}
ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

html {
  scroll-behavior: smooth;
}

.wrapper {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  font-weight: 500;
  background-color: #fff;
  line-height: 1.2;
}

.wrapper > main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.wrapper > * {
  min-width: 0;
}


[class*=__container] {
  max-width: 88.125rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0 auto;
  padding: 0 0.9375rem;
}

.error__box {
  max-width: 1100px;
  margin: 50px auto 0;
  text-align: center;
}

.error-text {
  max-width: 357px;
  margin: 0 auto 100px;
  background-color: #BA001A;
  color: #fff;
  font-weight: 700;
  font-size: 30px;
  border-radius: 20px;
  text-align: center;
}

.tag-active a {
  width: 100%;
  margin-top: 20px;
  padding: 10px;
  background-color: #BA001A;
  font-size: 25px;
  color: #fff;
  border-radius: 5px;
  display: block;
}

.page-arrow {
  display: none;
}
.gallery-arrow {
	margin-top: 36px;
}

[class*=-ibg] {
  position: relative;
}

[class*=-ibg] img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

[class*=-ibg_contain] img {
  -o-object-fit: contain;
     object-fit: contain;
}


.header {
  color: #fff;
}

.header__contact {
  padding: 17px 10px;
  background-color: #1E1E1E;
}

.header__contact-inner {
  max-width: 1290px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header__contact-map {
  color: #D3D3D3;
}

.header__contact-tel {
  font-size: 22px;
  font-weight: 700;
}

.header__box {
  width: 100%;
  background-color: #5A0010;
}

.header__logo {
  padding-right: 15px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5;
  opacity: 0.95;
}

.header__content {
  max-width: 1290px;
  height: inherit;
  margin: 0 auto;
  padding: 17px 10px 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__logo img {
  width: 100%;
}

.header__btn img {
  max-width: 26px;
  width: 100%;
}

.header__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu {
  max-width: 800px;
  margin-left: 0;
  font-size: 22px;
  -webkit-box-flex: 1;
      -ms-flex: 1 65%;
          flex: 1 65%;
}

.menu__list {
  max-width: 616px;
  width: 100%;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.menu__item {
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.menu__item:hover {
  text-decoration: underline;
}

.menu__item.calc_btn{
	display: none;
}

.item-menu__logo {
  display: none;
}

.btn {
  padding: 14px 32px;
  border-radius: 5px;
  border: 2px solid #fff;
}

.header__btn {
  font-size: 18px;
  font-weight: 600;
}

.header__btn:hover {
  background: rgba(217, 217, 217, 0.2);
}

.menu__item-subitem { 
  margin-top: -50px;
  padding-top: 0;
  display: none;
  position: absolute;
  top: 70px;
  z-index: 15;
  font-weight: 400;
  font-size: 18px;
}

.list-categories {
  width: 524px;
  background-color: #fff;
  color: #1E1E1E;  
  padding: 0 12px 0 12px;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 500;
  display: grid;
  grid-template-columns: 1fr 1fr; 
  border-radius: 5px;
  position: relative;
  z-index: 15;
}
.list-categories li {
  margin: 0 18px;
  height: 47px;
  border-bottom: 1px solid #D9D9D9;  
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-categories li span {
  font-size: 30px;
  
}
.list-categories-first {
  border-right: 1px solid #D9D9D9;
}
.list-categories-img:nth-child(2) {
  display: none;
}
.list-categories-link:hover  .list-categories-img:nth-child(2){
  display: block;
}
.list-categories-link:hover .list-categories-img:nth-child(1) {
  display: none;
}


.list-categories-second li:hover {
  background: linear-gradient(125deg, #5A0010 14.93%, #E2243F 63.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.list-categories-first li:hover {
  background: linear-gradient(125deg, #5A0010 14.93%, #E2243F 63.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.serv {
  position: relative;
}
.serv:hover {
  margin-top: 15px; 
}
.serv:hover .menu__item-subitem {
  display: block;
}

.contacts-block {
  display: none;
}
.active-tag {
  background-color: red;
}
.footer {
  background-color: #1E1E1E;
}

.footer__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.footer__name {
  font-size: 30px;
  font-weight: 700;
}

.footer__container {
  max-width: 1290px;
  color: #fff;
}

.footer__container p {
  color: #3C3C3C;
  font-size: 15px;
}

.footer__name {
  color: #BA001A;
}

.footer__name span {
  color: #fff;
}

.footer__name-bottom {
  padding: 20px 0 25px;
  border-top: 3px solid #3C3C3C;
  text-align: center;
}

.footer-menu__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.footer__list-title {
  font-family: "Jura";
  margin-bottom: 15px;
  font-size: 40px;
  font-weight: 700;
}

.footer__inner {
  max-width: 320px;
  -ms-grid-column-align: end;
      justify-self: end;
}

.footer__contacts-tel {
  font-size: 22px;
}

.footer__contacts-map {
  color: #D3D3D3;
}

.footer__contacts li + li {
  margin-top: 14px;
}

.footer__btn {
  margin-top: 25px;
  padding: 19px 35px;
  border-radius: 5px;
  background-color: #BA001A;
  border-color: #BA001A;
  font-weight: 700;
  -webkit-transition: background-color ease-in-out 0.2s;
  -o-transition: background-color ease-in-out 0.2s;
  transition: background-color ease-in-out 0.2s;
  display: block;
}

.footer__btn:hover {
  background-color: #950015;
}

.footer__list {
  max-width: 261px;
  margin-left: 84px;
}

.footer-menu__list li {
  margin-bottom: 20px;
}

.footer__social {
  margin-top: -80px;
}

.footer__content {
  width: 100%;
  padding: 36px 0 26px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 23% 42% 35%;
  grid-template-columns: 23% 42% 35%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.footer__social-items {
  max-width: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}


.footer__social-img:nth-child(2) {
  display: none;
}
.footer__social-items a:hover  .footer__social-img:nth-child(2){
  display: block;
}
.footer__social-items a:hover .footer__social-img:nth-child(1) {
  display: none;
} 


.footer__social-items a {
  position: relative;
}
.footer__social-items a:hover .footer__social-items a::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #1E1E1E;
}


.footer__social-title {
  display: none;
}

.bg__box {
  color: #fff;
}

.bg__slide {
  padding-top: 121px;
  background-size: cover;
}

.bg__slide-content {
  max-width: 593px;
}

.bg__slide-title {
  font-family: Jura;
  font-size: 50px;
  font-weight: 700;
}

.bg__slide-text {
  max-width: 465px;
  margin-top: 23px;
  font-size: 25px;
}

.bg__slide-btn {
  margin-top: 109px;
  font-size: 18px;
  font-weight: 600;
  background: rgba(217, 217, 217, 0.20);
  border-radius: 5px;
  border: 2px solid #fff;
  transition: all ease-in-out 0.3s;
}
.bg__slide-btn:hover {
  border-width: 3px;
  border-radius: 7px;
  border-image: linear-gradient(125deg, #5A0010 14.93%, #E2243F 63.03%) 1 1%;
}

.bg__slide-btn:hover {
  background-color: rgba(217, 217, 217, 0.2);
}


.swiper {
  height: 800px;
}
.bg-pagination span.swiper-pagination-bullet-active {
  background-color: #fff;
}
.bg-pagination {
  margin-top: -20px;
}
@media (max-width: 1200px) {
	.reviews__slide-text {
		font-size: 18px !important;
	}
	.reviews__slide-info {
		font-size:14px !important;
	}
	.more {
		width: 90%;
	}
	.services__item {
		max-height: 250px !important;
	}
}
@media (max-width: 1100px) {
	.bg-button-prev.swiper-button-prev {
		left: 5px;
	}
	.bg-button-next.swiper-button-next {
		right: 5px;
	}
	.second-slide {
		padding-left:20px;
	}
	.six-content {
		padding-left: 10px;
	}
	.six-img {
		margin-right: 30px;
	}
	.services__content-item a{
		width: 90%;
	}
	.price__img {
  		background-size: 112% !important;
  		background-position-y: -30px !important;
  		background-position-x: -90px;
	}
	.blog__card-text {
		gap:10px;
	}
	.contacts__box {
		padding: 133px 10px 120px !important; 
	}
	.header__btn.btn {
		padding: 14px 20px;
	}
	
}

.second-slide {
  max-width: 788px;
}

.second-slide__btn {
  margin-top: 100px;
}

.bg__slide-img .second {
  min-height: 788px;
}

.bg__slide-three .bg__slide-content {
  margin-top: 127px;
  margin-left: 100px;
}

.bg__slide-three {
  background-size: cover;
}

.bg__slide-three .bg__slide-inner {
  max-width: 1600px;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.bg__slide-img.three-slide {
  width: 100%;
  max-height: 800px;
  max-width: 800px;
  padding-top: 0;
}

.bg__slide-img.three-slide img {
  height: 100%;
}
.bg__slide-box.slide-box__four {
  margin-top: 130px;
}
.bg__slide-box.slide-box__four img {
	max-width: 746px;
  width: 100%;
  height: auto;
}
.bg__slide-inner {
  max-width: 1145px;
  margin: 0 auto;
	padding-left:20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.bg__slide-img {
  max-width: 559px;
  padding-top: 25px;
  transition: all ease-in-out 0.3s;
}
.img-back {
  margin-top: -170px;
 
}
.bg__slide-img img {
  width: 100%;
  transition: all ease-in-out 0.3s;
}

.bg__slide-box {
  max-width: 1300px;
  margin: 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bg__slide-box .bg__slide-content {
  margin-top: 50px;
}

.bg__slide-five {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.bg__slide.five {
  padding-top: 0;
}
.img-first:nth-child(2) {
  display: none;
}
.bg__slide-img:hover  .img-first:nth-child(2){
  display: block;
}
.bg__slide-img:hover .img-first:nth-child(1) {
  display: none;
}
.bg__slide-img:hover .img-back {
  opacity:0;
}

.list-categories-img:nth-child(2) {
  display: none;
}

.tab__title:hover  .list-categories-img:nth-child(2){
  display: block;
}
.tab__title:hover .list-categories-img:nth-child(1) {
  display: none;
}
.tab__title:hover .img-back {
  display: none;
}
.list-categories-items {
  max-width: 49px;
}
.list-categories-img  {
  width: 100%;
}


.img-first:nth-child(1) {
  transform: translateY(-300px);
  animation: animationMain 2s forwards;
}
@keyframes animationMain { /* объявляем имя анимации: "go-left-right" */
  from {
    transform: translateY(-300px);
    opacity: 0;
  } /* от: left: 0px */
  to {
    transform: translateY(0);
    opacity: 1;
  } /* до: left: 100%-50px */
}
.content-five {
  height: 800px;
  max-width: 637px;
  padding-top: 190px;
  padding-left: 50px;
  background: rgba(30, 30, 30, 0.83);
}

.slide-six {
  padding-top: 0;
}

.six-img {
  max-width: 526px;
  padding-top: 53px;
  display: -ms-grid;
  display: grid;
  gap: 20px;
}

.six-img img {
  width: 100%;
}

.six-content {
  margin-top: 169px;
}

.six-img-text {
  max-width: 526px;
  position: relative;
}

.six-img-text p {
  font-family: Jura;
  font-size: 50px;
  font-weight: 400;
  text-transform: uppercase;
  position: absolute;
  bottom: -20px;
  right: 10px;
}

.seven__slide {
  padding-top: 0;
}

.seven-content {
  max-width: 1600px;
  padding-top: 45px;
  text-align: center;
}

.text-seven {
  max-width: 1134px;
  margin: 15px auto 0;
}

.btn-seven {
  margin-top: 72px;
}

.img-seven {
  max-width: 1600px;
  padding-top: 0;
}

.bg__benefits {
  background: rgba(30, 30, 30, 0.28);
  padding: 26px 10px;
}
.mobil__benefits {
  display: none;
}

.item-benefits {
  max-width: 998px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.item-benefits-item p {
  max-width: 200px;
  font-size: 25px;
}

.item-benefits-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 21px;
}

.swiper-pagination-bullet {
  height: 17px;
  width: 17px;
  color: rgba(94, 94, 94, 0.62);
}

.swiper-button-prev {
  position: absolute;
  bottom: 20%;
  left: 30px;
  font-size: 30px;
}

.swiper-button-next {
  position: absolute;
  bottom: 20%;
  right: 30px;
  font-size: 30px;
}

.title {
  font-family: Jura;
  font-size: 40px;
  font-weight: 700;
}

.reviews__slider {
  height: inherit;
}
.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
  content: "prev";
  color: #fff;
}

.swiper-button-next::after,
.swiper-rtl .bg-pagination.swiper-button-prev::after {
  content: "next";
  color: #fff;
}

.swiper-button-next::after,
.swiper-rtl .works-pagination.swiper-button-prev::after {
  content: "next";
  color: rgb(171, 171, 171);
}

.swiper-button-prev::after,
.swiper-rtl .works-pagination.swiper-button-next {  
  color: rgb(171, 171, 171);
}
.reviews__button-prev.swiper-button-prev {
  position: absolute;
  top: 400px;
  left: 45%;
}
.reviews__button-next.swiper-button-next  {
  position: absolute;
  top: 400px;
  right: 45%;
}

.services__title {
  max-width: 275px;
  margin: 60px 0;
  border-bottom: 4px solid #BA001A;
}

.services__container {
  max-width: 1290px;
  margin: 0 auto;
  padding-bottom: 172px;
}

.services__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 24%;
  grid-template-columns: auto 24%;
  gap: 16px;
}

.services__items {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.services__item {
  max-width: 320px;
  max-height: 298px;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  color: #fff;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.services__item img {
  height: 100% !important;
}


.services__item a { 
  height: 100%;
  display: block; 
  position: relative; }

.services__item a:after { 
  content: ''; 
  position: absolute; 
  left: 0;    
  bottom: 0; 
  background-image: linear-gradient(4deg, rgba(186, 0, 26, 0.77) 6.45%, rgba(24, 24, 24, 0.00) 68.02%);  
  opacity: 0; 
  }

.services__item a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; 
  background-image: linear-gradient(4deg, rgba(186, 0, 26, 0.77) 6.45%, rgba(24, 24, 24, 0.00) 68.02%); 
  opacity: 0; }

.services__item a:hover:before,
.services__item a:hover:after {
   opacity: 1; }

.services__item:hover {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
  position: relative;
}


.services__item-inner {
  padding: 0 0 13px 20px;
  position: absolute;
  bottom: 10px;
  z-index: 2;
}

.services__item-inner h4 {
  font-size: 30px;
  font-weight: 600;
}

.services__item-inner img {
  height: 38px;
  width: 38px;
}

.services__content-item {
  max-width: 309px;
  position: relative;
	overflow: hidden;
}

.services__content-item img {
  width: 100%;
	height: 100%;
}

.services__content-item a {
  position: absolute;
  top: 45%;
  left: 6%;
  background-color: #BA001A;
  border: none;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
}

.services__content-item a:hover {
  background-color: #950015;
}

.why.move .why__box {
  animation: sections 1.2s forwards;
} 

@keyframes sections {
  0% {
    transform: translateY(200px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.why {
  background-color: #1E1E1E;
}

.why__box {
  max-width: 1221px;
  margin: 0 auto;
  padding: 58px 10px 110px;
  color: #fff;
  transform: translateY(200px);
	opacity:0;
}
.reviews.move .reviews__box, .works.move .works__box, .price.move .price__box {
	animation: sections 1.2s forwards;
}
.why__title {
  width: 307px;
  border-bottom: 4px solid #BA001A;
  padding-bottom: 3px;
}

.why__subtitle {
  font-family: Jura;
  font-size: 25px;
  font-weight: 700;
  margin-top: -15px;
  background-color: #1E1E1E;
  width: 139px;
}

.why__content {
  margin-top: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 49px;
}

.why__about {
  max-width: 598px;
  display: -ms-grid;
  display: grid;
}

.why__about p {
  color: #FCFCFC;
}

.why__about-years {
  margin-top: 25px;
  font-family: Jura;
}

.why__about-years p,
.why__about-specialists p,
.why__about-clients p {
  position: relative;
}

.points {
  font-size: 70px;
  font-weight: 700;
}

.years {
  font-size: 40px;
  font-weight: 700;
  position: absolute;
  top: 5px;
  text-transform: uppercase;
}

.work {
  font-size: 30px;
  font-weight: 700;
}

.why__about-specialists {
  -ms-grid-column-align: end;
      justify-self: end;
  padding-right: 55px;
}

.why__about-specialists,
.why__about-clients {
  font-family: Jura;
}

.why__about-specialists .points {
  font-size: 65px;
}

.why__about-btn {
  max-width: 272px;
  margin-top: 51px;
  background-color: #BA001A;
  border: none;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  -webkit-transition: background-color ease-in-out 0.3s;
  -o-transition: background-color ease-in-out 0.3s;
  transition: background-color ease-in-out 0.3s;
}

.why__about-btn:hover {
  background-color: #950015;
}

.why__info {
  max-width: 570px;
}

.why__info-title {
  color: #EFEFEF;
  font-family: Jura;
  font-size: 30px;
  font-weight: 700;
}

.why__info-items {
  margin-top: 41px;
  padding-left: 32px;
}

.why__info-item span {
  text-decoration: underline;
}

.why__info-items li + li {
  margin-top: 55px;
}

.works__box {
  max-width: 1221px;
  margin: 56px auto 0;
  padding-bottom: 100px;
	transform: translateY(200px);
	opacity:0;
}

.works__more {
  margin-bottom: 88px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.works__title {
  max-width: 270px;
  border-bottom: 4px solid #BA001A;
}
.work-arrow, .blog-arrow {
  font-size: 12px;
}
.works__slide-inner {
  max-width: 1084px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}

.works__slide-content {
  max-width: 536px;
  border-radius: 10px;
  overflow: hidden;
  gap: 12px;
  position: relative;
}

.works__slide-content img {
  width: 100%;
}

.works__slide-content p {
  position: absolute;
  bottom: 25px;
  left: 34px;
  color: #FCFCFC;
  font-size: 40px;
  font-weight: 600;
  text-transform: uppercase;
}

.works__more a {
  color: #ABABAB;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: color ease-in-out 0.3s;
  -o-transition: color ease-in-out 0.3s;
  transition: color ease-in-out 0.3s;
}

.works__more a:hover {
  color: rgb(186, 0, 26);
  position: relative;
  text-decoration: underline;
}

.swiper-pagination-bullet-active {
  background-color: #BA001A;
}
.price {
  background-color: #1E1E1E;
}

.price__box {
  max-width: 1277px;
  margin: 0 auto;
  padding: 51px 10px 108px;
  color: #fff;
  position: relative;
  transform: translateY(200px);
  opacity:0;
}

.price__title {
  max-width: 500px;
  border-bottom: 4px solid #BA001A;
}


.price__img {
  height: 603px;
  background-size: 100%;
  background-position-y: -50px;
  background-image: url("/wp-content/themes/AutoShield/assets/img/price.webp");
  
}

.mirrow-name {
  width: 173px;
  font-size: 19px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #BA001A;
  text-align: center;
  padding: 5px 0;
}

.mirrow-price {
  margin-top: 11px;
  font-size: 25px;
  position: relative;
}

.mirrow-price span {
  font-size: 13px;
  position: absolute;
  top: 0;
}

.mirrow {
  position: absolute;
  top: 26%;
  left: 23%;
}

.roof {
  position: absolute;
  top: 29%;
  right: 11%;
}

.trunk {
  position: absolute;
  top: 43%;
  right: 5%;
}

.doors {
  position: absolute;
  bottom: 25%;
  right: 10%;
}

.threshold {
  position: absolute;
  bottom: 15.5%;
  right: 21.5%;
}

.wing {
  position: absolute;
  top: 78%;
  left: 35%;
}

.bumper {
  position: absolute;
  top: 67%;
  left: 4.5%;
}
.wp-tag-cloud li {
  padding: 10px;
  border-radius: 5px;
  background-color: #DCDCDC;  
}
.wp-tag-cloud li {
  margin-top: 8px;
}
.wp-tag-cloud li a {
  display: block;
  width: 100%;
  background-color: #DCDCDC;
}
.blog__box {
  max-width: 1221px;
  margin: 0 auto;
  padding: 58px 10px 85px;
}

.blog__title {
  border-bottom: 4px solid #BA001A;
  width: 189px;
}

.blog__cards {
  max-width: 1104px;
  margin: 99px auto 0;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 20px;
}

.blog__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog__more a {
  color: #ABABAB;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: color ease-in-out 0.3s;
  -o-transition: color ease-in-out 0.3s;
  transition: color ease-in-out 0.3s;
}

.blog__more a:hover {
  padding-bottom: 3px;
  color: rgb(186, 0, 26);
  text-decoration: underline;
}

.blog__card {
  max-width: 344px;
  border: 1.5px solid #DCDCDC;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.blog__card-text {
  color: #B5B5B5;
  margin: 20px 0 15px 22px;
  font-size: 13px;
  text-transform: lowercase;
  display: flex;
   align-items: center;
}
.blog__card-text img {
  margin-right: 6px;
}
.blog__card-text svg {
  margin: 0 5px 0 31px;
}
.blog__card:hover {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
  border: 1.5px solid #BA001A;
  transition: all ease-in-out 0.3s;
}

.blog__card:hover .blog__card-more {
  color: #BA001A;
}

.blog__card-title {
  margin: 16px 0 41px 22px;
  font-size: 17px;
  font-weight: 600;
}

.blog__card-more {
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
}

.blog__card-info {
  margin: 0 22px 28px 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog__card-date {
  color: #B5B5B5;
  font-size: 13px;
  text-transform: lowercase;
}

.blog__card-img {
  width: 100%;
}

.blog__card-img img {
  width: 100%;
}

.reviews {
  background-color: #1E1E1E;
}
.reviews__wrapper {
  height: 339px;
}
.reviews__box {
  width: 100%;
  padding: 58px 0 111px;
  color: #fff;  
  min-height: 500px;
  transform: translateY(200px);
  opacity:0;
}


.reviews__title {
  margin-bottom: 37px;
  border-bottom: 4px solid #BA001A;
  width: 160px;
  margin-left: 150px;
}

.works__slider {
  height: 600px;
}

.reviews__slider {  
  position: relative;
  padding-bottom: 100px;
}

.reviews__slide {
  max-width: 658px;
  min-height: 339px;
 /* height: 339px; */
  padding: 30px 30px 54px 50px;
  background-color: #333232;
  display: -ms-grid;
  display: grid;
}

.reviews__slide.swiper-slide-active {
  background-color: #393939;
}

.reviews__slide-title {
  margin-bottom: 27px;
  font-size: 22px;
  font-weight: 700;
}
.reviews__slide-star {
  display: flex;
  justify-content: space-between;
}
.reviews__slide-text {
  min-height: 120px;
  margin-bottom: 36px;
  font-size: 20px;
  font-weight: 400;
}

.reviews__slide-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: 400;
  color: #8D8D8D;
}

.contacts__box {
  max-width: 1072px;
  padding: 133px 0 120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contacts__title {
  border-bottom: 4px solid #BA001A;
  width: 191px;
  margin-bottom: 46px;
}

.contacts__list {
  max-width: 354px;
  font-size: 22px;
  font-weight: 700;
}

.contacts__form, .nf-form-content  {
  max-width: 426px;
}
.contacts__form {
	position: relative;
}
.contacts__list-item {
  color: #807D7D;
  font-size: 22px;
  font-weight: 500;
}

.contacts__list li + li {
  margin-top: 31px;
}

.contacts__form-title {
  margin-top: 11px;
  margin-bottom: 32px;
  color: #ABABAB;
}


.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
	width: 100%;
	height: 70px !important;
  padding: 23px 21px !important;
  border-radius: 5px !important;
  border: 2px solid #C5C5C5 !important;
  color:  #ABABAB !important;
  font-family: Montserrat !important;
  font-size: 20px !important;
  font-weight: 500 !important;
	background-color: #fff !important;
}

.form input + input {
  margin-top: 30px;
}

.ninja-forms-field.nf-element {
  width: 100%;
  margin-top: 30px;
  padding: 22px 0;
  border-radius: 5px;
  background-color: #BA001A;
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  -webkit-transition: background-color ease-in-out 0.3s;
  -o-transition: background-color ease-in-out 0.3s;
  transition: background-color ease-in-out 0.3s;
}
.nf-before-form-content, .nf-form-title, .nf-field-label {
	display:none;
}

.contacts__form-btn:hover {
  background-color: #950015;
}
.form-input {
  margin-top: 30px;
}
.nf-response-msg {
	width: 627px;
	padding: 78px 23px 81px 47px;
	position: absolute;
    top: 0;
	left: -5%;
	border-radius: 7px;
	background: #F0F0F0;
}
.nf-response-msg p {
	color: #777 ;	
	font-family: Montserrat ;
	font-size: 22px;
	font-weight: 500;
}
.nf-response-msg p:first-child {
	margin-bottom: 36px;
	color:  #1E1E1E;
	font-family: Jura;
	font-size: 40px;
	font-weight: 700;
	
}
 .field-wrap input[type=submit]{
	 width: 100% !important;
	border-radius: 5px;
	background: #BA001A !important;
	color: #fff !important;
	font-family: Montserrat !important;
	font-size: 22px !important;
	font-weight: 500 !important;
	 cursor: pointer;
	 border-color: #BA001A !important;
	 transition: background ease-in-out 0.3s;
}
.field-wrap input[type=submit]:hover {
	background: #950015 !important;
}
.map__box img {
  width: 100%;
}

.map__discont {
  padding: 100px;
  background-size: cover;
  background-position: bottom;
  color: #fff;
  background-image: url("/wp-content/themes/AutoShield/assets/img/map1.webp");
}

.map__discont-subtitle {
  font-family: Jura;
  font-size: 40px;
  font-weight: 700;
}

.map__discont-title {
  margin-bottom: 134px;
  font-family: Montserrat;
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
}

.map__discont-content {
  max-width: 657px;
}

.map__discont-text {
  color: #1E1E1E;
  font-family: Montserrat;
  font-size: 30px;
  font-weight: 600;
}

.service-page__inner {
  max-width: 1290px;
  margin: 0 auto;
  padding-top: 27px;
}

.service-page__title {
  border-bottom: 4px solid #BA001A;
  width: 176px;
  margin: 0 auto 84px;
}

.service-page__box {
  max-width: 1280px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 40% auto;
  grid-template-columns: 40% auto;
  gap: 33px;
}

.page__about {
  color: #D3D3D3;
}

.page__about span {
  color: #1E1E1E;
  text-decoration: underline;
}

.tab__title {
  height: 72px;
  padding-right: 10px;
  padding-left: 16px;
  border-radius: 5px;
  border: 2px solid #1E1E1E;
  font-size: 22px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tab__title span {
  font-size: 36px;
}

.tab__title span.icon-2 {
  font-size: 60px;
}
.tab__title:hover {
  border-color: #BA001A; 
  background: linear-gradient(125deg, #5A0010 14.93%, #E2243F 63.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }
.service-page__sidebar li + li {
  margin-top: 7px;
}

.service-page__body {
  padding: 35px 40px;
  margin-bottom: 86px;
  border-radius: 5px;
  border: 2px solid #DCDCDC;
}

.service-page__body h3 {
  margin-bottom: 27px;
  font-size: 35px;
  font-weight: 600;
}

.service-page__body p + p {
  margin-top: 20px;
}

.service-page__body h4 {
  margin-top: 20px;
  text-decoration: underline;
}

.service-page__imgs {
  margin-top: 41px;
  display: -ms-grid;
  display: grid;
  gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.service-page__imgs img {
  max-width: 340px;
  width: 100%;
  max-height: 233px;
  height: 100%;
}

.service-page__texts {
  margin: 11px 0 89px 50px;
  color: #BABABA;
}

.service-page__subtitle img {
  margin-right: 18px;
  margin-top: 10px;
}

.service-page__pic {
  width: 100%;
  margin-top: 15px;
}

.polishing {
  width: 100%;
  -ms-grid-columns: 30% 70%;
  grid-template-columns: 30% 70%;
}

.polishing img {
  max-width: 406px;
  width: 100%;
  height: 100%;
}

._tab-active {  
  border-color: #BA001A;
  background: linear-gradient(125deg, #5A0010 14.93%, #E2243F 63.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.blog-page__title {
  width: 189px;
  border-bottom: 4px solid #BA001A;
  margin: 0 auto 72px;
}
.blog-page__card + .blog-page__card {
  margin-top: 27px;
}
.blog-page__box {
  margin-bottom: 289px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  gap: 23px;
}

.blog-page__cards {
  max-width: 932px;
 
}

.blog-page__card {
  height: 241px;
  margin-bottom: 24px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 37% auto;
  grid-template-columns: 37% auto;
  gap: 17px;
  border: 1.5px solid #DCDCDC;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.blog-page__card:hover {
  border-color: #BA001A;
}

.blog-page__card:hover a {
  color: #BA001A;
}
.blog-page__category li span {
  font-size: 30px;
  font-weight: 200;
}
.tag-text {
  font-size: 60px;
  font-weight: 700;
}
.content-card {
  padding: 24px 17px 15px 0;
  display: -ms-grid;
  display: grid;
}

.img-card {
  max-width: 344px;
}

.img-card img {
  width: 100%;
  height: 100%;
}

.card-title {
  font-size: 30px;
  font-weight: 600;
}

.card-times {
  color: #B5B5B5;
  font-size: 13px;
}

.card-text {
  max-width: 486px;
  color: #ABABAB;
  font-size: 18px;
}

.blog-page__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.blog-page__card + .blog-page__card {
  margin-top: 27px;
}

.blog-page__sidebar {
  max-width: 322px;
  -webkit-box-flex: 0;
      -ms-flex: 0 65%;
          flex: 0 65%;
}
.wp-tag-cloud {
  margin-top: 8px;
}
.blog-page__tag {
  width: 100%;
  text-align: center;
}

.tag-title {
  font-family: Jura;
  font-size: 30px;
  font-weight: 700;
}



.blog-page__tag {
  padding: 15px 15px 30px;
  border: 1.5px solid #DCDCDC;
}
.tab__tag {
  padding: 15px 15px 30px;
  border: 1.5px solid #DCDCDC;
}
.tag-tag  {
  padding: 10px;
  border-radius: 5px;
  background-color: #DCDCDC;
}

.tag-list {
  margin-top: 20px;
}

.tag-list li {
  padding: 10px;
  border-radius: 5px;
  background-color: #DCDCDC;
  font-size: 25px;
}

.tag-list li + li {
  margin-top: 9px;
}

.blog-page__category {
  width: 100%;
  margin-top: 14px;
  font-size: 14px;
  font-weight: 600;
}

.blog-page__category li {
  padding: 5px 14px 5px 10px;
  border-radius: 3.16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1.3px solid #1E1E1E;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.blog-page__category li a {
  display: block;
  width: 100%;
}

.blog-page__category li:hover {
  border-color: #5A0010;

 background: linear-gradient(125deg, #5A0010 14.93%, #E2243F 63.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.blog-page__category li + li {
  margin-top: 9px;
}

.blog-page__pagination {
  padding-bottom: 99px;
}

.blog-page__pagination p {
  height: 71px;
  width: 71px;
  border-radius: 5px;
  border: 2px solid #1E1E1E;
  font-size: 30px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.item-box {
  margin-bottom: 168px;
}

.item__inner {
  max-width: 1277px;
  margin: 27px auto 0;
}

.item__title {
  max-width: 963px;
  margin: 55px auto 44px;
  text-align: center;
  font-size: 50px;
  font-weight: 700;
}

.item-content {
  padding: 42px 30px 30px;
  font-size: 28px;
  border: 1.5px solid #DCDCDC;
}

.item-content p + p {
  margin-top: 30px;
}

.item-content-img {
  width: 100%;
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/span 2;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

.item-content-img img {
  width: 100%;
  height: 100%;
}

.item-content-car {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
}

.gallery-title {
  width: 296px;
  margin-top: 62px;
  margin-bottom: 70px;
  border-bottom: 4px solid #BA001A;
}

.gallery-inner {
  margin-bottom: 153px;
}

.gallery__slide-content {
  max-width: 545px;
  max-height: 554px;
}

.gallery__slide-content img {
  width: 100%;
}

.gallery__inner {
  position: relative;
  gap: 10px;
}

.gallery-prev,
.gallery-next {
  color: #BA001A;
}

.gallery-prev {
  position: absolute;
  top: 80%;
  left: 100px;
}

.gallery-next {
  position: absolute;
  top: 80%;
  right: 100px;
}
.gallery__pagination {
	display: none;
}
.error__box img {
  width: 100%;
}
.error__box {
  padding-left: 10px;
  padding-right: 10px;
}
.gallery-slider {
  margin-bottom: 153px;
}

.gallery-button-prev::after {
  color: #950015;
}
.gallery-button-next::after {
  color: #950015;
}
.swiper-horizontal > .swiper-pagination-bullets.bg-pagination {
  bottom: 40px;
}
.social-items {
  margin-top: 29px;
  display: none;  
  background-color: #1E1E1E;
  width: 100%;
  display: flex;
  justify-content: space-between;
  display: flex;

}
.social-items a {
  display: block;
}
/*--------------------------------*/

/*--------------------------------*/
.nav-links {
  height: 71px;
  font-size: 30px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.page-numbers  {
  width: 71px;
  height: 71px;
  border-radius: 5px;
  border: 2px solid #1E1E1E;
  display: flex;
  align-items: center;
  justify-content: center;
}
.current {
  color: #950015;
  border-color: #950015;
}
.page-numbers:hover {
  color: #950015;
  border-color: #950015;
}

.blog-category__pagination { 
  display: flex;
  gap: 10px;
  justify-content: center;
}
.blog-category__pagination a, .blog-category__pagination span {
  font-size: 30px;
  font-weight: 600;
}
.card-times {
	display: flex;
    align-items: center;
}
.card-times a {
	display: inline-flex;
	align-items: center;
    gap: 16px;
}





@media (max-width: 998px) {
  .menu,
  .header__contact-map,
  .header__contact-time {
    font-size: 18px;
  }

  .header__btn {
    margin-left: 15px;
    font-size: 16px;
    padding: 14px 15px;
  }
	.header__btn.btn {
    	padding: 14px 14px;
		font-size: 14px;
  }
	.bg__slide-three .bg__slide-content {
  		margin-left: 50px;
	}
	.seven__slide.bg__slide {
		padding-left:0;
		padding-right:0;
		padding-top: 0;
	}
  .footer-menu__list,
  .footer__contacts {
    font-size: 18px;
  }

  .footer__list {
    margin-left: 120px;
  }

  .services__content {
    gap: 10px;
  }

  .services__content a {
    font-size: 16px;
  }

  .services__content {
    -ms-grid-columns: auto 25%;
    grid-template-columns: auto 25%;
  }

  .services__item-inner h4 {
    font-size: 16px;
  }

  .services__item-inner a {
    font-size: 12px;
  }

  .services__item-inner img {
    height: 20px;
    width: 20px;
  }

  .more {
    padding: 14px 20px;
    width: 90%;
    font-weight: 500;
    text-align: center;
  }

  .works__box {
    padding-left: 10px;
    padding-right: 10px;
  }

  .mirrow {
    top: 25%;
  }

  .roof {
    top: 26%;
    right: 7%;
  }

  .trunk {
    top: 38%;
    right: 0;
  }

  .bumper {
    top: 64%;
    left: 2%;
  }

  .wing {
    top: 72%;
  }

  .doors {
    right: 5%;
    top: 61%;
  }

  .threshold {
    top: 69%;
    right: 20%;
  }

  .contacts__box {
    padding-left: 10px;
    padding-right: 10px;
  }
  .bg__slide {  
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 64px;
  }
  .bg__slide-inner {
    gap: 15px;
  }
  .three-slide {
    margin-left: -100px;
  }
  .content-three {
    max-width: 450px;
  }
  .slide-box__four img{
    max-width: 500px;
    width: 100%;
  }
  .service-page__inner {
    padding: 0 10px;
  }
  .bg__slide-five {
    margin-right: -30px;
  }
  .content-five {
    max-width: 500px;
  }
  .bg__benefits {
    margin: 30px -30px 0 -30px;
  }
  .img-card img {
    height: inherit;
  }
  .blog-page__card {
    height: inherit;
  }
  .gallery-title {
    margin-left: 10px;
  }
  .gallery-content {
    min-height: 450px;
    
  }
  .gallery-content img {
    height: 100%;
    width: inherit;
    margin-left: -50px;
    border-radius: 10px;
    overflow: hidden;
  }
	.nf-response-msg {
	width: inherit;
	padding: 50px 23px 81px 47px;	
	left: 0;	
	}
	
	.reviews__slide-text {
  		font-size: 16px !important;
	}
	.reviews__slide-info {
		font-size: 16px;
	}
}

@media (max-width: 850px) {



}

@media (max-width: 769px) {
  .title {
    width: 155px;
  }

  .services__content-item .more {
    padding: 14px 15px;
    font-size: 14px;
  }

  .why__title {
    width: 235px;
    font-size: 30px;
  }

  .why__about p,
  .why__info-item p {
    font-size: 18px;
  }

  .why__about-btn {
    max-width: 170px;
    font-size: 14px;
    padding: 0 15px;
	display: flex;
    align-items: center;
  }
  .works__box {
    padding-bottom: 30px;
  }
  .works__title {
    width: 280px;
  }
  .works__more {
    font-size: 14px;
  }
  .works__slider {
    height: 450px;
  }
	.services__items {
		max-height: 380px;
	}

  .price__img {
    height: 400px;
    background-position-y: -40px !important;
    background-position-x: -60px;
  }

  .mirrow-name {
    width: 100px;
    font-size: 12px;
    font-weight: 400;
  }

  .trunk {
    right: 5%;
  }

  .doors {
    right: 8%;
  }

  .bumper {
    bottom: 33%;
    left: 6%;
  }

  .roof {
    right: 11%;
  }
	.threshold {
    right: 22%;
  }
	.blog__card-text {
		margin: 20px 0 15px 0px;
	}
  .contacts__form {
    max-width: 350px;
  }

  .contacts__title,
  .contacts__titles {
    font-size: 30px;
  }

  .map__discont {
    padding: 50px 20px;
  }

  .map__discont-subtitle {
    font-size: 20px;
  }

  .map__discont-title {
    font-size: 30px;
  }

  .map__discont-content {
    max-width: 400px;
  }

  .map__discont-text {
    font-size: 20px;
  }
  .reviews__slider {
    padding-bottom: 0;
  }
  .reviews__box {
    padding-bottom: 0;
  }
  .reviews__slide {
    min-height: 60px;
    height: 180px;
    padding: 22px;
    display: block;
  }
  .reviews__slide-text {
    min-height: 60px;
  }
  .reviews__slide-text {
    height: 70px;
    min-height: none;
    margin-bottom: 18px;
    font-size: 12px !important;    
  }
  .reviews__slide-title {
    font-size: 14px;
  }
  .reviews__slide-info {
    font-size: 10px;
  }
  .reviews__button-prev.swiper-button-prev {
    top: 260px;
    left: 45%;
  }
  .reviews__button-next.swiper-button-next  {
    top: 260px;
    right: 45%;
  }
  .bg__slide-title {
    font-size: 32px;
  }
  .bg__slide-text {
    font-size: 18px;
  }
  .bg__slide-btn {
    padding: 10px 24px;
    margin-top: 68px;
    font-size: 10px;
  }
  .item-benefits-item p {
    font-size: 18px;    
  }
  .bg__slider {
    height: 600px;
  }
  .bg__slide .swiper-slide {
    height: 100%;
  }
  .bg__slide-content.content-three {
    max-width: 330px;    
    margin-left: 20px;

  }
  .bg__slide-img.three-slide {  
    max-width: 350px;
    max-height: 600px;
  }
  .slide-box__four img {
    max-width: 400px;
  }
  .bg__slide-title.title-three  {
 
  }
	.bg__slide-img.three-slide img {
		width: auto;
	}
	.content-five {
		padding-right:30px;
	}
	.six-content {
  	margin-top: 100px;
	}
	.six-img {
		padding-top:0;
	}
  .services__title {
    width: 350px;
  }
  .bg__wrapper {
    height: 600px !important;
  }
  .swiper-autoheight .swiper-slide {
    height: 600px;
}
  .bg-slide {
    height: 600px;
  }
  .blog__title {
    width: 200px;
  }
  .tab__title {
    height: 52px;
    padding-right: 7px;
    padding-left: 10px;
    font-size: 18px;
  }
  .service-page__box {
    -ms-grid-columns: 30% auto;
    grid-template-columns: 30% auto;
  }
  .service-page__body h3 {
    font-size: 28px;
  }
  .service-page__text {
    font-size: 16px;
  }
	.service-page__text ol {
		margin-left: 10px;
	}
  .service-page__body {
    padding: 30px 20px;
  }
  .service-page__subtitle {
    width: 100%;
    font-size: 28px;
  }
  .contacts-block {
    background-color: #1E1E1E;
    color: #fff;
  }
  .header__contact {
    display: none;
  }
  .header__box {
    background-color: #1E1E1E;
  }
  .header__logo {
    margin: auto;
  }
  .card-title {
    font-size: 20px;
    font-weight: 500;
  }
  .content-card {
    padding: 10px 5px 5px 0;
    display: -ms-grid;
    display: grid;
  }
  .card-text {
    margin-top: 5px;
    font-size: 16px;
  }
  .blog-page__box {
    margin-bottom: 50px;
  }
  .blog-page__title {
    width: 170px;
    font-size: 30px;
  }
  .blog-page__cards {
  
  }
  .tag-title {
    font-size: 25px;
    font-weight: 600;
  }
  .tag-list li {
    padding: 5px;
    font-size: 18px;
  }
  .blog-page__category li {
    padding:  10px;
  }
  .blog-page__pagination p {
    height: 40px;
    width: 40px;
    font-size: 18px;
    font-weight: 500;
  }
  .item-box {
    padding-left: 10px;
    padding-right: 10px;
  }
  .item__title {
    margin: 35px 10px 0;
    font-size: 30px;
    font-weight: 600;
  }
  .item-content {
    padding: 10px 30px 30px;
    font-size: 16px;
  }
  .gallery-slider {
    margin-bottom: 50px;
  }
  .gallery-title {
    width: 250px;
    font-size: 30px;
  }
  .li____social-items {
    display: block;
  }
  .list-categories {
    width: 320px;
    grid-template-columns: 1fr;
  }
  .list-categories-first {
	border: none;
	}
  .list-categories .list-categories-first li, .list-categories .list-categories-second li {
    display: flex;
  }
  .card-times {
    margin: 5px 0;
  }
  .blog-page__info {
    margin-top: 10px;
  }
	.page-page__texts {
		padding: 0 10px;
		display:block;
	}
	.nf-response-msg {	
		max-width: 350px;
		padding: 20px;
		left: -50%;
	}
	.nf-response-msg p:first-child {
    	font-size: 30px;
    	font-weight: 500;
	}
	.page-numbers {
		width: 40px;
		height: 40px;
	}
	.blog-category__pagination span, .blog-category__pagination a, .blog-category__pagination span {
    	font-size: 18px;
	}
	.price__title {
  		width: 300px;
		font-size: 26px;
	}
}

@media (max-width: 500px) {  
  .services__content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .services__content-item {
    max-width: 500px;
  }

  .services__content-item img {
    display: none;
  }
  .services__content-item a {
    position: relative;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
  }
  .services__items {
    grid-template-columns: repeat(2, 1fr);
  }
  .why__content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .why__about-specialists {
    -ms-grid-column-align: start;
        justify-self: start;
  }

  .why__about-years,
  .why__about-specialists,
  .why__about-clients {
    border-radius: 5px;
    background: #2C2C2C;
    padding: 8px 10px 16px 20px;
  }

  .why__about-specialists,
  .why__about-clients {
    width: 100%;
    margin-top: 10px;
  }

  .why__about-btn {
    padding: 10px;
  }

  .why__info {
    display: none;
  }

  .works__more {
    font-size: 10px;
    display: block;
    margin-bottom: 36px;
  }

  .works__title {
    width: 190px;
    font-size: 25px;
  }

  .works__more a {
    margin-top: 10px;
    display: block;
  }

  .works__slide-content p {
    font-size: 14px;
    bottom: 10px;
    left: 10px;
  }
  .works__slider {
    height: 350px;
    padding-bottom: 20px;
  }
  .works-button-prev, .works-button-next {
    display: none;
  }

	.price__title {
		font-size:24px;
	}
  .price__img {
    height: 400px;
    background-size: 100%;
    background-position-y: 10px;
  }

  .mirrow-price {
    margin-top: 0;
    font-size: 16px;
  }

  .mirrow {
    top: 28%;
	 left: 15%;
  }

  .roof {
    right: 35%;
    top: 12%;
  }

  .trunk {
    right: 10%;
    top: 18%;
  }

  .doors {
    right: 3%;
    top: 57%;
  }

  .threshold {
    bottom: 15.5%;
  }

  .wing {
    top: 80%;
  }

  .bumper {
    top: 70%;
    left: 18%;
  }

  .blog__title {
    width: 150px;
    font-size: 30px;
  }

  .blog__more {
    display: block;
  }

  .blog__more a {
    font-size: 12px;
  }

  .works__title {
    font-size: 30px;
  }

  .works__more a {
    font-size: 12px;
  }

  .blog__cards {
    margin-top: 57px;
    overflow-x: auto;
    padding-bottom: 20px;
  }

  .footer__social-items {
    width: 240px;
  }

  .contacts__box {
    padding-top: 50px;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }

  .contacts__info {
    max-width: 500px;
    width: 100%;
    margin-top: 30px;
  }

  .contacts__titles {
    width: 316px;
  }

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

  .form input {
    padding: 17px;
  }

  .map__discont-content {
    max-width: 270px;
  }

  .reviews__box {    
    margin-left: 15px;
    padding-right: 25px;
  }
  .reviews__button-prev {
    bottom: 20%;
  }
  .reviews__button-prev.swiper-button-prev {
    top: 240px;
    left: 40%;
  }
  .reviews__button-next.swiper-button-next  {
    top: 240px;
    right: 40%;
  }
  .reviews__slider {
    padding-bottom: 0;
  }
  .footer__content {
    padding-left: 30px;
    margin-bottom: 20px;
    display: block;
  }

  .footer__logo {
    -ms-grid-column-align: center;
        justify-self: center;
  }

  .footer__list-title {
    margin-top: 33px;
    font-size: 26px;
  }

  .footer__list {
    margin-left: 0;
  }

  .footer-menu__list,
  .footer__contacts {
    font-size: 14px;
  }
  .footer__btn {
    width: 100%;
    margin-bottom: 50px;
  }
  .footer__social-title {
    display: block;
  }
  .footer-menu__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    margin-bottom: 51px;
  }

  .footer__contacts-tel {
    font-size: 18px;
  }

  .footer__social-title {
    margin-bottom: 17px;
    font-family: "Jura";
    font-size: 25px;
    font-weight: 700;
  }
  .bg__benefits {
    display: none;
  }
  .bg__slide {
    background-size: cover; 
    background-repeat: no-repeat;
  }
  .bg__slide-inner {
    flex-wrap: wrap-reverse;
	  padding-left: 0;
  }
  .img-first {
    max-width: 334px;
    margin-left: 200px;
  }
 
  .bg-button-prev, .bg-button-next {
    display: none;
  }
  .bg__slide-img img {
    width: inherit;
    padding-left: 120px;
  }
  .bg__slide { 
    padding-top: 30px; 
    width: 600px;  
  }
  .bg__slide-btn {
    width: 100%;
    font-size: 18px;
    padding: 18px 10px;
    margin-top: 10px;
  }
  .bg__slide-btn {
    margin-bottom: 20px;
  }
  .swiper-pagination-bullets.bg-pagination {
    display: none;
  }
  .inner-three {
    flex-wrap: wrap-reverse;
	  padding-right: 10px;
  }
  .first__slide-btn {
    margin: 20px 0;
  }
  .first__slide-title {
    margin-top: -50px;
  }
  .second-slide__btn {
    margin-top: 60px;
    margin-bottom: 50px;
  }
  .three-slide {
    margin-left: 0;
  }
  .bg__slide-three  {
    margin-top:0;
  }
  .bg__slide-img img {
    padding-left: 0;
  }
   .bg__slide-content.content-three {
    max-width: 402px;
  }
  .bg__slide-title.title-three {
    max-width: 500px;
    margin-bottom: 80px;
  }
  .bg__slide-title.title-three {
    margin-top: -300px;
    position: relative;
    margin-bottom: 50px;
  }
  .bg__slide-img.three-slide {  
    max-height: 367px;
  }
  .bg__slider {
    height: 600px;
  }
  .title-second {
    margin-top: 50px;
    margin-bottom:42px;
  }
  .bg__slide-inner .inner-three {
    height: 700px;
  }
  .three-slide__btn {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .slide-box__four {
    flex-wrap: wrap;
  }
  .bg__slide-box.slide-box__four {
    margin-top: 40px;
  }
  .bg__slide-box .four-content {
    margin-top: 0;
    padding-top: 10px;
    background-color: #fff;
    color: #1E1E1E;
  }
  .four-content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .four-slide__btn {
    margin:20px 0 40px;
    background-color:  #BA001A;
    color: #fff;
  }
  .four-slide__btn:hover {    
    color: #BA001A;
    background-color: #fff;
  }
  .error-text {
    max-width: 257px;
  }
  .services__container {
    padding-bottom: 84px;
  }
  .service-page__box {
    display: block;
  }
  .service-page__title {
    font-size: 30px;
    margin: 50px auto 30px;
  }
  .bg__slide-four {
    height: 600px;
    background-size: 150%;
  }
  .content-five {
    padding: 20px 20px 0 20px;   
    margin-top: 200px;
  }
  .content-five > .bg__slide-text {
    max-width: 350px;
    text-align: center;
  }
  .five-slide__btn {
    max-width: 350px;
  }
  .bg__slide .seven__slide  {
    padding-right: 0;
  }
  .seven-content {
    padding: 57px 15px 0;
  }
  .btn-seven {
    margin-top: 75px;
  }
  .bg__slide.five {
    padding-left: 0;
    background-size: 300%;
     background-position-x: -300px;
  }
  .content-five .bg__slide-title  {
    text-align: center;
  }
  .six-img {
    padding-top: 0;
    margin: 0 auto;
  }
  .six-img-img {
    width: 300px;
    height: 138px;  
  }
  .six-content {
    margin-top: 0;
  }
  .six__slide-text {
    margin: 13px 0 10px;
  }
  .bg__slide-seven {
    height: 600px;
  }
  .img-seven {
    height: 193px; 
    max-width: 500px;
    overflow: hidden;
  }
  .img-seven img {
    height: 100%;
    margin-left: -200px;  
  }
  .seven__slide {
    margin-top: -30px;    
  }
  .bg__slide.seven__slide {
    height: 630px;
    padding-left: 0;
    padding-right: 0;
  }
  .bg__slide-img.three-slide {
    max-width: 500px;
	  margin-top: -20px;
  }

  .item-benefits {
    padding: 45px 29px 60px 39px;
    background-color: #1E1E1E;
    display: block;
    color: #fff;
  }
  .item-benefits-item {
    margin: 15px 0;
  }
  .item-benefits-item p {
    max-width: 241px;
  }
  p.item-benefits-text {
    max-width: 190px;
    margin-top: 4px;
    font-size: 14px;
  }
  .item-benefits-linesup {   
    background-image: url("/wp-content/themes/AutoShield/assets/img/linesup.png");
    height: 53px;
    background-repeat: no-repeat;
    background-position-x: 80px;
  }
  .item-benefits-lines {    
    background-image: url("/wp-content/themes/AutoShield/assets/img/lines-benefits.png");
    height: 53px;
    background-repeat: no-repeat;
    background-position-x: 80px;
  }
  .why__about-btn {
    display: none;
  }
  .mobil__benefits {
    display: block;
  }
  .blog-page__card {
    grid-template-columns: inherit;
  }
  .content-card {
    padding-left: 5px;
  }
  .blog-page__sidebar {
    max-width: 500px;
    flex: 100%;
  }
  .tag-title {
    color: #E3E3E3;
    font-size: 16px;
    text-align: left;
  }
  .tag-text {
    font-size: 30px;
  }
  .wp-tag-cloud {
    margin-top: 0;
    text-align: left;
   
  }
  .wp-tag-cloud li {
    width: 108px;
    padding: 6px;
    text-align: center;
  }
  .wp-tag-cloud li a {
    font-size: 14px !important;
  }
  .single-title {
    margin-top: 15px;
  }
  .img-card {
    max-width: 500px;
}
  .blog-page__title {
    margin-top: 20px;
  }
  .blog-page__tag {
    padding: 0 5px 10px;
    border: none;
  }
  .blog-page__box {
    gap: 10px;
    flex-wrap: wrap-reverse;
  }
  .blog-page__category {
    display: none;
  }
  .item__title {
    font-size: 24px;
  }
  .img-back{
    padding-left: 170px;
  }
  .swiper-pagination-bullet {
    height: 10px;
    width: 10px;
  }
  .swiper-horizontal > .swiper-pagination-bullets {
    bottom: -5px;
  }
  .reviews__title {
    margin-left: 0;
  }
  .works__slide-content {
    min-height: 261px;
  }
  .works__slide-content img {
    height: 100%;
  }
  .swiper-autoheight.works__slide .swiper-slide {
    height: 300px;
  }
  .wpgmza_map {
    height: 400px;
  }
  .service-page__texts {
    font-size: 14px;
  }
  .wp-tag-cloud li {
    display: inline-flex;
  }
  .page-arrow {
    display: block;
    margin-left: 16px;
  }
  .single {
    display: none;
  }
	.gallery-slider {
		height: 790px;
	}
	.gallery-inner, .gallery__inner.works__slide-inner {
		flex-wrap: wrap;
	}
	 
	.gallery-content {
		max-width: 340px;
    	max-height: 370px;
    	margin: 0 auto;
	}
	.gallery-content img {
		margin-left: 0;
	}
	.gallery-button-prev, .gallery-button-next {
		display: none;
	}
	.gallery__pagination {
		display: block;
	}
	.gallery-title {
     	margin: 0 auto 62px;		
	}
	.single-page-title{
		width: 150px;
		margin:-40px auto 0;
	}
	.tag-active a{
		width: 108px;
		padding: 6px;
		font-size: 14px;
	}
	.nav-links {
    	font-size: 18px;
	}
	.category-page-title {
		margin-top: -40px;
	}
	.services__content a {
    	font-size: 10px;
	}
	.price__box {
		padding: 30px 10px 108px;
	}
	.services__item-img {
		width: 100% !important;
	}
	.services__item img {
		height: 200px;
	}
	.services__item {
		height: 160px !important;
	}
	 .services__items {
    max-height: none;
  }
}

@media (max-width: 450px) {
  .price__img {
    height: 380px;
  }

  .threshold {
    top: 70%;
  }

  .bumper {
    top: 67%;
  }

  .doors {
    top: 55%;
  }
	 .wing {
    top: 76%;
    left: 28%;
  }
	.nf-response-msg {
    left: 0;
	}
	.contacts__box {
		padding-top: 30px !important;
	}
}

@media (max-width: 400px) {
  .price__img {
    height: 340px;
  }
	. title-second {
    margin-top: 0;
  }
	.slide-six.bg__slide {
		padding-top: 10px;
	}
   .mirrow {
    top: 25%;
    left: 13%;
  }
  .threshold {
    top: 67%;
    right: 15%;
  }
  
}
@media (max-width: 380px) {
	.threshold {
    	top: 64%;
  	}
	 .doors {
    	top: 50%;
  	}
	 .bumper {
    	top: 60%;
  	}
	 .wing {
    	top: 70%;
  	}
}
@media (max-width: 350px) {
  .price__img {
    height: 300px;
  }
  
}

@media (max-width: 320px) {
  .price__img {
    height: 280px;
  }
}

@media (max-width: 769px) {
  .menu {
    position: relative;
  }

  .header {
    text-align: start;
  }

  .header__box {
    padding: 0 15px;
  }

  .header__content {
    position: relative;
  }

  .header__contacts {
    position: absolute;
    right: 52px;
    opacity: 1;
  }

  .header-burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
  }

  .item-menu__logo {
    display: block;
    color: #BA001A;
  }

  .item-menu__logo span {
    color: #1E1E1E;
  }

  .header__nav li {
    display: block;
  }

  .header__nav-item {
    margin-left: 20px;
  }

  .header__nav .menu ul {
    padding-top: 30px;
  }

  .header__btn {
    display: none;
  }
	
	
  .menu__item.calc_btn{
    display: block;
  }

  .menu-btn {
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 10;
    overflow: hidden;
    left: 10px;
  }

  .menu-btn span {
    width: 30px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    color: #fff;
  }

  .menu-btn span:nth-of-type(2) {
    top: calc(50% - 5px);
  }

  .menu-btn span:nth-of-type(3) {
    top: calc(50% + 5px);
  }

  .menu {
    position: fixed;
    padding-top: 20px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    line-height: 1.8;
    color: #1E1E1E;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    opacity: 1;
  }

  .menu.active {
    width: 300px;
    height: 650px;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    z-index: 5;
    opacity: 1;
  }

  .menu li {
    list-style-type: none;
    padding: 16px 0 16px 28px;
    border-bottom: 1px solid #DCDCDC;
  }

  .menu-btn.active span:nth-of-type(1) {
    display: none;
  }

  .menu-btn.active span:nth-of-type(2) {
    top: 50%;
    background-color: #1E1E1E;
    -webkit-transform: translate(-50%, 0%) rotate(45deg);
    -ms-transform: translate(-50%, 0%) rotate(45deg);
    transform: translate(-50%, 0%) rotate(45deg);
  }

  .menu-btn.active span:nth-of-type(3) {
    top: 50%;
    background-color: #1E1E1E;
    -webkit-transform: translate(-50%, 0%) rotate(-45deg);
    -ms-transform: translate(-50%, 0%) rotate(-45deg);
    transform: translate(-50%, 0%) rotate(-45deg);
  }
  .menu-btn.active {
    margin-left: 200px;
  }
  .menu__list {
    display: block;
  }
  .menu__item-subitem ul{
    background-color: #fff;
   
  }
  .menu .menu__item-subitem ul li{
    list-style-type: none;
    padding: 5px 0 5px 10px;
    border-bottom: 1px solid #DCDCDC;
  }

  .contacts-messanger,
  .contacts-tel-span {
    display: none;
  }

  .footer__content {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    justify-items: center;
    gap: 30px;
  }

  .footer__list-title {
    font-size: 30px;
  }

  .footer__list {
    margin-left: 0;
  }

  .footer__social {
    margin-top: 0;
  }
  .header__contact-map, .header__contact-time {
    font-size: 16px;
    font-weight: 500;
  }
  .header__contact-time {
    margin: 21px 0;
  }
  .header__contact-tel {
    font-size: 22px;
    font-weight: 500;
  }
}


@media (max-width: 500px){  
  .price__img{    
    background-image: url("/wp-content/themes/AutoShield/assets/img/bg-mobile-lines.webp");
	 background-size: 100% !important;
	 background-position-x: 0;
	 background-position-y: 0 !important;
	 background-repeat: no-repeat;
  }
}

@media (max-width: 500px){

  .webp .map__discont{ 
    background-image: url("/wp-content/themes/AutoShield/assets/img/map1-mobile.webp");
    background-size: cover;
    height: 500px; }
}