body {
	overflow-x: hidden;
	overflow-y: auto;	
	min-height: 100%;
	margin-bottom: -140px;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}

body.modal-open
{
   padding-right: 0 !important;
   /*position: relative; */
}

html {
	min-height: 100%;
	height: 100%;
	margin: 0;
    overflow: hidden;
}

input:-webkit-autofill {
    box-shadow: 0 0 0 30px white inset !important;
}

.preload {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
	
	animation: none !important;
}

.navbar {
	transition: background .3s ease-in-out, box-shadow .3s ease-in-out !important;
	position: relative;
	padding-bottom: 10px !important;
}

.navbar::after {
	content: '';
	z-index: -1;
	position: absolute;
	transition: opacity .3s ease-in-out;
	width: 100%;
	height: inherit;
	box-shadow: 0px 0px 4px 1px rgba(1,1,1,.2);
	opacity: 0;
	top:0;
    bottom:0;
	left: 0;
	display: table-cell;
}

.sticky-footer {
	position: fixed;
    bottom:0;
    left: 0;
    right:0;	
}

.sticky-header {
  position: fixed;
  top: 0;
  width: 100%;
  padding-top: 0;
  background: rgba(255,255,255,.95);
  padding-bottom: 0 !important;
}

.sticky-header::after {
	opacity: .95;
	background: transparent;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky-header + .content {
  padding-top: 102px;
}

@media (max-width: 991px) {
	
   .sticky-header #top-signup-btn-sm {
		display:inline-block;
   }
   
   .sticky-header #top-signup-btn-sm.fadeIn {
	   opacity: 1;
   }
   
   .navbar {
		padding-bottom: 0 !important;
	}
}

@media (max-width: 480px) {
	
   .sticky-header #fax-machine-logo {
		display: none;   
   }	
}

br.small {
   content: " ";
   display: block;
   margin: 10px 0;
   line-height:10px;
}

span.wordbreak:after {
	content: " ";	
}

.breakable span.wordbreak:after {
	content: '\A';
	white-space: pre;	
}

span.wordbreak {
	
}

