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

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

/*ALERTS*/

.alertify {}

.alertify .ajs-dimmer {
    opacity: 0.9;
    z-index: 10200;
}

.alertify .ajs-modal {
    z-index: 10300;
}

.ajs-button {
    background: #f1f1f1;
    border: none;
    font-size: 0.9em;
}

.ajs-button.ajs-ok {
    background: #c00;
    color: #fff;
}

.ajs-header,
.ajs-commands {
    display: none;
}

.alertify .ajs-body .ajs-content {
    padding: 0px;
}

.alertify-notifier{
    width: 100%;
    left: 0;
}

.alertify-notifier .ajs-message {
    width: 100%;
    left:0;
    text-align: center;
    padding: 0.8em 1em !important;
    border-radius: 0em;
    font-size: 0.8em;
    bottom: 0;
    -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.alertify-notifier .ajs-message.ajs-error {
    background: #d7191f;
    color: #fff;
}

.alertify-notifier.ajs-center {
    left: 0;
    bottom: auto;
    font-size: 1.1em;
    text-align: center;
}

.alertify-notifier.ajs-left .ajs-success {
    color: #FFF;
    background: #1cab3e;
}

.alertify-notifier.ajs-top{
    top: -10px;
}

a:active,
a:focus,
a:hover {
    text-decoration: none !important;
}

a.hover, a.hover .text-muted{
    transition: all 0.2s ease;
}

a.hover:hover{
    color: #ec8d0d!important;
}

a.hover:hover .text-muted{
    color: #FFF!important;
}

.larger{
    font-size: 1.5em!important;
}

html,
body {
    height: 100%;
    border-top: 0px solid transparent;
    scroll-behavior: smooth;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    overflow-x: hidden;
    background-color: #202020;
    color: #FFF;
}

a {
    color: #EE8E0D;
}

header{
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    z-index: 10;
    position: relative;
}

.footer a {
    color: #FFF;
}

.footer {
    font-size: 0.8em;
}

a:hover,
a:active {
    color: #FFF;
}

.scroller {

padding: 4em 0;

min-height: 80vh;
}

#terms-and-conditions h2{
    color: #FFF!important;
    background: transparent!important;
}

.banner h1 {
    font-size: 3.2em;
}

.custom-control {
    padding-left: 0;
}

.custom-control-label {
    padding-left: 2.5rem;
}

.custom-control-label::before {
    top: .25rem;
    left: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    pointer-events: none;
    content: "";
    background-color: #404040;
    border: #707070 solid 1px;
}

.custom-control-input:checked~.custom-control-label::before {
    background: #EF8D00;
    border-color: #FFF
}

.custom-control-label::after {
    left: 0;
    width: 2rem;
    height: 2rem;
}

.bg-dark {
    background-color: #3A3A3A !important;
}

.bg-darker {
    background-color: #202020 !important;
}

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

.actionCard h5 span {
    font-size: 3em;
}

.actionCard img {
    height: 90px;
}

.actionCard.journeyCard {
    margin-top: -80px;
}

.actionCard.journeyCard h5 {
    font-size: 1.4em;
}

.actionCard.journeyCard img {
    width: auto;
}

.actionCard:hover {
    text-decoration: none;
}

.l-height-1 {
    line-height: 1;
}

