h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset,figure { margin:0; padding:0; outline:none; font-weight:normal; border:0 }
form, fieldset { float:left; width:100% }
figure{float: left}
img { border:0 none; } 
a { text-decoration:none; border:0; outline:0;} 
ul { list-style:none; }
.clear { clear:both;}


body, html{height: 100%;}
body{font-family:arial,myroid-pro; background:#f2f2f2;}



#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }


#layout { position: relative; margin: 0 auto; width: 100%;  }

.centerBox { display:block; margin: 0 auto; width: 960px; }
#header {  width:100%; position:fixed; height: 70px;  padding-bottom: 28px; background:  url(../images/header-shadow.png) no-repeat bottom center; z-index: 1000;}
#header .headerBox { background: #fff; height: 70px;  }
#header .headerBox  a.logo { float:left; margin: 16px 0 20px 0 ;}
#header .headerBox .menuBar { float: right; }
#header .headerBox .menuBar a.event { padding-top: 24px; letter-spacing: 2px; display: block; float: right; width: 145px; height: 58px;font-family: "proxima-nova"; font-weight: 100; font-size: 25px; text-align: center; color:#fff; text-transform: uppercase; background: #009dde; }
#header .headerBox .menuBar a.event:hover { color: #fff; background:#333333;}
#header .headerBox .menuBar ul { float: left; margin: 30px 0 20px 0 ; }
#header .headerBox .menuBar ul li { float: left; background:  url(../images/sep.png) no-repeat left center; }
#header .headerBox .menuBar ul li  a { padding: 0 20px; font-size: 14px; color: #333333; letter-spacing: 1px; text-transform: uppercase; font-family: "proxima-nova"; font-weight: 600; }
#header .headerBox .menuBar ul li  a:hover { color: #009dde; }
#header .headerBox .menuBar ul li.first { background: none; }

.bannerBox { padding-top: 71px; margin-top:0px; position:relative;  z-index: 0; width: 100%; min-height: 706px; background: url(../images/2017/banner2017.jpg) no-repeat center center;}
.bannerBox .topText { padding-top: 30px; text-align: center; }
.bannerBox .hints { padding-top: 391px; text-align: center;}
.bannerBox .topText h2 { 
color: #fff;
    font-family: "proxima-nova";
    font-size: 48px;
    font-weight: 600;
    line-height: 52px;
    margin-bottom: 15px;
    margin-top: 4px;
  
  
}
.bannerBox .topText p, .bannerBox .hints p {  
  color: #fff;
    font-family: "proxima-nova";
    font-size: 26px;
    font-weight: 300;
    line-height: 32px;
  
}
.bannerBox .topText p sup {  color: #fff;  font-size: 20px; line-height:0px; font-family: "proxima-nova"; font-weight: 300;}
.bannerBox .hints p.small {  color: #fff;  font-size: 16px; line-height:22px; font-family: "proxima-nova"; font-weight: 600;}
.bannerBox .hints div {display: inline-block; vertical-align:middle;}
.bannerBox .clusterBox { padding-bottom:46px; width:100%; overflow:hidden; background:  url(../images/culster-shadow.png) no-repeat bottom center;}

.bannerBox#learn { padding-top: 0px; margin-top:0px; position:relative;  z-index: 0; width: 100%; min-height: 681px; background: url(../images/2017/car.jpg) no-repeat center center; text-align:center;}
.bannerBox#learn div.text {display: inline-block; vertical-align:middle; width:768px; text-align:left; margin:75px 0px 75px 208px;}
.bannerBox#learn div.text h2 {color:#000; font-size: 27px; line-height:32px; font-family: "proxima-nova"; font-weight: 300; margin-bottom:20px;}
.bannerBox#learn div.text p {color:#000; font-size: 22px; line-height:30px; font-family: "proxima-nova"; font-weight: 500;}
.bannerBox#learn div.text a {color:#000; text-decoration:underline;}

.eventBox {background-color:#009dde; height:147px; min-width:976px;}
.eventBox .bottomText { text-align: center;}
.eventBox .bottomText span { display: inline-block;
    height: 181px;
    position: relative;
    top: 34px;
    vertical-align: middle; }
.eventBox .bottomText p { color: #fff;
    font-family:"proxima-nova";
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    }
.eventBox .bottomText p strong { color: #fff;  font-size: 32px; font-family: "proxima-nova"; font-weight: 700;}
.eventBox .bottomText a { color: #fff;  font-size: 30px; font-family:"proxima-nova"; font-weight: 500; text-decoration:underline;}

.bottomText span p.thin{
  font-weight:100;
}



.learnBox {background-color:#000000; text-align:center; min-width:976px;}
.learnBox div.text {display: inline-block; vertical-align:middle; width:570px; text-align:left;}
.learnBox div.slides {display: inline-block; vertical-align:middle; width:401px; text-align:left;}
.learnBox div.text h2.trust, .learnBox div.text h2.experience {color:#ffcb1a; font-size: 26px; line-height:30px; font-family: "proxima-nova"; font-weight: 300; margin-bottom:20px;}
.learnBox div.text h2.discover, .learnBox div.text h2.integrate {color:#9dbb48; font-size: 26px; line-height:30px; font-family: "proxima-nova"; font-weight: 300; margin-bottom:20px;}
.learnBox div.text p {color:#ffffff; font-size: 16px; line-height:22px; font-family: "proxima-nova"; font-weight: 500;}
.learnBox .clusterBox {overflow:hidden;}

.blogBox {background-color:#333333; text-align:center; padding:64px 0; min-width:976px;}
.blogBox div {display: inline-block; vertical-align:middle;}
.blogBox div.banner {width:100%; margin-bottom:40px;}
.blogBox div h2 {color:#ffffff; font-size: 26px; line-height:30px; font-family: "proxima-nova"; font-weight: 300; text-align:left;}
.blogBox a.button { margin-left: 30px; padding: 20px 30px; text-align: center; background: #000000; font-size: 26px; color: #ffffff; display: block; font-family:"proxima-nova";font-weight: 300;}
.blogBox a.button:hover { color: #ffffff; background:#009dde;}

.vehicleBox {text-align:center;background:  url(../images/2017/cescars.jpg) no-repeat top center; min-height: 720px;background-color: #FFC23D; }
.vehicleBox div.image {display: inline-block; vertical-align:top; width:304px; text-align:left; margin:60px 48px 60px 0px;}
.vehicleBox div.text { display: inline-block;
    left: -189px;
    position: relative;
    text-align: left;
    top: 151px;
    vertical-align: top;
    width: 624px;
  
}
.vehicleBox div.text h2 {color: #000;
    font-family: "proxima-nova";
    font-size: 33px;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 20px;}
.vehicleBox div.text p {color:#000; font-size: 22px; line-height:30px; font-family: "proxima-nova"; font-weight: 500;margin-top:1em;}
.vehicleBox div.text a {color:#000; text-decoration:underline;}
.vehicleBox div.text ul {color:#000; font-size: 22px; line-height:30px; font-family: "proxima-nova"; font-weight: 500; margin: 1em 0; padding: 0 0 0 20px;}
.vehicleBox div.text ul li {color:#000; font-size: 22px; line-height:30px; font-family: "proxima-nova"; font-weight: 500; list-style-type: disc;}

.futureBox {text-align:center; background:  url(../images/2017/what.jpg) no-repeat top; min-height: 342px;background-color: #333333; }
.futureBox div.image {display: inline-block; vertical-align:top; width:304px; text-align:left; margin:60px 48px 60px 0px;}
.futureBox div.text {display: inline-block; vertical-align:top; width:624px; text-align:left;     margin: 49px 0px 31px 396px;}
.futureBox div.text h2 { color: #ffffff;
    font-family: "proxima-nova";
    font-size: 27px;
    font-weight: 300;
    left: 174px;
    line-height: 32px;
    margin-bottom: 20px;
    position: relative;
    top: 67px;
    width: 541px;}
.futureBox div.text p {color:#ffffff; font-size: 22px; line-height:30px; font-family: "proxima-nova"; font-weight: 500;}
.futureBox div.text a {color:#ffffff; text-decoration:underline;}
.futureBox div.text ul {color:#ffffff; font-size: 22px; line-height:30px; font-family: "proxima-nova"; font-weight: 500; margin: 1em 0; padding: 0 0 0 20px;}
.futureBox div.text ul li {color:#ffffff; font-size: 22px; line-height:30px; font-family: "proxima-nova"; font-weight: 500; list-style-type: disc;}
.futureBox h2 {
  position:relative;
  left:20px;
}

.ctsBox {background: url(../images/2017/speaker.jpg) #009dde no-repeat bottom center; text-align:center;min-height: 622px;}
.ctsBox div.text { display: inline-block;
    margin: 60px 352px 60px 0;
    position: relative;
    text-align: left;
    top: 34px;
    vertical-align: middle;
    width: 624px;}
.ctsBox div.text h1 {color:#ffffff; font-size: 52px; line-height:50px; font-family: "proxima-nova"; font-weight: 300; margin-bottom:20px;}
.ctsBox div.text h2 {color:#ffffff; font-size: 33px; line-height:32px; font-family: "proxima-nova"; font-weight: 300; margin-bottom:20px;}
.ctsBox div.text h3 {color:#ffffff; font-size: 22px; line-height:30px; font-family: "proxima-nova"; font-weight: 700; margin-top:20px;}
.ctsBox div.text p {color:#ffffff; font-size: 22px; line-height:30px; font-family: "proxima-nova"; font-weight: 500;}
.ctsBox div.text a {color:#ffffff; text-decoration:underline;}
.ctsBox div.text ul {color:#ffffff; font-size: 22px; line-height:30px; font-family: "proxima-nova"; font-weight: 500; margin: 1em 0; padding: 0 0 0 20px;}
.ctsBox div.text ul li {color:#ffffff; font-size: 22px; line-height:30px; font-family: "proxima-nova"; font-weight: 500; list-style-type: disc;}
.ctsBox strong {color:#ffffff; font-size: 22px; font-family: "proxima-nova"; font-weight: 800;}

.mediacoverageBox {background: url(../images/media-coverage.jpg) #009dde no-repeat bottom center; text-align:center;}
.mediacoverageBox h2 { padding-top: 60px; padding-bottom: 0px; text-align: center; font-size: 36px; color: #ffffff;  font-family: "proxima-nova"; font-weight: 300; }
.mediacoverageBox div.text {display: inline-block; vertical-align:middle; width:624px; text-align:left; margin:30px 0 60px 352px;}
.mediacoverageBox div.text h2 {text-align: left; color:#ffffff; font-size: 24px; line-height:27px; font-family: "proxima-nova"; font-weight: 700; margin-bottom:0px; padding-top: 40px;}
.mediacoverageBox div.text p {margin-top:10px; color:#ffffff; font-size: 24px; line-height:27px; font-family: "proxima-nova"; font-weight: 300;}
.mediacoverageBox div.text p.caption {margin-top:0px; color:#ffffff; font-size: 16px; line-height:22px; font-family: "proxima-nova"; font-weight: 500;}
.mediacoverageBox div.text a {color:#ffffff; text-decoration:none;}



.software { padding-bottom:51px; width:100%; overflow:hidden; }
.softwareBox { padding-bottom: 76px; background:#f0f0f0; text-align: center;  background:  url(../images/banner-shadow.png) no-repeat top center; }
.softwareBox .text { margin-bottom:30px; overflow: hidden; padding: 100px 0 20px 0; background:  url(../images/border.png) no-repeat bottom center;}
.softwareBox .text p { font-size: 36px; color: #009dde;font-family: "proxima-nova"; font-weight: 300; }
.softwareBox  ul { text-align: center; }
.softwareBox  ul li { padding:0 10px; display: inline-block; background:  url(../images/sep2.jpg) no-repeat left center;}
.softwareBox  ul li  a { font-size: 22px; color: #333333; font-family: "proxima-nova"; font-weight: 300;}
.softwareBox  ul li  a:hover { color: #009dde;}
.softwareBox  ul li.first { background: none; }
.car_bg{float: left; width: 100%;clear: both;position: absolute; bottom: 0; left: 0}
.car_bg img{float: left; width: 100%;}
.wheel  {  width:100%; overflow:hidden;position: relative}
.wheelBox {  background:  url(../images/soft_shadow.png) no-repeat top center; }
.wheelBox h2 { padding-top: 80px; padding-bottom: 17px; text-align: center; font-size: 36px; color: #009dde;  font-family: "proxima-nova"; font-weight: 300; }
.wheelBox p { text-align: center; color: #000000 ; font-size: 22px; font-family: "proxima-nova"; font-weight: 300;}
.wheelBox ul { margin-left: 13px; width: 464px; float: left; list-style: disc; }
.wheelBox ul.left { float: left; } 
.wheelBox ul.right { float: right; } 
.wheelBox ul  li { font-size: 16px; margin-bottom:10px; color: #000000; line-height: 22px; font-family: "proxima-nova"; font-weight: 400;}
.wheelBox .image { margin: 40px 0px;}
.wheelBox .image  img { display: block; margin: 0 auto;}
.model { margin-bottom: 42px;}
.visit { padding: 16px 0px; width: 833px; margin: 0 auto; overflow:hidden; margin-bottom: 120px!important;  background:#009dde; border-radius: 5px; }
.visit p { font-size: 16px; color:#ffffff; font-family: "proxima-nova"; font-weight: 400;}  

.sift_gear { overflow: hidden; padding: 115px 0px; background:#ffffff  url(../images/soft_shadow.png) no-repeat top center;}
.sift_gear .left { float: left; width: 450px; margin-left: 39px; }
.sift_gear .right { float: left; width: 435px; }
.sift_gear .right h2 { font-size: 36px; color: #009dde;  font-family: "proxima-nova"; font-weight: 300; }
.sift_gear .right p { color: #000000 ; font-size: 22px; font-family: "proxima-nova"; font-weight: 300; line-height: 30px; margin-bottom: 30px; }
.sift_gear .right .text p { margin-bottom: 0px; font-size: 16px; line-height: 22px;}
.sift_gear .right .text p a { color: #0069aa; font-family:"proxima-nova";font-weight: 300;}
.sift_gear .right .text p a:hover { color: #000; }
.sift_gear .right .text a.link { margin-bottom: 18px; margin-top: 10px; width:70px; height: 35px; text-align: center; line-height: 35px; background: #616e7a; font-size: 16px; color: #ffffff; border-radius: 3px; display: block; font-family:"proxima-nova";font-weight: 700;}
.sift_gear .right .text a.link:hover { color: #fff; background:#0069aa;} 
.sift_gear .right .text span{font-family:"proxima-nova";font-weight: 700;font-size: 16px;}
.stay { overflow: hidden; padding: 32px 0px; background:#009dde  url(../images/stay_shadow.png) no-repeat top center;}
.stay h2 { margin-left: 22px; padding-right: 31px; margin-right: 24px; float: left; font-size: 58px;font-family: "proxima-nova"; font-weight: 100; color: #ffffff; background: url(../images/sep3.png) no-repeat right center; }
.stay  ul { float: left; margin-top: 14px; }
.stay  ul li { float: left; font-size: 17px; margin-right: 20px;  }
.stay  ul li span { float: left; margin-top:6px; font-family: "proxima-nova"; font-weight: 400;}
.stay  ul li a{ color: #ffffff; }
.stay  ul li img { margin-right: 2px; float: left; }
.stay  ul li.last { margin-right: 0px; }
.stay  ul li:hover img { opacity:.8;}
.stay  ul li:hover a { color: #000000;}

.footer {overflow: hidden; padding: 20px 0px; background:#333333  url(../images/footer_shadow.png) no-repeat top center;} 
.footer ul { float: left; }
.footer ul li  { padding: 0 10px; float: left; background:url(../images/sep4.png) no-repeat right center; }
.footer ul li.last { background: none;}
.footer ul li a {font-size: 13px; color: #c6c6c6; font-family: "proxima-nova"; font-weight: 300;}
.footer ul li a:hover { color: #0069aa;}
.footer p { float: right; font-size: 13px; color: #c6c6c6; font-family: "proxima-nova"; font-weight: 300; }

/* Partner section */

.partner {
    background: url(../images/soft_shadow.png) #EFF0F0 no-repeat top center;
	min-width:976px;
	margin-bottom:100px;
}

.partner h2 { padding-top: 90px; padding-bottom: 17px; text-align: center; font-size: 44px; color: #009dde;  font-family: "proxima-nova"; font-weight: 300; }

.partner a { color: #009dde; text-decoration:none; }

.partner .row {
    display: block;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    padding-bottom: 15px;
    padding-left: 66px;
    padding-top: 10px;
    position: relative;
    width: 910px;
}
.partner div {
    border-radius: 10px 10px 10px 10px;
}
.partner .col {
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 2px 7px #AAAAAA;
    display: block;
    float: left;
    height: 160px;
    margin-right: 33px;
    width: 260px;
}
.partner .partnerItem {
    background-color: #FFFFFF;
    background-position: center 23px;
    background-repeat: no-repeat;
    border: 1px solid #EEEEEE;
    height: 160px;
    text-align: center;
}
.partner .partnerItem .content {
	font-family: "proxima-nova"; font-weight: 300;
	font-size: 13px;
	line-height: 17px;
    color: #000000;
    display: block;
    line-height: 16px;
    position: relative;
    top: 119px;
}
.partner .partnerItem.ti {
    background-image: url("../images/partners/ti.png");
}
.partner .partnerItem.qualcomm {
    background-image: url("../images/partners/qualcomm.png");
}
.partner .partnerItem.nvidia {
    background-image: url("../images/partners/nvidia.png");
}
.partner .partnerItem.elektrobit {
    background-image: url("../images/partners/elektrobit.jpg");
    background-position: center 25px;
    background-size: 94px auto;            
}

.partner .partnerItem.mindtree {
  background-image: url("../images/partners/mindtree.png");
}
.partner .partnerItem.obigo {
  background-image: url("../images/partners/obigo.jpg");
}

.partner .partnerItem.gracenote {
    background-image: url("../images/partners/gracenote.png");   
}
.partner .partnerItem.alpine {
    background-image: url("../images/partners/alpine.png");   
}
.partner .partnerItem.intel {
    background-image: url("../images/partners/intel.png");   
}
.partner .partnerItem.nxp {
    background-image: url("../images/partners/nxp.png");   
}
.partner .partnerItem.pandora {
    background-image: url("../images/partners/pandora.png");   
}
.partner .partnerItem.distr {
    background-image: url("../images/partners/distr.png");   
}
.partner .partnerItem.renesas {
    background-image: url("../images/partners/renesas.png");   
}
.partner .partnerItem.rightware {
    background-image: url("../images/partners/rightware.png");   
}


#cw{
  position:absolute;
  width:100%;
  height:100%;  
  z-index:10000;
  background-color:rgba(0,0,0,1);
  top: 0;
}

#cw .txt{
  color:#3FFF3D;
  font-family: monospace;
  font-size:1em;
  width:500px;
  padding-left:1em;
  
}

#cw p{
  margin-top:1.2em;
}

#cw a {
  text-decoration:underline;
  color:#3FFF3D;
}

.booth{
  margin-bottom: 9px;  
}

.visitBooth{
    color: #fff;
    font-size: 22px;
    font-family: "proxima-nova";
    margin: auto;
    padding-top: 141px;
    text-align: center;
    width: 577px;
}

.visitBooth a {
  
  color:#fff;
  text-decoration:underline;
  
}

.beSocial{
    margin: auto;
    width: 680px;
}

#cw .name{
  -webkit-animation: color-change 1s infinite;
  -moz-animation: color-change 1s infinite;
  -o-animation: color-change 1s infinite;
  -ms-animation: color-change 1s infinite;
  animation: color-change 1s infinite;
}

@-webkit-keyframes color-change {
  0% { color: #47E1FF; }
  50% { color: #3FFF3D; }
  100% { color: #47E1FF; }
}
@-moz-keyframes color-change {
  0% { color: #47E1FF; }
  50% { color: #3FFF3D; }
  100% { color: #47E1FF; }
}
@-ms-keyframes color-change {
  0% { color: #47E1FF; }
  50% { color: #3FFF3D; }
  100% { color: #47E1FF; }
}
@-o-keyframes color-change {
  0% { color: #47E1FF; }
  50% { color: #3FFF3D; }
  100% { color: #47E1FF; }
}
@keyframes color-change {
  0% { color: #47E1FF; }
  50% { color: #3FFF3D; }
  100% { color: #47E1FF; }
}