.bullet-point-sales-pitch {
	background: url("../image/fax-machine.png"), linear-gradient(115deg, #616161, #5989e5); 
	background-size: cover; 
	box-shadow: inset 0 7px 15px rgba(0,0,0,.15); 
	padding-bottom: 20px;	
}

/* SIGNUP BUTTON */

.signup-leadIn {
	width: 100%;
	padding: 21%;
	box-sizing: border-box;
 	position: relative;
	text-align: center;
	vertical-align:middle;
}

.signup-leadIn .background {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("../image/diagram-opt.png");
	background-size: 100% 100%;
	background-repeat:no-repeat;
	background-position: center;
	opacity:.85;
	width: 100%;
	height: 100%;
/*	will-change: filter; */
	transition: all .3s ease-in-out;
}

.background.test {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("../image/diagram-opt.png");
	background-size: 100% 100%;
	background-repeat:no-repeat;
	background-position: center;
	opacity:.85;
	width: 100%;
	height: 100%;
/*	will-change: filter; */
	transition: all .3s ease-in-out;
	z-index: 0;
	opacity: .3;	
}

.one-min-btn {
	text-transform: uppercase; 
	letter-spacing: .15em; 
	margin-top: 6px; 
	font-size: 14px; 
	margin-left: 5px; 
	margin-right: 10px;
	vertical-align:middle;
	padding: 6px 12px;
}

.one-min-btn:hover {
	padding-left: 13px !important;
	padding-right: 13px !important;
}

@media (max-width: 374px) {
	
	.one-min-btn:not(#show-port) {
		display: none !important;	
	}
}

.text-logo {
	/*background-image: -webkit-linear-gradient(to right, #58A0E2, #1E65A6); 
    background-image:         linear-gradient(to right, #58A0E2, #1E65A6);
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text; */
	display: inline-block; 
	color: black;
}

.signup-btn, .signup-btn:active, .signup-btn.selected, .signup-btn.active, .signup-btn:hover, .signup-btn.hover, .signup-btn:focus, .signup-btn.focus {
	font-size: 24px;
	position: absolute;
	opacity: .95; 
	font-weight: 300; 
	border: none; 
	font-family:roboto, sans-serif; 
	letter-spacing: .1em; 
	border-radius:50px; 
	/* background: linear-gradient(141deg, #17BDE0 0%, #81E391 91%); */
	background-image: linear-gradient(to right, #5989e5, #37cfdc);
	/*	background: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%); */
	padding: 14px 22px; 
	box-shadow: 0 4px 6px rgba(0,0,0,.11), 0 1px 3px rgba(0,0,0,.08);
	/*box-shadow: 0 10px 20px rgba(109,109,109,0.16);*/
	/*box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 2px 3px rgba(0, 0, 0, .1);*/
	text-shadow: 1px 2px 3px rgba(0,0,0,0.1);
	/*filter: hue-rotate(0deg); */
	color: #FFF !important;
	white-space: nowrap;
}

.signup-btn.ready {
	transition: top .1s ease-in-out, transform .1s ease-in-out;
}

.signup-btn.centered {
	bottom: 10px;
    left: 50%;
    transform: translate(-50%, -50%);	
}

.signup-btn:not(.centered) {
	padding-left: 24px;
	padding-right: 24px;	
}

.signup-btn.centered:active {
	top: calc(50% + 3px);
}

.signup-btn:not(.centered):active {
	transform: translateY(3px);
}

.signup-btn:hover {
	opacity: 1;
}

.transfer-help {
	color: #398FDD;
	cursor: pointer;
	margin-left: 4px;
	opacity: .8;
	transition: opacity .1s;
	
}
.transfer-help::before {
	font-size: 17px;		
}

.transfer-help:hover {
	opacity: 1;	
}

/* FEATURES / HOW IT WORKS */
.insight {
	background: #e3e8ee; 
}

.insight .insight-item {
	width: 100%; 
	background: white; 
	border-radius: 6px !important; 
	text-align: center; 
	padding: 26px 24px;
}

.insight .insight-item.left {
	text-align: left;
}

.insight p.head {
	font-weight: 400; 
	color: #152a49; 
	letter-spacing: .0025em; 
	opacity: 1; 
	margin-bottom: 5px;	
}

.insight p.subhead {
	font-family: Nunito, Roboto, sans-serif; 
	font-size: 22px; 
	color: #152a49; 
	margin-top: 5px; 
	font-weight: 500;
	margin-bottom: 6px;
}

.insight p.content {
	font-family: Nunito, Roboto, sans-serif; 
	color: #6c757d; 
	font-size: 15px; 
	line-height: 1.6; 
	text-align:left; 
	margin-left: 10px; 
	margin-right: 10px; 
	margin-bottom: 5px;
}


@media (max-width: 890px) {
	
	.signup-btn, .signup-btn:active, .signup-btn.selected, .signup-btn.active, .signup-btn:hover, .signup-btn.hover, .signup-btn:focus, .signup-btn.focus {	
		font-size: 24px;
		font-weight: 300; 
		letter-spacing: .07em; 
		border-radius:30px; 
		padding: 12px 24px; 
		border-radius:30px; 
	}	
}

@media (max-width: 480px) {

	.signup-btn, .signup-btn:active, .signup-btn.selected, .signup-btn.active, .signup-btn:hover, .signup-btn.hover, .signup-btn:focus, .signup-btn.focus {	
		font-size: 22px;
		font-weight: 300; 
		letter-spacing: .07em; 
		border-radius:30px; 
		padding: 12px 22px !important; 
		border-radius:30px; 
	}
	
	.transfer-help::before {
		font-size: 18px;		
	}
	
/*	.signup-btn, .signup-btn:active, .signup-btn.selected, .signup-btn.active, .signup-btn:hover, .signup-btn.hover, .signup-btn:focus, .signup-btn.focus {	
		font-size: 1.3em;
		font-weight: 400; 
		letter-spacing: .1em; 
		border-radius:30px; 
		padding: 12px 24px; 
		border-radius:30px;
	}
	.signup-btn:not(.centered) {
		padding-left: 24px;
		padding-right: 24px;	
	} */
} 

.block-no-top-border:before {
	
	width: 0% !important;	
}

.embedded-link {
	color: white;
	border-bottom: 1px dashed;
	cursor: pointer;
}

.embedded-link.dark {
	color: inherit;
}

.embedded-link:not(.no-underline):hover {
	border-bottom-style:solid;
	text-decoration: none;
}

.embedded-link.opaque {
	opacity: .7;	
}

.embedded-link.opaque:hover {
	opacity: 1;
}

.embedded-link.no-underline, .embedded-link.no-underline:focus {
	border-bottom: none;	
}
.embedded-link.no-underline:hover {
	border-bottom: none;
	text-decoration: none;	
}


/*FORM STYLES*/

.action-btn, .action-btn.selected, .action-btn.active, .action-btn:active {
	background: linear-gradient(to right, #46C1E9, #5976D8 );
	border: none; 
	padding: 8px 10px; 
	font-size: 16px; 
	font-weight: 400;
	transition: all .1s ease-out;
	opacity: 1;
	color: white;
}

.action-btn.reverse {
	background: linear-gradient(to right, #5976D8, #46C1E9 );
}

.action-btn.inverse {
	background: linear-gradient(to right, #5976D8 0%, rgb(60, 150, 223)  46%, rgb(60, 150, 223)  64%, #5976D8 );
}



.action-btn:hover {
	/*box-shadow: 0 2px 6px rgba(0,0,0,0.3); */
	opacity: 1;
}

.action-btn:active {
	/* box-shadow: inset 0px 0px 18px rgba(0,0,0,0.2); */
}

.action-btn.dialog-btn {
	width: 100%;
	border-radius: 4px;	
}

.blue-btn-outline {
	color: #398FDD;
	border-color: #398FDD;
	font-weight: 400;
	padding: 7px 12px;
	background: rgba(255,255,255,.4);
}

.gray-btn-outline {
	color: rgba(0,0,0,.4);
	border-color: rgba(0,0,0,.15);
	border-radius: 2px;		
}

:not(.nohover) .blue-btn-outline.active, .blue-btn-outline:active, :not(.nohover) .blue-btn-outline:focus, .blue-btn-outline:hover {
	background: linear-gradient(to right, #46C1E9 , #5976D8 );
	border:none;
	padding: 8px 12px;
}


.modal-inner .form-step {
	transition: opacity .3s ease-out, transform .3s ease-out;
	opacity: 0;
	transform: translateY(-30%) translateX(-40%);
	backface-visibility:hidden;
}

.modal-inner .form-step.hide {
	display: none;	
}

.modal-inner .form-step.show {	
	opacity: 1;
	transform: translateY(-30%) translateX(-50%);
}

.modal-inner  .form-step.hiding {
	opacity: 0;
	transform: translateY(-30%) translateX(-60%);	
}

.modal-inner {
	height: 100vh;
}

.bottom-bar {
	z-index: 99999999;
	position: fixed;
	/*
	position: -webkit-sticky;
	position: sticky;
	*/
	width: 100%;
	bottom: 0;
    bottom: calc(env(safe-area-inset-bottom) * 1.45); 
}

.modal-inner:not(.has-dashboard) {
	background: white;	
}

@media (min-width: 891px) {
	
	.bottom-bar {
		position: fixed;	
	}
	
	.modal-inner .form-step {
		position: absolute;
		top: 30%;
		left: 50%;
	}

	.modal-inner .vcenter {
		position: absolute; 
		top: 30%; 
		transform:translateY(-30%);	
		height: 100vh;
	}
	
}
/*
@media (max-width: 991px) {
	
	.navbar-toggle {
		margin-top: 0;
		margin-bottom: 0;	
	}	
}

@media (min-width: 992px) {
	
	.navbar-default .navbar-nav > li > a {
		padding-top: 10px;	
	}	
}
*/

@media (max-width: 890px) {
	
	.modal-inner .form-step {
		transition: opacity .3s ease-out, transform .3s ease-out;
		opacity: 0;
		transform: translateX(-10%);
		overflow-x: hidden;
	}
	
	.modal-inner  .form-step.hide {
		display: none;	
	}
	
	.modal-inner  .form-step.show {	
		opacity: 1;
		transform: none;
	}
	
	.modal-inner  .form-step.hiding {
		opacity: 0;
		transform: translateX(10%);
		display:none !important;
	}	
}

nav li a::after {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	width: calc(100% - 20px);
	height: 1px;
	background:  #398FDD;
	content: '';
	opacity: 0;
	transition: height 0.25s, opacity 0.25s, transform 0.25s;
	transform: translateY(-15px);
}

nav li a:hover::after,
nav li a.selected::after {
	height: 2px;
	opacity: 1;
	transform: translateY(-10px);
}

nav li a {
	color: #444 !important;
	position: relative;
	display: inline-block;
}

.has-feedback .form-control {
  padding-right: 34px;
}
.has-feedback .form-control.input-sm,
.has-feedback.form-group-sm .form-control {
  padding-right: 30px;
}
.has-feedback .form-control.input-lg,
.has-feedback.form-group-lg .form-control {
  padding-right: 46px;
}
.has-feedback-left .form-control {
  padding-right: 12px;
  padding-left: 34px;
}
.has-feedback-left .form-control.input-sm,
.has-feedback-left.form-group-sm .form-control {
  padding-left: 30px;
}
.has-feedback-left .form-control.input-lg,
.has-feedback-left.form-group-lg .form-control {
  padding-left: 46px;
}
.has-feedback-left .form-control-feedback {
  left: 0;
}
.form-control-feedback {
  line-height: 34px !important;
}
.input-sm + .form-control-feedback,
.form-horizontal .form-group-sm .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px !important;
}
.input-lg + .form-control-feedback,
.form-horizontal .form-group-lg .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px !important;
}
.has-feedback label.sr-only ~ .form-control-feedback,
.has-feedback label.sr-only ~ div .form-control-feedback {
  top: 0;
}
@media (min-width: 891px) {
  .form-inline .inline-feedback {
    position: relative;
    display: inline-block;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .has-feedback-left .form-control-feedback {
  left: 15px;
}

.icon.blue {
	color: rgba(89, 155, 225, 1) !important;
	opacity: 1 !important;	
}

.form-control {
	box-shadow: none !important;
	-webkit-appearance: none !important;
}

/*MODAL*/
.modal-background-parent {
	transition: filter .3s ease-out, opacity .3s ease-out;
/*	will-change: filter, opacity; */
	backface-visibility: hidden;
	filter: none;
	height: 100%;
}
/*
.modal-background-parent.modal-blur {	
	filter: blur(8px);
	opacity: .3;
}
*/

.chrome .modal-background-parent.modal-blur, .modal-background-parent.modal-blur {
	/*filter: grayscale(100%);*/
	filter: none;
	opacity: 0;
}

@media print {
	.chrome .modal-background-parent.modal-blur, .modal-background-parent.modal-blur {
		opacity: 0;
	}
	button, .btn-group {
		opacity: 0;	
	}
}

.modal-window {
	top: 0;
	left: 0;
	position: fixed;
	height: 100%;
	width: 100%;
	backface-visibility: hidden;
	z-index: 10;
	opacity: 0;
	transition: opacity .4s ease-out;
	background: rgba(255,255,255,1);
	overflow-y: auto;
	max-height: 100vh;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
}

.modal-window.show {
	opacity: 1;
}

.modal-window .modal-inner {
	transform: scale(.95);
	transform-origin: 50% calc(100vh / 2) 0;
	opacity: 0;
	transition: opacity .3s ease-out, transform .3s ease-out;
	min-height: 100%;
}

.modal-window .modal-inner.show {	
	opacity: 1;
	transform: none;
}

.modal-close {
  position: absolute;
  right: 22px;
  top: 22px;
  width: 32px;
  height: 52px;
  cursor: pointer;
  z-index: 103;
}

.modal-close:before, .modal-close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 52px;
  width: 2px;
  background-color: #aaa;
  transition: background-color .15s;
}

.modal-close:hover:before, .modal-close:hover:after {
  background-color:#666;
}

.modal-inner .logo, .modal-inner .form-logo {
	cursor: pointer;	
}

@media  (max-width: 890px) {
	.modal-close {
		width: 22px;
 		height: 22px;
		top: 30px;
	}
	
	.modal-close:before, .modal-close:after {
		 height: 22px;
	}
}

.modal-close:before {
  transform: rotate(45deg);
}

.modal-close:after {
  transform: rotate(-45deg);
}

/*LOADER*/
#loader-container{
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
	transition: background-color .3s ease-out;
    background-color: rgba(255,255,255,0);
    z-index:9999;
}

#loader-container.show {
	background-color: rgba(255,255,255,0.7);
}

#loader-container.show.transparent {
    background-color: transparent;
}

#loader-container .dot-container {
    display:block;
    position:absolute;
    left: calc(50% - 50px);
	top: calc(45% - 10px);
	transition: opacity .3s ease-out;
	opacity: 0;	
}

#loader-container.show .dot-container {
	opacity: 1;
}

