/* ::::: https://www.nexmo.com/assets/css/screen.css ::::: */

/* ::::: https://fonts.googleapis.com/css?family=Roboto:400,500,400italic ::::: */

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	src: local("Roboto"), local("Roboto-Regular"), url('2ux7wltfw3w8tcltuvlfyq.woff') format("woff");
}
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 500;
	src: local("Roboto Medium"), local("Roboto-Medium"), url('rxzjdnzeo3r5zsexge8uut8e0i7kzn-epnyo3hzu7kw.woff') format("woff");
}
@font-face {
	font-family: "Roboto";
	font-style: italic;
	font-weight: 400;
	src: local("Roboto Italic"), local("Roboto-Italic"), url('1po9euap8psf8vnrtp3xnveszw2xoq-xsnqo47m55da.woff') format("woff");
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio:not([controls]) { display: none; height: 0px; }
html { font-size: 100%; }
button, html, input, select, textarea { font-family: sans-serif; }
body { margin: 0px; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0px none; }
p, pre { margin: 1em 0px; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
dl, menu, ol, ul { margin: 1em 0px; }
menu, ol, ul { padding: 0px 0px 0px 40px; }
nav ol, nav ul { list-style: outside none none; }
img { border: 0px none; }
svg:not(:root) { overflow: hidden; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0px none; padding: 0px; }
.cf:after, .cf:before { content: " "; display: table; }
.cf:after { clear: both; }
.grid { padding-left: 1.33%; padding-right: 1.33%; box-sizing: border-box; max-width: 1232px; margin-left: -1.33%; margin-right: -1.33%; }
.grid:after, .grid:before { content: " "; display: table; }
.grid:after { clear: both; }
.grid__item { margin-left: 1.33%; margin-right: 1.33%; box-sizing: border-box; float: left; }
.grid__item--2 { width: 30.66%; }
.grid__item--3 { max-width: 568px; width: 47.33%; }
.grid__item--4 { max-width: 768px; width: 64%; }
.quad__item:nth-of-type(4n+1) { clear: both; }
.menu { list-style: outside none none; padding: 0px; margin: 0px; }
.menu > li { float: left; font-size: 1em; margin: 0px; position: relative; }
.menu > li:first-of-type { margin-left: 0px; }
.menu li { position: relative; }
.menu a { padding: 0.5em 0px; text-decoration: none; }
.menu.menu--centered { text-align: center; }
.menu.menu--centered > li { float: none; display: inline-block; }
nav.pull-right .menu > li { margin-left: 1em; }
.menu--block > li { float: none; margin-left: 0px; }
ul.sub-menu { position: absolute; background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 0.5em 0px; overflow: hidden; top: -9999px; left: -9999px; min-width: 160px; z-index: 9999; border: 1px solid rgb(238, 238, 238); }
ul.sub-menu li { white-space: nowrap; float: none; display: block; margin-right: 0px; margin-left: 0px; }
ul.sub-menu li a { padding: 0.5em 1em; text-decoration: none; display: block; border-radius: 0px; }
li.has-sm a { background-image: url('menu-toggle.svg'); background-position: right center; background-repeat: no-repeat; padding-right: 1em; }
li:hover > ul.sub-menu { top: 100%; left: 0px; overflow: visible; }
address, h1, h2, h3, h4, h5, h6, input, label, legend, li, p, select, span.txt-label, textarea { font-family: HelveticaNeue,"Helvetica Neue",Helvetica,Helvetica,Arial,"Lucida Grande",sans-serif; }
h1, h2, h3, h4, h5, h6, p { margin: 0px 0px 0.75em; font-weight: 400; }
.page-body li, address, p { line-height: 1.5em; font-size: 16px; color: rgb(129, 135, 137); }
p { line-height: 1.8em; margin-bottom: 1.5em; }
p:last-of-type { margin-bottom: 0px; }
p a { position: relative; }
p a:hover { text-decoration: underline; }
p a:hover *:before, p a:hover:before { text-decoration: none; display: inline-block; }
p.intro { font-size: 18px; }
.micro-title, .sub-title, .title { line-height: 1.5em; }
.micro-title, .micro-title a, .sub-title, .sub-title a, .title, .title a { font-family: Roboto,sans-serif; font-weight: 500; color: rgb(3, 63, 97); }
.title { font-size: 28px; margin-bottom: 1em; }
.title a, a .title { color: rgb(48, 146, 193); text-decoration: none; }
.sub-title { font-size: 21px; }
:-moz-placeholder {  }
*::-moz-placeholder {  }
.btn, .btn--secondary, a.btn--primary-download, button.btn, input.btn { background: linear-gradient(to bottom, #A45200 0px, #663300 100%) repeat scroll 0% 0% transparent; font-family: HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); border-radius: 3px; display: inline-block; text-decoration: none; padding: 0.8em 2em; text-align: center; font-size: 16px; line-height: 20px; color: rgb(255, 255, 255); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); transition: background 0.4s ease 0s; }
.btn, button.btn { color: rgb(255, 255, 255); }
.btn:hover, button.btn:hover { background: linear-gradient(to bottom, rgb(252, 184, 86) 0px, rgb(243, 141, 32) 100%) repeat scroll 0% 0% transparent; }
.btn:focus, button.btn:focus { outline: 0px none; border: 1px solid rgb(90, 59, 22); position: relative; top: -1px; left: -1px; margin-bottom: -2px; margin-right: -1px; }
.btn:active, button.btn:active { box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3) inset; }
.delist, .delist dd, .delist dt, .delist li { margin: 0px; padding: 0px; list-style: outside none none; }
.alignleft, .pull-left { float: left; }
.alignright, .pull-right { float: right; }
.centered { text-align: center; float: none ! important; margin-left: auto; margin-right: auto; display: block; }
.centered .sub-title, .centered .title, .centered p { text-align: center; }
.aligncenter, .centered { text-align: center; margin-left: auto; margin-right: auto; }
.aligncenter, .block { display: block; }
div { box-sizing: border-box; }
.container { max-width: 1064px; margin-left: auto; margin-right: auto; }
.page-hero { background:url(../images/new-blue.jpg) center right #FF7E23 no-repeat; background-size:100% auto }
.page-hero .cta { margin-bottom: 60px; }
.hero-img { max-width: 100%; height: auto; }
.page-header { padding-top: 30px; padding-bottom: 30px; position: relative; z-index: 11; }
.page-logo { margin-top: 1em; }
.primary-nav ul.menu { float: right; clear: right; }
.primary-nav ul.app-menu { margin-bottom: 0.5em; }
.primary-nav ul.app-menu li a { color: brown; transition: color 0.4s ease 0s; }
.primary-nav ul.app-menu li a:hover { color: black; }
.primary-nav ul.app-menu li, .primary-nav ul.primary-menu > li { margin-left: 2em; }
.primary-nav ul.primary-menu > li { font-family: Roboto,sans-serif; font-weight: 400; text-transform: uppercase }
.primary-nav .primary-menu > li { padding-bottom: 0.5em; }
.primary-nav .primary-menu li a { color: brown; transition: color 0.4s ease 0s; display: block; }
.primary-nav .primary-menu li a:hover { color: black; }
.primary-nav .primary-menu li:hover > a { color: black; }
.primary-nav ul.sub-menu { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25); border-radius: 4px; left: 0px; margin-left: -1em; }
.primary-nav ul.sub-menu li { font-size: 14px; font-family: HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; text-transform: none; }
.primary-nav ul.sub-menu li a { color: rgb(48, 146, 193); padding: 0.5em 1em; }
.primary-nav ul.sub-menu li a:hover { background: none repeat scroll 0% 0% rgb(231, 244, 249); color: rgb(48, 146, 193); }
.primary-nav ul.sub-menu:after { bottom: 100%; left: 1em; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(255, 255, 255); border-width: 8px; }
a.mobile-toggle { display: none; width: 46px; height: 42px; position: relative; float: right; outline: 0px none; margin-top: 1px; }
a.mobile-toggle span, a.mobile-toggle:after, a.mobile-toggle:before { content: " "; position: absolute; left: 10px; right: 10px; height: 3px; background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8); color: rgb(255, 255, 255); border-radius: 2px; }
a.mobile-toggle:before { top: 10px; font-size: 9px; line-height: 28px; }
a.mobile-toggle:after { bottom: 10px; }
a.mobile-toggle span { bottom: 19px; }
a.mobile-toggle:hover span, a.mobile-toggle:hover:after, a.mobile-toggle:hover:before { background: none repeat scroll 0% 0% rgb(255, 255, 255); color: rgb(255, 255, 255); }
.outer-wrap { padding-left: 30px; padding-right: 30px; }
.page-body a { color: rgb(48, 146, 193); transition: color 0.4s ease 0s; }
.page-body a:hover { text-decoration: none; }
.page-body__section { padding-top: 60px; padding-bottom: 60px; border-bottom: 1px solid rgb(234, 234, 231); }
.pre-footer { background: #333; overflow: hidden; }
.pre-footer .cta { margin-top: 0px; margin-bottom: 0px; padding-top: 2.75em; padding-bottom: 2.75em; }
.pre-footer .cta--flex-center .cta__eq { padding-top: 0.5em; padding-bottom: 0.5em; }
.pre-footer .cta--flex-center .cta__eq:first-of-type:after { background: none repeat scroll 0% 0% rgb(40, 86, 111); }
.page-footer { padding-top: 60px; padding-bottom: 30px; position: relative; }
.footer-nav ul.menu > li { font-family: Roboto,sans-serif; font-weight: 400; margin-left: 4em; }
.footer-nav .menu > li > a, .footer-nav .menu > li > span { color: rgb(3, 63, 97); margin-bottom: 0.75em; display: block; }
.footer-nav .menu > li > span a { color: rgb(3, 63, 97); }
.footer-nav .menu > li > span a:hover { color: rgb(48, 146, 193); }
.footer-nav .menu--block li { font-size: 14px; margin-bottom: 0.75em; }
.footer-nav .menu--block li a { transition: color 0.4s ease 0s; color: rgb(129, 135, 137); }
.footer-nav .menu--block li a:hover { color: rgb(48, 146, 193); text-decoration: underline; }
.footer-nav .updated-note { font-size: 12px; font-style: italic; display: inline-block; text-decoration: none; color: rgb(167, 172, 174); }
.footer-nav li.company { min-width: 230px; }
.footer-nav li.company ul.menu--block li { padding-right: 40px; }
.footer-nav li.company li { white-space: nowrap; }
.footer-logo { width: 100px; height: 18px; margin-bottom: 0.75em; }
.copyright { display: block; color: rgb(129, 135, 137); font-size: 14px; }
.footer-social { margin-top: 20px; }
.footer-social li a { display: block; width: 30px; height: 20px; padding: 0px; background-image: url('social-sprite.svg'); background-position: center bottom; background-repeat: no-repeat; }
.footer-social li a span { display: none; }
.footer-social li a.social-icon--twitter { background-position: left bottom; }
.footer-social li a.social-icon--twitter:hover { background-position: left top; }
.footer-social li a.social-icon--facebook { background-position: center bottom; }
.footer-social li a.social-icon--facebook:hover { background-position: center top; }
.footer-social li a.social-icon--linkedin { background-position: right bottom; }
.footer-social li a.social-icon--linkedin:hover { background-position: right top; }
.cta { position: relative; margin-top: 2em; margin-bottom: 2em; color: rgb(255, 255, 255); font-family: Roboto,sans-serif; font-weight: 400; }
.cta .title { margin-bottom: 0px; color: black; }
.cta .grid__item, .cta > .m-bd, .cta > .m-img { padding-left: 30px; padding-right: 30px; }
.cta .grid__item:after, .cta > .m-img:after { content: " "; display: block; width: 1px; position: absolute; left: 50%; top: 0px; bottom: 0px; background: none repeat scroll 0% 0% rgb(255, 255, 255); }
.cta__primary { text-align: right; font-size: 24px; color: rgb(255, 255, 255); }
.cta__primary > span { margin-top: 0.25em; }
.cta__secondary { text-align: left; }
.page-hero .cta .grid__item:after { background: none repeat scroll 0% 0% rgb(85, 165, 200); }
.page-hero .cta__secondary p, .page-hero .cta__secondary span { margin-top: 0.25em; margin-bottom: 0.75em; }
.cta--flex-center { text-align: center; }
.cta--flex-center .cta__eq { display: inline-block; position: relative; padding: 0px 30px; vertical-align: middle; }
.cta--flex-center .cta__eq:first-of-type:after { content: " "; display: block; width: 1px; position: absolute; left: 100%; top: 0px; bottom: 0px; background: none repeat scroll 0% 0% rgb(85, 166, 201); }
.partner-logos { margin-top: 3em; margin-bottom: -1.5em; }
.partner-logos li, .partner-logos li:first-of-type, .partner-logos li:last-of-type { margin-left: 1em; margin-right: 1em; vertical-align: middle; margin-bottom: 2em; }
.team-list .grid__item--3:nth-of-type(2n+1) { clear: both; }
.page-header {  }
.fixed-overlay { position: fixed; left: 0px; width: 100%; height: 100%; z-index: 10; top: -150%; transition: top 0.6s ease 0s; }
.fixed-overlay__inner { padding: 120px 30px; overflow: auto; max-height: 100%; opacity: 0; }
.overlay--nexmo { background: none repeat scroll 0% 0% rgb(48, 146, 193); }
.mobile-nav-wrap { max-width: 700px; margin-left: auto; margin-right: auto; margin-top: 40px; }
.mobile-nav-wrap .grid__item { padding: 0px 30px; }
.mobile-primary-nav { border-right: 1px solid rgb(134, 190, 214); }
.mobile-menu--primary li, .mobile-menu--secondary li { font-family: Roboto,sans-serif; font-weight: 400; margin-bottom: 10px; }
.mobile-menu--primary a, .mobile-menu--secondary a { color: rgb(255, 255, 255); text-decoration: none; }
.mobile-menu--primary { margin-bottom: 40px; }
.mobile-menu--primary li { font-size: 40px; }
.mobile-menu--secondary { margin-bottom: 40px; }
.mobile-menu--secondary li { font-size: 30px; }
.mobile-menu--app { margin-left: 2.66%; }
.mobile-menu--app li { font-size: 24px; margin-bottom: 10px; }
.mobile-menu--app li a { color: rgba(255, 255, 255, 0.4); text-decoration: none; }
.case-studies-grid .grid__item--3:nth-of-type(2n+1) { clear: left; }
.landing-page-snippets img, .triplet-snippet img { display: block; margin: 0px auto 2.5em; }
.shortcodes--start-sending .grid__item--2:nth-of-type(3), .shortcodes--start-sending .grid__item--2:nth-of-type(4), .shortcodes--start-sending .grid__item--3:nth-of-type(3), .shortcodes--start-sending .grid__item--3:nth-of-type(4) { margin-bottom: 0px; }
/* ::::: https://www.nexmo.com/nx-wp/wp-content/plugins/zilla-shortcodes-2.0/assets/css/shortcodes.css?ver=4.2.2 ::::: */

/* ::::: https://www.nexmo.com/nx-wp/wp-content/plugins/simple-author-box/css/simple-author-box.min.css?ver=v1.5 ::::: */

@media screen and (max-width: 480px) {
}
/* ::::: https://www.nexmo.com/nx-wp/wp-content/plugins/wordpress-popular-posts/style/wpp.css?ver=3.2.3 ::::: */

/* ::::: https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css?ver=4.2.2 ::::: */

@font-face {
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	src: url('fontawesome-webfont.eot') format("embedded-opentype"), url('fontawesome-webfont.woff') format("woff"), url('fontawesome-webfont.ttf') format("truetype"), url('fontawesome-webfont.svg') format("svg");
}
.pull-right { float: right; }
.pull-left { float: left; }


/************* form css ***************/
label input[type="radio"], label input[type="checkbox"] { margin-right: 0.5em; }

.grid__item { margin-left: 1.33%; margin-right: 1.33%; box-sizing: border-box; float: left; }
.grid__push--1 { margin-left: 17.99%; }
.grid__item--2 { width: 30.66%; }
.grid__item--3 { max-width: 568px; width: 47.33%; }
.grid__item--4 { max-width: 768px; width: 64%; }

.page-body__section { padding-top: 60px; padding-bottom: 60px; border-bottom: 1px solid rgb(234, 234, 231); }
.team-list .grid__item--3:nth-of-type(2n+1) { clear: both; }
.mobile-nav-wrap .grid__item { padding: 0px 30px; }
.case-studies-grid .grid__item--3:nth-of-type(2n+1) { clear: left; }
.shortcodes--start-sending .grid__item--2:nth-of-type(3), .shortcodes--start-sending .grid__item--3:nth-of-type(3), .shortcodes--start-sending .grid__item--2:nth-of-type(4), .shortcodes--start-sending .grid__item--3:nth-of-type(4) { margin-bottom: 0px; }
.control-group { margin-bottom: 20px; overflow: hidden; position: relative; padding-top: 2px; padding-bottom: 2px; }
.controls label { text-transform: none; }
.controls { margin-left: 180px; }
.control-group--m-left { padding-left: 180px; }
.control-group--m-left input[type="submit"] { float: left; width: auto ! important; }
.control-group--m-left input[type="submit"]:hover, .control-group--m-left input[type="submit"]:focus { color: rgb(255, 255, 255); }
.control-group--m-left input[type="submit"]:focus { border: 1px solid rgb(90, 59, 22); }
form.page-body__section:last-of-type { border-bottom: 0px none; }
.control-label { float: left; text-transform: none; width: 180px; position: absolute; left: 0px; top: 0px; line-height:40px; }

button, input, select, textarea { font-size: 100%; margin: 0px; vertical-align: baseline; }
button, input { line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0px none; padding: 0px; }

h1, h2, h3, h4, h5, h6, p, li, label, span.txt-label, input, address, legend, select, textarea { font-family: HelveticaNeue,"Helvetica Neue",Helvetica,Helvetica,Arial,"Lucida Grande",sans-serif; }

input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="datetime"], input[type="datetime-local"], textarea, select { box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1) inset; }
input[type="text"], input[type="number"], input[type="submit"], input[type="email"], input[type="password"], input[type="datetime"], input[type="datetime-local"], textarea, select { padding: 0.6em 0.75em; box-sizing: border-box; width: 100%; -moz-appearance: none; border-radius: 4px; font-size: 16px; border: 1px solid rgb(185, 185, 185); background: none repeat scroll 0% 0% rgb(255, 255, 255); color: rgb(102, 102, 102); }
input[type="text"]:focus, input[type="number"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, textarea:focus, select:focus, input.selected[type="text"], input.selected[type="number"], input.selected[type="submit"], input.selected[type="email"], input.selected[type="password"], input.selected[type="datetime"], input.selected[type="datetime-local"], textarea.selected, select.selected { outline: 0px none; border-color: rgb(48, 146, 193); color: rgb(48, 54, 56); }
button:focus, input[type="submit"]:focus { outline: 0px none; }
label input[type="radio"], label input[type="checkbox"] { margin-right: 0.5em; }