.cantusetab {
  border-top:1px solid #DDDBDB !important;}


.cantusetab tr td{
  border-bottom:1px solid #DDDBDB !important;}



table tr:hover .cantusetab td{

  border-bottom:1px solid rgba(255,255,255,0.6) !important;}

#menu{
  border-bottom: 1px solid transparent;
}

  #menu.slim{
    border-bottom: 1px solid #DDDBDB
  }


.right .colorchoose{
  margin:30px 0 !important
}

@media screen and (max-width:1020px) {
  body{
    overflow: auto;
  }

  
	.right .slideTogglebox6 {
		right: 0px !important;
		top: 125px;
	}
	
	#second .left .slideTogglebox form{
	flex-direction: column;
}

	#leftmenu-btns{
		display:block;
		margin-top: 5px;
	}

	#second .left .red {
/* 		width: 100% !important; */
		margin-bottom: 5px !important;
	}

.cantusetab {
  border-top:1px solid #DDDBDB !important;}

}


















#loading{
	display:none !important;
}

.specialbottom{
	right: 40px !important;
}


.defaulttxt {
  color:#796F6E;
}

.redtxt {
  color:#da291c;
}

#steps{
  margin: 1rem 0 !important
}

#steps   .actt a{

  background-color: #fff;
  color: #000;
}


#steps li span{

  background: #fff;


}

#steps .actt a span{
  background: #da291c;
  color: #fff;
}

#steps .staragain{
	margin-right: 0 !important;
}

#header {
  background: #57718a !important;
}

@media screen and (max-width:1020px) {
.vehicles_list tr td:nth-child(4),
.vehicles_list tr td:nth-child(5),
.vehicles_list tr td:nth-child(6) {
    background:#796F6E !important;

}

}
.title-container.complect button,
.complect .colouurs button,
.complect .colouurs .activated,
.fixedinfo button {

background: #796F6E;

}


.styled-checkbox:checked + label:before {
  background: rgb(157, 6, 5);
}

.complecting img, .complecting .slick-slide {
  background-color: white;
}

.options .option {
  border: 2px solid #bcb7b6;
}


  .maintable td,  .contenttable td{
border-bottom:1px solid #DDDBDB;
border-right:1px solid #DDDBDB;
  
} 

 .pricetable td{

border-bottom:1px solid #DDDBDB;

} 


 .maintable,  .contenttable{

    border-top: 1px solid #DDDBDB;
border-left:1px solid #DDDBDB;

} 
 
   .pricetable{

border-top:0;

} 


.maintable td, .contenttable td, .pricetable td{
   border-color: #DDDBDB;
}



#steps   .staragain a{
  background: #fff;
  color: #000 !important;
}

#steps   .staragain a:hover{
color:rgb(157, 6, 5);
}

.fixedinfo button {
  background: #fff;
  color: #57718a !important;
  border: 2px solid #57718a !important;
  border-radius: 1.75rem;
  height: 3rem !important;
  padding: 0 3rem!important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


.fixedinfo button img{
display:none;

}


.fixedinfo button:hover {
color:#3b3938 !important;
}

.auto24-iframe th.photo, .auto24-iframe th.make, .auto24-iframe th.mileage, .auto24-iframe th.year, .auto24-iframe th.fuel, .auto24-iframe th.gearbox, .auto24-iframe th.price{
background-color:#796F6E;
}


.auto24-iframe  .active {
    background-color: #da291c;

}

.auto24-iframe .detailContainer .make_and_model_title, .auto24-iframe .detailContainer .make_and_model {
background:#796F6E;

}


.submit input {
 background-color:#796F6E !important;

  }
  
  .submit input:hover {
 background-color:#615958 !important;
  }




.complecting  .slick-prev, 
.complecting .slick-next {

    background-color: transparent;
  
}


.complecting  .slick-prev:hover, 
.complecting .slick-next:hover{
    background-color: transparent;
  
}

.gallerybtn button {
  background: transparent !important;
      color: #000 !important;
      border-bottom: .1875rem solid #a19a99 !important;
  }
  
  .gallerybtn button:hover {
    border-bottom: .1875rem solid #da291c !important;
  }

.complect .showmore{
  border-radius: 1.75rem; 
  height: 3rem !important; 
  padding: 0 3rem!important; 
  display: inline-flex; 
  align-items: center; 
}

.showdifference {
  border-radius: 1.75rem; 
  height: 3rem !important;
  padding: 0 3rem!important;
  display: inline-flex;
  align-items: center; 
  background: #da291c !important;
  border: 2px solid #da291c !important;
}

.complect .showdifference:hover {
  background: #3b3938 !important;
border: 2px solid #3b3938 !important;
}


.fixedinfo {
background-color: #57718a;
}






.roundpic {
 transition: all .2s linear;
    border: 5px solid #fff;
}


.roundpic:hover {
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    border: 5px solid #3B3938 !important
}



.roundpic .enlarge .inner {
  border: 5px solid #57718a;
}





.options .option:hover {

  border: 2px solid #57718a !important;
}

.options .selected,
.options .selected:hover  {
  border: 2px solid #57718a !important;
  background:#f2f2f2
}





.options .unactive,
.options .unactive:hover {

  background-color: #fff !important;

  border: 2px solid #DDDBDB !important;
}

#leasingcalculatorB:hover{
  background: #3b3938 !important;
}

