/*@import "../css/fonts/webfonts.css";*/
@import url('https://fonts.googleapis.com/css?family=Roboto');
body  {
    font-family: 'Roboto', sans-serif;
}

.container-fluid {
  max-width: 1280px;
}
/*
 Columns, offsets, pushes, and pulls for extra small devices like
 smartphones.
*/

@media (max-width: 480px) {
  .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    float: left;
  }
  .col-xxs-12 {
    width: 100%;
  }
  .col-xxs-11 {
    width: 91.66666667%;
  }
  .col-xxs-10 {
    width: 83.33333333%;
  }
  .col-xxs-9 {
    width: 75%;
  }
  .col-xxs-8 {
    width: 66.66666667%;
  }
  .col-xxs-7 {
    width: 58.33333333%;
  }
  .col-xxs-6 {
    width: 50%;
  }
  .col-xxs-5 {
    width: 41.66666667%;
  }
  .col-xxs-4 {
    width: 33.33333333%;
  }
  .col-xxs-3 {
    width: 25%;
  }
  .col-xxs-2 {
    width: 16.66666667%;
  }
  .col-xxs-1 {
    width: 8.33333333%;
  }
  .col-xxs-pull-12 {
    right: 100%;
  }
  .col-xxs-pull-11 {
    right: 91.66666667%;
  }
  .col-xxs-pull-10 {
    right: 83.33333333%;
  }
  .col-xxs-pull-9 {
    right: 75%;
  }
  .col-xxs-pull-8 {
    right: 66.66666667%;
  }
  .col-xxs-pull-7 {
    right: 58.33333333%;
  }
  .col-xxs-pull-6 {
    right: 50%;
  }
  .col-xxs-pull-5 {
    right: 41.66666667%;
  }
  .col-xxs-pull-4 {
    right: 33.33333333%;
  }
  .col-xxs-pull-3 {
    right: 25%;
  }
  .col-xxs-pull-2 {
    right: 16.66666667%;
  }
  .col-xxs-pull-1 {
    right: 8.33333333%;
  }
  .col-xxs-pull-0 {
    right: auto;
  }
  .col-xxs-push-12 {
    left: 100%;
  }
  .col-xxs-push-11 {
    left: 91.66666667%;
  }
  .col-xxs-push-10 {
    left: 83.33333333%;
  }
  .col-xxs-push-9 {
    left: 75%;
  }
  .col-xxs-push-8 {
    left: 66.66666667%;
  }
  .col-xxs-push-7 {
    left: 58.33333333%;
  }
  .col-xxs-push-6 {
    left: 50%;
  }
  .col-xxs-push-5 {
    left: 41.66666667%;
  }
  .col-xxs-push-4 {
    left: 33.33333333%;
  }
  .col-xxs-push-3 {
    left: 25%;
  }
  .col-xxs-push-2 {
    left: 16.66666667%;
  }
  .col-xxs-push-1 {
    left: 8.33333333%;
  }
  .col-xxs-push-0 {
    left: auto;
  }
  .col-xxs-offset-12 {
    margin-left: 100%;
  }
  .col-xxs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xxs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xxs-offset-9 {
    margin-left: 75%;
  }
  .col-xxs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xxs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xxs-offset-6 {
    margin-left: 50%;
  }
  .col-xxs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xxs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xxs-offset-3 {
    margin-left: 25%;
  }
  .col-xxs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xxs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xxs-offset-0 {
    margin-left: 0%;
  }
  .hidden-xxs {
    display: none;
  }
  .visible-xxs {
    display: inline-block !important;
  }
}
/*
  Top Push
 */
.top-push-12 {
  margin-top: 60px !important;
}
.top-push-11 {
  margin-top: 55px !important;
}
.top-push-10 {
  margin-top: 50px !important;
}
.top-push-9 {
  margin-top: 45px !important;
}
.top-push-8 {
  margin-top: 40px !important;
}
.top-push-7 {
  margin-top: 35px !important;
}
.top-push-6 {
  margin-top: 30px !important;
}
.top-push-5 {
  margin-top: 25px !important;
}
.top-push-4 {
  margin-top: 20px !important;
}
.top-push-3 {
  margin-top: 15px !important;
}
.top-push-2 {
  margin-top: 10px !important;
}
.top-push-1 {
  margin-top: 5px !important;
}
.top-push-0 {
  margin-top: 0px !important;
}
/*
  Push Responsive
 */
