/* Readmore  */

.module--readmore .mod-articlesnews {
  display: flex;
  gap: 50px;
      align-items: baseline;
}

.sp-module.module--readmore {
    margin-block: 50px;
}

h2.sp-module-title {
    margin-bottom: 30px;
}

.mod-articlesnews__item img {
  transition: 0.3s;
}

.mod-articlesnews__item:hover img {
  transform: scale(1.03);
  transition: 0.3s;
}


.popular {
 	margin-bottom: 50px; 
}

@media (max-width:991px) {
#sp-logo {
    padding: 0px !important;
}
}

#jc {
    margin-top: 50px;
}

button#comments-form-send, button#comments-form-reset {
    padding: 10px 30px;
  border-radius: 5px;
}

.btn-success {
  border-radius: 5px;
 background: black; 
      border: none;
  &:hover {
    background: black; 
  }
}

.buttons--wrapper {
      display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.article-list .article {
    border: none;
  background: white;
}

.regestration--block {
    display: block;
    margin: auto;
    max-width: 720px;
}

button.enter--btn {
   display: flex;
    gap: 5px;
    align-items: center;
    padding: 10px;
    margin-top: 15px;
  border-radius: 5px;
  background: white;
}

button.regestration--btn {
  border-radius: 5px;
  display: flex;
    gap: 5px;
    border: none;
    background: black;
    padding: 10px;
    margin-top: 15px;
  a {
    color: white !important;
}
}



#sp-header .row {
      align-items: center;
}

#sp-registration {
  background: #edeef091;
}



/*-Main-page-*/

.main_page h2 {
 	text-align: left !important; 
}

.main_page .article-intro-image img {
  padding: 10px;
}

.main_page .article-list .article {
    border: 1px solid #f7f1f1 !important;
    transition: all .3s ease;
    box-shadow: 0 20px 10px rgb(178 188 191 / 10%);
  background: white;
}

.main_page .article-list .article:hover {
    transition: all .3s ease;
    box-shadow: 0 70px 60px rgb(178 188 191 / 30%);
    cursor: pointer;
    transform: translateY(-5px);
}

.article-list .article .article-intro-image {
    border-bottom: none;
}

.main_page .cat-children {
 	display: none; 
}

/*.main_page .article-list .article {
    border-right: 1px solid #cccccc63;
  	border-bottom: 1px solid #cccccc63;
  	border-radius: 0px;
}*/

.main_page .article {
  	flex-wrap: wrap;
  	display: flex;
  	gap: 0px;
}

.main_page .article-body {
 	max-width: 525px; 
}

.main_page .article-intro-image {
	max-width: 500px;  	 
}


.main_page .readmore {
 	 position: relative;
  	 max-width: 150px;
  	 transition: 0.3s;	
}

.main_page .readmore:hover {
 	 transform: translate(5px);
}

.main_page .readmore a {
 	 color: #000;
  	font-size: 18px;	
}

.main_page .readmore a:after {
    position: absolute;
    content: url('/images/icons/interface/arrow.svg');
    right: 30px;
}

 @media (max-width:1400px) {
   .main_page .article-body {
 	max-width: 520px; 
}   
    .main_page .readmore {
  		margin-bottom: 1rem;
}
   /*
   .main_page .article {
  	justify-content: space-between;
}
   */
}

 @media (max-width:1200px) {
   .main_page .article-body {
 	max-width: 470px; 
}
   
   .main_page .article-intro-image {
	max-width: 370px;  	 
}  
}

 @media (max-width:991px) {
   .main_page .article {
  	justify-content: flex-start;
}
   .main_page .article {
  	gap: 30px;
}   
   .main_page .article-body {
 	max-width: auto; 
} 
}
   
/*-Header-*/

.logo_main .logo {
    display: flex;
    justify-content: center;
}

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

.menu_header .current-item .active {
	border-bottom: 1px solid #0000007a;
}

.menu_header .sp-megamenu-parent>li.active>a {
    font-weight: 500;
    border-bottom: 1px solid;
}
 	 
}

@media (max-width:991px) {
  .menu_header {
  	justify-content: flex-end !important;
}
  }

