﻿.modal-header {
	background-color: #009999 !important
}

.modal-open .page-wrapper {
	-webkit-filter: blur(0px);
	-moz-filter: blur(0);
	-o-filter: blur(0);
	-ms-filter: blur(0);
	filter: blur(0);
}

.modal {
	background: rgba(0, 0, 0, 0.5);
}

.modal-footer {
	border-top: none;
}








#listing-item {
	margin: 0 0 20px;
	border: 1px solid #6c6;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	padding: 10px;
}

h3 {
	margin-bottom: 0px;
}


@media only screen and (min-width: 200px) and (max-width:374px) {

	.ml18 {
		border: 1px solid;
		border-radius: 170px;
		min-width: 27px !important;
		height: 130px;
		width: 130px;
		/* padding: 35px; */
		padding: 14px;
		color: white;
		font-size: 12px;
		margin-right: 3px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}

	.ml19 {
		border: 1px solid;
		border-radius: 170px;
		min-width: 27px !important;
		height: 130px;
		width: 130px;
		/* padding: 35px; */
		padding: 14px;
		color: white;
		margin-right: 3px;
		font-size: 12px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}

	.ml20 {
		border: 1px solid;
		border-radius: 170px;
		min-width: 27px !important;
		height: 130px;
		width: 130px;
		/* padding: 35px; */
		padding: 19px;
		color: white;
		margin-top: -15px;
		margin-right: 69px;
		font-size: 15px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}

	#checkboxs label {
		font-size: 11px;
	}

	#labjob {
		padding-right: 0px;
		font-size: 10px !important;
	}


	.ml18:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	.ml19:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	.ml20:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	#container {
		/*background: #666;
	margin: auto;
	width: auto;
	height: 700px;
	padding-top: 30px;
	font-family: helvetica, arial, sans-serif;*/
	}

	.tete {
		background: #e3e3e3 !important;
		background: -moz-linear-gradient(top, #e3e3e3, #c8c8c8) !important;
		background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(aliceblue)) !important;
		padding: 10px 20px !important;
		margin-left: -20px !important;
		margin-top: 0 !important;
		position: relative !important;
		/*width: 70% !important;*/
		-moz-box-shadow: 1px 1px 3px #292929 !important;
		-webkit-box-shadow: 1px 1px 3px #292929 !important;
		box-shadow: 1px 1px 3px #292929 !important;
		color: #454545 !important;
		text-shadow: 0 1px 0 white !important;
	}

	.arrow1 {
		width: 0;
		height: 0;
		line-height: 0;
		border-left: 20px solid transparent !important;
		border-top: 10px solid #c8c8c8 !important;
		top: 104% !important;
		left: 0;
		position: absolute !important;
	}

	.arrow2 {
		width: 0;
		height: 0;
		line-height: 0;
		border-right: 20px solid transparent !important;
		border-top: 10px solid #c8c8c8 !important;
		top: 104% !important;
		right: 0;
		position: absolute !important;
	}
	/**/ /**/ /**/ /**/ /**/




	#checkboxs label {
	font-size:13px;
		display: block;
		position: relative;
		text-align:center;
		/*margin: 20px;*/
		padding: 15px 3px 15px 3px;
		border: 3px solid #fff;
		border-radius: 100px;
		color: black;
		background-color: aliceblue;
		box-shadow: 0 0 20px rgba(0, 0, 0, .2);
		/*white-space: nowrap;*/
		cursor: pointer;
		user-select: none;
		transition: background-color .2s, box-shadow .2s;
	}

	#checkboxs input {
		display: contents;
	}

	#checkboxs label::before {
		content: '';
		display: block;
		position: absolute;
		top: 10px;
		bottom: 10px;
		left: 10px;
		width: 32px;
		/*border: 3px solid #fff;*/
		border-radius: 100px;
		transition: background-color .2s;
	}

	/*#checkboxs label:first-of-type {
	transform: translateX(-40px);
}

#checkboxs label:last-of-type {
	transform: translateX(40px);
}*/

	#checkboxs label:hover, #checkboxs input:focus + label {
		box-shadow: 0 0 20px rgba(0, 0, 0, .6);
	}

	#checkboxs input:checked + label {
		background-color: lightcoral;
		color: white;
	}

		#checkboxs input:checked + label::before {
			/*background-color: #fff;*/
			border-color: none;
		}

	#checkbox input[type="checkbox"] {
		opacity: 0;
	}

	#consultForm i {
		color: lightcoral !important;
	}


	.checkboxs1 {
		display: block;
		position: relative;
		/*margin: 20px;*/
		padding: 15px 10px 15px 62px;
		border: 3px solid #fff;
		border-radius: 100px;
		color: black;
		background-color: aliceblue;
		box-shadow: 0 0 20px rgba(0, 0, 0, .2);
		white-space: nowrap;
		cursor: pointer;
		user-select: none;
		transition: background-color .2s, box-shadow .2s;
	}

		.checkboxs1 input {
			display: contents;
		}

		.checkboxs1 ::before {
			content: '';
			display: block;
			position: absolute;
			top: 10px;
			bottom: 10px;
			left: 10px;
			width: 32px;
			/*border: 3px solid #fff;*/
			border-radius: 100px;
			transition: background-color .2s;
		}

		/*#checkboxs label:first-of-type {
	transform: translateX(-40px);
}

#checkboxs label:last-of-type {
	transform: translateX(40px);
}*/

		.checkboxs1 :hover, .checkboxs1 input:focus {
			box-shadow: 0 0 20px rgba(0, 0, 0, .6);
		}

		.checkboxs1 input:checked {
			background-color: lightcoral;
			color: white;
		}

			.checkboxs1 input:checked + .checkboxs1::before {
				/*background-color: #fff;*/
				border-color: none;
			}

	.checkbox1 input[type="checkbox"] {
		opacity: 0;
	}



}

