@font-face {
    font-family: 'open_sansbold';
    src: url('opensans-bold-webfont.eot');
    src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bold-webfont.woff') format('woff'),
         url('opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body, html {
	height: 100%;
}
body {
	font-family: 'open_sansregular';
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
}
ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
p, td, input, label, form, h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}
.clear {
	clear: both;
}

#wapper{
	margin: 0 auto;
	width: 100%;
}
#top_part{
	background: url('../images/6.jpg') no-repeat;
	height: 771px;
   background-size: cover;
}
.common_wapper{
    margin: 0 auto;
    text-align: center;
    width: 1043px;
}
.common_wapper h1{
   color: #ffffff;
    font-size: 30px;
    margin: 0 auto;
    padding-top: 500px;
    text-align: center;
    width: 490px;
}
.common_wapper h3{
     color: #FFFFFF;
    font-size:15px;
    margin: 0 auto;
    padding-top: 7px;
    text-align: center;
    width: 200px;
}

h2 {
	border-bottom: 1px solid #FFFFFF;
    color: #7483D8;
    font-family: 'OpenSans-Light';
    font-size: 36px;
    font-weight: normal;
    margin: 25px auto 0;
    width: 568px;
}

h2 span {
	color: #FFFFFF;
}
h4{
	color: #FFFFFF;
	margin-top: 30px;
}
.button input{
	background: none repeat scroll 0 0 #7483D8;
    border: medium none;
    color: #FFFFFF;
    height: 50px;
    margin-top: 30px;
    width: 200px; 
}
.menu{
	background: #000000;
    color: #FFFFFF;
    margin: 0 auto;
    height: 70px;
	position: fixed;
    width: 100%;
	z-index: 1000;
}
.menu ul{
	width: 1002px;
	float: left;
}
.menu li a{
	 float: left;
    margin-left: 15px;
    margin-right:15px;
    padding: 27px;
    text-align: center;
    text-decoration:  none;
    color: #FFF;
}
.menu li:hover a{
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
    background:#202020; 
    color:#885BEA;
    height: 16px;
    text-decoration:  none;
}
.menu li a:hover{
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
    background:#202020; 
    color:#885BEA;
    height: 16px;
    text-decoration:  none;
}
.menu li.active a{
	font-family: 'open_sansbold';
    text-align: center;
    background:#202020; 
    color:#885BEA;
    height: 16px;
    text-decoration:  none;
}
.time_table{
    /*padding-right: 45px;*/	
	width:170px;
	margin:0 auto;
}
.content_part{
	 background:#FFF;
    margin: 0 auto;
    width: 100%;
}
.content_header_title{
	/*background: url('../images/backgroung.png');*/
	background:#fbfbfb;
	height:300px;
	width:100%;
	clear:both;
		
}
.content-title{
	color: #774454;
    font-family: open_sansbold;
    font-size: 36px;
    padding-bottom: 63px;
    padding-top: 41px;
}
.content-title p{
	font-size: 20px;
	color: #000;
	padding: 15px;
}
.content_setting{
	float: right;
    font-size: 15px;
    line-height: 27px;
    text-align: justify;
    width: 460px;
}
.content-icon{
   color: #7483D8;
   width: 436px;
   margin-top: 24px;
   margin-bottom: 20px;
   font-weight: bold;
}
.content-icon-min{
	width: 998px;
	float: left;
	margin-bottom: 100px;
}
.content-icon-min li{
	width: 499px;
	float: left;
	margin-top: 15px;
}
.table_main{
	margin-left: 335px;
    margin-top: -42px;	
}
.table_main_in{
	color: #7483D8;
    float: left;
    font-size: 23px;
    width: 223px;	
	text-align:justify;
}

.portfolio-main{
	background: url('../images/2.jpg') no-repeat ;
	background-opacity: 0.55;
	height: 600px;
   background-size: cover;
   padding-bottom: 70px;
   clear: both;
}
.portfolio-title{
	color: #fff;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 32px;
    padding-top: 60px;
    text-align: center;
	 font-family: open_sansbold;
}
.portfolio-main ul{
	width: 820px;
	margin: 0 auto;
}
.portfolio-main li a{
	 background: none repeat scroll 0 0 #313131;
    color: #FFFFFF;
    float: left;
    margin-left: 3px;
    padding: 12px;
    width: 136px;
    text-decoration: none;
}

