/*********************************/
/*popin*/
/*********************************/
.component.popin form {position:relative}
.component.popin .title{color:#2A7B96;padding:0 0 10px 0}
.component.popin .field {overflow:hidden;margin-bottom:5px}
.component.popin label {display: inline-block;width: 45%;margin:0}
.component.popin input, .component.popin textarea {border: 1px solid #d8d8d8;border-radius: 3px;color: #666666;padding: 5px;width:100%;margin:0;resize:none;}
.component.popin input:focus, .component.popin textarea:focus {border: 1px solid #153e4b}
.component.popin label + * {display:inline-block;float:right; width:54%}
.component.popin .contact_form_success .dismiss{border:0; color:inherit; width:auto; /* Cancel global popin styles on this OK input */}
.component.popin .nagare-error-input{width:100%}
.component.popin .actions{padding: 20px 0;overflow:hidden;}
.component.popin .button{cursor:pointer;background-color: #BDC0B7;color: #ffffff;border: 0;display: inline-block;text-align: center;border-radius: 2px;font-size: 16px;font-weight: bold;height: 30px;line-height: 30px;padding: 0 20px;text-decoration: none}
.component.popin .button.send{float:right}
.component.popin .button.cancel{float:left}
.component.popin .button:hover{background-color:#153e4b}


@media  screen and (max-width:480px){
    .component.popin > .popin-content{width:100%;padding:10px;margin-top:0}
    .component.popin  label {display: inline-block;width: 100%;margin:0}
    .component.popin  input, .component.popin textarea {width:100%;float:none}
    .component.popin .captcha-label{width:100%}
    .component.popin .captcha-image{margin-bottom:10px}
    .component.popin .mandatory-legende{position:absolute;bottom:0}
    .component.popin .actions{padding:25px 0 35px 0}
    .component.popin  button {width:100%;margin-bottom:15px}
    .component.popin  button.cancel {float:none}
}