@media only screen and (min-width: 375px) and (max-width:424px) {
	.ml18 {
		border: 1px solid;
		border-radius: 170px;
		min-width: 27px !important;
		height: 130px;
		width: 130px;
		/* padding: 35px; */
		padding: 14px;
		color: white;
		font-size: 12px;
		margin-right: 30px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}

	.ml19 {
		border: 1px solid;
		border-radius: 170px;
		min-width: 27px !important;
		height: 130px;
		width: 130px;
		/* padding: 35px; */
		padding: 14px;
		color: white;
		margin-right: 3px;
		font-size: 12px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}

	.ml20 {
		border: 1px solid;
		border-radius: 170px;
		min-width: 27px !important;
		height: 130px;
		width: 130px;
		/* padding: 35px; */
		padding: 19px;
		color: white;
		margin-top: -15px;
		margin-right: 90px;
		font-size: 15px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}

	#checkboxs label {
		font-size: 11px;
	}

	#labjob {
		padding-right: 0px;
		font-size: 10px !important;
	}


	.ml18:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	.ml19:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	.ml20:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	#container {
		/*background: #666;
	margin: auto;
	width: auto;
	height: 700px;
	padding-top: 30px;
	font-family: helvetica, arial, sans-serif;*/
	}

	.tete {
		background: #e3e3e3 !important;
		background: -moz-linear-gradient(top, #e3e3e3, #c8c8c8) !important;
		background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(aliceblue)) !important;
		padding: 10px 20px !important;
		margin-left: -20px !important;
		margin-top: 0 !important;
		position: relative !important;
		/*width: 70% !important;*/
		-moz-box-shadow: 1px 1px 3px #292929 !important;
		-webkit-box-shadow: 1px 1px 3px #292929 !important;
		box-shadow: 1px 1px 3px #292929 !important;
		color: #454545 !important;
		text-shadow: 0 1px 0 white !important;
	}

	.arrow1 {
		width: 0;
		height: 0;
		line-height: 0;
		border-left: 20px solid transparent !important;
		border-top: 10px solid #c8c8c8 !important;
		top: 104% !important;
		left: 0;
		position: absolute !important;
	}

	.arrow2 {
		width: 0;
		height: 0;
		line-height: 0;
		border-right: 20px solid transparent !important;
		border-top: 10px solid #c8c8c8 !important;
		top: 104% !important;
		right: 0;
		position: absolute !important;
	}
	/**/ /**/ /**/ /**/ /**/


	#checkboxs label {
		font-size: 13px;
		display: block;
		position: relative;
		text-align: center;
		/*margin: 20px;*/
		padding: 15px 3px 15px 3px;
		border: 3px solid #fff;
		border-radius: 100px;
		color: black;
		background-color: aliceblue;
		box-shadow: 0 0 20px rgba(0, 0, 0, .2);
		/*white-space: nowrap;*/
		cursor: pointer;
		user-select: none;
		transition: background-color .2s, box-shadow .2s;
	}


	#checkboxs input {
		display: contents;
	}

	#checkboxs label::before {
		content: '';
		display: block;
		position: absolute;
		top: 10px;
		bottom: 10px;
		left: 10px;
		width: 32px;
		/*border: 3px solid #fff;*/
		border-radius: 100px;
		transition: background-color .2s;
	}

	/*#checkboxs label:first-of-type {
	transform: translateX(-40px);
}

#checkboxs label:last-of-type {
	transform: translateX(40px);
}*/

	#checkboxs label:hover, #checkboxs input:focus + label {
		box-shadow: 0 0 20px rgba(0, 0, 0, .6);
	}

	#checkboxs input:checked + label {
		background-color: lightcoral;
		color: white;
	}

		#checkboxs input:checked + label::before {
			/*background-color: #fff;*/
			border-color: none;
		}

	#checkbox input[type="checkbox"] {
		opacity: 0;
	}

	#consultForm i {
		color: lightcoral !important;
	}


	.checkboxs1 {
		display: block;
		position: relative;
		/*margin: 20px;*/
		padding: 15px 10px 15px 62px;
		border: 3px solid #fff;
		border-radius: 100px;
		color: black;
		background-color: aliceblue;
		box-shadow: 0 0 20px rgba(0, 0, 0, .2);
		white-space: nowrap;
		cursor: pointer;
		user-select: none;
		transition: background-color .2s, box-shadow .2s;
	}

		.checkboxs1 input {
			display: contents;
		}

		.checkboxs1 ::before {
			content: '';
			display: block;
			position: absolute;
			top: 10px;
			bottom: 10px;
			left: 10px;
			width: 32px;
			/*border: 3px solid #fff;*/
			border-radius: 100px;
			transition: background-color .2s;
		}

		/*#checkboxs label:first-of-type {
	transform: translateX(-40px);
}

#checkboxs label:last-of-type {
	transform: translateX(40px);
}*/

		.checkboxs1 :hover, .checkboxs1 input:focus {
			box-shadow: 0 0 20px rgba(0, 0, 0, .6);
		}

		.checkboxs1 input:checked {
			background-color: lightcoral;
			color: white;
		}

			.checkboxs1 input:checked + .checkboxs1::before {
				/*background-color: #fff;*/
				border-color: none;
			}

	.checkbox1 input[type="checkbox"] {
		opacity: 0;
	}

}


