/* Body & primary element styling */
html, body, form {
   height: 100%;
   min-height: 100%;
   margin: 0;
   padding: 0;
   -webkit-overflow-scrolling: touch;
}

   html:lang(ja) *:not(.fa):not(.far):not(.fas):not(.fab):not(.glyphicon) {
      /*font-family: 'Noto Sans JP', sans-serif;*/
      font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
   }

body {
   padding: 0;
   margin: 0;
   color: #383635;
   border-top: 3px solid #63656b;
   font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
   font-size: 13px;
}

/* Links and tooltip hover from title property */
a:hover, a:focus {
   color: #1778af;
   text-decoration: none;
   position: relative;
   outline: none;
}

a {
   color: #2895d2;
   text-decoration: none;
}

/* Bordered Links */
.link-border {
   position: relative;
   z-index: 1; /* needed for setting pseudo-element z-index */ /*overflow:hidden;*/
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}

   .link-border a {
      position: relative;
      display: inline-block;
      outline: none;
      color: #2895d2;
      vertical-align: bottom;
      text-decoration: none; /*white-space:nowrap;*/
   }

      .link-border a:hover {
      }

      .link-border a::before, section a::after {
         pointer-events: none;
         -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
         -webkit-font-smoothing: antialiased;
         font-smoothing: antialiased;
      }

   .link-border a {
      color: #2895d2;
      -webkit-transition: -webkit-transform 0.2s;
      transition: transform 0.2s;
   }

      .link-border a:hover, .link-border a:focus {
         -webkit-transform: scale(0.9);
         transform: scale(0.9);
      }

      .link-border a::before {
         position: absolute;
         top: -1px;
         left: -2px;
         box-sizing: content-box;
         padding: 0 1px;
         width: 100%;
         height: 100%;
         border: 1px solid #2895d2;
         content: '';
         opacity: 0;
         -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
         transition: opacity 0.2s, transform 0.2s;
         -webkit-transform: scale(0.9);
         transform: scale(0.9);
      }

      .link-border a:hover::before, .link-border a:focus::before {
         opacity: 1;
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
      }

/* Misc */
.faded {
   opacity: .5;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
}

   .faded:hover {
      opacity: 1;
   }

.socl {
   opacity: .8;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
}

   .socl:hover {
      opacity: 1;
   }

.tiny {
   font-size: smaller;
   line-height: 1em;
}

   .tiny.taller {
      font-size: smaller;
      line-height: 1.2em;
   }

.form-group .tiny {
   margin-top: 10px;
}

.gray {
   color: #d7d6d4;
}

.blue {
   color: #2895d2;
}

.green {
   color: #98ca3e;
}

.yellow {
   color: #ffc830;
}

.orange {
   color: #f47623;
}

.black {
   color: #383635;
}

.white {
   color: #ffffff;
}

.red {
   color: #ff0000;
}

.error {
   padding: 24px;
   background-color: #ededed;
   color: #ff0000;
}

mark, .mark {
   padding: 0.3em;
   background-color: #FFF99B;
}



/* Dividers */
hr {
   margin: 10px auto;
   border: 0;
   border-top: 1px solid #222;
}

   hr.gray {
      border-top-color: #cacacc;
   }

   hr.orange {
      border-top-color: #ff0000;
   }

   hr.red {
      border-top-color: #f47622;
   }

/* Circular Icons */
.a-small-icon {
   height: 25px;
   width: 25px;
   color: white;
   line-height: 28px;
   max-width: 100%;
   background: #f00088;
   border-radius: 50%;
   -o-border-radius: 50%;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   display: block;
   font-size: 14px;
   text-align: center;
   vertical-align: middle;
   position: relative;
   -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4);
   -moz-box-shadow: 0 2px 8px rgba(0,0,0,.4);
   box-shadow: 0 2px 8px rgba(0,0,0,.4);
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
}

   .a-small-icon a {
      width: 100%;
      height: 100%;
      display: block;
      color: white;
   }

      .a-small-icon a:hover {
         color: #25bdd4;
      }

.inline-service-icon {
   height: 72px;
   padding: 0 2px;
   top: -8px;
   position: relative;
   font-size: 3.6em;
}

.inline-service-icon-small {
   height: 36px;
   padding: 0 8px;
   position: relative;
   top: -2px;
   font-size: 2.6em;
}

.lead {
   line-height: 1.6em;
   color: #63656c;
   font-size: 1.2em;
   font-family: "GothamRoundedBook", sans-serif;
   font-weight: normal;
   font-style: normal;
}

.notice {
   width: 75%;
   margin: 0 auto;
}

/* font-family: ,sans-serif
*
*
*
*
/*
/* Fonts */
@font-face {
   font-family: 'GothamRoundedLight';
   src: url('/fonts/gothamrnd-light.eot');
   src: url('/fonts/gothamrnd-light.eot') format('embedded-opentype'), url('/fonts/gothamrnd-light.woff') format('woff'), url('/fonts/gothamrnd-light.ttf') format('truetype'), url('/fonts/gothamrnd-light.svg#GothamRoundedLight') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'GothamRoundedMedium';
   src: url('/fonts/gothamrnd-medium.eot');
   src: url('/fonts/gothamrnd-medium.eot') format('embedded-opentype'), url('/fonts/gothamrnd-medium.woff') format('woff'), url('/fonts/gothamrnd-medium.ttf') format('truetype'), url('/fonts/gothamrnd-medium.svg#GothamRoundedMedium') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'GothamRoundedBook';
   src: url('/fonts/gothamrnd-book.eot');
   src: url('/fonts/gothamrnd-book.eot') format('embedded-opentype'), url('/fonts/gothamrnd-book.woff') format('woff'), url('/fonts/gothamrnd-book.ttf') format('truetype'), url('/fonts/gothamrnd-book.svg#GothamRoundedBook') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'GothamRoundedBold';
   src: url('/fonts/gothamrnd-bold.eot');
   src: url('/fonts/gothamrnd-bold.eot') format('embedded-opentype'), url('/fonts/gothamrnd-bold.woff') format('woff'), url('/fonts/gothamrnd-bold.ttf') format('truetype'), url('/fonts/gothamrnd-bold.svg#GothamRoundedBold') format('svg');
   font-weight: normal;
   font-style: normal;
}


@font-face {
   font-family: 'xoomfont';
   src: url('/fonts/xoomfont.eot?-l79aw2');
   src: url('/fonts/xoomfont.eot?#iefix-l79aw2') format('embedded-opentype'), url('/fonts/xoomfont.ttf?-l79aw2') format('truetype'), url('/fonts/xoomfont.woff?-l79aw2') format('woff'), url('/fonts/xoomfont.svg?-l79aw2#xoomfont') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Lato';
   font-style: normal;
   font-weight: normal;
   src: local('Lato Regular'), local('Lato-Regular'), url(/fonts/Lato-Regular.woff2) format('woff2');
   src: local('Lato Regular'), local('Lato-Regular'), url(/fonts/Lato-Regular.woff) format('woff');
}

.icon-xoomfont_constructiondude:before {
   content: "\e600";
   font-size: 8em;
   color: #fdb515;
   text-align: center !important;
   margin: 0 auto !important;
}



/* http://readableweb.com/mo-bulletproofer-font-face-css-syntax/ */
/*
@font-face {
    font-family:'GothamRoundedLight';
    src: url(/fonts/gothamrnd-light.eot);
    src: url(http://:/) format("No-IE-404"), url(/fonts/gothamrnd-light.ttf) format("truetype"),
         url(/fonts/gothamrnd-light.svg#GothamRoundedLight) format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family:'GothamRoundedMedium';
    src: url(/fonts/gothamrnd-medium.eot);
    src: url(http://:/) format("No-IE-404"), url(/fonts/gothamrnd-medium.ttf) format("truetype"),
         url(/fonts/gothamrnd-medium.svg#GothamRoundedMedium) format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family:'GothamRoundedBook';
    src: url(/fonts/gothamrnd-book.eot);
    src: url(http://:/) format("No-IE-404"), url(/fonts/gothamrnd-book.ttf) format("truetype"),
         url(/fonts/gothamrnd-book.svg#GothamRoundedBook) format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family:'GothamRoundedBold';
    src: url(/fonts/gothamrnd-bold.eot);
    src: url(http://:/) format("No-IE-404"), url(/fonts/gothamrnd-bold.ttf) format("truetype"),
         url(/fonts/gothamrnd-bold.svg#GothamRoundedBold) format('svg');
	font-weight: normal;
	font-style: normal;
}
*/


/* Titles */
h1 {
   font-size: 4.2em;
   font-size: 2.6em;
}

h2 {
   font-size: 2.4em;
}

h3 {
   font-size: 1.8em;
}

h4 {
   font-size: 1.6em;
}

h5 {
   font-size: 1.2em;
   line-height: 1.3;
}

h1, h2, h3, h4, h5 {
   font-family: "GothamRoundedBook", sans-serif;
   font-weight: normal;
   font-style: normal;
}

   h1 strong, h2 strong, h3 strong, h4 strong {
      font-family: "GothamRoundedMedium", sans-serif;
      font-weight: normal;
   }

   h1.bold, h2.bold, h3.bold, h4.bold {
      font-family: "GothamRoundedBold", sans-serif;
      font-weight: normal;
   }

   h1 em, h2 em, h3 em, h4 em {
      font-family: "GothamRoundedLight", sans-serif;
      font-style: normal;
   }

@media screen and (max-width:991px) {
   h1 {
      font-size: 3.6em;
   }

   h2 {
      font-size: 2.2em;
   }

   h3 {
      font-size: 1.6em;
   }

   h4 {
      font-size: 1.4em;
   }
}

@media screen and (max-width:767px) {
   h1 {
      font-size: 3.1em;
   }

   h2 {
      font-size: 1.7em;
   }

   h3 {
      font-size: 1.3em;
   }

   h4 {
      font-size: 1.2em;
   }
}

.img-logo {
   max-height: 45px;
   margin: 5px 0;
}

/* 
*
*
*
*
/*
/* Header Toolbar */
header {
   height: 32px;
   padding-top: 3px;
   font-size: .85em;
   /*background-color:#52aadb;
	background-image:-webkit-linear-gradient(top,#2e98d3 0,#52aadb 100%);
	background-image:linear-gradient(to bottom,#2e98d3 0,#52aadb 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e98d3', endColorstr='#ff52aadb', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat:repeat-x;*/
}

   header a:hover, header a:focus {
      color: #ffffff;
      text-decoration: none;
   }

   header a {
      color: #dddddd;
      text-decoration: none;
      -webkit-transition: color .2s;
      -moz-transition: color .2s;
      -o-transition: color .2s;
      transition: color .2s;
   }

   header img {
      max-height: 24px;
      opacity: .8;
   }

      header img:hover {
         opacity: 1;
      }

   header .language-item {
      padding-top: 5px;
      padding-left: 8px;
      float: left;
   }

   header .language-img {
      float: left;
   }

   header .account-item {
      padding-top: 4px;
      padding-right: 12px;
      float: right;
   }

   header .account-img {
      padding-left: 3px;
      float: right;
   }

footer .langSelect .aspNetDisabled {
   color: #fff;
}

@media screen and (max-width:767px) {
   header .col-xs-3 {
      padding-right: 0;
   }

   header .account-item {
      padding-right: 4px;
   }

   header .language-item {
      padding-left: 0;
   }
}

@media screen and (max-width:443px) {
   header {
      height: 30px;
   }

      header .account-item {
         padding: 3px 5px;
      }

   .img-logo {
      max-width: 160px;
      margin: 10px 0;
   }
}

@media screen and (max-width:390px) {
   header {
      height: 30px;
   }

      header .account-item {
         padding: 3px 5px;
      }

   .img-logo {
      max-width: 160px;
      margin: 10px 0;
   }
}

@media screen and (max-width:320px) {
   header {
      height: 30px;
   }

      header .account-item {
         padding: 4px 12px 2px 0;
      }

   .img-logo {
      max-width: 160px;
      margin: 10px 0;
   }
}

@media screen and (max-width:550px) {
   .spanish header {
      height: 60px;
   }

      .spanish header .account-item {
         float: left;
         padding: 7px 5px 0 0;
      }

      .spanish header #divMobile {
         float: left;
      }
}

@media screen and (max-width:390px) {
   .spanish header {
      height: 50px;
   }

      .spanish header .account-item {
         float: left;
         position: relative;
         left: -5px;
         top: -2px;
         font-size: 11px;
         padding: 0px, 10px, 0px, 0px;
      }

      .spanish header #divMobile {
         float: left;
         position: relative;
         left: -5px;
         top: -5px;
         font-size: 11px;
      }
}

@media screen and (max-width:375px) {
   .spanish header {
      height: 50px;
   }

      .spanish header .account-item {
         float: left;
         position: relative;
         left: -5px;
         top: -2px;
         font-size: 11px;
         padding: 0px, 10px, 0px, 0px;
      }

      .spanish header #divMobile {
         float: left;
         position: relative;
         top: -20px;
         left: -5px;
         font-size: 11px;
      }
}

@media screen and (max-width:320px) {
   .spanish header {
      height: 50px;
   }

      .spanish header .account-item {
         float: left;
         position: relative;
         top: 5px;
         font-size: 11px;
         padding: 0;
      }

      .spanish header #divMobile {
         float: left;
         position: relative;
         left: -40px;
         top: -15px;
         font-size: 11px;
      }
}

/* 
*
*
*
*
/*
/* Customer Portal */
.dashGrid {
   margin: 30px 0 50px 0;
}

   .dashGrid > div {
      padding-left: 0;
      padding-right: 0;
      -webkit-box-shadow: 0 3px 30px rgba(0,0,0,0.2);
      -moz-box-shadow: 0 3px 30px rgba(0,0,0,0.2);
      box-shadow: 0 3px 30px rgba(0,0,0,0.2);
   }

