/* Main CSS*/

html, body{margin:0;padding:0;}

/* main page */
/* .page-index {color: #fff; min-height: 100vh; background: #000 url('../images/bg-image.jpg') right top no-repeat;background-size: auto 100%;} */
.page-index {color: #fff; min-height: 100vh; background: #000;background-size: auto 100%;}
.page-index .main{text-align: center;height: 100vh;display: table-cell;vertical-align: middle;width: 100vw;}
.page-index .main .center-box{display: block;padding: 50px;}
.page-index .main .center-box img{width:704px; max-width: 80vw;}
.page-index .main .center-box .a-button{border: 1px solid #fff;color: #fff;font-family: 'Helvetica';font-size: 22px;display: block;text-decoration: none;text-transform: uppercase;padding: 10px;width: 290px;margin: 50px auto 0 auto;}


.white-modal{position: absolute;top: 0;left: 0;width: 100%;height: 100vh;z-index: 20;background-color: rgba(0,0,0,0.5);}
.white-modal .popbox {background-color: #fff;color: #000;display: block;width: 580px;min-height: 600px;margin: 15vh auto 0 auto;position:relative;}
.white-modal .popbox .x-line{height: 20px; padding: 10px;text-align:right;}
.white-modal .popbox .x-line .x{display: inline-block;position:relative;width: 30px;height: 30px;cursor:pointer;}
.white-modal .popbox .x-line .x:before {display: block;content: "";width: 20px;height: 2px;background-color: #000;transform: rotate(45deg);position: absolute;top: 13px;left: 4px;}
.white-modal .popbox .x-line .x:after {display: block;content: "";width: 20px;height: 2px;background-color: #000;transform: rotate(-45deg);position: absolute;top: 13px;left: 4px;}
.white-modal .popbox p {font-family: "helvetica";width: 85%;margin: 25px auto;line-height: 1.4;}
.white-modal .popbox .forma{width: 85%;margin: 0 auto;}
.white-modal .popbox .forma * {box-sizing: border-box;}
.white-modal .popbox .forma .fieldset{border:0; width: 80%;margin: 0 auto;padding-bottom: 40px;}
.white-modal .popbox .forma .fieldset input,
.white-modal .popbox .forma .fieldset textarea{width: 100%;border:2px solid #878787;font-family: "Helvetica"; font-size: 14px; padding: 10px;margin-bottom: 30px;}
.white-modal .popbox .forma .fieldset textarea{height: 110px;margin-bottom: 20px;}
.white-modal .popbox .forma .fieldset input::placeholder{color: #aaa;text-align: center;}
.white-modal .popbox .forma .fieldset textarea::placeholder{color: #aaa;text-align: center;}
.white-modal .popbox .forma .fieldset button.submit {font-family: "Helvetica";display: block;margin: 0 auto;border-radius: 0;border: 1px solid #000;color: #fff;background-color: #000;width: 120px;padding: 6px;font-size: 20px;cursor:pointer;}

#embededRecaptcha .grecaptcha-badge{margin:0 auto;}
#embededRecaptcha{margin-bottom:20px;}
#statutBlock{margin-bottom:20px;}
.errorMsg{text-align: left;position: relative;top: -27px;height: 0;color: #ff0000;}
.validation-failed, .validation-failed:focus, .validation-failed:active{border: 2px solid #ff0000 !important;}

@media only screen and (max-width: 767px) {
		.page-index .main .center-box{display: block;padding: 10vw;box-sizing: border-box;background-color: rgba(0,0,0,0.5);}
		.page-index .main .center-box .a-button{font-size: 3vw;width:40vw;}
		.white-modal .popbox{width:100%;min-height: 100vh; margin:0;}
		.white-modal .popbox img{width: 85vw;}
		.white-modal .popbox p{width: 100%;padding: 0 15px;box-sizing: border-box;}
		.white-modal .popbox .forma{width: 100%;margin: 15 auto;box-sizing: border-box;}
}