@media only screen and (min-width: 425px) and (max-width:767px) {
	.ml18 {
		border: 1px solid;
		border-radius: 170px;
		min-width: 27px !important;
		height: 130px;
		width: 130px;
		/* padding: 35px; */
		padding: 14px;
		color: white;
		font-size: 12px;
		/*margin-right: 1px;*/
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}

	.ml19 {
		border: 1px solid;
		border-radius: 170px;
		min-width: 27px !important;
		height: 130px;
		width: 130px;
		/* padding: 35px; */
		padding: 14px;
		color: white;
		/*margin-right: 1px;*/
		font-size: 12px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}

	.ml20 {
		border: 1px solid;
		border-radius: 170px;
		min-width: 27px !important;
		height: 130px;
		width: 130px;
		/* padding: 35px; */
		padding: 19px;
		color: white;
		/*margin-top: -15px;*/
		/*margin-right: 3px;*/
		font-size: 15px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}

	#checkboxs label {
		font-size: 11px;
	}

	#labjob {
		padding-right: 0px;
		font-size: 10px !important;
	}


	.ml18:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	.ml19:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	.ml20:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	#container {
		/*background: #666;
	margin: auto;
	width: auto;
	height: 700px;
	padding-top: 30px;
	font-family: helvetica, arial, sans-serif;*/
	}

	.tete {
		background: #e3e3e3 !important;
		background: -moz-linear-gradient(top, #e3e3e3, #c8c8c8) !important;
		background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(aliceblue)) !important;
		padding: 10px 20px !important;
		margin-left: -20px !important;
		margin-top: 0 !important;
		position: relative !important;
		/*width: 70% !important;*/
		-moz-box-shadow: 1px 1px 3px #292929 !important;
		-webkit-box-shadow: 1px 1px 3px #292929 !important;
		box-shadow: 1px 1px 3px #292929 !important;
		color: #454545 !important;
		text-shadow: 0 1px 0 white !important;
	}

	.arrow1 {
		width: 0;
		height: 0;
		line-height: 0;
		border-left: 20px solid transparent !important;
		border-top: 10px solid #c8c8c8 !important;
		top: 104% !important;
		left: 0;
		position: absolute !important;
	}

	.arrow2 {
		width: 0;
		height: 0;
		line-height: 0;
		border-right: 20px solid transparent !important;
		border-top: 10px solid #c8c8c8 !important;
		top: 104% !important;
		right: 0;
		position: absolute !important;
	}
	/**/ /**/ /**/ /**/ /**/



	#checkboxs label {
		font-size: 13px;
		display: block;
		position: relative;
		text-align: center;
		/*margin: 20px;*/
		padding: 15px 3px 15px 3px;
		border: 3px solid #fff;
		border-radius: 100px;
		color: black;
		background-color: aliceblue;
		box-shadow: 0 0 20px rgba(0, 0, 0, .2);
		/*white-space: nowrap;*/
		cursor: pointer;
		user-select: none;
		transition: background-color .2s, box-shadow .2s;
	}


	#checkboxs input {
		display: contents;
	}

	#checkboxs label::before {
		content: '';
		display: block;
		position: absolute;
		top: 10px;
		bottom: 10px;
		left: 10px;
		width: 32px;
		/*border: 3px solid #fff;*/
		border-radius: 100px;
		transition: background-color .2s;
	}

	/*#checkboxs label:first-of-type {
	transform: translateX(-40px);
}

#checkboxs label:last-of-type {
	transform: translateX(40px);
}*/

	#checkboxs label:hover, #checkboxs input:focus + label {
		box-shadow: 0 0 20px rgba(0, 0, 0, .6);
	}

	#checkboxs input:checked + label {
		background-color: lightcoral;
		color: white;
	}

		#checkboxs input:checked + label::before {
			/*background-color: #fff;*/
			border-color: none;
		}

	#checkbox input[type="checkbox"] {
		opacity: 0;
	}

	#consultForm i {
		color: lightcoral !important;
	}


	.checkboxs1 {
		display: block;
		position: relative;
		/*margin: 20px;*/
		padding: 15px 10px 15px 62px;
		border: 3px solid #fff;
		border-radius: 100px;
		color: black;
		background-color: aliceblue;
		box-shadow: 0 0 20px rgba(0, 0, 0, .2);
		white-space: nowrap;
		cursor: pointer;
		user-select: none;
		transition: background-color .2s, box-shadow .2s;
	}

		.checkboxs1 input {
			display: contents;
		}

		.checkboxs1 ::before {
			content: '';
			display: block;
			position: absolute;
			top: 10px;
			bottom: 10px;
			left: 10px;
			width: 32px;
			/*border: 3px solid #fff;*/
			border-radius: 100px;
			transition: background-color .2s;
		}

		/*#checkboxs label:first-of-type {
	transform: translateX(-40px);
}

#checkboxs label:last-of-type {
	transform: translateX(40px);
}*/

		.checkboxs1 :hover, .checkboxs1 input:focus {
			box-shadow: 0 0 20px rgba(0, 0, 0, .6);
		}

		.checkboxs1 input:checked {
			background-color: lightcoral;
			color: white;
		}

			.checkboxs1 input:checked + .checkboxs1::before {
				/*background-color: #fff;*/
				border-color: none;
			}

	.checkbox1 input[type="checkbox"] {
		opacity: 0;
	}

}