@media (max-width: 767px) {
  .top-push-xxs-12 {
    margin-top: 60px !important;
  }
  .top-push-xxs-11 {
    margin-top: 55px !important;
  }
  .top-push-xxs-10 {
    margin-top: 50px !important;
  }
  .top-push-xxs-9 {
    margin-top: 45px !important;
  }
  .top-push-xxs-8 {
    margin-top: 40px !important;
  }
  .top-push-xxs-7 {
    margin-top: 35px !important;
  }
  .top-push-xxs-6 {
    margin-top: 30px !important;
  }
  .top-push-xxs-5 {
    margin-top: 25px !important;
  }
  .top-push-xxs-4 {
    margin-top: 20px !important;
  }
  .top-push-xxs-3 {
    margin-top: 15px !important;
  }
  .top-push-xxs-2 {
    margin-top: 10px !important;
  }
  .top-push-xxs-1 {
    margin-top: 5px !important;
  }
  .top-push-xxs-0 {
    margin-top: 0px !important;
  }
}
@media (max-width: 991px) {
  .top-push-xs-12 {
    margin-top: 60px !important;
  }
  .top-push-xs-11 {
    margin-top: 55px !important;
  }
  .top-push-xs-10 {
    margin-top: 50px !important;
  }
  .top-push-xs-9 {
    margin-top: 45px !important;
  }
  .top-push-xs-8 {
    margin-top: 40px !important;
  }
  .top-push-xs-7 {
    margin-top: 35px !important;
  }
  .top-push-xs-6 {
    margin-top: 30px !important;
  }
  .top-push-xs-5 {
    margin-top: 25px !important;
  }
  .top-push-xs-4 {
    margin-top: 20px !important;
  }
  .top-push-xs-3 {
    margin-top: 15px !important;
  }
  .top-push-xs-2 {
    margin-top: 10px !important;
  }
  .top-push-xs-1 {
    margin-top: 5px !important;
  }
  .top-push-xs-0 {
    margin-top: 0px !important;
  }
}
@media (min-width: 768px) {
  .top-push-sm-12 {
    margin-top: 60px !important;
  }
  .top-push-sm-11 {
    margin-top: 55px !important;
  }
  .top-push-sm-10 {
    margin-top: 50px !important;
  }
  .top-push-sm-9 {
    margin-top: 45px !important;
  }
  .top-push-sm-8 {
    margin-top: 40px !important;
  }
  .top-push-sm-7 {
    margin-top: 35px !important;
  }
  .top-push-sm-6 {
    margin-top: 30px !important;
  }
  .top-push-sm-5 {
    margin-top: 25px !important;
  }
  .top-push-sm-4 {
    margin-top: 20px !important;
  }
  .top-push-sm-3 {
    margin-top: 15px !important;
  }
  .top-push-sm-2 {
    margin-top: 10px !important;
  }
  .top-push-sm-1 {
    margin-top: 5px !important;
  }
  .top-push-sm-0 {
    margin-top: 0px !important;
  }
}
@media (min-width: 992px) {
  .top-push-md-12 {
    margin-top: 60px !important;
  }
  .top-push-md-11 {
    margin-top: 55px !important;
  }
  .top-push-md-10 {
    margin-top: 50px !important;
  }
  .top-push-md-9 {
    margin-top: 45px !important;
  }
  .top-push-md-8 {
    margin-top: 40px !important;
  }
  .top-push-md-7 {
    margin-top: 35px !important;
  }
  .top-push-md-6 {
    margin-top: 30px !important;
  }
  .top-push-md-5 {
    margin-top: 25px !important;
  }
  .top-push-md-4 {
    margin-top: 20px !important;
  }
  .top-push-md-3 {
    margin-top: 15px !important;
  }
  .top-push-md-2 {
    margin-top: 10px !important;
  }
  .top-push-md-1 {
    margin-top: 5px !important;
  }
  .top-push-md-0 {
    margin-top: 0px !important;
  }
}
@media (min-width: 1200px) {
  .top-push-lg-12 {
    margin-top: 60px !important;
  }
  .top-push-lg-11 {
    margin-top: 55px !important;
  }
  .top-push-lg-10 {
    margin-top: 50px !important;
  }
  .top-push-lg-9 {
    margin-top: 45px !important;
  }
  .top-push-lg-8 {
    margin-top: 40px !important;
  }
  .top-push-lg-7 {
    margin-top: 35px !important;
  }
  .top-push-lg-6 {
    margin-top: 30px !important;
  }
  .top-push-lg-5 {
    margin-top: 25px !important;
  }
  .top-push-lg-4 {
    margin-top: 20px !important;
  }
  .top-push-lg-3 {
    margin-top: 15px !important;
  }
  .top-push-lg-2 {
    margin-top: 10px !important;
  }
  .top-push-lg-1 {
    margin-top: 5px !important;
  }
  .top-push-lg-0 {
    margin-top: 0px !important;
  }
}
@media (min-width: 768px) {
  .pull-right-sm {
    float: right!important;
  }
  .pull-left-sm {
    float: right!important;
  }
}
.valign {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
}
.stickyparent {
  position: static;
}
/* Headings
// -------------------------
*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  text-transform: uppercase;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  text-align: left;
  display: block;
  font-weight: 100;
  font-size: 65%;
}
@media (max-width:325px){
  .phoneSpecific{
    font-size :11px;
  }
}
@media (min-width:326px) and (max-width:380px){
  .phoneSpecific{
    font-size :16px;
  }
}
@media (min-width: 768px) {
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small,
  .h1 small,
  .h2 small,
  .h3 small,
  .h4 small,
  .h5 small,
  .h6 small,
  h1 .small,
  h2 .small,
  h3 .small,
  h4 .small,
  h5 .small,
  h6 .small,
  .h1 .small,
  .h2 .small,
  .h3 .small,
  .h4 .small,
  .h5 .small,
  .h6 .small {
    font-size: 83.35%;
  }
}
h1.small-top small,
h2.small-top small,
h3.small-top small,
h4.small-top small,
h5.small-top small,
h6.small-top small,
.h1.small-top small,
.h2.small-top small,
.h3.small-top small,
.h4.small-top small,
.h5.small-top small,
.h6.small-top small,
h1.small-top .small,
h2.small-top .small,
h3.small-top .small,
h4.small-top .small,
h5.small-top .small,
h6.small-top .small,
.h1.small-top .small,
.h2.small-top .small,
.h3.small-top .small,
.h4.small-top .small,
.h5.small-top .small,
.h6.small-top .small {
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c7c6c6;
}
h1,
.h1 {
  text-align: center;
  /* font-family: "Roboto Bold"; */
}
.category-navigation-results h3 {
  margin-top: 0px;
  margin-bottom: 0px;
}
@media (max-width: 767px) and (min-width: 480px) {
  h1,
  .h1 {
    font-size: 40px;
  }
}
@media (min-width: 768px) {
  h1,
  .h1 {
    text-align: left;
  }
}
/*
BOdy texts
*/
.lead {
  text-align: center;
  font-size: 18.2px;
}
@media (min-width: 768px) {
  .lead {
    font-size: 20.02px;
    text-align: left;
  }
}
@media (max-width: 767px) and (min-width: 480px) {
  .lead {
    font-size: 30.03px;
  }
}
sub,
sup,.sup-price {
  font-size: 65%;
}
sup {
  top: -0.3em;
}
.sup-price{
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
/*Replacing bold with Avenir Black*/
b,
strong {
  /*font-family: "Roboto";*/
  font-weight: 900;
}
*,
:focus,
:active {
  /* outline: 0!important; */
}
.btn,
a {
  /*font-family: "Roboto";*/
}
.btn-available {
  border-radius: 0 0 10px 10px;
  background-color: #057dbf;
  padding: 10px 39px;
}
.btn-image {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.a-help {
  color: #fff;
  text-transform: uppercase;
  margin-right: 10px;
  font-weight: 700;
}
.btn {
  font-weight: 600;
  text-transform :uppercase;
}
.btn.btn-link {
  font-size: 15px;
}
.btn-link {
  font-weight: 700;
}
.btn-link-simple {
  padding-left: 0;
  padding-right: 0;
}
.btn-default {
  background-image: -webkit-linear-gradient(top, #595858 0%, #100E0E 100%);
  background-image: -o-linear-gradient(top, #595858 0%, #100E0E 100%);
  background-image: linear-gradient(to bottom, #595858 0%, #100E0E 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff595858', endColorstr='#ff100e0e', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #353535;
  background-color: transparent;
  border-radius:5px
}
.btn-default:hover,
.btn-default:focus {
  background-color: #3a3a3a;
  opacity: .85;
}
.btn-default:active,
.btn-default.active {
  background-color: #3a3a3a;
  border-color: #353535;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #3a3a3a;
  background-image: none;
}
.lto_confirm_hideprint.btn-default {
  padding-left: 20px;
  padding-right: 20px;
}
. lto_confirm_hideprint {
   font-weight:700;
}
.btn-danger:hover,
.btn-dangerfocus {
  background-color: #222222;
}
a:focus {
  text-decoration: none;
}
.btn-circle {
  border: 1px solid #d2d1d1;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: transparent;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease;
}
@media (max-width: 767px) {
  .btn-blok-xs {
    display: block;
    width: 100%;
  }
}
/*
Assets
---------------------
*/
.icon-rounded-black,
.icon-rounded-white {
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  padding: 2px;
  display: inline-block;
}
.icon-rounded-black:hover,
.icon-rounded-white:hover {
  opacity: .8;
}
.icon-rounded-white {
  background-color: #fff;
  color: #000;
}
.call-to-action .btn {
  color: #fff;
}
.call-to-action i,
.call-to-action em {
  margin-right: 6px;
}
a,
button {
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
a i,
button i,
a em,
button em {
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.pointer {
  cursor: pointer;
}
.relative {
  position: relative;
}
.jumbotron.small {
  padding: 45px;
  border-radius: 4px;
}
.jumbotron.small h2:first-child {
  font-size: 42px;
  margin-bottom: 40px;
  margin-top: 0;
}
.jumbotron .price-strip {
  margin: 20px -45px;
}
.jumbotron .notes p {
  font-size: 14px;
  margin-bottom: 5px;
}
.well {
  box-shadow: none;
}
.well.wel-bundles {
  padding: 5px;
  box-sizing: content-box;
}
h5.phone-title,
h3.phone-title {
  font-size: 20px;
  font-weight: 400;
  text-transform: none;
  margin-top: 20px;
}

h3.phone-title-smartpaylanding {
    height: 34px;
    margin-top: 0;
    font-size: 40px;
}
h5.phone-title small,
h3.phone-title small {
  /*font-family: "Roboto", Helvetica, Arial, sans-serif;*/
  font-size: 16.8px;
  margin-top: 10px;
}
.flag {
  background-color: #009bdb;
  padding: 5px 32px 5px 12px;
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  text-transform: uppercase;


}
.flag.flag-refurbished {
    background-color: #009bdb;
}
.flag:after {
  background-color: #fff;
  display: block;
  width: 20px;
  height: 40px;
  content: "";
  transform: rotate(30deg);
  position: absolute;
  right: -8px;
  top: 4px;
}
.bundle .flag:after {
  right: -34px;
}
.control-label.h3 {
  font-weight: 100;
}
.form-in-grid .btn {
  display: block;
  width: 100%;
}
.legal-notice {
  font-size: 13px;
}
.legal-notice.columns,.disclaimer_espot_content.columns {
  -webkit-column-count: 1;
  /* Chrome, Safari, Opera */
  -moz-column-count: 1;
  /* Firefox */
  column-count: 1;
}
.trigger-collapse {
  cursor: pointer;
  position: relative;
}
.trigger-collapse:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 15px;
  top: -50%;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
  content: '\f106';
  margin: 0;
  margin-top: 5px;
}
.trigger-collapse.collapsed:after {
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  .collapsible-top .trigger-collapse:after {
    margin-top: -22px;
    right: -20px;
    top: 50%;
  }
}
h1.trigger-collapse:after {
  font-size: 30px;
}
.grid-divided > [class*="col-"] {
  border-right: 1px solid #000;
}
.grid-divided > [class*="col-"]:last-child {
  border-right: none;
}
@media (max-width: 767px) {
  .grid-divided > [class*="col-"] {
    border-right: none;
  }
}
.grid-divided > [class*="col-"],
.grid-divided-gray > [class*="col-"] {
  border-left: 1px solid #c7c6c6;
}
#zipcode_needed .grid-divided > [class*="col-"]{
  border-left: none;
}
.grid-divided > [class*="col-"]:first-child,
.grid-divided-gray > [class*="col-"]:first-child {
  border-left: none;
}
@media (max-width: 767px) {
  .grid-divided > [class*="col-"],
  .grid-divided-gray > [class*="col-"] {
    border-left: none;
  }
}
/*-----------
Modals
-----------*/
.modal-content {
  border-radius: 0;
  border: 1px solid #009bdb;
  -webkit-box-shadow: 0 3px 9px rgba(255, 255, 255, 0.5);
  box-shadow: 0 3px 9px rgba(255, 255, 255, 0.5);
  border-width: 5px;
}
.modal-content.text-center h1,
.modal-content.text-center .lead {
  text-align: center;
  width: 92%;
}
/*------------
Smartpay Modal
--------------*/
.modal-smartpay h3 img {
  margin-bottom: -3px;
}
/*-----------
Pagers
------------*/
.pagination > li {
  position: relative;
  display: inline-block;
}
.pagination > li > a span {
  display: none;
}
.pagination > li.active > a {
  font-weight: 700;
}
.pagination > li.active > a span {
  display: inline-block;
}
.pagination > li:after {
  content: "";
  display: block;
  position: absolute;
  left: -2px;
  width: 1px;
  background-color: #000;
}
.pagination > li:first-child:after,
.pagination > li:last-child:after,
.pagination > li:nth-child(2):after {
  display: none;
}
.pagination.pagination-sm > li:after {
  top: 10px;
  height: 10px;
}
.pagination.pagination-sm > li:first-child > a,
.pagination.pagination-sm > li:last-child > a {
  font-size: 20px;
  padding: 0;
}
.pagination.pagination-sm > li > a {
  padding: 5px;
}
@media (max-width: 768px) {
.pagination.pagination-sm > li > a  {
    padding: 5px 2px;
}
}
/*Collapsibel panels in small res*/
@media (min-width: 768px) {
  .xs-panelcollapse {
    height: auto !important;
  }
}
@media (max-width: 767px) {
  .filters h3 {
    cursor: pointer;
  }
  .xs-panelcollapse {
    height: 0px;
    overflow: hidden;
  }
}
.btn-close-modal {
   position: absolute;
    top: -5px;
    right: -5px;
    font-size: 34px;
    color: #b9c3c3;
    cursor: pointer;
}
@media (max-width: 480px) {
  .btn-close-modal {
    top: 5px;
    right: 5px;
    font-size: 30px;
  }
}
.modal-compare .modal-content {
  padding-bottom: 20px;
}
@media (max-width: 480px) {
  .modal-compare h3 {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .text-center-xs {
    text-align: center;
  }
}
.collpasedtext {
  overflow: hidden;
}
.collapse + button .show-collapsed {
  display: inline-block;
}
.collapse + button .hidden-collapsed {
  display: none;
}
.collapse.in + button .hidden-collapsed {
  display: inline-block;
}
.collapse.in + button .show-collapsed {
  display: none;
}
.move-top-30 {
  position: relative;
  top: -30px;
}
legend {
  border: none;
  margin-bottom: 0;
}
legend h3 {
  margin-bottom: 0;
}
/*------------
Lists
------------*/
.list-details > li {
  font-size: 13px;
}
.list-details > li > b,
.list-details > li > strong {
  text-transform: uppercase;
}
.list-compare {
  margin: 30px 0;
}
.list-compare li {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 15px;
}
.list-compare li img {
  display: inline-block;
  max-width: 75px;
}
.list-compare li a {
  position: absolute;
  top: -18px;
  right: -12px;
  font-size: 20px;
  color: #c3c3c3;
}
.list-compare li .h5 {
  font-weight: 100;
}
.list-mobilegalery {
  margin-top: 20px;
}
.list-mobilegalery li img {
  max-width: 70px;
  border: 2px solid transparent;
}
.list-mobilegalery li.active img {
  border-color: #009bdb;
}
.list-smartpayicons {
  margin-top: 40px;
}
.list-smartpayicons li {
  padding: 0 15px;
  text-align: center;
}
.list-smartpayicons li > div {
  padding: 16px;
  background-color: #009bdb;
  border-radius: 50%;
  max-width: 122px;
}
.list-smartpayicons li p {
  margin-top: 10px;
  font-size: 16px;
}
.list-checkboxes {
  display: inline-block;
  padding: 10px;
}
.list-checkboxes > li {
  text-align: left;
  overflow: hidden;
  padding-left: 30px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.list-checkboxes > li:before {
  float: left;
  margin-left: -30px;
  color: #009bdb;
  font-size: 18px;
  position: relative;
  top: 2px;
}
.list-checkboxes > li > ul {
  border-top: 1px solid #5b5a5a;
  border-bottom: 1px solid #5b5a5a;
  margin-top: 10px;
  padding: 10px 0;
}
.list-checkboxes > li > ul > li {
  color: #5b5a5a;
  font-size: 13px;
  font-weight: 100;
}
.list-checkboxes > li > ul > li:before {
  color: #5b5a5a;
  font-size: 14px;
}
/*
  Panel default overide that cannot be changed in BS's variables.less
*/
.panel-default {
  box-shadow: none;
  border: none;
  overflow: hidden;
  position: relative;
}
.panel-default .panel-body {
  border-top: 4px solid #fff;
  padding-left: 60px;
}
@media (min-width: 480px) {
  .panel-default .panel-body {
    padding-left: 90px;
  }
}
@media (min-width: 768px) {
  .panel-default .panel-body {
    padding-left: 140px;
  }
}
.panel-default > .panel-heading + .panel-collapse.in > .panel-body {
  border-top: 4px solid #fff;
}
.panel-default .panel-heading {
  padding-left: 60px;
}
@media (min-width: 480px) {
  .panel-default .panel-heading {
    padding-left: 80px;
  }
}
@media (min-width: 768px) {
  .panel-default .panel-heading {
    padding-left: 130px;
  }
}
.panel-default .panel-heading .panel-title {
  font-weight: 100;
  font-size: 30px;
}
@media (max-width: 480px) {
  .panel-default .panel-heading .panel-title {
    font-size: 18px;
    position: relative;
  }
  .panel-default .panel-heading {
      padding-left: 10px;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
  .panel-default .panel-heading .panel-title {
    font-size: 30.1px;
  }
}
.panel-default .panel-heading .panel-title a {
  display: unset;
}
.panel-default .panel-heading .panel-title a .panel-addon {
  font-size: 15px;
  display: inline-block;
  font-weight: 700;
  /*font-family: "Roboto", Helvetica, Arial, sans-serif;*/
  margin-top: 0px;
  line-height: 30px;
}
.panel-default .panel-heading .panel-title a .panel-addon i,
.panel-default .panel-heading .panel-title a .panel-addon em {
  font-size: 30px;
  position: relative;
  top: 4px;
}
@media (max-width: 767px) {
  .panel-default .panel-heading .panel-title a .panel-addon i,
  .panel-default .panel-heading .panel-title a .panel-addon em {
    font-size: 48px;
    top: -4px;
  }
}
@media (max-width: 480px) {
  .panel-default .panel-heading .panel-title a .panel-addon i,
  .panel-default .panel-heading .panel-title a .panel-addon em {
    top: -2px;
    font-size: 36px;
    right: -10px;
  }
}
.panel-default:before {
  position: absolute;
  display: block;
  height: 100%;
  width: 13%;
  *width: 9%; /* IE fix */
  /* content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIEZpcmV3b3JrcyAxMCwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyBpZD0iVW50aXRsZWQtUCVFMWdpbmElMjAxIiB2aWV3Qm94PSIwIDAgMTI0IDIwOCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6I2ZmZmZmZjAwIiB2ZXJzaW9uPSIxLjEiDQoJeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSINCgl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEyNHB4IiBoZWlnaHQ9IjIwOHB4Ig0KPg0KCTxwYXRoIGQ9Ik0gMTI0IDAgTCAwIDAuMDc1MiBMIDAgMjA4IEMgMCA4NS45ODkzIDYzLjE2NzQgMjcuNzc0NCAxMjQgMCBaIiBmaWxsPSIjNjZjZmJjIi8+DQo8L3N2Zz4=); */
  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkN1cnZlRGFyayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMjQgMjA4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjQgMjA4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6bm9uZTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30uc3Qxe2ZpbGw6IzAwOUJEQjt9LnN0MntmaWxsOiMwMDREQTE7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwwIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTEyNCwwTDAsMC4xVjIwOEMwLDg2LDYzLjIsMjcuOCwxMjQsMHoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMCwwIi8+PC9zdmc+);
  
}
@media (max-width: 767px) {
  .panel-default:before {
    left: -5px;
  }
}
/*--------------
Forms
---------------*/
/*---------------
// Checkboxes
// Credits of Checkboxes and radios to flatlogic.com ¡¡Nice work!!
----------------*/
.checkbox {
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500 !important;
  position: relative;
  padding-left: 5px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 2px;
  margin-left: -20px;
  border: 1px solid #ccc;
  border-radius: 0;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 2px;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #5b5b5b;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  font-family: 'Fontello';
  content: "\e804";
}
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
  display: block;
  content: " ";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 0;
  margin-left: -16.5px;
  margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled,
.checkbox input[type="radio"]:disabled {
  cursor: not-allowed;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}
.checkbox.label-left {
  padding-left: 0;
  padding-right: 20px;
  display: inline-block;
}
.checkbox.label-left label {
  padding-left: 0;
  padding-right: 5px;
}
.checkbox.label-left label::after {
  right: 0;
  left: auto;
  padding-right: 3px;
  padding-left: 0px;
  margin-left: auto;
  margin-right: -20px;
}
.checkbox.label-left label::before {
  right: 3px;
  left: auto;
  margin-left: auto;
  margin-right: -20px;
}
.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #5b5a5a;
  border-color: #5b5a5a;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #000000;
  border-color: #000000;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #009bdb;
  border-color: #009bdb;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #66CFBC;
  border-color: #66CFBC;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #f6f6f6;
  border-color: #f6f6f6;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
  background-color: #5b5a5a;
  border-color: #5b5a5a;
}
.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}
.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
  background-color: #000000;
  border-color: #000000;
}
.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}
.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
  background-color: #009bdb;
  border-color: #009bdb;
}
.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}
.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
  background-color: #66CFBC;
  border-color: #66CFBC;
}
.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}
.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
  background-color: #f6f6f6;
  border-color: #f6f6f6;
}
.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}
/*---------------------------
// Radios
--------------------------*/
.radio {
  padding-left: 20px;
}
.radio label, .radio a {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.radio label::before, .radio a::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after, .radio a::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #5b5b5b;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio.label-left {
  padding-right: 20px;
  padding-left: 0;
  display: inline-block;
}
.radio.label-left label::after {
  right: 0;
  left: auto;
  margin-left: 0;
  margin-right: -20px;
}
.radio.label-left label::before {
  right: -3px;
  left: auto;
  margin-left: 0;
  margin-right: -20px;
}
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.radio input[type="radio"]:focus + label::before {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  content: '' !important;
}
.radio input[type="radio"]:disabled {
  cursor: not-allowed;
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}
.radio-primary input[type="radio"] + label::after {
  background-color: #5b5a5a;
}
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #5b5a5a;
}
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #5b5a5a;
}
.radio-danger input[type="radio"] + label::after {
  background-color: #000000;
}
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #000000;
}
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #000000;
}
.radio-info input[type="radio"] + label::after {
  background-color: #009bdb;
}
.radio-info input[type="radio"]:checked + label::before {
  border-color: #009bdb;
}
.radio-info input[type="radio"]:checked + label::after {
  background-color: #009bdb;
}
.radio-warning input[type="radio"] + label::after {
  background-color: #66CFBC;
}
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #66CFBC;
}
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #66CFBC;
}
.radio-success input[type="radio"] + label::after {
  background-color: #f6f6f6;
}
.radio-success input[type="radio"]:checked + label::before {
  border-color: #f6f6f6;
}
.radio-success input[type="radio"]:checked + label::after {
  background-color: #f6f6f6;
}
input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'Fontello';
  content: "\e804";
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff;
}
.form-control:focus {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(194, 227, 71, 0.6);
}
.radio.radio-color {
  padding-left: 40px;
}
.radio.radio-color label, .radio.radio-color a {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: block;
  text-indent: -9999px;
}
.radio.radio-color label::before,.radio.radio-color a::before {
  width: 20px;
  height: 20px;
  /*margin-left: -40px;*/
  border: 1px solid #ccc;
  border-radius: 0;
  background-color: inherit;
  display: block;
}
.radio.radio-color label::after,.radio.radio-color a::after {
  display: none;
}
.radio.radio-color input[type="radio"]:checked + label::before {
  border: 3px solid #009bdb;
}
.radio.radio-color.radio-inline + .radio-inline {
  margin-left: 0px;
}
.radio.label-left input[type="radio"],
.radio-inline.label-left input[type="radio"],
.checkbox.label-left input[type="checkbox"],
.checkbox-inline.label-left input[type="checkbox"] {
  margin-left: 5px;
  margin-right: -25px;
}
/*------------
Custom Selectboxes
--------------*/
/*-------------------------------------------------------------*/
/*--------------------- SELECT CON BUSQUEDA--------------------*/
/*-------------------------------------------------------------*/
.bootstrap-select button.btn.dropdown-toggle.btn-default {
  border: 1px solid #ccc;
  border-radius: 3px;
  overflow: hidden;
  background-color: #FFFFFF;
  background-image: none;
  width: 100%;
  color: #5b5b5b;
}
/* agregar la nueva flecha al select
.bootstrap-select button.btn.dropdown-toggle.btn-default:hover {
  border: 1px solid #ccc;
  border-radius: 3px;
  overflow: hidden;
  background-color: #FFFFFF;
  background-image: none;
  width: 100%;
}

*/
.bootstrap-select.btn-group .dropdown-toggle .caret {
  width: 10px;
  height: 10px;
  border: none;
  /*font-family: 'Roboto';*/
}
.bootstrap-select.btn-group .dropdown-toggle .caret:before {
  position: relative;
  top: -6pt;
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  border-right: 0.2em solid black;
  border-top: 0.2em solid black;
  transform: rotate(135deg);
  margin-right: 0.5em;
}
span.filter-option {
  font-weight: normal;
  font-size: 14px;
}
.autocomplete-suggestions {
  border: 1px solid #66afe9;
  background: #FFF;
  overflow: auto;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(194, 227, 71, 0.6);
}
.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.autocomplete-selected {
  background: #F0F0F0;
}
.autocomplete-suggestions strong {
  font-weight: 700;
  color: #000;
}
.autocomplete-group {
  padding: 2px 5px;
}
.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000;
}
/*
Main header
-------------------
*/
.header-top .brand {
  margin: 20px 0;
}
.navbar-nav > li > a {
  text-transform: uppercase;
  font-weight: 700;
}
.navbar-nav > li > a i,
.navbar-nav > li > a em {
  padding: 2px;
  margin-right: 3px;
  color: #000;
  background-color: #fff;
}
.navbar-nav > li > a:hover i,
.navbar-nav > li > a:hover em {
  color: #fff;
  background-color: transparent;
}
@media (max-width: 767px) {
  .navbar-collapse {
    background: #000;
    margin-top: 0;
    //border-top: 3px solid #009bdb !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.main-nav > .navbar.navbar-default {
  border: none;
}
.main-nav > .navbar.navbar-default .navbar-toggle {
  position: absolute;
  right: 0px;
  bottom: -86px;
  height: 44px;
  width: 48px;
  top: -90px;
}
@media (min-width: 481px) {
  .main-nav > .navbar.navbar-default .navbar-toggle {
    bottom: -98px;
    height: 62px;
    width: 76px;
    right: 15px;
  }
}
.main-nav > .navbar.navbar-default .navbar-toggle .icon-bar {
  border-radius: 0px;
  width: 30px;
  height: 5px;
  background-color: #000;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.main-nav > .navbar.navbar-default .navbar-toggle .icon-bar:nth-child(3) {
  top: 25px;
  position: absolute;
  transform: rotate(45deg);
}
@media (min-width: 481px) {
  .main-nav > .navbar.navbar-default .navbar-toggle .icon-bar:nth-child(3) {
    top: 26px;
  }
}
.main-nav > .navbar.navbar-default .navbar-toggle .icon-bar:last-child {
  position: absolute;
  transform: rotate(-45deg);
}
@media (min-width: 481px) {
  .main-nav > .navbar.navbar-default .navbar-toggle .icon-bar:last-child {
    bottom: 28px;
  }
}
.main-nav > .navbar.navbar-default .navbar-toggle .icon-bar:nth-child(4) {
  display: none;
}
@media (min-width: 481px) {
  .main-nav > .navbar.navbar-default .navbar-toggle .icon-bar {
    width: 44px;
    height: 5px;
  }
  .main-nav > .navbar.navbar-default .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 10px;
  }
}
.main-nav > .navbar.navbar-default .navbar-toggle.collapsed .icon-bar {
  background-color: #000;
}
.main-nav > .navbar.navbar-default .navbar-toggle.collapsed .icon-bar:last-child {
  margin-bottom: 0;
}
.main-nav > .navbar.navbar-default .navbar-toggle.collapsed .icon-bar:nth-child(3) {
  position: relative;
  top: 0;
  transform: rotate(0deg);
}
.main-nav > .navbar.navbar-default .navbar-toggle.collapsed .icon-bar:last-child {
  bottom: 0;
  position: relative;
  transform: rotate(0deg);
}
.main-nav > .navbar.navbar-default .navbar-toggle.collapsed .icon-bar:nth-child(4) {
  display: block;
}
.main-nav > .navbar.navbar-default .navbar-toggle.collapsed .text-toggle {
  opacity: 1;
}
.main-nav > .navbar.navbar-default .navbar-toggle .text-toggle {
  opacity: 0;
  float: left;
  margin-left: -70px;
  position: relative;
  top: 4px ;
  font-size: 20px;
  font-weight: 600;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease;
}
@media (max-width: 480px) {
  .main-nav > .navbar.navbar-default .navbar-toggle .text-toggle {
    display: none;
  }
}
.icon-rounded {
  border: 1px solid white;
  border-radius: 50%;
  max-width: 26px;
}
.icon-rounded.icon-box {
  text-indent: -1px;
}

@media (max-width: 480px) {
 .main-nav > .navbar > .container-fluid {
    height: 0px;
  }
  .navbar {
  position: relative;
  min-height:0px;
  }
}

