@charset "utf-8";
/*layout*/

html, body, main, article, section, aside, hgroup, footer, nav, div, h1, h2, h3 {-moz-box-sizing: border-box; box-sizing: border-box; }
html, body {margin: 0px; padding: 0px; background-color:#f8f8f8; font-size: 100%;}
div#wrapper.top {width: 100%; height: 90px; padding: 0 20px; background-color:#ffffff; }
div#wrapper.top>section {max-width: 960px; height: 100%; margin: 0 auto; position: relative;}
div#wrapper.top>section>.toppromo {min-width: 100%; height: 40px; position: absolute;right: 0;top: 0; text-align: right; display: table-cell; font-family: Myriad Pro; }
div#wrapper.top>section>.toppromo>div {display: inline-block;}
div#wrapper.top>section>.toppromo>div.space {margin-right:25px; font-weight: bold; }
div#wrapper.top>section>.toppromo>div>span {font-family: 'entypo'; font-size: 2em;background-color: #000; color: #fff; }
div#wrapper.top>section>.toppromo>div>img {margin-bottom: -1px; width: 24px;}
div#wrapper.top>section>.logo {float:left; background-color: #22C1EE; position: relative; z-index: 1000;}
div#wrapper.top>section>nav.main {display: table-cell; position:absolute; right: 0; bottom: 0; background-color: #fff;}
div#wrapper>section>nav>ul {margin: 0; padding-left: 0; border-top: 1px dotted #22C1EE; }
div#wrapper>section>nav.main>ul li:first-of-type {border-left: 1px dotted #22C1EE; }
div#wrapper>section>nav>ul li {display: inline-block; list-style-type: none; padding: 10px 40px; margin-left: -4px; height: 20px; font-family: "Myriad Pro", Arial, Helvetica; color: #333; border-right: 1px dotted #22C1EE; background-color: #fff;}
div#wrapper>section>nav>ul li:hover {background-color: #22C1EE; color: #fff; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; }
div#wrapper.top>section>.dropdown {font-size: 3em;}
header#home {max-width: 100%; height: 415px; background:#ffffff url('img/main-bkground.jpg') no-repeat center top; }
header#home>.bucket {max-width: 1200px; height: 100%; padding: 0 30px; margin: 0 auto;} 
header#home>.bucket>.intro {max-width: 960px; margin: 0 auto; padding-top: 130px;text-align: center;}
div#wrapper.main {max-width: 1200px; padding: 30px 30px 70px; margin: 0 auto; background-color: #ffffff;}
div#wrapper.main.space {padding: 75px 30px 70px!important;}
div#wrapper.main.product {background: #fff url('/img/phone-bkground.jpg') no-repeat right top 50px;}
div#wrapper.main.support {background: #fff url('/img/phone-support.jpg') no-repeat right top 50px;}
main>article {max-width: 960px; margin: 0 auto;}
div.one-third {max-width: 33%; display: inline-block; vertical-align: top; margin-bottom: 10px; background-color: #f7f7f7; }
div.one-third>.more.spec {border-bottom: 1px dotted #ccc; font-size: .9em; }
div.one-third>.more.spec.heading {font-weight: bold; }
div.one-third>h2,h3 {padding: 10px; }
div.one-third>.description>p {padding: 10px; }
div.one-third>.more>p {padding: 10px; margin: 0; display: table-cell;}
div.one-third.promo {max-width: 33%; margin-bottom: 10px; display: inline-block; border: none; background-color: #fff!important; }
div.one-third.promo>.more>p {padding: 10px; margin: 0; width: 100%; display: table-cell;}
div.two-third {max-width: 63%; display: inline-block; margin-left: 1%; }
div.two-third.right {margin-right: 1%; margin-left: 0%!important;}
aside#bottom, footer {max-width: 1200px; margin: 0 auto; }
aside#bottom>section {width: 100%; background-color: #000; height: 80px; padding: 15px; display: inline-block;}
article ul {color: #333; }
div.two-third.styled {vertical-align: top; margin-bottom: 10px; background-color: #f7f7f7; margin-left: 0; margin-right: 1%; }
div.two-third.styled>.description {min-height: 170px; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; background-color: #f7f7f7; }
div.two-third.styled>.description>p {padding: 10px; }


div#solution {max-width: 100%; height: 5px; background:#22C1EE; }
/* header#solution>.bucket {max-width: 1200px; height: 100%; padding: 0 30px; margin: 0 auto;} 
header#solution>.bucket>.intro {max-width: 960px; margin: 0 auto; padding: 46px 0px; text-align: center;} */
div#wrapper>main>article>aside {margin: 20px 0; background-color: #f8f8f8; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
div#wrapper>main>article>aside>div {width: 33%; display: table-cell; padding: 10px; text-align: center;}
div#wrapper>main>article>aside>div>img {vertical-align: middle; vertical-align: -webkit-baseline-middle; }
div#wrapper>main>article>aside>div>p {display: inline-block; vertical-align: middle; vertical-align: -webkit-baseline-middle;}

aside#bottom>section>h2 {float: left; color: #fff}
aside#bottom>section>a {float: right;}
footer {padding: 1px 10px;}

/*style*/

h1, h2, h3, h4 {font-family: "Myriad Pro", Arial, Helvetica; font-size: 1.9em; line-height: 1.1; margin: .5em 0 .2em; font-weight: 100; }
header .bucket>.intro>h1 {font-size: 1.5em; line-height: 1.1; text-shadow: 1px 1px 5px rgba(64,64,64, 0.5); color: #ffffff;} 
h1 span {font-size: 1.7em;}
h2 {font-size:1.7em;color:#333;}
h3 {color:#333;font-size: 1.3em;}
div#wrapper>section>nav>ul li:after {font-family: 'entypo'; content: " \E75E";  }
div#wrapper>section>nav>ul li>a {color: inherit;}
a {text-decoration: none;}
aside#bottom>section>button.btmemail {font-size: 1.3em;background-color: #fff!important; color: #333!important;text-shadow: none;padding: 8px;margin-left: 30px; }

div.one-third>.description {min-height: 170px; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; background-color: #f7f7f7; }
div.one-third>.more {background-color: #fff;}
div.one-third.promo>.description {min-height: 170px; border-bottom: none; border-top: none; background-color: #fff; }
div.one-third.promo>a>.more {border: 2px solid #22C1EE; border-radius: 15px; }
div.one-third.promo>a>.more:hover {border: 2px solid #fff; color: #fff!important;  background-color: #22C1EE; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;  }
div.one-third.promo>a>.more>p {color: #22C1EE; text-align: center;}
div.one-third.promo>a>.more:hover>p {color:#fff!important;}
div.one-third.promo>.description>ul li {list-style-type: none;}
div.one-third.promo>.description>p {padding: 0px 10px; margin: 5px 0px; }
div.one-third.promo>.description>p:last-of-type {margin-bottom: 25px;}
div.one-third.promo>.description>p>span {font-family: 'entypo'; font-size: 2.5em; padding: 0px 10px; margin: 5px 0px; line-height: .5;}
div.one-third>h3>span {font-family: 'entypo'; font-size: 4em; padding: 0; color: #22C1EE; line-height: 1px; }
div.one-third>h2>span {font-family: 'entypo'; font-size: 3em; line-height: 0; padding: 0; }
div.two-third.why>p {display: inline-block; }
div.two-third.why>p>img {float: left; width: 120px; margin-right: 10px; }
img.third-img {width: 31%!important;}
.main ul li {font-family: "Myriad Pro", Arial, Helvetica; font-size: 1em;}
button {font-family: "Myriad Pro", Arial, Helvetica;font-size: inherit; color: #fff; padding: 15px; background-color: transparent; border: 2px solid; font-weight: bold; border-radius: 15px; }
button:hover {cursor: pointer; background-color: rgba(255,255,255,0.2); color: #fff; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; }
.btmemail {font-size: 1.3em; background-color: transparent; color: #fff; border: 2px solid #fff; text-shadow: none; padding: 8px; margin-left: 30px;}
button>span,button.btmemail>span,button.btmemail.full>span {font-family: 'entypo';font-size: 1.5em;line-height: 0;}
button.btmemail.small {display: none;}
div#map {height: 520px; width: auto; margin-top: 30px;}
form {max-width: 620px; }
form>ul {margin: 0; padding: 0; }
form>ul li {width: 100%; display: inline-block; list-style: none; font-family: "Myriad Pro", Arial, Helvetica; }
input[type="text"]:focus, textarea:focus {border-color: rgba(51, 51, 51, 0.2); box-shadow: none; outline: 0; transition: border linear 0.2s, box-shadow linear 0.2s;}
form>ul li>input, form>ul li>textarea {width: 100%; padding: .5em; border: 1px solid #f0f0f0; border-radius: 0; box-shadow: none; margin-bottom: 10px; }
form>ul li>input[type="checkbox"] {width: 10px;}
input, textarea {background-color: #f0f0f0; border: none;}
form>ul li>label {display: block;}
form>ul>button.cat_button {background-color: transparent; color: #22C1EE;}
form>ul>button.cat_button:hover {background-color: #22C1EE; border: 2px solid #22C1EE; color: #fff;}
.featured-image {margin: 10px 0 10px;}
.featured-products {margin: 60px 0 90px; }
.featured-support {margin: 60px 0 60px }
ul.internal-nav {padding: 0; }
ul.internal-nav li {list-style-type: none; display: table-cell; border: 1px dotted; padding: 10px 20px; }
ul.internal-nav li a {color: #333;}
figure {display: inline-block; margin: 0; width: 24%; } 
figure img {width: 110%; }
figcaption {text-align: center; font-family: "Myriad Pro", Arial, Helvetica;}


/*responsive*/

@media screen and (min-width: 760px) {
div#wrapper.top>section>.dropdown {display: none;}
div#wrapper.top>section>nav.navdown {display: none;}
}

@media screen and (max-width: 759px) {
div#wrapper.top>section>nav.main {display: none;}
div#wrapper.top>section>.toppromo {display: none;}
div#wrapper.top>section>.dropdown {float: right; height: 100%;}
div#wrapper.top>section>.dropdown>p {margin: 0;}
div#wrapper.top>section>nav.navdown {width: 100%; height: 100%; position: relative; opacity: 0;}
div#wrapper.top>section>nav.navdown>ul {border: none; top: 95px; position: absolute; width: 100%; }
div#wrapper.top>section>nav.navdown[open] {opacity: 1; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;  }
div#wrapper.top>section>nav.navdown[open]>ul li {background-color: #22C1EE; display: table; position: relative!important; width: 100%; z-index: 2; padding: 10px 5px!important; text-align: center; margin-bottom: 1px; border: none; }
}

@media screen and (max-width: 1017px) {
div#wrapper>section>nav>ul li:nth-child(3n+3) {display: none;}
div#wrapper.top {height: 95px;}
div#wrapper.top>section>.logo>a>img {width: 187px;}
div.one-third {max-width: 49%; display: inline-block; }
div.two-third {max-width: 49%; display: inline-block; margin-left: 1%; }
article>#map{display: none;}
div#wrapper.main.space {padding: 45px 30px 30px!important;}
}

@media screen and (max-width: 825px) {
header#home>.bucket>.intro {padding-top: 94px;}
aside#bottom>section>h2 {display:none;}
}

@media screen and (max-width: 700px) {
header#home>.bucket>.intro>h1 {font-size: 1.4em; line-height: 1.1;text-shadow: 1px 1px 5px rgba(64,64,64, 0.5);color: #ffffff;}
}

@media screen and (max-width: 650px) {
div.one-third {max-width: 100%; display: inline-block; }
div.one-third>.description {min-height: 130px; }
div.one-third.promo {max-width: 100%; margin-bottom: 10px; display: inline-block; border: none; }
div.two-third {max-width: 100%; display: inline-block; }
img.third-img {width: 100%;}
div#wrapper.main.product {background: #fff;}
div#wrapper.main.support {background: #fff;} 
figure {width: 49%; }
}

@media screen and (max-width: 600px) {
header#home>.bucket>.intro>h1 {font-size: 1em; line-height: 1.1;text-shadow: 1px 1px 5px rgba(64,64,64, 0.5);color: #ffffff;}
}

@media screen and (max-width: 440px) {
button.btmemail.small {display: table-cell;}
button.btmemail.full {display: none;}
}

@media screen and (max-width: 330px) {
div#wrapper.top {height: 72px;}
div#wrapper.top>section>.logo>a>img {width: 149px;}
div#wrapper.top>section>.dropdown {font-size: 2em;}
header#solution>.bucket>.intro {max-width: 960px; margin: 0 auto; padding: 17px 0px; text-align: center;}
header#home>.bucket>.intro>p {display: none;}
header#home {height: 315px;}
header#home>.bucket>.intro {padding-top: 35px; }
div#wrapper.main {max-width: 1200px; padding: 30px 20px; margin: 0px auto;  background-color: #FFF; }
button {font-weight: normal; padding: 6px; margin-top: 8px; font-size: 1em; border-radius: 15px; }
div#wrapper>main>article>aside>div>img {width: 58px;}
div#wrapper>main>article>aside>div>p {font-size: small; }
button.btmemail {font-size: 1.1em; }
ul.internal-nav li {font-size: .8em; padding: 10px 10px; }
div#wrapper.top>section>nav.navdown>ul {border: none; top: 77px; position: absolute; width: 100%; }
}




/*third party*/
/*	Entypo Font
	================================================ */

@font-face {
    font-family: 'entypo';
    src: url('entypo.eot');
    src: url('entypo.eot?#iefix') format('embedded-opentype'),
         url('entypo.woff') format('woff'),
         url('entypo.ttf') format('truetype'),
         url('entypo.svg#entypo') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'entypo-social';
    src: url('entypo-social.eot');
    src: url('entypo-social.eot?#iefix') format('embedded-opentype'),
         url('entypo-social.woff') format('woff'),
         url('entypo-social.ttf') format('truetype'),
         url('entypo-social.svg#entypo-social') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face 	{
    font-family: 'entypo-logo';
    src: 	url('entypo-logo-webfont.eot');
    src: 	url('entypo-logo-webfont.eot?#iefix') format('embedded-opentype'),
         	url('entypo-logo-webfont.woff') format('woff'),
         	url('entypo-logo-webfont.ttf') format('truetype'),
         	url('entypo-logo-webfont.svg#entypo-logo') format('svg');
   font-weight: normal;
   font-style: normal;

}




p {font-family: "Myriad Pro", Arial, Helvetica;color:#333;font-size:1em; line-height: 150%;}  p.bigtxt {font-size:1.3em;}  .qlogo {width: 255px; float: left;padding: 10px 0px 0px 0px;} .topnav {width:625px;position:absolute;bottom:20px;right:0px; font-family: "Myriad Pro" Arial, Helvetica;} .call {position:absolute;right:0;font-weight: bold;color: #999;} .topnav ul li {display:inline;float:left;padding-right: 20px;} .topnav li.bold {font-weight: bold;} .topnav li.last {padding-right:0px;} .hero {background-image:url('img/main-bkground.jpg'); height: 500px;position:relative;} .hero .bucket {position:relative;color:#fff;width: 960px;height: 100%;margin: 0 auto;} .hero .bucket .intro {width:775px;position:absolute;top:100px;} .intro p {font-size:1.3em;color:#fff!important;} .phone {position: absolute;right: 0;bottom: -175px;} @media screen and (min-width: 1200px) {.content {background-color:#fff; width:1200px; margin: 0px auto;} } @media screen and (max-width: 1199px) {.content {background-color:#fff; width:960px; margin: 0px auto;} }.content .bucket {width:960px;margin:0 auto; padding:20px;} .overview {width:360px;height:195px;} .overview .item {float: left;width:113px;height:190px;text-align:center;padding-right:2px;}.speechbuble {position:relative;padding:0px;margin:1em 0 3em;border:1px solid #ccc;color:#333;background:#fff;/* -webkit-border-radius:10px; */-moz-border-radius:10px;/* border-radius:10px; */}.speechbuble:before {content:"";position:absolute;bottom:-20px;left:40px;border-width:20px 20px 0;border-style:solid;border-color:#ccc transparent;display:block;width:0;}.speechbuble:after {content:"";position:absolute; bottom:-13px;left:47px; border-width:13px 13px 0; border-style:solid;border-color:#fff transparent;display:block; width:0;}.speechbuble.top:before {top:-13px;bottom:auto;left:auto;right:40px;border-width:0 13px 13px;}.speechbuble.top:after {top:-12px; bottom:auto;left:auto;right:40px; border-width:0 13px 13px;} .third {border: 1px solid #ccc; border-radius: 10px; width: 290px;float:left;padding: 10px;margin-right: 8px;margin-bottom: 8px;} .third ul {list-style: none;text-indent: -30px;font-family: myriad pro;font-size: 1em;} .third ul li:before {content: '✓';padding-right: 20px;font-size: 2em;} .strap {min-height: 420px; width: 100%;} #map-canvas {height: 400px;width: 960px;margin:0px 0px 40px;padding: 0px;float: left;} .btmcta {} .btmcta .imagery {} .btmcta .detail {background-color:#22c1ee; height: 50px;padding: 20px;} .btmcta .detail span {font-family: myriad pro;font-size: 2em;font-weight: bold;color: #fff;} 

.footer {width:960px;margin: 0 auto;}