@font-face {
    font-family: 'Klavika';
      src: url('/fonts/KlavikaWebBasicMedium.eot'); /* IE9 Compat Modes */
      src: url('/fonts/KlavikaWebBasicMedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('/fonts/KlavikaWebBasicMedium.woff') format('woff'); /* Modern Browsers */
      font-weight: normal;
      font-style: normal;
}

body {
    font-family: Arial, sans-serif !important;
    color: #808284;
}

body {
    padding-top: 103px;
}

h1, h2, h3, h4 {
    color: #0f4270  /*#1679b8*/;
    font-family: 'Klavika', Arial, sans-serif !important;
    font-weight: normal;
}

.autoMargin {
    margin-left: auto;
    margin-right: auto;
}

.margin0auto {
    margin: 0 auto;
}

a {
    color: #0f4270;
    text-decoration: none;
}

.affix, .navbar-fixed-top {
    /* Fix for Chrome autoscroll bug */
    -webkit-transform: scale3d(1,1,1);
}

.blueStrong {
    color: #0f4270;
}

.btnLarge {
    font-size: 1.4em;
    font-family: Klavika, Arial, sans-serif;
}

.capOrange {
    color: #f7971c;
    text-transform: uppercase;
}

.capWhite {
    color: #ffffff;
    text-transform: uppercase;
}

@media (min-width: 1400px) {
    .container {
        width: 1370px;
    }
}

@media (min-width: 1400px) {
    .hidden-xlg {
        display: none;
    }
}

@media (max-width: 399px) {
    .hidden-xxs {
        display: none;
    }
}

.imgMarginBottom {
    margin-bottom: 20px;
}

.imgMarginBottom2 {
    margin-bottom: 40px;
}

.inputCentered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.marginBottom {
    margin-bottom: 20px;
}

.marginRight {
    margin-right: 10px;
}

.marginTop {
    margin-top: 20px;
}

.modalContentEnd {
    margin-bottom: 0;
}

.orange, a.orange, .orange a {
    color: #F7971C;
}

a.orange, .orange a {
    text-decoration: underline;
}

a.orange:hover , .orange a:hover {
    color: #dd801e;
}

a.orange:active, .orange a:active {
    color: #f8a34a;
}

.bigFooter .orangeFooter a {
    color: #f7971c;
}

.bigFooter .orangeFooter a:hover {
    color: #dd801e;
}

.red {
    color: red;
}

.residentialContent, .businessContent, .businessLightContent {
    z-index: 1;
}

p, .residentialContent ol, .residentialContent ul, .businessContent ol, .businessContent ul, .businessLightContent ol, .businessLightContent ul {
    font-size: 1.2em;
    margin: 0 0 20px;
}

.primaryColor {
    color: #0f4270  /*#1679b8*/;
}



.primaryColorList {
    color: #0f4270  /*#1679b8*/;
    font-weight: bold;
}

.standardText {
    color: #808284;
    font-weight: normal;
}

.svg-responsive {
    width: 100%;
    display: block;
}

.visible400Minus {
    display: none;
}

@media (max-width: 400px) {
    .visible400Minus {
        display: block;
    }
}


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.anchorLink:before {
content: "";
display: block;
height: 151px; /* fixed header height*/
margin: -151px 0 0; /* negative fixed header height */
}

@media (max-width: 991px) {
    .anchorLink:before {
        height: 172px; /* fixed header height*/
        margin: -172px 0 0; /* negative fixed header height */
    }
}

@media (max-width: 767px) {
    .anchorLink:before {
        height: 103px; /* fixed header height*/
        margin: -103px 0 0; /* negative fixed header height */
    }
}

/* Universal Navigation */

#topHeader {
    height: 103px;
    background: #0f4270;
}

#broadvoiceLogo {
    float: left;
}

.broadvoiceLarge {
    margin-top: 30px;
}

.broadvoiceMedium {
    margin-top: 37px;
}

.broadvoiceMedium, .broadvoiceSmall {
    display: none;
}

@media (max-width: 991px) {
    .broadvoiceSmall {
       display: block;
       margin-right: 7px;
    }
    .broadvoiceLarge {
       display: none;
    }
    .businessLightLogo .broadvoiceLarge {
        display: block;
    }
    .businessLightLogo .broadvoiceSmall {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #business #broadvoiceLogo .broadvoiceMedium {
        display: none;
    }

    #business #broadvoiceLogo .broadvoiceSmall {
        display: block;
    }
}

@media (max-width: 767px) {
    .broadvoiceSmall {
       display: none;
    }
    .broadvoiceMedium {
       display: block;
    }

    .businessLightLogo .broadvoiceLarge {
        display: none;
    }
}



#serviceTypeSelection {
    float: left;
    color: #0f4270  /*#1679b8*/;
    padding: 0 0 18px 0; /*30px 0 14px 0*/
}

@media (max-width: 767px) {
    #serviceTypeSelection {
        display: none;
    }
}

@media (min-width: 768px) {
    #serviceTypeSelection {
        margin-left: 18px;
    }
}

@media (min-width: 992px) {
    #serviceTypeSelection {
        margin-left: 64px;
    }
}

#serviceTypeSelection .activeService a {
    border-top: 4px solid #f7971c;
}

#newResidential a, #newBusiness a {
    color: #ffffff;
    height: 32px;
    margin-right: 5px;
    margin-left: 2px;
    padding: 4px 5px 7px 5px;
    line-height: 32px;
    font-family: Klavika, Arial, sans-serif;
    text-decoration: none;
}

#newResidential {
    background: url(/Images/Header/four_dots.png) right center no-repeat;
}

#serviceTypeSelection a:hover, #serviceTypeSelection a:active, #serviceTypeSelection a:focus {
    color: #f7971c;
}

#serviceTypeSelection .activeService a, #serviceTypeSelection .activeService a:hover, #serviceTypeSelection .activeService a:hover, #serviceTypeSelection .activeService a:focus {
    color: #ffffff !important;

}


/*
#newResidential a:hover, #newBusiness a:hover {
    color: #ffffff;
    background-color: #003057;
    text-decoration: none;
    border: 1px solid #557c99;
}

#newResidential a:active, #newBusiness a:active {
    color: #f7971c;
    background-color: #557c99;
    outline: none;
    border: 1px solid #557c99;
}*/

#theBlazeLogo {
    float: right;
    margin-left: 5px;
}

@media (max-width: 1199px) {
    .bigBlaze {
        display: none;
    }
}

@media (min-width: 1200px) {
    .smallBlaze {
        display: none;
    }
}

@media (max-width: 767px) {
    .smallBlaze {
        display: none;
    }
    .bigBlaze {
        display: none;
    }
}

#radioPromo {
    float: right;
    width: 145px;
    height: 67px;
    margin-top: 22px;
    background: url(/Images/Residential/radio_promo.png) no-repeat;
    cursor: pointer;
}

#radioPromo .btn-primary {
    margin-left: 6px;
    margin-top: 44px;
    font-family: Klavika;
    font-size: 15px;
    padding: 0 20px;
    line-height: inherit;
}

@media (max-width: 1199px) {
    #radioPromo {
        width: 93px;
        margin-top: 18px;
        background: url(/Images/Residential/radio_promo_small.png) no-repeat;
    }

    #radioPromo .btn-primary {
        margin-left: 4px;
        margin-top: 47px;
        font-size: 12px;
        padding: 0 8px;
    }
}


#residential2 #radioPromo {
    margin-top: 18px;
    background: url(/Images/Residential/radio_promo.png) no-repeat;
    width: 145px;
    height: 67px;
}

#residential2 #radioPromo .btn-primary {
    margin-left: 6px;
    margin-top: 44px;
    font-family: Klavika;
    font-size: 15px;
    padding: 0 20px;
    line-height: inherit;
}

@media (max-width: 767px) {
    #radioPromo {
        display: none;
    }
}

#radioPromoModal .modal-header {
    border-bottom: none;
}

@media (min-width: 768px) {
    #radioPromoModal .modal-dialog {
        max-width: 600px;
    }
}

#topHeaderLinks {
    float: right;
    color: #0f4270  /*#1679b8*/;
    padding: 42px 0 18px 0; /*30px 0 14px 0*/
}

#newLogin {
    margin-left: 10px;
    margin-right: 10px;
}

#newLiveChat a {
    background: url(/images/Header/icon_support.png) top left no-repeat; 
}

.mobileCallNow {
    padding: 42px 0 18px 0;
    float: right;
    margin-right: 50px;
}

@media (max-width: 335px) {
    .mobileCallNow {
        display: none;
    }
}

@media (min-width: 768px) {
    .mobileCallNow {
        display: none;
    }
}

#newLiveChat a:hover, #newLogin a.dropdown-toggle-text:hover, #CallNowButton a:hover {
    color: #ffffff;
    background-position: center left;
    background-color: #003057  /*#1679b8*/;
    text-decoration: none;
    border: 1px solid #557c99  /*#1679b8*/;
}

#newLiveChat a:active, #newLogin a.dropdown-toggle-text:active, #CallNowButton a:active {
    color: #f7971c;
    background-position: bottom left;
    background-color: #557c99  /*#10609f*/;
    outline: none;
    border: 1px solid #557c99  /*#10609f*/;
}

#CallNowButton a:active svg path {
    fill: #f7971c;
}

#newLiveChat:focus {
    outline: none;
}

@media (max-width: 1199px) {
    #newLiveChat .billingText {
        display: none;
    }
}

#newLogin .dropdown-toggle-text {
    background: url(/images/Header/icon_login.png) top left no-repeat; 
}

#newLogin a.dropdown-toggle-text, #newLiveChat a, #CallNowButton a {
    color: #ffffff;
    height: 32px;
    background-color: #0f4270;
    border: 1px solid #557c99;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 7px 5px 7px 30px;
    line-height: 32px;
    text-decoration: none;
}

#CallNowButton a {
    padding: 7px 5px 7px 7px;
}

#newNumber {
    float: left;
    height: 32px;
    padding: 0 10px 0 0;
    line-height: 30px;
    border: 1px solid #0f4270;
    color: #f7971c;
    font-family: Klavika, Arial, sans-serif;
}

#newNumber svg {
    padding-top: 3px;
}

#newNumber svg path {
    fill: #f7971c;
}

#newNumber a {
    color: #f7971c;
}

#newNumber {
    font-size: 28px;
}

@media (max-width: 991px) {
    #callUsNewNumber {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    #topHeaderLinks {
        display: none;
    }
}

.callUsNumberLink svg, #newNumber svg {
    vertical-align: baseline;
}

@media (max-width: 767px) {
    .callUsNumberLink svg, #newNumber svg {
    vertical-align: bottom;
}
}

#callUsSales {
    font-size: 14px;
    display: block;
    float: left;
    margin-right: 8px;
}



/* Tier 2 Nav */

#broadvoiceNav {
    background: #0f4270  /*#1679b8*/;
}

#broadvoiceNav a {
    color: #ffffff;
}

#broadvoiceNav .active {
    color: #f7971c;
    background: #557c99;
    border-radius: 4px;
}

#broadvoiceNav .navbarBrand .active:hover {
    background: #557c99;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
background-color: #0f4270  /*#1679b8*/;
color: #fff;
}

#businessNav ul.dropdown-menu, #residentialNav ul.dropdown-menu {
    width: 100%;
}

#businessNav .dropdown-menu li, #residential2 #residentialNav .dropdown-menu li {
    width: 100%;
    border-left: none;
    border-right: none;
}

#businessNav .dropdown-menu, #residential2 #residentialNav .dropdown-menu {
    margin-top: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    left: inherit;
    right: 0;
    min-width: 115px;
}

#businessNav .dropdown-menu li a, #residential2 #residentialNav .dropdown-menu li a {
    color: #808284;
}

#businessNav .dropdown-menu li a:hover, #residential2 #residentialNav .dropdown-menu li a:hover {
    color: #262626;
    background: #f5f5f5;
}

#businessNav .dropdown-menu li a:active, #residential2 #residentialNav .dropdown-menu li a:active {
    font-weight: normal;
}



@media (max-width: 767px) {
    .navbar-inverse #broadvoiceNav .navbar-nav .open .dropdown-menu > li > a, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #0f4270  /*#1679b8*/;
    }
    .navbar-inverse #broadvoiceNav .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #ffffff;
        background: #0f4270  /*#1679b8*/;
    }
    .navbar-inverse #broadvoiceNav .navbar-nav .open .dropdown-menu > li > a:active, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:active {
        background: #003057  /*#10609f*/;
    }
    .navbar-inverse #broadvoiceNav .navbar-nav > .open > a, .navbar-inverse #broadvoiceNav .navbar-nav > .open > a:hover, .navbar-inverse #broadvoiceNav .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        color: #ffffff !important;
        background: #003057  /*#10609f*/;
    }
    #broadvoiceNav .active {
        background: #ffffff;
        font-weight: bold;
    }

}

@media (min-width: 768px) {
    #broadvoiceNav {
        
    }

    ul.navbarBrand {
        width: 100%;
    }

    .navbarBrand li {
        width: 16.66666667%;
        text-align: center;
        padding-right: .75%;
        padding-left: .2%;
        background: url(/Images/Header/four_dots.png) no-repeat center right;
    }

    #residential2 .navbarBrand li {
        width: 20%;
    }

    .navbarBrand li:last-of-type {
        background-image: none;
    }

    .navbarBrand li#businessServicesDropdown.open .dropdown-menu li, #residential2 .navbarBrand li#residentialLoginDropdown.open .dropdown-menu li {
        background: none;
    }

    .navbarBrand li#businessServicesDropdown.open .dropdown-menu a, #residential2 .navbarBrand li#residentialLoginDropdown.open .dropdown-menu a {
        padding: 10px 5px;
        white-space: normal;
    }

    #broadvoiceNav .navbarBrand a {
        font-size: 1.1em;
        font-family: Klavika, Arial, sans-serif;
    }

    #broadvoiceNav .navbarBrand a:hover {
        background-color: #003057  /*#10609f*/;
        border-radius: 4px;
    }

    #broadvoiceNav .navbarBrand a:active {
        color: #f7971c;
        background-color: #557c99;
        border-radius: 4px;
    }

    .navbar-nav > li > a {
        padding: 10px;
    }

    #residentialNav, #businessNav {
        margin-bottom: 8px;
    }

}

@media (min-width: 992px) {
    #broadvoiceNav #residentialNav .navbarBrand a {
        height: 40px;
    }

    .navbarBrand li#businessServicesDropdown.open .dropdown-menu, #residential2 .navbarBrand li#residentialLoginDropdown.open .dropdown-menu {
        min-width: 140px;
    }

    .navbarBrand li#businessServicesDropdown.open .dropdown-menu li, #residential2 .navbarBrand li#residentialLoginDropdown.open .dropdown-menu li {
        height: inherit;
    }

    .navbarBrand li#businessServicesDropdown.open .dropdown-menu a, #residential2 .navbarBrand li#residentialLoginDropdown.open .dropdown-menu a {
        padding: 10px 20px;
    }

    .navbarBrand li {
        padding-right: .5%;
    }

    li.howItWorksLink a, li.FAQsLink a, li.supportLink a {
        padding: 10px;
    }

}

@media (min-width: 1200px) {
    #broadvoiceNav .navbarBrand a {
        font-size: 1.3em;
    }

    .navbarBrand li#businessServicesDropdown.open .dropdown-menu a, .navbarBrand li#residentialLoginDropdown.open .dropdown-menu a {
        font-size: 1.0em;
    }
}

@media (min-width: 1400px) {
    #broadvoiceNav .navbarBrand a {
        font-size: 1.4em;
    }
}


/* Dropdown Nav */

.navbar-toggle {
    margin-top: -61px !important;
    padding: 8px 10px;
    height: 32px;
}

.navbar-inverse .navbar-toggle {
    border-color: #557c99 !important;
    background-color: #0b436d !important;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #003057  /*#1679b8*/ !important;
    border-color: #557c99  /*#1679b8*/ !important;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffffff !important;
}

.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar {
    background-color: #ffffff !important;
}

@media (min-width: 768px) {
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #ffffff !important;
    }
}

.navbar-inverse {
    background-color: #ffffff !important;
    border: none !important;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
}

@media (max-width: 767px) {
    .navbar-collapse {
        border-top: 1px solid #d2d2d2 !important;
        border-bottom: 1px solid #ffffff !important;
        border-left: 1px solid #ffffff !important;
        border-right: 1px solid #ffffff !important;
    }
}

@media (max-height: 410px) {
    .navbar-collapse {
        max-height: 300px;
    }
}

@media (max-height: 370px) {
    .navbar-collapse {
        max-height: 260px;
    }
}

@media (max-height: 330px) {
    .navbar-collapse {
        max-height: 220px;
    }
}

@media (max-height: 290px) {
    .navbar-collapse {
        max-height: 180px;
    }
}

@media (max-height: 250px) {
    .navbar-collapse {
        max-height: 140px;
    }
}

