/* usenetexpress styling for amember */

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");
@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css");

body {
	font-family: Lato;
	font-size: 18px;
}

a:active {
  outline: none;
}
a:active, a:focus {
  outline: none;
}

div.choke {
  max-width: 1250px;
  margin: 0px;
  padding: 0px;
  margin: 0 auto;
}

@keyframes rotater {
  0% { transform:rotate(0) scale(1) }
  50% { transform:rotate(360deg) scale(1.33) }
  100% { transform:rotate(720deg) scale(1) }
}

button.signin-button {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.0);
  line-height: 1em;
  border: 0px solid white;
  text-shadow: 0 0px 0 #fff;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.36);
  -moz-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.36);
  box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.36);

  /* hide active outline on mobile */
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
  -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
  outline: none !important;
}
span.signin-button-icon {
  font-size: 12px;
  line-height: 1em;
  color: white;
}
span.signin-button-text {
  padding-left: 6px;
  font-family: Lato;
  font-size: 13px;
  /* text-transform: uppercase; */
  line-height: 1em;
  color: white;
}
button.signin-button:hover,  button.signin-button:focus {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.36);
  color: white;
}
button.signin-button:active:focus {
  background-color: #1ca6f2;
  color: white;
}


/* new collapse breakpoint for navbar. otherwise the menu shows at bootstrap sm */
@media (max-width: 991px) {
    .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
      display: none!important;
    }
    .navbar-nav {
      float: none!important;
      margin: 7.5px -15px;
    }
    .navbar-nav>li {
      float: none;
    }
    .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .navbar-text {
      float: none;
      margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
      display: block!important;
    }
    .collapsing {
      overflow: hidden!important;
    }
}

nav#mobile_navbar {
  min-height: 0px;
  border-radius: 0px;
  box-shadow: None;
  border: None;
  margin-bottom: 0px;
}


.navbar-default {
  font-family: Lato;
  font-size: 20px;
}
.navbar-default .navbar-nav > li > a {
  line-height: 1.6em;
  color: #3d4955;
  border-bottom: 1px solid #efefef;
}
.navbar-default .navbar-nav > li > a:focus {
  color: #32bff7;
}

/* customize desktop navbar, without affecting the mobile navbar */
@media (min-width: 992px) {
  .navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
  }

  .navbar-default {
    border: 0px;
    box-shadow: None;
    background-image: None;
    background-color: rgba(255, 255, 255, 0.0);
    text-transform: uppercase;
    font-family: Lato;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 12px;
  }

  .navbar-default .navbar-nav > li > a {
    color: white;
    text-shadow: None;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 0px;
    padding-bottom: 6px;
    border-bottom: 0px;
    outline: 0px;
  }

  .navbar-default .navbar-nav > li > a:hover {
    color: white;
    text-shadow: None;
    border-bottom: 4px solid #62a4bf;
    padding-top: 0px;
    padding-bottom: 6px;
  }

  .navbar-default .navbar-nav > li > a:focus {
    color: #32bff7;
    text-shadow: None;
    border-bottom: 4px solid #62a4bf;
    padding-top: 0px;
    padding-bottom: 6px;
  }

  .navbar .navbar-collapse {
    text-align: center;
  }
}



div#hamburger_menu_button_container {
  text-align: left;
}
span#hamburger_menu_button {
  color: rgba(255, 255, 255, 0.75);
  font-size: 24px;
  padding: 4px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.36);
  -moz-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.36);
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.36);
}

div#user_button_container {
  text-align: right;
}
span#user_button {
  color: rgba(255, 255, 255, 0.75);
  font-size: 24px;
  padding: 4px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.36);
  -moz-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.36);
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.36);
}



div#single_head_container {
  width: 100%;
  height: 130px;

  padding-bottom: 130px;

  background: #0d2e4f; /* Old browsers */
  background-image: url('https://usenetexpress.com/img/md_single_header_bg.png');
  background-repeat: repeat;
  background-position: left top;

  text-align: right;
  position: relative;
  overflow: hidden;
}

div#single_head_mobile_menu_button {
  float: left;
  margin-top: 30px;
  margin-left: 15px;
}

div#single_head_mobile_menu_button a {
  color: transparent;
}

div#single_head_right {
  float: right;
	margin-top: -2px;
}