@media only screen and (min-width: 768px) and (max-width:1023px) {
	.ml18 {
		border: 1px solid;
		border-radius: 170px;
		width: 200px;
		height: 200px;
		padding: 35px;
		margin: 5px;
		margin-right: 30px;
		color: white;
		font-size: 16px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}

	.ml19 {
		border: 1px solid;
		border-radius: 170px;
		width: 200px;
		height: 200px;
		padding: 35px;
		margin: 5px;
		margin-right: 20px;
		color: white;
		font-size: 17px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}

	.ml20 {
		border: 1px solid;
		border-radius: 170px;
		width: 200px;
		height: 200px;
		padding: 40px;
		margin: 5px;
		margin-right: 20px;
		color: white;
		font-size: 18px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}


	#labjob {
		font-size: 14px !important;
	}



	.ml18:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	.ml19:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	.ml20:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	#container {
		/*background: #666;
	margin: auto;
	width: auto;
	height: 700px;
	padding-top: 30px;
	font-family: helvetica, arial, sans-serif;*/
	}

	.tete {
		background: #e3e3e3 !important;
		background: -moz-linear-gradient(top, #e3e3e3, #c8c8c8) !important;
		background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(aliceblue)) !important;
		padding: 10px 20px !important;
		margin-left: -20px !important;
		margin-top: 0 !important;
		position: relative !important;
		/*width: 70% !important;*/
		-moz-box-shadow: 1px 1px 3px #292929 !important;
		-webkit-box-shadow: 1px 1px 3px #292929 !important;
		box-shadow: 1px 1px 3px #292929 !important;
		color: #454545 !important;
		text-shadow: 0 1px 0 white !important;
	}

	.arrow1 {
		width: 0;
		height: 0;
		line-height: 0;
		border-left: 20px solid transparent !important;
		border-top: 10px solid #c8c8c8 !important;
		top: 104% !important;
		left: 0;
		position: absolute !important;
	}

	.arrow2 {
		width: 0;
		height: 0;
		line-height: 0;
		border-right: 20px solid transparent !important;
		border-top: 10px solid #c8c8c8 !important;
		top: 104% !important;
		right: 0;
		position: absolute !important;
	}
	/**/ /**/ /**/ /**/ /**/


	#checkboxs label {
		font-size: 13px;
		display: block;
		position: relative;
		text-align: center;
		/*margin: 20px;*/
		padding: 15px 3px 15px 3px;
		border: 3px solid #fff;
		border-radius: 100px;
		color: black;
		background-color: aliceblue;
		box-shadow: 0 0 20px rgba(0, 0, 0, .2);
		/*white-space: nowrap;*/
		cursor: pointer;
		user-select: none;
		transition: background-color .2s, box-shadow .2s;
	}


	#checkboxs input {
		display: contents;
	}

	#checkboxs label::before {
		content: '';
		display: block;
		position: absolute;
		top: 10px;
		bottom: 10px;
		left: 10px;
		width: 32px;
		/*border: 3px solid #fff;*/
		border-radius: 100px;
		transition: background-color .2s;
	}

	/*#checkboxs label:first-of-type {
	transform: translateX(-40px);
}

#checkboxs label:last-of-type {
	transform: translateX(40px);
}*/

	#checkboxs label:hover, #checkboxs input:focus + label {
		box-shadow: 0 0 20px rgba(0, 0, 0, .6);
	}

	#checkboxs input:checked + label {
		background-color: lightcoral;
		color: white;
	}

		#checkboxs input:checked + label::before {
			/*background-color: #fff;*/
			border-color: none;
		}

	#checkbox input[type="checkbox"] {
		opacity: 0;
	}

	#consultForm i {
		color: lightcoral !important;
	}


	.checkboxs1 {
		display: block;
		position: relative;
		/*margin: 20px;*/
		padding: 15px 10px 15px 62px;
		border: 3px solid #fff;
		border-radius: 100px;
		color: black;
		background-color: aliceblue;
		box-shadow: 0 0 20px rgba(0, 0, 0, .2);
		white-space: nowrap;
		cursor: pointer;
		user-select: none;
		transition: background-color .2s, box-shadow .2s;
	}

		.checkboxs1 input {
			display: contents;
		}

		.checkboxs1 ::before {
			content: '';
			display: block;
			position: absolute;
			top: 10px;
			bottom: 10px;
			left: 10px;
			width: 32px;
			/*border: 3px solid #fff;*/
			border-radius: 100px;
			transition: background-color .2s;
		}

		/*#checkboxs label:first-of-type {
	transform: translateX(-40px);
}

#checkboxs label:last-of-type {
	transform: translateX(40px);
}*/

		.checkboxs1 :hover, .checkboxs1 input:focus {
			box-shadow: 0 0 20px rgba(0, 0, 0, .6);
		}

		.checkboxs1 input:checked {
			background-color: lightcoral;
			color: white;
		}

			.checkboxs1 input:checked + .checkboxs1::before {
				/*background-color: #fff;*/
				border-color: none;
			}

	.checkbox1 input[type="checkbox"] {
		opacity: 0;
	}




}