@media (max-height: 210px) {
    .navbar-collapse {
        max-height: 100px;
    }
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav > li > a {
        color: #0f4270  /*#1679b8*/ !important;
    }

    .navbar-inverse .navbar-nav > li > a:hover {
        background: #0f4270  /*#1679b8*/ !important;
        color: #ffffff !important;
    }

    .navbar-inverse .navbar-nav > li > a:active {
        background: #003057  /*#10609f*/ !important;
        color: #ffffff !important;
    }

    .navbar-collapse {
        background: #ffffff;
    }
}


.dropdownText {
    padding: 10px 15px;
    line-height: 20px;
    color: #0f4270  /*#1679b8*/;
}

.cursorPointer {
    cursor: pointer;
}

@media (min-width: 768px) {
    .topNavMobileLinks {
        display: none;
    }
}

/* Footer */



.bigFooter {
    background: #0f4270  /*#1679b8*/;
    padding-top: 20px;
    padding-bottom: 20px;

}

.bigFooter a, .bigFooter p {
    color: #ffffff;
}

.bigFooter .pull-left {
    margin-right: 50px;
}

.bigFooter .pull-left:last-of-type {
    margin-right: 0;
}

@media (min-width: 1200px) {
    .bigFooter .pull-left {
        margin-right: 100px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .bigFooter .pull-left {
        margin-right: 35px;
    }

    .bigFooter {
        font-size: .9em;
    }

}

#bannerResidentialiHeartMedia .phoneCordStarburst3 {
    display: none;
}

@media (max-width: 499px) {
    #bannerResidentialiHeartMedia .phoneCordStarburst2 {
        display: none;
    }

    #bannerResidentialiHeartMedia .phoneCordStarburst3 {
        display: block;
        margin-bottom: 20px;
    }
}

.bigFooter .svg-responsive {
    max-width: 244px;
}

.socialMedia img {
    background: #f7971c;
    border-radius: 4px;
    float: left;
    margin-right: 10px;
}

.socialMedia img:hover {
    background: #dd801e;
}

.socialMedia img:active, .socialMedia img:focus {
    background: #f8a34a;
}

/* Modals */

.modal-header {
    border-bottom: 1px solid #0f4270  /*#1679b8*/;
    padding: 15px 40px;
}

.modal-footer {
    border-top: 1px solid #0f4270  /*#1679b8*/;
}

.modal-title {
    color: #0f4270  /*#1679b8*/;
}

@media (max-width: 767px) {
    .modal-title {
        font-size: 1.4em;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 750px;
    }
    .modal-title {
        font-size: 1.8em;
    }
}

@media (min-width: 992px) {
    .modal-dialog {
        width: 970px;
    }
    .modal-title {
        font-size: 2.2em;
    }
}

@media (min-width: 1200px) {
    .modal-dialog {
        width: 1170px;
    }
    .modal-title {
        font-size: 2.6em;
    }
}

@media (min-width: 1400px) {
    .modal-dialog {
        width: 1370px;
    }
}

.modal-bodyRow {
    padding: 20px 40px;
}

.modal-body ul {
    list-style: none;
    padding-left: 0;
}

.containerTotals {
    font-size:1.2em;
    border: 1px solid #0f4270  /*#1679b8*/;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

@media (min-width: 992px) {
    .containerTotals {
        margin-top: -10px;
    }
}

.containerTotalsHeader {
    color: #ffffff;
    background: #0f4270  /*#1679b8*/;
    padding: 10px;
}

.containerTotalsSection {
    padding: 10px;
    border-top: 1px solid #0f4270  /*#1679b8*/;
}

@media (max-width: 1199px) {
    .modal-body ul {
        font-size: 1em;
    }
}

.modal-body .smallText {
    font-size: 1em;
}

@media (max-width: 1199px) {
    .modal-body .smallText {
        font-size: .9em;
    }
}

@media (max-width: 767px) {
    .containerTotalsSection .row {
        margin-bottom: 10px;
    }
}

.modalSignUp {
    margin-bottom: 40px;
}

.modalSignUp .signUpBtn {
    display: block;
    margin: 20px auto 15px auto;
}

.modalSignUpCall {
    font-size: 1.2em;
    text-align: center;
}

.modalTooltip {
    color: #0f4270  /*#1679b8*/;
    cursor: pointer;
}

.modal-body .tooltip {
    font-size: 14px;
}

.modal-body .tooltip.in {
    opacity: 1;
}

.modal-body .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #0f4270  /*#1679b8*/;
}

.modal-body .tooltip-inner {
    padding: 10px;
    max-width: 400px;
    background-color: #0f4270  /*#1679b8*/;
}

/* Landing Page */

.landingContent {
    padding-bottom: 40px;
}

.landingTitle {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}


.landingImage {
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:100%;
    background-position:center;
    width: 100%;
    padding-bottom: 71%;
    -webkit-transition: background .4s ease-in;
    -moz-transition: background .4s ease-in;
    -o-transition: background .4s ease-in;
    transition: background .4s ease-in;
}

.landingImage:hover {
    background-size: 101%;
    -webkit-transition: background .4s ease-out;
    -moz-transition: background .4s ease-out;
    -o-transition: background .4s ease-out;
    transition: background .4s ease-out;
}

.landingResidentialImage {
    background-image: url(/images/LandingPage/service_residential.jpg);
}

.landingBusinessImage {
    background-image: url(/images/LandingPage/service_business.jpg);
}

.imageButtonResponsive {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    z-index: 1001;
}

.imageButtonBottom {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: 30px;
    margin-right: 30px;
    height: 40px;
    bottom: 7%;
    z-index: 1000;
}

.imageButton {
    color: #ffffff;
    font-size: 1.8em;
    background: #f78d1e  /*#1679b8*/;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #ffffff;
    max-width: 250px;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 3px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1000;
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.25);
    box-shadow: 1px 1px 0 rgba(0,0,0,.25);
    font-family: Klavika, Arial, sans-serif;
}

.imageButton a {
    color: #ffffff;
}

.landingImage:hover .imageButton {
    background: #dd801e  /*#10609f*/;
}

.landingImage:active .imageButton {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
}

@media (max-width: 400px) {
    .imageButton {
        font-size: 1.2em;
    }
}

.landingDescription {
    color: #0f4270  /*#1679b8*/;
    font-size: 2.0em;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: Klavika, Arial, sans-serif;
}

@media (max-width: 1199px) {
    .landingDescription {
        font-size: 1.4em;
    }
}

@media (max-width: 991px) {
    .landingDescription {
        font-size: 1.2em;
    }
}

@media (max-width: 767px) {
    .landingDescription {
        font-size: 2.0em;
    }
}

@media (max-width: 600px) {
    .landingDescription {
        font-size: 1.4em;
    }
}

@media (max-width: 500px) {
    .landingDescription {
        font-size: 1.2em;
    }
}

.landingText {
    color: #808284;
    font-size: 1.5em;
    text-align: center;
    margin-top: 10px;
}

@media (max-width: 991px) {
    .landingText {
        font-size: 1.2em;
    }
}

@media (max-width: 767px) {
    .landingText {
        font-size: 1.5em;
    }
}

@media (max-width: 500px) {
    .landingText {
        font-size: 1.2em;
    }
}

/* Banner Override */

@media (max-width: 767px) {
    .banner {
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

.banner2 {
    position: relative;
    height: 100%;
    width: 100%;
}


.carouselContainer ol.carousel-indicators {
    margin-left: -30%;
}

.carouselContainer .carousel-control {
    opacity: 1;
}

.carouselContainer .carousel-indicators .active {
    background-color: #0f4270  /*#1679b8*/;
}

@media screen and (min-width: 768px) {
    .carousel-indicators {
        bottom: 0px;
    }
}

@media (max-width: 600px) {
    .carouselContainer ol.carousel-indicators {
        display: none;
    }
}

.carouselContainer .carousel-indicators li {
    border: 1px solid #0f4270  /*#1679b8*/;
    background: #ffffff;
    height: 15px;
    width: 15px;
    margin: 0;
}

.carouselContainer .carousel-indicators li:hover {
    background-color: #003057  /*#10609f*/;
}

.carouselContainer .carousel-control {
    width: 50px;
}

.carouselContainer .carousel-control .icon-prev, .carouselContainer .carousel-control .glyphicon-chevron-left {
    margin-left: -35px;
    background: #0f4270  /*#1679b8*/;
    border: 1px solid #ffffff;
    border-radius: 4px;
    height: 50px;
    width: 60px;
    padding-top: 8px;
    padding-left: 9px;
    text-shadow: none;
    font-size: 30px;
    position: inherit;
}



.carouselContainer .carousel-control.left:hover .icon-prev, .carouselContainer .carousel-control.left:hover .glyphicon-chevron-left {
    background: #003057  /*#10609f*/; 
}

.carouselContainer .carousel-control.left:active .icon-prev, .carouselContainer .carousel-control.left:active .glyphicon-chevron-left {
    background: #003057  /*#10609f*/;
    color: #0f4270  /*#1679b8*/; 
}

.carouselContainer .carousel-control.left, .carouselContainer .carousel-control.right {
    background-image: none;
    overflow: hidden;
    filter: none;
}

.carouselContainer .carousel-control .icon-next, .carouselContainer .carousel-control .glyphicon-chevron-right {
    margin-right: -35px;
    background: #0f4270  /*#1679b8*/;
    border: 1px solid #ffffff;
    border-radius: 4px;
    height: 50px;
    width: 60px;
    padding-top: 8px;
    padding-right: 9px;
    text-shadow: none;
    font-size: 30px;
    position: inherit;
}



.carouselContainer .carousel-control.right:hover .icon-next, .carouselContainer .carousel-control.right:hover .glyphicon-chevron-right {
    background: #003057  /*#10609f*/;
}

.carouselContainer .carousel-control.right:active .icon-next, .carouselContainer .carousel-control.right:active .glyphicon-chevron-right {
    background: #003057  /*#10609f*/;
    color: #0f4270  /*#1679b8*/;
}

.carouselContainer .container {
    padding-left: 70px;
}

@media (max-width: 600px) {
    .carouselContainer .container {
        padding-right: 70px;
    }
}


/* Residnetial Main */

.residentialContent, .businessContent, .businessLightContent {
    margin-top: 0;
}

@media (min-width: 768px) {
    .businessContent {
        margin-top: 69px;
    }

    .residentialContent {
        margin-top: 48px;
    }
}

@media (min-width: 992px) {
    .residentialContent, .businessContent {
        margin-top: 48px;
    }
}

.banner {
    width: 100%;
    min-height: 520px;
    z-index: 990;
}

@media (max-width: 767px) {
    .banner::after {
        opacity: .4;
    }
}

.bannerTitle {
    color: #0f4270  /*#1679b8*/;
    font-size: 3em;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 5px;
    font-family: 'Klavika', Arial, sans-serif !important;
}

.bannerTitle.bannerTitleLow {
    margin-top: 80px;
}

@media (max-width: 1199px) {
    .bannerTitle {
        font-size: 2.1em;
    }
}

@media (max-width: 991px) {
    .bannerTitle {
        font-size: 1.8em;
    }
}

@media (max-width: 500px) {
    .bannerTitle {
        font-size: 1.4em;
    }
}

.bannerNoSubTitle {
    margin-bottom: 40px;
}

.bannerSubTitle {
    color: #f7971c  /*#1679b8*/;
    font-size: 1.8em;
    margin-bottom: 20px;
    font-family: Klavika, Arial, sans-serif;
    text-transform: uppercase;
}

.bannerListTitle {
    color: #0f4270;
    font-size: 1.8em;
    font-family: Klavika, Arial, sans-serif;
}

@media (max-width: 767px) {
    .bannerSubTitle, .bannerListTitle {
        font-size: 1.5em;
    }
}

@media (max-width: 500px) {
    .bannerSubTitle, .bannerListTitle {
        font-size: 1.4em;
        margin-bottom: 15px;
    }
}



.banner ul {
    padding-left: 30px;
    font-size: 1.3em;
}

@media (max-width: 500px) {
    .banner ul{
     font-size:1.1em;
    }
}

.banner li {
    list-style: none;
}

.banner li span {
    margin-left: -27px;
    margin-right: 10px;
    color: #0f4270  /*#1679b8*/;
}

.learnMore {
    font-size: 1.3em;
    color: #0f4270  /*#1679b8*/;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.learnMore a {
    color: #0f4270  /*#1679b8*/;
    text-decoration: none;
}

.learnMore a:hover {
    color: #003057  /*#10609f*/;
}

.bannerPlanArea {
    width: 180px;
    float: left;
}

.residentialContent .btn-primary, #sg-popup .btn-primary, #surveyModal .btn-primary, #radioPromo .btn-primary, .btn-primary.btn-primaryBroadvoice {
    background-color: #F7971C  /*#1679b8*/;
    border: none;
}

.residentialContent .btn-primary:hover, #sg-popup .btn-primary:hover, #surveyModal .btn-primary:hover, #radioPromo .btn-primary:hover, #radioPromo:hover .btn-primary, .btn-primary.btn-primaryBroadvoice:hover {
    background-color: #dd801e  /*#10609f*/;
}

.residentialContent .btn-primary:active, .residentialContent .btn-primary:focus, #sg-popup .btn-primary:active, #sg-popup .btn-primary:focus, #surveyModal .btn-primary:active, #surveyModal .btn-primary:focus, #radioPromo .btn-primary:active, #radioPromo .btn-primary:focus, #radioPromo:active .btn-primary, #radioPromo:focus .btn-primary, .btn-primary.btn-primaryBroadvoice:active, .btn-primary.btn-primaryBroadvoice:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .25);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .25);
}

.input-group-btn .btn-primary.btn-primaryBroadvoice {
    border: 1px solid #f7971c;
}

.residentialContent .btn-danger {
    background-color: #e81d25;
}

.residentialContent .btn-danger:hover {
    background-color: #b4040b;
}

.signUpBtn {
    text-align: center;
    width: 180px;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 10px;
}

.bannerPlanArea:nth-of-type(2) {
        margin-left: 40px;
    }

@media (max-width: 767px) {
    .bannerPlanArea {
        width: 155px;
    }

    .bannerPlanArea:nth-of-type(2) {
        margin-left: 15px;
    }

    .signUpBtn {
        width: 155px;
    }

}

.bannerPlan {
    color: #0f4270  /*#1679b8*/;
    font-size: 1.3em;
    margin-top: 30px;
    text-align: center;
}

.bannerPrice {
    font-size: 5em;
    color: #0f4270  /*#1679b8*/;
    line-height: .9em;
    margin-top: 30px;
    text-align: center;
    font-family: 'Klavika', Arial, sans-serif !important;
}

.bannerPrice2 {
    font-size: 5em;
    color: #0f4270  /*#1679b8*/;
    line-height: .9em;
    text-align: center;
    font-family: 'Klavika', Arial, sans-serif !important;
}

.bannerPrice sup, .bannerPrice2 sup {
    font-size: 50%;
    top: .6em;
    vertical-align: top;
}

.bannerMonth {
    color: #0f4270  /*#1679b8*/;
    font-size: 1.3em;
    text-align: center;
}

.bannerContract {
    color: #0f4270  /*#1679b8*/;
    text-align: center;
    font-size: .9em;
    margin-top: -15px;
    margin-bottom: 20px;
}

#banner button, banner input {
    font-size: 1.3em;
    margin-bottom: 20px;
}

.bannerPriceDetails {
    text-align: center;
    color: #0f4270  /*#1679b8*/;
    font-size: 1.2em;
    margin-top: 10px;
}

@media (max-width: 767px) {
    .bannerPriceDetails {
        font-size: 1em;
    }
}

.bannerPromoDetails {
    text-align: center;
    color: #0f4270  /*#1679b8*/;
    font-size: 1.0em;
    margin-top: 10px;
}

@media (max-width: 767px) {
    .bannerPromoDetails {
        font-size: .9em;
    }
}

.bannerPlanContainer {
    width: 200px;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top: 5px;
    border: 2px solid #0f4270;
    border-radius: 4px;
    background: #ffffff;
}

.bannerPlanContainer .bannerPlanArea, .bannerPlanContainer .signUpBtn {
    width: 180px;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.bannerPlanContainer:first-of-type {
    margin-right: 30px;
}

.bannerPlanContainer .bannerPlanBlueBG {
    background: #0f4270;
    color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.bannerPlanContainer .bannerPlanTitle {
    font-size: 2.25em;
    font-family: 'Klavika', Arial, sans-serif !important;
    text-align: center;
}



.bannerPlanContainer .bannerPriceDetails {
    font-size: .9em;
    margin-top: 0;
    margin-bottom: 10px;
    color: #ffffff;
}

.bannerPrice2 sub {
    font-size: .3em;
    vertical-align: sub;
    margin-left: -35px;
    position: relative;
    bottom: .6em;
}

.bannerPlanContainer .costBreakdown {
    margin-top: 10px;
    text-align: center;
}

.bannerPlanContainer .costBreakdown a {
    text-decoration: underline;

}

.pricingPanelContainer {
    width: 208px;
    height: 261px;
    float: left;
    margin-bottom: 20px;
    position: relative;
}

.pricingPanelContainer:first-of-type {
    margin-right: 30px;
}

.pricingPanel {
    width: 208px;
    height: 261px;
    position: absolute;
    background-position: top center;
    background-repeat: no-repeat;
}

.pricingPanel:hover {
    background-position: center;
}

.pricingPanel:active {
    background-position: bottom center;
}

.pricingPanel#payUpfrontPanel {
    background-image: url('/images/Residential/833_panel.png');
}

.pricingPanel#payMonthlyPanel {
    background-image: url('/images/Residential/995_panel2.png');
}

