@charset "utf-8";
/* CSS Document */
body,td,th{font:14px/22px Arial, Helvetica, sans-serif;color:#3b3b3b;text-decoration:none;}

body{background: url(https://modalup.com/images/bg.gif) repeat;margin:0;line-height:1; overflow-x:hidden;}

a,a:link,a:visited{/* color:#fff; */text-decoration:none}

a:hover,a:focus{text-decoration:underline;outline:none;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

h1{font:25px Arial, Helvetica, sans-serif; color:#08358a;}

h2{font:20px Arial, Helvetica, sans-serif; color:#f5f5f5;}

h3{font:bold 22px Arial, Helvetica, sans-serif; color:#08358a;}

h4{font:19px Arial, Helvetica, sans-serif; color:#08358a;}

html,body,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,del,img,ins,kbd,q,s,small,strike,strong,tt,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,th,td,article,aside,details,embed,figure,figcaption,header,hgroup,menu,output,ruby,summary,time,mark,audio,video{border:0;vertical-align:middle;border-collapse:collapse;border-spacing:0;text-align:left;margin:0;padding:0}

command,datalist,keygen,mark,meter,progress,rp,rt,ruby,time,wbr{display:inline}

img{border:0;-ms-interpolation-mode:bicubic}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

ol,ul{list-style:none}

table{border-collapse:collapse;border-spacing:0}

::selection{color:#fff;background:#000000}

::-moz-selection{color:#fff;background:#000000}

::-webkit-selection{color:#fff;background:#000000}

::-o-selection{color:#fff;background:#000000}

::-ms-selection{color:#fff;background:#000000}

img,div,a,input{behavior:url(https://modalup.com/iepngfix.htc)}

input[type="text"]:focus,input[type="password"]:focus{outline:none}

textarea{overflow:auto;outline:none}

label,input[type="button"],input[type="submit"],button{cursor:pointer}

input[type="radio"]{vertical-align:middle}

input[type="checkbox"]{vertical-align:baseline}

button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}

svg:not(:root){overflow:hidden}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
 
.clearfix:after {
  clear: both;
}
 
.clearfix {
  zoom: 1; /* ie 6/7 */
}
*{box-sizing:border-box;}
body{width:100%; height:auto; float:left;}
html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-o-text-size-adjust:100%;height: 100%;}
section{padding-left:80px;padding-right:80px; display:inline;height:1200px;}
*{padding:0;margin:0;box-sizing:border-box;}
header{width:100%;height:auto;float:left;padding:60px 80px 30px;position:fixed;top:0;background:rgba(255, 255,255, 0.95); z-index:1;}
header.header-scroll{position:fixed;top:0;left:0;padding-top:28px!important;padding-bottom:20px; z-index:10}
.wrapper{width:1280px;height:auto;margin:0 auto;}
.Modal-logo{width:auto;height:auto;float:left;}
header.blue-banner{padding-top: 100px;}
header nav{width:auto;height:auto;float:right;}
header nav ul{width:auto;height:auto;float:left;padding:8px 0;}
header nav ul li{width:auto;height:auto;float:left;margin-right:40px;display:inline; position:relative}
header nav ul li a, .header nav ul li a:link, header nav ul li a:visited{width:auto;height:auto;float:left;font:16px/17px 'sf_pro_textmedium';color: #666666;text-decoration:none;}
header nav ul li a:hover,header nav ul li a:active,header nav ul li a:focus{text-decoration:none;color:#111111;}
a.theme-bttn, a.theme-bttn:link, a.theme-bttn:visited, .theme-bttn {	width: 180px;	height: 60px;	text-align: center;	background:#0091EA;color: #fff;font: 20px/24px 'sf_pro_textbold';border-radius: 5px;-webkit-border-radius: 5px;	-moz-border-radius: 5px;	padding: 17px 5px;float:left;text-decoration:none;background: #2A93D5;}
a.theme-bttn:hover,  a.theme-bttn:active, .theme-bttn:hover{ background:#1DA6FB; color:#fff;}
header a.theme-bttn, header a.theme-bttn:link, header a.theme-bttn:visited {width: 100px;	height: 36px;	font: 14px/17px 'sf_pro_textbold';padding: 8px 5px;text-decoration:none;background: #2A93D5;}
/*dropdown*/
header nav ul li > ul{display: none;position: absolute;background-color:#F4F4F4; border-radius:8px;width:360px;padding:40px;box-shadow: 0px 5px 5px rgba(0,0,0,0.2);z-index: 1;left:50%;margin-left:-180px; right:0;top:45px;}
header nav ul li > ul.show {display:block;}
header nav ul li > ul:after{width:96px;content:url(../images/triangle.png); position:absolute;top:-27.3px; right:0; left:0; margin:auto;z-index: -1;}
header nav ul li > ul > li{width:100%; height:auto; float:left; margin:0 0 40px; display:inline;}
header nav ul li > ul > li:last-of-type{margin-bottom:0;}
header nav ul li > ul > li >a,header nav ul li > ul > li >a:link,header nav ul li > ul > li >a:visited{width:100%; height:auto; float:left; padding-left:70px; display:inline; position:relative;}
header nav ul li > ul > li >a h5{width:100%; height:auto; float:left;font:16px/18px 'sf_pro_textbold';color:#135589; margin-bottom:5px; display:inline-block;}
header nav ul li > ul > li >a p{width:100%; height:auto; float:left;font:16px/20px 'sf_pro_textmedium';color:#888888;}
header nav ul li > ul > li >a figure{width:40px; height:40px; position:absolute; left:0; top:8px; background:#2A93D5; border-radius:8px;display: -webkit-inline-box;-webkit-box-pack: center;-webkit-box-align: center;}
.menu-icon {width:20px;height:auto; float:left;margin:10px 25px 10px 10px; cursor:pointer; display:none;}
.menu-icon span{width:100%;height:2px; background:#111111; float:left;margin-bottom:5px; display:inline;}
.menu-icon span:last-of-type{margin-bottom:0;}


#logo img{margin-top:8px;display:inline;}
.head-top{width:100%;height:auto;background:#2A93D5;padding:10px 0px;display:inline;margin-bottom:60px;position:absolute;top:0;left:0;z-index:1000;}
.head-top2 {width: 100%;	height: auto;	background: #2A93D5;padding: 10px 0px;display: inline;position: relative;top: 0;left: 0;z-index: 100;float: left;}
.head-top p, .head-top2 p{width:auto;height:auto;float:left;font:16px/22px 'sf_pro_textmedium';color:#FFFFFF}
.head-top p span,.head-top2 p span{font:16px/22px 'sf_pro_textbold';}
a.read-more, a.read-more:link, a.read-more:visited{width:auto;height:auto;float:left;	font:16px/20px 'sf_pro_textmedium';color:#FFFFFF;text-decoration:underline;margin-left: 6px;display:inline;}
.head-cross{width:auto;height:auto;float:right;cursor:pointer;margin-top: 2px;display:inline;}

.top-banner{width:100%;height:auto;float:left;}
.pos-rltv{width:100%;height:1200px;float:left;padding-top:210px ;padding-bottom: 565px ; display:inline;position:relative;}
.car-banner{width:100%;height:auto;float:left;position:absolute;left:0; bottom:116px}
.banner-content{width:800px;height:auto;float:left;}
.banner-content h1{width:100%;height:auto;float:left;font:72px/75px 'sf_pro_displaysemibold';color:#135589;margin-bottom:34px;display:inline;}
.banner-content p{width:auto;height:auto;float:left;font:56px/68px  'sf_pro_displaymedium';color:#888888;margin-bottom:60px;display:inline;}
.banner-content span{color:#2A93D5;}

.tansacted-sale{width:100%;height:auto;float:left;}
.content-section{width:430px;height:auto;float:left;}
.content{width:100%;height:auto;float:left;}	
.content p{width:100%;height:auto;float:left;font:56px/67px 'sf_pro_displaymedium';color:#888888; padding-bottom:65px; position:relative;}	
.content p:after{width:100px; height:4px; background:#DDDDDD; position:absolute; left:0; bottom:0; content:""}
.content p span{color:#2A93D5;}
section h3{width:100%;height:auto;float:left;font:56px/60px 'sf_pro_displaymedium';color:#666666;margin-bottom:50px;margin-bottom:45px;display:inline;display:inline;}
.tansacted-sale  .content h3{margin-bottom:60px;}
.border-add{width:100px;height:4px;float:left;background:#DDDDDD}
.content-footer{width:100%;height:auto;float:left;margin-top:15px;display:inline;padding-top:8px;position:relative;} 
.content-footer div:first-child{width:110px;height:auto;float:left; margin-top:5px;display:inline;margin-right:40px;}
.content-footer div:first-child p {width:auto;height:auto;float:left;font:64px/68px 'sf_pro_textregular';color:#2A93D5;}
.tansacted-sale .content-footer div:first-child p, .sectionCommon.bg .content-footer div:first-child p{letter-spacing:-8px}
.tansacted-sale .content-footer div:first-child p span, .sectionCommon.bg .content-footer div:first-child p span{margin-left:8px}
.content-footer div:first-child  p > span{font:32px/36px 'sf_pro_displaymedium';color:#0091EA;width:auto; display:inline; float:none;margin:0;}
.content-footer div:first-child  span{font:18px/22px 'sf_pro_displaymedium';color:#888888; float:left;width:auto;margin-top:2px; display:inline;}
.content-footer div:nth-of-type(2){width:260px;height:auto;float:left;display:inline;}
.content-footer div:nth-of-type(2) p{width:auto;height:auto;float:left;font:20px/30px 'sf_pro_displaymedium';color:#888888;padding-top:10px}
.pos-rltv-sec{width:100%;height:1200px;float:left;position:relative;display: -webkit-inline-box;-webkit-box-align: center}
.right-computer{width:auto;height:auto;position:absolute; left:490px;top: 50%;  -ms-transform: translateY(-50%);
transform: translateY(-50%);}
.transparent-design{width:100%;float:left;height:auto;display:inline;background:#FAFAFA;}
.transparent-design .pos-rltv-sec{-webkit-box-pack:end;padding-right:50px;}
.transparent-computer{width:auto;height:auto;position:absolute;right:466px; bottom:0;}
.percentage{font:32px/35px 'sf_pro_textmedium';}
.transparent-design .content{margin-top: -83px;}
.sectionCommon{width:100%; height:auto; float:left;position:relative}
.sectionCommon .pos-rltv-sec{padding-top:185px;-webkit-box-align:start;position:static}
.content-section2{width:auto; height:auto; float:left;}
.content-section2 .content{width:360px; height:auto; float:left; margin-right:80px; display:inline;position:relative;z-index:1;}
.content-section2 .content-footer{width:440px; height:auto; float:left;margin-top:0; }
.content-section2 .content-footer div:first-child{width:140px; margin-right:20px;padding-top:0; border-top:0; margin-top:0; }
.content-section2 .content-footer div:nth-of-type(2){width:280px;padding-top:0;}
.center-abs{width:100%; height:auto; position:absolute; bottom:0;left:0; right:0; margin:auto;}
.sectionCommon.bg{background:#FAFAFA}

.future-block{width:100%;height:auto;float:left;padding-top:270px;padding-bottom:275px;}
.future-block h3{margin-bottom:30px;color: #135589}
.future-block h3 span{color:#2A93D5;}
.future-block .content{width:100%;}
.future-block .content *{text-align:center;}
.text-center{text-align:center;}
.future-block a.theme-bttn{float:none; display:inline-block; margin-top:42px;}

/*last-section*/
.last-banner{width:100%;height:auto;float:left;padding:0 20px 195px;}
.last-banner-content{width:610px;height:400px;position:relative;margin-right:10px;display:inline-block;overflow:hidden}
.last-banner div:nth-of-type(2){margin-left:10px; margin-right:0;}
.last-banner-content:last-of-type figure{float:right;}
.last-banner-content figure{width:100%;height:auto;float:left;}
.last-banner-content figure img {position: absolute;left: -50%;right: -50%;margin: auto;	top: -50%;bottom: -50%;}
.black{position: absolute;background:rgba(0, 0, 0, 0.6);top:0px;left:0px;right:0px;bottom:0px;}
.black p{position:absolute;max-width:400px;width:100%;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);color:#FFFFFF;font:32px/40px 'sf_pro_displaybold';white-space:normal;}
.black p span{width:100%; height:auto; float:left;opacity:0.8;}

.transparent-design-banner{width:100%;height:auto;float:left;padding-top:200px;padding-bottom:200px;}
.transparent-banner .content-section{float:left;}
.transparent-banner h3{margin-bottom:55px}

.transparent-outer{width:800px;height:auto;float:left;}
.transparent-outer  div:first-child{width:890px;height:auto;float:left;}
.transparent-outer div:first-child  h2{width:100%;height:auto;float:left;font:80px/95px 'sf_pro_textmedium';color:#111111;margin-bottom:40px;display:inline;}
.transparent-outer  div:nth-of-type(2){width:480px;height:auto;float:left}
.transparent-outer  div:nth-of-type(2) p{width:auto;height:auto;float:left;font:24px/25px 'sf_pro_textbold';color:#666666;}
.transparent-banner .average-detail div:first-child{width:140px;}
.transparent-banner	.average-detail div:nth-of-type(2){width:298px;}

/* .web-store-banner{width:100%;height:auto;float:left;padding:195px 0 525px 0;background:url(../images/back-blur.png) bottom no-repeat;position:relative; background-size:100% auto} */
/* .web-store-banner h3{margin-bottom:60px}	 */
/* .web-store-banner .wrapper{position:relative}	 */
/* .web-store-banner .content-section{float:left;}	 */
/* .web-store-banner .average-detail{margin-top:15px;display:inline;} */
/* .web-store-banner .transparent-outer div:first-child h2{font:76px/95px 'sf_pro_textmedium';} */
/* .phone-block{width:720px;height:auto;position:absolute;top: 269px;right: -169px;} */

/* .consultant-banner{width:100%;height:auto;float:left;padding:190px 0 385px 0;background:url(../images/teacher.png) bottom 0 left -345px no-repeat;background-color:#F8F8F8;} */
/* .consultant-banner h3{margin-bottom:75px}	 */
/* .consultant-banner .sales-lead-outer{width:994px;height:auto;float:right;} */
/* .consultant-banner .sales-lead-content h2{font:75px/80px 'sf_pro_textmedium';} */
/* .para-content{width:480px;height:auto;float:right;}	 */

.head-part{width:auto;height:auto;float:left;margin-right:10px;display:inline;}
.head-bottom{width:auto;height:auto;float:left;}

/*logosection*/
.model_logos{width:100%; height:auto; float:left; padding-top:115px ;padding-bottom: 90px; background:#F6F6F6}
.model_logos p{width:100%; height:auto; float:left;font:24px/28px 'sf_pro_displaysemibold';color:#888888; margin-bottom:20px; display:inline-block;text-align:center;}
.model_logos p span{color:#2A93D5;}
ul.logoGroup{width:100%; height:auto; float:left; margin-top:30px; display:inline;}
ul.logoGroup li{width:auto; height:78px; float:left; margin-right:145px; margin-bottom:20px; display: -webkit-inline-box;-webkit-box-align: center;position:relative}
ul.logoGroup li:last-child span{font:20px/28px 'sf_pro_displaymedium';color:#888888}
ul.logoGroup li:nth-of-type(5n){margin-right:0}
ul.logoGroup li figure{width:auto; height:auto;position:relative;float:left;}
ul.logoGroup li.active:after{width:100%; height:18px; position:absolute; left:0; top:16px; background:#888888; z-index:1; content:"";}

/*checkout-page*/
.checkout-banner{width:100%;height:auto;float:left}
.checkout-banner .car-banner{bottom: 0px;}

.checkout-webpages .content-section2 .content{margin-right: 80px;display:inline;}
.checkout-transacted .content-section2 .content{margin-right:79px;display:inline;}

.checkout-transacted  .content-section2 .content-footer, .checkout-webpages .content-section2 .content-footer {width: 420px;height: auto;float: left;margin-top: 0;position:relative;z-index:1;}
.checkout-transacted .pos-rltv-sec{padding-top:183px;}
.footerp{    width: auto; height: auto; float: left; font: 20px/30px 'sf_pro_displaymedium';color: #888888; padding-top: 10px;}
.checkout-transacted .center-abs {bottom:50px;}
.trade {text-align:center;}
.trade .pos-rltv-sec{padding-top: 215px;}
.trade-min .pos-rltv-sec{padding-top: 189px;display:inline}
.shop-banner .car-banner, .trade-banner .car-banner{bottom:0px;}
.sectionCommon.shop-transacted figure{bottom:18px;}

/*company-page*/
.company-banner{width:100%; height:auto; float:left;padding-bottom:145px;display:inline;padding-top:210px}
.company-content{width:100%; height:auto; float:left;position:relative;margin-bottom:62px;display:inline;}
.company-banner .company-content h1, .contact h1{width:auto;height:auto;font:72px/75px 'sf_pro_displaysemibold';color:#135589;float:left}
.company-banner .company-content h1 span{margin: auto;font:72px/95px 'sf_pro_displaymedium';color:#2A93D5;vertical-align:bottom;}
.company-banner .company-content p{width:auto;height:auto;float:left;font:24px/29px 'sf_pro_displaymedium';color:#135589;margin-top:58px;margin-left:25px;}
.company-banner .company-content p span{font:italic 24px/29px 'sf_pro_displaybold';}
.display-content{width:100%; height:auto; float:left;}
.display-content p{width:100%; height:auto; float:left;font:56px/66px 'sf_pro_displaymedium';color:#888888;margin-bottom:50px;display:inline;}
.display-content p:last-child{margin-bottom:0;}
.automotive-banner{width:100%; height:auto; float:left;background:#F6F6F6;padding-top:191px;padding-bottom:200px;display:inline;}
.comp-head{width:100%;height:auto;float:left;margin-bottom:65px;display:inline;}
.comp-head h2{width:100% ;height:auto; float:left;font:56px/65px 'sf_pro_displaysemibold';color:#888888;}
.comp-head h2 span, .latest-banner h2 span{color:#2A93D5}
.comp-foot{width:100%; height:auto; float:left;}
.comp-foot p{width:auto; height:auto; float:left;font:24px/32px 'sf_pro_displaymedium';color:#888888}

.latest-banner{width:100%; height:auto; float:left;padding-top:200px;padding-bottom:180px;display:inline;}
.latest-banner h2 ,.banner-content h2{width:100%; height:auto; float:left;font:56px/63px 'sf_pro_displaysemibold';color:#888888;}
ul.modal-list{width:100%; height:auto; float:left;margin-top:101px;display:inline;margin-bottom: 27px;}
ul.modal-list li{width:278px; height:auto;margin-bottom:60px; 	margin-right:50px;vertical-align:top;display:none;}
ul.modal-list li a, ul.modal-list li a:link, ul.modal-list li a:visited{width:auto;height:auto;display:block;}
ul.modal-list li a:hover{-webkit-transition: opacity 0.4s;-o-transition: opacity 0.4s;transition: opacity 0.4s;opacity: 0.75;text-decoration:none;}
ul.modal-list li:nth-of-type(4n){margin-right:0px}
ul.modal-list li h4{width:100%; height:auto; float:left;font:24px/31px 'sf_pro_displaymedium';color:#111111;margin-bottom:8px;display:inline;}
ul.modal-list li span{width:auto; height:auto; float:left;font:18px/23px 'sf_pro_displaymedium';color:#888888;}
.see-more a, .see-more a:link, .see-more a:visited{width:140px;height:50px;float:left;background:#DDDDDD;color:#000000;font:16px/18px 'sf_pro_textmedium';padding:17px 33px 14px 34px;border-radius:5px;}
.see-more a:hover{text-decoration:none;background:#C5C3C3}
.see-more a:focus{text-decoration:none;background:#C5C3C3}

.investors-banner{width:100%;height:auto;float:left;padding-top: 190px;padding-bottom:240px;background:#FAFAFA;display:inline;}
.investors-banner .banner-content{width:100%;}
.investor-outer{width:100%;height:auto;float:left;margin-top:106px;display:inline;}
.investor-detail{width:391px;height:auto;margin-right:40px;display:inline-block;}
.investor-detail:nth-of-type(3){margin-right:0px;}
.investor-detail  figure{width:100%;height:auto;float:left;}
.investor-detail  figure{max-height:40px;}
.investor-detail  figure img{max-height:48px;vertical-align:middle;}
.investor-detail p{width:auto;height:auto;float:left;font:24px/30px 'sf_pro_displaymedium';color:#666666;margin-top:40px;display:inline;}
.modcontent{width:100%;height:auto;float:left;margin-top:68px;display:inline;}
.modcontent p{width:auto;height:auto;float:left;font:24px/30px 'sf_pro_displaymedium';color:#666666;}

/*contact*/
.modal-contact{width:100%;height:auto;float:left;padding-top:210px;padding-bottom:220px;display:inline;}
.contact{width:100%;height:auto;float:left;}
.contact ul{width:auto;height:auto;margin-top:115px;display:inline-block;}
.contact ul li{width:300px;height:300px;float:left;padding:50px 40px 50px 40px;display:inline;background:#F6F6F6;margin-right:35px;}
.contact ul li:last-child{margin-right:0}
.contact h1{display:inline-block;float:none;}
.contact ul li h4{width:100%;height:auto;float:left;font:32px/38px 'sf_pro_displaymedium';color:#135589;margin-bottom:21px;display:inline;}
.contact ul li p{width:100%;height:auto;float:left;font:18px/25px 'sf_pro_textmedium';color:#888888;margin-bottom:35px;display:inline;}
a.con, a.con:link, a.con:visited{width:auto;height:auto;float:left;color:#0091EA;font:18px/25px 'sf_pro_textregular';}
a.con:hover{text-decoration:none;color:#0091EA;}

/*signup*/
.signup-modal .hidden {
    display: none;
}
.signup-modal{width:100%;height:auto;float:left;padding:150px 0px 200px 0;}
.signup-modal h3{margin-bottom:30px;display:inline;text-align:center;color:#135589;margin-bottom: 11px;}
.signup-modal p{width:auto;height:auto;font:56px/65px 'sf_pro_displaymedium';text-align:center;color:#2A93D5;}
.form-outer{width:100%;height:auto;float:left;text-align:center;margin-top: 71px;display:inline;}
.form-inner{width:480px;height:auto;display:inline-block;}
.form-inner div{width:100%;height:auto;float:left;margin-bottom:20px;display:inline;}
.form-control{width:100%;height:70px;float:left;background-color:#EEEEEE;padding:25px 20px;border:none;font:18px/22px 'sf_pro_textregular';color:#000;}
.form-control::placeholder{color:#888888;}
.form-inner a.theme-bttn, form-inner a.theme-bttn:link, form-inner a.theme-bttn:visited, .theme-bttn{width:100%;text-align:center;border-radius:0;font: 18px/24px 'sf_pro_textbold';background:#2A93D5;border:0}
.cross{position:absolute;top:70px;right:55px;cursor:pointer;z-index: 1000;}
.parts{width:100%;height:auto;float:left}
.parts input[type="text"]:first-child{width:230px;height:auto;float:left}
.parts input[type="text"]:last-child{width:230px;height:auto;float:right}
 header.contact-head{padding: 65px 55px 30px;width:100%;height:auto;float:left;}
input.form-control[type='number'] {-moz-appearance:textfield;}
input[type=number].form-control::-webkit-inner-spin-button,input[type=number].form-control::-webkit-outer-spin-button {    -webkit-appearance: none;margin: 0;}


/*footer*/
footer{width:100%;height:auto;float:left;padding:0px 80px 50px;position:relative;}
.footer-logo{width:auto;height:auto;float:left;}
.footer-logo p {width: auto;height: auto;float: left;	font: 14px/18px 'sf_pro_textregular';color: #666666;margin-top: 20px;display: block;position: absolute;bottom: 65px;}
.footer-menue{width:auto;height:auto;float:right;margin-right:60px;display:inline;}
.footer-menue:nth-of-type(2){margin-right:0px;}
.footer-menue  h5{color: #666666; font: 16px/18px 'sf_pro_textbold'; margin-bottom: 15px;} 
.footer-menue ul{width:auto;height:auto;float:left;}
.footer-menue ul li{margin-bottom:15px;}
.footer-menue ul li a, .footer-menue ul li a:link, .footer-menue ul li a:visited{width:auto;height:auto;display:block;color: #666666; font: 16px/18px 'sf_pro_textregular';text-decoration:none;} 
.footer-menue ul li a:hover{color: #000;}
.banner-content p br{display:none}
.video-box{ display: none; position:fixed;padding-top:200px;   left: 0;  top: 0;  width:100%;   height:100%; overflow: auto;background:rgba(0, 0, 0, 0.8);z-index:100000;}
.video-box-content {  background-color:transparent;  margin: auto;  padding: 20px;   width:50%;z-index:1000;}
.close {  color: #aaaaaa;  float: right;  font-size: 28px;  font-weight: bold;}
.close:hover,
.close:focus {  color: #fff;  text-decoration: none;  cursor: pointer;}

html{overflow-x:hidden!important;}
/*Media*/

@media only screen and (max-width:1439px){
.wrapper{width:864px;}
ul.logoGroup li{margin-right:40px;}
.transparent-computer{right:419px;}
.last-banner-content{width:480px;}
.content-section2 .content{margin-right:60px;}
.checkout-webpages .pos-rltv-sec{padding-top: 185px;}
.checkout-webpages .center-abs img{position: absolute;left: -50%;right: -50%;margin: auto;bottom: 0;}
.trade-banner .car-banner img, .checkout-banner  .car-banner img, .shop-banner .car-banner img{max-width:auto;height:auto}

.trade-min .content-section2 .content-footer{width: 421px;}
.trade-min .content-section2 .content{margin-right: 79px;}
.trade .pos-rltv-sec , .shop-transacted .pos-rltv-sec{padding-top: 185px;}
.trade .content-section2 .content-footer{width: 422px;}
.trade .content-section2 .content{margin-right: 81px;}
ul.modal-list li{width: 237px;margin-right: 48px;}
ul.modal-list li:nth-of-type(4n){margin-right: 48px;}
.investor-detail{width:255px;}
.contact{text-align:left}
.contact ul li{width:270px;margin-right:25px;}
.shop-banner .car-banner{bottom:0px;}
.shop-transacted .content-section2 .content-footer{width: 406px;}
.shop-transacted .content-section2 .content{margin-right: 78px;}
.shop-transacted{margin-bottom: 34px;}
.round .content-section2 .content-footer{width: 404px;}
.round .content-section2 .content{margin-right: 80px;}
.round .center-abs img{position: absolute;left: -50%;right: -50%;margin: auto;bottom: 0;} 
.video-box-content{width: 80%;}
.transparent-design .content {margin-top: -95px;}
 .model_logos{padding-top: 125px;padding-bottom: 85px;}  
}

@media(max-width:1023px){
.wrapper{width:740px;}
header,section,footer{padding-left:40px; padding-right:40px;}	
/* .banner-content{width:100%;} */
ul.logoGroup li{margin-right:10px;}
.right-computer{left:400px;}
.transparent-design .pos-rltv-sec{padding-right:0;}
.content-section2 .content{margin-right:25px;width:670px}
.content-section2 .content-footer{width:277px;}
.last-banner-content{width:352px;}
.banner-content h1{font:64px/70px 'sf_pro_displaysemibold';}
.banner-content h1 p{font:46px/64px 'sf_pro_displaymedium';}
/* .content-section2 .content{margin-right:20px;} */
.checkout-transacted .content-section2 .content-footer, .checkout-webpages .content-section2 .content-footer{width:275px;}
.trade-min .content-section2 .content-footer{width: 273px;}
.trade .content-section2 .content-footer{width: 279px;}
.trade .content-section2 .content, .trade-min .content-section2 .content{margin-right:20px;}
.display-content { width:100%;}
.comp-foot {width:100%;}
.comp-head {width:100%;}
ul.modal-list li{margin-right:69px;width: 254px;}
ul.modal-list li:nth-of-type(2n){margin-right:0px;}
ul.modal-list li:nth-of-type(3n){margin-right:69px;}
.investor-outer div:nth-of-type(3){margin-top:50px;}
.investor-outer div:nth-of-type(2){margin-right:0}
.modcontent br{display:none;}
.investor-detail{width: 282px;}
.contact ul li{width: 203px;margin-right: 25px;padding: 42px 12px 42px 12px;}
.checkout-transacted .content-section2 .content, .checkout-webpages .content-section2 .content, .shop-transacted .content-section2 .content, .round .content-section2 .content{margin-right: 20px;}
.sectionCommon.shop-transacted .content-section2 .content-footer{margin-top: 92px;}
/* .round .content-section2 .content-footer{width: 280px;} */
.shop-transacted{margin-bottom:-28px;}
.checkout-transacted .content-section2 .content{width: 640px;}
.checkout-transacted .content-section2 .content-footer{width: 283px;}
.checkout-webpages .content-section2 .content-footer{width: 295px;}
.sectionCommon.bg.checkout-webpages .content-section2 .content-footer{margin-top: 211px;width:100%}
.checkout-webpages .content-section2 .content{width: 696px;}
.checkout-webpages .center-abs img{height:800px;position: absolute;left: -50%;right: -50%;margin: auto;bottom: -67px;}
ul.logoGroup li, ul.logoGroup li:nth-of-type(5n){margin-right:72px;}
ul.logoGroup {text-align: center;}
ul.logoGroup li:nth-of-type(9), ul.logoGroup li:nth-of-type(10){display:inline-block;float:none;margin-top: 18px;margin-bottom:0px;}
ul.logoGroup li:nth-of-type(10){padding-top: 10px;}
ul.logoGroup li:nth-of-type(4n){margin-right:0px;}
ul.logoGroup li:first-child figure img{max-width:119px;}
ul.logoGroup li:nth-of-type(2) figure img{max-width:98px;}
ul.logoGroup li:nth-of-type(3) figure img{margin-right:20px;}
ul.logoGroup li:nth-of-type(6) figure img{max-width:95px;}
ul.logoGroup li:nth-of-type(7) figure img{max-width:129px;}
ul.logoGroup li:nth-of-type(8) figure img{max-width:106px;}
ul.logoGroup li:nth-of-type(9) figure img{max-width:128px;}
.model_logos{padding-bottom: 70px;padding-top: 125px;}
.video-box-content{width:100%;height:auto;}
.cross{top: 75px;}
body{overflow-x:hidden!important;}
.head-cross{margin-top: -8px;}


.sectionCommon .center-abs{position:relative;height:800px;bottom: -34px;}
.checkout-transacted .center-abs{bottom:0px;}
.sectionCommon .pos-rltv-sec{height:1500px;}
/* .sectionCommon .content-section2 .content{width:100%;} */
.sectionCommon .content-section2 .content-footer{width:90%;margin-top:195px;}
.sectionCommon.bg.sec .content p br{display:none;}
.sectionCommon.bg.sec .content-section2 .content{margin-bottom:0px;}
.sectionCommon.bg.sec .pos-rltv-sec{height:1500px;}
.sectionCommon.shop-transacted figure{bottom:0px;}
.sectionCommon.bg.round .pos-rltv-sec{height:1240px;}
.sectionCommon.bg.round .content-section2 .content-footer{margin-top:0px;}
.sectionCommon.trade .center-abs{height:780px;bottom: 52px;}
.sectionCommon.trade .content-section2 .content-footer{margin-top:0px;}
.sectionCommon.trade {margin-bottom: -148px;}
.sectionCommon.bg.trade-min .center-abs img{margin-top: -80px;}
.sectionCommon.bg.trade-min .content-section2 .content-footer{margin-top:280px;}
.sectionCommon.bg.sec .center-abs{bottom:0px;}
.sectionCommon.bg.sec .content-section2 .content-footer{margin-top: 269px;}
.sectionCommon.checkout-transacted .pos-rltv-sec{height: 1370px;}
.sectionCommon.checkout-transacted .content-section2 .content-footer{margin-top: 130px;}
.sectionCommon.bg.checkout-webpages .pos-rltv-sec{height:1400px;}
.sectionCommon.shop-transacted .pos-rltv-sec{height:1332px;}
.sectionCommon.trade .pos-rltv-sec{height: 1370px;}
}

@media(max-width:899px){
	
	.wrapper{width:690px;}
	ul.logoGroup li{margin-right:51px;}
	.top-banner.shop-banner .banner-content{width: 748px;}
	.sectionCommon.trade .content-section2 .content-footer{width:89%}
	.sectionCommon.bg.trade-min .pos-rltv-sec{height:1400px;}
	.top-banner .banner-content{width: 763px;}
	header.blue-banner{padding-top: 125px;}
	.top-banner.checkout-banner .banner-content{width: 748px;}
	.sectionCommon.bg.trade-min .content-section2 .content-footer{margin-top: 225px;}
}

@media(max-width:768px){
header nav > ul{display:none;position:absolute; width:95%; background-color: #F4F4F4;border-radius: 8px;padding:20px;top:88%;left:0;right:0; margin:auto;box-shadow: 0px 5px 5px rgba(0,0,0,0.2);}
header nav ul li > ul{width:100%;box-shadow:none;position:static; padding:0;margin:20px 10px}
header nav ul li{width:100%;margin-bottom:25px;}
header nav ul li:last-of-type{margin-bottom:0;}
header{padding: 60px 80px 30px;}
.menu-icon {display:block}
.banner-content{width:100%}
.wrapper{width:522px;}
header,section,footer, .trade-form form{padding-left:40px; padding-right:40px;}
.banner-content h1{font:56px/60px 'sf_pro_displaysemibold';margin-bottom: 42px;}
.banner-content p,.content p,section h3{font:40px/48px 'sf_pro_displaymedium'}

.car-banner img{max-width:899px; height:auto;}
 ul.logoGroup li{margin-right:15px;}
.car-banner{left:0px;bottom:155px}
ul.logoGroup li{width:50%; text-align:center;margin-right:0;display:inline;}
ul.logoGroup li figure{display:inline-block;float: none;}
.pos-rltv-sec{-webkit-box-align: start;}
.content-section{width:100%;max-width:308px;}
.content-footer div:nth-of-type(2){padding-top:10px;}
.tansacted-sale .pos-rltv-sec,.sectionCommon .pos-rltv-sec,.sectionCommon.bg.sec .pos-rltv-sec{height:auto; padding:100px 0}
.right-computer,.transparent-computer,.center-abs{position:static;transform: translateY(0%); margin:60px 0 10px; float:left;}
.right-computer img{width:562px;height:auto;}
.transparent-computer figure{height:auto;}
.center-abs{height:530px; position:relative;}
.sectionCommon.bg .center-abs{height:350px;}
.center-abs img {width: 640px;height: auto;left:auto; right:0px;position:absolute;}
.transparent-computer img {width: 505px;height: auto;}
.sectionCommon .pos-rltv-sec{padding-top:100px;}
.sectionCommon .center-abs img{left: -50%;right: -50%;position: absolute;margin: auto;}
.content-section2{width:100%}
.future-block{padding-top: 90px;padding-bottom: 100px;}

.last-banner-content {width: 48%;}
.last-banner-content:nth-of-type(2){margin-bottom:0;}
.last-banner{padding-bottom:100px;}
.last-banner div:nth-of-type(2){margin:0;}
.footer-menue{width:100%;margin-right:0;margin-bottom:40px;}
.footer-menue:nth-of-type(2){margin-top:30px;}
.black p{padding:0 40px;}
 .transparent-design .pos-rltv-sec {-webkit-box-pack:start;padding:190px 0px 200px 0px;height:1500px;}
 .content-section2 .content{margin-right:0;width:250px;}

.sectionCommon .content-section2 .content-footer{margin-top:0px;}
.content-section2 .content-footer div:first-child{width: 158px;}
.sectionCommon.trade .center-abs, .sectionCommon.shop-transacted .center-abs{height: 408px;margin:auto}
.sectionCommon.shop-transacted .center-abs{bottom:-40px}
.sectionCommon.trade-min .center-abs{height: 460px;margin-top:0px;}
.sectionCommon.trade-min .center-abs img{margin:auto;right:-50%;left:-50%;max-width:404px;}
ul.modal-list li{width:100%;margin-bottom: 45px;}
ul.modal-list li h4{width:100%;}
.investor-detail{width:100%;margin-bottom:50px;}
.investor-outer div:nth-of-type(3) {margin-top:0px;margin-bottom:0}
.contact ul li{width:100%;margin-bottom:25px;}
.contact ul li:nth-of-type(3){margin-top:0;margin-bottom:0}
.contact h1{font:56px/67px 'sf_pro_displaymedium';}
/* .checkout-transacted .content-section2 .content-footer{width: 287px;} */
/* .checkout-webpages .content-section2 .content-footer{width: 295px;} */
.checkout-webpages .center-abs img{height:auto;max-width:600px}
.checkout-webpages .center-abs .content-section2 .content-footer{margin-top:0px}
.sectionCommon.bg.checkout-webpages .center-abs{margin: -109px 0 45px;height:400px;}
.checkout-transacted .center-abs{height:487px;margin: 0px 0 54px;}
.trade .pos-rltv-sec{height:1030px;}
.trade .content-section2 .content-footer{width: 300px;}
.latest-banner{padding-top: 188px;padding-bottom: 200px;}
.investors-banner{padding-bottom: 200px;}
.contact ul li{height:260px;}
ul.logoGroup li:nth-of-type(5){margin-right:0}
.sectionCommon.checkout-transacted .center-abs img{width: 600px;left: -50%;right: -50%;position: absolute;
margin: auto;}
.sectionCommon.shop-transacted  .center-abs img{max-width:480px}
.sectionCommon.sec .content-section2 .content-footer{margin-top: 46px;}
.sectionCommon.trade .center-abs img{left: -50%;right: -50%;margin:auto;max-width:480px}
.video-box-content iframe, .video-box-content{width:100%;}
header.header-scroll  nav > ul{top: 70px;}
.head-top2 .head-bottom  a.read-more, a.read-more:link, a.read-more:visited{margin-left:0px;}
.head-cross{margin-top: -59px;}
.sectionCommon.bg.checkout-webpages .pos-rltv-sec{height:auto;}
ul.logoGroup li:nth-of-type(9), ul.logoGroup li:nth-of-type(10){float:left;margin-top: 18px;margin-bottom:0px;}
ul.logoGroup li, ul.logoGroup li:nth-of-type(5n){margin-right:0px;}
.sectionCommon.bg.checkout-webpages .content-section2 .content-footer{margin-top:60px;}
.top-banner.shop-banner .banner-content{width:100%;}
.sectionCommon.bg.round .pos-rltv-sec{height:auto;}
.sectionCommon.trade .center-abs{bottom:0px;height:390px;}
.sectionCommon.trade .content-section2 .content-footer{width:100%;}
.sectionCommon.bg.trade-min .pos-rltv-sec{height:auto}
.sectionCommon.bg.trade-min .content-section2 .content-footer{margin-top:0px;}
.sectionCommon.bg.trade-min .center-abs img{margin-top:0px;}
.top-banner .banner-content{width:100%}
.sectionCommon .center-abs{bottom:0px;}
.sectionCommon.bg.sec .content-section2 .content-footer{margin-top:70px;}
.sectionCommon .content-section2 .content-footer{width:100%;}
.sectionCommon.checkout-transacted .content-section2 .content-footer{margin-top: 0px;}
.sectionCommon.checkout-transacted .pos-rltv-sec{height:1030px;}
.sectionCommon.checkout-transacted .content-section2 .content-footer{width:100%}
.sectionCommon.trade .pos-rltv-sec{height: 1170px;}
.top-banner.checkout-banner .banner-content{width:100%}
.checkout-webpages .content-section2 .content{width:100%}
.sectionCommon.shop-transacted .content-section2 .content, .round .content-section2 .content{width:100%}
.sectionCommon.shop-transacted .pos-rltv-sec{height:auto}
.sectionCommon.shop-transacted .pos-rltv-sec{height:auto}
}

@media (max-width:602px){
.wrapper{width:100%;}
header,section,footer, .trade-form form{padding-left:40px; padding-right:40px;}
.banner-content p,.content p,section h3{font:40px/48px 'sf_pro_displaymedium'}
ul.logoGroup li{margin-right:15px;}
.car-banner img{max-width:899px; height:auto;}
.banner-content p{width:272px}
.banner-content p br{display:block}
ul.logoGroup li{width:50%; text-align:center;margin-right:0;display:inline;}
ul.logoGroup li figure{display:inline-block;float: none;}
.pos-rltv-sec{-webkit-box-align: start;}
.content-section{width:100%;}
.content-footer div:nth-of-type(2){padding-top:10px;}
.tansacted-sale .pos-rltv-sec,.sectionCommon .pos-rltv-sec{height:auto; padding:100px 0}
.right-computer,.transparent-computer,.center-abs{position:static;transform: translateY(0%); margin:55px 0 20px; float:left;}
.right-computer img{width:562px;height:auto;}
.transparent-computer figure{height:575px;}
.center-abs img {width: 640px;height: auto;left: 50%;margin-left: -50%;}
.transparent-computer img {width: 505px;height: auto;}
.sectionCommon .pos-rltv-sec{padding-top:95px;}
/* .content-section2 .content-footer div:nth-of-type(2){width:100%;} */
.content-section2{width:100%}
.future-block{padding-top: 90px;padding-bottom: 100px;}
.last-banner-content{width:335px; margin-right:0;margin-bottom:18px;}
.last-banner-content:nth-of-type(2){margin-bottom:0;}
.last-banner{padding-bottom:100px;}
.last-banner div:nth-of-type(2){margin:0;}
.footer-menue{width:100%;margin-right:0;margin-bottom:40px;}
.footer-menue:nth-of-type(2){margin-top:30px;}
.black p{padding:0 40px;}

.checkout-banner .banner-content h1{ font: 64px/69px 'sf_pro_displaymedium';}
.checkout-banner .pos-rltv, .shop-banner .pos-rltv{padding-top:204px;height:1340px}
.top-banner.checkout-banner .banner-content p{width:312px;margin-bottom: 68px;margin-right:100%;}
.checkout-banner .car-banner{bottom:0px;}
.checkout-banner .car-banner img {max-width:920px;}
.many-logo.model_logos{padding-top: 95px;padding-bottom: 95px;}
.sectionCommon.checkout-transacted .pos-rltv-sec{height:1030px;}
.checkout-transacted .content{width: 296px;}
.checkout-transacted .content-section2 .content-footer{width: 288px;margin-top: 60px;}
.sectionCommon.checkout-transacted  .center-abs{height:320px;margin: 9px 0 33px;}
.checkout-transacted  .center-abs img{max-width:480px;}
.checkout-transacted{margin-bottom:0px;}
.checkout-webpages .center-abs img{max-width:600px;}
.checkout-webpages .pos-rltv-sec{padding-top: 90px;padding-bottom:110px;}
.checkout-webpages .content-section2 .content-footer{width:295px;}
.sectionCommon.checkout-webpages .content {width:255px;} 
.shop-banner .car-banner img {max-width:920px;max-height:auto;}
.shop-banner .banner-content h1{margin-bottom: 46px;}
.top-banner.shop-banner .banner-content p{margin-bottom: 70px;}
.sectionCommon.shop-transacted{margin-bottom:15px}
.shop-transacted .pos-rltv-sec{padding-top:96px;height:1030px}
.shop-transacted  .center-abs img{max-width:480px;}
.sectionCommon.shop-transacted  .center-abs{height:355px;margin:0px;bottom: 0px;}
.shop-transacted .content-section2 .content{width:300px;}
.sectionCommon.shop-transacted .content-section2 .content-footer{width: 295px;margin-top: 65px;}
.sectionCommon.bg.round .center-abs{margin:0px 0px 50px 0px;}
.sectionCommon.bg.round .pos-rltv-sec{padding-bottom:150px;}
.round  .content-section2 .content{width: 310px;}
.sectionCommon.bg.round  .content-section2 .content-footer{width:295px;margin-top:0;}
.trade-banner .pos-rltv{height:1315px;padding-top: 204px;}
.trade-banner .banner-content h1{font:64px/60px 'sf_pro_displaymedium';margin-bottom: 45px;}
.trade-banner .banner-content p{width: 293px;margin-right:20px;}
.trade-banner .car-banner, .checkout-banner .car-banner, .shop-banner .car-banner{left: -290px;}
.sectionCommon.trade .center-abs{height: 365px;}
.sectionCommon.trade .pos-rltv-sec{padding-bottom: 80px;}
.trade .content-section2 .content{width: 305px;}
.trade-min .center-abs img{max-width:404px;left:auto}
.sectionCommon.trade-min .center-abs {height:447px;margin-top:-31px}
.trade-min .content-section2 .content {width:290px;}
.trade-min .content-section2 .content-footer{width:290px;margin-top:15px;}
.trade-min .pos-rltv-sec{padding-top: 92px;}
.company-banner{padding-bottom:99px;padding-top:182px;}
.company-banner .company-content h1{font:56px/65px 'sf_pro_displaysemibold';}
.company-banner .company-content h1 span{font:56px/85px 'sf_pro_displaysemibold';}
.company-banner .company-content p{font: 20px/29px 'sf_pro_displaymedium';margin-top:45px;margin-left: 1px;}
.display-content p{font: 40px/55px 'sf_pro_displaymedium';margin-bottom: 34px;}
.automotive-banner, .latest-banner, .investors-banner{padding-top: 92px;padding-bottom: 110px;}
.comp-head h2,.latest-banner h2, .banner-content h2{font: 40px/55px 'sf_pro_displaysemibold';}
.company-content{margin-bottom: 39px;}
.comp-head{margin-bottom: 40px;}
ul.modal-list{margin-top: 43px;}
ul.modal-list li{margin-bottom: 35px;}
ul.modal-list li h4{font: 24px/31px 'sf_pro_displaymedium';}
.investor-outer{margin-top: 52px;}
.investor-detail p{margin-top: 28px;}
.investor-detail{margin-bottom: 30px;}
.modcontent{margin-top: 52px;}
.modal-contact{padding-top: 206px;padding-bottom: 79px;}
.contact ul{margin-top: 52px;}
.shop-transacted .sectionCommon .center-abs {left:55px;} 
ul.logoGroup{margin-top: 40px;}
ul.logoGroup li{margin-right:0px;}
ul.logoGroup li:nth-of-type(2n){margin-right:0px;}
ul.logoGroup li:nth-of-type(5n){margin-right:0px;}
ul.logoGroup li:nth-of-type(10) span{font: 20px/40px 'sf_pro_displaymedium';}
.sectionCommon.sec .content-section2 .content-footer{margin-top:48px;}
.model_logos{padding-bottom: 70px;padding-top: 100px;}
header{padding: 60px 40px 30px;}
.form-inner{width:100%;padding:0px 15px;}
.parts input[type="text"]:first-child, .parts input[type="text"]:last-child , .form-inner div input[type="text"], .form-inner div input[type="email"]{width:100%}
.parts input[type="text"]:first-child{margin-bottom:20px}
.cross{top: 70px;right: 20px}
header.contact-head{padding: 65px 10px 30px;}
/* .head-top2{display:none;} */
.transparent-design .pos-rltv-sec{padding: 185px 0 146px 0px;height:1306px;}
.transparent-design .content-footer{margin-top: 0px}
.sectionCommon .center-abs{margin: 25px 0 0px;}
.video-box{padding-top:0px;}

.top-banner .banner-content p{margin-right:60px;}
header.header-scroll  nav > ul{top: 74px;}
.head-top2{padding: 18px 40px 18px 40px;}
.head-bottom{width: 240px;}
.head-cross{margin-top: -20px;}
/* header {padding: 182px 40px 30px;} */
/* header nav > ul{top: 218px;} */
.head-part{margin-right: 54px;}
.sectionCommon.trade{margin-bottom:0px}
.sectionCommon.trade .center-abs img{margin-top: -25px;}
.sectionCommon .center-abs{height: 543px;}
header.blue-banner{padding-top: 183px;}
.checkout-transacted .content-section2 .content{width:100%}
.sectionCommon.checkout-transacted .center-abs{height: 385px;}
.sectionCommon.shop-transacted .pos-rltv-sec{height: 1030px;}
.sectionCommon.trade .pos-rltv-sec{height: 1030px;}

}

@media (max-width:374px){
header,section,footer{padding-left:10px; padding-right:10px;}
header{padding:30px 10px}
.pos-rltv{padding-top:140px}
.banner-content h1 {font: 40px/50px 'sf_pro_displaysemibold';}
.banner-content p, .content p, section h3 {font: 31px/40px 'sf_pro_displaymedium';}
.pos-rltv{height:1030px;padding-bottom:430px;}
ul.logoGroup li{width:100%;}
.model_logos {padding-top: 90px;padding-bottom: 90px;}
.last-banner{padding-bottom:90px;}
.tansacted-sale .pos-rltv-sec, .transparent-design .pos-rltv-sec, .sectionCommon .pos-rltv-sec{padding:80px 0}
.content-section2 .content,.last-banner-content{width:100%;}
.right-computer, .transparent-computer, .center-abs{margin-top:20px;}
}



@font-face {
    font-family: 'sf_pro_textregular';
    src: url('../fonts/sf-pro-text-regular-webfont.woff') format('woff2'),
         url('../fonts/sf-pro-text-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}	
@font-face {
    font-family: 'sf_pro_textbold';
    src: url('../fonts/sf-pro-text-bold-webfont.woff') format('woff2'),
         url('../fonts/sf-pro-text-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sf_pro_textmedium';
    src: url('../fonts/sf-pro-text-medium-webfont.woff') format('woff2'),
         url('../fonts/sf-pro-text-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sf_pro_displaysemibold';
    src: url('../fonts/sf-pro-display-semibold-webfont.woff') format('woff2'),
         url('../fonts/sf-pro-display-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sf_pro_displaymedium';
    src: url('../fonts/sf-pro-display-medium-webfont.woff') format('woff2'),
         url('../fonts/sf-pro-display-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'sf_pro_displaybold';
    src: url('../fonts/sfprodisplay-bold-webfont.woff') format('woff2'),
         url('../fonts/sfprodisplay-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'sf_pro_textheavy';
    src: url('../fonts/sfprotext-heavy-webfont.woff') format('woff2'),
         url('../fonts/sfprotext-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}