@media (max-width: 767px) {
  .main-nav > .navbar {
    margin-bottom: 0;
    height: inherit; /* Defect-25731 100% replaced with inherit */
  }
  .main-nav > .navbar > .container-fluid {
    height: 0px;
  }
  .nav-justified-sm {
    width: 100%;
    margin: 0!important;
    display: table;
    height: 100%;
  }
  .nav-justified-sm > li {
    float: none;
    border-right: 3px solid #66CFBC;
    display: table-cell;
    height: 100%;
  }
  .nav-justified-sm > li:last-child {
    border-right: none;
  }
  .nav-justified-sm > li > a {
    margin-bottom: 0;
    text-align: center;
  }
}
@media (max-width: 767px) and (min-width: 480px) {
  .nav-justified-sm > li > a {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .main-nav {
    /*position: absolute;*/
    /*top: 116px;*/
    width: 100%;
  }
  .main-nav .navbar-nav > li > a {
    font-size: 16px;
  }
  .main-nav .navbar-nav.nav-justified-sm > li > a {
    padding-left: 35px;
    padding-right: 35px;
    font-size: 18px;
  }
  .main-nav .navbar-nav.nav-justified-sm > li:first-child > a {
    padding-left: 15px;
  }
  .header-top {
    /*margin-bottom: 40px;*/
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .main-nav .navbar-nav > li > a {
    font-size: 14px;
    padding-left: 13px;
    padding-right: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .main-nav .navbar-nav.nav-justified-sm > li > a {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
  }
}
/*
Main footer
-------------------
*/
.footer .footer-top {
  padding: 25px 0;
}
@media (max-width: 767px) {
  .footer .footer-top {
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .footer .footer-top .social-links {
    text-align: right;
  }
}
.footer .footer-top h3 {
  /*font-family: Roboto;*/
    font-size: 14px;
    font-weight: 600;
    color: #232d39;
}
.footer .footer-top h3.title-social {
  font-size: 16px;
  text-transform: none;
}
@media (min-width: 768px) {
  .footer .footer-top h3.title-social {
    margin-right: 10px;
  }
}
.footer .footer-top .social-links .holder {
  display: inline-block;
}
.footer .footer-top .social-links .holder .btn {
  display: block;
}
.footer .footer-top ul > li > a {
  color: #fff;
  display: inline;
}
.footer .footer-top ul > li > a:hover,
.footer .footer-top ul > li > a:focus,
.footer .footer-top ul > li > a:active {
  color: #cccccc;
  text-decoration: none;
}
.footer .list-social {
  font-size: 34px;
}
@media (min-width: 768px) {
  .footer .list-social {
    font-size: 28px;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .footer .list-social {
    /*Just to avoid last icon going down in some resolutions*/
    font-size: 18px;
  }
}
.footer .footer-bottom {
  padding: 30px 0;
}
.footer .footer-bottom .navbar-nav > li > a,.footer .footer-bottom .navbar-nav > li > a:hover {
  padding: 15px 5px;
  font-size: 10px;
  color: #fff;
  text-decoration:none;
}
.footer .footer-bottom .text-muted {
  font-size: 13px;
  text-align: left;
}
.text-muted_tw{
  color:white;
}
/*--------------------------------------------------------------------------------------------------*/
/*                                               css lilian                                         */
/*--------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*---------------------FULL PRICE-----paso 1-------------------*/
/*-------------------------------------------------------------*/
/* elever numero del precio */
.sup.up {
  position: relative;
  bottom: 1ex;
  font-size: 80%;
}
.panel-title.title-panel-box {
  font-weight: bold !important;
  margin-left: 18px;
  color: black;
}
/* remover ls flecha por defecto del select
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
} */
/* agregar la nueva flecha al select */
select + i.icon-angle-down.flechaDown,
select + em.icon-angle-down.flechaDown {
  float: right;
  margin-top: -30px;
  margin-right: 5px;
  pointer-events: none;
  background-color: #fff;
  padding-right: 5px;
}
.icon-angle-down {
  font-size: 20px;
}
.text-soft {
  font-weight: normal;
  font-size: 12px;
  vertical-align: middle;
  margin-top: 10px;
}
.no-text-transform {
  text-transform: none;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-bold {
 font-weight: 400 !important;
}
textarea {
  resize: none;
}
/* centrar imagen del regalo */
.img-gift {
  margin: 0 auto;
}
.xs-title {
  display: none;
}
@media (min-width: 770px) and (max-width: 991px) {
  .step-bar {
    margin-top: 60px;
    margin-bottom: 20px;
  }
}
/*link movil*/
.zip-code {
  padding-left: 0px;
  text-transform: capitalize !important;
}
.text-shipping {
  font-size: 22px;
  font-weight: 700 !important;
}
/*----*/
@media (min-width: 376px) and (max-width: 767px) {
  h3.step-title {
    font-size: 13px;
  }
  .text-md {
    font-size: 18px;
  }
  .xs-title {
    display: block;
  }
  .step-bar {
    margin-top: 60px;
    margin-bottom: 20px;
  }
  .img-card {
    margin-top: 15px;
  }
  .panel-title.title-panel-box- {
    margin-left: 5px;
  }
}
@media (min-width: 320px) and (max-width: 375px) {
  h3.step-title {
    font-size: 12px;
    left: 15%;
  }
  .step-bar {
    margin-top: 60px;
    margin-bottom: 20px;
  }
}

/*-------------------------------------------------------------*/
/*-------------------FULL PRICE-------paso 2-------------------*/
/*-------------------------------------------------------------*/
/*Modificaciones al jumbotron paso 2 pagos*/
.jumbotron.total-price {
  padding: 45px;
  padding-top: 0px;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .jumbotron.total-price {
    padding: 25px;
    padding-top: 0;
  }
  .jumbotron.total-price .price-strip {
    margin-right: -25px;
    margin-left: -25px;
  }
}
.jumbotron .price-strip.total-price {
  margin-top: 0px;
}
.jumbotron .price-strip.total-price .title {
  padding: 25px;
  text-align: left;
  padding-left: 50px;
  font-size: 42.6px;
  margin-top: 0;
  line-height: inherit;
}

@media (max-width: 767px) {
  .total-price h3,
  .total-price .h2 {
    font-size: 14px;
    margin-left:-1px
  }
}
.total-price .text-price-cost {
  font-size: 35px;
  color: #fff;
  font-weight: 700;
}
@media (max-width: 767px) {
  .total-price .text-price-cost {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .total-price .price-strip.large .price {
    font-size: 24px;
    margin-top: 0;
    line-height: 30px;
  }
}
.total-price .align-right {
  text-align: right;
}
.total-price .align-center {
  text-align: center;
}
.total-price .align-img-center {
  text-align: -webkit-center;
}
.phone-title-price {
  font-size: 41.6px;
  color: #5D5D5D;
  margin-bottom: 0px;
}
.phone-title-price sup,.phone-title-price .sup-price {
  top: -0.5em;
}
/*Necesario para posicionar la imagen sobre el boton jumbotron*/
@media (max-width: 767px) {
  .total-price .align-img-center {
    top: -110px;
  }
  .total-price .button-price {
    margin-top: 60px !important;
  }
}
/*Bundle review limitar texto*/
.bundle-review .limits,
.bundle-review .speed small {
  width: 135px;
}
.bundle-review .inner {
  text-align: -moz-center;
  text-align: -webkit-center;
  text-align: -ms-center;
}
@media (min-width: 480px) and (max-width: 767px) {
  .price.price-left {
    padding-left: 35px;
    font-size: 35px !important;
    margin-top: 6px;
  }
}
@media (max-width: 479px) {
  .price.price-left {
    padding-left: 25px;
    font-size: 30px !important;
    margin-top: 6px;
  }
}
/*-------------------------------------------------------------*/
/*------------------FULL PRICE--------paso 3-------------------*/
/*-------------------------------------------------------------*/
.grey-line-top {
  /*  margin-bottom: 15px;
      padding-bottom: 15px; */
  border-top: 1px solid #c7c6c6;
}
.grey-line-botton {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #c7c6c6;
}
.panel-headding-tittle {
  margin-top: 0;
  margin-bottom: 0;
  color: black;
}
/*
   caja  verde de precio en la confirmacion
*/
.box-paid-today {
  padding: 25px;
  background-color: #009bdb;
  text-align: center;
  margin-bottom: 20px;
  color: #fff;
}
.box-price-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 0px;
}
.box-price-body {
  font-weight: 700;
  font-size: 40px;
}
/*
   caja info
*/
.box-info {
  min-height: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #c7c6c6;
  /* border-radius: 4px; */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  padding: 0px 15px 5px 15px;
}
.text-grey {
  color: #777;
}
.order-items {
  padding-left: 15px;
  text-transform: uppercase;
}
.margin-neutro {
  margin: 0px;
}
.info-tittle {
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  padding: 13px;
}
.panel-green {
  padding: 7px 0 13px 0;
  background-color: #009bdb;
  border-color: #d5dd28;
}
.panel-green h3 {
  font-size: 25px;
  margin-left: 15px;
  color: #fff;
}
/*
   numero/tiempo en la orden
*/
.time-order {
  margin-top: 5px;
}
@media (max-width: 768px) {
  .time-order {
    /*width: 83px;*/
    text-align: right;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .number-order {
    font-size: 32px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
/* walmart footer*/
.info-walmart {
  background-color: #057dbf;
  padding: 25px;
  text-align: center;
}
@media (max-width: 768px) {
  footer.footer .top-push-12.footerWalmart {
    margin-top: 0px !important;
  }
}
/* info keepnig service*/
.auto-refill .enroll {
  text-align: right;
  vertical-align: middle;
}
.order-link a {
  color: #fff;
}
@media (min-width: 480px) and (max-width: 991px) {
  .auto-refill {
    text-align: center;
  }
  .auto-refill .top-push-5 {
    margin-top: -25px !important;
  }
  .auto-refill .enroll {
    text-align: center;
    font-size: 20px;
    padding-bottom: 10px;
  }
  .auto-refill .enroll a.btn.btn-link {
    font-size: 20px;
  }
  .order-link {
    float: none !important ;
    text-align: center;
  }
  .order-link a {
    float: none !important;
  }
}
/*titulo principal*/
@media (min-width: 480px) and (max-width: 991px) {
  .text-principal h1 {
    font-size: 60px;
  }
  .text-principal .lead {
    font-size: 20.02px;
  }
  .panel-green h3 {
    font-size: 25px;
    margin-left: 15px;
    text-align: center;
  }
}
@media (min-width: 320px) and (max-width: 479px) {
  .panel-green h3 {
    font-size: 25px;
    margin-left: 15px;
    text-align: center;
  }
  #order-link {
    float: none !important ;
    text-align: center;
  }
  #order-link a {
    float: none !important;
  }
}
/*-------------------------------------------------------------*/
/*--------------------- STEPS  DE PAGO-------------------------*/
/*-------------------------------------------------------------*/
/* margen del wizard */
.step-bar {
  margin: 15px 0px 40px 0px;
}
/* estilo de los titulos del wizard */
.step-title {
  position: absolute;
  top: -3%;
  left: 23%;
}
.active .step-title {
  color: #fff;
}
.step-bar > div {
  background-color: #f6f6f6;
  position: relative;
  height: 60px;
}
.step-bar .active {
  background: #009bdb;
}
.step-bar .active:after,
.step-bar .active:before,
.step-bar > div:last-child:before,
.step-bar .no-active:after,
.step-bar .no-active:before {
  position: absolute;
  top: 0px;
  right: -18px;
  content: "";
  border: 31px solid transparent;
  display: block;
  height: 0;
  width: 0;
  border-left: 16px solid #fff;
  border-right: none;
  z-index: 1;
}
.step-bar .active:before {
  border-left-color: #009bdb;
  right: -16px;
  z-index: 2;
}
.step-bar .no-active:after,
.step-bar .no-active:before {
  position: absolute;
  top: -2px;
  right: -16px;
  content: "";
  border: 32px solid transparent;
  display: block;
  height: 0;
  width: 0;
  border-left: 16px solid #fff;
  border-right: none;
  z-index: 1;
}
.step-bar .no-active:before {
  border-left-color: #f6f6f6;
  right: -14px;
  z-index: 2;
}
.step-bar > div:last-child:before {
  border-left-color: transparent;
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  right: 0;
}
.numberCircle {
  position: absolute;
  top: 20%;
  left: 7%;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
  padding: 5px;
  background: #000;
  border: 2px solid #000;
  color: #fff;
  text-align: center;
  font: 20px Arial, sans-serif;
}
.active .numberCircle {
  background: #fff;
  border-color: #fff;
  color: #000;
}
.no-bold-steps {
  font-weight: 300;
}
@media (min-width: 768px) and (max-width: 991px) {
  h3.step-title,
  .h3.step-title {
    font-size: 20px;
    padding-left: 24px;
    top: -8% !important;
    left: 16%;
  }
  .numberCircle {
    top: 25%;
    left: 12%;
    width: 25px;
    height: 25px;
    padding: 1px;
    font: 18px Arial, sans-serif;
    line-height: 19px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  h3.step-title,
  .h3.step-title {
    font-size: 15px;
    padding-left: 26px;
    top: -1%;
    left: 16%;
  }
  .numberCircle {
    top: 25%;
    left: 12%;
    width: 25px;
    height: 25px;
    padding: 1px;
    font: 18px Arial, sans-serif;
    line-height: 20px!important;
  }
}
@media (max-width: 479px) {
  h3.step-title,
  .h3.step-title {
    font-size: 10px;
    padding-left: 26px;
    top: -1%;
    left: 12%;
    font-weight: 700;
  }
  .numberCircle {
    top: 29%;
    left: 12%;
    width: 20px;
    height: 20px;
    line-height: 16px!important;
    padding: 0px;
    font: 17px Arial, sans-serif;
  }
}

/*-------------------------------------------------------------*/
/*--------------------- FORMULARIOS-------------------------*/
/*-------------------------------------------------------------*/
/*color para resaltar caundo el campo es correcto*/
/*
#formStep-checkout .has-error .control-label,
#formStep-checkout .has-error .help-block,
#formStep-checkout .has-error .form-control-feedback {
    color: #FF063D;
}


#formStep-checkout .has-success .control-label,
#formStep-checkout .has-success .help-block,
#formStep-checkout .has-success .form-control-feedback {
    color: #C1E247;
}
*/
/*-------------------------------------------------------------*/
/*-----------------SMART PRICE----PASO1------------------------*/
/*-------------------------------------------------------------*/
.rater-pay {
  width: 235px;
}
.rater-pay small:last-child {
  padding-left: 21px;
}
/*--------
Modules
*/
/*--------
  Plans
*/
.plan {
  margin-top: 10px !important;
  border: 3px solid transparent;
  cursor: pointer;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease;
  /*THis is experimental, lets try to use flex to equalize column height and valing content and wait for browsers compatiblilty*/
}
.plan:hover {
  border: 3px solid #009bdb;
}
@media (min-width: 480px) {
  .plan {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex: initial ;
    -moz-flex: initial;
    -webkit-flex: initial;
    overflow: hidden;
    flex-wrap: wrap;
  }
}
@media (min-width: 480px) {
  .plan > div {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
  }
}
.plan > div:first-child {
  padding-right: 0;
  padding-left: 0;
  background-color: #f6f6f6;
}
@media (min-width: 480px) {
  .plan > div:first-child {
    flex: 1 0 0 ;
    -moz-flex: 1 0 0;
    -webkit-flex: 1 0 0;
  }
}
.plan > div:first-child .inner {
  padding: 20px;
  width: 100%;
}
.plan > div:last-child {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 991px) {
  .plan > div:last-child {
    flex: 2 0 0 ;
    -moz-flex: 2 0 0;
    -webkit-flex: 2 0 0;
  }
}
@media (min-width: 992px) {
  .plan > div:last-child {
    flex: 3 0 0 ;
    -moz-flex: 3 0 0;
    -webkit-flex: 3 0 0;
  }
}
@media (max-width: 767px) and (min-width: 480px) {
  .plan > div:last-child {
    flex: 1 0 0 ;
    -moz-flex: 1 0 0;
    -webkit-flex: 1 0 0;
  }
}
.plan > div:last-child .inner {
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
}
.plan > div:last-child .inner .row {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  overflow: hidden;
}
.plan .well {
  margin-bottom: 0;
  border-radius: 0;
}
@media (min-width: 768px) {
  .plan .conditions {
    border-right: 1px solid #b7b7b7;
  }
}
.plan .conditions h3 {
  font-size: 18px;
  color: #5b5a5a;
  margin-top: 0;
}
.plan .conditions .list-details > li {
  font-size: 14px;
  margin-bottom: 10px;
}
.plan .conditions .list-details > li:last-child {
  margin-bottom: 0;
}
.plan.active {
  border-color: #009bdb;
}
.plan.active .btn-circle {
  background-color: #009bdb;
}
@media (min-width: 768px) {
  .plan .btn-view-details {
    display: none;
  }
}
/*----------
Plan Resume (unested because is not only used in plans
------------*/
.plan-resume .limits {
  font-weight: 700;
  font-size: 21px;
}
@media (min-width: 768px) {
  .plan-resume .limits {
    font-size: 14px;
  }
}
.plan-resume .price,
.plan-resume .speed {
  font-size: 60px;
  /* font-weight: 900; */
  font-weight: 600;
  /*font-family: "Roboto";*/
  padding-bottom: 30px;
}
.plan-resume .speed {
  padding-bottom: 16px;
}

.plan-resume .price small,
.plan-resume .speed small {
  font-weight: 400;
  font-size: 20px;
  display: block;
}
@media (min-width: 768px) {
  .plan-resume .price small,
  .plan-resume .speed small {
    font-size: 12.6px;
  }
}
.plan-resume .price b,
.plan-resume .speed b,
.plan-resume .price strong,
.plan-resume .speed strong {
  /* color: #009bdb; */
  color: #000;
}
.plan-resume .price {
  border-bottom: 10px solid #000;
  padding: 0 20px 20px 20px;
  display: inline-block;
}
@media (min-width: 768px) {
  .plan-resume .price {
    border-bottom: 5px solid #009bdb;
  }
}
/*-----------
Plans Sidebar
------------*/
.sidebarplan {
  background-color: #f6f6f6;
  padding: 20px;
  top: 0;
  left: 0;
  min-height: 200px;
  z-index: 100;
}
.sidebarplan .selected-plan h4 {
  font-size: 24px;
  margin-bottom: 20px;
}
.sidebarplan .selected-plan h3 {
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 10px;
}
.sidebarplan .selected-plan .notes p {
  margin: 3px 0;
  font-size: 12px;
}
.sidebarplan .selected-plan .btn {
  display: block;
}
/*-------------
Price strip
-------------*/
.price-strip {
  margin: 20px -20px;
  overflow: hidden;
  position: relative;
  background-color: #009bdb;
  text-align: center;
  /*font-family: "Roboto";*/
}
.price-strip > div {
  position: relative;
  float: left;
  width: 50%;
  padding: 10px 10px;
}
.price-strip > div .holder {
  position: relative;
  z-index: 2;
}
.price-strip > div:first-child {
  background-color: #66CFBC;
}
.price-strip > div:first-child .corner {
  position: relative;
  background: red;
  z-index: 0;
}
.price-strip > div:first-child .corner:before {
  display: block;
  content: "";
  position: absolute;
  width: 50%;
  height: 208px;
  right: -39%;
  top: -60px;
  /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIDEwLCBFeHBvcnQgU1ZHIEV4dGVuc2lvbiBieSBBYXJvbiBCZWFsbCAoaHR0cDovL2ZpcmV3b3Jrcy5hYmVhbGwuY29tKSAuIFZlcnNpb246IDAuNi4xICAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyBpZD0iQ3VydmVEYXJrIiB2aWV3Qm94PSIwIDAgMTI0IDIwOCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6IzAwYmFhNCIgdmVyc2lvbj0iMS4xIgoJeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKCXg9IjBweCIgeT0iMHB4IiAKPgoJPHBhdGggZD0iTSAxMjQgMCBMIDAgMC4wNzUyIEwgMCAyMDggQyAwIDg1Ljk4OTMgNjMuMTY3NCAyNy43NzQ0IDEyNCAwIFoiIGZpbGw9IiM2NkNGQkMiLz4KPC9zdmc+); */
  background-image:  url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTI0IDIwOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTI0IDIwODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiMwMDlCREI7fS5zdDF7ZmlsbDojMDA0REExO30uc3Qye2ZpbGw6IzE1MzE3RTt9PC9zdHlsZT48ZyBpZD0iTGF5ZXJfMiI+PHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjEyNCIgaGVpZ2h0PSIyMDgiLz48L2c+PGcgaWQ9IkN1cnZlRGFyayI+PHBhdGggY2xhc3M9InN0MSIgZD0iTTAsMCIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xMjQsMEwwLDAuMVYyMDhDMCw4Niw2My4yLDI3LjgsMTI0LDB6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTAsMCIvPjwvZz48L3N2Zz4=);
  background-position: 0  0;
  background-size: cover;
}
@media (max-width: 991px) and (min-width: 768px) {
  .price-strip > div {
    width: 100%;
    float: none;
  }
  .price-strip > div:first-child .corner {
    display: none;
  }
}
.price-strip .title {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #fff;
}
@media (max-width: 1199px) {
  .price-strip .title {
    font-size: 12.6px;
  }
}
.price-strip .price {
  font-size: 25.2px;
  line-height: 22.4px;
  color: #fff;
  font-weight: 700;
  /*font-family: "Roboto";*/
}
@media (max-width: 1199px) {
  .price-strip .price {
    font-size: 22.4px;
  }
}
.price-strip .price small {
  font-size: 11.9px;
  font-weight: 600;
  display: block;
  margin-top: 8px;
  line-height: 11.2px;
  /*font-family: "Roboto", Helvetica, Arial, sans-serif;*/
}
.price-strip.large > div {
  padding: 50px 10px;
}
.price-strip.large .title {
  font-size: 22px;
}
.price-strip.large .price {
  font-size: 45px;
  line-height: 35px;
}
.price-strip.large .price small {
  font-size: 14px;
  margin-top: 18px;
}
@media (max-width: 767px) {
  .price-strip.large .price {
    font-size: 32px;
  }
  .price-strip.large .price small {
    font-size: 12px;
  }
  .price-strip.large .title {
    font-size: 18px;
  }
}
/*-------------
Shopping Cart
-------------*/
@media(min-width: 415px){
.shopping-cart .bundles .bundle {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
}
.shopping-cart .bundles .bundle:before,
.shopping-cart .bundles .bundle:after {
  content: " ";
  display: table;
}
.shopping-cart .bundles .bundle:after {
  clear: both;
}
@media(min-width: 415px){
.shopping-cart .bundles .bundle > div {
  margin-bottom: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 1 0 0 ;
  -moz-flex: 1 0 0;
  -webkit-flex: 1 0 0;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  position: relative;
  padding: 60px 0;
 min-width: 240px;
    width:240px;
}
}
@media(max-width: 415px){
  .shopping-cart .bundles .bundle > div {
  margin-bottom: 0;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  position: relative;
  padding: 60px 0;
  min-width: 240px;
}
}
@media (max-width: 415px) {
  .shopping-cart .bundles .bundle > div {
    clear: both;
  }
}

.shopping-cart .bundles .bundle > div:nth-child(2) {
  margin-right: 5px;
}
.shopping-cart .bundles .bundle > div:last-child {
  margin-left: 5px;
}
.shopping-cart .bundles .bundle > div .plan-resume {
  top: -20px;
  position: relative;
}
@media (max-width: 480px) {
  .shopping-cart .bundles .bundle > div:nth-child(2),
  .shopping-cart .bundles .bundle > div:last-child {
    margin: 0;
    margin-bottom: 10px;
  }
}
.shopping-cart .bundles .bundle .icon-os {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #c7c6c6;
  font-size: 26px;
}
.icon-os .icon-android,.icon-os.icon-android{
  color: #66af1e ! important;
}
.shopping-cart .bundles .bundle .footer-bundle {
  display: block;
  width: 100%;
  float: none;
  flex: auto;
  -moz-flex: auto;
  -webkit-flex: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #f6f6f6;
}
.shopping-cart .bundles .bundle .footer-bundle a {
  display: block;
  font-size: 13.02px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.shopping-cart .bundles .bundle.no-plan .well-plan {
  background-color: #f6f6f6;
}
.shopping-cart .bundles .bundle.no-plan .plan-resume,
.shopping-cart .well.well-plan.no-plan .plan-resume  {
  top: 0;
  position: relative;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  padding: 0 30px;
}
.shopping-cart .bundles .bundle.no-plan .plan-resume small,
.shopping-cart .bundles .bundle .well.well-plan.no-plan .plan-resume small  {
  text-transform: none;
  font-size: 13px;
  display: block;
  font-weight: 100;
}
.shopping-cart .bundles .bundle > .header-bundle {
  padding: 0;
  display: block;
  width: 100%;
  float: none;
  flex: auto;
  -moz-flex: auto;
  -webkit-flex: auto;
  margin-top: 10px;
}
.shopping-cart .bundles .bundle > .header-bundle:before,
.shopping-cart .bundles .bundle > .header-bundle:after {
  content: " ";
  display: table;
}
.shopping-cart .bundles .bundle > .header-bundle:after {
  clear: both;
}
.shopping-cart .bundles .bundle > .header-bundle h2 {
  float: left;
  margin-top: 5px;
  font-size: 24.01px;
}
.shopping-cart .bundles .bundle > .header-bundle button {
  position: relative;
  padding-right: 26px;
}
.shopping-cart .bundles .bundle > .header-bundle button i,
.shopping-cart .bundles .bundle > .header-bundle button em {
  font-size: 26px;
  color: #c7c6c6;
  margin-right: -32px;
  margin-top: -9px;
  float: right;
}
.shopping-cart .bundles .bundle > .header-bundle button:hover i,
.shopping-cart .bundles .bundle > .header-bundle button:hover em {
  color: #aeadad;
}
.shopping-cart .bundles:first-child .bundle:first-child > .header-bundle {
  margin-top: 0;
}
@media (max-width: 767px) {
  .shopping-cart .jumbotron {
    margin-top: 25px;
  }
}
/*-----------------------
Landing phones and filters
-------------------------*/
/*
Collapsible top
*/
.collapsible-top {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcf4a9+0,c1e247+100 */
  background: #009bdb;;
  /* Old browsers 
  background: -moz-radial-gradient(center, ellipse cover, #009bdb 0%, #004da2 100%);*/
  /* FF3.6-15 
  background: -webkit-radial-gradient(center, ellipse cover, #009bdb 0%, #004da2 100%);*/
  /* Chrome10-25,Safari5.1-6 
  background: radial-gradient(ellipse at center, #009bdb 0%, #004da2 100%);*/
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf4a9', endColorstr='#c1e247', GradientType=1);*/
  /* IE6-9 fallback on horizontal gradient */
}
@media (min-width: 768px) {
  .collapsible-top {
    margin-top: -30px;
  }
}
.collapsible-top h1 {
  margin-bottom: 20px;
  margin-top: 35px;
  color: #fff;
  font-size: 20px;
}
@media (max-width: 767px) {
  .collapsible-top h1 {
    padding: 0 40px;
  }
}
.collapsible-top img.img-responsive {
  display: inline-block;
  margin-bottom: 20px;
}
.collapsible-top .collapse {
  margin-bottom: 40px;
}
/*
Sidebar filters
*/
@media (width: 768px) {
  .sidebar-filters h2 {
    font-size: 28px;
  }
}
.sidebar-filters .inner {
  padding: 5px;
  font-size:12px;
}
.sidebar-filters .inner:first-child {
  padding-top: 20px;
}
@media (min-width: 768px) {
  .sidebar-filters .inner {
    /*margin-right: -40px;*/
    padding: 15px;
  }
   > form > .sidebar-filters .inner:first-child {
    margin-bottom: 20px;
  }
}
.sidebar-filters .inner h3 {
  background-color: #f6f6f6;
  margin: 0 -15px;
  padding: 10px 15px;
  font-size: 16px;
}
.sidebar-filters .inner .checkbox label {
  font-size: 13px;
}
.sidebar-filters .inner .xs-panelcollapse.columns .checkbox {
  width: 50%;
  float: left;
}
/*.sidebar-filters .inner .xs-panelcollapse.columns .checkbox:nth-child(2) {
  margin-top: 10px;
} */
.inner .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}


@media (max-width: 991px) {
  .sidebar-filters .stretch-grid .col-sm-6 {
    padding: 0 10px;
  }
  .sidebar-filters .stretch-grid .col-sm-6 .btn {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .sidebar-filters .filters {
    background-color: #fff;
    position: relative;
    z-index: 1;
    top: -60px;
    overflow: hidden;
  }
  .sidebar-filters .filters.visible {
    margin-bottom: -60px;
  }
  .sidebar-filters .filters .h2 {
    margin-top: 0;
  }
  .sidebar-filters .filters .inner:first-child {
    padding-top: 0;
    position: relative;
  }
  .sidebar-filters .filters .inner + .inner {
    padding-top: 0;
  }
  .sidebar-filters .filters .button-close {
    position: absolute;
    color: #f6f6f6;
    font-size: 34px;
    right: -15px;
    top: -17px;
  }
}
/*---------
Main Results holder
-------------*/
.main-results {
  position: relative;
}
@media (min-width: 768px) {
  .main-results {
    /*padding-left: 100px;*/
  }
}
.main-results .header select {
  -webkit-appearance: button-arrow-down;
  -moz-appearance: button-arrow-down;
  -o-appearance: button-arrow-down;
}
.main-results .header .bootstrap-select {
  box-shadow: none;
  width: auto;
}
.main-results .header .bootstrap-select .btn {
  padding-left: 10px;
  padding-right: 25px;
}
.main-results .header h2,
.main-results .header .pagination {
  margin-top: 0;
}
.main-results .header .form-control.medium-large {
  width: 100%;
  /*@media(min-width: @screen-sm-min){
        width: 290px;
      }*/
  margin-right: 10px;
}
.main-results .header .form-control.medium-large + .icon-input-addon {
  font-size: 22px;
  position: absolute;
  right: 15px;
  top: -1px;
}
.mobile-list .mobile {
  position: relative;
  overflow: hidden;
  background-color: #f6f6f6;
  padding: 50px 0;
}
.mobile-list .mobile span.icon-os {
  position: absolute;
  right: 3px;
  top: 3px;
  font-size: 12px;
  color: #acacac;
}
.mobile-list .mobile span.icon-os i,
.mobile-list .mobile span.icon-os em {
  font-size: 26px;
}
.mobile-list .mobile img {
  display: inline-block;
}
.mobile-list .mobile .offer {
  margin-top: 20px;
  min-height: 118px;
  height: 118px;
  overflow: hidden;
}
.mobile-list .mobile small.small {
  display: inline-block;
  margin-top: 30px;
}
.mobile-list .mobile .h3 {
  font-size: 30px;
  color: #5d5d5d;
  opacity: 1;
  line-height: 30px;
  margin: 0;
  text-transform: none;
}
.mobile-list .mobile .h3.xtralarge {
  font-size: 50px;
  text-transform: uppercase;
  margin-top: 30px;
}
.mobile-list .mobile .large {
  font-weight: 100;
  font-size: 22px;
  margin: 10px 0;
}
.mobile-list .mobile .footer-mobile {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 10px;
  text-align: left;
  font-size: 12px;
  text-transform: uppercase;
}
.mobile-list .mobile .footer-mobile label {
  font-weight: 700;
}
.mobile-list .mobile .footer-mobile label:before {
  width: 15px;
  height: 15px;
}
.mobile-list .mobile .footer-mobile label:after {
  top: 0;
  left: -1px;
}
.mobile-list .mobile .small-tooltip {
  border: 5px solid #009bdb;
  background-color: #fff;
  padding: 10px 10px 0 10px;
}
/*-----------------------
Phones Page
-------------------------*/
.phone-header .checkbox {
  float: right;
  padding-right: 20px;
  position: relative;
  top: 60px;
  text-transform: uppercase;
}
.phone-header .checkbox label {
  font-weight: 700;
}
.phone-header .h1 {
  font-weight: 300;
  font-size: 30px;
  text-transform: none;
  margin-bottom: 20px;
}
.phone-header .h1 small {
  font-size: 30px;
}
@media (max-width: 768px) {
  .phone-header .h1 small {
    text-align: center;
  }
}
.phone-header .panel {
  margin-bottom: 30px;
}
.phone-header .panel:before {
  left: -155px;
}
.phone-header .panel .panel-body {
  padding-left: 85px;
}
.phone-header .panel .panel-body {
  border-top: none;
}
.phone-header .panel .panel-body ul {
  margin-bottom: 0;
}
.phone-header .panel .panel-body ul li {
  font-size: 14px;
}
/*-----------------------
Phone description and color options
-------------------------*/
.phone-description p {
  font-size: 16px;
}
.phone-description .lead {
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 768px) {
  .phone-description .lead {
    text-align: left;
  }
}
.phone-colors {
  /*min-height: 00px;*/
  height: 40px;
  /* overflow: hidden; */
}
@media (max-width: 768px) {
  .phone-colors {
    text-align: center;
  }
}
.phone-colors legend {
  border: 0;
  font-size: 18px;
  color: #777777;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #000;
  font-weight: 700;
}
.more-features {
  text-align: center;
}
.more-features h2 {
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 5px;
}
.more-features .jumbotron {
  margin-top: 30px !important;
  border-radius: 0;
  padding: 20px 60px;
}
.more-features .jumbotron .lead {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-size: 16px;
}
.more-features .jumbotron ul > li {
  font-size: 15px;
}
.more-features .inner {
  /*color: #5b5a5a; */
  padding: 0 10%;
}
.more-features .inner h3 {
  font-size: 22px;
}
.more-features .inner p {
  font-size: 16px;
  font-weight:600;
}
@media (max-width: 480px) {
  .more-features h2 {
    font-size: 30px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .more-features [class*="col-"]:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .more-features [class*="col-"]:nth-child(3n+1) {
    clear: both;
  }
}
@media (min-width: 992px) {
  .more-features [class*="col-"]:nth-child(4n+1) {
    clear: both;
  }
}
/*-----------------------
Phone payment boxes
-------------------------*/
.phone-payment-options {
  font-size: 18px;
}
.phone-payment-options {
  position: relative;
  margin-top: 30px !important;
  padding-bottom: 40px;
}
.phone-payment-options:before,
.phone-payment-options:after {
  content: " ";
  display: table;
}
.phone-payment-options:after {
  clear: both;
}
@media (min-width: 992px) {
  .phone-payment-options {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
    .phone-payment-options {
        font-size: 16px;
    }
  .phone-payment-options {
    text-align: center;
  }
  .phone-payment-options h3 {
    text-align: center;
  }
}
.phone-payment-options .payment-option {
  float: left;
  border-radius: 0;
  border: 3px solid transparent;
  cursor: pointer;
  text-align: center;
  width: 49%;
  margin-left: 2%;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease;
}
.phone-payment-options .payment-option:first-child {
  margin-left: 0px;
}
.phone-payment-options .payment-option:last-child {
  margin-left: 26%;
}
@media (min-width: 992px) {
  .phone-payment-options .payment-option {
    margin-left: 2.4%;
    width: 30%;
  }
  .phone-payment-options .payment-option:last-child {
    margin-left: 7.6%;
  }
}
@media (max-width: 480px) {
    .phone-payment-options {
        font-size: 14px;
    }
  .phone-payment-options .payment-option {
    width: 100%;
    margin: 0;
  }
  .phone-payment-options .payment-option:first-child {
    margin-left: 0;
    margin-bottom: 10px;
  }
  .phone-payment-options .payment-option:last-child {
    margin-left: 0;
  }
}
.phone-payment-options .payment-option:hover {
  border: 3px solid #009bdb;
}
.phone-payment-options .payment-option .inner {
  border: 1px solid #c7c6c6;
  padding: 30px 10px;
  min-height: 220px;
  box-sizing: content-box;
}
.phone-payment-options .payment-option.active {
  border: 3px solid #009bdb;
}
.phone-payment-options .payment-option.active .btn-circle {
  background-color: #009bdb;
}
.phone-payment-options .payment-option p {
  /*color: #5b5a5a;*/
  font-size: 16px;
}
.phone-payment-options .payment-option p small {
  font-size: 13px;
  display: block;
}
.phone-payment-options .payment-option .price {
  font-weight: 700;
  /*color: #5b5a5a;*/
  /*font-size: 36px;*/
    font-size: 2em;
}
@media (max-width: 480px) {
  .phone-payment-options .payment-option .price {
    font-weight: 700;
    /*color: #5b5a5a;*/
    font-size: 24px;
  }
}
.phone-payment-options .or {
  font-size: 38px;
  font-weight: 100;
  clear: both;
  margin-bottom: 10px;
  text-align: center;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .phone-payment-options .or {
    position: absolute;
    right: 33.8%;
    top: 50%;
    margin-right: -14px;
    margin-top: -56px;
    margin-bottom: 0;
    font-size: 26px;
  }
}
.phone-payment-options .phone-smartpay {
  text-align: center;
  margin-top: 20px;
  clear: both;
  position: relative;
  top: 10px;
}
.phone-payment-options .phone-smartpay img {
  display: inline-block;
  max-width: 100%;
}
@media (min-width: 992px) {
  .phone-payment-options .phone-smartpay {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-top: 0;
    clear: none;
    top: auto;
  }
}
.phone-gallery {
  text-align: center;
}
.phone-gallery img {
  display: inline-block;
}
/*------------
Smartpay Transition
------------*/
.smartpay-transition .h1 {
  font-size: 50px;
}
.smartpay-transition .h1 img {
  max-width: 330px;
  margin-top: 20px;
}
.smartpay-transition .lead {
  font-size: 20px;
  font-weight: 600;
}
.smartpay-transition .phone-image {
  text-align: center;
}
.smartpay-transition .phone-image img {
  display: inline-block;
}
.smartpay-transition .phone-image .phone-title {
  font-size: 60px;
  font-weight: 100;
  margin-top: 0px;
}
.smartpay-transition .phone-image .phone-title small {
  text-align: center;
}
.smartpay-transition .list-smartpayicons {
  width: 90%;
  display: inline-block;
}
.smartpay-transition .list-smartpayicons li {
  padding-left: 9%;
  padding-right: 9%;
}
@media (max-width: 767px) {
  .smartpay-transition .grid-divided-gray .btn {
    display: block;
    width: 100%;
  }
}
.compare-list .mobile {
  overflow: visible;
  border: 3px solid #ffffff;
  padding-bottom: 0;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.compare-list .mobile .flag {
  border-radius: 4px 0 0 0 ;
}
.compare-list .mobile .panel {
  margin-top: 30px;
  margin-bottom: 0;
  border-top: 3px solid #fff;
  border-radius: 0 0 0 4px;
  text-align: left;
}
.compare-list .mobile .panel:before {
  left: -180px;
}
.compare-list .mobile .panel .panel-body {
  border-top: none;
  padding-left: 40px;
}
.compare-list .mobile:hover {
  /*border: 3px solid #009bdb; */
}
.compare-list .btn-close {
  color: #b9c3c3;
  cursor: pointer;
  font-size: 30px;
  position: absolute;
  right: -22px;
  top: -22px;
}
@media (min-width: 480px) {
  .compare-list .btn-close {
    font-size: 34px;
    right: -28px;
    top: -28px;
  }
}



.mobile.well.text-center, .well.well-plan.text-center{
  margin-right:5px;
}

.jumbotron.small.js-sidebarplan button.btn.btn-default.top-push-2{
  display: block;
    width: 100%;
}

input#promoCode{
  width: 100%!important;
    height: 34px!important;
}

.jumbotron.small.js-sidebarplan .btn.btn-default.top-push-2 {
    display: block;
    width: 100%;
}

.compare-list .add_another_device_to_compare {
    height: 730px;
    text-align: center;
}

.compare-list .add_another_device_to_compare p a {
    text-decoration: none;
}

.compare-list .add_another_device_to_compare p a:hover {
    text-decoration: underline;
}

.compare-list .add_another_device_to_compare p {
    font-size: 1.6em;
    font-weight: bold;
    padding: 150px 0 0 0;
    line-height: 1.2em;
}

div.store_message {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -155px;
    z-index: 9999;
    width: 310px;
    background-color: #f2dede;
    display: none;
    height: 105px;
    text-align: center;
    border-color: #ebccd1;
}


div.store_message_alert_mod {
    top: 294px;
    width: 409px;
    left:47%;
}
@media screen and (max-width:480px) {
  div.store_message {
    position: absolute;
    top: 0;
    left: 0%;
    margin-left: 0px;
    z-index: 9999;
    background-color: #f2dede;
    display: none;
    height: 65px;
    text-align: center;
    font-weight: bold;
    border-color: #ebccd1;
  }
  div.store_message_alert_mod {
    opacity: 1;
    display: block;
    top: 330px;
    font-size: 10px;
    width: 88%;
    padding: 6px 10px 10px 10px;
    height: 50px;
    margin-left: 19px;
}
}

@media screen and (max-width:480px) {

  div.store_message_alert_mod {
    height: 50px;
}
}

#cart_has_smartpay_item p{
  margin-bottom: 0px;
}

#smartpay_plan_upgrade_without_ar .modal-footer,
#smartpay_plan_upgrade_with_ar .modal-footer,
#item_in_cart .modal-footer{
      text-align: center;
}

#add_smartpay_item .agree{
    font-size: 19px;
    font-weight: bold;
    margin: 20px;
}

#smartpay_purchase_plan .grid-divided{
  text-align: left;
}

#smartpay_purchase_plan .warning{
   color: #FF0000;
}

#no_plan_conditions p{
    font-size: 20px;
}


.remove_promo_code .promotion_remove{
    font-size: 9px !important;
    font-weight: 700;
 }

 .promo_code_success{
  clear: both;
 }

 #PromotionCodeForm .promo_code_error{
  color: #ff0000;
  margin-bottom:0px;
 }

.inner_filter_hide_header{
  margin-right: -40px;
    padding-left: 15px;
  font-size: 13px;
    /*color: #acacac;*/
 }


.main-results .header .search_input.gray_color{
  height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #5b5b5b;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.spanacce {
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -1px;
}

.color_swatches .swatch .Gold, .color_swatches .swatch.Gold {background-color:rgb(241, 224, 204);}
.color_swatches .swatch .Grey, .color_swatches .swatch.Grey {background-color:rgb(168, 167, 172);}
.color_swatches .swatch .Black, .color_swatches .swatch.Black {background-color:#000;}
.color_swatches .swatch .White, .color_swatches .swatch.White {background-color:#fff;}
.color_swatches .swatch .Blue, .color_swatches .swatch.Blue {background-color:rgb(0,0,255);}
.color_swatches .swatch .Red, .color_swatches .swatch.Red {background-color:rgb(255,0,0);}
.color_swatches .swatch .Yellow, .color_swatches .swatch.Yellow {background-color:rgb(255,255,0);}
.color_swatches .swatch .Orange, .color_swatches .swatch.Orange {background-color:rgb(255, 128, 0);}
.color_swatches .swatch .Green,.color_swatches .swatch.Green {background-color:rgb(102, 204, 0);}
.color_swatches .swatch .Brown, .color_swatches .swatch.Brown {background-color:rgb(153, 76, 0);}
.color_swatches .swatch .Silver, .color_swatches .swatch.Silver {background-color:rgb(224, 224, 224);}
.color_swatches .swatch .Pink, .color_swatches .swatch.Pink {background-color:rgb(255, 0, 127);}
.color_swatches .swatch .Rose Gold:,.color_swatches .swatch.Rose Gold: {background-color:rgb(183, 110, 121);}
.color_swatches .swatch .Space Gray:,.color_swatches .swatch.Space Gray: {background-color:rgb(109, 109, 109);}


.color_swatches .swatch .Oro, .color_swatches .swatch.Oro{background-color:rgb(241, 224, 204);}
.color_swatches .swatch .Gris, .color_swatches .swatch.Gris {background-color:rgb(168, 167, 172);}
.color_swatches .swatch .Negro, .color_swatches .swatch.Negro {background-color:#000;}
.color_swatches .swatch .Blanco, .color_swatches .swatch.Blanco {background-color:#fff;}
.color_swatches .swatch .Azul, .color_swatches .swatch.Azul {background-color:rgb(0,0,255);}
.color_swatches .swatch .Rojo, .color_swatches .swatch.Rojo {background-color:rgb(255,0,0);}
.color_swatches .swatch .Amarillo, .color_swatches .swatch.Amarillo {background-color:rgb(255,255,0);}
.color_swatches .swatch .Naranja, .color_swatches .swatch.Naranja {background-color:rgb(255, 128, 0);}
.color_swatches .swatch .Verde, .color_swatches .swatch.Verde {background-color:rgb(102, 204, 0);}
.color_swatches .swatch .Marr�n, .color_swatches .swatch.Marr�n {background-color:rgb(153, 76, 0);}
.color_swatches .swatch .Plata, .color_swatches .swatch.Plata {background-color:rgb(224, 224, 224);}
.color_swatches .swatch .Rosado, .color_swatches .swatch.Rosado {background-color:rgb(255, 0, 127);}
.color_swatches .swatch .Oro Rosa:, .color_swatches .swatch.Oro Rosa: {background-color:rgb(183, 110, 121);}
.color_swatches .swatch .Gris Espacial:, .color_swatches .swatch.Gris Espacial: {background-color:rgb(109, 109, 109);}


.color_swatches .radio.radio-color a.swatch.selected::before {
  border: 3px solid #cde96c!important;
}




/* -----------------------------------------------------------------------------*/
/* 6.4. Progress Bar
/* -----------------------------------------------------------------------------*/

/* For the element containing the actual progress bar */
#progress_bar {
  position: absolute;
  z-index: 9999;
  display: none;
}
/* For the dialog containing the progress bar element */
#progress_bar_dialog {
  position: absolute;
  z-index: 9999;
  /* DevStart: outline was coming for progress bar.
   * display:none; moved to inline css otherwise dialog.show() won't display the progress bar
   */
  outline: 0;
  /* DevEnd */
}
/* Progress bar dialog background */
.dijitDialogUnderlay {
  display: none;
}

#loading_popup {
  width:59px;

}
#loading_popup .top_left{
  background-image: url('../../TFAuroraStorefrontAssetStore/images/colors/color1/popup_topleft.png');
  background-repeat:no-repeat;
  background-position:top;
  height:7px;
  width:8px;
  float:left;
}
#loading_popup .top_right{
  background-image: url('../../TFAuroraStorefrontAssetStore/images/colors/color1/popup_topright.png');
  background-repeat:no-repeat;
  background-position:top right;
  height:7px;
  width:51px;
  float:left;
}
#loading_popup .header {
  background-image: url('../../TFAuroraStorefrontAssetStore/images/colors/color1/popup_center_tile_mini.png');
  background-repeat:repeat-y;
  text-align: right;
  clear:left;
}
#loading_popup .close {
  padding: 5px 15px 2px 0px;
  color: #666666;
}
#loading_popup .close .icon{
  padding-top:2px;
  padding-left:4px;
  float:right;
}
#loading_popup .bodycontent {
  background-color: transparent;
  background-image: url('../../TFAuroraStorefrontAssetStore/images/colors/color1/popup_center_tile_mini.png');
  background-repeat:repeat-y;
  background-position: right;
  padding:0 5px 0 5px;
  margin:0;
}
#loading_popup .bodycontent h2 {
  font-size: 14px;
  font-weight: bold;
}
#loading_popup .bodycontent p {
  margin: 3px 0 10px 2px;
}
#loading_popup .bodycontent div.form_2column {
  padding: 0;
}
#loading_popup .bodycontent_short {
  padding:12px 17px 12px 15px;
  margin:0px 1px 0px 1px;
}
#loading_popup .footer {
  text-align:right;
  height:20px;
  width:59px;
}
#loading_popup .footer .bot_left{
  background-image: url('../../TFAuroraStorefrontAssetStore/images/colors/color1/popup_botleft.png');
  background-repeat:no-repeat;
  background-position: bottom;
  height:11px;
  width:8px;
  float:left;
}
#loading_popup .footer .bot_right{
  background-image: url('../../TFAuroraStorefrontAssetStore/images/colors/color1/popup_botright.png');
  background-repeat:no-repeat;
  background-position: bottom right;
  height:11px;
  width:51px;
  float:left;
}

