@import url(reset.css);
@import url(grid.css);
@import url(../img/font/ptsans.css);

/*
*
*
* общие стили
*
*
*/
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.text-left          {text-align: left;}
.text-center        {text-align: center;}
.text-right         {text-align: right;}
.pull-left          {float: left;}
.pull-right         {float: right;}

h1,h2,h3,h4,h5,h6   {	text-align: center;margin: 30px 0 15px; font-weight: 700; color: #000; }
h1 {
	font-size: 20px;
	margin: 40px 0;
	text-transform: uppercase;
}
h1:after,h2:after,h3:after {
	content: '';
	width: 80px;
	display: block;
	margin: 20px auto;
	height: 0px;
	border-bottom: 2px solid #2FA3E7;
}
h2                  { font-size: 24px; }
h3                  { font-size: 28px; }
h4                  { font-size: 18px; }
h5                  { font-size: 16px; }
h6                  { font-size: 16px; }
p                   {margin: 0 0 20px; line-height: 1.42857143;}
a                   {color: #000; text-decoration: underline;}
a:hover             {color: #000; text-decoration: none;}
ul, ol              {margin: 0 0 10px 40px;}
ul li, ol li        {line-height: 24px; margin: 0 0 5px;}
small               {font-size: 75%;}
em                  {font-style: italic;}
b,strong            {font-weight: 700; }
table               {width: 100%; border-collapse: collapse; margin: 0 0 20px;}
table th,
table td            {padding: 20px; vertical-align: top; border: 1px solid #ccc;}
table th						{font-weight: 700;}
table.zebra tr:nth-child(odd) {background: #f1fff3;}
img 								{ max-width: 100%; }
img.alignnone       {display: block; margin-bottom: 10px;}
img.aligncenter     {display: block; margin: 0 auto 10px;}
img.alignleft       {float: left; margin: 5px 25px 10px 0;}
img.alignright      {float: right; margin: 5px 0 10px 25px;}
sub, sup            {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup                 {top: -0.5em;}
sub                 {bottom: -0.25em;}
.clearfix:before,
.clearfix:after     {content: ""; display: table; line-height: 0;}
.clearfix:after     {clear: both;}
.clear              {clear: both;}
/* форма попап окна */
/* попап форма */
.box-form {
	padding: 40px;
	text-align: left;
}
.box-form h3 {
	margin: 0 0 20px;
	font-size: 2em;
}
hr,
.box-form hr {
	height: 0px;
	display: block;
	width: 100%;
	margin: 20px 0;
	border: none;
	border-bottom: 1px dashed #aaaaaa;
}
.box-form input,
.box-form textarea {
	background: #fff;
	border: 1px solid rgba(0,0,0,.2);
	padding: 10px;
	width: 100%;
	color: rgba(0,0,0,.5);
	margin-top: 15px;
}
.box-form textarea {
	height: 120px;
}
.box-form .btn-submit {
	width: 100%;
	text-align: center;
	display: block;
	background: #FFF323;
	padding: 15px;
	font-weight: 700;
	font-size: 16px;
	color: #000;
	text-decoration: none;
	border: none;
	border-bottom: 3px solid #D5C710;
	transition: all 0.5s;
}
.box-form .btn-submit:hover {
	text-decoration: none;
	background: #D5C710;
	border-color: #FFF323;
	cursor: pointer;
}
.window {
	background: #fff;
	width: 50%;
	color: rgba(0,0,0,.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}
#mask{
	position: fixed;
	z-index: 99;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #121212;
	display: none;
}

/* **************************************************** */
/*
*
*
* стили макета
*
*
*/
html *, * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
	font-family: 'PT Sans';
	font-weight: 400;
	font-size: 16px;
	color: #2a363b;
}
/*
*
* Шапка
*/
header {
	padding: 20px 0;
}
header .logo {
	display: inline-block;
	margin-top: 23px;
}
header .phone {
	float: right;
	text-align: right;
	font-size: 12px;
	line-height: 1.1;
	background: url(../img/ic_phone.png) left 11px no-repeat;
	padding-left: 30px;
}
header .mail {
	float: right;
	text-align: right;
	font-size: 16px;
	line-height: 1.1;
	padding-left: 30px;
}
header .phone span {
	font-size: 20px;
	font-weight: 700;
	color: #000000;
}
header .phone a {
	text-decoration: none;
}
header .phone a.call {
	display: block;
	text-decoration: underline;
	font-size: 14px;
	color: #5EA65C;
	font-weight: 700;
	margin-top: 5px;
}

/*
*
* Навигация
*/
.top-nav {
	margin-bottom: 30px;
	padding: 0;
	width: 100%;
	z-index: 600;
	background: #3C6D98;
	transition: all 0.5s ease-in-out;
}
.top-nav.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9998;
}
.top-nav .menu {
	list-style: none;
	margin: 0;
}
.top-nav .menu li {
	float: left;
	margin: 0 1px 0 0;
	position: relative;
}
.top-nav .menu li a {
	display: block;
	padding: 20px 10px;
	font-size: 16px;
	text-decoration: none;
	color: #FFFFFF;
	transition: all 0.35s ease-in-out;
	position: relative;
}
.top-nav .menu li a:after {
	content: '';
	position: absolute;
	left: calc(50% - 8px);
	bottom: -16px;
	border-color: transparent transparent transparent transparent;
	border-style: solid;
	border-width: 8px;
	height: 0;
	width: 0;
	transition: all 0.35s ease-in-out;
}
.top-nav .menu li a:hover {
	background: #2FA3E7;
}
.top-nav.sticky .menu li a {
	padding: 10px;
}
.top-nav .menu li a:hover:after {
	border-top-color: #2FA3E7;
}
.top-nav .grid-12 {
	position: relative;
}
.top-nav .phone {
	display: none;
	color: #FFFFFF;
	line-height: 24px;
	font-weight: 700;
	font-size: 16px;
	float: right;
	opacity: 0;
	visibility: hidden;
	margin-top: 7px;
	transition: all 0.35s ease-in-out;
}
.top-nav.sticky .phone {
	display: block;
	opacity:1;
	visibility:visible;
}
.top-nav.sticky .phone a {
	text-decoration: none;
	color: #FFFFFF;
}
.top-nav.sticky .phone a.call {
	display: inline-block;
	margin-right: 10px;
	text-decoration: underline;
}
/* выпадашка */
.top-nav li .sub-menu {
	position: absolute;
	margin: 40px 0 0;
	background: #3C6D98;
	text-align: left;
	width: 250px;
	border-top: 1px solid #FFFFFF;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
	z-index: 999;
}
.top-nav li .sub-menu li {
	display: block;
	width: 100%;
}
.top-nav li .sub-menu li:first-child a {
	background: none;
	width: inherit;
}
.top-nav li .sub-menu li:first-child a:before {
	display: none;
}
.top-nav li .sub-menu li:last-child {
	border: none;
}
.top-nav li .sub-menu li:before {
	display: none;
}
.top-nav li .sub-menu li a {
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
	padding: 15px 30px;
	transition: all 0.3s ease-in-out;
}
.top-nav li .sub-menu li a:hover {
	background: #2FA3E7;
	color: #FFFFFF;
	text-decoration: none;
}
/*.top-nav li .sub-menu li a:hover:after {*/
	/*width: 100%;*/
/*}*/
/*.top-nav li .sub-menu li.current-menu-item a:after {*/
	/*width: 100%;*/
/*}*/
.top-nav li:hover > .sub-menu{
	opacity:1;
	visibility:visible;
	margin: 0px 0 0;
}

/*
*
* Контент
* Преимущества
*/
.advantages {
	margin: 30px 0;
	padding: 60px 0 30px;
	background: #F2F2F2 url(../img/patt_01.jpg) fixed;
}
.advantages .item_box {
	display: table;
	height: 160px;
	border-bottom: 3px solid #DBDBDB;
	background: #FFFFFF;
	padding: 20px;
	width: 100%;
	margin-bottom: 30px;
}
.advantages .item_box.green {
	background: #5EA65C;
	border-color: #468444;
}
.advantages .item_box.green h2 {
	text-transform: uppercase;
	font-size: 26px;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
}
.advantages .item_box.green h2:after {
	display: none;
}
.advantages .item_box .item_text {
	display: table-cell;
	vertical-align: middle;
}
.advantages .item_box .item_text .image {
	width: 70px;
	height: 70px;
	float: left;
	margin-right: 20px;
}
.advantages .item_box .item_text .ic_adv_01 {
	background: url(../img/ic_adv_01.png) center center no-repeat;
}
.advantages .item_box .item_text .ic_adv_02 {
	background: url(../img/ic_adv_02.png) center center no-repeat;
}
.advantages .item_box .item_text .ic_adv_03 {
	background: url(../img/ic_adv_03.png) center center no-repeat;
}
.advantages .item_box .item_text .ic_adv_04 {
	background: url(../img/ic_adv_04.png) center center no-repeat;
}
.advantages .item_box .item_text .ic_adv_05 {
	background: url(../img/ic_adv_05.png) center center no-repeat;
}
.advantages .item_box .item_text .title {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -.5px;
	margin-bottom: 20px;
	line-height: 1;
}
.advantages .item_box .item_text p {
	margin: 0;
	line-height: 1.2;
}

/*
*
* Услуги
*/
.services {
	margin-bottom: 30px;
}
.services h3:after {
	content: '';
	width: 80px;
	display: block;
	margin: 20px 0;
	height: 0px;
	border-bottom: 2px solid #2FA3E7;
}
.services .wrap_serv {
	margin: 30px 0 0;
	background: #5EA65C;
	border-top: 3px solid #5EA65C;
	border-bottom: 3px solid #468444;
}
.services .wrap_serv .wrap_img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
}
.services .wrap_serv .wrap_img img {
	display: block;
	margin: auto;
	-webkit-transition: all 0.9s;
	transition: all 0.9s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.services .wrap_serv:hover .wrap_img img {
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}
.services .wrap_serv .title {
	display: block;
	font-size: 18px;
	color: #FFFFFF;
	background: #468444;
	text-align: center;
	line-height: 1;
	margin-bottom: 0;
	padding: 15px 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.services .wrap_serv .title a {
	color: #fff;
}
.services .wrap_serv ul {
	list-style: none;
	margin: 30px 0;
	padding: 0 30px;
}
.services .wrap_serv ul li {
	font-size: 16px;
	font-style: italic;
	color: #FFFFFF;
	line-height: 1.1;
}
.services .wrap_serv ul li:before {
	content: '-';
	display: inline-block;
	margin-right: 10px;
}
.box_btn {
	margin: 20px 0;
}
.box_btn a {
	display: inline-block;
	background: #3C6D98;
	border-bottom: 3px solid #335E83;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
	padding: 10px 30px;
	transition: all 0.35s ease-in-out;
}
.box_btn a:hover {
	background: #335E83;
	border-color: #3C6D98;
	padding-left: 40px;
	padding-right: 40px;
}

/*
*
* Газели
*/
.box_auto .box_auto_wrap {
	margin-bottom: 30px;
	text-align: center;
	border: 1px solid #dfdfdf;
	padding: 10px;
}
.box_auto .box_auto_wrap .wrap_img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
}
.box_auto .box_auto_wrap .wrap_img img {
	display: block;
	margin: auto;
	-webkit-transition: all 0.9s;
	transition: all 0.9s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.box_auto .box_auto_wrap:hover .wrap_img img {
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}
.box_auto .box_auto_wrap .title {
	font-size: 18px;
	margin-bottom: 0;
	padding: 15px 20px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
}
.box_auto .box_auto_wrap .price {
	color: #5EA65C;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 10px;
}
.box_auto .box_auto_wrap .min_hours {
	color: #999;
	font-style: italic;
	margin-bottom: 10px;
}


.box_zakaz {
	background: #5EA65C;
	border-bottom: 3px solid #468444;
	padding: 30px;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 30px;
	margin: 50px 0 30px;
}
.box_zakaz a {
	text-decoration: none;
	color: #FFFFFF;
}
.box_button {
	margin-bottom: 60px;
}
.box_button p {
	text-transform: uppercase;
	font-weight: 700;
}
.box_button a {
	display: inline-block;
	background: #3C6D98;
	border-bottom: 3px solid #335E83;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	padding: 20px 30px 17px;
	transition: all 0.35s ease-in-out;
}
.box_button a:hover {
	background: #335E83;
	border-color: #3C6D98;
	padding-left: 40px;
	padding-right: 40px;
}


ul.icon_ok {
	list-style: none;
	margin: 0 0 0 40px;
}
ul.icon_ok li {
	margin-bottom: 15px;
	background: url("../img/ic-ok.png") left top no-repeat;
	padding-left: 30px;
}

.contacts p>a {
	text-decoration: none;
}



	/*
  *
  * Подвал
  */
footer {
	background: #3C6D98;
	padding: 30px 0;
	margin-top: 40px;
	color: rgba(255,255,255,.4);
	font-size: 12px;
}
footer .LI {
	text-align: right;
}


/*
*
* Popup
*/
input.hidden {
	display: none;
}
.box-form {
	padding: 40px;
	text-align: left;
}
.box-form h3 {
	margin: 0 0 20px;
	font-size: 2em;
}
hr,
.box-form hr {
	height: 0px;
	display: block;
	width: 100%;
	margin: 20px 0;
	border: none;
	border-bottom: 1px dashed #3e454c;
}
.box-form input,
.box-form textarea {
	background: #fff;
	border: 1px solid rgba(0,0,0,.2);
	padding: 10px;
	width: 100%;
	color: rgba(0,0,0,.5);
	margin-top: 15px;
}
.box-form textarea {
	height: 120px;
}
.box-form .btn-submit {
	width: 100%;
	text-align: center;
	display: block;
	background: #3C6D98;
	padding: 15px;
	font-weight: 700;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #3C6D98;
	transition: all 0.5s;
}
.box-form .btn-submit:hover {
	text-decoration: none;
	background: #ffffff;
	border-color: #3C6D98;
	color: #000;
	cursor: pointer;
}
.window {
	background: #fff;
	max-width: 400px;
	color: rgba(0,0,0,.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
@media (max-width: 768px) {
	.window {
		max-width: 50%;
	}
}
@media (max-width: 576px) {
	.window {
		max-width: 90%;
		width: 90%;
	}
}

#mask{
	position: fixed;
	z-index: 99;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #121212;
	display: none;
}


input.error {border:1px solid red !important;}

.header-flex {
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.header-flex .whatsapp {
	background: #5EA65C;
	color: #fff;
	padding: 13px;
	text-decoration: none;
	font-weight: bold;
	transition: .3s all;
}
.header-flex .whatsapp:hover {
	background: #468444;
}
@media screen and (max-width: 1200px) {
	.header-flex {
		flex-direction: column;
	}
	.header-flex .max {
		margin-bottom: 15px;
	}
}

.sub-title {
	font-size: 19px;
	margin-bottom: 45px;
}

.services-inner {
	margin-top: 10px;
	margin-bottom: 70px;
}
.services-inner a {
	text-decoration: none;
}
.services-inner img {
	width: 100%;
	height: 150px;
	object-fit: cover;
}
.services .wrap_serv .wrap_img {
	background: #fff;
}
.services-inner .wrap_serv {
	border-top: none;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.10)!important;
}
@media only screen and (max-width: 768px) {
	.services-inner .wrap_serv {
		margin-bottom: 30px;
	}
	.services-inner img {
		height: 200px;
	}
}

.card__group {
	border: 1px solid #dfdfdf;
	padding: 30px;
	font-size: 19px;
	font-weight: normal;
}
.card__group .card__group__title {
	margin-top: 0;
	font-size: 22px;
}
.card__group__title {
	text-align: left;
}
.card__group__title:after {
	display: none !important;
}
.card__list {
	list-style: none;
	margin: 0;
}
.card__price {
	margin-top: 20px;
	font-weight: bold;
}
.card__price strong {
	color: #5EA65C;
	font-size: 24px;
}
.card__price__list {
	list-style: none;
	margin: 0;
}
.card__price__item {
	margin-bottom: 8px;
}
.card__link a {
	text-decoration: none;
}
.card__link p {
	line-height: 1;
}
.card__description {
	font-size: 18px;
	font-weight: normal;
}

.benefits {
	margin-bottom: 10px;
}
.benefits ul {
	margin: 0;
}

@media only screen and (max-width:576px) {
	.card__group {
		margin-top: 30px;
		padding: 0;
		border: unset;
	}
	.card__group__title {
		font-size: 20px;
	}
	.card__price strong {
		font-size: 22px;
	}
}

.top-nav .menu li.active a {
	background: #2FA3E7;
}
.top-nav .menu li.active a:after {
	border-top-color: #2FA3E7;
}

.breadcrumbs {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
.breadcrumbs li {
	display: inline;
}

.top-nav.sticky .phone a.call {
	display: block;
}
.top-nav.sticky .phone {
	margin-top: 2px;
}
.sticky a.menu-toggle {
	margin-top: 5px;
}
@media only screen and (max-width: 459px) {
	.menu {
		top: 50px !important;
	}
}

.phone-mobile {
	position: relative;
}
.phone-icons {
	position: absolute;
	top: -2px;
	right: -65px;
}
.phone-icons img {
	max-width: 25px;
}
.table p {
    margin-bottom: 0;
}

.d-flex {
	display: flex;
}
.align-items-center {
	display: flex;
	align-items: center;
}
.footer__form__input {
	width: 100%;
	height: 35px;
	margin-bottom: 0;
	font-size: 16px;

	background: #fff;
	border: 1px solid rgba(0,0,0,.2);
	padding: 10px;
	color: rgba(0,0,0,.5);
	font-family: Arial;
}

input[name="email"] {
	display: none;
}

.form__group {
	margin-bottom: 15px;
}
.form__group textarea {
	width: 100%;
	height: 115px;
	background: #fff;
	border: 1px solid rgba(0,0,0,.2);
	padding: 10px;
	color: rgba(0,0,0,.5);
	font-size: 16px;
	font-family: Arial;
}

.form__group .addField {
	font-size: 15px;
	color: #0582bf;
	text-decoration: none;
}

.form__group button {
	width: 100%;
	height: 35px;
	font-size: 15px;
	color: #fff;
	background: #5EA65C;
	border: unset;
	cursor: pointer;
}
.hidden {
	display: none !important;
}
@media only screen and (min-width:768px) {
	.raschistka img {
		height: 180px;
		object-fit: cover;
	}
}
.top-nav.sticky .menu li a {
	font-size: 14px;
}
.dem-container {
    display: block;
}
@media (min-width: 768px) {
  .dem-container {
    display: grid;
    grid-template-columns: 30% 70%;
    gap: 15px;
  }
}
.tabs__select {
  list-style: none;
  margin-left: 0 !important;
}
.tabs__select__item {
  padding: 15px;
  cursor: pointer;
  border: 1px solid #ccc;
  transition: .4s;
}
.tabs__select__item:not(.tabs__select__item--active):hover {
  background: #f6f6f6;
}
.tabs__select__item--active {
  background: #3C6D98;
  border: 1px solid #3C6D98;
  color: #fff;
}
.tabs__select li {
  margin-bottom: 0 !important;
  cursor: pointer;
}
.tabs__select li:not(:last-child) .tabs__select__item {
  border-bottom: unset;
}
.tab__item {
  display: none;
}
.tab__item--active {
  display: block;
}
.tab__item .table td {
  padding: 1.5rem;
}
.tab__item .table td:first-child {
  width: 50%;
}

@media only screen and (max-width:768px) {
  .tabs__select {
    margin-bottom: 3rem;
  }
}
.feature-card {
    display: flex;
    border: 1px solid #ccc;
}
.feature-card h3 {
    margin-top: 22px;
    font-size: 20px;
    text-align: left;
}
.feature-card h3::after {
     display: none;   
}
.feature-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    max-width: 100%;
}
.feature-card__left {
    flex-basis: 40%;
    font-size: 0;
}
.feature-card__right {
    flex-basis: 60%;
}
.feature-card__right {
    padding-left: 20px;
}
.feature-card ul {
    margin: 0;
    list-style-position: inside;
}
@media only screen and (max-width:1024px) {
    .feature-card {
        flex-direction: column;
        margin-bottom: 15px;
    }
    .feature-card ul {
        padding-bottom: 20px;   
    }
}
.header-flex .max {
    margin-top: 5px;
    text-align: center;
    background-color: #414BED;
}
.header-flex .max:hover {
    background-color: #122faa !important;
}