.topBar {
   background-color: #b1b2b6;
   color: white;
   display: block;
   border: 1px solid white;
   padding: 20px 5px;
   text-align: center;
}

.btmBar {
   display: block;
   border: 1px solid #cdcdcd;
   padding: 20px 5px;
   text-align: center;
   background-color: white;
   min-height: 84px;
}

   .btmBar p {
      background-color: transparent;
      font-size: 10px;
      margin-top: 10px;
   }

.payOptions {
   margin-top: 20px;
}

#ccInfo input {
   vertical-align: top;
}

.pastDueHdr {
   background-color: #c33432;
}

.pastDueField {
   background-color: #f2dede;
   color: #b94a48;
   font-weight: bold;
}

.btmBtn {
   margin-top: 15px;
}

.linkedAcct {
   background-color: white;
   padding: 10px 20px;
   margin: 2px 0px;
   font-size: 1.6em;
}

@media screen and (min-width:768px) {
   .btmBar {
      min-height: 94px;
   }
}




/* 
*
*
*
*
/*
/* Banner Navigation */
#banner {
   height: 110px;
   padding: 20px 0;
   background-color: #ffffff;
   background-image: -webkit-linear-gradient(top,#eeeeee 0,#ffffff 100%);
   background-image: linear-gradient(to bottom,#eeeeee 0,#ffffff 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffffffff', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
   background-repeat: repeat-x;
   -webkit-box-shadow: inset 0 6px 8px -6px rgba(0,0,0,0.5);
   -moz-box-shadow: inset 0 6px 8px -6px rgba(0,0,0,0.5);
   box-shadow: inset 0 6px 8px -6px rgba(0,0,0,0.5);
}

   #banner .banner-logo img { /*max-height:74px;*/
   }

@media screen and (max-width:767px) {
   #banner {
      height: auto;
      padding: 8px 0;
   }
}

/* Primary Navigation */
.navbar {
   border: none;
   font-family: "GothamRoundedBold", sans-serif;
   font-weight: normal;
   margin-bottom: 0;
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -o-border-radius: 0;
   min-height: 66px;
   border-right: 1px solid #ccc;
}

.navbar-nav {
   float: right;
}

.nav > li {
   margin-right: 3px;
}

   .nav > li > a {
      padding: 7px 10px 7px 10px;
      color: #383635;
      margin: 0;
      font-size: 1.2em;
      line-height: 1.42857143;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
   }

      .nav > li > a:hover, .nav > li > a:focus {
         color: #2995d3;
         background-color: #ffffff;
         -webkit-box-shadow: inset 0 2px 5px -1px rgba(0,0,0,0.4);
         -moz-box-shadow: inset 0 2px 5px -1px rgba(0,0,0,0.4);
         box-shadow: inset 0 2px 5px -1px rgba(0,0,0,0.4);
      }

      /* MyXOOM Account button*/
      .nav > li > a.btn-orange {
         text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.15);
         padding: 5px 12px;
         color: #fff;
         background-color: #f47622;
         border-color: #ec813b;
         -webkit-transition: all .2s;
         -moz-transition: all .2s;
         -o-transition: all .2s;
         transition: all .2s;
         -webkit-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
         -moz-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
         box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
         font-family: "GothamRoundedBold", sans-serif;
         font-weight: normal;
         font-size: 1.2em;
         letter-spacing: .03em;
      }

         .nav > li > a.btn-orange:hover, nav > li > a.btn-orange:focus {
            color: #fff;
            text-decoration: none;
            border-color: #ec813b;
            background-color: #f88233;
            -webkit-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
            -moz-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
            box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
         }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
   color: #2995d3;
   background-color: #ffffff;
   border: none;
   -webkit-box-shadow: inset 0 2px 5px -1px rgba(0,0,0,0.4);
   -moz-box-shadow: inset 0 2px 5px -1px rgba(0,0,0,0.4);
   box-shadow: inset 0 2px 5px -1px rgba(0,0,0,0.4);
}

.navbar-toggle {
   margin-right: 0;
   padding: 14px 10px !important;
   margin-top: 0;
}

   .navbar-toggle .icon-bar {
      background-color: white;
      -webkit-box-shadow: 0 3px 30px rgba(0,0,0,0.2);
      -moz-box-shadow: 0 3px 30px rgba(0,0,0,0.2);
      box-shadow: 0 3px 30px rgba(0,0,0,0.2);
   }

/* Dropdowns */
.dropdown-menu {
   min-width: 600px;
   font-size: 1em;
   background-color: transparent;
   border: none;
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -o-border-radius: 0;
   -webkit-box-shadow: none;
   -mox-box-shadow: none;
   box-shadow: none;
}

   .dropdown-menu > li {
      float: right;
   }

      .dropdown-menu > li > a {
         padding: 3px 10px;
         font-family: "GothamRoundedBook", sans-serif;
         font-weight: normal;
         -webkit-transition: background-color .2s;
         -moz-transition: background-color .2s;
         -o-transition: background-color .2s;
         transition: background-color .2s;
      }

         .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            background-image: none;
            filter: none;
            background-color: transparent;
            color: #2895d2;
            border-bottom: 2px solid #eee;
         }

/* Hover Menu for large screens */
@media screen and (min-width:992px) {
   .dropdown:hover .dropdown-menu {
      display: block;
   }
}

/* Discreet drop down menu positioning */
#menu-account {
   left: -484px;
}

#menu-support {
   left: -396px;
}

#menu-about {
   left: -450px;
}

.spanish #menu-account {
   left: -501px;
}

.spanish #menu-support {
   left: -415px;
}

.spanish #menu-about {
   left: -237px;
}

@media screen and (min-width:768px) and (max-width:991px) {
   .dropdown-menu {
      min-width: 160px;
      left: 2px !important;
      min-width: 200px;
      top: 100%;
      font-size: 1em;
      background-color: white;
      border: none;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      -webkit-box-shadow: 0 3px 30px rgba(0,0,0,0.2);
      -moz-box-shadow: 0 3px 30px rgba(0,0,0,0.2);
      box-shadow: 0 3px 30px rgba(0,0,0,0.2);
   }

   .nav > li {
      padding-bottom: 0;
      font-size: 12px;
   }

   .dropdown-menu > li {
      float: none;
   }

      .dropdown-menu > li > a {
         padding: 3px 10px;
         font-family: "GothamRoundedBook", sans-serif;
         font-weight: normal;
      }

         .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            background-image: none;
            filter: none;
            background-color: transparent;
            color: #2895d2;
            border-bottom: none;
         }
}

/* Nav mobile */
@media screen and (max-width:767px) {
   .navbar {
      border-right: none;
      min-height: 1px;
      margin: 0;
   }

   .navbar-nav {
      float: none;
      position: relative;
      -webkit-backface-visibility: hidden;
      -webkit-overflow-scrolling: touch;
      overflow: hidden;
      border-bottom: 4px solid #d7d6d4;
      border-top: 4px solid #d7d6d4;
      background-color: white;
      z-index: 100;
      margin: 0;
      -webkit-box-shadow: 0 3px 30px rgba(0,0,0,0.5);
      -moz-box-shadow: 0 3px 30px rgba(0,0,0,0.5);
      box-shadow: 0 3px 30px rgba(0,0,0,0.5);
   }

   .phone-nav {
      margin: 0;
      padding: 0;
   }

   .nav > li > a {
      padding: 7px 10px;
      color: #383635;
      border-bottom: 1px solid #eee;
      margin-left: 2px;
      font-size: 1.8em;
      line-height: 1.42857143;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -o-border-radius: 0;
   }

      .nav > li > a:hover, .nav > li > a:focus {
         color: #2995d3;
         background-color: #ffffff;
         -webkit-transition: background-color .2s;
         -moz-transition: background-color .2s;
         -o-transition: background-color .2s;
         transition: background-color .2s;
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         box-shadow: none;
      }

   .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
      background-color: #eeeeee;
      border: none;
   }

   .navbar-collapse {
      background: white;
      margin: 10px 0;
      padding: 0;
   }

   .dropdown-menu {
      min-width: inherit;
      padding: 0 0;
      font-size: 1.3em;
   }

      .dropdown-menu > li {
         float: none;
         border-bottom: 1px solid #eee;
         background-color: #fbfbfb;
      }

         .dropdown-menu > li > a {
            padding: 4px 0;
         }

            .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
               background-image: none;
               filter: none;
               background-color: transparent;
               color: #2895d2;
               border-bottom: none;
            }

   .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
      padding: 8px 12px 8px 12px;
   }

      .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
         background-color: #eeeeee;
      }

   #menu-account {
      right: 0;
      min-width: inherit;
   }

   #menu-support {
      right: 0;
      min-width: inherit;
   }

   #menu-about {
      right: 0;
      min-width: inherit;
   }

   #menu-icon {
      -webkit-transition: transform .2s;
      -moz-transition: transform .2s;
      -o-transition: transform .2s;
      transition: transform .2s;
   }
}


/* 
*
*
*
*
/*
/* Sections */
.sec-divider {
   height: 14px;
   background-color: #eaeae9;
   overflow: hidden;
   width: 100%;
   -webkit-box-shadow: inset 0 6px 8px -6px rgba(0,0,0,0.5);
   -moz-box-shadow: inset 0 6px 8px -6px rgba(0,0,0,0.5);
   box-shadow: inset 0 6px 8px -6px rgba(0,0,0,0.5);
}

   .sec-divider.green {
      background-color: #98ca3e;
   }

section {
}

.hidden-region {
   display: none;
}

/* Posters */
.poster-large {
   height: 456px;
   position: relative;
}

.poster-small { /*min-height:220px;*/
   position: relative;
   padding: 16px 0;
}

   .poster-small.cms {
      min-height: 100px;
   }

.poster {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: block;
   overflow: hidden;
}

   .poster img {
      min-width: 100%;
      min-height: 100%;
      display: block;
      height: auto;
   }

.poster-small h1, .poster-small h2, .poster-small h3 {
   margin-top: 4px;
   margin-bottom: 6px;
}

   .poster-small h1.white, .poster-small h2.white, .poster-small h3.white {
      text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
   }

/* Links and tooltip hover from title property */
.poster-small .tiny a.white:hover, .poster-small .tiny a.white:focus {
   color: #eee;
   text-decoration: underline;
   position: relative;
   outline: none;
}

.poster-small .tiny a.white {
   color: #fff;
   text-decoration: underline;
}

@media screen and (max-width:767px) {
   .poster-large {
      height: auto;
      clear: both;
      padding-bottom: 28px;
   }
}

/* Search Plans Main Box (Homepage) */
.search-plan-container {
   position: relative;
}

.search-plan-box {
   background-color: white;
   top: 40px;
   border: 2px solid #f47623;
   padding-bottom: 12px;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   -o-border-radius: 12px;
   border-radius: 12px;
   -webkit-box-shadow: 0 3px 30px rgba(0,0,0,0.2);
   -moz-box-shadow: 0 3px 30px rgba(0,0,0,0.2);
   box-shadow: 0 3px 30px rgba(0,0,0,0.2);
}

.search-plan-get {
   line-height: 1.6em;
   color: #63656c;
   font-size: 1.4em;
   font-family: "GothamRoundedBook", sans-serif;
   font-weight: normal;
   font-style: normal;
}

@media screen and (max-width:767px) {
   .search-plan-container {
      margin: 0 12px;
   }

   .search-plan-box {
      top: 12px;
   }

   .search-plan-container h2 {
      font-size: 1.4em;
   }

   .search-plan-container .search-plan-get {
      font-size: 1.1em;
   }
}

/* Plan checkout steps */
.plan-summary-banner {
   position: relative;
   padding: 16px 0;
   color: white;
   background-color: #98ca3e;
   overflow: hidden;
   width: 100%;
   -webkit-box-shadow: inset 0 6px 8px -6px rgba(0,0,0,0.5);
   -moz-box-shadow: inset 0 6px 8px -6px rgba(0,0,0,0.5);
   box-shadow: inset 0 6px 8px -6px rgba(0,0,0,0.5);
}

   .plan-summary-banner .summary-price {
      margin-top: 4px;
      margin-bottom: 0;
      font-size: 2.4em;
      font-family: "GothamRoundedBook", sans-serif;
      font-weight: normal;
      font-style: normal;
   }

   .plan-summary-banner .summary-promotion {
      margin-top: 0;
      margin-bottom: 6px;
      font-size: 1.6em;
      font-family: "GothamRoundedBook", sans-serif;
      font-weight: normal;
      font-style: normal;
   }

   .plan-summary-banner .white {
      text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
   }

   .plan-summary-banner ul.utility-documents {
      margin-top: 12px;
      text-align: center;
   }

   .plan-summary-banner .utility-documents li {
      float: none;
      display: inline-block;
   }

      .plan-summary-banner .utility-documents li a {
         color: white;
         text-decoration: underline;
      }

         .plan-summary-banner .utility-documents li a:hover, .plan-summary-banner .utility-documents li a:focus {
            color: #eee;
         }

   .plan-summary-banner:after {
      top: 0;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #1e6f92;
      border-width: 20px;
      margin-left: -20px;
   }

.plan-outline {
   border: 2px solid black;
   border-radius: 10px;
   padding: 10px;
   margin: 0 50px;
}


@media screen and (min-width:768px) and (max-width:991px) {
   .plan-summary-banner:after {
      border-top-color: #227ea7;
   }

   #added-details {
      display: none;
   }
}

@media screen and (max-width:767px) {
   .plan-summary-banner .utility-documents li {
      border-bottom: 1px solid #ddd;
   }

   .plan-summary-banner:after {
      border-top-color: #258ab6;
   }

   #added-details {
      display: none;
   }
}

/* Internal Sales Sticky */
.stickwrap {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -4em;
}

.sticky, .push {
   float: left;
}