.portfolio-main li a:hover {
	 color: #9E5EFD;
	 background: none repeat scroll 0 0 #5E5C5D;
	 font-weight: bold;
	 text-decoration: none;
}
.portfolio-main li.active a{
	 color: #9E5EFD;
	 background: none repeat scroll 0 0 #5E5C5D;
	 font-weight: bold;
	 text-decoration: none;
}
.portfolio-img{
	 clear: both;
    margin: 0 auto;
    width: 998px;
}
.portfolio-img-list{
	float: left;
    padding: 11px;
    width: 309px;
}
.portfolio-img-list img{
    width: 305px;
    height: auto;
}
.course-class-main{
	background: url('../images/gim25.jpg') no-repeat;
	height: 1070px;
   background-size: cover;
   padding-bottom: 70px;
   clear: both;
}
.classes-img{
	 clear: both;
    margin: 30px auto 0;
    width: 998px;
}
.classes-img-list{
	float: left;
    padding: 11px;
    width: 227px;
}

.classes-img-list img {
    width: 234px;
    height: 275px;
    margin-top: -14px;
    position: relative;
    cursor: pointer;
}
.classes-img-list .classes-img-title:hover{
	background-color: #000;
}
.classes-img-name-first{display: none;}
.classes-img-name-second{display: none;}
.classes-img-name-third{display: none;}
.classes-img-list:hover .classes-img-name-first{
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    clear: both;
    color: #FFFFFF;
    height: 21px;
    margin-top: -135px;
    padding: 10px;
    position: absolute;
    width: 183px;
    font-weight: bold;
    display: block;
}
.classes-img-list:hover .classes-img-name-second{
     background: none repeat scroll 0 0 #9657EC;
    border: medium none;
    clear: both;
    color: #FFFFFF;
    height: 21px;
    margin-top: -91px;
    padding: 10px;
    position: absolute;
    width: 183px;
    display: block;
}
.classes-img-list:hover .classes-img-name-third{
     background: none repeat scroll 0 0 #FED41D;
    border: medium none;
    clear: both;
    color: #FFFFFF;
    height: 21px;
    margin-top: -91px;
    padding: 10px;
    position: absolute;
    width: 183px;
    display: block;
}
#plans-main{
	background:#222222;
	height: 750px;
   clear: both;
   width: 100%;
}
.plan-title{
	font-size: 30px;
	text-align: center;
	color: #FFF;
	padding: 40px;
	font-weight: bold;
}
.plan-title-p{
	color: #FFFFFF;
}
.plan-list {
	float: left;
   width: 100%;
}
.plan-list li {
	 background: none repeat scroll 0 0 #2D2D2D;
    float: left;
    margin-left: 32px;
    margin-top: 54px;
    padding: 10px;
    width: 28%;
}

.plan-curency{
    color: #9354E0;
    float: left;
    font-size: 40px;
    font-weight: bold;
    margin-top: 15px;
    padding-left: 12px;
}
.plan-curency span{
    color: #9354E0;
    float: right;
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
}
.plan-time{
	clear: both;
   color: #FFFFFF;
   float: left;
   margin-left: 12px;
   margin-top: 11px;
   font-weight: bold;
   font-size: 14px;
}
.plan-name{
	 clear: both;
    color: #F8D016;
    float: left;
    font-size: 24px;
    font-weight: bold;
    margin-left: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.plan-content{
    border-bottom: 1px solid #767676;
    clear: both;
    color: #DCDFEE;
    float: left;
    font-size: 14px;
    line-height: 45px;
    margin-left: 13px;
    text-align: left;
    width: 255px;
    font-weight: bold;
}
.plan-button input{
	 background: none repeat scroll 0 0 #FED41D;
    border: medium none;
    clear: both;
    float: left;
    height: 41px;
    margin-bottom: 35px;
    margin-left: 39px;
    margin-top: 35px;
    width: 124px;
    color: #FFF;
}
#training-schdule{
	background: url("../images/5.jpg") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
    clear: both;
    height: 710px;
    padding-bottom: 70px;
}
.training-title{
	 color: sandybrown;
    font-size: 30px;
    font-weight: bold;
    padding-top: 40px;
    text-align: center;
	 font-family: open_sansbold;
}

.training-title-p{
	color: sandybrown;
	font-weight: bold;
	font-size: 22px;
	margin-top: 25px;
	margin-bottom: 25px;	
}	
.schedule{
	width: 945px;
	margin: 0 auto;
}
.schedule-day{
	background: none repeat scroll 0 0 #222222;
    color: #9659f5;
    height: 24px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 23px;
    width: 255px;
}
.schedule-time{
	background: #090609;
	color: #9659f5;
    float: left;
    width: 945px;
}
.schedule-time_td{
	background: none repeat scroll 0 0 #fff;
    height: 72px;
}
.week{
	 color: #FFFFFF;
    float: left;
    margin: 21px 0 0 153px;
}