#leasingcalculatorB img{
display:none}

#leasingcalculator2{
	background: #57718a
	
}

#leasingcalculator2:hover{
	background: #3b3938 !important;
}

#leasingcalculator2 img{
display:none}
	

 .red {
 background:#57718a;
border:0;
 }


 
    .red:hover {
        
 background:#3b3938;

 }


 h2 .red {
  margin:-5px 0 0 20px;
  color: #57718a !important;
  background: transparent !important;
  border: 2px solid #57718a;
  }
  
  h2 #leasingcalculatorB{
    background: #57718a !important;
    color:#fff !important;
    height: 3rem !important;
    padding: 0 3rem !important;
    border:none;
  }
  
  .pricetable .red{
    background: #da291c  !important;
  }
  
  h2 .red:hover  {
  color: #3b3938 !important;
  }
  
  h2 #leasingcalculatorB:hover{
    background: #3b3938 !important;
  }

h2 .red:last-of-type{
  margin-bottom: 12px !important;
}

.pricetable .red:hover{
  background:#3b3938 !important
}

.orangebtn a,
.orange{
background-color:#da291c !important;
color:#fff !important;
}


.orangebtn a:hover,
.orange:hover {
    background: #3b3938 !important;
}

#second {

    background: transparent !important;
}


.maintable .headrow td, .pricetable .headrow td, .contenttable .headrow td {
border-right:1px solid #57718a !important;
 
}


.maintable .headrow, .pricetable .headrow, .contenttable .headrow {
  background:#57718a !important;
}


.maintable tr:nth-child(2n+1), .pricetable tr:nth-child(2n+1), .contenttable tr:nth-child(2n+1) {
 
    background: XXXrgba(121,111,110,0.10) ;

}

.maintable tr:hover, .pricetable tr:hover,  .contenttable tr:hover {
background:XXXrgba(121,111,110,0.2) !important;
 }

.lazy2 .slick-prev, .lazy2 .slick-next {
    background-color:#57718a;

}


.pages .current {
background-color:#97999B;
}




#second h2, #header h2, #header h1 {
	 text-transform: uppercase;
   font-size: 26px;
}

#second h2 a, #header h2 a, #header h1 a {

  color:#da291c;
}






.gallery p {
color:#585858 !important;
}


h8 {
    color: #da291c !important;
}



.headercontent {
    background: #F1F0F0 !important;
}


#header.headercontent:has(#steps){
  margin:0 !important
}


#return-to-top {


	background-color: rgba(202,198,197,.4);


}





.gallery .slick-prev, .gallery .slick-next {
opacity:1 !important;
    background-color:#DDDBDB;

}

 .gallery .slick-prev:hover, .gallery .slick-next:hover {

   background-color:#e6e3d5 !important; 

}


#return-to-top:hover {
    background: #fff;
}

#return-to-top:hover::before {
  color: #57718a;
}

.lazy2 .slick-prev:hover, .lazy2 .slick-next:hover {
 background-color:#3b3938; 
}








 a{ color:#000;

 }
 a:hover{ 
 color:#da291c ;
 }





.prettybutton, .sendbtn {
  color: #fff !important;
  background: #57718a !important;

}


.prettybutton:hover, .sendbtn:hover {
    background: #3b3938 !important;

}



.prettybutton2l, .right a.prettybutton2 {
  text-decoration: none !important;
  color: #57718a !important;
  background: transparent !important;
  border: 2px solid #57718a;

}




 .prettybutton2:hover, .right a.prettybutton2:hover {
  color: #3b3938 !important;
  border: 2px solid #3b3938;
}






















.confirmationbox .red{
	padding: 11px;
	border: 4px solid #796F6E !important;
}

.confirmationbox .onlyhere{
	border: 4px solid #eb6428 !important;
}

.confirmationbox .onlyhere:hover{
	background: #fff !important;
	color: #eb6428 !important;
}

.confirmationbox button:last-child:hover{
	color:#796F6E !important;
}

.confirmationbox .red:hover{
	background: #fff;
	color: #796F6E;
	}

.ui-dialog .red img{
	display:none;
}

.slideTogglebox6 .red img{
	display:none;
}


.imagelightbox-arrow {
  color:#fff;
      background-color: #57718a;
      cursor:pointer;
  }
  

  .imagelightbox-arrow:hover {
    background-color: #3b3938;
}


#imagelightbox-close {

  background-color: #57718a;
  cursor:pointer;
}



#imagelightbox-nav button.active {
  background-color: #57718a;
               border: 1px solid #57718a;
}
#imagelightbox-loading
    {

     background-color: #57718a;

    }


#imagelightbox-close:hover, #imagelightbox-close:focus {
   background-color: #3B3938;
}



.slideTogglebox5 form .red,
.slideTogglebox4 form .red {
  background-color:#796F6E !important;
}