.sticky {
   z-index: 5000;
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 70px;
   width: 325px;
   background-color: #ffb501;
   border-top-right-radius: 1em;
   padding: 5px 25px 0 25px;
   box-shadow: 10px 10px 30px 20px rgba(0,0,0,0.2);
}

   .sticky p {
      position: relative;
      top: 15px;
      color: white;
      padding-right: 10px;
   }

   .sticky input {
      position: relative;
      width: 120px;
      float: right;
      top: -38px;
   }

   /* Door To Door Sticky */
   .sticky.door-to-door {
      z-index: 5000;
      position: fixed;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 70px;
      width: 450px;
      background-color: #ffb501;
      border-top-left-radius: 1em;
      padding: 5px 25px 0 25px;
      box-shadow: 10px 10px 30px 20px rgba(0,0,0,0.2);
   }

.stickytextwrap {
   max-width: 200px;
   float: left;
   background-color: none;
}

.sticky.door-to-door p {
   position: relative;
   color: white;
   padding-right: 10px;
   left: 5px;
}

.sticky.door-to-door input {
   position: relative;
   width: 100px;
   float: right;
   top: 15px;
}

.stickyimage {
   position: relative;
   left: -15px;
   float: left;
   width: 60px;
   height: 60px;
   border-radius: .3em;
}

   .stickyimage img {
      height: 100%;
      width: 100%;
   }

@media screen and (max-width:450px) {
   .sticky.door-to-door {
      z-index: 5000;
      position: fixed;
      bottom: 0;
      right: 0;
      width: 100%;
      border-top-left-radius: 0px;
   }

   .stickytextwrap {
      max-width: 250px;
   }

   .stickyimage {
      display: none;
   }

      .stickyimage img {
         display: none;
      }
}

@media screen and (max-width:325px) {
   .stickytextwrap {
      max-width: 150px;
      position: relative;
      top: -10px;
   }
}

/* 
*
*
*
*
/*
/* Gallery & Interactives */
.xoom-quotes {
   background-color: #f4f4f4;
   color: inherit;
   text-align: center;
   clear: both;
   overflow: hidden;
   padding: 8px 0;
}

   .xoom-quotes h1, .xoom-quotes h2, .xoom-quotes h3, .xoom-quotes h4 {
      color: #63656c;
      line-height: 1.4em;
   }

   .xoom-quotes .service-description {
      line-height: 1.6em;
      color: #63656c;
      font-size: 1.2em;
      font-family: "GothamRoundedBook", sans-serif;
      font-weight: normal;
      font-style: normal;
   }

   .xoom-quotes .container {
      padding-top: 10px;
      padding-bottom: 20px;
   }

   .xoom-quotes.unavailable {
      background-color: #f47623;
      color: #ffffff;
   }

   .xoom-quotes.green {
      background-color: #98ca3e;
   }

      .xoom-quotes.green h1, .xoom-quotes.unavailable h1, .xoom-quotes.green h2, .xoom-quotes.unavailable h2, .xoom-quotes.green h3, .xoom-quotes.unavailable h3, .xoom-quotes.green h4, .xoom-quotes.unavailable h4 {
         color: #ffffff;
      }

      .xoom-quotes.green a {
      }

         .xoom-quotes.green a:hover {
         }

   .xoom-quotes.dark {
      background-color: #f47623;
      color: #ffffff;
   }

   .xoom-quotes.blue {
      background-color: #2895d2;
      color: #ffffff;
   }

#full-width-slider {
   width: 100%;
   color: inherit;
}

   #full-width-slider .rsOverflow { /*width:80%; padding:0 10%;*/
      margin-bottom: 10px;
   }

.royalSlider > .rsContent {
   visibility: hidden;
}

#testimonial-slider {
   width: 100%;
   color: inherit;
   font-family: "GothamRoundedBook", sans-serif;
   font-weight: normal;
   margin: 5em 0;
}

   #testimonial-slider .rsOverflow {
      margin-bottom: 10px;
   }

   #testimonial-slider p.testimonial {
      font-size: 1.5em;
      font-style: italic;
      line-height: 1.9em;
      color: #9d9d9d;
      width: 75%;
      margin: 0 auto;
      margin-bottom: 2em;
   }

   #testimonial-slider p.testimonial-credit {
      font-size: 1.3em;
      text-align: right;
      line-height: 1.2em;
   }

   #testimonial-slider p.testimonial-credit-small {
      font-size: 1.1em;
      text-align: right;
   }

@media screen and (min-width:768px) and (max-width:991px) {
   #testimonial-slider p.testimonial {
      width: 80%;
      font-size: 1.4em;
   }

   #testimonial-slider p.testimonial-credit {
      font-size: 1.2em;
   }
}

@media screen and (max-width:767px) {
   #testimonial-slider p.testimonial {
      width: 90%;
      font-size: 1.3em;
   }

   #testimonial-slider p.testimonial-credit {
      font-size: 1.1em;
   }
}

/* Bullets */
.rsMinW .rsBullets {
   position: absolute;
   bottom: 0;
   right: 50%;
   z-index: 35;
   text-align: center;
   overflow: hidden;
}

.rsMinW .rsBullet {
   width: 28px;
   height: 28px;
   display: inline-block;
   padding: 3px;
}

   .rsMinW .rsBullet span {
      display: block;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      background: #fff;
      background: rgba(255,255,255,0.2);
      -webkit-box-shadow: 0 0px 3px rgba(0,0,0,0.2);
      -moz-box-shadow: 0 0px 3px rgba(0,0,0,0.2);
      box-shadow: 0 0px 3px rgba(0,0,0,0.2);
      border: 2px solid #fff;
      cursor: pointer;
   }

   .rsMinW .rsBullet.rsNavSelected span {
      background: #2895d2;
   }

/* Arrows */
.rsMinW .rsArrow {
   height: 48px;
   width: 48px;
   top: 38%;
   position: relative;
   font-family: "GothamRoundedBold", sans-serif;
   font-weight: normal;
}

.rsMinW .rsArrowIcn {
   width: 48px;
   height: 48px;
   background: rgba(10,10,1,0.1);
   border-radius: 24px;
   -webkit-border-radius: 24px;
   -moz-border-radius: 24px;
   -o-border-radius: 24px;
   -webkit-transition: background .2s;
   -moz-transition: background .2s;
   -o-transition: background .2s;
   transition: background .2s;
}

.rsMinW .rsArrow:hover .rsArrowIcn {
   background: rgba(0,164,217,1);
}

.rsMinW .rsArrowRight {
   position: absolute;
   right: 1%;
}

.rsMinW .rsArrowLeft {
   position: absolute;
   left: 1%;
}

.rsMinW .rsArrowRight:after {
   position: absolute;
   bottom: -12px;
   right: 6px;
   content: ">";
   font-size: 4em;
   color: #f4f4f4;
}

.rsMinW .rsArrowLeft:after {
   position: absolute;
   bottom: -12px;
   left: 6px;
   content: "<";
   font-size: 4em;
   color: #f4f4f4;
}

@media screen and (min-width:992px) {
   .rsOverflow, .royalSlider { /*height:700px !important;*/
   }
}

@media screen and (max-width:991px) {
   .rsOverflow, .royalSlider { /*height:500px !important;*/
   }
}