.loading-dot {
  width: 20px;
  height: 20px;
  border: 2px solid #46C1E9;
  
  border-radius: 50%;
  float: left;
  margin: 0 20px 0 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-animation: loading-fx 1000ms ease infinite 0ms;
          animation: loading-fx 1000ms ease infinite 0ms;
}

.loading-dot:nth-child(2) {
  -webkit-animation: loading-fx 1000ms ease infinite 300ms;
          animation: loading-fx 1000ms ease infinite 300ms;
  border-color: #4AB0E5;
}
.loading-dot:nth-child(3) {
  -webkit-animation: loading-fx 1000ms ease infinite 600ms;
          animation: loading-fx 1000ms ease infinite 600ms;
   border-color: #4F9FE1;
}

@-webkit-keyframes loading-fx {
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loading-fx {
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*Image loading animation */  

.image-loading-container {	
	position: absolute; 
	z-index: 3; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	cursor: pointer;
}
.image-loading,
.image-loading:after {
  border-radius: 50%;
  width: 4em;
  height: 4em;
}
.image-loading {

  font-size: 10px;
  text-indent: -9999em;
  border-top: .5em solid rgba(89, 155, 225, 0.2);
  border-right: .5em solid rgba(89, 155, 225, 0.2);
  border-bottom: .5em solid rgba(89, 155, 225, 0.2);
  border-left: .5em solid rgba(89, 155, 225, 1);
  animation: load8 1.1s infinite linear;
}

@keyframes load8 {
  0% {
    transform:  rotate(0deg);
  }
  100% {
    transform:  rotate(360deg);
  }
}

/*SPINNER*/
.spinner {
  margin: 0 auto;
  width: 50px;
  height: 21px;
  text-align: center;
  font-size: 10px;
  display: block;
}

.spinner > div {
  background-color: #4AB0E5;
  height: 100%;
  width: 6px;
  display: inline-block;
  margin-right: 2px;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.45) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.45);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/*DIALOG*/
.dialog {
	min-width: 350px;
	min-height: 150px;	
	position: fixed;	
	top: 50%;
	left: 50%;	
	background: rgba(255,255,255,.97);
	z-index: 1005;
	opacity: 0;
	transform: translate(-50%, -50%) scale(.5);
	transition: all .3s;
	will-change: opacity, transform;
	padding: 25px 25px 58px 25px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,.25);
	backface-visibility: hidden;
}