div#single_head_user_button {
  margin-top: 30px;
  margin-right: 15px;
}
/* md, lg */
@media(min-width: 992px) {
  div#single_head_user_button {
    margin-right: 40px;
  }
}

div#single_head_user_button a {
  color: transparent;
}

div#single_head_navbar {
  position: relative;
}

nav#single_navbar {
  margin-bottom: 0px;
  min-height: 30px;
}

.navbar-single {
  float: right;
  margin-top: 34px;
  margin-right: 40px;
  width: 500px;
}

.navbar-single .navbar-nav > li > a {
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 20px;
  margin-right: 0px;
}


div#single_head_logo {
  position: absolute;
  height: 67px;
  width: 100%;
  margin-top: 10px;
  text-align: center;
  pointer-events: none;
  padding-right: 20px;
}
/* md, lg */
@media(min-width: 992px) {
  div#single_head_logo {
    width: 122px;
    margin-left: 3%;
    text-align: left;
    pointer-events: all;
  }
}

div#single_head_clouds {
  position: absolute;
  width: 100%;
  height: 83px;
  margin-left: -50%;
  margin-top: 66px;
  padding-left: 40px;
  background-image: url('https://usenetexpress.com/img/xs_single_clouds.png');
  background-repeat: repeat;
  background-position: right top;
}
/* md, lg */
@media(min-width: 992px) {
  div#single_head_clouds {
    margin-top: 36px;
    width: 338px;
    height: 140px;
    margin-left: 4%;
    background-image: url('https://usenetexpress.com/img/md_single_clouds.png');
    background-repeat: no-repeat;
    background-position: left bottom;
  }
}


@keyframes breeze {
	from {
		transform: rotate(0.01deg)
		           translate(-8px)
		           rotate(0.01deg);
	}
	to {
		transform: rotate(360.00deg)
		           translate(-8px)
		           rotate(-360.00deg);
	}
}

div#single_head_clouds0 {
  /* border: 1px dotted red; */
  position: absolute;
  width: 361px;
  height: 92px;
  margin-left: 9%;
  margin-top: 62px;
  background-image: url('https://usenetexpress.com/img/md_single_header_clouds0.png');
  background-repeat: no-repeat;
  background-position: left bottom;

  animation: breeze 40s infinite ease 0ms;
}
/* xs, sm */
@media(max-width: 991px) {
  div#single_head_clouds0 {
    left: 0;
    right: 0;
    width: 361px;
    margin-top: 62px;
    margin-left: auto;
    margin-right: auto;
  }
}

div#single_head_clouds1 {
  /* border: 1px dotted blue; */
  position: absolute;
  width: 361px;
  height: 92px;
  margin-left: 9%;
  margin-top: 46px;
  background-image: url('https://usenetexpress.com/img/md_single_header_clouds1.png');
  background-repeat: no-repeat;
  background-position: left bottom;

  animation: breeze 30s infinite ease 0ms;
}
/* xs, sm */
@media(max-width: 991px) {
  div#single_head_clouds1 {
    left: 0;
    right: 0;
    width: 361px;
    margin-top: 46px;
    margin-left: auto;
    margin-right: auto;
  }
}


div#single_head_clouds2 {
  /* border: 1px dotted green; */
  position: absolute;
  width: 361px;
  height: 92px;
  margin-left: 9%;
  margin-top: 46px;
  background-image: url('https://usenetexpress.com/img/md_single_header_clouds2.png');
  background-repeat: no-repeat;
  background-position: left bottom;

  animation: breeze 20s infinite ease 0ms;
}
/* xs, sm */
@media(max-width: 991px) {
  div#single_head_clouds2 {
    left: 0;
    right: 0;
    width: 361px;
    margin-top: 46px;
    margin-left: auto;
    margin-right: auto;
  }
}


div#single_head_rocket {
  position: absolute;
  width: 220px;
  height: 68px;
  margin-left: 9%;
  margin-top: 50px;
  background-image: url('https://usenetexpress.com/img/md_single_header_rocket.gif');
  background-repeat: no-repeat;
  background-position: right bottom;
}
/* xs, sm */
@media(max-width: 991px) {
  div#single_head_rocket {
    left: 0;
    right: 0;
    width: 170px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    background-position: right bottom;
  }
}


div#single_head_sep {
  position: absolute;
  margin-top: 130px;
  height: 15px;
  width: 100%;
  background-color: #2f3d41;
}

