*{margin:0;padding:0;}
body{background:#FFF;color:#000;font:normal 16px "PT Sans", Verdana,Arial,sans-serif;line-height:24px}

section{padding:10px 0;}
h1,h2,h3{margin:30px 0 20px 0 ;line-height:32px }
h1{text-transform:uppercase;font-size:40px;line-height:50px;margin:25px 0 35px 0;}
h2 {font-size:30px;line-height:40px;}
p{margin:0 0 15px 0 ; }
ul{margin:0 0 25px 25px; list-style:none}
ol{margin:0 0 25px 25px;  }

a{color:#000;text-decoration:none;}
a:hover{text-decoration:underline;}

form {margin:0 0 35px 0 ;}
form input,form textarea{width:98%;margin:0 0 15px 0;padding:1%;}

#header,#footer,#breadcrumbs,main,#important,#footer{width:96%;max-width:1100px;margin:0 auto;}
#header_wrap,#footer-wrap{width:100%;background:#000;padding:0;}

#breadcrumbs{margin:25px auto;}
ol.breadcrumbs , .language-menu {list-style: none; padding: 0;  }
ol.breadcrumbs   { margin:15px 0;}
ol.breadcrumbs li , .language-menu li {display:inline-block;  }

main article ul li {list-style-image: linear-gradient(to left bottom, #f5c000, #000);}

.language-menu li a{padding:0 5px }
.language-menu span{color:#f5c000;padding:0 5px }


.flex{display:flex;justify-content: space-between;}

#important_wrap,#slogan_wrap{width:100%;background:#f5c000;color:#000;}
#important {font-size:18px;font-weight:500;}
#slogan {font-size:38px;line-height:48px;font-weight:600;text-align:center;}
#important .flex{width:270px;margin: 0;justify-content: flex-start;}
#important .flex.ru_vrsn{width:340px;}
#important .important_big{font-size:58px;font-weight:800;margin:8px 15px 10px 0;color:#101010}
#important .driver-license .important_big {width:70px;}
#important .age .important_big {width:58px;}
#important .deposit .important_big {width:28px;}
#important .first_txt_i{font-size:22px;font-weight:600;color:#101010}


#important_wrap  {margin:50px 0 0 0;padding:40px 0 35px 0;}
#slogan_wrap {margin:0 0 20px 0;padding:35px 0;}
#important_wrap,#slogan_wrap {
  background: linear-gradient(174deg, 
    #d4a600 0%, 
    #e0b400 5%,
    #f5c000 15%,
    #f5c000 50%,
    #f5c000 85%, 
    #e0b400 95%,
    #d4a600 100% 
  );
}


#top-menu ul {
  list-style: none; 
  padding: 0;
  margin: 0;
}

#top-menu ul.flex{ flex-wrap: wrap;}

#top-menu  li {
  margin-right: 10px; 
font-size:20px;  
color: #f5c000;
}

#top-menu li a {
  display: block;  
  padding: 5px;
  text-decoration: none;  
  color: #f5c000;
}
#top-menu li a:first-child {
  padding-left: 0px;
}


.menu-toggle {
  display: none;
}



#header_main{display:flex;justify-content: space-between; color:#FFF;
font-size:18px; padding:17px 0 9px 0; margin:0px auto;}
#header_main div{padding:0;margin:0px;}
#header_main a, #messengers a{color:#FFF;text-decoration:none;}

.top_logo{ }
.top_logo .top_img img{width:45px;margin:-16px 12px 0 0;}
.top_logo .top_name{}

#header_wrap{ 
background: linear-gradient(174deg, 
  rgba(0,0,0,1) 0%, 
  rgba(16,16,16,1) 5%, 
  rgba(21,21,21,1) 15%, 
  rgba(51,51,51,1) 50%, 
  rgba(21,21,21,1) 85%, 
  rgba(16,16,16,1) 95%, 
  rgba(0,0,0,1) 100%
);
 }



#header{padding:10px 0 20px 0;margin:0 auto;
background: url('../images/bg2.png') no-repeat right 230px, url('../images/bg.png') no-repeat 350px 150px; height:380px;}

#footer{padding:50px 0 110px 0;margin:0 auto;
color:#FFF; }
#footer a, #footer .info-menu, #footer .info-menu a {color:#FFF;}
#footer  a.website {color:#f5c000;font-weight:600;font-size:85%;}

#footer .footer_copy{text-align:center; margin:10px 0 0 0;}
#footer .info-menu ul li{ margin:0 20px 20px 0;}
#footer .footer_logo img{ width:100px;}