.lto_package_pricing{
      padding: 25px 0 15px!important;
      text-align:center;
}

.lto_package_pricing div,.lto_package_pricing label,.lto_package_pricing input{
  display:inline-block;
}
.lto_package_pricing div{
  margin:0 5px;
}
.lto_package_pricing input
{
  text-align:center;
}

.lto_package_pricing .lto_quantity_inc,.lto_package_pricing .lto_quantity_dec
{
  cursor: pointer;
}


 @media(min-width:992px) {
     .phone-payment-options #colc{
    margin-left: 17px;
   }
      .phone-payment-options .or {
        margin-top: 13%;
        margin-left: 18px;
              /*margin-right: 12px; */
      }
      .phone-payment-options .payment-option#colc {
              margin-left: 2.8%!important;

             }

       .phone-payment-options .phone-smartpay {
        position:relative!important;
        top:-20px;
       }
      }
      .phone-payment-options .phone-smartpay{
        position:static;
      }
      .phone-payment-options .or{
          right:0
          top:0
          margin-right:0
          margin-top:0
          margin-bottom: 0;
          left: 0
          width: 5%;
          float: left;
          clear: none;
          position: relative;
          left: 0px;


            }

      .phone-payment-options .js-paymentOption:last-child {
                margin-left:0%;
      }
      .phone-payment-options .payment-option {
        margin-left: 2.4%!important;
        width: 28%;
      }

      .phone-payment-options .payment-wrapper  .payment-option {
        margin-left: 2.4%!important;
        width: 47%;
            }
      .phone-payment-options legend {
        border: none;
        margin-bottom: 0;
        width: 160px;
        text-align: center;
        font-size:14px;
        font-weight:bold;

            }
      .phone-payment-options fieldset {
        border: 1px solid silver;
        padding:4px 3px 10px 1px;
      }
      .phone-payment-options .payment-wrapper {width:61%;float:left;}

      .phone-payment-options .payment-wrapper  .payment-option {margin-top:0;}
      .phone-payment-options   .payment-option {margin-top:21px;}
      .phone-payment-options .phone-smartpay{text-align:left!important;clear:both; margin: 5px 15px 0!important;padding-top:5px;}
      .phone-payment-options {
        padding-bottom: 60px;
        min-height: 400px;
      }



       @media(max-width:991px) {
      .phone-payment-options .payment-wrapper {
        width:100%;
      }
      .phone-payment-options {
        display: flex;
        flex-direction: column;
             }
       .phone-payment-options #cola {
        order: 1;
      }
       .phone-payment-options #colb {
        order: 3;
      }
      .phone-payment-options  #colc {
        order: 4;
       }
      .phone-payment-options  #cold {
        order:2;
       }
       .phone-payment-options #colc  {
        width:47%!important;
        margin-left: 26%!important;
       }


       .phone-payment-options .phone-smartpay{text-align:center!important;}
        }



      .phone-payment-options  #colc {

                  width: 28%;
          float: left;
          border-radius: 0;
          border: 3px solid transparent;
          cursor: pointer;
          text-align: center;
          -webkit-transition: all .6s ease;
          -moz-transition: all .6s ease;
          transition: all .6s ease;

             }

        .phone-payment-options #colc .payment-option{
         width:100%;

       }

       .top-push-5 .phone-payment-options{
        padding-bottom:0px;
       }
       .top-push-5 .phone-payment-options {
        min-height:auto;
       }
       @media (min-width:992px) and (max-width:1199px) {
        .phone-payment-options .or{
          margin-left:10px;
          margin-right:10px;
        }
       }


