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

form div[class*=col-]{
	padding-left:15px;
	padding-right:15px;
}

label{
	position:relative;
}

.checkbox_label{
	display:block;
}

.field_row{
	margin-bottom:25px;
	line-height:32px;
	font-size:18px
}

.field_row .checkbox_button{
	top:9px;
}

.field01{
	-webkit-appearance: none;
    background:#fff;
    border:1px solid #505050;
    padding:0 10px;
    width:100%;
    height:60px;
    line-height:60px;
    color:inherit;
    font-size:18px;
	font-size:20px;
    font-family: inherit;
	box-sizing:border-box;
	border-radius:0;
	transition:border-color 0.3s linear;
}
.select01{
	width:100%;
	border:1px solid #505050;
	line-height:60px;
	height:60px;
	color:inherit;
	font-size:20px;
	font-family: inherit;
	box-sizing:border-box;
	border-radius:0;
	padding:0 10px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	background:url(../../images/form/m_btn-sel.png) #fff no-repeat center right;
	background-size:50px auto;	
	transition:border-color 0.3s linear;
}
.field01:focus, .select01:focus{
	border-color:#aaa;
}

input[type="checkbox"]{
	opacity:0;
	visibility:hidden;
	position:absolute;
	left:0;
	top:0;
}

.checkbox_button{
	position:absolute;
	left:0;
	top:0;
	width:20px;
	height:20px;
	border:1px solid #505050;
    background:#fff;
}

input[type="checkbox"] + .checkbox_button:before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	transition:background 0.15s linear;
}

input[type="checkbox"]:checked + .checkbox_button:before{	
	background:url(../../images/form/m_checkbox_checked.png) no-repeat center center #645f64;
	background-size:contain;
}


.checkbox_text{
	padding-left:30px;
}

input[type='text']:focus, select:focus, textarea:focus{
    outline:0;
}

input[type="button"],input[type="submit"]{
    opacity:0;
    position:absolute;
    left:0;
    top:0;
}
label.mLabel{
	display:inline-block;
    line-height:82px;
	padding-left:50px;
	padding-right:42px;
	font-size:40px;
	letter-spacing:6px;
	color:#fff !important;
	position:relative;
	display:inline-block;
	text-transform:uppercase;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	font-weight:300;
	cursor:pointer;
	background: #042c58;
    text-shadow:none;
    border-radius:10px;
	border: 2px solid #081a2c;
	position:relative;
	transition:all 0.3s ease-in-out;
}
label.mLabel:hover {
    color: #042c58 !important;
	text-shadow:none;
	animation:none !important;
}

.mLabel:after{
	content:"";
	background:linear-gradient(to right,transparent,rgba(255,255,255,.2));
	-webkit-background:linear-gradient(to right,transparent,rgba(255,255,255,.2));
	-webkit-transform:skewX(-25deg);
	transform:skewX(-25deg);
	position:absolute;
	width:50%;
	height:100%;
	z-index:30;
	top:0;
	left:-75%;
	-webkit-animation:shine 3s infinite;
	animation:shine 3s infinite;
}

@-webkit-keyframes shine{40%, 100%{left:125%}}
@keyframes shine{40%, 100%{left:125%}}

.mBtn-Txt{
	position:relative;
	z-index:10;
}


.mBtn-submit{
    
}
.mBtn-reset{
	background:#bdbdbe;			
}

#btn-submitForm{
	text-decoration:none;
}

#mediEl_dnt .input-group{width: 100%;}
.bootstrap-datetimepicker-widget,.bootstrap-datetimepicker-widget .datepicker{
    width: 100% !important;
}
.bootstrap-datetimepicker-widget{
    font-size:20px;
}
.expect_date_addon{
    background:none;
    border:0;
    width:100%;
    padding:0;
    font-weight:300;
}

@media screen and (max-width:640px){
	.field01, .select01{
		font-size:24px;
		line-height:60px;
		height:60px;
	}
	
	.field_row{
		font-size:24px;
		line-height:60px;
	}
    
	.checkbox_button{
		width:25px;
		height:25px;
        top:4px;
	}
	
	.checkbox_text{
		padding-left:30px;
	}
    
    .bootstrap-datetimepicker-widget{
        font-size:30px;
    }
}

input[type="checkbox"].error + .checkbox_button:before{
	border:2px solid #ff3333;
	left:-1px;
	right:-1px;
	top:-1px;
	bottom:-1px;
}



/* all placeholder */
::-webkit-input-placeholder { color:#042c58;  }
input::-webkit-input-placeholder { color:#042c58;  }
::-moz-placeholder { color:#042c58;  } /* firefox 19+ */
:-ms-input-placeholder { color:#042c58;  } /* ie */
input:-moz-placeholder { color:#042c58;  }

.error {
    border: 2px solid #ff3333 !important;
	/*height: 20px !important;
	background:#f7ffb5 !important;*/
	position:relative;
}

.medi-checked{
	border:1px solid #acacac !important;
	background:#000 !important;
}