@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	.ml18 {
		border: 1px solid;
		border-radius: 170px;
		width: 200px;
		height: 200px;
		padding: 35px;
		margin: 5px;
		margin-right: 100px;
		color: white;
		font-size: 16px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}

	.ml19 {
		border: 1px solid;
		border-radius: 170px;
		width: 200px;
		height: 200px;
		padding: 35px;
		margin: 5px;
		margin-right: 50px;
		color: white;
		font-size: 17px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}

	.ml20 {
		border: 1px solid;
		border-radius: 170px;
		width: 200px;
		height: 200px;
		padding: 40px;
		margin: 5px;
		margin-right: 50px;
		color: white;
		font-size: 18px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}


	#labjob {
		font-size: 14px !important;
	}




	.ml18:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	.ml19:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	.ml20:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	#container {
		/*background: #666;
	margin: auto;
	width: auto;
	height: 700px;
	padding-top: 30px;
	font-family: helvetica, arial, sans-serif;*/
	}

	.tete {
		background: #e3e3e3 !important;
		background: -moz-linear-gradient(top, #e3e3e3, #c8c8c8) !important;
		background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(aliceblue)) !important;
		padding: 10px 20px !important;
		margin-left: -20px !important;
		margin-top: 0 !important;
		position: relative !important;
		/*width: 70% !important;*/
		-moz-box-shadow: 1px 1px 3px #292929 !important;
		-webkit-box-shadow: 1px 1px 3px #292929 !important;
		box-shadow: 1px 1px 3px #292929 !important;
		color: #454545 !important;
		text-shadow: 0 1px 0 white !important;
	}

	.arrow1 {
		width: 0;
		height: 0;
		line-height: 0;
		border-left: 20px solid transparent !important;
		border-top: 10px solid #c8c8c8 !important;
		top: 104% !important;
		left: 0;
		position: absolute !important;
	}

	.arrow2 {
		width: 0;
		height: 0;
		line-height: 0;
		border-right: 20px solid transparent !important;
		border-top: 10px solid #c8c8c8 !important;
		top: 104% !important;
		right: 0;
		position: absolute !important;
	}
	/**/ /**/ /**/ /**/ /**/




	#checkboxs label {
		font-size: 13px;
		display: block;
		position: relative;
		text-align: center;
		/*margin: 20px;*/
		padding: 15px 3px 15px 3px;
		border: 3px solid #fff;
		border-radius: 100px;
		color: black;
		background-color: aliceblue;
		box-shadow: 0 0 20px rgba(0, 0, 0, .2);
		/*white-space: nowrap;*/
		cursor: pointer;
		user-select: none;
		transition: background-color .2s, box-shadow .2s;
	}

	#checkboxs input {
		display: contents;
	}

	#checkboxs label::before {
		content: '';
		display: block;
		position: absolute;
		top: 10px;
		bottom: 10px;
		left: 10px;
		width: 32px;
		/*border: 3px solid #fff;*/
		border-radius: 100px;
		transition: background-color .2s;
	}

	/*#checkboxs label:first-of-type {
	transform: translateX(-40px);
}

#checkboxs label:last-of-type {
	transform: translateX(40px);
}*/

	#checkboxs label:hover, #checkboxs input:focus + label {
		box-shadow: 0 0 20px rgba(0, 0, 0, .6);
	}

	#checkboxs input:checked + label {
		background-color: lightcoral;
		color: white;
	}

		#checkboxs input:checked + label::before {
			/*background-color: #fff;*/
			border-color: none;
		}

	#checkbox input[type="checkbox"] {
		opacity: 0;
	}

	#consultForm i {
		color: lightcoral !important;
	}


	.checkboxs1 {
		display: block;
		position: relative;
		/*margin: 20px;*/
		padding: 15px 10px 15px 62px;
		border: 3px solid #fff;
		border-radius: 100px;
		color: black;
		background-color: aliceblue;
		box-shadow: 0 0 20px rgba(0, 0, 0, .2);
		white-space: nowrap;
		cursor: pointer;
		user-select: none;
		transition: background-color .2s, box-shadow .2s;
	}

		.checkboxs1 input {
			display: contents;
		}

		.checkboxs1 ::before {
			content: '';
			display: block;
			position: absolute;
			top: 10px;
			bottom: 10px;
			left: 10px;
			width: 32px;
			/*border: 3px solid #fff;*/
			border-radius: 100px;
			transition: background-color .2s;
		}

		/*#checkboxs label:first-of-type {
	transform: translateX(-40px);
}

#checkboxs label:last-of-type {
	transform: translateX(40px);
}*/

		.checkboxs1 :hover, .checkboxs1 input:focus {
			box-shadow: 0 0 20px rgba(0, 0, 0, .6);
		}

		.checkboxs1 input:checked {
			background-color: lightcoral;
			color: white;
		}

			.checkboxs1 input:checked + .checkboxs1::before {
				/*background-color: #fff;*/
				border-color: none;
			}

	.checkbox1 input[type="checkbox"] {
		opacity: 0;
	}
}