.lto_spinner {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    visibility: visible;
    z-index: 99999999999;
    background: rgba(0,0,0,.5);
    background-image: url(../img/content/loader_extra_large.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#50ffffff, endColorstr=#50ffffff);
    text-align: center;
}

.cardImage {
  margin-left: 7px;
  width:98%
}

@media(max-width:420px) {
.cardImage {
    margin-left: 5px;
    width: 97%;
   margin-top: -15px;
}
}

a.lto_sc_quantity, a.lto_sc_quantity:hover, a.lto_sc_quantity:focus{
  color: #fff;
}

.footer-mobile .compare_button_enabled{
  color: #CCA32B;
}


.box-info.smart-pay .price-strip .phone-cost {
  min-height:154px;
}

.box-info.smart-pay .price-strip  {
  margin: 20px 0px;
}

.box-info.smart-pay .price-strip.large .title {
   font-size: 15px;
}

.box-info.smart-pay .price-strip.large .price {
   font-size: 30px;
}


@media (min-width: 768px) {
.well-plan .plan-resume .limits, .js-bundle .inner .phone-title {
    width: 214px;
    margin: 0 auto;
}
.select_your_service_plan_display .js-sidebarplan .selected-plan .text-center img{
  max-width:65%;
}
}

.form-horizontal #SignatureWaiverConirmationArea  .label-left  #signatureWaiverConfirmationChk
{
  float:left;margin-right:5px;
}


.form-horizontal #SignatureWaiverConirmationArea  .label-left  label
{
  margin-top:2px;
}
#selectResult,#selectResultbottom{
  display: inline-block;width: auto;margin-right: 20px;height: 30px;
    }
 input, button, select, textarea {
        /* font-weight: 600 !important; */
}
 .inv_limited_stock {
  width: 95%;
  color: red;
 }

 body.modal-open, body.modal-close {
  padding-right: 0px !important;
 }
 .ui-widget-header {
    border: 1px solid #aaaab8;
    background: none repeat scroll 0 0 #009bdb;
    color: #000;
    font-size: 1.1em;
    padding: 7px;
}
.bg-success .form-in-grid .form-group.col-sm-5
{
  padding-right:0px;
}
.bg-success  .col-sm-8.top-push-4 .btn.btn-default.inline
{
  padding-left:10px;
  padding-right:10px;
}

@media(min-width:768px) and (max-width:1200px) {
.bg-success .form-in-grid .form-group.col-sm-5 {
  margin-bottom:10px;
  width: 85%;
    float: none;
}

.form-in-grid.stretch-grid .col-sm-8.top-push-4 {
  float: none;
    margin-bottom: 15px;
     width: 100%;
}
}

.widget_height p font,
.widget_height p.small font {
    font-size: 11px!important;
}
@media(max-width:767px) {

.header-top .logo  h1 .left_espot img{
    display: block;
    max-width: 100%;
    height: auto;
}
.list-smartpayicons li > div {
   margin:0 auto;
}

.phone-header .panel .panel-body
{
  padding-left:0;
}
.phone-header .panel .panel-body ul {
    margin-bottom: 0;
    width: 90%;
    margin: 0 auto;
}

}

.sidebar-filters .inner_filter_hide_header .checkbox label ,
.sidebar-filters .inner .checkbox label {
    font-size: 14px;
}





@media(min-width:567px)and(max-width:767px) {
.step-bar > div.no-active,.step-bar > div.active{
     padding-right:19px!important;
}
.step-bar .step-title {
    position: absolute;
    top: -3%;
    left: 15%;
    font-size: 14px;
}
}


footer .footer-bottom  .text-muted  p{
     font-size:13px
}

@media(min-width:768px)and(max-width:1024px) {
.step-bar .step-title{
     position: absolute;
    top: -8%;
    left: 17%;
}
}


@media (min-width: 768px) and (max-width:1050px) {
.collapsible-top  .trigger-collapse:after {
    top: -27%;
   }
   .collapsible-top  h1.trigger-collapse {
    padding-right: 60px;
   }
}

@media (max-width: 767px) {
#productsFacets [class^="icon-"]:before,#productsFacets  [class*=" icon-"]:before {
    color: #009bdb;
}
.sidebar-filters .filters .h2 {
    margin-top: 0;
    width: 85%;
    word-wrap: break-word;
}
}

@media(max-width:567px) {
.step-bar > div:last-child:before {
    border-left-color: #f6f6f6;
    border-top-color:none;
   border-bottom-color: none;
    right: -16px;
    z-index: 2;
}
.step-bar > div:last-child.active:before {
    border-left-color: #009bdb;
}

.step-bar .no-active:before{
  right: -16px;
}

.step-bar div.active,.step-bar div.no-active {
  width:99%!important;
  float:none;
}

.smartpay-transition  .step-bar {
    margin: 15px 5px 40px 0px;
}

}
@media(max-width:767px) {
.step-bar > div.no-active,.step-bar > div.active{
    padding-right:19px!important;
}

header .main-nav {
  position:relative;
  z-index: 9;
}

header  .bg-info {
  z-index: 1;
  position: relative;
}
 .ui-widget-header {
    border: 1px solid #aaaab8;
    background: none repeat scroll 0 0 #009bdb;
    color: #000;
    font-size: 1.1em;
    padding: 7px;
}
.continue_shopping_st {
  /*margin-left: 670px;*/
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
}

}