.menu_header li::before {
    content: "";
    width: 1px;
    height: 20px;
    margin-top: -18px;
    background: #ccc;
    display: block;
    position: absolute;
    top: 60%;
    left: 0;
}

.menu_header .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    display: inline-block;
    padding: 0 30px;
}

.menu_header .sp-megamenu-parent>li:last-child>a::after {
	content: "";
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background: #ccc;
    position: absolute;
    top: 50%;
  	display: block;
    right: 0;
}

.menu_header .sp-megamenu-parent>li:last-child>a {
 	padding: 0px 30px; 
}

.mobile_header .logo-image {
    height: 46px;
    margin-left: 1rem;
}

.category-desc {
	display: flex;
    justify-content: center;
    gap: 30px;
  	align-items: center;
  	max-width: 1120px;
    margin: auto;
  	font-size: 20px;
    font-weight: 300;
  	border-bottom: 1px solid #c1c1c14f;
    margin-bottom: 30px;
  flex-direction: column;
}

.category-desc--wrapper.category-desc {
  flex-direction: row;
  align-items: center;
}

.category-desc--wrapper img {
    /* max-width: 120px; */
  	margin-bottom: 10px;
}

.category-desc--wrapper {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  max-width: 1120px;
  margin: auto;
  font-size: 20px;
  font-weight: 300;
  border-bottom: 1px solid #c1c1c14f;
  margin-bottom: 30px;
}

.category-desc--wrapper p {
  margin: 0 0 10px;
}

.category-desc--wrapper img {
  display: block;
  max-width: 250px;
  height: auto;
}