.navbar {
    height: 80px;
    font-size: 1.2em;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar .navbar-brand .logo {
    width: auto;
    height: 28px;
}

.navbar {}

.navbar .navbar-collapse,
.navbar .navbar-nav {
    height: 100%;
}

.navbar .navbar-nav .nav-item {
    display: flex;
    align-items: center;
    position: relative;
}

.navbar .navbar-nav .nav-item .nav-link {
    padding: 0 2em;
    display: flex;
    align-items: center;
    height: 100%;
    color: rgba(255, 255, 255, .9);
    border-left: 2px solid transparent;
}

.dropdown-toggle::after {
    width: 8px;
    height: 14px;
    display: block;
    border: 0;
    background: url(/img/nav_arrow.svg) 100%;
    margin-left: 1em;
    transition: transform 0.2s ease;
}

.nav-item.show .dropdown-toggle::after,
.nav-item:hover .dropdown-toggle::after {
    transform: rotate(90deg)
}

.navbar-nav .dropdown-menu {
    margin-top: 0;
    border: 0;
    border-radius: 0;
    background: #464646;
    color: #FFF;
    border-bottom: 2px solid #EE8E0D;
    width: 100%;
    min-width: 0;
}

.navbar .navbar-nav .nav-item .dropdown-item {
    color: #FFF;
    padding: 0.4em 1em;
    font-size: 0.9em;
}

.navbar .navbar-nav .nav-item .dropdown-item:hover {
    background: rgba(0, 0, 0, 0.1);
}

.navbar .navbar-nav .nav-item.show,
.navbar .navbar-nav .nav-item:hover {
    background: #464646;
}

.navbar .navbar-nav .nav-item.button:hover {
    background: transparent;
}

.pattern {
    background-color: #ef8d00;
    background-image: url(/img/my_pattern.png);
}

.banner .row {
    height: 600px;
}

.banner .image {
    background-size: cover;
    background-position: center;
}

.chunk {
    font-family: 'ChunkFive';
}

.text-primary {
    color: #EC8D0D !important;
}

.hotSwiper, .dashSwiper {
    overflow: visible;
}

.hotSwiper .swiper-slide {
    opacity: 0.1;
    transform: scale(0.8);
    transition: all 0.2s ease;
    /* overflow: hidden; */
}

.hotSwiper .swiper-slide.swiper-slide-active {
    opacity: 1;
    transform: scale(1);
}

.hotSwiper .swiper-slide.swiper-slide-prev, .hotSwiper .swiper-slide.swiper-slide-next {
    opacity: 0.3;
}

.hotSwiper .swiper-button-next,
.hotSwiper .swiper-container-rtl .swiper-button-prev {
    right: -50px
}

.hotSwiper .swiper-button-prev,
.hotSwiper .swiper-container-rtl .swiper-button-next {
    left: -50px;
}

.swiper-button-next.outer,
    .swiper-container-rtl .swiper-button-prev.outer {
        right: -50px;
    }

    .swiper-button-prev.outer,
    .swiper-container-rtl .swiper-button-next.outer {
        left: -50px;
    }

.devicesSwiper {
    overflow: visible;
}

.devicesSwiper .swiper-button-next,
.devicesSwiper .swiper-container-rtl .swiper-button-prev {
    right: -50px
}

.devicesSwiper .swiper-button-prev,
.devicesSwiper .swiper-container-rtl .swiper-button-next {
    left: -50px;
}



/*Delivery*/
.deliveryProcess {
    padding: 3em 1em;
}

    .deliveryProcess table {
        width: 100%;
    }

    .deliveryProcess td {
        width: 20%;
        text-align: center;
        font-size: 11px;
        vertical-align: top;
    }

        .deliveryProcess td:before {
            background: url(/img/trackprocess-sprite.png) no-repeat center -60px;
            content: "";
            display: block;
            width: 100%;
            height: 20px;
        }

        .deliveryProcess td:nth-child(1):before {
            background-position: center -90px;
        }

        .deliveryProcess td:nth-child(5):before {
            background-position: center -150px;
        }

    .deliveryProcess.step2 td:nth-child(1):before {
        background-position: center -120px;
    }

    .deliveryProcess.step2 td:nth-child(2):before {
        background-position: center -30px;
    }

    .deliveryProcess.step3 td:nth-child(1):before {
        background-position: center -120px;
    }

    .deliveryProcess.step3 td:nth-child(2):before {
        background-position: center 0px;
    }

    .deliveryProcess.step3 td:nth-child(3):before {
        background-position: center -30px;
    }

    .deliveryProcess.step4 td:nth-child(1):before {
        background-position: center -120px;
    }

    .deliveryProcess.step4 td:nth-child(2):before {
        background-position: center 0px;
    }

    .deliveryProcess.step4 td:nth-child(3):before {
        background-position: center 0px;
    }

    .deliveryProcess.step4 td:nth-child(4):before {
        background-position: center -30px;
    }

    .deliveryProcess.step5 td:nth-child(1):before {
        background-position: center -120px;
    }

    .deliveryProcess.step5 td:nth-child(2):before {
        background-position: center 0px;
    }

    .deliveryProcess.step5 td:nth-child(3):before {
        background-position: center 0px;
    }

    .deliveryProcess.step5 td:nth-child(4):before {
        background-position: center 0px;
    }

    .deliveryProcess.step5 td:nth-child(5):before {
        background-position: center -180px;
    }

    .deliveryProcess td span {
        display: block;
        font-size: 10px;
        color: #aaa;
    }

    .deliveryProcess .deliveryVan {
        margin: 0 10% 0 6%;
        position: relative;
        height: 30px;
    }

        .deliveryProcess .deliveryVan img {
            position: absolute;
            left: -10%;
            opacity: 0;
            -webkit-transition: all 600ms cubic-bezier(0.895, 0.025, 0.435, 1); /* older webkit */
            -webkit-transition: all 600ms cubic-bezier(0.895, 0.025, 0.435, 1.240);
            -moz-transition: all 600ms cubic-bezier(0.895, 0.025, 0.435, 1.240);
            -o-transition: all 600ms cubic-bezier(0.895, 0.025, 0.435, 1.240);
            transition: all 600ms cubic-bezier(0.895, 0.025, 0.435, 1.240); /* custom */
        }

    .deliveryProcess.step1 img {
        left: 0%;
        opacity: 1;
    }

    .deliveryProcess.step2 img {
        left: 25%;
        opacity: 1;
    }

    .deliveryProcess.step3 img {
        left: 50%;
        opacity: 1;
    }

    .deliveryProcess.step4 img {
        left: 75%;
        opacity: 1;
    }

    .deliveryProcess.step5 img {
        left: 100%;
        opacity: 1;
    }

.dealCard {
    background: #FFF;
    font-size: 1.5em;
    position: relative;
    height: 100%;
    color: #222;
}

.dealCard.lte {
    background: #EE8E0D;
    font-size: 1.5em;
    position: relative;
}

.esim {
    color: #EE8E0D;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgb(0 123 255 / 25%);
}

.btn-secondary {

    background: rgb(0 0 0 / 23%);

    border: 0;

    border-radius: 100px;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {

    background-color: #464646;
}

.btn-dark,
.btn-primary {
    border-radius: 100px;
    border: 2px solid #EE8E0D;
    font-size: 1.1em;
    text-transform: none;
    letter-spacing: 0;
    padding-left: 2em;
    padding-right: 2em;
    background: #3a3a3a;
    font-weight: bold;
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #3a3a3a;
    border-color: #EE8E0D;
    opacity: 0.7;
    pointer-events: none;
    cursor: not-allowed;
}

.btn-dark.btn-lg {
    font-size: 1.4em;
    padding-left: 3em;
    padding-right: 3em;
}

.btn-group .btn {
    background: #3A3A3A;
    opacity: 0.6;
    border: 0;
    margin: 0 !important;
    color: #FFF;
    text-transform: uppercase;
    font-size: 1.1rem;
    height: calc(1.5em + 1rem + 2px);
    border-radius: 0;
    line-height: 1.9;
}

.btn-group .btn.active {
    opacity: 1;
}

.form-control {
    border: 0;
    background: #3A3A3A;
    color: #FFF;
    border-radius: 0;
    font-size: 1.1rem;
    padding: .575rem .75rem;
    height: calc(1.5em + 1rem + 2px);
}

.form-control:focus {
    color: #ffffff;
    background-color: #545454;
    box-shadow: 0 0 0 0.1rem rgb(236 141 13);
}

.form-control.error {
    box-shadow: 0 0 0 1px rgb(128 0 0);
}

.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus {
    background: #3A3A3A;
    color: #FFF;
    border: 0px solid #FFF;
    -webkit-text-fill-color: #FFF;
    -webkit-box-shadow: 0 0 0px 1000px #3A3A3A inset;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #3a3a3a;
    opacity: 0.8;
    color: #868686;
}

.form-group {
    position: relative;
}

.form-group label.error {
    position: absolute;
    top: calc(100% - 8px);
    right: 14px;
    margin: 0;
    font-size: 0.8em;
    background: #800000;
    padding: 0 0.5em;
    font-style: normal;
    color: #FFF;
    line-height: 1.2;
    max-width: 95%;
    text-align: right;
}

.dealCard.lte .btn-dark {
    border: 2px solid #FFF;
}

.dealCard .dealTitle {
    font-size: 2em;
    line-height: 1em;
    margin-top: 0.4em;
}

.dealCard .price {
    font-size: 2.8em;
    color: #EE8E0D;
    margin-top: 0.2em;
}

.dealCard.lte .price {
    color: #FFF;
}

.dealCard:after {
    content: "MOBILE";
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.9em;
    padding: 0.4em 1em;
    font-weight: bold;
    background: #9D9D9D;
    color: #FFF;
}

.dealCard.lte:after {
    content: "LTE";
    background: #FFFFFF;
    color: #464646;
}

.dealCard .btn.selectedButton {
    display: none;
}

.dealCard.selected .btn {
    display: none;
}

.dealCard.selected .btn.selectedButton {
    display: block;
}

h3.large {
    font-size: 3em;
}

.display-5{
    font-size: 3rem;
}

.display-6{
    font-size: 2.5rem;
}

p.reset {
    font-size: 1.2em;
}

blockquote {
    font-size: 1.2em;
    font-style: italic;
}

.megaFooter ul {
    padding: 1em 0;
    margin: 0;
}

.megaFooter ul li {
    list-style-type: none;
}

.megaFooter ul li a {
    color: #FFF;
    display: block;
    padding: 0.2em 0;
}

.testimonials .quoteIcon {
    width: 80px;
}

.footer .social {
    display: inline-block;
    padding: 0 0.5em;
}

.footer .social img {
    height: 20px;
    width: auto;
}

.testimonials .border-bottom {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.pageBanner {
    height: 300px;
    background-size: cover;
    background-position: center;
}

.largeLogo {
    width: 50%;
}

.f-size-normal {
    font-size: 1.2em;
}

.contentBanner h2 {
    /* font-size: 3.7em; */
    font-weight: bold;
}

.contentBanner h2.small {
    font-size: 3em;
    font-weight: bold;
}

.contentBanner h2 small {
    /* font-size: 0.7em; */
}

.contentBanner .btn-dark {
    border-color: #FFF !important;
}

.contentBanner p {
    /* max-width: 300px; */
}

.topup {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.topup:last-child {
    border-right: 0px solid rgba(255, 255, 255, 0.2);
}

.dark-angle {
    background: url(/img/top_angle.svg) no-repeat center right;
    background-size: cover;

}

.coverage-map-section .gm-style-iw-d::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}

.gm-style .gm-style-iw-t::after {
    background: #202020;
}

#faqs .card {
    background: #3A3A3A;
    border: 0;
    border-radius: 0;
    cursor: pointer;
}

#faqs .card:nth-child(odd) {
    background: #707070;
}

#faqs .card>a {
    padding: 1.2em 2em;
}

