/*!
 * EEYOU Mobility
 * Style
 */

/* ---------------------------------------------------
    Fonts
----------------------------------------------------- */

.din-regular, .tos li, .navbar-header .nav li a, .query-empty, .query-field-post_title,
#footer a span, #done_right h5 {
    font-family: "URWDIN-Regular", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-shadow: none;
}
.din-medium, p, li, .dropdown-menu .dropdown-item, #footer p, .international.form-control, #international td, #international .accordion-toggle a {
    font-family: "URWDIN-Medium", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-shadow: none;
}
.din-regular-bold{
    font-family: "URWDIN-Regular", sans-serif;
    font-weight: 600;
    font-style: normal;
    text-shadow: none;
}
.din-bold, .navbar-inverse .navbar-nav > li > a, #footer li a, .tos h3, h4.panel-title, label, .csp p,
#done_right h5 span {
    font-family: "URWDIN-Bold", sans-serif;
    font-style: normal;
    text-shadow: none;
}
.din-condensed-light, .price-symbol, .features + h3 span{
    font-family: "URWDINCond-Light", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-shadow: none;
}
.din-condensed-medium, p.card-text {
    font-family: "URWDINCond-Light", sans-serif;
    font-weight: 600;
    font-style: normal;
    text-shadow: none;
}
.din-condensed-bold, .card-header, #footer p strong, .card-header + .card-body p.text-white, .card-header + .card-body p.text-green, .nav-tabs li, .tos .sub-title, .table-bordered tbody td:first-child,
.page-id-497 h2, .page-id-497 h2 + .query-content a, .home .banner-1 .row .row div, .home .banner-controls .carousel-indicators li, .price-reduction-triangle, #support .panel-group .card .btn, #faq .w-75.mx-auto .input-group input, .question,
.query-field-post_content a, #international th {
    font-family: "URWDINCond-Bold", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    text-shadow: none;
}
.din-black{
    font-family: "URWDIN-Bold", sans-serif;
    font-weight: 600;
    font-style: normal;
    text-shadow: none;
}
.din-condensed-black, .banner h1, .banner h4, h1, h2, .list-group div + div, p.price, .csp h3,
.sign-in .menu-item-445 a.nav-link, .sign-in + .d-lg-none.d-md-block a.nav-link, #highway h2,
.swipe, .swipe .overlay, .dropdown .btn, .btns-group .btn, .btn-group .btn, button[type='submit'], .card .btn.btn-green,
#help_center .panel-group .card .btn, .panel-heading .panel-title a{
    font-family: "URWDINCond-Black", sans-serif;
    font-weight: 100;
    font-style: normal;
    text-shadow: none;
}
.cr-page .din-bold, .cr-page .din-condensed-black, .cr-page .din-condensed-bold {
    font-weight: 600 !important;
    line-height: 1.1 !important;
}
.cr-page .din-condensed-medium, .cr-page p.card-text {
    font-weight: 200 !important;
}
.cr-page #about .card h4.din-condensed-black span {
    font-size: 18px !important;
}
/* ---------------------------------------------------
    Template Structure
----------------------------------------------------- */
html, body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}
body.menu-open {
    /* When sidemenu is open stop body scroll */
    overflow: hidden;
}
#ww {
    background-color: #fff;
    padding-top:30px;
    padding-bottom:0 !important;
}
.logo{
    position: relative;
    -webkit-transition: 300ms all ease-in-out;
    -moz-transition: 300ms all ease-in-out;
    -ms-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
}
.logo img, #navbarSlideoutContent img{
    width: 200px;
    max-width: 200px !important;
}
.logo .logo-overlay img{
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    -moz-transition: 300ms all ease-in-out;
    -ms-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    opacity: 0;
}
.logo img{
    -webkit-transition: 300ms all ease-in-out;
    -moz-transition: 300ms all ease-in-out;
    -ms-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    opacity: 1;
}
.logo:hover img{
    -webkit-transition: 300ms all ease-in-out;
    -moz-transition: 300ms all ease-in-out;
    -ms-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    opacity: 0;
}
.logo:hover .logo-overlay img{
    -moz-transition: 300ms all ease-in-out;
    -ms-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    opacity: 1;
    display: block;
}
#navbarSlideoutContent .icon-square {
    width: 33px;
    height: 33px;
    display: inline-flex;
    margin-left: 8px;
    margin-bottom: 22px;
    vertical-align: middle;
}
#navbarSlideoutContent .icon-square a i{
    font-size: 26px !important;
    line-height: 33px !important;
}
.icon-square {
    display: inline-flex;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #003648;
    border-radius: 3px;
    color: #fff !important;
    font-size: 16px;
    vertical-align: text-bottom;
    margin-bottom: 5px;
    margin-left: 3px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}
.sidebar-social i {
    color: #003648;
}
.hanging-indent {
    padding-left: 1.5em;     /* controls indent of wrapped lines */
    text-indent: -1em;     /* pulls first line back */
}
.fr-page #plans p.hanging-indent {
    padding-left: 1.2em;
    text-indent: -0.6em;
}
.hanging-indent .badge {
    text-indent: 0 !important;
}
.icon-square a {
    display: block;
}
.icon-square a i{
    color: #fff !important;
}
#navbarSlideout .sidebar-social a:hover i {
    color:#88c084 !important;
}
.icon-square:hover {
    background-color:#88c084 !important;
}
#navbarSlideout .sidebar-social .icon-square:hover i {
    color:#fff !important;
}
.page-id-2881 .badge-outage, .page-id-2889 .badge-outage, .page-id-2965 .badge-outage,
.page-id-2743 .badge-outage, .page-id-2748 .badge-outage, .page-id-2750 .badge-outage{
    display: none;
}
#international {
    display: none;
}
.bg-support {
    background-image: url('/wp-content/uploads/2025/11/bg-support.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.bg-waves {
    background-image: url('/wp-content/uploads/2025/11/bg-waves.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 400px;
    border-radius: 20px;
}
.bg-waves.relative .Man_silhouette_1 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 290px;
}
.jumbotron .bg-waves p.price {
    font-size: 14rem !important;
}
.jumbotron .bg-waves p.price span {
    font-size: 6rem;
    vertical-align: super;
}
.cr-page .jumbotron .bg-waves h1{
    font-size: 70px !important;
    line-height: 90px !important;
}
.cr-page .jumbotron .bg-waves h2 {
    font-size: 50px;
    line-height: 60px;
}
.cr-page .jumbotron .bg-waves p.din-condensed-light {
    font-size: 40px;
    line-height: 50px;
}
.cr-page .plan h3 {
    font-size: 2rem;
    line-height: 0.9;
}
.cr-page #plans p {
    font-size: 13pt;
}
.fr-page #plans p {
    font-size: 12pt;
}
.fr-page .plan h3 span small {
    font-size: 65% !important;
}
.jumbotron .bg-waves h1 {
    font-size: 140px !important;
    line-height: 100px !important;
}
.jumbotron .bg-waves h2 {
    font-size: 84px;
    line-height: 70px;
}
.jumbotron .bg-waves p.din-condensed-light {
    font-size: 60px;
    line-height: 50px;
}
.banner .jumbotron {
    padding-bottom: 100px !important;
}
.banner .card {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%); /* keep it centered horizontally */
    border: 1px solid #d7d7d7;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: max-content;
}
.en-page .banner .card {
    width: 240px;
}
.banner .card-body {
    background-color: #f3f3f4;
    border-radius: 20px;
}
.map {
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* Aspect ratio for the map */
    background-image: url('/wp-content/uploads/2025/12/Eeyou-Map-scaled-1.jpg'); /* Replace 'map.png' with your map image */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #003648;
}
.map-tooltip {
    position: initial;
    display: inline-block;
    background-color: white;
    color: black;
    padding: clamp(2px, 0.3vw, 6px) clamp(0.2vw, 0.2vw, 4px) clamp(1px, 0.1vw, 3px) clamp(0.2vw, 0.2vw, 4px);
    border: 0.2vw solid red;
    border-radius: 0.3vw;
    pointer-events: none;
    line-height: 1.2vw;
    text-transform: uppercase;
    font-family: "URWDINCond-Black", sans-serif;
    font-weight: 100;
    font-style: normal;
    text-shadow: none;
    z-index: 1; /* Ensure tooltip is above markers */
    font-size: clamp(12px, 1.3vw, 18px);
}
#csp_info p {
    font-size: 20px;
    line-height: 20px;
}
#csp_info_fr .col-lg-6 {
    text-align: left;
}
.card img + p.din-bold ~ p.din-medium, .card img + p.din-bold + a + p {
    font-size: 14pt;
    line-height: 14pt;
}
.card img + p.din-bold + a {
      font-size: 14pt;
      line-height: 18pt;
}
.point-container.right .marker, .point-container.above .marker {
    left: 0;
}
.point-container.left .marker {
    right: 0;
}
/* Positioning options */
.point-container.above .map-tooltip {
    top: 50%;
    left: calc(100% + 15px); /* Adjust spacing */
    transform: translateY(-90%);
}
.point-container.left .map-tooltip {
    top: 50%;
    right: calc(100% + -5px); /* Adjust spacing */
    transform: translateY(-20%);
    margin-right: 10px;
}
.point-container.right .map-tooltip {
    top: 50%;
    left: calc(100% + 15px); /* Adjust spacing */
    transform: translateY(-20%);
    margin-left: 10px;
}
#orchard h4, .device h4, #communityName {
    font-size: 1.8rem !important;
}
.map-border {
    border-radius: 8px;
    border: 4px solid #003648;
}
.map-border .card {
    border:0 !important;
}
.point {
    position: absolute;
    cursor: pointer;
}
#st_felicien .marker {
    position: initial;
    background-color: #003648;
    margin: auto;
}
#amos .marker {
    background-color: #003648;
}
#st_felicien, #amos {
    cursor: default;
    pointer-events: none;
}
#st_felicien .point-container, #amos .point-container {
    pointer-events: none !important;
}
#st_felicien .map-tooltip, #amos .map-tooltip {
    border: 0.2vw solid #003648;
    background-color: #003648;
    color: #fff;
}
.nav-pills .nav-link {
    padding: 12px 14px 8px;
}
.nav-pills .nav-link:not(.active):hover {
    cursor:pointer;
}
.point-container {
    position: relative;
    display: inline-block;
    pointer-events: auto; /* Allow pointer events on the container */
}
.marker {
    position: absolute;
    width: 1.4vw; /* Adjust size as needed */
    height: 1.4vw; /* Adjust size as needed */
    background-color: red;
    border-radius: 50%;
    max-width: 30px;
    max-height: 30px;
}
#whapmagoostui {
    top: 6%;
    left: 19%;
}
#raddison {
    top: 25%;
    left: 26%;
}
#chisaasibi {
    top: 28%;
    left: 9%;
}
#wemindji {
    top: 38%;
    left: 13%;
}
#eastmain {
    bottom: 49%;
    left: 17%;
}
#waskaganish {
    bottom: 38%;
    left: 16%;
}
#matagami {
    bottom: 16%;
    left: 33%;
}
#nemaska {
    top: 50%;
    left: 44%;
}
#mitissini {
    bottom: 37%;
    left: 69%;
}
#ouje-bougoumou {
    bottom: 28%;
    left: 51%;
}
#chapais {
    bottom: 25%;
    left: 56%;
}
#chibougamau {
    bottom: 27%;
    left: 67%;
}
#waswanipi {
    bottom: 22%;
    left: 55%;
}
#quevillon {
    bottom: 10%;
    left: 50%;
}
#st_felicien {
    bottom: 15%;
    left: 83%;
}
#amos {
    bottom: 7%;
    left: 37%;
}
#valdor {
    bottom: 0%;
    left: 44%;
}

/* Hover effect */
.point:hover .map-tooltip, .map .map-tooltip:hover {
    background-color: red;
    color: #fff;
}

.badge-outage {
    font-family: "URWDINCond-Bold", sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px 12px 8px;
    margin-top: 0;
    border-radius: 16px;
    color: #000;
    display: block;
}
.badge-outage:hover span {
    text-decoration: underline;
}
.status .outages + .default-error {
    display: none;
}
#faq .btn-grey {
    border-radius: 6px !important;
}
#faq .btn-white {
    border-radius: 0 !important;
}
.collapse a:not(.btn-yellow):hover {
    text-decoration: underline !important;
}
.flex-fill .card img + p {
    font-size: 34px;
    margin-bottom: 14px;
}
.status .table-responsive {
    background-image:
        /* Shadows */
            linear-gradient(to right, white, white),
            linear-gradient(to right, white, white),

                /* Shadow covers */
            linear-gradient(to right, rgba(0,0,0,.35), rgba(255,255,255,0)),
            linear-gradient(to left, rgba(0,0,0,.35), rgba(255,255,255,0));

    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 20px 100%, 20px 100%, 20px 100%, 20px 100%;

    /* Opera doesn't support this in the shorthand */
    background-attachment: local, local, scroll, scroll;
    border: 0;
    border-radius: 6px;
}
.status .table-responsive > table {
    margin-bottom: 0;
}
.status .table-responsive > table > tr {
    background-color: rgba(0,0,0,.05);
}
.status .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}
.status .table-striped>tbody>tr:nth-of-type(odd)>* {
    background-color: rgba(0,0,0,.05);
    color: #000;
    vertical-align: middle;
}
.status .table-striped>tbody>tr:nth-of-type(even)>* {
    background-color: #fff;
    color: #000;
    vertical-align: middle;
}
.status .columns th:first-of-type {
    border-top-left-radius: 4px;
}
.status .columns th:last-of-type {
    border-top-right-radius: 4px;
}
.status .outages td:first-of-type {
    border-bottom-left-radius: 4px;
}
.status .outages td:last-of-type {
    border-bottom-right-radius: 4px;
}
.status .table>tbody>tr>th {
    border: 0;
    font-family: "URWDIN-Bold", sans-serif;
    text-transform: uppercase;
}
.status .table {
    border: 3px #6bcff4;
    border-radius: 6px;
    border-collapse: separate;
}
.navbar{
    text-transform: capitalize;
}
.navbar-inverse .navbar-toggler:hover, .navbar-inverse .navbar-toggler:focus{
    background-color: transparent;
    border-color: transparent;
}
.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
    padding: 0;
}
.navbar-inverse .navbar-brand{
    color: #999;
}
.navbar-toggler:hover
.navbar-toggler:active,
.navbar-toggler:focus{
    background-color: transparent;
}
.navbar-brand{
    padding: 15px 0;
}
.device-spec.modal .modal-body {
    height:600px;
}