.pricingPanel .pricingPanelLink a {
    position: absolute;
    width: 208px;
    height: 225px;
    top: 0;
    left: 0;
    cursor: pointer;
}

.pricingPanelContainer .costBreakdown {
    position: absolute;
    top: 230px;
    width: 208px;
    text-align: center;
    height: 31px;
    z-index: 100;
}

.pricingPanelContainer .costBreakdown a {
    text-decoration: underline;
}

/* Centered General Styles */

.uppercase {
    text-transform: uppercase;
}

.blueBG {
    background: #0f4270;
    color: #ffffff;
}

.blueBG h1 {
    color: #f7971c;
}

.blueBG p {
    color: #ffffff;
}

.lightBlueBG {
    background: #486f91;
}

.lightBlueBG h1, .lightBlueBG .plansBenefitsList, .lightBlueBG .featureDescription, .lightBlueBG {
    color: #ffffff;
}

.greyBG {
    background: #737373;
    color: #ffffff;
}

.btn-secondary {
    background: #0f4270;
    color: #ffffff;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
    background: #003057;
    color: #ffffff;
}

.btn-whiteBorder {
    border: 1px solid #ffffff
}

/* Centered Nav */

#residentialNav2 {
    float: left;
    margin-left: 5px;
    margin-top: 38px;
    font-size: 1.3em;
    font-family: Klavika, Arial, sans-serif;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #residentialNav2 {
        font-size: 1.1em;
    }
}

#residentialNav2 li {
    padding-right: 5px;
    padding-left: 2px;
    background: url(/Images/Header/four_dots.png) no-repeat center right;
}

#residentialNav2 li:last-of-type {
    background-image: none;
}

#residentialNav2 a {
    color: #ffffff;
}

#residentialNav2 .dropdown-menu li {
    background-image: none;
    padding-right: 2px;
}

#residentialNav2 .dropdown-menu li a {
    color: #808284;
}

#residentialNav2 .dropdown-menu li a:hover {
    color: #ffffff;
    background-color: #808284;
    border-radius: 4px;
}

#residentialNav2 a:hover {
    background-color: #003057;
    border-radius: 4px;
}

#residentialNav2 a:active, #residentialNav2 .active, #residentialNav2 .active:hover {    
    color: #f7971c;
    background-color: #557c99;
    border-radius: 4px;
}

@media (min-width: 768px) and (max-width: 1399px) {
    #broadvoiceLogo .broadvoiceLarge, #broadvoiceLogo .broadvoiceSmall {
        display: none;
    }

    #broadvoiceLogo .broadvoiceMedium {
        display: block;
    }
}

@media (max-width: 450px) {
    #broadvoiceLogo .broadvoiceLarge, #broadvoiceLogo .broadvoiceMedium{
        display: none;
    }

    #broadvoiceLogo .broadvoiceSmall {
        display: block;
    }
    
    #broadvoiceLogo.businessLightLogo .broadvoiceMedium {
        display: block;
    }
}



/* Centered Residential */

#homePhonePlansPanel #planTabs {
    margin-top: 30px;
    margin-bottom: 0;
    border-bottom: none;
    font-family: Klavika, Arial, sans-serif;
    margin-left: 70px;
}

@media (max-width: 1199px) {
    #homePhonePlansPanel #planTabs {
        margin-left: 25px;
    }
}

@media (max-width: 991px) {
    #homePhonePlansPanel #planTabs {
        margin-left: 20px;
    }
}


#planTabs li {
    margin-right: 4px;
     -webkit-border-top-left-radius: 4px;
     -moz-border-radius-topleft: 4px;
}

#planTabs li.active  a {
    background: none;
}

#planTabs li a {
    padding: 10px 40px 6px 35px;
    border: none;
}

@media (min-width: 992px) {
    #planTabs li a {
        font-size: 1.25em;
    }
}

@media (max-width: 767px) {
    #planTabs li a {
        font-size: 1em;
    }
}

@media (max-width: 450px) {
    #planTabs li {
        margin-right: 0;
    }
    
    #planTabs li a {
        font-size: .8em;
    }
}

@media (max-width: 350px) {
    #planTabs li a {
        font-size: .7em;
    }
}

#planTabs li.active a {
    padding: 10px 40px 10px 35px;
}

@media (max-width: 767px) {
    #planTabs li a {
        padding: 10px 20px 6px 10px;
    }
    
    #planTabs li.active a {
        padding: 10px 20px 10px 10px;
    }
}

#homePhonePlansPanel #planTabs {
    z-index: 1;
    position: relative;
}

#homePhonePlansPanel .tab-content {
    z-index: 2;
    position: relative;
}

#homePhonePlansTab a {

}

#homePhonePlansTab a:hover {
    color: #ffffff;
}

#homePhonePlansTab {
    background: url("/Images/Residential/tab_diagonal.png") right no-repeat #afc0cf;
    color: #0f4270;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}

#homePhonePlansTab a:hover,  #homePhonePlansTab a:focus, #homePhonePlansTab a:active {
    color: #ffffff;
    background: none;
}

#homePhonePlansTab.active a:hover,  #homePhonePlansTab.active a:focus, #homePhonePlansTab.active a:active {
    color: #0f4270;
    background: none;
}

#homePhonePlansTab.active a:hover {
    color: #0f4270;
}

#homePhonePlansTab.active a {
    color: #0f4270;
}

#homePhonePlansPanel .tab-content h3 {
    margin-top: 10px;
}

#homePhonePlansPanel .tab-content #homePhonePlans {
    background: url("/Images/Residential/broadvoice_domestic_plans.png") center center no-repeat #afc0cf;
    background-size: contain;
    border-radius: 4px;
    border: 1px solid #afc0cf;
}

#homePhonePlansPanel .tab-content #internationalPhonePlans .newPanel {
    background: url("/Images/Residential/broadvoice_international_plans.png") center center no-repeat #486f91;
    background-size: contain;
    border-radius: 4px;
    border: 1px solid #486f91;
}

#internationalPhonePlansTab a {
    color: #ffffff;
    background: none;
}

#internationalPhonePlansTab a:hover {
    background: none;
    color: #f7971c;
}

#internationalPhonePlansTab {
    background: url("/Images/Residential/tab_diagonal.png") right no-repeat #486f91;
}

#internationalPhonePlansTab.active {

}

#internationalPhonePlansTab.active a {
    color: #ffffff;
}

#residential2 .carouselContainer .container {
    padding-left: 15px;
    padding-right: 15px;
}

#residential2 .carousel-indicators {
    position: absolute;
    top: 25px;
    left: auto;
    z-index: 15;
    padding-left: 0;
    list-style: none;
    text-align: center;
    width: auto;
    bottom: auto;
    margin-left: inherit;
}

#residential2 .carousel-indicators div {
    display: inline-block;
    color: #ffffff;
    background: #0f4270;
    padding: 5px 10px;
    border: 1px solid #0f4270;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    font-family: Klavika, Arial, sans-serif;

}

@media (max-width: 400px) {
    #residential2 .carousel-indicators div {
        font-size: .9em;
    }
}

@media (min-width: 768px) {
    #residential2 .carousel-indicators div {
        font-size: 1.1em;
    }
}

@media (min-width: 1200px) {
    #residential2 .carousel-indicators div {
        font-size: 1.3em;
    }
}

@media (min-width: 1400px) {
    #residential2 .carousel-indicators div {
        font-size: 1.4em;
    }
}

#residential2 .carousel-indicators div:hover {
    background: #003057;
    border: 1px solid #003057;
}

#residential2 .carousel-indicators div:active, #residential2 .carousel-indicators div:focus {
    background: #557c99;
    border: 1px solid #0f4270;
    color: #f7971c;
}

#residential2 .carouselContainer .carousel-indicators .active {
    border: 1px solid #0f4270;
    background: #557c99;
    color: #f7971c;
    cursor: inherit;
    width: auto;
    height: inherit;
}

#residential2 .carouselContainer .carousel-indicators .active:hover {
    border: 1px solid #0f4270;
    background: #557c99;
    color: #f7971c;
}

#residential2 .carouselContainer .carousel-indicators svg {
    padding-top: 3px;
}

#residential2 .carouselContainer .carousel-indicators .active path, #residential2 .carouselContainer .carousel-indicators div:focus path, #residential2 .carouselContainer .carousel-indicators div:active path {
    fill: #f7971c;
}

@media (max-width: 1199px) {
    #residential2 .carouselContainer .carousel-indicators svg {
        height: 15px;
        width: 25px;
    }
}

@media (max-width: 400px) {
    #residential2 .carouselContainer .carousel-indicators svg {
        display: none;
    }
}

.carouselRightButton {
    position: absolute;
    margin-top: 20px;
    right: 0;
    font-size: 1em;
    font-family: Klavika, Arial, sans-serif;
    color: #ffffff;
    background: #f7971c;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    padding: 10px 15px 10px 10px;
    z-index: 10;
    cursor: pointer;
}

.carouselRightButton:hover {
    background: #dd801e;
}

.carouselRightButton:active, .carouselRightButton:focus {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
}

.carouselButtonSVG {
    margin-right: 10px;
    margin-top: 7px;
}

@media (max-width: 767px) {
    .carouselRightButton {
        margin-top: 5px;
    }

    .carouselButtonSVG {
        margin-top: -3px;
        margin-bottom: -3px;
    }
}

@media (max-width: 349px) {
    .carouselRightButton .carouselButtonSVG {
        display: none;
    }
}

.carouselRightButton div {
    float: left;
    display: block;
}

.scrollDown {
    position: absolute;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    left: 50%;
    margin-left: 10px;
}

@media (max-width: 767px) {
    .scrollDown {
        display: none;
    }
}

.scrollDown:hover polyline {
    stroke: #dd801e;
}

.bounce {
    -webkit-animation: bounce 3s infinite;
    animation: bounce 3s infinite;
}

/* Scroll down indicator (bouncing) */

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-20px);
    }
    60% {
        -webkit-transform: translateY(-10px);
    }
}
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-20px);
    }
    60% {
        -moz-transform: translateY(-10px); 
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); 
    }
    40% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    60% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

.newPanel {
    padding-top: 15px;
    padding-bottom: 20px;
}

.newPanel .white {
    background-color: #ffffff;
}

.newPanel .white p {
    color: #808284;
}

.newPanel .white .featureTitle {
    color: #f7971c;
}

.newPanel h1, .newPanel h2, .newPanel h3, .newPanel h4 {
    text-align: center;
}

.paragraphAfterHeader {
    margin-top: 20px;
}

.plansContainer {
    padding-top: 10px;
}

.planPanel {
    border: 4px solid #0f4270;
    border-radius: 8px;
    text-align: center;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    position: relative;
    background: #ffffff;
}

.planPanel.hovered {
    /*border-color: #003057;*/
    cursor: pointer;
}

.planPanel.hovered .planPrice {
    color: #003057;
}

.planPanel.smallerPanel {
    font-size: .9em;
}

@media (min-width: 768px) {
    .planPanel.smallerPanel {
        margin-top: 49px;
    }

    #internationalPhonePlans .planPanel.smallerPanel {
        margin-top: 24px;
    }
}

@media (min-width: 992px) {
    #internationalPhonePlans .planPanel.smallerPanel {
        margin-top: 21px;
    }
}

@media (min-width: 1400px) {
    .planPanel.smallerPanel {
        margin-top: 28px;
    }

    #internationalPhonePlans .planPanel.smallerPanel {
        margin-top: 31px;
    }
}

.planPanel a.panelMainLink:hover {
    text-decoration: none;
}

.planPanel .titleArea {
    background: #0f4270;
    padding: 5px;
}

/*.planPanel a.panelMainLink:hover .titleArea {
    background: #003057;
}*/

.planPanel a.panelMainLink:hover .planName {
    color: #dd801e;
}

.planPanel a.panelMainLink:hover .btn {
    background: #dd801e;
    border-color: #dd801e;
}

