/* Footer form*/
.cd-popup.faithful .suf-popup-container {width:100%; height:90vh; max-height:1000px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:url('../img/popup-form_bgr_1_m.png') no-repeat 50% 50%; background-size:cover;}
.cd-popup.faithful .suf-popup-inner {width:85%; margin:0 auto; padding-top:22.5%;}
.cd-popup.faithful .suf-popup-inner h2 {font-size:2.5em; color:#42210b; text-align:center; line-height:35%; margin:0;}
.cd-popup.faithful .suf-popup-inner h2 span {display:block; font-size:0.5em; padding:7px 0 0 0; vertical-align:middle;}
.cd-popup.faithful .suf-popup-inner h3 {font-family:mrs-eaves,serif; font-style:italic; font-size:1.1em; color:#42210b; line-height:110%; text-align:center; padding:0; margin-bottom:6%;}
.cd-popup.faithful .suf-popup-inner form {text-align:center;}
.cd-popup.faithful .suf-popup-inner input,
.cd-popup.faithful .suf-popup-inner select {display:inline-block; width:100%; min-height:0; height:1.7em; padding:5px 5px 0; margin:0 0 10px 0; color:#a27c5b; font-size:1.1em; letter-spacing:1px; text-transform:uppercase; border:none; border-bottom:1px solid #42210b; background:rgba(0,0,0,0); box-sizing:border-box;}
.cd-popup.faithful .suf-popup-inner input {text-indent:2px;}
.cd-popup.faithful .suf-popup-inner input:focus, .cd-popup.faithful .suf-popup-inner select:focus {outline:none; border:none; border-bottom:1px solid #42210b;} 
.cd-popup.faithful .suf-popup-inner input[type=checkbox] {width:1em; height:0.9em; margin:0 5px 0 0; vertical-align:middle;}
.cd-popup.faithful .suf-popup-inner label {color:#42210b;}
.cd-popup.faithful .suf-popup-inner input[type=submit] {width:100%; height:auto; color:#fff; line-height:100%; font-size:1.5em; padding:5px 10px 12px; margin:25px auto 0; background:#c69c6d; border:none; border-radius:5px; transition:all 0.25s;}
.cd-popup.faithful .suf-popup-inner input[type=submit]:hover {background:#42210b;}
.cd-popup.faithful .suf-popup-inner .cd-separator {display:block; width:30%; padding:6% 0 0 0; margin:0 auto 6%; border-bottom:2px solid #a27c5b;}
.cd-popup.faithful .suf-popup-inner .suf-newsletter-thankyou {display:none;}
.cd-popup.faithful .suf-popup-close {position:absolute; top:-10px; right:10px; width:30px; height:30px; background-color:#a27c5c; border-radius:50%;}
.cd-popup.faithful .suf-popup-close span {display:none;} 
.cd-popup.faithful .suf-popup-close:before {display:block; width:100%; height:100%; content:'X'; font-family:Verdana, sans-serif; color:#000; line-height:30px; font-weight:bold; text-align:center;}

/* Popup form*/
.puf-popup.faithful {position:fixed; left:0; top:0; height:100%; width:100%; background-color:rgba(0,0,0,0.9); opacity:0; visibility:hidden; transition:opacity .3s 0s,visibility 0s .3s; z-index:1050; overflow:scroll; box-sizing:border-box;}
.puf-popup.faithful.is-visible {opacity:1; visibility:visible; transition:opacity .3s 0s,visibility 0s 0s;}
.puf-popup.faithful .puf-popup-container {width:95vw; height:126vw; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:url('../img/popup-form_bgr_2.png') no-repeat 50% 50%; background-size:contain;}
.puf-popup.faithful .puf-popup-inner {width:75%; margin:0 auto; padding-top:40%; text-align:center;}
.puf-popup.faithful .puf-popup-inner h2 {font-size:1.8em; color:#42210b; line-height:55%;}
.puf-popup.faithful .puf-popup-inner h3 {font-family:mrs-eaves,serif; font-style:italic; font-size:1em; color:#a27c5b; line-height:120%; padding:0 4%; margin-bottom:10%;}
.puf-popup.faithful .puf-newsletter-intro {display:block;}
.puf-popup.faithful .puf-newsletter-signup {display:none;}
.puf-popup.faithful .puf-newsletter-thankyou {display:none;}
.puf-popup.faithful .puf-separator {display:block; width:30%; padding:8% 0 0 0; margin:0 auto 8%; border-bottom:2px solid #a27c5b;}
.puf-popup.faithful .puf-join-btn {display:block; width:90%; height:auto; color:#fff; line-height:100%; font-size:0.8em; text-transform:uppercase; padding:15px 10px; margin:0 auto; background:#c69c6d; border:none; border-radius:5px; transition:all 0.25s; cursor:pointer;}
.puf-popup.faithful .puf-join-btn:hover {background:#42210b;}
.puf-popup.faithful .puf-popup-inner form {text-align:center;}
.puf-popup.faithful .puf-popup-inner input,
.puf-popup.faithful .puf-popup-inner select {display:inline-block; width:100%; min-height:0; height:1.8em; padding:5px; margin:0 0 20px 0; color:#a27c5b; font-size:0.9em; letter-spacing:1px; text-transform:uppercase; border:none; border-bottom:1px solid #42210b; background:rgba(0,0,0,0); box-sizing:border-box;}
.puf-popup.faithful .puf-popup-inner input {text-indent:2px;}
.puf-popup.faithful .puf-popup-inner input:focus, .puf-popup.faithful .puf-popup-inner select:focus {outline:none; border:none; border-bottom:1px solid #42210b;}
.puf-popup.faithful .puf-popup-inner input[type=checkbox] {width:1em; height:0.9em; margin:0 5px 0 0; vertical-align:middle;}
.puf-popup.faithful .puf-popup-inner label {color:#42210b;}
.puf-popup.faithful .puf-popup-inner input[type=submit] {width:100%; height:auto; color:#fff; line-height:100%; font-size:1.35em; padding:5px 10px 10px; margin:0 auto 0; background:#c69c6d; border:none; border-radius:5px; transition:all 0.25s;}
.puf-popup.faithful .puf-popup-inner input[type=submit]:hover {background:#42210b;}
.puf-popup.faithful .puf-popup-close {position:absolute; top:-15px; right:10px; width:30px; height:30px; background-color:#a27c5c; border-radius:50%;}
.puf-popup.faithful .puf-popup-close span {display:none;}
.puf-popup.faithful .puf-popup-close:before {display:block; width:100%; height:100%; content:'X'; font-family:Verdana, sans-serif; color:#000; line-height:30px; font-weight:bold; text-align:center;}


@media (min-width:320px) {
	.puf-popup.faithful .puf-popup-inner input[type=submit] {margin:10px auto 0;}
}

@media (min-width:375px) {
	.cd-popup.faithful .suf-popup-inner h2 {font-size:3em;}
	.cd-popup.faithful .suf-popup-inner h3 {font-size:1.25em;}
	
	.puf-popup.faithful .puf-popup-inner h2 {font-size:2.4em;}
	.puf-popup.faithful .puf-popup-inner h3 {font-size:1.4em;}
	.puf-popup.faithful .puf-popup-inner input, .puf-popup.faithful .puf-popup-inner select {height:2em;}
	.puf-popup.faithful .puf-popup-inner input[type=submit] {font-size:1.8em;}
	.puf-popup.faithful .puf-join-btn {width:75%; font-size:1.1em;}
}

@media (min-width:768px) {
	.cd-popup.faithful .suf-popup-container {width:67vh; max-width:720px;}
	.cd-popup.faithful .suf-popup-inner {width:70%; padding-top:17.5%;}
	.cd-popup.faithful .suf-popup-inner h2 {font-size:5em;}
	.cd-popup.faithful .suf-popup-inner h3 {font-size:1.7em;}
	.cd-popup.faithful .suf-popup-inner input, .cd-popup.faithful .suf-popup-inner select {width:70%; height:3em; font-size:1.35em; margin:0 0 15px;}
	.cd-popup.faithful .suf-popup-inner input[type=submit] {width:70%; height:auto; font-size:2em;}
	.cd-popup.faithful .suf-popup-inner .cd-separator {width:20%; padding:8% 0 0 0; margin:0 auto 6%;}
	
	.puf-popup.faithful .puf-popup-container {max-width:650px; max-height:865px;}
	.puf-popup.faithful .puf-popup-inner h2 {font-size:4em;}
	.puf-popup.faithful .puf-popup-inner h3 {font-size:2.2em;}
	.puf-popup.faithful .puf-popup-inner input, .puf-popup.faithful .puf-popup-inner select {width:70%; height:2em; font-size:1.35em; margin:0 0 30px 0;}
	.puf-popup.faithful .puf-popup-inner input[type=submit] {width:70%; height:auto; font-size:2.2em; margin:40px auto 0;}
	.puf-popup.faithful .puf-join-btn {width:80%; font-size:1.8em; padding:20px 10px;}
	.puf-popup.faithful .puf-popup-close {top:0; right:0;}
}

@media (min-width:820px) {
	.cd-popup.faithful .suf-popup-container {width:95vw; max-width:930px; height:71vw; max-height:700px; background:url('../img/popup-form_bgr_1.png') no-repeat 50% 50%; background-size:contain;}
	.cd-popup.faithful .suf-popup-inner {width:80%; padding-top:12.5%;}
	.cd-popup.faithful .suf-popup-inner h2 {font-size:3.5em;}
	.cd-popup.faithful .suf-popup-inner h2 span {display:inline; padding:0;}
	.cd-popup.faithful .suf-popup-inner h3 {font-size:1.5em; padding:0 6%;}
	.cd-popup.faithful .suf-popup-inner input, .cd-popup.faithful .suf-popup-inner select {width:calc(45% - 30px); height:2em; font-size:1.35em; margin:0 15px 15px;}
	.cd-popup.faithful .suf-popup-inner input[type=submit] {width:auto; height:auto; font-size:2em; padding:5px 50px 12px; margin:40px auto 0;}
	.cd-popup.faithful .suf-popup-inner .cd-separator {width:20%; padding:4% 0 0 0; margin:0 auto 4%;}
	.cd-popup.faithful .suf-popup-close {top:0; right:0;}
	
	.puf-popup.faithful .puf-popup-container {max-width:750px; max-height:1000px;}
	.puf-popup.faithful .puf-popup-inner {width:64%; padding-top:40%; text-align:center;}
	.puf-popup.faithful .puf-popup-inner h2 {font-size:4.5em;}
	.puf-popup.faithful .puf-popup-inner h3 {font-size:2.5em; padding:0 6%; margin-bottom:15%;}
	.puf-popup.faithful .puf-popup-inner input, .puf-popup.faithful .puf-popup-inner select {font-size:2em; height:2em; margin:0 0 30px 0;}
	.puf-popup.faithful .puf-separator {width:25%; padding:10% 0 0 0; margin:0 auto 10%;}
	.puf-popup.faithful .puf-join-btn {width:auto; height:auto; font-size:2em; padding:25px 40px; margin:0 auto;}
	
}

@media (min-width:1024px) {
	.cd-popup.faithful .suf-popup-inner {width:70%;}
	.cd-popup.faithful .suf-popup-inner h2 {font-size:3.8em;}
	.cd-popup.faithful .suf-popup-inner h3 {font-size:1.8em;}
	.cd-popup.faithful .suf-popup-inner .cd-separator {padding:6% 0 0 0; margin:0 auto 6%;}
	
	.puf-popup.faithful .puf-popup-inner input, .puf-popup.faithful .puf-popup-inner select {width:100%; height:2em; font-size:1.35em;}
	.puf-popup.faithful .puf-popup-inner input[type=submit] {width:100%; font-size:1.9em; padding:10px 10px 12px;}
}

@media (min-width:1024px) and (orientation:landscape) {
	.puf-popup.faithful .puf-popup-container {height:90vh; width:67.5vh;}
	.puf-popup.faithful .puf-popup-inner h2 {font-size:2.5em;}
	.puf-popup.faithful .puf-popup-inner h3 {font-size:1.5em; padding:0 6%; margin-bottom:15%;}
	.puf-popup.faithful .puf-popup-inner input, .puf-popup.faithful .puf-popup-inner select {width:100%; height:1.6em; font-size:1.35em;}
	.puf-popup.faithful .puf-popup-inner input[type=submit] {width:100%; font-size:1.8em; margin:20px auto 0;}
	.puf-popup.faithful .puf-join-btn {width:auto; font-size:1.2em; padding:15px 25px;}
}

@media (min-width:1200px) {
	.cd-popup.faithful .suf-popup-container {max-width:1000px; max-height:755px;}
	.cd-popup.faithful .suf-popup-inner h2 {font-size:4em;}
	.cd-popup.faithful .suf-popup-inner h3 {font-size:1.8em; padding:0 10%; margin-bottom:6%;}
	.cd-popup.faithful .suf-popup-inner input, .cd-popup.faithful .suf-popup-inner select {height:2.5em; font-size:1.35em;}
	.cd-popup.faithful .suf-popup-inner input[type=submit] {font-size:2em;}
	
	.puf-popup.faithful .puf-popup-container {max-height:750px; max-width:560px;}
	.puf-popup.faithful .puf-popup-inner h2 {font-size:3em;}
	.puf-popup.faithful .puf-popup-inner h3 {font-size:1.8em;}
	.puf-popup.faithful .puf-join-btn {font-size:1.5em;}
}

@media (min-width:1450px) {
	.cd-popup.faithful .suf-popup-inner h3 {font-size:2em;}
	
	.puf-popup.faithful .puf-popup-container {width:600px; max-width:600px; height:800px; max-height:800px; margin:5vh auto 0; position:relative; top:0; left:0; transform:translate(0,0);}
	.puf-popup.faithful .puf-popup-inner h2 {font-size:3.5em;}
	.puf-popup.faithful .puf-popup-inner h3 {font-size:2em;}
	.puf-popup.faithful .puf-join-btn {font-size:1.7em; padding:20px 10px;}
}