@import url(https://fonts.googleapis.com/css?family=Special+Elite);

/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/oswald/v29/TK3_WkUHHAIjg75cFRf3bXL8LICs169vsUhiZTaR.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/oswald/v29/TK3_WkUHHAIjg75cFRf3bXL8LICs169vsUZiZQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.error-popup>p,body{margin:0}
.error-popup,.lifeline,.logo.contact,.page-title{text-align:center}

#siteinfoLegalXX a:link, #siteinfoLegal a:visited{color:#fff;}
.legalCopyrightXXX{background:#000;padding:20px 0 20px 0;text-align:center;color:#d05e80;  }
.mainwidthXXX {margin:0 auto}

#footer {
width: auto;
height: 30px;
margin-top:0px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background: #333;
    border-top: 2px solid #000;
}
#footer .legalCopyright {background:#000;text-align:center;color:#d05e80;font-family:'OswaldXX', sans-serif;font-size:16px}
#footer .legalCopyright a{color:#fff;}

.form-wrapper label,.page-title h1{color:var(--pure-white)}
.form-wrapper .emailLabel,.page-title h1{font-family:'Special Elite',cursive}
@font-face{font-family:Bahnschrift;src:url(../fonts/bahnschrift.ttf)}
:root{--pure-white:#fff;--green:#61b167;--checkbox-green:#6fb98f;--dark-green:#34675c;--blue:#1995ad;--dark-blue:#147588;--light-grey:#bcbabe;--error-bg:#ffa352;--error-x:#ff0000;--error-text:#5d3b01}
html{background-color:#8d7e43}
body{padding:0;background:url(../asserts/background_3.jpg) center center no-repeat fixed;background-size:cover}
img{width:100%}
.container-fluid.d-flex.flex-column.justify-content-between,.content-wrapper{height:auto} /* 100vh */
.page-title h1{text-transform:uppercase;font-size:62px;margin-top:35px}
.form{position:relative}
.form-wrapper{padding-bottom:15vh}
.form-wrapper .email-input-container{width:85%}
.form-wrapper .email-wrapper{width:100%}
.inputs-container:first-child{width:87%;padding-right:2%}
.inputs-container:last-child{width:60px}
.form-wrapper form{width:100%;position:relative}
.form-wrapper .emailLabel{font-size:30px;text-transform:capitalize;margin-left:12px;margin-bottom:0;width:100%}
.form-wrapper input#emailInput,.form-wrapper input#nameInput,.form-wrapper input#verificationInput,.form-wrapper textarea#messageInput{height:45px;border-radius:6px;background:var(--green);border-color:var(--green)}
.form-wrapper input#emailInput,.form-wrapper input#emailInput::placeholder,.form-wrapper input#nameInput,.form-wrapper input#nameInput::placeholder,.form-wrapper input#verificationInput,.form-wrapper input#verificationInput::placeholder,.form-wrapper textarea#messageInput,.form-wrapper textarea#messageInput::placeholder{font-size:20px;font-family:Arial;font-weight:700;color:var(--dark-green)}
.form-wrapper .loginButton{background:var(--light-grey);border-color:var(--light-grey);height:45px;border-radius:6px;width:60px;margin-left:10px}
#verificationInput{margin-top:10px;background:#95b268!important;border-color:#95b268!important}
.custom-checkbox-container .checkmark,.custom-checkbox-container input:checked~.checkmark,.custom-checkbox-container:hover input~.checkmark{background-color:var(--checkbox-green)}
.remember-pass-wrapper{width:calc(100% - 70px)}
.custom-checkbox-container{display:block;position:relative;padding-left:25px;margin-top:15px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.custom-checkbox-container span{font-size:19px;font-family:Bahnschrift}
.custom-checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.custom-checkbox-container .checkmark{position:absolute;top:0;left:0;height:15px;width:15px;border-radius:2px;margin-top:5px}
.custom-checkbox-container .checkmark:after{content:"";position:absolute;display:none;left:5px;top:2px;width:6px;height:10px;border:var(--pure-white) solid;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.custom-checkbox-container input:checked~.checkmark:after{display:block}
.register-container{margin-top:75px}
.register-container>.form-row{width:100%}
.calc-width{width:calc(100% - 70px)}
.register-container .buttonGroup{min-width:50%}
.register-container .buttonGroup:first-child{padding-right:10px}
.register-container .buttonGroup:last-child{padding-left:10px}
.register-container label{font-size:17px;font-family:Bahnschrift;color:var(--pure-white)}
.register-container button{height:45px;border-radius:6px;background-color:var(--blue);border-color:var(--blue);font-size:20px;font-family:Arial;font-weight:700}
.register-container button:hover{background-color:var(--dark-blue);border-color:var(--dark-blue)}
.question-container .question-btn{height:45px;width:45px;cursor:pointer;background-color:var(--green);border-radius:50%;position:absolute;margin-top:50px}
.question-container .question-btn span{font-size:30px;font-family:Arial;font-weight:700;color:var(--pure-white)}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{background-color:var(--light-grey);border-color:var(--light-grey)}
.logo-wrapper{display:flex;flex-direction:row;justify-content:center;padding-bottom:2vh}
.logo{width:145px;height:auto;margin:0 12px}
.error-popup{position:absolute;font-size:24px;font-family:Arial;background:var(--error-bg);color:var(--error-text);top:110px;left:0;width:calc(100% - 67px);border-radius:6px;line-height:50px;padding:35px 0;z-index:100;display:none}
.container,.error-popup>span#close-error{cursor:pointer;color:#fff;position:absolute}
.error-popup>span#close-error{content:'';top:-13px;right:-13px;width:30px;height:30px;background:var(--error-x);border-radius:50%;border:2px solid #a0410d;display:flex;justify-content:center;align-items:center;font-size:14px}
.emailVerBtn-cont{width:calc(100% - 66px)!important}
.container{display:inline-block;top:45px;z-index:2;right:21px;width:auto}
.bar1,.bar2,.bar3{width:35px;height:5px;background-color:#fff;margin:6px 0;transition:.4s}
.navigation{z-index:1;height:100%;position:absolute;overflow-x:hidden;background:url(../asserts/menu_bg.jpg);width:250px;display:none}
.navigation #menuToggle{position:absolute;top:100px;left:30px;z-index:1}
.navigation #menuToggle #menu{margin:0;padding:0;list-style:none;font-family:'Special Elite',cursive}
.navigation #menuToggle #menu li{font-size:22px;margin-bottom:10px}
.navigation #menuToggle #menu li a{text-decoration:none;color:#eeedeb}
.navigation #menuToggle #menu li a:hover{color:#e3305a}
.lifeline{margin:0 auto;max-width:1170px}
.lifeline .philips{font-size:24px;color:#0066a1}
.lifeline .inner-grid {padding:20px;margin-bottom:40px;margin-top:20px}
.lifeline .inner-grid h1{color:#0066a1;font-size:18px;font-weight:bold;margin-top:30px;margin-bottom:30px}
.lifeline .inner-grid p{font-size:16px;font-weight:400;color:#3c3c3c;line-height:20px}
.lifeline .inner-grid a{font-size:14px;font-weight:400;color:#d1e3ea;line-height:20px}
.lifeline .inner-grid .grid-image img{border-radius:50%;border:5px solid #FFF;height:150px;width:150px}
.lifeline .inner-grid .grid-image-pat img{width:98%;height:99%;max-width:98%;max-height:99%} 
.lifeline .inner-grid .grid-image-aus img{width:98%;height:99%;max-width:98%;max-height:99%}
.lifeline .inner-grid .inner-grid-dedica p{font-size:20px;font-weight:bold;color:#3c3c3c;line-height:18px}
.lifeline .inner-grid .inner-grid-dedica-l1 {font-size:20px;font-weight:bold;color:#3c3c3c;line-height:20px;margin-top:20px;margin-bottom:10px}
.lifeline .inner-grid .inner-grid-dedica-l2 {font-size:18px;font-weight:500;font-style:italic;color:#3c3c3c;line-height:18px;margin-top:20px;margin-bottom:10px}

.help-image{width:50%}
@media screen and (max-width:1024px){.container{top:15px}
}
@media screen and (min-width:992px) and (max-width:1127px) {
.register-container label{font-size:14px}
}
@media screen and (max-width:500px){.page-title h1{font-size:36px;width:60%;margin:35px auto 0}
.form-wrapper .emailLabel{font-size:20px}
.form-wrapper input#emailInput,.form-wrapper input#emailInput::placeholder,.form-wrapper input#verificationInput,.form-wrapper input#verificationInput::placeholder{font-size:15px}
.custom-checkbox-container span,.register-container label{font-size:13px}
.form-wrapper .loginButton,.form-wrapper input#emailInput,.form-wrapper input#verificationInput{height:40px}
.custom-checkbox-container{margin-top:5px}
.remember-pass-wrapper.d-flex.justify-content-center{justify-content:left!important}
.calc-width{width:100%}
.register-container button{height:40px;font-size:15px}
.question-container .question-btn span{font-size:20px}
.question-container .question-btn{height:40px;width:40px;margin-top:0}
.form-wrapper,.register-container{margin-top:40px}
body{background:url(../asserts/background_v2.png) center center no-repeat}
.form-wrapper{padding-bottom:30px}
.question-container{margin-top:30px;width:100%}
.logo-wrapper{margin-top:20px}
.error-popup{padding:15px 0;font-size:17px;top:90px}
.emailVerBtn-cont{width:calc(100% - 63px)!important}
}
@media screen and (min-width:768px) and (max-width:806px){.register-container label{font-size:15px}
}
@media screen and (min-width:1600px){.page-title h1{margin-top:65px}
.form-wrapper{padding-bottom:5vh}
.question-container{margin-top:200px}
.question-container .question-btn{margin-top:0}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation :portrait){.register-container{margin-top:15px}
}
@media only screen and (min-device-width:320px) and (max-device-height:640px) and (orientation:landscape){body{overflow:hidden}
.page-title h1{font-size:30px}
.form-wrapper .emailLabel{font-size:16px}
.form-wrapper input#emailInput,.form-wrapper input#emailInput::placeholder,.form-wrapper input#verificationInput,.form-wrapper input#verificationInput::placeholder{font-size:13px}
.form-wrapper .loginButton,.form-wrapper input#emailInput,.form-wrapper input#verificationInput{height:40px}
.custom-checkbox-container{margin-top:10px}
.custom-checkbox-container span{font-size:15px;font-family:Bahnschrift}
.register-container{margin-top:5vh}
.register-container label{font-size:12px}
.register-container button{height:40px;font-size:15px}
.question-container{margin-top:-40px;width:100%}
.question-container .question-btn{height:40px;width:40px}
.question-container .question-btn span{font-size:20px}
.form-wrapper{padding-left:80px;margin-top:5vh}
.logo{width:90px;height:auto}
.error-popup{padding:15px 0;font-size:17px;top:90px}
}
@media only screen and (device-width:320px) and (device-height:480px) and (orientation:portrait){.page-title h1{font-size:30px}
.form-wrapper{margin-top:30vh}
.question-container,.register-container{margin-top:10px}
.error-popup{padding:12px 0;font-size:16px}
}
@media only screen and (device-width:320px) and (device-height:480px) and (orientation:landscape){.page-title h1{font-size:30px}
.form-wrapper{margin-top:5vh}
.question-container,.register-container{margin-top:10px}
.error-popup{padding:12px 0;font-size:16px}
}
@media only screen and (min-width:500px) and (max-width:767px){.form-wrapper{padding-bottom:15vh;padding-left:30vw}
.page-title h1{font-size:40px}
.form-wrapper .emailLabel{font-size:25px}
.calc-width{width:100%}
.register-container label{font-size:14px}
}
@media only screen and (max-width:768px)
{
.lifeline .inner-grid{margin-bottom:0;padding:0
}
.help-image{width:75%}
}
@media only screen and (max-width:480px){.help-image{width:100%}
}