.planPanel a.panelMainLink:active .btn {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.planPanel .planName {
    font-size: 2.5em;
    font-family: 'Klavika', Arial, sans-serif !important;
    margin-bottom: 3px;
    color: #f7971c;
}

.planPanel .planName a {
    text-decoration: none;
    cursor: pointer;
}

@media (min-width: 768px) {
    .planPanel.mostPopular .planName {
        font-size: 2.5em;
    }
}

@media (min-width: 992px) {
    .planPanel.mostPopular .planName {
        font-size: 3em;
    }
}

@media (min-width: 1200px) {
    .planPanel.mostPopular .planName {
        font-size: 3em;
    }
}

@media (min-width: 1400px) {
    .planPanel.mostPopular .planName {
        font-size: 3.5em;
    }
}

.planPanel .planSubtitle {
    font-size: 1.6em;
    font-family: 'Klavika', Arial, sans-serif !important;
    color: #ffffff;
    margin-bottom: 10px;
}

.planPanel a.panelMainLink:hover .titleArea .planSubtitle {
    color: #e1e1e1;
}

.planPanel.mostPopular .planSubtitle {
    color: #e1e1e1;
}

@media (min-width: 768px) and (max-width: 991px) {
    .planPanel .planName {
        font-size: 1.8em;
    }

    .planPanel .planSubtitle {
        font-size: 1.4em;
    }
}

.planPanel .mainArea {
    padding: 10px;
}

.plansTypeName {
    color: #f17f16;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    margin-top: 20px;
}

.planPanels .img-responsive {
    margin-left: auto;
    margin-right: auto;
}



.planPanels {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 100px;
}

.plansName {
    color: #f17f16;
    font-size: 2em;
    font-weight: bold;
}

@media (max-width: 1199px) {
    .plansName {
        font-size: 1.8em;
    }
}

@media (max-width: 991px) {
    .plansName {
        font-size: 1.4em;
    }
}

.plansNameDetails {
    font-size: 1.4em;
}

.planPrice  {
    font-size: 10.5em;
    margin-top: -35px;
    margin-bottom: -30px;
    color: #0f4270;
    font-family: Klavika, Arial, sans-serif !important;
    letter-spacing: -1px;
}

@media (max-width: 400px) {
    .planPrice {
        font-size: 7em;
        margin-top: -25px;
        margin-bottom: -25px;
    }
}

.planPrice sup {
  font-size: .5em;
  vertical-align: super;
  position: relative;
  top: .1em;
}

.planPrice sub {
    font-size: .3em;
    vertical-align: sub;
    margin-left: -85px;
    position: relative;
    bottom: .6em;
}

.planPrice sub {
    margin-left: -73px;
}

.smallerPanel .planPrice sub {
    margin-left: -66px;
}

.dropdown-menu .navPrice sub {
    margin-left: -56px;
}

@media (min-width: 992px) and (max-width: 1399px) {
    .planPrice {
        font-size: 8.5em;
    }

    .planPrice sub {
        margin-left: -58px;
    }

    .smallerPanel .planPrice sub {
        margin-left: -51px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .planPrice {
        font-size: 7em;
        margin-top: -25px;
        margin-bottom: -25px;
    }

    .planPrice sub {
        margin-left: -46px;
    }

    .smallerPanel .planPrice sub {
        margin-left: -44px;
    }
}
 
@media (max-width: 400px) {
    .planPrice sub {
        margin-left: -46px;
    }

    .smallerPanel .planPrice sub {
        margin-left: -44px;
    }
}


.planPanelButtonContainer .btn {
    font-size: 2.2em;
    width:100%;
    max-width: 300px;
    font-family: 'Klavika', Arial, sans-serif;
    padding: 8px;
}

@media (max-width: 400px) {
    .planPanelButtonContainer .btn {
        max-width: 85%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .planPanelButtonContainer .btn {
        font-size: 1.8em;
        padding: 6px;
    }
}

.planPanelButtonContainer {
    margin-bottom: 5px;
}

.moreInfoLink {
    font-size: 1.4em;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-family: Klavika, Arial, sans-serif;
    margin-top: -5px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .moreInfoLink {
        font-size: 1.2em;
    }
}

.moreInfoLink p {
    margin-bottom: 10px;
}

.moreInfoLink a {
    text-decoration: none;
}

selectButton {
    margin-top: 20px;
    margin-bottom: 25px;
}

.selectButton a {
    padding: 12px 35px;
    background: #f17f16;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.5em;
    border-radius: 4px;
    text-decoration: none;
}

.selectButton a:hover {
    background: #f1ad1c;
}

.selectButton a:active {
    background: #d74d09;
}

.learnMoreLink .cursorPointer {
    color: #4da300;
    text-decoration: underline;
    font-size: 1.2em;
    font-weight: bold;
}

.learnMoreLink .cursorPointer:hover {
    color: #c5d92f;
}

@media (max-width: 767px) {
    .planPanelsSmallMarginBottom {
        margin-bottom: 40px;
    }
}

.countryListModal .modal-body {
    color: #161616;
}

.countryList ul {
    font-size: 1em;
}

@media (max-width: 991px) {
    .countryList .col-sm-6 .row .col-md-6:first-of-type ul  {
        margin-bottom: 0;
    }
}

@media(max-width: 767px) {
    .countryList ul {
        margin-bottom: 0;
    }
    
    .countryList  {
        margin-bottom: 20px;
    }
}

.countryList li {
    margin-bottom: 5px;
}

.countryListXS li {
    margin-bottom: 8px;
}

@media (max-width: 420px) {
    .countryListXS .col-xs-6 {
        width: 100%;
        clear: left;
    }

    .countryListXS .col-xs-6:first-of-type ul {
        margin-bottom: 0;
    }
}

.planCheckmark p {
    margin-left: 38px;
}

.planCheckmark .col-md-4:nth-of-type(odd) .checkmarkAlignmentDomestic, .planCheckmark .col-md-4:nth-of-type(odd) .checkmarkAlignmentInternational {
    max-width: 290px;
    margin-left: auto;
}

.planCheckmark .col-md-4:nth-of-type(even) .checkmarkAlignmentDomestic, .planCheckmark .col-md-4:nth-of-type(even) .checkmarkAlignmentInternational {
    max-width: 290px;
    margin-right: auto;
}


@media (max-width: 767px) {
    .planCheckmark .col-md-4:nth-of-type(odd) .checkmarkAlignmentDomestic, .planCheckmark .col-md-4:nth-of-type(odd) .checkmarkAlignmentInternational {
        margin-right: auto;
    }

    .planCheckmark .col-md-4:nth-of-type(even) .checkmarkAlignmentDomestic, .planCheckmark .col-md-4:nth-of-type(even) .checkmarkAlignmentInternational {
        margin-left: auto;
    }
}

.planCheckmark .glyphicon-ok {
    font-weight: bold;
    line-height: 1.1em;
    width: 30px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    height: 30px;
    margin-right: 5px;
    margin-top: -1px;
    padding-top: 5px;
    text-align: center;
    color: #ffffff;
    background: #4da300;
    margin-left: -38px;
}

.plansBenefitsList {
    text-align: center;
    font-size: 1.4em;
    font-family: Klavika, Arial, sans-serif;
}

.plansBenefitsList.blue {
    color: #0f4270;
}

@media (max-width: 1199px) {
    .plansBenefitsList {
        font-size: 1.2em;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .plansBenefitsList {
        font-size: 1em;
    }
}

.plansBenefitsList img {
    position: relative;
    margin-top: -4px;
}

@media (max-width: 767px) {
    .plansBenefitsList img {
        width: 20px;
    }
}

@media (min-width: 768px) {
    .plansBenefitsList img:nth-of-type(n+2) {
        margin-left: 20px;
    }
}

@media (min-width: 992px) {
    .plansBenefitsList img:nth-of-type(n+2) {
        margin-left: 60px;
    }
}

@media (min-width: 1400px) {
    .plansBenefitsList img:nth-of-type(n+2) {
        margin-left: 75px;
    }
}

.fixedBottomNav {
    background: #0f4270;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 100%;
}

@media (max-width: 767px) {
    .fixedBottomNav {
        display: none;
    }
}

@media (min-height: 815px) and (min-width: 768px) {
    /*.fullPanel {
        min-height: calc(100vh - 173px);
    }*/

    .fixedBottomNav {
        position: absolute;
        bottom: 0;
    }
}

/*@media (min-height: 805px) and (min-width: 991px) {
    .fullPanel {
        min-height: calc(100vh - 151px);
    }
}*/

.fixedBottomNav ul {
    margin: 0;
    padding: 0;
}

.fixedBottomNav li {
    float: left;
    font-family: Klavika, Arial, sans-serif !important;
    width: 33.33333%;
    background: url(/Images/Header/four_dots.png) no-repeat center right;
    list-style: none;
    text-align: center;
    padding-left: .5%;
    padding-right: .7%;
}

.fixedBottomNav li:last-of-type {
    background: none;
}

.fixedBottomNav li .glyphicon {
    font-size: .6em;
}

@media (min-width: 768px) {
    .fixedBottomNav li {
        font-size: 1.0em;
    }
}

@media (min-width: 1200px) {
    .fixedBottomNav li {
        font-size: 1.1em;
    }
}

@media (min-width: 1400px) {
    .fixedBottomNav li {
        font-size: 1.2em;
    }
}

.fixedBottomNav li a { 
    color: #ffffff;
    text-decoration: none;
    display: block;
    position: relative;
    height: 40px;
    padding: 6px;

}

.fixedBottomNav li a:hover {
    background: #003057;
    border-radius: 4px;
}

#videoPanel {
    padding-top: 50px;
    padding-bottom: 50px;
}

#videoPanel h1 {
    text-align: left;
}

.klavikaBlue {
    font-family: Klavika, Arial, sans-serif !important;
    color: #0f4270;
}

#videoPanel .klavikaBlue {
    font-size: 1.8em;
}

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

.videoButton:hover .svgOrange {
    fill: #dd801e;
}

#BroadvoiceVideo {
    max-width: 100%;
}

@media (min-width: 1200px) {
    #BroadvoiceVideo {
        max-height: calc(65vh);
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}

#BroadvoiceVideo2 {
    max-width: 100%;
    z-index: 3;
    position: inherit;
}

#videoImg svg{
    max-width: 100%;
    display: block;
}

#videoImg:hover svg .svgBlue {
    fill: #003057;
}

#videoImg:hover svg .svgOrange {
    fill: #dd801e;
}

@media (max-width: 991px) {
    #videoImg svg {
        margin-top: 20px;
    }
}

@media (max-width: 600px) {
    #videoImg svg {
        max-height: 280px;
    }
}

@media (max-width: 500px) {
    #videoImg svg {
        max-height: 230px;
    }
}

.modalSectionHeader {
    font-size: 1.6em;
    font-family: Klavika, Arial, sans-serif;
    text-align: center;
}

.modalSectionSubheader {
    margin-top: -15px;
    text-align: center;
}

@media (max-width: 991px) {
    .savingsCalculatorModal {
        background: #0f4270;
        margin-left: -25px;
        margin-right: -25px;
        padding: 40px
    }

    .savingsCalculatorModal .primaryColor {
        color: #f7971c;
    }

    .savingsCalculatorModal label {
        color: #ffffff;
    }
}

.savingsCalculatorModal .savingsCalculatorResults {
    text-align: center;
    margin-top: 20px;
    font-family: Klavika, Arial, sans-serif;
}

.savingsCalculatorResultsNumber {
    font-size: 2em;
}

@media (min-width: 992px) {
    .internationalCountriesModalSection {
        background: url(/Images/Residential/background_international_phone_plans.png) center right no-repeat #0f4270;
        margin-left: -40px;
        margin-right: -40px;
        margin-bottom: -35px;
        padding: 40px;
    }

    .internationalCountriesModalSection .modalSectionHeader {
        color: #f7971c;
    }

    .internationalCountriesModalSection .modalSectionSubheader {
        color: #ffffff;
    }
}

.internationalCountriesModalSection ul {
    margin-bottom: 0;
}

.accordionContinentModal .panel-group .panel {
    border: 1px solid #dddddd !important;
    padding: 5px;
    border-radius: 4px;
}

.accordionContinentModal h4.panel-title, .accordionContinentModal h4.panel-title a {
    display: block;
}

/* Features */

#featuresBanner.newPanel {
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (max-width: 991px) {
    #featuresBanner.newPanel {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

#featuresBanner.newPanel h1 {
    text-align: left;
}

.featuresPanel.newPanel {
    padding-top: 50px;
    padding-bottom: 50px;
}

.featuresPanel h1 {
    margin-bottom: 25px;
}

.featuresPanel h1, .featuresPanel .featureTitle {
    color: #f7971c;
}

.featuresPanel .featureTitle {
    margin-bottom: 20px;
}


.featuresPanel .featureIcon {
    width: 125px;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.featuresPanel .featureIcon img {
    max-width: 125px;
    height: 125px;
}

.featuresPanel .featureDescription {
    width: 100%;
    margin-bottom: 0;
    text-align: center;
}

a.featureLink {
    width: 100%;
    height: 100%;
}

.featureArea:hover .featureTitle {
    color: #dd801e;
}

.featureArea:hover .featureLinkImage {
    opacity: .6;
}

.featureDescription a {
    color: #f7971c;
}

@media (min-width: 768px) {
    .featuresPanel .featureIcon {
        width: 100%;
        margin-bottom: 20px;
    }

    .featuresPanel .featureIcon img {
        margin-left: auto;
        margin-right:auto;
    }
}

@media (min-width: 451px) and (max-width: 767px) {
    .featuresPanel .featureIconSection .featureDescription {
        text-align: left;
    }
}

@media (max-width: 450px) {
    .featuresPanel .featureIcon {
        width: 100%;
        margin-bottom: 20px;
    }

    .featuresPanel .featureIcon img {
        margin-left: auto;
        margin-right:auto;
    }
}


@media (max-width: 767px) {
    .featuresPanel .featureIconSection .featureDescription {
        width: 70%;
    }
}

@media (min-width: 451px) and (max-width: 767px) {
    .featuresPanel .featureIcon {
        margin-top: 0;
        margin-bottom: 40px;
        width: 100px;
        clear:left; 
    }

    .featuresPanel  .featureIcon img {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 450px) {
    .featuresPanel .featureIconSection .featureDescription {
        width: 100%;
        margin-bottom: 0;
    }
}

.featuresPanel .featureTitle {
    text-transform: uppercase;
    font-family: Klavika, Arial, sans-serif !important;
}

.featuresPanel .featureTitle sup {
    font-size: 50%;
    vertical-align: middle;
}

#CallingFeatures.anchorLink {
    position: relative;
    z-index: 2;
}

#CallingFeatures input.btn {
    display: none;
}

#CallingFeatures input.btn.collapsed {
    display: block;
}

#CallingFeatures .newPanel {
    padding-top: 20px;
    padding-bottom: 20px;
}

#CallingFeatures .panel-title {
    padding-bottom: 30px;
}

#CallingFeatures .panel-heading {
    background: #486f91;
}

#CallingFeatures .panel-body {
    padding: 0;
    border: none;
}

#CallingFeatures .panel-default {
    border: none;
    box-shadow: none;
    overflow: visible;
    background-color: #486f91;
}

#CallingFeatures button.close {
    color: #ffffff;
    background: #f7971c;
    opacity: 1;
    border-radius: 4px;
    padding: 10px;
}

#CallingFeatures button.close:hover {
    background: #dd801e;
}

#CallingFeatures button.close:active, #CallingFeatures button.close:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
}

#CallingFeatures .tooltip {
    opacity: 1;
    z-index: 11;
}

#CallingFeatures .blueBG .tooltip.bottom .tooltip-arrow, #CallingFeatures .lightBlueBG .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ffffff;
}

#CallingFeatures .blueBG .tooltip-inner, #CallingFeatures .lightBlueBG .tooltip-inner {
    color: #808284;
    background-color: #ffffff;
    font-size: 1.2em;
}

#CallingFeatures .white .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #0f4270;
}

#CallingFeatures .white .tooltip-inner {
    color: #ffffff;
    background-color: #0f4270;
    font-size: 1.2em;
}

#CallingFeatures .featureDescription {
    margin-bottom: 20px;
}

.featuresTooltip p {
    cursor: default;
}

#collapseFeatures {
    margin-top: 0;
    transition: margin-top linear .25s;
}

#collapseFeatures.collapse.in, #collapseFeatures.collapsing {
    position: relative;
    margin-top: -30px;
    z-index: 10;
    height: auto;
    background: #486f91;
    transition: margin-top linear .25s;
}

#accordionFeatures .panel-title {
    padding-bottom: 0;
}

#accordionFeatures #collapseFeatures.collapsing .panel-title, #accordionFeatures #collapseFeatures.collapse.in .panel-title {
    padding-bottom: 30px;
}

#InternationalPhonePlans .newPanel {
    background: url(/Images/Residential/background_international_phone_plans.png) top center no-repeat #486f91;
    padding-top: 25px;
    padding-bottom: 20px;
}

@media (max-width: 767px) {
    #InternationalPhonePlans .newPanel {
        background-position: center center;
    }
}

@media (max-width: 399px) {
    #InternationalPhonePlans .planSubtitle .orange {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #InternationalPhonePlans .planSubtitle .orange {
        display: block;
    }
}

.featuresSectionImage {
    width: 75px;
    height: 75px;
    margin-top: -8px;
}

@media (max-width: 767px) {
    .featuresSectionImage {
        width: 50px;
        height: 50px;
    }
}

#mobileAppsPanel.anchorLink {
    position: relative;
    z-index: 1;
}

@media (min-width: 1200px) {
    #mobileAppsPanel .featuresImageContainer {
        height: 595px;
    }
}

@media (min-width: 1400px) {
    #mobileAppsPanel .featuresImageContainer {
        height: 550px;
    }
}

@media (max-width: 767px) {
    #mobileAppsPanel .featuresImageContainer {
        height: 400px;
    }
}

/*@media (min-height: 805px) and (min-width: 991px) {
    #mobileAppsPanel .fullPanel .featuresImageContainer {
        min-height: calc(100vh - 201px);
    }
}*/

.featuresImageContainer {
    overflow-y: hidden;
    margin-bottom: -20px;
}

#mobileAppsPanel.featuresPanel.newPanel, #mobileAppsPanel .featuresPanel.newPanel {
    padding-bottom: 30px;
}

#mobileAppsPanel .featuresImageContainer {
    margin-bottom: -30px;
}

#featuresSoftphone .featuresSoftphoneText {
    z-index: 10;
}

#featuresSoftphone .featuresSoftphoneImage {
    z-index: 9;
}

@media (min-width: 1200px) {
    #featuresSoftphone .featuresSoftphoneImage {
        margin-top: -259px;
    }

    #featuresSoftphone .featuresImageContainer {
        overflow-y: hidden;
        max-height: 370px;
        margin-bottom: -30px;
        margin-top: 25px;
    }
}

@media (max-width: 767px) {
    #featuresSoftphone .featuresImageContainer {
        overflow-y: hidden;
        max-height: 350px;
        margin-bottom: -30px;
    }
}

#featuresSoftphone.newPanel {
    padding-bottom: 30px;
}

#featuresEmergency {
    padding-bottom: 30px;
}

#featuresEmergency .featuresImageContainer {
    max-height: 250px;
    overflow: hidden;
}

#featuresEmergency .featuresImageContainer img {
    margin-left: auto;
    margin-right: auto;
}

#InternationalRates .newPanel {
    background: url("/Images/Residential/background_international_rates.png") right  center no-repeat #486f91;
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (max-width: 991px) {
    #InternationalRates {
        background-position: center center;
    }
}

#InternationalRates.newPanel {
    padding-top: 50px;
    padding-bottom: 50px;
}

#InternationalRates.newPanel h3 {
    text-align: left;
}

#InternationalRates #rateLookupCountryTable th {
    color: #f7971c;
}

@media (max-width: 767px) {
    #InternationalRates #rateLookupCountryTable.table-responsive {
        overflow-y: auto;
        overflow-x: auto;
    }
}

@media (max-width: 767px) and (max-height: 629px) {
    #InternationalRates #rateLookupCountryTable.table-responsive {
        height: calc(100vh - 203px);
    }
}

#InternationalRates .previous a, #InternationalRates .next a {
    margin-left: 20px;
    margin-right: 20px;
}

#reviewsPanel .newPanel {
    padding-top: 50px;
    padding-bottom: 50px;
}

#reviewsPanel h1 {
    margin-bottom: 30px;
}

#signUpPanel .newPanel {
    background: url(/Images/Residential/background_signup.png) center no-repeat #ffffff;
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (max-width: 767px) {
    #signUpPanel .newPanel {
        background-size: contain;
    }
}

#signUpPanel .btn-secondary {
    font-family: Klavika, Arial, sans-serif !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 2em;
    color: #fff;
    width: 370px;
    text-align: center;
    margin-top: 20px;
}

@media (max-width: 991px) {
    #signUpPanel .btn-secondary {
        font-size: 1.6em;
    }
}

@media (max-width: 767px) {
    #signUpPanel .btn-secondary {
        width: 100%;
        max-width: 400px;
    }
}

@media (max-width: 420px) {
    #signUpPanel .btn-secondary {
        font-size: 1.2em;
    }
}