div#single_head_badge_bg {
  position: relative;
  margin-top: -45px;
  pointer-events: none;
}

div#single_head_badge {
  height: 95px;
  width: 200px;
  margin: 0 auto;
  background-image: url('https://usenetexpress.com/img/md_single_badge_arrow_dark.png');
  background-repeat: no-repeat;
  background-position: center center;

  /* firefox, chrome */
  animation-name: rotater;
  animation-duration: 750ms;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;

  /* opera */
  -o-transform: rotate(360deg) scale(2);
  -o-transition-duration: 750ms;
  -o-transition-timing-function: ease-out;

	/* ie */
	-ms-transform: rotate(360deg) scale(2);
	-ms-transform-duration: 750ms;
	-ms-transform-timing-function: ease-out;
}




div#container_footer_sep {
	background-color: #2f3d41;
	padding-top: 20px;
}

div#container_legal {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #445154;
	text-align: center;
}

.footer-legal {
  color: white;
  font-family: Lato;
  font-size: 12px;
}

.am-common {
	font-family: Lato;
}

.am-main {
	max-width: 970px;
	padding-left: 0px;
	padding-right: 0px;
}

.am-form fieldset legend {
	font-family: Lato;
}

div.am-body-content-top h1 {
	font-family: Varela Round;
	font-size: 43px;
	color: #3d4955;
	text-transform: uppercase;
	text-align: center;
	display: block;
	margin-top: 36px;
	margin-bottom: 25px;
}

div.am-body {
	background-image: none;
	background-color: white;
}

div.am-body .am-login-form-wrapper {
	margin-top: 50px;
}

div.am-body .am-body-content-wrapper {
	border: 0px solid white;
	margin-top: 0px;
	padding-top: 0px;
}
/* md, lg */
@media(min-width: 992px) {
	div.am-body .am-body-content-wrapper {
		margin-top: -34px;
  }
}

div.am-layout {
	background-image: none;
	background-color: white;
}


.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
	position: relative;
	margin-left: 0px;
}


.am-common a {
	color: #ff6401;
}

.am-common a:hover, a:focus {
	color: #ff6401;
}

.am-common a:active:focus {
	color: #00c6ff;
}

.am-login-form {
	font-size: 14px;
}

ul.am-tabs li {
	font-size: 14px;
}

.am-common h2 {
	font-size: 18px;
}

.am-common h3 {
	font-size: 16px;
}

/* */
/* new customer signup form */
/* */

noscript.jswarn {
	display: block;
	margin-left: 15px;
	margin-right: 15px;
}

noscript.jswarn span.msg {
	display: block;
	font-size: 20px;
	text-align: center;
	max-width: 892px;
	color: #990000;
	background: #ffdcdc;
	border: 2px solid #990000;
	border-radius: 6px;
	padding: 15px;
	margin: 30px auto 0px;
}

div#container_packages {
	margin-top: 10px;
}

div.signup-step {
	width: 100%;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	font-family: Lato;
}
/* xs, sm */
@media(max-width: 991px) {
	div.signup-step {
		width: auto;
		min-width: 230px;
		max-width: 300px;
		margin: 0 auto;
	}
}

div.signup-step div.step div.bullet {
	float: left;
	display: inline;
	background: #f47321;
	border-radius: 50%;
	color: white;
	text-align: center;
	font-size: 16px;
	height: 25px;
	width: 25px;
	line-height: 25px;
	font-weight: bold;
	margin-right: 6px;
}

div.signup-step div.step div.title {
	font-size: 20px;
	line-height: 25px;
}

div.signup-step div.note {
	font-size: 16px;
	margin-left: 32px;
}

div.package-list {
  min-width: 240px;
  max-width: 300px;
  margin: 0 auto;
	margin-top: 20px;
}
/* md, lg */
@media(min-width: 992px) {
  div.package-list {
    min-width: None;
    max-width: None;
    width: 945px;
		margin-top: -10px;
  }
}

div.package-card-blue {
  min-width: 210px;
  max-width: 300px;
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
  font-family: Lato;
}
/* md, lg */
@media(min-width: 992px) {
  div.package-card-blue {
    float: left;
    overflow: visible;
  }
}

div.package-card-blue.coming-soon > div {
	filter: grayscale(50%);
	opacity: 0.5;
}