.dialog.show {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);	
}

.dialog-text {
    font-weight:300;
    line-height:120%; 
    padding-bottom: 10px; 
    font-size: 22px;
    letter-spacing: -0.02em;
    margin-right: auto !important;
    margin-left: auto !important;
}

/*PHONE SELECT*/
.block {
	padding-top: 30px;
	padding-bottom: 30px;
}

.block:not(.loading) {
	transition: opacity .2s ease-in-out;
}

.btn-group:not(.top):not(:last-child):not(#top-signup-btn-sm) .btn:not(.paypal-cancel):not(.border-override):not(.dropdown-toggle) {
	border-right: none;
}

:not(.nohover) .btn:not(.selected):not(.disabled):not(.submit):not(.dropdown-toggle):hover, :not(.nohover) .btn:not(.selected):not(.disabled):not(.submit):not(.dropdown-toggle):active, html.can-touch .directional:active { 
	background-color: rgba(93,84,143,.75);
}

:not(.nohover) .touch .btn:not(.selected):not(.disabled):not(.submit):not(.dropdown-toggle):hover, :not(.nohover) .touch .btn:not(.selected):not(.disabled):not(.submit):not(.dropdown-toggle):active {
	background-color: rgba(93,84,143,.05) !important;
	color: #5d548f !important;
}