.navbar-header{
    float: none;
    margin: 0;
}
.navbar-toggler {
    display: block;
    border: none !important;
}
.navbar-toggler .fa-bars{
    color: #000;
    font-size: 36px;
}
.navbar-nav{
    text-align: center;
    float: none !important;
}
.navbar-inverse .navbar-toggle{
    display: none;
}
.nav>li{
    display: inline-block;
    float: none;
}
#menu-topbar{
    float: right;
}
.navbar-header .nav:first-child li a{
    color: #fff;
}
.navbar-header .nav:first-child li {
    padding: 10px;
}
.menu-item.lang-item{
    padding: 8px 4px 4px;
}
.navbar-header #menu-wrapper + .nav .menu-item:nth-child(n+2){
    text-transform: uppercase;
}
.navbar-header .nav li a:hover{
    text-decoration: underline;
}
#sidebarBackdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 1999;
    display: none;
}
#navbarSlideout.collapse.show {
    transform: translateX(0);
}
#navbarSlideout {
    position: fixed;
    top: 127px;
    left: 0;
    width: 80%;
    height: 100%;
    background-color: #fff !important;
    opacity: 0.97;
    transform: translateX(-100%);
    transition: transform 300ms ease-in-out;
    z-index: 2000;
    overflow-y: auto;
}
#navbarSlideoutContent ul li.menu-item {
    margin-top: 8px;
    margin-bottom: 8px;
}
#navbarSlideout .navbar-nav {
    flex-direction: column;
    text-align: left !important;
}
#navbarSlideout .language-nav {
    display: flex !important;
    flex-direction: row;
}
#navbarSlideout .navbar-nav {
    width: 100%;
    margin-left: 0 !important;
}
#navbarSlideoutContent ul li.menu-item {
    margin-top: 8px;
    margin-bottom: 8px;
}
#navbarSlideout ul.dropdown-menu {
    position: relative !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    text-indent: 30px;
}
#navbarSlideout a i {
    font-size: 40px;
}
.home header h1, .post-399 header h1 {
    display: none;
}
.post-399 header{
    display: grid;
}
.home .card-body p{
    font-size: 23px;
    line-height: 26px;
}
.home.cr-page .card-body p{
    font-size: 29px;
    line-height: 30px;
}
h2 span, #family .card h2, #famille .card h2{
    font-size: 38px;
}
#coverage{
    position: relative;
}
.legend{
    position: absolute;
    left:30px;
    top:30px;
    z-index: 2;
}
.overlay-hover{
    position: relative;
    overflow: hidden;
}
.overlay-hover img {
    object-fit: cover;
    width: 100%;
    opacity: 1;
    transition: all .5s ease-in-out;
}
.overlay-hover:hover img {
    filter: invert(0%) sepia(65%) saturate(0%) hue-rotate(200deg) brightness(10%) contrast(90%);
    opacity: 0.8;
    transition: all .5s ease-in-out;
}
.overlay-hover p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    animation: movingBottomToTop .4s ease-in-out;
    opacity: 0;
    width: 90%;
}
.overlay-hover:hover p{
    animation: movingTopToBottom .4s ease-in-out;
    display: block;
    opacity: 1;
}
@keyframes movingBottomToTop {
    0% {
        top: 50%;
        opacity: 0;
    }
    100% {
        top: -50%;
        opacity: 0;
    }
}
@keyframes movingTopToBottom {
    0% {
        top: 0;
        opacity: 0;
    }
    100% {
        top: 50%;
        opacity: 1;
    }
}
.banner {
    height: 320px !important;
    position: relative;
}
.home .banner {
    background-size: cover;
    height: 100% !important;
    width: 100%;
}

.phone-list, .phone-list-fr {
    height: 200px;
}
.banner-plans a:hover {
    background-color: #fff !important;
    color: #000;
}
.xmas-promo .row {
    height: 100%;
}
.promo-text {
    width: 1000px;
    margin: auto;
}
.santa {
    position: absolute;
    top: 40px;
    left: 70px;
    width: 15%
}
.presents {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 350px;
}
.bears {
    position: absolute;
    bottom:0;
    right:0;
}
.page-template-template-banner .post-497 .banner h1,
.page-template-template-banner .post-855 .banner h1,
.page-template-template-banner .post-975 .banner h1{
    position: absolute;
    top: 50%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, 100%); /* This is a shorthand of
                                        translateX(-50%) and translateY(-50%) */
    font-size: 90px;
    line-height: 80px;
    color: #fff !important;
    display: block;
}
.cr-page.page-template-template-banner .post-497 .banner h1,
.cr-page.page-template-template-banner .post-855 .banner h1,
.cr-page.page-template-template-banner .post-975 .banner h1{
    font-size: 85px;
    line-height: 90px;
}
.page-template-template-banner .post-975 .banner h1{
    text-align: center;
    width: 100%;
}
.page-id-614 button[type="submit"], .page-id-835 button[type="submit"]{
    min-width: 278px;
}
.fr-page .en,
.fr-page .cr,
.page .fr,
.page .cr,
.error404 .cr,
.cr-page .en,
.cr-page .fr {
    display: none;
}
.fr-page .fr {
    display: block;
}
.cr-page .cr, .error404.cr-page .cr{
    display: block;
}
.page-template-template-banner .banner h1,
.page-template-default header h1,
.page-template-template-fr header h1,
.page-template-template-fr-banner .banner h1
{
    display: none;
}
.gradient {
    background: url(/wp-content/uploads/2020/11/green-gradient.jpg) repeat-y 50% 50%;
}
.bg-green ul.nav-tabs {
    padding: 30px;
}
.nav-tabs li a {
    font-size: 37px;
    line-height: 37px;
    margin: 10px;
    color: #000;
    text-decoration: none !important;
}
.navbar-inverse .navbar-nav > li > a:hover{
    color: #88c084 !important;
}
.lang-item a {
    color: #000;
    text-decoration: none;
}
#navbarSlideout a:hover {
    color: #000;
}
#navbarSlideout .dropdown-toggle.show {
    color: #000;
    text-decoration: underline;
}
.lang-item a:hover{
    color: #000;
}
.current-lang {
    color: #000;
    text-decoration: underline;
    cursor: default;
    pointer-events: none;
}
.lang-item-5{
    padding: 10px 0;
}
.lang-item-13{
    padding: 10px 0;
}
.lang-item-2{
    padding: 10px 0;
}
#topbar .navbar-header .lang-item-13{
    margin-right: 15px;
}
#topbar .navbar-header .lang-item-13 a{
    padding-right: 10px;
}
#topbar select {
    height: auto;
    width: 100%;
    border: none;
    font-size: 17pt;
    margin-top: 0;
    padding: 15px 10px 10px;
    color: #003648 !important;
}

.menu-item-444 {
    padding-top: 10px;
}
.menu-item-444 a {
    color: #003648 !important;
}
.menu-item-445 a{
    background: #fcb814 !important;
    color: #003648;
    padding: 15px 12px 12px;
    border-radius: 30px;
}
.menu-item-445 a:hover {
    background: #003648 !important;
    color: #fcb814 !important;
    text-decoration: none !important;
}
.lang-item a:after{
    content: ' / ';
    color: #fff !important;
    padding: 0 10px;
    display: inline-block;
}
.lang-item-13 a:after{
    content: '';
    padding: 0;
}
.menu-item-1746 {
    margin-top: 20px;
}
.navbar-toggler .fa-bars:hover{
    color: #63cdf6;
}
.navbar-toggler:focus{
    outline: 0 dotted;
    outline: 0 auto -webkit-focus-ring-color;
}
#menu-wrapper{
    float: left;
}
#imei_result .voice-supports, #imei_result .data-supports, .result.yes{
    color: #468847;
    font-weight: bold;
}
#imei_result .voice-does.not.support, #imei_result .data-does.not.support, .result.no, #query-imei-errors .error-message{
    color: #b94a48;
    font-weight: bold;
}
#imei_input.imei_valid{
    border: 2px solid #30a85d;
}
#query-imei-form .form-group{
    height: 110px;
}
#query-imei-form .valid-container{
    position: absolute;
    margin-right: 10px;
}
#query-imei-form, #query-imei-form label{
    color: #fff !important;
}
#query-imei-imei + .fa-check{
    display: none;
}
#query-imei-imei.imei_valid + .fa-check {
    display: inline-block;
    position: absolute;
    color: #30a85d;
    top: 18px;
    right: 16px;
    font-size: 15px;
    z-index: 5;
}
/* highlight text input when valid */
.imei_valid {
    color: green !important;
}

/* don't show errors */
#query-imei-errors .hidden {
    display: none;
}
#query-imei-submit{
    margin-bottom: 10px;
}