/* How It Works */

.howItWorksPanel.newPanel {
    padding-top: 50px;
    padding-bottom: 50px;
}

.imageCenteringContainer img {
    margin-left: auto;
    margin-right: auto;
}

#How_It_Works .newPanel h1, #Home_Adapter.newPanel h1,  #Bring_Your_Own_Device.newPanel h1 {
    margin-bottom: 30px;
}

#Bring_Your_Own_Device h3 {
    text-align: left;
}

#Home_Adapter h3 {
    text-align: left;
}

@media (min-width: 1200px) {
    .homeAdapterImageLarge img {
        max-width: 500px;
    }
}

#Bring_Your_Own_Device h1, #Bring_Your_Own_Device strong {
    color: #f7971c;
}

#Bring_Your_Own_Device.newPanel .tableBYOD tr:nth-of-type(2n+1) {
    background-color: rgba(15,66,112,.5);
}

/* Residential */

ul.affix {
    position: fixed; 
    top: 150px;
    left: auto;
}

ul.sidenav {
    font-size: 1.2em;
}

.sidenav a {
    color: #0f4270  /*#1679b8*/;
}

.sidenav .active {
    font-weight: bold;
}

@media (max-width: 991px) {
    ul.sidenav {
        font-size: 1em;
        margin-left: -15px;
    }
}

ul.sidenav {
    margin-top: 71px;
}

@media (max-width: 1199px) {
    ul.sidenav{
        margin-top: 66px;
    }
}

@media (max-width: 991px) {
    ul.sidenav{
        margin-top: 61px;
    }

    .sidenav {
        width: 195px;
    }
}

ul.affix-top {
    position: static;
}
ul.affix-bottom {
    position: absolute;
}
 
#scrollingNavigation {
    z-index: 989;
}

#scrollingNavigation .nav > li > a:hover, #scrollingNavigation .nav > li > a:focus {
    text-decoration: none;
    background-color: #0f4270  /*#1679b8*/;
    color: #ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#scrollingNavigation .nav > li > a:active {
    background-color: #003057  /*#10609f*/;
}

#scrollingNavigation .nav > li > a {
    padding: 5px 15px;
}

#scrollingNavigation ul.subNav {
    margin: 0;
}

#scrollingNavigation .subNav li {
    font-size: .75em;
    margin-left: 20px;
}


#bannerResidentialIndex {
    background:url(/images/Residential/Banners/banner_residential_international_2.jpg) no-repeat bottom right #ffffff;
    -webkit-transition: background 1s linear;
    -moz-transition: background 1s linear;
    -o-transition: background 1s linear;
    transition: background 1s linear;
}


@media (max-width: 991px) {
    #bannerResidentialIndex {
        background: url(/images/Residential/Banners/banner_residential_international_2_xsmall_1500.jpg) no-repeat bottom right #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}


@media (max-width: 620px) {
    #bannerResidentialIndex {
        background: url(/images/Residential/Banners/banner_residential_international_2_xxsmall_1500.jpg) no-repeat bottom right #ffffff;
    }
}

@media (max-width: 400px) {
    #bannerResidentialIndex {
        background: #ffffff
    }
}

.page.pageTop.pageSingle {
    min-height: 1300px;
}

.colorPage.pageTop {
    margin-top: -140px;
    padding-top: 180px;
}

.colorPage {
    padding-top: 40px;
    padding-bottom: 40px;
}

.blueSection {
    background: #0f4270;
    color: #ffffff;
}

.blueSection .businessHeader h1 {
    color: #f7971c;
    border-bottom: 1px solid #f7971c;
}

.orangeSection {
    background: #f7971c;
}

.orangeSection h1 {

}

.greySection {
    background: #a0a1a3;
}

.page {
    min-height: 1100px;
    margin-top: -140px;
    padding-top: 180px;
    padding-bottom: 20px;
    background:url(/images/General/bg_900.png) repeat-x bottom transparent;
    z-index: 1;
}

.anchorPoint {
    margin-top: -120px;
    padding-top: 160px;
}

@media (max-width: 991px) {
    .page, .anchorPoint {
        padding-top:160px;
    }

}



.residentialHeader h1 {
    padding-bottom: 23px;
    margin-bottom: 27px;
    border-bottom: 1px solid #0f4270  /*#1679b8*/;
}

@media (max-width: 1199px) {
    .residentialHeader h1 {
        font-size: 2.2em;
    }
}

@media (max-width: 991px) {
    .residentialHeader h1 {
        font-size: 1.6em;
    }

    .residentialSubHeader h3 {
        font-size: 1.4em;
    }
}

.residentialSubHeader {
    margin-top: -20px;
    margin-bottom: 20px;
}

.residentialInformation {
    margin-bottom: 30px;
}

/* Savings Calculator */

#Savings_Calculator {
    height: 600px;
}

#savingsCalculatorArea input, #savingsCalculatorArea select, #savingsCalculatorArea textarea, .savingsCalculatorArea input, .savingsCalculatorArea select, .savingsCalculatorArea textarea {
    max-width: none;
}

#savingsCalculatorArea label, .savingsCalculatorArea label, #rateLookupNumberArea label, #rateLookupCountryArea label, #rateLookupByType label {
    font-size: 1.2em;
    font-weight: normal;
}

@media (min-width: 992px) {
    #savingsCalculatorArea .row, .savingsCalculatorArea .row {
        margin-bottom: 10px;
    }
}

#savingsCalculatorResults, .savingsCalculatorResults, .rateLookupPhoneResults {
    font-size: 1.2em;
    margin-top: 10px;
}

.savingsCalculatorModal {
    margin-bottom: 40px;
}


/* Residential FAQs */

#bannerResidentialFAQs {
    background:url(/images/Residential/Banners/banner_residential_couple_2.jpg) no-repeat bottom right #ffffff;

}

@media (max-width: 1399px) {
    #bannerResidentialFAQs {
        background:url(/images/Residential/Banners/banner_residential_couple_2_small.jpg) no-repeat bottom left #ffffff;
    }
}

@media (max-width: 1300px) {
    #bannerResidentialFAQs {
        background: url(/images/Residential/Banners/banner_residential_couple_2_small.jpg) no-repeat bottom left #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

@media (max-width: 767px) {
    #bannerResidentialFAQs {
        background: url(/images/Residential/Banners/banner_residential_couple_2_xsmall.jpg) no-repeat bottom right #ffffff;
    }
}

.accordionMinimal .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    overflow: hidden;
}

.accordionMinimal .panel-default {
    border: none !important;
}

.accordionMinimal .panel {
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.accordionMinimal .panel-default>.panel-heading {
    color: #333;
    background: none !important;
    border: none !important;
}

.accordionMinimal .panel-default>.panel-heading+.panel-collapse .panel-body {
border-top: none !important;
}

.accordionMinimal .panel-title {
    color: #0f4270  /*#1679b8*/;
    font-weight: bold;
}

.accordionMinimal .panel-body {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.accordionMinimal .panel-title {
    font-size: 1.2em;
}

.accordionMinimal .panel-title a {
    padding-left: 25px;
    background: url(/images/General/minus_small.png) no-repeat left;
}

.accordionMinimal .panel-title a.collapsed {
        background: url(/images/General/plus_small.png) no-repeat left;
    }

@media (max-width: 767px) {
    #accordion2, #accordion3 {
        margin-bottom: 0;
    }
}

.accordionMinimal h4 {
    display:inline-flex;
    line-height: 1.5em;
    font-family: Arial, sans-serif !important;
}



/* Mobile Phone Apps */

.mobileIcons .img-responsive, .mobilePhones .img-responsive {
    margin-left: auto;
    margin-right: auto;
}

.mobileIcons p {
    text-align: center;
}

.mobilePhones {
    margin-bottom: 40px;
}


/* Rate Lookup */

#rateLookupCountryTable {
    height: 430px;
    overflow-y: auto;
}

#rateLookupCountryTable th {
    color: #0f4270  /*#1679b8*/;
}

#accordionInternationalCalling {
    margin-top: -15px;
}

#accordionInternationalCalling .panel-collapse .panel-group {
    margin-bottom: 0;
}

#InternationalRates h4.panel-title {
    text-align: left;
}

#InternationalRates .panel-body {
    color: #808284;
}

#InternationalRates .panel-body ul {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 1em;
}

#InternationalRates .panel-body li {
    list-style: none;
}

.outerPanel a {
    font-size: 14px;
    font-family: Arial;
    display: block;
}

#accordionInternationalCalling h4 a, #accordionInternationalCalling h4 a.collapsed:hover {
    font-weight: bold;
    text-decoration: none;
}

#accordionInternationalCalling h4 a.collapsed, #accordionInternationalCalling .accordionContinentModal h4 a , #accordionInternationalCalling .accordionContinentModal h4 a.collapsed, #accordionInternationalCalling  .accordionContinentModalh4 a.collapsed:hover {
    font-weight: normal;
}



/* US/Canada Plans Page */

#bannerResidentialUSandCanada {
    background:url(/images/Residential/Banners/banner_residential_us_1.jpg) no-repeat bottom right #e0d9d3;
}

@media (max-width: 1199px) {
    #bannerResidentialUSandCanada {
        background:url(/images/Residential/Banners/banner_residential_us_1_small.jpg) no-repeat bottom left #e0d9d3;
    }
}

@media (max-width: 1100px) {
    #bannerResidentialUSandCanada {
        background: url(/images/Residential/Banners/banner_residential_us_1_small.jpg) no-repeat bottom left #e0d9d3;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

@media (max-width: 767px) {
    #bannerResidentialUSandCanada {
        background: url(/images/Residential/Banners/banner_residential_us_1_xsmall.jpg) no-repeat bottom right #e0d9d3;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

@media (max-width: 600px) {
    #bannerResidentialUSandCanada {
        background: #e0d9d3;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

/* Comparison Table */

table.tableComparison {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.tableComparison th {
    background: #0f4270  /*#1679b8*/;
    color: #ffffff;
    padding: 10px;
    text-align: center;
}

.tableComparison th:first-of-type {
    text-align: left;
    border-left: 1px solid #0f4270  /*#1679b8*/;
    border-top: 1px solid #0f4270  /*#1679b8*/;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    /* border-top-left-radius: 4px; IE bg */
}

.tableComparison th:last-of-type {
    border-right: 1px solid #0f4270  /*#1679b8*/;
    border-top: 1px solid #0f4270  /*#1679b8*/;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    /* border-top-right-radius: 4px; IE bg */
}

.tableComparison td {
    color: #0f4270  /*#1679b8*/;
    padding: 10px;
    text-align: center;
    border-left: 1px solid #0f4270  /*#1679b8*/;
    border-top: 1px solid #0f4270  /*#1679b8*/;
}

.tableComparison td:nth-of-type(4n+1) {
    text-align: left;
}

.tableComparison td:nth-of-type(4n) {
    border-right: 1px solid #0f4270  /*#1679b8*/;
}

.tableComparison tr.tableCurvedBottom td {
    border-bottom: 1px solid #0f4270  /*#1679b8*/;
}

.tableComparison tr.tableCurvedBottom td:first-of-type {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}

.tableComparison tr.tableCurvedBottom td:last-of-type {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}

.tableComparison .tableNoBorders td {
    border: none;
}

.tableComparison .tableNoBorders .signUpBtn {
    width: auto;
}

.tableLink {
    text-decoration: underline;
    cursor: pointer;
}

/* Residential International plans */

#bannerResidentialInternational {
    background:url(/images/Residential/Banners/banner_residential_international_1.jpg) no-repeat bottom right #ffffff;
}

@media (max-width: 1199px) {
    #bannerResidentialInternational {
        background:url(/images/Residential/Banners/banner_residential_international_1_small.jpg) no-repeat bottom left #ffffff;
    }
}

@media (max-width: 1100px) {
    #bannerResidentialInternational {
        background: url(/images/Residential/Banners/banner_residential_international_1_small.jpg) no-repeat bottom left #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

@media (max-width: 767px) {
    #bannerResidentialInternational {
        background: url(/images/Residential/Banners/banner_residential_international_1_xsmall.jpg) no-repeat bottom right #ffffff;
    }
}

@media (max-width: 480px) {
    #bannerResidentialInternational {
        background: url(/images/Residential/Banners/banner_residential_international_1_xxsmall.jpg) no-repeat bottom right #ffffff;
    }
}

/* Residential How It Works page */

#bannerResidentialHowItWorks {
    background:url(/images/Residential/Banners/banner_residential_couple_1.jpg) no-repeat bottom right #ffffff;
}

@media (max-width: 1199px) {
    #bannerResidentialHowItWorks {
        background:url(/images/Residential/Banners/banner_residential_couple_1_small.jpg) no-repeat bottom left #ffffff;
    }
}

@media (max-width: 1100px) {
    #bannerResidentialHowItWorks {
        background: url(/images/Residential/Banners/banner_residential_couple_1_small.jpg) no-repeat bottom left #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

@media (max-width: 767px) {
    #bannerResidentialHowItWorks {
        background: url(/images/Residential/Banners/banner_residential_couple_1_xsmall.jpg) no-repeat bottom right #ffffff;
    }
}

table.tableBYOD {
    width: 100%;
    font-size: 1.2em;
}

@media (max-width:991px) {
    table.tableBYOD {
        font-size: 1.0em;
    }
}

.tableBYOD tr:nth-of-type(2n+1) {
    background-color: rgba(181,211,230,.5);
}

.tableBYOD td {
    padding: 10px;
}

/* Residential Calling Features page */

#bannerResidentialCallingFeatures {
    background:url(/images/Residential/Banners/banner_residential_woman.jpg) no-repeat bottom right #f3efec;
}

@media (max-width: 991px) {
    #bannerResidentialCallingFeatures {
        background:url(/images/Residential/Banners/banner_residential_woman_small.jpg) no-repeat bottom right #f3efec;
    }
}

@media (max-width: 950px) {
    #bannerResidentialCallingFeatures {
        background: url(/images/Residential/Banners/banner_residential_woman_small.jpg) no-repeat bottom right #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}


@media (max-width: 480px) {
    #bannerResidentialCallingFeatures {
        background: url(/images/Residential/Banners/banner_residential_woman_xxsmall.jpg) no-repeat bottom right #ffffff;
    }
}

/* About Us */

#bannerAboutUs {
    background:url(/images/Residential/Banners/banner_residential_about_us.jpg) no-repeat bottom right #e7e7e5;
    min-height: 450px;
}

#bannerAboutUs .container {
    min-height: 450px;
}

@media (max-width: 1199px) {
    #bannerAboutUs {
        background:url(/images/Residential/Banners/banner_residential_about_us_small.jpg) no-repeat bottom left #e7e7e5;
    }
}

@media (max-width: 1100px) {
    #bannerAboutUs {
        background:url(/images/Residential/Banners/banner_residential_about_us_small.jpg) no-repeat bottom left #e7e7e5;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

@media (max-width: 767px) {
    #bannerAboutUs {
        background: url(/images/Residential/Banners/banner_residential_about_us_xsmall.jpg) no-repeat bottom left #e7e7e5;
    }
}

.partnerImages img {
    margin: 10px auto;
}

.pressReleaseDate {
    font-size: .9em;
}

.pressReleaseLink {
    font-weight: bold;
    margin-top: -18px;
}

.pressReleaseBtn.btn {
    background: #0f4270;
    font-size: 1.4em;
    color: #ffffff;
    width: 190px;
    text-align: center;
}

.pressReleaseBtn.btn:hover {
    background: #003057;
}

.pressReleaseBtn.btn:active, .pressReleaseBtn.btn:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
}

@media (max-width: 767px) {
    .pressReleaseBtn.btn {
        font-size: 1.2em;
    }
}

/* Network Status */

/* About Us */

#bannerResidentialNetwork {
    background:url(/images/Residential/Banners/banner_residential_network.jpg) no-repeat bottom right #ffffff;
    min-height: 450px;
}

@media (max-width: 1199px) {
    #bannerResidentialNetwork {
        background:url(/images/Residential/Banners/banner_residential_network_small.jpg) no-repeat bottom left #ffffff;
    }
}

@media (max-width: 1100px) {
    #bannerResidentialNetwork {
        background:url(/images/Residential/Banners/banner_residential_network_small.jpg) no-repeat bottom left #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

@media (max-width: 767px) {
    #bannerResidentialNetwork {
        background: url(/images/Residential/Banners/banner_residential_network_xsmall.jpg) no-repeat bottom left #ffffff;
    }
}


/* TheBlaze */

#bannerResidentialTheBlaze {
    background: #0f4270;
}

#bannerResidentialTheBlaze .container {
    background:url(/images/Residential/Banners/banner_theblaze_blue.jpg) no-repeat bottom right #0f4270;
    padding-bottom: 20px;
    -webkit-transition: background 1s linear;
    -moz-transition: background 1s linear;
    -o-transition: background 1s linear;
    transition: background 1s linear;
}