#faqs .card .card-header {
    background: transparent;
    border: 0;
    font-size: 0.8em;
    padding: 0;
}

#faqs .card .card-header h3 {
    font-size: 2em;
}

#faqs .card .card-body {
    padding: 1em 2em;
}

#faqs .card .card-body ul li {
    list-style-type: circle;
    padding-left: 0.5em;
    margin-left: 1.2em;
}

#faqs .card .card-body ol {
    padding-left: 0;
    margin-bottom: 0;
}

#faqs .card .card-body ol li {
    padding-left: 0.5em;
    margin-left: 1.2em;
}

#faqs .card .card-body p,
#faqs .card .card-body ul,
#faqs .card .card-body ul li {
    color: #FFF;
    border: 0;
}

#faqs .card .card-body p strong {
    color: #FFF;
}

.nav-pills .nav-link {
    border-radius: 100px;
    padding: 1em 3em;
    background: #464646;
    border: 2px solid;
    color: #FFF !important;
    font-weight: normal !important;
}

#faqs .card .card-body p a {
    color: #f29100;
}


#faqs .nav {
    box-shadow: 0 0 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / 10%);
}

.singleSwiper {
    overflow: visible;
}

.singleSwiper .swiper-slide {
    opacity: 0.3;
    transform: scale(0.8);
    transition: all 0.2s ease;
}

