@charset "utf-8";

/* CSS Document */



body {

	margin: 0px;

	padding: 0px;

	font-family: 'Lato', sans-serif;

}

@media screen and (min-width: 728px) {

#header {

	padding-right: 2%;

	padding-left: 2%;

	padding-top: 12px;

	padding-bottom: 12px;

	height: 46px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #BBB;

	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

	

}

#header div {

	float: left;

	padding-top: 6px;

}

#header ul {

	float: right;

	margin: 0px;

	list-style-type: none;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#header ul li {

	display: inline;

	font-weight: bold;

	color: #069;

}

#header ul li a {

	color: #06C;

	text-decoration: none;

	padding-left: 30px;

	font-weight: normal;

}

#header ul li a:hover {

	color:#D00;

}

#header ul #header-last a {

	border: 1px solid #F90;

	padding-top: 8px;

	padding-right: 24px;

	padding-bottom: 8px;

	padding-left: 24px;

	margin-left: 20px;

	border-radius: 5px;

	font-weight: bold;

}

#header ul #header-last a:hover {

	border: 1px solid #E00;

}

#banner {

	height: 350px;

	background-color: #E4E3DE;

}

#banner-in {

	margin-right: auto;

	margin-left: auto;

	height: 280px;

	background-image: url(../images/lady2.jpg);

	background-repeat: no-repeat;

	background-color: #E3E3DB;

	width: 520px;

	padding-left: 500px;

	padding-top: 70px;

}

#banner-in a {

	color: #FFF;

	text-decoration: none;

	background-color: #A8A595;

	padding-top: 15px;

	padding-right: 50px;

	padding-bottom: 15px;

	padding-left: 50px;

	font-weight: bold;

}

#banner-in a:hover {

	background-color: #8E8A75;

}



#banner-in p {

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 40px;

	padding-left: 0px;

	color: #928E7A;

}

#options {

	width: 1020px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 30px;

}

#options ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#options ul li {

	float: left;

	width: 298px;

	margin-right: 60px;

	border: 1px solid #BBB;

	padding-bottom: 30px;

}

#options ul .last {

	margin-right: 0px;

}

#options ul li h2 {

	background-color: #EEE;

	margin: 0px;

	padding: 25px;

	font-size: 20px;

	font-weight: normal;

}

#options ul li h2 span {

	display: block;

	font-size: 15px;

	color: #888;

	padding-top: 6px;

}

#options ul li p {

	font-size: 30px;

	font-weight: normal;

	margin: 0px;

	padding-top: 30px;

	padding-right: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

}

#options ul li p span {

	display: block;

	font-size: 15px;

	color: #777;

	padding-top: 10px;

}

#benefits {

	width: 1020px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 30px;

}

.training_last {

	text-align: center;

	padding-top: 80px;

	clear: both;

	padding-bottom: 30px;

	font-size: 2em;

	color: #069;

	background-image: url(../pics/curve.png);

	background-repeat: no-repeat;

	background-position: bottom;

	margin-bottom: 60px;

}



#benefits ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#benefits ul li {

	float: left;

	width: 300px;

	margin-right: 60px;

	padding-bottom: 30px;

	text-align: center;

}

#benefits ul .last {

	margin-right: 0px;

}

#benefits ul li h2 {

	background-color: #EEE;

	margin: 0px;

	padding: 25px;

	font-size: 20px;

	font-weight: normal;

}

#benefits ul li h2 span {

	display: block;

	font-size: 15px;

	color: #888;

	padding-top: 6px;

}

#benefits ul li p {

	font-size: 30px;

	font-weight: normal;

	margin: 0px;

	padding-top: 30px;

	padding-right: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

}

#benefits ul li p span {

	display: block;

	font-size: 15px;

	color: #777;

	padding-top: 10px;

}

#trainingad_left {

	float: left;

	width: 45%;

	padding-right: 5%;

	text-align: right;

	font-size: 1.2em;

	color: #069;

}

#trainingad_right {

	width: 45%;

	padding-left: 5%;

	float: left;

	height: 60px;

	padding-top: 40px;

	line-height: 22px;

	color: #069;

}



#header {

	clear: both;

}

#trainingad_right a {

	color: #FFF;

	text-decoration: none;

	background-color: #A8A595;

	padding-top: 15px;

	padding-right: 50px;

	padding-bottom: 15px;

	padding-left: 50px;

	font-weight: bold;

}

#trainingad_right a:hover {

	background-color: #999682;

}

}