@media(max-width:767px) {
.modal#zipcode_needed  .modal-body  .form-group.lto-zc-input.top-push-4 {
  z-index:2;
}
.modal#zipcode_needed  .modal-body  .lto-zc-continue-button.top-push-4 {
  z-index:1;
}

.bg-info.info-walmart.visible-xs{
  display: none !important;
}
}


@media(max-width:767px) {
.sidebar-filters .inner h3 {

    margin: 0;
    padding: 10px 0;

}

.bg-success .form-in-grid .form-group.col-sm-5 {
   padding-right:15px;
}




.grid-divided-gray.top-push-4   a.btn.btn-link {
  white-space: normal;
}
.shopping-cart  #WC_ShopCartDisplay_div_6 {
  padding:0 20px;
}
.bg-success .col-sm-8.top-push-4 .btn.btn-default.inline {

    padding: 10px;
    font-size: 18px;
  margin-bottom:10px;
}
}
div.header  a.continue_shopping_st  ~ form#CatalogSearchForm  i.icon-search:before  {position:relative;top:4px;}

@media(max-width:767px) {
.smartpay-transition .h1 {
    word-wrap: break-word;
}
.smartpay-transition .h1 img {
    display: block;
    height: auto;
    width: 100%;
}
}

.phone-description button.btn-link-simple span.show-collapsed,
.phone-description button.btn-link-simple span.hidden-collapsed{
  text-decoration:underline;
 }


@media (max-width: 767px) {
  .collapsible-top .trigger-collapse:after {
    right: -14px!important;
}
}


@media (max-width:767px) {
.nav.navbar-nav.navbar-right li:last-child a i {
                margin-right:6px;
}
}



@media(max-width:520px) {
.retrive_order_number #orderStatusForm  .col-sm-6.col-xs-10 {
  width:93%;
}

div.content_wrapper .master_content .master_whole .retrive_order_number p{
  margin: 1px 2px 0 0;
  padding: 3px 1px 0 0;
}
}

@media(max-width:767px) {
.retrive_order_number #orderStatusForm  input[type="text"]{
    width:94%;
}

div.header_wrapper_position#headerWidget {
  height:auto;
}
}


@media (max-width: 520px) {
  .total-price .price-strip .price.price-left {
    padding-left: 12px;
    font-size: 21px !important;

  }
}

@media (max-width: 360px) {
.total-price  .price-strip.large>div:first-child .corner:before,
.js-sidebarplan .price-strip.large>div:first-child .corner:before{
  width: 60%;
}
}

@media (max-width: 767px) {
header   .header-top.bg-info{
   margin-bottom: 0px!important;
}

.product_handset_content  a.btn.btn-link.pull-right.top-push-4 {
                margin-top:16px!important;
                padding: 6px 8px;
}
.shopping-cart.top-push-4  .top-push-1  a.btn.btn-link.top-push-4 {
                width: 90%;
    white-space: normal;
}

div.content_wrapper .master_content .master_whole .retrive_order_number p a {

    padding: 0 5px;
}

}

@media(max-width:480px) {
  .btn.btn-link {
    font-size: 10px;
    padding: 20px;
  }
}

#shipping .form-control, #Creditcards2 .form-group .form-control {width:100%;}


#zipcode_needed .grid-divided .lto-zc-continue-button {
       width:100%
}


@media (max-width:420px) {

div.content_wrapper .master_content .master_whole .shipping_info_title a.css3button {
    position: relative;
    left: 67%;
}

}

@media (max-width:767px) {
  div.header_wrapper_position#headerWidget{
    height:auto!important;;
    }

}
@media (min-width:768px) {
div.content_wrapper .master_content .master_whole .retrive_order_number dl dt ul {
    float: none!important;
    }
}

@media (max-width:767px) {
.alert-info.call-to-action a.btn.btn-link{
      white-space: normal;
}
}


@media (max-width: 767px){
div.content_wrapper .master_content .master_whole .order_status_box .order_status_content ol li.order_summary_tracking
{
    height: auto;
}

div.content_wrapper .master_content .master_whole .shipping_billing_box dl dd.fedex_logo  h4 {
  padding: 0 0 16px 0;
}
}

.bundle.with-plan.bundle-review .speed {
    font-weight: 600;
}

.text-black {
  font-weight: 600;
}


 .price-strip.large.subtotal {
      background:none;
     }
     .price-strip.subtotal > div:first-child{
      background:none;

     }
     .price-strip.subtotal > div:last-child .corner:before{
       background:none;
       border:none;
       border-left:0px;
       border-bottom:none;
     }
     .price-strip.subtotal > div:first-child .corner:before {
      border:none;
      border-left:0px;
       border-bottom:none;
     }


      .price-strip.lto-shopping-cart > div .holder,
      .price-strip.subtotal  > div .holder{
        width:60%;
        margin:0 auto;
      }
      .price-strip.large.subtotal .price{
        text-align:right;
      }
      .price-strip.subtotal  .title.discount-applied{color:red;font-size:20px;margin-bottom: 10px;}
      .price-strip.lto-shopping-cart  .price small,
      .price-strip.subtotal .price small
       {
        text-align:center;

       }

       .price-strip.large.subtotal .plan-cost .holder .title {text-align:right;}
       .price-strip.large.subtotal  .plan-cost .price small {font-weight:bold;text-align:right;}
       .congrats-promocode{
        border:1px solid #7ea57e;
        background: #dff0d8;
        font-size: 13px!important;
        padding: 5px;
        font-weight:bold!important;
        margin-top: 10px;
            }
      .congrats-promocode   span{font-weight:normal!important;}
      .remove_promo_code{
        border:1px solid #bababa;
        background: #d7d7d7;
        font-size: 13px!important;
        padding: 2px;
        display:inline;

      }
       .shopping-cart .form-in-grid .col-xs-12.col-sm-8.form-group{margin-bottom:5px;}

       @media(min-width:768px) and (max-width:1200px) {
      .price-strip.lto-shopping-cart > div .holder,
      .price-strip.subtotal > div .holder,{
        width:100%;
        margin:0 auto;
      }
      .price-strip.lto-shopping-cart .price,
        {
          font-size:45px;
        }
      .price-strip.subtotal .price
        {
          font-size:38px;
        }
       }
       @media(max-width:767px) {
      .price-strip.lto-shopping-cart > div .holder,
      .price-strip.subtotal > div .holder
      {
        width:100%
      }
      .price-strip.lto-shopping-cart.large .price,
      .price-strip.subtotal .price {
        font-size: 40px;
        line-height: 40px;
      }
      #appliedPromotionCodes {margin-top:20px;}

       }


/*.price-strip.large.subtotal .phone-cost p.title{
  font-size:32px;
}*/
.price-strip.large.subtotal{
  margin-bottom:0px;
}

.price-strip.large.subtotal > div{
     padding: 12px 10px;

}

@media (min-width: 768px) and (max-width: 991px){
#promotions #WC_PromotionCodeDisplay_div_3_disabled,
#promotions #WC_PromotionCodeDisplay_div_3{
  margin-bottom: 15px;
    margin-top: 10px;
    }
}


.shopping-cart  .js-sidebarplan  .col-xxs-8  button.btn-default{padding-left:0;padding-right:0}

@media(max-width:767px) {
                .verisign_link {float:right;margin-bottom:10px;}

#promotions #WC_PromotionCodeDisplay_div_3_disabled,
#promotions #WC_PromotionCodeDisplay_div_3{

    margin-top: 10px;
    }
}

#shipping label.control-label,
#shipping   p.control-label,
#shipping  p.text-center.top-push-2,#Creditcards2 label.control-label,.order_cancel_info p

{
                font-weight:600px;
}


#shipping .form-control,#billingAddress1 .form-control {width:100%;}


.price-strip.large.subtotal > div:first-child .corner:before{
  background-image:none;
}

.price-strip.large.subtotal .plan-cost .price,.price-strip.large.subtotal .phone-cost .title {
  color:#000;
}

@media (max-width:380px){
.payment-wrapper .payment-option.js-paymentOption .top-push-4{
  min-height:118px;
}
.payment-wrapper .payment-option.js-paymentOption .top-push-6{
  margin-top:0px !important;
}
}

@media (max-width:767px){
.col-sm-12 > a.btn.btn-link.pull-right.top-push-4{
  margin-top: 5px !important;
}
}


p#shippingEstimated,
.col-xs-offset-2  p.text-center.top-push-2{
  font-weight:600px
}


@media(min-width:768px) and (max-width:991px) {

.price-strip.large.subtotal .plan-cost .holder .title {
    text-align: right;
    font-size: 15px;
}
.price-strip.large.subtotal .phone-cost p.title {
    font-size: 25px;
}

.price-strip.large.subtotal > div .holder {
    width: 80%;
    margin: 0 auto;
}

.price-strip.large.subtotal  div.phone-cost {
  width: 48%;
    float: left;
    font-size: 35px;
}
.price-strip.large.subtotal  div.plan-cost {
    width: 50%;
    float: left;
}

 .price-strip.subtotal > div .holder {
    width: 86%!important;

}
.price-strip.large.subtotal .plan-cost .holder .title{
  font-size:13px;
}

}
@media (min-width:768px){
.price-strip.subtotal .title.discount-applied {
    color: red;
    font-size: 15px;
    margin-bottom: 10px;
}

}

@media (max-width:420px){
#zipPopup_zc {
  padding-right:0px;
  /*padding-left:0px;*/
}
}


@media (max-width:420px){
.price-strip.lto-shopping-cart.large .price, .price-strip.subtotal .price{
  font-size:28px
}

.price-strip.large.subtotal .phone-cost p.title {
    font-size: 23px;
}

.price-strip.subtotal .title.discount-applied {
    color: red;
    font-size: 15px;
    margin-bottom: 10px;
}

}

.invSmartPayModal{
	width : 700px;
}

#invSmartPayOrder{
	display:flex;
	padding-left:180px;
}

@media (max-width:767px){

.invSmartPayModal{
		width : 90%;
}

#invSmartPayOrder{
	display:block;
	padding-left:10px;
}

.price-strip.large.lto-shopping-cart > div,
.shopping-cart .total-price .price-strip.large > div {
     padding: 25px 10px;

}
.price-strip.large.lto-shopping-cart .phone-cost .title{
  text-align:left;
}
}
/*#taxToggler {
  right: 515px; margin-top: 36px;
}
@media (max-width:420px){
#taxToggler {
  right: 298px; margin-top: 31px;
}
}*/
.inv_limited_stock_lto {
    color: red;
    font-weight: 600;
}
.select_payment_option {
    color: red;
    font-weight: 600;
    display: none;
}
@media (max-width:767px){
.category-navigation-results #CatalogSearchForm .form-group select#orderBy{
  width:100%;
}
#phone_details .phone-colors.top-push-3.color_swatches{
      margin-top: 10px !important;
}

#phone_details .col-sm-8 .clearfix.top-push-5 {
   margin-top: 10px !important;
}

 .price-strip.large.subtotal .discount-amount a{

      margin-left:1px;
       }
}

.price-strip.large.subtotal .phone-cost  .title {text-align:left;}

.price-strip.large.subtotal .plan-cost .holder .title {
    position:relative;
    padding-right:20px;
}


.discount-applied  span.remove_promo_code {
  position: absolute;
    width:80px;
    padding: 3px;
    text-align: center;
    margin-left: 5px;
}

@media (max-width:360px) {
.discount-applied  span.remove_promo_code {
  position: static;
    display: block;
    float:right;

}

}
@media (max-width:767px) {
.price-strip.lto-shopping-cart.large .price, .price-strip.subtotal .price {
    font-size: 28px;

}

}

@media(max-width:767px) {
 div.content_wrapper .master_content .master_whole .shipping_billing_box dl dd {
       min-height:140px;
  }



.price-strip.large.subtotal  .holder .title{
  text-align:center;
}
.price-strip.large.subtotal .price {
    text-align:center;
}
.price-strip.large.subtotal  .plan-cost .price small{text-align:right;}

.price-strip.large.subtotal .plan-cost .holder .title {
    text-align:center;
}

.discount-applied  span.remove_promo_code{
  display: block;
    margin: 0 auto;
    position:static;
}
.price-strip.subtotal  .phone-cost .title.discount-applied {margin-bottom:50px;}

}

@media(min-width:768px) {
                .step-bar div.active.clearfix,.step-bar div.no-active.clearfix{
                                clear:none
     }

     .price-strip.large.subtotal .plan-cost{
          width: 50%;
     }

     .price-strip.large.subtotal .plan-cost .holder .title {

      padding-right:0px;
     }
}





@media(min-width:768px) and (max-width:1200px) {

.price-strip.subtotal .phone-cost  .title.discount-applied {
    width:100px;
}

.price-strip.subtotal  .plan-cost .title.discount-applied {
    width: 100px;
    float: right;
}
.discount-applied span.remove_promo_code {
    position: static;
    display: inline-block;

}


}
@media(max-width:480px){
.price-strip.subtotal .phone-cost .title.discount-applied {
     margin-bottom: 10px;
}
}


@media(max-width:520px) {
.product_handset_content .col-sm-12  a.btn.btn-link.pull-right.top-push-4{
                padding: 6px 1px!important;
}

.product_handset_content  h1.small-top small{
    font-size:14px !important;
  }

}

@media (max-width: 767px) {
.price-strip.large.subtotal  .plan-cost  p.discount-applied span.remove_promo_code {
    position: static;
    display: block;
    text-align:right;
        width: 100%;
}



}

@media (max-width: 360px) {
.price-strip.large.subtotal .discount-applied span.remove_promo_code {
    float: none;
}
}

a.promotion_remove {
    border: 1px solid #bababa;
    background: #d7d7d7;
    font-size: 13px!important;
    padding: 2px;
    display: inline-block;
    width:80px;
}

.remove_promo_code{
   border:0;
    background:none;
}
@media (min-width: 1200px) {
.price-strip.large.lto-shopping-cart .plan-cost .holder,
.price-strip.large.lto-shopping-cart .plan-cost .holder small {
  text-align:right;
}
.price-strip.large.lto-shopping-cart .phone-cost .holder  {
  text-align:left;
}
}


/* For Show Discounts */

@media(min-width:768px) and (max-width:1200px) {
      .price-strip.lto-shopping-cart > div .holder,
      .price-strip.subtotal .discount-wrap  > div p{
        width:70%!important;
        margin:0 auto;
      }
      .price-strip.large.lto-shopping-cart .price,
      .price-strip.large.subtotal .price {
        font-size:32px;
      }

       .price-strip.subtotal > div .holder {
          width: 70%;
          margin: 0 auto;
           }
       }
       @media(max-width:767px) {
      .price-strip.lto-shopping-cart > div .holder{width:100%}
      .price-strip.large.subtotal .price {
        font-size: 40px;
        line-height: 40px;
      }
      #appliedPromotionCodes {margin-top:20px;}
      .price-strip.large.lto-shopping-cart .phone-cost .price {
        text-align:left;
      }
      .price-strip.subtotal .discount-wrap  > div p,
      .price-strip.subtotal  > div .holder,
      .price-strip.lto-shopping-cart  > div .holder {
        width:75%!important;
        margin:0 auto;

      }

      .price-strip.large.subtotal .discount-amount a{

        margin-left:5px;
         }
      .price-strip.lto-shopping-cart .plan-cost  .title,
      .price-strip.lto-shopping-cart .plan-cost  .price
      {
        text-align:right;
      }

       }

       .price-strip.large.subtotal .phone-cost  .title {text-align:left;}





       .price-strip.large.lto-shopping-cart .price small{
               text-align:left;
       }

       .price-strip.large.subtotal .plan-cost .price  {
           text-align:right;
       }

      .price-strip.large.subtotal .discount-wrap {width:100%;}
        .price-strip .discount-wrap > div {
            position: relative;
          float: left;
          width: 50%;
          padding:0;

      }

       .price-strip .discount-wrap  > div p{
            width: 60%;
          margin: 0 auto;
      }
        .discount-promo {text-align:left;}
      .discount-amount{text-align:right;}
        .price-strip.large > div.discount-wrap {
            padding: 0px 10px;

       }
        .price-strip.large.subtotal > div.discount-wrap   p{
        color: red;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 5px;
        /*word-wrap:break-word;*/
      }

       .box { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden;}
           .box .column { flex: 1;}

       .price-strip.large.subtotal  div.phone-cost, .price-strip.large.subtotal  div.plan-cost {
        padding-top:10px;
       }
       .price-strip.large.subtotal .discount-amount a{
      display: inline-block;
            position: absolute;
      margin-left:5px;
       }

       @media(max-width:420px) {
      .lto-shopping-cart.price-strip.large .price,
      .subtotal.price-strip.large .price
      {
        font-size:21px;
        line-height: 40px;
      }
      .price-strip.large.lto-shopping-cart > div,
      .shopping-cart .total-price .price-strip.large > div {
           padding: 14px 10px;

      }

      .lto-shopping-cart.price-strip.large .title,.subtotal.price-strip.large .title {
        font-size:16px;
      }

      .price-strip.large.subtotal .discount-amount a {

          margin-left: 0px;
      }
       }

      .price-strip.large.subtotal .lto-remove-promo{
        padding: 0px;
          top: -2px;
      }

      .price-strip.large.subtotal .discount-amount a i{font-size:22px;}

      .price-strip.large.subtotal .icon-cancel-circled:before{
        margin:0;
      }

      .price-strip.large.lto-shopping-cart > div .corner:before {

          top: -50px;
            }



            .btn-default {

              background-color:#595858\9;

            }

@media(max-width:420px) {
.lto-continue-shop  {
    float:none!important;
    display: block;
    text-align: right;
}

.lto-continue-shop ~ h1.small-top,.lto-continue-shop ~ #cartheaderdiv h1.small-top  {
   margin-top:0px;

}
}

.pagination a#WC_SearchBasedNavigationResults_pagination_link_right_categoryResults {
  position: relative;
    top: -5px;
}

.pagination a#WC_SearchBasedNavigationResults_pagination_link_left_categoryResults,.pagination li.disabled a {
    position: relative;
    top: -3px;
}



@media (max-width:767px) {
.smartpay-transition .h1 {
  font-size: 30px;
}
.smartpay-transition img.lto-img-smartpay{
  margin: 0 auto;
}
.smartpay-transition > .row {
    padding-right: 1px;
}
.smartpay-transition .step-title {
  top: -5%;
  left: 29%;
}
#lto_choose_plan_section_starts  .panel-heading .panel-title a{
  position:relative;
}
#lto_choose_plan_section_starts  .panel-heading .panel-title  a span.panel-addon {
  right: -15px;
}

