@charset "utf-8";
/* CSS Document */

/*_____________FEEDBACK CSS START HERE____________*/
/*------------------------------------------------*/

.feedback-page-section{ padding:30px 0;}
.feedback-section h2{ font-size:26px; color:#2b384b; font-weight:700; padding:0 0 25px; margin:0;}
.feedback-section > h2 { display:inline-block;}
.feedback-details{ border:solid 1px #e0e0e0; border-radius:5px; margin-bottom:30px; padding:20px;}
.feedback-yes-no{ float:right;}
.feedback-details > span{ font-size:16px; color:#353535; font-weight:400; float:left;}
.feedback-details > span b{ display:block; font-size:13px; font-weight:500; display:block; color:#ed9512;}
.feedback-details .clearfix{ padding:15px 0;}
.feedback-details .comment-box{ padding:25px; margin:15px -20px -20px; background:#f0f0f0; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd;}
.feedback-details .comment-box textarea{ background:#fff; padding:15px; border:solid 1px #ddd; border-radius:5px; font-size:15px; font-weight:400; color:#353535; width:100%; height:150px;}


/* _________________ CHECKBOX AND RADIO BUTTON CSS START HERE _______________ */
/*---------------------------------*****-------------------------------------*/
.feedback-details .feedback-control-group { vertical-align:top; text-align:left;}
.feedback-details .control {display:block;position:relative;padding-left:30px;float:left; margin-left:20px;margin-bottom:15px;cursor:pointer;font-size:15px;font-family: 'Roboto', sans-serif; font-weight:400;}
.feedback-details .control input {position:absolute;z-index:-1;opacity:0;}
.feedback-details .control__indicator {position:absolute;top:2px;left:0;height:20px;width:20px;background:#ddd;}
.feedback-details .control--radio .control__indicator {border-radius:50%;}
.feedback-details .control:hover input ~ .control__indicator, .feedback-details .control input:focus ~ .control__indicator {background:#ccc;}
.feedback-details .control input:checked ~ .control__indicator {background:#ffb028;}
.feedback-details .control:hover input:not([disabled]):checked ~ .control__indicator, .feedback-details .control input:checked:focus ~ .control__indicator {background:#df910a;}
.feedback-details .control input:disabled ~ .control__indicator {background:#d5d5d5;opacity:0.6;pointer-events:none;}
.feedback-details .control__indicator:after {content:'';position:absolute;display:none;}
.feedback-details .control input:checked ~ .control__indicator:after {display:block;}
.feedback-details .control--checkbox .control__indicator:after {left:7px;top:4px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg); box-sizing:border-box;}
.feedback-details .control--checkbox input:disabled ~ .control__indicator:after {border-color:#666;}
.feedback-details .control--radio .control__indicator:after {left:7px;top:7px;height:6px;width:6px;border-radius:50%;background:#fff;}
.feedback-details .control--radio input:disabled ~ .control__indicator:after {background:#666;}

/* _________________ CHECKBOX AND RADIO BUTTON CSS END HERE _______________ */
/*---------------------------------*****-------------------------------------*/

.leave-feedback-button { display:block; float:left; color:#fff; padding:8px 25px; margin:35px 0 0; border-radius:4px; font-size:18px; text-transform:uppercase;
    font-weight:700; border:solid 1px #ed9512;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb03a+0,ed9512+100 */
    background: #ffb03a; /* Old browsers */
    background: -moz-linear-gradient(top, #ffb03a 0%, #ed9512 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffb03a 0%,#ed9512 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffb03a 0%,#ed9512 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb03a', endColorstr='#ed9512',GradientType=0 ); /* IE6-9 */
}
.leave-feedback-button:hover{display:block; text-decoration:none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed9512+0,ffb03a+100 */
    background: #ed9512; /* Old browsers */
    background: -moz-linear-gradient(top, #ed9512 0%, #ffb03a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ed9512 0%,#ffb03a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ed9512 0%,#ffb03a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9512', endColorstr='#ffb03a',GradientType=0 ); /* IE6-9 */
}
.red-close-button { display:block; float:left; color:#fff; padding:8px 25px; margin:0 15px; border-radius:4px; font-size:18px; text-transform:uppercase;
    border:solid 1px #df5444;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7566+0,df5444+100 */
    background: #ff7566; /* Old browsers */
    background: -moz-linear-gradient(top, #ff7566 0%, #df5444 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff7566 0%,#df5444 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff7566 0%,#df5444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7566', endColorstr='#df5444',GradientType=0 ); /* IE6-9 */
}
.red-close-button:hover{display:block; text-decoration:none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#df5444+0,ff7566+100 */
    background: #df5444; /* Old browsers */
    background: -moz-linear-gradient(top, #df5444 0%, #ff7566 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #df5444 0%,#ff7566 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #df5444 0%,#ff7566 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df5444', endColorstr='#ff7566',GradientType=0 ); /* IE6-9 */
}

@media (min-width:300px) and (max-width:767px) {
    .feedback-page-section { padding-top:0;}
    .feedback-section > h2 { font-size:22px; padding:15px;}
    .feedback-section{ margin-left:-15px; margin-right:-15px;}
    .feedback-details > span{ float:none; display:block;}
    .feedback-yes-no{ float:none;}
    .feedback-details .control{ margin-left:0; margin-right:15px; margin-top:15px;}
    .feedback-details .comment-box{ padding:15px;}

}

/*___________Ipad Responsive CSS Here________*/

@media (min-width:768px) and (max-width:991px) {

    .feedback-page-section { padding-top:0;}
    .feedback-section > h2{ padding:25px 0;}

}

#processing_feedback {
    font-size: 29px;
    display: none;
    margin-top: 35px;
}