*{box-sizing:border-box;outline:none;  font-family: "Poppins", sans-serif !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important}
a{color:#0e0e0e !important;transition:all .25s ease-in-out}
a[href] a:hover{color:#52524f !important}
p{margin:12px 0}
h1{font-size:1.7rem;line-height:2.1rem}
h2{font-size:1.4rem;line-height:1.9rem}
h3{font-size:1.4rem;line-height:1.4rem}
h4{font-size:1rem;line-height:1.4rem}
h5{font-size:.9rem}
h6{font-size:.8rem;margin:2px 0;font-weight:700}
br {margin-bottom: 12px;}
html,body,#root{min-height:100vh; scroll-behavior: smooth;}
#body-wrapper{display:flex;flex-direction:column;height:100%;min-height:100vh;position:relative}
#content-wrapper{flex:1 1 400px}
#top-container{max-width:1140px;margin:0 auto;position:relative}
.width-container{margin:0 auto;padding:12px;max-width:1164px}
.ButtonLink-wrapper.main-btn button{border-radius:80px;background-color:#3e3e3e;font-weight:700; padding: 12px 24px; border: none; color: #fff !important }
.ButtonLink-wrapper.main-btn button:hover{color: #fff !important; filter: brightness(1.1); }

.icon{width:16px;height:16px;display:inline-block}
.icon.icon-2{background:transparent url(/images/icons/icon-alert-2.svg) center center no-repeat;background-size:contain}
.icon.icon-3{background:transparent url(/images/icons/icon-alert-3.svg) center center no-repeat;background-size:contain}
.icon.icon-alert{background:transparent url(/images/icons/icon-alert.svg) center center no-repeat;background-size:contain}
.icon.icon-arrow-down{background:transparent url(/images/icons/icon-down.svg) center center no-repeat;background-size:contain}
.icon.icon-arrow-right{background:transparent url(/images/icons/icon-arrow-right.svg) center center no-repeat;background-size:contain}
.icon.icon-add{background:transparent url(/images/icons/icon-add.svg) center center no-repeat;background-size:contain}
.icon.icon-add-circle{background:transparent url(/images/icons/icon-add-circle.svg) center center no-repeat;background-size:contain}
.icon.icon-remove-circle,.icon.on-hover-icon-remove-circle:hover{background:transparent url(/images/icons/icon-remove-circle.svg) center center no-repeat;background-size:contain}
.icon.icon-add-black{background:transparent url(/images/icons/icon-add-black.svg) center center no-repeat;background-size:contain}
.icon.icon-bell{background:transparent url(/images/icons/icon-bell.svg) center center no-repeat;background-size:contain}
.icon.icon-back{background:transparent url(/images/icons/icon-back.svg) center center no-repeat;background-size:contain}
.icon.icon-next{background:transparent url(/images/icons/icon-back.svg) center center no-repeat;background-size:contain;-webkit-transform:scaleX(-1);transform:scaleX(-1)}
.icon.icon-clock{background:transparent url(/images/icons/icon-clock.svg) center center no-repeat;background-size:contain}
.icon.icon-check-circle{background:transparent url(/images/icons/icon-check-circle.svg) center center no-repeat;background-size:contain}
.icon.icon-close{background:transparent url(/images/icons/icon-close.svg) center center no-repeat;background-size:contain}
.icon.icon-credit-card{background:transparent url(/images/icons/icon-credit-card.svg) center center no-repeat;background-size:contain}
.icon.icon-dash{background:transparent url(/images/icons/icon-dash.svg) center center no-repeat;background-size:contain}
.icon.icon-desk{background:transparent url(/images/icons/icon-desk.svg) center center no-repeat;background-size:contain}
.icon.icon-download{background:transparent url(/images/icons/icon-download.svg) center center no-repeat;background-size:contain}
.icon.icon-doc-cog{background:transparent url(/images/icons/icon-doc-cog.svg) center center no-repeat;background-size:contain}
.icon.icon-doc{background:transparent url(/images/icons/icon-doc.svg) center center no-repeat;background-size:contain}
.icon.icon-docs{background:transparent url(/images/icons/icon-docs.svg) center center no-repeat;background-size:contain}
.icon.icon-email{background:transparent url(/images/icons/icon-email.svg) center center no-repeat;background-size:contain}
.icon.icon-ext{background:transparent url(/images/icons/icon-ext.svg) center center no-repeat;background-size:contain}
.icon.icon-edit{background:transparent url(/images/icons/icon-edit.svg) center center no-repeat;background-size:contain}
.icon.icon-faq{background:transparent url(/images/icons/icon-faq.svg) center center no-repeat;background-size:contain}
.icon.icon-filter{background:transparent url(/images/icons/icon-filter.svg) center center no-repeat;background-size:contain}
.icon.icon-hearth{background:transparent url(/images/icons/icon-hearth.svg) center center no-repeat;background-size:contain}
.icon.icon-podcast{background:transparent url(/images/icons/icon-podcast.svg) center center no-repeat;background-size:contain}
.icon.icon-home{background:transparent url(/images/icons/icon-home.svg) center center no-repeat;background-size:contain}
.icon.icon-invoice{background:transparent url(/images/icons/icon-invoice.svg) center center no-repeat;background-size:contain}
.icon.icon-list{background:transparent url(/images/icons/icon-list.svg) center center no-repeat;background-size:contain}
.icon.icon-logout{background:transparent url(/images/icons/icon-logout.svg) center center no-repeat;background-size:contain}
.icon.icon-mob{background:transparent url(/images/icons/icon-mob.svg) center center no-repeat;background-size:contain}
.icon.icon-order{background:transparent url(/images/icons/icon-order.svg) center center no-repeat;background-size:contain}
.icon.icon-right{background:transparent url(/images/icons/icon-right.svg) center center no-repeat;background-size:contain}
.icon.icon-up{background:transparent url(/images/icons/icon-up.svg) center center no-repeat;background-size:contain}
.icon.icon-trash{background:transparent url(/images/icons/icon-trash.svg) center center no-repeat;background-size:contain}
.icon.icon-phone{background:transparent url(/images/icons/icon-phone.svg) center center no-repeat;background-size:contain}
.icon.icon-podcast{background:transparent url(/images/icons/icon-podcast.svg) center center no-repeat;background-size:contain}
.icon.icon-user{background:transparent url(/images/icons/icon-user.svg) center center no-repeat;background-size:contain}
.icon.icon-tab{background:transparent url(/images/icons/icon-tab.svg) center center no-repeat;background-size:contain}
.icon.icon-clock{background:transparent url(/images/icons/icon-clock.svg) center center no-repeat;background-size:contain}
.icon.icon-check{background:transparent url(/images/icons/icon-check.svg) center center no-repeat;background-size:contain}
.icon.icon-check-grey{background:transparent url(/images/icons/icon-check-grey.svg) center center no-repeat;background-size:contain}
.icon.icon-check-circle{background:transparent url(/images/icons/icon-check-circle.svg) center center no-repeat;background-size:contain}
.icon.icon-close{background:transparent url(/images/icons/icon-close.svg) center center no-repeat;background-size:contain}
.icon.icon-back{background:transparent url(/images/icons/icon-back.svg) center center no-repeat;background-size:contain}
.icon.icon-info{position:relative}
.icon.icon-info:before{content:"i";font-size:14px;color:#fff;font-weight:400;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}
.icon.circle-icon{background-color:#52524f;border-radius:50%;padding:12px;background-size:10px 10px;cursor:pointer}
hr{border-color:#ececec;border-bottom:0;margin:3em 0}
.noScroll{overflow:hidden}
.centered{text-align:center}
.block{display:block}
.uppercase{text-transform:uppercase}
.pointer{cursor:pointer}

.SpoilerCard-wrapper{background:var(--lightcolor);padding:12px 12px 12px 52px;border-radius:10px;margin-bottom:12px;cursor:pointer}
.SpoilerCard-title h5{margin:8px 0}
.SpoilerCard-details{position:relative}
.SpoilerCard-details:before{content:"";position:absolute;left:-36px;top:14px;width:20px;height:20px;background-size:contain}
.Grid-wrapper{margin:24px 0}
.Grid-wrapper .Grid-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px}
.Grid-wrapper.col-1 .Grid-container{grid-template-columns:1fr}
.ButtonLink{display:block}
.main-btn,.ButtonLink button{border-radius:3px;font-weight:500;border:0px;text-transform:uppercase;font-size:80%;color:#fff;transition:all .5s ease-in;cursor:pointer}
.main-btn:hover,.ButtonLink button:hover{filter:brightness(1.2)}
.bigRedButton{color:#fff;font-size:14px;padding:8px 16px;text-transform:uppercase;border:0px none;border-radius:5px;cursor:pointer}
.bigRedButton:disabled,.inputfield:disabled{background-color:#cdcdcd}
#main-container{padding:0;margin:0;max-width:100%}
#main-container .NoticeManager-wrapper{display:none}
.mainContainer {width: 100%; padding: 0;}
.FamilyLanding-wrapper section{margin-bottom:12px;padding:12px 0;min-height:20vw;display:flex;flex-wrap:wrap;align-items:center;text-align:center; color: #000; font-size: 90%}
.FamilyLanding-wrapper section .section-container{padding:24px;flex:1 0 0}
.FamilyLanding-wrapper section .section-img{max-width:340px}
.FamilyLanding-wrapper section .FamilyLanding-btn {display: block; margin: 0 auto;width: 300px; }
.FamilyLanding-wrapper section .FamilyLanding-btn button{background-color:#eb7116!important;min-width:180px;border-radius:30px;font-weight:700;font-size:12px; width: 300px; margin-top: 24px;text-transform: uppercase; padding: 10px 24px;}
.FamilyLanding-wrapper section.offer-detail .FamilyLanding-btn button{margin-top: 0;}
.FamilyLanding-wrapper section.offer-detail{background:#f7f0e7;text-align:center}
.FamilyLanding-wrapper section.offer-detail .page-title {font-size: 34px; margin-bottom: 24px; line-height: 3.4rem; font-weight: 400;}
.FamilyLanding-wrapper section.offer-detail .description {line-height: 16px;}
.FamilyLanding-wrapper section.offer-detail .price-detail {margin: 24px 0; font-weight: 400; display:block;}
.FamilyLanding-wrapper section.offer-detail .price-detail strong {font-weight: 700;color: #eb7116; font-size: 24px;}
.FamilyLanding-wrapper section.offer-detail .price-detail .price-duration {font-size: 12px; color: #5f5f5f; font-weight: 400; display: block;}

.FamilyLanding-wrapper section .section-img{width: 100%;}

.FamilyLanding-wrapper section .page-title {font-size: 20px; margin-bottom: 24px; line-height: 2rem; font-weight: 700;}
.FamilyLanding-wrapper section .section-texts{font-size: 14px;}

.FamilyLanding-wrapper section.offer-getmore,.FamilyLanding-wrapper section.offer-privacy, .FamilyLanding-wrapper section.offer-included{background:#f4f4f4}
.FamilyLanding-wrapper section.offer-steps {padding: 0; margin: 0; min-height: auto; margin-bottom: 48px;}
.FamilyLanding-wrapper section.offer-steps .section-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.FamilyLanding-wrapper section.offer-steps .section-container .page-title{flex:0 0 100%;text-align:center; margin-top: 0;}
.FamilyLanding-wrapper section.offer-steps .section-container .section-steps {display: flex; flex-wrap: wrap; justify-content: center; }
.FamilyLanding-wrapper section.offer-steps .section-container .section-step{flex:1 0 100%}
.FamilyLanding-wrapper section.offer-steps .section-container .section-step span{font-size: 16px; font-weight: 400; display:block;margin-top:16px}
.FamilyLanding-wrapper section.offer-plans{background:#f4f4f4; margin-bottom: 0; min-height: auto; }
.FamilyLanding-wrapper section.offer-plans a{text-decoration: none;}
.FamilyLanding-wrapper section.offer-plans a:hover{color: #000 !important}
.FamilyLanding-wrapper section.offer-plans .section-container {display: block}
.FamilyLanding-wrapper section.offer-plans .FamilyLanding-btn, .FamilyLanding-wrapper section.offer-plans .FamilyLanding-btn button {width: 100%}
.FamilyLanding-wrapper section.offer-plans .Switcher-wrapper{border-radius:80px;border:2px solid #52524F;width:220px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-weight:700;margin:24px auto 0 auto}
.FamilyLanding-wrapper section.offer-plans .Switcher-wrapper .Switcher-item{padding:8px 24px;border-radius:80px;margin:4px;cursor:pointer;transition:all .3s}
.FamilyLanding-wrapper section.offer-plans .Switcher-wrapper .Switcher-item.active{background:#3e3e3e !important;color:#fff !important; font-size: 13px !important;}
.FamilyLanding-wrapper section.offer-plans .Cards-wrapper {margin-top: 24px;} 
.FamilyLanding-wrapper section.offer-plans .Cards-wrapper .CardContainer-wrapper{display:none;flex-wrap:wrap;gap:18px;justify-content:center; max-width: 800px; margin: 0 auto;} 
.FamilyLanding-wrapper section.offer-plans .Cards-wrapper .CardContainer-wrapper.active {display: flex}
.FamilyLanding-wrapper section.offer-plans .Cards-wrapper .CardContainer-wrapper .section-card {border:2px solid #ececec;background:#fff;padding:32px 32px 32px 56px; color: #000 !important; position: relative; transition: all .25s ease-in-out;} 
.FamilyLanding-wrapper section.offer-plans .Cards-wrapper .CardContainer-wrapper .section-card .check {cursor: pointer;border:2px solid #919191;background:#fff; position: absolute; top: 34px; left: 20px; width: 20px; height: 20px; border-radius: 50%; transition: all .25s ease-in-out; display: flex; align-items: center; justify-content: center; }
.FamilyLanding-wrapper section.offer-plans .Cards-wrapper .CardContainer-wrapper .section-card.active {border:2px solid #eb7116; }
.FamilyLanding-wrapper section.offer-plans .Cards-wrapper .CardContainer-wrapper .section-card.active .check span {background: #eb7116; display: block; width: 12px; height: 12px; border-radius: 50%;}
.FamilyLanding-wrapper section.offer-plans .Cards-wrapper .CardContainer-wrapper .section-card h3 {font-size: 18px; font-weight: 600; margin: 0 0 16px 0; min-height: 48px;}

.FamilyLanding-wrapper section.offer-plans .Cards-wrapper .CardContainer-wrapper .section-card .CardContainer-price .fullPrice {text-decoration: line-through; font-size: 14px; color: #999 }
.FamilyLanding-wrapper section.offer-plans .Cards-wrapper .CardContainer-wrapper .section-card .CardContainer-price .priceDesc {font-size: 14px; color: #999; display: block; margin: 6px 0}
.FamilyLanding-wrapper section.offer-plans .Cards-wrapper .CardContainer-wrapper .section-card .CardContainer-price .promoPrice{font-size: 20px; color: #eb7116; font-weight: 700; }

.FamilyLanding-wrapper section.offer-included {display: none; padding-top: 0}
.FamilyLanding-wrapper section.offer-included.active {display: block; color: #000 !important}
.FamilyLanding-wrapper section.offer-included .section-container{display:flex;flex-wrap:wrap;justify-content:center; align-items: stretch; gap:12px}
.FamilyLanding-wrapper section.offer-included .section-container .page-title {flex: 0 0 100%}
.FamilyLanding-wrapper section.offer-included .section-container .feature {flex: 0 0 100%; padding: 12px; }
.FamilyLanding-wrapper section.offer-included .section-container .feature .feature-text strong{font-weight: 700; margin-bottom: 8px; display: block; font-weight: 16px; }
.FamilyLanding-wrapper section.offer-included .section-container .feature img {height: 40px; width: auto; margin-bottom: 24px; }

@media (min-width: 680px){
    .FamilyLanding-wrapper section.offer-included .section-container .feature {flex: 1 0 45%}
    .FamilyLanding-wrapper section.offer-steps .section-container .section-step{flex:1 0 30%}

}

@media (min-width: 970px){
    .FamilyLanding-wrapper section.offer-included .section-container .feature {flex: 1 0 20%}
    .FamilyLanding-wrapper section.offer-included.online .section-container .feature {flex: 0 0 30%}
    .FamilyLanding-wrapper section.offer-plans .Cards-wrapper .CardContainer-wrapper .section-card {flex: 1 0 45%}
    #content-wrapper{flex:1 1 700px}
    #main-container,#authenticated-outlet{height:100%}
    #authenticated-main-wrapper{border-left:1px solid #ececec;padding:12px}
}


@media (min-width: 820px) {
    .FamilyLanding-wrapper section .FamilyLanding-btn {margin: 0;}

    .FamilyLanding-wrapper section.section-left .section-texts{order: 1}
    .FamilyLanding-wrapper section.section-left .section-img{order: 2}
    .FamilyLanding-wrapper section .section-img{flex: 0 0 40%; width: 40%}
    .FamilyLanding-wrapper section .section-texts{flex: 0 0 45%; margin: 0; text-align:left}
    .FamilyLanding-wrapper section .section-container {display: flex; flex-wrap: wrap;  align-items: center;justify-content: space-evenly; gap: 70px }
    .FamilyLanding-btn .ButtonLink-wrapper {margin: 0;}
    .FamilyLanding-wrapper section.offer-detail {background: #f7f0e7 url('../../../img/RS/family/family.svg') 80% center  no-repeat; background-size: 60%; padding: 60px 0 }
    .FamilyLanding-wrapper section.offer-detail .section-container {justify-content: flex-start; }
    .FamilyLanding-wrapper section.offer-detail .section-img{display: none}
    .FamilyLanding-wrapper section.offer-detail .section-texts{flex: 0 0 70%;}
}


@media (min-width: 1040px){
.FamilyLanding-wrapper section .section-container { gap: 100px}
.FamilyLanding-wrapper section.offer-detail {background-size: contain; padding: 80px 0 }


}


.FamilyLanding-wrapper .Faq-wrapper {max-width: 1164px; margin: 0 auto; padding: 12px}