.btn-group-vertical .btn {
	border-radius: 0 !important;	
}

.btn-group-vertical .btn.t-l {
	border-top-left-radius: 4px !important;	
}
.btn-group-vertical .btn.b-r {
	border-bottom-right-radius: 4px !important;	
}

.btn-group.directionals	{
	margin-bottom: 4px;
}

:not(.nohover) .directional.disabled:hover {
	background-color: transparent;	
}

html.can-touch .directional.disabled {			
	background-color: transparent !important;
}

.directional.disabled {
	cursor: default;			
}

:not(.nohover) .directional.disabled span, html.can-touch :not(.nohover) .directional:hover span {
	color: #5d548f;	
}

@media (max-width: 890px) {
	.row:not(.step1):not(.step2):not(.step3).col-sm-4:not(:first-child):not(.btn-group-vertical):not(.stepCol) {			
		padding-left: 10px !important;	
	}
	.header-logo {
		margin: 10px 0 0 10px !important;
	}
	.modal-inner .header-logo {
		margin: 0 !important;	
	}
}		

@media (min-width: 891px) {
			
	.btn-group-vertical:not(:nth-child(3n+2)) button {				
		border-left: none !important;			
	}
    
    .btn-group-vertical .btn.number:not(.t-r-1):not(.t-r-2):not(.t-r-3) {
        border-top: none !important;
    }
	
	.btn-group-vertical .btn.t-r-3 {
		border-top-right-radius: 4px !important;	
	}
	.btn-group-vertical .btn.b-l-3 {
		border-bottom-left-radius: 4px !important;	
	}
	.btn-group-vertical .btn.b-r-3 {
		border-bottom-right-radius: 4px !important;	
	}	
	#phone_numbers p span.text	{
		margin-right: 10px;
	}
}	

@media (max-width: 890px) {
  
	.btn-group-vertical {			
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;	
	}
	
	.btn-group-vertical:not(:first-of-type) .btn, .btn-group-vertica:first-of-type .btn:not(:first-child) {
		border-top: 0;	
	}
	.btn-group-vertical .btn.t-r-1 {
		border-top-right-radius: 4px !important;	
	}
	.btn-group-vertical .btn.b-l-1 {
		border-bottom-left-radius: 4px !important;	
	}
	#phone_numbers p span.text	{
		margin-right: 5px;
	}
	.featured-list li {
		padding-right: 0;	
	}
    
    .btn-group-vertical:not(:first-of-type) .btn {
        border-top: none !important;
    }    
}

/*SIGNUP AND PAYMENT*/
@media (max-width: 480px) {
	
	.num-steps {
		display: none;
	}
	.num-steps-small {
		display: inline;
		margin-left: -4px;
	}
	.stepNumber {
		padding-left: 0 !important;	
	}
}
@media (min-width: 481px) {
	
	.num-steps-small {
		display: none;
	}
	.num-steps {
		display: inline;	
	}
}