@media only screen and (min-width: 1200px) and (max-width: 1439px) {
	.ml18 {
		border: 1px solid;
		border-radius: 170px;
		width: 200px;
		height: 200px;
		padding: 35px;
		margin: 5px;
		margin-right: 200px;
		color: white;
		font-size: 16px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}

	.ml19 {
		border: 1px solid;
		border-radius: 170px;
		width: 200px;
		height: 200px;
		padding: 35px;
		margin: 5px;
		margin-right: 50px;
		color: white;
		font-size: 17px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}

	.ml20 {
		border: 1px solid;
		border-radius: 170px;
		width: 200px;
		height: 200px;
		padding: 40px;
		margin: 5px;
		margin-right: 50px;
		color: white;
		font-size: 18px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}


	#labjob {
		font-size: 14px !important;
	}




	.ml18:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	.ml19:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	.ml20:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	#container {
		/*background: #666;
	margin: auto;
	width: auto;
	height: 700px;
	padding-top: 30px;
	font-family: helvetica, arial, sans-serif;*/
	}

	.tete {
		background: #e3e3e3 !important;
		background: -moz-linear-gradient(top, #e3e3e3, #c8c8c8) !important;
		background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(aliceblue)) !important;
		padding: 10px 20px !important;
		margin-left: -20px !important;
		margin-top: 0 !important;
		position: relative !important;
		/*width: 70% !important;*/
		-moz-box-shadow: 1px 1px 3px #292929 !important;
		-webkit-box-shadow: 1px 1px 3px #292929 !important;
		box-shadow: 1px 1px 3px #292929 !important;
		color: #454545 !important;
		text-shadow: 0 1px 0 white !important;
	}

	.arrow1 {
		width: 0;
		height: 0;
		line-height: 0;
		border-left: 20px solid transparent !important;
		border-top: 10px solid #c8c8c8 !important;
		top: 104% !important;
		left: 0;
		position: absolute !important;
	}

	.arrow2 {
		width: 0;
		height: 0;
		line-height: 0;
		border-right: 20px solid transparent !important;
		border-top: 10px solid #c8c8c8 !important;
		top: 104% !important;
		right: 0;
		position: absolute !important;
	}
	/**/ /**/ /**/ /**/ /**/




	#checkboxs label {
		font-size: 13px;
		display: block;
		position: relative;
		text-align: center;
		/*margin: 20px;*/
		padding: 15px 3px 15px 3px;
		border: 3px solid #fff;
		border-radius: 100px;
		color: black;
		background-color: aliceblue;
		box-shadow: 0 0 20px rgba(0, 0, 0, .2);
		/*white-space: nowrap;*/
		cursor: pointer;
		user-select: none;
		transition: background-color .2s, box-shadow .2s;
	}

	#checkboxs input {
		display: contents;
	}

	#checkboxs label::before {
		content: '';
		display: block;
		position: absolute;
		top: 10px;
		bottom: 10px;
		left: 10px;
		width: 32px;
		/*border: 3px solid #fff;*/
		border-radius: 100px;
		transition: background-color .2s;
	}

	/*#checkboxs label:first-of-type {
	transform: translateX(-40px);
}

#checkboxs label:last-of-type {
	transform: translateX(40px);
}*/

	#checkboxs label:hover, #checkboxs input:focus + label {
		box-shadow: 0 0 20px rgba(0, 0, 0, .6);
	}

	#checkboxs input:checked + label {
		background-color: lightcoral;
		color: white;
	}

		#checkboxs input:checked + label::before {
			/*background-color: #fff;*/
			border-color: none;
		}

	#checkbox input[type="checkbox"] {
		opacity: 0;
	}

	#consultForm i {
		color: lightcoral !important;
	}


	.checkboxs1 {
		display: block;
		position: relative;
		/*margin: 20px;*/
		padding: 15px 10px 15px 62px;
		border: 3px solid #fff;
		border-radius: 100px;
		color: black;
		background-color: aliceblue;
		box-shadow: 0 0 20px rgba(0, 0, 0, .2);
		white-space: nowrap;
		cursor: pointer;
		user-select: none;
		transition: background-color .2s, box-shadow .2s;
	}

		.checkboxs1 input {
			display: contents;
		}

		.checkboxs1 ::before {
			content: '';
			display: block;
			position: absolute;
			top: 10px;
			bottom: 10px;
			left: 10px;
			width: 32px;
			/*border: 3px solid #fff;*/
			border-radius: 100px;
			transition: background-color .2s;
		}

		/*#checkboxs label:first-of-type {
	transform: translateX(-40px);
}

#checkboxs label:last-of-type {
	transform: translateX(40px);
}*/

		.checkboxs1 :hover, .checkboxs1 input:focus {
			box-shadow: 0 0 20px rgba(0, 0, 0, .6);
		}

		.checkboxs1 input:checked {
			background-color: lightcoral;
			color: white;
		}

			.checkboxs1 input:checked + .checkboxs1::before {
				/*background-color: #fff;*/
				border-color: none;
			}

	.checkbox1 input[type="checkbox"] {
		opacity: 0;
	}
}