.singleSwiper .swiper-slide.swiper-slide-active {
    opacity: 1;
    transform: scale(1);
}

.singleSwiper .swiper-button-next,
.singleSwiper .swiper-container-rtl .swiper-button-prev {
    right: -50px
}

.singleSwiper .swiper-button-prev,
.singleSwiper .swiper-container-rtl .swiper-button-next {
    left: -50px;
}

@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }

    .navbar .nav-item:hover .nav-link {}

    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
        min-width: 200px;
    }
}


#chooseDeal {
    position: relative;
}

.optionGate {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(32 32 32 / 98%);
    z-index: 999;
    text-align: center;
}

.optionGate h2 {
    font-size: 2em;
    max-width: 500px;
    font-weight: bold;
}

.actionCard {
    transition: all 0.2s ease;
    background: #464646;
    border: 2px solid #EE8E0D;
    border-radius: 200px;
    padding: 2em 2em 2em 4em;
}

.actionCard:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}

.testimonials,
.megaFooter {
    height: auto !important;
}

.contactForm {
    width: 75%;
}

.modal-content {

    border-radius: 0;

    background: #202020;

    border: 2px solid #000000;
}

.modal-header {

    border-bottom: 0px solid #dee2e6;

    padding: 0.5rem 1rem;
}

.modal-body {}

.modal-footer {

    border-top: 0px solid #dee2e6;
}

.modal-header .close {

    color: #FFF;

    text-shadow: 0 1px 0 #000;

    position: absolute;

    top: 10px;

    right: 10px;

    z-index: 10;
}

.orderSummary {

    font-size: 1.2em;

    font-weight: bold;
}

.orderSummary .cost,
.orderSummary .dealPrice {

    text-align: right;

    font-family: 'ChunkFive', sans-serif;

    font-size: 1.2em;

    font-weight: normal;
}

.orderSummary .totalPayment .cost {
    color: #ec8d0d;
}