.slideTogglebox5 form .red:hover,
.slideTogglebox4 form .red:hover {
  background-color:#615958 !important;
}





@media screen and (max-width:680px) {

.everysecond tr td:nth-child(odd) {
background:rgba(121, 111, 110, 0.1);
}
.everysecond tr td:nth-child(even) {
background:#fff;
}

.everysecond .headrow td {
background:#57718a  !important;
}











.testtest tr:nth-child(2n){
    background: transparent !important;
}

.testtest tr:nth-child(2n+1) {
    background: transparent !important;
}



.testtest  tr:nth-child(2n) td:nth-child(odd) {
    background: transparent !important;
}

.testtest  tr:nth-child(2n) td:nth-child(even) {
    background: rgba(121, 111, 110, 0.1) !important;
}



.testtest  tr:nth-child(2n+1) td:nth-child(odd) {
    background: rgba(121, 111, 110, 0.1) !important;
}

.testtest  tr:nth-child(2n+1) td:nth-child(even) {
    background: transparent !important;
}



   .testtest .headrow:nth-child(2n+1) td:nth-child(2n+1),
    .testtest .headrow:nth-child(2n) td:nth-child(2n) {
 
  background: #57718a !important;
}



       .testtest tr.headrow,
       .testtest tr.headrow:hover  {
 
  background:transparent !important;
}

}

















.cantuse .blink {

animation: ther 2s  forwards  linear 1
}

@keyframes ther {
  0% {
    background-color: transparent;
  }

  25% {
    background-color: rgba(183,27,7,0.25);
  }
  50% {
    background-color: transparent;
  }

 75% {
    background-color: rgba(183,27,7,0.25);
  }
 
  100% {
    background-color: transparent;
  }

}

.onemodel{
	position:relative
}
.onemodel:hover{
-webkit-box-shadow: none;
	    box-shadow: none !important;
}

.onemodel:hover:after {
    height: .3125rem;
}

@media screen and (max-width: 1020px){
#header.headercontent.content:not(.storefront) {
    margin: 0 !important;
}

#menu .header_container .header_left{
  display:flex !important
}

#menu .header_container{
  flex-direction: row !important;
}
}

@media screen and (max-width: 1020px){
#leasingcalculatorB{
    height: auto !important;
}
}

#second .left h2{
	display:none;
}

#second .left h2.sm-heading{
  display:block
}


#second .left .slideTogglebox form{
	display:flex;
	justify-content: space-between
}



#leftmenu-btns .ofr-btn{
	color: #da291c  !important;
	border: 4px solid #da291c  !important;
	background: #fff !important
}

#leftmenu-btns .ofr-btn:hover{
	background: #da291c !important;
	color: #fff !important;
}

#leftmenu-btns .sendbtn{
	margin: 0 0 0 5px !important;
	background: #da291c !important;
	border: 4px solid #da291c  !important;
	padding: 16px !important;
	margin:0 !important
}

#leftmenu-btns .sendbtn:hover{
	background: #fff !important;
	color: #da291c !important;
	border: 4px solid #da291c  !important;
}


#leftmenu-btns .red{
	margin: 0 0 0 5px !important;
	
}

#leftmenu-btns img{
	display:none;
}

.ui-dialog .pricetable .red{
	background:#da291c  !important;
	border: none !important;
}

.ui-dialog .pricetable .red:hover{
	background:#da291c  !important;
	color: #fff !important

}

@media screen and (min-width:680px){
  .sticky-anchor.submenu{
    opacity:0
  }
  .sticky-anchor.submenu.visible{
    opacity:1
  }
}

@media screen and (min-width: 1020px){

#leftmenu-btns{
	display:flex;
}

#menu.slim .citroen{
  width: 68px
}

}

@media screen and (max-width: 980px) {
	.ofr-btn {
    min-height: 62px !important;
	}
}

@media screen and (max-width: 1080px) {
.imagelightbox-arrow{
	top: 325px !important
}

#imagelightbox-nav{
	top: 530px !important;
	bottom: auto !important;
}

}

@media screen and (max-width: 860px) {
.imagelightbox-arrow{
	top: 300px !important
}

.imagelightbox-arrow-right{
	right: 1.5em !important;
}
.imagelightbox-arrow-left{
	left: 1.5em !important;
}
#imagelightbox-nav{
	top: 440px !important;
	bottom: auto !important;
}

}

@media only screen and (max-width: 41.25em) {
	.imagelightbox-arrow{
	top: 250px !important
}
}

.header_left .country{
  color: #796f6e;
}

.header_left span{
  color: #000;
  font-family: "CitroenType", Verdana, sans-serif;
  font-weight:700;
text-transform: uppercase;
font-size: 26px;
letter-spacing: .05rem;
white-space: pre;

}

.header_left a{
  text-decoration: none;
}


@media (max-width:480px){
  .header_left span{
    font-size:18px
  }
}

.list-row-header {
  background:#57718a !important;
  color: #fff !important;
}

.list-row-header a {
  color: #fff !important;
}

.cars-grid-header {
  background:#57718a !important;
  color: #fff !important;
}