html{
	min-height: 100%;
}
body{
	min-height: 100%;
	color: rgb(33, 33, 33);
	font-family: "MyriadPro-Regular";  
}

.col-center-block {
    float: none;
    display: block;
    margin: 0 auto;
    /* margin-left: auto; margin-right: auto; */
}

.margin-top-50{
	margin-top: 50px !important;
}
.margin-top-20{
	margin-top: 20px !important;
}
.margin-top-25{
	margin-top: 25px !important;
}
.margin-top-30{
	margin-top: 30px !important;
}
.margin-bottom-20{
	margin-bottom: 20px;
}
.padding-left-0{
	padding-left: 0!important;
}
.text-align-center{
	text-align: center;
}
.vis_hidden {
    visibility: hidden;
}
.success{
	color: green;
}
.error{
	color: red;
}
.checkbox .cr .cr-icon, .radio .cr .cr-icon {
    color: #fff;
    transition: all .3s;
}
.checkbox label input[type="checkbox"]:checked+.cr, 
.radio label input[type="radio"]:checked+.cr {
    background-color: rgb(202, 35, 62);
    border: transparent;
    transition: all .3s;
}

.bg-page{
	background: url('../images/bg.jpg') no-repeat top right;
	background-size: cover;	
}

.bg-form{
	margin-top: 50px;
	margin-bottom: 25px;
	border-radius: 10px;
  	background-color: rgba(255, 255, 255,.95);
  	padding: 45px 40px 40px;
}
.color-dealer{
	color: rgb(202, 35, 62);
}
form h2{
	font-size: 30px;
	font-family: "MyriadPro-Semibold"; 
	color: rgb(56, 56, 56);  
}

form .form-group .form-control{
    padding: 0;
    
    font-size: 14px;
    color: rgb(33, 33, 33);
    color: rgba(33, 33, 33, 0.702);
    line-height: 1.2;
    
    height: 44px;
    border: none;
    border-bottom: 1px solid rgba(146,146,146,.4);
    border-radius: 0;
    background-color: transparent;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

	form .form-group .input-group-addon{
		border-top: none;
		border-right: none;
		background-color: transparent;
	}
	
	form .form-group textarea.form-control{
		height: 60px;
		resize: none;
	}



		.formButton{
			position: relative;

			display: inline-block;	
			width: 190px;
		 	height: 44px;
		 	border-radius: 10px;
		 	border-width: 2px;
		    border-style: solid;
		 	cursor: pointer;
		 	text-align: center;
		 	padding: 0;
		    box-sizing: border-box;	

		   	font-size: 16px;
			color: rgb(255, 255, 255);
			font-family: "MyriadPro-Semibold";   

		    -webkit-transition: all .3s;
		    -o-transition: all .3s;
		    transition: all .3s;
		}
			.formButton:hover,
			.formButton:active,
			.formButton:focus{
				color: rgb(255, 255, 255);
			}
			

		.formButton1{
            background-image: -moz-linear-gradient( 90deg, rgb(178,11,39) 0%, rgb(233,65,91) 100%);
            background-image: -webkit-linear-gradient( 90deg, rgb(178,11,39) 0%, rgb(233,65,91) 100%);
            background-image: -ms-linear-gradient( 90deg, rgb(178,11,39) 0%, rgb(233,65,91) 100%);            
		    
		    -moz-border-image: -moz-linear-gradient(top, rgb(43,103,152) 0%, rgb(96,156,204) 100%);
	        -webkit-border-image: -webkit-linear-gradient(top, rgb(43,103,152) 0%, rgb(96,156,204) 100%);
	        border-image: linear-gradient(to bottom, rgb(43,103,152) 0%, rgb(96,156,204) 100%);

	       	border-image-slice: 0;
		}
			.formButton1:hover{
				background-image: -moz-linear-gradient( 90deg, rgb(234,67,95) 0%, rgb(228,7,44) 100%);
                background-image: -webkit-linear-gradient( 90deg, rgb(234,67,95) 0%, rgb(228,7,44) 100%);
                background-image: -ms-linear-gradient( 90deg, rgb(234,67,95) 0%, rgb(228,7,44) 100%);  
			}	
			.formButton1:active{
				background-image: -moz-linear-gradient( 90deg, rgb(233,65,91) 0%, rgb(233,65,91) 100%);
                background-image: -webkit-linear-gradient( 90deg, rgb(233,65,91) 0%, rgb(233,65,91) 100%);
                background-image: -ms-linear-gradient( 90deg, rgb(233,65,91) 0%, rgb(233,65,91) 100%);
			}
			.formButton .preloader {
			    position: absolute;
			    top: 50%;
			    left: 50%;
			    margin-left: -8px;
			    margin-top: -5px;
			}


/* DateTime Picker */
.bootstrap-datetimepicker-widget table td.today:before{
	border-bottom-color: rgb(202, 35, 62);
}
.bootstrap-datetimepicker-widget table td.active, 
.bootstrap-datetimepicker-widget table td.active:hover{
	background-color: rgb(202, 35, 62);
}
.bootstrap-datetimepicker-widget table td span.active{
	background-color: rgb(202, 35, 62);
}
.picker-switch a,
.timepicker a,
.datepicker .prev,
.datepicker .next{
	color: rgb(202, 35, 62);
	transition: all .3s;
}
.picker-switch a:hover,
.timepicker a:hover,
.datepicker .prev:hover,
.datepicker .next:hover{
	color: rgb(163, 30, 45);
}
.input-group-addon{
	border-radius: 0;
}

@media (max-width: 767px){
	.bg-form{
		border-radius: 0;
		margin-top: 0;
		margin-bottom: 0;
	}
}