/* hide result until it's populated */
#query-imei-result.hidden {
    display: none;
}
#query-imei-result .hidden {
    display: none;
}
.article-footer{
    display: none;
}
#footer .jumbotron{
    background-color: #fff;
}
#footer a {
    font-size: 1.3rem;
    color: #000;
    text-decoration: none;
}
#footer a span {
    font-size: 1.1rem;
    color: #000;
    text-decoration: none;
}
#footer .bg-yellow  a span {
    font-size: 0.9rem;
}
#footer .row {
    justify-content: space-between;
}
.card-body{
    background-color: #f3f3f4;
}
input[type='text'], input[type='password']{
    height: 48px;
}
.international {
    height: 80px !important;
    border-radius: 14px !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.international.form-control {
    font-size: 1.2rem;
    text-align: center;
}
.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.input-group .fa {
    position: absolute;
    z-index: 1050;
    color: #000;
    padding: 17px;
}
.input-group-btn .btn {
    border-radius: 0;
}
.search-form .btn[type="submit"] {
    font-size: 16px;
}
.input-group .fa + .form-control {
    padding: .375rem 2.5rem;
}
.menu .btn {
    margin: -2px -18px;
    border: 0;
    background-color: transparent;
    color: #fff;
    background-image: none;
    font-size: 80px;
    line-height: 80px;
    box-shadow: none;
    text-align: left;
    outline: none !important;
}
.price-reduction-triangle {
    position: absolute;
    top: -30px;
    left: -60px;
    background-color: red;
    color: white;
    padding: 40px 30px 5px 10px;
    font-weight: bold;
    font-size: 18px;
    line-height: 8px;
    text-transform: uppercase;
    transform: rotate(-35deg);
    width: 200px;
    text-align: center;
    z-index: 10;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid red;
    border-left: 10px solid transparent;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.fr-page #appareils .price-reduction-triangle {
    left: -80px !important;
    font-size: 20px !important;
    transform: rotate(-30deg) !important;
    width: 260px !important;
    line-height: 18px;
}
.carousel-item .price-reduction-triangle {
    left: -55px !important;
    font-size: 20px !important;
    transform: rotate(-30deg) !important;
    width: 220px !important;
}
.fr-page .carousel-item .price-reduction-triangle {
    left: -65px !important;
    font-size: 20px !important;
    transform: rotate(-30deg) !important;
    width: 260px !important;
    line-height: 18px;
}
strike {
    color: black !important;
    text-decoration: line-through red 2px !important;
}
.angled-strike {
    position: relative;
    display: inline-block; /* Make sure the strike element is inline */
}

.angled-strike::before {
    content: "";
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: red;
    transform: rotate(25deg);
    transform-origin: center;
}
.bg-sunrise .angled-strike::before {
    top: 20px !important;
    transform: rotate(-25deg) !important;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
/* ---------------------------------------------------
Utility
----------------------------------------------------- */

.bg-white{
    background-color: #fff;
}
.panel-group .btn:not(.btn-yellow) {
    background-color: #e2e3e7 !important;
    font-size: 24px;
    text-transform: initial !important;
    border: 0 !important;
}
.panel-group .btn:hover:not(.swipe) {
    border: 0;
}
#help_center .panel-group .btn-white {
    background-color: #fff !important;
    color: #093546 !important;
    text-transform: none !important;
}
.panel-group .btn-white {
    color: #000 !important;
}
#help_center .panel-group .btn-white {
    color: #000 !important;
}
#help_center .panel-group .btn-white:hover {
    color: #000 !important;
    background-color: #eee !important;
}
#help_center .panel-group .p-3 {
    padding-top: 0 !important;
}
.panel-group hr {
    border: none;
    border-top: 2px solid black;
    margin-bottom: 20px;
    margin-top: 0 !important;
    margin-left: -1rem !important;
    margin-right: -1rem !important;
    opacity: 1;
}
.panel-group a .badge {
    border-radius: 20px;
    margin: 10px;
    width: 40px;
    height: 40px;
    line-height: 30px;
}
.panel-group .panel-collapse .badge {
    border-radius: 20px;
    margin: 10px;
    width: 20px;
    height: 20px;
    line-height: 12px;
}
.panel-group .panel-collapse p span.badge {
    font-size: 14px;
    padding: 6px;
}
.bg-light-pink {
    background-color: #f9eced;
}
.bg-yellow {
    background-color: #f0b015;
}
.text-center, #IMEI_CHECKER .form-wrapper{
    text-align: center;
}
.text-black,.panel-group .card .btn-grey {
    color: #000;
}
.panel-group .btn-grey:hover {
    background-color: #f3f3f3 !important;
}
.text-white, .modal-header h1, .modal-header .close h2{
    color: #fff;
}
.text-bg-Ongoing, .text-bg-En.cours {
    color: #d12a34;
    font-family: "URWDIN-Bold", sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    line-height:28px;
}
.text-bg-Complete, .text-bg-Termine, .text-bg-Terminé {
    color: #74bd4c;
    font-family: "URWDIN-Bold", sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    line-height:28px;
}
.text-bg-Upcoming, .text-bg-A.venir {
    color: #63cdf6;
    font-family: "URWDIN-Bold", sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    line-height:28px;
}
.text-navy, h3 {
    color: #003648 !important;
}
.text-pink {
    color: #f23859;
}
.bg-pink {
    background-color: #f23859;
}
.pink-bg {
    background: url(/wp-content/uploads/2023/02/bg-pink.jpg) repeat-x;
}
.bg-pink:hover{
    cursor: pointer;
}
a.text-white {
    color: #fff !important;
}
.bg-sunrise h2, .bg-sunrise h4, .bg-sunrise p {
    color: #26311e;
}
.relative{
    position: relative;
}
.card-header + .card-body p.text-white, .card-header + .card-body p.text-green{
    text-transform: uppercase;
}
.invert{
    filter: brightness(0) invert(1);
}
.text-uppercase, #IMEI_CHECKER .control-label, #IMEI_CHECKER .btn-default, .btn{
    text-transform: uppercase;
}
.text-underline{
    text-decoration: underline;
}
.text-normal{
    text-transform: none !important;
}
.form-select.btn.btn-light-green, select option{
    text-transform: none !important;
}
.fw-bold{
    font-weight: 600;
}
.modal-header .close h2{
    font-size: 30px;
}
.disc{
    list-style: disc;
    padding-inline-start: 0;
    list-style-position: initial;
}
.disc li{
    font-size: 22px;
    line-height: 28px !important;
}
.w-90 {
    width: 90% !important;
}
.w-80 {
    width: 80% !important;
}
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Font Sizes etc... */
.card .tab-header {
    padding: 10px !important;
}
.card .tab-header span {
    font-size: 20px !important;
}
.sign-in .menu-item-444 a.nav-link, .sign-in.d-xl-none.d-lg-block a.nav-link {
    font-size: 18px;
}
.navy ul.nav-tabs, #plans ul.nav-tabs, #support ul.nav-tabs {
    padding: 30px;
}
.panel .nav-tabs li a {
    font-size: 31px;
    line-height: 31px;
    text-transform: uppercase;
    color: #000;
    margin: 10px;
}
#highway h2 {
    font-size: 47pt;
    line-height: 50pt;
    text-transform: none;
}
#highway h2 span {
    font-size: 47pt;
    line-height: 50pt;
    text-transform: uppercase !important;
}
.cr-page #highway h2, .cr-page #highway h2 span {
    font-size: 30pt;
    line-height: 40pt;
}
#plans {
    background-image: url(/wp-content/uploads/2025/11/shop-gradient.jpg);
    background-repeat: repeat-y;
    background-position: center center;
    background-size: auto;
}
.bg-green-tab {
    border-radius: 0 !important;
    background-color: #89c186;
}
.en-page .bg-green-tab {
    background: url('/wp-content/uploads/2025/11/green-tab.jpg') no-repeat -40px top;
    height: 50px;
    background-color: transparent;
}
.bg-grey-gradient {
    background: linear-gradient(135deg, #eceded 35%, #c6cfd0 35%);
    background-repeat: no-repeat;
    background-size: cover;
}
.en-page .in-region .bg-green-tab {
    background-position: -170px top !important;
}
.en-page .extended-region .bg-green-tab {
    background-position: -80px top !important;
}
#rates p {
    font-size: 20px !important;
    line-height: 24px !important;
}
.border-navy {
    border: 1px solid #25517c !important;
}
#rates .row.w-80.mx-auto, #get_started .row.w-85.mx-auto {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; /* ensures equal height */
}
#rates .row.w-80.mx-auto .col-lg-6, #get_started .row.w-85.mx-auto .col-6 {
    display: flex;
}
#rates .row.w-80.mx-auto .card, #get_started .row.w-85.mx-auto .card {
    flex: 1; /* makes all cards fill equal height */
    display: flex;
    flex-direction: column;
}
#plans .nav-pills .nav-link {
    font-family: 'URWDINCond-Black';
    text-transform: uppercase;
    border-radius: 30px;
    font-size: 1.2rem;
    border: 0px solid #fff;
    color: black;
    background-color: #fff;
    padding: 0.5rem 0.5rem 0.3rem 0.5rem;
}
#plans .nav-pills .nav-link.active {
    background-color: #fcb814;
    color: #003648;
    text-decoration: none !important;
    cursor: default;
}
#plans .nav-pills .nav-link:not(.active):hover {
    background-color: #003648;
    color: #fcb814;
    text-decoration: none !important;
}
#help_center .nav-pills .nav-link {
    font-family: 'URWDINCond-Black';
    text-transform: uppercase;
    width: 200px;
    border-radius: 30px;
    font-size: 1.2rem;
    border: 3px solid #000;
    color: black;
    background-color: #fff;
    padding: 0.5rem 0.5rem 0.3rem 0.5rem;
}
#help_center .nav-pills .nav-link:hover {
    background-color: #efefef;
}
#help_center .nav-pills .nav-link.active {
    background-color: #093546;
    color: #fff !important;
    border: 3px solid #093546 !important;
}
#media .nav-pills .nav-link, #auth .nav-pills .nav-link{
    font-family: 'URWDINCond-Black';
    text-transform: uppercase;
    border-radius: 30px;
    font-size: 1.2rem;
    border: 3px solid #88c084;
    color: #093546;
    background-color: #88c084;
}
#media .nav-pills .nav-link.active, #auth .nav-pills .nav-link.active {
    background-color: #093546;
    color: #88c084 !important;
    border: 3px solid #093546 !important;
}
#started .btn.btn-light-green.dropdown-toggle {
    background-color: #093546 !important;
    color: #88c084 !important;
    border: 3px solid #093546 !important;
    border-radius: 30px;
    width:280px !important;
    padding: 12px 14px 8px !important;
}
#started .btn.btn-light-green.dropdown-toggle:hover {
    background-color: #88c084 !important;
    color: #093546 !important;
    border: 3px solid #88c084 !important;
    border-radius: 30px;
}
#media .nav-pills .nav-link:not(.active):hover, #auth .nav-pills .nav-link:not(.active):hover {
    background-color: #fff;
}
#plans p {
    font-size: 14pt;
}
#plans p.din-condensed-light {
    font-size: 16pt;
    line-height: 18pt;
    font-weight: 600;
}
#plans .card {
    border-radius: 12px;
}
sup {
    top: -.1em;
    font-size: 60%;
}
#plans p small {
    font-size: 90%;
}
#plans .row.bundle, .devices .row.bundle {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
#orchard h2 {
    font-size: 54pt;
    line-height: 58pt;
    text-transform: none !important;
}
#nr .panel-group, #pr .panel-group {
    border: 0 solid #88c084;
}
tr.query-row {
    margin-bottom: 10px;
}
tr.query-row-last {
    margin-bottom: 0 !important;
}
#nr .panel-title, #pr .panel-title {
    margin-bottom: 0;
    border-bottom: 0 solid #88c084;
}
#nr .panel-heading .panel-title a, #pr .panel-heading .panel-title a, #nr .panel-heading .panel-title a.collapsed, #pr .panel-heading .panel-title a.collapsed, #pr .panel-heading .panel-title a[aria-expanded="false"], #nr .panel-heading .panel-title a[aria-expanded="false"] {
    color: #fff;
    background-color: #88c084;
    border-color: #88c084;
}
.home .banner-1 .row .row div {
    font-size: 32px;
    line-height: 32px;
}
.home .banner-3{
    border-bottom: 1px solid #f2f2f2;
}
.home .banner-controls .carousel-indicators{
    position: absolute;
    right: 30px;
    left: auto;
    padding:2px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 5px 2px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    1px 1px 5px 2px #ccc;  /* Firefox 3.5 - 3.6 */
    box-shadow:         1px 1px 5px 2px #ccc;
    border-radius: 2px;
}
.home p.din-condensed-black {
    font-size: 40px;
    line-height: 40px;
}
.bg-sunrise h4 {
    font-size: 48px;
    line-height: 50px;
}
.bg-sunrise h3 {
    font-size: 80px;
    line-height: 80px;
}
.banner-3 p.din-condensed-black {
    font-size: 34px;
    line-height: 36px;
}
.banner-controls{
    position: absolute;
    bottom: 30px;
    right: 30px;
}
#toggleCarousel{
    background-color: #fff;
    border-radius: 2px;
    border:0;
    -webkit-box-shadow: 1px 1px 5px 2px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    1px 1px 5px 2px #ccc;  /* Firefox 3.5 - 3.6 */
    box-shadow:         1px 1px 5px 2px #ccc;
}
#toggleCarousel .fa-play, #toggleCarousel .fa-pause {
    padding: 6px 2px 5px;
}
.home .banner-controls .carousel-indicators li{
    width:auto;
    text-indent: initial;
    font-size: 14px;
    line-height: 4px;
    padding: 0 8px;
    background-clip: revert;
    margin: 0;
}
.home .banner-controls .carousel-indicators li.active{
    background-color: #60cdf6;
}
.query-empty {
    border-bottom: 0px solid #000;
}
#plans .tab-pane li, .panel-collapse td, .query-empty {
    font-weight: 600;
}
.tab-header {
    border-top-left-radius: 0.375rem !important;
}
.panel.panel-default>.panel-heading {
    padding: 0;
    background-color: #fff;
}
.panel-group .panel, .panel.panel-default>.panel-heading, .panel-heading .panel-title a {
    border-radius: 0;
}
.panel-heading .panel-title a {
    padding: 10px 15px;
    display: block;
    text-align: center;
    color: #000;
}
.panel-body td {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 25px;
    margin-bottom: 10px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 0 solid #000;
    background-color: #fff;
    border-radius: 12px;
}
.panel-body td span {
    padding: 0 8px;
    font-size: 18px;
    line-height: 32px;
    color: #000;
}
.panel-heading .panel-title {
    background-color: #093546;
}
#nr .panel-heading .panel-title a, #pr .panel-heading .panel-title a, #nr .panel-heading .panel-title a:active, #pr .panel-heading .panel-title a:active, #pr .panel-heading .panel-title a[aria-expanded="true"], #nr .panel-heading .panel-title a[aria-expanded="true"] {
    border-radius: 12px;
}
#nr .panel-heading .panel-title a:hover, #pr .panel-heading .panel-title a:hover, #nr .panel-heading .panel-title a:active, #pr .panel-heading .panel-title a:active, #pr .panel-heading .panel-title a[aria-expanded="true"], #nr .panel-heading .panel-title a[aria-expanded="true"] {
    color: #fff;
    background-color: #39974e;
    text-decoration: none;
    border-radius: 12px;
}
.jumbotron h1, .h1 {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 60px;
}
.badge.badge-danger{
    background-color: #ED1C24;
}
.callout p, .home .callout p.din-condensed-black{
    color: #fff;
    text-transform: uppercase;
    font-size: 64px;
    line-height: 60px;
    margin-bottom: 0;
    white-space: break-spaces;
}
.callout[href='/rate-plans']:hover div, .callout[href="/fr/rate-plans-fr"]:hover div{
    background-color: #1dcbf7;
}
.callout[href='/rate-plans']:hover p, .callout[href="/fr/rate-plans-fr"]:hover p{
    color: #1c2f1d !important;
}
.fr-page .callout p{
    font-size: 3rem !important;
    line-height: 2.6rem !important;
}
#international table th, #international table td {
    border: 1px solid #15324e;
}
#international .alpha a{
    color: #88c084;
    text-transform: uppercase;
    font-size: 50px;
    line-height: 60px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    width: 3.86%;
    padding-top: 12px;
}
#international h1, .table-bordered tbody td:first-child{
    color: #88c084;
}
#international h1 span{
    border: 1px solid #88c084;
    background-color: #fff;
    padding: 6px;
}
#international .accordion-heading h1 .fa{
    background-color: #60cdf6;
    color: #000;
    font-size: 30px;
}
.card .btn.btn-green.collapsed{
    background-color: #1e301d !important;
    color: #fff !important;
    border: 3px solid #1e301d !important;
}
.card .btn.btn-green, .card .btn.btn-green:hover{
    background-color: #fff !important;
    color: #000 !important;
    border: 3px solid #469b46;
}
.table{
    margin-bottom: 0;
}
.jumbotron:empty{
    background-color: #1e301d;
    height:15px;
    padding: 0;
    margin: 0;
    border-radius: 0;
}

.jumbotron.bg-grey:empty{
    background-color: #f2f2f2;
    height:10px;
}
.jumbotron h2, .border-column h2, .tos h3{
    font-size: 50px;
    line-height: 44px;
    text-transform: uppercase;
}
.home.cr-page .border-column h2{
    font-size: 40px;
    line-height: 44px;
}
.fr-page .border-column h2{
    line-height: 50px;
}
h2{
    color: #000;
}
#plans h3 {
    color: #88c084 !important;
}
#plans .plan:hover, .device:hover {
    cursor: pointer;
}
#plans .plan:hover h3 {
    color: #003648 !important;
}
#plans h3.price {
    color: #003648 !important;
}
h3 {
    font-size: 3rem;
    line-height: 0.9;
}
.features + h3, #devices h3 span {
    font-size: 4rem !important;
    line-height: 1;
}
.features + h3 span + span {
    font-size: 2.6rem !important;
    line-height: 1;
}
.tos h3, .tos .sub-title{
    margin-top: 12px;
    margin-bottom: 12px;
}
.tos li .sub-title{
    line-height: 80px;
}
.tos .dropdown{
    display: none;
}
.help-text{
    font-size: 16px;
}
.gradient .carousel p{
    font-size: 40px;
    line-height: 44px;
}
#devices img + p, p.din-condensed-light.text-light-green, #appareils img + p{
    font-size: 38px;
    line-height: 42px;
}
.fr-page #devices img + p, .fr-page #appareils img + p{
    font-size: 35px;
    line-height: 42px;
}
p.din-condensed-medium.text-light-green{
    font-size: 46px;
    line-height: 36px;
}
.fr-page.page-id-830 p.text-light-green.din-condensed-medium{
    font-size: 46px;
    line-height: 50px;
}
.cr-page.page-id-960 p.text-light-green.din-condensed-medium{
    font-size: 46px;
    line-height: 58px;
}
li, .card-header, .dropdown-menu .dropdown-item {
    font-size: 24px;
    line-height: 26px;
    color: #000;
}
#get_started, .dropdown-menu .dropdown-item{
    font-size: 18px;
    line-height: 20px !important;
}
.home p {
    font-size: 18pt;
}
p {
    font-size: 20px;
    color: #000;
}
#rates .bg-grey img + p, #communities p{
    font-size: 26px;
    line-height: 33px;
}
#rates p.price, #forfaits p.price {
    font-size: 60px !important;
    line-height: 80px !important;
}
.fr-page #forfaits p.price {
    font-size: 50px !important;
    line-height: 80px !important;
}
#contact_us p{
    font-size: 31px;
    line-height: 33px;
    color: #000;
}
#topbar .nav-link {
    color: #003648;
    font-size: 15pt;
    line-height: 16pt;
}
.navbar-expand-lg .navbar-nav .nav-item:not(.menu-item-445) .nav-link {
    padding:0;
    margin: 0.5rem;
}
#topbar .sign-in .nav-link, #topbar .sign-in + ul .nav-link {
    font-size: 14pt;
    line-height: 14pt;
}
#topbar .collapse.navbar-collapse a:hover{
    text-decoration: none !important;
}
#topbar .collapse.navbar-collapse .dropdown-menu .dropdown-item:hover{
    text-decoration: underline !important;
}
.fr-page #topbar .collapse.navbar-collapse .dropdown-menu .dropdown-item {
    text-transform: initial !important;
}
/* Ensure the dropdown menu is hidden initially */
#topbar .dropdown-menu {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    border:0 !important;
    box-shadow: 0 8px 8px #4b4b4d33;
}
.coverage.drop-shadow {
    filter: drop-shadow(2px 6px 6px #28282833);
}
#topbar .fa-brands:not(.fa-tiktok) {
    font-size: 28px;
}
/* Show the dropdown on hover */
#topbar .dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
}

/* Optional: Add rotation effect for the chevron icon */
#topbar .dropdown-toggle i, #navbarSlideout .dropdown-toggle::after {
    transition: transform 0.3s ease;
}

#topbar .dropdown-toggle:hover i, #navbarSlideout .dropdown.show .dropdown-toggle::after {
    transform: rotate(180deg);
}
/* Keep rotated when dropdown is open */
#topbar .dropdown.show .dropdown-toggle i, #navbarSlideout .dropdown-toggle.show::after {
    transform: rotate(180deg);
}
#topbar .dropdown-toggle::after, #navbarSlideout .dropdown-toggle::after {
    border-top: none !important;
    border-right: none !important;
    border-bottom: 0;
    border-left: none !important;
}
#topbar select:focus-visible {
    outline: none;
    box-shadow: none;
}
#navbarSlideout .dropdown-toggle::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f078"; /* chevron-down */
    margin-left: .35rem;
    display: inline-block;
    vertical-align: baseline;
    float:right;
}
#navbarSlideout li a {
    display: block;
}
.pll-switcher-select {
    background: #fff !important;
}
.navbar-nav .nav-link {
    position: relative;
    overflow: hidden;
}