@media (max-width: 549px) {
    #bannerResidentialTheBlaze .container {
        background:url(/images/Residential/Banners/banner_theblaze_blue_small.jpg) no-repeat bottom right #0f4270;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

#bannerResidentialTheBlaze .bannerSubTitle {
    color: #f7971c;
    text-transform: initial;
}

#bannerResidentialTheBlaze .bannerTitle {
    color: #ffffff;
}

#bannerResidentialTheBlaze.banner li {
    color: #ffffff;
}

#bannerResidentialTheBlaze.banner li span {
    color: #f7971c;
}

#bannerResidentialTheBlaze .bannerPlanArea, #bannerResidentialTheBlaze .bannerPlanArea .signUpBtn  {
    width: 180px;
}

.bannerTheBlazeLogo {
    margin-top: 10px;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .bannerTheBlazeLogo {
        margin-top: 25px;
    }
}

.bannerQuote {
    color: #ffffff  /*#1679b8*/;
    font-size: 1.2em;
    text-align: center;
    max-width: 330px;
}

@media (max-width: 1199px) {
    .bannerQuote {
        font-size: 1.0em;
    }
}

#BlazeVideo, #BlazeVideo2 {
    margin-bottom: 20px;
    width: 100%;
}

/* Levin */

#bannerResidentialLevin, #bannerResidentialRadioPromotion {
    background: #0f4270;
}

#bannerResidentialLevin .container {
    background:url(/images/Residential/Banners/banner_mark_levin.jpg) no-repeat bottom right #0f4270;
    padding-bottom: 20px;
    -webkit-transition: background 1s linear;
    -moz-transition: background 1s linear;
    -o-transition: background 1s linear;
    transition: background 1s linear;
}

@media (max-width: 549px) {
    #bannerResidentialLevin .container {
        background:url(/images/Residential/Banners/banner_mark_levin_small.png) no-repeat bottom right #0f4270;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

#bannerResidentialLevin .bannerTitle, #bannerResidentialRadioPromotion .bannerTitle {
    color: #ffffff;
}

#bannerResidentialLevin.banner li, #bannerResidentialRadioPromotion.banner li {
    color: #ffffff;
}

#bannerResidentialLevin.banner li span, #bannerResidentialRadioPromotion.banner li span {
    color: #f7971c;
}

#bannerResidentialLevin .bannerPlanArea, #bannerResidentialLevin .bannerPlanArea .signUpBtn, #bannerResidentialRadioPromotion .bannerPlanArea, #bannerResidentialRadioPromotion .bannerPlanArea .signUpBtn  {
    width: 180px;
}

.bannerQuote.levinQuote {
    margin-top: 56px;
    color: #ffffff;
}

@media (max-width: 1199px) {
    .bannerQuote.levinQuote {
        margin-top: 0;
        max-width: 210px;
    }
}

.phoneCordStarburst {
    margin-top: 10px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .phoneCordStarburst {
        margin-top: 30px;
    }

    #bannerResidentialiHeartMedia .phoneCordStarburst {
        margin-top: 10px;
    }
}

@media (max-width: 991px) {
    .phoneCordStarburst {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .phoneCordStarburst {
        display: none;
    }
}

.phoneCordStarburst2 {
    margin-bottom: 20px;
    max-width: 208px;
}

@media (min-width: 767px) {
    .phoneCordStarburst2 {
        display: none;
    }
}

#bannerResidentialLevin .pricingPanel#payMonthlyPanel, #bannerResidentialiHeartMedia .pricingPanel#payMonthlyPanel, #bannerResidentialRadioPromotion .pricingPanel#payMonthlyPanel, #bannerResidentialTheBlaze .pricingPanel#payMonthlyPanel {
    background-image: url('/images/Residential/995_panel2.png');
}

/* iHeart Radio */


@media (min-width: 992px) {
    .iHeartRadioLogo.margin0auto {
        margin-top: 140px;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .iHeartRadioLogo {
        margin-top: 200px;
    }
}

@media (max-width: 767px) {
    #bannerResidentialiHeartMedia .phoneCordStarburst2 {
        padding-top: 25px;
    }

    .iHeartRadioLogo {
        margin-top: 30px;
    }
}

/* Radio Promotion */

#bannerResidentialRadioPromotion .container {
    background: url(/Images/Residential/Banners/banner_radio_promo.jpg) no-repeat right top;
}

@media (max-width: 1199px) {
    #bannerResidentialRadioPromotion .container {
        background: url(/Images/Residential/Banners/banner_radio_promo_small.jpg) no-repeat right top;
    }
}

@media (max-width: 767px) {
    #bannerResidentialRadioPromotion .container {
        background: url(/Images/Residential/Banners/banner_radio_promo_small.jpg) no-repeat right top;
        -webkit-transition: background .5s linear;
        -moz-transition: background .5s linear;
        -o-transition: background .5s linear;
        transition: background .5s linear;
    }
}

@media (max-width: 649px) {
    #bannerResidentialRadioPromotion .container {
        background: url(/Images/Residential/Banners/banner_radio_promo_xsmall.jpg) no-repeat right top;
        -webkit-transition: background .5s linear;
        -moz-transition: background .5s linear;
        -o-transition: background .5s linear;
        transition: background .5s linear;
    }
}

.banner .container {
    min-height: 520px;
}

/* Survey Popup */

@media screen and (min-width: 768px) {
    #surveyModal .modal-dialog {
        width: 480px !important;
    }
}

#sg-popup {
    overflow-y: hidden;
}

.surveyModal {
    padding: 20px;
    background-color: #ffffff;
    width: 20%;
    margin: 30px auto;
    position: relative;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0;
}


/* Business */

.businessPrimary {
    color: #0f4270  /*#1679b8*/;
}

.businessContent .btn-primary, .businessLightContent .btn-primary {
    background-color: #F7971C  /*#1679b8*/;
    border-color: #F7971C;
}

.businessContent .btn-primary:hover, .businessLightContent .btn-primary:hover {
    background-color: #dd801e  /*#10609f*/;
}

.businessContent .btn-primary:active, .businessContent .btn-primary:focus, .businessLightContent .btn-primary:active, .businessLightContent .btn-primary:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .25);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .25);
}

.businessContent .bannerTitle {
    margin-top: 80px;
    font-family: 'Klavika', Arial, sans-serif !important;
}



.businessContent .banner li, .businessLightContent .banner li {
    margin-bottom: 5px;
}

.businessHeader h1 {
    padding-bottom: 23px;
    margin-bottom: 27px;
    border-bottom: 1px solid #0f4270  /*#1679b8*/;
}

@media (max-width: 1199px) {
    .businessHeader h1 {
        font-size: 2.2em;
    }
}

@media (max-width: 991px) {
    .businessHeader h1 {
        font-size: 1.6em;
    }

    .businessSubHeader h3 {
        font-size: 1.4em;
    }
}

@media (min-width: 768px) {
    li#businessServicesLink a, li#businessServicesDropdown a, li#businessFeatures a, li#businessFAQs a, li#businessHardware a, li#businessSupport a {
        padding-top: 21px;
        padding-bottom: 21px;
    }

    #broadvoiceNav #businessNav .navbarBrand a {
        height: 62px;
    }

    #broadvoiceNav #businessNav .navbarBrand .dropdown-menu a {
        height: inherit;
    }
}

@media (min-width: 992px) {
    li#businessServicesLink a, li#businessServicesDropdown a, li#businessFeatures a, li#businessFAQs a, li#businessHardware a, li#businessSupport a, li#residentialLoginDropdown a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    #broadvoiceNav #businessNav .navbarBrand a {
        height: 40px;
    }

    #broadvoiceNav #businessNav .navbarBrand .dropdown-menu a {
        height: inherit;
    }

}


.businessSubHeader {
    margin-top: -20px;
    margin-bottom: 20px;
}

.businessInformation {
    margin-bottom: 30px;
}

.businessAnchorBtn a {
    color: #ffffff;
    text-decoration: none;
    background-color: #F7971C  /*#1679b8*/;
    border-color: #F7971C;
    text-align: center;
    width: 150px;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 10px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    vertical-align: middle;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    align-items: flex-start;
}

.businessAnchorBtn a:hover {
    background-color: #dd801e  /*#10609f*/;
    border-color: #F7971C;
}

.businessAnchorBtn a:active {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
}

/* Business Submission Form */

.businessForm {
    border: 1px solid #a9a9a9;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 10px;
    margin-top: 82px;
    margin-bottom: 20px;
    background-color: #ffffff;
    max-width: 330px;
}

.businessForm.businessFormBlue {
    background: #0f4270;
    color: #ffffff;
}

.businessForm.businessInternetForm, .businessForm.businessSIPTrunkingForm {
    margin-top: 100px;
}

@media (max-width: 991px) {
    .businessForm, .businessForm.businessInternetForm, .businessForm.businessSIPTrunkingForm {
        margin-top: 20px;
    }
}

.businessFormHeader {
    color: #0f4270  /*#1679b8*/;
    font-weight: bold;
    font-size: 2.0em;
}

.businessFormHeaderAgent {
    color: #0f4270  /*#1679b8*/;
    font-weight: bold;
    font-size: 1.6em;
}

@media (max-width: 1199px) {
    .businessFormHeader {
        font-size: 1.6em;
    }

    .businessFormHeaderAgent {
        font-size: 1.2em;
    }
}

@media (max-width: 991px) {
    .businessFormHeader {
        font-size: 2.0em;
    }

    .businessFormHeaderAgent {
        font-size: 1.6em;
    }
}

.businessFormDescription {
    color: #0f4270  /*#1679b8*/;
    margin-bottom: 5px;
}

.businessForm .form-control {
    border: 1px solid #a9a9a9;
}

.businessForm input.form-control.input-validation-error {
    border: 1px solid #b94a48;
}

.textboxPhoneNumber {

}

.textboxPhoneNumberSmall, .textboxPhoneNumberLarge, .textboxCity, .textboxState, .textboxZip {
    float: left;

}

.textboxPhoneNumberSmall {
    width: 52px;
    margin-right: 2%;
}

.textboxPhoneNumberLarge {
    width: 61px;
}


.textboxCity {
    width: 38%;
    margin-right: 2%;
}

.textboxState {
    width: 25%;
    margin-right: 2%;
}

.textboxZip {
    width: 33%;
}

.businessForm label {
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 0;
}

.businessForm .form-group {
    margin-bottom: 6px;
}

.businessForm textarea {
    resize: none;
}

.businessForm .businessFormTop {
    margin-bottom: 5px;
}

.businessForm .businessFormTop, .businessForm .businessFormBottom {
    color: #0f4270  /*#1679b8*/;
}

.businessForm.businessFormBlue .businessFormTop, .businessForm.businessFormBlue .businessFormBottom {
    color: #ffffff;
}

.submitBtn {
    font-size: 1.2em;
}

.businessForm .submitBtn {
    text-align: center;
    width: 100px;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    float: right;
}

.businessFormNumber {
    font-size: 2.4em;
    font-weight: bold;
}

@media (max-width: 1199px ) {
    .businessFormNumber {
        font-size: 1.8em;
    }
}

@media (max-width: 991px ) {
    .businessFormNumber {
        font-size: 3.0em;
    }
    .businessFormTopText, .businessFormBottomText {
        font-size: 1.2em;
    }

    .businessLightContent .businessFormNumber {
        font-size: 2.5em;
    }
}

@media (max-width: 390px) {
    .businessFormNumber {
        font-size: 2.2em;
    }
    .businessFormTopText, .businessFormBottomText {
        font-size: 1.0em;
    }
}

.businessFormTopTextLarge {
    font-size: 1.4em;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .businessFormTopTextLarge {
        font-size: 1.2em;
    }
}


.businessForm.businessFormBlue .businessFormNumber {
    color: #f7971c;
    text-align: center;
}

#successMessageContainer, #successSipMessageContainer, #successMessageMobileContainer, #successUCMessageContainer {
    position: fixed;
    height:100%;
    width:100%;
    background: rgba(0,0,0,.4);
    top: 0;
    left: 0;
    z-index: 10000;
}

#successMessageContainer.red .successMessage, #successSipMessageContainer.red .successMessage, #successMessageMobileContainer.red .successMessage, #successUCMessageContainer.red .successMessage {
    color: red;
}

#successMessageContainer.green .successMessage, #successSipMessageContainer.green .successMessage, #successMessageMobileContainer.green .successMessage, #successUCMessageContainer.green .successMessage {
    color: #0f4270  /*#1679b8*/;
}


#successSipMessageContainer
{
    position: fixed;
    height:100%;
    width:100%;
    background: rgba(0,0,0,.4);
    top: 0;
    left: 0;
    z-index: 10000;
}

#successSipMessageContainer.red .successMessage {
    color: red;
}

#successSipMessageContainer.green .successMessage {
    color: #0f4270  /*#1679b8*/;
}



.successMessage {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.2em;
    z-index: 10001;
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -43px;
    max-width: 420px;
    background-color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 20px;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}



.confirmationPanel {
    

}

.banner .businessForm {
    margin-top: 20px;
}

/* Business Index */

#bannerBusinessIndex {
    background:url(/images/Business/Banners/banner_business_services.jpg) no-repeat bottom right #ffffff;
}

@media (max-width: 1199px) {
    #bannerBusinessIndex {
        background:url(/images/Business/Banners/banner_business_services_small.jpg) no-repeat bottom right #ffffff;
    }
}

@media (max-width: 1170px) {
    #bannerBusinessIndex {
        background:url(/images/Business/Banners/banner_business_services_small.jpg) no-repeat bottom right #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

@media (max-width: 991px) {
    #bannerBusinessIndex {
        background:url(/images/Business/Banners/banner_business_services_xsmall.jpg) no-repeat bottom right #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

@media (max-width: 580px) {
    #bannerBusinessIndex {
        background:url(/images/Business/Banners/banner_business_services_xxsmall.jpg) no-repeat bottom right #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

.businessBannerBtn.btn {
    background: #0f4270;
    font-size: 1.4em;
    color: #ffffff;
    width: 320px;
    text-align: center;
    margin-top: 20px;
}

.businessBannerBtn.btn:hover {
    background: #003057;
}

.businessBannerBtn.btn:active, .businessBannerBtn.btn:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
}

@media (max-width: 500px) {
    .businessBannerBtn.btn {
        font-size: 1.2em;
    }
}

@media (max-width: 389px) {
    .businessBannerBtn.btn {
        width: 100%;
    }
}

/* Products & Services */

#bannerBusinessProducts {
    background:url(/images/Business/Banners/banner_business_cloud_pbx.jpg) no-repeat bottom right #fcfaf7;
}

#bannerBusinessProducts.banner ul {
    font-size: 1.3em;
}

@media (max-width: 1199px) {
    #bannerBusinessProducts {
        background:url(/images/Business/Banners/banner_business_cloud_pbx_small.jpg) no-repeat bottom left #fcfaf7;
    }
}

@media (max-width: 1150px) {
    #bannerBusinessProducts {
        background:url(/images/Business/Banners/banner_business_cloud_pbx_small.jpg) no-repeat bottom left #fcfaf7;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

@media (max-width: 767px) {
    #bannerBusinessProducts {
        background:url(/images/Business/Banners/banner_business_cloud_pbx_xsmall.jpg) no-repeat bottom left #fcfaf7;
    }

    #bannerBusinessProducts.banner ul {
    font-size: 1.2em;
}

}

#bannerBusinessSIPTrunking {
    background:url(/images/Business/Banners/banner_business_sip_trunking.jpg) no-repeat bottom right #ffffff;
}

@media (max-width: 1199px) {
    #bannerBusinessSIPTrunking {
        background:url(/images/Business/Banners/banner_business_sip_trunking_small.jpg) no-repeat bottom left #ffffff;
    }
}

