#ppsPopupShell_100_670163 { width: 800px; font-family: "Montserrat",Helvetica,Arial,sans-serif; font-size: 14px; background: #ffffff; background: -moz-linear-gradient(left, #ffffff 0%,#ffffff 31%, rgba(201,3,49,1) 56%, rgba(201,3,49,1) 67%); background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(31%,#ffffff), color-stop(56%, rgba(201,3,49,1)), color-stop(67%, rgba(201,3,49,1))); background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 31%, rgba(201,3,49,1) 56%, rgba(201,3,49,1) 67%); background: -o-linear-gradient(left, #ffffff 0%,#ffffff 31%, rgba(201,3,49,1) 56%, rgba(201,3,49,1) 67%); background: -ms-linear-gradient(left, #ffffff 0%,#ffffff 31%, rgba(201,3,49,1) 56%, rgba(201,3,49,1) 67%); background: linear-gradient(to right, #ffffff 0%,#ffffff 31%, rgba(201,3,49,1) 56%, rgba(201,3,49,1) 67%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );} #ppsPopupShell_100_670163, #ppsPopupShell_100_670163 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #ppsPopupShell_100_670163 .ppsPopupLabel { color: #fff; font-size: 31px; line-height: 1.2; text-align: center; margin-bottom: 50px; } #ppsPopupShell_100_670163 .ppsPopupListsInner { background:#ffffff; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover,#ffffff 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover,#ffffff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover,#ffffff 0%,#ffffff 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover,#ffffff 0%,#ffffff 100%); /* IE10+ */ background: radial-gradient(ellipse at center,#ffffff 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} #ppsPopupShell_100_670163 .ppsPopupTxt_0 .ppsTxtContent { padding: 10px 10px 10px 50px; } #ppsPopupShell_100_670163 .ppsPopupTxt_0 { font-size: 12px; } #ppsPopupShell_100_670163 .ppsPopupTblCols { display: table; padding: 0; } #ppsPopupShell_100_670163 .ppsPopupLeftCol { display: table-cell; padding: 0; width: 30%; min-height: 60%; vertical-align: top; } #ppsPopupShell_100_670163 .ppsLogo { width: auto; height: auto; display: block; } #ppsPopupShell_100_670163 .ppsPopupRightCol { color: #fff; width: 60%; display: table-cell; padding: 50px 40px 20px; text-align: center; } #ppsPopupShell_100_670163 .ppsSubscribeShell form { padding: 30px 50px 0; text-align: center; } #ppsPopupShell_100_670163 .ppsSubscribeShell input, #ppsPopupShell_100_670163 .ppsSubscribeShell .ppsSubSelect, #ppsPopupShell_100_670163 .ppsSubscribeShell textarea { width: 100%; margin-bottom: 10px; height: 35px; border-radius: 0; } #ppsPopupShell_100_670163 .ppsSubscribeShell input[type=text],#ppsPopupShell_100_670163 .ppsSubscribeShell input[type=email],#ppsPopupShell_100_670163 .ppsSubscribeShell input[type=password],#ppsPopupShell_100_670163 .ppsSubscribeShell input[type=email],#ppsPopupShell_100_670163 .ppsSubscribeShell input[type=password],#ppsPopupShell_100_670163 .ppsSubscribeShell input[type=email],#ppsPopupShell_100_670163 .ppsSubscribeShell input[type=password],#ppsPopupShell_100_670163 .ppsSubscribeShell input[type=email], #ppsPopupShell_100_670163 .ppsSubscribeShell .ppsSubSelect, #ppsPopupShell_100_670163 .ppsSubscribeShell textarea { background: #ffffff; border: 1px solid transparent; color: #000; padding-left: 10px; } #ppsPopupShell_100_670163 .ppsSubscribeShell .ppsSubSelect { display: table; text-align: left; } #ppsPopupShell_100_670163 .ppsSubscribeShell .ppsSubSelectLabel, #ppsPopupShell_100_670163 .ppsSubscribeShell select { display: table-cell; } #ppsPopupShell_100_670163 .ppsSubscribeShell .ppsSubSelectLabel { opacity: 0.5; } #ppsPopupShell_100_670163 .ppsSubscribeShell select { width: 100%; background-color: transparent; height: 40px; border: none; font-size: 17px; color: #fff; margin-left: -15px; } #ppsPopupShell_100_670163 .ppsSubscribeShell textarea { font-family: inherit; height: auto; padding: 20px 5px; } #ppsPopupShell_100_670163 .ppsSubscribeShell input[type=submit] { border: 1px solid #fff; background: #3d3d3d; color: #fff; font-size: 20px; cursor: pointer; border-radius: 0; padding: 0; } #ppsPopupShell_100_670163 .ppsSubscribeShell input[type=submit]:hover { opacity: 0.8; } #ppsPopupShell_100_670163 .ppsPopupClose:hover { opacity: 0.8; } #ppsPopupShell_100_670163 .ppsPopupClose { background-repeat: no-repeat; cursor: pointer; right: -20px !important; top: -10px !important; } #ppsPopupShell_100_670163 .ppsFootNote { margin-top: 10px; color: #979696; font-size: xx-small; font-style: italic; line-height: 14px; text-align: left; margin-left: 10px;} #ppsPopupShell_100_670163 .ppsSm{ margin-top: 130px;} #ppsPopupShell_100_670163 li{ font-weight: bold; font-size: 13px; padding-top: 3px; padding-bottom: 3px; color: #737E86; } @media screen and (max-width: 767px){ #ppsPopupShell_100_670163 .ppsPopupLeftCol{ background-image: url(http://www.beaudouin-permis.fr/wp-content/uploads/2019/07/background-beaudouin.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } #ppsPopupShell_100_670163 .ppsLogo{ opacity: 0; } #ppsPopupShell_100_670163 .ppsPopupRightCol{ padding: 20px; } #ppsPopupShell_100_670163 .ppsSubscribeShell form{ padding: 15px 0px 0; } }#ppsPopupShell_100_670163 .ppsPopupClose { position:absolute;background-image:url("http://www.beaudouin-permis.fr/wp-content/plugins/popup-by-supsystic/modules/popup/img/assets/close_btns/close-red.png");background-repeat:no-repeat;top:15px;right:20px;width:25px;height:25px; }#ppsPopupShell_100_670163 ul li { background-image:url("http://www.beaudouin-permis.fr/wp-content/plugins/popup-by-supsystic/modules/popup/img/assets/bullets/tick.png");;list-style:none !important;background-repeat:no-repeat !important;padding-left:30px !important;line-height:100% !important;margin-bottom:10px !important;min-height:18px !important; }

Branding

Centered Stack

Centered Custom One