.car_first{ display: flex; flex-direction: column;}
.car_block-wrap{order: 1;flex-wrap: wrap;justify-content: flex-start;margin:0 0 20px 0;}
.car_text-wrap{order: 2;}
.price_tag.item_car [itemprop="price"]::before, .price-amount [itemprop="price"]::before {
  content: "$";
  margin-right: 1px;
}

.car_block{width:290px; padding:15px;border:1px solid #999; border-radius:12px;
margin:0 30px 30px 0;  }
.car_block:hover{box-shadow: rgba(0, 0, 0, 0.3) 0px 12px 25px, rgba(0, 0, 0, 0.22) 0px 12px 10px;}
.car_block .car_block_img{width:290px; height:290px;overflow:hidden;  display: flex;
  align-items: center;
  justify-content: center;}
.car_block .car_block_img img{ height:290px; border:none; border-radius:12px;}
.car_block  h4{ margin:12px 0 22px 0; height:60px; overflow:hidden; font-size:24px;line-height:32px;}
.car_block  a:hover{text-decoration:none;}

.car_block  .price_tag{color:#000;background:#f5c000;padding:8px;text-align:center;font-size:22px;line-height:22px;font-weight:600;}

.price_tag.item_car [itemprop="offers"] {width:170px;margin:0 auto;line-height:40px; text-align:left;
  display: block;
  margin-bottom: 2px;
}

.price_tag.frst{padding-top:15px;}
.price_tag.lst{padding-bottom:15px;}

#button{margin:85px 0 15px 0;}
	
.glow-button a {text-decoration:none;padding:12px 22px; line-height:40px;}

.glow-button {
  position: relative;
  display: inline-block;
  padding: 8px 0px 6px 0px;
  font-size: 22px;
  color: #000000;
  font-weight:600;
  background-color: #f5c000;
  border: none;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
  text-align:center;
}

.glow-button.innir_btn a{
  color: #fff; 
}
.glow-button.innir_btn {
  color: #fff;
  background-color: #000;
  top:-10px;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:25px;
}

.glow-button.innir_btn {padding: 15px 20px;}

.glow-button::before {
  content: "";
  position: absolute;
  top: -150%;
  left: -150%;
  width: 200%;
  height: 400%;
  background: linear-gradient(
    105deg,
    rgba(255, 255, 255, 0) 30%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0) 70%
  );
  transform: rotate(0deg);
  animation: shine 2.5s infinite;
  z-index: 0;
}

.glow-button.innir_btn::before {
  animation: shine 3.5s infinite;
  background: linear-gradient(
    105deg,
    rgba(255, 255, 255, 0) 25%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0) 75%
  );
}
	
.glow-button span {
  position: relative;
  z-index: 1; 
}

@keyframes shine {
  0% {
    transform: translateX(-100%) rotate(25deg);
  }
  100% {
    transform: translateX(100%) rotate(25deg);
  }
}

#messengers{width:200px;color:#FFF;margin:40px 0;display:flex;justify-content: space-between;}
#messengers.ru_vrsn{width:240px;}
#messengers.pt_vrsn{width:270px;}
#messengers .call_txt{font-weight:600;color:#CCC;padding:2px 0;}

#messengers div.call_wtsap, #messengers div.call_tlgrm {  padding:2px 4px;border:none;border-radius:4px;}

#messengers div.call_wtsap {
box-shadow: inset 0 0 0 0 #075e54; 
transition: color .3s ease-in-out, box-shadow .3s ease-in-out;}
#messengers div.call_wtsap:hover{ 
box-shadow: inset 200px 0 0 0 #075e54;}

#messengers div.call_tlgrm{  
box-shadow: inset 0 0 0 0 #229ED9; 
transition: color .3s ease-in-out, box-shadow .3s ease-in-out;}
#messengers div.call_tlgrm:hover{ 
box-shadow: inset 200px 0 0 0 #229ED9;}


.service_block{width:20%;margin:0 0 30px 0;}
.service_block .service_image{
  display: flex;
  align-items: center;
  justify-content: center;margin:0;}
  
 

.dropdown  {background: url('../images/down-arrow.png') no-repeat center center;
width:25px;height:25px; margin:0 0 0 5px; position: relative; top:4px; left;0; 
cursor:pointer;}
	
li.dropdown-menu {
  flex-basis: 100%;  
}
	
.dropdown:hover > li.dropdown-menu {
  display: block;
}

li.dropdown-menu {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  position:absolute;
  padding:20px !important;
  margin: 40px auto 0 auto;
  max-width:964px;
  width:80%;
  border:none;
  border-radius:12px;
  background-color: #212121;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100;
}