/* 
*
*
*
*
/*
/* Homepage Pics */
.service-blocks {
   background-color: #ffffff;
   background-image: -webkit-linear-gradient(top,#ffffff 0,#ededed 100%);
   background-image: linear-gradient(to bottom,#ffffff 0,#ededed 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffededed', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
   background-repeat: repeat-x;
   padding-top: 24px;
   padding-bottom: 36px;
}


.productBG {
   padding-top: 30px;
   padding-bottom: 30px;
   background-color: #FFF;
   background-image: -webkit-linear-gradient(top, #FFF, #e4f2fb);
   background-image: -moz-linear-gradient(top, #FFF, #e4f2fb);
   background-image: -ms-linear-gradient(top, #FFF, #e4f2fb);
   background-image: -o-linear-gradient(top, #FFF, #e4f2fb);
   background-image: linear-gradient(top, #FFF, #e4f2fb);
}

   .productBG h2 {
      color: #2895d2;
      font-size: 3em;
      text-shadow: 1px 1px black;
      margin-bottom: 30px;
   }

.productLink {
   margin: 5px 0;
   padding: 15px;
   -webkit-box-shadow: 0 0 24px rgba(0,0,0,.18);
   -moz-box-shadow: 0 0 24px rgba(0,0,0,.18);
   box-shadow: 0 0 24px rgba(0,0,0,.18);
   padding-top: 20px;
   padding-bottom: 20px;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   -o-border-radius: 12px;
   border-radius: 12px;
   background-color: white;
   text-align: center;
}

   .productLink:hover {
      background-color: #e7f2f8;
   }

   .productLink i.fa-circle {
      color: #98CA3E;
   }

   .productLink h4 {
      font-size: 1.3em;
      line-height: 1em;
   }

.productContact h5 {
   font-size: 1.3em;
}

.topMargin {
   margin-top: 20px;
}


@media screen and (min-width:992px) and (max-width:1199px) {
   .productLink {
      min-height: 130px;
   }

   .xtraPad {
      padding-top: 10px;
   }
}

@media screen and (min-width:1200px) {
   .productLink {
      min-height: 128px;
   }

   .xtraPad {
      padding-top: 10px;
   }
}

.service-blocks.cms {
   min-height: 380px;
}

.service-block {
   padding-top: 12px;
   padding-bottom: 12px;
   background-color: transparent;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   -o-border-radius: 12px;
   border-radius: 12px;
   background-repeat: repeat-x;
   -webkit-transition: background-color .2s;
   -moz-transition: background-color .2s;
   -o-transition: background-color .2s;
   transition: background-color .2s;
}

   .service-block:hover {
      background-color: #e7f2f8;
   }

   .service-block .description {
      font-family: "GothamRoundedBook", sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.2em;
      line-height: 1.2em;
      padding: 16px 0;
   }

.productSupport {
   margin: 7px 0;
   padding: 12px;
   background-color: white;
   -webkit-box-shadow: 0 0 24px rgba(0,0,0,.18);
   -moz-box-shadow: 0 0 24px rgba(0,0,0,.18);
   box-shadow: 0 0 24px rgba(0,0,0,.18);
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   -o-border-radius: 12px;
   border-radius: 12px;
   background-repeat: repeat-x;
   -webkit-transition: background-color .2s;
   -moz-transition: background-color .2s;
   -o-transition: background-color .2s;
   transition: background-color .2s;
}

   .productSupport:hover {
      background-color: #e7f2f8;
   }

   .productSupport a h2 {
      color: #383635;
      margin-top: 0;
   }

@media screen and (min-width:1200px) {
   .productSupport {
      min-height: 353px;
   }
}

/* Map legend */
ul.map-legend {
   list-style-type: none;
   padding-left: 6px;
   overflow: hidden;
   margin-top: 12px;
}

.map-legend li {
   padding-bottom: 6px;
   margin-left: 0; /*float:left; width:50%;*/
}

   .map-legend li > .fa-2x {
      font-size: 1.4em;
   }

.jqvmap-label {
   position: absolute;
   display: none;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   background: #383635;
   color: white;
   font-size: smaller;
   padding: 5px;
}

.jqvmap-region {
   cursor: pointer;
}

.map {
   padding: 24px 0 32px 0;
}

.interactive-map {
   height: 400px;
}

@media screen and (max-width:767px) {
   .interactive-map {
      height: 200px;
   }
}


/* Provider search pieces */
.provider-icon { /*margin-top:-54px;*/
}

   .provider-icon img {
      max-height: 120px;
      margin: 0 auto;
   }

.provider-special {
   text-align: right;
}

   .provider-special img {
      max-height: 220px;
      max-width: 360px;
      margin: -16px 0;
   }

.plan-category h1, .plan-category h2 {
   line-height: 1em;
}

.plan-category h1 {
   font-size: 2.2em;
   padding-top: 6px;
}

.plan-category h2 {
   font-size: 1.8em;
}

.plan-category p.tiny {
   padding-top: 2px;
   padding-bottom: 4px;
   margin-bottom: 0;
}

.plan-category p.lead {
   margin-bottom: 6px;
   border-bottom: 1px solid #d7d6d4;
   padding-bottom: 4px;
}

.plan-category table {
   width: 100%;
}

.provider-list {
}

.provider-row {
   clear: both;
   overflow: hidden;
   line-height: 1.2em;
   margin-bottom: 5px;
   padding: 4px 0px 3px 10px !important;
   text-align: left;
   font-weight: normal;
   white-space: normal;
   letter-spacing: inherit;
   font-family: "GothamRoundedMedium", sans-serif;
}

.provider-name {
   float: left;
   padding: 6px 0;
   font-size: 15px; /*width:390px;*/
}

.provider-thing {
   float: right;
   margin-left: 1px;
   width: 50px;
   height: 31px;
   text-align: center;
}

   .provider-thing img {
      max-height: 30px;
   }

.provider-header {
   clear: both;
   overflow: hidden;
   line-height: 1em;
   text-align: center;
   font-size: 9px;
   margin-bottom: 2px;
   padding: 2px 0px 2px 10px !important;
   font-family: "GothamRoundedThin", sans-serif;
}

.provider-header-name {
   float: left;
   padding-top: 6px;
   font-size: 15px;
   width: 90px;
   padding-top: 0;
   text-align: left;
   font-size: 9px;
}

.provider-header-thing {
   float: right;
   margin-left: 1px;
   width: 50px;
   font-size: 9px;
}

/* Quad col just in case */
.col-md-3.service-block .provider-name {
   float: none;
   width: auto;
   margin-bottom: 4px;
}

@media screen and (min-width:992px) and (max-width:1199px) {
   .provider-name {
      float: none; /*width:300px;*/
      margin-bottom: 4px;
      border-bottom: 1px solid rgba(255,255,255,.3);
   }
}

@media screen and (max-width:991px) {
   .service-block {
      border-bottom: 1px solid #ccc;
      margin-bottom: 10px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
   }

   .provider-icon {
      margin-top: 12px;
   }
}

@media screen and (max-width:767px) {
   .provider-special {
      margin-left: -27px;
      margin-right: -27px;
   }

      .provider-special img {
         margin-top: 24px;
         max-height: 100%;
         max-width: 100%;
      }

   .plan-category h1, .plan-category h2, .plan-category p.tiny, .plan-category p.lead {
      text-align: center;
   }

   .provider-name {
      float: none;
      width: auto;
   }
}

.plan-summary-banner.simple {
   padding: 24px 0;
}

   .plan-summary-banner.simple:after {
      border: none;
   }

/* 
*
*
*
*
/*
/* Provider choice grid & details box */
.utility-choice-row {
   -webkit-transition: all .2s;
   padding-top: 8px;
   padding-bottom: 8px;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -o-border-radius: 4px;
}

   .utility-choice-row:hover {
      background-color: #e7f2f8;
   }

   .utility-choice-row .btn-yellow {
      white-space: inherit;
      margin-bottom: 4px;
   }

.utility-choice-button {
   margin: 6px 0 2px 0;
}

.green-percent-icon {
   max-height: 50px;
   margin: 0 4px;
}

.utility-choice-title {
   font-family: "GothamRoundedBook", sans-serif;
   font-weight: normal;
   font-size: 2.4em;
   line-height: 1.2em;
}

   .utility-choice-title strong {
      font-family: "GothamRoundedBold", sans-serif;
   }

.utility-choice-rate {
   font-family: "GothamRoundedBook", sans-serif;
   font-weight: normal;
   font-size: 1.6em;
}

   .utility-choice-rate strong {
      font-family: "GothamRoundedBold", sans-serif;
   }

.utility-choice-company {
   font-family: "GothamRoundedBook", sans-serif;
   font-weight: normal;
   font-size: 1.2em;
}

   .utility-choice-company strong {
      font-family: "GothamRoundedBold", sans-serif;
   }

.utility-choice-price {
   font-family: "GothamRoundedlight", sans-serif;
   font-weight: normal;
   margin-bottom: 6px;
   font-size: 2.4em;
   line-height: 1em;
}

   .utility-choice-price strong {
      font-family: "GothamRoundedBold", sans-serif;
   }

   .utility-choice-price em {
      font-size: .8em;
      font-style: normal;
   }

.gridHdr {
   padding: 5px 0;
   color: #2895d2;
   border-bottom: 1px solid #d7d6d4;
   margin-top: 10px;
   margin-bottom: 10px;
   font-family: "GothamRoundedMedium", sans-serif;
   font-weight: normal;
}

.utility-choice-price-new {
   font-family: "GothamRoundedlight", sans-serif;
   font-weight: normal;
   margin-bottom: 6px;
   font-size: 1.6em;
   line-height: 1em;
}

@media screen and (max-width:991px) {
   .utility-choice-title {
      font-size: 2.0em;
      border-bottom: 1px solid #cacacc;
   }

   .utility-choice-rate {
      font-size: 1.4em;
      border-bottom: 1px solid #cacacc;
   }

   .utility-choice-company {
      font-size: 1.1em;
   }

   .utility-choice-price {
      font-size: 1.8em;
      margin-top: 7px;
   }

   .utility-choice-row .btn-yellow {
      font-size: 9px;
   }
}

/* Details green article box for each energy plan */
.utility-details {
   margin: 16px 0;
   position: relative;
}

   .utility-details:after {
      bottom: 100%;
      left: 93%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(40, 149, 210, 0);
      border-bottom-color: #2895d2;
      border-width: 30px;
      margin-left: -30px;
   }

   .utility-details article h2 {
      margin-top: 8px;
   }

   .utility-details article h3 {
      margin-top: 4px;
   }

ul.utility-documents {
   list-style-type: none;
   padding-left: 6px;
   overflow: hidden;
}

.utility-documents li {
   padding-bottom: 3px;
   margin-left: 0;
   float: left;
   width: 33.333333%;
}

.plan-outline .utility-documents li {
   padding-bottom: 3px;
   margin-left: 0;
   float: left;
   width: 100%;
   margin-right: 10px;
   padding-bottom: 10px;
}

.plan-outline h1 {
   font-size: 3em;
}

ul.preview-documents {
   list-style-type: none;
   padding-left: 6px;
   overflow: hidden;
   margin-top: 12px;
}

.preview-documents li {
   padding-bottom: 2px;
   margin-left: 0;
}

ul.locale {
   list-style-type: none;
   padding-left: 0;
   overflow: hidden;
   margin-top: 12px;
   font-size: larger;
   padding-bottom: 20px;
}

.locale li {
   padding: 6px;
   margin-left: 0;
   border-bottom: 1px solid #d7d6d4;
}

@media screen and (min-width:768px) and (max-width:1199px) {
   .utility-documents li {
      width: 50%;
   }
}

@media screen and (max-width:767px) {
   .utility-details {
      margin-top: 6px;
   }

      .utility-details:after {
         border-width: 0;
      }

   ul.utility-documents {
      margin-bottom: 32px;
   }

   .utility-documents li {
      float: none;
      width: auto;
      margin-bottom: 8px;
      border-bottom: 1px solid #cacacc;
   }

   ul.preview-documents {
      padding-left: 0;
   }

   .preview-documents li {
      margin-bottom: 2px;
      border-bottom: 1px solid #cacacc;
   }

   .green-percent-icon {
      margin: 6px 10px;
   }

   .utility-choice-price {
      float: left;
   }
}



/* 
*
*
*
*
/*
/* FAQ */
.faq-row {
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   padding-top: 8px;
   padding-bottom: 8px;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -o-border-radius: 4px;
}

   .faq-row h3 {
      margin-top: 4px;
   }

   .faq-row:hover {
      background-color: #e7f2f8;
   }

.faq-details {
   margin-top: 12px;
}

@media screen and (max-width:767px) {
   .faq-details {
      margin-top: 6px;
   }
}



/* Error 404 */
.error-404 {
}

   .error-404 h1 {
      color: #222222;
      -webkit-animation: error-header .5s 2.5s forwards;
      -moz-animation: error-header .5s 2.5s forwards;
      -o-animation: error-header .5s 2.5s forwards;
      animation: error-header .5s 2.5s forwards;
   }

@-webkit-keyframes error-header {
   0% {
      color: #222222;
   }

   100% {
      color: #ffffff;
   }
}

@-moz-keyframes error-header {
   0% {
      color: #222222;
   }

   100% {
      color: #ffffff;
   }
}

@-o-keyframes error-header {
   0% {
      color: #222222;
   }

   100% {
      color: #ffffff;
   }
}

@keyframes error-header {
   0% {
      color: #222222;
   }

   100% {
      color: #ffffff;
   }
}

.error-404 .message {
   color: white;
}


/* Video grid */
.video-grid {
   padding-top: 24px;
   padding-bottom: 36px;
   background: #63656c;
   color: white;
}

.video-item {
   padding-bottom: 24px;
}


*[class*='fa-rotate'] {
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
}

/* 
*
*
*
*
/*
/* Tab System */
.nav-tab-bar, .mock-nav-tab-bar {
   background-color: #ededed;
   padding-top: 12px;
   -webkit-box-shadow: inset 0 10px 30px -6px rgba(0,0,0,0.3);
   -moz-box-shadow: inset 0 10px 30px -6px rgba(0,0,0,0.3);
   box-shadow: inset 0 10px 30px -6px rgba(0,0,0,0.3);
}

.nav-tabs {
   text-align: center;
   border-bottom: none;
}

.nav-tab-bar .nav-tabs .nav-tab-label {
   font-size: 1.5em;
   line-height: 1em;
   padding: 0;
   margin: 0;
   text-align: left;
   font-family: "GothamRoundedBook", sans-serif;
   font-weight: normal;
   font-style: normal;
}

   .nav-tab-bar .nav-tabs .nav-tab-label strong {
      font-family: "GothamRoundedMedium", sans-serif;
      font-weight: normal;
   }

.mock-nav-tab-bar .nav-tabs .nav-tab-label {
   font-size: 1.4em;
   line-height: 1em;
   padding: 0;
   margin: 0;
   padding-left: 6px;
   text-align: left;
   font-family: "GothamRoundedMedium", sans-serif;
   font-weight: normal;
}

.mock-nav-tab-bar .nav-tabs .nav-tab-small {
   font-size: 14px;
   line-height: 1em;
   padding: 0;
   margin: 0;
   padding-top: 6px;
   padding-left: 6px;
   text-align: left;
   font-family: "GothamRoundedThin", sans-serif;
   font-weight: normal;
   font-style: normal;
}

.nav-tab-bar .nav-tabs.five-tabs .nav-tab-label {
   font-size: 1.1em;
}

.mock-nav-tab-bar .nav-tabs.five-tabs .nav-tab-label {
   font-size: 1.1em;
}

.nav-tab-bar .nav-tabs.six-tabs .nav-tab-label {
   font-size: 1em;
}

.mock-nav-tab-bar .nav-tabs.six-tabs .nav-tab-label {
   font-size: 1em;
}

.nav-tab-bar-commodity, .mock-nav-tab-bar-commodity {
   background-color: #ededed;
   padding-top: 12px;
   -webkit-box-shadow: inset 0 10px 30px -6px rgba(0,0,0,0.3);
   -moz-box-shadow: inset 0 10px 30px -6px rgba(0,0,0,0.3);
   box-shadow: inset 0 10px 30px -6px rgba(0,0,0,0.3);
}

.nav-tabs {
   text-align: center;
   border-bottom: none;
}

.nav-tab-bar-commodity .nav-tabs .nav-tab-label {
   font-size: 1.5em;
   line-height: 1em;
   padding: 0;
   margin: 0;
   text-align: left;
   font-family: "GothamRoundedBook", sans-serif;
   font-weight: normal;
   font-style: normal;
}

   .nav-tab-bar-commodity .nav-tabs .nav-tab-label strong {
      font-family: "GothamRoundedMedium", sans-serif;
      font-weight: normal;
   }

.mock-nav-tab-bar-commodity .nav-tabs .nav-tab-label {
   font-size: 1.4em;
   line-height: 1em;
   padding: 0;
   margin: 0;
   padding-left: 6px;
   text-align: left;
   font-family: "GothamRoundedMedium", sans-serif;
   font-weight: normal;
}

.mock-nav-tab-bar-commodity .nav-tabs .nav-tab-small {
   font-size: 14px;
   line-height: 1em;
   padding: 0;
   margin: 0;
   padding-top: 6px;
   padding-left: 6px;
   text-align: left;
   font-family: "GothamRoundedThin", sans-serif;
   font-weight: normal;
   font-style: normal;
}

.nav-tab-bar-commodity .nav-tabs.five-tabs .nav-tab-label {
   font-size: 1.1em;
}

.mock-nav-tab-bar-commodity .nav-tabs.five-tabs .nav-tab-label {
   font-size: 1.1em;
}

.nav-tab-bar-commodity .nav-tabs.six-tabs .nav-tab-label {
   font-size: 1em;
}

.mock-nav-tab-bar-commodity .nav-tabs.six-tabs .nav-tab-label {
   font-size: 1em;
}

/* Tab styling for a non-tab / non-link */
.disabled-tab {
   margin-right: 4px;
   padding: 20px 10px;
   font-size: 1.2em;
   border: none;
   margin-right: 4px;
   background-color: #f6f6f6;
   border-bottom: 3px solid #ededed;
   -webkit-box-shadow: 0 -3px 6px rgba(0,0,0,0.1);
   -moz-box-shadow: 0 -3px 6px rgba(0,0,0,0.1);
   box-shadow: 0 -3px 6px rgba(0,0,0,0.1);
   color: #383635;
   line-height: 1.42857143;
   position: relative;
   display: block;
}

.enabled-tab {
   margin-right: 4px;
   padding: 20px 10px;
   font-size: 1.2em;
   border: none;
   margin-right: 4px;
   background-color: #fff;
   border-bottom: 3px solid #ffffff;
   border-bottom-color: transparent;
   -webkit-box-shadow: 0 -3px 6px rgba(0,0,0,0.2);
   -moz-box-shadow: 0 -3px 6px rgba(0,0,0,0.2);
   box-shadow: 0 -3px 6px rgba(0,0,0,0.2);
   color: #555;
   line-height: 1.42857143;
   position: relative;
   display: block;
}

.three-tabs > li {
   float: none;
   display: inline-block;
   width: 32%;
}

.four-tabs > li {
   float: none;
   display: inline-block;
   width: 24%;
}

.five-tabs > li {
   float: none;
   display: inline-block;
   width: 19%;
}

.six-tabs > li {
   float: none;
   display: inline-block;
   width: 16%;
}

.nav-tabs > li > a {
   margin-right: 4px;
   padding-top: 20px;
   padding-bottom: 20px;
   border: none;
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -o-border-radius: 0;
   background-color: #f6f6f6;
   border-bottom: 3px solid #ededed;
   -webkit-box-shadow: 0 -3px 6px rgba(0,0,0,0.1);
   -moz-box-shadow: 0 -3px 6px rgba(0,0,0,0.1);
   box-shadow: 0 -3px 6px rgba(0,0,0,0.1);
   -webkit-transition: background .2s;
   -moz-transition: background .2s;
   -o-transition: background .2s;
   transition: background .2s;
}

   .nav-tabs > li > a:hover {
      border-color: transparent;
      -webkit-box-shadow: 0 -3px 6px rgba(0,0,0,0.2);
      -moz-box-shadow: 0 -3px 6px rgba(0,0,0,0.2);
      box-shadow: 0 -3px 6px rgba(0,0,0,0.2);
   }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
   color: #555;
   background-color: #fff;
   border: none;
   border-bottom: 3px solid #ffffff;
   border-bottom-color: transparent;
   -webkit-box-shadow: 0 -3px 6px rgba(0,0,0,0.2);
   -moz-box-shadow: 0 -3px 6px rgba(0,0,0,0.2);
   box-shadow: 0 -3px 6px rgba(0,0,0,0.2);
}

.nav-tabs img {
   max-height: 48px;
   padding-right: 8px;
}

.nav-tabs.five-tabs img {
   max-height: 36px;
   padding-right: 8px;
}

@media screen and (max-width:991px) {
   .nav-tabs > li {
      display: block;
      width: 100%;
      margin-bottom: 4px;
   }

      .nav-tabs > li > a, .disabled-tab, .nav-tabs > li > a, .enabled-tab {
         padding-top: 12px;
         padding-bottom: 6px;
      }
}

@media screen and (max-width:767px) {
   .nav-tab-bar .nav-tabs .nav-tab-label, .mock-nav-tab-bar .nav-tabs .nav-tab-label {
      font-size: 1em;
   }

   .nav-tab-bar-commodity .nav-tabs .nav-tab-label, .mock-nav-tab-bar-commodity .nav-tabs .nav-tab-label {
      font-size: .9em;
   }

   .disabled-tab, .enabled-tab {
      font-size: 1.2em;
   }

   .nav-tabs img, .nav-tabs.five-tabs img {
      max-height: 46px;
   }
}

/* Comparison tab */
.nav-tabs > li.compare-tab > a {
   background-color: #f47622;
   color: white;
}

   .nav-tabs > li.compare-tab > a:hover {
      background-color: #fff;
      color: #383635;
   }

.nav-tabs > li.compare-tab > a {
   top: 0;
   opacity: 1;
   filter: alpha(opacity=100);
   -webkit-animation: fadein-tab .5s;
   -moz-animation: fadein-tab .5s;
   -o-animation: fadein-tab .5s;
   animation: fadein-tab .5s;
}

@-webkit-keyframes fadein-tab {
   0% {
      top: 20px;
      padding-top: 0;
      padding-bottom: 0;
      opacity: 0;
      background-color: #fff;
   }

   100% {
      top: 0;
      opacity: 1;
      background-color: #f47622;
   }
}

@-moz-keyframes fadein-tab {
   0% {
      top: 20px;
      padding-top: 0;
      padding-bottom: 0;
      opacity: 0;
      background-color: #fff;
   }

   100% {
      top: 0;
      opacity: 1;
      background-color: #f47622;
   }
}

@-o-keyframes fadein-tab {
   0% {
      top: 20px;
      padding-top: 0;
      padding-bottom: 0;
      opacity: 0;
      background-color: #fff;
   }

   100% {
      top: 0;
      opacity: 1;
      background-color: #f47622;
   }
}

@keyframes fadein-tab {
   0% {
      top: 20px;
      padding-top: 0;
      padding-bottom: 0;
      opacity: 0;
      background-color: #fff;
   }

   100% {
      top: 0;
      opacity: 1;
      background-color: #f47622;
   }
}

.compare-box {
   padding-top: 12px;
   margin-left: -1px;
   width: 120%;
}

@media screen and (max-width:767px) {
   .compare-box {
      width: 100%;
   }
}


/* XOOM xtras page */
#xoomXtras h1 {
   font-size: 1.9em;
   line-height: 1.6em;
}

.auctions h2 {
   font-size: 3em;
   line-height: 1.1em;
}

.auctions h3 {
   line-height: 1.6em;
   color: #63656c;
   font-size: 2em;
   font-family: "GothamRoundedMedium", sans-serif;
   font-weight: normal;
   font-style: normal;
   margin-bottom: 0;
}

.auctions .sweeps-ends {
   line-height: 1.6em;
   color: #63656c;
   font-size: 1.6em;
   font-family: "GothamRoundedMedium", sans-serif;
   font-weight: normal;
   font-style: normal;
   margin-bottom: 0;
}

.whiteBG {
   background-color: white;
   overflow: hidden;
}

.auctionItem {
   padding: 30px 20px;
   text-align: center;
   margin-bottom: 20px;
}

p.upperCase {
   text-transform: uppercase;
}

p.auctionEnd {
   font-size: 1.6em;
   font-family: "GothamRoundedMedium", sans-serif;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   line-height: 20px;
}

@media screen and (min-width:992px) {
   .auctionRepeat:nth-child(3n+1) {
      clear: left;
   }
}

@media screen and (max-width:991px) {
   .auctionRepeat:nth-child(2n+1) {
      clear: left;
   }
}

@media screen and (min-width:991px) {
   .auctions h2 {
      font-size: 4em;
      line-height: 1.1em;
   }
}

.trophy, .certificate {
   margin: 0 auto;
   position: relative;
   z-index: 0;
   margin-top: -100px;
}

.trophy-banner, .certificate-banner {
   position: relative;
   z-index: 1;
}

.trophy .fa-trophy, .certificate .fa-certificate {
   position: relative;
   top: 100px;
   font-size: 12em;
   z-index: 0;
   opacity: .15;
}

/* Koiyne stuff */
.koiyne-burst {
   position: relative;
   width: 300px;
   height: 300px;
   display: block;
   overflow: hidden;
   margin: 0 auto;
}

   .koiyne-burst:before {
      font-family: "FontAwesome";
      content: "\f0a3";
      font-size: 300px;
      color: #f47622;
      line-height: 1em;
      -webkit-animation: slow-spin 60s infinite linear;
      animation: slow-spin 60s infinite linear;
   }

@-webkit-keyframes slow-spin {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
   }
}

@keyframes slow-spin {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
   }
}

.koiyne-burst-items {
   color: white;
   position: absolute;
   top: 96px;
   text-align: center;
   width: 100%;
   font-family: "GothamRoundedMedium", sans-serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}

.koiyne-cost {
   font-size: 4.2em;
   font-weight: bold;
   line-height: 1em;
}

.koiyne-entry {
   font-size: 1.8em;
   line-height: 1.1em;
}

@media only screen and (max-width: 767px) {
   .trophy .fa-trophy, .certificate .fa-certifica {
      opacity: 0;
   }
}

.be-a-winner {
   font-size: 3.2em;
   color: white;
   font-family: "GothamRoundedMedium", sans-serif;
   font-weight: normal;
   font-style: normal;
   line-height: 1.2em;
   text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}

.sweeps-pic {
   width: 100px;
   height: 100px;
   border-radius: 50%;
}

/* Gallery */
.sweeps-gallery {
   width: 100%;
   height: 500px;
   overflow: hidden;
}

   .sweeps-gallery > .rsImg {
      opacity: 0;
   }

   .sweeps-gallery img.rsImg {
      width: 100%;
      height: 100%;
      display: block;
   }

   .sweeps-gallery .rsThumb {
      float: left;
      overflow: hidden;
      width: 100px;
      height: 67px;
      border: 2px solid white;
   }

      .sweeps-gallery .rsThumb.rsNavSelected {
         border: 2px solid #f47622;
      }

      .sweeps-gallery .rsThumb img {
         width: 100%;
         height: 100%;
         display: block;
      }


/* table on xtras page /*


/* Generic Styling, for Desktops/Laptops */
table.xtrasTable, table.sweepsTable {
   width: 90%;
   border-collapse: collapse;
   margin: 32px auto;
}

   table.xtrasTable th, table.sweepsTable th {
      font-weight: bold;
   }

   table.xtrasTable td, table.sweepsTable td, table.xtrasTable th, table.sweepsTable th {
      padding: 6px;
      border-bottom: 1px solid #ccc;
      text-align: left;
   }

/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/

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

   /* Force table to not be like tables anymore */
   table.xtrasTable, table.xtrasTable thead, table.xtrasTable tbody, table.xtrasTable th, table.xtrasTable td, table.xtrasTable tr {
      display: block;
   }

   table.sweepsTable, table.sweepsTable thead, table.sweepsTable tbody, table.sweepsTable th, table.sweepsTable td, table.sweepsTable tr {
      display: block;
   }


      /* Hide table headers (but not display: none;, for accessibility) */
      table.xtrasTable thead tr, table.sweepsTable thead tr {
         position: absolute;
         top: -9999px;
         left: -9999px;
      }

      table.xtrasTable tr, table.sweepsTable tr {
         border-bottom: 1px solid #ccc;
      }

      table.xtrasTable td, table.sweepsTable td {
         /* Behave  like a "row" */
         border-bottom: none;
         position: relative;
         padding-left: 50%;
      }

         table.xtrasTable td:before, table.sweepsTable td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            font-weight: bold;
         }

         /*
	Label the data
	*/
         table.xtrasTable td:nth-of-type(1):before {
            content: "Auction Item";
         }

         table.xtrasTable td:nth-of-type(2):before {
            content: "T'dash Xtra Member";
         }

         table.xtrasTable td:nth-of-type(3):before {
            content: "Date";
         }

         table.xtrasTable td:nth-of-type(4):before {
            content: "Winning Bid";
         }

         table.sweepsTable td:nth-of-type(1):before {
            content: "Sweepstakes Item";
         }

         table.sweepsTable td:nth-of-type(2):before {
            content: "T'dash Xtra Member";
         }

         table.sweepsTable td:nth-of-type(3):before {
            content: "Sweepstakes End Date";
         }
}






/* Content inside of dark tab panels */
.tab-content {
   padding-top: 12px;
   padding-bottom: 12px;
   background: #63656c;
   border-top: 1px solid white;
}

   .tab-content h1, .tab-content h2, .tab-content h3, .tab-content h4 {
      color: white;
      margin: 3px;
      padding: 0;
   }

   .tab-content h2 {
      font-size: 2.2em;
   }

   .tab-content .sub-title {
      font-size: 1.2em;
      line-height: 1.2em;
      font-family: "GothamRoundedBook", sans-serif;
      font-weight: normal;
      font-style: normal;
   }

   .tab-content p {
      color: white;
      line-height: 1.6em;
   }

   .tab-content a:hover {
      color: #eeeeee;
   }

   .tab-content .icon {
      max-height: 74px;
      padding-right: 12px;
   }

   .tab-content .col-md-4 {
      padding-top: 18px;
      overflow: hidden;
   }

.fixed {
   background: url(../images/tab-bg-fixed.jpg) no-repeat;
   background-position: 10% 70%;
}

.variable {
   background: url(../images/tab-bg-variable.jpg) no-repeat;
   background-position: 10% 70%;
}

.renewable {
   background: url(../images/tab-bg-renewable.jpg) no-repeat;
   background-position: 10% 70%;
}

.solar {
   background: url(../images/tab-bg-solar.jpg) no-repeat;
   background-position: 10% 70%;
}

.carbon {
   background: url(../images/tab-bg-fixed.jpg) no-repeat;
   background-position: 10% 70%;
}

.misc {
   background: url(../images/tab-bg-variable.jpg) no-repeat;
   background-position: 10% 70%;
}

@media screen and (max-width:991px) {
   #fixed, #variable, #renewable, #solar, #misc {
      background-position: 0 0%;
   }
}

