*{
 margin: 0;padding: 0;box-sizing: border-box;
}
img{
 width: 100%;
}
input,textarea{
 min-width: 100%;
}
body{
 font-family: 'Calibri',sans-serif;
 background: #eaeaea;
 	color: #A0A1A5;
 padding-bottom: 86px;
}

a{
 text-decoration: none;
}
.col-6{
 width:50%;
}
.col-5{
 width:calc((100% / 12 ) * 5);
}
.col-7{
 width:calc((100% / 12 ) * 7);
}
.col-4{
 width:calc((100% / 12 ) * 4);
}
.col-5-5{
 width:calc((100% / 12 ) * 5.5);
}
.col-6-5{
 width:calc((100% / 12 ) * 6.5);
}

.col-3{
 width:calc((100% / 12 ) * 3);
}
.col-7{
 width:calc((100% / 12 ) * 7);
}
.col-2{
 width:calc((100% / 12 ) * 2);
}


.col-5,.col-6,.col-7,.col-6-5,.col-5-5{
 padding: 0 15px;
}
.col-4{
 padding: 0 8px;
}

.row{
 display: flex;
 flex-wrap: wrap;
}
.container{
 width:1170px;
 margin: 0 auto;
}
ul{
 margin: 0;padding: 0;
}




.header .container {
	overflow: hidden;
}
.header {
	padding-top: 20px;
}
.dot {
	font-size: 16px;
}
.logo {
	width: 532px;
	max-width: 100%;
 padding-bottom: 45px;
}
.textarea p a {
	font-family: 'Gotham',sans-serif;
	font-weight: 500;
	font-size: 28px;
	text-align: left;
	display: inline-block;
	color: #A0A1A5;
	padding: 0;
}
.textarea {
	height: 100%;
	align-items: end;
	display: flex;


}
.textarea a {
	font-size: 28px;
	text-align: right;
	color: #fff;
	font-weight: 600;
	display: block;
	padding-top: 22px;
	padding-right: 30px;
}
.text{
 display: block;
 width: 100%;

}
.header-top{
 position :relative;
}
.header-top .overlay{
 position :absolute;
 left: 0;
 bottom: 0;
 z-index: -1;
}





.banner-area {
	padding-top: 98px;
	padding-bottom: 116px;
	position: relative;
}
.backimage {
	position: absolute;
	width: 454px;
	opacity: 21%;
	top: 13px;
	left: 80px;
	z-index: -1;
}
.header-text {
	font-size: 44px;
	color: #338f9b;
	font-weight: 800;
	text-shadow: 1px 2px 2px #909090;
}
.btn {
	background: #ffd15e;
	color: #fff;
	font-size: 38px;
	padding: 4px 10px;
	display: inline-block;
	margin-top: 40px;
	text-align: right;
 margin-right: 54px;
 
}
.btn-area {
	text-align: right;
}





.single-col {
	background: #fff;
	padding: 32px 15px 66px;
	border: 2px solid #CDCDCD;
	font-size: 20px;
	height: 100%;
}
.single-col h3 {
	font-family: 'FreeStyle Script',cursive;
	font-size: 38px;
	color: #338f9b;
	font-weight: 400;
 margin-bottom: 21px;
}




.area {
	background: #fff;
	margin:16px 8px 0;
	border: 2px solid #CDCDCD;
	padding: 23px 30px 20px;
}

.area h3 {
	font-family: 'Gotham',sans-serif;
	font-size: 36px;
	border-bottom: 3px solid #C6C6C6;
	padding-bottom: 8px;
	margin-bottom: 21px;
}
.area h4,.area li {
	font-size: 20px;
	font-weight: 400;
}
.area ul {
	margin-left: 38px;
	margin-top: 15px;
	margin-bottom: 25px;
}
.area h2 {
	font-size: 36px;
	color: #0da5b5;
	font-weight: 500;
	font-family: 'Gotham',sans-serif;
	margin-bottom: 25px;
	margin-top: 25px;
}

.area h2:first-child{
	margin-top: 0px;
}

.service .area{
 padding-bottom: 298px;
}
.content {
	padding-top: 105px;
	padding-right: 40px;
}
.content img {
	margin-top: 45px;
}
.form label {
	color: #3a5069;
	font-size: 18px;
	padding-bottom: 5px;
	display: block;
}
.form label span {
	color: #ff0000;
}

.form input ,.form textarea{
	background: #f5f8fa;
	border: 2px solid #DFE6EE;
	border-radius: 3px;
	padding: 8px;
	height: 40px;

}
.msg{
 	margin-bottom: 20px;
}
.error{
 color: #FF0000;
 
}
.success{
 color: #06c23e;
 
}
.error,.success{
margin-top: 5px;
 
}



.checkboxs input {
	display: inline-block;
	width: auto;
	min-width: 16px;
	height: 16px;
	margin-top: 3px;
	z-index: 11;
	opacity: 0;
 cursor: pointer;
}
.checkboxs input:checked + span {
background: #0DA5B5;
 border: 2px solid #0DA5B5
}


.checkboxs label {
	display: inline-block;
	margin-left: 7px;
}
.g-recaptcha {
	margin-top: 27px;
}
.form .submit {
	width: 98px;
	min-width: 98px;
	height: 42px;
	background: #ffd15e;
	color: #ffffff;
 border: none;
  font-family: 'Calibri',sans-serif;
 font-size: 20px;
 margin-top: 36px;
 cursor:pointer;
}
.form textarea{
 height: 86px;
}
.sin-box {
	display: flex;
	position: relative;
}
.box {
	position: absolute;
	left: 0;
	top: 3px;
	height: 16px;
	width: 16px;
	display: block;
	border: 2px solid #DFE6EE;
	border-radius: 3px;
	z-index: 0;
}
.box::after {
	content: "\2713";
	font-weight: 600;
	color: #fff;
	height: 16px;
	width: 16px;
	display: block;
	text-align: center;
	line-height: 16px;
	left: 0;
	top: 0;
	margin-top: -2px;
	margin-left: -2px;
}