*{margin:0 auto;padding:0;outline:0;}
.wrap.mobile{width:360px;}
.wrap.mobile .step-2{display:none;}
.wrap.mobile .step-3{display:none;}
.wrap.mobile .banner{margin:20px auto;}
.wrap.mobile .head .description{margin-bottom:20px;}
.wrap.mobile .continue{width:337px;height:48px;color:#fff;text-align:center;background:#144F00;border-radius:10px 10px 10px 0;font-size:20px;line-height:27px;font-family:Titillium Web;display:block;line-height:48px;text-decoration:none;display:none;}
.wrap.mobile .campaign_name{color:#6F9009;font-size:26px;line-height:24px;display:none;margin:20px auto 10px;font-family:HelveticaT;text-align:center;}
.wrap.mobile .step-2 .top_head{display:block;}


.wrap{width:100%;max-width:511px;height:auto;}
.wrap .head{width:100%;padding:26px 0 3px;}
.wrap .head .logo{width:100%;text-align:center;}
.wrap .head .banner{width:100%;height:auto;}
.wrap .head .description{width:90%;color:#6F6259;font-size:18px;line-height:24px;text-align:center;font-family:Titillium Web;font-weight:700;}
.wrap .content{}
.wrap .content .step{color:#6F9009;font-size:17px;line-height:34px;text-align:center;font-weight:600;font-family:Titillium Web;}
.wrap .content .title{color:#6F6259;text-align:center;font-size:22px;line-height:22px;font-family:Titillium Web;font-weight:700;margin-bottom:10px;}
.wrap .content .description{color:#6F6259;text-align:center;font-size:16px;line-height:22px;font-family:Titillium Web;margin-bottom:10px;}
/* .wrap .content .upload-area{border:dashed 2px #6F6259;width:338px;height:110px;border-radius:10px;margin-bottom:10px;} */

.phppot-container {width:338px;height:auto;position:relative;}
.phppot-container #drop-area{height:84px;width:312px;border-style:dashed;padding:10px;border-color:#999;border-radius:15px;stroke-width:1px;margin-bottom:15px;display:flex;flex-direction:row-reverse;}
.phppot-container #drop-area.error{border-color:red;}
.phppot-container #drop-area div{width:85%;text-align:left;}
.phppot-container #drop-area div{width:80%;}
.phppot-container #drop-area div h3.drop-text {margin:20px 0 10px 0;color:#6F6259;text-align:left;font-size:16px;line-height:20px;font-family:Titillium Web;}
.phppot-container #drop-area div h3.drop-text .upload{text-decoration:underline;cursor:pointer;}
.phppot-container #drop-area div h5 {color:#6F6259;text-align:left;margin:0;font-family:Titillium Web;}
.phppot-container #drop-area img.placeholder{height:60px;margin:17px 15px 0 5px;}
.phppot-container #drop-area img.preview-img{max-width:70px;height:fit-content;width:fit-content;margin:10px 10px 0 0;}
.phppot-container #loader-icon {display:none;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;}
.phppot-container #success-message-info{width:97%;text-align:center;background-color:#164f06;color:#fff;padding:5px;border-radius:10px 10px 10px 0;font-family:Titillium Web;display:none;font-size:18px;}
.phppot-container .trash-icon{position:absolute;top:10px;right:10px;cursor:pointer;margin-left:10px;color:#6F6259;width:28px;height:30px;display:inline-block;vertical-align:middle;background:url("../images/trash-icon.png") no-repeat center;}

.step-2{width:346px;}
.wrap .content .step-2 .title{margin-bottom:20px;}
.form form line{display:block;width:calc(100% - 2px);height:42px;border:solid 1px #6F6259;border-radius:10px 10px 10px 0;position:relative;margin-bottom:20px;}
.form form line label[for],
.form form line input,
.form form line select
{position:absolute;top:0;left:5%;width:90%;height:100%;border:none;background-color:transparent;color:#6F6259;font-size:14px;line-height:42px;font-family:Titillium Web;}
.form form line label[for]{transition:.2s;}
.form form line label{z-index:2;}
.form form line input{z-index:1;}
.form form line select{z-index:1;}
.form form line.focus label[for]{left:9px;width:auto;height:auto;font-size:11px;line-height:14px;top:-13px;background-color:#fff;padding:0 2px;display:inline;}
.form form line.check{border:none;height:auto;float:left;clear:both;}
.form form line.check:first-child{height:46px;}
.form form line.check:nth-child(2){height:90px;}
.form form line.check label{text-align:left;}
.form form line.check label span{display:block;float:left;width:90%;font-family:Titillium Web;line-height:20px;}
.form form line.check label span a{color:#000;font-weight:700;text-decoration:none;}
.form form line.check label input[type="checkbox"]{width:23px;height:23px;float:left;position:unset;margin-right:10px;}
.form form button{width:100%;height:48px;color:#fff;font-size:20px;background-color:#164f06;border:none;border-radius:10px 10px 10px 0;margin:20px 0;cursor:pointer;}
.form form button:disabled{background-color:gray !important;}
.form form line.error{border:solid 1px red;}
.form form line.hiden{display:none;}
.form form .alert{font-size:20px;line-height:40px;font-family:Titillium Web;border-radius:10px 10px 10px 0;border:0px;clear:both;text-align:center;clear:both;}
.form form .alert.error{color:red;border:solid 1px red;}
.step-2 .top_head{display:none;}
.step-3{width:360px;}
.step-3 .top_head{width:340px;height:52px;text-align:left;}
.step-3 .top_head span.back{width:24px;height:24px;display:inline-block;cursor:pointer;margin-top:10px;}
.step-3 .top_head span.back img{}

.step-3 .thank_you{width:310px;height:240px;background:#144F00;border-radius:10px;text-align:center;padding:70px 15px 20px;margin-bottom:12px;}
.step-3 .thank_you img{margin-bottom:14px;}
.step-3 .thank_you .headline{font-size:30px;line-height:36px;color:#fff;font-family:Helvetica;}
.step-3 .thank_you .subheading{font-size:20px;line-height:22px;color:#fff;font-family:Titillium Web;margin-bottom:38px;width:240px;}
.step-3 .thank_you .content{width:315px;font-size:14px;line-height:21px;color:#fff;font-family:Titillium Web;margin-bottom:20px;}

.step-3 .discover{width:270px;height:60px;text-align:center;background:#D6D1CA;border-radius:10px;display:block;margin-bottom:24px;padding:20px 35px;text-decoration:none;}
.step-3 .discover .title{color:#144F00;font-size:20px;line-height:31px;font-family:Titillium Web;font-weight:600;display:block;}
.step-3 .discover img{clear:both;width:26px;height:26px;margin:0 auto;}

.step-3 .follow{text-align:center;width:100%;padding-bottom:20px;}
.step-3 .follow .text{color:rgba(0,0,0,.75);font-size:14px;line-height:20px;font-family:Titillium Web;}
.step-3 .follow .social{width:188px;display:flex;text-align:center;margin: 12px auto 20px;}
.step-3 .follow .social .facebook{width:35px;height:35px;background:url(../images/icon-facebook.png) no-repeat center center;}
.step-3 .follow .social .youtube{width:35px;height:35px;background:url(../images/icon-youtube.png) no-repeat center center;}
.step-3 .follow .social .instagram{width:35px;height:35px;background:url(../images/icon-instagram.png) no-repeat center center;}
.step-3 .contact_us{color:rgba(0,0,0,.75);font-size:14px;line-height:20px;font-family:Titillium Web;text-decoration:underline;}

.wrap.mobile .step-2{display:none;}
.wrap .step-3{display:none;}