/* Base state (mouseout): underline shrinks right → left */
.navbar-nav .nav-item .nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background-color: #093546;
    transform: scaleX(0);
    transform-origin: right; /* collapse right → left */

    /* allow origin to switch AFTER animation */
    transition: transform 0.3s ease, transform-origin 0s linear 0.3s;
}
.navbar-nav #menu-item-445 .nav-link::after {
    height: 0 !important;
}
.nav-link.dropdown-toggle::after {
    margin-left: 0 !important;
}

/* Hover: underline grows left → right */
.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link:focus::after {
    transform: scaleX(1);
    transform-origin: left; /* expand left → right */
    transition: transform 0.3s ease;
}



/* Base container */
.custom-toggler {
    width: 32px;
    height: 24px;
    position: absolute;
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
    z-index: 2020;
}

/* Lines */
.custom-toggler .toggler-line {
    display: block;
    height: 3px;
    width: 100%;
    background: black;
    border-radius: 3px;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.custom-toggler:hover .toggler-line {
    background: #88c084;
}
/* When NOT expanded (collapsed = hamburger) */
.custom-toggler:not(.collapsed) {
    position: absolute;
    z-index: 2020;
    top: 51px;
    left: 10px;
}
.custom-toggler.collapsed .line1 {
    transform: translateY(0) rotate(0);
}
.custom-toggler.collapsed .line2 {
    transform: translateY(0) rotate(0);
}

/* When expanded (menu open → X) */
.custom-toggler:not(.collapsed) .line1 {
    transform: translateY(10px) rotate(-45deg);
}
.custom-toggler:not(.collapsed) .line2 {
    transform: translateY(-10px) rotate(45deg);
}
.custom-toggler:focus,
.custom-toggler:active,
.custom-toggler:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
#wrapper .jumbotron li{
    line-height: 36px;
}
p.price{
    color: #88c084;
    font-size: 90px !important;
    line-height: 120px !important;
    text-align: center;
}
.page-id-647 p.price, .page-id-825 p.price, .page-id-987 p.price{
    font-size: 70px !important;
    line-height: 84px !important;
}
.page-id-647 .card-header + .card-body, .page-id-825 .card-header + .card-body {
    min-height: 180px;
}
.page-id-647 .bg-green .text-white, .page-id-647 .bg-blue .text-green,
.page-id-825 .bg-green .text-white, .page-id-825 .bg-blue .text-green,
.page-id-987 .bg-green .text-white, .page-id-987 .bg-blue .text-green,
.page-id-497 h2
{
    font-size: 20px;
    line-height: 20px;
}
.page-id-497 h2{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: initial;
    float: left;
    width: 50%;
    font-size: 20px !important;
    line-height: 20px !important;
}
.page-id-497 h2 + .query-content, .page-id-497 h2 + .query-content a {
    display: inline-block;
    float: right;
    font-size: 20px;
    line-height: 20px;
}
.query-field:first-of-type{
    width: 80%;
}
.query-jobs-wrapper .query-field:first-of-type{
    width: 100%;
}
.query-field:last-of-type{
    text-align: center;
}
.query-table {
    border-collapse: separate;
    border-spacing: 0 10px; /* vertical gap of 20px */
    margin-top: -20px;      /* removes the gap above the first row */
}
#jobs .swipe.btn:before {
    top: 1.8rem;
}
#jobs .btn span {
    display: block;
    text-transform: none;
    font-size: 70%;
}
#jobs .relative .relative .swipe {
    width: 100% !important;
    text-decoration: none;
}
#jobs .btn {
    padding: 18px 10px 12px;
}
.query-jobs-wrapper {
    margin-bottom: 30px;
}
.query-jobs-wrapper .query-wrapper-content {
    width: 100%;
}
.query-jobs-wrapper .query-jobs {
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.eeyou-banner{
    background: url('/wp-content/uploads/2022/04/eeyou-job-banner.jpg') no-repeat 50% 50%;
    background-size: cover;
}
.eeyou-banner h1{
    color: #fff !important;
}
.btn-group .btn, .btns-group .btn{
    font-size: 24px;
}
.relative .btn, .dropdown .btn, .btn-group .btn, .btns-group .btn{
    font-size: 20px;
    text-transform: uppercase;
}
.list-group div, .navbar-header .nav li a, .query-field-post_title {
    font-size: 18px;
}
.query-field-post_content a{
    font-size: 22px;
}
.list-group:not(.wingle) .list-group-item{
    border: 0;
    padding: 3px;
}
.list-group.wingle .list-group-item{
    border: 0;
}
.relative .btn-green:hover, .relative .btn-green:focus {
    background-color: #fff !important;
    color: #000 !important;
}
hr {
    border-top: 0 solid #ccc;
    margin: 0.5em 0;
}
#footer p{
    font-size: 20px;
    line-height: 24px;
    color: #fff !important;
}
#footer .post-edit{
    display: none;
}
.en-page #footer p, .en-page #footer a,
.fr-page #footer p, .fr-page #footer a{
    font-size: 20px;
    line-height: 30px;
}
.cr-page #footer p, .cr-page #footer a {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px !important;
}
#footer p strong{
    color: #fff;
    display: block;
}
#footer li a{
    font-size: 26px;
    line-height: 28px;
    text-transform: uppercase;
    color: #fff;
}
#footer li a:hover{
    color: #cdcdcd;
}
#footer{
    background-color: #fff;
    color: #fff;
}
#footer ul{
    margin-bottom: 20px;
}
#footer li a i, #footer li a + span {
    color: #a7a9ac;
}
#footer a:hover, #footer li a:hover i, #footer a span:hover{
    color:#000 !important;
    text-decoration: underline;
}
.no-decoration, .no-decoration:hover span {
    cursor: default;
    pointer-events: none;
    color: #000;
}
#footer a.footer-header:hover {
    color: #000 !important;
    text-decoration: none !important;
    cursor: default;
}
#footer li a i {
    font-size: 32px;
    margin-right: 10px;
    vertical-align: middle;
}
#footer li a i + span {
    font-size: 14px;
    text-transform: initial;
}
#footer .col-lg-3:last-child p, #footer .col-lg-3:last-child a{
    text-transform: none;
}
#footer .bg-yellow a {
    text-transform: none;
}
#footer .col-1 {
    flex: 0 0 auto;
    width: 4.33333333%;
}
.bg-green .nav-tabs li a{
    color: #fff;
}
.btns-group .btn, .panel a{
    text-decoration: none !important;
}
#login_form button.btn-yellow {
    width: 200px !important;
}
.jumbotron.bg-white a:hover,
.jumbotron.bg-dark-grey a, .jumbotron.bg-dark-grey a:hover{
    text-decoration: underline;
    cursor: pointer;
}
.jumbotron .bg-navy a.text-blue {
    text-decoration: none !important;
}
.jumbotron .bg-navy a.text-blue:hover {
    text-decoration: underline !important;
    color: #60cdf6 !important;
}
.home .banner .jumbotron.bg-white a {
    text-decoration: none;
}
.csp h3{
    margin-top: 20px;
}
ul li ul li{
    list-style: none;
}
li .fa.fa-circle-o{
    font-size: 11px;
}
h1, h2, h3, h4, h5, h6{
    color: #000;
}
.home .apply-now {
    font-size: 50px !important;
    position: absolute;
    bottom: 28px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.faq {
    text-indent: 30px;
}
#faq .bg-navy, #faq .bg-grey {
    position: relative;
    padding-top: 50px !important;
    border-radius: 20px;
}
#media .bg-navy {
    border-radius: 20px;
}
#faq .input-group {
    position: absolute;
    top: -50px;
    left: 0;
    padding: 25px;
}
#faq .input-group input{
    border-radius: 8px;
    font-size: 20px;
}
#faq .btn.btn-white:not(.collapsed) {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.home .apply-now a {
    color: #fff;
}
.home .apply-now a:hover {
    color: #60cdf6;
}
#topbar .nav-item a.dropdown-toggle, #topbar .nav-item a {
    color: #003648;
}
#topbar .dropdown-item:focus, #topbar .dropdown-item:hover {
    text-decoration: underline;
    background-color: #fff;
}
a, .text-blue, p.price.text-blue, .nav-tabs li a.active, .bg-green .nav-tabs li a.text-white.active{
    color: #000;
    text-decoration: none;
}
a.swipe {
    text-decoration: none !important;
}
.text-yellow {
    color: #fcb814 !important;
}
.text-orange {
    color: #f99d26;
}
a:hover, .text-light-green, #footer li a i{
    color: #88c084;
}
.text-green, p.price.text-green{
    color: #1e301d;
}
.text-red{
    color: #d2232a;
}
.bg-brand{
    background-color: #20331f;
}
.bg-friends {
    background-color: #eceded;
}
.bg-dark-green {
    background-color: #060807;
}
.grey-gradient{
    background: rgb(2,0,36);
    background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(217,219,220,1) 0%, rgba(245,246,246,1) 100%);
}
label{
    color: #000;
    font-size: 18px;
}
.w-95 > .row:first-of-type .bg-grey p.text-green, .w-95 > .row:first-of-type .bg-grey p.text-white{
    font-size: 34px;
    line-height: 34px;
}
#topbar .dropdown-item:active {
    background-color: #88c084 !important;
}
.bg-pale-green{
    background-color: #88c084;
}
.bg-light-green{
    background-color: #469b46;
}
.bg-green, .modal-header{
    background-color: #1e301d;
    border: 0;
}
.bg-blue{
    background-color: #60cdf6;
    border: 3px solid #fff;
}
.bg-sunrise {
    background-color: #f0f6ee;
    height: 100%;
}
.btn-blue {
    background-color: #63cdf6 !important;
    border: 3px solid #000;
    color: #093546;
}
.btn-blue:hover {
    background-color: #093546 !important;
    border: 3px solid #093546;
    color: #63cdf6;
}
.link-blue {
    color: #63cdf6 !important;
    text-decoration: none !important;
}
.link-blue:hover {
    color: #63cdf6;
    text-decoration: underline !important;
}
.no-rounded {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
#international {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.btn-yellow {
    background-color: #fcb814 !important;
    border: 3px solid #093546;
    color: #093546;
}
.btn-yellow:hover {
    background-color: #093546 !important;
    border: 3px solid #093546 !important;
    color: #fcb814 !important;
    text-decoration: none !important;
}
.swipe.btn-yellow:before {
    color: #fcb814 !important;
}
.btn-outline-green.forced-hover {
    border: 3px solid #093546 !important;
    color: #88c084 !important;
    background-color: #093546 !important;
}
.btn-outline-green {
    border: 3px solid #88c084 !important;
    color: #88c084 !important;
    background-color: #fff !important;
    text-decoration: none !important;
}
.btn-outline-green:hover {
    border: 3px solid #093546 !important;
    color: #88c084 !important;
    background-color: #093546 !important;
}
#plans .btn-outline-green:hover {
    border: 3px solid #093546 !important;
    color: #88c084 !important;
    background-color: #093546 !important;
}
.swipe.btn-outline-green .overlay {
    background-color: #88c084 !important;
    color: #fff !important;
}
.swipe.btn-outline-green:before,.forced-hover:before {
    color: #fff !important;
}
.swipe.btn-blue:before {
    color: #63cdf6 !important;
}
.btn-white {
    background-color: #fff !important;
    border: 3px solid #fff !important;
    color: #093546 !important;
    text-decoration: none !important;
}
.btn-white:hover {
    border: 3px solid #000 !important;
    background-color: #000 !important;
    color: #fff !important;
}
.bt-white:hover .overlay {
    background-color: #fff !important;
}
.btn-white:before {
    color: #fff !important;
}
.btn-red {
    background-color: #fff !important;
    border: 3px solid #d2232a;
    color: #d2232a;
}
#quick_answers .card .card:hover, .card.device:hover {
    cursor: pointer;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
#quick_answers .card.w-75.mx-auto {
    border-radius: 20px !important;
    border: none !important;
}
.plan.card:hover {
    cursor: pointer;
    box-shadow: 0 0 20px rgba(0,0,0,0.6);
}
.swipe.btn-red .overlay {
    background-color: #d2232a !important;
}
.swipe.btn-red:before {
    color: #fff !important;
}
.btn-green{
    background-color: #1e301d !important;
    color: #fff;
    border: 3px solid #1e301d;
}
.btn-green:hover{
    border: 3px solid #469b46;
}
.btn-pink {
    background-color: #f23859;
    color: #fff;
}
.btn-pink:hover {
    background-color: #000;
    color: #fff;
}
.btn-light-green{
    background-color: #469b46 !important;
    color: #000;
    border: 3px solid #000;
}
.btn-light-green.text-white{
    border: 3px solid #469b46 !important;
}
.btn-light-green.text-white:hover{
    border: 3px solid #000 !important;
}
.btn-default{
    border: 3px solid #469b46;
}
.btns-group .btn-green:hover, .btn-group .btn-green:hover{
    background-color: #469b46 !important;
    color: #fff;
}
.btn-default:hover{
    background-color: #469b46 !important;
    color: #fff;
}
.btn-grey{
    background-color: #f2f2f2;
}
#faq .btn-grey:after, #faq .btn-white:after{
    font-family: FontAwesome;
    content: "\f077" !important;
}
#faq .btn-grey.collapsed:after, #faq .btn-white.collapsed:after{
    font-family: FontAwesome;
    content: "\f078" !important;
}
#help_center .panel-group .p-5 {
    padding-top: 5px !important;
}
#help_center .panel-group .din-medium, #help_center .panel-group .din-bold, #help_center ul li{
    font-size: 20px;
}
.alert-default {
    border-radius: 40px;
    background-color: #ebebeb;
}
ul.disc {
    list-style: disc;
    padding-left: 40px; /* important for bullets to show */
    margin-bottom: 12px;
}
.bg-dark-grey{
    background-color: #c6cfd0;
}
.bg-grey{
    background-color: #f2f2f2;
}
.bg-navy {
    background-color: #093546;
}
.bg-dark-navy {
    background-color: #093546;
}
.bg-navy a {
    color: #60cdf6;
    text-decoration: none !important;
}
#media .bg-navy a {
    color: #000;
}
.en-page #quick_answers p.din-condensed-light, .fr-page #quick_answers p.din-condensed-light {
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 0 !important;
}
.cr-page #quick_answers p.din-condensed-light {
    font-weight: 200;
    line-height: 22px;
    margin-bottom: 0 !important;
}
#media .bg-navy a:hover, #support .bg-navy a:not(.btn):hover {
    color: #60cdf6;
    text-decoration: underline !important;
}
#media .nav-link:not(.active):hover {
    cursor: pointer;
}
.accordion .panel .btn-default {
    background-color: #ddd;
    border-radius: 0 !important;
    margin-bottom: 0;
    padding-left: 10px;
}
.accordion .panel .btn-default:hover {
    background-color: #000;
    color: #fff !important;
}
.en-page #switch .btn, .en-page .device .btn, .en-page #appareils .btn{
    width: 220px !important;
}
#setup .card-body, #voicemail .card-body{
    border: 2px solid #49a347;
}
.jumbotron .btn, .btn-group .btn{
    padding: 14px 16px 10px;
    border-radius: 30px;
}
.jumbotron .btn.dropdown-toggle{
    padding: 13px 12px;
}
.wingle.justify-content-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
img.icon {
    height: 80px;
    width: 80px;
}
.jumbotron p:empty {
    display: none;
}
#about .card h4.din-condensed-black {
    font-size: 30px !important;
}
#about .card h4.din-condensed-black span {
    font-size: 24px !important;
}
#about .card {
    border: none;
}
p span.badge {
    font-size: 1.3em;
    border-radius: 24px;
    width: 100%;
}
.red-box {
    background-color: #eb282c;
    border:5px solid #fff;
    margin-bottom: 20px;
}
.green-box {
    background-color: #47a347;
    border:5px solid #fff;
    padding: 20px 20px 14px;
    display: block;
}
.fr-page .yellow-box {
    max-width: 680px;
}
.yellow-box {
    background-color: #fced02;
    border:5px solid #fff;
    padding: 20px 20px 14px;
    display: block;
    max-width: 480px;
}
.yellow-box p {
    color: #000;
}
.green-box:not(.border-0):hover {
    background-color: #51cb51;
}
.green-box p, .yellow-box p {
    font-size: 36px;
}
.fr-page .green-box p {
    font-size: 30px;
}
.navbar-inverse .navbar-nav > li > a{
    font-size: 19px;
    line-height: 20px;
    color: #fff;
}
.page-banner .banner {
    height: 187px !important;
    background-size: contain;
    position: relative;
}
#IMEI_CHECKER .control-label{
    color: #fff;
    font-size: 20px;
}
.imei_result {
    margin: 12px 0;
}
.carousel-control-prev{
    transform: rotate(180deg);
}
.carousel-control-next, .carousel-control-prev{
    width: 5%;
}
.carousel-control-next img, .carousel-control-prev img {
    filter: invert(71%) sepia(28%) saturate(4186%) hue-rotate(83deg) brightness(200%) contrast(81%);
}
#network_requirements .card{
    border: 2px solid #1e301d;
}
.rate-plans .card-body{
    background-color: transparent;
}
.rate-plans .card{
    border: 0;
}