div.package-card-blue.coming-soon:after {
	content: url('/application/default/themes/usenetexpress/public/img/md_coming_soon_banner.png');
	display: block;
	position: relative;
	overflow: visible;
	width: 215px;
	height: 0px;
	top: -160px;
	margin: 0 auto;
}
/* md, lg */
@media(min-width: 992px) {
	div.package-card-blue.coming-soon:after {
		left: 0px;
	}
}


div.package-card-blue-title {
  background-color: #497d8c;
  color: white;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 900;
  padding-top: 12px;
  padding-bottom: 12px;

  border: 1px solid #e0f4fa;
  border-bottom: 0px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
div.package-card-blue-download-limit {
  height: 44px;
  background-color: #66c6e5;
  color: white;
  text-transform: uppercase;
  font-size: 24px;
  font-family: Varela Round;

  border: 1px solid #e0f4fa;
  border-top: 0px;
  border-bottom: 0px;

  /* push down 'UNLIMITED', breaks '99 GB' */
  padding-top: 6px;
}
div.package-card-blue-item {
  height: 44px;
  line-height: 44px;
  background-color: #fdfdfd;
  color: #364950;
  font-size: 15px;
  font-family: Varela Round;

  border: 1px solid #e0f4fa;
  border-top: 0px;
  border-bottom: 0px;
  border-bottom: 1px solid #e1e4e5;
}
div.package-card-blue-item span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
div.package-card-blue-price {
  color: #364950;
  background-color: #f9f9f9;
  font-size: 24px;
  height: 110px;
  vertical-align: bottom;
  padding-top: 20px;

  border: 1px solid #e0f4fa;
  border-top: 0px;
  border-bottom: 0px;
}
div.package-card-blue-bottom {
	position: relative;
  background-color: #f9f9f9;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-bottom: 12px;
  border: 1px solid #e0f4fa;
  border-top: 0px;
}

div.package-card-blue-savings {
	margin-top: -23px;
	font-size: 16px;
	color: #ff6401;
}

div.package-card-blue.selected {
  overflow: hidden;
  min-width: 210px;
  max-width: 300px;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 30px;
	margin-top: 0px;
  text-align: center;
  font-family: Lato;
}
/* md, lg */
@media(min-width: 992px) {
  div.package-card-blue.selected {
    float: left;
    overflow: auto;
  }
}
div.package-card-blue.selected div.package-card-blue-title {
  background-color: #f47321;
  color: white;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 900;
  padding-top: 22px;
  padding-bottom: 22px;

  border: 1px solid #e0f4fa;
  border-bottom: 0px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
div.package-card-blue.selected div.package-card-blue-download-limit {
  height: 44px;
  background-color: #ffcc42;
  color: white;
  text-transform: uppercase;
  font-size: 24px;
  padding-top: 6px;
  font-family: Varela Round;

  border: 1px solid #e0f4fa;
  border-top: 0px;
  border-bottom: 0px;
}
div.package-card-blue.selected div.package-card-blue-item {
  height:44px;
  line-height: 44px;
  color: #364950;
  background-color: #fdfdfd;
  font-size: 15px;
  font-family: Varela Round;

  border: 1px solid #e0f4fa;
  border-top: 0px;
  border-bottom: 1px solid #e1e4e5;
}
div.package-card-blue.selected div.package-card-blue-item span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
div.package-card-blue.selected div.package-card-blue-price {
  color: #364950;
  background-color: #f9f9f9;
  font-size: 24px;
  height: 130px;
  vertical-align: bottom;
  padding-top: 35px;

  border: 1px solid #e0f4fa;
  border-top: 0px;
  border-bottom: 0px;
}
div.package-card-blue.selected div.package-card-blue-bottom {
	background-color: #f9f9f9;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-bottom: 12px;
  border: 1px solid #e0f4fa;
  border-top: 0px;
}


div.package-card-blue-sale-tag-50 {
	visibility: hidden;
	position: absolute;
	background-image: url('https://members.usenetexpress.com/application/default/themes/usenetexpress/public/img/une-sale-50.png');
	height: 130px;
	width: 130px;
	margin-left: 80px;
	margin-top: -155px;
}
/* md, lg */
@media(min-width: 992px) {
  div.package-card-blue-sale-tag-50 {
		margin-left: 46px;
		margin-top: -155px;
  }
}

div.package-card-blue-sale-tag-5 {
	visibility: hidden;
	position: absolute;
	background-image: url('https://members.usenetexpress.com/application/default/themes/usenetexpress/public/img/une-sale-5.png');
	height: 130px;
	width: 130px;
	margin-left: 80px;
  margin-top: -155px;
}
/* md, lg */
@media(min-width: 992px) {
  div.package-card-blue-sale-tag-5 {
		margin-left: 46px;
		margin-top: -155px;
  }
}
div.package-card-blue.selected div.package-card-blue-sale-tag-5 {
		margin-top: -160px;
}


div.package-card-blue-sale-tag-15 {
	visibility: hidden;
	position: absolute;
	background-image: url('https://members.usenetexpress.com/application/default/themes/usenetexpress/public/img/une-sale-15.png');
	height: 130px;
	width: 130px;
	margin-left: 80px;
  margin-top: -155px;
}
/* md, lg */
@media(min-width: 992px) {
  div.package-card-blue-sale-tag-15 {
		margin-left: 46px;
		margin-top: -155px;
  }
}
div.package-card-blue.selected div.package-card-blue-sale-tag-15 {
		margin-top: -160px;
}

div.package-card-blue-sale-tag-35 {
	visibility: hidden;
	position: absolute;
	background-image: url('https://members.usenetexpress.com/application/default/themes/usenetexpress/public/img/une-sale-35.png');
	height: 130px;
	width: 130px;
	margin-left: 80px;
  margin-top: -155px;
}
/* md, lg */
@media(min-width: 992px) {
  div.package-card-blue-sale-tag-35 {
		margin-left: 46px;
		margin-top: -155px;
  }
}
div.package-card-blue.selected div.package-card-blue-sale-tag-35 {
		margin-top: -160px;
}

div.package-card-blue-bonus-badge {
	visibility: hidden;
	position: absolute;
	background-image: url('https://members.usenetexpress.com/application/default/themes/usenetexpress/public/img/une-bonus-500-gb.png ');
	height: 91px;
	width: 91px;
	margin-left: 80px;
	margin-top: -170px;
}
/* md, lg */
@media(min-width: 992px) {
  div.package-card-blue-bonus-badge {
		margin-left: 146px;
		margin-top: -106px;
  }
}

div.package-card-blue-unchecked {
	position: absolute;
	right: -30px;
	bottom: 10px;
	height: 71px;
	width: 95px;
	background-image: url('https://members.usenetexpress.com/application/default/themes/usenetexpress/public/img/md_check_large_empty.png');
}

div.package-card-blue-checked {
	position: absolute;
	right: -30px;
	bottom: 10px;
	height: 71px;
	width: 95px;
	background-image: url('https://members.usenetexpress.com/application/default/themes/usenetexpress/public/img/md_check_large_full.png');
	z-index: 100;
}

div.package-card-blue-tip {
	position: absolute;
	overflow: visible;
	left: -10px;
	top: -210px;
	width: 230px;
	padding: 5px;
	font-family: Lato;
	font-size: 20px;
	color: #3d4955;
	border: 2px solid #e8e1c3;
	border-radius: 16px;
	background-color: #fef8de;
	animation: fadein 0.125s linear normal;
	-webkit-animation: fadein 0.125s linear normal;
	z-index: 100;
}

div.package-card-blue-tip:before,
div.package-card-blue-tip:after {
	content:'';
	position: absolute;
  left: 22px;
  top: 122px;
  width: 30px;
  height: 30px;
	border: 2px solid #e8e1c3;
	background-color: #fef8de;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
}

div.package-card-blue-tip:after {
	position: absolute;
	left: 46px;
	top: 150px;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
}


span.card-download-limit-digit {
  color: white;
  font-size: 40px;
}
span.card-price-digit {
  color: #364950;
  font-family: Lato;
  font-size: 48px;
  font-weight: bold;
  vertical-align: top;
}

/* animate selected card */
div.package-card-blue.selected {
	/* border-radius:50%; */
	overflow: visible;
	position:relative;
	z-index: 1;
	-webkit-animation: breath 3s ease-out infinite;
  animation: breath 3s ease-out infinite;
}

div.package-card-blue.selected:before,
div.package-card-blue.selected:after {
	content:'';
  display:block;
	position: absolute;
	overflow: visible;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 1px solid #dddddd;
	border-radius: 10px;
	z-index: -1;
	/* filter: blur(2px); */
}
div.package-card-blue.selected:before {
  -webkit-animation: ripple 2s linear infinite;
  animation: ripple 2s linear infinite;
}
div.package-card-blue.selected:after {
  -webkit-animation: ripple 2s linear 1s infinite;
  animation: ripple 2s linear 1s infinite;
}

@-webkit-keyframes ripple{
  0% {-webkit-transform:scale(1.0); }
  75% {-webkit-transform:scale(1.0625); opacity:1; -webkit-filter: blur(2px); }
  100% {-webkit-transform:scale(1.125); opacity:0; -webkit-filter: blur(5px); }
}

@keyframes ripple{
  0% {transform:scale(1.0); }
  75% {transform:scale(1.0625); opacity:1; filter: blur(2px); }
  100% {transform:scale(1.125); opacity:0; filter: blur(5px); }
}

@-webkit-keyframes breath{
	0% {-webkit-transform:scale(1.0); }
  75% {-webkit-transform:scale(1.0625); }
	100% {-webkit-transform:scale(1.0); }
}
@keyframes breath{
	0% {transform:scale(1.0); }
  75% {transform:scale(1.0625); }
	100% {transform:scale(1.0); }
}

@-webkit-keyframes fadein {
   0% {opacity: 0; -webkit-transform:scale(0.3); }
   100% {opacity: 1; -webkit-transform:scale(1.0); }
}

@keyframes fadein {
   0% {opacity: 0; transform:scale(0.3); }
   100% {opacity: 1; transform:scale(1.0); }
}

/* form fields */
div#email_form_field {
	margin-top: 10px;
	margin-bottom: 40px;
	padding-left: 15px;
}
/* xs, sm */
@media(max-width: 991px) {
	div#email_form_field {
		width: auto;
		min-width: 230px;
		max-width: 300px;
		margin: 0 auto;
		margin-bottom: 40px;
		padding-left: 0px;
		text-align: center;
	}
}

