@charset "utf-8";
/* CSS Document */
 

h1, h2, h3, h4, h5, h6{
font-weight: normal;
margin: 0;
padding: 0;
}

h1{
font-size: 56px;
font-weight:bold;
}

h2{
font-size: 48px;
}

h3{
font-size: 36px;
}

h4{
font-size: 26px;
font-weight: bold;
}

h5{
font-size: 20px;
font-weight: bold;
}

h6{
font-size: 18px;
font-weight: bold;
}

.floatRight{
	float: right!important;
}


.btn{
display: inline-block;
white-space: nowrap;
text-align: center;
cursor: pointer;
transition: all .3s cubic-bezier(.645,.045,.355,1);
user-select: none;
touch-action: manipulation;

font-size: 18px;
height: 46px;
line-height: 46px;
padding: 0 30px;
min-width: 140px;
margin: 5px 16px;

color: #fff;
background-color: #007DC5;
font-weight: 600;
border-radius: 4px;
}


input.btn {
	border:0px !important;
	padding: 0 80px !important;
}

.btnBorder{
color: #007DC5;
height: 44px;
line-height: 44px;
background-color: transparent;
border: 1px #007DC5 solid;
}

.btnLarge{
font-size: 24px;
height: 68px;
line-height:  68px;
min-width: 320px;
padding: 0 32px;
}


.btn:hover{
background-color: #0098ef;
box-shadow:0px 0px 12px rgba(0,0,0,0.2);
}

.btnBorder:hover{
color: #0098ef;
background-color: #fff;
}

.btnsWrap{
text-align: center;
margin: 80px 0;
}


.form{
max-width: 900px;
margin: auto;
}

.form input[type="text"], .form input[type="email"] ,
.form textarea{
display: block;
border: 1px #cccccc solid;
font-family: inherit;
color: #3c3c3c;
font-size: inherit;
width: 100%;
padding: 0 12px;
box-sizing: border-box;
height: 46px;
line-height: 46px;
border-radius: 4px;

-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.form input:focus,
.form textarea:focus{
border-color: #007DC5;
outline: 0;
box-shadow:0px 0px 4px rgba(0,125,197,0.3);
}

.form .hasError input,
.form .hasError textarea,
.form .hasError select{
	border-color: #f5222d;
}

.form .hasError input:focus,
.form .hasError textarea:focus{
	border-color: #f5222d;
	box-shadow:0px 0px 4px rgba(245,34,45,0.3);
}

.form select{
height: 46px;
line-height: 46px;
width: 100%;
font-family: inherit;
color: #3c3c3c;
font-size: inherit;
}
.formRow{
margin-left: 10px;
margin-right: 10px;
margin-bottom: 30px;
}
.formRow .label{
margin-bottom: 8px;
}
.formRow.hasError {
margin-bottom: 0;
}

.formRow .error {
height: 30px;
color: #f5222d;
padding-top: 2px;
font-size: 14px;
text-align: right;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}

.red {
color: #f5222d;
	
}

.formRow .error2 {
height: 30px;
color: #f5222d;
padding-top: 2px;
font-size: 14px;
text-align: right;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}

.form .secondFiled{
margin-top: 8px;
}




@media (max-width: 768px) {

.btnLarge{

}

.btnXLarge{

}


}




@media (max-width: 640px) {


h1{
font-size: 42px;
}

h2{
font-size: 36px;
}

h3{
font-size: 28px;
}

h4{
font-size: 24px;
}

h5{
font-size: 20px;
}

h6{
font-size: 16px;
}

.btn{
font-size: 16px;
}

.btnLarge{
font-size: 18px;
height: 44px;
line-height: 44px;
min-width: 80px;
padding:  0 20px;
}

.form input[type="text"], .form input[type="email"] ,
.form textarea{
height: 32px;
line-height: 32px;
}
.form select{
height: 32px;
line-height: 32px;
}

.formRow{
margin-left: 0px;
margin-right: 0px;
margin-bottom: 20px;
}
.formRow .error {
height: 20px;
}
.formRow .label {
    margin-bottom: 4px;
}

.form .btnPrev{
    padding: 0 8px;
    min-width: 100px;
	margin: 5px;
}
.form .btnNext{
    padding: 0 16px;
    min-width: 100px;
	margin: 5px;
}

.btnsWrap{
text-align: center;
margin: 30px 0;
}






}