/* ---------------------------------------------------
    Button Swipe
----------------------------------------------------- */
.relative .relative .swipe {
    position: relative;
    display: inline-block;
}
.swipe {
    width: 278px;
    background: transparent;
    outline: none;
    padding: 16px 30px;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    font-size: 16px;
    border-radius: 30px;
}
.swipe.btn:before {
    top: 1rem;
    color: #1e301d;
}
.swipe:before {
    content: attr(data-hover);
    position: absolute;
    left: 0;
    width: 100%;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 26px;
    opacity: 0;
    transform: translate(-100%,0);
    transition: all .3s ease-in-out;
    z-index: 5;
    color: #f0ad4e;
    text-align: center;
}
.swipe div {
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.4rem;
    transition: all .3s ease-in-out;
    text-align: center;
}
.swipe .overlay {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 140%;
    transform: translate3d(100%,0,0) skew(0deg);
    background-color: #000;
    opacity: 0;
    transition: transform .5s ease,opacity .3s ease;
    border-radius: .125rem;
    display: block;
    z-index: 1;
}
.bg-green .btn-default.swipe.btn:before, .btn-light-green.text-white.swipe.btn:before, ul.text-white li {
    color: #fff;
}
.bg-green .btn-default{
    background-color: #fff;
}
.bg-green .btn-default .overlay{
    background-color: #49a347;
}
.swipe.btn-green .overlay {
    background-color: #fff;
}
.swipe:hover:before, .forced-hover:before {
    opacity: 1;
    transform: translate(0,0);
}
.swipe:hover div, .forced-hover div {
    opacity: 0;
    transform: translate(100%,0);
}
.swipe:hover .overlay,
.forced-hover .overlay,
.products .tab-pane a.swipe:hover .overlay,
#media a.swipe.btn-teal:hover .overlay {
    transform: translate3d(10%,0,0) skew(-20deg);
    opacity: 1;
}
.text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 16px;
    z-index: 1;
    color: #fff;
    font-weight: bold;
    width: 100px;
    line-height: 18px;
}
.heart p {
    font-size: 18px;
}
.heart-img {
    width: 100%;
    height: auto;
    display: block;
}
#csp_info, #csp_info_fr, #csp_info_cr{
    display: none;
}

#csp_info, #csp_info_fr, #csp_info_cr {
    width: 100%; /* Match the width of the map */
    margin: 0 auto; /* Center the div horizontally */
    text-align: center; /* Center the content inside the div */
    box-sizing: border-box; /* Include padding and border in the div's total width */
    padding: 20px; /* Adjust padding as needed */
    background-color: #fff; /* Background color */
    border: 3px solid black; /* Border */
    border-radius: 0; /* Border radius */
}
#map_csp_info, #map_csp_info_fr, #map_csp_info_cr {
    max-width: 60.6%; /* Ensure the div does not exceed the width of its container */
}
.csp h3:first-child{
    text-transform: uppercase;
}
#help_center .question {
    text-align: left !important;
    line-height: 1.5rem;
    flex-grow: 1 !important;
    width: 80%;
}

