body { background: #f5f5f5; }
.unsubscribe-accordion { width: 100%; margin: 0 auto; margin-top: 10px; }
.accordion-main { padding-bottom: 43px; }
.accordion-section { padding: 43px 0 0 0; }
.unsubscribe-accordion .accordion-content { padding: 20px; margin-bottom: 20px; background: #f2f2f2 }
.unsubscribe-accordion .accordion-content.active { background: #fbfbfb; }
.unsubscribe-accordion .accordion-title { padding-bottom: 16px; font-size: 0; cursor: pointer; border-bottom: 1px dashed #000 }
.unsubscribe-accordion .trigger { background: url(right-icon.png) no-repeat bottom right; margin: 0 20px; display: inline-block; width: 29px; height: 29px; vertical-align: middle; cursor: pointer; }
.unsubscribe-accordion .accordion-content.active .trigger { background-position: top left; }
.unsubscribe-accordion .title { display: inline-block; color: #000; font-size: 18px; font-family: 'Arial'; line-height: 30px; vertical-align: middle; width: 90%; background: url(according-arrow-revers.png) no-repeat right center }
.unsubscribe-accordion .accordion-content.active .title { background: url(according-arrow.png) no-repeat right center; }
.unsubscribe-accordion .accordion-txt { margin: 0; width: 100%; }
.unsubscribe-accordion .open { width: 90% !important }
.unsubscribe-accordion .accordion-txt h3 { font-size: 26px; font-family: 'Arial'; border-bottom: 1px dashed #000; padding-bottom: 20px; margin: 0 }
.unsubscribe-accordion .accordion-txt p.last { padding-bottom: 0; }
.unsubscribe-accordion .accordion-txt .check { padding: 20px 0 35px; border-bottom: 1px dashed #000; }
.unsubscribe-accordion .accordion-txt .check h4 { font-size: 24px; font-family: 'Arial'; font-weight: 400; margin-bottom: 25px }
.unsubscribe-accordion .accordion-txt .checkbox { display: inline-block; margin-right: 20px }
.unsubscribe-accordion .accordion-txt input { opacity: 0; margin-right: 25px; }
.unsubscribe-accordion .accordion-txt label { cursor: pointer; }
.unsubscribe-accordion .accordion-txt .checkbox { background: url(right-icon.png) no-repeat left -54px; height: 29px; position: relative; }
.unsubscribe-accordion .accordion-txt .change { background: url(right-icon.png) no-repeat left top; position: relative }
.unsubscribe-accordion .accordion-txt .row { padding-top: 10px }
.unsubscribe-accordion .accordion-txt .row input { opacity: 1; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; border: 1px solid #d9d9d9; padding: 15px 0 15px 0; text-align: center; width: 100%; background: #fff url(right.png) no-repeat 97% center }
.unsubscribe-accordion .accordion-txt .row input:focus { border: 1px solid #d14e11; transition: 0.5s ease-in; -webkit-transition: 0.5s ease-in; -moz-transition: 0.5s ease-in; -ms-transition: 0.5s ease-in; -o-transition: 0.5s ease-in; }
.unsubscribe-accordion .accordion-txt .row h4 { font-size: 24px; font-family: 'Arial'; font-weight: 400; margin-bottom: 28px }
.unsubscribe-accordion .accordion-txt .form-submit { float: left; margin-top: 30px; }
.unsubscribe-accordion .accordion-txt .form-submit i { background: url(icon.png) no-repeat; width: 15px; height: 14px; background-position: -50px -1px; position: absolute; right: 10px; top: 16px; }
.unsubscribe-accordion .accordion-txt .form-submit button:hover, .unsubscribe-accordion .accordion-txt .form-submit button:focus { background: #000; }
.unsubscribe-accordion .feed-form {width: 100%; }
.unsubscribe-accordion .feed-form .check { width: 100%; float: left; border-bottom: none; padding-bottom: 0 }
.unsubscribe-accordion .feed-form .form-group { width: 31%; margin: 25px 25px 0 0; float: right }
.unsubscribe-accordion .feedback .form-group textarea { -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; border: 1px solid #d9d9d9; padding: 10px; background: #fff }
.unsubscribe-accordion .feedback .form-group textarea:focus { border: 1px solid #d14e11; transition: 0.5s ease-in; -webkit-transition: 0.5s ease-in; -moz-transition: 0.5s ease-in; -ms-transition: 0.5s ease-in; -o-transition: 0.5s ease-in; }
.unsubscribe-accordion .feedback h3 { border: none; }
.unsubscribe-accordion .feedback .checkbox { min-width: 245px; margin-bottom: 25px; }
.unsubscribe-accordion .feedback .form-submit { clear: both; margin: 0; width: 100%; }
.unsubscribe-accordion .feed-form .unhappy { float: left; margin: 27px 0 0 15px }
#errormsg, #errorunsub {
    border: 2px solid #4CAF50;
    border-radius: 8px;
    background: rgba(174, 253, 214, 0.5);
    padding: 5px;
    clear: both;
    display: none;
    margin-top: 10px;
}
.errormsg {
    color: #ff0000;
}

@media only screen and (max-width: 479px) {
    .box, .box img {
        width: 90%;
    }

    .unsubscribe-accordion .title {
        font-size: 16px;
        line-height: 27px;
        width: 100%;
    }
    form {
        width: 100%;
    }
    .unsubscribe-accordion .accordion-content.active .title {
        background: none !important;
    }
    .unsubscribe-accordion .title {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .unsubscribe-accordion .accordion-txt .row h4 {
        margin: 10px !important;
    }
    .unsubscribe-accordion .accordion-txt .form-submit button { width: 100%; }

}