div#email_form_field div.field {
	margin-top: 15px;
}

div#email_form_field input {
	width: 230px;
}
/* md, lg */
@media(min-width: 992px) {
	div#email_form_field input {
		width: 600px;
	}
}

div#email_form_field span.error {
	color: #cc0000;
	margin-bottom: 5px;
}


div#captcha_field {
	margin-top: 10px;
	margin-bottom: 40px;
	padding-left: 15px;
}
/* xs, sm */
@media(max-width: 991px) {
	div#captcha_field {
		width: auto;
		min-width: 230px;
		max-width: 300px;
		margin: 0 auto;
		margin-bottom: 40px;
		padding-left: 0px;
		text-align: center;
	}
}

div#captcha_field div.field {
	margin-top: 15px;
}

/* md, lg */
div#captcha_field span.error {
	color: #cc0000;
	margin-bottom: 5px;
}



div#payment_splitter {
	display: inline-block;
	position: relative;
	margin-top: 0px;
	width: 941px;
}
@media(max-width: 991px) {
	div#payment_splitter {
		display: block;
		width: auto;
		min-width: 210px;
		max-width: 500px;
		margin: 0 auto;
	}
}

div#paysystem_form_field {
	float: left;
	width: 620px;
	padding-left: 15px;
	margin-top: -20px;
}
/* xs, sm */
@media(max-width: 991px) {
	div#paysystem_form_field {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
}