/* ---------------------------------------------------
Menu and Animation
----------------------------------------------------- */

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.affix.menu-show{
    -webkit-transition: 500ms all ease-in-out;
    -moz-transition: 500ms all ease-in-out;
    -ms-transition: 500ms all ease-in-out;
    -o-transition: 500ms all ease-in-out;
}
.menu-hide{
    opacity: 0;
    display: none;
}
#topbar {
    background-color: #fff !important;
}
.menu-show.affix{
    background-color: #fff !important;
    opacity: 0.93;
    border-color: #fff;
}
.red-box hr {
    border-top: 1px solid #fff;
    margin: 1em 0;
}
.affix-top.menu-hide{
    opacity: 1;
    display: flex;
}
.btn-link{
    color: #63cdf6;
}
.btn-link.text-red {
    color: red;
}
a:hover{
    color: #88c063cdf684;
    text-decoration: underline;
}
a.btn-link {
    text-decoration: none;
    transition: color 0.3s linear;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
}
a.btn-link:hover, .scroll-container a:hover, .scroll-container a:focus {
    color:#63cdf6 !important;
    text-decoration: none;
}
.woman-3 {
    position: absolute;
    top: 130px;
    right: 40px;
    z-index: 0;
}
#menu-item-444 a:hover {
    color: #88c084 !important;
}
a.sign-in img{
    vertical-align: sub;
}
.animate-up {
    -webkit-transform-origin: 100% 50%;
    -webkit-animation: openAnimationUp 0.5s both ease-in;
}
.animate-down {
    -webkit-transform-origin: 100% 50%;
    -webkit-animation: openAnimationDown 0.5s both ease-in;
}
.delay-0{
    animation-delay: 0s;
}
.delay-1{
    animation-delay: 0.1s;
}
.delay-2{
    animation-delay: 0.2s;
}
.delay-3{
    animation-delay: 0.3s;
}
.delay-4{
    animation-delay: 0.4s;
}
.delay-5{
    animation-delay: 0.5s;
}
.delay-6{
    animation-delay: 0.6s;
}
.delay-7{
    animation-delay: 0.7s;
}
.delay-8{
    animation-delay: 0.8s;
}
.delay-9{
    animation-delay: 0.9s;
}
.delay-10{
    animation-delay: 1s;
}
.animated{
    animation-fill-mode: initial !important;
}
#topbar .fa-chevron-down {
    font-size: 20px;
    padding: 0;
    margin-top: 0;
}
.fa-chevron-down {
    font-size: 36px;
    padding: 15px 0;
    margin-top: 15px;
}
.xmas-promo {
    height: auto !important;
    max-width: 300px;
    margin: 30px 0;
}
.fr-page .xmas-promo {
    margin: 15px 0;
}
@-webkit-keyframes animateBackground {
    0% {
        -webkit-transform: translateX(2000px);
        -webkit-filter: blur(100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        -webkit-filter: blur(0);
        opacity: 1;
    }
}
@-webkit-keyframes openAnimationUp {
    0% {
        -webkit-transform: translateY(16px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes openAnimationDown {
    0% {
        -webkit-transform: translateY(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(16px);
        opacity: 1;
    }
}
@-webkit-keyframes openBucketUp {
    0% {
        -webkit-transform: translateY(50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes openBucketDown {
    0% {
        -webkit-transform: translateY(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(50px);
        opacity: 1;
    }
}
@-webkit-keyframes openBucketLeft {
    0% {
        -webkit-transform: translateX(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(-200px);
        opacity: 1;
    }
}
@-webkit-keyframes openBucketRight {
    0% {
        -webkit-transform: translateX(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}
@-webkit-keyframes openFadeInHeader {
    0% {
        -webkit-transform: translateY(16px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes openFadeInText {
    0% {
        -webkit-transform: translateY(8px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@media (min-width: 1960px) {
    #homeCarousel .banner-1 {
        background-size: contain !important;
    }
    .home .carousel-item .container {
        max-width: 1400px !important;
    }
    .home .carousel-item .banner-1 .col-xl-4 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .home .carousel-item .banner-1 .col-xl-8 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}
@media (min-width: 1920px) {
    .home .mt-xl-5 {
        margin-top: 5rem !important;
    }
    .home .banner .card.w-75 h1.din-condensed-bold.mt-0 {
        font-size: 90px !important;
        line-height: 80px !important;
    }
}
@media (min-width: 1640px) {
    .container-fluid {
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .en-page .container-fluid, .fr-page .container-fluid {
        max-width: 1440px;
    }
    .cr-page .container-fluid {
        max-width: 1640px;
    }
    .home .bg-waves.w-90 {
        width: 100% !important;
    }
}
@media (min-width: 1600px) {
    .home.cr-page .carousel-inner h2{
        font-size: 60px !important;
        line-height: 70px !important;;
    }
    .rate-plans h2 {
        font-size: 60px !important;
        line-height: 60px;
    }
    .w-95{
        width: 95%;
    }
    .fr-page .navbar-header .nav li a{
        font-size: 20px !important;
    }
    .jumbotron h1 {
        font-size: 100px !important;
        line-height: 100px !important;
    }
    .home .banner-1 .row .row div {
        font-size: 36px;
        line-height: 36px;
    }
    .home .card-body p {
        font-size: 30px;
        line-height: 32px;
    }
    .jumbotron h2, .border-column h2, .tos h3 {
        font-size: 60px;
        line-height: 54px;
    }
    .fr-page .callout .badge p {
        font-size: 46px !important;
        line-height: 40px !important;
    }
    .home .banner .card.w-75 {
        max-width: 1600px;
        margin: auto;
    }
    .home .banner .card.w-75 h1 {
        font-size: 80px !important;
        line-height: 80px !important;
    }
    .home .banner .drop-shadow {
        max-width: 500px;
        margin: 0 auto;
    }
    #devices img.w-100 {
        max-width: 450px !important
    }
}
@media (max-width: 1600px) {
    .bg-waves .w-80 {
        width: 100% !important;
    }
    .container-fluid {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #topbar .container-fluid {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #mobile_plans .col-lg-3, #data_plans .col-lg-3 {
        width: 33%;
    }
}
@media (min-width: 1470px) {

}
@media (max-width: 1469px) {

}
@media(min-width: 1440px) {
    .home p.din-condensed-medium{
        font-size: 50px;
        line-height: 52px;
    }
    .home.en-page .carousel-inner h2, .home .banner-3 h2 span {
        font-size: 80px;
        line-height: 70px;
    }
    .home.fr-page .carousel-inner .bg-sunrise h2 {
        font-size: 70px;
        line-height: 60px;
    }
    .home.en-page .carousel-inner .banner-goose h2 {
        font-size: 76px;
    }
    #mobile_plans .col-lg-3, #data_plans .col-lg-3 {
        width: 25%;
    }
    .man-2 {
        top: 130px !important;
    }
    .rates-scroll-tip {
        display: none !important;
    }
}
@media (max-width: 1439px) {
    .bg-navy.w-75 {
        width: 100% !important;
    }
    #mobile_plans .row.bundle, .devices .row.bundle {
        display: flex;
        flex-wrap: nowrap;
        justify-content: start;
    }
    #mobile_plans .col-lg-3, #data_plans .col-lg-3 {
        width: 33%;
    }
    #international table {
        width: 1100px;
    }
    #international table td, #international table th {
        text-align: left !important;
    }
    .rates-scroll-tip {
        display: block !important;
    }
}
@media (min-width: 1400px) {
    .list-group div, .navbar-header .nav li a{
        font-size: 20px;
    }
    .fr-page .list-group div .col-xl-8, .cr-page .list-group div .col-xl-8, .fr-page .list-group div + p, .cr-page .list-group div + p{
        font-size: 14px;
    }
    .home .carousel-item .banner-2 img{
        margin: -50px -30px;
        max-width: 642px;
    }
    .home.fr-page .carousel-item .banner-2 img{
        margin: -40px 40px;
        max-width: 642px;
    }
    .home.cr-page .carousel-item .banner-2 img{
        margin: -30px;
    }
    .swipe.btn.double-line:before {
        top: 1.8rem;
    }
    .home.cr-page .banner-wolf h2 span, .home.en-page .banner-wolf h2 span{
        font-size: 80px;
        line-height: 80px;
    }
    .home.en-page .carousel-inner .banner-plans h2.text-blue{
        font-size: 100px;
    }
}
@media (min-width: 1351px) {
    .home .banner {
        margin-top: 77px !important;
    }
}
@media (min-width: 1350px) {
    .home.fr-page .carousel-item .banner-2 img, .home.cr-page .carousel-item .banner-2 img {
        max-width: 560px;
    }
    .banner-goose .text-yellow.text-uppercase {
        display: block;
        line-height: 54px;
    }
    .home .banner .relative .button-container {
        position: absolute !important;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1020;
    }
    .home .banner .position-absolute {
        position: absolute;
    }
    .home #ww {
        padding-top:50px;
    }
}
@media (max-width: 1350px) {
    .home .banner {
        background-size: cover;
    }
    .home .banner-1 .row .row div{
        font-size: 26px;
        line-height: 30px;
    }
    .banner-promo .row {
        height: 100%;
    }
    .promo-text {
        width: 900px;
        margin: auto;
        padding-top: 20px;
    }
    .santa {
        position: absolute;
        top: 40px;
        left: 70px;
        width: 15%
    }
    .presents {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 250px;
    }
    .cr-page .banner-orchard h3 {
        display: inline;
    }
    .home .banner .position-absolute {
        position: relative !important;
    }
    .bg-waves.w-90 {
        width: 100% !important;
        border-radius: 0 !important;
    }
    #why .w-80 {
        width: 100% !important;
    }
    .center-logo {
        margin-left: 5rem !important;
    }
}
@media (max-width: 1231px){
    .menu .btn {
        margin: -20px -18px;
    }
    #devices img{
        width: 250px !important;
    }
    .cr-page .banner-friends h3, .cr-page .banner-orchard h3 {
        display: inline;
    }
    #mobile_plans .col-lg-3, #data_plans .col-lg-3 {
        width: 44%;
    }
    .woman-3 {
        display: none;
    }
}
@media (min-width: 1260px) {
    .banner-orchard h3, .banner-photo h3 {
        font-size: 36px;
    }
    .cr-page .banner-orchard h3, .cr-page .banner-photo h3 {
        font-size: 26px;
    }
}
@media (min-width: 1201px) and (max-width: 1286px) {
    .cr-page .man-2 {
        top:240px !important;
    }
}
@media (min-width: 1201px) {
    .help-text:empty{
        margin-top: 1.65rem;
    }
    .page-id-825 .multi-line{
        clear:both;
        display: block;
    }
    .lg-line-break{
        clear:both;
        display: block;
    }
    .carousel-item{
        max-height: 450px;
    }
    .callout p{
        display: inline;
    }
    .holly-left {
        position: absolute;
        z-index: 0;
        top:0;
        left:30px;
    }
    .holly-right {
        position: absolute;
        z-index: 0;
        bottom:0;
        right:30px;
    }
    .light-source {
        position: absolute;
        z-index: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    p.price{
        font-size: 70px !important;
        line-height: 100px !important;
        text-align: center;
    }
    .hide-extra-text {
        display: none;
    }
}
@media (min-width: 1276px) and (max-width: 1400px) {
    .cr-page.home .carousel-inner h2{
        font-size: 54px;
        line-height: 58px;
    }
}
@media (min-width: 1190px) and (max-width: 1275px) {
    .cr-page.home .carousel-inner h2{
        font-size: 54px;
        line-height: 58px;
    }
}
@media (min-width: 1200px) and (max-width: 1439px) {
    #mobile_plans .scroll-tip {
        display: block !important;
    }
    .man-2 {
        top: 180px !important;
    }
    .woman-3 {
        top: 180px !important;
    }
}
@media (min-width: 1230px) and (max-width: 1286px) {
    .cr-page .woman-3 {
        top: 240px !important;
    }
}
@media (min-width: 1200px) {
    .coming-soon-lg{
        position: absolute;
        left:0;
        top: -80px;
        width: 420px;
    }
    .coming-soon-md{
        display: none;
    }
    .jumbotron.relative{
        overflow: hidden;
    }
    .border-column > .row > .col-xl-4:nth-child(even){
        border-right: 0 solid #20331f !important;
    }
    .border-column > .row > .col-xl-4:last-child, .border-column > .row > .col-xl-4:nth-child(3n+3){
        border-right: 1px solid #20331f !important;
    }
    #done_right .col-xl-2 {
        flex: 0 0 auto;
        width: 20%;
    }
}
@media (max-width: 1199px) {
    .coming-soon-lg{
        display: none;
    }
    .coming-soon-md{
        display: block;
    }
    .relative .relative .w-75{
        width:100% !important;
    }
    .home .banner-1 .row .row div{
        font-size: 22px;
        line-height: 28px;
    }
    .callout p{
        display: block;
    }
    .callout .din-condensed-light{
        display: none;
    }
    .cr-page .banner-2 h2 {
        font-size: 36px !important;
        line-height: 42px !important;
    }
    #topbar .lang-item-5, #topbar .lang-item-2, #topbar .lang-item-13{
        display: none !important;
    }
    .cr-page .banner-friends h2, .cr-page .banner-orchard h2 {
        display: inline;
    }
    .cr-page .banner-friends a  {
        margin-top: 25px;
    }
    .cr-page .banner-orchard h3 {
        font-size: 22px !important;
    }
    .holly-left {
        position: absolute;
        z-index: 0;
        top:0;
        left: -20%;
        height: 60%;
    }
    .holly-right {
        position: absolute;
        z-index: 0;
        bottom: 0;
        right: -20%;
        height: 60%;
    }
    .light-source {
        position: absolute;
        z-index: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .banner-vday.w-75 {
        width: 100% !important;
    }
    .home .banner .position-absolute h1 {
        font-size: 3.8rem !important;
        line-height: 4rem !important;
    }
    #mobile_plans .col-xs-3, #data_plans .col-xs-3 {
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
    }
    #support .card .d-flex.col-xl-2 {
        display: none !important;
    }
}
@media (min-width: 1050px) {
    .home .carousel-item > div:first-child {
        height: 450px;
    }
}
@media (min-width: 992px) and (max-width: 1469px) {
    .Man_silhouette_1 {
        filter: opacity(0.2) !important;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    h2, .jumbotron h2{
        font-size: 50px;
        line-height: 40px;
    }
    .cr-page h2, .cr-page .jumbotron h2{
        font-size: 50px;
        line-height: 56px;
    }
    .overlay-hover p {
        font-size: 16px;
        line-height: 18px;
    }
    #homeCarousel .banner-wolf {
        background: url(/wp-content/uploads/2023/02/bg-wolf.jpg) no-repeat 50% 0%;
    }
    .holly-left {
        position: absolute;
        z-index: 0;
        top:0;
        left:0;
        width: 20%;
    }
    .holly-right {
        position: absolute;
        z-index: 0;
        bottom:0;
        right:0;
        width: 20%;
    }
    .light-source {
        position: absolute;
        z-index: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .banner-3 .relative.w-50 {
        width: 100% !important;
    }
}
@media (min-width: 1322px) {
    .fr-page .red-box p.text-yellow {
        font-size: 2.6rem;
        line-height: 3.4rem;
        margin-top: 20px;
        margin-bottom: 0;
    }
}
@media (max-width: 1331px) {
    .fr-page .red-box p.text-yellow {
        font-size: 1.6rem;
        line-height: 2rem;
        margin: 20px;
    }
    .fr-page .red-box p.text-yellow .text-white {
        font-size: 2.8rem;
        line-height: 3rem;
        vertical-align: middle;
    }
}
@media (min-width: 1037px) and (max-width: 1220px) {
    .fr-page .man-2 {
        top:240px !important;
    }
}
@media (min-width: 1201px) and (max-width: 1331px) {
        #rates .w-80 {
            width: 100% !important;
        }
}
@media (min-width: 1201px) {
    .bg-highway {
        background-image: url('/wp-content/uploads/2025/11/highway-bg-1.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border-radius: 0 !important;
    }
}
@media (max-width: 1200px) {
    .collapse{
        display: block;
    }
    .bg-highway {
        background-image: url('/wp-content/uploads/2025/11/highway-bg-1.jpg');
        height: 100%;
        border-radius: 0 !important;
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
    }
    .mobile-center {
        text-align: center !important;
    }
}
@media (min-width: 1351px) {
    .red-box p.text-yellow {
        font-size: 3rem;
        line-height: 4rem;
        margin-top: 20px;
        margin-bottom: 0;
    }
    .red-box p.text-yellow .text-white {
        font-size: 4.8rem;
        line-height: 5rem;
        vertical-align: middle;
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: 100% !important;
    }
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
    .cr-page .menu-item-445 a{
        width: 150px;
    }
}
@media (max-width: 1350px) {
    .navbar-expand-lg .navbar-collapse {
        display: none !important;
        flex-basis: auto !important;
    }
    .navbar-expand-lg .navbar-toggler {
        display: flex !important;
    }
    .mobile-sign-in {
        display: block !important;
    }
    #topbar .d-flex.justify-content-between.align-items-center.w-100 {
        width: auto !important;
    }
}
@media (min-width: 992px) and (max-width: 1440px) {
    p span.badge {
        font-size: 1.6vw !important;
    }
}
@media (min-width: 992px) and (max-width: 1240px) {
    #topbar .nav-link {
        font-size: 15pt !important;
        line-height: 15pt !important;
    }
    #switch .w-75 {
        width: 100% !important;
    }
}
@media (min-width: 992px) and (max-width: 1350px) {
    .bg-waves  {
        margin-top: 3rem !important;
    }
    #get_started .map-border .w-85, #get_started .w-75{
        width: 100% !important;
    }
}
@media (min-width: 992px) and (max-width: 1080px) {
    .jumbotron .bg-waves h1 {
        font-size: 120px !important;
    }
    .jumbotron .bg-waves h2 {
        font-size: 70px !important;
    }
    .jumbotron .bg-waves p.din-condensed-light {
        font-size: 50px;
        line-height: 50px;
    }
    #topbar .nav-link {
        padding-right: .25rem !important;
        padding-left: .25rem !important;
    }
    .cr-page .jumbotron .bg-waves h1 {
        font-size: 70px !important;
        line-height: 90px !important;
    }
    .cr-page .jumbotron .bg-waves h2 {
        font-size: 40px !important;
    }
}
@media (min-width: 992px) and (max-width: 1037px) {
    .fr-page .man-2, .cr-page .man-2 {
        top:240px !important;
    }
}
@media (min-width: 992px) and (max-width: 1028px) {
    .fr-page .green-box p {
        font-size: 20px;
    }
}
@media (max-width: 1099px){
    .red-box p.text-yellow {
        font-size: 2rem;
        line-height: 3rem;
        margin: 20px;
    }
    .red-box p.text-yellow .text-white {
        font-size: 3.2rem;
        line-height: 4rem;
        vertical-align: middle;
    }
    .fr-page .green-box p {
        font-size: 22px;
    }
}
@media (min-width: 992px){
    .home .carousel-item .banner-1:not(.promo) img{
        width: 627px;
        margin: 0 0 0 15px;
    }
    .home.fr-page .carousel-inner .banner-wolf h2, .home.fr-page .banner-wolf h2 span {
        font-size: 60px;
        line-height: 60px;
    }
    .home.fr-page .carousel-inner .banner-wolf .din-condensed-bold {
        font-size: 24px !important;
        line-height: 24px !important;
    }
    .home.en-page .carousel-inner .banner-wolf .din-condensed-bold, .home.cr-page .carousel-inner .banner-wolf .din-condensed-bold {
        font-size: 34px !important;
        line-height: 34px !important;
    }
    .menu-item-445 a{
        width: 100px;
    }
    .carousel-item{
        height: 450px;
    }
    #plans .nav-pills .nav-item {
        margin-right: 10px;
    }
    .family-text{
        position: absolute;
        bottom:0;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
    }
    .page-template-template-fr #footer p{
        font-size: 18px;
        line-height: 20px;
    }
    .jumbotron h1, .h1, .bg-brand h1, .page-template-template-banner .banner header h1{
        text-transform: uppercase;
        font-size: 80px !important;
        line-height: 70px !important;
    }
    .fr-page .jumbotron h1, .fr-page .h1, .fr-page .bg-brand h1, .fr-page.page-template-template-banner .banner header h1{
        line-height: 82px !important;
    }
    .fr-page .banner h1 {
        font-size: 90px !important;
        line-height: 96px !important;
    }
    #post-647 .w-75 {
        width: 80% !important;
    }
    .home .banner .col-lg-6:first-of-type .position-absolute {
        max-width: 800px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    #post-987 .w-75{
        width: 100% !important;
    }
    #post-987 .w-75 .card-header{
        height: 103px;
    }
    h2, .jumbotron h2, .en-page .banner-wolf h2 span, .cr-page .banner-wolf h2 span{
        font-size: 62px;
        line-height: 60px;
    }
    .rate-plans h2{
        font-size: 56px;
        line-height: 60px;
    }
    .swipe.btn-job div, .swipe.btn-job:before {
        font-size: 26px;
        line-height: 26px;
    }
    .home p.din-condensed-medium{
        font-size: 40px;
        line-height: 40px;
    }
    .home.cr-page p.din-condensed-medium{
        font-size: 30px;
        line-height: 36px;
    }
    .home .banner-1 p.din-condensed-medium {
        font-size: 33px;
        line-height: 30px;
    }
    .home.fr-page .carousel-inner h2.text-light-green {
        font-size: 80px;
        line-height: 70px;
    }
    .home.fr-page .carousel-inner h2, .home.fr-page .carousel-inner .banner-3 h2 span{
        font-size: 52px;
        line-height: 50px;
    }
    .home.fr-page .carousel-inner .banner-intern h2, .home.cr-page .carousel-inner .banner-intern h2{
        font-size: 80px;
        line-height: 70px;
    }
    .cr-page .post-975 .banner h1{
        font-size: 60px !important;
        line-height: 70px !important;
    }
    .card-header + .card-body{
        min-height: 235px;
    }
    #rates .card-header + .card-body {
        min-height: 180px;
    }
    .fr-page  #forfaits .card-header + .card-body {
        min-height: 200px;
    }
    #jobs .swipe.btn {
        min-width: 440px !important;
        padding: 18px 10px 12px;
        text-transform: uppercase;
        font-size: 22px;
        line-height: 22px;
        width: 300px;
        border-radius: 0;
        margin-bottom: 10px;
    }
    #jobs .swipe.btn div, #jobs .swipe.btn:before {
        font-size: 26px;
        line-height: 26px;
    }
    .query-jobs-wrapper .query-row-even {
        text-align: right;
    }
    .query-jobs-wrapper .query-row {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        position: relative;
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .banner-friends h3 {
        font-size: 36px;
    }

    #homeCarousel .banner-1 {
        height: 450px;
    }
    .phone-list, .phone-list-fr {
        display: inline-block;
        margin-top: -190px;
        padding-left: 30px;
        height: 350px;
    }
    .center-banner {
        display: inline-block;
        padding-right: 30px;
    }
    .xmas-promo .center-banner {
        padding-right: 0;
        margin: 20px 0 60px 60px;
    }
    .promo-container {
        margin: 60px 60px 60px 0;
    }
    .fr-page .promo-container {
        margin: 50px 0;
    }
    .fr-page .banner-plans h2 {
        font-size: 70px !important;
        line-height: 64px !important;
    }
    .banner-photo .relative.mx-auto {
        width: 40%;
    }
    .xmas-promo {
        height: auto !important;
        max-width: 100%;
    }
    .relative .banner .relative .green-box h1 {
        padding-left: 3rem !important;
    }
    .pink-border p {
        font-size: 20px !important;
        line-height: 22px !important;
    }
    .bg-sunrise .d-flex.align-items-center.justify-content-center {
        height: 400px;
    }
    .Sun {
        position: absolute;
        top: 0 !important;
        left: 0% !important;
        z-index: 0;
        height: 450px !important;
    }
    .man-2 {
        position: absolute;
        top: 180px;
        left: 0;
        z-index: 0;
    }
    #switch .box-1 .card {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    #switch .box-2 .card {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
    .map-border > .row > .col-xl-6:first-of-type {
        border-right: 4px solid #003648;
    }
}

