:root,body,html{font-family:Helvetica,Arial,IBM Plex Sans!important}body,html{background:#f6f8fb;height:100%}body{display:flex;flex-direction:column}body .masthead{position:relative;z-index:10}body .content{position:relative;z-index:5}.full-height{height:100vh}.html-code-wrapper{left:-9999999px;position:absolute}.copyright{background:#f6f8fb;color:#999;font-size:14px;padding-bottom:14px;padding-top:24px}.content{flex-grow:1}.content.content-select h2{font-size:52px;font-weight:700;margin-bottom:10px}.content.content-select h3{margin-bottom:30px}.content.content-select p{color:#555;font-size:24px}.content.content-select .card{border:1px solid #ebedf0;border-radius:0;height:100%}.content.content-select .card:hover{border:1px solid #007bff;text-decoration:none}.content.content-select .card:hover .card-title{color:#007bff}.content.content-select .card-title{color:#000;font-size:20px;position:relative}.content.content-select .card-text{font-size:18px}.content.content-build{display:flex}@media (max-width:1000px){.content.content-build{display:block}}.content.content-build .content-form{background:#f6f8fb;flex-basis:500px;flex-shrink:1;height:100%;padding:45px}@media (max-width:1000px){.content.content-build .content-form{height:auto;max-width:100%;width:100%}}.content.content-build .content-form .jumbotron{background:none;border-radius:0}.content.content-build .content-preview{align-items:stretch;display:flex;flex-direction:column;flex-grow:1;padding:45px 0 0}.content.content-build .content-preview .content-toolbar{padding-right:15px}.masthead{background:#434549;box-shadow:0 0 32px rgba(0,0,0,.4);height:auto}.masthead .container-fluid{padding-left:32px;padding-right:0}@media (max-width:1000px){.masthead .container-fluid{padding-left:15px}}.masthead h1{align-items:center;color:#fff;font-size:28px;font-weight:400}@media (min-width:768px){.masthead h1{display:flex}}.masthead h1 a:hover{background:#5b5e63}.masthead h1 .item{color:#fff}.masthead h1 .item:first-child{line-height:67px;margin-left:-32px;margin-right:24px;padding-left:32px;padding-right:24px}@media (min-width:768px){.masthead h1 .item:first-child{border-right:1px solid #5b5e63}}.masthead h1 .item:not(:first-child){font-size:22px}.masthead h1 .item small{display:block;font-size:16px;line-height:1.2em;opacity:.8}@media (max-width:1000px){.masthead h1{line-height:1.5em;padding:15px 0}.masthead h1 .item{display:block}.masthead h1 .item:not(:first-child){border-left:none;margin-left:0;padding-left:0}.masthead h1 small{display:block;line-height:1.2em}}.masthead .logos{display:flex;justify-content:flex-end}@media (max-width:1111px){.masthead .logos{display:none}}.masthead .logo{display:block}.masthead .logo img{display:block;height:67px}.dropupload{margin-top:15px}.dropupload.loading .dropupload-dropzone,.dropupload.loading .dropupload-error,.dropupload.loading .dropupload-success{display:none}.dropupload.loading .dropupload-loading{display:block}.dropupload.error .dropupload-loading,.dropupload.error .dropupload-success{display:none}.dropupload.error .dropupload-dropzone,.dropupload.error .dropupload-error,.dropupload.success .dropupload-success{display:block}.dropupload.success .dropupload-dropzone,.dropupload.success .dropupload-error,.dropupload.success .dropupload-loading{display:none}.dropupload-dropzone{border:2px dashed #ddd;border-radius:3px;height:150px;padding:5px;width:100%}.dropupload-dropzone:hover{cursor:pointer}.dropupload-dropzone:hover .text{background:#bfd4f2;color:#000}.dropupload-dropzone.hover .text{background:#007bff;color:#fff}.dropupload-dropzone .text{align-items:center;background:#fff;border-radius:3px;color:#555;display:flex;flex-direction:column;height:100%;justify-content:center;transition:.15s ease;width:100%}.dropupload-dropzone .text p{margin:0;text-align:center}.dropupload-loading{border:2px dashed #fff;border-radius:3px;display:none;height:150px;padding:5px;width:100%}.dropupload-loading .text{align-items:center;background:hsla(0,0%,100%,.8);color:#999;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.dropupload-loading .text p{margin:0;text-align:center}.dropupload-error{display:none}.dropupload-success{display:none;position:relative}.dropupload-success .preview{display:block;height:150px;width:100%}.dropupload-success .preview img{max-height:100%;max-width:100%}.dropupload-success button.remove{align-items:center;display:flex;justify-content:center}.dropupload-clicker{height:0;overflow:hidden;visibility:hidden}.ad-wrapper{background:#fff;flex-grow:1;padding:15px}.ad-wrapper-tools{width:100%}@media (max-width:1000px){.ad-wrapper-tools .btn{display:block;width:100%}}.ad-wrapper-content{padding-top:45px;position:relative}.ad-wrapper-email-640x480 .ad-wrapper-content,.ad-wrapper-email-text .ad-wrapper-content{max-width:640px}.ad-wrapper-web-text .ad-wrapper-content{max-width:610px}.ad-wrapper-web-top-of-search .ad-wrapper-content{max-width:777px}.ad-wrapper-email-cm-headlines-native .ad-wrapper-content{max-width:686px}.ad-wrapper-content .template-wrapper{position:sticky;top:45px}.build-form .form-title{font-weight:700;letter-spacing:1px}.form-control{border-radius:0}.form-item label{font-weight:700;position:relative}.form-item label .unconfirmed{opacity:1;transition:opacity .15s ease}.form-item label .confirmed,.form-item label .confirmed-alert{left:-20px;opacity:0;position:absolute;top:5px;transition:opacity .15s ease}.form-item .feedback{color:red;font-size:14px;height:20px;line-height:20px;margin-top:5px;opacity:0;transition:opacity .15s ease}.form-item input,.form-item textarea{border:1px solid #ddd;border-radius:0}.form-item .input-group-prepend .input-group-text{background:#fff;border-color:#ddd;border-radius:0}.form-item.invalid .feedback{opacity:1}.form-item.invalid input,.form-item.invalid textarea{border-color:red}.form-item.valid label .confirmed-alert,.form-item.valid label .unconfirmed{opacity:0}.form-item.valid label .confirmed{opacity:1}.form-item.valid .feedback,.form-item.valid-alert label .unconfirmed{opacity:0}.form-item.valid-alert label .confirmed-alert{opacity:1}.form-item.valid-alert label .confirmed{opacity:0}.form-item.valid-alert .feedback{opacity:1}.btn{border-radius:0;transition:all .1s ease}.btn.btn-plain{background:#dcdee0;border-color:#dcdee0;color:#454e58}.btn.btn-plain:hover{background:#bfd4f2;border-color:#bfd4f2;color:#0059b8}.alert{border:none;border-radius:0}