html, body {height: 100%;}
body {font-family: 'Barlow', sans-serif !important;overflow-x: hidden;padding-right: 0 !important;color:#434A4F}
.social_icons a:not(:last-child) {padding-right:7px;}
.social_icons a {color:#00869D;font-size: 18px;}
.banner {/*background: url(../images/Banner.png) no-repeat;background-size:cover;*/color:#fff;height: calc(100vh - 65px);flex-direction: column;align-items: self-start;justify-content: center;padding: 0 15px;display:flex;}
.box-shadow {box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);}
.banner h2 {font-weight:bold;font-size:1.5rem;}
.banner h1 {font-weight: bold;font-size:2rem;}
.banner h1 span {color: #6BC073}
.fullscreen-bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;z-index: -100;}
.fullscreen-bg:after {z-index: 0;content: '\A';position: absolute;width: 100%;height: 100%;top: 0;left: 0;
    background: rgb(0 0 0 / 30%);}
.video_img {width: 100%;height: calc(100vh - -28px );object-fit: cover;}
.clientlogo { background:#264750;box-shadow: 0px 20px 45px #0977A72B;}
.hellosection{background:#fff;}
.helloleft {padding: 32px 20px 20px 15px; text-align:center}
.helloleft ul {list-style:none;padding:0;display: inherit;}
.helloleft li {padding-bottom:30px;}
.helloleft ul li a {border-left: solid 2px #264750;border-bottom: solid 2px #264750;padding:0 0 5px 5px;color:#264750;font-size:20px;font-weight:600;}
    .helloleft .carousel-indicators li a:hover, .helloleft .carousel-indicators li.active a {text-decoration: none;border-left: solid 2px #00869D;border-bottom: solid 2px #00869D;color: #00869D}
.helloleft .joinbtn{    background: #6BC073;border: solid 1px #6BC073;padding:5px 15px;font-size:20px;border-radius:15px;font-weight:600}
.helloleft .joinbtn:hover {color: #fff;background-color: #00869D;border-color: #00869D;}
.helloleft p {font-size:20px;font-weight:600;line-height:normal;}
.helloleft h1 {color:#00869D;font-size:40px;padding-top: 3px;}
.right-0 {right:0;bottom:0}
.bg-blue {background: #00869D;}
.promise {margin: 0 15px 0 15px;padding:0}
.promise li { list-style:none;padding-bottom:30px;}
.promise i {font-size: 22px;color:#fff}
.promise h5 {padding:0px;margin: 0px;font-size:20px;font-weight:700}
.promise h3 {padding:36px 0 0px 0;}
.promise p {margin: 0px;font-size: 17px;padding: 0px;}
.promiseheading {margin: 0px;font-size: 30px;padding-top: 44px;padding-bottom: 35px;font-weight:600;padding-left: 20px;}
.participatesection {padding:20px 15px 20px;box-shadow: 0px 3px 20px #00000029;}
.participatesection h2, .wcjheading h2{color:#00869D;font-weight:600;font-size:24px;}
.participatesection h2 + p{font-size:20px;}
.participatesection p{font-size:16px;padding: 10px 10px 0 0;}
/*.participateimg {box-shadow: 0px 0px 15px #00000029;background: #ededed;}*/
.panel-footer {background:#434A4F;padding:10px;text-align:center;color:#fff;font-size:26px;font-weight:700;box-shadow: 0px 0px 15px #00000029;border: 1px solid #707070;}
.participatesection .panel-footer {color:#fff;font-size:22px;}
/*.participateinnersection:hover{box-shadow: 0px 0px 15px #1BBDEC;}*/
/*.participateinnersection:hover .panel-footer {color: #30C9FF;}*/
/*.participateinnersection:hover .participateimg {box-shadow: 0px 0px 0px #30C9FF;background: #79dbfe;}*/
.participateinnersection:hover .participateimg {box-shadow: 0px 0px 15px #00000047;background: #ededed;}
.promiseli {display:flex;flex-wrap:wrap}
.promiseli > div:first-child {width: 75px;background-color: #434A4F;border-radius: 50%;padding: 10px;text-align: center;display: flex;justify-content: center;align-items: center;height: 72px;}
.promiseli > div:nth-child(2) {width:67%;margin-left:15px;}
.whocanjoin {padding:0;box-shadow: 0px 3px 12px #00000029;background: #fff;}
.whocanjoin h2, .pplaretalking h2 {padding-top:30px;padding-bottom:15px;color:#00869D;font-weight:600;font-size:30px;}
.whocanjoin h3 {font-size:24px;font-weight:600}
.whocanjoin h4 {font-size:19px;}
.joinLI {padding:15px 0 0 20px;color:#00BBEA;font-size:20px;line-height:35px;}
.joinLI li {font-size:20px;color:#434A4F;cursor:pointer;}
.joinLI li:hover, .joinLI li.active {text-decoration:none;color:#00869D}
.pplaretalking {padding:0px 20px 20px;background:url(../images/ppltalking-bg.png) no-repeat 0% 0%;background-size:cover;border-top: solid 10px #315058;}
.quotebox {height:100%;background:#434A4F;padding: 70px 40px 20px;font-size:18px;min-height: 340px;border-radius: 10px;display: flex;flex-direction: column;justify-content: space-between;}
.quotebox i {font-size:80px;color:#93C847;}
.quotebox p{padding:20px 0;margin:0}
.quotebox p:last-child {color:#6BC073;padding:0;margin:0}
.quotesign::after {position: absolute;content: '“';font-family: 'Playfair Display';font-size: 200px;font-weight: 700;color: #6BC073;top:93px;left: 41px;line-height: 0;}
.carousel-control-prev {left: -30px;}
.carousel-control-next {right: -30px;}
.carousel-control-prev-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");}
.carousel-control-next-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");}
footer {background:#434A4F;color:#fff}
footer p{font-size:25px;border-right: solid 2px #fff;}
footer .row {padding:18px 15px 15px}
 footer .row.footerbg { background: #000000;}
footer .row:nth-child(2) {padding:8px;color:#d9d9d9}
footer ul {display:flex;justify-content:center;margin-bottom:12px;padding-left:0;flex-wrap:wrap;}
footer ul li {list-style:none;}
.p0{padding:0!important}
.proud {width: 100%;border-bottom: solid 2px #b7b7b7;font-size: 25px;font-weight: 600;align-items: center;display: flex;padding-bottom:15px;justify-content:center}
.proudimg {width: 100%;padding-left: 0px;padding-top:15px;}
.socialfooter {text-align:center;}
.socialfooter p {font-size:15px;font-weight:600;border:0;margin-bottom: 16px;}
footer ul li a {font-size:13px;padding: 3px;color:#d9d9d9}
footer ul li a:hover {text-decoration:none;color:#93C847}
.socialfooter a {font-size:25px;color:#FFFFFF}
.socialfooter a:not(:last-child) {padding-right:20px;}
.pl-15 {padding-left:15px!important;}
.pr-15{padding-right:15px!important;}
.congratulationtext{font-size:30px;font-weight:700; line-height:normal;}
.congratulationtext > span{font-size:25px;font-weight:normal;}
main{margin-top:88px;}
 .navbar-expand-md .navbar-nav .nav-link{font-size: 16px;font-weight: 600;}
 a.bell{color:#6BC073;}
.watermark{position:absolute;bottom:0px;right:0px;z-index: -1;}
.fixed-top {top: -40px;transform: translateY(40px);transition: transform .3s;}
.giftcard{background:#2F4650;padding:10px;border-radius:15px;}
.proudimg {display:flex;padding-top:20px;align-items:center;justify-content:space-around;flex-direction:column}
.proudimg img{padding-bottom:15px;}
.contactbox{background:#2F4650;border-radius:15px;padding:15px 10px;margin:15px;display:block;}
.contactbox:hover{background:#84c259;}
.contactbox p {font-size: 18px;margin-bottom: 0;font-weight: 100;}
/***************join page css************/
.scroll_tab {overflow-y: auto;height: 380px;overflow-x: hidden;margin-bottom: 10px;}
.scroll_tab.cr{height:auto;}
.rhomepage {padding-top: 15px;font-weight: bold;font-size: 20px;}
.fbjoin {background: #1BBDEC;width: 25px;height: 25px;display: inline-block;border-radius: 50%;color: #fff;text-align: center;margin-bottom: 20px;}
#privacyPolicyDiv p {font-size: 13px;}
.join_img {position: absolute;top: 0;right: 0px;z-index: 1;}
.water_img{position: absolute;bottom: 0;right: 0px;}
.top18{top:18px;}
.join_left_sec {padding: 32px 15px 20px 15px;min-height:200px;}
.join_left_seccr {padding: 32px 15px 20px 15px}
.join_right_sec {padding: 30px 15px 30px 30px;color:#fff;}
.join_right_sec p{font-size:23px;}
.join_right_sec p:last-child{font-size:21px;}
.wizardbutton button{font-size: 18px;border-radius: 4px;padding: 3px 10px;background: #00869D;color: #fff;border:none;cursor:pointer}
.wizardbutton div {
    display: inline;
}
.carousel-control-next, .carousel-control-prev { width:auto!important;}
.carousel-control-prev {left: -15px;}
.carousel-control-next {right: -15px;}
.faqleft em, #slidepanel em{font-style:normal;}
#slidepanel, .privacypolicy, .termsandcondtions {padding: 0px 15px 20px;text-align:left}
.scrolldown{border: solid 2px #00bbea;border-radius: 4px;padding: 3px 8px;font-size: 14px;display: inline-block;}
.bounce {-moz-animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;animation: bounce 2s infinite;}
.anchorlinkclr{color:#00869D;}
.faqImages{left: -250px;bottom: -33px;}
.faqElement2{bottom: 0;left: -280px;}
.numberIcon{color: #fff;font-weight: 700;font-size: 35px;}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(0px);}
  60% {transform: translateY(-10px);}
}
.navbar-expand-md .navbar-nav .nav-link {padding-right: 2.5rem;text-transform: uppercase;}
.instructions {font-size: 14px;font-weight: 600;color: #474747;text-transform: uppercase;margin-bottom: 10px;line-height: 20px;}
.questiontexttable.questiontext {font-size: 16px;font-weight: 600;color: #0097D5;line-height: normal;    margin-bottom: 0;}
#verifyPhotoID .box-header {border-bottom: solid 1px #ccc;overflow: hidden;padding:10px;}
#verifyPhotoID .box-header .modal-title {display: inline-block;}
#verifyPhotoID .box-body {padding: 15px;}
/*.accept {
    margin-top:10px;
}*/
#verifyPhotoID input[type="radio"] {vertical-align: middle;width:auto;}
.p-r-0 {padding-right: 0;}
/* skin.css Style*/
.photouploadsec {margin-bottom: 15px;}
 .photouploadsec .box {font-size: 1.25rem;background-color: #c8dadf;position: relative;padding: 25px 20px;}
.photouploadsec .box.has-advanced-upload {text-align: center;outline: 2px dashed #92b0b3;outline-offset: -10px;-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;transition: outline-offset .15s ease-in-out, background-color .15s linear;}
.photouploadsec .box.has-advanced-upload .box__icon {width: 100%;height: 80px;fill: #92b0b3;
display: block;margin-bottom: 20px;}
svg:not(:root) {overflow: hidden;}
.photouploadsec .box__file {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.photouploadsec .box__file + label {max-width: 80%;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;display: inline-block;overflow: hidden;font-size: 14px;}
.photouploadsec label {position: relative;}
.photouploadsec .box__button {font-weight: 700;color: #e5edf1;background-color: #39bfd3;display: none;padding: 8px 16px;margin: 40px auto 0;}
input[type="date"].form-control {text-transform: uppercase;}
.field-icon {margin-top: -23px !important;}
.form-top-right {line-height: 83px !important;}
.uploadbtnselect {background: #8bc973;color: #fff;}
.uploadbtn .btn:hover {background: #8bc973;color: #fff;}
.intructionfile {font-size: 12px;color: #a2a2a2;display: block;line-height: 14px;}
.instructiondragdrop {font-size: 14px;font-weight: normal;color: #808c90;}
#lightbox .modal-content {display: inline-block;text-align: center;}
#lightbox .close {opacity: 1;color: rgb(255, 255, 255);background-color: rgb(25, 25, 25);padding: 5px 8px;border-radius: 30px;border: 2px solid rgb(255, 255, 255);position: absolute;top: -15px;right: -55px;z-index: 1032;}
textarea {resize: vertical;}
.captchabox {background: #fff;padding: 5px;color: #000;font-size: 20px;text-align: center;cursor: pointer;}
.captchabox:hover, .captchabox.active {background: #ccc;}
.bignumber {font-size: 23px;font-weight: bold;}
.wizardbutton{position:initial;}
.wizardbutton button:focus{border:none;outline-color: #0c88a7;}
.tab.pt-40, .tab.pt-20{padding-top:0px;}
.font-13{font-size:13px;}
.uploadbtn .btn-default, #veriff-submit-btn{background-color: #a3a3a3;border-color: #8b8b8b;color:#fff;}
.pl-15{padding-left:15px;}
.thankyoumsg{padding-top:40px;}
.thankyoumsg h2{font-size:1.8rem;font-weight:600;line-height:normal}
.dropzone {padding:10px 20px!important}
/*********login.css*/
.field-validation-error {color: #e80c4d;font-weight: normal;font-size:14px;}
.field-validation-valid {display: none;}
.validation-summary-valid {display: none;}
#languageSwitcher option {background: #3E3E3E !important;}
select:focus {outline: none;}
.green_button {display: block;padding: 7px 0 6px 0;font-size: 18px;font-weight: bold;color: #fff;background-color: #00869D;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;border: none;text-shadow: rgba(0,0,0,0.3),0,-1px;cursor: pointer;}
.divider:after, .divider:before {content: "";flex: 1;height: 1px;background: #eee;}
#loginmodal button.close, #findpassword button.close{position: absolute;right: 8px;top: 10px;z-index:1;}
#loginmodal .modal-body, #findpassword .modal-body {padding:1rem;}
.login_bg_element {left: 0;top: -18px;}
.contactusBox h4, .findpassword, #findpassword h4 {color:#00869D}
.faqleft h2, .contactus h2, .privacypolicy h2{color:#00869D;font-weight: 700;font-size: 30px;padding-bottom: 10px;}
.termsandcondtions h2{color:#00869D;font-weight: 700;font-size: 25px;padding-bottom: 10px;padding-top:15px;}
.contactus h1{color:#00BBEA;font-weight: 700;font-size: 40px;padding-bottom: 10px;padding-left: 15px;}
.faqleft, .contactus, .privacypolicy{padding:20px;}
#slidepanel {padding: 15px 0;}
.contactbox > span{background: #a6d053;border-radius: 50%;padding: 8px;width: 86px;height: 83px;display:inline-block;margin-bottom:10px;transition: 0.3s;line-height:4;}
.contactbox:hover.contactbox > span{background:#2F4650}
.privacypolicy h3 {font-size: 1.3rem;font-weight: 600;}
.navbar-toggler:focus{outline-color:#01aeef;}
    /***tooltip css*/
.tooltip {position: relative;display: inline-block;opacity:inherit;z-index:1!important;}
.tooltip .tooltiptext {visibility: hidden;background-color: black;color: #fff;text-align: center;border-radius: 6px;padding: 5px 5px;position: absolute;z-index: 1;top: 130%;left: 60%;margin-left: -60px;font-size: 14px;font-weight: 500;box-shadow: 0 0 5px #f5f5f5;}
.tooltip .tooltiptext::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -5px;     border-width: 5px;border-style: solid;border-color: transparent transparent black transparent;}
.tooltip:hover .tooltiptext {visibility: visible;}
.bg-blue .carousel-control-next{right:15px;top:20px;bottom:inherit;z-index:9;}
.bg-blue .carousel-control-next,.bg-blue .carousel-control-prev {filter: invert(100%);opacity:1}
.bg-blue .carousel-control-next:focus, .bg-blue .carousel-control-next:hover, .bg-blue .carousel-control-prev:focus, .bg-blue .carousel-control-prev:hover{opacity:0.5}
.bg-blue .carousel-control-prev{top:20px;bottom:inherit;z-index:9;right: 45px;left: auto;}
.helloleft .carousel-indicators{position:inherit;margin:0;}
.helloleft .carousel-indicators li{text-indent:inherit;width:auto;height:auto;}
/***************media queries************/
@media (min-width: 576px) {
    .tab.pt-40{padding-top:40px;}    
    .tab.pt-20{padding-top:20px;}    
    .participatesection h2, .wcjheading h2{font-size:30px;}
    .termsandcondtions h2{padding-top:0;}
    .proudimg {flex-direction:row;}
    .whocanjoin h2, .pplaretalking h2, .promiseheading {font-size: 30px;padding-bottom:20px;}
    .helloleft {padding: 32px 80px 20px 110px;text-align:left}
    .faqleft{padding: 0px 50px 20px 110px;text-align:left;height: calc(100vh - 200px);overflow: auto;margin-top:30px;}
    .contactus{padding: 50px 100px 20px 126px;text-align:left}
    .helloleft p {font-size:24px;}
    .helloleft .joinbtn{font-size:30px;}
    .banner h1 {font-size:2.5rem;}
    .banner h2 {font-size:2.3rem;}
    .banner{padding-left:7%}
    .whocanjoin h3 {font-size:24px;}     
    .privacypolicy, .termsandcondtions {padding: 32px 50px 20px 110px;}
}
@media (min-width: 768px) {
    .join_left_sec {padding: 32px 15px 0px 25px;}
    .join_left_seccr {padding: 32px 15px 0px 32px;}    
    #loginmodal .modal-body, #findpassword .modal-body {padding:0;padding-left: 2rem;}
    .contactusBox{padding: 35px 60px 20px 30px;}
    .participatesection {padding: 93px 100px 80px;}
    .pplaretalking {padding:0px 100px 80px;}  
    .whocanjoin h2, .pplaretalking h2 {padding-top: 60px;}   
    .proudimg {width: calc(100% - 13px);padding-left: 19px;display:flex;padding-top:0px;align-items:baseline;justify-content:flex-start;}
    .proudimg img:not(:last-child){padding-right:25px;}
    .proud {width: 400px;border-right: solid 2px #fff; border-bottom:none;padding-bottom:0px;justify-content:flex-start} 
    .navbar-brand{margin-right:0;}
    .quotebox {min-height:274px;}
    .proudimg img{padding-bottom:0px;}
}
/***************carousel************/
@media (max-width: 992px) {
    .carousel-inner .carousel-item > div {display: none;}
    .carousel-inner .carousel-item > div:first-child {display: block;}
}
@media (max-width: 576px) {
    .navbar-brand{width:74%;}
    .navbar-brand img{max-width: 100%;}    
}
#recipeCarousel .carousel-inner .carousel-item.active,
#recipeCarousel .carousel-inner .carousel-item-next,
#recipeCarousel .carousel-inner .carousel-item-prev {
    display: flex;
}
.bg-blue .carousel-inner {overflow: inherit;}
@media (min-width: 992px) {
    .join_right_sec {padding: 130px 15px 50px 30px;}
    .join_right_sec.cr {padding: 38px;display:flex;flex-direction:column;justify-content:center;align-items:center;}
    .join_left_seccr {padding: 32px 35px 0px 90px;} 
    .scroll_tab.cr{height: calc(100vh - 0px);}
    .contactbox > span{line-height:3;}
    .proudimg img:not(:last-child){padding-right:50px;}
    .join_img{right: -290px;}
    .faqleft h2, .contactus{font-size: 20px;}   
    .privacypolicy, .termsandcondtions {padding: 32px 100px 20px 110px;}
    .full-height{height: calc(100vh - 97px);}
    .contactusBox{padding: 35px 0 15px 30px;}
    .contactusBox.pt-100{padding: 100px 0 20px 30px;}
    .proud {width: 300px;}
    .proudimg {width: calc(100% - 300px);padding-left: 50px;}
    footer .row {padding: 18px 100px 15px}
    .joinLI {font-size: 22px;line-height: 38px;}
    .joinLI a {font-size: 20px;}
    .whocanjoin h4 {font-size: 20px;}
    .promise {margin: 0 0 0 -40px;}
    .promiseli > div:nth-child(2) {width: 82%;}
    .carousel-item {align-items: stretch;}
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {transform: translateX(33.333%);}
    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {transform: translateX(-33.333%);}
    .navbar-expand-md .navbar-nav .nav-link{ padding-right: 1.5rem;}   
    .promise li {padding-bottom:55px;}

    /************for FAQ scroll*************/
    .faqleft::-webkit-scrollbar, .scroll_tab::-webkit-scrollbar {
        width: 10px;
    }
    /* Track */
    .faqleft::-webkit-scrollbar-track, .scroll_tab::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 20px;
    }
    /* Handle */
    .faqleft::-webkit-scrollbar-thumb, .scroll_tab::-webkit-scrollbar-thumb {
        background: #00869D;
        border-radius: 20px;
    }
/* Handle on hover */
        .faqleft::-webkit-scrollbar-thumb:hover, .scroll_tab::-webkit-scrollbar-thumb:hover {
            background: #00869D;
        }
}
.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
    transform: translateX(0);
}
@media (min-width: 1200px) {  
    .scroll_tab.cr{height: calc(100vh - 160px);}
    .multiselectissue{width:470px;}
    .join_right_sec {padding: 130px 15px 50px 123px;}    
    .join_left_sec {padding: 32px 150px 0px 110px;}
    .join_left_seccr {padding: 32px 35px 0px 110px;}    
    .contactbox > span{line-height:normal;}
    .contactus, .privacypolicy h2, .termsandcondtions h2{font-size: 40px;}
    .faqleft h2{font-size: 37px;}
    .navbar{padding:.5rem 6.7rem}
    .navbar-expand-md .navbar-nav .nav-link{padding-right: 2.5rem;}
    .h-100-xl{height:100%}
    .socialfooter {text-align:right;}
    footer ul{padding-left:40px;}

}
.text-primary {
    color: #00869D !important;
}
.modal--centered .modal-content{
    border-radius: 15px;
}
.modal--centered.modal.show .modal-dialog{
    transform: translate(0,2.5rem);
}
@media (min-width: 1400px) {
    .multiselectissue{width:90%;}
    .banner h2 {font-size: 3rem;}
    .banner h1 {font-size: 3.5rem;}
}

.fullWidth{width: inherit;}
.alignMiddle{display:flex;align-content:center;justify-content:center}

.announcement-wrap .white_bg *:not(span.fa):not(span.icon):not(i.fa):not(i.icon) {
    font-family: inherit !important
}
.privacy-policy a, .privacy-policy a:hover, .privacy-policy a:focus {
    text-decoration: underline;
    color: #00869D;
}