html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details-prefix, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details-prefix, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font-family: Sans-serif; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:hover { border: 0; } 
body, input, button, textarea {font-family: 'Roboto', sans-serif;}
input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
body {background:#fff; color:#121313;}  
body a {color:#94c022; transition: all 300ms ease-in-out 0s; }
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');
1div {width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px);} 
.main_screen {background:#002c31 url('../images/main_bg.jpg') right top no-repeat; background-size:contain; color:#fff;}
.main_screen header {}
.main_screen header .inner {text-align:right; padding:15px 0;}
.main_screen header .logotype {display:inline-block; color:#fff; font-weight:bold; text-transform:uppercase; font-size:16px; float:left; line-height:45px; text-decoration:none;}
.main_screen header .logotype i {display:inline-block; width:45px; height:45px; vertical-align:middle; background:url('../images/logo.png') center/30px no-repeat;}
.main_screen header .logotype strong {color:#94c022;}
.main_screen header nav {display:inline-block; margin-right:25px;}
.main_screen header nav a {line-height:45px; text-decoration:none; color:#fff; margin:0 10px;}
.main_screen header nav a:hover {color:#94c022;}
.main_screen header .phone {display:inline-block; float:right; color:#fff; text-decoration:none; font-weight:bold; font-size:16px; line-height:45px;}
.main_screen header .phone i {display:inline-block; height:45px; width:45px; vertical-align:middle; position:relative; -webkit-border-radius: 45px;
-moz-border-radius: 45px; border-radius: 45px; background:#94c022 url('../images/phone.svg') center/16px no-repeat; -webkit-box-shadow: 0px 10px 20px 0px rgba(148,192,34,0.56);
-moz-box-shadow: 0px 10px 20px 0px rgba(148,192,34,0.56);
box-shadow: 0px 10px 20px 0px rgba(148,192,34,0.56); margin-right:8px;}
.screen_content {}
#contact_form:after,
#contact_form  .payment_car form:after,
.article_content ul:after,
.main_screen header .inner:after,
.about_us:after,
#contact_form .several:after,
.steps_block:after,
footer div:after,
.article_content:after,
.screen_content:after {content:''; display:block; clear:both;}
.screen_content div {display:inline-block; float:left; width:50%;}
.screen_content div:first-child {width: -webkit-calc(50% - 100px); width: -moz-calc(50% - 100px); width: calc(50% - 100px); padding:80px 0 0 100px;}
.screen_content div h1 {font-weight:bold; font-size:45px; margin-bottom:30px;}
.screen_content div p {line-height:1.4; font-size:15px; margin-bottom:20px;}
.article_content a,
#contact_form  .payment_car button,
.overflow_contact .mail_form button,
.screen_content div a {line-height:55px; color:#fff; text-decoration:none; padding:0 30px; font-weight:bold;  -webkit-border-radius: 55px; display:inline-block;
-moz-border-radius: 55px; border-radius: 55px; background:#94c022; -webkit-box-shadow: 0px 10px 20px 0px rgba(148,192,34,0.56);
-moz-box-shadow: 0px 10px 20px 0px rgba(148,192,34,0.56); box-shadow: 0px 10px 20px 0px rgba(148,192,34,0.56);}
.main_screen header .phone:hover i,
.article_content a:hover,
#contact_form  .payment_car form button:hover,
.screen_content div a:hover {-webkit-box-shadow: 0px 10px 20px 0px rgba(148,192,34,0.86);
-moz-box-shadow: 0px 10px 20px 0px rgba(148,192,34,0.86); box-shadow: 0px 10px 20px 0px rgba(148,192,34,0.86);}
.screen_content div img {display:inline-block; vertical-align:bottom;}

.article_content {text-align:center; margin:25px 0;}
.article_content h2 {font-weight:bold; color:#1a1a1a; font-size:22px; margin-bottom:25px;  }
.article_content p {line-height:1.4; font-size:14px; margin-bottom:15px;}
.article_content ul {margin-top:55px;}
.article_content ul li {display:inline-block; float:left; width:33.3%;}
.article_content ul li div {margin:8px; border:1px solid rgba(0,0,0,.1); padding:20px;}
.article_content ul li div .icon {display:inline-block; width:55px; height:55px; border:20px solid rgba(148,192,34,.4); -webkit-border-radius: 65px; -moz-border-radius: 65px; border-radius: 65px; margin:-65px 0 20px 0;}
.article_content ul li div .icon i {background:#94c022 url('../images/money.svg') center/20px no-repeat; display:block; width:55px; height:55px; -webkit-border-radius: 65px; -moz-border-radius: 65px; border-radius: 65px;}
.article_content ul li:first-child div .icon i {background:#94c022 url('../images/car.svg') center/28px no-repeat;}
.article_content ul li:last-child div .icon i {background:#94c022 url('../images/towing.svg') center/35px no-repeat;}
.article_content ul li div .title {display:block; font-weight:bold; font-size:16px; margin-bottom:25px;}
.article_content a {margin-top:20px;}

.about_us {background:url('../images/man.jpg') left bottom no-repeat; background-size:500px; text-align:left;}
#about_us {display:inline-block; float:right; width: -webkit-calc(100% - 350px); width: -moz-calc(100% - 350px); width: calc(100% - 350px);}
#about_us ul {margin-top:5px;}
#about_us ul li {display:block; float:none; width:100%;}
#about_us ul li div {border:0; position:relative; padding-left:80px;}
#about_us ul li div i {position:absolute; left:0; top:18px; border:1px solid #94c022; height:55px; width:55px; background:#94c022 url('../images/specialist-user.svg') center/28px no-repeat; -webkit-border-radius: 65px; -moz-border-radius: 65px; border-radius: 65px;}
#about_us ul li:last-child div i {background:#94c022 url('../images/quality.svg') center/35px no-repeat;}
#about_us ul li div h3 {text-transform:uppercase; font-weight:bold; margin-bottom:15px;}

.article_content {}
.article_content.purchased {margin-top:40px;}
.article_content.purchased h3 {font-weight:bold; font-size:22px;}
.article_content.purchased ul {margin-top:20px}
.article_content.purchased ul li {width:25%;}
.article_content ul li .name {display:block; font-size:13px;}
.article_content ul li .city {font-size:14px; display:block;   line-height:1.4; margin:5px 0; font-weight:bold;}
.article_content ul li .city small {font-weight:normal;}
.article_content ul li .paid {font-weight:bold; display:block;}
.article_content ul li .paid strong {color:#94c022;}
 
#contact_form {} 
#contact_form .several {text-align:center;}
#contact_form .several .field_item:first-child {float:left;}
#contact_form .several .field_item:last-child {float:right;}
#contact_form .several .field_item {display:inline-block; width: -webkit-calc(33.3% - 10px); width: -moz-calc(33.3% - 10px); width: calc(33.3% - 10px);}
#contact_form  .field_item {position:relative;}
#contact_form  .field_item small {font-size:12px; background:#fff; padding:4px 6px; position:absolute; left:5px; top:-10px; font-weight:bold;}
#contact_form  .field_item select {padding: 0 0 0 15px; border: 0; width: 100%; line-height: 45px; border: 1px solid rgba(0,0,0,.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all 300ms ease-in-out 0s; display: block; height: 45px; position: relative;}
#contact_form  .field_item input {display: block; padding: 0 0 0 15px; border: 0; width: -webkit-calc(100% - 15px); width: -moz-calc(100% - 15px); width: calc(100% - 15px); line-height: 45px; border: 1px solid rgba(0,0,0,.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all 300ms ease-in-out 0s;}
#contact_form  .field_item select:focus,
#contact_form  .field_item input:focus {outline:none; border-color:#94c022;}
#contact_form  .field_item .overflow {position:relative;}
#contact_form  .field_item .overflow:before {width:35px;height:35px;position:absolute;right:5px;top:6px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3E%3C/svg%3E") center/10px no-repeat;content:'';z-index:2;transition:all 300ms ease-in-out 0s}
#contact_form  .field_item .overflow:hover:before{-moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
#contact_form  .payment_car {position:relative; padding:15px 0;}
#contact_form  .payment_car.loader {}
#contact_form  .payment_car:before {position:absolute; left:0; top:0; height:100%; width:100%; background:#fff url('../images/loader.svg') center/30px no-repeat; content:''; z-index:10; display:none;}
#contact_form  .payment_car.loader:before {display:inline-block; }
#contact_form  .payment_car  {}
#contact_form  .payment_car  .field_item {display:inline-block; width: -webkit-calc(25% - 10px); width: -moz-calc(25% - 10px); width: calc(25% - 10px); margin:0 4px;}
#contact_form  .payment_car  button {line-height:47px; padding:0; cursor:pointer; width: -webkit-calc(25% - 10px); width: -moz-calc(25% - 10px); width: calc(25% - 10px);border:0;}
.overflow_contact .mail_form h3,
#contact_form  .payment_car h3 {font-weight: bold; font-size: 22px; margin-bottom:15px;}
.overflow_contact .mail_form  p,
#contact_form  .payment_car p {line-height: 1.4; font-size: 14px; margin-bottom: 15px;}
#contact_form  .payment_car.hide {display:none;}

.overflow_contact .map {display:inline-block; float:left;}
.overflow_contact #contact_form {display:inline-block; width: -webkit-calc(100% - 480px); width: -moz-calc(100% - 480px); width: calc(100% - 480px);  float:right;}
.overflow_contact .mail_form {display:none;}
.overflow_contact .mail_form.visible {display:block;}
.overflow_contact .steps_block {border-bottom:1px solid rgba(0,0,0,.1); margin-bottom:80px;}
.overflow_contact .steps_block div {display:inline-block; width:50%;  float:left; line-height:45px; font-size:13px; text-transform:uppercase; color:rgba(0,0,0,.6); font-weight:600; position:relative;}
.overflow_contact .steps_block div:before {content:''; display:inline-block; height:2px; width:100%; position:absolute; left:0; bottom:-1px; background:#94c022; display:none;}
.overflow_contact .steps_block div:hover:before,
.overflow_contact .steps_block div.select:before {display:block;}
.overflow_contact .steps_block div:hover,
.overflow_contact .steps_block div.select {color:#1a1a1a; cursor:pointer;}
.result_block {display:none; position:absolute; left:0; top:0; width:100%; height:100%;  z-index:11;}
#contact_form .payment_car.white:before {background:#fff;}
#contact_form .payment_car .result_block p {font-weight: 900; font-size: 32px; margin-bottom:20px;}
.result_block p strong {color:#94c022;}
.result_block a,
.result_block span {line-height:1; padding:12px 30px; display:inline-block;}
.result_block span {border:1px solid rgba(0,0,0,.1); font-weight:bold; -webkit-border-radius: 55px; display: inline-block; -moz-border-radius: 55px; border-radius: 55px; cursor:pointer;}
.result_block a small,
.result_block span small {display:block; font-weight:normal; font-size:11px;}
.overflow_contact .mail_form form{margin-top:25px;}
.overflow_contact .mail_form button {border:0; margin-top:25px; cursor:pointer; padding:0 85px;}
.result_block.visible {display:block;}
.notification_ok img {display:inline-block;}
.overflow_contact .mail_form.sending p,
.overflow_contact .mail_form.sending h3 {display:none;}
.overflow_contact .mail_form.sending .notification_ok p {display:block;}
.overflow_contact .steps_block.slim {margin-bottom:0;}

footer {    border: 1px solid rgba(0,0,0,.1); margin-top:50px;}
footer div {padding:20px 0;}
footer div small {display:inline-block; line-height:30px; font-size:11px; float:left;}
footer div nav {display:inline-block; float:right;}
footer div nav a {line-height:30px; margin:0 0 0 10px; font-size:13px; text-decoration:none; color:#1a1a1a;}
footer div nav a:hover {color:#94c022;}

.result_block.visible,
#contact_form .payment_car,
.overflow_contact .steps_block div:before,
.screen_content div,
#contact_form  .payment_car.loader:before,
.overflow_contact .mail_form.visible,
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn, .result_block.visible { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; }
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn, .overflow_contact .mail_form.visible, #contact_form  .payment_car.loader:before, #contact_form .payment_car, .overflow_contact .steps_block div:before { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight, .screen_content div { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft, .screen_content div:first-child{ -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@media screen and (min-width:1200px) {
.screen_content,
.article_content,
footer div,
.main_screen header .inner {max-width:1200px; margin-left:auto; margin-right:auto; }
}
@media screen and (max-width:1220px) {
	.screen_content, .article_content, footer div, .main_screen header .inner {padding-left:12px; padding-right:12px;}
}
@media screen and (max-width:1420px) {
.overflow_head-prefix header,
.footer_overflow-prefix footer,
.under_footer,
.video_article-prefix,
 .content-prefix {padding-left:12px; padding-right:12px;}
}
@media screen and (max-width:1040px) {
	.screen_content div:first-child {padding-left:0;     width: 50%;}
	.overflow_contact .map {margin-top:30px;}
	.overflow_contact .map iframe {width:100%;}
	.overflow_contact .map,
	.overflow_contact #contact_form {display:block; float:none; width:100%;}
	.about_us {background-position-x: -167px;}
	#about_us {width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px);}
	.screen_content div img {max-width:100%; vertical-align:bottom;}
}
 @media screen and (max-width:860px) {
	 .main_screen {background-size:cover;}
		.screen_content div {display:none; width:100%; float:none;}
		.screen_content div h1 br {display:none;}
		.screen_content div:first-child {display:block; width:100%; padding:60px 0 35px 0;}
}

 @media screen and (max-width:680px) {
	 .main_screen header nav {display:none;}
	 .screen_content div:first-child {padding-top:20px;}
 }
 @media screen and (max-width:640px) {
	 #contact_form .several .field_item,
	 .article_content.about_us ul li {display:block; float:none; width:100%;}
	 #about_us {float:none; width:100%;}
	 #about_us ul li div {padding-left:0; padding-top:80px; text-align:center;}
	 #about_us ul li div i {left:50%; top:0; margin-left:-35px;}
	 .about_us {background:#fff;}
	 .article_content #how li {display:block; float:none; width:100%; margin-bottom: 50px;}
	 .article_content.purchased ul li {width:50%; display:none;}
	 .article_content.purchased ul li:first-child,
	 .article_content.purchased ul li:nth-child(2),
	 .article_content.purchased ul li:nth-child(3),
	 .article_content.purchased ul li:nth-child(4) {display:inline-block;}
	 .article_content.purchased {margin-top:0;}
	 #contact_form .payment_car .field_item {display:block; margin:8px 0; width:100%;}
	 .overflow_contact .steps_block {margin-bottom:30px;}
	 #contact_form .payment_car button {width:320px; margin-top:5px; line-height:65px; font-size:20px;}
#contact_form .several .field_item {margin:16px 0;}
.result_block.visible {padding-top:50px;}
#contact_form .several .field_item:first-child {float:none;}
.overflow_contact .mail_form button {font-size:20px;}
 }
  @media screen and (max-width:540px) {
	  .overflow_contact .steps_block div {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
  }
  @media screen and (max-width:460px) {
	  .article_content.purchased ul li:first-child, .article_content.purchased ul li:nth-child(2), .article_content.purchased ul li:nth-child(3), .article_content.purchased ul li:nth-child(4),
	  .article_content.purchased ul li {display:none; float:none; width:100%;}
	  .article_content.purchased ul li:first-child {display:block;}
	  footer div small,
	 footer div nav {display:block; float:none; text-align:center;}
	 footer div nav a {margin:0 5px;}
 }