.dashboard-content > .tab-pane {
   display: none;
}

.dashboard-content > .active {
   display: block;
}

.dashboard-content {
   padding: 48px 0;
   background: rgb(255,255,255); /* Old browsers */
   background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 9%, rgba(247,247,247,1) 23%, rgba(254,254,254,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(9%,rgba(229,229,229,1)), color-stop(23%,rgba(247,247,247,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 9%,rgba(247,247,247,1) 23%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 9%,rgba(247,247,247,1) 23%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 9%,rgba(247,247,247,1) 23%,rgba(254,254,254,1) 100%); /* IE10+ */
   background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 9%,rgba(247,247,247,1) 23%,rgba(254,254,254,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}


/* News */
.newsdate {
   padding: 10px 0 0;
   color: #777777;
}



/* Various extras and backgrounds */
@media screen and (min-width:768px) {
   .bg-windmills {
      background: url(../images/bg-windmills.jpg) top center no-repeat fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
   }

   .bg-street {
      background: url(../images/bg-street.jpg) top center no-repeat fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
   }
}

/* Video */
.videoWrapper {
   position: relative;
   z-index: 1;
   padding-bottom: 56.25%; /* 16:9 */
   padding-top: 25px;
   height: 0;
   -webkit-box-shadow: 0 0px 20px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 0px 20px rgba(0,0,0,0.3);
   box-shadow: 0 0px 20px rgba(0,0,0,0.3);
}

   .videoWrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
   }

@media screen and (max-width:991px) {
   .videoWrapper {
      margin-bottom: 12px;
      margin-top: 12px;
   }
}

@media screen and (min-width:992px) and (max-width:1199px) {
   .tab-content h3 {
      font-size: 1.1em;
   }
}


/* Form Content Boxes */
.well {
   border-radius: 0;
}

   .well.white {
      background-color: white;
      color: #2395d2;
      padding: 25px;
   }

.box-green {
   border: 4px solid #98ca3e;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
}

.box-blue {
   border: 4px solid #2895d2;
   border-radius: 6px;
}

.box-orange {
   border: 4px solid #f47623;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
}

.box-green-headline {
   background-color: #98ca3e;
   overflow: hidden;
   width: 100%;
   padding: 0 2%;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
}

.box-blue-headline {
   background-color: #2895d2;
   overflow: hidden;
   width: 100%;
   padding: 0 2%;
}

.box-orange-headline {
   background-color: #f47623;
   overflow: hidden;
   width: 100%;
   padding: 0 2%;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
}

   .box-green-headline h3, .box-orange-headline h3, .box-blue-headline h3 {
      margin-bottom: 12px;
      font-family: "GothamRoundedBold", sans-serif;
      font-weight: normal;
      font-style: normal;
      color: white;
      text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.15);
   }

   .box-green-headline .lead, .box-orange-headline .lead, .box-blue-headline .lead {
      margin: 14px 0 4px 0;
      font-family: "GothamRoundedBook", sans-serif;
      font-weight: normal;
      font-style: normal;
      line-height: 1.2em;
      padding-right: 30px;
      color: white;
      text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.15);
   }

      .box-green-headline .lead strong, .box-orange-headline .lead strong, .box-blue-headline .lead strong {
         font-family: "GothamRoundedBold", sans-serif;
         font-weight: normal;
         font-style: normal;
      }

