BODY {padding:0;margin:0; font-family: 'Open Sans', arial;}
P, LI, td, TH {font-family: 'Open Sans'; font-size:15px;}
A {text-decoration:none;color:rgb(0, 114, 198)}

DIV#top {position: fixed;top:0;left:0;}

/* HEADER */
DIV#header { overflow:auto;padding-top:10px;padding-bottom:5px;}
DIV#header A {display:inline-block;text-transform:uppercase;font-size:15px;margin-left:20px;margin-right:20px;text-decoration:none;font-weight:bold;}
DIV#header A:hover {text-decoration:none;} 
DIV#header DIV.right {float:right;margin-top:10px;}

DIV.center {margin-left: auto;margin-right: auto;width:1024px;vertical-align:top;}

DIV.blue { background-color:rgb(0, 114, 198)}
DIV.blue A {color:White;}
DIV.transparent A {color:black;font-weight:bold;}

SPAN.logowhite {display:inline-block;height:47px;width:150px;background-image:url('img/logo3.png');background-repeat:no-repeat;}
SPAN.logoblack {display:inline-block;height:42px;width:150px;background-image:url('img/logo2.png');background-repeat:no-repeat;}

/* TOOLBAR */
DIV.toolbar {background-color:#F1F1F1;min-height:50px;/*border-bottom:1px solid #E2E2E2;font-size:13px;*/text-align:center;}
DIV.toolbar A {display:inline-block;padding:15px;text-transform:uppercase ;color:#666666;font-size:16px;text-decoration:none;}

#signup { float: right; padding: 8px 25px; }

/* FOOTER */
DIV.footer {background-color:#212121;padding:50px;color:#b0b0b0;line-height: 14px;text-align:center;}
DIV.footer A {margin:10px;text-decoration:none;color:#b0b0b0}
DIV.footer A:hover{text-decoration:none;}

DIV.footersignup {
    margin-top:80px;
    background-color:#F9F9F9;
    text-align:center; padding:30px;
}

div.footersignup h2 {
    font-size: 26px;
    font-weight: normal;
}

/* HOME BANNER*/
DIV.homebanner {height:350px;background-image: url(img/banner/nexus6.jpg);}
DIV.homebanner H1 {font-size:70px;font-weight:bold;margin-top:30px;margin-bottom:0px;text-transform:uppercase}
DIV.homebanner H2 {font-size:34px;font-weight:normal;margin-top:0px;}
DIV.homebanner P {font-size:18px;line-height:28px;color:rgb(102, 102, 102);}


/* MAIN */
DIV.title {  clear: both;margin-left: auto;margin-right: auto;width:1024px;vertical-align:top;padding-top:20px;padding-bottom:20px;text-align:center;}
DIV.title H1 {font-size:45px;font-weight:normal;margin-bottom:5px}
DIV.title P {}

DIV.section {margin-left: auto;margin-right: auto;width:1000px;vertical-align:top;padding-top:0px;padding-bottom:30px;}
DIV.section H2 {text-transform:uppercase;margin-top:5px;margin-bottom:5px;font:'Open Sans';font-size:24px;font-weight:normal;}
DIV.section P {color:rgb(102, 102, 102);}

.blue {color:#FFFFFF;background:#0078bd;}
.gray {background:#F9F9F9;padding:40px;}
.white {padding:20px;}

DIV.col3 {display:inline-block;vertical-align:top;width:320px;padding:5px;}
DIV.col3 H2 {font:'Open Sans';font-size:24px;font-weight:normal;margin-top:15px;margin-bottom:5px;}
DIV.col3 P {margin-top:5px;}

DIV.col2 {display:inline-block;vertical-align:top;width:400px;padding:25px;text-align:center;}
DIV.col2 H2 {font:'Open Sans';font-size:26px;font-weight:normal;margin-top:15px;margin-bottom:5px;}
DIV.col2 UL {text-align:left;}

DIV.section2 {margin-left: auto;margin-right: auto;width:1300px;vertical-align:top;padding-top:0px;padding-bottom:30px;}
DIV.section2 H2 {text-transform:uppercase;margin-top:5px;margin-bottom:5px;font:'Open Sans';font-size:24px;font-weight:normal;}
DIV.section2 P {color:rgb(102, 102, 102);}

DIV.col4 {display:inline-block;vertical-align:top;width:400px;padding:15px;text-align:center;}
DIV.col4 H2 {font:'Open Sans';font-size:26px;font-weight:normal;margin-top:15px;margin-bottom:5px;}


IMG.phone {margin-left:50px;margin-right:50px;height:400px;}
IMG.screenshot {border:1px solid gray;}

/* PRICE */

DIV.pricebox {display:inline-block;vertical-align:top;width:300px;border:1px solid gray;padding:10px;height:250px;}
DIV.pricebox2 {display:inline-block;vertical-align:top;width:300px;border:1px solid gray;padding:10px;height:50px;}
SPAN.tick {font-size: 34px;color: rgb(0, 114, 198);}

.price {font-size:24px;font-weight:normal;margin-top:15px;margin-bottom:5px;color:rgb(0, 114, 198)}

.price SMALL { font-size: 22px;  font-weight: 400;  position: relative;  top: -15px;  padding-right:2px;}


A.item {display:inline-block;width:150px;padding:5px;}

/* DOWNLOAD */

A.boxbutton  {
    background: -webkit-linear-gradient(top,#008dfd 0,#0370ea 100%);
    background: -o-linear-gradient(top,#008dfd 0,#0370ea 100%);
    background: -ms-linear-gradient(top,#008dfd 0,#0370ea 100%);
    background: linear-gradient(top,#008dfd 0,#0370ea 100%);
  border: 1px solid #076bd2;
  color: #fff;
  display: inline-block;
  font-size: 13px;font-weight: 700;
  line-height: 1.6;
  padding: 8px 25px;
  text-align: center;
  text-decoration: none;
  text-transform:uppercase;
  text-shadow: 1px 1px 1px #076bd2;
  width: 110px;  margin:8px;
}

a.more:before {
    content: "";
    display: inline-block;
    background: url("img/more.png") no-repeat;
    width: 38px;
    height: 38px;
    vertical-align:middle;
    margin: 0 6px 0 0;
}

/* HELP */
#popup  { z-index: 1042; position: absolute;text-align:center}
#popup SPAN.close {color:white;text-align:center;cursor:pointer;padding:2px 5px 2px 5px;background-color:#333333;border-radius:8px;}
#popup DIV.container {background-image:url(img/phone.png);background-repeat:no-repeat;width:322px;height:647px;}
#popup DIV.container video {margin-left:0px;margin-top:48px;width:300px;}

DIV.video {float:right;margin-left:30px;background:url('img/video.png');background-repeat:no-repeat;height:32px;display:inline-block;padding-left:40px;padding-top:4px;font-size:15px;font-weight:normal;vertical-align:middle;cursor:pointer;}



DIV.help H2 {border-bottom:1px solid #CCC;margin-top:20px;margin-bottom:20px;}

a.block {   color: black;}
a.block h2 { color:rgb(0, 114, 198)}



DIV.fill { 
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  z-index: 1;
  color:white;
}

DIV.fill DIV.title { padding-top:60px;padding-bottom:60px;}
DIV.fill DIV.title H1 {font-size:45px;font-weight:normal;margin:0px;padding-top:20px;padding-bottom:20px;}

/* TOUR */
a.app {display:block;margin-bottom:10px;}
    a.app:hover { background-color:#F9F9F9;
    }
span.apptitle {display:block;}
span.appinfo {display:block;color:black;}

div.title h1.black {color:black;}

/* Customers */
H1.industry {font-size:20px;font-weight:normal;padding:0px;margin:10px;padding-top:20px;padding-bottom:20px}
div.feature {display:block;margin-bottom:10px;}
div.feature span.title {display:block;font-weight:bold}
div.feature span.subtitle {display:block;color:black;}


/* HELP */
TABLE.excel {width:100%;border-collapse: collapse;table-layout:fixed;}
TABLE.excel TH {padding:5px;border:1px solid #CBCBCB;font-weight:normal;background:#F1F1F1;color:gray;padding:7px 10px 7px 10px;}
TABLE.excel TD {padding:5px;border:1px solid #CBCBCB;padding:7px 10px 7px 10px;}
TABLE.excel TD:first-child { font-weight:bold;}

/* VIDEO */
div.videoweb { display:inline-block;text-align:center}
div.videoweb, div.videomobile div.title { font-weight:bold;}

div.videoweb video {
    width: 300px;
    border: 1px solid gray;
}

div.videomobile { display:inline-block;text-align:center;margin-right:20px;}
div.videomobile video {
        height:400px;
    }


/* FEATURE */
table.feature {
width:100%;border:0;padding:0;}

table.feature td:first-child {width:600px;}

    table.feature li {margin-bottom:2em;
    }

h2.feature {
    text-align:center;
    font-size: 30px;
    font-weight: normal;
    margin: 20px;
}


div.col3 img {width:60px;display:block;margin-left:auto;margin-right:auto;}