.motto { font-size:16px; color:#818181;}
.mottodark { font-size:16px; color:white;}
.maincontainer {display: inline-block; box-shadow: 0px 0px 10px gray; background-color: #d2d2d2;}
.maincontainertop {display: inline-block; box-shadow: 0px 0px 10px gray; background-color: #efefef;}
.maincontainerpartners {display: inline-block;}
.flowcontent { height:442px; max-width:1000px;overflow-x:hidden;overflow-y:hidden; position:relative;background-color: #efefef;}
.flowpactive {float:left; width:75px; height:25px; line-height:25px;  font-size:14px; color:white; background-color:black;display:inline-block;border-radius:15px;}
.flowpadisabled {float:left; width:75px; height:25px; line-height:25px;  font-size:14px; color:white; background-color:#cdcdcd;display:inline-block;border-radius:15px;}
.flowpinactive {float:left; width:75px; height:25px; line-height:25px;  font-size:14px; color:black;}
.flowpidisabled {float:left; width:75px; height:25px; line-height:25px;  font-size:14px; color:gray;text-decoration: line-through;}
.carselectionmenuleft {float:left; position:relative; width:50%; height:254px; padding-top:30px;}
.carselectionmenuright {float:left; position:relative; width:50%; height:254px; padding-top:30px;}
.carselectioncontainer1 {float:left; height:80px; width:100%;}
.carselectionleft {height:219px; margin-left:30px; margin-right:15px; border: 2px solid white; border-radius: 5px;box-shadow:
    0 0 3px 1px #0274C1;}
.carselectionright {height:219px; margin-left:15px; margin-right:30px; border: 2px solid white; border-radius: 5px; box-shadow:
    0 0 3px 1px #d76b6b;}
.carheadermenu {float:left; position:relative; width:50%; height:100px;}
.carheadermenuselect {float:left; position:relative; width:50%; height:100px;}
.carheaderleft {height:84px; margin-left:30px; margin-right:15px; border-top: 2px solid black; border-bottom: 2px solid black;}
.carheaderleftselect {height:84px; border-top: 2px solid black; border-bottom: 2px solid black;}
.carheaderright {height:84px; margin-left:15px; margin-right:30px; border-top: 2px solid black; border-bottom: 2px solid black;}
.carheaderrightlink {height:84px; margin-left:15px; margin-right:30px;}
.carheaderrightselect {height:84px; margin-left:15px; margin-right:30px; border-bottom: 2px solid black;}
.carheadermleft {height:84px; margin-left:30px; margin-right:15px; border-top: 2px solid black; }
.carheadermright {height:84px; margin-left:15px; margin-right:30px; border-top: 2px solid black; }
.carheadercontainer {max-width:1000px; height:100px; position:relative; overflow: hidden; display: block; background: rgb(2,0,36); background: linear-gradient(0deg, rgba(210,210,210,1) 0%, rgba(239,239,239,1) 100%); padding-top:20px;padding-bottom:20px;}
.carheadercontainerselect {max-width:1000px; height:100px; position:relative; overflow: hidden; display: block; background-color:#efefef; padding-top:20px;padding-bottom:20px;}
.mottocontainer {float:left; width:100%; height:20px; margin-top:5px; margin-bottom:5px;}
.logo {height:40px; padding-top:10px;}
.cid1 {display:inline; border-radius:2px; background-color:#181818; padding-left:4px; padding-right:4px; color:white;font-size:14px;}
.cid2 {display:inline; border-radius:2px; background-color:#181818; padding-left:4px; padding-right:4px; color:white;font-size:14px;}
.cinfo {display:inline-block; border-radius:2px; background-color:#cbcbcb; line-height:16px; padding-left:4px; padding-right:4px; color:gray;font-size:14px; margin-top:5px;}
.cinfoline {display:inline-block; border-radius:2px; border: 1px solid gray; line-height:16px; padding-left:4px; padding-right:4px; color:gray;font-size:14px; margin-top:5px;}
.cinfolinecars {display:inline-block; border-radius:2px; border: 1px solid gray; font-weight: bold; background-color:gray; line-height:16px; padding-left:4px; padding-right:4px; color:white;font-size:14px; margin-top:5px;}
.carid1 {display:inline-block; border-radius:2px; background-color:#0274C1; line-height:16px; padding-left:4px; padding-right:4px; color:white;font-size:14px; margin-top:5px;}
.carid2 {display:inline-block; border-radius:2px; background-color:#d76b6b; line-height:16px; padding-left:4px; padding-right:4px; color:white;font-size:14px; margin-top:5px;}
.caridcompare1 {display:inline-block; border-radius:2px; background-color:#0274C1; line-height:16px; padding-left:4px; padding-right:4px; color:white;font-size:14px; margin-top:5px;}
.caridcompare2 {display:inline-block; border-radius:2px; background-color:#d76b6b; line-height:16px; padding-left:4px; padding-right:4px; color:white;font-size:14px; margin-top:5px;}
.caridcomparediff {display:inline-block; border-radius:2px; background-color:gray; line-height:16px; padding-left:4px; padding-right:4px; color:white;font-size:14px; margin-top:5px;}


.disclaimercontainer {height:20px;}
.viewoptionscontainer {height:70px;}
.viewoptionscontainer_fr {height:90px;}
.icon {width:60px; height:60px; opacity:0.4;}
.icon_selected {width:60px; height:60px; opacity:1;}
.iconfont { font-size:12px; font-color:black;}
.floatingiconflow {float:left; height:100%; padding:5px;}
.floatingicon_fr {float:left; height:100%; width:10%;}
.firstfloatingicon_fr {float:left; height:100%; width:10%;margin-left:25%;}
.modelfont { font-size:22px; font-weight: bold; color:gray;}
.headercontainer {height:80px; clear:bottom;}
.headercontainerindex {height:80px; clear:bottom;}
.compareheader {top:10px; left:90px;}
.compareheadermake {line-height:22px; color:black;  font-size:22px;}
.carmake {line-height:22px; color:black;  font-size:22px; font-weight:bold; display: inline;}
h1 { font-size:24px; color:gray; line-height:24px; text-decoration:none;font-weight:400;margin-top:5px; margin-bottom:5px;}
white {font-size:30px;  line-height:30px; color:white;}
.compareheadermodel {line-height:22px; color:gray;  font-size:22px;}
h2 { font-size:18px; color:black; line-height:22px; text-decoration:none;margin:0;display: inline;}
.faqitem { font-size:18px; color:black; line-height:22px; text-decoration:none;margin:0;}
.dmatrixtitle {display:inline-block; border-radius:2px; line-height:20px; padding-left:4px; padding-right:4px;  font-size:16px; color:black; text-decoration:none;margin-top:5px;margin-bottom:5px;}
.dmatrixtitlesup {display:inline-block; border-radius:2px; line-height:20px; padding-left:4px; padding-right:4px;  font-size:16px; color:black; text-decoration:none;margin-bottom:5px;}
.dmatrixdiff {display:inline-block; border-radius:2px; background-color:#96bab5; line-height:20px; padding-left:4px; padding-right:4px; color:white;font-size:16x; margin-top:5px;margin-bottom:5px;}
.carmodel {line-height:22px; color:gray;  font-size:22px; display: inline;}
.carmodelgc {line-height:22px; color:#bababa;  font-size:22px; display: inline;}
.compareheaderlabels { left:90px; top:30px; }
.compareheaderbody { color:gray;  font-size:14px; }
.carcontainer0 {float:center; height:80px; width:100%;}
.carcontainer1 {float:left; height:80px; width:100%;}
.carcontainerimg1 {float:left; padding-left:10px; padding-right:10px; width:103px; height:40px; padding-top:8px; padding-bottom:20px; opacity:1;}
.carcontainerimg1select {float:left; padding-left:20px; padding-right:10px; width:154px; height:60px; padding-top:18px; opacity:1;}
.carcontainer2 {float:right; height:80px; width:50%;}
.carcontainerimg2 {float:right; padding-left:10px; padding-right:10px; width:103px; height:40px; padding-top:10px; opacity:1;}	
.navitem {height:60px;}
.navitemfont {line-height:60px;font-size:20px;}
.navitemchoosefont {line-height:60px;font-size:20px;}
.carviewscarviews { color:gray;font-size:16px;}
.setbutton {display:inline-block; height:40px; line-height:40px; color:gray;  font-size:24px; text-align:center;}
.discontinued {display:inline-block; border-radius:2px; background-color:#959595; line-height:16px; padding-left:4px; padding-right:4px; color:white;font-size:14px; margin-top:5px;}
.carscount {display:inline-block; border-radius:2px; background-color:#959595; line-height:16px; padding-left:4px; padding-right:4px; color:white;font-size:14px; margin-top:5px;}
.wheels {font-size:12px;line-height:12px;padding-right:2px;line-height:12px;}
.electric {display:inline-block; border-radius:2px; background-color:#62d965; line-height:16px; padding-left:4px; padding-right:4px; color:white;font-size:14px; margin-top:5px;}
.legallink { font-size:14px; color:black; text-decoration:none;}
.legalcontent { font-size:16px; color:gray; max-height: 999999px;}
.disclaimer-li {display:inline-block; line-height:40px; height:40px; padding:5px;}
.disclaimer-li-top {display:inline-block; line-height:40px; height:40px; padding:5px;}

.infocontent { font-size:14px; color:gray; line-height:14px; text-decoration:none;}
.legendcontent { font-size:14px; color:gray; line-height:14px; text-decoration:none;}
.info0 {float:center; padding-left:10px; padding-top:5px;  font-size:14px; color:gray; line-height:14px; text-decoration:none;}
.info1 {float:left; padding-top:8px; padding-left: 30px;  font-size:14px; color:gray; line-height:14px; text-decoration:none;}
.info2 {float:left; padding-top:8px; padding-left: 15px;  font-size:14px; color:gray; line-height:14px; text-decoration:none;}
.languagecontainer {margin-top:20px;}
.languages-li {display: inline-block; width:100px; line-height:30px; height:30px; padding-top:1px; padding-bottom:1px; }
.donation-li {display: inline-block; width:200px; line-height:30px; height:30px; padding-top:1px; padding-bottom:1px; }
.languages-li-selected {display: inline-block; background-color:#0274C1; width:100px; line-height:30px; height:30px; padding-top:1px; padding-bottom:1px;}
.languages-li-top {display: inline-block; width:100px; line-height:30px; height:30px; padding-top:1px; padding-bottom:1px; }
.languages-li-top-selected {display: inline-block; background-color:#0274C1; width:100px; line-height:30px; height:30px; padding-top:1px; padding-bottom:1px; }
.comparebutton {display: inline-block; background-color:#d76b6b; width:200px; line-height:30px; height:30px; margin-top:1px; padding-top:1px; padding-bottom:1px; }
.partnerbutton {display: inline-block; background-color:#ede7e7; width:200px; line-height:30px; height:30px; margin-top:1px; padding-top:1px; padding-bottom:1px; }
.redirectbutton {display: inline-block; border: 1 solid black; width:500px; line-height:30px; height:30px; padding-top:1px; padding-bottom:1px; }
.statsleft {float:left;width:33%;margin-top:10px;margin-bottom:10px;border-right: 1px solid #b4b4b4;}
.statsright {float:left;width:33%;margin-top:10px;margin-bottom:10px;}
.statisticaltitle { font-weight: 800; font-size:32px; color:#b4b4b4;}
.statisticalvalue { font-size:14px; color:#b4b4b4;}
.quickfacts {font-size:24px; color:#b4b4b4;}
.specs {line-height:14px;font-size:14px;}
.carlengthcontainer {height:30px;}
.viewicon {height:25px;}
.notfoundmessage { font-weight: 800; font-size:32px; color:#b4b4b4;}
.notfoundlink { font-size:20px; color:gray;}
.indexmake {font-weight:600;font-size:16px;}
.indexmodel {color:gray; font-weight:600;font-size:16px;}
.indexbody {color:gray; font-size:16px;}
.indexproduction {color:gray; font-size:16px;}
.indexcontainer { padding-left:20%; }
.indextitle { font-size:16px; font-weight: bold; color:333334;}
.adcontainer { margin-top:1px;background-color:#f7f7f7;max-width:1000px;text-align:center;}
.responsivead { height: 150px; }
.accordion { background-color: #eee;color: #444;cursor: pointer;padding: 5px;width: 100%;text-align: center;border: none;outline: none;transition: 0.4s;}
.active, .accordion:hover { background-color: #ccc;}
.panel {padding: 5 18px; background-color: #ccc; display: none; overflow: hidden; }
.ct {float:left; height:250px; max-width:333px; width:33.33%;}
.cti {margin-top: 10px; background-position: center; background-repeat: no-repeat; background-size: contain; height:113px;}
.ctf {float:left; height:200px; max-width:333px; width:33.33%;background-color:#f7f7f7;border:0 solid white;}
.ctif {margin-top: 10px; background-position: center; background-repeat: no-repeat; background-size: contain; height:89px;}
.ctimenu {margin-top: 10px; background-position: center; background-repeat: no-repeat; background-size: contain; height:89px;}
.filteraccp {cursor:pointer;width:97%;background-color:white;border:2 solid #f6f6f6;margin-right:5px;margin-bottom:10px;margin-left:10px;padding-bottom:10px;}
.filteraccd {cursor:pointer;width:97%;background-color:white;border:2 solid #f6f6f6;margin-right:10px;margin-bottom:10px;margin-left:5px;padding-bottom:10px;}
.filteraccpactive, .filteraccp:hover {cursor: pointer; width:97%;background-color:white;border:2 solid #0274C1; margin-right:5px; margin-bottom:10px; margin-left:10px;padding-bottom:10px;}
.filteraccdactive, .filteraccd:hover {cursor: pointer; width:97%;background-color:white;border:2 solid #0274C1; margin-right:10px; margin-bottom:10px; margin-left:5px; padding-bottom:10px;}
.similar__button {outline: 0;cursor: pointer;background-color: transparent;touch-action: manipulation;position: absolute;z-index: 1;top: 50%; transform: translateY(-50%);border: 0;width: 30px;height: 30px;justify-content: center;align-items: center;fill: gray;padding: 0;}
.similar__button:disabled {cursor: default;opacity: 0;}
.similar__button__svg {width: 100%;height: 100%;}
.similar__button--prev {left: 0px;}
.similar__button--next {right: 0px;}
.similar__slide {display:inline-block;width:300px;height:225px;background-color:#c4c4c4;border-radius:10px;margin-right:16px;}
.select_slide {display:inline-block;width:300px;height:225px;border-radius:10px;margin-right:15px;margin-bottom:15px;}
.select_slide_title {height:25px; margin-top:10px; margin-left:15px; margin-right:15px;text-align:left; font-size:20px; color:black; line-height:28px;}
.contentmargin {margin-left:30px; margin-right:30px;}
.elementscontainer {width:100%; margin-left:30px; margin-right:30px; text-align:left;}
.rflowpactive {float:left; width:90px; height:36px; line-height:36px;  font-size:16px; border: 1px solid #efefef; color:white; font-weight:bold; background-color:#000000;display:inline-block;border-radius:3px;}
.rflowpadisabled {float:left; width:90px; height:36px; line-height:36px;  font-size:16px; border: 1px solid #efefef; color:white; background-color:#cdcdcd;display:inline-block;border-radius:3px;}
.rflowpidisabled {float:left; width:90px; height:36px; line-height:36px;  font-size:16px; border: 1px solid #efefef; color:gray; text-decoration: line-through;border-radius:3px;}
.rflowpinactive {float:left; width:90px; height:36px; line-height:36px;  font-size:16px; border: 1px solid #efefef; color:white; background-color:#0274C1; border-radius:3px;}


.rflowpswap {float:left; width:100px; height:36px; line-height:36px;  font-size:16px; border: 1px solid #efefef; color:white; background-color:#0274C1; border-radius:3px;}
.btnchangetext {color:black;font-size:16px;}
.btnchangeleft {display:inline-block; margin-top:7px; margin-right:15px; width:88px; height:70px; position:absolute; right:0; border-radius:3px; border:0; background-color: rgba(210, 210, 210, 0.6); padding-left:4px; padding-right:4px;}
.btnchangeright {display:inline-block; margin-top:7px; margin-right:30px; width:88px; height:70px; position:absolute; right:0; border-radius:3px; border:0; background-color: rgba(210, 210, 210, 0.6); padding-left:4px; padding-right:4px;}
#filterbox {
  background-image: url('../images/filtericon.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width:100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 15px; /* Add some space below the input */
}
@media screen and (max-width: 1000px) {
	.adcontainer { margin-top:1px;background-color:#f7f7f7;max-width:1000px;text-align:center;}
	.maincontainer {display: initial; background-color: #d2d2d2;}
	.maincontainertop {display: initial;  background-color: #efefef;}
	.maincontainerpartners {display: initial;}
	.flowcontent { height:442px; max-width:1000px;overflow-x:scroll;overflow-y:hidden; position:relative;background-color: #efefef;}
	.disclaimercontainer {height:40px;}
	.carselectionleft {height:219px; margin-left:20px; margin-right:20px; border: 2px solid white;border-radius: 5px;box-shadow:
    0 0 3px 2px #0274C1;}
	.carselectionright {height:219px; margin-left:20px; margin-right:20px; border: 2px solid white;border-radius: 5px; box-shadow:
    0 0 3px 2px #d76b6b;}
	.carselectionmenuleft {float:left; position:relative; width:100%; height:254px; padding-top:30px;}
	.carselectionmenuright {float:left; position:relative; width:100%; height:254px; padding-top:0px;}
	.carmodel {line-height:22px; color:gray;  font-size:22px; display: inline;}
	.carscount {display:inline-block; border-radius:2px; background-color:#959595; line-height:16px; padding-left:4px; padding-right:4px; color:white;font-size:14px; margin-top:5px;}
	.carid1 {display:inline-block; border-radius:2px; background-color:#0274C1; line-height:16px; padding-left:4px; padding-right:4px; color:white;font-size:14px; margin-top:5px;}
	.carheadermenu {float:left; position:relative; width:100%; height:100px;}
	.carheadermenuselect {float:left; position:relative; width:100%; height:85px;}
	.carheadercontainer {max-width:1000px; height:250px; overflow: hidden;display: block; background: rgb(2,0,36); background: linear-gradient(0deg, rgba(210,210,210,1) 0%, rgba(239,239,239,1) 100%); padding-top:0px;padding-bottom:0px;}
	.carheadercontainerselect {max-width:1000px; height:220px; overflow: hidden;display: block; background-color:#efefef; padding-top:10px;padding-bottom:10px;}	
	.carheaderleft {height:80px; margin-left:20px; margin-right:20px; border-top:2 solid black; border-bottom:2 solid black;}
	.carheaderleftselect {height:80px; margin-left:20px; margin-right:20px; border-bottom:2 solid black;}
	.carheadermleft {height:80px; margin-left:20px; margin-right:20px; border-top:2 solid black;}
	.carheaderright {height:80px; margin-top:20px; margin-left:20px; margin-right:20px; border-top:2 solid black; border-bottom:2 solid black;}
	.carheaderrightlink {height:80px;  margin-left:20px; margin-right:20px;}
	.carheaderrightselect {height:80px; margin-top:20px; margin-left:20px; margin-right:20px; border-bottom:2 solid black;}
	.carheadermright {height:80px; margin-top:20px; margin-left:20px; margin-right:20px; border-top:2 solid black;}
	.info1 {float:left; padding-top:8px; padding-left: 20px;  font-size:14px; color:gray; line-height:14px; text-decoration:none;}
	.info2 {float:left; padding-top:8px; padding-left: 20px;  font-size:14px; color:gray; line-height:14px; text-decoration:none;}
	.languages-li-top {display: block; width:100%; line-height:30px; height:30px; padding-top:10px; padding-bottom:10px; border-top: 1px solid white; border-bottom: 1px solid white;}
	.languages-li-selected {display: block; background-color:#0274C1; width:100%; line-height:30px; height:30px; padding-top:10px; padding-bottom:10px; border-bottom: 1px solid white;}
	.languages-li-top-selected {display: block; background-color:#0274C1; width:100%; line-height:30px; height:30px; padding-top:10px; padding-bottom:10px; border-top: 1px solid white; border-bottom: 1px solid white;}
	.languages-li {display: block; width:100%; line-height:30px; height:30px; padding-top:10px; padding-bottom:10px; border-bottom: 1px solid white;}
	.socialmedia {float:center;width:100%; color:white; font-size: 40px;}
	.copyrightcontainer {margin-top:20px; max-height: 999999px;}
	.donation-li {display: block; width:100%; line-height:40px; height:40px; padding-top:10px; padding-bottom:10px;}
	.quickfacts {font-size:22px; color:#b4b4b4;}
	.statsleft {float:left; width:100%; margin-top:20px;margin-bottom:20px; border-right: 0px; max-height: 999999px;}
	.statsright {float:left;width:100%; margin-top:20px;margin-bottom:20px; border-right: 0px; max-height: 999999px;}
	.statisticaltitle { font-weight: 800; font-size:32px; color:#b4b4b4;}
	.statisticalvalue { font-size:20px; color:#b4b4b4;}
	.cti {margin-top: 10px; background-position: center; background-repeat: no-repeat; background-size: contain; height:90px;}
	.ctf {float:center; height:200px; max-width:490px; width:50%; }
	.ct {float:center; height:210px; max-width:1000px; width:85%; margin-left:7.5%; margin-right:7.5%;}
	.ctif {margin-top: 10px; background-position: center; background-repeat: no-repeat; background-size: contain; height:75px;}
	.ctimenu {margin-top: 10px; background-position: center; background-repeat: no-repeat; background-size: contain; height:113px;}
	.legendcontent { font-size:12px; color:gray; line-height:12px; text-decoration:none;}
	.legalcontent { font-size:26px; color:gray; max-height: 999999px;}
	.legallink { font-size:20px; color:black; text-decoration:none;}
	.contentmargin {margin-left:20px; margin-right:20px;}
	.elementscontainer {width:100%; text-align:center; margin-left:0px; margin-right:0px;}
	.select_slide_title {height:25px; margin-top:10px; margin-left:15px; margin-right:15px; text-align:left; font-size:22px; color:black; line-height:28px;}
	.btnchangeleft {display:inline-block; margin-top:5px; margin-right:20px; width:88px; height:70px; position:absolute; right:0; border-radius:3px; border:0; background-color: rgba(210, 210, 210, 0.6); padding-left:4px; padding-right:4px;}
	.btnchangeright {display:inline-block; margin-top:5px; margin-right:20px; width:88px; height:70px; position:absolute; right:0; border-radius:3px; border:0; background-color: rgba(210, 210, 210, 0.6); padding-left:4px; padding-right:4px;}
	#filterbox 
	{
	  background-image: url('../images/filtericon.png'); /* Add a search icon to input */
	  background-position: 10px 16px; /* Position the search icon */
	  background-repeat: no-repeat; /* Do not repeat the icon image */
	  width:100%; /* Full-width */
	  font-size: 24px; /* Increase font-size */
	  padding: 12px 20px 12px 40px; /* Add some padding */
	  border: 1px solid #ddd; /* Add a grey border */
	  margin-bottom: 15px; /* Add some space below the input */
	}
}