.box-icon {
   padding: 0 16px 0 0;
   position: relative;
   font-size: 3.6em;
}

.box-close {
   padding: 0;
   position: relative;
   font-size: 1.8em;
   position: absolute;
   top: 0;
   right: 26px;
}


.box-orange-headline a, .box-blue-headline a, .box-green-headline a {
   color: #eee;
   text-decoration: underline;
}

/*
.circle-pic-group .pic-circle { position:relative; z-index:2; top:0; right:0; border:1px solid #f4f4f4; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-box-shadow:0 6px 30px rgba(0,0,0,0.2); -moz-box-shadow:0 6px 30px rgba(0,0,0,0.2); box-shadow:0 6px 30px rgba(0,0,0,0.2); }
.circle-pic-group .pic-ribbon { position:absolute; z-index:1; top:0; right:0; }
*/

/* 
*
*
*
*
/*
/* Cart & Step Misc */
.step-addendum {
   margin: 20px 0 12px 0;
}


/* Footer */
footer {
   padding: 24px 0;
   font-size: .9em;
   color: #b1b2b6;
   background-color: #63656c;
   -webkit-box-shadow: inset 0 30px 30px -16px rgba(0,0,0,0.3);
   -moz-box-shadow: inset 0 30px 30px -16px rgba(0,0,0,0.3);
   box-shadow: inset 0 30px 30px -16px rgba(0,0,0,0.3);
}

#pnlXoomStates {
   margin-top: 2.4rem;
}

footer .footer-logo {
   margin-top: 5px;
   max-height: 45px;
}

footer .footer-pay {
   margin-top: 3px;
}

footer a:hover, footer a:focus {
   color: #ffffff;
   text-decoration: none;
}

footer a {
   color: #b1b2b6;
   text-decoration: none;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
}

footer ul {
   margin: 0;
   padding: 0;
}

   footer ul li {
      float: left;
      margin-right: 16px;
      display: inline-block;
      padding: 2px 12px 10px 0;
   }

footer .footer-item {
   padding-top: 3px;
   padding-left: 4px;
   float: right;
}

footer .langSelect {
   float: left;
}

footer .footer-centered {
   text-align: center;
}

footer .footer-icon {
   padding-top: 6px;
   padding-right: 4px;
   float: right;
}

   footer .footer-icon img {
      max-height: 24px;
   }

footer p {
   font-size: .8em;
}

footer .state {
   padding: 12px 12px 0 0;
   display: inline-block;
   float: none;
   text-align: center;
}

footer .footer-item.icons {
   padding-bottom: 10px;
}

@media screen and (max-width:991px) {
   footer .footer-item.icons {
      float: none;
      overflow: hidden;
   }
}

@media screen and (max-width:767px) {
   footer {
      text-align: center;
   }

      footer ul {
         padding: 20px 0 10px 0;
         overflow: hidden;
         text-align: center;
      }

         footer ul li {
            float: none;
            padding-bottom: 12px;
         }

      footer .footer-icon {
         float: none;
         display: inline-block;
         padding-right: 0;
      }

      footer .footerMarks .footer-item {
         display: block;
      }

      footer .footer-icon img {
         max-height: 42px;
      }

      footer .footer-item {
         float: none;
         display: inline-block;
         padding-left: 0;
         margin-bottom: 10px;
      }

      footer p {
         text-align: center;
      }

      footer .state {
         padding: 12px 12px 0 0;
         display: inline-block;
         float: none;
         text-align: center;
      }
}

@media screen and (min-width:768px) {
   .page-wrap {
      min-height: 100%; /*margin-bottom:-400px;*/
      background: url(../images/bg-windmills.jpg) top center no-repeat fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
   }

      .page-wrap:after {
         display: block;
         content: ""; /*height:400px;*/
      }

   footer { /*height:400px;*/
   }

   .page-wrap-landing {
      min-height: 100%;
      margin-bottom: -80px;
      background: url(../images/bg-windmills.jpg) top center no-repeat fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
   }

      .page-wrap-landing:after {
         display: block;
         content: "";
         height: 80px;
      }

   footer.landing {
      height: 80px;
   }

   footer .footer-item.marks {
      position: relative;
   }
}

#googleApiContainer iframe {
   position: fixed;
   bottom: 0;
}

.section-gap-10 {
   height: 10px;
}

.section-gap-30 {
   height: 30px;
}

.section-gap-40 {
   height: 40px;
}

/* Button Overrides */
.btn-orange {
   text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.15);
   padding: 5px 12px;
   color: #fff;
   background-color: #f47622;
   border-color: #ec813b;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   -webkit-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   -moz-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   font-family: "GothamRoundedBold", sans-serif;
   font-weight: normal;
   font-size: 1.2em;
   letter-spacing: .03em;
}

   .btn-orange:hover, .btn-orange:focus {
      color: #fff;
      text-decoration: none;
      border-color: #ec813b;
      background-color: #f88233;
      -webkit-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
      -moz-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
      box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
   }

.btn-orangealternate {
   height: 100% !important;
   width: 100%;
   white-space: pre-line;
   text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.15);
   padding: 5px 12px;
   color: #fff;
   background-color: #f47622;
   border-color: #ec813b;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   -webkit-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   -moz-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   font-family: "GothamRoundedBold", sans-serif;
   font-weight: normal;
   font-size: 1.2em;
   letter-spacing: .03em;
}

   .btn-orangealternate:hover, .btn-orangealternate:focus {
      color: #fff;
      text-decoration: none;
      border-color: #ec813b;
      background-color: #f88233;
      -webkit-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
      -moz-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
      box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
   }

.btn-green {
   text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.15);
   padding: 5px 12px;
   color: #fff;
   background-color: #98ca3e;
   border-color: #98ca3e;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   -webkit-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   -moz-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   font-family: "GothamRoundedBold", sans-serif;
   font-weight: normal;
   font-size: 1.2em;
   letter-spacing: .03em;
}

   .btn-green:hover, .btn-green:focus {
      color: #fff;
      text-decoration: none;
      border-color: #98ca3e;
      background-color: #a7da4a;
      -webkit-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
      -moz-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
      box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
   }

.btn-blue {
   text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.15);
   padding: 5px 12px;
   color: #fff;
   background-color: #2895d2;
   border-color: #2895d2;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   -webkit-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   -moz-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   font-family: "GothamRoundedBold", sans-serif;
   font-weight: normal;
   font-size: 1.2em;
   letter-spacing: .03em;
}

   .btn-blue:hover, .btn-blue:focus {
      color: #fff;
      text-decoration: none;
      border-color: #2895d2;
      background-color: #32a2e1;
      -webkit-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
      -moz-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
      box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
   }

.btn-yellow {
   text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.15);
   padding: 5px 12px;
   color: #383635;
   background-color: #ffcf01;
   border-color: #ffcf01;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   -webkit-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   -moz-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   font-family: "GothamRoundedBold", sans-serif;
   font-weight: normal;
   font-size: 1.2em;
   letter-spacing: .03em;
}

   .btn-yellow:hover, .btn-yellow:focus {
      color: #383635;
      text-decoration: none;
      border-color: #ffcf01;
      background-color: #ffd72c;
      -webkit-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
      -moz-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
      box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
   }

.btn-red {
   text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.15);
   padding: 5px 12px;
   color: #fff;
   background-color: #f15a29;
   border-color: #f15a29;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   -webkit-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   -moz-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   font-family: "GothamRoundedBold", sans-serif;
   font-weight: normal;
   font-size: 1.2em;
   letter-spacing: .03em;
}

   .btn-red:hover, .btn-red:focus {
      color: #fff;
      text-decoration: none;
      border-color: #f15a29;
      background-color: #f88233;
      -webkit-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
      -moz-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
      box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
   }

.btn-gray {
   text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.15);
   padding: 5px 12px;
   color: #fff;
   background-color: #cdcdcd;
   border-color: #cdcdcd;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   -webkit-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   -moz-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   font-family: "GothamRoundedBold", sans-serif;
   font-weight: normal;
   font-size: 1.2em;
   letter-spacing: .03em;
}

   .btn-gray:hover, .btn-gray:focus {
      color: #fff;
      text-decoration: none;
      border-color: #cdcdcd;
      background-color: #dcdcdc;
      -webkit-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
      -moz-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
      box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
   }


.btn-white {
   font-family: inherit;
   font-size: 14px;
   height: 34px;
   padding: 6px 12px;
   line-height: 1.42857143;
   padding: 5px 12px;
   color: #383635;
   background-color: #fff;
   border: 1px solid #ccc;
   -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.2);
   -moz-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.2);
   box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.2);
}

   .btn-white:hover, .btn-white:focus {
      text-decoration: none;
      border-color: #2895d2;
      background-color: #fff;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
   }

.fatForm .form-horizontal .form-group {
   margin-left: 0;
   margin-right: 0;
}

.fatForm .bootstrap-select .dropdown-menu > li > a {
   font-family: inherit;
}


@media screen and (min-width:768px) {
   /* FAT FORM STYLES */
   .fatForm .selectpicker .text {
      padding: 5px;
   }

   .fatForm .btn-white {
      height: 60px;
      line-height: 49px;
      font-size: 18px;
   }

   .fatForm .bootstrap-select .dropdown-menu {
      font-size: 18px;
   }

   .fatForm .btn-orange {
      height: 60px;
      line-height: 57px;
      padding-top: 0;
      padding-left: 40px;
      padding-right: 40px;
   }

      .fatForm .btn-orange.btn-change {
         height: 60px;
         line-height: 51px;
         padding-top: 0;
         padding-left: 25px;
         padding-right: 25px;
      }

   .fatForm .form-horizontal .control-label {
      padding-top: 0;
      line-height: 60px;
      font-size: 16px;
   }

      .fatForm .form-horizontal .control-label.wWhatIs {
         padding-top: 10px;
         line-height: 20px;
         font-size: 16px;
      }

   .fatForm .bootstrap-select.form-control:not([class*="span"]) {
      height: 60px;
   }
}

@media screen and (min-width:768px) and (max-width:991px) {
   .fatForm .btn-orange.btn-change {
      height: 60px;
      line-height: 54px;
      padding-top: 0;
      padding-left: 15px;
      padding-right: 15px;
   }

   .fatForm .form-horizontal .control-label {
      padding-top: 0;
      line-height: 60px;
      font-size: 13px;
   }
}


@media screen and (max-width:767px) {
   .fatForm .btn-orange {
      margin: 20px auto;
      padding-left: 30px;
      padding-right: 30px;
   }

   .fatForm .form-horizontal .control-label {
      line-height: 20px;
      font-size: 13px;
   }
}

.lst-orange {
   text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.15);
   font-family: inherit;
   font-size: 14px;
   height: 34px;
   padding: 6px 12px;
   line-height: 1.42857143;
   padding: 5px 12px;
   color: #fff;
   background-color: #f47622;
   border: 1px solid #ec813b;
   -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.2);
   -moz-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.2);
   box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.2);
}

   .lst-orange:hover, .lst-orange:focus {
      text-decoration: none;
      border-color: #ec813b;
      background-color: #f88233;
      outline: 0;
      color: #fff;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
   }


.btn-footer {
   font-size: .9em;
   background-color: #6f7177;
   border: 1px solid #b0b1b5;
   color: #b1b2b6;
}

   .btn-footer:hover, .btn-footer:focus {
      color: #fff;
      text-decoration: none;
      border: 1px solid #ffffff;
   }

.btn-tall {
   padding: 10px;
   font-size: 1.5em;
}

.btn-xs {
   padding: 1px 8px;
   font-size: 12px;
   font-family: inherit;
}

@media screen and (min-width:992px) and (max-width:1199px) {
   .btn-tall {
      font-size: 1.4em;
   }
}

@media screen and (max-width:991px) {
   .btn-tall {
      font-size: 1.3em;
      padding: 10px;
   }
}

@media screen and (max-width:767px) {
   .btn {
      white-space: normal;
   }

   .btn-tall {
      font-size: 1.2em;
   }
}


/* Plan Details Tables */
.mbctable {
   border-collapse: collapse;
   width: 300px;
}

   .mbctable th {
      background-color: #d6f1a5;
      border: 1px solid #98ca3e;
      text-align: left;
      padding: 8px;
   }

   .mbctable td {
      background-color: #d6f1a5;
      border: 1px solid #98ca3e;
      text-align: left;
      padding: 8px;
      width: 50%;
   }

   .mbctable tr {
      line-height: 7px;
   }

      .mbctable tr:nth-child(even) {
         background-color: #ebebeb;
      }

.kWhtable {
   border-collapse: collapse;
   width: 300px;
}

   .kWhtable th {
      background-color: #f6b990;
      border: 1px solid #f47622;
      text-align: left;
      padding: 8px;
   }

   .kWhtable td {
      background-color: #f6b990;
      border: 1px solid #f47622;
      text-align: left;
      padding: 8px;
      width: 50%;
   }

   .kWhtable tr {
      line-height: 7px;
   }

      .kWhtable tr:nth-child(even) {
         background-color: #ebebeb;
      }



/* Form Overrides */
.form-control {
   color: #383635;
   -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.2);
   -moz-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.2);
   box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.2);
   text-align: left;
}

   .form-control:focus {
      border-color: #2895d2;
   }

   .form-control.orange-border {
      border: 3px solid #f47623;
   }

select.form-control {
   padding-left: 8px;
   padding-top: 4px;
}

.inline-triple-date {
   float: left;
   margin-right: 5px;
   margin-bottom: 5px;
   position: relative;
}

.form-horizontal .has-feedback .inline-triple-date .form-control-feedback {
   right: 0;
}

.form-control-feedback {
   -webkit-animation: alerts .5s;
   -moz-animation: alerts .5s;
   -o-animation: alerts .5s;
   animation: alerts .5s;
}