.orderSummary td {

    border-color: rgb(255 255 255 / 8%);

    padding: 0.5rem;
}

.orderSummary td h5,
.orderSummary td p {
    margin: 0;
}

.orderSummary .totalPayment {

    font-size: 2em;
}

.optionItem h4 {
    margin: 0.5em 1em;
    font-size: 1.8em;
    font-weight: 700;
    color: #000;
}

.optionItem h4 small {
    display: block;
    font-size: 0.6em;
    color: #7F8693;
    margin-top: 0.3em;
    font-weight: normal;
}

.optionItem span {
    display: flex;
    align-items: center;
    padding: 1em;
    border-left: 1px solid #F0F0F0;
}



.swiper-slide {
    padding: 0 1em;
}

a.backLink {

    font-size: 0.8em;

    color: #FFF;

    opacity: 0.5;
}

a.backLinkmanage {
    font-size: 0.8em;
    color: #FFF;
    opacity: 0.5;
}

.iconImg {
    max-width: 25px;
    margin: 0 10px;
}

.optionItem:hover {
    text-decoration: none;
}

.optionItem .badge {
    position: absolute;
    top: -10%;
    right: 50%;
    transform: translateX(50%);
    background-color: #F7941D;
    color: #fff;
    font-size: 0.8em;
    font-weight: 300;
    padding-left: 1em;
    padding-right: 1em;
    line-height: 0.1;
    margin: 0;
    text-transform: uppercase;
}

.dealFUPWrap {
    display: flex;
    align-items: center;
    margin: -1em 0 6px 0;
    justify-content: flex-end;
    padding-right: 0.5em;
}

.dealFUPWrap .dealFUP {
    display: block;
    text-align: right;
    padding: 2px 8px;
    background: #FFF;
    border-radius: 0px 0px 3px 3px;
    font-size: 10px;
    color: #000;
    text-transform: uppercase;
}

.btn-dark:hover,
.btn-primary:hover {
    border-color: #FFF !important;
    color: #fff;
    background-color: #ec8d0d;
}

.btn-lg {
    font-size: 1.5em;
}

.addDeal .dealItem {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    color: rgb(255 255 255 / 70%);
    text-align: center;
    border: 1px dashed rgba(127, 134, 147, 0.5);
    margin-bottom: 1em;
    width: 100%;
    padding: 0.7em 1em;
}

.optionItem {
    background-color: #fff;
    border-radius: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
    text-decoration: none;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
    position: relative;
    cursor: pointer;
}

.btnGroup .btn.bgWhite.active,
.btnGroup .btn.bgWhite:active {
    background-color: #000;
    color: #fff;
    border-radius: .4em;
}

.cartFooter .cartRow.total {
    margin-top: 0;
    font-size: 2em;
    padding: 0.3em 10px;
    text-transform: uppercase;
}

.cartFooter .cartRow.total h4 {
    color: #ee8e0d;
}

.cartFooter .cartRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.3em 10px;
    border-bottom: 1px solid rgb(255 255 255 / 8%);
    font-size: 1.4em;
}

.cartFooter .cartRow h5,
.cartFooter .cartRow h4 {
    margin: 0;
}

.cartFooter .cartRow h4 {
    font-family: 'ChunkFive', sans-serif;
    font-size: 1.2em;
    font-weight: normal;
}

.cartFooter .cartRow h5 {
    font-size: 1em;
}

.checkoutNav .navItem {
    color: #FFF;
    pointer-events: none;
    font-size: 1.8em;
    opacity: 0.6;
}

.checkoutNav .navItem:after {
    content: '\e802';
    font-family: "meyou";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    opacity: .5;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .5em;
    font-size: 80%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FFF;
}

.checkoutNav .navItem:last-child:after {
    content: '';
    display: none !important;
}

.checkoutNav .navItem.active {
    color: #EE8E0D;
    opacity: 1;
}

.fileItem {}

