﻿.header.header-inverse .header-nav .nav > li.dropdown.dropdown-hover.active > a,
.header.header-inverse .header-nav .nav > li.dropdown.dropdown-hover.active > a .caret {
    color: #ef7f1a;
}
.top-nav {
    background: #000d2d !important;
}
.footer {
    padding: 1.875rem 0;
    font-size: .8125rem;
    background: #000d2d !important;
    -webkit-box-shadow: inset 0 100px 80px -80px rgba(0, 13, 45, .7) !important;
    box-shadow: inset 0 100px 80px -80px rgba(0, 13, 45, .7) !important;
}
.footer-copyright {
    background: #e07113 !important;
    color:#fff !important
}

.footer-links li:hover i,
.footer-links li.active i,
.footer-links li:hover a,
.footer-links li.active a {
    color: #ef7f1a;
    text-decoration: none !important
}
.footer-links li i.fa-li {
    top: 0.282857em;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}



    /*----product-outer-bg----*/
    .bg-blue {
        background-color: #348fe2 !important;
        background-image: linear-gradient(180deg,#b0c248, #12b6ef);
    }

.promotion.bg-dark-purple {
    /* background-color: #f1f3f4!important; */
    background-image: linear-gradient(#64207f, #bd3583);
}
    .promotion.bg-dark-purple .promotion-title {
        color: #fff;
    }
    .promotion.bg-dark-purple .promotion-price {
        color: #fff;
    }
    .promotion.bg-dark-purple .fibre-plus-text {
        color: #fff;
    }
    .promotion.bg-dark-purple .promotion-btn {
        border: 1px solid white;
        color: black;
        background: white;
    }

.promotion.bg-silver-lighter {
    background-image: linear-gradient(#5a8456, #b2cd53);
}
.bg-blue .promotion-caption.dwp-powder-content .dyno-win-text > span {
    background-image: none !important;
}

.bg-black {
    background-color: #000 !important;
    background-image: linear-gradient(#176764, #75b730);
}
.promotion-lg.bg-orange {
    background-color: #000 !important;
    background-image: linear-gradient(#a75540, #ea9f48);
}

.promotion.promotion-lg.bg-orange .promotion-caption-inverse .promotion-desc {
    color: rgba(255, 255, 255, 1) !important;
}


.carousel .carousel-caption.Opportunity-slide .container {
    padding-left: 0;
    margin-left: 50px;
    margin-top: -1rem;
}
.carousel .carousel-caption.Shopping-slide .container {
    padding-right: 0;
    margin-right: 50px;
    margin-top: -1rem;
}

.carousel .carousel-caption.Opportunity-slide .subtitle,
.carousel .carousel-caption.Shopping-slide .subtitle {
    font-size: 1rem;
    color: #e07113;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: .75rem;
}
.carousel .carousel-caption.Opportunity-slide .title,
.carousel .carousel-caption.Shopping-slide .title {
    font-size: 3.35rem;
    margin: 0;
    color: #000d2d;
    font-weight: 600
}
.carousel .carousel-caption.Opportunity-slide p,
.carousel .carousel-caption.Shopping-slide p {
    margin-top: 1rem;
    font-size: 1.10rem;
    color: #000d2d;
}

.Opportunity-slide .m-b-15 {
    color: #000d2d;
}
.carousel .carousel-caption .btn {
    margin-top: .75rem;
}
    .carousel .carousel-caption .btn.sign-in {
        margin-right: 5px;
    }
      
    .carousel .carousel-caption .btn.sign-in {
        background-color: #000d2d;
    }

        .carousel .carousel-caption .btn.sign-in:hover {
            background-color: #e07113;
        }
.carousel .carousel-caption .btn.sign-up {
    background-color: #e07113;
}

    .carousel .carousel-caption .btn.sign-up:hover {
        background-color: #000d2d;
    }

    .carousel .carousel-caption .btn.sign-up-outline {
        background-color: transparent;
        border-color: #e07113 !important;
        border: 1px solid #e07113 !important;
        color:#e07113;
        line-height:1.1;
    }

        .carousel .carousel-caption .btn.sign-up-outline:hover {
            background-color: #000d2d;
            border-color: #000d2d !important;
            border: 1px solid #000d2d !important;
            color: #fff;
        }


.carousel .carousel-caption.Success-slide .container {
    padding-right: 0;
    margin-right: 50px
}
.carousel .carousel-caption.Success-slide .title {
    font-size: 3.35rem;
    margin: 0;
    color: #000d2d;
    font-weight: 600
    /* color: #fff;*/
}
.carousel .carousel-caption.Success-slide p {
    margin-top: 1rem;
    font-size: 1.10rem;
    color: #000d2d;
    /*color: #fff;*/
}

.carousel .carousel-caption.Happiness-slide .container {
    padding-left: 0;
    margin-left: 50px
}
.carousel .carousel-caption.Happiness-slide .title {
    font-size: 3.35rem;
    margin: 0;
    /*color: #e07113;*/
    color: #000d2d;
    font-weight: 600
    /*margin-top: -25px*/
}

.carousel .carousel-caption.Happiness-slide p {
    margin-top: 1rem;
    font-size: 1.10rem;
    /*color: #000d2d;*/
    color: #000d2d;
}
/*.carousel .carousel-caption.Happiness-slide .btn{margin-top:0}*/
    .carousel .carousel-caption.Happiness-slide .btn.sign-in{margin-right:5px}


/*----for-responsive-carousel----*/
@media(max-width: 767.98px) {
    .header .nav.pull-right .dropdown.dropdown-hover {
        width: 47px;
    }

    .header .nav.pull-right .dropdown.show .arrow:after,
    .header .nav.pull-right .dropdown.show .arrow:before {
        left: -37px !important;
        margin-left: 0;
    }
    .header .dropdown.show .dropdown-menu {
        display:block !important;
        top:52% !important
    }
    .header .navbar-collapse .dropdown-menu {
        border-bottom: 3px solid #ef7f1a;
    }

    .carousel .carousel-caption {
        padding-top: 1.5rem !important
    }

    .carousel .carousel-caption.carousel-caption-left {
        background: rgba(0, 0, 0, .5) !important;
    }
    .carousel .carousel-caption.carousel-caption-right {
        background: rgba(0, 0, 0, .5) !important;
    }
        .carousel .carousel-caption .subtitle {
            /*background: rgba(255,255,255,.5) !important;*/
            color: #fff !important;
            text-transform: inherit !important;
            font-size: .85rem !important
        }
        .carousel .carousel-caption .title {
            font-size: 1.7rem !important;
            color: #fff !important;
            /*background: rgba(0,0,0,.25) !important;*/
            display: inline-block
        }
        .carousel .carousel-caption p {
            font-size: .85rem !important;
            color: #fff !important;
            display: inline-block;
           /* background: rgba(0,0,0,.25) !important;*/
        }
        .carousel .carousel-caption.Shopping-slide p {
            margin-top: .5rem !important;
            margin-bottom: .5rem !important
        }
        .carousel .carousel-caption.Opportunity-slide p {
            margin-top: .5rem !important;
            margin-bottom: .5rem !important
        }


        .carousel .carousel-caption.Happiness-slide .container,
        .carousel .carousel-caption.Opportunity-slide .container {
            margin-left: 0
        }

    .carousel .carousel-caption .btn{margin-top:0 !important}

    .carousel .carousel-inner .carousel-item.Shopping-Img {
        background: url(../images/04-Slide-Cover-n.jpg) left 0 / cover no-repeat !important;
    }
    .carousel .carousel-inner .carousel-item.Opportunity-Img {
        background: url(../images/01-Slide-Cover-n.jpg) right 0 / cover no-repeat !important;
    }
    .carousel .carousel-inner .carousel-item.Success-Img {
        background: url(../images/02-Slide-Cover-n.jpg) left 0 / cover no-repeat !important;
    }
    .carousel .carousel-inner .carousel-item.Happiness-Img {
        background: url(../images/03-Slide-Cover-n.jpg) right 0 / cover no-repeat !important;
    }
}


   