.choice, .payment-choice, .plan-choice, .server-details {
	
	border: 2px solid rgba(0,0,0,.1);
	background-color: rgba(255,255,255,.75);
	height: 180px;
	width: 100%;
	margin: auto auto;
	border-radius: 3px;
	transition: border-color .3s;
	padding: 5px;
	color: rgba(0,0,0,.8);
	text-align: center;
	position: relative;
}

.choice:not(.selected), .payment-choice:not(.selected), .plan-choice:not(.selected) {
	cursor: pointer;	 
}

.payment-choice {
	height: 130px;		
}

.choice.selected, .payment-choice.selected, .plan-choice.selected {
	
	border-color: rgba(85, 174, 229, 1);	
}
.checkBox {
	
	border-color: rgba(89, 155, 225, 1);
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-image-outset: 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-style: none;
	border-left-width: 0px;
	border-right-style: none;
	border-right-width: 0px;
	border-top-style: none;
	border-top-width: 0px;
	box-sizing: border-box;
	color: rgb(36, 34, 31);
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	height: 30px;
	line-height: 16px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	position: absolute;
	bottom: 20px;
	visibility: visible;
	width: 30px;
	left: calc(50% - 15px);	
}

.checkBox:before {
	
	backface-visibility: hidden;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(255, 255, 255, 1);
	background-image: none;
	background-origin: padding-box;
	background-position: 0% 0%;
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto auto;
	border-color: rgba(0,0,0,.15);
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-outset: 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-top-style: solid;
	border-top-width: 1px;
	box-sizing: border-box;
	color: rgb(36, 34, 31);
	content: "";
	cursor: pointer;
	font-size: 16px;
	font-size-adjust: none;
	font-weight: 400;
	height: 30px;
	left: 0px;
	line-height: 16px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	position: absolute;
	text-align: center;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transition-delay: 0s, 0s, 0s, 0s;
	transition-duration: 0.3s, 0.3s, 0.3s, 0.3s;
	transition-property: background-color, transform, border-color, transform;
	transition-timing-function: ease, ease, ease, ease;
	visibility: visible;
	width: 30px;	
}
.checkBox:after {
	backface-visibility: hidden;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: url("../image/check.svg");
	background-origin: padding-box;
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
	background-repeat: no-repeat;
	background-size: auto auto;
	box-sizing: border-box;
	color: rgb(36, 34, 31);
	content: "";
	cursor: pointer;
	font-family: lato, sans-serif;
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: 16px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-variant-alternates: normal;
	font-variant-caps: normal;
	font-variant-east-asian: normal;
	font-variant-ligatures: normal;
	font-variant-numeric: normal;
	font-variant-position: normal;
	font-weight: 400;
	height: 30px;
	left: 0px;

	line-height: 16px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	position: absolute;
	text-align: center;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	visibility: visible;
	width: 30px;	
}

.choice.selected .checkBox:before, .payment-choice.selected .checkBox:before, .plan-choice.selected .checkBox:before, .checkBox.selected:before {
	
	animation-delay: 0s;
	animation-direction: normal;
	animation-duration: 0.5s;
	animation-fill-mode: none;
	animation-iteration-count: 1;
	animation-name: cd-bounce;
	animation-play-state: running;
	animation-timing-function: ease;
	backface-visibility: hidden;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(85, 174, 229, 1);
	background-image: none;
	background-origin: padding-box;
	background-position: 0% 0%;
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto auto;
	border-color: rgba(85, 174, 229, 1);
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-image-outset: 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-style: solid;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-width: 2px;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-top-style: solid;
	border-top-width: 2px;
	box-sizing: border-box;
	color: rgb(36, 34, 31);
	content: "";
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	height: 30px;
	left: 0px;
	line-height: 16px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	position: absolute;
	text-align: center;
	top: 0px;
	transform: matrix(1.5, 0, 0, 1.5, 0, 0);
	transition-delay: 0s, 0s, 0s, 0s;
	transition-duration: 0.3s, 0.3s, 0.3s, 0.3s;
	transition-property: background-color, transform, border-color, transform;
	transition-timing-function: ease, ease, ease, ease;
	visibility: visible;
	width: 30px;	
}

.choice.selected .checkBox:after, .payment-choice.selected .checkBox:after, .plan-choice.selected .checkBox:after, .checkBox.selected:after {
	
	backface-visibility: hidden;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: url("../image/check.svg");
	background-origin: padding-box;
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
	background-repeat: no-repeat;
	background-size: auto auto;
	box-sizing: border-box;
	color: rgb(36, 34, 31);
	content: "";
	cursor: pointer;
	font-family: lato, sans-serif;
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: 16px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-variant-alternates: normal;
	font-variant-caps: normal;
	font-variant-east-asian: normal;
	font-variant-ligatures: normal;
	font-variant-numeric: normal;
	font-variant-position: normal;
	font-weight: 400;
	height: 30px;
	left: 0px;
	line-height: 16px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	position: absolute;
	text-align: center;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	visibility: visible;
	width: 30px;	
}