@media (max-width: 1170px) {
    #bannerBusinessSIPTrunking {
        background:url(/images/Business/Banners/banner_business_sip_trunking_small.jpg) no-repeat bottom left #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

@media (max-width: 991px) {
    #bannerBusinessSIPTrunking {
        background:url(/images/Business/Banners/banner_business_sip_trunking_xsmall.jpg) no-repeat bottom left #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

@media (max-width: 767px) and (min-width: 451px) {
    .featureIcon {
        margin-top: 0;
        margin-bottom: 40px;
        width: 100px;
        clear: left;
    }
}

.featureIcon {
    width: 125px;
    margin-right: 10px;
    float: left;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .featureIcon img {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    .featureIcon {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .featureIconSection .featureDescription {
        width: 100%;
        margin-bottom: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .featureIcon.descriptionShort {
        margin-bottom: 40px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .featureIcon.descriptionMedium {
        margin-bottom: 60px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .featureIcon.descriptionLong {
        margin-bottom: 60px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .featureIcon.descriptionLong {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .featureIconSection .featureDescription {
        width: 65%;
    }
}

.featureTitle {
    color: #f7971c;
    text-transform: uppercase;
    font-family: 'Klavika Medium';
    margin-bottom: 0;
    font-size: 1.5em;
}

.containerExtraPadding {
    padding-top: 20px;
}

.businessHeaderImg {
    border-bottom: 1px solid #0f4270  /*#1679b8*/;
    margin-bottom: 30px;
} 

.businessHeaderImg img {
    margin-bottom: -18px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .businessNonImageHeader h1 {
        margin-top: 25px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .businessNonImageHeader h1 {
        margin-top: 34px;
    }
}

#SIP_Trunking .businessHeaderImg img, #Internet .businessHeaderImg img, #Virtual_PRI .businessHeaderImg img {
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    .tableOverflow {
        overflow-x: auto;
        margin-bottom: 120px;

    }
    .tableOverflow table.tableInternetComparison, .tableOverflow table.tablePriceComparison {
        width: 700px;
    }
}
table.tableInternetComparison, table.tablePriceComparison {
    width: 100%;
    font-size: 1.2em;
}

@media (max-width: 1199px) {
    table.tableInternetComparison, table.tablePriceComparison {
        font-size: 1.0em;
    }
}

table.tableInternetComparison th, table.tablePriceComparison th {
    color: #ffffff;
    background-color: #0f4270  /*#1679b8*/;
    padding: 10px;
    text-align: center;
        font-weight: bold;
}

table.tableInternetComparison tr th:first-of-type, table.tablePriceComparison tr th:first-of-type {
    text-align: left;
}

table.tableInternetComparison td, table.tableInternetComparison th, table.tablePriceComparison td, table.tablePriceComparison th {
    max-width: 25%;
}

table.tableInternetComparison td, table.tablePriceComparison td {
    color: #0f4270  /*#1679b8*/;
    border-top: 1px solid #0f4270  /*#1679b8*/;
    padding: 20px 10px;
    text-align: center;
}

table.tableInternetComparison tr td:first-of-type, table.tablePriceComparison tr td:first-of-type {
    text-align: left;
    font-weight: bold;
}

.tableFontSmall, table.tablePriceComparison .subTableHead {
    font-weight: normal;
    font-size: .9em;
}

.bigPrice {
    font-size: 1.2em;
}

.img50Percent {
    width: 50%;
    float: left;
}

@media (max-width: 1199px) {
    .img50Percent {
        width: 100%;
        clear: left;
    }
}

.sidenav {
    background: #ffffff;
    border-radius: 4px;
    padding: 10px;
}

.largeFont p, p.largeFont {
    font-size: 1.6em;
}

@media (max-width: 991px) {
    .largeFont p, p.largeFont {
        font-size: 1.3em;
    }
}



.puzzleContainer .panel {
    background: none;
    border: none;
    box-shadow: none;
}

.puzzleContainer  h3  {
    margin-bottom: 0;
    font-size: 2em;
}

@media (min-width: 992px) {
    svg.puzzlePieces {
        margin-top: -108px;
    }
}

@media (min-width: 1200px) {
    svg.puzzlePieces {
        margin-top: -75px;
    }
}

@media (min-width: 1400px) {
    svg.puzzlePieces {
        margin-top: -60px;
    }
}

@media (max-width: 991px) {
    svg.puzzlePieces {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 450px) {
    svg.puzzlePieces {
        height: 400px;
    }
}

@media (max-width: 400px) {
    svg.puzzlePieces {
        height: 350px;
    }
}

@media (max-width: 350px) {
    svg.puzzlePieces {
        height: 300px;
    }
}

.accordion-toggle {
    cursor: pointer;
    opacity: .75;
}

.accordion-toggle.active, .accordion-toggle:hover {
    opacity: 1;
}

.puzzlePieceHostedVoice:active .puzzlePieceHostedVoiceBG {
    fill: #003057;
}

.puzzlePieceEmail:active .puzzlePieceEmailBG {
    fill: #6c7073;
}

.puzzlePieceCommunicator:active .puzzlePieceCommunicatorBG {
    fill: #dd801e;
}

.panel-collapse.col-lg-6 {
    margin-left: 15px;
    margin-right: 15px;
}

@media (min-width: 1200px) {
    .panel-collapse.col-lg-6 {
        width: 46%;
        float: right;
        clear: right;
    }
}

.puzzleRow2.row {
    margin-right: 0;
}

.puzzleRow .puzzleContainer .panel-collapse {
    margin-left: 15px;
    margin-right: 15px;
}

.puzzleContainer #collapseOne, .puzzleContainer #collapseOneSmall {
    border-radius: 4px;
    background: #f7971c;
    color: #ffffff;
    box-shadow: 0 5px 0 #dd801e;
    margin-bottom: 5px;
}

.puzzleContainer #collapseTwo, .puzzleContainer #collapseTwoSmall {
    border-radius: 4px;
    background: #808284;
    color: #ffffff;
    box-shadow: 0 5px 0 #4a4b4d;
    margin-bottom: 5px;
}

.puzzleContainer #collapseThree, .puzzleContainer #collapseThreeSmall {
    border-radius: 4px;
    background: #0f4270;
    box-shadow: 0 5px 0 #062449;
    margin-bottom: 5px;
}

.puzzleContainer #collapseThree h1, .puzzleContainer #collapseThreeSmall h1 {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.puzzleContainer #collapseThree p, .puzzleContainer #collapseThreeSmall p {
    color: #a0a1a3;
}


/* Unified Communications */

#bannerUnifiedCommunications.banner {
    min-height: 350px;
}

#bannerUnifiedCommunications .container {
    background:url(/images/Business/Banners/banner_unified_communications.jpg) no-repeat bottom right #ffffff;
    min-height: 350px;
    -webkit-transition: background 1s linear;
    -moz-transition: background 1s linear;
    -o-transition: background 1s linear;
    transition: background 1s linear;
}

@media (max-width: 1199px) {
    #bannerUnifiedCommunications .container {
        background: url(/images/Business/Banners/banner_white.png) no-repeat bottom right #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
        min-height: inherit;
    }
    #bannerUnifiedCommunications.banner {
        min-height: inherit;
    }
}

.businessContent #bannerUnifiedCommunications .bannerTitle {
    margin-top: 40px;
    line-height: 1em;
}

.monitorBG {
    max-width: 600px;
    background: url(/Images/Business/UnifiedCommunications/broadvoice_monitor.png) no-repeat center;
    background-size: contain;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
}

/* Business Features */

#bannerBusinessFeatures {
    background:url(/images/Business/Banners/banner_business_sip_trunking.jpg) no-repeat bottom right #ffffff;
}

@media (max-width: 1199px) {
    #bannerBusinessFeatures {
        background:url(/images/Business/Banners/banner_business_sip_trunking_small.jpg) no-repeat bottom left #ffffff;
    }
}

@media (max-width: 1170px) {
    #bannerBusinessFeatures {
        background:url(/images/Business/Banners/banner_business_sip_trunking_small.jpg) no-repeat bottom left #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

@media (max-width: 991px) {
    #bannerBusinessFeatures {
        background:url(/images/Business/Banners/banner_business_sip_trunking_xsmall.jpg) no-repeat bottom left #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

.tableOverflow2 {
    overflow-x: auto;
}

@media (max-width: 767px) {
    .tableOverflow2:last-of-type {
        margin-top: -1px;
    }

    .tableOverflow2 .intNumbersTable2 thead {
        display: none;
    }
}

table.intNumbersTable {
    width: 100%;
    border-bottom: 1px solid #0f4270  /*#1679b8*/;
    border-right: 1px solid #0f4270  /*#1679b8*/;
}

table.intNumbersTable td, th {
    padding: 10px 20px;
}

table.intNumbersTable th {
    background: #0f4270  /*#1679b8*/;
    color: #ffffff;
}

table.intNumbersTable tr td:first-of-type {
    width: 66.666666%;
}

table.intNumbersTable tr td:last-of-type {
    width: 33.333334%;
}

/* Business FAQs */

#bannerBusinessFAQs {
    background:url(/images/Business/Banners/banner_business_faqs.jpg) no-repeat bottom right #ffffff;
}

@media (max-width: 1199px) {
    #bannerBusinessFAQs {
        background:url(/images/Business/Banners/banner_business_faqs_small.jpg) no-repeat bottom left #ffffff;
    }
}

@media (max-width: 1150px) {
    #bannerBusinessFAQs {
        background: url(/images/Business/Banners/banner_business_faqs_small.jpg) no-repeat bottom left #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

@media (max-width: 767px) {
    #bannerBusinessFAQs {
        background: url(/images/Business/Banners/banner_business_faqs_xsmall.jpg) no-repeat bottom left #ffffff;
    }
}

.businessContent ul.smallTextEm  {
    font-size: 1em;
}

/* Business Hardware */

#bannerBusinessHardware {
    background:url(/images/Business/Banners/banner_business_hardware.jpg) no-repeat bottom center #ffffff;
    -webkit-transition: background 1s linear;
    -moz-transition: background 1s linear;
    -o-transition: background 1s linear;
    transition: background 1s linear;
}

@media (max-width: 767px) {
    #bannerBusinessHardware {
        background:url(/images/Business/Banners/banner_business_hardware_xsmall.jpg) no-repeat bottom center #ffffff;
    }
}

.hardwareAnchor {
    padding-top: 140px;
    margin-top: -120px;
    margin-bottom: 120px;
}

.hardwareLink {
    margin-bottom: 100px;
    cursor: pointer;
}

.hardwareImgContainer {
    width: 100%;
    overflow: hidden;
}

.hardwareImg {
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;
}

.hardwareLink:hover .hardwareImg {
    margin: -1.5% -2.16%;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

@media (min-width: 768px) {
    .hardwareImgContainer {
        height: 500px;
    }
}

@media (min-width: 992px) {
    .hardwareImgContainer {
        height: 240px;
    }
}

@media (min-width: 1200px) {
    .hardwareImgContainer {
        height: 300px;
    }
}

@media (min-width: 1400px) {
    .hardwareImgContainer {
        height: 350px;
    }
}


.hardwareBtn {
    color: #ffffff;
    background: #f7971c  /*#1679b8*/;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    max-width: 150px;
    text-align: center;
    padding: 2px 5px 5px 5px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1000;
    cursor: pointer;
}

.hardwareLink a {
    text-decoration: none;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.hardwareLink:hover .hardwareBtn {
    background: #dd801e  /*#10609f*/;
}

.hardwareLink:active .hardwareBtn {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
}

.modal-body.modal-bodyHardware ul {
    list-style:disc;
    padding-left: 20px;
}


/* Agents */

#bannerBusinessAgents {
    background:url(/images/Business/Banners/banner_business_agents.jpg) no-repeat bottom right #ffffff;
}

@media (max-width: 1399px) {
    #bannerBusinessAgents {
        background:url(/images/Business/Banners/banner_business_agents_large.jpg) no-repeat bottom left #ffffff;
    }
}

.imgHeaderAlign {
    margin-top: 80px;
}

@media (max-width: 991px) {
    .imgHeaderAlign {
    margin-top: 0;
}
}

.imgCaption {
    margin-top: 5px;
    text-align: center;
}


/* Service Availability */

#bannerBusinessInternet {
    background:url(/images/Business/Banners/banner_business_internet.jpg) no-repeat bottom right #ffffff;
}

@media (max-width: 1199px) {
    #bannerBusinessInternet {
        background:url(/images/Business/Banners/banner_business_internet_small.jpg) no-repeat bottom left #ffffff;
    }
}

@media (max-width: 1150px) {
    #bannerBusinessInternet {
        background:url(/images/Business/Banners/banner_business_internet_small.jpg) no-repeat bottom left #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

@media (max-width: 767px) {
    #bannerBusinessInternet {
        background:url(/images/Business/Banners/banner_business_internet_xsmall.jpg) no-repeat bottom left #ffffff;
    }
}

@media (max-width: 450px) {
    #bannerBusinessInternet {
        background:url(/images/Business/Banners/banner_business_internet_xxsmall.jpg) no-repeat bottom left #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

.serviceAvailabilityContainer {
    border-bottom: 1px solid #0f4270  /*#1679b8*/;
}

.businessInformation .serviceAvailabilityContainer:nth-of-type(1n+2) {
    margin-top: 30px;
}

/* BusinessLight */

.clickToCall {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 240px;
}

#CallNowButton.clickToCall a {
    background-color: #f7971c;
    border-color: #f7971c;
}

#CallNowButton.clickToCall a:hover {
    background-color: #dd801e;
    color: #ffffff;
}

#CallNowButton.clickToCall a:active {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
    background-position: left top;
}

.businessLightContent .bannerTitle {
    margin-top: 40px;
    font-family: 'Klavika', Arial, sans-serif !important;
}

@media (min-width: 500px) and (max-width: 1399px) {
    .businessLightContent .bannerLight ul {
        font-size: 1.2em;
    }
}

#bannerBusinessLightSIP {
    background: url(/Images/BusinessLight/Banners/banner_businesslight_sip.jpg) bottom left #ffffff no-repeat;
    -webkit-transition: background 1s linear;
    -moz-transition: background 1s linear;
    -o-transition: background 1s linear;
    transition: background 1s linear;
    margin-bottom: 20px;
}

#bannerBusinessLightPBX {
    background: url(/Images/BusinessLight/Banners/banner_businesslight_cloudpbx_pbx.jpg) bottom left #ffffff no-repeat;
    -webkit-transition: background 1s linear;
    -moz-transition: background 1s linear;
    -o-transition: background 1s linear;
    transition: background 1s linear;
    max-width: 1500px;
    margin: 0 auto;
}

#bannerBusinessLightPBX57 {
    background: url(/Images/BusinessLight/Banners/banner_businesslight_cloudpbx_57.jpg) bottom left #ffffff no-repeat;
    -webkit-transition: background 1s linear;
    -moz-transition: background 1s linear;
    -o-transition: background 1s linear;
    transition: background 1s linear;
    max-width: 1500px;
    margin: 0 auto;
}

#bannerBusinessLightPBXWV {
    background: url(/Images/BusinessLight/Banners/banner_ip_phones_whichvoip.jpg) bottom left #ffffff no-repeat;
    -webkit-transition: background 1s linear;
    -moz-transition: background 1s linear;
    -o-transition: background 1s linear;
    transition: background 1s linear;
    max-width: 1500px;
    margin: 0 auto;
}

@media (max-width: 1199px) {
    #bannerBusinessLightPBX, #bannerBusinessLightSIP, #bannerBusinessLightPBX57, #bannerBusinessLightPBXWV {
        background: url(/Images/General/white_bg_1500.png) no-repeat bottom left #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

.bannerLight .bannerTitle {
    margin-top: 54px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .bannerLight .bannerTitle {
        font-size: 2.8em;
    }
}

@media (max-width: 1199px) {
    .bannerLight .bannerTitle {
        margin-top: 20px;
    }
}

@media (min-width: 1400px) {
    .bannerAwards {
        margin-top: 140px;
        margin-left: 30px;
    }

    .bannerAwards.sipTrunkingAwards {
        margin-top: 80px;
    }

    #capterra .bannerAwards {
        margin-top: 90px;
        margin-left: 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .bannerAwards {
        margin-top: 180px;
        margin-left: 20px;
    }

    .bannerAwards.sipTrunkingAwards {
        margin-top: 120px;
    }

    #capterra .bannerAwards {
        margin-top: 120px;
        margin-left: 20px;
    }
}

.firstFreeMonth {
    margin-top: 10px;
    margin-left: 30px;
    margin-bottom: 20px;
}

.ipPhonesPromo {
   margin: 10px auto 20px auto;
}

@media (max-width: 767px) {
    .firstFreeMonth {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }
}

.businessLightContent .businessForm {
    margin-top: 20px;
    background: #0f4270;
}

.businessLightContent .businessForm .businessFormTop, .businessLightContent .businessForm .businessFormBottom, .businessLightContent .businessForm {
    color: #ffffff;
}

.businessLightContent .businessForm label {
    font-size: 1em;
}

.businessLightContent .businessFormTopText {
    text-align: center;
}

.businessLightContent .businessFormNumber, .businessLightContent .businessFormImportantText {
    color: #f7971c;
}

.businessLightContent .businessFormAnnouncement {
    font-size: 1.5em;
    font-weight: bold;
}

.businessLightContent .businessFormImportantText {
    font-size: 1.1em;
}

.businessLightContent .page {
    min-height: 600px;
    margin-top: 0;
    padding-top: 0;
}

.businessLightContent .starburst {
    float: right;
}

@media (max-width: 767px) {
    .businessLightContent .starburst {
       float: left;
    }
}

.businessLightContent .legalText {
    font-size: .8em;
}

.businessHeader.sipTrunkingAlignment h1 {
    padding-bottom: 41px;
    height: 81px;
}

.businessLightContent .field-validation-error {
    color: #f7971c;
}

/* Legalese */

.legalese table {
    width: 100%;
    margin-bottom: 20px;
}

.legalese table td {
    padding: 10px;
}

.legaleseText {
    font-size: .8em;
}

/* Spinner */

