#model-top {background:#f2f2f2; padding: 20px 0 40px 0;}
#model-top .inner {width: 1400px; margin: auto;}
#model-top h1 {background:#025277; color:#fff; padding: 15px 20px; font-weight:bold; margin: 0;}
#model-container { box-sizing: border-box; margin: auto; overflow: hidden; padding: 4em 5% 4em 5%; max-width: 1600px; }
#model-left { width: 60%; float: left; font-size: 1em; color:#000; font-weight: 400;     }
#model-left h2      {margin-top:0;}
#model-content {margin: 40px 0;}
#model-content img {max-width:100%;}
	#model-content li { margin-bottom: 0.5em; }
#model-content p iframe {max-width: 100%;}
#model-right .stockStatus { padding: 5px 15px; border-radius: 100px; color: #fff; font-size: 14px; margin: -10px 0 20px 0; display:none;}
	#model-right .stockStatus.blackText { color: #000; }


.modelInfoContent  {display:none; overflow:hidden; padding: 0 0 20px 0;}
.modelInfoContent ul {list-style:none; padding: 0 0 0 20px;}
.modelInfoContent ul li {font-size: 14px; color:#000; line-height:20px;}
	.modelInfoContent .techInfoText { float: left; width:50%; }
	.modelInfoContent .techInfoText li { clear:both; }
		.modelInfoContent .techInfoText .left { float: left; margin: 0 20px 0 0; }
		.modelInfoContent .techInfoText .right { float: right; }
	.modelInfoContent .techInfoImage {float:right; width: 30%; margin: 20px 0 0 0;}
	.modelInfoContent .techInfoImage img { max-width: 100%; text-align:right;}
	.modelInfoContent .documentsList {margin: 20px 0; padding: 0;}
	.modelInfoContent .documentsList li { width: 47.5%; display:inline-block; text-align: center; border: 1px solid #ccc; padding: 30px; box-sizing:border-box; margin: 6px; border-radius: 1em; }
		.modelInfoContent .documentsList li a {text-decoration:none; font-weight:bold;}
			.modelInfoContent .documentsList li a svg { font-size: 40px; color: #ff3838; margin: 0 0 20px 0; }
			.modelInfoContent .documentsList li a .fileName {font-size: 18px; color:#000; margin: 0 0 0px 0; display:block;}
			.modelInfoContent .documentsList li a .getText { font-size: 15px; color: #ff3838; }
p.rub { color: #000; padding: 15px 10px; font-weight: bold; font-size: clamp(1rem,0.8rem + 0.3vw,1.7rem) !important; margin: 0 0 2px 0; cursor: pointer; }

.modelInfoContent #drivefact {margin: 0 0 30px 0;}
.modelInfoContent .column {width: 48%; float: left; margin: 0 4% 0 0;}
.modelInfoContent .column:nth-child(2n) { margin: 0; }
.modelInfoContent p { overflow: hidden; border-bottom: 1px solid #ccc; margin: 0 0 5px 0;}
.modelInfoContent .column .name {width: 40%; float:left; font-weight:bold;}
.modelInfoContent .column .value {width: 59%; float:right; text-align:right;}

.campaignDiv { padding: 0px 0 20px 0; margin: 0px 0 20px 0; border-bottom: 1px solid #EEF5F9; }
.campaignDiv p {margin: 0; overflow:hidden; line-height:1.1em;}
	.campaignDiv p { font-size: 36px; margin: 0 0 5px 0; font-weight: bold; color: #ff3838; }
	.campaignDiv p.ordPrice { font-size: 24px; color:#000; font-weight:normal;}
	.campaignDiv p.campaignText { font-size: 12px; font-style: italic;margin: 10px 0 0 0; }
	.campaignDiv p span:first-child { }
	.campaignDiv p span:last-child { }

p.rub.open { color: #000; background: transparent; border-bottom: none; padding: 15px 10px 0; }
.modelInfoTab { border-bottom: 1px dotted;padding: 0.5em 0; }
	.modelInfoTab:first-child { border-top: 1px dotted; }
.modelInfoTab .expandIcon {margin: 0 5px 0 0; float:right;}
#model-selection { width: 100%; padding: 40px 0; background: #F2F2F2; font-size: 24px; text-align:center; }
	#model-selection .ddl { line-height: 28px; width: 45%; background: #fff; color: #000; font-size: 16px; margin: 50px auto 0 auto; padding: 15px 0; position:relative;}
		#model-selection .ddl select { color: #000; font-size: 15px; width: 100%; text-align: center; text-align-last: center; }
	#model-selection .modelYearName {font-size: 20px; color:#666; margin: 20px 0;}
	#model-selection .info { font-size: 28px; color: #000; font-weight: bold; }

#model-selection select     {background:transparent; padding:5px 0 5px 10px; font-size:12px; font-weight:bold; color:#666; line-height:1em; height:28px; width:280px; border:0; -webkit-appearance:none; outline-width:0;}
	#model-selection .fa-chevron-down { position: absolute; right: 35%; top: 20px; color: #025277; cursor: pointer; font-size: 18px; }
#model-slideshow            {width:100%; text-align:center; margin-bottom:15px; overflow:hidden; position:relative;}
	#model-slideshow .newsbanner { position: absolute; left: -40px; top: -55px; z-index: 2; }
#model-right                {width:35%; float:right;}
#model-right h2             {font-size:2.8em; line-height:1em; padding:0; margin:0 0 0.4em 0;}

#model-right .frame h3.left {padding-left:10px;}
#model-right .frame h3.black{margin: 10px 0; color:#000;}
#model-right .frame h3.large{font-size:1.25em;}
.insuranceDiv { margin: 40px 0; border: 1px solid #E4ECF2; }
.insuranceDiv:hover { background: #f7f7f7; }
.insuranceDiv p { font-size: 18px; text-align: center; margin:0;}
.insuranceDiv p a {text-decoration:none; color:#000; display:block; padding: 20px;}
.insuranceDiv p img {width:200px; }

.childsDiv { margin: 0 0 20px 0; border-bottom: 1px solid #EEF5F9; padding: 0 0 35px 0; }
.childsDiv select {width:100%; display:block; padding: 10px; font-size:16px;}

#model-right .frame { width: 100%; box-sizing: border-box; padding: 10px; border: 1px solid #ccc; margin-bottom: 15px; }
#model-left .frame         {width:100%; max-width:638px; float:none; padding:10px; border:1px solid #ccc; margin-bottom:15px;}
#model-left .frame h3      {font-weight:bold; /*color:inherit !important;*/ font-size:1em; padding:0 0 0.4em 0; margin:0; font-style:italic;}

#model-left ul.striped, #model-right ul.striped { list-style: none; width: 100%; padding:0;}
	#model-right ul.striped.borderbottom { border-bottom: 1px solid #EEF5F9; padding: 0 0 20px 0; }
	#model-left ul.striped li, #model-right ul.striped li { padding: 5px 10px; margin: 0; overflow: hidden; font-weight: lighter; line-height: 16px; font-size: 14px; display: block; clear: both; }
#model-left ul.striped li.title, #model-right ul.striped li.title                   {font-weight:bold; clear:right;}
	#model-left ul.striped li:nth-child(odd), #model-right ul.striped li:nth-child(odd) {}
	#model-left ul.striped li .infoText, #model-right ul.striped li .infoText { display: block; font-weight: normal; font-size: 12px; clear: both; margin: 10px 0 0 0; font-style: italic; }
#model-left ul.striped li .left, #model-right ul.striped li .left                   {float:left; clear:right;}
	#model-left ul.striped li .left input, #model-right ul.striped li .left input { margin: 0 5px 0 0; }
#model-left ul.striped li .right, #model-right ul.striped li .right                 {float:right;}
#model-right .campaignPrice { overflow: hidden; color: #fff; font-size: 48px; font-weight: bold; padding: 10px 7.5px;}
#model-right .campaignLi .campaignPrice { font-size: 26px; }
#model-right .campaignInfo { display: block; background: #fff; color:#666; font-size: 14px; padding: 10px 7.5px;}
#model-right ul li.campaignLi { background: #ff3838 !important; height: auto; }
ul.lines { padding: 0; margin: 0; list-style: none; width: 100%; }
	ul.lines li { padding: 5px 10px; margin: 0; overflow: hidden; font-size: 14px; font-weight: bold; line-height: 16px; display: block; clear: both; border-bottom: 1px dotted #ccc; }
#model-right ul.border li { border-bottom: 1px solid #EEF5F9; padding: 10px; }
ul.lines li:last-child     {border:0;}

ul.lines li.rub            {font-weight:200;}
ul.lines li .tcol-left     {float:left; width:33.333%;}
ul.lines li .tcol-mid      {float:left; width:33.333%; text-align:center;}
ul.lines li .tcol-right    {float:right; width:33.333%; text-align:right;}


#model-left ul#campaign-list                {padding:0; margin:0 0 10px 0; list-style:none; width:100%;}
#model-left ul#campaign-list li             {display:block; clear:both; background-color:#f5f5f5; padding:10px; margin:0 0 10px 0;}
#model-left ul#campaign-list li h4          {margin:0; padding:0; color:#a22f36; font-size:14px;}
#model-left ul#campaign-list li p           {margin:0; padding:0;}
#model-left ul#campaign-list li p.subtitle  {font-style:italic;}
#model-left ul#campaign-list li p.price     {font-style:italic; font-weight:bold; font-size:16px; line-height:30px;}
#model-left ul#campaign-list li p.price span{font-weight:normal !important; padding-left:5px;}
#model-left ul#campaign-list li p.text      {}

#model-price { color: #000; margin-bottom: 15px; font-size: 38px; font-weight: bold; padding: 8px 0 35px 0; position: relative; border-bottom: 1px solid #EEF5F9; }
#model-price .small {font-size:18px; color:#000; margin: 0 5px 0 0;}
#model-price .brown {line-height:18px; margin: 0 0 20px 0; display:block;}

#model-price #price-from        {position:absolute; top:0; left:0; z-index:2;}
#model-price #price-month       {position:relative; z-index:4;}
#model-price #price-month-text  {position:relative; z-index:4;}
#model-price #price-total       {position:relative; z-index:4;}
	#model-price .banner,
	.priceDiv .banner { background: #ff3838; color: #fff; position: relative; left: 10px; bottom: 10px; padding: 10px 15px; line-height: 1em; font-size: 12px !important; border-radius: 8px; font-weight: 500 !important; }

#model-contacts                                 {padding-bottom:15px;}
.model-contact { display: inline-block; width: 100%; padding-bottom: 5px; margin-bottom: 0; }
.model-contact:last-child                       {border-bottom:0; margin-bottom:-5px;}
.model-contact-info                             {width:68%; float:right; margin-bottom:5px;}
.model-contact:last-child .model-contact-info   {margin-bottom:0;}
.model-contact-info h3                          {font-weight:bold; font-size:1.1em; padding:0 0 0.4em 0; margin:0 3px;}
.model-contact-info ul                          {width:100%; margin:0 3px; padding:0; list-style:none;}
.model-contact-info ul li                       {display:block; width:100%; margin-bottom:5px; line-height:1.4em;}
.model-contact-info ul li:last-child            {margin-bottom:0;}
.model-contact-info ul li span                  {display:block; width:100%;}
.model-contact-info ul li span.left             {font-weight:bold;}
.model-contact-image                            {width:28%; /*height:230px; line-height:250px;*/ overflow:hidden; text-align:center; /*margin-bottom:10px;*/ float:left; clear:right; margin-bottom:10px; border-radius:1em;}
.model-contact-image img                        {max-width:100%; height:auto; display:block; /*position:relative; top:50%; transform:translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);*/}

#model-finance-cost                 {width:100%; margin-top:20px;}
#model-finance-cost-price           {width:100%; height:40px; line-height:40px; background-color:#c7d0dc; overflow:hidden; font-weight:bold;}
#model-finance-cost-price .left     {float:left; padding-left:10px; color:#666;}
#model-finance-cost-price .right    {float:right; padding-right:10px; color:#444; font-size:30px;font-style:italic;}

#model-finance-exmaple a            {text-align:center !important; color:inherit; text-decoration:none; line-height:20px; display:block; margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}
#model-finance-exmaple a img        {max-height:20px; width:auto; display:inline-block; border:0; margin-right:10px;}
	#model-finance-exmaple a span { height: 20px; display: inline-block; line-height: 20px; position: relative; bottom: 5px; }

#model-facts h3                             {padding:5px 10px !important; margin:0; width:299px; background-color:#f5f5f5;}
#model-facts ul.striped li                  {padding:5px 10px; margin:0; width:299px; height:16px; line-height:16px; display:block; background-color:#f5f5f5;}
#model-facts ul.striped li:nth-child(odd)   {background-color:transparent;}
#model-facts ul.striped li span             {width:31%; display:block; float:left;}
#model-facts ul.striped li .left            {margin-right:10px;}

#model-documents ul.striped li a                {color:inherit !important; text-decoration:none;}
#model-documents ul.striped li a:hover          {text-decoration:underline;}
#model-documents ul.striped li a i              {margin-right:5px;}

#model-campaign-list ul     {padding:0; margin:0; list-style:none; width:319px;}
#model-campaign-list ul li  {padding:0; margin:0 0 1px 0; width:319px; height:100px;}

#model-campaign-list ul li a                {color:#444; text-decoration:none; display:block; position:relative;}
#model-campaign-list ul li a .image         {display:block; width:159px; height:100px; position:absolute; top:0; left:0; background-color:#e0e0e0; z-index:10; overflow:hidden; opacity:0.9; filter:alpha(opacity=90);}
#model-campaign-list ul li a .info          {display:block; width:160px; height:100px; position:absolute; top:0; right:0; background-color:#feb739; z-index:20; /*opacity:0.8; filter:alpha(opacity=80);*/}
#model-campaign-list ul li a .info .arrow   {position:absolute; top:40px; left:-10px; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #feb739;}

#model-campaign-list ul li a .info .title       {color:#025277; font-weight:bold; font-size:1.5em; line-height:1.2em; height:1.2em; padding:0; margin:0; display:block; width:140px; max-width:140px; white-space:nowrap; text-overflow:ellipsis; position:absolute; top:10px; left:10px; overflow:hidden;}
#model-campaign-list ul li a .info .subtitle    {color:#025277; font-weight:normal; font-size:1.3em; line-height:1.0em; height:1em; padding:0; margin:0; display:block; width:140px; max-width:140px; white-space:nowrap; text-overflow:ellipsis; position:absolute; top:2em; left:10px; overflow:hidden;}
#model-campaign-list ul li a .info .price       {color:#fff; font-weight:bold; font-size:1.65em; line-height:1.0em; height:1em; padding:0; margin:0; display:block; width:140px; font-style:italic; max-width:140px; white-space:nowrap; text-overflow:ellipsis; position:absolute; bottom:10px; left:10px; overflow:hidden;}

#model-campaign-list ul li a:hover .image       {transition-duration:0.1s; -webkit-transition-duration:0.1s; opacity:1.0; filter:alpha(opacity=100);}

#model-left #model-data-equipment   {width:638px; float:right; padding:10px; border:1px solid #ccc; margin-bottom:5px;}

#model-left .model-data-tab         {width:319px; float:left; margin:-10px 0 10px -10px; padding:0 0 0 10px; text-decoration:none; font-size:20px; line-height:40px; color:inherit !important; cursor:default;}
#model-left .model-equipment-tab    {width:319px; float:left; margin:-10px -10px 10px 0; padding:0 0 0 10px; text-decoration:none; font-size:20px; line-height:40px; color:inherit !important; cursor:default;}
#model-left a.off                   {background-color:#eee;}
#model-left a.off:hover             {background-color:#ddd; cursor:pointer;}

#model-left #model-data             {width:638px; clear:both;}
#model-left #model-data ul          {width:40%; float:left;}
#model-left #model-data-image       {width:58%; float:right; height:130px; display:block; text-align:center; overflow:hidden;}
#model-left #model-data-image img   {width:100%; height:auto; /*width:auto; height:100%; margin:0 auto;*/ display:block; position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

#model-left #model-equipment        {width:638px; display:none;}

#model-left #model-accessories h4                   {font-size:14px; padding:0; margin:0; color:inherit !important; display:block;}
#model-left #model-accessories ul                   {padding:0; margin:5px 0 15px 0; list-style:none; width:100%; border-top:1px solid #ccc;}
#model-left #model-accessories ul li                {padding:3px 0; margin:0; min-height:16px; line-height:16px; display:block; border-bottom:1px solid #ccc;}
#model-left #model-accessories ul li .left          {float:left; clear:right;}
#model-left #model-accessories ul li .middle        {float:right; display:block; width:100px;}
#model-left #model-accessories ul li .middle img    {float:left; width:16px; height:16px; border:0; margin:0 3px 0 0;}
#model-left #model-accessories ul li .right         {float:right; display:block; width:100px; text-align:right;}
/*#model-left #model-accessories ul li:last-child     {border-bottom:0;}*/
/*#model-left #model-accessories ul li:nth-child(odd) {background-color:transparent;}*/

#model-left #model-accessory-packages                   {width:660px;}
#model-left #model-accessory-packages h4                {font-size:14px; line-height:16px; padding:0; margin:0; color:inherit !important; display:block;}
#model-left #model-accessory-packages h4 span           {font-weight:normal;}
#model-left #model-accessory-packages ul                {padding:0; margin:5px 0 15px 0; list-style:none; width:100%;}
#model-left #model-accessory-packages ul li             {padding:0; margin:0 0 10px 0; display:block; float:left; width:100%; position:relative; background-color:#f5f5f5;}
#model-left #model-accessory-packages ul li .left       {float:left; clear:right; width:480px; padding:10px 0 10px 10px;}
#model-left #model-accessory-packages ul li .left p     {padding:5px 0 0 0; margin:0; font-style:italic;}
#model-left #model-accessory-packages ul li .left img   {float:left; width:16px; height:16px; border:0; margin:0 3px 0 0;}
#model-left #model-accessory-packages ul li .right      {float:right; display:block; text-align:right; width:150px; padding:10px 10px 10px 0; font-size:30px; line-height:30px; font-style:italic; font-weight:bold;}

#model-left .flexslider .slides > li { border-radius: 1em; }
.equipmentDiv {margin: 30px 0 0 0;}
.equipmentList { list-style: none; padding: 0; margin: 0; }
.equipmentList li {border-bottom: 1px solid #ccc; padding: 5px 0; color:#000; font-size: 14px; line-height: 18px; overflow:hidden;}
.equipmentList li .name {width: 70%; float:left;}
.equipmentList li .value {width: 25%; float:right; text-align:right;}

#model-left ul.striped li:nth-child(odd), #model-right ul.striped li:nth-child(odd), #model-right #model-accessoriesNew ul li:nth-child(odd) { background-color: #f7f7f7; }
@media screen and (max-width: 1400px) { #model-container { width: 100%; box-sizing:border-box; }

}
@media screen and (max-width: 1000px) {
	#model-selection .fa-chevron-down { right: 25%; }
}
@media screen and (max-width: 800px) {
	#model-top { background: #f2f2f2; padding: 20px 0 20px 0; }

	#model-left { width: 100%; float:none;}
	#model-right { width: 100%; float: none; padding: 40px 0 0 0; border-top: 1px solid #DBE6EE; }
	#model-right .stockStatus {top: auto; bottom: 8px;}

}
	@media screen and (max-width: 640px) {
		#model-content { margin: 20px 0; }

		#model-top .campaignBanner { font-size: 14px; padding: 10px 20px; bottom:10px; }

		#model-left { width: 100%; }
		#model-right { width: 100%;  }

			#model-right .frame { width: 95.5%; padding: 2%; float: left; }

		#model-slideshow-main div ul li a { background-size: 100%; width: 100%; }
		#model-slideshow .newsbanner { width: 120px; left: -15px; top: -20px; }

		/*#model-slideshow-main, 
    #model-slideshow-main ul            {height:200px;}
    #model-slideshow-main div ul li a   {background-size:100%; width:100%;}
    #model-slideshow-thumbs div ul li   {background-size:100% !important;}*/

		.campaignDiv p:first-child { font-size: 24px; }
		.campaignDiv p:last-child { font-size: 18px; }

		#brand-selection .ddl { margin: 20px auto 0 auto; }

		#model-left #model-data-equipment { width: 95.5%; padding: 2%; margin-top: 4%; }
		#model-left #model-data { width: 100%; clear: both; padding: 0; }
			#model-left #model-data ul { width: 100%; float: left; }
		#model-left #model-data-image { display: none; }
		#model-left #model-equipment { width: 100%; }
		#model-left .model-data-tab { width: 40%; margin: -2% 0 2% -2%; padding: 0 0 0 2%; font-size: 1.3em; font-weight: bold; }
		#model-left .model-equipment-tab { width: 60%; margin: -2% -2% 2% 0; padding: 0 0 0 2%; font-size: 1.3em; font-weight: bold; }

		#model-left #model-accessory-packages { width: 100%; }
			#model-left #model-accessory-packages h4 { font-size: 1.1em; line-height: 16px; }
			#model-left #model-accessory-packages ul li { margin: 0 0 2% 0; }
				#model-left #model-accessory-packages ul li .left { width: 68%; padding: 2% 0 2% 2%; }
					#model-left #model-accessory-packages ul li .left p { padding: 1% 0 0 0; }
					#model-left #model-accessory-packages ul li .left img { float: left; width: 16px; height: 16px; border: 0; margin: 0 3px 0 0; }
				#model-left #model-accessory-packages ul li .right { width: 28%; padding: 2% 2% 2% 0; font-size: 1.6em; line-height: 1em; }

		#model-left #model-accessories { margin-bottom: 4%; }
			#model-left #model-accessories ul li .middle { width: 20%; }
			#model-left #model-accessories ul li .right { width: 20%; }

		#model-right h2 { font-size: 2.2em; }

		#model-selection .fa-chevron-down { right: 15%; }

		.modelInfoContent .column { width: 100%; float: none; margin: 0 0 0 0; }

	}

@media screen and (max-width: 450px) {
	#model-selection .ddl { width: 90%; }
	#model-selection .fa-chevron-down { right: 5%; }
	.campaignDiv p:first-child { font-size: 20px; }
	.campaignDiv p:last-child { font-size: 16px; }

	#model-price { font-size: 28px;  }
	.modelTitle {margin: 20px 0 0 0;}
}