@-webkit-keyframes alerts {
   0% {
      -webkit-transform: scale(4);
      transform: scale(4);
      opacity: 0;
   }

   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}

@-moz-keyframes alerts {
   0% {
      -webkit-transform: scale(4);
      transform: scale(4);
      opacity: 0;
   }

   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}

@-o-keyframes alerts {
   0% {
      -webkit-transform: scale(4);
      transform: scale(4);
      opacity: 0;
   }

   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}

@keyframes alerts {
   0% {
      -webkit-transform: scale(4);
      transform: scale(4);
      opacity: 0;
   }

   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}

.ctaHeader {
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 1.2em;
   margin-bottom: 0;
}

.formCTA h2 {
   margin-top: 0;
   font-size: 2.6em;
   line-height: 1.2em;
}

.formCTA ul {
   padding-left: 20px;
   font-family: "GothamRoundedMedium", sans-serif;
   font-weight: normal;
   margin-top: 10px;
}

   .formCTA ul li {
      padding-bottom: 5px;
   }

.formCTA .small {
   font-size: .8em;
   margin-top: 10px;
}


.aspNetDisabled .btn.disabled {
   background-color: #eee;
   -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.2);
   -moz-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.2);
   box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.2);
}

/* Pretty checkable misc */
.box-orange-headline h3 .prettycheckbox a {
   margin-top: -14px;
   -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2);
   -moz-box-shadow: 0 2px 8px rgba(0,0,0,.2);
   box-shadow: 0 2px 8px rgba(0,0,0,.2);
}
/*.prettycheckbox a, .prettyradio a { -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s; }*/
.pretty-wide-labels label, .pretty-wide-labels label {
   float: none;
   margin: 6px 20px 8px 34px;
   padding: 0px 0px 6px 4px;
}

.prettycheckbox h3, .prettyradio h3 {
   margin-top: -4px;
   margin-left: 8px;
}

.prettycheckbox h4, .prettyradio h4 {
   margin-top: 0;
   margin-left: 8px;
   font-size: 18px;
}

/* Bootstrap Select List (Menu Overrides) */
.bootstrap-select .dropdown-menu {
   min-width: 160px;
   left: 2px !important;
   min-width: 200px;
   top: 116%;
   font-size: 1em;
   background-color: white;
   border: none;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -o-border-radius: 4px;
   -webkit-box-shadow: 0 3px 30px rgba(0,0,0,0.2);
   -moz-box-shadow: 0 3px 30px rgba(0,0,0,0.2);
   box-shadow: 0 3px 30px rgba(0,0,0,0.2);
}

   .bootstrap-select .dropdown-menu > li {
      float: none;
   }

      .bootstrap-select .dropdown-menu > li > a {
         padding: 3px 10px;
         font-family: "GothamRoundedBook", sans-serif;
         font-weight: normal;
      }

         .bootstrap-select .dropdown-menu > li > a:hover, .bootstrap-select .dropdown-menu > li > a:focus {
            background-image: none;
            filter: none;
            background-color: #efefef;
            color: #2895d2;
         }

.selectpicker.btn-orange {
   padding-top: 4px;
   padding-bottom: 4px;
   -webkit-transition: none;
   -moz-transition: none;
   -o-transition: none;
   transition: none;
}

.selectpicker .text {
   min-height: 16px;
   display: block;
}

/* Select picker overrides from bootstrap menu overrides */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
   border-bottom: none;
}

/* Select picker override to play nice with bootstrap */
.bootstrap-select.form-control.open > .dropdown-menu {
   top: -2px;
   bottom: auto;
   display: block;
   min-width: 100%;
   left: 0 !important;
}

.bootstrap-select.form-control.dropup .caret {
   border-top: 4px solid;
   border-bottom: 0;
}


/* Form input icons */
.form-group.has-icon {
   position: relative;
}

   .form-group.has-icon .form-control {
      padding-left: 30px;
   }

.form-control-icon {
   position: absolute;
   top: 0;
   left: 0;
   right: auto;
   display: block;
   width: 34px;
   height: 34px;
   line-height: 34px;
   text-align: center;
}

.form-inline .control-label {
   margin-top: 0;
   margin-bottom: 0;
   padding-top: 7px;
}

.control-label-left {
   text-align: left;
}

/* Tooltip Overrides */
.tooltip-inner {
   background-color: #383635;
   font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
   font-size: 13px;
}

.tooltip.top .tooltip-arrow {
   border-top-color: #383635;
}

/* Modal search form */
.mfp-wrap {
   -webkit-overflow-scrolling: touch;
}

.mfp-preloader {
   height: 100px;
   margin-top: -3em;
   content: "" !important;
   background-image: url("../images/lightbox-ico-loading.gif");
   background-repeat: no-repeat;
   background-position: top center;
}

.mfp-ajax-holder .mfp-content {
   width: auto;
}

.white-popup-form {
   padding: 0;
   width: 360px;
   margin: 0 auto;
   -webkit-box-shadow: 0 10px 100px rgba(0,0,0,0.6) !important;
   -moz-box-shadow: 0 10px 100px rgba(0,0,0,0.6) !important;
   box-shadow: 0 10px 100px rgba(0,0,0,0.6) !important;
}

   .white-popup-form .container {
      width: auto;
   }

   .white-popup-form .col-md-5.col-lg-4.pull-right {
      float: none;
      width: 100%;
   }

   .white-popup-form .search-plan-box {
      padding: 0 15px;
      top: 0;
   }

/*.mfp-bg { background: url(../images/modal-backdrop.jpg) no-repeat bottom center #000000; background-size:100%; opacity:1; filter: alpha(opacity=1); }*/

.white-popup {
   padding: 25px;
   max-width: 900px;
   border: 2px solid #98ca3e;
   width: auto;
   margin: 0 auto;
   -webkit-box-shadow: 0 10px 100px rgba(0,0,0,0.6) !important;
   -moz-box-shadow: 0 10px 100px rgba(0,0,0,0.6) !important;
   box-shadow: 0 10px 100px rgba(0,0,0,0.6) !important;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   -o-border-radius: 12px;
   border-radius: 12px;
}

   .white-popup.notice {
      padding: 0;
      max-width: 500px;
   }

      .white-popup.notice .mfp-close {
         color: white !important;
      }

.mfp-close-btn-in .mfp-close {
   color: #2895d2;
}

.subdomain-popup {
   padding: 25px;
   max-width: 1200px;
   border: 2px solid #f47623;
   width: auto;
   margin: 0 auto;
   -webkit-box-shadow: 0 10px 100px rgba(0,0,0,0.6) !important;
   -moz-box-shadow: 0 10px 100px rgba(0,0,0,0.6) !important;
   box-shadow: 0 10px 100px rgba(0,0,0,0.6) !important;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   -o-border-radius: 12px;
   border-radius: 12px;
}

   .subdomain-popup img {
      margin-top: 15px;
   }

.provider-modal {
   position: relative;
   padding: 0;
   background: white;
   font-size: 11px;
   max-width: 1200px;
   width: auto;
   margin: 0 auto;
   -webkit-box-shadow: 0 10px 100px rgba(0,0,0,0.6) !important;
   -moz-box-shadow: 0 10px 100px rgba(0,0,0,0.6) !important;
   box-shadow: 0 10px 100px rgba(0,0,0,0.6) !important;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -o-border-radius: 0;
   border-radius: 0;
   border-bottom: 6px solid #d9d9d9;
}

.provider-modal-image {
   border: 15px solid #2895d2;
}

.provider-modal-details {
   min-height: 150px;
   padding: 32px 18px 8px 18px;
   overflow: hidden;
}

   .provider-modal-details img {
      max-height: 60px;
      margin-top: 6px;
   }

.provider-modal .mfp-close {
   background: #2895d2;
   color: white;
   top: 15px;
   right: 40px;
   opacity: 1;
   bottom: auto;
   left: auto;
}

@media screen and (max-width:767px) {
   .provider-modal-details img {
      max-height: 120px;
   }
}

/* Affirmations */
.affirmation {
   border: 4px solid white;
   max-height: 400px;
   overflow: auto;
   padding: 30px;
   clear: both;
}

@media screen and (max-width:767px) {
   .affirmation {
      max-height: inherit;
   }
}

/* Overrides for .net modals */
.ui-front {
   z-index: 2000;
}

.netmodal.white-popup-form, .netmodal.provider-modal, .white-popup {
   top: 0;
   opacity: 1;
   filter: alpha(opacity=100);
   -webkit-animation: fadein-modal .2s;
   -moz-animation: fadein-modal .2s;
   -o-animation: fadein-modal .2s;
   animation: fadein-modal .2s;
}

@-webkit-keyframes fadein-modal {
   0% {
      top: -30px;
      opacity: 0;
   }

   100% {
      top: 0;
      opacity: 1;
   }
}

@-moz-keyframes fadein-modal {
   0% {
      top: -30px;
      opacity: 0;
   }

   100% {
      top: 0;
      opacity: 1;
   }
}

@-o-keyframes fadein-modal {
   0% {
      top: -30px;
      opacity: 0;
   }

   100% {
      top: 0;
      opacity: 1;
   }
}

@keyframes fadein-modal {
   0% {
      top: -30px;
      opacity: 0;
   }

   100% {
      top: 0;
      opacity: 1;
   }
}

.netmodal.mfp-close {
   color: #2895d2;
}

.mfp-bg {
   /*background: url(../images/modal-backdrop.jpg) no-repeat bottom center #000000;*/
   z-index: 100 !important;
   width: 100% !important;
   height: 100% !important;
   background-size: 100%;
   opacity: .9;
   filter: alpha(opacity=90);
   -webkit-animation: fadein-modal-background .5s;
   -moz-animation: fadein-modal-background .5s;
   -o-animation: fadein-modal-background .5s;
   animation: fadein-modal-background .5s;
}

@-webkit-keyframes fadein-modal-background {
   0% {
      opacity: 0;
   }

   100% {
      opacity: .90;
   }
}

@-moz-keyframes fadein-modal-background {
   0% {
      opacity: 0;
   }

   100% {
      opacity: .90;
   }
}

@-o-keyframes fadein-modal-background {
   0% {
      opacity: 0;
   }

   100% {
      opacity: .90;
   }
}

@keyframes fadein-modal-background {
   0% {
      opacity: 0;
   }

   100% {
      opacity: .90;
   }
}



.loading-overlay {
   background: rgba(255,255,255,.9);
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   overflow: hidden;
   position: fixed;
   text-align: center;
   z-index: 100 !important;
   width: 100% !important;
   height: 100% !important;
   -webkit-animation: fadein-modal-background .5s;
   -moz-animation: fadein-modal-background .5s;
   -o-animation: fadein-modal-background .5s;
   animation: fadein-modal-background .5s;
}

   .loading-overlay p {
      position: relative;
      top: 36%;
      background: url(../images/icon-loading-circle.png) no-repeat top center;
      width: 150px;
      height: 150px;
      background-size: 100%;
      padding-top: 16px;
      display: inline-block;
   }


/* This used?
.white-popup-tcs {
	position: relative;
	background: #FFF;
	padding: 25px;
	width: auto;
	max-width: 800px;
	margin: 0 auto;
	border: 2px solid #f47623;
	height:600px;
	overflow: auto;
	-webkit-box-shadow:0 10px 100px rgba(0,0,0,0.6) !important; -moz-box-shadow:0 10px 100px rgba(0,0,0,0.6) !important; box-shadow:0 10px 100px rgba(0,0,0,0.6) !important; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; 
}
*/
/* Partner Specific Options */
.clientBackgroundPrimary {
   background-color: #000000;
}

.clientBackgroundSecondary {
   background-color: #000000;
}

.clientBackgroundSecondaryBorder {
   border-color: #000000;
}


#googleApiContainer {
   width: 0;
   height: 0;
   position: absolute;
   bottom: 0;
   z-index: 0;
}

/*
 *
 *
 *
 *
 *
*/
/* 404 Subdomain Page */
#subdomainError.row-fluid {
   background-color: rgba(255,255,255,.65);
   text-align: center;
   position: relative;
   top: 15%;
}

#subdomainError .ctaBox {
   padding: 50px;
}

#subdomainError h1 {
   text-shadow: 1px 1px #000;
}

#subdomainError .btn {
   margin-top: 20px;
   padding: 15px;
}

#subdomainError.row-fluid {
   opacity: 0;
   -webkit-animation: error-cta .5s 1.25s forwards;
   -moz-animation: error-cta .5s 1.25s forwards;
   -o-animation: error-cta .5s 1.25s forwards;
   animation: error-cta .5s 1.25s forwards;
}