.fileItem label {
    font-size: 1.5em;
    line-height: 1;
    margin: 0;
    border: 1px dashed rgba(127, 134, 147, 0.5);
    min-height: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.fileItem input {
    display: none;
}

.fileItem label small {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.fileItem small {
    display: block;
}

.nav-tabs {

    border: 0;
}

.nav-tabs .nav-link {

    border-radius: 0;

    border: 0;

    color: #ffffff;

    background-color: #3a3a3a;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {

    color: #ffffff;

    background-color: #ec8d0d;
}

#loader{
    display: flex;
}

.btn.loading{
    color: transparent;
    background-image: url(/img/loader.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center;
    pointer-events: none;
    opacity: 0.6;
    content: "Loading...";
    position: relative;
}

.dash .dealCard:after {
    display: none;
}

.tags span {
    display: block;
    margin-right: 0.5em;
    border-radius: 0;
    text-transform: uppercase;
    padding: 0.2em 0.5em;
    background: #000;
    color: #FFF;
    font-size: 0.6em;
}

.simsWrap .tags span.noRica {
    background: #a00a0a;
}

.tags span:last-child {
    margin-right: 0em;
}

.smaller{
    font-size: 60%
}

a.bg-dark.manageItem, a.bg-dark.manageItem .text-muted{
    transition: all 0.2s ease;
}

a.bg-dark.manageItem:hover{
    background: #ec8d0d!important;
}

a.bg-dark.manageItem:hover .text-muted{
    color: #FFF!important;
}

.progress{
    background-color: #3a3a3a;
}

.progress-bar{
    background-color: #ec8d0d;
}

.bg-primary{
    background-color: #ec8d0d!important;
}

#fixed-lte{
    position: relative;
    height: 100vh;
}

#fixed-lte .landingBanner, .coverage-map-section{
    height: 100%;
}

#fixed-lte .map-container{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#fixed-lte #map_canvas{
    width: 100%;
    height: 100%;
    margin: 0;
}

#fixed-lte .check-form{
    position: absolute;
    top: 10px;
    left: 50%;
    z-index: 100;
    transform: translateX(-50%);
    width: 100%;
    max-width: 500px;
}

.coverage-map-section .check-btn{
                white-space: nowrap;
                width: 100%;
                right: 0;
                height: auto;
            }
            
            .coverage-map-section .gm-style-iw{
                color: #FFF;
                border-radius: 0;
                background: #202020;
                padding: 2em 4em!important;
            }

.coverage-map-section .gm-style-iw-d {
}

.nowrap{
    white-space: nowrap;
}

.alert-danger{
    
background: #721c24;
    
color: #FFF;
    
border: 0;
    
border-radius: 0;
}

.cartIcon{
    position: relative
}

.cartCount{
    font-size: 0.6em;
    background: #FFF;
    color: #222;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% - 15px);
    right: calc(50% - 15px);
    font-weight: bold;
}

body[class*="checkout"] .cartIcon{
    display: none!important;
}

header.secondaryHeader{
    display: none!important;
    box-shadow: 0 0 0 rgb(0 0 0 / 50%);
}

body[class*="checkout"] header.primaryHeader{
    display: none!important;
}

body[class*="checkout"] header.secondaryHeader{
    display: flex!important;
}

#poper{
    border-radius: 0!important;
    background: rgba(0,0,0,0.8)!important;
}

#poper #msg{
    font-size: 13px;
    padding: 1em 0;
}

#cookie-btn{
    background-color: #ec8d0d!important;
}

#spopupCont{
    z-index: 3147483600;
    position: relative;
}

section.journey{
    transform: translate3d(0, 0, 1);
    position: relative;
    z-index: 1000;
}


/* RESPONSIVE */

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

    header.secondaryHeader .btn{
        font-size: 0.9em!important;
    }

    #poper{
        flex-direction: column!important;
        text-align: center;
    }
    #poper #msg{
        font-size: 11px;
    }

    #poper #btn{
        padding-bottom: 1em;
    }

    .scroller h1{
        font-size: 2rem;
    }

    .checkoutNav .navItem, .checkoutNav .navItem:after{
        display: none;
    }

    .checkoutNav .navItem.active{
        display: block;
    }

    .scroller{
        padding: 2em 0 4em;
    }

    .contact h4{
        font-size: 1.2em;
    }

    .display-2{
        font-size: 4rem;
    }

    .display-5{
        font-size: 2.2rem;
    }

    .f-size-normal {
        font-size: 1em;
    }

    .display-6{
        font-size: 1.8rem;
    }

    .banner h1 {
        font-size: 2.2em;
    }

