/*
--------------------------------------------------

Radio Flyer
tesla.css

Matt Ruehling [mruehling@radioflyer.com]
1/20/2016

Copyright � 2016 Radio Flyer Inc

--------------------------------------------------
*/

/* @group Font */
@font-face {
	font-family: "CENTURY GOTHIC";
	src: url(http://www.radioflyer.com/skin/frontend/blank/buildawagon/GOTHICB.TTF);
	src: local("Century Gothic"), url(http://www.radioflyer.com/skin/frontend/blank/buildawagon/GOTHICB.TTF);
}
/* @end Font */

/* @group Scroller */
.error{ background-color: #f7f7f7; text-align: center; width: 65%; border: 1px solid #ccc; padding-top: 15px; padding-bottom: 15px; z-index: 1000000; position: absolute; top: 240px; text-transform: uppercase; font-weight: 700; margin-left: 5%; color: #c71c2d;}
.scroll-track { height: 10px; width: 16px; background: url(/skin/frontend/blank/buildawagon/images/scroller/scroller-bg-mid.png) repeat-y; margin: 0 0 0 415px; }
.scroll-track-top { height: 8px; width: 16px; background: url(/skin/frontend/blank/buildawagon/images/scroller/scroller-bg-top.png) no-repeat; margin: 7px 0 0 415px; }
.scroll-track-bot { height: 8px; width: 16px; background: url(/skin/frontend/blank/buildawagon/images/scroller/scroller-bg-bot.png) no-repeat; margin: 0 0 7px 415px; }
.scroll-handle { height: 10px; width: 16px; background: url(/skin/frontend/blank/buildawagon/images/scroller/scroller-handle-mid.png) repeat-y; cursor: pointer; }
.scroll-handle-top { height: 8px; width: 16px; background: url(/skin/frontend/blank/buildawagon/images/scroller/scroller-handle-top.png) no-repeat; cursor: pointer; }
.scroll-handle-bot { height: 8px; width: 16px; background: url(/skin/frontend/blank/buildawagon/images/scroller/scroller-handle-bot.png) no-repeat; cursor: pointer; }
input, textarea, select {
   height: 24px; margin: 10px 0px;
}
.address{
    width: 250px;
}
.checkout{
    margin-bottom: 100px;
}
.checkout div{
    margin-bottom: 10px;
}
.checkout-types button.button span span span {
    color: #FFFFFF;
    background-color: #000000 !important;
    font-family: 'Gotham Cond A', 'Gotham Cond B';
    font-style: normal;
    font-size: 2.3em;
    padding-left: .7em;
    padding-right: .7em;
    padding-top: .2em;
    padding-bottom: .2em;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .07em;
    position: relative;
    display: inline;
}
.totals span.price {
    color: #000;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    padding: 0 21px 0 24px;
    font-size: 13px;
}
#shopping-cart-totals-table td {
    font-size: 12px;
    padding: 0 0 1px 0 !important;
    text-transform: uppercase;
    font-weight: bold;
}
#shopping-cart-totals-table {
    width: 96%;
    position: relative;
    top: 5px;
}
/* @end Scroller */

/* @group Build-A-Tesla Landing */


.landing-video{background-repeat: no-repeat;margin: auto;background-size: contain;height: 468px;/* margin-top: 10px; */}

@media screen and (min-width: 1400px) {
.landing-video{height: 488px;}

}

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

.landing-video{height: 576px;}
}

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

.landing-video{height: 650px;}
.now-shipping{margin-top:300px !important;}

}



.preorder{display: block;}
.preorder-mobile{display:none;}
.dimensions{text-align: center; float: left; margin-bottom: 50px; font-size: 10px;}
.landing-video-mobile{display: none;}
.tesla-logo{    width: 86%;
    padding-bottom: 15px;
    padding-top: 10px; margin-left: 7%;}
