html {
 font-size:112.5%;
 line-height:1.55556em
}
.w-full {
 width:100%
}
.text-navy {
 color:#4573A9 !important
}
.text-purple {
 color:#aa4ea2 !important
}
.text-blue {
 color:#4467d3 !important
}
#homepage-navbar {
 position:relative;
 z-index:10
}
#homepage-navbar a.myaccount-dropdown,
#homepage-navbar .login-button {
 border-left:1px solid #79bef6;
 border-left:1px solid rgba(255,255,255,0.4)
}
#homepage-navbar>div nav>a {
 color:#a6d4f9;
 color:#a6d4f9;
 fill:#a6d4f9;
 stroke:#a6d4f9;
 color:rgba(255,255,255,0.6);
 fill:rgba(255,255,255,0.6);
 stroke:rgba(255,255,255,0.6)
}
#homepage-navbar>div nav>a.active,
#homepage-navbar>div nav>a.dropdown-open,
#homepage-navbar>div nav>a:hover {
 color:#fff;
 fill:#fff;
 stroke:#fff
}
#homepage-navbar>div nav+nav>a {
 color:#d2e9fc;
 fill:#d2e9fc;
 stroke:#d2e9fc;
 color:rgba(255,255,255,0.8);
 fill:rgba(255,255,255,0.8);
 stroke:rgba(255,255,255,0.8)
}
.bg-gray-gradient {
 clear:both;
 width:100%
}
.bg-gray-gradient>div {
 margin:0 auto;
 width:90%;
 max-width:1100px;
 text-align:center
}
.bg-gray-gradient {
 background:white;
 background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjA0Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjVmNWY1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 100%;
 background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0.04)),color-stop(100%, #f5f5f5)) 100%;
 background:-moz-linear-gradient(rgba(255,255,255,0.04) 0%,#f5f5f5) 100%;
 background:-webkit-linear-gradient(rgba(255,255,255,0.04) 0%,#f5f5f5) 100%;
 background:linear-gradient(rgba(255,255,255,0.04) 0%,#f5f5f5) 100%
}
.home-market-leaders {
 margin:10px 50px;
 display:-webkit-flex;
 display:flex;
 -webkit-flex-flow:row nowrap;
 flex-flow:row nowrap
}
.home-market-leaders .background,
.home-market-leaders .foreground {
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 width:100%;
 -webkit-flex:none;
 flex:none
}
.home-market-leaders .background {
 margin-top:-30px
}
.home-market-leaders .background img {
 display:none
}
.home-market-leaders .foreground {
 margin-left:-100%
}
.home-market-leaders .foreground h1 {
 margin-top:-50px;
 font-size:2.33333em;
 line-height:1.33333em;
 line-height:1.20556em;
 letter-spacing:-2.2px;
 color:#22a0c7
}
@media screen and (max-width: 567px) {
 .home-market-leaders .foreground h1 .special-hyphen {
  display:block;
  opacity:0;
  height:0
 }
}
.home-market-leaders .foreground h2 {
 margin-top:0;
 color:#888a8a
}
.home-market-leaders .foreground h1,
.home-market-leaders .foreground h2 {
 font-weight:400
}
.home-market-leaders .foreground .pure-g:nth-of-type(2) {
 justify-content:center;
 margin:0 10px
}
.home-market-leaders .foreground .pure-g:nth-of-type(2)>div {
 z-index:1
}
.home-market-leaders .foreground .green-cta.middle {
 font-size:1em;
 text-align:center;
 font-weight:bold;
 display:block;
 padding-top:1.222em;
 padding-bottom:1.111em;
 margin:2.556em auto -1.333em
}
.customer-card {
 background-color:rgba(255,255,255,0.5);
 text-align:center;
 width:auto;
 height:100%;
 border-radius:.25em;
 padding:1.35em 0.8em;
 border:1px solid rgba(96,99,99,0.15)
}
.customer-card>div>svg,
.customer-card>div>img {
 width:100%
}
.customer-card .verizon {
 position:relative;
 top:3px
}
.customer-card .ibm {
 position:relative;
 top:4px
}
.customer-card .adobe {
 position:relative;
 top:5px
}
.customer-card .netflix {
 position:relative;
 max-width:90%;
 left:5px;
 top:4px
}
#home-environments {
 max-width:1100px;
 margin:0 auto;
 padding-top:6em;
 padding-bottom:1.6em
}
#home-environments>div {
 text-align:center;
 padding:28px 28px 84px 28px;
 background-color:#fff;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px;
 -moz-box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;
 -webkit-box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;
 box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;
 position:relative;
 top:-25px;
 margin:0em auto 3.11111em auto;
 max-width:100%
}
#home-environments>div>h2 {
 color:#888a8a;
 font-size:1.22222em;
 line-height:1.27273em
}
#home-environments>div>h2>span {
 color:#606363;
 text-transform:uppercase;
 font-weight:600
}
#home-environments>div>a {
 position:absolute;
 margin:0 0 0 -65px;
 bottom:36px;
 left:50%
}
#home-environments>div.last {
 margin-bottom:0em
}
#home-why-da {
 background:#22a0c7
}
#home-why-da h2 {
 color:#fff
}
#home-why-da p {
 color:#d2ecf3
}
#home-why-da a {
 color:white
}
#home-ad-tech {
 background-image:url("/sites/deviceatlas.com/themes/brewdock/images/static-pages/backgrounds/ad-tech-background.jpg");
 background-repeat:no-repeat;
 background-position:left center
}
#home-ad-tech h2,
#home-ad-tech p {
 max-width:700px;
 margin:28px auto
}
#home-partners h2,
#home-partners p {
 max-width:700px;
 margin:28px auto
}
#home-partners>div>div {
 margin:28px auto
}
#home-partners>div>div>div>svg,
#home-partners>div>div>div>img {
 margin:28px auto;
 display:block
}
#home-partners .nginx,
#home-partners .gsma,
#home-partners .haproxy,
#home-partners .varnish-software {
 width:48%
}
#home-partners .gsma,
#home-partners .varnish-software {
 margin-left:4%
}
#home-partners .digital-element {
 display:none
}
#data-insights>div {
 padding-top:56px
}
#data-insights h3,
#data-insights h4>a {
 font-size:1em;
 line-height:1.55556em
}
#data-insights h3 {
 color:#22a0c7
}
#data-insights h4>a {
 color:#393D3D;
 font-weight:400;
 text-transform:none
}
#data-insights h4>a>span {
 font-size:0.77778em;
 line-height:2em;
 color:#858888
}
#data-insights a {
 font-size:14px;
 text-transform:uppercase;
 font-weight:600
}
#data-insights .pure-u-5-5 {
 position:relative;
 padding-bottom:28px
}
#data-insights .pure-u-5-5+div {
 margin-top:56px
}
#data-insights .pure-u-5-5>a {
 position:absolute;
 bottom:0px
}
#home-partners .hide {
 display:none
}
.features>div>p {
 max-width:700px;
 margin:1em auto 1em auto
}
.features>div>h2+p {
 margin:1em auto 2em auto
}
.features>div>div {
 text-align:left
}
.features>div>div h3,
.features>div>div p {
 margin-top:0px
}
.features>div div {
 margin-right:0%
}
.features>div div.second {
 margin-left:0%;
 margin-right:0em
}
.features>div div.pure-u-8-24 {
 margin-right:4.16667%
}
.features>div div>p,
.features>div div>svg,
.features>div div>img {
 margin-bottom:56px
}
.how-it-works div {
 text-align:center
}
.how-it-works .mobile {
 margin-top:28px;
 margin-bottom:56px
}
.how-it-works .desktop {
 display:none
}
.how-it-works>div>h2,
.features>div>h2 {
 margin-bottom:0px !important
}
.how-it-works>div>h2+p,
.features>div>h2+p {
 margin:0px auto
}
.how-it-works>div>.pure-g,
.features>div>.pure-g {
 padding-top:56px
}
.block-features p {
 margin-top:0em
}
#video-container {
 text-align:center;
 white-space:nowrap;
 position:fixed;
 width:100%;
 height:100%;
 max-width:720px;
 z-index:120;
 left:0;
 right:0;
 margin-left:auto;
 margin-right:auto
}
#video-container:before {
 content:'';
 display:inline-block;
 height:100%;
 vertical-align:middle
}
#video-container>.iframe-container {
 display:inline-block;
 vertical-align:middle;
 width:90%;
 height:0px;
 position:relative;
 padding-bottom:51.25%;
 -moz-box-shadow:rgba(0,0,0,0.12) 0px 0px 8px,rgba(0,0,0,0.24) 0px 8px 8px;
 -webkit-box-shadow:rgba(0,0,0,0.12) 0px 0px 8px,rgba(0,0,0,0.24) 0px 8px 8px;
 box-shadow:rgba(0,0,0,0.12) 0px 0px 8px,rgba(0,0,0,0.24) 0px 8px 8px
}
#video-container>.iframe-container>iframe {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.device-selectors {
 background-repeat:no-repeat;
 background-position:center bottom;
 position:relative;
 overflow:hidden;
 margin-top:3.11111em
}
.device-selectors div {
 position:absolute;
 left:100%;
 text-align:center
}
.device-selectors div.active {
 position:relative;
 left:0%
}
.device-selectors div.left-arrow,
.device-selectors div.right-arrow {
 position:absolute;
 display:inline-block;
 font-size:50px;
 line-height:1;
 z-index:4;
 left:auto;
 top:60px;
 background-color:rgba(57,61,61,0.4);
 color:white;
 width:44px;
 padding:0px 0px 11px 0px;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 border-radius:2px;
 cursor:pointer
}
.device-selectors div.left-arrow:hover,
.device-selectors div.left-arrow:active,
.device-selectors div.right-arrow:hover,
.device-selectors div.right-arrow:active {
 background-color:rgba(57,61,61,0.6)
}
.device-selectors div.right-arrow {
 right:0%
}
.device-selectors div p {
 color:#22a0c7;
 text-align:center !important;
 margin:0px 0px 56px 0px
}
.device-selectors div p,
.device-selectors div img {
 cursor:pointer
}
.svg-supported .device-selectors {
 background-image:url("/sites/deviceatlas.com/themes/brewdock/images/static-pages/overview/data-selector-arrow.svg")
}
.svg-unsupported .device-selectors {
 background-image:url("/sites/deviceatlas.com/themes/brewdock/images/static-pages/overview/data-selector-arrow.png")
}
.device-data {
 box-sizing:border-box;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px;
 background-color:#4eb3d2;
 margin-bottom:28px
}
.device-data>div {
 width:100%;
 display:none
}
.device-data>div.active {
 display:block
}
.device-data>div>div {
 margin:0px;
 padding:28px 0px;
 box-sizing:border-box
}
.device-data>div>div>div {
 box-sizing:border-box
}
.device-data>div>div>div table {
 margin:0px 7%;
 width:86%
}
.device-data>div>div>div th,
.device-data>div>div>div td {
 color:#fff;
 font-size:0.77778em;
 line-height:2em;
 width:50%
}
.device-data>div>div>div td {
 text-align:right
}
.device-data>div>div>div td img,
.device-data>div>div>div td svg {
 margin-top:5px;
 vertical-align:top
}
.device-data>div>div+div {
 margin:0px 7%;
 padding:14px 0px;
 border-top:1px solid #90cfe3;
 text-align:center;
 margin-top:0px
}
.code-samples {
 margin-bottom:28px
}
.code-samples .lic-selector .cloud,
.code-samples .lic-selector .enterprise {
 text-align:center;
 background-color:#f9f9f9;
 color:#606363;
 font-size:1.22222em;
 line-height:1.27273em;
 font-weight:500;
 -moz-border-radius-topleft:3px;
 -webkit-border-top-left-radius:3px;
 border-top-left-radius:3px;
 display:none;
 margin:0em;
 width:80%;
 padding:14px 0px
}
.code-samples .lic-selector .cloud.active {
 background-color:#22a0c7;
 color:#fff;
 display:inline-block
}
.code-samples .lic-selector .enterprise.active {
 background-color:#454B52;
 color:#fff;
 display:inline-block
}
.code-samples .lic-selector .cloud-swap-button,
.code-samples .lic-selector .enterprise-swap-button {
 display:inline-block;
 width:10%;
 text-align:center;
 height:30px;
 float:right;
 padding:13px 5%;
 -moz-border-radius-topright:3px;
 -webkit-border-top-right-radius:3px;
 border-top-right-radius:3px;
 cursor:pointer;
 -moz-box-shadow:rgba(0,0,0,0.4) 2px -2px 3px 0px inset;
 -webkit-box-shadow:rgba(0,0,0,0.4) 2px -2px 3px 0px inset;
 box-shadow:rgba(0,0,0,0.4) 2px -2px 3px 0px inset
}
.code-samples .lic-selector .cloud-swap-button {
 background-color:#22a0c7
}
.code-samples .lic-selector .enterprise-swap-button {
 background-color:#454B52
}
.code-samples .api-selector {
 margin:0em;
 width:90%;
 padding:0em 5%
}
.code-samples .api-selector p {
 display:inline-block;
 margin:9px 0px;
 padding:3px 14px;
 cursor:pointer;
 -moz-border-radius:17px;
 -webkit-border-radius:17px;
 border-radius:17px;
 -moz-transition:background-color 0.3s cubic-bezier(0.155, 1, 0.295, 1),color 0.3s cubic-bezier(0.155, 1, 0.295, 1);
 -o-transition:background-color 0.3s cubic-bezier(0.155, 1, 0.295, 1),color 0.3s cubic-bezier(0.155, 1, 0.295, 1);
 -webkit-transition:background-color 0.3s cubic-bezier(0.155, 1, 0.295, 1),color 0.3s cubic-bezier(0.155, 1, 0.295, 1);
 transition:background-color 0.3s cubic-bezier(0.155, 1, 0.295, 1),color 0.3s cubic-bezier(0.155, 1, 0.295, 1)
}
.code-samples .api-selector.cloud {
 background-color:#22a0c7
}
.code-samples .api-selector.cloud p {
 color:#fff
}
.code-samples .api-selector.cloud p.active {
 background-color:#fff;
 color:#22a0c7
}
.code-samples .api-selector.cloud p.ent-only {
 display:none
}
.code-samples .api-selector.enterprise {
 background-color:#454B52
}
.code-samples .api-selector.enterprise p {
 color:white
}
.code-samples .api-selector.enterprise p.active {
 background-color:white;
 color:#454B52
}
.code-samples .code-container {
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 background-color:#f9f9f9;
 border:1px solid #f2f2f2;
 border-top:0px;
 -moz-border-radius-bottomleft:3px;
 -webkit-border-bottom-left-radius:3px;
 border-bottom-left-radius:3px;
 -moz-border-radius-bottomright:3px;
 -webkit-border-bottom-right-radius:3px;
 border-bottom-right-radius:3px
}
.code-samples .code-container p {
 margin:28px;
 display:none
}
.code-samples .code-container p.active {
 display:block
}
.code {
 font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
 font-size:16px;
 word-break:break-all;
 word-break:break-word
}
.code .com {
 color:#959595
}
.code .typ,
.code .atn,
.code .dec,
.code .var {
 color:teal
}
.code .pun,
.code .opn,
.code .clo {
 color:#93a1a1
}
.code .kwd,
.code .linenums .tag {
 color:#1e347b
}
.code .str,
.code .atv {
 color:#D14
}
.code .indent {
 display:inline-block;
 padding-left:20px
}
#pricing-table .payment-option {
 width:220px;
 margin:0em auto 1.2em auto;
 background-color:#fff;
 text-align:center;
 position:relative;
 -moz-border-radius:28px;
 -webkit-border-radius:28px;
 border-radius:28px;
 -moz-box-shadow:inset rgba(0,0,0,0.06) 0px 0px 3px,inset rgba(0,0,0,0.12) 0px 0px 2px;
 -webkit-box-shadow:inset rgba(0,0,0,0.06) 0px 0px 3px,inset rgba(0,0,0,0.12) 0px 0px 2px;
 box-shadow:inset rgba(0,0,0,0.06) 0px 0px 3px,inset rgba(0,0,0,0.12) 0px 0px 2px
}
#pricing-table .payment-option p {
 letter-spacing:normal;
 display:inline-block;
 width:50%;
 margin:0em;
 padding:14px 0em;
 position:relative;
 z-index:2;
 cursor:pointer
}
#pricing-table .payment-option .background {
 background-color:#f2f2f2;
 position:absolute;
 z-index:1;
 height:40px;
 top:8px;
 width:92px;
 left:9px;
 -moz-border-radius:20px;
 -webkit-border-radius:20px;
 border-radius:20px;
 -moz-box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;
 -webkit-box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;
 box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px
}
#pricing-table .pat-block {
 width:100%;
 text-align:center;
 overflow:hidden;
 background-color:white;
 position:relative;
 -moz-box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;
 -webkit-box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;
 box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px;
 margin-bottom:3.11111em
}
#pricing-table .pat-block.second.second-row {
 margin-bottom:0em
}
#pricing-table .pat-block>h3 {
 font-size:1.11111em;
 line-height:1.4em;
 padding:14px 10%;
 width:80%;
 margin:0em
}
#pricing-table .pat-block>h3.cloud {
 color:#fff;
 background-color:#22A0C7
}
#pricing-table .pat-block>h3.apps {
 color:white;
 background-color:#AB4EA3
}
#pricing-table .pat-block>h3.operator {
 color:white;
 background-color:#4573A9
}
#pricing-table .pat-block>h3.local {
 color:white;
 background-color:#454B52
}
#pricing-table .pat-block .price {
 background-color:#f2f2f2;
 color:#817e7b;
 padding:14px 10%;
 height:84px;
 position:relative
}
#pricing-table .pat-block .price p {
 margin:0em
}
#pricing-table .pat-block .price div {
 height:56px
}
#pricing-table .pat-block .price div .monthly .cur,
#pricing-table .pat-block .price div .monthly .fig,
#pricing-table .pat-block .price div .yearly .cur,
#pricing-table .pat-block .price div .yearly .fig {
 font-size:2.66667em;
 line-height:1.16667em
}
#pricing-table .pat-block .price div .monthly .cur,
#pricing-table .pat-block .price div .yearly .cur {
 color:#9a9895
}
#pricing-table .pat-block .price div .monthly .fig,
#pricing-table .pat-block .price div .yearly .fig {
 font-weight:500;
 color:#606363
}
#pricing-table .pat-block .price .yearly {
 display:none
}
#pricing-table .pat-block .price .saving {
 color:#868380;
 font-size:0.66667em;
 line-height:2.33333em
}
#pricing-table .pat-block .price .saving span {
 color:#5e5a56;
 font-weight:700
}
#pricing-table .pat-block .features {
 background-color:white;
 padding:28px 10%
}
#pricing-table .pat-block .features hr {
 border:0;
 height:0;
 border-bottom:1px solid #e9e9e9;
 margin-top:1.55556em;
 margin-bottom:1.55556em
}
#pricing-table .pat-block .features p {
 font-size:14px;
 line-height:28px;
 margin:0em;
 color:#817e7b
}
#pricing-table .pat-block .features p span {
 color:#606363;
 font-weight:700
}
#pricing-table .pat-block .features p span.big {
 font-size:24px;
 display:block;
 font-weight:400
}
#pricing-table .pat-block .features .green-cta,
#pricing-table .pat-block .features .outlined-green-cta,
#pricing-table .pat-block .features .black-cta,
#pricing-table .pat-block .features .outlined-black-cta {
 font-size:13px;
 display:block;
 max-width:160px;
 width:100%;
 box-sizing:border-box;
 margin:8px auto
}
#pricing-table .pat-block .features .green-cta+a,
#pricing-table .pat-block .features .outlined-green-cta+a,
#pricing-table .pat-block .features .black-cta+a,
#pricing-table .pat-block .features .outlined-black-cta+a {
 margin-bottom:0px
}
#pricing-table .pat-block .features .more-info {
 cursor:help;
 text-decoration:underline;
 -moz-text-decoration-style:dotted;
 -webkit-text-decoration-style:dotted;
 text-decoration-style:dotted
}
#pricing-table .pat-block .features .more-info>sup {
 text-decoration:underline !important;
 -moz-text-decoration-color:#fff !important;
 -webkit-text-decoration-color:#fff !important;
 text-decoration-color:#fff !important
}
#pricing-table .pat-block .features .more-info>.popup {
 position:absolute;
 z-index:10;
 width:90%;
 max-width:200px;
 text-align:center;
 background-color:#aaa;
 color:#fff;
 padding:1em;
 border-radius:3px;
 left:50%;
 transform:translate(-50%, -100%);
 margin-top:-28px;
 line-height:22px;
 font-weight:400;
 display:none;
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity:0
}
#pricing-table .pat-block .features .more-info>.popup:after {
 top:99%;
 left:50%;
 border:solid transparent;
 content:" ";
 height:0;
 width:0;
 position:absolute;
 pointer-events:none;
 border-color:rgba(170,170,170,0);
 border-top-color:#aaa;
 border-width:14px;
 margin-left:-14px
}
#pricing-table .pat-block .features .more-info>.popup.cloud {
 background-color:#22a0c7
}
#pricing-table .pat-block .features .more-info>.popup.cloud:after {
 border-color:rgba(34,160,199,0);
 border-top-color:#22a0c7
}
#pricing-table .pat-block .features .more-info>.popup.local {
 background-color:#454B52
}
#pricing-table .pat-block .features .more-info>.popup.local:after {
 border-color:rgba(69,75,82,0);
 border-top-color:#454B52
}
#pricing-table .pat-block .features .more-info>.popup.apps {
 background-color:#AB4EA3
}
#pricing-table .pat-block .features .more-info>.popup.apps:after {
 border-color:rgba(171,78,163,0);
 border-top-color:#AB4EA3
}
#tech-partners div>svg,
#tech-partners div>img {
 margin:28px auto;
 display:block
}
#tech-partners h2 {
 text-align:center;
 margin-top:0em
}
#tech-partners>div {
 max-width:900px;
 margin-left:auto;
 margin-right:auto
}
#tech-partners>div>div {
 background-color:white;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 -moz-box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;
 -webkit-box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;
 box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;
 margin-bottom:3.11111em;
 margin-left:0em
}
#tech-partners>div>div p {
 margin:1.22em;
 margin-top:1.55556em;
 margin-bottom:1.55556em
}
#tech-partners>div>div.last {
 margin-bottom:0em
}
#filter-selectors {
 max-width:700px;
 margin-left:auto;
 margin-right:auto
}
#filter-selectors .green-cta {
 margin-right:2%;
 margin-top:13px;
 margin-bottom:13px
}
#filter-selectors .green-cta.cs {
 margin-right:0%
}
#customer-list {
 max-width:700px;
 margin-left:auto;
 margin-right:auto;
 margin-top:28px
}
#customer-list>div {
 background-color:white;
 width:100%;
 -moz-box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;
 -webkit-box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;
 box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 margin-bottom:1.55556em;
 text-align:center;
 position:relative
}
#customer-list>div.customer-item {
 z-index:2
}
#customer-list>div.customer-item>div {
 position:relative
}
#customer-list>div.customer-item>div a {
 letter-spacing:normal;
 font-size:14px;
 position:absolute;
 bottom:0.6em;
 right:1em
}
#customer-list>div.customer-item>div a svg,
#customer-list>div.customer-item>div a img {
 vertical-align:middle;
 margin:0px 0px -1px 3px;
 stroke:#22a0c7
}
#customer-list>div.customer-item .adobe {
 height:105px;
 padding-bottom:23px
}
#customer-list>div.customer-item .adobe.img-color {
 padding-left:18.5px
}
#customer-list>div.gutter-sizer {
 visibility:hidden;
 width:0%
}
@media (min-width: 400px) {
 #customer-list>div {
  width:45.83333%
 }
 #customer-list>div.gutter-sizer {
  width:8.33333%
 }
}
.two-button-cta div br {
 display:inline-block
}
.two-button-cta div br+a {
 margin:22px auto 0px auto
}
#customer-list .customer-item .img-color {
 position:absolute;
 top:0em;
 left:0em;
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity:0
}
#about-map {
 position:relative
}
#about-map svg {
 position:absolute;
 margin-left:-10px;
 margin-top:-22px
}
#about-map #dublin-office {
 left:45.5%;
 top:32.2%
}
#about-map #london-office {
 left:47.2%;
 top:33.4%
}
#about-map #toronto-office {
 left:26.6%;
 top:38.9%
}
#about-map #horsham-office {
 left:27.5%;
 top:41%
}
#about-map #new-delhi-office {
 left:67.8%;
 top:45.3%
}
#about-map #beijing-office {
 left:77.8%;
 top:41.2%
}
#about-map #hover-info-box {
 font-size:0.77778em;
 line-height:2em;
 background-color:white;
 -moz-box-shadow:rgba(0,0,0,0.2) 0em 0.1em 0.2em;
 -webkit-box-shadow:rgba(0,0,0,0.2) 0em 0.1em 0.2em;
 box-shadow:rgba(0,0,0,0.2) 0em 0.1em 0.2em;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 border-radius:2px;
 position:absolute;
 padding:0.2em 0.6em;
 display:none;
 color:#5e5a56
}
.sticky-table {
 overflow-x:scroll;
 position:relative
}
.sticky-table>table {
 width:100%
}
.sticky-table>table th,
.sticky-table>table td {
 padding:0.8em 1em;
 color:#393D3D
}
.sticky-table>table th svg,
.sticky-table>table th img,
.sticky-table>table td svg,
.sticky-table>table td img {
 vertical-align:middle
}
.sticky-table>table tr th {
 text-align:left;
 font-weight:400;
 color:white;
 background-color:#7ac6dd;
 position:relative;
 z-index:3
}
.sticky-table>table tr th>span {
 display:inline;
 cursor:help;
 background-repeat:repeat-x;
 background-size:2px 2px;
 background-position:0 20px;
 border-bottom:1px white dotted
}
.sticky-table>table tr th div {
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity:0;
 display:none;
 position:absolute;
 bottom:2.2em;
 background:white;
 width:200%;
 -moz-box-shadow:rgba(0,0,0,0.15) 0px 2px 5px,rgba(0,0,0,0.2) 0px 0px 1px;
 -webkit-box-shadow:rgba(0,0,0,0.15) 0px 2px 5px,rgba(0,0,0,0.2) 0px 0px 1px;
 box-shadow:rgba(0,0,0,0.15) 0px 2px 5px,rgba(0,0,0,0.2) 0px 0px 1px;
 padding:0.5em 1em;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 color:#606363
}
.sticky-table>table tr th div p {
 margin:0em
}
.sticky-table>table tr th div:after {
 content:'';
 position:absolute;
 top:100%;
 left:9%;
 margin-left:-8px;
 width:0;
 height:0;
 border-top:10px solid white;
 border-right:10px solid transparent;
 border-left:10px solid transparent
}
.sticky-table>table tr td {
 background-color:white
}
.sticky-table>table tr:nth-child(even)>td,
.sticky-table>table tr:nth-child(even) {
 background-color:#f2f2f2
}
.sticky-table>table tr th+th,
.sticky-table>table tr th+td,
.sticky-table>table tr td+td {
 text-align:center
}
.sticky-table>table .top-header {
 background-color:#2484a1 !important
}
.sticky-table>table .top-header>th {
 background-color:#2484a1;
 z-index:4;
 color:white
}
.sticky-table>table .top-header>th.cloud {
 background-color:#22a0c7;
 z-index:2
}
.sticky-table>table .top-header>th.local {
 background-color:#454B52;
 z-index:2
}
.sticky-table>table .second-header {
 background-color:#1c6880 !important
}
.sticky-table>table .second-header th,
.sticky-table>table .second-header td {
 background-color:#1c6880 !important;
 color:white
}
.sticky-table>table .top-padding {
 height:28px
}
.sticky-table>table .top-padding td {
 position:relative;
 z-index:4;
 background-color:#f9f9f9
}
.sticky-table #property-set {
 position:absolute;
 top:-190px
}
.white-section .sticky-table .top-padding>td {
 background-color:white
}
.sticky-heading {
 margin-bottom:0em;
 color:#36312c;
 text-align:center
}
.cs-quotes .quote {
 font-size:1.77778em;
 line-height:1.75em;
 font-size:32px;
 color:#22a0c7
}
.cs-quotes>div {
 position:relative
}
.cs-quotes>div>svg,
.cs-quotes>div>img {
 position:absolute;
 z-index:1
}
.cs-quotes>div>div {
 position:relative;
 z-index:2;
 margin:0em auto
}
.cs-quotes.green-gradient .quote,
.cs-quotes.purple-gradient .quote,
.cs-quotes.navy-gradient .quote,
.cs-quotes.blue-gradient .quote {
 color:#fff
}
#enterprise-trial-cta h2 {
 font-size:38px;
 line-height:56px;
 margin-bottom:0px
}
#enterprise-trial-cta h2+p {
 margin-top:0px
}
#ipad-outline {
 background-color:#fff;
 -moz-border-radius:15px;
 -webkit-border-radius:15px;
 border-radius:15px
}
@media (min-width: 35.5em) {
 .bg-gray-gradient>div {
  margin:-30px auto 0
 }
 .home-market-leaders .background img {
  display:block
 }
 .home-market-leaders .foreground h1 {
  margin-top:-10px
 }
 .device-selectors {
  max-width:662px;
  margin:0px auto
 }
 .device-selectors div {
  position:relative;
  width:18.27795%;
  left:0%
 }
 .device-selectors div.active {
  background-repeat:no-repeat;
  background-position:center bottom
 }
 .device-selectors div.left-arrow,
 .device-selectors div.right-arrow {
  display:none
 }
 .device-selectors div.device1,
 .device-selectors div.device2 {
  margin-right:4.22961%
 }
 .device-selectors div.device3 {
  margin-right:0.15106%
 }
 .svg-supported .device-selectors,
 .svg-unsupported .device-selectors {
  background-image:none
 }
 .svg-supported .device-selectors div.active {
  background-image:url("/sites/deviceatlas.com/themes/brewdock/images/static-pages/overview/data-selector-arrow.svg")
 }
 .svg-unsupported .device-selectors div.active {
  background-image:url("/sites/deviceatlas.com/themes/brewdock/images/static-pages/overview/data-selector-arrow.png")
 }
 .device-data>div>div>div th,
 .device-data>div>div>div td {
  width:auto
 }
 .device-data>div>div.col2,
 .device-data>div>div.col3 {
  border-left:1px solid #90cfe3
 }
 .device-data>div>div+div {
  margin:0px 2.3%
 }
 .code-samples .lic-selector .cloud,
 .code-samples .lic-selector .enterprise {
  -moz-border-radius-topleft:4px;
  -webkit-border-top-left-radius:4px;
  border-top-left-radius:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-top-right-radius:4px;
  border-top-right-radius:4px;
  display:inline-block;
  width:auto;
  padding:14px 20px;
  cursor:pointer
 }
 .code-samples .lic-selector .cloud {
  margin-right:18px
 }
 .code-samples .lic-selector .cloud-swap-button,
 .code-samples .lic-selector .enterprise-swap-button {
  display:none
 }
 .code-samples .api-selector {
  width:100%;
  padding:0%;
  -moz-border-radius-topright:4px;
  -webkit-border-top-right-radius:4px;
  border-top-right-radius:4px
 }
 .code-samples .api-selector p {
  margin:9px 0px 9px 22px
 }
 .code-samples .api-selector p+p {
  margin-left:0px
 }
 #pricing-table .pat-block {
  width:45%;
  margin-bottom:3.11111em
 }
 #pricing-table .pat-block.second-row {
  margin-bottom:0em
 }
 #pricing-table .pat-block.second {
  margin-left:10%
 }
 #customer-list>div {
  width:29.16667%
 }
 #customer-list>div.gutter-sizer {
  width:6.25%
 }
 #ipad-outline {
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px
 }
}
@media (min-width: 48em) {
 .bg-gray-gradient>div {
  margin:-40px auto 0
 }
 .home-market-leaders .background img {
  display:block
 }
 .home-market-leaders .foreground h1 {
  margin-top:-10px;
  font-size:2.22222em;
  line-height:1.4em;
  line-height:1.20556em
 }
 .img-fade {
  margin:0em
 }
 #home-why-da {
  background-position:110% center
 }
 #home-partners .nginx {
  width:13.90909%
 }
 #home-partners .digital-element {
  width:19.63636%;
  margin-left:6.81818%;
  display:block
 }
 #home-partners .gsma {
  width:5.54545%;
  margin-left:6.90909%
 }
 #home-partners .haproxy {
  width:18.36364%;
  margin-left:6.45455%
 }
 #home-partners .varnish-software {
  width:16.45455%;
  margin-left:5.90909%
 }
 #data-insights .pure-u-5-5+div {
  margin-top:0px;
  margin-left:6.25%
 }
 .features>div>div>div {
  margin-right:4.16667%
 }
 .features>div>div>div.second {
  margin-left:4.16667%;
  margin-right:0em
 }
 .hero-vimeo {
  left:12.5%;
  overflow:hidden
 }
 .hero-vimeo img {
  max-width:550px
 }
 .how-it-works .mobile {
  display:none
 }
 .how-it-works .desktop {
  display:inline
 }
 #tech-partners>div>div.second {
  margin-left:8.33333%
 }
 .sticky-table>table tr th div {
  width:80%
 }
 .sticky-table>table tr th div:after {
  left:4%
 }
 #ipad-outline {
  -moz-border-radius:27px;
  -webkit-border-radius:27px;
  border-radius:27px
 }
}
@media (min-width: 64em) {
 .bg-gray-gradient>div {
  margin:-50px auto 0
 }
 .home-market-leaders .background img {
  display:block
 }
 .home-market-leaders .foreground h1 {
  font-size:2.66667em;
  line-height:1.16667em
 }
 .home-market-leaders .foreground .pure-g:nth-of-type(2) {
  margin:0 auto
 }
 #home-environments>div {
  margin:0em
 }
 #home-environments>div+div {
  margin-left:6.25%
 }
 #home-why-da {
  background-position:100% center
 }
 .hero-vimeo {
  left:0em
 }
 .hero-vimeo img {
  max-width:100%
 }
}
@media (min-width: 80em) {
 .bg-gray-gradient>div {
  margin:-70px auto 0
 }
 .home-market-leaders .background img {
  display:block
 }
 #home-why-da {
  background-position:80% center
 }
 #ipad-outline {
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px
 }
}
.contact-select {
 width:100%;
 height:56px
}
.centered {
 margin:0 auto
}
.small-table {
 width:50% !important
}
.customer-icon {
 width:100%;
 height:100%
}
.smaller {
 width:80%;
 height:80%;
 margin-left:1.5em
}
.npd-logo {
 width:70%;
 height:70%;
 margin-left:1.5em
}
.oath-logo {
 width:75%;
 height:75%;
 margin:0 auto;
 margin:1em
}
.customer-container {
 padding-bottom:1em !important
}
.svg-larger {
 width:110%;
 height:110%
}
@media screen and (max-width: 760px) {
 .svg-larger {
  height:70%;
  width:70%
 }
}
.no-top-padding-margin {
 padding-top:0em !important;
 margin-top:0em !important
}
.reliable-ott-head {
 padding-bottom:0em !important
}
@media screen and (max-width: 769px) {
 .ott-svg {
  height:60%;
  width:60%;
  margin:0 auto !important
 }
}
.ott-table table {
 width:100% !important;
 letter-spacing:normal
}
.ott-table td,
.ott-table th {
 padding:24px 18px !important;
 vertical-align:top
}
.ott-table td svg,
.ott-table td png {
 margin-right:8px
}
.ott-table tbody>tr {
 border-top:1px solid #e2e2e2
}
.ott-table thead th {
 font-size:1.55556em;
 line-height:1.57143em;
 font-weight:400;
 color:#22a0c7
}
@media screen and (max-width: 960px) {
 .table-container {
  width:100%;
  overflow:scroll
 }
}
@media screen and (max-width: 960px) {
 .breadcrumb {
  font-size:0.75em
 }
}
#whats-inc>.clock::before {
 background:url("/sites/deviceatlas.com/themes/brewdock/images/static-pages/enterprise-trial/clock.svg") no-repeat
}
#whats-inc>.apis::before {
 background:url("/sites/deviceatlas.com/themes/brewdock/images/static-pages/enterprise-trial/apis.svg") no-repeat
}
#whats-inc>.cog::before {
 background:url("/sites/deviceatlas.com/themes/brewdock/images/static-pages/enterprise-trial/cog.svg") no-repeat
}
#whats-inc>.support::before {
 background:url("/sites/deviceatlas.com/themes/brewdock/images/static-pages/enterprise-trial/support.svg") no-repeat
}
.svg-unsupported #whats-inc>.clock::before {
 background:url("/sites/deviceatlas.com/themes/brewdock/images/static-pages/enterprise-trial/clock.png") no-repeat
}
.svg-unsupported #whats-inc>.apis::before {
 background:url("/sites/deviceatlas.com/themes/brewdock/images/static-pages/enterprise-trial/apis.png") no-repeat
}
.svg-unsupported #whats-inc>.cog::before {
 background:url("/sites/deviceatlas.com/themes/brewdock/images/static-pages/enterprise-trial/cog.png") no-repeat
}
.svg-unsupported #whats-inc>.support::before {
 background:url("/sites/deviceatlas.com/themes/brewdock/images/static-pages/enterprise-trial/support.png") no-repeat
}
#whats-inc {
 list-style:none;
 padding:0
}
#whats-inc>li {
 padding:28px 0 28px 60px;
 position:relative
}
#whats-inc>li::before {
 content:"";
 display:block;
 position:absolute;
 left:0;
 top:20px;
 width:44px;
 height:44px
}
.compound-input {
 position:relative;
 width:100%;
 margin:0 auto;
 margin-bottom:2%;
 height:50%
}
@media screen and (max-width: 48em) {
 .compound-input {
  margin-bottom:8%
 }
}
.compound-input * {
 position:absolute
}
.compound-input div {
 width:0;
 border:0.5px solid gray;
 left:60%;
 height:54px
}
.compound-input input[type="email"] {
 left:30%;
 padding-right:12%;
 width:40%
}
@media screen and (max-width: 48em) {
 .compound-input input[type="email"] {
  width:100%;
  left:0;
  padding-right: 44%;
 }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
 .compound-input input[type="email"] {
  margin-bottom:0%
 }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
 .compound-input input[type="email"] {
  margin-bottom:0%
 }
}
.compound-input input[type="submit"] {
 width:10%;
 left:60%;
 border:0px;
 box-shadow:transparent 0 0 0 0,transparent 0 0 0 0;
 color:#707070 !important;
 background-color:transparent !important
}
.compound-input input[type="submit"]:hover {
 box-shadow:transparent 0 0 0 0,transparent 0 0 0 0
}
@media screen and (max-width: 48em) {
 .compound-input input[type="submit"] {
  width:30%
 }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
 .compound-input input[type="submit"] {
  margin-bottom:0%
 }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
 .compound-input input[type="submit"] {
  margin-bottom:0%
 }
}
.compound-input p.compound-agreement {
 position:relative;
 display:none;
 width:40%;
 margin-top:8%;
 margin-bottom:0%;
 font-size:14px
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
 .compound-input p.compound-agreement {
  margin-top:1%;
  width:60% !important
 }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
 .compound-input p.compound-agreement {
  width:60% !important
 }
}
@media only screen and (width: 1024px) and (height: 1366px) and (orientation: portrait) {
 .compound-input p.compound-agreement {
  margin-top:10%;
  width:60% !important
 }
}
@media screen and (max-width: 48em) {
 .compound-input p.compound-agreement {
  width:90%
 }
 .compound-input p.compound-agreement input {
  margin-top:15%;
  margin-left:-10%;
  margin-right:1%
 }
}
.compound-input p.compound-agreement input {
 position:relative
}
.compound-input p.compound-agreement a {
 position:relative
}
.knowledge-base-hero {
 text-align:center
}
@media screen and (max-width: 48em) {
 .knowledge-base-hero h1 {
  margin-top:0% !important
 }
}
.knowledge-base-hero p {
 margin:0 auto;
 margin-bottom:5%;
 margin-top:2%
}
@media screen and (max-width: 48em) {
 .knowledge-base-hero p {
  display:none
 }
}
.knowledge-base-hero p.error {
 color:#E53935;
 font-size:14px;
 text-align:left !important;
 position:absolute;
 opacity:0;
 display:none
}
.knowledge-base {
 width:100%;
 margin:0 auto;
 padding-top:3%;
 margin-bottom:5%
}
.knowledge-base .odd {
 background-color:rgba(241,241,241,0.4)
}
.knowledge-base .pure-g {
 width:100%
}
.knowledge-base .knowledge-base-nav-close-button,
.knowledge-base .knowledge-base-nav-button {
 align-self:right;
 display:none !important
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-nav-close-button,
 .knowledge-base .knowledge-base-nav-button {
  display:inline-block !important
 }
}
.knowledge-base .knowledge-base-nav-close-button.knowledge-base-nav-close-button,
.knowledge-base .knowledge-base-nav-button.knowledge-base-nav-close-button {
 position:absolute;
 right:4%
}
.knowledge-base .knowledge-base-nav-close-button.knowledge-base-nav-button,
.knowledge-base .knowledge-base-nav-button.knowledge-base-nav-button {
 position:fixed;
 left:0;
 top:60%;
 z-index:10;
 opacity:.85;
 background-color:white !important;
 color:#22A0C7 !important
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
 .knowledge-base .knowledge-base-nav-close-button.knowledge-base-nav-button,
 .knowledge-base .knowledge-base-nav-button.knowledge-base-nav-button {
  top:30%
 }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
 .knowledge-base .knowledge-base-nav-close-button.knowledge-base-nav-button,
 .knowledge-base .knowledge-base-nav-button.knowledge-base-nav-button {
  top:30%
 }
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-sidenav {
  z-index:10;
  position:fixed;
  left:-200%;
  background-color:white;
  top:0;
  padding-top:20% !important;
  height:100vh;
  width:85%;
  -moz-box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;
  -webkit-box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;
  box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;
  -moz-transition:all .5s ease;
  -o-transition:all .5s ease;
  -webkit-transition:all .5s ease;
  margin-top:-3%;
  margin-bottom:5%
 }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
 .knowledge-base .knowledge-base-sidenav {
  width:40%;
  padding-top:10% !important
 }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
 .knowledge-base .knowledge-base-sidenav {
  width:20%;
  padding-top:10% !important
 }
}
@media only screen and (width: 1024px) and (height: 1366px) and (orientation: portrait) {
 .knowledge-base .knowledge-base-sidenav {
  width:30%
 }
}
.knowledge-base .knowledge-base-sidenav form {
 margin:0 auto;
 width:70%
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-sidenav form {
  margin-top:6%
 }
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-sidenav form {
  width:90%;
  margin-left:15%
 }
}
.knowledge-base .knowledge-base-sidenav form div {
 text-align:center;
 width:75%;
 border-radius:5px;
 background-color:#22A0C7;
 color:#fff
}
.knowledge-base .knowledge-base-sidenav form input[type="radio"] {
 margin-right:4%;
 margin-left:5%
}
.knowledge-base .knowledge-base-sidenav form label {
 margin-bottom:5%
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-sidenav form label {
  margin-bottom:2%
 }
}
.knowledge-base .knowledge-base-sidenav .topics-nav {
 margin-top:10%
}
.knowledge-base .knowledge-base-main-container {
 height:100%
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
 .knowledge-base .knowledge-base-main-container {
  width:100%
 }
}
@media only screen and (width: 1024px) and (height: 1366px) and (orientation: portrait) {
 .knowledge-base .knowledge-base-main-container {
  width:70%
 }
}
.knowledge-base .knowledge-base-main-container .thoughts {
 margin-top:-1.5%
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-main-container .thoughts {
  width:100%
 }
 .knowledge-base .knowledge-base-main-container .thoughts img {
  display:none !important
 }
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-main-container .thoughts a {
  margin-left:5%
 }
}
.knowledge-base .knowledge-base-main-container .thoughts a h3 {
 margin-bottom:2%
}
.knowledge-base .knowledge-base-main-container .thoughts a h3.da-header {
 margin-top:5%;
 margin-bottom:6%
}
.knowledge-base .knowledge-base-main-container .thoughts a p {
 margin-top:1%
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-main-container .thoughts a p {
  display:none
 }
}
.knowledge-base .knowledge-base-main-container .thoughts .pure-u-3-12 img {
 position:absolute;
 right:5%;
 height:90px;
 width:190px
}
.knowledge-base .knowledge-base-main-container .thoughts .pure-u-3-12 img.da {
 margin-top:-1%
}
.knowledge-base .knowledge-base-main-container .thoughts .pure-u-3-12 img.mf {
 margin-bottom:4%
}
.knowledge-base .knowledge-base-main-container .thoughts .thoughts-container {
 width:95%;
 margin-bottom:5%
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-main-container .thoughts .thoughts-container {
  width:100%
 }
}
.knowledge-base .knowledge-base-main-container .thoughts .thoughts-container .read-more-arrow span {
 margin-bottom:10%
}
.knowledge-base .knowledge-base-main-container .thoughts .thoughts-container .field {
 margin-top:-3.5%;
 margin-left:5%
}
.knowledge-base .knowledge-base-main-container .thoughts .thoughts-container .pure-g {
 padding-top:1%;
 padding-bottom:2%
}
.knowledge-base .knowledge-base-main-container .thoughts .thoughts-container .first-header {
 margin-top:0%
}
.knowledge-base .knowledge-base-main-container .thoughts .thoughts-container h3 {
 font-size:18px;
 margin-top:0%;
 margin-bottom:1%;
 margin-left:5%
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-main-container .thoughts .thoughts-container h3 a {
  margin-left:5%;
  width:90%;
  margin:0 auto
 }
}
.knowledge-base .knowledge-base-main-container .thoughts .thoughts-container p {
 line-height:28px;
 margin:0;
 padding:0;
 margin-left:5%
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-main-container .thoughts .thoughts-container p {
  margin:0 auto;
  width:90%
 }
}
.knowledge-base .knowledge-base-main-container .thoughts .thoughts-container p span {
 font-weight:700
}
.knowledge-base .knowledge-base-main-container .thoughts .thoughts-container .read-more-arrow {
 margin-left:5%
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-main-container .thoughts .thoughts-container .read-more-arrow {
  margin-left:5%;
  width:90%
 }
}
.knowledge-base .knowledge-base-main-container .tools {
 height:100%;
 margin:0 auto
}
.knowledge-base .knowledge-base-main-container .tools .pure-g {
 width:95%
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-main-container .tools {
  width:100%
 }
 .knowledge-base .knowledge-base-main-container .tools p {
  margin-bottom:1%;
  margin-top:1%
 }
}
.knowledge-base .knowledge-base-main-container .tools div p,
.knowledge-base .knowledge-base-main-container .tools div h3 {
 font-size:18px;
 margin-left:5%
}
.knowledge-base .knowledge-base-main-container .tools div h3 {
 margin-bottom:0%
}
.knowledge-base .knowledge-base-main-container .tools div p {
 margin-top:1%;
 margin-bottom:5%
}
.knowledge-base .knowledge-base-main-container .tools div div:last-of-type {
 display:flex;
 align-items:center
}
.knowledge-base .knowledge-base-main-container .tools div div:last-of-type a input {
 width:150px;
 margin:0 auto;
 display:inline-block
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-main-container .tools div div:last-of-type a input {
  margin-left:55%;
  margin-bottom:10%
 }
}
.knowledge-base .knowledge-base-main-container .whitepapers {
 margin:0 auto;
 height:90% !important
}
.knowledge-base .knowledge-base-main-container .whitepapers .whitepaper-card {
 margin-bottom:2% !important;
 transition:all .5s linear forwards;
 height:50% !important;
 border:1px solid #d3d3d3;
 position:relative;
 margin-right:5%;
 margin-bottom:3%;
 line-height:19px
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-main-container .whitepapers .whitepaper-card {
  margin-bottom:5% !important;
  margin:0 auto
 }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
 .knowledge-base .knowledge-base-main-container .whitepapers .whitepaper-card {
  width:40%
 }
}
@media only screen and (width: 1024px) and (height: 1366px) and (orientation: portrait) {
 .knowledge-base .knowledge-base-main-container .whitepapers .whitepaper-card {
  width:40%
 }
}
.knowledge-base .knowledge-base-main-container .whitepapers .whitepaper-card .card-head {
 text-align:center;
 top:0;
 left:0;
 max-height:30%;
 width:100%
}
.knowledge-base .knowledge-base-main-container .whitepapers .whitepaper-card .card-head .head-image,
.knowledge-base .knowledge-base-main-container .whitepapers .whitepaper-card .card-head img {
 height:150px !important;
 width:100%
}
.knowledge-base .knowledge-base-main-container .whitepapers .whitepaper-card .card-head a {
 margin-left:5%;
 font-size:18px;
 font-weight:700;
 padding:5%;
 margin-top:15%;
 position:absolute;
 z-index:2;
 top:0;
 left:0;
 color:#fff
}
.knowledge-base .knowledge-base-main-container .whitepapers .whitepaper-card .card-body {
 height:250px;
 text-align:center
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-main-container .whitepapers .whitepaper-card .card-body {
  height:200px
 }
}
.knowledge-base .knowledge-base-main-container .whitepapers .whitepaper-card .card-body p {
 font-size:16px;
 margin:0 auto;
 margin-top:15%;
 margin-bottom:15%;
 width:80%;
 height:30%
}
.knowledge-base .knowledge-base-main-container .keyposts-container a h3 {
 margin-top:0%;
 margin-bottom:2%
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-main-container .keyposts-container a h3 {
  margin-left:5%;
  width:95%;
  margin-top:15%
 }
}
.knowledge-base .knowledge-base-main-container .keyposts-container .keyposts {
 width:95%;
 margin-bottom:5%
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-main-container .keyposts-container .keyposts {
  width:100%
 }
}
.knowledge-base .knowledge-base-main-container .keyposts-container .keyposts * {
 font-size:18px;
 padding-left:1%
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-main-container .keyposts-container .keyposts * p,
 .knowledge-base .knowledge-base-main-container .keyposts-container .keyposts * h3 {
  width:95%;
  margin-left:3%
 }
}
.knowledge-base .knowledge-base-main-container .keyposts-container .keyposts p {
 margin-left:2%;
 margin-top:-2%;
 width:80%
}
.knowledge-base .knowledge-base-main-container .keyposts-container .keyposts p a {
 margin-left:-2%
}
.knowledge-base .knowledge-base-main-container .keyposts-container .keyposts h3 {
 margin-left:2%;
 margin-top:1%
}
.knowledge-base .knowledge-base-main-container #mobile-reports-container {
 width:100%
}
.knowledge-base .knowledge-base-main-container #mobile-reports-container h2 {
 display:none
}
.knowledge-base .knowledge-base-main-container #mobile-reports-container h3,
.knowledge-base .knowledge-base-main-container #mobile-reports-container h4,
.knowledge-base .knowledge-base-main-container #mobile-reports-container img {
 margin-left:2%
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-main-container #mobile-reports-container {
  margin-left:0
 }
 .knowledge-base .knowledge-base-main-container #mobile-reports-container img {
  display:none
 }
 .knowledge-base .knowledge-base-main-container #mobile-reports-container h3,
 .knowledge-base .knowledge-base-main-container #mobile-reports-container h4 {
  margin-left:8% !important
 }
}
.knowledge-base .knowledge-base-main-container #mobile-reports-container .mobile-reports {
 width:95%
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
 .knowledge-base .knowledge-base-main-container #mobile-reports-container .mobile-reports {
  margin:0 auto;
  margin-left:2%;
  width:100%
 }
 .knowledge-base .knowledge-base-main-container #mobile-reports-container .mobile-reports p {
  width:95% !important
 }
 .knowledge-base .knowledge-base-main-container #mobile-reports-container .mobile-reports a {
  margin-left:20%
 }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
 .knowledge-base .knowledge-base-main-container #mobile-reports-container .mobile-reports {
  margin:0 auto;
  margin-left:2%;
  width:100%
 }
 .knowledge-base .knowledge-base-main-container #mobile-reports-container .mobile-reports p {
  width:95% !important
 }
 .knowledge-base .knowledge-base-main-container #mobile-reports-container .mobile-reports a {
  margin-left:20%
 }
}
.knowledge-base .knowledge-base-main-container #mobile-reports-container .mobile-reports .report-link {
 margin-left:20%
}
.knowledge-base .knowledge-base-main-container #mobile-reports-container .mobile-reports .pure-u-5-5 {
 font-size:16px
}
@media screen and (max-width: 48em) {
 .knowledge-base .knowledge-base-main-container #mobile-reports-container .mobile-reports .pure-u-5-5 img {
  display:none !important
 }
 .knowledge-base .knowledge-base-main-container #mobile-reports-container .mobile-reports .pure-u-5-5 p,
 .knowledge-base .knowledge-base-main-container #mobile-reports-container .mobile-reports .pure-u-5-5 a {
  margin:0 auto
 }
 .knowledge-base .knowledge-base-main-container #mobile-reports-container .mobile-reports .pure-u-5-5 h4,
 .knowledge-base .knowledge-base-main-container #mobile-reports-container .mobile-reports .pure-u-5-5 h4 {
  margin-left:5%
 }
}
.knowledge-base .knowledge-base-main-container #mobile-reports-container .mobile-reports .pure-u-5-5:first-of-type {
 margin-top:-2%
}
.knowledge-base .knowledge-base-main-container #mobile-reports-container .mobile-reports .pure-u-5-5:nth-child(2n) {
 background-color:rgba(241,241,241,0.4)
}
.knowledge-base .knowledge-base-main-container #mobile-reports-container .mobile-reports .pure-u-5-5 p {
 width:85%
}
.knowledge-base .knowledge-base-main-container #mobile-reports-container .mobile-reports .pure-u-5-5 img {
 display:inline-block;
 padding:2%;
 height:100px;
 width:100px
}
.whitepaper-card.animate {
 animation:disappear .5s
}
@keyframes disappear {
 90% {
  transform-origin:top left;
  transform:scale(0);
  opacity:0
 }
 100% {
  display:none
 }
}
.about-us-headers {
 margin-bottom:0 !important
}
.about-us-first-p {
 margin-top:0 !important
}
.about-us-addresses {
 margin:0 auto;
 align-content:center
}
@media screen and (max-width: 48em) {
 .about-us-addresses div p,
 .about-us-addresses div h4 {
  width:75%;
  margin:0 auto
 }
 .about-us-addresses div h4 {
  margin-left:12% !important
 }
}
.about-us-addresses p,
.about-us-addresses h4 {
 margin-top:0
}
.about-us-addresses h4 {
 margin-bottom:0 !important;
 margin-left:0 !important
}
.about-us-addresses div {
 align-content:center;
 margin:0 auto;
 vertical-align:top
}
.about-us-addresses div div {
 vertical-align:top;
 position:relative;
 align-self:center;
 margin:0 auto
}
.about-us-addresses div div.pure-u-5-5 {
 margin-left:5%
}
.about-us-patent img {
 height:75%;
 width:75%;
 margin:0 auto
}
@media screen and (max-width: 48em) {
 .about-us-patent div {
  text-align:center !important
 }
}
.about-us-by-numbers-icons {
 height:55%;
 width:55%;
 margin:0 auto;
 margin-top:20%;
 margin-left:40%
}
.about-us-by-numbers-icons.traffic {
 margin-left:35% !important
}
.single-p {
 margin-top:3%
}
.about-us-our-thinking-icons {
 height:75%;
 width:75%;
 margin:0 auto
}
.patents-table {
 table-layout:fixed !important
}
.patents-table tr {
 text-align:center
}
.globe-svg {
 display:block;
 margin-bottom:0;
 margin:0 auto;
 height:80%;
 width:80%
}
.data-file,
.robust {
 margin-left:10%;
 margin-top:5%
}
.fast {
 margin-top:-7%
}
.tooltip {
 position:absolute;
 display:inline-block
}
.tooltip-img {
 width:16px;
 height:16px;
 vertical-align:text-bottom;
 padding-bottom:1px;
 padding-left:6px
}
.tooltip-link {
 text-decoration:underline;
 color:white
}
.tooltip .tooltip-text {
 word-spacing:.12em;
 font-size:14px;
 visibility:hidden;
 width:280px;
 background-color:#454B52;
 color:white;
 text-align:center;
 border-radius:6px;
 padding:5px 10px;
 position:absolute;
 /*top:-20px;*/
 right:125%;
 opacity:0;
 transition:all 0.2s cubic-bezier(0, 0, 0.2, 1)
}
.tooltip .tooltip-text::after {
 content:"";
 position:absolute;
 top:42%;
 left:100%;
 border-width:8px;
 border-style:solid;
 border-color:#454B52 transparent transparent transparent;
 transform:rotate(-90deg)
}
.tooltip:hover .tooltip-text {
 visibility:visible;
 opacity:1
}
@media all and (max-width: 768px) {
 .tooltip-img {
  padding-bottom:2px
 }
}