.banner h3 {
    font-size: 1.5rem;
}

    .coverage-map-section .gm-style-iw {
        padding: 2em 1em !important;
    }

    #faqs .card>a {
        padding: 1em 1em;
    }

    #faqs h3 {
        font-size: 1.2em;
    }

    .contactForm {
        width: 100%;
        /* background: transparent !important; */
    }

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

    section {
        overflow: hidden;
    }

    .navbar {
        height: auto;
        padding: 0.5em 1em;
    }

    .navbar .navbar-nav .nav-item .nav-link {
        padding: 0.5em 1em 0.5em 1em;
        font-size: 1.5em;
        justify-content: space-between;
        width: 100%;
    }

    .navbar .navbar-nav .nav-item {
        flex-direction: column;
    }

    .navbar .navbar-nav {
        height: auto;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .navbar-dark .navbar-toggler {
        border: 0;
    }

    .navbar-toggler:focus,
    .navbar-toggler:hover {
        border: 0;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        outline: none;
    }

    .navbar .navbar-nav .nav-item.show,
    .navbar .navbar-nav .nav-item:hover {
        background: transparent;

    }

    .navbar .navbar-nav .nav-item.show .dropdown-toggle::after,
    .navbar .navbar-nav .nav-item:hover .dropdown-toggle::after {
        transform: rotate(0);
    }

    .navbar .navbar-nav .nav-item.show .dropdown-toggle::after{
        transform: rotate(90deg)!important;
    }

    .banner .row {
        height: auto;
    }

    .banner .image {
        background-size: 120%;
        height: 200px;
    }

    .navbar-nav .dropdown-menu{
        background: transparent;
        border: 0;
        border-left: 2px solid #EE8E0D;
        padding-left: 0.3em;
        font-size: 1.2em;
    }

    .navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        background-image: url(/img/close.svg);
        background-size: 20px 20px; 
    }

    .navbar .navbar-nav .nav-item.show .nav-link{
        border-left: 2px solid #EE8E0D;
    }

    header{
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
    }

    body{
        padding-top: 58px;
    }

    #fixed-lte .check-form{
        width: 90%;
        left: 5%;
        transform: translateX(0);
        top: 20px;
    }

.banner .content {
    flex-grow: 1;
}

    .actionCard.journeyCard {
        margin-top: 0px;
        margin-bottom: 2em;
        font-size: 0.9em;
    }

    .actionCard {
        margin-bottom: 1em;
        padding: 1em 1em 1em 2em;
    }

    .actionCard img {
        height: 60px;
    }

    .actionCard h5 {
        font-size: 1em;
    }

    .display-4 {
        font-size: 2.5rem;
    }

    .actionCard.journeyCard img {
        width: auto;
        height: 60px;
    }

    .actionCard.journeyCard h5 {
        font-size: 1em;
    }

    h3.large {
        font-size: 2em;
    }

    .display-3 {
        font-size: 3.5rem;
    }


    .hotSwiper .swiper-button-next,
    .hotSwiper .swiper-container-rtl .swiper-button-prev {
        right: -10px;
    }

    

    .hotSwiper .swiper-button-prev,
    .hotSwiper .swiper-container-rtl .swiper-button-next {
        left: -10px;
    }

    .swiper-button-next.outer,
    .swiper-container-rtl .swiper-button-prev.outer {
        right: -10px;
    }

    .swiper-button-prev.outer,
    .swiper-container-rtl .swiper-button-next.outer {
        left: -10px;
    }

    .singleSwiper .swiper-button-next,
    .singleSwiper .swiper-container-rtl .swiper-button-prev {
        right: -10px;
    }

    .singleSwiper .swiper-button-prev,
    .singleSwiper .swiper-container-rtl .swiper-button-next {
        left: -10px;
    }

    .devicesSwiper .swiper-button-next,
    .devicesSwiper .swiper-container-rtl .swiper-button-prev {
        right: -10px;
    }

    .devicesSwiper .swiper-button-prev,
    .devicesSwiper .swiper-container-rtl .swiper-button-next {
        left: -10px;
    }

    .devicesSwiper .deviceImage {
        max-width: 78%;
    }

    .dealCard {
        max-width: 90%;
        margin: 0 auto;
    }

    footer a {
        color: #FFF;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 20px;
        height: 37px;
        margin-top: -26px;
        background-size: 20px 37px;
    }

    .contentBanner h2 {
        /* font-size: 3.2em; */
        font-weight: bold;
    }

    .dark-angle {
        background-image: none;
    }
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .05;
}

#iframe{
    background: #FFF;
}

.dashSwiper .dealCard{
    min-height: 240px;
}

.form-control:-webkit-autofill:focus{
    color: #ffffff;
    background-color: #545454!important;
    border-color: #545454;
    box-shadow: 0 0 0 0.1rem rgb(236,141,13), 0 0 0px 1000px #3a3a3a inset;
}

#chooseDeal, #dealInfo{
    padding-bottom: 1em;
}

section.testimonials{
    display: none;
}

body.meyou section.testimonials, body.mobile section.testimonials, body.fixed-lte section.testimonials{
    display: block;
}

.swiper-slide{
    padding-bottom: 1em;
}

.hotSwiper .swiper-slide, .dashSwiper .swiper-slide{
    height: auto;
    align-self: stretch;
}

.hotSwiper .swiper-slide .dealCard, .dashSwiper .swiper-slide .dealCard{
    margin-bottom: 0!important;
    height: auto;
}

.hotSwiper .swiper-slide .dealCard {
    min-height: 407px;
}