#ShopCartDisplay .jumbotron.small h2:first-child {
    font-size: 32px;
    text-align: center;
}
}

.footer_links_share .legal_links ul li a {
  /*font-family: "Roboto",Helvetica,Arial,sans-serif;*/
  font-size:13px;
  font-weight:normal;
}

footer .additional_links li a {
    color: #000 !important;
    /*font-family: "Roboto",Helvetica,Arial,sans-serif;*/
    font-size: 13px;
}

@media(max-width:767px) {

.pagination a#WC_SearchBasedNavigationResults_pagination_link_right_categoryResults {
    position: relative;
    top: -3px;
}
}

.list-social li.facebook {
  background: #3b5998; }

.list-social li.youtube {
  background: #bb0000; }

.list-social li.twitter {
  background: #00aced; }

.list-social li.gplus {
  background: #dd4b39; }

  .list-social {
  font-size: 24px;
  margin-top: 20px; }

footer .additional_links .list-social li a {
  color: #fff; }

.list-social li {
  background: #999;
  margin-right: 5px;
  }

  .shippingInfoST {
    margin-top:300px;
  }

@media (max-width: 480px) {
  .shippingInfoST {
    margin-top:0px;
  }
}
@media (max-width: 480px) {
  .shippingInfoImageDisplay {
    display:none;
  }
}
#searchBasedNavigation_widget .phone-img {
    height: 222px;
}

@media (max-width: 480px) { /*480px*/
  .col-sm-12 > a.btn.btn-link.pull-right.top-push-4 {
    margin-top: 0px !important;
  }

  h1.small-top small {
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 18px;
  }
  .lto-continue-shop ~ h1.small-top {
    margin-toop: 0px;
    font-size: 20px;
  }
  .lead {
    margin-bottom: 10px;
    font-size: 12px;
  }
  .panel {
    margin-bottom: 10px;
  }
  .plan {
    margin-top: 0px !important;
  }
  .plan > div:first-child .inner {
    padding: 5px;
  }
  .plan-resume .limits {
    font-size: 16px;
  }
  .plan-resume .price {
    border-bottom: 2px solid #000;
    padding: 0 5px 5px 5px;
  }
  .plan-resume .price, .plan-resume .speed {
    font-size: 24px;
  }
  .plan-resume .price small, .plan-resume .speed small {
    font-size: 12px;
  }
  .plan .well {
    padding: 5px;
  }
  .plan .well .top-push-4 {
    margin-top: 0px !important;
  }
  .plan .well p {
    margin: 0px;
  }
  #lto_selected_plan_continue_url {
   /* position: fixed;*/
    bottom: 4px;
    left: 0px;
    width: 100%;
    z-index: 10;
  }
 }
#zipcode_needed .form-control::-webkit-input-placeholder { /* Chrome */
  color: #000;
  font-size: 13px;
}
#zipcode_needed .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #000;
  font-size: 13px;
}
#zipcode_needed .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  opacity: 1;
  font-size: 13px;
}
#zipcode_needed .form-control:-moz-placeholder { /* Firefox 4 - 18 */
  color: #000;
  opacity: 1;
  font-size: 13px;
}

#expire_month_1 ~small.help-block {
  width:200%;
}

.phone-description .btn-link-simple span{display:none;}
.phone-description .btn-link-simple span.show-collapsed{display:block;}
.phone-description .btn-link-simple.more .show-collapsed {display:none;}
.phone-description .btn-link-simple.more .hidden-collapsed {display:block;}
.phone-description .btn-link-simple.less .show-collapsed {display:block;}
.phone-description .btn-link-simple.less .hidden-collapsed {display:none;}

@media (max-width: 420px) {
  footer .footer_links_share  ul.list-inline li {
      width: 100%!important;
  }
}

.smart-pay .price-strip.large>div {
              padding: 27px 10px;
}.mobile.well.text-center.js-mobile.search-result-wrapper {
  border: 3px solid #fff;
  box-shadow: 1px 1px 1px 0.2px darkgrey;
  height:530px;
  min-width: 220px;
}
.mobile.well.text-center.js-mobile.search-result-wrapper:hover {
  border: 3px solid #009bdb;;
}

/* Phase 2 css  */
.text-center .modal-footer,
.modal-footer.text-center {
  text-align: center;
}
.text-center .modal-footer button,
.modal-footer.text-center button {
  float: none;
  min-width: 130px;
}

.text-lg {
  font-size: 30px;
  font-weight: 400;
}

/* accessories */
.mobile-list .item {
  position: relative;
  overflow: hidden;
  background-color: #f0f2f2;
  padding: 50px 0;
}
.mobile-list .item .flag:after {
  background-color: #f0f2f2;
  *background-color: transparent; /* IE fix */
}
.mobile-list .item span.icon-os {
  position: absolute;
  right: 3px;
  top: 3px;
  font-size: 12px;
  color: #acacac;
}
.mobile-list .item span.icon-os i,
.mobile-list .item span.icon-os em {
  font-size: 26px;
}
.mobile-list .item img {
  display: inline-block;
}
.mobile-list .item .offer {
  margin-top: 20px;
  min-height: 118px;
  height: 118px;
  overflow: hidden;
}
.mobile-list .item small.small {
  display: inline-block;
  margin-top: 30px;
}
.mobile-list .item .h3 {
  font-size: 23px;
  color: #5d5d5d;
  opacity: 1;
  line-height: 23px;
  margin: 0;
  text-transform: none;
  clear:both;
}
.mobile-list .item .phone-title > .greenoffer{
    color:#89be5e;
    font-size:30px;
    display:block;
    font-weight:700;
}
.mobile-list .item .h3.xtralarge,
.mobile-list .item .xtralarge {
  font-size: 50px;
  text-transform: uppercase;
  margin-top: 30px;
}
.mobile-list .item .large {
  /* font-family: "Avenir Black"; */
  /*font-family: "Roboto";*/
  font-weight: 100;
  font-size: 10px;
  margin: 0;
  position: absolute; /* Update */
  top: 27px; /* Update */
  right: -9px; /* Update */
}
.mobile-list .item .new{
     /* font-family: "Avenir Black"; */
    /*font-family: "Roboto";*/
    font-weight: 100;
    font-size:25px;
    color:#009bdb;
}
.mobile-list .item .footer-mobile {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 10px;
  text-align: left;
  font-size: 12px;
  text-transform: uppercase;
}
.mobile-list .item .footer-mobile label {
  font-weight: 700;
}
.mobile-list .item .footer-mobile label:before {
  width: 15px;
  height: 15px;
}
.mobile-list .item .footer-mobile label:after {
  top: 0;
  left: -1px;
}
.mobile-list .item .small-tooltip {
  border: 5px solid #c1e247;
  background-color: #fff;
  padding: 10px 10px 0 10px;
}
.mobile-list .item .details{
    margin:5px 0;
}
.mobile-list .item .details a{
    color:#009bdb;
    font-size:10px;
    font-weight:600;
    text-transform: uppercase;
    text-decoration:underline;
}
.mobile-list .item h3.phone-title {
  font-size: 17px;
  font-weight: 400;
  text-transform: none;
  margin: 0 0 18px 0;
  padding: 0 20px;
  min-height: 50px;
}
.mobile-list .item .footer-btn{ width:100%;margin:0 auto;}

/*home phones*/
@media (min-width: 768px) {
  .main-results.wide {
    padding-left: 15px;
  }
}
.form-in-line{ padding-top:20px;}
.form-in-line .lead{
    display:inline-block;
    margin-right:20px; margin-bottom:0;
    vertical-align:middle;
}
.form-in-line h2{
    margin:0;
    text-align: right;
}
@media (max-width: 767px) {
    .form-in-line { margin-top:20px!important;}
 .form-in-line h2{ text-align:center;}
 .form-in-line .lead{ display:block; text-align:center;}
 .form-in-line .btn.inline{ display:block; text-align:center;width:100%;margin:15px 0;}
}

/*view details*/
.phone-payment-options.single .payment-option:last-child{
    margin-left:0;
}
.phone-payment-options.single .payment-option .inner{

}

.wide .mobile-list .search-result-wrapper.item h3.phone-title{
   width: 65%;
   margin: 30px auto;
   oveflow:inherit;
   min-height: 68px;
}

@media (max-width:767px) {
.wide .mobile-list .search-result-wrapper.item h3.phone-title{
    width: auto;
    overflow: inherit;
    height: auto;
    min-height: 100px;

 }
}

#ShopCartPagingDisplayV1 .mobile.well .inner img.img-responsive,
#OrderItemPagingDisplay .mobile.well .inner img.img-responsive{
  display: inline-block;
}


#taxToggler.trigger-collapse:after{
    left: -10px;
    top: 0%;
    right:0px;
}


.lto-device.bg-success.inner .form-in-line  .col-xs-10.col-sm-3 {
  padding-left:0;
}
.lto-device.bg-success.inner .form-in-line .lead {
    margin-right: 10px;
}

.lto-device.bg-success.inner .form-in-line .btn {
  font-size:13px;
}
.lto-device.bg-success.inner .form-in-line h2  {
  font-size: 22px;
}

.bg-success.inner  h2  {
  font-size: 16px;
}

@media(max-width:767px) {
  .more-features .jumbotron .lead {
    text-align:left;
  }
  .whats_in_the_box_manuals_wrapper .col-sm-6{
    padding-left:0;
  }
}
.whats_in_the_box_manuals_wrapper .whats_in_the_box.col-sm-6{
  padding-left:0;
}

.whats_in_the_box_manuals_wrapper{
  margin-top:20px;
}

.pdpSection .tutorial_manual_links a{
  color: #007dc3;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
.form-group h2 {
  font-size: 23px;
}

#orderStatusForm .form-group .control-label,
#forgotOrderIDForm .form-group .control-label{
  text-transform: uppercase;
}

.btn-extended {
  padding-left: 60px;
  padding-right: 60px;
}


/*Form track Order*/
.form-trackoder {
  margin-top: 30px;
  border: 1px solid #ccc;
  padding: 20px;
}

@media (min-width: 768px) {
.compare-list .lto-match-height .inner h5.phone-title{
      min-height: 140px;
  }
}

.modal.modal-smartpay.in .modal-footer .modal-content
{
   border: 1px solid #fff;
}

@media(min-width:768px)and(max-width:1024) {
  .modal#zipcode_needed   .customer-phoneno{
                           padding-right:0;
  }

  .modal#zipcode_needed   .customer-phoneno#phoneNumber{
           padding-left:3px;
           padding-right:3px;
  }
  .modal#zipcode_needed   input#phoneNumber,
  .modal#zipcode_needed   input#zipPopup_zc{
           padding-left:6px;
           padding-right:6px;
  }
}

#zipcode_needed p.zipcode_text {
  min-height: 60px;
}
.marginTextDown {
margin-bottom: 30px;
}


@media (min-width:768px) and  (max-width:991px) {
  #zipcode_needed  .form-group.customer-phoneno {
          padding-left:0;
          padding-right:0;
  }
}

/*Order Status*/
@media (min-width: 990px) {
  .order-date {
    float: right;
    margin-top: -40px;
  }
}
.order-status ul:last-child {
  margin-bottom: 0;
}
.order-status h3 {
  font-size: 16px;
  font-weight: 300;
  margin-top: 0;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.order-status h3 img {
  position: relative;
  top: 2px;
  margin-top: -7px;
}

.input-faq {
  color: #009bdb;
  text-decoration: underline;
}
.input-faq:hover {
  text-decoration: none;
}

.lto_trackorder_spacer{
    min-height: 25px;
 }

 .well.order-status ul.list-unstyled  li p{
  display:inline-block;
  text-align:right;

}
.well.order-status ul.list-unstyled  li span{
  display:inline-block;
  width:70px;
}

.main-results h3.phone-title {
  height: 75px;
}

@media(min-width:768px) {
.well.order-status  h3 {
  min-height:40px;
}

}

.compare-list .mobile.well.text-center.lto-match-height:hover {
    border: 3px solid #009bdb;
}

.shopping-cart .price-strip > div:first-child .corner::before
{
  width:36%\0/;top:-52px\0/!important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .shopping-cart .price-strip > div:first-child .corner::before {
      width:36%; top:-52px!important;
    }
    
  .shopping-cart .bundles .no-plan.bundle .plan-resume, 
  .shopping-cart .no-plan.well-plan.well .plan-resume{
    width:200px!important;
  }
    
  }


@media (min-width:1080px) {
    .well.well-plan .plan-resume .speed small {
    width:200px;
    margin:0 auto;
    }
}

.lto_city_state{
    font-size: 10px;
    font-weight: 300;
    line-height: 1.4;
}

@media (max-width: 480px) {
  #zipcode_needed p.zipcode_text {
      min-height: 1px;
    }
}


footer .copyright {
    padding-top: 10px;
    font-size: 9px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0
  }



