:root{
    --ci1: #7E27A9;
    --ci2:#FFD401;
    --ci3:#F8F8F8;
}
.text-primary{color:var(--ci1)!important;}
.text-secondary{color:var(--ci2)!important;}
a {color: var(--ci1); text-decoration: none;}
a:hover {color: var(--ci1); text-decoration: underline;}
.h1, h1 {font-size: 2rem!important;}
h1.p-header {
    font-size: 2rem!important;
    font-weight: 700!important;
}
html,body{
    background-color:var(--ci3)!important;
    /*font-family: 'Helvetica Neue', sans-serif!important;
    font-weight: 300!important;*/
    color:#4D4D4F;
}
/*begin::header*/
header{
       max-width: 1140px!important;
       margin-bottom: 78px!important;
   }
header  .navbar:before{
    width:100%;
    height: 62px;
    background-image: url('/profiles/web/images/new/top-bar.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--ci1);
    position: relative;
    margin: 0 auto 30px auto !important;
    display:block;
    content:'';
    max-width: 1140px;
    border-radius: 20px 20px 0 0;
}
header .navbar{
    flex-flow: column!important;
    background: var(--ci3)!important;
}
header .nav-item.active {
    background: var(--ci1)!important;
    color:#ffffff!important;
    border-radius: 32px!important;
}
header .nav-item.active:hover {
    color:#ffffff!important;
}

header .nav-item{
    background: transparent;
    color: var(--ci1)!important;
    border-radius: 32px!important;
    font-weight: 600;
}

header .nav-item:hover{
    background: var(--ci1)!important;
    color:#ffffff!important;
    border-radius: 32px!important;
}
header .nav-item:hover a{ color:#ffffff!important;}
.navbar-brand img{max-width: 172px!important;}

#navbar-menu .nav-link {
    padding: .6rem .8rem !important;
    /*min-width: 100px!important;*/
    text-align: center!important;
    margin: 0 10px!important;
    /*color: var(--ci1);*/
}
.navbar a.btn {
    background-color: transparent;
    color: var(--ci1);
    border-radius: 32px!important;
    padding: .6rem .8rem !important;
    min-width: 70px !important;
    text-align: center!important;
    margin: 0 10px!important;
    border: 0!important;
    font-weight: 600;
}
.navbar a.btn:hover {
    background: var(--ci1)!important;
    color:#ffffff!important;
}
.navbar a { color: var(--ci1);}
.navbar a:hover { color: #ffffff;}

.navbar a.btn-yellow{
    background: var(--ci2)!important;
    color:var(--ci1)!important;
}
.navbar a.btn-yellow:hover{
    background: var(--ci1)!important;
    color:#ffffff!important;
}
.navbar { box-shadow: none!important;}
.fa-bars::before {
    color: var(--ci1)!important;
}
#navbar-menu .navbar-nav:hover li a,
#navbar-menu .navbar-nav:hover li a:hover {
    opacity: 10!important;
}
/*end::header*/

/*begin:: footer*/
#footer{
    background: var(--ci1);
    border-radius: 32px;
    padding: 32px;
    font-size: 16px;
    font-weight: 400;
}
#footer .footer-logo{
    display: block;
    max-width: 225px;
}
#footer .copy-right{
    color:#ffffff;
    margin-top: 20px;
    display: block;
}
#footer ul{
    list-style-type: none!important;
    padding-left: 0!important;
    margin-left: 0!important;
}
#footer ul li a{
    color:#ffffff;
    text-decoration: none;
}
#footer ul li a:hover{
    text-decoration: underline;
}
#footer .stripe{
    background-image: url('/profiles/web/images/new/bottom-bar-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--ci1);
    height: 70px;
    margin: 40px -32px 60px -32px;
}
#footer .disclaimer{
    color:rgba(255,255,255,.5);
    font-size: 16px;
}

#footer .flex-gap > *:not(:last-child) {
    margin-right: 10px;
}

#footer hr{
    border-top: 1px solid #ffffff;
    border-bottom: 0 solid #ffffff;
    margin: 20px 0 12px 0;
}
footer { border:none!important;}
/*end:: footer*/

/*begin: giftcards*/
.gc-listing .gc-image-container {
    padding: 0!important;
}

.gc-listing .gc-image-container img{
    border-radius: 32px!important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px!important;
    display: block;
    width: 100%;
}
.gc-container .card{
    border-radius: 32px!important;
    border: 1px solid rgba(0, 0, 0, 0.10)!important;
    background: #ffffff!important;
}

.gc-listing .card-body {
    padding: 30px 20px!important;
}

.gc-container .gc-listing .card-body a{
    color: rgba(0, 0, 0, 0.50)!important;
}