.info{ width: 80%; margin: auto; margin-top: 16px; margin-bottom: 35px;}
.tesla-lifestyle{width:90%; overflow-y: hidden;}
.landing-page{background-color: #dddddd; margin: auto; width: 939px; padding-top: 20px; height: 605px; margin-bottom: 40px;}
.left-half{width: 50%; float: left;}
.right-half{width: 50%; float: left; height: 305px;}
.right-half img{float: right;}
.top-half{margin-left: 10%; margin-right: 10%;}
.landing-page h2{color:black;text-align: center;}
.copy{font-size: .8em; text-align: center; padding-top:5px; width: 100%; margin: auto;}
.bottom-half{}
.bottom-half img{width: 144px; float: left; }
.section-1{width: 32%; float: left;}
.section-2{width: 32%; float:left; border-left:solid black .1em; border-right: solid #393939 1px; padding-left: 10px;}
.section-3{width: 32%; float: left; padding-left: 10px;}
.landing-button{background-color: #c71c2d; padding: 8px 15px; font: 1em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; text-transform: uppercase; color: white; margin: 0; border: none;}
.button-area{ width: 72%; margin: auto; height: 58px; text-align: center; margin-top: 12px;}
.button-area h4{margin-top:6px; font: .8em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; text-align: center; margin-bottom: 0px; color: black; }
.bottom-half h3{ text-align: center; font: 1.2em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; color: black; text-transform: none;}
.landing-list{text-align:center; margin-top:4px;     font-size: .8em;}
.landing-list li{padding-top:.3em;}
#footer li a { color: #fde8e2;  line-height: 1.4em; }
#block-block-2 { clear: both; padding-top: 18px; margin-bottom: 0; }
#footer { background: black; padding: 48px 0; width: 100%; }
.first-page p{font-size: .8em; }

/*Header*/

#header {background-color:#c71c2d;padding-bottom: 4px;}

#header img{display:block; margin:auto; padding:23px 0 0 0; width:70%; max-width:350px;}

#header h1 {color: #fff;font-family: 'Gotham SSm A', 'Gotham SSm B';font-size:.85em;font-weight: 300;padding: 0px 0 2px 0;text-align:center;text-transform:uppercase;}

#intro {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display:flex; 
	-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row; 
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start; align-items:flex-start;
	-webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;
	margin: 6em auto 0 auto;  width:100%;}

#copy {padding: 0 2% 2em 2%;}
#copy img {margin:auto; max-width:300px; padding: 0 0 2em 0;}

#copy h2 {color:#666666; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-size:2em; font-weight: 300; padding: 0; text-align:center; text-transform:uppercase; }
#copy p {color:#666666; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-size:.8em; font-weight: 300; padding: 0; text-align:center; }

#code {padding: 3em 5% 0 5%;}
#code input{background-color: #f7f7f7; border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; box-shadow: inset 0 1px 1px rgba(187,187,187,0.5); color: #c71c2d; height:20px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-size:2em; font-weight: 300; padding: 10px; text-align:left; width:250px;}
	
#code h6 {color:#666666; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-size:.8em; font-weight: 500; padding: 0 0 8px 0; text-align:left; text-transform:uppercase; margin:0px;}



#code a{background-color:#000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:#fff; display:block; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-size:.8em; font-weight: 300; margin:15px 0 0 0 ; padding:8px 24px; text-align:center; text-decoration:none; text-transform:uppercase; max-width: 60px; }


#videowrapper {margin: 4em auto; width:85%; max-width:800px;}
#video {position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0;}	
#video iframe{position:absolute; top:0; left:0; width:100%; height:100%;}


 @media only screen and (max-width: 667px) { 
 #intro{margin:4em auto 0 auto;}}


 @media only screen and (max-width: 420px) { 
 #intro {width:100%;}}

/*@end Build-A-Tesla Landing*/

/*@group Build-A-Tesla Main*/
.build{display: none;}
.more-play-text{ width: 29%; margin-top: -72px !important; text-align: left; margin-right: 44px!important; font-size: .8em !important; }
.product-area{background-image: url("/skin/frontend/blank/buildatesla/images/build/Background.jpg"); height: 408px; background-size: contain; background-repeat: no-repeat;}
.top-right-corner{width: 21%; float: right;margin: 10px 0px 0 0; }
.top-right-corner img{float: right; height:75px;}
.top-right-corner h1{ margin-bottom:0px; margin-top: 10px; font: 1.1em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; font-style: normal; text-transform: uppercase; color: black; }
.corner-text{float: left;}
.top-right-corner h3{font: 1.3em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal; text-transform: uppercase; color: black;}
.add-button{background-color: #c71c2d; padding: 8px 14px; font: 1.4em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; text-transform: uppercase; color: white; margin: 0; border: none; }
.add-button-preview{background-color: #c71c2d; margin-top: -40px; padding: 5px 8px; font: .55em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal; text-transform: uppercase; color: white; margin: 0; border: none; }
.arrow-left{height: 50px; margin-right: 10px; margin-left: 15px;position: absolute; top: 175px; left: 20px; z-index:100;cursor:pointer;}
.arrow-right{height: 50px; margin-left: 10px; position:absolute; top:175px; left: 652px; z-index:100; cursor:pointer;}
.prod-image{max-height: 396px; }
.product-image{width: 64%; float: left;}
.middle-right{width:23%; float: right; position: absolute; top: 160px; right: 0px;}
.price-big{font: 1.7em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; width: 85%; text-align: center; margin-top:19px; color: white; }
.sign-up{color: white; font-size: 8px;}
.text-area h1{ margin-bottom: 10px;}
/*@end Build-A-Tesla Main*/

/* @group Build-A-Tesla Selector*/
.selecter{ width: 66%; height: 100px; position: absolute; top: 308px; margin-left: 5%; background: rgba(192,192,192,0.2); z-index:100;}
.selecter img{width: 71px; margin-right: 8px; cursor:pointer;}
#bat1 img{width: auto; height: 61px; margin-top: 2px; }
#bat2 img{width: auto; height: 61px; margin-top: 2px;}
#extra-bat1 img{width: auto; height: 61px; margin-top: -10px; }
#extra-bat2 img{width: auto; height: 61px; margin-top: -10px;}
.section-1-perf div{width: 186px; margin-right:20px; float: left;}
.section-2-perf div{width: 68px; margin-right: 8px; float: left;}
.section-3-perf div{width: 68px; margin-right: 8px; float: left;}
.section-1-perf{width: 80%; float: left; margin-left: 15.5%; margin-right: 2.5%; margin-top:8px; text-align: center;}
.section-2-perf{width: 37%; float: left; margin-left: 17.5%; margin-right: 4.5%; border-right: solid #393939 1px; margin-top:12px;}
.section-3-perf{width: 29%; float: left; margin-top:12px; }
.section-3-perf p{ float: right; color: white; }
.selecter .performance p{padding-bottom: 0px; color: white; text-transform: uppercase; margin-top:-4px;  padding-top: 7px; float: right; margin-right: 10px; cursor: pointer; font-size: .7em;}
.selecter .section-5-acc p{padding-bottom: 0px; color: white; text-transform: uppercase; margin-top: -11px; float: right;     cursor: pointer;}
.selecter .section-3-personal p{padding-bottom: 0px; color: white; text-transform: uppercase; margin-top: -16px; float: right; margin-right: 12px;     cursor: pointer;}
.bottom-fixed{display: none;}
.rim-text{ width: 90%; float: left;}
.bottom-text{ color: white; font-size: 11px; margin-right: 0px;line-height: 1; text-align: center; margin-top: 7px; font-weight: 200;}
#lightgrey .bottom-text{text-align:center; width: 155px; margin-left: -42px;}
#darkgrey .bottom-text{text-align:center; width: 208px; margin-left: -27px;}
.bottom-text.red{width: 130px; margin-left: -29px;}
.bottom-text.metallic{width: 211px; margin-left: -64px;}
.bottom-text.blue{width: 170px; margin-left: -48px;}
.bottom-text.sign{width: 110px;margin-left: -14px;}
.bottom-text.plate{width: 110px; margin-left: -16px;}
#sign-selecter img{width: 76px;}
#liscense-selecter{width: 73px;}

.section-1-acc h2{ font: 1.1em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal; text-transform: uppercase; color: white; margin: 0; margin-top: 20px;}
.section-2-acc{width: 10%; float: left; border-right: solid #393939 1px; margin-left: 3%; height: 65px;  margin-right: 3%; margin-top:10px}
.section-3-acc{width: 32%; float: left; border-right: solid #393939 1px;  height: 57px; padding-top: 9px;  margin-top: 10px;    margin-left: 1%;
    text-align: center;}
.section-4-acc{width: 34%; float: left; border-right: solid #393939 1px;  height: 57px; padding-top: 9px; margin-right: 1%;margin-top:10px; text-align: center;}
.section-5-acc{width: 30%; float: left;   padding-top: 1px;  margin-top: 10px; margin-left: 1%; text-align: center;}

.select-tabs{width: 90%; margin: auto;}
.tab1{cursor: pointer; width: 17.5%; float:left; background: gainsboro; margin-right: 2%; text-align: center; text-transform: uppercase; font: 1em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; padding-top: 11px; padding-bottom: 6px;}
.tab2{cursor: pointer; width: 11.5%; float:left; background: gainsboro; margin-right: 2%; text-align: center; text-transform: uppercase; font: 1em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight:300; padding-top: 11px; padding-bottom: 6px;}
.tab3{cursor: pointer; width: 17.3%; float:left; background: gainsboro; margin-right: 2%; text-align: center; text-transform: uppercase; font: 1em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; padding-top: 11px; padding-bottom: 6px;}
.tab4{cursor: pointer; width: 21%; float:left; background: gainsboro; text-align: center; text-transform: uppercase; font: 1em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; padding-top: 11px; padding-bottom: 6px;}
.selected-border{outline: solid #0090ff; outline-offset: -2px;}
.selected-border-bat{outline: solid #0090ff 4px; outline-offset: -2px;}
.tab1.selected{ width: 17.5%; float: left; background: gainsboro; margin-right: 2%; text-align: center; text-transform: uppercase; font: 1em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; padding-top: 6px; padding-bottom: 6px; border-top: solid #c71c2d 5px;}
.tab2.selected{ width: 11.5%; float: left; background: gainsboro; margin-right: 2%; text-align: center; text-transform: uppercase; font: 1em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; padding-top: 6px; padding-bottom: 6px; border-top: solid #c71c2d 5px;}
.tab3.selected{ width: 17.3%; float: left; background: gainsboro; margin-right: 2%; text-align: center; text-transform: uppercase; font: 1em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; padding-top: 6px; padding-bottom: 6px; border-top: solid #c71c2d 5px;}
.tab4.selected{ width: 21%; float: left; background: gainsboro; text-align: center; text-transform: uppercase; font: 1em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; padding-top: 6px; padding-bottom: 6px; border-top: solid #c71c2d 5px;}
.section-1-personal h2{ font: 1.6em/1 'Gotham SSm A', 'Gotham SSm B'; float:right; font-weight: 300; font-style: normal; text-transform: uppercase; color: white; margin: 0; margin-top: 8px;}
.section-1-personal p{ font: .7em/1 'Gotham SSm A', 'Gotham SSm B'; float: right; font-weight: 300; font-style: normal; text-transform: uppercase; color: white; margin: 0; margin-top: 0px; }
.section-1-personal {width: 25%; float: left;  padding-right: 3%; height: 60px; margin-top:10px; }
.section-1-performance h2{ font: 1.6em/1 'Gotham SSm A', 'Gotham SSm B'; float:right; font-weight: 300; font-style: normal; text-transform: uppercase; color: white; margin: 0; margin-top: 8px;}
.section-1-performance p{ font: .7em/1 'Gotham SSm A', 'Gotham SSm B'; float: right; font-weight: 300; font-style: normal; text-transform: uppercase; color: white; margin: 0; margin-top: 0px; }
.section-1-performance {width: 41%; float: left;  padding-right: 3%; height: 60px; margin-top:10px; margin-left: 7%;}
.section-1-sty h2{ font: 1.6em/1 'Gotham SSm A', 'Gotham SSm B'; float:right; font-weight: 300; font-style: normal; text-transform: uppercase; color: white; margin: 0; margin-top: 8px;}
.section-1-sty p{ font: .7em/1 'Gotham SSm A', 'Gotham SSm B'; float: right; font-weight: 300; font-style: normal; text-transform: uppercase; color: white; margin: 0; margin-top: 0px; }
.section-1-sty {width: 25%; float: left;padding-right: 5%; height: 60px; margin-top:10px; padding-left: 5%;}
.section-1-acc h2{ font: 1.6em/1 'Gotham SSm A', 'Gotham SSm B'; float:right; font-weight: 300; font-style: normal; text-transform: uppercase; color: white; margin: 0; margin-top: 8px;}
.section-1-acc p{ font: .7em/1 'Gotham SSm A', 'Gotham SSm B'; float: right; font-weight: 300; font-style: normal; text-transform: uppercase; color: white; margin: 0; margin-top: 0px; }
.section-1-acc {width: 23%; float: left; margin-left: 7%;  padding-right: 3%; height: 60px; margin-top:10px;}

.section-2-personal {width: 11%; float: left;  height: 52px; padding-top: 9px; margin-left: 8%; }
.section-3-personal {width: 11%; float: left;  margin-left: 3.5%; height: 64px; padding-top: 6px; }
.personalize-header{color: black; font-weight: 300; font-size: 1.8em;text-align: center; padding-top: 10px;}
.personalize-display{background-color: #dddddd;position: absolute;top: 40px; left: 300px;z-index: 1000; border: solid #a7a7a7;}
.personalize-display img{  width: 344px; padding-right: 2px; padding-left: 27px; padding-top: 20px; padding-bottom: 17px; position: relative; float:left;}
#question-display{    background-color: #f7f7f7; text-align: center; width: 65%; border: 1px solid #ccc; padding-top: 15px; padding-bottom: 15px; z-index: 1000000; position: absolute; top: 240px; text-transform: uppercase; font-weight: 700; margin-left: 5%; color: #c71c2d;}
.yes{    background-color: black;
    padding: 8px 12px;
    font: 1em/1 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    color: white;
    margin: 0px;
    border: none;
    margin-bottom: 16px; margin-top: 10px;}
.no{    background: none;
    padding: 6px 10px;
    font: .8em/1 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    color: black;
    margin: 0px;
    border: none;
    margin-bottom: 3px;
    text-decoration: underline;
}
.next{color: white; background-color: black; border: none; text-transform: uppercase; font: 1.7em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; padding-top: 5px; padding-bottom: 5px; padding-right: 20px; position: relative; padding-left: 20px; top: 70px; left: 70px;}
.sign-text{position: absolute; top: 147px; border: none; width: 100%; height: 50px; resize: none;     font-family: Humanist777BT-RomanB, Helvetica, "Helvetica Neue", Arial, sans-serif; }
.plate-text{position: absolute; top:40px;  border: none; width: 100%; height: 50px; resize: none;     font-family: Humanist777BT-RomanB, Helvetica, "Helvetica Neue", Arial, sans-serif; }
::-webkit-input-placeholder {
  font-size:14px; 
  text-align:center;
  color:grey;
}
.back{float: right; cursor: pointer; padding-right: 10px;}

:-moz-placeholder { /* Firefox 18- */
   font-size:10px;  
}

::-moz-placeholder {  /* Firefox 19+ */
     font-size:10px;  
}

:-ms-input-placeholder {  
  font-size:10px;   
}
input[type="text"], input[type="tel"], input[type="number"] {
    border: 1px solid #E8E8E8 !important;
    box-shadow: inset 2px 2px 2px 0px #cccccc !important;
    text-indent: 5px;
    color: #000 !important;
   
}
.first-page{  background-size: contain; background-repeat: no-repeat; width: 100%; margin: auto; text-align: center;}
.features{width: 50%; float: left; margin-bottom:25px;}
.features-bottom{width: 100%; margin: auto; float: left;}
.landing-info{width: 90%; margin: auto;}
.age{margin-bottom: 30px; }
.landing-title{font-size: 2.35em; margin-top: 20px;}
.logo-info{width: 84%;}
.logo-info-bottom{width: 50%;}
.logo{width: 70%; margin-top: 40px; }
.add-button-order{background-color: #c71c2d;padding: 13px 14px;font: 1.4em/1 'Gotham SSm A', 'Gotham SSm B';font-weight: 300;font-style: normal;text-transform: uppercase;color: white;margin: 0;border: none;margin-right: 10px;margin-left: 10px;margin-bottom: 10px;}
.video-button{background-color: black; padding: 13px 14px; font: .8em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal; text-transform: uppercase; color: white; margin: 0; border: none; margin-left: 10px; }

.first-page h2{color: white; margin-top: 10px;}
#spoiler-selecter-2{margin-left:7%; width:106%;}
#cover-2{margin-left:7%; width:106%;}
#sign-selecter-2{margin-left:7%; width:106%;}

.indent{margin-left: 20px;}
.sign-text{ font-size: 4em; font-family: 'Gotham Cond A', 'Gotham Cond B'; font-weight: 600; color:#C71C2D; font-style: normal; text-transform: uppercase; text-align: center;}
.plate-text{  font-size: 5.9em; font-family: 'license_plateregular'; color:#C71C2D; text-transform: uppercase; text-align: center;}
/*@end Build-A-Tesla Selector*/
/* @group Build-A-Tesla Summary*/
.review-text{ color: white; font-size: 12px; margin-right: 8%; margin-left: 8%; text-align: left;}
.battery-text{width: 85%; float: left;margin-bottom: 0px;}
.battery-price{width:15%;  float: left; margin-bottom: 8px; text-align: right;}
.battery-price-1{width:15%;  float: left; margin-bottom: 26px; text-align: right;}
.color-text{width: 100%;margin-bottom: 8px; }
.color-text-1{width: 85%; margin-bottom: 8px; float: left;}
.rim-text{width: 85%;margin-bottom: 8px;}
.spoiler-text{width: 85%; float: left;margin-bottom: 8px;}
.spoiler-price{width: 15%; float: left; margin-bottom: 8px; text-align: right;}
.car-total-text{width: 83%; margin-right: 2%; float: left;margin-bottom: 8px; font-weight: bold;}
.car-total-price{width: 15%; float: left; margin-bottom: 8px; text-align: right; font-weight: bold;}
.add-battery-text{width: 83%; margin-right: 2%; float: left;margin-bottom: 8px;}
.cover-text{width: 85%; float: left;margin-bottom: 8px;}
.cover-price{width: 15%; float: left; margin-bottom: 8px; text-align: right;}
.sum-plate-text{width: 85%; float: left;margin-bottom: 8px;}
.plate-price{width: 15%; float: left; margin-bottom: 8px; text-align: right;}
.sum-sign-text{width: 85%; float: left;margin-bottom: 8px;}
.sign-price{width: 15%; float: left; margin-bottom: 8px; text-align: right;}
/*canada Summary Css*/
.battery-text-ca{width: 85%; float: left;margin-bottom: 0px;}
.battery-price-ca{width:15%;  float: left; margin-bottom: 2px; text-align: right;}
.battery-price-1-ca{width:15%;  float: left; margin-bottom: 20px; text-align: right;}
.color-text-ca{width: 100%;margin-bottom: 2px; }
.color-text-1-ca{width: 85%; margin-bottom: 2px; float: left;}
.rim-text-ca{width: 85%;margin-bottom: 2px; float: left;}
.spoiler-text-ca{width: 85%; float: left;margin-bottom: 2px;}
.spoiler-price-ca{width: 15%; float: left; margin-bottom:2px; text-align: right;}
.car-total-text-ca{width: 83%; margin-right: 2%; float: left;margin-bottom: 2px; font-weight: bold;}
.car-total-price-ca{width: 15%; float: left; margin-bottom: 2px; text-align: right; font-weight: bold;}
.add-battery-text-ca{width: 83%; margin-right: 2%; float: left;margin-bottom: 2px;}
.add-battery-price-ca{width: 15%; float: left; margin-bottom: 2px; text-align: right;}
.add-battery-price-ca{width: 15%; float: left; margin-bottom:2px; text-align: right;}
.add-battery-text-ca{width: 83%; margin-right: 2%; float: left;margin-bottom: 0px;}
.add-battery-price-ca{width: 15%; float: left; margin-bottom: 0px; text-align: right;}
.add-battery-text-fee{width: 83%; margin-right: 2%; float: left;margin-bottom: 0px; font-size: 8px;}
.add-battery-price-fee{width: 15%; float: left; margin-bottom: 0px; text-align: right; font-size: 8px;}
.cover-text-ca{width: 85%; float: left;margin-bottom: 2px;}
.cover-price-ca{width: 15%; float: left; margin-bottom: 2px; text-align: right;}
.sum-plate-text-ca{width: 85%; float: left;margin-bottom: 2px;}
.plate-price-ca{width: 15%; float: left; margin-bottom: 2px; text-align: right;}
.sum-sign-text-ca{width: 85%; float: left;margin-bottom: 2px;}
.sign-price-ca{width: 15%; float: left; margin-bottom: 2px; text-align: right;}
.review-area{width: 247px; background-color: #2c2c2c; height:408px; position: relative; right: -745px; top: -579px;}
.add-button-sum{background-color: #c71c2d; padding: 10px 16px; font: 1.1em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; text-transform: uppercase; color: white; margin: 0px; border: none; margin-bottom: 20px;}

/*@end Build-A-Tesla Summary */
/* @group Build-A-Wagon Main */
.arrow-right-css {width: 0; height: 0; border-top: 17px solid transparent;border-bottom: 20px solid transparent; border-left: 13px solid black;  width: 20px; position: relative; left: 382px; top:33px;}
#content-left-2-0 > img{  margin-left: 33px; margin-top: 26px;}
.step-content { background: none;  padding: 0 26px 0 26px; height: 606px; }
.step-content a { text-decoration: underline; }
.col-header { padding: 15px 0 0 0; }
.display-pane { float: left; width: 497px; height: 416px; position: relative; }
.display-pane img { width: 497px; }
.display-pane .control-layer img { width: auto; height: auto; }
.display-hide { display: none; }
.options-pane { float: right; width: 497px; height: 110px; position: relative; }
.content-pane { float: left; width: 440px; height: 520px; overflow: hidden; position: relative; background: #F7F7F5; }
.base-hide { display: none; }
.base-show { display: block; }
.features-hide { display: none; }
.features-show { position: relative; }
.personalize-hide { display: none; }
.personalize-show { position: relative; }
.review-hide { display: none; }
.review-show { position: relative; }
.nav-image { position: absolute; right: 0; }
.message-hide { display: none; }
.message-show { position: absolute; right: 0; bottom: -33px; font-size: 1.6em; font-family: 'CENTURY GOTHIC', 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif; font-weight: bold; font-style: italic; color: #c00; width: 500px; text-align: right; }
.control-layer-show { position: absolute; left: 0px; top: 0px; z-index: 13; }
.control-layer-hide { display: none; }
.control-text { font-family: Georgia, Times, Times New Roman, serif; position: absolute; top: 390px; left: 30px; font-style: italic; width: 400px; }
.block-background { position: absolute; top: 0; left: 0; z-index: 150; width: 100%; height: 100%; background-color: #333; opacity: 0.7; filter: alpha(opacity=70); min-height: 1140px; cursor: pointer; }
.show-background { display: none; }
.hide-zoom { display: none; }
.show-zoom { position: absolute; background-color: white; z-index: 151; width: 723px; height: 670px; left: 120px; top: -20px; border: solid 10px #333; }
.show-zoom img { height: 670px; }
.zoom-layer-show {  position: absolute; left: 0px; top: 0px; }
.personalize-layer-2-1-show-z { position: absolute; left: 248px; top: 400px; }
.personalize-layer-2-1-show-r-z { position: absolute; left: 350px; top: 451px; }
.personalize-layer-2-2-show-z { position: absolute; left: 305px; top: 396px; }
.personalize-layer-2-2-show-r-z { position: absolute; left: 299px; top: 398px; }
.info-area{width: 75%;}
 .more-text{line-height: 1.1; padding-top: 2px; padding-bottom: 2px;}
.info-blocks{padding-bottom: 100px; margin-top: 71px;}
.box{width:47%; background-color: #f7f7f7; border: solid #ccc 1px;margin-right: 0%; margin-left: 2%; float: left; margin-bottom: 13px; height: 247px;}
.box-btm{width:47%; background-color: #f7f7f7; border: solid #ccc 1px;margin-right: 0%; margin-left: 2%; float: left; margin-bottom: 30px; height: 240px;}
.box-spare{width:47%; background-color: #f7f7f7; border: solid #ccc 1px;margin-right: 0%; margin-left: 2%; float: left; margin-bottom: 13px; height: 247px;}
.box1{width:96%; background-color: #f7f7f7; border: solid #ccc 1px;margin-right: 2%; margin-left: 2%; float: left; margin-bottom: 13px; height: 252px;}
.box1-text{float: left;}
.box1 .paragraph1{margin-left: 4%; margin-right: 4%;}
.box1 .title{margin-left: 4%; margin-right: 4%;}
.standard-list{font-size: 12px; float: left;text-align: left;  margin-right: 2%; margin-top: 0px;}
.standard-list-2{font-size: 12px; float: left;text-align: center; margin-left: 10%; margin-right: 15%; margin-top: 0px;}
.long-list{font-size:12px; float: left; text-align: left; margin-top: 0px;}
.long-list-2{font-size:12px; float: left; text-align: center; margin-top: 0px; margin-left: 3%;}
.title{text-transform: uppercase; font: 1.15em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; padding-top: 7px; padding-bottom: 3px; margin-left: 7%; margin-top: 16px;}
.paragraph1{ font-size: 13px; padding-top: 10px; padding-bottom: 10px; margin-left: 7%; margin-right: 8%;}
.paragraph2{ font-size: 13px; padding-bottom: 15px; margin-left: 7%; margin-right: 9%;}
.bottom-half-images img{width: 20%; float: left; margin-right: 8%; margin-bottom: 8px; cursor:pointer;}
.bottom-half-images #extra-bat2-2 img{width: 15%;}
.bottom-half-images #extra-bat1-2 img{width: 15%;}
.bottom-half-images-box1 img{ float: left; margin-right: 3%; margin-bottom: 8px; cursor:pointer; margin-left: 9%; height: 80px;}
.img1{margin-left: 7%; width: 100%;}
.info-red{ position: absolute; color: black; margin-top: 65px; margin-left:-21px;}
.info-blue{position: absolute; color: black; margin-top: 65px; margin-left:99px;}
.info-titanium{position: absolute; color: black; margin-top: 65px; margin-left:-16px;}
.info-red-m{position: absolute; color: black; margin-top: 65px; margin-left:210px;}
.info-cover{position:absolute; color: black; margin-top:71px; margin-left: 16px;}
.info-bat1{position:absolute; color: black; margin-top:73px; margin-left:8px;}
.info-bat2{position:absolute; color: black; margin-top:73px; margin-left:61px;}
.info-spoiler{position:absolute; color: black; margin-top:70px;    margin-left: 24px;}
.info-plate{ position: absolute; color: black; margin-top: 70px; margin-left: 9px;}
.info-sign{position: absolute; color: black; margin-top: 70px; margin-left: 9px;}
#extra-bat1-2 img{ margin-left: 17%;margin-right: 30%;}
#bat1{    border-right: 1px solid black;}
#extra-bat2-2 img{margin-right:19%; }
.text-input p{font-weight: 400; font-size:10px; padding: 0px; color: white;}
.text-input-box p{font-weight: 400; font-size:10px; padding: 0px;}
.text-input-box{padding-left: 150px;}
.personalize .text-input{width: 27%; float: left; padding-top: 25px; color: black; margin-left: 15px; padding-bottom: 35px;}
.blanket {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.5;
    z-index: 1000;
}

/* @end Build-A-Wagon Main */

/* @group Build-A-Wagon Title */

.title-hide { display: none; }
.title-text { float: left; padding-top: 12px; }
/* @end Build-A-Wagon Title */

/* @group More Info Pop-ups */
.popup-hide { display: none; }
.popup-show { position: absolute; width: 505px; z-index: 98; left: 0; top: 70px; background: #d3d3d3; box-shadow: 3px 3px 5px #888888; }
#base-1-popup { top: 0 !important; }
.popup-show-fashion { position: absolute; width: 460px; height: 392px; z-index: 98; left: 70px; top: 120px; background: #d3d3d3; box-shadow: 3px 3px 5px #888888; }
.popup-show-guide { position: absolute; width: 490px; height: 450px; z-index: 98; left: 70px; top: 120px; background: #d3d3d3; box-shadow: 3px 3px 5px #888888; }
.base-checked-m-1 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: default; position: absolute; left: 26px; top: 64px; z-index: 3; width: 38px; height: 29px; }
.base-checked-m-2 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: default; position: absolute; left: 216px; top: 64px; z-index: 3; width: 38px; height: 29px; }
.tires-checked-m-1 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: default; position: absolute; left: 26px; top: 64px; z-index: 3; width: 38px; height: 29px; }
.tires-checked-m-2 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: default; position: absolute; left: 216px; top: 64px; z-index: 3; width: 38px; height: 29px; }
.storage-checked-m-1 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: default; position: absolute; left: 26px; top: 64px; z-index: 3; width: 38px; height: 29px; }
.storage-checked-m-2 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: default; position: absolute; left: 216px; top: 64px; z-index: 3; width: 38px; height: 29px; }
.feature-checked-m { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: pointer; position: absolute; left: 207px; top: 54px; z-index: 99; width: 38px; height: 29px; }
.feature-checked-m-1 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: pointer; position: absolute; left: 26px; top: 65px; z-index: 99; width: 38px; height: 29px; }
.feature-checked-m-2 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: pointer; position: absolute; left: 209px; top: 65px; z-index: 99; width: 38px; height: 29px; }
.inset-image { position: absolute; left: 30px; top: 35px; }
.close-x { font-size: 18px; text-transform: uppercase; display: block; position: absolute; left: 252px; cursor: pointer; font-family: Humanist777BT-BoldB, Helvetica, "Helvetica Neue", Arial, sans-serif; top: -2px; }
/* @end More Info Pop-ups */

/* @group Build-A-Wagon Intro Step */
.intro-footer { display: none; }
.intro-content { width: 934px; margin-left: 25px; }
.intro-header { display: none; }
/* @end Build-A-Wagon Intro Step */

/* @group Build-A-Wagon Display Pane */
.base-display { position: absolute; left: 35px; top: 0px; z-index: 0; max-height: 408px; float: left; }
.rim-display { position: absolute; left: 35px; top: 0px; z-index: 1; max-height: 408px; float: left; }
.spoiler-display{position: absolute; left: 35px; top: 0px; z-index: 2; max-height: 408px; float: left;}
.lisense-display{position: absolute; left: 35px; top: 0px; z-index: 1; max-height: 408px; float: left; }
.lisense-text{    position: absolute; left: 322px; top: 214px; z-index: 1; max-height: 408px; float: left;}
.text{font-size: 1.1em; font-family: 'license_plateregular'; color: #C71C2D; text-transform: uppercase;text-align: center; width: 72px;}
.features-layer-1-1 { position: absolute; left: 0px; top: 0px; z-index: 2; max-height: 410px; }
.base-display-2 { position: absolute; left: 0px; top: 0px; z-index: 3; max-height: 410px; }
.features-layer-2 { position: absolute; left: 0px; top: 0px; z-index: 4; max-height: 410px; }
.features-layer-4 { position: absolute; left: 0px; top: 0px; z-index: 5; max-height: 410px; }
.features-layer-5 { position: absolute; left: 0px; top: 0px; z-index: 6; max-height: 410px; }
.features-layer-6 { position: absolute; left: 0px; top: 0px; z-index: 7; max-height: 410px; }
.features-layer-1-2 { position: absolute; left: 0px; top: 0px; z-index: 8; max-height: 410px; }
.features-layer-3 { position: absolute; left: 0px; top: 0px; z-index: 9; max-height: 410px; }
.personalize-layer-1 { position: absolute; left: 0px; top: 0px; z-index: 10; max-height: 410px; }
.personalize-layer-2 { position: absolute; left: 0px; top: 0px; z-index: 11; max-height: 410px; }
.features-layer-6 { position: absolute; left: 0px; top: 0px; z-index: 12; max-height: 410px; }
.rear-view-show { position: absolute; left: 0px; top: 0px; z-index: 13; max-height: 410px; }
.rear-view-hide { display: none; }
.divider { position: absolute; left: 0px; top: 0px; z-index: 14; max-height: 410px; }
.control-layer { position: absolute; left: 0px; top: 0px; z-index: 27; max-height: 410px; }
.base-display-r { position: absolute; left: 0px; top: 0px; z-index: 15; max-height: 410px; }
.base-display-2-r { position: absolute; left: 0px; top: 0px; z-index: 16; max-height: 410px; }
.features-layer-2-r { position: absolute; left: 0px; top: 0px; z-index: 17; max-height: 410px; }
.features-layer-1-1-r { position: absolute; left: 0px; top: 0px; z-index: 18; max-height: 410px; }
.features-layer-4-r { position: absolute; left: 0px; top: 0px; z-index: 19; max-height: 410px; }
.features-layer-5-r { position: absolute; left: 0px; top: 0px; z-index: 20; max-height: 410px; }
.features-layer-6-r { position: absolute; left: 0px; top: 0px; z-index: 21; max-height: 410px; }
.features-layer-1-2-r { position: absolute; left: 0px; top: 0px; z-index: 22; max-height: 410px; }
.features-layer-3-r { position: absolute; left: 0px; top: 0px; z-index: 23; max-height: 410px; }
.personalize-layer-1-r { position: absolute; left: 0px; top: 0px; z-index: 24; max-height: 410px; }
.personalize-layer-2-r { position: absolute; left: 0px; top: 0px; z-index: 25; max-height: 410px; }
.features-layer-6-r { position: absolute; left: 0px; top: 0px; z-index: 26; max-height: 410px; }
/* @end Build-A-Wagon Display Pane */

/* @group Build-A-Wagon Zoom Pane */
.base-display-z { position: absolute; left: 0px; top: 0px; z-index: 1; max-height: 670px; }
.features-layer-1-1-z { position: absolute; left: 0px; top: 0px; z-index: 2; max-height: 670px; }
.base-display-2-z { position: absolute; left: 0px; top: 0px; z-index: 3; max-height: 670px; }
.features-layer-2-z { position: absolute; left: 0px; top: 0px; z-index: 4; max-height: 670px; }
.features-layer-4-z { position: absolute; left: 0px; top: 0px; z-index: 5; max-height: 670px; }
.features-layer-5-z { position: absolute; left: 0px; top: 0px; z-index: 6; max-height: 670px; }
.features-layer-6-z { position: absolute; left: 0px; top: 0px; z-index: 7; max-height: 670px; }
.features-layer-1-2-z { position: absolute; left: 0px; top: 0px; z-index: 8; max-height: 670px; }
.features-layer-3-z { position: absolute; left: 0px; top: 0px; z-index: 9; max-height: 670px; }
.personalize-layer-1-z { position: absolute; left: 0px; top: 0px; z-index: 10; max-height: 670px; }
.personalize-layer-2-z { position: absolute; left: 0px; top: 0px; z-index: 11; max-height: 670px; }
.features-layer-6-z { position: absolute; left: 0px; top: 0px; z-index: 12; max-height: 670px; }
.base-display-r-z { position: absolute; left: 0px; top: 0px; z-index: 15; max-height: 670px; }
.base-display-2-r-z { position: absolute; left: 0px; top: 0px; z-index: 16; max-height: 670px; }
.features-layer-2-r-z { position: absolute; left: 0px; top: 0px; z-index: 17; max-height: 670px; }
.features-layer-1-1-r-z { position: absolute; left: 0px; top: 0px; z-index: 18; max-height: 670px; }
.features-layer-4-r-z { position: absolute; left: 0px; top: 0px; z-index: 19; max-height: 670px; }
.features-layer-5-r-z { position: absolute; left: 0px; top: 0px; z-index: 20; max-height: 670px; }
.features-layer-6-r-z { position: absolute; left: 0px; top: 0px; z-index: 21; max-height: 670px; }
.features-layer-1-2-r-z { position: absolute; left: 0px; top: 0px; z-index: 22; max-height: 670px; }
.features-layer-3-r-z { position: absolute; left: 0px; top: 0px; z-index: 23; max-height: 670px; }
.personalize-layer-1-r-z { position: absolute; left: 0px; top: 0px; z-index: 24; max-height: 670px; }
.personalize-layer-2-r-z { position: absolute; left: 0px; top: 0px; z-index: 25; max-height: 670px; }
.features-layer-6-r-z { position: absolute; left: 0px; top: 0px; z-index: 26; max-height: 670px; }
.zoom-icon { position: absolute; left: 432px; top: 355px; cursor: pointer; }
.rotate-icon { position: absolute; left: 467px; top: 355px; cursor: pointer; }
.rotate-hide { display: none; }
.fan-hide { display: none; }
.fan-show { position: absolute; left: 20px; top: 20px; cursor: pointer; }
.close-zoom { position: absolute; left: 700px; top: -2px; font-size: 24px; text-transform: uppercase; display: block; cursor: pointer; font-family: Humanist777BT-BoldB, Helvetica, "Helvetica Neue", Arial, sans-serif; z-index: 147; }
/* @end Build-A-Wagon Zoom Pane */

/* @group Build-A-Wagon Landing Step */
.landing-show { width: 934px; display: block; }
.landing-hide { display: none; }
.landing-header h4 { float: left; margin: 0; padding: 0; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; color: #b40009; font-size: 3.6em; }
.landing-header a { float: right; background-color: #000; padding: 2px 15px 2px 15px; color: #fff; text-decoration: none; text-transform: uppercase; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; font-style: normal; font-size: 2em; margin-top: 17px; }
.landing-product-details { float: left; width: 394px; }
.landing-product-details h2 { margin-top: 20px; }
.landing-product-details h3 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; font-style: normal; text-align: left;  text-transform: none; font-size: 1.6em; color: #b40009; } 
.landing-product-details ul { list-style-position: inside; text-indent: -1em; margin-left: 25px; }
.landing-product-details br { display: block; }
.landing-product-details p a { text-decoration: underline; }
.landing-product-details .rating-box { float: left; }
.landing-product-details .details { margin: 35px 0 0 0; }
.landing-product-details .big-link { position: relative; top: 5px; background-color: #000; padding: 7px 15px 7px 15px; color: #fff; text-decoration: none; text-transform: uppercase; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; font-style: normal; font-size: 2em; }
.landing-product-details .small-link { text-transform: uppercase; text-decoration: underline; font-size: 0.9em; }
.landing-product-image { float: right; }
/* @end Build-A-Wagon Landing Step */

/* @group Build-A-Wagon Base Step */
.nav-base { height: 60px; position: relative; top: 8px; }
.base-start { background: transparent url(/skin/frontend/blank/buildawagon/images/backgrounds/base-start.png) top left no-repeat; height: 574px; position: relative; }
.base-checked-0 { display: none; }
.base-checked-1 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: default; position: absolute; left: 185px; top: 12px; z-index: 3; width: 38px; height: 29px; }
.base-checked-2 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: default; position: absolute; left: 394px; top: 12px; z-index: 3; width: 38px; height: 29px;  }
.tires-checked-0 { display: none; }
.tires-checked-1 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: default; position: absolute; left: 185px; top: 213px; z-index: 3; width: 38px; height: 29px; }
.tires-checked-2 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: default; position: absolute; left: 394px; top: 213px; z-index: 3; width: 38px; height: 29px; }
.content-item { float: left; position: relative; }
.content-left-1 { width: 155px; margin: 15px 5px 15px 14px; float: left; }
.content-1-title { font-size: 26px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; }
.content-1-desc { display: block; line-height: 18px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; font-size: 15px; }
.content-right-1 { margin: 15px 0 15px 5px; float: left; }
.content-1-bg { background: #C00; width: 250px; height: 36px; }
.option-1-left { position: relative; left: 10px; top: -6px; color: white; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; background: #C00 url(/skin/frontend/blank/buildawagon/images/customize/checkbox.png) no-repeat; cursor: pointer; font-size: 14px; padding: 1px 0 0 26px; }
.option-1-1-or { position: relative; left: 24px; top: 3px; color: white; color: #970000; font: 2.2em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; font-style: normal; text-transform: uppercase; }
#base-1-popup .option-1-1-right{left: 22px; top: -6px;}
#base-2-popup .option-1-2-right{left:57px !important;}
.option-1-1-right { position: relative; left: 40px; top: -6px; color: white; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; background: #C00 url(/skin/frontend/blank/buildawagon/images/customize/checkbox.png) no-repeat 67px 0px; cursor: pointer; font-size: 14px; padding: 1px 26px 0 0; }
.option-1-1-text-1 { font-size: 11px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; position: relative; left: 2px; }
.option-1-1-text-2 { font-size: 11px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; position: relative; left: 48px; }
.option-1-1-price-1 { font-size: 16px;  font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; position: relative; left: 2px; }
.option-1-1-price-2 { font-size: 16px;  font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; position: relative; left: 48px; }
.option-1-2-or { position: relative; left: 25px; top: 3px; color: white; color: #970000; font:  2.2em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; font-style: normal; text-transform: uppercase; }
.option-1-2-right { position: relative; left: 75px; top: -6px; color: white; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; background: #C00 url(/skin/frontend/blank/buildawagon/images/customize/checkbox.png) no-repeat 32px 0px; cursor: pointer; font-size: 14px; padding: 1px 27px 0 0; }
.option-1-2-text-1 { position: relative; left: 7px; text-align: left; font-size: 11px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; }
.option-1-2-text-2 { position: relative; left: 78px; text-align: left; font-size: 11px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; }
.option-1-2-price { position: relative; left: 78px; font-size: 16px;  font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; }
.option-1-3-or { position: relative; left: 24px; top: 3px; color: white; color: #970000; font:  2.2em/1  'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; font-style: normal; text-transform: uppercase; }
.option-1-3-right { position: relative; left: 38px; top: -6px; color: white; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; background: #C00 url(/skin/frontend/blank/buildawagon/images/customize/checkbox.png) no-repeat 63px 0px; cursor: pointer; font-size: 14px; padding: 1px 27px 0 0; }
.option-1-3-text-1 { position: relative; left: 7px; text-align: left; font-size: 11px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; }
.option-1-3-text-2 { position: relative; left: 78px; text-align: left; font-size: 11px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; }
.option-1-3-price { position: relative; left: 78px; font-size: 16px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; }
.build-warning-top { position: absolute; top: 80px; left: 45px; font-family: Humanist777BT-BoldB, Helvetica, "Helvetica Neue", Arial, sans-serif; color: #c71c2d; font-size: 20px; }
.build-warning-bottom { position: absolute; top: 680px; right: 30px; font-family: Humanist777BT-BoldB, Helvetica, "Helvetica Neue", Arial, sans-serif; color: #c71c2d; font-size: 20px; }
/* @end Build-A-Wagon Base Step */

/* @group Build-A-Wagon Features Step */

.content-left-2 { width: 160px; float: left; }
.content-right-2 { margin: 12px 0 12px 0; float: left; }
.content-right-2-2 { margin: 4px 0 0 0; float: left; width: 220px; }
.content-2-title { font-size: 16px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; display: block; }
.content-2-desc { float: left; width: 140px; line-height: 18px; }
.content-2-desc-2 { line-height: 18px; }
.content-2-bg { background: #C00; width: 80px; height: 36px; float: left; }
#feature-4-popup .content-2-bg{position: relative; left: 19px; top: 1px;}
#feature-5-popup .content-2-bg{position: relative; left: 19px; top: 1px;}
.content-2-bg-2 { background: #C00; width: 220px; height: 36px; float: left; }
.content-2-price { font-size: 18px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; display: block; float: left; }
.content-2-price-2 { font-size: 18px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; }
.content-2-text-1 { position: relative; font-size: 16px; font-family: Humanist777BT-RomanB, Helvetica, 'Helvetica Neue', Arial, sans-serif; display: block; float: left; top: 1px; padding-left: 6px; }
.content-2-text-2 { font-size: 16px; font-family: Humanist777BT-RomanB, Helvetica, 'Helvetica Neue', Arial, sans-serif; display: block; float: left; }
.content-2-add-1 { position: relative; left: 10px; top: -4px; color: white; font-size: 16px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; background: #C00 url(/skin/frontend/blank/buildawagon/images/customize/checkbox.png) no-repeat; padding-left: 26px; cursor: pointer; }
.content-2-or { position: relative; left: 31px; top: 3px; color: white; color: #970000; font:  2.2em/1  'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; font-style: normal; text-transform: uppercase; }
.content-2-add-2 { position: relative; left: 64px; top: -4px; color: white; font-size: 16px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; background: #C00 url(/skin/frontend/blank/buildawagon/images/customize/checkbox.png) no-repeat 39px 0px; padding-right: 24px; cursor: pointer; }
.content-2-price-2-1 { position: relative; left: 10px; font-size: 16px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; }
.content-2-option-1 { position: relative; left: 10px; text-align: left; font-size: 11px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; }
.content-2-price-2-2 { position: relative; left: 70px; font-size: 16px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; }
.content-2-option-2 { position: relative; left: 70px; text-align: left; font-size: 11px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; }
.add-text { text-align: right; }
.add-text span { position: relative; right: 8px; top: 7px; color: white; font-size: 16px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; background: #C00 url(/skin/frontend/blank/buildawagon/images/customize/checkbox.png) right top no-repeat; padding-right: 26px; cursor: pointer; }
.more-info { text-transform: uppercase; }
.feature-checked-0 { display: none; }
.feature-checked-all{ background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: pointer; position: absolute; left: 348px; top: 33px; z-index: 3; width: 38px; height: 29px; }
.feature-checked-1 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: pointer; position: absolute; left: 348px; top: 45px; z-index: 3; width: 38px; height: 29px; }
.feature-checked-2 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: pointer; position: absolute; left: 348px; top: 33px; z-index: 3; width: 38px; height: 29px; }
.feature-checked-3 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: pointer; position: absolute; left: 348px; top: 33px; z-index: 3; width: 38px; height: 29px; }
.feature-checked-4 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: pointer; position: absolute; left: 348px; top: 33px; z-index: 3; width: 38px; height: 29px; }
.feature-checked-5 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: pointer; position: absolute; left: 348px; top: 33px; z-index: 3; width: 38px; height: 29px; }
.feature-checked-61 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: pointer; position: absolute; left: 166px; top: 80px; z-index: 3; width: 38px; height: 29px; }
.feature-checked-62 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: pointer; position: absolute; left: 349px; top: 80px; z-index: 3; width: 38px; height: 29px; }
.fashion-checked-0 { display: none; }
.fashion-checked-1 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: default; position: absolute; left: 223px; top: 37px; z-index: 3; width: 38px; height: 29px; }
.fashion-checked-2 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: default; position: absolute; left: 314px; top: 37px; z-index: 3; width: 38px; height: 29px; }
.fashion-checked-3 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: default; position: absolute; left: 135px; top: 37px; z-index: 3; width: 38px; height: 29px; }
.fashion-checked-4 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: default; position: absolute; left: 405px; top: 37px; z-index: 3; width: 38px; height: 29px; }
.fashion-warning-top { position: absolute; top: 80px; right: 145px; font-family: Humanist777BT-BoldB, Helvetica, "Helvetica Neue", Arial, sans-serif; color: #c71c2d; font-size: 20px; }
.fashion-warning-bottom { position: absolute; top: 680px; right: 30px; font-family: Humanist777BT-BoldB, Helvetica, "Helvetica Neue", Arial, sans-serif; color: #c71c2d; font-size: 20px; }
.feature-divider-container { float: left; }
.feature-divider { width: 380px; left: 20px; position: relative; margin: 0.5em 0; }
/* @end Build-A-Wagon Features Step */

/* @group Build-A-Wagon Personalize Step */
.personalize-section { float: left; margin: 15px 0 0 15px; width: 420px; }
.personalize-title { font-size: 18px; font-weight: bold; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; display: block; }
.personalize-title-2 { font:  2.9em/1  'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; font-style: normal; text-transform: uppercase; color: #C71C2D; }
.personalize-desc { margin: 8px 0 0 0; line-height: 18px; font-size: 16px; }
.personalize-price { position: relative; float: left; font-size: 18px;  font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; margin: 6px 0 0 0; left: 290px; }
.personalize-add-bg { float: right; margin: 0 8px 0 0; }
.personalize-info-1 { margin: 25px 140px 0 0; line-height: 18px; font-size: 14px; font-style: italic; display: block; float: right; }
.personalize-info-2 { margin: 0 12px 0 0; line-height: 18px; font-size: 14px; font-style: italic; display: block; float: right; color: #C71C2D; }
.personalize-line-section { float: left; margin: 5px 0 0 0; }
.personalize-line { font-size: 16px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; }
.personalize-line-outer { display: block; }
.personalize-input { position: relative; right: -2px; text-transform: uppercase; color: #C71C2D; font-weight: bold; font-size: 20px; height: 30px;  }
.personalize-section-2 { width: 100px; float: right; margin: 5px 8px 0 0; }
.preview { font-size: 18px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; color: #FFF; text-align: center; cursor: pointer; }
.personalize-plate { background: url(/skin/frontend/blank/buildawagon/images/wagon/personalize-plate.png) no-repeat; width: 391px; height: 79px; margin: 365px auto 0 auto; }
.personalize-checked-0 { display: none; }
.personalize-checked-1 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: pointer; position: absolute; left: 395px; top: 165px; z-index: 3; width: 38px; height: 29px; }
.personalize-text-small-s-front { position: relative; left: 163px; top: 209px; width: 45px !important; }
.personalize-text-small-s-rear { position: relative; left: 237px; top: 231px; width: 45px !important; }
.personalize-text-small-p-front { position: relative; left: 187px; top: 228px; width: 60px !important; }
.personalize-text-small-p-rear { position: relative; left: 180px; top: 226px; width: 60px !important; }
.personalize-text-big-s-front { position: relative; left: 225px; top: 362px; height: 50px !important; }
.personalize-text-big-s-rear { position: relative; left: 315px; top: 407px; height: 50px !important; }
.personalize-text-big-p-front { position: relative; left: 287px; top: 376px; height: 50px !important; }
.personalize-text-big-p-rear { position: relative; left: 280px; top: 377px; height: 50px !important; }
.personalization-big { position: relative; top: 7px; font-family: "Century Gothic"; font-size: 32px; font-weight: bold; text-align: center; color: #fff; text-transform: uppercase; left: 3px; }
.personalization-small { position: relative; top: 13px; font-family: "Century Gothic"; font-size: 22px; font-weight: bold; text-align: center; color: #fff; text-transform: uppercase; line-height: 40px; left: 3px; }
/* @end Build-A-Wagon Personalize Step */

/* @group Build-A-Wagon Review Step */
.review-top { margin: 10px 0 0 20px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; }
.review-title { font-size: 26px; }
.review-small-text { margin-top: -7px; font-family: Humanist777BT-RomanB, Helvetica, "Helvetica Neue", Arial, sans-serif; text-transform: none; font-size: 12px; line-height: 14px; }
.review-item { margin: 10px 0 0 20px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; font-size: 13px; line-height: 13px; }
.review-price { float: left; width: 35px; margin-right: 5px; }
.review-price-inner { float: right; }
.review-desc { float: left; width: 375px; margin: 0 0 13px 5px; }
.review-line { margin: auto; width: 90%; border-top: 1px solid #4d4e53; top: 437px; left: 23px; }
.review-bottom { margin: 2px 0 0 20px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; top: 430px; }
.review-total { float: left; }
.review-start-over { position: relative; top: 40px; left: 80px; font-size: 12px; }
.review-add-to-cart { float: left; width: 140px; position: relative; left: 158px; top: 5px; background-color: #CC0000;  height: 36px; }
.review-button-text { font-size: 18px; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; text-transform: uppercase; color: #FFFFFF; text-align: center; cursor: pointer; }
.personalize-popup-show { position: absolute; width: 420px; z-index: 98; left: 285px; top: 180px; background: #d3d3d3; box-shadow: 3px 3px 3px #888888; }
.personalize-popup-title { text-align: center; font: 2.4em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; font-style: normal; text-transform: uppercase; }
.personalize-plate-check { background: url(/skin/frontend/blank/buildawagon/images/wagon/personalize-plate.png); width: 391px; height: 79px; margin: 0 auto 0 auto; }
.personalize-confirm-checkbox { position: relative; top: -2px; float: left; left: 30px; cursor: pointer; }
.personalize-agreement { line-height: 16px; font-size: 14px; }
.confirm-edit-text { width: 140px; height: 36px; background-color: #CC0000; float: left; position: absolute; top: 190px; left: 45px; }
.confirm-add-to-cart { width: 140px; height: 36px; background-color: #CC0000; float: left; position: absolute; top: 190px; left: 230px; }
.confirm-checked-0 { display: none; }
.confirm-checked-1 { background: url(/skin/frontend/blank/buildawagon/images/wagon/checked-light.png); border: 0 none; cursor: pointer; position: absolute; left: 26px; top: 122px; z-index: 3; width: 38px; height: 29px; }
.confirm-warning { color: #cc0000; font-size: 12px; position: absolute; top: 229px; left: 216px; font-style: italic; }
/* @end Build-A-Wagon Review Step */

/* @group Build-A-Wagon Footer */
.nav-footer-blank { background: transparent url(/skin/frontend/blank/buildawagon/images/footer/nav-footer-blank.jpg) no-repeat top left; position: relative; padding: 70px 0 0 0; margin: 20px 26px 0 26px; }
.nav-footer-blank a { text-decoration: underline; }
.nav-footer-review { background: transparent url(/skin/frontend/blank/buildawagon/images/footer/nav-footer-review-new.png) no-repeat top left; position: relative; padding-top: 62px; }
.button-hide { display: none; }
.next-show { background: transparent url(/skin/frontend/blank/buildawagon/images/footer/next-button-new.jpg) no-repeat top left; position: absolute; width: 120px; height: 50px; top: 2px; right: 12px; border: 0 none; cursor: pointer; }
.back-show { background: transparent url(/skin/frontend/blank/buildawagon/images/footer/back-button-new.jpg) no-repeat top left; position: absolute; width: 120px; height: 50px; top: 2px; left: 12px; border: 0 none; cursor: pointer; }
.cost { position: absolute; text-transform: uppercase; left: 405px; top: 10px; color: #fff; font:  2.2em/1  'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; font-style: normal; }
.cost-top { position: absolute; right: 15px; top: -30px; font-size: 1.4em; color: #666; font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal; z-index: 99; text-transform: uppercase; }
.cost-hide { display: none; }
.review-link-show { position: absolute; left: 595px; top: 6px; cursor: pointer; }
.review-link-hide { display: none; }
/* @end Build-A-Wagon Footer */
.selecter-mobile{display: none !important;}
.mobile-landing-product-image{display: none;}
.select-tabs-mobile {display: none;}
.bold-text-mobile{display: none;}
    .bold-text{display: block; font-weight: bold;}
    .bottom-half-mobile{display: none;}
    .bottom-half{display: block;}
 .close{position: absolute; color: white; right: 5px;}
 .tesla-market{ width: 75%; margin: auto;}
 .preorder{}
 .preorder-ipad{display: none;}
 .mobile-only{display: none;}
 .desktop-only{display: block;}
 @media screen and (max-width: 1100px){
 .tesla-market{width: 66%;}
   .country-button{width: 100% !important; }
   .now-shipping ul li{font-size: .9em;}
 
 }
 @media screen and (max-width: 1000px){
  .preorder{ width: 33%; }
  .new-shipping ul li{font-size: 1em;}
 }

@media screen and (max-width: 960px){
    .personalize-display{left: 185px;}
  .navbar-fixed {
    top: 0;
    z-index: 100;
  position: fixed;
    width: 100%;
} 
    .bottom-fixed{display: block;}
    /* Landing Page Mobile CSS*/
    .landing-page{width: 100%;}
   .info-area{width: 70%;}
   .add-button-preview{margin-right: 39% !important; font-size: .5em; margin-top: 6px !important;}
    /* end Landing Page Mobile CSS*/
    .info-titanium{margin-top: 53px;}
    .close{font-size: .8em; }
    .info-cover {margin-left: 9px; margin-top: 59px;}
    .review-area{width: 30%; right: -535px; height: 558px;}
    .info-cover{margin-left: 3px; margin-top: 51px;}
    .info-red-m{ margin-left: 129px; margin-top: 53px;}
    .info-blue{margin-left: 62px; margin-top: 53px;}
    .info-spoiler{ margin-top: 52px; margin-left: 10px;}
    .info-sign{margin-top: 48px; margin-left: 2px; width: 10%;}
    .info-plate{margin-top: 46px; margin-left: 8px; width: 9%;}
    #lightgrey2 div{margin-top: 53px !important;}
    #darkgrey2 div{margin-top: 53px !important;}
    #spoiler-selecter-2{margin-left:0%; width:106%;}
    .base-display { position: absolute; left: 0px; top: 0px; z-index: 0; max-height: 408px; float: left; }
.rim-display {  left: 0px;  }
.spoiler-display{ left: 0px; }
.lisense-display{ left: 0px;  }
#cover-2{margin-left:0%; width:106%;}
 #sign-selecter-2{margin-left:0%; width:106%;}
.landing-show{width: 100%; display: block;}
.intro-content{width: 100%; margin:auto;}
.landing-header h4{width: 100% !important; line-height: 55px; text-align: center; height:122px;}
.mobile-landing-product-image{display: block; margin: auto; }
.mobile-landing-product-image img {width: 100%; margin: auto;}
.landing-product-image{display: none;}
.landing-product-details{float: left; width: 100%; text-align: center;}
.landing-product-details h3{text-align: center;}
.landing-product-details .details{text-align: center; width: 95% !important; margin: auto; padding-top: 20px;}
.landing-product-details ul{text-align: center; width: 65%; margin: auto !important; padding-top: 15px; padding-bottom: 15px; }
.landing-product-details li{display: block;}
.mobile-only .col-main{display: none !important;}
.landing-header a{display: none;}
.landing-product-details .rating-box{float: none;}
.select-tabs{ display: none;}
.select-tabs-mobile {display: block;}
.selecter{display: none;}
.selecter-mobile{display: block !important;}
.selecter-mobile{  height: 100px; position: absolute; top: 332px;  background: rgba(192,192,192,0.2); z-index:100;}
.selecter-mobile img{width: 91%; cursor:pointer;}
#bat1-mobile img{width: 42px;}
#bat2-mobile img{width: 42px;}
.standard-list-2{margin-left: 10%; margin-right: 13%; font-size: 9px;}
.long-list-2{font-size: 9px;}
.left-half h4{width: 99% !important; margin-left: 7px !important; text-align: center;}
.corner-text{}
.top-right-corner{width: 25%; margin-right: 1%;}
.section-1-performance{padding-top: 13px;}
.section-1-perf{width: 39%; float: left; margin-left: 5.5%; margin-top:10px; border-right: none;}
.section-1-perf p{padding:0px; color:white; font-size:1.1em;}
.info-bat1{margin-top: 56px;}
.section-1-perf div{width: 19%; font-size:14px;}
.info-bat2{ margin-top: 56px; margin-left: 23px;}
.section-2-perf p{padding: 0px; color: white; font-size: 1.1em;}
.section-2-perf div{width: 30%; font-size:14px; margin-right: 3%;}
.section-1-acc{padding-top: 13px; width: 19%;}
.section-2-acc{width: 10%; margin-right: 2%; padding-right: 2%;}
.section-3-acc{margin-top:10px; padding-top: 0px; text-align: center; width: 16%; padding-right: 2%;}
.section-3-acc #extra-bat1-mobile img{width: 35%;}
.section-4-acc #extra-bat2-mobile img{width: 35%;}
.section-4-acc{margin-top: 10px; padding-top: 0px; text-align: center; width: 16%; padding-right: 2%;}
.section-3-perf p{padding: 0px; color: white; font-size: 1.1em;}
.section-3-perf div{width: 32%; font-size:14px; margin-right: 6%;}
.selecter-mobile .section-5-acc p{padding-bottom: 0px; color: white; text-transform: uppercase; margin-top: -11px; float: right;     cursor: pointer;}
#cover-mobile{width: 100%;}
.section-5-acc{margin-right: 0px;padding-top: 0px;}
.section-1-sty{width: 25%; padding-right: 0%; border: none; margin-top: 22px;}
.section-1-sty h2{font-size:1.4em;}
.section-1-personal h2{font-size: 1.4em;}
#liscense-selecter-mobile{width: 89%;}
#sign-selecter-mobile{width: 89%;}
#spoiler-selecter-2 img{margin-left: 7%;}
#cover-2 img{margin-left: 7%;}
#sign-selecter-2 img{margin-left: 7%; margin-right: 3%;}
#liscense-selecter-2 img{margin-right: 3%;}
.personalize .text-input{width: 22%; margin-left:0px;}
.section-1-personal{padding-right: 2%; padding-top: 11px; height: 50px;}
/*.section-2-personal{width:13%; margin-left: 2%; }
.section-3-personal{width: 13%; margin-left: 2%; padding-top: 10px;}*/
.tab1-mobile{width: 23.5%; float:left; background: gainsboro; margin-right: 2%; text-align: center; text-transform: uppercase; font: 1.3em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; padding-top: 7px; padding-bottom: 3px;}
.tab2-mobile{width: 23.5%; float:left; background: gainsboro; margin-right: 2%; text-align: center; text-transform: uppercase; font: 1.3em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; padding-top: 7px; padding-bottom: 3px;}
.tab3-mobile{width: 23.5%; float:left; background: gainsboro; margin-right: 2%; text-align: center; text-transform: uppercase; font: 1.3em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; padding-top: 7px; padding-bottom: 3px;}
.tab4-mobile{width: 23.5%; float:left; background: gainsboro; text-align: center; text-transform: uppercase; font: 1.3em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; padding-top: 7px; padding-bottom: 3px;}

.tab1-mobile.selected{ width: 23%; float: left; background: gainsboro; margin-right: 2%; text-align: center; text-transform: uppercase; font: 1.3em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; padding-top: 3px; padding-bottom: 3px; border-top: solid #c71c2d 5px;}
.tab2-mobile.selected{ width: 23%; float: left; background: gainsboro; margin-right: 2%; text-align: center; text-transform: uppercase; font: 1.3em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; padding-top: 3px; padding-bottom: 3px; border-top: solid #c71c2d 5px;}
.tab3-mobile.selected{ width: 23%; float: left; background:  gainsboro; margin-right: 2%; text-align: center; text-transform: uppercase; font: 1.3em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; padding-top: 3px; padding-bottom: 2px; border-top: solid #c71c2d 5px;}
.tab4-mobile.selected{ width: 23%; float: left; background: gainsboro; text-align: center; text-transform: uppercase; font: 1.3em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; padding-top: 3px; padding-bottom: 2px; border-top: solid #c71c2d 5px;}
.product-area{  width: 100%; overflow-x: auto; background-repeat: no-repeat; overflow-y: auto; background-size: 143%;}
.middle-right{display:none;}
.bottom-text.metallic{ width: 202%; margin-left: -38px;}
.bottom-text.blue{width: 200%; margin-left: -37px;}
.bottom-text.red{width: 171%; margin-left:-43px;}
.bottom-text.bat-1{width: 241%; margin-left:-43px;}
.bottom-text.bat-2{width: 247%; margin-left:-46px;}
.bottom-text.spoiler{width: 87%; text-align: center; margin-right: 0px; margin-left: 0px;}
.bottom-text.ex-bat-1{width: 103%; margin-left:0px; text-align: center;}
.bottom-text.ex-bat-2{width: 100%; margin-left:0px; text-align: center;}
.bottom-text.cover{margin-left: 0px; text-align: center;width: 69%;}
.bottom-text.grey-w{width: 190%; margin-left: -18px;}
.bottom-text.silver-w{width:144%; margin-left: -17px;}
.bottom-text.plate{width: 77%; margin-left: 2px;}
.bottom-text.sign{width: 76%; margin-left: 2px;}
.box1{height: 290px;}
.box1-text{width: 101%;}
.plate-price{margin-bottom: 28px;}
.bottom-half-images-box1 img{margin-left: 0%;}
.paragraph1{margin-right: 5%;}
.bottom-text.bat-1-info{margin-left:-20px !important; margin-top: 338px !important;}
.bottom-text.bat-2-info{margin-top: 338px !important; margin-left: 134px !important;}
#plate-text-m{width: 100px !important;}
#sign-text-m{width: 100px !important;}
.bottom-fixed{display: none}
.section-2-perf{margin-left: 4.5%;}
}
/*new css specific to Portrait Ipad*/
@media screen and (min-width: 750px) and (max-width: 780px){
    h4{font-size: 4vw}
    .desktop-only{display: none;}
    .info{font-size: 3vw;}
    .selecter{display: none !important;}
    .more-play-text { width: 22%; margin-top: -68px !important; text-align: left; margin-right: 37px!important; font-size: .8em !important; float: right; text-transform: uppercase;}
.country-button{width: 19% !important; font-size: 12px !important;}
.add-button-order{font-size: 10px!important; width: 92% !important;}
.preorder{display: none;}
.preorder-ipad{display: block;}
.tesla-market{width: 100%;}
    .bottom-text{font-size: 12px;}
.prod-image{max-height:433px;}
.review-area{ width: 30%; right: -538px; height: 456px; top: -99px;}
.first-page{height: 400px;}
  #footer{   background: none; text-align: center; }
#footer li a{color: black;}
ul#general-footer-link{margin: 0px 0 25px 0; float: none; color: black; font-weight: bold;}
.selecter-mobile{width: 100%;}
.review-text{font-size: 11px;}
.arrow-right{ height: 56px;   top: 165px; left: 705px;}
.arrow-left{ height: 56px;  margin-left: 2%;  top: 165px; left:0px;}
.product-area{ height: 433px;}
.info-red-m{margin-left: 71px;}
.info-blue{margin-left: 17px;}
#lightgrey2 div{margin-left: 19px !important;}
.info-area .bottom-text{margin-top: 50px;}

.logo{width: 80%;}
.personalize .text-input{padding-top:12px; padding-bottom:0px;}
.text-input-box{padding-left: 85px;}
#bat1-mobile{    border-right: solid 1px black;}
.section-1-perf p{ font-size:.8em;}
.section-1-perf div{width: 42%; }
.section-2-perf{width: 47%; margin-top: 11px;}
.section-2-perf p{font-size: .8em;}
.section-2-perf div{width: 24%; margin-right: 5%;}
.section-3-perf{width: 35%;}
.section-3-perf p{font-size: .8em;}
.section-3-perf div{width: 30%; }
.section-3-acc{margin-top: 6px; width: 32%;}
.section-3-acc #extra-bat1-mobile img{width: 20%;}
.bottom-text.ex-bat-1{}
.section-4-acc #extra-bat2-mobile img{width: 20%;}
.bottom-text.ex-bat-2{margin-top: 3px;}
.bottom-text.plate{width: 155%;}
.bottom-text.sign{width: 150%;}
.close{font-size: 1.3em;}
.section-3-personal{margin-left: 8.5%;}
.personalize .text-input{padding-right: 5% !important;}
#sign-text-m{width: 136px !important; height: 30px !important;}
#plate-text-m { width: 136px !important; height: 30px !important;}
.info-plate{width: 16%;}
.info-sign{width: 16%;}
.lisense-text{left: 318px; top: 234px;}
.sign-text{top: 155px;}
.add-button-preview.btm{margin-right: 1% !important; font-size: 0.5em;}
.add-button-preview {margin-right: 17% !important; font-size: 0.8em; margin-top: 6px !important;}
.bottom-text.cover{ width: 108%; margin-left: 0px; margin-top: 3px;}
.section-4-acc{margin-top: 6px; width: 34%;}
.section-5-acc{margin-top: 5px; width: 13%; margin-left: 5%;}
.top-right-corner{width: 27%; margin-top: 0px; margin-right: 1%; }
.top-right-corner h1{font: .6em/1 'Gotham SSm A', 'Gotham SSm B';}
.top-right-corner h3{font: .6em/1 'Gotham SSm A', 'Gotham SSm B';}
.section-1-performance { padding-top: 0px; margin-top: 10px; display: none;}
.section-1-performance h2 { font: 1.1em/1 'Gotham SSm A', 'Gotham SSm B'; }
.section-1-performance p { font: .5em/1 'Gotham SSm A', 'Gotham SSm B';}
.section-1-perf { width: 87%; float: left; margin-left: 5.5%; margin-top: 10px; border-right: none; }
.bottom-text.bat-1 { width: 100%; margin-left: 0px; }
.bottom-text.bat-2 { width: 100%; margin-left: 0px; }
.section-1-acc { padding-top: 0px; width: 23%; margin-left: 5%;}
.section-1-acc h2 { font: 1.1em/1 'Gotham SSm A', 'Gotham SSm B'; }
.section-1-acc p { font: .5em/1 'Gotham SSm A', 'Gotham SSm B'; }
.bottom-text.metallic { width: 400%; margin-left: -38px; }
.bottom-text.blue { width: 247%; margin-left: -40px;  }
.bottom-text.red { width: 251%; margin-left: -48px; }
.bottom-text.grey-w { width: 349%; margin-left: -23px; }
.bottom-text.silver-w { width: 292%; margin-left: -49px;}
.section-1-sty h2 { font-size: .8em; margin-top: 0px;}
}
/*new css specific to IPhone 6 & Windows/Samsung Landscape*/
@media screen and (max-width: 740px){
.landing-video{ background-repeat: no-repeat; margin: auto; background-size: contain; height: 0; position: relative; padding-bottom: 56.25%; margin-top: 50px;}
.landing-video iframe{ position: absolute; top: 0px; left: 5%; width: 90%; height: 90%; max-width: 700px; max-height: 393px; margin-right: 5%;}
    #question-display{width: 90%; top: 138px;}
    .battery-price{margin-bottom: 5px;}
.battery-price-1{margin-bottom: 23px; }
.color-text{margin-bottom: 5px; }
.color-text-1{ margin-bottom: 5px; }
.rim-text{margin-bottom: 5px;}
.spoiler-text{margin-bottom: 5px;}
.spoiler-price{ margin-bottom: 5px;}
.add-battery-text{margin-bottom: 5px;}
.add-battery-price{margin-bottom: 5px;}
.cover-text{margin-bottom: 5px;}
.cover-price{ margin-bottom: 5px; }
.sum-plate-text{margin-bottom: 5px;}
.plate-price{margin-bottom: 5px; }
.sum-sign-text{margin-bottom: 5px;}
.sign-price{margin-bottom:5px;}
    .dimensions{text-align: center; float: left; margin-bottom: 5px; width: 64%;}
.more-play-text {
    width: 20%;
    margin-top: -44px !important;
    text-align: left;
    margin-right: 12px!important;
    font-size: .5em !important;
    float: right;
    text-transform: uppercase;
}
.add-button-sum{margin:0px; margin-bottom: 20px;}
.text-area h1{margin-top: 3px !important;}
     .first-page{height: 495px;}
     #footer{width: 60%;}
    .review-area{width: 37%; position: relative; right: -464px; top: -369px;}
    #footer{   background: none; text-align: center; }
#footer li a{color: black;}
ul#general-footer-link{margin: 0px 0 25px 0; float: none; color: black; font-weight: bold;}

    .selecter-mobile{width: 63%;}
    #header{height: 60px; margin-top: -8px;}
    #header img{float: left; width: 46%; padding: 11px 0 0 17px;}
    #header h1{padding:21px 0 25px 0;}
    .main{margin-top: 13px;}
    .box1{width: 60%;}
    /* Landing Page*/
    .section-1-personal{display: none;}
    .first-page{ margin-top: 6px; margin-bottom:10px; }
    .first-page h4{float: left; width: 47%; padding-left: 11px;}
    
    
    .video-button{padding: 13px 31px; margin-left: 7px; margin-top: 10px}
    .left-half h4{width: 100% !important; margin-left: 0px !important; text-align: center; font-weight: 600 !important;}
    .landing-page{width: 100%; height: 1379px;}
     .left-half{width: 100%;}
    .right-half{width: 100%; height: auto;}
    .section-1{width: 86%; border-bottom: 1px solid black; margin-left: 7%; margin-right: 7%; margin-bottom: 25px;}
    .section-2{width: 86%; border-left: 0px; border-right: 0px; margin-left: 7%; border-bottom: solid black 1px; margin-bottom: 18px; padding-left: 0px; margin-right: 7%;}
    .section-3{width: 86%; padding-left: 0px;  margin-right: 7%; margin-left: 7%;}
    .bold-text{display: none;}
    .bold-text-mobile{display: block; font-weight: bold; font-size:.8em; text-align: center; margin-bottom: 20px;}
    .bottom-half{display: none;}
    .bottom-half-mobile{display: block;}
    .button-area{height: 37px;}
    .title-landing h4{ margin-top: 6px; font: .75em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; text-align: center; margin-bottom: 15px; color: #545454; padding: 0px; text-transform: none;}
    .bottom-half-mobile h3{ text-align: center; font: 1.2em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 100; color: #545454; text-transform: none; padding: 0px;}
    
    /*end landing page*/
    .box.paint{height: 180px;}
.box.wheels{height: 180px;}
.box-spare{height: 210px;}
.box.cover{height: 210px;}
.box-btm{height: 210px;}
    .right-half{width: 100%; height: 212px;}
     .info-titanium{margin-top: 76px; margin-left: 0px;}
     .info-blue{margin-top: 76px; margin-left: 128px;}
     .info-red-m{margin-left: 257px; margin-top: 76px;}
    #darkgrey2 div{margin-left: 0px !important;     margin-top: 75px !important;}
    #lightgrey2 div{margin-top: 75px !important;}
    .long-list-2{margin-left: 43px; font-size: 11px;}
    .standard-list-2{margin-left:39px; font-size: 11px;}
    .info-cover {margin-left: 27px; margin-top: 77px;}
    .info-sign{margin-top: 78px; margin-left: 0px; width: 20%;}
    .info-plate { margin-top: 74px; margin-left: -2px; width: 20%;}
.prod-image{max-height:229px;}
.arrow-right{ height: 35px;  top:83px; left: 342px; }
.arrow-left{    height: 35px; margin-left: 2%; top: 83px; left: 0px; }
.product-area{ height: 219px; }
.tab1-mobile{font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:18%;}
.tab2-mobile{font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:10.5%;}
.tab3-mobile{font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:14.5%;  }
.tab4-mobile{font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:14.5%;}

.tab1-mobile.selected{ font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width: 18%; }
.tab2-mobile.selected{ font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:10.5%;}
.tab3-mobile.selected{  font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:14.5%;  }
.tab4-mobile.selected{ font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:14.5%;  }

.section-1-perf p{ font-size:.8em;}
.section-1-perf div{width: 43%; font-size:8px;}
.section-2-perf{width: 47%; margin-top: 8px;}
.section-2-perf p{font-size: .8em;}
.section-2-perf div{width: 28%; font-size:10px;margin-right: 5%;}
.section-3-perf{width: 41%; margin-top: 8px;}
.section-3-perf p{font-size: .8em;}
.section-3-perf div{width: 30%; font-size:10px;}
.section-3-acc{margin-top: 6px; width: 28%;}
.section-3-acc #extra-bat1-mobile img{width: 28%;}
.bottom-text.ex-bat-1{font-size: 8px; margin-top: 1px;}
.section-4-acc #extra-bat2-mobile img{width: 25%;}
.bottom-text.ex-bat-2{font-size: 8px; margin-left: 4px; margin-top: 1px;}
.bottom-text.cover{font-size:8px; width: 100%; margin-left: -14px; margin-top: 1px;}
.section-4-acc{margin-top: 6px; width: 30%;}
.section-5-acc{margin-top: 6px; width: 25%; margin-left: 4%;}
#cover-mobile{width: 75%;}
.selecter-mobile{  height: 63px; top: 155px;}
.top-right-corner{width: 27%; margin-top: 0px; margin-right: 1%; }
.top-right-corner h1{font: .6em/1 'Gotham SSm A', 'Gotham SSm B';}
.top-right-corner h3{font: .6em/1 'Gotham SSm A', 'Gotham SSm B';}
.section-1-performance { padding-top: 0px; margin-top: 10px; display: none;}
.section-1-performance h2 { font: 1.1em/1 'Gotham SSm A', 'Gotham SSm B'; }
.section-1-performance p { font: .5em/1 'Gotham SSm A', 'Gotham SSm B';}
#bat2-mobile img { width: 28px; }
#bat1-mobile img { width: 28px; }
.section-1-perf { width: 92%; float: left; margin-left: 5.5%; margin-top: 10px; border-right: none; }
.bottom-text.bat-1 {width: 100%; margin-left: 0px; font-size: 8px; margin-top: 4px;}
.bottom-text.bat-2 { width: 100%; margin-left: 0px; margin-top: 4px; }
.section-1-acc { padding-top: 0px; width: 23%; margin-left: 5%;}
.section-1-acc h2 { font: 1.1em/1 'Gotham SSm A', 'Gotham SSm B'; }
.section-1-acc p { font: .5em/1 'Gotham SSm A', 'Gotham SSm B'; }
.bottom-text.metallic { width: 367%; margin-left: -64px; font-size: 8px; margin-top: 2px; }
.bottom-text.blue { width: 321%; margin-left: -65px; font-size: 8px; margin-top: 2px; }
.bottom-text.red { width: 260%; margin-left: -54px; font-size: 8px; margin-top: 2px;}
.bottom-text.grey-w { width: 386%; margin-left: -44px; font-size: 8px;margin-top: 2px;}
.bottom-text.silver-w { width: 292%; margin-left: -58px; font-size: 8px; margin-top: 2px;}
.section-1-sty h2 { font-size: .8em; margin-top: 0px;}

.info-area { width: 96%;}
.info-blocks{margin-top: 50px;}
.title{padding-top: 0px; padding-bottom: 0px; font-size: 1em; }
.paragraph1{font-size: 11px;}
.standard-list{font-size: 9px;}
.long-list{font-size: 9px;}
.bottom-half-images-box1 img{height: 68px;}
.box1 { height: 279px;}
.text{font-size: .7em;}
.lisense-text { position: absolute; left: 151px; top: 122px; z-index: 3; max-height: 408px; float: left;}
.img1 { margin-left: 5%;}
::-webkit-input-placeholder {font-size: 10px; }
:-moz-placeholder { /* older Firefox*/ font-size:10px; }
::-moz-placeholder { /* Firefox 19+ */ font-size: 10px; } 
:-ms-input-placeholder { font-size: 10px; }
.add-button-preview { margin-right: 2% !important; font-size: .5em; margin-top: 3px !important; }
.add-button-preview.btm{margin-top: 5px !important; margin-right: 20% !important; font-size: .5em;}
.selecter-mobile img{width: 83%;}
.section-3-personal{ margin-top: 2px; width: 16%; margin-left: 4%;}
.section-2-personal{margin-left: 2%;width: 17%; padding-top: 6px;}
.section-1-personal{padding-top: 0px; }
.section-1-personal p{font: .5em/1 'Gotham SSm A', 'Gotham SSm B'}
.section-1-personal h2 { font-size: .6em;}
.section-1-sty p{    font: .5em/1 'Gotham SSm A', 'Gotham SSm B';}
.section-1-sty{display: none;}
.section-1-acc{display: none;}
#cover-mobile img{width: 66%;}
.bottom-text-cover{width: 110%;}
.bottom-text.plate{width: 113%; font-size: 8px; margin-left: -8px; margin-top: 1px;}
.bottom-text.sign{width: 115%; font-size: 8px; margin-left: -9px; margin-top: 1px;}
.box-btm{ width: 60%; margin-bottom:15px;}
.box-btm.sign{margin-bottom: 10px;}
.box-spare{width: 60%;}
.box{width: 60%;}
.bottom-fixed{ position: fixed; height: 50px; width: 100%; background-color: black; z-index: 999;bottom: 0px; color: white;font-weight: bold;     font-family: 'Gotham SSm A', 'Gotham SSm B';}
.bottom-fixed button{float: left; width: 31%; margin-top: 11px; background-color: #c71c2d; color: white; border: none; border-radius: 0px; padding-top: 3px; padding-bottom: 3px;    font-family: 'Gotham SSm A', 'Gotham SSm B'; text-transform: uppercase; font-weight: 300;}
.bottom-fixed p{width: 63%; float: left; padding-top: 13px; margin-left:10px;    font-family: 'Gotham SSm A', 'Gotham SSm B';}
.personalize .text-input{width: 23%; padding-right: 4% !important; padding-top: 10px; padding-bottom: 0px;}
}
@media screen and (max-width:670px) {
     .mobile-only{display: block;}
 .desktop-only{display: none;}
 .myIframe {
position: relative;
padding-bottom: 65.25%;
height: 0;
overflow: auto; 
-webkit-overflow-scrolling:touch; 
} 
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 86%;
}
.landing-video-mobile{ display: block; height: auto;}
    .landing-video{display: none;}
.preorder{display: none;}
.preorder-ipad{display: none;}
.preorder-mobile{display:block;}
    .info{margin-bottom: 45px; width: 98%; text-align: center; font-size: 4.6vw;}
    .landing-title{font-size: 9vw;  text-align: center;}
    .first-page{height: 483px;}
    #footer{width: 59%; background: black}
    .lisense-text { position: absolute; left: 151px; top: 123px;; z-index: 3; max-height: 408px; float: left;}
    .personalize .text-input{width: 25%; padding-right: 4% !important;}
    .review-area{width: 37%; position: relative; right: -420px; top: -369px;}
    .bottom-text.metallic { width: 202%; margin-left: -9px; font-size: 8px; }
.bottom-text.blue { width: 165%; margin-left: -22px; font-size: 8px; }
.bottom-text.red { width: 260%; margin-left: -48px; font-size: 8px;}
.bottom-text.grey-w { width: 386%; margin-left: -23px; font-size: 8px;}
.bottom-text.silver-w { width: 292%; margin-left: -49px; font-size: 8px;}
.bottom-text-cover{width: 110%;}
.bottom-text.plate{width: 113%; font-size: 8px; margin-left: -8px; margin-top: 1px;}
.bottom-text.sign{width: 115%; font-size: 8px; margin-left: -9px; margin-top: 1px;}
.bottom-text.bat-1 {width: 100%; margin-left: 0px; font-size: 8px; margin-top: 4px;}
.bottom-text.bat-2 { width: 100%; margin-left: 0px; margin-top: 4px; }
.bottom-text.ex-bat-1{font-size: 8px;}
.section-3-acc #extra-bat1-mobile img{width: 26%;}
.section-4-acc #extra-bat2-mobile img{width: 23%;}
.bottom-text.ex-bat-2{font-size: 8px; margin-left: 4px;}
.bottom-text.cover{font-size:8px; width: 100%; margin-left: -10px;}
 .info-titanium{margin-top: 70px; margin-left: 0px;}
     .info-blue{margin-top: 70px; margin-left: 110px;}
     .info-red-m{margin-left: 228px; margin-top: 70px;}
    #darkgrey2 div{margin-left: 0px !important;     margin-top: 68px !important;}
    #lightgrey2 div{margin-top: 68px !important;}
    .long-list-2{margin-left: 35px; font-size: 11px;}
    .standard-list-2{margin-left:49px; font-size: 11px;}
    .info-cover {margin-left: 22px; margin-top: 72px;}
    .info-sign{margin-top: 74px; margin-left: 0px; width: 20%;}
    .info-plate { margin-top: 71px; margin-left: -2px; width: 20%;}
    .section-3-acc{margin-top: 6px; width: 31%;}
.section-4-acc{margin-top: 6px; width: 35%;}
.section-5-acc{margin-top: 13px; width: 23%; margin-left: 4%;}
.section-3-personal{ margin-top: 2px; width: 17%; margin-left: 4%;}
.section-2-personal{margin-left: 2%;width: 18%; padding-top: 6px;}

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

    .more-play-text{width:21%;}
    .text-area h1{ margin-bottom: 10px;}
    .total-review{padding-bottom:5px;}
    .review-area{width: 38%; right:-397px;}
    .selecter-mobile{width: 62%;}
    .tab1-mobile{width: 17%;}
    .tab1-mobile.selected{width: 17%;}
                                 }
/*new css specific to IPhone 5 Landscape*/
@media screen and (min-width: 500px) and (max-width: 575px) {
    #question-display{width: 90%;}
    .sign-up{font-size: 10px; margin: auto; width: 80%; }
    .dimensions{text-align: center; float: left; margin-bottom: 50px; width: 98%;}
    .first-page{height: 465px;}
    .box-btm.sign{margin-bottom: 368px;}
    .info-red-m{margin-left: 228px; margin-top: 65px;}
    .info-titanium{margin-top: 65px; margin-left: 0px;}
     .info-blue{margin-top: 65px; margin-left: 112px;}
     .section-4-acc{margin-top: 2px;}
     .section-3-acc{margin-top: 3px;}
     .section-5-acc{margin-top: 6px;}
     .long-list-2{margin-left: 50px;}
    .tab1-mobile{font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:27.5%;}
.tab2-mobile{font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:15.5%;}
.tab3-mobile{font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:26.5%;  }
.tab4-mobile{font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:24.5%;}

.tab1-mobile.selected{ font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width: 27.5%; }
.tab2-mobile.selected{ font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:15.5%;}
.tab3-mobile.selected{  font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:26.5%;  }
.tab4-mobile.selected{ font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:24.5%;  }
.rim-display{left: 94px;}
.base-display{left: 94px;}
.spoiler-display{left: 94px;}
.lisense-display{left: 94px;}
.bottom-text.grey-w{margin-left: -70px;}
.bottom-text.metallic{margin-left: -20px;}
.bottom-text.blue{margin-left: -29px;}
.text-input-box{padding-left: 215px;}
.lisense-text{top: 123px; left: 245px;}
.personalize-display{left: 93px;}

.arrow-right{left: 526px;}
.info-sign{margin-left: 14px;}
.bottom-text.sign{margin-left: -18px;}
.bottom-text.cover{margin-left: -17px;}
#header h1{font-size: .75em;}
.info-plate { margin-top: 66px; margin-left: 11px;}
.standard-list-2{margin-left: 60px;}
.review-area { width: 76%; right: 74px !important; height: 335px !important; top: 1874px !important; position: absolute !important; }
.selecter-mobile{width: 100%;}
.box1 { width: 79%; margin-left: 11%;}
.box {width: 79%; margin-left: 11%;}
.box-spare {width: 79%; margin-left: 11%;}
.box-btm { width: 79%; margin-left: 11%;}
.selecter-mobile img{width: 77%;}
.section-2-perf div{width: 24%;}
.section-4-acc #extra-bat2-mobile img{width: 19%;}
.section-3-acc #extra-bat1-mobile img{width: 21%;}
#cover-mobile img{width: 55%;}
.section-3-personal{width: 14%; margin-left: 8%;}
.section-2-personal { margin-left: 4%; width: 14%;}
.personalize .text-input{width: 19%; padding-right: 9% !important;}
.bottom-half-images img{width: 16%;}
.img1{margin-left: 7%;}
}
@media screen and (max-width: 425px) {
.add-button-order{font-size: 15px !important;}
.designNow{width: 30% !important;}
.bttm-display{display: none;}
    #question-display{width: 90%;}
    .text-area h1 { margin-bottom: 13px; margin-top: 10px !important;}
.tesla-market{width: 100%;}
      .battery-price{margin-bottom: 8px;}
.battery-price-1{margin-bottom: 26px; }
.color-text{margin-bottom: 8px; }
.color-text-1{ margin-bottom: 8px; }
.rim-text{margin-bottom: 8px;}
.spoiler-text{margin-bottom: 8px;}
.spoiler-price{ margin-bottom: 8px;}
.add-battery-text{margin-bottom: 8px;}
.add-battery-price{margin-bottom: 8px;}
.cover-text{margin-bottom: 8px;}
.cover-price{ margin-bottom: 8px; }
.sum-plate-text{margin-bottom: 8px;}
.plate-price{margin-bottom: 8px; }
.sum-sign-text{margin-bottom: 8px;}
.sign-price{margin-bottom:8px;}
    .sign-up{font-size: 10px; margin: auto; width: 80%;    float: left; margin-left: 10%; margin-top: 20px; }
    .logo-info-bottom{width: 85%;}
    .dimensions{text-align: center; float: left; margin-bottom: 50px; width: 100%;}
    .features{width: 100%; margin-top: 0px !important; }
    .features-bottom{width: 100%; float: left;}
    .error{width: 100%; margin-left: 0px; top: 67px;}
    .tab1-mobile{font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:27.5%;}
.tab2-mobile{font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:15.5%;}
.tab3-mobile{font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:26.5%;  }
.tab4-mobile{font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:24.5%;}

.tab1-mobile.selected{ font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width: 27.5%; }
.tab2-mobile.selected{ font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:15.5%;}
.tab3-mobile.selected{  font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:26.5%;  }
.tab4-mobile.selected{ font: .6em/1 'Gotham SSm A', 'Gotham SSm B'; width:24.5%;  }
.box1 {width: 96%;}
.logo{width: 80%;}
    .more-play-text {
    width: 23%;
    margin-top: -44px !important;
    text-align: left;
    margin-right: 0px!important;
    font-size: .5em !important;
    float: right;
    text-transform: uppercase;
}
.landing-video-mobile{ display: block; height: auto;}
    .landing-video{display: none;}
#header h1 {
    padding: 0px 0 0px 0;
}
#cover-mobile {width: 100%;}
#header{height: 78px;}
#header img{float: none; width: 70%; padding: 20px 0 0 0px;}
     .total-review{ display: none; }
    .add-button-sum{display: none;}
    .main{margin-top: 15px;}
    .bottom-fixed{display: block}
    .text-cust{display: none;}
    #plate-text-m{width: 79px!important}
#sign-text-m{width: 79px !important;}
    .personalize-display{left: 8px;}
    .sign-text{font-size: 4em; top: 158px;}
    .first-page{ height: 389px; margin-top: 6px; margin-bottom:10px; background-size: cover;}
    .first-page h4{display: none;}
    
  
    .video-button{padding: 13px 31px; margin-left: 7px; margin-top: 10px}
    .left-half h4{width: 100% !important; margin-left: 0px !important; text-align: center; font-weight: 600 !important;}
    .landing-page{width: 100%; height: 1379px;}
     .left-half{width: 100%;}
    .right-half{width: 100%; height: auto;}
    .section-1{width: 86%; border-bottom: 1px solid black; margin-left: 7%; margin-right: 7%; margin-bottom: 25px;}
    .section-2{width: 86%; border-left: 0px; border-right: 0px; margin-left: 7%; border-bottom: solid black 1px; margin-bottom: 18px; padding-left: 0px; margin-right: 7%;}
    .section-3{width: 86%; padding-left: 0px;  margin-right: 7%; margin-left: 7%;}
    .bold-text{display: none;}
    .bold-text-mobile{display: block; font-weight: bold; font-size:.8em; text-align: center; margin-bottom: 20px;}
    .bottom-half{display: none;}
    .bottom-half-mobile{display: block;}
    .button-area{height: 37px;}
    .title-landing h4{ margin-top: 6px; font: .75em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; text-align: center; margin-bottom: 15px; color: #545454; padding: 0px; text-transform: none;}
    .bottom-half-mobile h3{ text-align: center; font: 1.2em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 100; color: #545454; text-transform: none; padding: 0px;}
    
    /*end landing page*/
    .right-half{width: 100%; height: 212px;}
     .info-titanium{margin-top: 70px; margin-left: 0px;}
     .info-blue{margin-top: 70px; margin-left:115px;}
     .info-red-m{margin-left: 235px; margin-top: 70px;}
    #darkgrey2 div{margin-left: 0px !important;     margin-top: 70px !important;}
    #lightgrey2 div{margin-top: 70px !important;}
    .long-list-2{margin-left: 20px; font-size: 11px;}
    .standard-list-2{margin-left:51px; font-size: 11px;}
    .info-cover {margin-left: 26px; margin-top: 74px;}
    .info-sign{margin-top: 75px; margin-left: 6px; width: 36%;}
    .info-plate { margin-top: 70px; margin-left: -2px; width: 37%;}
    .total-review{ display: none; }
    .add-button-sum{display: none;}
.prod-image{max-height:251px;}
.arrow-right{ height: 35px;  top:83px; left: 377px; }
.arrow-left{    height: 35px; margin-left: 2%; top: 83px; }
.product-area{ height: 243px; }
#bat1-mobile{    border-right: solid 1px black;}
.section-1-perf p{ font-size:.8em;}
.section-1-perf div{width: 42%; font-size:8px;}
.section-2-perf{width: 47%; margin-top: 5px;}
.section-2-perf p{font-size: .8em;}
.section-2-perf div{width: 28%; font-size:10px;margin-right: 5%;}
.section-3-perf{width: 41%;}
.section-3-perf p{font-size: .8em;}
.section-3-perf div{width: 30%; font-size:10px;}
.section-3-acc{margin-top: 6px; width: 32%;}
.section-3-acc #extra-bat1-mobile img{width: 24%;}
.bottom-text.ex-bat-1{font-size: 8px;}
.section-4-acc #extra-bat2-mobile img{width: 24%;}
.bottom-text.ex-bat-2{font-size: 8px;}
.bottom-text.cover{font-size:8px; width: 101%; margin-left: 0px;}
.section-4-acc{margin-top: 6px; width: 34%;}
.section-5-acc{margin-top: 6px; width: 22%; margin-left: 0%;}
.selecter-mobile{  height: 63px; top: 180px; width: 100%;}
.top-right-corner{width: 27%; margin-top: 0px; margin-right: 1%; }
.top-right-corner h1{font: .6em/1 'Gotham SSm A', 'Gotham SSm B';}
.top-right-corner h3{font: .6em/1 'Gotham SSm A', 'Gotham SSm B';}
.section-1-performance { padding-top: 0px; margin-top: 10px; display: none;}
.section-1-performance h2 { font: 1.1em/1 'Gotham SSm A', 'Gotham SSm B'; }
.section-1-performance p { font: .5em/1 'Gotham SSm A', 'Gotham SSm B';}
#bat2-mobile img { width: 28px; }
#bat1-mobile img { width: 28px; }
.section-1-perf { width: 87%; float: left; margin-left: 5.5%; margin-top: 10px; border-right: none; }
.bottom-text.bat-1 { width: 100%; margin-left: 0px; font-size: 8px;}
.bottom-text.bat-2 { width: 100%; margin-left: 0px; }
.section-1-acc { padding-top: 0px; width: 23%; margin-left: 5%;}
.section-1-acc h2 { font: 1.1em/1 'Gotham SSm A', 'Gotham SSm B'; }
.section-1-acc p { font: .5em/1 'Gotham SSm A', 'Gotham SSm B'; }
.bottom-text.metallic { width: 310%; margin-left: -38px; font-size: 8px; }
.bottom-text.blue { width: 247%; margin-left: -40px; font-size: 8px; }
.bottom-text.red { width: 251%; margin-left: -48px; font-size: 8px;}
.bottom-text.grey-w { width: 349%; margin-left: -23px; font-size: 8px;}
.bottom-text.silver-w { width: 292%; margin-left: -49px; font-size: 8px;}
.section-1-sty h2 { font-size: .8em; margin-top: 0px;}
.review-area { width: 93%; right: 22px !important; height: 340px !important; top: 1874px !important; position: absolute !important; margin-bottom: 200px; }
#footer{    text-align: center; width: 100%;}
#footer li a{color: white;}
ul#general-footer-link{margin: 0px 0 -18px 0; float: none; color: white; font-weight: bold;}

.info-blocks{margin-top: 50px;}
.title{padding-top: 0px; padding-bottom: 0px; font-size: 1em; }
.paragraph1{font-size: 11px;}
.standard-list{font-size: 10px;}
.long-list{font-size: 10px;}
.bottom-half-images-box1 img{height: 68px; margin-right: 2%;}
.box1 { height: 279px;}
.text{font-size: .77em;}
.lisense-text { position: absolute; left: 168px; top: 135px; z-index: 3; max-height: 408px; float: left;}
.img1 { margin-left: 7%;}
::-webkit-input-placeholder {font-size: 10px; }
:-moz-placeholder { /* older Firefox*/ font-size:10px; }
::-moz-placeholder { /* Firefox 19+ */ font-size: 10px; } 
:-ms-input-placeholder { font-size: 10px; }
.add-button-preview { margin-right: 2% !important; font-size: .5em; margin-top: 3px !important; }
.add-button-preview.btm{margin-top: 4px !important; margin-right: 17% !important; font-size: .7em;}
.selecter-mobile img{width: 100%;}
#sign-selecter-mobile img{width: 83%;}
#liscense-selecter-mobile img{width: 83%;}
.section-3-personal{ margin-top: 1px; width: 17%; margin-left: 4%;}
.section-2-personal{margin-left: 2%;width: 18%; margin-top: -2px;}
.section-1-personal{padding-top: 0px; }
.section-1-personal p{font: .5em/1 'Gotham SSm A', 'Gotham SSm B'}
.section-1-personal h2 { font-size: .6em;}
.section-1-sty p{    font: .5em/1 'Gotham SSm A', 'Gotham SSm B';}
.section-1-sty{display: none;}
.section-1-acc{display: none;}
#cover-mobile img{width: 60%;}
.bottom-text-cover{width: 110%;}
.bottom-text.plate{width: 113%; font-size: 8px;}
.bottom-text.sign{width: 115%; font-size: 8px; margin-left: 2px;}
.box-btm{ width: 96%; margin-bottom:15px;}
.box-btm.sign{margin-bottom: 358px;}
.box-spare{width: 96%;}
.box{width: 96%;}
.bottom-fixed{ position: fixed; height: 50px; width: 100%; background-color: black; z-index: 999;bottom: 0px; color: white;font-weight: bold;     font-family: 'Gotham SSm A', 'Gotham SSm B';}
.bottom-fixed button{float: left; width: 31%; margin-top: 11px; background-color: #c71c2d; color: white; border: none; border-radius: 0px; padding-top: 3px; padding-bottom: 3px;    font-family: 'Gotham SSm A', 'Gotham SSm B'; text-transform: uppercase; font-weight: 300;}
.bottom-fixed p{width: 63%; float: left; padding-top: 13px; margin-left:10px;    font-family: 'Gotham SSm A', 'Gotham SSm B';}
.personalize .text-input{width: 20%; padding-right: 4% !important;}
}
@media screen and (max-width: 400px){
    /* Landing Page*/
 
    
    /*end landing page*/
    /* Sign Preview*/
    .first-page{height: 365px;}
    .personalize-display{left: 10px;}
    .personalize-display img{width: 300px;}
    .sign-text{font-size: 3.5em; top: 150px;}
    /*end Sign Preview*/
    .right-half{width: 100%; height: 212px;}
     .info-titanium{margin-top: 65px; margin-left: 0px;}
     .info-blue{margin-top: 65px;}
     .info-red-m{margin-left: 201px; margin-top: 65px;}
    #darkgrey2 div{margin-left: 0px !important;     margin-top: 68px !important;}
    #lightgrey2 div{margin-top: 68px !important;}
    .long-list-2{margin-left: 20px; font-size: 11px;}
    .standard-list-2{margin-left:39px; font-size: 11px;}
    .info-cover {margin-left: 14px; margin-top: 67px;}
    .info-sign{margin-top: 67px; margin-left: 0px; width: 36%;}
    .info-plate { margin-top: 63px; margin-left: 2px; width: 37%;}
    .total-review{ display: none; }
    .add-button-sum{display: none;}
    #cover-mobile {width: 89%;}
.prod-image{max-height:229px;}
.arrow-right{ height: 35px;  top:83px; left: 342px; }
.arrow-left{    height: 35px; margin-left: 2%; top: 83px; }
.product-area{ height: 219px; }
.section-1-perf p{ font-size:.8em;}
.section-1-perf div{width: 42%; font-size:8px;}
.section-2-perf{width: 47%;}
.section-2-perf p{font-size: .8em;}
.section-2-perf div{width: 28%; font-size:10px;margin-right: 5%;}
.section-3-perf{width: 41%;}
.section-3-perf p{font-size: .8em;}
.section-3-perf div{width: 30%; font-size:10px;}
.section-3-acc{margin-top: 4px; width: 34%;}
.section-3-acc #extra-bat1-mobile img{width: 28%;}
.bottom-text.ex-bat-1{font-size: 8px; margin-left: 3px;}
.section-4-acc #extra-bat2-mobile img{width: 25%;}
.bottom-text.ex-bat-2{font-size: 8px;}
.bottom-text.cover{font-size:8px; width: 94%; margin-left: 0px;}
.section-4-acc{margin-top: 4px; width: 38%;}
.section-5-acc{margin-top: 4px; width: 19%; margin-left: 0px;}
.selecter-mobile{  height: 63px; top: 155px;}
.top-right-corner{width: 27%; margin-top: 0px; margin-right: 1%; }
.top-right-corner h1{font: .6em/1 'Gotham SSm A', 'Gotham SSm B';}
.top-right-corner h3{font: .6em/1 'Gotham SSm A', 'Gotham SSm B';}
.section-1-performance { padding-top: 0px; margin-top: 10px; display: none;}
.section-1-performance h2 { font: 1.1em/1 'Gotham SSm A', 'Gotham SSm B'; }
.section-1-performance p { font: .5em/1 'Gotham SSm A', 'Gotham SSm B';}
#bat2-mobile img { width: 28px; }
#bat1-mobile img { width: 28px; } 
#bat1-mobile{    border-right: solid 1px black;}
.section-1-perf { width: 87%; float: left; margin-left: 5.5%; margin-top: 10px; border-right: none; }
.bottom-text.bat-1 { width: 100%; margin-left: 0px; font-size: 8px;}
.bottom-text.bat-2 { width: 100%; margin-left: 0px; }
.section-1-acc { padding-top: 0px; width: 23%; margin-left: 5%;}
.section-1-acc h2 { font: 1.1em/1 'Gotham SSm A', 'Gotham SSm B'; }
.section-1-acc p { font: .5em/1 'Gotham SSm A', 'Gotham SSm B'; }
.bottom-text.metallic { width: 349%; margin-left: -38px; font-size: 8px; }
.bottom-text.blue { width: 321%; margin-left: -40px; font-size: 8px; }
.bottom-text.red { width: 260%; margin-left: -48px; font-size: 8px;}
.bottom-text.grey-w { width: 386%; margin-left: -23px; font-size: 8px;}
.bottom-text.silver-w { width: 292%; margin-left: -49px; font-size: 8px;}
.section-1-sty h2 { font-size: .8em; margin-top: 0px;}
.review-area { width: 95%; right: 13px !important; height: 363px !important; top: 1850px !important; position: absolute !important; margin-bottom: 200px; }
.info-blocks{margin-top: 50px;}
.title{padding-top: 0px; padding-bottom: 0px; font-size: 1em; }
.paragraph1{font-size: 11px;}
.standard-list{font-size: 9px;}
.long-list{font-size: 9px;}
.bottom-half-images-box1 img{height: 68px;}
.box1 { height: 279px;}
.text{font-size: .7em;}
.lisense-text { position: absolute; left: 150px; top: 123px; z-index: 3; max-height: 408px; float: left;}
.img1 { margin-left: 5%;}
::-webkit-input-placeholder {font-size: 10px; }
:-moz-placeholder { /* older Firefox*/ font-size:10px; }
::-moz-placeholder { /* Firefox 19+ */ font-size: 10px; } 
:-ms-input-placeholder { font-size: 10px; }
.add-button-preview { margin-right: 2% !important; font-size: .5em; margin-top: 3px !important; }
.add-button-preview.btm{margin-top: 6px !important; margin-right: 5% !important; font-size: .5em;}
.selecter-mobile img{width: 100%;}
#sign-selecter-mobile img{width: 83%;}
#liscense-selecter-mobile img{width: 83%;}
.section-3-personal{ margin-top: 6px; width: 17%; margin-left: 4%;}
.section-2-personal{margin-left: 2%;width: 18%;}
.section-1-personal{padding-top: 0px; }
.section-1-personal p{font: .5em/1 'Gotham SSm A', 'Gotham SSm B'}
.section-1-personal h2 { font-size: .6em;}
.section-1-sty p{    font: .5em/1 'Gotham SSm A', 'Gotham SSm B';}
.section-1-sty{display: none;}
.section-1-acc{display: none;}
#cover-mobile img{width: 79%;}
.bottom-text-cover{width: 110%;}
.bottom-text.plate{width: 113%; font-size: 8px;}
.bottom-text.sign{width: 115%; font-size: 8px; margin-left: 2px;}
.box-btm{ width: 96%; margin-bottom:15px;}
.box-btm.sign{margin-bottom: 379px;}
.box-spare{width: 96%;}
.box{width: 96%;}
.bottom-fixed{ position: fixed; height: 50px; width: 100%; background-color: black; z-index: 999;bottom: 0px; color: white;font-weight: bold;     font-family: 'Gotham SSm A', 'Gotham SSm B';}
.bottom-fixed button{float: left; width: 31%; margin-top: 11px; background-color: #c71c2d; color: white; border: none; border-radius: 0px; padding-top: 3px; padding-bottom: 3px;    font-family: 'Gotham SSm A', 'Gotham SSm B'; text-transform: uppercase; font-weight: 300;}
.bottom-fixed p{width: 63%; float: left; padding-top: 13px; margin-left:10px;    font-family: 'Gotham SSm A', 'Gotham SSm B';}
.personalize .text-input{width: 22%; padding-right: 4% !important;}
}
/*new css specific to SamSung and Windows Phones*/
@media screen and (max-width: 370px) {
    .more-play-text {
    width: 24%;
}
    .selecter-mobile { height: 63px; top: 149px;}
    .top-right-corner {width: 29%; margin-top: 0px; margin-right: 1%; }
    .arrow-right{left: 324px;}
    .product-area {height: 212px;}
    .prod-image {max-height: 211px;}
    .bottom-text.sign{width: 120%;}
    .bottom-text.plate{width: 120%;}
    .lisense-text{ left: 136px; top: 113px;}
    .text{font-size: .6em;}
    .sign-text{top: 164px;}
}

/*new css specific to IPhone 5*/
@media screen and (max-width: 325px){
    .more-play-text {
    width: 27%;
    margin-top: -44px !important;
    text-align: left;
    margin-right: -14px!important;
    font-size: .5em !important;
    float: right;
    text-transform: uppercase;
}
    .info-red-m{margin-left: 167px; margin-top: 56px;}
    .info-titanium{margin-top: 56px; margin-left: 0px;}
     .info-blue{margin-top: 56px; margin-left: 75px;}
    
    /* Landing Page*/
    .first-page{ height: 342px;}
    .first-page p{font-size: .8em;}
    .landing-page{width: 100%; height: 1379px;}
    .section-1{width: 86%; border-bottom: 1px solid black; margin-left: 7%; margin-right: 7%; margin-bottom: 25px;}
    .section-2{width: 86%; border-left: 0px; border-right: 0px; margin-left: 7%; border-bottom: solid black 1px; margin-bottom: 18px; padding-left: 0px; margin-right: 7%;}
    .section-3{width: 86%; padding-left: 0px;  margin-right: 7%; margin-left: 7%;}
    .title-landing h4{ margin-top: 6px; font: .75em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 600; text-align: center; margin-bottom: 15px; color: #545454; padding: 0px; text-transform: none;}
    .bottom-half-mobile h3{ text-align: center; font: 1.2em/1 'Gotham SSm A', 'Gotham SSm B'; font-weight: 100; color: #545454; text-transform: none; padding: 0px;}
    .box-btm.sign{margin-bottom: 365px;}
    /*end landing page*/
    .right-half{width: 100%; height: 212px;}
    #lightgrey2 div{margin-top: 57px !important; margin-left: 55px !important;}
    #darkgrey2 div{margin-left: 0px !important; margin-top: 57px !important;}
    .long-list-2{margin-left: 10px;}
    .standard-list-2{margin-left:23px;}
    .info-cover {margin-left: 9px; margin-top: 59px;}
    .info-sign{margin-top: 63px; margin-left: 2px; width: 36%;}
    .prod-image{max-height:188px;}
    .arrow-right{ height: 25px;  top:67px; left: 292px; }
    .arrow-left{    height: 25px; margin-left: 2%;top: 67px; }
    .product-area{ height: 188px; }

.section-1-perf p{ font-size:.8em;}

.section-2-perf{width: 47%;}
.section-2-perf p{font-size: .8em;}
.section-2-perf div{width: 28%; font-size:10px;margin-right: 5%;}
.section-3-perf{width: 41%;}
.section-3-perf p{font-size: .8em;}
.section-3-perf div{width: 30%; font-size:10px;}
.section-3-acc{margin-top: 6px; width: 28%;}
.section-3-acc #extra-bat1-mobile img{width: 28%;}
.bottom-text.ex-bat-1{font-size: 8px;}
.section-4-acc #extra-bat2-mobile img{width: 28%;}
.bottom-text.ex-bat-2{font-size: 8px;}
.bottom-text.cover{font-size:8px; width: 102%; }
.section-4-acc{margin-top: 6px; width: 28%;}
.section-5-acc{margin-top: 6px; width: 28%; margin-left: 4%;}
.selecter-mobile{  height: 63px; top: 125px;}
    .top-right-corner{width: 27%; margin-top: 0px; margin-right: 1%; }
    .top-right-corner h1{font: .5em/1 'Gotham SSm A', 'Gotham SSm B';}
    .top-right-corner h3{font: .5em/1 'Gotham SSm A', 'Gotham SSm B';}
.section-1-performance { padding-top: 0px; margin-top: 10px;}
.section-1-performance h2 { font: 1.1em/1 'Gotham SSm A', 'Gotham SSm B'; }
.section-1-performance p { font: .5em/1 'Gotham SSm A', 'Gotham SSm B';}
#bat2-mobile img { width: 28px; }
#bat1-mobile img { width: 28px; }
.section-1-acc { padding-top: 0px; width: 23%; margin-left: 5%;}
.section-1-acc h2 { font: 1.1em/1 'Gotham SSm A', 'Gotham SSm B'; }
.section-1-acc p { font: .5em/1 'Gotham SSm A', 'Gotham SSm B'; }
.bottom-text.metallic { width: 230%; margin-left: 0px; font-size: 8px; }
.bottom-text.blue { width: 321%; margin-left: -40px; font-size: 8px; }
.bottom-text.red { width: 166%; margin-left: -23px; font-size: 8px;}
.bottom-text.grey-w { width: 386%; margin-left: -14px; font-size: 8px;}
.bottom-text.silver-w { width: 292%; margin-left: -30px; font-size: 8px;}
.section-1-sty h2 { font-size: .8em; margin-top: 0px;}
    .review-area { width: 96%; right: 7px !important; height: 350px !important; top: 1822px !important; position: absolute !important; }
.info-blocks{margin-top: 50px;}
    .standard-list{font-size: 8px;}
    .long-list{font-size: 8px;}
.bottom-half-images-box1 img{height: 64px; margin-right: 1%;}
.box1 { height: 290px;}
.sign-text{top: 120px; font-size: 2.7em;}
.text{font-size: .55em;}
.personalize-display img{width: 248px;}
.lisense-text { position: absolute; left: 117px; top: 100px; z-index: 3; max-height: 408px; float: left;}
.text-input-box{padding-left: 115px;}
.add-button-preview.btm{margin-top: -6px !important; margin-right: 5% !important; font-size: .5em;}
.selecter-mobile img{width: 100%;}
.section-3-personal{ margin-top: 6px; width: 17%; margin-left: 2%;}
.section-2-personal{margin-left: 2%;width: 20%; margin-top: 3px;}
.section-1-personal h2 { font-size: .6em;}
.section-1-sty p{    font: .5em/1 'Gotham SSm A', 'Gotham SSm B';}
#cover-mobile img{width: 70%;}
.bottom-text-cover{width: 110%;}
.bottom-text.plate{width: 139%; font-size: 8px;}
.bottom-text.sign{width: 139%; font-size: 8px; margin-left: -2px;}
.bottom-fixed button{float: left; width: 33%; margin-top: 11px; background-color: #c71c2d; color: white; border: none; border-radius: 0px; padding-top: 3px; padding-bottom: 3px;}
.bottom-fixed p{width: 60%;}
.personalize .text-input{width: 27%; padding-right: 1% !important;}
}