div#paysystem_form_field div.title {
	color: #364950;
	font: Lato;
	font-size: 28px;
}

div#paysystem_form_field div.options {
		margin-bottom: 15px;
		width: 600px;
}
/* xs, sm */
@media(max-width: 991px) {
	div#paysystem_form_field div.options {
		width: auto;
		min-width: 200px;
		max-width: 470px;
	}
}

span.visa {
	background-size: 100% 100%;
	background-image: url('https://members.usenetexpress.com/application/default/themes/usenetexpress/public/img/icon_visa.png');
}
span.mastercard {
	background-size: 100% 100%;
	background-image: url('https://members.usenetexpress.com/application/default/themes/usenetexpress/public/img/icon_mastercard.png');
}
span.amex {
	background-size: 100% 100%;
	background-image: url('https://members.usenetexpress.com/application/default/themes/usenetexpress/public/img/icon_amex.png');
}
span.discover {
	background-size: 100% 100%;
	background-image: url('https://members.usenetexpress.com/application/default/themes/usenetexpress/public/img/icon_discover.png');
}
span.paypal {
	background-size: 100% 100%;
	background-image: url('https://members.usenetexpress.com/application/default/themes/usenetexpress/public/img/icon_paypal.png');
}
span.bitcoin {
	background-size: 100% 100%;
	background-image: url('https://members.usenetexpress.com/application/default/themes/usenetexpress/public/img/icon_wide_bitcoin.png');
}
span.litecoin {
	background-size: 100% 100%;
	background-image: url('https://members.usenetexpress.com/application/default/themes/usenetexpress/public/img/icon_wide_litecoin.png');
}
span.monero {
	background-size: 100% 100%;
	background-image: url('https://members.usenetexpress.com/application/default/themes/usenetexpress/public/img/icon_wide_monero.png');
}
span.banktransfer {
	background-size: 100% 100%;
	background-image: url('https://members.usenetexpress.com/application/default/themes/usenetexpress/public/img/icon_wide_banktransfer.png');
}
span.jcb {
	background-size: 100% 100%;
	background-image: url('https://members.usenetexpress.com/application/default/themes/usenetexpress/public/img/icon_jcb.png');
}
span.unionpay {
	background-size: 100% 100%;
	background-image: url('https://members.usenetexpress.com/application/default/themes/usenetexpress/public/img/icon_unionpay.png');
}