.gc-listing a {
    color: #212529!important;
    font-weight: 700!important;
    text-decoration: none!important;
}
.gc-listing a:hover{
    color: var(--ci1)!important;
    text-decoration: none!important;
}
    /*begin: giftcards*/

/*begin:: headings*/
.gc-listing h4 {
   font-weight: 700!important;
}
.gc-tags-listing h5{
    font-weight: 700!important;
    color: #4D4D4F!important;
    font-size: 1.5rem!important;
}
/*end:: headings*/


/*begin:: sidebar*/
.gc-tags-listing .list-group-item {
    border:none!important;
    border-radius: 32px!important;
    margin-bottom: 15px!important;
    text-align: left!important;
    color: #4D4D4F!important;
    font-weight: 700;
    font-size: 1rem;
    padding: 13px 20px!important;
    display: block!important;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.gc-tags-listing .list-group-item:hover {
    color: #ffffff!important;
    background-color: var(--ci1)!important;
}
.gc-tags-listing .list-group-item i{
    display: none!important;
}
/*.gc-tags-listing  .list-group a:first-child,
.gc-tags-listing  .list-group a:first-child:hover{
background-color: var(--ci1)!important;
color:#ffffff!important;
}*/
/*end:: sidebar*/

/*begin:: home card 1 */
.home-card-1{
    border-radius: 32px;
    background-color: var(--ci2);
    color:var(--ci1);
    position: relative;
    min-height: 600px;
    width: 100%;
    max-width: 600px;
    border: 1px solid rgba(0, 0, 0, 0.10);
}
.home-card-1 .image{
    display: block;
    margin: 0;
    height: 228px;
    width: 100%;
    background-image: url('/profiles/web/images/new/home-card-1-bg.png');
    background-repeat: no-repeat;
    background-size: 89%;
    background-position: top center;
}
.home-card-1 .card-body{
  padding: 20px 50px 50px 50px;
  display: block;
  margin: 0 auto 0 auto;

}
.home-card-1 .card-body h2{
    font-size: 36px;
   color:var(--ci1);
   font-weight: bold;
   margin-bottom: 25px;
}
.home-card-1 .card-body p{
    color:var(--ci1);
}
/*end:: home card 1 */


/*begin:: home card 2 */
.home-card-2{
    border-radius: 32px;
    background-color: #ffffff;
    position: relative;
    min-height: 600px;
    width: 100%;
    max-width: 600px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.10);
   /* padding: 25px 50px 50px 50px;*/
    padding:25px 45px 50px 45px;
}
.home-card-2 .card-body .image{
    display: block;
    margin: 25px auto 25px auto;
    height: 165px;
    width: 100%;
    background-image: url('/profiles/web/images/new/home-card-2-logos.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.home-card-2 .card-body{
    /*padding:50px;*/
    display: block;
    margin:0 auto 0 auto;

}
.home-card-2 .card-body h2{
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 25px;
}
.home-card-2:after{
    content: '';
    height: 60px;
    position: absolute;
    background-image: url('/profiles/web/images/new/card-footer-bg.png');
    background-repeat: no-repeat;
    background-size: auto;
    bottom: 0;
    left: 0;
    right: 0;
}
/*end:: home card 2 */


/*begin:: custom space */
.space-50{
    display: block;
    position: relative;
    height: 50px;
}
.space-35{
    display: block;
    position: relative;
    height: 35px;
}
.space-35{
    display: block;
    position: relative;
    height: 25px;
}
/*end:: custom space */

/*begin: carousel slider*/
.carousel {
    height: 542px!important;
    border-radius: 32px!important;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px!important;
    overflow: hidden!important;
}
.carousel-item {
    height: 542px!important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 32px;
}

.carousel-inner .bg-1{
    background-image: url('/profiles/web/images/new/hero-1.png')!important;
}

.carousel-inner .bg-2{
    background-image: url('/profiles/web/images/new/hero-2.png')!important;
}

.carousel-indicators li {
    width: 15px!important;
    height: 15px!important;
    border-radius: 50%!important;
}

.carousel-inner .bg-3{
    background-image: url('/profiles/web/images/new/hero-3.png')!important;
}

.carousel-inner .carousel-caption{
    display: none!important;
}

@media screen and (max-width: 1199px) {
    .carousel { height: 400px !important;}
    .carousel-item { height: 400px!important;}
}

@media screen and (max-width: 991px) {
    .carousel { height: 400px !important;}
    .carousel-item { background-position: right center!important; }
}
/*end: carousel slider*/

/*begin: ecard*/
.ecard{
    border-radius: 32px;
    background-color: #ffffff;
    position: relative;
    min-height: 545px;
    width: 100%;
    max-width: 600px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.10);
    padding: 35px 50px 50px 50px;
}