.suggested-area-code {
	text-align: center;	
	padding-left: 0;
	padding-right: 0;
}

.card-logo:not(:last-child) {
	margin-right: 3px;
}

.card-logo.grayscale {
	filter: grayscale(100%);	
}

.row.header {
	display:inherit;	
}

.row.step {
	opacity: 0;
	transition: opacity .3s ease-out;
}

.row.step.hidden {
	display: none;	
}

.row.step.show {
	opacity: 1;
}

.stepNumber {
	cursor: pointer;
	transition: opacity .3s ease-out;
	margin-bottom: 5px;
}

.stepNumber.inactive {
	opacity: .2;
}

.stepNumber.inactive.visited:hover {
	opacity: .65;
}

.terms-launch {
	border-bottom-color: rgba(1,1,1,.6);	
}
.terms-launch:hover {
	border-bottom-style: dashed;
}
.exp {
  display: table;
  width: 100%;
  height: 100%;
}
.exp .checkbox {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: left;
}

label {
  display: inline-block;
  color: rgba(1,1,1,.7);
  letter-spacing: -0.02em;
  cursor: pointer;
  position: relative;
  padding-left: 0 !important;
  width: 100%;
  
}
label p {
	width: calc(100% - 75px);
	float: left;
	padding-top: 2px;
}

label:not(.switch) span:not(.back) {
  display: inline-block;
  position: relative;
  background-color: transparent;
  width: 25px;
  height: 25px;
  transform-origin: center;
  border: 2px solid #398FDD;
  border-radius: 50%;
  vertical-align: -6px;
  margin-right: 10px;
  transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
  float: left;
}
label:not(.switch) span:not(.back):before {
  content: "";
  width: 0px;
  height: 2px;
  border-radius: 2px;
  background: #398FDD;
  position: absolute;
  transform: rotate(45deg);
  top: 10px;
  left: 7px;
  transition: width 50ms ease 50ms;
  transform-origin: 0% 0%;
}
label:not(.switch) span:not(.back):after {
  content: "";
  width: 0;
  height: 2px;
  border-radius: 2px;
  background: #398FDD;
  position: absolute;
  transform: rotate(305deg);
  top: 14px;
  left: 8px;
  transition: width 50ms ease;
  transform-origin: 0% 0%;
}
body:not(.touch) label:not(.switch):hover span:not(.back):before {
  width: 5px;
  transition: width 100ms ease;
}
body:not(.touch) label:not(.switch):hover span:not(.back):after {
  width: 10px;
  transition: width 150ms ease 100ms;
}

.narrow {
	display: none;	
}
@media (max-width: 1000px) {
	.stepNumber {
		font-size: 20px !important;	
	}
}

@media (max-width: 890px) {
	.stepNumber.inactive {
		display: none;	
	}
	.stepCol {
		text-align: left !important;	
	}
	.numberedStep {
		display: none;	
	}
	.ofNumbered {
		display: inline;
		margin-right: 10px;
		font-weight: 500;
	}
	.group-parent:not(.hidden):not(.inline-button) {
		display: -webkit-box !important;
		display: -moz-box !important;
		display: box !important;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;	
	}
	.group1 {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;			
	}
	.group2 {
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		box-ordinal-group: 1;
	} 
	.inline-button {
		display: none !important;	
	}
	.paypal-col {
		padding-top: 0 !important;
		text-align: left !important;
		padding-left: 10px;
	}
	.changeSmallWidth {
		display: block;
		margin-bottom: 20px;
	}
	.changeSmallWidth button {
		padding: 5px 8px;	
	}
	.changeSmallWidth button:hover, .changeSmallWidth button:active, .changeSmallWidth button:focus  {
		padding: 6px 8px !important;
	}
	.changeFullWidth {
		display: none !important;	
	}
	.stepCol {
		padding-left: 5px !important;	
	}
	.row.step3:first-child {
		padding-bottom: 10px;	
	}
}
@media (min-width: 891px) {
	.ofNumbered {
		display: none;	
	}
	.bottom-bar:not(.show-all) {
		display: none !important;	
	}
/*	.stepNumber:not(.inactive) .numberedStep {
		color: rgba(85, 174, 229, 1);	
	} */
	.column-heading {
		font-size: 17px !important;
	}
	.column-heading strong {
		font-weight: 600;	
	}
	.changeSmallWidth {
		display: none;
		width: 65%;
	}
	.changeFullWidth {
		display: block;	
	}
	.changeFullWidth button {
		padding: 5px 8px;
		border-width: 1.4px;	
	}
	.changeFullWidth button:hover, .changeFullWidth button:active, .changeFullWidth button:focus {
		padding: 6px 8px !important;
		margin: 0 !important;	
	}
	.step3 .col-sm-4 {
		padding-left: 15px;	
	}
	.stepCol {
		padding-left: 5px;	
	}
	.form-logo {
		 margin-left: 5px;	
	}
}
@media (max-width: 514px) {
	#paymentNote {
		display: block;	
	}
}
@media (max-width: 480px) {
	.row.step1 [class*="col"]:not(.column-heading), .row.step1a  [class*="col"]:not(.column-heading):not(.btn-group-vertical), .row.step2  [class*="col"]:not(.column-heading), .row.step3 [class*="col"]:not(.column-heading) {
		padding-left: 5px !important;
		padding-right: 5px !important;	
	}
	.changeSmallWidth {
		width: 85%;	
	}
	.narrow {	
		display: inherit;	
	}
	.wide {
		display: none;	
	}
}