@media (max-width: 991.99px) {
    .md-mobile-center{
        text-align: center !important;
    }
    .w-50, .w-75, .w-80, .w-90{
        width:100% !important;
    }
    p.price{
        color: #88c084;
        font-size: 70px !important;
        line-height: 100px !important;
        text-align: center;
    }
    .btn.w-md-100{
        width: 100%;
    }
    .fr-page .jumbotron .bg-waves h1 {
        font-size: 90px !important;
        line-height: 100px !important;
    }
    #international .alpha{
        display: inline-block !important;
    }
    #international .alpha a{
        padding: 3px 6px;
        display: inherit;
        width: auto;
    }
    #devices img{
        width: auto !important;
    }
    #plans .nav-pills .nav-item:first-of-type {
        margin-right: 10px;
    }
    #network_requirements .bg-green{
        min-height: 400px;
        position: relative;
    }
    .map-border .col-xl-6 {
        border-bottom: 4px solid #003648 !important;
    }
    #started .map-border .btn.btn-light-green.dropdown-toggle {
        width: 80% !important;
    }
    #query-imei-submit {
        margin-bottom: 10px;
        top: 50%;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%);
    }
    #query-imei-result, #query-imei-errors{
        bottom: 10%;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%);
    }
    .menu .btn {
        margin: -24px -18px;
    }
    .text-right.mobile-left{
        text-align: left !important;
    }
    #menu-topbar-1, #menu-topbar_fr-1, #menu-topbar_cr-1 {
        float: left;
        margin-left: 0;
        margin-top: 30px;
    }
    #menu-topbar-1 .menu li, #menu-topbar_fr-1 .menu li, #menu-topbar_cr-1 .menu li {
        text-align: left !important;
        text-transform: uppercase;
    }
    .border-column > .row > .col-xl-4{
        border-bottom: 1px solid #20331f;
    }
    .home p.din-condensed-medium, .home p.din-condensed-black {
        font-size: 30px;
        line-height: 30px;
    }
    .home p.din-condensed-medium {
        font-size: 30px;
        line-height: 30px;
    }
    .collapse-hide{
        display: none;
    }
    .collapse-hide.show{
        display: block;
    }
    .cr-page .post-975 .banner h1{
        font-size: 40px !important;
        line-height: 50px !important;
        transform: translate(-50%, 250%);
    }
    .cr-page #topbar .lang-item-5, .cr-page #topbar .lang-item-2, .cr-page #topbar .lang-item-13{
        display: none;
    }
    .banner-controls {
        right: auto;
        left: 60%;
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%);
    }
    .callout p {
        font-size: 50px !important;
        line-height: 60px !important;
    }
    .overlay-hover p {
        font-size: 18px;
        line-height: 20px;
    }
    .eeyou-banner{
        background: url('/wp-content/uploads/2022/04/eeyou-job-banner.jpg') no-repeat 0% 50%;
        background-size: cover;
    }
    .status .table-striped>tbody>tr:nth-of-type(odd)>* {
        vertical-align: top;
    }
    .status .table-striped>tbody>tr:nth-of-type(even)>* {
        vertical-align: top;
    }
    .status .table-responsive table {
        width: 1000px;
    }
    .status .table-responsive {
        background-image: /* Shadows */ linear-gradient(to right, white, white), linear-gradient(to right, white, white), /* Shadow covers */ linear-gradient(to right, rgba(0,0,0,.35), rgba(255,255,255,0)), linear-gradient(to left, rgba(0,0,0,.35), rgba(255,255,255,0));
        background-position: left center, right center, left center, right center;
        background-repeat: no-repeat;
        background-color: white;
        background-size: 20px 100%, 20px 100%, 20px 100%, 20px 100%;
        background-attachment: local, local, scroll, scroll;
        border: 0;
        border-radius: 6px;
    }
    img.shop {
        width: 125px;
    }
    .sun-bg {
        position: absolute;
        top: 0; /* fixed offset instead of % */
        left: 0;
        width: 100%;
        height: 700px;
        background: url('/wp-content/uploads/2025/07/Sun-mobile.jpg') no-repeat center top;
        background-size: contain;
        z-index: 0;
    }
    .bg-waves {
        background-image: url('/wp-content/uploads/2025/11/bg-wave-mobile.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 800px;
        border-radius: 0;
    }
    .bg-waves.relative .Man_silhouette_1 {
        position: relative;
        text-align: center;
        width: 290px;
    }
    .bg-waves .d-flex.justify-content-center.align-items-center {
        display: block !important;
        justify-content: normal !important;
        align-items: normal !important;
    }
    .bg-waves .text-left {
        text-align: center !important;
    }
    .bg-waves p.price {
        margin: 3rem auto !important;
        font-size: 16rem !important;
    }
    #footer img {
        width:290px !important;
        margin: 30px auto 50px !important;
    }
    .bg-waves .row {
        padding-top: 4rem;
    }
    #orchard img {
        width: 280px;
        margin: auto;
    }
    .bg-waves.w-90 {
        height: 100% !important;
    }
    #mobile_plans .col-lg-3, #data_plans .col-lg-3 {
        width: 50%;
    }
    .man-2 {
        display: none !important;
        position: absolute;
    }
    .bullets p {
        padding: 0 15px;
    }
    #support .question {
        text-align: left !important;
        line-height: 1.5rem;
        flex-grow: 1 !important;
        width: 80%;
    }
    .card-text {
        text-align: left !important;
    }
    .center-logo {
        margin-left: 3rem !important;
    }
    .devices .row.bundle .flex-fill{
        flex: none !important;
    }
    #quick_answers .card.bg-grey.w-75.mx-auto, #support .card.bg-support.w-75.mx-auto, #faq .bg-navy {
        border-radius: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .home.cr-page .border-column > .row > .col-xl-4:first-child{
        border-right: 1px solid #20331f;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-header .nav li a{
        font-size: 14px;
    }
    .home.en-page .border-column > .row > .col-xl-4:first-child, .home.fr-page .border-column > .row > .col-xl-4:first-child{
        border-right: 1px solid #20331f;
    }
    .home .carousel-item{
        height: 695px;
    }
    .card-header+.card-body {
        min-height: 235px;
    }
    .banner-controls {
        margin-left: -2%;
    }
    .promo-mobile {
        width: 500px;
    }
}
@media (min-width: 768px) {
    .nav-tabs li{
        position: relative;
    }
    .nav-tabs li a.active:after {
        content: "";
        border-color: transparent transparent #fff;
        border-width: 0 35px 25px;
        border-style: solid;
        width: 0;
        height: 0;
        position: absolute;
        bottom: -32px;
        line-height: 0;
        left: 50%;
        margin-left: -30px;
        z-index: 1;
    }
    .query-jobs-wrapper .query-unformatted.query-jobs {
        display: flex;
    }
    .query-jobs-wrapper .query-row {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    #jobs .swipe.btn {
        min-width: 350px;
    }
    .fr-page #voicemail .nav-tabs li a.active:after, .cr-page #voicemail .nav-tabs li a.active:after{
        border-style: none;
    }
    .post-497 .banner, .page-id-855 .banner, .page-id-975 .banner {
        background: url(/wp-content/uploads/2021/05/media.jpg) no-repeat 100% 100%;
        background-size: cover;
    }
    .line-break{
        clear: both;
        display: block;
    }
    .jumbotron h1, .h1, .bg-brand h1, .page-template-template-banner .banner header h1{
        text-transform: uppercase;
        font-size: 70px;
        line-height: 72px;
    }
    .cr-page .jumbotron h1, .h1, .cr-page .bg-brand h1, .cr-page.page-template-template-banner .banner header h1{
        text-transform: uppercase;
        font-size: 60px;
        line-height: 68px;
    }
    .border-column > .row > .col-xl-4{
        border-left: 1px solid #20331f;
    }
    .border-column > .row > .col-xl-4:last-child, .border-column > .row > .col-xl-4:nth-child(even){
        border-right: 1px solid #20331f;
    }
    .border-column > .row > .col-xl-6{
        border-left: 1px solid #20331f;
    }
    .collapse.dont-collapse-sm {
        display: block;
        height: auto !important;
        visibility: visible;
    }
    .cr-page .banner-friends h2 {
        font-size: 40px !important;
        line-height: 46px !important;
    }
    .cr-page .banner-friends h3 {
        font-size: 28px !important;
    }
    .fr-page .light-source {
        max-width: 60%;
    }
    .home .bg-sunrise p.din-condensed-black {
        font-size: 30px;
        line-height: 30px;
    }
    #plans .nav-pills .nav-link, #media .nav-pills .nav-link {
        width: 200px;
    }
    .fr-page #plans .nav-pills .nav-link, .fr-page #media .nav-pills .nav-link {
        width: 300px;
    }
    .cr-page #plans .nav-pills .nav-link, .cr-page #media .nav-pills .nav-link {
        width: 400px;
    }
}
@media (min-width: 530px) and (max-width: 991px) {
    .home .banner-1 .text-left{
        text-align: center !important;
    }
}
@media (min-width: 787px) and (max-width: 9991px) {
    .en-page .bg-pink .v-day img, .cr-page .bg-pink .v-day img {
        width: 430px;
    }
    .fr-page .bg-pink .v-day img {
        width: 470px;
    }
}
@media (min-width: 796px) and (max-width: 991px) {
    .bg-pink .v-day img {
        width: 44%;
    }
}
@media (max-width: 767px){
    #navbarSlideout {
        width: 100%;
    }
    .home .card{
        border: 0;
    }
    .home .card-body{
        background-color: transparent;
    }
    .home.en-page .carousel-inner h2, .en-page .banner-wolf h2 span, .cr-page .banner-wolf h2 span, .cr-page .bg-blue .banner-1 h2{
        font-size: 46px;
        line-height: 48px;
    }
    .banner-intern h2 {
        font-size: 52px !important;
        line-height: 58px !important;
    }
    .home.fr-page .carousel-inner h2, .fr-page .banner-wolf h2 span, .cr-page .banner-wolf h2 span, .cr-page .bg-blue .banner-1 h2{
        font-size: 36px;
        line-height: 38px;
    }
    .home .carousel-item{
        height: 610px;
    }
    .list-group div, .navbar-header .nav li a {
        font-size: 16px;
    }
    .cr-page.home .carousel-inner .banner-2 h2{
        font-size: 36px;
        line-height: 42px;
    }
    .sm-mobile-center{
        text-align: center !important;
    }
    .sm-mobile-center, .sm-mobile-center .text-left, .sm-mobile-center.text-right{
        text-align: center !important;
    }
    .sm-mobile-center.pull-right, .sm-mobile-center .pull-left, .sm-mobile-center.pull-left{
        float: none !important;
    }
    #data_plans .row.bundle {
        display: flex;
        flex-wrap: nowrap;
        justify-content: start;
    }
    .border-column h2{
        font-size: 40px !important;
        line-height: 36px !important;
        text-transform: uppercase;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .pt-sm-5{
        padding-top: 3rem!important;
    }
    .pb-sm-5{
        padding-bottom: 3rem!important;
    }
    .py-sm-5{
        padding-top: 3rem!important;
        padding-bottom: 3rem!important;
    }
    .py-sm-3{
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }
    .px-md-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .px-md-0 {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
    }
    .container{
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100% !important;
    }
    #devices .col-xl-4{
        padding:30px 0;
    }
    .home .banner {
        height: auto !important;
    }
    .banner{
        height: 180px !important
    }
    .post-497 .banner, .post-855 .banner, .post-975 .banner {
        background: url(/wp-content/uploads/2021/05/media.jpg) no-repeat 100% 100%;
        background-size: cover;
        height: 180px !important;
    }
    .page-template-template-banner .post-497 .banner h1, .post-855 .banner h1 {
        margin-top: 0;
    }
    #footer {
        text-align: center;
    }
    .nav-tabs li a.active:after {
        content: "";
        border-color: transparent transparent #fff;
        border-width: 0 35px 25px;
        border-style: solid;
        width: 0;
        height: 0;
        position: absolute;
        bottom: -10px;
        line-height: 0;
        left: auto;
        margin-left: -100px;
        z-index: 1;
    }
    #voicemail .nav-tabs li a.active:after{
        left: 50%;
        margin-left: -40px;
    }
    #imei_submit{
        width: 100%;
    }
    .d-xs-none{
        display: none;
    }
    .jumbotron h1, .h1, .bg-brand h1, .page-template-template-banner .banner header h1 {
        text-transform: uppercase;
        font-size: 70px;
        line-height: 60px;
    }
    .home h2{
        font-size: 70px;
        line-height: 60px;
    }
    .cr-page .jumbotron h1, .cr-page .h1, .cr-page .bg-brand h1, .cr-page.page-template-template-banner .banner header h1 {
        text-transform: uppercase;
        font-size: 68px;
        line-height: 72px;
    }
    #get_started {
        margin-bottom: 30px !important;
    }
    .cr-page .home h2{
        font-size: 68px;
        line-height: 72px;
    }
    .mb-sm-4{
        margin-bottom: 30px;
    }
    .cr-page .post-975 .banner h1{
        transform: translate(-50%, 0%);
    }
    .cr-page .nav-tabs li a.active:after{
        border-style: none;
    }
    .home .banner-controls {
        bottom: 10px;
    }
    #tos .tos-text ol {
        padding-inline-start: 20px !important;
    }
    #tos .tos-text ol ol, #tos .tos-text ol ol ul, #tos .tos-text ol ul ul{
        padding-inline-start: 10px !important;
    }
    .overlay-hover p {
        width: 80%;
    }
    #media .bg-navy, .bg-support {
        border-radius: 0 !important;
    }
    #homeCarousel .banner-intern {
        background: url(/wp-content/uploads/2023/07/Intern-Mobile-bg.jpg) no-repeat 0% 80%;
        background-size: cover;
        height: 100%;
    }
    .banner-friends h3, .banner-orchard h3 {
        display: inline;
    }
    .cr-page .banner-friends h2 {
        font-size: 34px !important;
        line-height: 40px !important;
    }
    .cr-page .banner-friends h3 {
        font-size: 22px !important;
    }
    .en-page .banner-vday .pink-border .text-pink, .cr-page .banner-vday .pink-border .text-pink {
        font-size: 4.5rem !important;
        line-height: 3.5rem !important;
    }
    .bg-waves .row {
        padding-top: 6rem;
    }
    #mobile_plans .col-lg-3, #data_plans .col-lg-3 {
        width: 80%;
    }
    .custom-toggler:not(.collapsed) {
        left: 10px;
    }
    .panel-group .btn:not(.swipe) {
        line-height: 24px;
    }
    #csp_info h4, #csp_info p,  #csp_info_fr h4, #csp_info_fr p  {
        text-align: center;
    }
    #csp_info h4, #csp_info_fr h4 {
        margin-top: 20px !important;
    }
    #csp_info h4, #csp_info #contactPlace, #csp_info #contactEmail + p,
    #csp_info_fr h4, #csp_info_fr #contactPlace, #csp_info_fr #contactEmail + p{
        margin-bottom: 20px !important;
    }
    #csp_info, #csp_info_fr {
        border-top: 4px solid #003648 !important;
    }
    #data_plans .scroll-tip {
        display: block !important;
    }
}
@media (min-width: 620px) and (max-width: 991px) {
    .holly-left {
        position: absolute;
        z-index: 0;
        top:0;
        left: -10%;
        height: 60%;
    }
    .holly-right {
        position: absolute;
        z-index: 0;
        bottom: 0;
        right: -10%;
        height: 60%;
    }
}
@media (min-width: 577px) {
    .home .banner .jumbotron {
        padding: 3.5rem 2rem;
    }
    .carousel-control-prev img, .carousel-control-next img{
        width: 25px;
    }
}
@media (max-width: 576px) {
    #family .card{
        min-height: 220px !important;
    }
    .banner-controls {
        margin-left: 5%;
    }
    .banner-intern h2 {
        font-size: 60px !important;
        line-height: 66px !important;
    }
    .fr-page .rate-plans .price, .cr-page .rate-plans .price{
        font-size: 60px !important;
        line-height: 110px !important;
    }
    .sm-line-break{
        display: block;
    }
    .page-id-825 .multi-line{
        clear: both;
        display: block;
    }
    .nav-tabs li a.active:after{
        display: none;
    }
    .relative .btn, .dropdown .btn, .btn-group .btn, .btns-group .btn{
        font-size: 1.2rem;
    }
    .rate-plans .dont-collapse-sm + .container .btn-group{
        margin-top: 15px;
    }
    .px-xs-0{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem!important;
    }
    .mb-xs-4{
        margin-bottom: 25px;
    }
    .page-template-template-banner .post-497 .banner h1 {
        transform: translate(-50%, 70%);
        font-size: 70px;
    }
    .post-497 .banner, .post-855 .banner {
        background: url(/wp-content/uploads/2021/05/media.jpg) no-repeat 30% 100%;
        background-size: cover;
    }
    .navbar-inverse{
        padding: 0 15px;
    }
    .fr-page .navbar-header .nav li a, .cr-page .navbar-header .nav li a {
        font-size: 14px;
    }
    .jumbotron h1, .h1 {
        text-transform: uppercase;
        font-size: 50px !important;
        line-height: 50px !important;
    }
    .callout p {
        color: #fff;
        text-transform: uppercase;
        font-size: 50px !important;
        line-height: 50px !important;
    }
    .home h2{
        font-size: 50px;
        line-height: 42px;
    }
    .home.en-page .carousel-inner h2, .en-page .banner-wolf h2 span, .cr-page .banner-wolf h2, .cr-page .banner-wolf h2 span, .cr-page .bg-blue .banner-1 h2{
        font-size: 42px;
        line-height: 44px;
    }
    .home.fr-page .carousel-inner h2, .fr-page .banner-wolf h2, .fr-page .banner-wolf h2 span{
        font-size: 36px;
        line-height: 38px;
    }
    .home p.din-condensed-medium{
        font-size: 24px !important;
        line-height: 26px !important;
    }
    .jumbotron h2, .border-column h2, .tos h3 {
        font-size: 4em;
        line-height: 1em;
        text-transform: uppercase;
    }
    .carousel-control-next, .carousel-control-prev{
        width: 15%;
    }
    .carousel-control-next img, .carousel-control-prev img{
        width: 20px;
    }
    #menu-topbar-1, #menu-topbar_fr-1, #menu-topbar_cr-1 {
        float: left;
        margin-left: 15px;
        margin-top: 20px;
        margin-bottom: 50px !important;
    }
    .menu .btn{
        margin: -22px -8px;
    }
    .en-page #devices .btns-group .btn {
        min-width: auto !important;
        width: 40%;
    }
    #devices img + p, p.din-condensed-light.text-light-green {
        font-size: 46px;
        line-height: 44px;
    }
    p.din-condensed-medium.text-light-green {
        font-size: 38px;
        line-height: 36px;
    }
    #rates p.price{
        font-size: 80px !important;
        line-height: 90px !important;
    }
    .banner{
        background-size: cover;
    }
    .d-sm-none {
        display: none !important;
    }
    .col-xs-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xs-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xs-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xs-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xs-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xs-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xs-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xs-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xs-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xs-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xs-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xs-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mt-xs-4 {
        margin-top: 20px;
    }
    .m-xs-0 {
        margin: 0 !important;
    }
    .mt-xs-0,
    .my-xs-0 {
        margin-top: 0 !important;
    }
    .mr-xs-0,
    .mx-xs-0 {
        margin-right: 0 !important;
    }
    .mb-xs-0,
    .my-xs-0 {
        margin-bottom: 0 !important;
    }
    .ml-xs-0,
    .mx-xs-0 {
        margin-left: 0 !important;
    }
    .m-xs-1 {
        margin: 0.25rem !important;
    }
    .mt-xs-1,
    .my-xs-1 {
        margin-top: 0.25rem !important;
    }
    .mr-xs-1,
    .mx-xs-1 {
        margin-right: 0.25rem !important;
    }
    .mb-xs-1,
    .my-xs-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-xs-1,
    .mx-xs-1 {
        margin-left: 0.25rem !important;
    }
    .m-xs-2 {
        margin: 0.5rem !important;
    }
    .mt-xs-2,
    .my-xs-2 {
        margin-top: 0.5rem !important;
    }
    .mr-xs-2,
    .mx-xs-2 {
        margin-right: 0.5rem !important;
    }
    .mb-xs-2,
    .my-xs-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-xs-2,
    .mx-xs-2 {
        margin-left: 0.5rem !important;
    }
    .m-xs-3 {
        margin: 1rem !important;
    }
    .mt-xs-3,
    .my-xs-3 {
        margin-top: 1rem !important;
    }
    .mr-xs-3,
    .mx-xs-3 {
        margin-right: 1rem !important;
    }
    .mb-xs-3,
    .my-xs-3 {
        margin-bottom: 1rem !important;
    }
    .ml-xs-3,
    .mx-xs-3 {
        margin-left: 1rem !important;
    }
    .m-xs-4 {
        margin: 1.5rem !important;
    }
    .mt-xs-4,
    .my-xs-4 {
        margin-top: 1.5rem !important;
    }
    .mr-xs-4,
    .mx-xs-4 {
        margin-right: 1.5rem !important;
    }
    .mb-xs-4,
    .my-xs-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-xs-4,
    .mx-xs-4 {
        margin-left: 1.5rem !important;
    }
    .m-xs-5 {
        margin: 3rem !important;
    }
    .mt-xs-5,
    .my-xs-5 {
        margin-top: 3rem !important;
    }
    .mr-xs-5,
    .mx-xs-5 {
        margin-right: 3rem !important;
    }
    .mb-xs-5,
    .my-xs-5 {
        margin-bottom: 3rem !important;
    }
    .ml-xs-5,
    .mx-xs-5 {
        margin-left: 3rem !important;
    }
    .p-xs-0 {
        padding: 0 !important;
    }
    .pt-xs-0,
    .py-xs-0 {
        padding-top: 0 !important;
    }
    .pr-xs-0,
    .px-xs-0 {
        padding-right: 0 !important;
    }
    .pb-xs-0,
    .py-xs-0 {
        padding-bottom: 0 !important;
    }
    .pl-xs-0,
    .px-xs-0 {
        padding-left: 0 !important;
    }
    .p-xs-1 {
        padding: 0.25rem !important;
    }
    .pt-xs-1,
    .py-xs-1 {
        padding-top: 0.25rem !important;
    }
    .pr-xs-1,
    .px-xs-1 {
        padding-right: 0.25rem !important;
    }
    .pb-xs-1,
    .py-xs-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-xs-1,
    .px-xs-1 {
        padding-left: 0.25rem !important;
    }
    .p-xs-2 {
        padding: 0.5rem !important;
    }
    .pt-xs-2,
    .py-xs-2 {
        padding-top: 0.5rem !important;
    }
    .pr-xs-2,
    .px-xs-2 {
        padding-right: 0.5rem !important;
    }
    .pb-xs-2,
    .py-xs-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-xs-2,
    .px-xs-2 {
        padding-left: 0.5rem !important;
    }
    .p-xs-3 {
        padding: 1rem !important;
    }
    .pt-xs-3,
    .py-xs-3 {
        padding-top: 1rem !important;
    }
    .pr-xs-3,
    .px-xs-3 {
        padding-right: 1rem !important;
    }
    .pb-xs-3,
    .py-xs-3 {
        padding-bottom: 1rem !important;
    }
    .pl-xs-3,
    .px-xs-3 {
        padding-left: 1rem !important;
    }
    .p-xs-4 {
        padding: 1.5rem !important;
    }
    .pt-xs-4,
    .py-xs-4 {
        padding-top: 1.5rem !important;
    }
    .pr-xs-4,
    .px-xs-4 {
        padding-right: 1.5rem !important;
    }
    .pb-xs-4,
    .py-xs-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-xs-4,
    .px-xs-4 {
        padding-left: 1.5rem !important;
    }
    .p-xs-5 {
        padding: 3rem !important;
    }
    .pt-xs-5,
    .py-xs-5 {
        padding-top: 3rem !important;
    }
    .pr-xs-5,
    .px-xs-5 {
        padding-right: 3rem !important;
    }
    .pb-xs-5,
    .py-xs-5 {
        padding-bottom: 3rem !important;
    }
    .pl-xs-5,
    .px-xs-5 {
        padding-left: 3rem !important;
    }
    .m-xs-n1 {
        margin: -0.25rem !important;
    }
    .mt-xs-n1,
    .my-xs-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-xs-n1,
    .mx-xs-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-xs-n1,
    .my-xs-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-xs-n1,
    .mx-xs-n1 {
        margin-left: -0.25rem !important;
    }
    .m-xs-n2 {
        margin: -0.5rem !important;
    }
    .mt-xs-n2,
    .my-xs-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-xs-n2,
    .mx-xs-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-xs-n2,
    .my-xs-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-xs-n2,
    .mx-xs-n2 {
        margin-left: -0.5rem !important;
    }
    .m-xs-n3 {
        margin: -1rem !important;
    }
    .mt-xsn3,
    .my-xs-n3 {
        margin-top: -1rem !important;
    }
    .mr-xs-n3,
    .mx-xs-n3 {
        margin-right: -1rem !important;
    }
    .mb-xs-n3,
    .my-xs-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-xs-n3,
    .mx-xs-n3 {
        margin-left: -1rem !important;
    }
    .m-xs-n4 {
        margin: -1.5rem !important;
    }
    .mt-xs-n4,
    .my-xs-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-xs-n4,
    .mx-xs-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-xs-n4,
    .my-xs-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-xs-n4,
    .mx-xs-n4 {
        margin-left: -1.5rem !important;
    }
    .m-xs-n5 {
        margin: -3rem !important;
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
    .badge-outage {
        font-size: 18px;
        padding: 8px 8px 6px;
    }
    .navbar .navbar-brand + a {
        z-index: 800;
    }
    #toggleCarousel {
        padding: 1px 5px;
    }
    .promo-text {
        width: 1000px;
        margin: auto;
    }
    .santa {
        position: absolute;
        top: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 150px;
    }
    .presents {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 180px;
    }
    #homeCarousel .banner-orchard {
        height: 120%;
        background-position: 0 -30px;
    }
    .fr-page .xmas-promo .promo-container {
        max-width: 300px;
        margin: auto;
    }
    .banner-vday .pink-border, .banner-vday .justify-content-between {
        width: 80% !important;
        margin: auto;
    }
    .banner-vday p {
        margin-top: 15px;
        font-size: 14px !important;
        line-height: 16px !important;
    }
    .bg-sunrise h2 {
        font-size: 50px;
        line-height: 46px;
    }
    #footer .bg-yellow a {
        display:block !important;
    }
    #mobile_plans .col-lg-3, #data_plans .col-lg-3 {
        width: 80%;
        max-width: none !important;
    }
    .cr-page #mobile_plans .col-lg-3 {
        width: 80%;
        max-width: none !important;
    }
    .menu-item-445 a {
        width: auto;
    }
    li, .card-header, .dropdown-menu .dropdown-item {
        font-size: 20px;
        line-height: 22px;
        color: #000;
    }
    #navbarSlideout li {
        font-size: 26px;
        line-height: 38px;
    }
    #highway h2 span {
        font-size: 34pt;
        line-height: 36pt;
        text-transform: uppercase !important;
    }
    #highway h2 {
        font-size: 34pt;
        line-height: 36pt;
        text-transform: none;
    }
    #orchard h2 {
        font-size: 30pt;
        line-height: 32pt;
        text-transform: none !important;
    }
    #media .nav-pills li {
        display: block;
        width: 100%;
        margin: 10px;
    }
    .panel-group a .badge {
        margin: 0 !important;
        height: 34px;
        line-height: 20px;
    }
    .panel-group .card a {
        align-items: start !important;
    }
    .panel-group .question {
        padding: 0 5px;
    }
    #started .dropdown-toggle + .dropdown-menu {
        width:100%;
    }
}
@media (max-width: 460px) {
    #mobile_plans .col-lg-3, #data_plans .col-lg-3 {
        width: 110%;
        max-width: none !important;
    }
    .fr-page #rates p.price, .cr-page #rates p.price {
        font-size: 60px !important;
        line-height: 60px !important;
    }
    .center-logo {
        margin-left: 1.5rem !important;
    }
    p span.badge {
        font-size: 1em;
    }
    #navbarSlideout li {
        font-size: 22px;
        line-height: 38px;
    }
}
@media (max-width: 375px){
    .fr-page #get_started button{
        font-size: 16px;
    }
    .cr-page #get_started button{
        white-space: initial;
    }
    .jumbotron h1, .h1 {
        color: #000;
        text-transform: uppercase;
        font-size: 50px;
        line-height: 44px;
    }
    .callout p {
        color: #fff;
        text-transform: uppercase;
        font-size: 40px !important;
        line-height: 50px !important;
    }
    #rates p.price{
        font-size: 60px !important;
        line-height: 70px !important;
    }
    .bg-blue p.text-green, .bg-green p.text-white {
        font-size: 20px;
        line-height: 20px;
    }
    .banner-controls{
        right: auto;
        left: 60%;
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%);
        bottom: 10px;
    }
    #homeCarousel .carousel-item.bg-grey {
        background: none !important;
        background-size: cover;
    }
    #mobile_plans .col-lg-3, #data_plans .col-lg-3 {
        width: 110%;
        max-width: none !important;
    }
    #faq a img {
        width: 20px !important;
    }
    #navbarSlideout li {
        font-size: 20px;
        line-height: 30px;
    }
    p span.badge {
        font-size: 1em;
    }
}