.ecard h2{
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 25px;
}
/*begin: ecard*/

/*begin: ecard full width*/
.ecard_fw{
    border-radius: 32px;
    background-color: #ffffff;
    position: relative;
    min-height: 500px;
    width: 100%;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.10);
    padding: 35px 50px 50px 50px;
}

.ecard_fw h1{
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 25px;
}

.ecard_fw h2{
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 25px;
}
/*end: full width*/

/*begin:: promotions*/
._promotions{

}
._promotions .nav-tabs {
    border-bottom: none!important;
}
._promotions .nav-tabs .nav-link{
    margin-right:10px;
    margin-top: 8px;
    border: none!important;
    border-radius: 32px!important;
    background: #ffffff!important;
    color: inherit!important;
    font-weight: 600!important;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

._promotions .nav-tabs .nav-link:hover,
._promotions .nav-tabs .nav-link.active {
    background: var(--ci1)!important;
    color: #fff!important;
}
/*end:: promotions*/

/*begin:: login*/
._login{
    display: block;
    margin:auto;
    min-height: 440px!important;
}
._login h1{
    font-weight: bold!important;
    text-align: center!important;
    margin-bottom: 36px!important;
}
/*end:: login*/

/*begin:: input fields*/
.form-control, .form-control:focus {
    border-radius: 32px!important;
    border: 1px solid rgba(0, 0, 0, 0.10)!important;
    box-shadow: none!important;
}
/*end:: input fields*/

/*begin:: primary button overwrite*/
._btn-primary{
    background: var(--ci1)!important;
    color:#ffffff!important;
    border-radius: 32px!important;
    min-width: 180px!important;
    border:none!important;
}
._btn-primary:hover{
    background: var(--ci2)!important;
    color:var(--ci1) !important;
}

._btn-secondary{
    background: #ffffff!important;
    color:var(--ci1)!important;
    border-radius: 32px!important;
    min-width: 180px!important;
    border:none!important;
}
._btn-secondary:hover{
    background: var(--ci1)!important;
    color:#ffffff!important;
}

._btn-warning{
    background: var(--ci2)!important;
    color:var(--ci1)!important;
    border-radius: 32px!important;
    min-width: 180px!important;
    border:none!important;
}
._btn-warning:hover{
    background: var(--ci1)!important;
    color:#ffffff!important;
}

/*end:: primary button overwrite*/

/*begin faq */
._faq .card-header{
    border-radius: 32px!important;
    border: 1px solid rgba(0, 0, 0, 0.10)!important;
    color:#000000!important;
    padding: .98rem 1.25rem!important;
    background: url('/profiles/web/images/new/angle-right.png') no-repeat 95% center / auto!important;
}
._faq .card-header h6{font-weight: 700!important;}
._faq .card{
    border-radius: 32px!important;
    border: 1px solid rgba(0, 0, 0, 0.10)!important;
    background: #ffffff!important;
}
._faq .card a{
    position: relative;
    color:#000000;
    font-weight: 700!important;
}
._faq .card a:hover{
    text-decoration: none!important;
    color:var(--ci1)!important;
}

._textarea{ height: 100px!important; border-radius: 16px!important;}

div.kb-question-container a, div.kb-question-container a:hover{
    text-decoration: none!important;
}

/*end: faq*/

/*begin:: overwrite card buttons */
._purchase_buttons{
    border-radius: 32px!important;
    background-color: var(--ci1)!important;
    color:#ffffff!important;
    border: none!important;
}

._purchase_buttons:hover{
    background-color: var(--ci2)!important;
    color:var(--ci1)!important;
}

/*end:: overwrite card buttons */

/*begin:: shopping card*/
.cart-card {
    max-width: 100%!important;
    border-radius: 32px !important;
}
._shopping_card{}
._shopping_card .image{

}
._shopping_card .vendor p{
    padding-top: 35px!important;
}
._shopping_card .vendor a{
    color: rgba(0, 0, 0, 0.50)!important;
    font-size: 18px!important;
    font-style: normal!important;
    font-weight: 700!important;
    line-height: normal!important;
    text-decoration: none!important;
    text-align: left!important;
}
._shopping_card .quantity_price{
    font-size: 18px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: normal!important;
    padding-top: 35px;
}
._shopping_card .quantity{
    padding-top: 35px;
}
._shopping_card .total{
    font-size: 24px!important;
    font-weight: 600!important;
    padding-top: 26px;
    line-height: 14px;
}
._shopping_card .total span{
    display: block!important;
    margin: 0;
    color: rgba(0, 0, 0, 0.65)!important;
    font-size: 14px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: normal!important;
    margin-bottom: 5px!important;
}
._shopping_card .trash .btn{
background-color: transparent!important;
    border: none!important;
    padding-top: 35px;
}
._shopping_card .trash .btn .fas{
    color:#ed0006!important;
    font-size: 20px!important;
}
/*end:: shopping card*/


/*begin:: .product input group*/
.product .input-group > .input-group-append,
.product .input-group-prepend {
    border-radius: 50%!important;
    overflow: hidden!important;
    width: 50px!important;
    height: 50px!important;
    background: var(--ci1)!important;
    text-align: center!important;

}
.product .input-group > .input-group-append > .btn,
.product .input-group-prepend .btn{
    background:var(--ci1)!important;
    color:#ffffff!important;
    margin: auto!important;
    text-align: center!important;
    border: none!important;
}
.product .input-group > .input-group-prepend > .input-group-text{
    color:#ffffff!important;
    background:var(--ci1)!important;
    border:none!important;
}
/*end:: .product  input group*/

/*begin:: overwrite default form*/
.default-form {max-width: 100%!important;}
/*end:: overwrite default form*/

/*begin:: checkout*/
._checkout{
    border-radius: 32px;
    background-color: #ffffff;
    position: relative;
    min-height: 500px;
    width: 100%;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.10);
    padding: 35px 35px 35px 35px;
}
._checkout .right-column{
    border-radius: 32px!important;
    border: 1px solid rgba(0, 0, 0, 0.10)!important;
    background: #ffffff!important;
}
._checkout h3{
    color: rgba(0, 0, 0, 0.65)!important;
    font-size: 22px!important;
    font-style: normal!important;
    font-weight: 700!important;
    line-height: normal!important;
}