.category-desc__text {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Адаптив */
@media (max-width: 768px) {
  .category-desc--wrapper {
    flex-direction: column !important;
    text-align: center;
  }
  .category-desc__text {
    align-items: center;
  }
}





.category-desc p {
  	margin-bottom: 10px !important;
}

.cat-children .page-header {
 	display: flex;
    align-items: center;
    flex-direction: column;
  	border-bottom: 1px solid #c1c1c14f;
}

.cat-children {
	display: flex;
  	flex-wrap: wrap;
  	margin: 50px 0px !important;
}

.cat-children h3 a:hover {
	color: #808080;
}

.cat-children div{
	display: flex;
  	flex-direction: column-reverse;
  	align-items: center;
  	width: 20%;
  	margin-bottom: 10px;
}

.bg-info {
  	margin-top: 10px;
 	background-color: black !important;
    font-size: 11px; 
}

.cat-children a {
	color: #000000;
  	font-size: 22px;
}

.blog .page-header .item-title::before {
	content: "";
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background: #ccc;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
}

.catalog_letter .categories-module img {
  	width:38px;
}

.catalog_letter  ul {
  	display: flex;
 	align-items:  center;
    justify-content: start;
    flex-wrap: wrap;
}

.catalog_letter .categories-module {
 	margin-bottom: 35px; 
}

.catalog_letter .categories-module li {
  	display:flex;
  	width: 14%;
  	align-items: center;
  	flex-direction: row-reverse;
  	gap: 10px;
  	justify-content: start;
}


.catalog_letter .article-details img {
    margin-block: 0.8rem;
}

.categories-module div {
  height: 78px;
}

.catalog_letter .article-details a {
    margin-bottom: 15px;
}

.main_letter {
  	font-size: 27px;
    border-bottom: 1px solid #0000001a;
  	margin-bottom: 20px
}

@media (max-width:1200px) {
 	.catalog_letter .categories-module li {
  	width: 16%;
}
}

@media (max-width:991px) {
  
  .catalog_letter .categories-module li {
  	width: 25%;
}
  
  .cat-children div{
  	width: 25%;
}
    .cat-children {
    justify-content: unset;
    margin-top: 30px;  
}
}

@media (max-width:776px) {
  .category-desc img {
    width: 150px;
}
  .cat-children div{
  	width: 30%;
}
   .catalog_letter .categories-module li {
  	width: 33%;
}
  
  .category-desc {
  	font-size: 17px;
}
  }

@media (max-width:480px) {
  .category-desc img {
    width: 200px;
}
  .cat-children div{
  	width: 50%;
}
  .cat-children {
  	margin-top: 30px;
}
   .catalog_letter .categories-module li {
  	width: 50%;
}
}

/*-Breadcrumbs-*/

.breadcrumbs .divider {
 	display: none; 
}

.breadcrumb {
    padding: 0.5rem;
    background-color: #fff;
  	font-size: 15px;
}

/*-Alphabet-*/

.cyrillic--alphabet ul {
    justify-content: start !important;
    gap: 10px;
}

.blog h2 {
  text-align: center;	 
}

.alphabet {
  margin: 10px auto;
  max-width: 750px;
   padding: 0px;
}

.alphabet a {
  font-size: 20px;
  text-decoration:none;
  padding: 5px;
  transition: 0.2s;
}

.alphabet ul {
  display: flex;
  list-style-type: none;
  justify-content: space-between;
  flex-wrap: wrap;
}

.alphabet a:hover {
  background-color: #efefefd9;
  color: #000 !important;
}


.alphabet_item {
  padding: 10px 20px; 
  display: flex; 
  align-items: center;
  
  flex-wrap: wrap;
  border-bottom: 1px solid #c1c1c14f;
}

.alphabet .sp-module-content {
 	border-bottom: 1px solid #c1c1c14f; 
}

.numbers ul {
  justify-content: start !important;
  gap: 10px;
}

.numbers {
   margin-bottom: 10px; 
}

@media (max-width:776px) {
  .alphabet ul {
  	margin: 10px auto;
    justify-content: start;
    padding: 0px;
  }
  
.alphabet a {
  font-size: 18px;
}
  
  .numbers {
   margin-bottom: 30px; 
}
}

/*-Random cars-*/

.random_cars {
 	margin-bottom: 30px; 
}

.random_cars h4 {
 	font-size: 18px;
  	text-align: center;
}

.random_cars img {
    max-width: 350px;
  	margin: auto;
}

.random_cars .mod-articlesnews {
 	align-items: center;
    display: flex;
    justify-content: space-between;
  	flex-wrap: wrap;
}

@media (max-width:1400px) {
  .random_cars .mod-articlesnews {
    justify-content: center;
    gap: 50px;

}
}

@media (max-width:1200px) {
  .random_cars .mod-articlesnews {
    justify-content: unset;
    gap: 30px;

}
}

@media (max-width:991px) {
  .random_cars .mod-articlesnews {
    gap: 10px;
  }
    .random_cars .newsflash-image img {
      margin: auto;
}
}
  
  .random_cars .mod-articlesnews__item {
    margin-bottom: 30px;
    width: 33%;
}

@media (max-width:1200px) {
  .random_cars .mod-articlesnews__item {
    width: 45%;
}
}

@media (max-width:991px) {
  .random_cars .mod-articlesnews__item {
    width: 100%;
}
}

@media (max-width:480px) {
  .random_cars .mod-articlesnews__item {
   display: flex;
    flex-direction: column;
    align-items: center; 
  }
   
  .random_cars img {
    max-width: 250px;
}
}

/*-Last cars-*/

.last_auto .mod-articlesnews {
    border-right: 1px solid #c1c1c14f;
}

.last_auto .mod-articlesnews__item {
 	display: flex;
   align-items: center;
  	gap: 20px;
  	flex-wrap: wrap;
  	border-bottom: 1px solid #c1c1c14f;
  	justify-content: center;
}

.last_auto .newsflash-image {
    max-width: 520px;
}

.last_auto .newsflash-title {
 	margin-bottom: 30px;
}

.last_auto .newsflash-title a {
 	color: #000 !important;
}

.last_auto .newsflash-title a:hover {
 	color: #808080 !important;
}

.last_auto .last_auto_content {
 	max-width: 550px; 
}

.last_auto .readmore {
 	 position: relative;
  	 max-width: 150px;
  	 transition: 0.3s;	
}

.last_auto .readmore:hover {
 	 transform: translate(5px);
}

.last_auto .readmore a {
 	 color: #000;
}

.last_auto .readmore a:after {
    position: absolute;
    content: url('/images/icons/interface/arrow.svg');
    right: 30px;
}

 @media (max-width:1200px) {
    .last_auto .readmore {
  		margin-bottom: 1rem;
}
}

 @media (max-width:1024px) {
    .last_auto .mod-articlesnews__item {
  		justify-content: center;
}
}

@media (max-width:480px) {
  	.last_auto .readmore {
      	max-width: 135px;
		margin-bottom: 20px;
}
  	.last_auto .mod-articlesnews {
    border-right: none;
}
}

/*-Contacts-*/

/*
.contacts_body {
 	display: flex; 
  	flex-wrap: wrap;
  align-items: center;
    justify-content: space-around;
}
*/
.vkontakte_section, .mail_section {
  	font-size: 35px;
	display: flex;
    align-items: center;
    background-color: #4C75A3;
    border-radius: 15px;
  	color: #fff;
  	padding: 0px 20px;
      max-height: 75px;
  	width: 260px;
}

.mail_section {
    background-color: #3691E4;
}

.contacts_body .wf-columns-stack-medium>.wf-column {
        width: 50%;
}

.contacts_body .wf-columns-stack-medium {
    margin: 0 0 50px 0;
  	justify-content: center;

}

.contacts_body p {
    border-bottom: 1px solid #ccc;
}

.mail_section img, .vkontakte_section img {
 	width: 50px; 
}

@media (max-width:991px) {
	.mail_section, .vkontakte_section {
  	font-size: 27px;
      width: 230px;
}
  	.mail_section img, .vkontakte_section img {
 	width: 40px; 
}
}

@media (max-width:480px) {
		.mail_section, .vkontakte_section {
  	font-size: 20px;
      width: 200px;
      max-height: 50px;    
}
  	.mail_section img, .vkontakte_section img {
 	width: 35px; 
}
}

/*-Popular marks-*/

.popular_mark {
	justify-content: space-evenly;
    margin: 5px auto;
  	align-items: center;
  	 
}

.popular_mark img {
 	transition: 0.2s all; 
}


.popular_mark img:hover {
 	transform: scale(1.1);
}

@media (max-width:991px) {
	.wf-columns-stack-medium>.wf-column {
    width: 15%;
  }
  .popular_mark img {
   	width: 90px; 
  }
}

@media (max-width:778px) {
	.wf-columns-stack-medium>.wf-column {
    width: 15%;
  }
  .popular_mark img {
   	width: 70px; 
  }
}

@media (max-width:480px) {

  .popular_mark img {
   	width: 50px; 
  }
}

/* Footer */

	.contacts a {
      display: flex;
}

	.footer_content {
      font-size: 16px;
}
	.footer_content .wf-columns {
 		flex-wrap: wrap;     
}
	.footer_content .contacts {
	border-right: 1px solid #ffffff3b;
}

@media (max-width:991px) {
  .developer p {
   	text-align:left; 
  }
}

@media (max-width:771px) {
	.footer_content .footer_logo {
      width: 100%;
      
}
  	.footer_content .footer_logo img {
      float: none !important;
      margin: auto;
  }
  
  .footer_content .contacts {
	border-right: none;
}
}  

@media (max-width:480px) {
	.footer_content {
      font-size: 15px;
}
 	.footer_content .footer_logo{
     margin-top: 30px;
  }

  .module--readmore .mod-articlesnews {
    flex-wrap: wrap;
    gap: 15px;

    }
  
  	.footer_content .footer_item img {
      width: 20px;
      float: none !important;
   	   
  } 
}


.sp-scroll-up:hover {
color: #000;
    background: #fff;
    border: 1px solid;
}

/*-Search-*/

.search_module .input-group {
    justify-content: center;
  	margin: 50px 0;
}

.search_module .awesomplete {
 	width: 300px; 
}

.awesomplete {
 	z-index: 99; 
}

.awesomplete mark {
 	background-color: #3691E4; 
}

.search_module .form-control, .btn {
    border-radius: 0px !important;
}

@media (max-width:480px) {
   .search_module .awesomplete {
 	width: 220px; 
}
}
  
  
  @media (max-width:768px) {
 .pagination {
    gap: 0rem !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
}