.spinner {
 display: inline-block;
  opacity: 0;
  max-width: 0;

  -webkit-transition: opacity 0.25s, max-width 0.45s; 
  -moz-transition: opacity 0.25s, max-width 0.45s;
  -o-transition: opacity 0.25s, max-width 0.45s;
  transition: opacity 0.25s, max-width 0.45s; /* Duration fixed since we animate additional hidden width */
}

.has-spinner.btnactive .spinner {
  opacity: 1;
  max-width: 50px; 
}

.has-spinner.btn-mini.btnactive .spinner {
    width: 10px;
}

.has-spinner.btn-small.btnactive .spinner {
    width: 13px;
}

.has-spinner.btn.btnactive .spinner {
    width: 16px;
}

.has-spinner.btn-large.btnactive .spinner {
    width: 19px;
}
.spin {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
     animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@media screen and (max-width: 600px) {
  #sg-popup {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}

/* Sitemap */

ul.sitemapUl {
    list-style: none;
    padding-left: 0;
}

ul.sitemapUl ul {
    list-style: disc;
}

.sitemapUl li {
    margin-top: 10px;
}

/* Promotional */

.navbar-inverse.promotionalHeader {
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 0 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 0 0 rgba(0,0,0,.3);
}

.promotionalHeader #topHeader #newNumber {
    font-size: 2em;
}

.promotionalHeader .mobileCallNow {
    margin-right: 0;
}

.residentialContent.promotionalContent {
    margin-top: 0;
}

.promotionalContent .banner {
    width: 100%;
    min-height: 372px;
    z-index: 990;
    border-bottom: 1px solid #f8e3c2;
}

#bannerPromo1 {
    background: url(/Images/Promotional/Banners/banner_promo1.jpg) left top #ffffff no-repeat;
    border-bottom: 1px solid #f8e3c2;
    -webkit-transition: background 1s linear;
    -moz-transition: background 1s linear;
    -o-transition: background 1s linear;
    transition: background 1s linear;
}

@media (max-width: 991px) {
    #bannerPromo1 {
        background: url(/Images/Promotional/Banners/banner_promo1_small.jpg) left top #ffffff no-repeat;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

@media (max-width: 767px) {
    #bannerPromo1 {
        background: #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

#bannerPromoCompetitive {
    background: url(/Images/Promotional/Banners/banner_comparison.png) center top no-repeat #0f4270; /* Old browsers */
    background: url(/Images/Promotional/Banners/banner_comparison.png) center top no-repeat,    -moz-linear-gradient(left,  #0f4270 0%, #0f4270 50%, #f7971c 50%, #f7971c 50%, #f7971c 98%); /* FF3.6+ */
    background: url(/Images/Promotional/Banners/banner_comparison.png) center top no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%,#0f4270), color-stop(50%,#0f4270), color-stop(50%,#f7971c), color-stop(50%,#f7971c), color-stop(98%,#f7971c)); /* Chrome,Safari4+ */
    background: url(/Images/Promotional/Banners/banner_comparison.png) center top no-repeat, -webkit-linear-gradient(left,  #0f4270 0%,#0f4270 50%,#f7971c 50%,#f7971c 50%,#f7971c 98%); /* Chrome10+,Safari5.1+ */
    background: url(/Images/Promotional/Banners/banner_comparison.png) center top no-repeat,        -o-linear-gradient(left,  #0f4270 0%,#0f4270 50%,#f7971c 50%,#f7971c 50%,#f7971c 98%); /* Opera 11.10+ */
    background: url(/Images/Promotional/Banners/banner_comparison.png) center top no-repeat,      -ms-linear-gradient(left,  #0f4270 0%,#0f4270 50%,#f7971c 50%,#f7971c 50%,#f7971c 98%); /* IE10+ */
    background:  url(/Images/Promotional/Banners/banner_comparison.png) center top no-repeat,            linear-gradient(to right,  #0f4270 0%,#0f4270 50%,#f7971c 50%,#f7971c 50%,#f7971c 98%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f4270', endColorstr='#f7971c',GradientType=1 ); /* IE6-9 */

}

@media (max-width: 767px) {
    #bannerPromoCompetitive {
        background: url(/Images/Promotional/Banners/banner_comparison_mobile.png) center top no-repeat #0f4270;
        min-height: 800px;
    }
}

#bannerPromoCompetitive .container.promoBannerImageContainer {
    min-height: inherit;
}

.bannerPromotionalComparison {
    text-align: center;
    margin-bottom: 7px;
}
@media (min-width: 767px) and (max-width: 991px ) {
    .promoBannerImageContainer {
        padding: 0;
    }

    .promoBannerImageContainer .col-sm-5 {
        padding-left: 40px;
        padding-right: 10px;
    }
}

.promoBannerImageContainer img {
    margin-top: 80px;
}

@media (min-width: 767px) and (max-width: 991px ) {
    .promoBannerImageContainer img {
        margin-top: 100px;
    }
}

#competitorPrice2 {
    display: none;
}


@media (max-width: 767px) {
    .promoBannerImageContainer img {
        position: absolute;
        margin-top: 0;
    }

    img#broadvoicePrice {
        top: 10px;
    }

    img#competitorPrice2 {
        top: 470px;
        margin-right: -20px;
        right: 20px;
    }

    #competitorPrice {
        display: none;
    }

    #competitorPrice2 {
        display: block;
    }
}

@media (max-width: 450px) {
        img#broadvoicePrice {
            top: 60px;
        }

    img#competitorPrice2 {
        top: 490px;
    }
}

@media (max-width: 360px) {
        img#broadvoicePrice {
            top: 70px;
        }

    img#competitorPrice2 {
        top: 510px;
    }
}

.comparisonName {
    color: #0f4270;
    font-size: 1.8em;
    font-weight: bold;
}

.numberKlavika {
    color: #0f4270;
    font-size: 1.8em;
    font-family: Klavika, Arial, sans-serif;
}

.promotionalContent .banner.bannerPromotional {
    text-align: center;
}

#Comparison.page.pageTop {
    padding-top: 140px;
}

#Comparison #scrollingNavigation {
    margin-top: 20px;
}

.promotionalContent .signUpBtn {
    text-align: center;
    width: auto;
    margin-top: 0;
}

.promotionalContent .signUpBtn.signUpBtnPromoInline {
    margin-top: -7px;
}

.promotionalContent #Comparison p {
    font-size: 1.6em;
}

table.tablePromotional, table.tablePromotional2 {
    border-collapse: initial;
}

@media (max-width: 767px) {
    table.tablePromotional img {
        max-width: 160px;
    }
}

@media (max-width: 600px) {
    table.tablePromotional img {
        max-width: 140px;
    }
}

@media (max-width: 500px) {
    table.tablePromotional img {
        max-width: 120px;
    }
}

@media (max-width: 400px) {
    table.tablePromotional img {
        max-width: 120px;
    }
}

.tablePromotional td:nth-of-type(2n) {
    border-top: 1px solid #ffffff;
    background: #0f4270;
    color: #ffffff;
} 

.tablePromotional a.tableLink {
    color: #f7971c;
    text-decoration: underline;
}

.tablePromotional a.tableLink:hover {
    color: #dd801e;
}

.tablePromotional a.tableLink:active {
    color: #f8a34a;
}

.tablePromotional td:nth-of-type(3n) {
    border-right: 1px solid #0f4270;
}

.tablePromotional .tableBottom td {
    border-bottom: 1px solid #0f4270;
}

.promotionalContent ul.sidenav {
    margin-top: 0;
}

.tableComparison.tablePromotional th:first-of-type {
    border: none;
    background: none;
}

.tableComparison.tablePromotional th:nth-of-type(2) {
    border-left: 1px solid #0f4270;
    border-right: 1px solid #0f4270;
    border-top: 1px solid #0f4270;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    font-size: 1.8em;
}

.tableComparison.tablePromotional th:last-of-type {
    border: none;
    background: none;
    padding: 0;
}

.tableComparison.tablePromotional table td {
    width: 100%;
    border: none;
    color: #0f4270;
}

table.tablePromotional2 {
    width: 100%;
    margin-top: 30px;
}

.tableComparison table.tablePromotional2 td {
    text-align: center;
}

.tableComparison.tablePromotional table td.tablePromotional2Td {
    border-left: 1px solid #0f4270;
    border-right: 1px solid #0f4270;
    border-top: 1px solid #0f4270;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}

.tablePromotional .tableNoBorders td {
    border: none;
    background: none;
}

td.borderRoundTopLeft {
    border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}

.tablePromotional .glyphicon-remove {
    color: red;
    font-size: 1.8em;
}

.tableComparison.tablePromotional .tableNoBorders .signUpBtn {
    font-size: 1.8em;
}

.promotionalFooter img {
    float: right;
}

/* Google */

.googleBlue {
    background: #0f4270;
}

@media (max-width: 350px) {
    .googleBlue {
        width: 100%;
        overflow: hidden;
    }
}

/* DSL Extreme Special Offer */

#bannerResidentialPromo {
    background:url(/images/Residential/Banners/banner_residential_promo_tall2.jpg) no-repeat bottom right #f0efec;
    -webkit-transition: background 1s linear;
    -moz-transition: background 1s linear;
    -o-transition: background 1s linear;
    transition: background 1s linear;
}

@media (max-width: 1199px) {
    #bannerResidentialPromo {
        background:url(/images/Residential/Banners/banner_residential_promo_tall_small.jpg) no-repeat bottom right #f0efec;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

#DSLExtremeBannerLogo {
    margin: -2px 2px 0 2px;
}

@media (max-width: 1199px) {
    #DSLExtremeBannerLogo {
        width: 240px;
    }
}

@media (max-width: 991px) {
    #DSLExtremeBannerLogo {
        width: 190px;
    }
}

@media (max-width: 499px) {
    #DSLExtremeBannerLogo {
        width: 155px;
    }
}

.residentialCountryList ul {
    list-style: none;
    padding-left: 0;
}

@media (max-width: 767px) {
    .residentialCountryList ul {
        font-size: .9em;
    }
}

#Testimonials .testimonialStars {
    background: url(/images/responsive/five_stars.png) no-repeat center;
    height: 24px;
    margin-bottom: 10px;
}

#Testimonials .testimonyText, #Testimonials .testimonyName {
    text-align: center;
}

#Testimonials .testimonyText {
    margin-bottom: 10px;
}

#Testimonials .testimonyName {
    color: #003057;
    font-weight: 800;
    margin-bottom: 20px;
}

#Testimonials .testimonialBottom {
    border-top: 1px solid #003057;
    margin-top: 5px;
    padding-top: 35px;
    text-align: center;
}

#Testimonials .bottomContainer {
    margin-bottom: 20px;
}

#Testimonials .guaranteeSpacing {
    margin-bottom: 10px;
}



#Testimonials input[type=button] {
    padding: 0;
    border: 0;
}

    #Testimonials input[type=button]:focus {
        outline: none;
    }

#Testimonials .newChatButton {
    background: url("/images/responsive/chat_blue.png") no-repeat left top;
    width: 283px;
    height: 76px;
    margin: 0 auto;
    cursor: pointer;
}

/* Careers */

#bannerCareers {
    background:url(/images/Business/Banners/banner_business_agents_small.jpg) no-repeat bottom right #ffffff;
}

@media (max-width: 1200px) {
    #bannerCareers {
        background:url(/images/Business/Banners/banner_business_agents_small.jpg) no-repeat bottom left #ffffff;
    }
}

@media (max-width: 1050px) {
    #bannerCareers {
        background:url(/images/Business/Banners/banner_business_agents_small.jpg) no-repeat bottom left #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

@media (max-width: 767px) {
    #bannerCareers {
        background:url(/images/Business/Banners/banner_business_agents_xsmall.jpg) no-repeat bottom left #ffffff;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        transition: background 1s linear;
    }
}

#bannerCareers .bannerTitle {
    margin-top: 80px;
}

.jobPosting {
    font-size: 1.2em;
}

.careersDefinitionList .item {
    width: 200px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .careersDefinitionList .item {
        display: block;
        text-align: left;
    }

    .careersDefinitionList .description {
        display: block;
        margin-bottom: 20px;
    }
}

/* Business Landing Pages */

@media (min-width: 1200px) and (max-width: 1399px) {
    #bannerBusinessLandingPageWhite .bannerTitle {
        font-size: 2.2em;
    }
}

@media (min-width: 992px) {
    #bannerBusinessLandingPageWhite .bannerMainImage {
        margin-top: 90px;
    }
}

@media (max-width: 991px) {
    #bannerBusinessLandingPageWhite .bannerMainImage {
        margin-bottom: -90px;
    }
}

/* Side Navigation */

.cd-img-replace {
  /* replace text with a background-image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/* -------------------------------- 

Main components 

-------------------------------- */

.cd-scroll-down {
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20px;
  width: 38px;
  height: 44px;
}

/* No Touch devices */
.cd-nav-trigger {
  display: none;
}

.no-touch #cd-vertical-nav {
  position: fixed;
  right: 30px;
  top: 60%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

@media (max-width: 767px) {
    .no-touch #cd-vertical-nav {
        display: none;
    }
 }

.no-touch #cd-vertical-nav li {
  text-align: right;
  list-style: none;
}

.no-touch #cd-vertical-nav a {
  display: inline-block;
  /* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.no-touch #cd-vertical-nav a:after {
  content: "";
  display: table;
  clear: both;
}

.no-touch #cd-vertical-nav a span {
  float: right;
  display: inline-block;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}
.no-touch #cd-vertical-nav a:hover span {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.no-touch #cd-vertical-nav a:hover .cd-label {
  opacity: 1;
}

.no-touch #cd-vertical-nav a.is-selected .cd-dot {
  background-color: #ffffff;
}

.no-touch #cd-vertical-nav .cd-dot {
  position: relative;
  /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
  top: 8px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #f7971c;
    border: 2px solid #f7971c;
  -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
  -moz-transition: -moz-transform 0.2s, background-color 0.5s;
  transition: transform 0.2s, background-color 0.5s;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.no-touch #cd-vertical-nav .cd-label {
  position: relative;
  margin-right: 10px;
  color: #f7971c;
  font-size: 1em;
  margin-top: 1px;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  opacity: 0;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

/* Touch devices */
.touch .cd-nav-trigger {
  display: block;
  z-index: 2;
  position: fixed;
  bottom: 30px;
  right: 5%;
  height: 44px;
  width: 44px;
  border-radius: 0.25em;
  background: rgba(247, 151, 28, 0.9);
}

.touch .cd-nav-trigger span {
  position: absolute;
  height: 4px;
  width: 4px;
  background-color: #ffffff;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.touch .cd-nav-trigger span::before, .touch .cd-nav-trigger span::after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
}

.touch .cd-nav-trigger span::before {
  top: -9px;
}

.touch .cd-nav-trigger span::after {
  bottom: -9px;
}

.touch #cd-vertical-nav {
  position: fixed;
  z-index: 1;
  right: 5%;
  bottom: 30px;
  width: 90%;
  max-width: 400px;
  max-height: 90%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  border-radius: 0.25em;
  background-color: rgba(255, 255, 255, 0.9);
}

.touch #cd-vertical-nav a {
  display: block;
  padding: 1em;
  border-bottom: 1px solid rgba(62, 57, 71, 0.1);
}

.touch #cd-vertical-nav a span:first-child {
  display: none;
}

.touch #cd-vertical-nav a.is-selected span:last-child {
  color: #f7971c;
}

.touch #cd-vertical-nav.open {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.touch #cd-vertical-nav.open + .cd-nav-trigger {
  background-color: transparent;
}

.touch #cd-vertical-nav.open + .cd-nav-trigger span {
  background-color: rgba(62, 57, 71, 0);
}

.touch #cd-vertical-nav.open + .cd-nav-trigger span::before, .touch #cd-vertical-nav.open + .cd-nav-trigger span::after {
  background-color: #3e3947;
  height: 3px;
  width: 20px;
  border-radius: 0;
  left: -8px;
}

.touch #cd-vertical-nav.open + .cd-nav-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 1px;
}

.touch #cd-vertical-nav.open + .cd-nav-trigger span::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  bottom: 0;
}

.touch #cd-vertical-nav li:last-child a {
  border-bottom: none;
}

@media only screen and (min-width: 768px) {
  .touch .cd-nav-trigger, .touch #cd-vertical-nav {
    bottom: 40px;
  }
}

/* Contact Page */

.contactInformation h1 {
    margin-bottom: 27px;
}

.contactInformation table {
    width: 100%;
}

.contactInformation tr td:first-of-type {
    font-weight: bold;
}

.contactInformation td {
    padding: 10px;
}

.contactInformation tr {
    border-top: 1px solid #0f4270;
}

.contactInformation thead td {
    background: #0f4270;
    color: #f7971c;
    text-transform: uppercase;
    font-weight: bold;
}

@media (max-width: 767px) {
    .contactInformation table {
        display: none;
    }
}

@media (min-width: 768px) {
    .mobile {
        display: none;
    }
}