@media screen and (max-width: 727px) {

	

	#header {

		padding-right: 2%;

		padding-left: 2%;

		padding-top: 12px;

		padding-bottom: 12px;

		height: 46px;

		border-bottom-width: 1px;

		border-bottom-style: solid;

		border-bottom-color: #BBB;

		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

		

	}

	#header div {

	text-align: center;

	}

	#header ul {

	margin: 0px;

	list-style-type: none;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	text-align: center;

	}

	#header ul li {

		display: inline;

		font-weight: bold;

		color: #069;

	}

	#header ul li a {

	color: #06C;

	text-decoration: none;

	font-weight: normal;

	width: 33%;

	float: left;

	}

	#header ul li a:hover {

		color:#D00;

	}

	#header ul #header-last a {

	border-radius: 5px;

	}

	#header ul #header-last a:hover {

		border: 1px solid #E00;

	}

	#banner {

	background-color: #E4E3DE;

	}

	#banner-in {

	margin-right: auto;

	margin-left: auto;

	background-color: #E3E3DB;

	padding-top: 30px;

	padding-right: 30px;

	padding-bottom: 60px;

	padding-left: 30px;

	}

	#banner-in a {

		color: #FFF;

		text-decoration: none;

		background-color: #A8A595;

		padding-top: 15px;

		padding-right: 50px;

		padding-bottom: 15px;

		padding-left: 50px;

		font-weight: bold;

	}

	#banner-in a:hover {

		background-color: #8E8A75;

	}

	

	#banner-in p {

		margin: 0px;

		padding-top: 0px;

		padding-right: 0px;

		padding-bottom: 40px;

		padding-left: 0px;

		color: #928E7A;

	}

	#options {

	margin-right: auto;

	margin-left: auto;

	padding-top: 15px;

	padding-right: 15px;

	padding-bottom: 0px;

	padding-left: 15px;

	}

	#options ul {

		margin: 0px;

		padding: 0px;

		list-style-type: none;

	}

	#options ul li {

	border: 1px solid #BBB;

	padding-bottom: 30px;

	margin-bottom: 20px;

	}

	#options ul .last {

		margin-right: 0px;

	}

	#options ul li h2 {

		background-color: #EEE;

		margin: 0px;

		padding: 25px;

		font-size: 20px;

		font-weight: normal;

	}

	#options ul li h2 span {

		display: block;

		font-size: 15px;

		color: #888;

		padding-top: 6px;

	}

	#options ul li p {

		font-size: 30px;

		font-weight: normal;

		margin: 0px;

		padding-top: 30px;

		padding-right: 20px;

		padding-bottom: 20px;

		padding-left: 20px;

	}

	#options ul li p span {

		display: block;

		font-size: 15px;

		color: #777;

		padding-top: 10px;

	}

	#benefits {

	margin-right: auto;

	margin-left: auto;

	padding: 15px;

	}

	.training_last {

	text-align: center;

	padding-top: 35px;

	clear: both;

	padding-bottom: 30px;

	font-size: 2em;

	color: #069;

	background-image: url(../pics/curve.png);

	background-repeat: no-repeat;

	background-position: bottom;

	margin-bottom: 60px;

	}

	

	#benefits ul {

		margin: 0px;

		padding: 0px;

		list-style-type: none;

	}

	#benefits ul li {

	text-align: center;

	padding-bottom: 10px;

	}

	#benefits ul .last {

		margin-right: 0px;

	}

	#benefits ul li h2 {

		background-color: #EEE;

		margin: 0px;

		padding: 25px;

		font-size: 20px;

		font-weight: normal;

	}

	#benefits ul li h2 span {

		display: block;

		font-size: 15px;

		color: #888;

		padding-top: 6px;

	}

	#benefits ul li p {

		font-size: 30px;

		font-weight: normal;

		margin: 0px;

		padding-top: 30px;

		padding-right: 20px;

		padding-bottom: 20px;

		padding-left: 20px;

	}

	#benefits ul li p span {

		display: block;

		font-size: 15px;

		color: #777;

		padding-top: 10px;

	}

	#trainingad_left {

	font-size: 1.2em;

	color: #069;

	text-align: center;

	}

	#trainingad_right {

	padding-top: 20px;

	line-height: 22px;

	color: #069;

	text-align: center;

	}

	

	#header {

	clear: both;

	height: 70px;

	}

	#trainingad_right a {

		color: #FFF;

		text-decoration: none;

		background-color: #A8A595;

		padding-top: 15px;

		padding-right: 50px;

		padding-bottom: 15px;

		padding-left: 50px;

		font-weight: bold;

	}

	#trainingad_right a:hover {

		background-color: #999682;

	}

	.hidenumber {

		display: none;

	}

	#header ul .hidenumber {

		display: none;

	}

}