/* >> News CSS
----------------------------------------------------*/

.s-form{margin-bottom: 1em;}
.s-form .form-title{margin-bottom: 0.5em; font-weight: bold; font-style: italic;}
.s-form.radio{margin-bottom: 0.5em;}
.s-form .input_name{font-weight: bold; margin-bottom: 4px;}
.s-form .bt-contr{padding-bottom: 0.5em; border-bottom: 1px solid #dedede; margin-bottom: 1em;}
.s-form .bt-contr button{border: none; width: 100%; text-align: left; font-weight: bold; font-style: italic; color: #626262; font-size: 1em; cursor: pointer; padding: 0; background: url("../images/icon-more_op.png") no-repeat right center;}
.s-form .bt-contr button:hover{color: #CD1719; background: url("../images/icon-more-h_op.png") no-repeat right center;}
.s-form input{width: 100%; padding: 6px 0 6px 5px; font-family: 'Open Sans', sans-serif; font-size: 1em; outline-color: #cd1719; border-radius: 2px; border: 1px solid #7f7f7f;}
.s-form .felt-cbox {text-align: left; width: 10%; padding: 6px 0 6px 5px; font-family: 'Open Sans', sans-serif; font-size: 1em; outline-color: #cd1719; border-radius: 2px; border: 1px solid #7f7f7f;}
.form-text{font-size: 0.75em;}

input.submit{background-color: #cd1719; color: #fff; border: none; width: 152px; padding: 10px 0; text-transform: uppercase; margin: 0.5em auto 0; display: block; cursor: pointer; font-size: 1em; outline: none; margin-top: 2em; border-radius: 4px; -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;}
input.submit2{background-color: #cd1719; color: #fff; border: none; padding: 10px; text-transform: uppercase; margin: 0.5em auto 0; display: block; cursor: pointer; font-size: 1em; outline: none; margin-top: 2em; border-radius: 4px; -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;}
.s-form textarea{width: 100%; padding: 0.325em 0.5em; font-family: 'Open Sans', sans-serif; font-size: 1em; outline-color: #cd1719; border-radius: 2px; border: 1px solid #7f7f7f; min-height: 150px;}
.s-form .alert{color: #cd1719; font-size: 0.75em; margin-bottom: 2px;}
.s-form select{width: 100%; padding: 7px 0 7px 5px; border: 1px solid #7f7f7f; border-radius: 2px; color: #7f7f7f; font-size: 1em;}
.s-form select:focus{border: 1px solid #cd1719; outline: none;}

.regular-checkbox{display: none; width: 100%;}
.regular-checkbox + label{width: 20px; height: 20px; background-color: #fff; border: 1px solid #7f7f7f; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 0px; border-radius: 3px; display: block; position: relative; float: left; margin-right: 0.5em; z-index: 2;}
.regular-checkbox + label:active,
.regular-checkbox:checked + label:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.regular-checkbox:checked + label{box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);}
.regular-checkbox:checked + label:after{content: '\2714'; font-size: 14px; position: absolute; top: 2px; left: 3px; color: #cd1719;}
.checkbox-text, .radio-text{line-height: 20px; text-align: justify; display: block;}

.ck-button{background-color: #fff; border-radius: 4px; border: 1px solid #dedede; overflow: hidden; float: left; width: 100%; margin-bottom: 0.5em;}
.ck-button label{float: left; width: 100%;}
.ck-button label span{text-align: center; padding: 7px 0.875em; display: block; border-radius: 4px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;}
.ck-button label input{display: none; /* position: absolute; top: -20px; */}
.ck-button input:checked + span {background-color: #cd1719; color: #fff;}

.adv_search input.submit{margin-bottom: 1em;}

.ck-contr{display: none;}

.answer{text-align: center; color: #CD1719; margin-top: 1em;}


/* >> PC
--------------------------------------------*/
@media only screen and (min-width: 520px){
    
    .ck-button{margin: 0 0.5em 0.5em 0; width: auto;}
    .ck-button label span{text-align: left;}

    .s-form.pass{text-align: center;}
    .s-form.pass input{width: 250px; margin-left: auto; margin-right: auto; display: block;}
    .s-form.pass input.submit{margin: 0.5em auto 0;}
}