button.payment-button {
  background-image: none;
  background-color: #23a6fc;
  color: white;
  text-transform: uppercase;
  font-family: Lato;
  font-size: 15px;
  line-height: 1em;
  padding: 16px 56px 16px 56px;
  border-radius: 500px;
  border: 0px solid black;
  /* hide active outline on mobile */
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
  -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
  outline: none !important;
}
/* xs, sm */
@media(max-width: 991px) {
	button.payment-button {
		padding: 16px 16px 16px 16px;
		font-size: 12px;
	}
}

button.payment-button:hover,  button.payment-button:focus {
  background-image: none;
  background-color: #23a6fc;
  color: white;
  -webkit-box-shadow: 0px 0px 0px 5px rgba(148, 217, 238, 1);
  -moz-box-shadow: 0px 0px 0px 5px rgba(148, 217, 238, 1);
  box-shadow: 0px 0px 0px 5px rgba(148, 217, 238, 1);
}
button.payment-button:focus {
  background-color: #497d8c;
  color: white;
}


div#feature_floater {
	float: left;
	width: 288px;
	margin-top: 0px;
	margin-top: -122px;
	margin-left: 15px;
	margin-right: 15px;
	border: 1px solid #c2c2c2;
	border-radius: 6px;
	padding-left: 5px;
	padding-right: 5px;
}

div#feature_floater div.title {
	color: #364950;
	font-family: Lato;
	font-size: 20px;
	margin-left: 15px;
	margin-top: 10px;
}

div#feature_floater ul {
	margin-top: 10px;
}

div#feature_floater ul li:before {
	color: #66c6e5;
	content: '✦';
	font-size: 20px;
	margin-right: 6px;
}

div#feature_floater ul li {
	list-style: none;
	margin-left: -22px;
	padding-bottom: 6px;
}

/* styling for simple receipt on signup cc payment info page */
.am-receipt-simple {
	background-color: #f4fff2;
  border: 1px solid #E0E0E0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
	margin-top: 20px;
  margin-bottom: 1em;
  padding: 0.5em;
  border-collapse: collapse;
  box-shadow: 0 1px 1px #e0e0e0;
}
.am-receipt-simple table {
  width: 100%;
}
.am-receipt-simple td {
  background-color: #ededed;
  padding: 0.5em;
  border: 1px solid white;
}
@media all and (max-width: 500px) {
  .am-receipt-simple .am-receipt-simple-terms {
    font-size: 80%;
  }
}
.am-receipt-simple td.am-receipt-simple-terms {
  background: none;
	width: 35%;
	text-align: right;
}
.am-receipt-simple td.am-receipt-simple-terms-value {
  background: none;
}



textarea.spam-policy-text {
	width: 410px;
	height: 240px;
}

/* xs, sm */
@media(max-width: 991px) {
	textarea.spam-policy-text {
		width: 260px;
	}
}


div#coupon_message {
	display: none;
	position: relative;
}

.ui-widget-overlay.coupon-overlay
{
    background-color: black;
    background-image: none;
    opacity: 0.6;
}


div.leading-top-center {
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	box-shadow: 0 1px 3px #e3e3e3;
	background-color: #f5f5f5;
}