.dropdown-menu.active {
  opacity: 1;
  pointer-events: auto;
}

.dropdown-menu ul li{
  color: #f5c000;
  font-size: 15px !important;
  font-weight:none;
  line-height:20px !important;
}

.dropdown-menu ul {
  margin: 0 20px;
}

.dropdown-menu a {
  padding: 3px;
  color: #f5c000;
  font-size: 15px;
  line-height:20px;
  text-decoration: none;
  font-weight:none;
}

.dropdown-menu a:hover {
  color: #fff !important;
}




.addthis_inline_share {
	position: fixed;
	bottom: 2px;
	width: 100%;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	transition: background 2.1s ease, opacity 0.3s ease, visibility 0.3s ease;
	padding: 12px 0 3px 0;
	z-index: 9000;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.addthis_inline_share.visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.addthis_inline_share:hover {
	background: rgba(0, 0, 0, 0.7);
}


.addthis_inline_share img {width:110px;height:25px;text-align:center;padding:12px 0;opacity:0.85;}
.addthis_inline_share img:hover {opacity:1;}
.fb_img {background:#3b5998;}
.tw_img {background:#000000;}
.wa_img {background:#199e0d;}
.tg_img {background:#229ED9;}

.addthis_share_txt{margin:0 0 10px 0;font-weight:600;color:#FFF;text-shadow:2px 2px 2px rgba(0,0,0,.9);}







@media screen and (max-width: 851px){
	
.addthis_share_txt{font-size:13px;}

.addthis_inline_share img {width:22%;}
	
	
#header{height:470px; padding:20px 0 150px 0;
background: url('../images/bg2.png') no-repeat 240px 480px, url('../images/bg.png') no-repeat center 410px; 
background-size:58%,70%;}

#button{margin:85px 0 35px 0;}
#button{text-align:center;}

.glow-button.innir_btn {
  top:-20px;
  left: 0;
  transform:none;
}

#messengers{margin:20px auto;}
li.dropdown{display:none !important;}

}



@media (max-width: 651px) {
	
#slogan {width:90%;margin: 0 auto; font-size:28px;line-height:38px;}
	
#important_wrap{padding:50px 0 20px 0;}
#important .flex{ margin: 0 auto 25px auto;}
#important .flex.ru_vrsn{width:270px;}
#important .driver-license .important_big , #important .age .important_big, #important .deposit .important_big
{width:70px !important; text-align:right; margin:8px 15px 20px 0;}

.top_logo .top_name{position:absolute; top:120px;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:22px;margin:0;padding:0;}
	
	
.car_block{margin:0 auto 30px auto;  }
	
#header_main{font-size:15px;}
	
.column{flex-direction:column;}
#header{height:390px; padding:20px 0 150px 0;
background: url('../images/bg2.png') no-repeat right 420px, url('../images/bg.png') no-repeat center 360px; 
background-size:69%,85%;}

.service_block{width:90%;margin:0 auto 30px auto;}

#footer .footer_logo{ width:100%;text-align:center;}
#footer .footer_logo img{ width:150px;}




	

#top-menu ul.flex{justify-content: flex-start;}
	
.menu-toggle {
    display: block;
    position: absolute;
  background: none;
  border: none;
  font-size: 32px;
  color: #f5c000;
  cursor: pointer;
  top: 75px;
  right: 13px;
  z-index: 1001;
}
	
  .menu-toggle.fixed {
    position: fixed;
    top: 75px;
    right: 13px;
  }
	
  #top-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 1000;
    justify-content: center;
    align-items: center;
  }

  #top-menu ul {width:90%;margin:30px auto 0 auto;}
  
  #top-menu ul li.dropdown-menu {display:none;}

  #top-menu li {
  display: inline-block;
    margin: 20px 20px 20px 0;
  }

  #top-menu a {
    font-size: 20px;
    color: #f5c000;
  }

  #top-menu.show {
    display: flex;
  }





}

@media screen and (max-width: 451px){
	
.top_logo .top_name{font-size:19px;}
	
h1{text-transform:uppercase;font-size:30px;line-height:40px;margin:25px 0 35px 0;}

#header{height:370px; padding:20px 0 150px 0;
background: url('../images/bg2.png') no-repeat right 400px, url('../images/bg.png') no-repeat center 350px; 
background-size:72%,90%;}

}

@media screen and (max-width: 390px){
	
.top_logo .top_name{font-size:18px;}


.glow-button {
  padding: 15px 0px;
  font-size: 18px;
}

.glow-button.innir_btn {
  font-size:22px;}

.glow-button.innir_btn a{
  color: #fff; padding:12px;
}


}