@import 'bootstrap4.min.css';
@import 'https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i|Noto+Serif&subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,latin-ext,vietnamese';
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/**************************************************************************************************/
/* Custom variables and mixins
/**************************************************************************************************/
/**************************************************************************************************/
/* Overrides for bootstrap/grid.less
/**************************************************************************************************/
.grid .square {
  display: inline-block;
  width: 175px;
  height: 175px;
  padding: 25px;
  border: 1px solid #ddd;
  text-align: center;
}
.grid .square + .square {
  margin-left: 10px;
}
/**************************************************************************************************/
/* Overrides for bootstrap/forms.less
/**************************************************************************************************/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(122, 193, 67, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(122, 193, 67, .6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(122, 193, 67, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(122, 193, 67, .6);
}
input[type="radio"] {
  display: inline-block();
  width: 17px;
  height: 17px;
  background: url('/img/radio.png') 0 0 no-repeat transparent;
}
input[type="radio"]:checked {
  background-position: 0 -17px;
}
#shell .typeahead.dropdown-menu li a,
#shell .typeahead.dropdown-menu li a:hover,
#shell .typeahead.dropdown-menu li a:active,
#shell .typeahead.dropdown-menu li a:visited {
  display: inline-block;
  width: 185px;
  text-decoration: none;
  font-size: 14px;
  color: #bebebe;
}
#shell .typeahead.dropdown-menu li a strong,
#shell .typeahead.dropdown-menu li a:hover strong,
#shell .typeahead.dropdown-menu li a:active strong,
#shell .typeahead.dropdown-menu li a:visited strong {
  color: #aaa;
}
#shell .typeahead.dropdown-menu li.active a,
#shell .typeahead.dropdown-menu li.active a:hover,
#shell .typeahead.dropdown-menu li.active a:active,
#shell .typeahead.dropdown-menu li.active a:visited {
  background: #ffffff;
  color: #454545;
}
#shell .typeahead.dropdown-menu li.active a strong,
#shell .typeahead.dropdown-menu li.active a:hover strong,
#shell .typeahead.dropdown-menu li.active a:active strong,
#shell .typeahead.dropdown-menu li.active a:visited strong {
  color: #454545;
}
.typeahead,
.dropdown-menu {
  margin: -1px 0 0;
  border-radius: 0;
}
/**************************************************************************************************/
/* Overrides for bootstrap/tables.less
/**************************************************************************************************/
table.open th,
table.open td {
  padding: 20px;
  border: 1px solid #dddddd;
  font-weight: normal;
  color: #454545;
}
table.open .top {
  border-top: none;
}
table.open .left {
  border-left: none;
}
table.open .right {
  border-right: none;
}
/**************************************************************************************************/
/* Overrides for bootstrap/navs.less
/**************************************************************************************************/
#shell .nav-tabs li a {
  border: none;
  border-radius: 0;
  color: #bebebe;
}
#shell .nav-tabs li a:hover {
  border: none;
  color: #454545;
  text-decoration: none;
}
#shell .nav-tabs li.active a {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  color: #454545;
}
/**************************************************************************************************/
/* Overrides for bootstrap/pagination.less
/**************************************************************************************************/
#shell .pagination ul {
  border-radius: 0;
  box-shadow: none;
}
#shell .pagination ul > li > a {
  border-radius: 0;
  font-size: 12px;
  text-decoration: none;
}
/**************************************************************************************************/
/* Overrides for bootstrap/modals.less
/**************************************************************************************************/
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.modal-header {
  background-color: #f8f8f8;
}
.modal-header .close {
  margin-right: -5px;
  font-size: 47px;
  font-weight: lighter;
}
.modal-footer {
  background-color: inherit;
  border-top: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/**************************************************************************************************/
/* Overrides for bootstrap/popeovers.less
/**************************************************************************************************/
.popover {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.popover.top .popover-title {
  display: none;
}
/**************************************************************************************************/
/* Overrides for bootstrap/progress-bars.less
/**************************************************************************************************/
.progress {
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 1px;
  border: 1px solid #c7c7c7;
}
.progress-brand-dark .bar,
.progress .bar-brand-dark {
  background-color: #6cab3a;
  background-image: -moz-linear-gradient(top, #7ac143, #568a2e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7ac143), to(#568a2e));
  background-image: -webkit-linear-gradient(top, #7ac143, #568a2e);
  background-image: -o-linear-gradient(top, #7ac143, #568a2e);
  background-image: linear-gradient(to bottom, #7ac143, #568a2e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7ac143', endColorstr='#ff568a2e', GradientType=0);
}
.progress-brand-dark.progress-striped .bar,
.progress-striped .bar-brand-dark {
  background-color: #568a2e;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-brand-light .bar,
.progress .bar-brand-light {
  background-color: #92cc66;
  background-image: -moz-linear-gradient(top, #a3d47d, #7ac143);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a3d47d), to(#7ac143));
  background-image: -webkit-linear-gradient(top, #a3d47d, #7ac143);
  background-image: -o-linear-gradient(top, #a3d47d, #7ac143);
  background-image: linear-gradient(to bottom, #a3d47d, #7ac143);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa3d47d', endColorstr='#ff7ac143', GradientType=0);
}
.progress-brand-light.progress-striped .bar,
.progress-striped .bar-brand-light {
  background-color: #7ac143;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/**************************************************************************************************/
/* Overrides for bootstrap/accordion.less
/**************************************************************************************************/
.accordion h4 {
  font-size: 14px;
  font-weight: bold;
  color: #7ac143;
}
.accordion h4:hover {
  text-decoration: underline;
}
.accordion h5 {
  line-height: 12px;
  font-size: 12px;
  font-weight: bold;
  color: #231f20;
}
.accordion p {
  font-size: 12px;
  color: #4b4b4b;
}
.accordion .green-button {
  display: inline-block;
  width: 21px;
  height: 21px;
  padding: 0;
  background: url('/img/accordion-icon.png') 0 0 no-repeat transparent;
}
.accordion .accordion-toggle {
  padding-left: 0;
}
.accordion .accordion-inner {
  display: inline-block;
  width: auto;
  padding: 0 6px 6px;
}
.accordion .accordion-body {
  margin-top: 4px;
}
.accordion-group {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.accordion-inner {
  border-top: none;
}
/**************************************************************************************************/
/* Reset
/**************************************************************************************************/
html,
body,
section,
aside,
address,
header,
nav,
article,
footer,
div,
span,
a,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
p,
blockquote,
ol,
ul,
li,
dl,
dt,
dd,
hr,
br,
form,
fieldset,
legend,
label,
input,
textarea,
select,
optgroup,
option,
button,
table,
thead,
tbody,
tfoot,
tr,
td,
th {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  list-style-type: none;
  font-size: 100%;
  font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}
/**************************************************************************************************/
/* Typography
/**************************************************************************************************/
@font-face {
  font-family: 'Avenir Black';
  src: url('/font/avenir/black.eot');
  src: url('/font/avenir/black.eot?#iefix') format('embedded-opentype'), url('/font/avenir/black.woff') format('woff'), url('/font/avenir/black.svg#wf') format('svg');
}
@font-face {
  font-family: 'Avenir Book';
  src: url('/font/avenir/book.eot');
  src: url('/font/avenir/book.eot?#iefix') format('embedded-opentype'), url('/font/avenir/book.woff') format('woff'), url('/font/avenir/book.svg#wf') format('svg');
}
@font-face {
  font-family: 'Avenir Heavy';
  src: url('/font/avenir/heavy.eot');
  src: url('/font/avenir/heavy.eot?#iefix') format('embedded-opentype'), url('/font/avenir/heavy.woff') format('woff'), url('/font/avenir/heavy.svg#wf') format('svg');
}
@font-face {
  font-family: 'Avenir Medium';
  src: url('/font/avenir/medium.eot');
  src: url('/font/avenir/medium.eot?#iefix') format('embedded-opentype'), url('/font/avenir/medium.woff') format('woff'), url('/font/avenir/medium.svg#wf') format('svg');
}
@font-face {
  font-family: 'Avenir Light';
  src: url('/font/avenir/light.eot');
  src: url('/font/avenir/light.eot?#iefix') format('embedded-opentype'), url('/font/avenir/light.woff') format('woff'), url('/font/avenir/light.svg#wf') format('svg');
}
@font-face {
  font-family: 'Avenir Roman';
  src: url('/font/avenir/roman.eot');
  src: url('/font/avenir/roman.eot?#iefix') format('embedded-opentype'), url('/font/avenir/roman.woff') format('woff'), url('/font/avenir/roman.svg#wf') format('svg');
}
/**************************************************************************************************/
/* Mixins
/**************************************************************************************************/
/**************************************************************************************************/
/* General
/**************************************************************************************************/
h1 {
  display: inline-block;
  /* inline-block fix for ie (force hasLayout property) */
  zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 298px;
  height: 47px;
  background-image: url('/img/sensaphonenet.png');
  text-indent: -9999px;
}
hr {
  border-bottom: 1px solid #e5e5e5;
}
.spread {
  padding-left: 8px;
}
.clear {
  clear: both;
}
.hidden {
  display: none !important;
}
#shell #meta-nav {
  height: 33px;
  font-family: 'Arial ', sans-serif;
  text-align: right;
  font-size: 12px;
  line-height: 33px;
}
#shell #meta-nav a {
  height: 33px;
  color: #fff;
}
#shell #meta-nav li {
  display: inline-block;
  /* inline-block fix for ie (force hasLayout property) */
  zoom: 1;
  *display: inline;
  vertical-align: top;
  line-height: 33px;
}
#shell #meta-nav li > a {
  display: block;
  padding: 0 14px;
}
#shell #meta-nav li.meta-nav-service {
  padding-right: 14px;
}
#shell #meta-nav li.meta-nav-cart > a:hover {
  text-decoration: underline;
}
#shell #meta-nav li.meta-nav-panel > a {
  padding: 0 18px 0 24px;
  background-color: rgba(255, 255, 255, 0.2);
}
#shell #meta-nav li.meta-nav-panel > a:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.4);
}
#shell #meta-nav li.meta-nav-cart.cart-full a {
  color: #7ac143;
}
#shell .alert a,
#shell .alert a:active,
#shell .alert a:visited {
  color: #306191;
}
/**************************************************************************************************/
/* Elements
/**************************************************************************************************/
input[type='radio'],
input[type='checkbox'] {
  display: inline-block;
  /* inline-block fix for ie (force hasLayout property) */
  zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 10px;
  height: 10px;
  margin-right: -27px;
  opacity: 0;
}
input[type='radio'] + label,
input[type='checkbox'] + label {
  display: inline-block;
  /* inline-block fix for ie (force hasLayout property) */
  zoom: 1;
  *display: inline;
  vertical-align: top;
  height: 17px;
  margin: 10px;
  padding-left: 27px;
}
input[type='radio'] + br + label,
input[type='checkbox'] + br + label {
  display: inline-block;
  /* inline-block fix for ie (force hasLayout property) */
  zoom: 1;
  *display: inline;
  vertical-align: top;
  height: 44px;
  min-width: 27px;
  padding-top: 27px;
}
input[type='radio']:checked + label,
input[type='checkbox']:checked + label {
  background-position: 0 -17px;
}
input[type='radio']:checked + br + label,
input[type='checkbox']:checked + br + label {
  background-position: center -17px;
}
input[type='checkbox'] + label {
  background: url('/img/checkbox.png') 0 0 no-repeat transparent;
}
input[type='checkbox'] + br + label {
  background: url('/img/checkbox.png') center top no-repeat transparent;
}
input[type='radio'] + label {
  background: url('/img/radio.png') 0 0 no-repeat transparent;
}
input[type='radio'] + br + label {
  background: url('/img/radio.png') center top no-repeat transparent;
}
span.select {
  display: inline-block;
  /* inline-block fix for ie (force hasLayout property) */
  zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 200px;
  height: 27px;
  overflow: hidden;
  border: 1px solid #c7c7c7;
  background: url('/img/dropdown-arrow.png') 183px 11px no-repeat transparent;
}
span.select > select {
  display: inline-block;
  /* inline-block fix for ie (force hasLayout property) */
  zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 225px;
  overflow: hidden;
  background: transparent;
  outline: none;
  outline-offset: 0;
}
span.select > select:focus {
  width: 200px;
  opacity: 0;
}
.cta-button {
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  height: 40px;
  text-decoration: none;
  padding: 3px;
}
.cta-button:hover > span {
  background: linear-gradient(to top, #01b254, #007436);
}
.cta-button > span {
  display: inline-block;
  vertical-align: top;
  padding: 6px 22px 6px 22px;
  line-height: 22px;
  background: linear-gradient(to top, #007436, #01b254);
  font-family: 'Arial ', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 1px 1px #555;
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 0px 0px 3px #007436;
}
.cancel-link {
  margin-left: 20px;
  line-height: 40px;
  color: #4b4b4b !important;
}
p.sub {
  margin: -10px 0 15px;
  font-family: 'Arial ', sans-serif;
  font-size: 10px;
}
/**************************************************************************************************/
/* jQuery UI Slider
/**************************************************************************************************/
.ui-slider-horizontal {
  height: 18px;
  border: 1px solid #c7c7c7;
  border-radius: 0;
}
.ui-slider-horizontal .ui-slider-handle {
  width: 18px;
  height: 28px;
  margin-top: -1px;
  border: 1px solid #c7c7c7;
  border-radius: 2px;
  background-color: #b0df3a;
  background-image: linear-gradient(to bottom, #00803c, #007336);
  background-repeat: repeat-x;
  box-shadow: 0 0 0 1px #d7f38e inset;
  cursor: pointer;
}
.ui-slider-horizontal .ui-slider-range {
  height: 14px;
  margin-top: 1px;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #e9e9e9, #cfcfcf);
  background-repeat: repeat-x;
}
/**************************************************************************************************/
/* jQuery UI Datepicker
/**************************************************************************************************/
#ui-datepicker-div.ui-datepicker {
  padding: 0 20px;
  border-radius: 2px;
  width: 230px;
  height: 227px;
  z-index: 2 !important;
}
#ui-datepicker-div.ui-datepicker .ui-widget-header {
  margin: 0 -20px;
  background: #f8f8f8;
  border-color: #ddd;
  border-width: 0 0 2px;
  font-family: 'Arial ', sans-serif;
  font-size: 14px;
  font-weight: normal;
}
#ui-datepicker-div.ui-datepicker .ui-widget-header .ui-corner-all {
  border-radius: 0;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar {
  border-spacing: 2px;
  font-size: 12px;
  font-weight: normal;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar thead {
  font-family: 'Arial Bold', sans-serif;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tbody {
  font-family: 'Arial ', sans-serif;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td .ui-state-default {
  padding-right: 7px;
  border: 1px solid #a7a7a7;
  background: #f6f6f6;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td .ui-state-highlight {
  border-color: #7ac143;
  background-color: #e7f0d1;
}
/**************************************************************************************************/
/* Page load
/**************************************************************************************************/
/**************************************************************************************************/
/* Device name search box
/**************************************************************************************************/
.ui-autocomplete {
  font-family: 'Avenir Light', Arial, sans-serif;
  max-height: 200px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  width: 250px !important;
}
.ui-autocomplete li.ui-menu-item .ui-state-active {
  border: 1px solid #306191;
  background: #306191;
}
.ui-autocomplete-loading {
  background: white url("/img/ui-anim_basic_16x16.gif") right center no-repeat;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
  height: 200px;
}
/**************************************************************************************************/
/* Typography
/**************************************************************************************************/
#shell h1 {
  margin-left: 33px;
}
#shell h2 {
  font-family: 'Noto Sans', sans-serif;
  font-size: 38px;
}
#shell h3 {
  font-family: 'Noto Sans', sans-serif;
  font-size: 32px;
}
#shell h4 {
  font-family: 'Noto Sans', sans-serif;
  font-size: 26px;
}
#shell h6 {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
}
#shell a,
#shell a:active,
#shell a:visited {
  color: #003a63;
  text-decoration: none;
}
#shell a:hover {
  text-decoration: underline;
}
/**************************************************************************************************/
/* Components
/**************************************************************************************************/
/**************************************************************************************************/
/* Layout
/**************************************************************************************************/
#doc {
  font-family: 'Arial ', sans-serif;
  font-size: 13px;
  color: #231f20;
}
#shell #nav {
  margin-top: 40px;
  padding-left: 33px;
  font-size: 18px;
}
#shell #nav a {
  display: inline-block;
  /* inline-block fix for ie (force hasLayout property) */
  zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 100%;
  padding: 12px 0;
  color: #ffffff;
  color: rgba(255, 255, 255, 0.6);
  font-family: 'Noto Sans', sans-serif;
}
#shell #nav a.current {
  color: #ffffff;
}
#shell #nav a:hover {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}
#shell #nav li {
  border-bottom: 1px solid #4b5462;
}
#shell #nav li.first {
  border-top: 1px solid #4b5462;
}
#footer-well {
  padding-top: 30px;
  font-family: 'Arial ', sans-serif;
}
#footer-well > .wrap {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
#footer-well > .wrap li {
  display: inline-block;
  /* inline-block fix for ie (force hasLayout property) */
  zoom: 1;
  *display: inline;
  vertical-align: top;
}
#footer-well > .wrap hr {
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
#footer-well a,
#footer-well a:active,
#footer-well a:hover,
#footer-well a:visited {
  color: #ffffff;
}
#footer-well h4 {
  font-size: 16px;
  font-family: 'Noto Sans', sans-serif;
}
#footer-well h5 {
  font-family: 'Arial ', sans-serif;
  font-weight: bold;
  font-size: 12px;
}
#footer-contact {
  margin-top: 25px;
  font-size: 12px;
  line-height: 20px;
}
#footer-contact li span {
  display: block;
}
#footer-contact li.direct {
  margin-right: 100px;
}
#footer-contact li.post {
  margin-right: 130px;
}
#footer-contact li.asia {
  margin-right: 170px;
}
#footer-contact li.sensaphone {
  float: right;
}
#footer-legal {
  margin-top: 30px;
  font-size: 11px;
}
#footer-legal a,
#footer-legal a:hover,
#footer-legal a:active,
#footer-legal a:visited {
  color: #ffffff;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../font/glyphicons-halflings-regular.eot');
  src: url('../font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../font/glyphicons-halflings-regular.woff') format('woff'), url('../font/glyphicons-halflings-regular.ttf') format('truetype'), url('../font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon:empty {
  width: 1em;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
/**************************************************************************************************/
/* Template
/**************************************************************************************************/
html,
body,
#doc,
#shell {
  height: 100%;
}
#background-top {
  position: absolute;
  top: 0;
  height: 120px;
  min-width: 1160px;
  width: 100%;
  z-index: -9;
  background: url('/img/clouds-private-top.jpg') center top no-repeat #1f3f53;
}
#page-wrap {
  width: 1160px;
  min-height: 100%;
  height: auto;
  margin: 0 auto;
}
#page-wrap #top {
  width: 1160px;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
  font-size: 0;
}
#page-wrap #top .header-wrap {
  width: 1160px;
}
#page-wrap #side-nav {
  display: inline-block;
  /* inline-block fix for ie (force hasLayout property) */
  zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 280px;
}
#page-wrap #side-nav a {
  /* the rgb values were converted from @brand-dark-gray */
  color: #666666;
  color: rgba(102, 102, 102, 0.6);
}
#page-wrap #side-nav a:hover {
  color: rgba(102, 102, 102, 0.8);
  text-decoration: none;
}
#page-wrap #side-nav #nav {
  margin-top: 0;
}
#page-wrap #side-nav #nav li {
  border-top: none;
  border-bottom: 1px solid #ddd;
}
#page-wrap #content {
  display: inline-block;
  /* inline-block fix for ie (force hasLayout property) */
  zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 810px;
  padding: 10px 33px;
  padding-bottom: 254px;
  font-family: 'Arial ', sans-serif;
  color: #231f20;
}
#page-wrap #content > article > .wrap {
  width: 1020px;
  margin: 0 auto;
}
label {
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
}
input[type="text"] {
  width: 25px;
  height: 26px;
}
#bottom {
  position: relative;
  margin-top: -234px;
  height: 234px;
  clear: both;
}
#background-bottom {
  position: absolute;
  height: 234px;
  min-width: 1160px;
  width: 100%;
  z-index: -9;
  background: url('/img/clouds-public-bottom.jpg') center top no-repeat #304860;
}
#footer-well {
  color: #ffffff;
}
#footer-legal a,
#footer-legal a:hover,
#footer-legal a:active,
#footer-legal a:visited {
  color: #ffffff;
  font-weight: bold;
}
/**************************************************************************************************/
/* Signin/Signup
/**************************************************************************************************/
#login-container {
  /* Wide layout (as used in the "checkout" template for /checkout-login) */
  /* Narrow layout (as used in the "slim" template for /login) */
}
#login-container input[type="text"],
#login-container input[type="password"] {
  margin-right: 5px;
}
#login-container h4 {
  font-family: 'Arial ', sans-serif;
  font-size: 18px;
  color: #4b4b4b;
}
#login-container p {
  margin: 30px 0;
}
#login-container form h4 {
  margin-bottom: 10px;
}
#login-container #pswd_info,
#login-container #pswd_match {
  /* display: none; */
  position: absolute;
  width: 250px;
  padding: 15px;
  font-size: .875em;
  border-radius: 5px;
  box-shadow: 0 1px 3px #ccc;
  border: 1px solid #ddd;
  background-color: #ffffff;
}
#login-container #pswd_info h4,
#login-container #pswd_match h4 {
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: normal;
  line-height: 24px;
}
#login-container #pswd_info:before,
#login-container #pswd_match:before {
  content: "\25B2";
  position: absolute;
  top: -12px;
  left: 45%;
  font-size: 14px;
  line-height: 14px;
  color: #ddd;
  text-shadow: none;
  display: block;
}
#login-container #pswd_match {
  margin-left: 230px;
}
#login-container .invalid {
  line-height: 24px;
  color: #ec3f41;
  font-size: 12px;
}
#login-container .invalid i {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: no-repeat 0 50%;
  width: 15px !important;
}
#login-container .invalid i:empty {
  width: 1em;
}
#login-container .invalid i:before {
  content: "\e014";
}
#login-container .valid {
  line-height: 24px;
  color: #3a7d34;
  font-size: 12px;
}
#login-container .valid i {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: no-repeat 0 50%;
  width: 15px !important;
}
#login-container .valid i:empty {
  width: 1em;
}
#login-container .valid i:before {
  content: "\e013";
}
#login-container #forgot {
  /* should this be somewhere else? aligned differently?
    float: right;
    padding-right: 36px;*/
  font-size: 12px;
  font-weight: bold;
}
#login-container .cta-button {
  margin: 20px 0;
}
#login-container.wide input[type="text"],
#login-container.wide input[type="password"] {
  width: 210px;
  height: 30px;
}
#login-container.wide #create-email {
  width: 488px;
  height: 30px;
}
#login-container.narrow input[type="text"],
#login-container.narrow input[type="password"] {
  /* width: 206px;*/
  width: 210px;
  height: 30px;
}
#login-container.narrow #create-email {
  /*width: 440px;*/
  width: 455px;
  height: 30px;
}
#login-container .hide {
  display: none;
}
/**************************************************************************************************/
/* Forgot Password
/**************************************************************************************************/
#forgot-password input[type="text"],
#forgot-password input[type="password"] {
  margin: 20px 0 30px;
  width: 488px;
}
#forgot-password h4 {
  font-family: 'Arial ', sans-serif;
  font-size: 18px;
  color: #4b4b4b;
}
#forgot-password p {
  margin: 30px 0 10px;
}
#forgot-password form h4 {
  margin-bottom: 10px;
}
/**************************************************************************************************/
/* Password Reset 
/**************************************************************************************************/
#password-reset h3 {
  margin-bottom: 20px;
}
#password-reset #reset-block {
  width: 360px;
}
#password-reset #reset-block .field-row {
  height: 35px;
}
#password-reset #reset-block .field {
  width: 120px;
  text-align: right;
  display: inline-block;
  margin-right: 8px;
}
#password-reset #reset-block .submit {
  display: inline-block;
  margin-right: 20px;
  float: right;
}
#password-reset #reset-block .submit .cta-button {
  margin: 20px 0;
}
/**************************************************************************************************/
/* Terms and Conditions
/**************************************************************************************************/
#terms {
  margin-bottom: 40px;
}
#terms h4 {
  padding: 20px 0;
}
#terms p {
  padding: 10px 0;
}
#terms .paragraph-header {
  font-weight: bold;
}
/**************************************************************************************************/
/* Feedback
/**************************************************************************************************/
#feedback h3 {
  margin-bottom: 20px;
}
#feedback p {
  padding: 10px 0;
}
#feedback button {
  margin: 20px 20px 0 0;
}
#feedback .alert button {
  margin: 0 !important;
}
/**************************************************************************************************/
/* Responsive CSS - Small desktops 
/**************************************************************************************************/
/**************************************************************************************************/
/* Responsive CSS - Portrait tablet to landscape and desktop 
/**************************************************************************************************/
@media (min-width: 768px) and (max-width: 1199px) {
  /* Header */
  #background-top {
    /*max-width: 950px;*/
    min-width: 0;
    background: url('/img/clouds-private-top_tablet.jpg') left top no-repeat #223147;
  }
  #page-wrap {
    overflow-x: hidden;
    max-width: 1100px;
    width: auto;
    /*max-width: 1000px;*/
  }
  #page-wrap #top {
    width: auto;
  }
  #content {
    max-width: 1100px;
    width: auto;
  }
  #content .wrap {
    width: auto;
  }
  /* Login */
  .row-fluid {
    width: auto;
  }
  .row-fluid .span4 {
    width: 100%;
  }
  .row-fluid .offset1 {
    margin-left: 0;
  }
  .row-fluid .span7 {
    width: 100%;
  }
  /* Feedback */
  #feedback {
    max-width: 1100px;
  }
  /* Footer */
  #background-bottom {
    min-width: 0;
    background: url('/img/clouds-public-bottom_tablet.jpg') left top no-repeat #2f475f;
  }
  #footer-well .wrap {
    padding-left: 20px;
    width: auto;
  }
  #footer-well .wrap hr {
    width: 95%;
  }
  #footer-well .wrap li {
    margin-right: 20px;
  }
}
/**************************************************************************************************/
/* Responsive CSS - Landscape phone to portrait tablet
/**************************************************************************************************/
/*.css-i-640, .css-i-960, .css-i-1024, 
.css-a-640, .css-a-960, .css-a-1024 {*/
/*.mobi.tablet {*/
@media (max-width: 767px) {
  /* Header */
  h1 {
    height: 70px;
    background-size: 70%;
    background-repeat: no-repeat;
  }
  #background-top {
    /*max-width: 950px;*/
    min-width: 0;
    background: url('/img/clouds-private-top_phone.jpg') left top no-repeat #223147;
    height: 90px;
  }
  #page-wrap {
    overflow-x: hidden;
    max-width: 767px;
    width: auto;
    /*max-width: 1000px;*/
  }
  #page-wrap #top {
    width: auto;
  }
  #content {
    max-width: 700px;
    width: auto;
  }
  #content .wrap {
    width: auto;
  }
  /* Login */
  .row-fluid {
    width: 500px;
  }
  .row-fluid .span4 {
    width: 100%;
  }
  .row-fluid .offset1 {
    margin-left: 0;
  }
  .row-fluid .span7 {
    width: 100%;
  }
  /* Forgot Password */
  #forgot-password {
    width: 500px;
  }
  #forgot-password input[type='text'] {
    width: 400px;
  }
  /* Forgot Password Email Sent */
  #forgot-password-email-sent {
    width: 500px;
  }
  #forgot-password-email-sent input[type='text'] {
    max-width: 400px;
  }
  /* Password Reset */
  #password-reset {
    width: 500px;
  }
  /* Feedback */
  #feedback {
    width: 500px;
  }
  /* Footer */
  #background-bottom {
    min-width: 0;
    background: url('/img/clouds-public-bottom_phone.jpg') left top no-repeat #2f475f;
  }
  #footer-well .wrap {
    padding-left: 20px;
    width: auto;
  }
  #footer-well .wrap hr {
    width: 95%;
  }
  #footer-well .wrap li {
    margin-right: 20px;
  }
}
/**************************************************************************************************/
/* Responsive CSS - Landscape phones and down
/**************************************************************************************************/
/*.css-i-240, .css-i-320, .css-i-480, 
.css-a-240, .css-a-320, .css-a-480 {*/
/*.mobi.phone {*/
@media (max-width: 480px) {
  /* Header */
  #background-top {
    /*max-width: 950px;*/
    min-width: 0;
    background: url('/img/clouds-private-top_phone.jpg') left top no-repeat #223147;
    height: 90px;
  }
  #page-wrap {
    overflow-x: hidden;
    max-width: 500px;
    width: auto;
    /*max-width: 1000px;*/
  }
  #page-wrap #top {
    width: auto;
  }
  #page-wrap h1 {
    margin-left: 10px;
  }
  #content {
    max-width: 500px;
    width: auto;
  }
  #content .wrap {
    width: auto;
  }
  /* Login */
  .row-fluid {
    width: 300px;
  }
  .row-fluid .span4 {
    width: 100%;
  }
  .row-fluid .offset1 {
    margin-left: 0;
  }
  .row-fluid .span7 {
    width: 100%;
  }
  .row-fluid #create-email {
    width: 350px !important;
  }
  #pswd_match {
    margin-left: 0 !important;
  }
  /* Forgot Password */
  #forgot-password {
    width: 350px;
  }
  #forgot-password input[type='text'] {
    width: 300px;
  }
  /* Forgot Password Email Sent */
  #forgot-password-email-sent {
    width: 350px;
  }
  /* Forgot Password Email Sent */
  #forgot-password-email-sent {
    width: 350px;
  }
  #forgot-password-email-sent input[type='text'] {
    max-width: 300px;
  }
  /* Feedback */
  #feedback {
    width: 350px;
  }
  /* Footer */
  #background-bottom {
    min-width: 0;
    background: url('/img/clouds-public-bottom_phone.jpg') left top no-repeat #2f475f;
  }
  #footer-well .wrap {
    padding-left: 20px;
    width: auto;
  }
  #footer-well .wrap hr {
    width: 95%;
  }
  #footer-well .wrap li {
    margin-right: 20px;
  }
  #footer-well .wrap li.sensaphone {
    display: none;
  }
}