._checkout .card-header{
    display: none!important;
}
._checkout .card{
    border: none!important;
    padding:0!important;
}
._checkout .card-body{
    padding: 0!important;
}
._checkout .checkout-form input {
    max-width: 100%!important;
}
._checkout #gift-toggle{
   width: 100%!important;
}

._checkout .checkout-form input {
    max-width: 100%!important;
}

#step-pay .input-group {
    max-width: 100%!important;
    margin: 0 0 .7rem 0!important;
}

._checkout .add-border{
    border-left: 1px solid rgba(0, 0, 0, 0.10)!important;
}
._checkout .form-control{
    max-width: 100%!important;
    width: 100%!important;
}
._checkout table{ font-size: 14px!important;}
._checkout .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: var(--ci2)!important;
}
#step-pay .input-group > .input-group-append,
#step-pay .input-group-prepend {
    border-radius: 50%!important;
    overflow: hidden!important;
    width: 35px!important;
    height: 25px!important;
    background: transparent!important;
    margin-top: 15px!important;
    /*text-align: center!important;*/

}
.alert-terms{
    font-size: 14px!important;
}
#step-pay  .input-group > .input-group-prepend > .input-group-text {
    color: #ffffff !important;
    background: transparent!important;
    border: none !important;
}
#step-pay .input-group {
    max-width: 100% !important;
    margin: 0 0 .7rem 0 !important;
    padding: 0 20px!important;
    border-radius: 16px!important;
    border: 1px solid rgba(0, 0, 0, 0.10)!important;
    background: #FFF!important;
}
#step-pay .form-control{
    border: none!important;
    border-radius: 0!important;
    max-width: 89%!important;

}
#step-pay .pay-label-icon{ display: none}
#step-pay .pay-info{max-width: 100%!important;}

/*end:: checkout*/

/*begin:: featured giftcards*/
.gc-listing-featured{
    background-color: #c8a3db!important;
    border:1px solid #7E27A9!important;
    border-radius: 32px!important;
    padding: 10px 25px;
    margin-bottom: 35px;
}
.gc-listing-featured h4{
    color:#ffffff!important;
}
/*end:: featured giftcards*/


/*begin:: overwrite group item*/
.list-group-item-action {
    color: var(--ci1);
}
/*begin:: overwrite group item*/

/*begin:: my account*/
.my-account .card-header {
    background-color: var(--ci1)!important;
    border-bottom: 0px solid rgba(0,0,0,.125)!important;
    color:#ffffff!important;
}
/*end:: my account*/

/*begin: overwrite prepend text*/
.input-group > .input-group-prepend > .input-group-text{
    background: transparent!important;
    border: none!important;
}
/*end: overwrite prepend text*/


/*begin:: Video*/
.video-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 32px!important;
    height: auto;

}

.video-wrapper video {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 32px;
}
/*end:: Video*/

/*begin:: overwrite home-promo*/
.home-promo-banner img{
    border-radius: 32px!important;
    border: 1px solid rgba(0, 0, 0, 0.10) !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
/*end:: overwrite home-promo*/