.table-striped:nth-child(odd) {
	background: white;	
}

table.bordered {
	border: 1px solid #aaa;
}

@media (max-width: 890px) {
	#fax-lt-gray {
		
		margin-bottom: -55% !important;			
	}
	.mobile-margin-med {
		margin-bottom: 30px	
	}
}

@media (min-width: 891px) {
	#fax-lt-gray {
		margin-bottom: 50px !important;		
	}
}

/*refresh icon in signup */
.choice .icon-cw {
	margin-left: 5px;
	font-size: 18px;
	transition: opacity .15s;
	opacity: .5;	
	cursor: pointer;
}

.choice .icon-cw:before {
	color: #398FDD;
}

.choice .icon-cw:hover {	
	opacity: 1;	
}

/* Index page new copy stuff */

.bullet-point-sales-pitch.featured-list-icon-text {
  text-shadow: 1px 2px 3px rgba(0,0,0,0.1);
}
blockquote.cool {

  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cpolygon points='184,40 108,150 166,150 166,300 0,300 16,139 103,40' opacity='0.05' fill='rgb(0,0,0)'/%3E%3Cpolygon points='216,260 292,150 234,150 234,0 400,0 384,161 297,260' opacity='0.05' fill='rgb(0,0,0)'/%3E%3C/svg%3E") no-repeat;
  background-size: 110px;
  background-position: 0 0;

}

.inline-icon:before {
	top:3px;	
}

.top-button {
	border: none;
	padding: 8px 10px !important;
	transition: none !important;
}

.top-button:not(.selected) {
	border: 1px solid #5976D8 !important;
    color: #5976D8;	
	font-weight: 400;
	padding: 7px 12px !important;
	background: none;
}

.top-button:not(.selected):active {
	box-shadow: none;
	color: #5976D8;
	background:none;
}

.btn-group.delete {	
	opacity: .5;
	transition: opacity .15s;
}

.btn-group.delete:hover {
	opacity: 1;
}

.top-button.red {
	border: 1px solid #904e95 !important;
	color: #904e95;
}

.action-btn.red:hover {
	
	border: none !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;	
	color: white;
}

.action-btn.red:hover:not(.reverse) {
	background: linear-gradient(to right, #e96443, #904e95) !important;	
}

.action-btn.reverse.red:hover {
	background: linear-gradient(to right, #904e95, #e96443);
}


.quantity {
  display: flex;
  align-items: left;
  justify-content: left;
  padding: 0;
  float: left;
  clear: left;
  margin-right: 10px;
}
.quantity__minus,
.quantity__plus {
  display: block;
  width: 25px;
  height: 30px;
  margin: 0;
  background: #dee0ee;
  text-decoration: none;
  text-align: center;
  line-height: 26px;
  transition: .15s all;
  cursor: pointer;
  color: #222222;
  user-select: none;
}
.quantity__minus:hover,
.quantity__plus:hover {
    color: #456DDE;
} 
.quantity__minus {
  border-radius: 4px 0 0 4px;
}
.quantity__plus {
  border-radius: 0 4px 4px 0;
  padding-top: -1px;
}
.quantity__input {
 -webkit-appearance: none;
 -moz-appearance: none;
  appearance: none;
  width: 50px;
  height: 30px;
  margin: 0;
  padding: 5px;
  padding-top: 3px;
  text-align: center;
  border-top: 1px solid #dee0ee;
  border-bottom: 1px solid #dee0ee;
  border-left: 1px solid #dee0ee;
  border-right: 2px solid #dee0ee;
  background: #fff;
  color: #111;
  border-radius: 0 !important;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

a.changeQuantity:hover, a.changeQuantity:active, a.changeQuantity:visited, a.changeQuantity:focus {
	text-decoration: none;
}


.switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #dee0ee;
  -webkit-transition: .2s;
  transition: .2s;
}

.slider.equal-choice {
	
	background-color: #2196F3;	
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}
/*
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
*/

input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 22px;
}

.slider.round:before {
  border-radius: 50%;
}