@media (max-width: 320px) {
    .navbar-header .nav li a{
        font-size: 12px;
    }
    .jumbotron .bg-waves h1 {
        font-size: 100px !important;
        line-height: 80px !important;
    }
    .jumbotron .bg-waves h2 {
        font-size: 60px;
        line-height: 60px;
    }
    .jumbotron .bg-waves p.price {
        font-size: 10rem !important;
    }
    .jumbotron .bg-waves p.din-condensed-light {
        font-size: 50px;
        line-height: 50px;
    }
    .center-logo {
        margin-left: 1rem !important;
    }
    .logo img, .logo .logo-overlay img {
        width: 160px;
        margin-left:4%;
    }
    li, .card-header, .dropdown-menu .dropdown-item {
        font-size: 18px;
    }
    .bg-waves .row {
        padding-top: 4rem;
    }
    p.price{
        font-size: 60px !important;
        line-height: 70px !important;
    }
    .col-xs-1 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-xs-2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-xs-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-xs-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-xs-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-xs-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    ul .list-group-item .col-xs-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    ul .list-group-item .col-xs-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    ul .list-group-item .col-xs-8 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xs-7 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-xs-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-xs-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-xs-10 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-xs-11 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-xs-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #footer li a.text-underline{
        font-size: 20px;
    }
}