@-webkit-keyframes error-cta {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

@-moz-keyframes error-cta {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

@-o-keyframes error-cta {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

@keyframes error-cta {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

/*
 *
 *
 *
 *
 *
*/
/* Mini Calendar Styles */
.calDates {
   width: 100%;
   border: none;
   margin: 0;
   padding: 0;
   outline: none;
}

   .calDates table {
      padding: 0;
      margin: 0;
      height: auto;
   }

   .calDates td {
      margin: 0;
      height: auto;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
   }

.calHeader {
   background: #4d4d4d;
   font-size: 16px;
   font-weight: bold;
   color: #fff;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

.dayHeader {
   background: #ddd;
   border-bottom: 2px solid #f5f5f5;
   border-right: 2px solid #f5f5f5;
   border-top: 2px solid #f5f5f5;
   font-size: 12px;
   padding: 8px;
   margin-bottom: 2px;
   overflow: hidden;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

.calArrows {
   font-size: 11px;
   padding: 0;
   padding: 8px 0;
   background: #4d4d4d;
   color: #FFFFFF !important;
}

   .calArrows a:link, .calArrows a:visited, .calArrows a:hover, .calArrows a:active {
      font-size: 11px;
      padding: 0 12px;
      background: #4d4d4d;
      color: #FFFFFF !important;
      text-decoration: none;
   }

.dayStyle {
   text-align: left;
   background: #eee !important;
   padding: 8px;
   border-right: 2px solid #f5f5f5;
   border-bottom: 2px solid #f5f5f5;
   border-top: 2px solid #f5f5f5;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

   .dayStyle a:link, .dayStyle a:visited, .dayStyle a:hover, .dayStyle a:active {
      text-decoration: none;
      display: block;
      background: #2895d2;
      margin: -8px;
      padding: 8px !important;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
   }

/* green 98ca3e*/
.daySelected {
   background: #98ca3e !important;
   text-align: left;
   padding: 8px;
}

.legend {
   padding-top: 16px;
   font-size: 10px;
   color: #CCCCCC;
}

   .legend .label {
      float: left;
   }

   .legend .available {
      float: left;
      width: 30px;
      height: 14px;
      background: url(../../images/calendar/available-bkgrd.jpg) repeat-x;
      margin: 0 6px 2px 0;
   }

   .legend .selected {
      float: left;
      width: 30px;
      height: 14px;
      background: url(../../images/calendar/selected-bkgrd.jpg) repeat-x;
      margin: 0 6px 2px 0;
   }

/* Special alert */
.progress.site-status {
   height: 80px;
   margin-bottom: 0;
   overflow: hidden;
   background-color: #f47622;
   border-radius: 0;
   -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
   box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

@media screen and (max-width:991px) {
   .progress.site-status {
      height: auto;
   }
}

.progress.site-status .progress-bar {
   -webkit-animation: progress-bar-stripes 6s linear infinite;
   -o-animation: progress-bar-stripes 6s linear infinite;
   animation: progress-bar-stripes 6s linear infinite;
   background-color: #f47622;
   padding-top: 28px;
   font-size: 20px;
   font-weight: strong;
   text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
   font-family: "GothamRoundedBook", sans-serif;
}

@media screen and (max-width:991px) {
   .progress.site-status .progress-bar {
      padding: 12px;
      font-size: 14px;
   }
}


/*
 *
 *
 *
 *
 *
*/
/* Language */
.japanese {
}

   .japanese .btn {
      white-space: normal;
   }

   .japanese .btn-tall {
      font-size: 15px;
   }

   .japanese .btn-white {
      padding: 8px 12px;
   }

   .japanese .control-label {
      font-size: 16px;
   }

@media screen and (min-width:992px) and (max-width:1199px) {
   .japanese .btn-tall {
      font-size: 13px;
   }
}

@media screen and (max-width:991px) {
   .japanese .btn-tall {
      font-size: 9px;
   }
}

@media screen and (max-width:767px) {
   .japanese .btn-tall {
      font-size: 15px;
   }
}




/* Admin CMS overlays */
.overlay {
   position: relative;
   overflow: hidden;
   min-height: 130px;
}

.overlayimgEdit {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
   z-index: 7;
}

#cpMain_lnkEditLeft, #cpMain_lnkEditRight, #cpMain_lnkEditLeft2, #cpMain_lnkEditRight2, #cpMain_lnkEditFull2, #cpMain_lnkEditFull {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   background-color: rgba(0,0,0,.3);
   width: 100%;
   height: 100%;
   min-height: 130px;
}

#TB_window {
   border: 0 !important;
   top: 20% !important;
   left: 50% !important;
}


/* Printables
 *
 *
 *
 *
 *
*/
@media print {
   @import url(printmain.css);
}


/* Auto Bill Pay Styles */
.form-group.auto-pay {
   display: block;
   margin: 0 auto;
   width: 60%;
}

@media screen and (max-width:1200px) {
   .form-group.auto-pay {
      display: block;
      margin: 0 auto;
      width: 80%;
   }
}

@media screen and (max-width:991px) {
   .form-group.auto-pay {
      display: block;
      margin: 0 auto;
      width: 100%;
   }
}

/* Classes to Easily Hide Content On Only Mobile or Only Desktop  */

/* medium+ screen sizes */
@media (min-width:992px) {
   .desktop-only {
      display: block !important;
   }
}

/* small screen sizes */
@media (max-width: 991px) {
   .mobile-only {
      display: block !important;
   }

   .desktop-only {
      display: none !important;
   }
}


/* Notification Modal
 *
 *
 *
 *
 *
*/
.modal-content {
   text-align: center;
   margin: 0 auto;
   text-decoration: none;
   border: 3px solid #98ca3e;
   border-radius: 1em;
}

.modal-header {
   background-color: #98ca3e;
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
}

.modal-title {
   text-align: center;
   margin: 0 auto;
   color: white;
}

.modal-body {
   text-align: center;
   margin: 0 auto;
}

   .modal-body p {
      text-align: center;
      word-wrap: break-word;
   }

   .modal-body img {
      position: relative;
      margin: 0 auto;
      width: 250px;
   }

.btn-center {
   margin: 0 auto;
   width: 100%;
   text-align: center;
}

@media screen and (max-width: 480px) {
   #header {
      display: none;
   }
}




/* JAPAN MOCKUP CODE */

/* Font styles*/
.jpmockup p {
   font-size: 16px;
   font-family: 'Lato', sans-serif;
}

.jpmockup h2 {
   font-family: 'Lato', sans-serif;
   font-weight: 600;
}

.jpmockup h3 {
   font-family: 'Lato', sans-serif;
   font-weight: 500;
}

.jp-button-label h2 {
   font-size: 20px !important;
}

.jp-input-label h2 {
   font-size: 16px !important;
}

/* Posters */
.poster-large-jpmockup {
   height: 250px;
   position: relative;
}

   .poster-large-jpmockup .poster {
      background-color: #2395d2;
   }

   .poster-large-jpmockup h2 {
      font-family: 'Lato', sans-serif !important;
      color: #FFF;
      font-size: 3em;
   }

.poster-small-jpmockup {
   height: 150px;
   position: relative;
   padding: 16px 0;
}

   .poster-small-jpmockup .poster {
      background-color: #2395d2;
   }

   .poster-small-jpmockup h2 {
      font-family: 'Lato', sans-serif !important;
      color: #FFF;
      font-size: 3em;
   }

@media screen and (max-width:767px) {
   .jpmockup h2 {
      font-size: 2em;
   }

   .jpmockup h3 {
      font-size: 1.5em;
   }

   .poster-large-jpmockup {
      height: 300px;
   }

      .poster-large-jpmockup h2 {
         font-size: 1.3em !important;
         color: #fff;
      }

   .poster-small-jpmockup h2 {
      font-size: 2.5em !important;
      color: #fff;
   }
}

/*custom upload elements*/
.customfile-input {
   position: absolute;
   /*height: 100px;*/
   cursor: pointer;
   background: transparent;
   border: 0;
   opacity: 0;
   -moz-opacity: 0;
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
   z-index: 999;
}

.customfile {
   width: 99%;
   background: #fff;
   cursor: pointer;
   /*overflow: hidden; */ /*  causes button to disappear on focus */
   padding: 0;
   border: 1px solid #ccc;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   position: relative;
   display: inline-block;
}

.customfile-disabled {
   opacity: .5;
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
   cursor: default;
}

.customfile-feedback {
   display: block;
   margin: 1px 1px 1px 5px;
   font-size: 1em;
   color: #555;
   font-style: italic;
   padding: .3em .6em;
}

.customfile-feedback-populated {
   color: #555;
   font-style: normal;
   padding-left: 20px;
   background: url(../images/icon-generic.gif) left 4px no-repeat;
   overflow: hidden; /* hide overlow text */
}

.customfile-button {
   border: 1px solid #999;
   background: #aaa url(../images/bg-btn.png) bottom repeat-x;
   color: #333;
   float: right;
   width: 70px;
   padding: .3em .6em;
   text-align: center;
   text-decoration: none;
   font-size: 1em;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
}

.customfile-hover .customfile-button, .customfile-focus .customfile-button {
   color: #fff;
   background: #2994D2; /*#98ca3e;*/
   border-color: #fff;
   padding: .3em .6em;
}

.customfile-focus .customfile-button {
   outline: 1px dotted #ccc;
}

/*file type icons*/
.customfile-ext-jpg, .customfile-ext-gif, .customfile-ext-png, .customfile-ext-jpeg, .customfile-ext-bmp {
   background-image: url(../images/icon-image.gif);
}

.customfile-ext-mp3, .customfile-ext-mp4, .customfile-ext-mov, .customfile-ext-swf, .customfile-ext-wav, .customfile-ext-m4v {
   background-image: url(../images/icon-media.gif);
}

.customfile-ext-zip, .customfile-ext-tar, .customfile-ext-sit {
   background-image: url(../images/icon-zip.gif);
}
/*END custom upload elements*/


/* reCaptcha responsive style */
@media screen and (max-height: 575px) {
   #rc-imageselect, .g-recaptcha {
      transform: scale(0.90);
      -webkit-transform: scale(0.90);
      transform-origin: 0 0;
      -webkit-transform-origin: 0 0;
   }
}

ul.career {
   padding-top: 50px;
   list-style-type: none;
}

   ul.career li {
      height: 30px;
   }

   ul.career span {
      display: inline-block;
      width: 50%;
   }

   ul.career a.viewjob {
      display: inline-block;
      width: 22%;
   }

.white-popup {
   position: relative;
   background: #FFF;
   padding: 20px;
   width: auto;
   max-width: 500px;
   margin: 20px auto;
}

   .white-popup.width {
      max-width: 650px;
   }

@media (max-width:767px) {
   #main-navbar-collapse .menu-item {
      text-align: left;
      padding-left: 10px !important;
   }
}

@media (min-width:768px) {

   .white-popup {
      max-width: 700px
   }
}

@media (min-width:992px) {
   .white-popup {
      max-width: 920px
   }
}

@media (min-width:1200px) {
   .white-popup {
      max-width: 1120px
   }
}

/* Cropper changes*/
.cropper-dashed, .cropper-modal {
   opacity: .75;
   filter: alpha(opacity=75);
}

.no-margin {
   margin: 0px;
}

.no-padding {
   padding: 0px;
}

.preview {
   overflow: hidden;
   width: 450px;
   height: 400px;
}

@media only screen and (max-width : 415px) {
   .preview {
      width: 375px !important;
   }
}

@media only screen and (max-width : 412px) {
   .preview {
      width: 370px !important;
   }
}

@media only screen and (max-width : 375px) {
   .preview {
      width: 335px !important;
   }
}

@media only screen and (max-width : 360px) {
   .preview {
      width: 320px !important;
   }
}

@media only screen and (max-width : 340px) {
   .preview {
      width: 300px !important;
   }
}

@media only screen and (max-width : 320px) {
   .preview {
      width: 280px !important;
   }
}

.btn-container-payment {
   width: 100%;
   text-align: center;
}

.btn-payment {
   width: 50%;
   word-wrap: break-word;
   white-space: pre-wrap;
}

.m-b-15 {
   margin-bottom: 15px;
}

.ms-res-ctn.dropdown-menu {
   background-color: white;
   box-shadow: 0 3px 30px rgba(0,0,0,0.2);
}

div.ms-ctn div.ms-sel-item {
   font-size: 14px;
   color: initial;
   margin: unset;
   padding: 3px 5px;
}

div.ms-sel-ctn {
   padding-right: unset;
}

div.ms-res-ctn .ms-res-item {
   color: initial;
}

div.ms-ctn div.ms-trigger {
   border-left: none;
}

.btn-45 {
   width: 47%;
}

.acnSupplierLogo {
   width: 100%;
}

   .acnSupplierLogo img {
      float: right;
      margin: 0 auto;
      max-width: 200px;
   }

@media (min-width: 320px) and (max-width: 1024px) {
   .acnSupplierLogo img {
      /*float:none;*/
      display: table;
      margin: 0 auto;
      max-width: 100px;
      background-color: transparent;
   }
}

/* This class is set to display:inherit; on the enrollment.css */
.enrollment-show {
   display: none;
}


.page-wrap-home {
   background: #ffffff;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.btn-xoom {
   text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.15);
   padding: 5px 12px;
   color: #fff;
   background-color: #2895d2;
   border-color: #2895d2;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   -webkit-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   -moz-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.9);
   font-family: "GothamRoundedBold", sans-serif;
   font-weight: normal;
   font-size: 1.2em;
   letter-spacing: .03em;
}

   .btn-xoom:hover, .btn-xoom:focus {
      color: #fff;
      text-decoration: none;
      border-color: #2895d2;
      background-color: #32a2e1;
      -webkit-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
      -moz-box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
      box-shadow: inset 0 1px 5px -2px rgba(0,0,0,0.4);
   }

.menu-item {
   margin: 0 !important;
   padding: 0 !important;
   border-top: 2px solid transparent;
}

   .menu-item.border-x {
      border-right: 1px solid #97c93f;
      border-left: 1px solid #97c93f;
   }

   .menu-item.border-x1 {
      border-left: 1px solid #97c93f;
   }

   .menu-item.border-x2 {
      border-right: 1px solid #97c93f;
   }

   .menu-item:hover {
      border-top-color: #0493cd;
      background-color: rgba(0,0,0,0.2);
   }


.row-flex, .row-flex > div[class*='col-'] {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   flex: 1 1 auto;
}

.row-flex-wrap {
   -webkit-flex-flow: row wrap;
   align-content: flex-start;
   flex: 0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
   margin: -.2px; /* hack adjust for wrapping */
}

.row-flex-vcenter {
   display: flex;
   justify-content: center;
   flex-direction: column;
}

.flex-col {
   display: flex;
   display: -webkit-flex;
   flex: 1 100%;
   flex-flow: column nowrap;
}

.flex-grow {
   display: flex;
   -webkit-flex: 2;
   flex: 2;
}

.vbottom {
   vertical-align: bottom;
}

.h-100 {
   height: 100%;
}

.w-100 {
   width: 100%;
}

.border-rounded {
   max-width: 100%;
   border-radius: 5px;
}

.row.slider-container {
   margin-left: 0px;
   margin-right: 0px;
}