/* Button colors update for TF */
.btn-default {
    background: #27abd2 ;
    background: -moz-linear-gradient(top, #27abd2 0%, #0d6cb0 100%);
    background: -webkit-linear-gradient(top, #27abd2 0%,#0d6cb0 100%);
    background: linear-gradient(to bottom, #27abd2 0%,#0d6cb0 100%);
    border: 1px solid #fff;
    border-radius: 20px;
}

.btn-default:hover,.btn-default:focus, .btn-default:active {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}

.btn-default.disabled{
  opacity: .65;
  background: #fff !important;
  color: #666;
  borer: 0px;
}
/* 
.flag:after, .price-strip > div:first-child .corner:before, .price-strip > div:first-child .corner:before, .panel-default:before {
  content: none;
}
 */

.price-strip > div:first-child{
      background-color: #15317E;
}

@media (min-width:768px) and (max-width:990px){
.footer .footer-top h3.title-social {
    font-size: 14px;
  }
}


@media (max-width: 480px) {
  .inner.visible-xs button.btn-lg.btn-block.js-xs-accordion{
    font-size: 17px;
  }
}

.modal-body .row.grid-divided h2 {
  color: #009bdb;
}

.wide .mobile-list .search-result-wrapper.item h3.phone-title{
  font-size: 20px;
}

.shopping-cart .bundles .no-plan.bundle .plan-resume, 
.shopping-cart .no-plan.well-plan.well .plan-resume{
  width:200px\0/!important;
}

.shopping-cart.js-stikyholder #ShopCartDisplay .alert-info.call-to-action .btn{
  white-space: normal;
}
@media (min-width:768px) and (max-width:850px){
  .billing .shipping_info_box #paymentArea1 #expire_month_1{
    padding-left: 0px;
    padding-right: 0px;
  }
}
.alert-info {
  background-color: #009bdb;
  border-color: #009bdb;
  color: #31708f;
}
.price-strip .title {
    font-size: 12px;   /* Add this style to the class */
    line-height: 40px;  /* Add this style to the class */
}
 
 .price-strip > div {
    padding: 10px 3px; /* UPDATE this style to the class */
}

/* scroll bottom  css */
.show-tablet{
	display:none;
}
@media(max-width:768px){
	.stickyFixed .show-desktop{display:none}
	.show-tablet{display:block}
	.js-sidebarplan{
		position:relative!important;
		top:auto!important;
		left:0px!important;		
		width: 100%!important;
		min-height: auto;
		padding: 0px;
	}
}
.stickyFixed{
	position: sticky;
    bottom: 0px;
    width: 100%;
	  background:white;
    z-index: 1;
    padding: 10px;
}
.legal_notices .footer-bottom p {
    font-size: 10px;
}
footer .legal_notices p a {
    color: #009bdb;
}


body { 
   /*font-family: "Roboto" !important;*/ 
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    /*font-family: "Din Medium" !important;*/
}
/*Accessories carousel new classes*/

.accessoriesImagePadding {
width: 45%;
background-color: white;
margin-right: 10px;
}
.accessoriesRetailPrice {
text-align: left;
margin-left: 10px; 
margin-top: 25px;
}
.accessoriesPhoneTitle {
text-align: left;
margin-left: 10px; 
}
.accessoriesPaddingTop{
padding-top: 25px;
}
.accessoriesPriceStrike{
float: right !important;
margin-top: -25px;
margin-right: 10px;
}
.mobile-list-accessories {
        padding-top: 0px;
        padding-bottom: 20px;
        height: 330px;
    }
     .mobile-list-accessories .accessories-img {
       width:80%;
       margin: 55% 5%;
    }
    .mobile-list-accessories .mobile .offer {
        margin-top: 10px;
    }
  .mobile-list-accessories .mobile  {
           position: relative;
		  overflow: hidden;
		  background-color: #f0f2f2;
		  border: 3px solid #fff;
		  height: 285px;
		  box-shadow: 1px 1px 1px 0.2px darkgrey;
    }
       .mobile-list-accessories h3.phone-title {
        font-size: 20px;
        font-weight: 400;
        text-transform: none;
        margin-top: 25px;
        padding-left: 8px;
    }
    .mobile-list-accessories .footer-accessories {
        position: absolute;
        bottom: 1px;
        right: 0;
    }
    .mobile-list-accessories .accessoriesPriceStrike {
        float: right !important;
        margin-top: -30px;
        margin-right: 20px;
    }
    .mobile-list-accessories .phone-savings {
        background-color: #f5f593;
        float: right;
        margin: 0px;
        font-size: 14px;
            text-align: -webkit-auto;
            width:313px;
    }
    .mobile-list-accessories .phone-savings span {
        transform: rotate(90deg);
    }
    .mobile-list-accessories .phone-savings span.glyphicon-tag {
        font-size: 20px;
        margin-top: 10px;
        margin-right: 10px;
        padding-right: 5px;
        color: brown;
    }
    .mobile-list-accessories .phone-savings small {
        padding-left: 10%;
    }
    .mobile-list-accessories .accessoriesImagePadding {
        background-color: transparent;
    }
    
    .mobile-list-accessories .ratings {
    margin-top: -2%;
}

.mobile-list-accessories .stars-margin {
    margin-left: 5%;
}

.mobile-list-accessories span.reviews {
    margin-left: 2%;
    margin-right: 0;
}



.mobile-list-accessories .img-responsive{
               margin-top: 30%;
}

.accessories-disclaimer{
    padding-right: 3%;
    padding-bottom: 5%;
    height: 48px;

}

.mobile-list-accessories  .h3         {
               font-size: 25px;
    color: #5d5d5d;
    opacity: 1;
    line-height: 20px;
    margin: 0;
    text-transform: none;
}
.retail-price{
    margin-top: 0px;
    display: inline-block;  /* Update */
    width: 100px;  /* Update */
    margin: 0 auto;  /* Update */
}
.smartpay-price{
    height: 75px;
    clear:both;
    margin-top: 18px;
    width: 110px;  /* Update */
    margin: 0 auto;  /* Update */
    display: inline-block;  /* Update */
    position: relative; /* ADD */
}
.original-price{
    height: 20px;
}
.price-strikeout{
  text-decoration: line-through;
}
.mobile-list-accessories .retail-price {
    margin-top: 15%;
    padding-left: 15%;
}
               .mobile-list-accessories .phone-savings .pull-left {
        margin-left: -11%;
    }
               
               .mobile-list-accessories .flag:after {
    background-color: #f0f2f2;
}
/*Bazaar voice*/
span.stars, span.stars span {
    display: block;
    background: url(../images/stars.png) 0 -16px repeat-x;
    width: 80px;
    height: 16px;
    float: left;
}

span.stars span {
    background-position: 0 0;
}
.ratings {
    padding-bottom: 5px;
    margin-top: -45px;
    display: flex;
}

span.reviews {
	float: left;
	font-size: 13px;
	margin-left: 10px;
}

.stars-margin{
    margin-left: 30%;
    float: left;
}
/*Bazaar voice*/
.mobile-list-accessories .mobile:hover{
       border: 3px solid #009bdb;
     }
      .accAddToCartMsg{
    display: block;
    font-size: 16px;
    background-color: #009bdb;
    width: 90%;
 }

.phone-specials {
 	margin-top: -10px; 
 	background-color: #f5f593; 
 	line-height: 15px;  
 	color: #555; 
 	padding: 5px 5px 5px 0px;
}
 
.phone-specials span { 
	transform: rotate(90deg); 
}

.phone-specials p { 
	font-size: .9em; 
	vertical-align: middle; 
	display: table-cell; 
	height: 35px; 
	padding-left: 5px;
}

.phone-specials .icontag{ 
	float: left; 
	padding: 0px 10px 5px 10px; 
	margin-left: 5px; 
}

.phone-specials span.glyphicon-tag, .phone-specials span.glyphicon-tags { 
	font-size: 25px; 
	color: brown;
}
.carouselMessage{
    text-align: left;
    margin: 50px 0 25px;
    display: block;
    /*font-family: "Helvetica Neue","Helvetica","Arial",sans-serif!important;*/
    text-transform: initial;
}
.accessories-disclaimer .phone-savings { 
        position: absolute; 
        bottom: 0; 
        width: 100%; 
        margin: 0; 
        padding: 5px; 
        right: 0; 
        left: 0; 
}
.accessories-disclaimer .icontag {
    	padding: 0;
        margin: 0;
}
.accessories-disclaimer .phone-savings span.glyphicon-tag {
        margin-right: 5px;
        padding-right: 0px !important;
}
@media (max-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
.modal-lg { width: 85% !important; } 
}
@media (max-width:481px)  { /* smaller tablets @ 600 or @ 640 wide. */ 
.modal-lg { width: 85% !important; } 
}
.mobilebroadbandprice {   /*position: absolute;*/ bottom: 100px; margin: 0 auto; text-align: center; width: 100%; }
.mobilebroadbandbtn { position: absolute; bottom: 50px; margin: 0 auto; text-align: center;}
.mobilebroadbandbtn .css3button {     width: 80%; margin: 0 auto;   }
.mobilebroadbanddetails {   position: absolute; bottom: 20px; margin: 0 auto; text-align: center; width: 100%; }
.spcss1,.spcss2,.spcss3{
					  position: absolute;
					  clip: rect(1px 1px 1px 1px);
					  clip: rect(1px, 1px, 1px, 1px);
					  padding: 0;
					  border: 0;
					  height: 1px;
					  width: 1px;
					  overflow: hidden;
					}
@media (min-width: 768px){
.product_suggestion_error_msg {
    padding-left: 413px;
    color: red;
    margin-bottom: 30px;
}
}
.product_suggestion_error_msg {
    color: red;    
}

.hearing h1 {
	font-size: 3.429rem;
	color: #1b1b1b;
	/*font-family: myriad-pro, arial, Verdana sans-serif, "Lucida Sans",
		sans-serif;*/
}

.hearing table {
	width: 100%;
	/*font-family: myriad-pro, arial, Verdana sans-serif, "Lucida Sans",
		sans-serif;*/
	font-size: 1.4375rem;
	text-align: center;
}

.hearing table td {
	border: solid 1px #000;
	padding: 10px;
}

.hearing table th {
	background: #f2f2f2;
	padding: 10px;
	border: solid 1px #000;
	text-align: center;
	font-weight: bold
}

.phone-savings {
    margin-top: -10px;
    background-color: #f5f593;
    line-height: 15px;
    color: #555;
    padding: 5px 5px 5px 0px;
}

.phone-savings span.glyphicon-tag {
    font-size: 25px;
    color: brown; 
}

.phone-savings span{
  transform: rotate(90deg);
}

.phone-savings .icontag {
    float: left;
    padding: 0px 10px 5px 10px;
    margin-left: 5px;
}

.phone-savings p {
    font-size: .9em;
    vertical-align: middle;
    display: table-cell;
    height: 35px;
    padding-left: 5px;
}

.phone-savings-disclaimer{
	height: 35px;
    margin-left: 12%;
    margin-right: 8%;
    margin-top: 7%;
}

.lto_location_msg{
font-size: 10px;
text-transform: uppercase;
margin-top: 10px;
}

.panel-heading .accordion-toggle:after { font-family:'Glyphicons Halflings';content:"\2212";float:right;color:grey;}
.panel-heading .accordion-toggle.collapsed:after {content:"\2b";}
.panel-filter .panel {background-color: #fff;border-top:0px; border-bottom: 1px solid #dedede; border-right:0px; border-left:0px;box-shadow: 0 0px 0px rgba(0,0,0,0.0);}
.panel-filter .panel-heading {border-top:0px;  }
.panel-filter a {width:100%; height:20px; display: block;}
.panel-filter .filter-pills .h6 { font-weight: normal; font-size: 1.2rem;}
.panel-filter .filter-pills ul { padding: 0; margin: 0; margin-bottom:5px;}
.panel-filter .filter-pills ul li { display: inline-block; list-style:none;border: 1px solid #dedede; padding:2px 10px 2px 5px; margin-bottom:3px; border-radius: 5px; }
.panel-filter .filter-pills ul li:hover {background-color: #dedede; color: #000;}
.panel-filter .filter-pills ul li a:before { font-family:'Glyphicons Halflings';content:"\e014";float:left;color:#333;display: inline-block;padding-right: 3px;}

.plp_noti {
    position: absolute;
    bottom: 25px;
    right: 25px;
    text-align: right;
    font-size: 11px;
    cursor:pointer;
}
.plp_noti a {
     text-decoration: underline;
}
.getnotified {
    position: absolute;
    left: 10%;
    right: 10%;
    bottom:55px;
    padding: 10px 0px;
    background-color:#dedede;
}
.getnotified .closenoti {
    position: absolute;
    top: 3px;
    right: 3px;
    color: #000;
    font-weight: 900;
    width: 20px;
    text-align: center;
    cursor: pointer;
    display: block;
    z-index:10;
}
.getnotified .closenoti svg {
overflow: hidden;
    fill: #000;
    color: #000;
}
.getnotified a {
    cursor: pointer;
    font-size:11px;
}
.notifyme {margin-top:15px;padding:10px;}
.notifyme p {font-size:1em;}
.notifyme p span {color: red;}
.notifyme label {font-weight: normal; font-size:0.8em; }
.notifyme form {background-color:#dedede;padding:10px 0;}
@media (max-width: 767px) {
	.notifyme p { text-align: center;}
	.plan .well { text-align:left; font-size:12px; }
    .btn-view-details em.glyphicon.glyphicon-chevron-down{ top:2px;left:2px }
}
.clearfix { clear:both;}
.phone-description.text-black {
    font-weight: 300;
    line-height: 1.5;
}
@media (min-width:768px)  {  
   .phone-description p { padding-right:10em; }    
}	
@media (max-width: 480px) {
.phone-description.text-black {
	padding: 0 1em;
	}
}
.payment_zeroAmountmsg{
	position:relative;
	padding-left:15px;
	padding-bottom:25px;
	font-size:18px;
	/*font-family:"myriad-pro", Helvetica, Arial, sans-serif;*/
}

.phone-preorder {
    margin-top: -10px;
    background-color: #f5f593;
    line-height: 15px;
    color: #555;
    padding: 5px 5px 5px 0;
}

.phone-preorder span {
    transform: rotate(90deg);
}

.phone-preorder span.glyphicon-tag, .phone-preorder span.glyphicon-tags {
    font-size: 25px;
    color: brown;
}

.phone-preorder .icontag {
    float: left;
    padding: 0 10px 5px 10px;
    margin-left: 5px;
}
a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #000;
    left: 0.2em;
    top: 0.2em;
    width: auto;
    height: auto;
    overflow: visible;
    text-decoration: none;
    z-index:9999;
}
.plp-header{
	padding: 0 30px;
    margin-bottom: -5px;
    text-transform:lowercase;
}
h1.plp-header{
	font-size:2.5rem;
	/*font-family: "DIN Bold";*/  
}
.plp-header:focus{
	outline : 0!important;
}
.plp-header::first-letter{
	text-transform:uppercase;
}
.phone-payment-options  #colc .h4{		
	padding:28px;
	margin:0;
	text-align:
	center;font-size:28px;  
}
#shopcartAddressForm .help-block,#shopcartBillingAddressForm .help-block{
	margin:0;
}
#shopcartAddressForm .has-error .help-block,#shopcartBillingAddressForm .has-error .help-block{
	margin-top:5px;
	margin-bottom:10px;
}
.js-bundle .inner .h2.phone-title {
    font-size: 25px;
    font-weight: 700;
	text-transform: uppercase;
}

#upgradelink .form-control {
    width: 175px;
}
a#taxToggler.h3:hover{
	text-decoration:none;
}
a#taxToggler.h3.trigger-collapse{
	display:block;
	margin-left:-10px;
}
#planSelectionContainer .plan-resume .popover{
        display:none !important;
}

/* -----------------------------------------------------------------------------*/
/* LTO 3.0
/* -----------------------------------------------------------------------------*/

.price-section {
	float: none;
	margin: 40px 0;
}

.small {
	font-size: 9px;
	display: block;
}

.price-info .input-section {
	border-radius: 4px;
	display: table;
	padding: 0px;
	margin-bottom: 10px;
	width: 100%;
}

.price-text {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	text-align: center;
	padding: 15px 0px;
}

.p-left {
	width: 50%;
}

.p-right {
	width: 50%;
	border-left: 1px solid #ccc;
}

.price-value {
	font-size: 34px !important;
	padding: 2px 0;
	margin: 0;
}

.price-disclaimer {
	font-size: 14px !important;
	font-weight: normal;
	margin: 0;
}


.price-heading {
	font-weight: bold;
	font-size: 20px;
}

.plan-subheading {
	font-size: 14px
}

.radio-custom {
	opacity: 0;
	position: absolute;
}

.radio-custom,
.radio-custom-label {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 10px;
	width: 100%;
	margin-bottom: 0px;
}

.radio-custom-label {
	position: relative;
	border: 2px solid rgba(178,178,178,1);
	border-radius: 5px;
	display: flex;
	height: 100%;
}

.radio-custom+.radio-custom-label:after {
	content: '';
	background: #fff;
	border: 2px solid #ddd;
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	padding: 2px;
	margin-right: 10px;
	text-align: center;
}

.radio-custom+.radio-custom-label:after {
	border-radius: 50%;
}

.radio-custom:checked+.radio-custom-label:after {
	background: #012979;
	/* box-shadow: inset 0px 0px 0px 4px #fff; */
}

.price-box input:checked+span+.radio-custom-label,
.radio-custom:checked+.radio-custom-label,
.radio-custom:focus+.radio-custom-label {
	border: 3px solid #009bdb !important;
	border-radius: 5px;
	outline: none !important;
	box-shadow: 2px 2px 9px 3px #ccc;
}

.price-section .eventLink {
	display: inline-block;
	margin: 0px 2px;
	cursor: pointer;
}

.spLearnMore {
	background: #5d5d5d;
	height: 22px;
	color: #fff;
	line-height: 1px;
	border-radius: 5px 5px 0px 0px;
	margin-top: -32px;
	position: absolute;
	z-index: 2;
}

.spLearnMore a {
	margin: 13px 2px !important;
	cursor: pointer !important;
	width: 100% !important;
	display: block;
	padding: 0px 10px;
	font-size:14px;
	text-align: center;
	color:#fff;
	text-decoration: underline;
}

.spLearnMore img {
	width: 30px;
	margin: -4px;
}

.spLearnMore span {
	margin-top: 0px;
	/* line-height: 0px; */
	display: inline-block;
}

.price-box input:checked+span+.radio-custom-label .spLearnMore{
	background: #009bdb;
}

.price-box input:checked+span+.radio-custom-label .spLearnMore a {
	color: #000;
}

.hpp-list ul li {
	margin-bottom: 10px;
}

.hpp-shield .hpp-img {
	width: 100px;
	float: left;
}

.img-broken {
	max-width: 90%;
}

#ltoModal .close {
	border: 2px solid #009bdb;
	color: #000;
	padding: 12px 4px 6px 4px;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	font-size: 18px;
	line-height: 1px;
	font-weight: normal;
	margin: 7px 7px;
	position: absolute;
	right: 10px;
	z-index: 99;
	opacity: 1;
}

#ltoModal .close span {
	font-size: 24px;
	text-shadow: none;
}

.price-section .modal-header {
	padding-top: 5px;
	border-bottom: none;
}

.price-section .price-box {
	display: block;
	position: relative;
	padding-left: 0px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #fff;
	border-radius: 5px;
	margin-bottom: 20px;
}

.price-section .price-box input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.price-section .price-box input:checked~.checkmark{
	background:#cccccc
}

.price-section .checkmark {
	position: absolute;
	top: 10px;
	right: 23px;
	height: 28px;
	width: 28px;
	border-radius: 50%;
}

.price-section .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.price-section .price-box input:checked~.checkmark:after {
	display: block;
}

.price-section .price-box .checkmark:after {
	left: 9px;
	top: 1px;
	width: 7px;
	height: 18px;
	border: solid #000;
	border-width: 0 3px 4px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.payment-option .border-left {
 	border-left: 1px solid #ccc;
}

@media(max-width:768px){
	.price-value{
		font-size:20px;
	}
	.p-right{
		width:30%;
		padding-left:15px;
	}
	.p-left{
		width:70%;
	}
}
/* Learn More */
.spLearnMore {/*  margin-top: -28px; z-index: -1;padding:2px;  */}

/* Select Buttons */    

.lto3 .border-left {border-left:1px solid #ccc;}    
.lto3 .bigcero {font-size: 72px; font-weight: 700; float: left; padding:0px; margin:0px; line-height:60px; padding-right:10px;}
.lto3 .bigcero sup {font-size: 22px; font-weight: 700; vertical-align: super;}
.lto3 .sp_logo {height: 35px;}
.lto3 .disclaimer-text {font-size: 11px; font-weight: 100; padding-top:10px; width: 100%;}


/* ************************************ */
/*            MEDIA QUERIES             */
/* ************************************ */

/* MOBILE VIEW (phones, 600px and down) */
@media only screen and (max-width: 600px) {    
    .lto3 p {font-size: 14px;}
    .lto3 .bigcero {font-size: 58px;font-weight: 700; float: left; padding: 0px;
                    margin: 0px; padding-bottom:10px; line-height: 50px; padding-right: 10px;}
    .lto3 .bigcero sup {font-size: 12px; font-weight: 700; vertical-align: super;}
    .lto3 .sp_logo {height: 40px;  }
    .lto3 .disclaimer-text {font-size: 10px; }    
    }
    
    .lto3 .price-value {font-size:24px !important}
    .lto3 .price-text  { width: 100%; }

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
 
    }

/* TABLETS */
@media only screen and (min-width: 768px) {
 
    }
    
.payment-options-title {
     margin-top:70px;
     font-size: 18px;
     font-weight: 700
}
@media(min-width:768px) {
   .payment-options-title {
       text-align: left;
   }
}
@media(max-width:767px) {
  .payment-options-title {
      text-align: center;
  }
}

.price-box .radio-custom:focus+.radio-custom-label {
     outline: 5px auto -webkit-focus-ring-color !important;
}

@media(max-width: 767px){
     .slick-next, .slick-next:hover { right: -11px !important;z-index:999;}
     .slick-prev, .slick-prev:hover { left: -11px!important;	z-index: 999;
     }
 }
 @media (max-width: 767px){
#pdpSection .bv_main_container {
    margin: 0 auto !important;
    display: table !important;
    }
  #pdpSection .bv_button_component_container {
    position: relative !important;
    top: -4px!important;
}
    }
 .radio-custom:checked+.radio-custom-label:after {background: #c1e247 !important}
 .hpp-container input:checked+span+.radio-custom-label, .radio-custom:checked+.radio-custom-label, .radio-custom:focus+.radio-custom-label {    border: 2px solid #c1e247 !important;}
 .btn-selected-disabled {
    background: grey !important;
}
.price-box input:checked+span+.radio-custom-label .spLearnMore button, .price-box .spLearnMore button  {
    background: 0 0;
    border: none;
    font-size:14px;
    margin: 8px 2px !important;
    text-decoration:underline;
}

.price-box input:checked+span+.radio-custom-label .spLearnMore button {color: #000}

@media only screen and (max-width: 728px) {
  #search_submit {position:absolute;top:5px;right:10px;}
}

.color_swatches .swatch.Coral{
	background-color:#ff7f50;
}

.color_swatches .swatch.Purple{
	background-color:#d1cdda;
}

.color_swatches .radio.radio-color a.swatch.selected::before {
	border: 2px solid #009bdb !important;
	box-shadow: 0 2px 4px rgba(0,0,0,.5) !important;
	padding: 3px !important
}

#phone_details .radio.radio-color {width: 45px}

#phone_details .radio.radio-color label::before,.radio.radio-color a::before {
	background-clip: content-box;
}
#phone_details .radio.radio-color label::before,.radio.radio-color a::before {
	width: 42px;
	height: 42px;
	border: 1px solid #ccc;
	border-radius: 50%;
	background-color: inherit;
	display: block;
}