.beatrice-light { font-family: Beatrice-Light; }
.beatrice-semibold { font-family: 'Beatrice-Semibold'; }
.saoldisplay-regular { font-family: 'SaolDisplay-Regular'; }
.xl-font { font-size: 36px; }
.lg-font { font-size: 32px; }
.sm-font { font-size: 14px; }
.xs-font { font-size: 12px; }

/*General css start*/
:root { --charcoal: #283333; --cream: #efedea}
html, body, *, *:after, *before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: url(../img/background.jpg); background-size: cover; background-position: center; font-family: Beatrice-Light; color: #283333; position: relative; padding-bottom: 146px; }
img { max-width: 100%; /*image-rendering: crisp-edges; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor;*/ }
ul { list-style-type: none; }
a { color: #283333; }
a:hover, a:active, a:focus, button:focus, button:hover, button:active, .btn.focus, .btn:focus { opacity: 0.8; outline: none; box-shadow: none; text-decoration: none; color: #283333; }
input:focus, input:active { outline: 0; }
.form-control:focus { box-shadow: none; }
.container { max-width: 1210px; }

/*General css End*/
/*.navbar { border-bottom: 2px solid #283333; }*/
.navbar-brand { max-width: 140px; width: 100%; margin-top: 35px; }
.navbar-light .navbar-toggler { border: none !important;}

footer { position: absolute; left: 0; right: 0; padding-bottom: 60px; bottom: 0; }
.follow-us { font-size: 12px; letter-spacing: 0.5px; color: #283333; background: url(../img/insta-underline.svg) no-repeat center bottom; padding-bottom: 10px; }
footer a.circle  { font-size: 12px; letter-spacing: 0.5px; color: #283333; margin-bottom: 20px; background: url(../img/questions-circle.svg) no-repeat center center; display: inline-block; padding: 10px 30px; }

/*index page css start*/
main { min-height: calc(100vh - 300px); height: 100%; padding: 30px 0; }

/*main > section { text-align: center; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; }*/
.index-page a { font-size: 36px; color: #283333; }
.index-page h1 a { margin-bottom: 78px; padding: 25px 60px; }
.index-page h2 a { padding: 5px 56px; }
.index-page h1 a:hover, .index-page h1 a:focus { background: url(../img/spousal-bff-circle.svg) no-repeat center center; }
.index-page h2 a:hover, .index-page h2 a:focus { background: url(../img/membership-inquiries-circle.svg) no-repeat center center; }

/*index page css end*/

/*desktop-members page css start*/
.desktop-members h2 { font-size: 36px; }
form .form-group { margin-bottom: 23px; }
form .form-group .form-control { background: transparent; border: none; border-bottom: 1px solid #000000; border-radius: 0; padding-left: 0; padding-right: 0; font-size: 14px; letter-spacing: 0.2px; color: #283333; }
form .form-group { position: relative; }
form .form-group.error .form-control { border-bottom-color: #bb0000; }
form .form-group.error .control-label { color: #bb0000; }
.error-text { display: none; }
.error .error-text { font-size: 12px; letter-spacing: 0.2px; color: #bb0000; text-align: center; margin-top: 6px; position: absolute; top: 100%; left: 0; right: 0;display: block; }
.btn { font-size: 16px; letter-spacing: 1.23px; color: #283333; margin-top: 45px; }

/*desktop-members page css end*/

/*desktop-inquires page css start*/
.desktop-inquires h2, .desktop-inquires-confirmation h2 { letter-spacing: -0.7px; }
.form-group.required .control-label:after { content: "*"; }
.control-label { font-size: 14px; letter-spacing: 0.2px; }

/*desktop-inquires page css end*/

/*desktop-inquires-confirmation page css start*/
.desktop-inquires-confirmation h2 { line-height: 48px; }

/*desktop-inquires-confirmation page css end*/
.founder-info, .launch-info { background: #efedea; }
.form-group.disable { opacity: 0.5; pointer-events: none; }
.mem-opt .control-label { border-bottom: 1px solid #000; padding-bottom: 15px; }
.mem-opt input { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: 0; height: 100%; cursor: pointer; }
.form-check-inline input[type="radio"] { opacity: 0; position: absolute; margin: 0; }
.custom-control, .custom-control-input, .custom-control-label { cursor: pointer; }
.custom-control-label:before { background-color: transparent; border: 1px solid #000; border-radius: 100% !important; }
.custom-control { padding-left: 2rem; }
.custom-control-label:before, .custom-control-label:after { left: -2rem; }
.custom-control-label:after { width: 17px; height: 23px; top: -3px; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after { background: no-repeat 100%; background-image: url(../img/consent-fill-in.svg); }
.custom-control-input:checked ~ .custom-control-label:before { background-color: transparent; border: 1px solid #000; }
.form-check-label { padding: 10px 0; }
.form-check-inline .form-check-label:hover, .form-check-inline .form-check-label:focus { background: url(../img/yes-nominate-circle.svg) no-repeat center; }
.custom-control-input:focus ~ .custom-control-label:before { box-shadow: none; }
.custom-control-input:focus:not(:checked) ~ .custom-control-label:before, .custom-control-input:not(:disabled):active ~ .custom-control-label:before { border-color: #000; background: transparent; }
.plan:before { position: absolute; content: ""; height: 67px; width: 316px; background: url(../img/founding-member-circle.svg); z-index: 1; top: -35px; left: -10px; right: 0; background-position: center; display: none; max-width: 100%; background-size: contain; background-repeat: no-repeat; }
/*.plan:before { position: absolute; content: ""; height: 46px; width: 261px; background: url(../img/spousal-bff-circle.svg); z-index: 1; top: -10px; left: -30px; right: 0; background-position: center; margin: auto; display: none; }*/
.plan:hover:before, .plan:focus:before, .plan.selected:before { display: block; }

/*Responsive css start*/
@media only screen and (max-width:991px) {
	.container { max-width: 660px; }
}
@media only screen and (max-width:767px) {
	.plan_1:before { width: 100%;background-position: center left; } /* Changed early-invite = plan_1 */
	.plan_2:before { margin: 0; } /* Changed spousal = plan_2 */
	main { min-height: calc(80vh - 150px); }
	footer {padding-bottom: 20px; }
}
@media only screen and (max-width:575px) {
	 main { min-height: calc(80vh - 150px); }
	footer { padding-bottom: 20px;}
}


/* Added by Manish*/
form .custom-control.error .custom-control-label { color: #bb0000 !important;}
form .custom-control.error .custom-control-label:before { border-color : #bb0000 !important; }
.beatrice-semibold b { font-weight: normal; font-family: Beatrice-Light; }

/*.plan_1.selected { position: absolute; content: ""; height: 67px; width: 316px; background: url(../img/founding-member-circle.svg); z-index: 1; top: -30px; left: -10px; right: 0; background-position: center; margin: auto; display: none; max-width: 100%; background-size: contain; background-repeat: no-repeat; }*/
/*.plan_2.selected { position: absolute; content: ""; height: 46px; width: 261px; background: url(../img/spousal-bff-circle.svg); z-index: 1; top: -10px; left: -30px; right: 0; background-position: center; margin: auto; display: none; }*/


.form-check-inline .selected { background: url(../img/yes-nominate-circle.svg) no-repeat center; }
.form-check-inline .form-check-label.error { color: #bb0000; }
.mem-opt2 .control-label { padding-bottom: 15px; }
.disable  .control-label { color: #283333 !important; }
.hidetotal, .hide { display: none; }
/*form .form-group .form-control.error { border-bottom-color: #bb0000; }
form .form-group .error { color: #bb0000; }
*/
/* Change the white to any color ;) */
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: transparnt;
  transition: background-color 5000s ease-in-out 0s;
}

/* Video specific styles*/
video::-webkit-media-controls-panel { background-image: linear-gradient(transparent, transparent) !important; }
video { width: 100% }
.play-pause { max-width: 40px; background-image: url(/img/digital/player/play.png); background-repeat: no-repeat; width: 50%; height: 50%; position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0%; margin: auto; background-size: contain; background-position: center;}
.play-pause {opacity: 1; transition: opacity 400ms;}
.play-pause[hidden] {opacity: 0; display: block;}

@media (min-width: 768px) {
    .play-pause { max-width:95px;}
}

@media (min-width: 991px) {
    .play-pause { max-width: 150px;}
}