#iframe{
    margin-top: 1em;
    margin-bottom: 1em;
}

.dashSwiper .swiper-slide .dealCard {
    height: 100%;
}

.dashSwiper .swiper-slide{
    opacity: 0.05;
    transition: opacity 0.8s ease;
}

.dashSwiper .swiper-slide.swiper-slide-prev, .dashSwiper .swiper-slide.swiper-slide-active, .dashSwiper .swiper-slide.swiper-slide-next{
    opacity: 1
}

@media all and (min-width: 767px) and (max-width: 1200px) {
    .navbar{
        font-size: 0.8em;
    }
    .navbar .navbar-nav .nav-item .nav-link h5{
        font-size: 1.3em;
    }

    .banner .image {
        background-size: 100%;
        height: 100%;
        background-repeat: no-repeat;
    }
    .banner .row {
        height: 290px;
    }
    .banner h1 {
        font-size: 2.2em;
    }
    .banner h3 {
        font-size: 1.5rem;
    }
    .actionCard.journeyCard {
        margin-top: 0px;
        margin-bottom: 0;
        font-size: 0.9em;
    }

    .btn-dark.btn-lg {
        font-size: 1em;
        padding-left: 1.5em;
        padding-right: 1.5em;
    }

    .singleSwiper .swiper-button-prev, .singleSwiper .swiper-container-rtl .swiper-button-next {
        left: -26px;
    }

    .singleSwiper .swiper-button-next, .singleSwiper .swiper-container-rtl .swiper-button-prev {
        right: -26px;
    }

    .singleSwiper .dealCard{
        max-width: 400px;
        margin: 0 auto;
    }

    .actionCard {
        margin-bottom: 1em;
        padding: 1em 1em 1em 2em;
    }

    .actionCard img {
        height: 60px;
    }

    .actionCard h5 {
        font-size: 1em;
    }

    .display-4 {
        font-size: 2.5rem;
    }

    .actionCard.journeyCard img {
        width: auto;
        height: 60px;
    }

    .actionCard.journeyCard h5 {
        font-size: 1em;
    }

    h3.large {
        font-size: 2em;
    }

    .display-3 {
        font-size: 3.5rem;
    }

    section, main {
        overflow: hidden;
    }

.display-2{
        font-size: 4rem;
    }

    .display-5{
        font-size: 2.2rem;
    }

    .f-size-normal {
        font-size: 1em;
    }

    .display-6{
        font-size: 1.8rem;
    }

    .navbar {
        height: auto;
        padding: 0.5em 1em;
    }

    .navbar .navbar-nav .nav-item .nav-link {
        padding: 0.5em 1em 0.5em 1em;
        font-size: 1.5em;
        justify-content: space-between;
        width: 100%;
    }

    .navbar .navbar-nav .nav-item {
        flex-direction: column;
    }

    .navbar .navbar-nav {
        height: auto;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .navbar-dark .navbar-toggler {
        border: 0;
    }

    .navbar-toggler:focus,
    .navbar-toggler:hover {
        border: 0;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        outline: none;
    }

    .navbar .navbar-nav .nav-item.show,
    .navbar .navbar-nav .nav-item:hover {
        background: transparent;

    }

    .navbar .navbar-nav .nav-item.show .dropdown-toggle::after,
    .navbar .navbar-nav .nav-item:hover .dropdown-toggle::after {
        transform: rotate(0);
    }

    .navbar .navbar-nav .nav-item.show .dropdown-toggle::after{
        transform: rotate(90deg)!important;
    }

    .navbar-nav .dropdown-menu{
        background: transparent;
        border: 0;
        border-left: 2px solid #EE8E0D;
        padding-left: 0.3em;
        font-size: 1.2em;
    }

    .navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        background-image: url(/img/close.svg);
        background-size: 20px 20px; 
    }

    .navbar .navbar-nav .nav-item.show .nav-link{
        border-left: 2px solid #EE8E0D;
    }

    header{
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
    }

    body{
        padding-top: 58px;
    }

    .contactForm {
        width: 100%;
        margin-top: 3em!important;
    }

    #fixed-lte {
        position: relative;
        height: 100vh;
        min-height: 700px;
    }

    .scroller {
        padding-top: 0;
    }
}

body.slimCheckout header, body.slimCheckout header.secondaryHeader, body.slimCheckout .megaFooter, body.slimCheckout footer, body.slimCheckout #spopupCont, body.slimCheckout .fc-widget-normal{
    display: none!important;
}

body.loader{
    background-image: url(/img/loader.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center;
}

@media only screen and (max-width: 767px) {
    body.slimCheckout{
        padding-top: 0em!important;
    }
}