@media only screen and (min-width: 1440px) {
	.ml18 {
		border: 1px solid;
		border-radius: 170px;
		width: 200px;
		height: 200px;
		padding: 35px;
		margin: 5px;
		margin-right: 200px;
		color: white;
		font-size: 16px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}

	.ml19 {
		border: 1px solid;
		border-radius: 170px;
		width: 200px;
		height: 200px;
		padding: 35px;
		margin: 5px;
		margin-right: 50px;
		color: white;
		font-size: 17px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}

	.ml20 {
		border: 1px solid;
		border-radius: 170px;
		width: 200px;
		height: 200px;
		padding: 40px;
		margin: 5px;
		margin-right: 50px;
		color: white;
		font-size: 18px;
		white-space: normal;
		background: linear-gradient( 105deg, lightcoral 10%,aliceblue 120%);
		box-shadow: inset -9px -1px 9px 2px lightcoral;
	}


	#labjob {
		font-size: 14px !important;
	}



	.ml18:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	.ml19:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	.ml20:hover {
		color: white;
		white-space: normal;
		background: linear-gradient(125deg, aliceblue 0%,lightcoral 100%);
		box-shadow: inset -1px -1px 10px 10px lightcoral;
	}

	#container {
		/*background: #666;
	margin: auto;
	width: auto;
	height: 700px;
	padding-top: 30px;
	font-family: helvetica, arial, sans-serif;*/
	}

	.tete {
		background: #e3e3e3 !important;
		background: -moz-linear-gradient(top, #e3e3e3, #c8c8c8) !important;
		background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(aliceblue)) !important;
		padding: 10px 20px !important;
		margin-left: -20px !important;
		margin-top: 0 !important;
		position: relative !important;
		/*width: 70% !important;*/
		-moz-box-shadow: 1px 1px 3px #292929 !important;
		-webkit-box-shadow: 1px 1px 3px #292929 !important;
		box-shadow: 1px 1px 3px #292929 !important;
		color: #454545 !important;
		text-shadow: 0 1px 0 white !important;
	}

	.arrow1 {
		width: 0;
		height: 0;
		line-height: 0;
		border-left: 20px solid transparent !important;
		border-top: 10px solid #c8c8c8 !important;
		top: 104% !important;
		left: 0;
		position: absolute !important;
	}

	.arrow2 {
		width: 0;
		height: 0;
		line-height: 0;
		border-right: 20px solid transparent !important;
		border-top: 10px solid #c8c8c8 !important;
		top: 104% !important;
		right: 0;
		position: absolute !important;
	}
	/**/ /**/ /**/ /**/ /**/




	#checkboxs label {
		font-size: 14px;
		display: block;
		position: relative;
		text-align: center;
		/*margin: 20px;*/
		padding: 15px 3px 15px 3px;
		border: 3px solid #fff;
		border-radius: 100px;
		color: black;
		background-color: aliceblue;
		box-shadow: 0 0 20px rgba(0, 0, 0, .2);
		/*white-space: nowrap;*/
		cursor: pointer;
		user-select: none;
		transition: background-color .2s, box-shadow .2s;
	}

	#checkboxs input {
		display: contents;
	}

	#checkboxs label::before {
		content: '';
		display: block;
		position: absolute;
		top: 10px;
		bottom: 10px;
		left: 10px;
		width: 32px;
		/*border: 3px solid #fff;*/
		border-radius: 100px;
		transition: background-color .2s;
	}

	/*#checkboxs label:first-of-type {
	transform: translateX(-40px);
}

#checkboxs label:last-of-type {
	transform: translateX(40px);
}*/

	#checkboxs label:hover, #checkboxs input:focus + label {
		box-shadow: 0 0 20px rgba(0, 0, 0, .6);
	}

	#checkboxs input:checked + label {
		background-color: lightcoral;
		color: white;
	}

		#checkboxs input:checked + label::before {
			/*background-color: #fff;*/
			border-color: none;
		}

	#checkbox input[type="checkbox"] {
		opacity: 0;
	}

	#consultForm i {
		color: lightcoral !important;
	}


	.checkboxs1 {
		display: block;
		position: relative;
		/*margin: 20px;*/
		padding: 15px 10px 15px 62px;
		border: 3px solid #fff;
		border-radius: 100px;
		color: black;
		background-color: aliceblue;
		box-shadow: 0 0 20px rgba(0, 0, 0, .2);
		white-space: nowrap;
		cursor: pointer;
		user-select: none;
		transition: background-color .2s, box-shadow .2s;
	}

		.checkboxs1 input {
			display: contents;
		}

		.checkboxs1 ::before {
			content: '';
			display: block;
			position: absolute;
			top: 10px;
			bottom: 10px;
			left: 10px;
			width: 32px;
			/*border: 3px solid #fff;*/
			border-radius: 100px;
			transition: background-color .2s;
		}

		/*#checkboxs label:first-of-type {
	transform: translateX(-40px);
}

#checkboxs label:last-of-type {
	transform: translateX(40px);
}*/

		.checkboxs1 :hover, .checkboxs1 input:focus {
			box-shadow: 0 0 20px rgba(0, 0, 0, .6);
		}

		.checkboxs1 input:checked {
			background-color: lightcoral;
			color: white;
		}

			.checkboxs1 input:checked + .checkboxs1::before {
				/*background-color: #fff;*/
				border-color: none;
			}

	.checkbox1 input[type="checkbox"] {
		opacity: 0;
	}

}