#blog{
	margin: 0 auto;
	width: 100%;
}
.blog-title{
	color: #1E231D;
    font-size: 30px;
    font-weight: bold;
    padding-top: 87px;
    text-align: center;
	 font-family: open_sansbold;
}
.blog-content{
	 color: #000;
    font-size: 16px;
    margin-bottom: 25px;
    margin-top: 25px;
}
.blog-content-main{
	float: left;
   width: 1025px;
   margin-bottom: 90px;
}
.blog-image{
	float: left;
}
.blog-content-more{
	color: #232323;
    float: right;
    font-size: 15px;
    /*font-weight: bold;*/
    line-height: 25px;
    margin-right: 17px;
    margin-top: 0;
    text-align: justify;
    width: 230px;
}
.more-content-left{
	float: left;
	width: 513px;
	margin-top: 40px;
}
.more-content-right{
	float: left;
	width: 512px;
	margin-top: 40px;
}
.more-title{
	color: #E77817;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 24px;
}
.more-time{
	color: #999;
	font-size: 12px;
	margin-bottom: 20px;
}
.more-button input{
	 background: none repeat scroll 0 0 #995AEF;
    border: medium none;
    border-radius: 5px;
    color: #FFFFFF;
    height: 34px;
    margin-top: 17px;
    padding: 2px;
    width: 93px;
	cursor: pointer;
}
#testmonials-main{
	margin: 0 auto;
	width: 100%;
	background: #FED41D;
	height: 218px;
	clear: both;
}
.slider{
	font-size:24px;
	font-weight:bold;
	padding:23px;
	color:#FFFFFF;	
}
#company-list{
	margin: 0 auto;
	width: 100%;
	background: #F6F6F6;
	height: 180px;
	clear: both;
}
.company-title img{
	float: left;
	margin-left: 65px;
	margin-top: 50px;
}
#contact-us{
	margin: 0 auto;
	width: 100%;
	clear: both;
}
.contact-title{
	color: #000;
	font-size: 35px;
   margin-top: 74px;
    font-family: open_sansbold;
}
.contact-content{
	color: #000;
	font-size: 15px;
   margin-top: 30px;
   margin-bottom: 30px;
}
.contact-main{
	float: left;
	width: 1000px;
}
.contact-left input{
	 border: 1px solid;
    color: #999999;
    float: left;
    height: 23px;
    margin-bottom: 20px;
    padding: 8px;
    width: 495px;
}
.contact-left textarea{
	border: 1px solid;
    color: #999999;
    float: left;
    height: 138px;
    margin-bottom: 20px;
    margin-right: -17px;
    padding: 30px;
    width: 450px;
}
.contact-right{
	float:right;
	width: 468px;
}

h2 {
   color: #7483d8;
    float: left;
    font-family: open_sansbold;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 23px;
    margin-top: auto;
    width: 343px;
}
.contact-right_address{
 	color: #7d7d7d;
    float: left;
    font-size: 18px;
    line-height: 27px;
    margin-left: 50px;
    text-align: justify;
}
.send-message input{
	background: none repeat scroll 0 0 #FED41D;
    border: medium none;
    clear: both;
    float: left;
    height: 60px;
    margin-bottom: 80px;
    width: 512px;
    color: #FFF;
	cursor: pointer;
font-size: 18px;
}
#map{
	background: url('../images/map.png') no-repeat;
	background-size : 100%;
	height: 325px;
	clear: both;
}
#location-main{
	margin: 0 auto;
	height: 80px;
	width: 100%;
	background-color: #222222;
	clear: both;
}
.lacation-phone{
	float: left;
	width: 20px;
	padding:30px;
	color: #FFF;
	width: 225px;
}

.lacation-email{
	float: left;
	width: 20px;
	padding:30px;
	color: #FFF;
    width: 363px;
}

.location-number{
	color: #FFFFFF;
   float: right;
   margin-right: 95px;
}
#footer{
	margin:  0 auto;
	width: 100%;
}
.footer-title{
	font-size: 32px;
	margin-top: 50px;
	font-weight: bold;
	margin-bottom: 50px;
	 font-family: open_sansbold;
}
.copy-right{
	margin-top: 20px;
	margin-bottom: 40px;
}
.down{
	float: right;
    height: 51px;
    margin-right: 25px;
    position: static;
}

table.tftable {
	font-size:12px;
	color:#fbfbfb;
	width:100%;
	border-width: 1px;
	border-color: #686767;
	border-collapse: collapse;
}
table.tftable th {
	font-size:16px;
	background-color:#171515;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #686767;
	height:55px;
}
table.tftable tr {
	background-color:#2f2f2f;
}
table.tftable td {
	font-size:12px;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #686767;
	height:55px;
}