/******************************
 COMMON
******************************/
body { margin: 0; background: #ffffff; padding: 0; line-height: 1.5 !important; font-family: helvetica, sans-serif; }
.wrappper { background: #FFFFFF; padding: 30px 0; width: 100%; display: flex; flex-direction: column; box-sizing: border-box; max-width: none !important; margin: auto; }
.row { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; padding: 0 30px 20px; }
.link { color: #4B4B4B; text-decoration: underline; }
.lbl { margin: 0 0 3px; font-weight: 100; color: #4B4B4B; font-size: 12px; display: block; }
.btn { background : #C7B374; color: #ffffff; padding: 15px; text-transform: uppercase; font-size: 12px; text-align: center; -webkit-appearance: none; border: none; cursor: pointer; text-decoration: none; border-radius: 0; }
.btn-large { background : #C7B374; margin: 30px 0 0 0; background : #C7B374; color: #ffffff; padding: 15px; text-transform: uppercase; font-size: 12px; width: auto; align-self: center; -webkit-appearance: none; text-decoration: none; text-align: center; border: none; }
.logo { text-align: center; }
.logo-wrap { width:100% !important; align-items: center; justify-content: center; padding: 0 0 40px; }
.title-wrap { text-align: center; color: #4B4B4B; text-transform: uppercase; margin: 0; font-weight: 100; padding: 0 0 20px;}
button { outline: none; }
.hide { display: none !important; }

/*****************************
 #pge-capture-form
******************************/
#pge-capture-form { background-size: cover; }
#pge-capture-form .row { padding: 0 15px 10px; }
#pge-capture-form .wrapper { background: transparent }
#pge-capture-form .wrapperForm { background-color: rgba(255, 255, 255, 0.8); width: 90%; margin: auto; display: flex; flex-wrap: wrap; }
#pge-capture-form .logo-wrap { padding: 0 0 20px; }

/* MultilingualMenu */
#pge-capture-form .row.lang { align-items: flex-end; padding: 5px 10px; }
#pge-capture-form .dropbtn { font-weight: 100; color: #4b4b4b; font-size:12px; cursor: pointer; background:0 0; border:none; display: flex; align-items: center; }
#pge-capture-form .dropbtn span { pointer-events: none; }
#pge-capture-form .dropbtn:after { content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #818181; }
#pge-capture-form img.FlagPicto { width:25px; display:inline-block; }
#pge-capture-form .dropbtn:focus,
#pge-capture-form .dropbtn:hover { background-color: transparent; }
#pge-capture-form .dropdown { position:relative; }
#pge-capture-form .dropdown-content {  position:absolute; background-color:#f1f1f1; min-width:160px; overflow:auto; box-shadow:0 8px 16px 0 rgba(0,0,0,.2); right:0; z-index:1; }
#pge-capture-form .dropdown-content a { color: #000; padding: 12px 16px; text-decoration: none; display: flex; height: 20px; align-items: center; font-size: 12px; }
#pge-capture-form .dropdown-content a label { cursor: pointer; }
#pge-capture-form .dropdown-item { background: #fff;}
#pge-capture-form .dropdown a:hover { background-color:#ebebeb; }

/*flat picker*/
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #818181; border-color: #818181; }

/* Reset link */
#pge-capture-form .reset-link { color: #000000; display:flex; justify-content: center; font-weight: 100; color: #4B4B4B; font-size: 11px; margin-top: 20px; text-decoration: underline; }

/* Btn */
#pge-capture-form .row.button { align-items: center; }

/* Forms */
#pge-birthdate .x3,
#pge-capture-form .x3 {  display: flex;  justify-content: space-between; }
#pge-birthdate .x3 .form-wrap,
#pge-capture-form .x3 .form-wrap { width: 32%; }
#pge-birthdate .form-wrap,
#pge-capture-form .form-wrap { position: relative; }
#pge-capture-form input.checkbox { margin: 0 10px 0 0; }
#pge-birthdate .form-control,
#pge-capture-form .form-control { width: 100%; display: block; padding: 10px; box-sizing: border-box; border: 1px solid transparent; height: 40px; background: #ffffff; -webkit-appearance: none; outline: none; font-size: 16px; font-weight: 100; border-radius: 0; }
/* SVG DATA IMAGE BIRTH DATE PICTO */
#pge-birthdate .birth-date .form-wrap:after,
#pge-capture-form .birth-date .form-wrap:after { content: ""; position: absolute; right: 11px; top: 12px; pointer-events: none; width: 20px; height: 16px;
background:url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJjYWxlbmRhci1hbHQiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1jYWxlbmRhci1hbHQgZmEtdy0xNCIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIiBzdHlsZT0iY29sb3I6IzgxODE4MTsiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTAgNDY0YzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDM1MmMyNi41IDAgNDgtMjEuNSA0OC00OFYxOTJIMHYyNzJ6bTMyMC0xOTZjMC02LjYgNS40LTEyIDEyLTEyaDQwYzYuNiAwIDEyIDUuNCAxMiAxMnY0MGMwIDYuNi01LjQgMTItMTIgMTJoLTQwYy02LjYgMC0xMi01LjQtMTItMTJ2LTQwem0wIDEyOGMwLTYuNiA1LjQtMTIgMTItMTJoNDBjNi42IDAgMTIgNS40IDEyIDEydjQwYzAgNi42LTUuNCAxMi0xMiAxMmgtNDBjLTYuNiAwLTEyLTUuNC0xMi0xMnYtNDB6TTE5MiAyNjhjMC02LjYgNS40LTEyIDEyLTEyaDQwYzYuNiAwIDEyIDUuNCAxMiAxMnY0MGMwIDYuNi01LjQgMTItMTIgMTJoLTQwYy02LjYgMC0xMi01LjQtMTItMTJ2LTQwem0wIDEyOGMwLTYuNiA1LjQtMTIgMTItMTJoNDBjNi42IDAgMTIgNS40IDEyIDEydjQwYzAgNi42LTUuNCAxMi0xMiAxMmgtNDBjLTYuNiAwLTEyLTUuNC0xMi0xMnYtNDB6TTY0IDI2OGMwLTYuNiA1LjQtMTIgMTItMTJoNDBjNi42IDAgMTIgNS40IDEyIDEydjQwYzAgNi42LTUuNCAxMi0xMiAxMkg3NmMtNi42IDAtMTItNS40LTEyLTEydi00MHptMCAxMjhjMC02LjYgNS40LTEyIDEyLTEyaDQwYzYuNiAwIDEyIDUuNCAxMiAxMnY0MGMwIDYuNi01LjQgMTItMTIgMTJINzZjLTYuNiAwLTEyLTUuNC0xMi0xMnYtNDB6TTQwMCA2NGgtNDhWMTZjMC04LjgtNy4yLTE2LTE2LTE2aC0zMmMtOC44IDAtMTYgNy4yLTE2IDE2djQ4SDE2MFYxNmMwLTguOC03LjItMTYtMTYtMTZoLTMyYy04LjggMC0xNiA3LjItMTYgMTZ2NDhINDhDMjEuNSA2NCAwIDg1LjUgMCAxMTJ2NDhoNDQ4di00OGMwLTI2LjUtMjEuNS00OC00OC00OHoiPjwvcGF0aD48L3N2Zz4=) 100% center no-repeat #ffffff; }

/* placeholder color */
#pge-capture-form ::placeholder { color: #818181; } /* Firefox, Chrome, Opera */
#pge-capture-form :-ms-input-placeholder { color: #818181; } /* Internet Explorer 10-11 */
#pge-capture-form ::-ms-input-placeholder { color: #818181; } /* Microsoft Edge */
#pge-birthdate select,
#pge-capture-form select { color: #818181; }

/* ie remove arrow */
#pge-birthdate select::-ms-expand
#pge-capture-form select::-ms-expand { display: none; }
#pge-birthdate option:not(:first-of-type)
#pge-capture-form option:not(:first-of-type) { color: black; }
#pge-birthdate .form-wrap.select:after,
#pge-capture-form .form-wrap.select:after { content: ""; position: absolute; right: 12px; top: 18px; width: 0; height: 0;  border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #818181; pointer-events: none; }
#pge-birthdate select:focus:invalid,
#pge-birthdate input:focus:invalid,
#pge-capture-form select:focus:invalid,
#pge-capture-form input:focus:invalid { border: 1px solid red; }

/* Text and label */
#pge-capture-form .legal { display: flex; flex-direction: row; }
#pge-capture-form .legal-info { margin: 0; font-weight: 100; color: #4B4B4B; font-size: 11px; line-height: 1.5; padding: 0 0 0 0px; }
#pge-capture-form label.legal-info {margin-left:10px; margin-top:3px;}
#pge-capture-form .sub-lbl { font-weight: 100; color: #4B4B4B; font-size: 10px; margin: 0 0 10px; }
#pge-capture-form .credit { text-align: center; color: #4B4B4B; font-size: 9px; }


#pge-capture-form .row.radio { flex-direction: row; align-items: center; }
#pge-capture-form .row.radio input { margin: 0; }
#pge-capture-form .row.radio .lbl { margin: 0 20px 0px 5px; line-height: 1; }
#pge-capture-form .row.radio > span { font-size: 12px; font-weight: 100; margin: 0 14px 0 0; color: #4B4B4B; }
#pge-capture-form .row.mobilePhone .form-wrap { display: flex; }
#pge-capture-form .row.mobilePhone .form-wrap select:first-child { width: 100px; margin: 0 10px 0 0; }

/*#pge-capture-form .row.city { flex: 0 60%; padding: 0 5px 20px 15px; }
#pge-capture-form .row.zipCode { flex: 0 40%; padding: 0 15px 20px 5px; }*/

/* Capture form optin header */
#pge-capture-form #introductionSection { margin: 0 auto 5px; padding: 0; }
#pge-capture-form #introductionSection .introductionSectionTexts { padding: 0 15px 0; margin: 10px 0 10px; } 
#pge-capture-form #introductionSection .introductionSectionTexts h3 { text-align: center; color: #4B4B4B; font-weight: 400; margin: 0; } 
#pge-capture-form #introductionSection .optinTCHeaderText { color: #4B4B4B; font-size: 12px; font-weight: 100; }
#pge-capture-form #introductionSection .optinTCHeaderText p { margin: 0; } 


/* IPAD */
@media only screen and (min-width:760px){
    
    #pge-capture-form .row.birth-date .lbl,
    #pge-capture-form .row.language .lbl { min-height: 36px; }

    #pge-capture-form .row.first-name, 
    #pge-capture-form .row.zipCode, 
    #pge-capture-form .row.country,
    #pge-capture-form .row.birth-date { flex: 0 50%; padding: 0 5px 20px 15px; }
    #pge-capture-form .row.last-name,
    #pge-capture-form .row.city,
    #pge-capture-form .row.state,
    #pge-capture-form .row.language { flex: 0 50%; padding: 0 15px 20px 5px; }
  
}

/* DESKTOP */
@media only screen and (min-width:800px){
    #pge-capture-form .btn { width: auto; }
    #pge-capture-form .wrapperForm{ margin: auto; display: flex; max-width: 600px; padding: 10px 0 3px 0; }
    #pge-capture-form .row { padding: 0 30px 20px; }
    #pge-capture-form .row.lang { padding: 0 20px; }

    #pge-capture-form .row.first-name,
    #pge-capture-form .row.zipCode,
    #pge-capture-form .row.country,
    #pge-capture-form .row.birth-date  { padding: 0 5px 20px 30px; }

    #pge-capture-form .row.city,
    #pge-capture-form .row.last-name,
    #pge-capture-form .row.state,
    #pge-capture-form .row.language { padding: 0 30px 20px 5px; }

    #pge-capture-form #introductionSection .introductionSectionTexts { margin: 20px 0 10px; } 
}



/******************************
 #pge-capture-validation
 #pge-capture-error
 #pge-capture-double-optin
 #pge-unsubscribe
 #pge-birthdate
******************************/
#pge-capture-double-optin,
#pge-capture-error,
#pge-capture-validation,
#pge-birthdate,
#pge-unsubscribe { display: flex; justify-content: center;  }

#pge-capture-double-optin .logo,
#pge-capture-error .logo,
#pge-capture-validation .logo,
#pge-birthdate .logo,
#pge-unsubscribe .logo { margin: 10px 0 0 0; }

#pge-capture-double-optin  .wrapper,
#pge-capture-error  .wrapper,
#pge-capture-validation .wrapper,
#pge-birthdate .wrapper,
#pge-unsubscribe .wrapper { max-width: 600px; }

#pge-capture-double-optin .message,
#pge-capture-error .message,
#pge-capture-validation .message,
#pge-birthdate .message,
#pge-unsubscribe .message { font-size:16px; line-height:26px; text-align:center; color:#353535; text-transform:uppercase; }

#pge-capture-double-optin .image-wrap,
#pge-capture-validation .image-wrap,
#pge-capture-error .image-wrap,
#pge-birthdate .image-wrap,
#pge-unsubscribe .image-wrap {  width: 100%; margin: 0 0 30px; display: block; padding: 0 0 20px; }

#pge-capture-double-optin .image-wrap img,
#pge-capture-validation .image-wrap img,
#pge-capture-error .image-wrap img,
#pge-birthdate .image-wrap img,
#pge-unsubscribe .image-wrap img { width: 100%; }

#pge-capture-double-optin .message-wrap,
#pge-capture-validation .message-wrap,
#pge-capture-error .message-wrap,
#pge-birthdate .message-wrap,
#pge-unsubscribe .message-wrap { text-align: center; color: #4B4B4B; margin: 0; font-weight: 100; padding: 0 10px 20px;}

/* DESKTOP */
@media only screen and (min-width: 800px) {

 #pge-capture-double-optin .image-wrap,
 #pge-capture-error .image-wrap,
 #pge-capture-validation .image-wrap,
 #pge-birthdate .image-wrap,
 #pge-unsubscribe .image-wrap { display: flex; align-items: center; }

}

/******************************
 #pge-unsubscribe
 #pge-birthdate
******************************/
#pge-birthdate .mail_container,
#pge-unsubscribe .mail_container { padding: 20px; background-color: #FAFAFA; margin: auto; }
#pge-birthdate .footer,
#pge-unsubscribe .footer { max-width: 600px; margin: 0 auto; font-size: 11px; line-height: 140%; text-align: center; color: #888888; }
#pge-birthdate .btn-wrap,
#pge-unsubscribe .btn-wrap { text-align: center; padding: 0 10px; align-items: center; }

#pge-birthdate .row.message-wrap,
#pge-unsubscribe .row.message-wrap { white-space: normal; }
#pge-unsubscribe .row.message-wrap.uppercase { text-transform: uppercase; }

@media only screen and (min-width: 800px) {
 #pge-birthdate .btn-wrap .btn,
 #pge-unsubscribe .btn-wrap .btn { min-width: 300px; }
}

.form-control {
    background: #f2f2f2 !important;
}