@charset "utf-8";

/***********
 Fonts
***********/

@import url('fonts.css');

/*********************************
 Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	background: #FFFFFF;
	color: #a5a5a5;
}

div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 2.29;
	font-weight: 400;
	color: #6e7277;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FFFFFF;
	background: #ffa07f;
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{
	background: #FFD266;
	color: #C88E00;
}
p::selection
{
	background: #FFD266;
	color: #C88E00;
}
h1{font-size: 36px;}
h2{font-size: 22px;}
h3{font-size: 18px;}
h4{font-size: 14px;}
h5{font-size: 11px;}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Dsj';
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection{
	
}
::-webkit-input-placeholder
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #a5a5a5 !important;
}
:-moz-placeholder /* older Firefox*/
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #a5a5a5 !important;
}
::-moz-placeholder /* Firefox 19+ */ 
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #a5a5a5 !important;
} 
:-ms-input-placeholder
{ 
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #a5a5a5 !important;
}
::input-placeholder
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #a5a5a5 !important;
}
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.nopadding
{
	padding: 0px !important;
}
.font_ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.red{color: #f55a28;}

/*********************************
3. Header
*********************************/

.header
{
	position: fixed;
	top: 45px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 1318px;
	height: 104px;
	background: #FFFFFF;
	z-index: 90;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;

	
}
.d-flex{
	display: -webkit-box!important;
	display: -moz-box!important;
	display: -webkit-flex!important;   
	display: -moz-flex!important;
	display: -ms-flexbox!important; 
	display: flex!important;
}
.header.scrolled
{	
	top: 15px;
}
.header.scrolled .header_content::before
{
	box-shadow: 0px 20px 49px rgba(0,0,0,0.17);
}
.header_content
{
	width: calc(100% - 279px);
	height: 100%;
}
.header_content::before
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	box-shadow: 0px 20px 49px rgba(0,0,0,0.67);
	z-index: -1;
}

/*********************************
3.1 Logo
*********************************/

.logo_container
{
	display: inline-block;
	padding-left: 76px;
}
.logo span
{
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: 900;
	color: #3a3a3a;
	vertical-align: middle;
	text-transform: uppercase;
	margin-left: 3px;
}

/*********************************
3.2 Main Nav
*********************************/

.main_nav_container
{
	display: inline-block;
	margin-left: auto;
	padding-right: 34px;
}
.main_nav
{
	/* margin-top: 7px; */
}
.main_nav_item
{
	display: inline-block;
	margin-right: 40px;
	padding: 40px 10px;
	position: relative;
}
.main_nav_item:last-child
{
	margin-right: 0px;
}
.main_nav_item a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	color: #31363d;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.main_nav_item a:hover,.main_nav_item a.active
{
	color: #ffb606;
}
.main_nav_second{position: absolute;top: 0px;left: 0px;width: 100%;background-color: #ffb606;color: #31363d;font-size: 16px;text-align: center;min-height: 104px;padding: 20px 0px 0px 0px;
	transform:rotateX(90deg) translateZ(50px) translateY(-50px);
	-webkit-transform: rotateX(90deg) translateZ(50px) translateY(-50px);
	-moz-transform: rotateX(90deg) translateZ(50px) translateY(-50px);
	-ms-transform: rotateX(90deg) translateZ(50px) translateY(-50px);
	-o-transform: rotateX(90deg) translateZ(50px) translateY(-50px);
	opacity: 0;
}
.main_nav_second a{margin-bottom: 15px;display: block;}
.main_nav_hover{perspective:150;-webkit-perspective:150;}
.main_nav_hover .main_nav_second a{color: #fff;}
.main_nav_hover .main_nav_second a:hover{color: #fff;cursor: pointer;}
.main_nav_hover:hover>a{
	transform:rotateX(-90deg) translateZ(50px) translateY(50px);
	-webkit-transform: rotateX(-90deg) translateZ(50px) translateY(50px);
	-moz-transform: rotateX(-90deg) translateZ(50px) translateY(50px);
	-ms-transform: rotateX(-90deg) translateZ(50px) translateY(50px);
	-o-transform: rotateX(-90deg) translateZ(50px) translateY(50px);
	transition: transform 0.5s ease-out;
	-webkit-transition: transform 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out;
	-ms-transition: transform 0.5s ease-out;
	-o-transition: transform 0.5s ease-out;
	display: block;
}
.main_nav_hover:hover .main_nav_second{
	transform:rotateX(0deg) translateZ(0px) translateY(0px);
	-webkit-transform: rotateX(0deg) translateZ(0px) translateY(0px);
	-moz-transform: rotateX(0deg) translateZ(0px) translateY(0px);
	-ms-transform: rotateX(0deg) translateZ(0px) translateY(0px);
	-o-transform: rotateX(0deg) translateZ(0px) translateY(0px);
	opacity: 1;
	transition: transform 0.5s ease-out,opacity 0.5s;
	-webkit-transition: transform 0.5s ease-out,opacity 0.5s;
	-moz-transition: transform 0.5s ease-out,opacity 0.5s;
	-ms-transition: transform 0.5s ease-out,opacity 0.5s;
	-o-transition: transform 0.5s ease-out,opacity 0.5s;
}

/*********************************
3.3 Header Side
*********************************/

.header_side
{
	width: 279px;
	height: 100%;
	background: #ffb606;
}
.header_side img
{
	width: 34px;
	height: 34px;
}
.header_side span
{
	display: block;
	position: relative;
	font-size: 22px;
	font-weight: 500;
	color: #FFFFFF;
	padding-left: 12px;
}

/*********************************
3.4 Hamburger
*********************************/

.hamburger_container
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 20px;
	display: none;
	cursor: pointer;
}
.hamburger_container i
{
	font-size: 24px;
	padding: 10px;
	color: #3a3a3a;
}
.hamburger_container:hover i
{
	color: #ffb606;
}

/*********************************
4. Menu
*********************************/

.menu_container
{
	position: fixed;
	top: 0;
	right: -50vw;
	width: 50vw;
	height: 100vh;
	background: #FFFFFF;
	z-index: 92;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	visibility: hidden;
	opacity: 0;
}
.menu_container.active
{
	visibility: visible;
	opacity: 1;
	right: 0;
}
.menu
{
	position: absolute;
	top:150px;
	left: 0;
	padding-left: 15%;
}
.menu_list
{
	-webkit-transform: translateY(3.5rem);
	-moz-transform: translateY(3.5rem);
	-ms-transform: translateY(3.5rem);
	-o-transform: translateY(3.5rem);
	transform: translateY(3.5rem);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 1000ms 600ms ease;
	opacity: 0;
}
.menu_container.active .menu_list
{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}
.menu_item
{
	margin-bottom: 9px;
}
.menu_item a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	font-weight: 700;
	color: #31363d;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_item a:hover,.menu_item a.active
{
	color: #ffb606;
}
.menu_mm_second{padding-left: 40px;}
.menu_mm_second a{display: block;cursor: pointer;}
.menu_mm .menu_mm_second a:hover{color: #ffb606;}
.menu_item .menu_mm_a:hover,.menu_item .menu_mm_a.active{color: #31363d;}
.menu_close_container
{
	position: absolute;
	top: 86px;
	right: 79px;
	width: 21px;
	height: 21px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu_close
{
	top: 9px;
	width: 21px;
	height: 3px;
	background: #3a3a3a;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close::after
{
	display: block;
	position: absolute;
	top: -9px;
	left: 9px;
	content: '';
	width: 3px;
	height: 21px;
	background: #3a3a3a;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close_container:hover .menu_close,
.menu_close_container:hover .menu_close::after
{
	background: #ffb606;
}

/*********************************
4.1 Menu Social
*********************************/

.menu_social_container
{
	margin-top: 100px;
	-webkit-transform: translateY(3.5rem);
	-moz-transform: translateY(3.5rem);
	-ms-transform: translateY(3.5rem);
	-o-transform: translateY(3.5rem);
	transform: translateY(3.5rem);
	-webkit-transition: all 1000ms 1000ms ease;
	-moz-transition: all 1000ms 1000ms ease;
	-ms-transition: all 1000ms 1000ms ease;
	-o-transition: all 1000ms 1000ms ease;
	transition: all 1000ms 1000ms ease;
	opacity: 0;
	padding-left: 4px;
}
.menu_social_item
{
	display: inline-block;
	margin-right: 30px;
}
.menu_social_item a i
{
	color: #3a3a3a;
}
.menu_social_item a i:hover
{
	color: #ffb606;
}
.menu_container.active .menu_social_container
{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}

/*********************************
4.2 Menu copyright
*********************************/

.menu_copyright
{
	margin-top: 60px;
	-webkit-transform: translateY(3.5rem);
	-moz-transform: translateY(3.5rem);
	-ms-transform: translateY(3.5rem);
	-o-transform: translateY(3.5rem);
	transform: translateY(3.5rem);
	-webkit-transition: all 1000ms 1200ms ease;
	-moz-transition: all 1000ms 1200ms ease;
	-ms-transition: all 1000ms 1200ms ease;
	-o-transition: all 1000ms 1200ms ease;
	transition: all 1000ms 1200ms ease;
	opacity: 0;
	padding-left: 3px;
}
.menu_container.active .menu_copyright
{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}

/*********************************
 Home
*********************************/

.home
{
	width: 100%;
	height: 100vh;
}
.home1
{
	width: 100%;
	height: 500px;
}
.home2
{
	width: 100%;
	height: 500px;
}
.home3
{
	width: 100%;
	height: 200px;
}
.home1 .homeTitleL{height: 170px;position: absolute;bottom: 60px;left: 10%;}
.home1 .homeTitleL1{height: 200px;position: absolute;bottom: 60px;left: 10%;}
.home1 .homeTitleR{width: 30%;position: absolute;bottom: 60px;right: 10%;}
.home1 .homeTitleC{width: 880px;position: absolute;bottom: 40px;right: 0px;left: 0px;margin: 0px auto;}
.home_background_container
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.home_background
{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.home_content
{
	position: absolute;
	left: 50%;
	bottom: 109px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #ffb606;
	padding-top: 24px;
	padding-bottom: 18px;
	padding-left: 39px;
	padding-right: 42px;
}
.home_content h1
{
	font-size: 72px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 0.5;
	white-space: nowrap;
}
.homePhone{position: relative;text-align: center;width: 100%;background-color: #fdd668;}
.homePhone h2{color: #6a3906;margin-bottom: 0px;padding: 8px 10px 10px 10px;}
/*********************************
 Hero Slider
*********************************/

.hero_slider_container
{
	width: 100%;
	height: 100%;
}
.hero_slide
{
	width: 100%;
	height: 100%;
}
.hero_slide_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.hero_slide_container
{
	width: 100%;
	height: 100vh;
}
.hero_slide_content
{
	max-width: 80%;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
}
.hero_slide_content h1
{
	font-size: 60px;
	font-weight: 400;
	color: #FFFFFF;
	letter-spacing: 10px;
	text-shadow: #4e4e4e 2px 2px 5px;
	cursor: pointer;
	-moz-user-select: none;  
	-webkit-user-select: none;  
	-ms-user-select: none;
	user-select: none;
}
.hero_slide_content h1 span
{
	padding-left: 10px;
	margin-right: 10px;
	position: relative;
}
.hero_slide_content h1 span:before{display: block;content: "天之恢宏 创之旷世";width: 100%;height: 24px;left: 0px;top: -40px;position: absolute;z-index: -1;color: #fff;text-shadow: #4e4e4e 2px 2px 5px;font-size: 24px;letter-spacing: 1px;}
.hero_slide_content h1 span:after{display: block;content: "";width: 100%;height: 86px;background: #ffb606;left: 0px;top: 0px;position: absolute;z-index: -1;}

.animated
{
	-webkit-animation-duration : 1s !important;
	animation-duration : 1s !important;
	-webkit-animation-delay : 500ms;
	animation-delay : 500ms;
}
.animate-out
{
	-webkit-animation-delay : 0ms;
	animation-delay : 0ms;
}

/*********************************
 Hero Slider Navigation
*********************************/

.hero_slider_nav
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(calc(-50% + 30px));
	width: 58px;
	height: 58px;
	background: #FFFFFF;
	z-index: 9;
	cursor: pointer;
}
.hero_slider_nav:hover
{
	background: #ffb606;
}
.hero_slider_nav:hover span
{
	color: #FFFFFF;
}
.hero_slider_nav span
{
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	color: #121212;
	line-height: 1;
}
.hero_slider_left
{
	left: 4.32%;
}
.hero_slider_right
{
	right: 4.32%;
}

/*********************************
 Hero Boxes
*********************************/

.hero_boxes
{
	width: 100%;
	height: 0px;
	z-index: 9;
	padding-top: 0px;
}
.hero_boxes_inner
{
	position: absolute;
	top: -212px;
	left: 0;
	width: 100%;
}
.hero_box
{
	width: 100%;
	height: 161px;
	background: #1a1a1a;
	padding-left: 50px;
	cursor: pointer;
}
.hero_box:hover
{
	background: #ffb606;
}
.hero_box img
{
	width: 62px;
	height: auto;
	margin-top: -6px;
}
.svg path
{
	fill: #ffb606;
}
.hero_box svg
{
	width: 62px;
	height: auto;
}
.hero_box:hover svg path
{
	fill: #FFFFFF;
}
.hero_box_content
{
	padding-left: 13px;
	padding-top: 11px;
	margin-top: -6px;
}
.hero_box_title
{
	font-size: 24px;
	font-weight: 500;
	color: #FFFFFF;
	margin-bottom: 7px;
}
.hero_box_link
{
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-left: 3px;
}
.hero_box_link:hover{color: #1a1a1a;}

/*********************************
 Page Section
*********************************/

.page_section
{
	padding-top: 45px;
	padding-bottom: 117px;
}
.section_title
{
	margin-bottom: 90px;
}
.section_title h1
{
	display: block;
	color: #31363d;
	font-weight: 500;
	padding-top: 24px;
}
.section_title h1::before
{
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 55px;
	height: 4px;
	content: '';
	background: #ffb606;
}

/*********************************
 Buttons
*********************************/

.button
{
	cursor: pointer;
}
.button:hover
{
	box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}
.button a
{
	font-size: 16px;
	line-height: 48px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}
.button_1
{
	width: 202px;
	height: 48px;
	font-size: 16px;
}
/*********************************
 mainAboutUs
*********************************/
.mainAboutUs{width: 100%;position: relative;}
.mUsBg{position: absolute;right: 0px;top: 0px;width: 20%;min-width: 175px;}
.mUsTitle{margin-bottom: 50px;}
.mUsTitle>h1{color: #ffb708;font-size: 36px;margin-top: 50px;margin-bottom: 30px;text-shadow: #ffffff 1px 1px 0px;}
.mUsTitle>p{margin-bottom: 0px;font-size: 16px;}
.mUsPoint{position: relative;padding-left: 180px;margin-bottom: 50px;min-height: 110px;}
.mUsPoint>img{position: absolute;left: 30px;top: 0px;height: 100px;}
.mUsPoint h3{font-size: 26px;color: #31363d;margin-bottom: 30px;}
.mUsPoint p{font-size: 16px;line-height: 1;margin-bottom: 5px;}

/*********************************
 Popular
*********************************/

.popular
{

}
.course_boxes
{
	margin-top: 68px;
}
.course_box{padding: 0px 30px;}
.card
{
	display: block;
	background: #f8f9fb;
	border: none;
	position: relative;
	border-radius: 10px;
}
.card:hover{background-color: #ffb606;
	transition: all 0.6s ease-out;
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
}
.card-img-top
{
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.card-body{position: relative;padding: 0px 50px 40px 50px;margin-top: -50px;}
.card-title
{
	margin-bottom: 30px;
}
.card-title a
{
	font-size: 32px;
	font-weight: 500;
	color: #31363d;
	line-height: 1.2;
	font-family: "Dsj";
}
.card-title a:hover
{
	color: #fff;
}
.card:hover .card-title a{color: #fff;}
.card-text
{
	font-size: 16px;
	font-weight: 500;
	color: #6e7277;
	
}
.card:hover .card-text{color: #fff;}
.cardBtn>a{height: 48px;width: 128px;background-color: #ffb606;font-size: 16px;display: block;color: #fff!important;text-align: center;line-height: 48px;font-weight: 700;}
.card:hover .cardBtn>a{background-color: #1a1a1a;}
.cardBtn{margin-top: 30px;} 
.price_box
{
	width: 100%;
	height: 67px;
	background: #eaebec;
	margin-top: 41px;
	padding-left: 35px;
}
.course_author_image
{
	width: 46px;
	height: 46px;
	border-radius: 50%;
	overflow: hidden;
}
.course_author_name
{
	font-size: 14px;
	font-weight: 500;
	color: #1a1a1a;
	padding-left: 20px;
	margin-top: 7px;
}
.course_author_name span
{
	color: #a5a5a5;
}
.course_price
{
	width: 67px;
	height: 67px;
	background: #ffb606;
	margin-left: auto;
}
.course_price span
{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 500;
	margin-top: 7px;
}
/*********************************
 training
*********************************/
.mainTraining{margin-bottom: 0px;padding-top: 80px;}
.mTrainingImg{padding: 50px 50px 0px 50px;}
.mTrainingImg>img{width: 100%;}
.mTrainingBox{padding: 0px 50px;}
.mTrainingBox img{width: 100%;}
.mTrainingP{padding: 20px 20px;}
.mTrainingP>p{line-height: 1.4;font-size: 15px;}
/*********************************
 Register
*********************************/

.register
{
	width: 100%;
}
.register_section
{
	width: 100%;
	background: #ffb606;
	padding-top: 156px;
	padding-bottom: 161px;
}
.register_content
{
	width: 522px;
}
.register_title
{
	color: #FFFFFF;
	margin-bottom: 16px;
	line-height: 1.63;
}
.register_title:last-child
{
	margin-bottom: 0px;
}
.register_title	span
{
	color: #1a1a1a;
}
.register_text
{
	color: #FFFFFF;
	font-weight: 500;
	margin-top: 32px;
	margin-bottom: 0px;
	font-size: 16px;
}
.register_button
{
	background: #1a1a1a;
	margin-top: 65px;
}
.register_button a
{
	color: #FFFFFF;
}

/*********************************
 Search
*********************************/

.search_section
{
	width: 100%;
	height: 100%;
	background: #ececec;
}
.search_content
{
	width: 522px;
}
.search_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	
}
.search_title
{
	color: #31363d;
}

/*********************************
 Search Form
*********************************/

.search_form
{
	margin-top: 57px;
}
.input_field
{
	width: 100%;
	height: 42px;
	background: #FFFFFF;
	box-sizing: border-box;
	border: solid 2px #ffb606;
	padding-left: 25px;
	margin-bottom: 24px;
	border-radius: 6px;
	font-size: 16px;
}
input:last-of-type
{
	margin-bottom: 0px;
}
.input_field:focus
{
	outline: none !important;
	border: solid 2px #ffb606;
}
.search_submit_button
{
	width: 100%;
	height: 48px;
	background: #ffb606;
	color: #FFFFFF;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 28px;
	border: none;
	cursor: pointer;
}
.search_submit_button:hover
{
	box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}
.search_submit_button:focus
{
	outline: solid 2px #FFFFFF;
}

/*********************************
 Services
*********************************/

.services
{
	padding-bottom: 76px;
}
.services_row
{
	margin-top: 65px;
}
.service_item
{
	margin-bottom: 41px;
}
.service_item h3
{
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-weight: 500;
	color: #1a1a1a;
	margin-bottom: 13px;
}
.service_item p
{
	font-size: 14px;
	font-weight: 500;
	color: #a5a5a5;
	max-width: 100%;
	margin-bottom: 0px;
}
.icon_container
{
	height: 41px;
	width: auto;
	margin-bottom: 30px;
}
.icon_container img
{
	height: 100%;
}

/*********************************
 Testimonials
*********************************/

.testimonials
{
	width: 100%;
	background: #1a1a1a;
}
.testimonials_background_container
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.testimonials_background
{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity: 0.27;
}
.testimonials .section_title h1
{
	color: #FFFFFF;
}
.testimonials_slider_container
{
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 56px;
}
.testimonials_item
{
	width: 100%;
	padding-bottom: 75px;
}
.quote
{
	font-size: 36px;
	color: #ffb606;
}
.testimonials_text
{
	color: #FFFFFF;
	margin-bottom: 0px;
}
.testimonial_user
{
	margin-top: 43px;
}
.testimonial_image
{
	width: 98px;
	height: 98px;
	border-radius: 50%;
	overflow: hidden;
}
.testimonial_image img
{
	width: 100%;
	height: auto;
}
.testimonial_name
{
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #f6af03;
	margin-top: 21px;
}
.testimonial_title
{
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	margin-top: 6px;
}
.testimonials_slider .owl-dots
{
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row !important;
	justify-content: center;
	align-items: center;
}
.testimonials_slider .owl-dot span
{
	width: 8px !important;
	height: 8px !important;
	border: solid 2px #FFFFFF;
	background: transparent !important;
}
.testimonials_slider .owl-dot.active span
{
	width: 16px !important;
	height: 16px !important;
	border: none;
	background: #ffb606 !important;
}

/*********************************
 Events
*********************************/

.event_items
{
	margin-top: 68px;
}
.event_item
{
	margin-bottom: 56px;
}
.event_item:last-child
{
	margin-bottom: 0px;
}
.event_date
{
	width: 131px;
	height: 131px;
	border: solid 2px #ffb606;
	margin-bottom: 18px;
	border-radius: 6px;
}
.event_day
{
	font-size: 48px;
	font-weight: 700;
	color: #ffb606;
	margin-bottom: 1px;
	line-height: 1;
}
.event_month
{
	font-size: 16px;
	font-weight: 700;
	color: #ffb606;
}
.event_name a
{
	font-size: 22px;
	font-weight: 500;
	color: #31363d;
	font-family: 'Dsj';
}
.event_name a:hover
{
	color: #ffb606;
}
.event_location
{
	font-size: 14px;
	font-weight: 500;
	color: #31363d;
	margin-top: 2px;
}
.event_content p
{
	font-weight: 500;
	color: #a5a5a5;
	margin-top: 21px;
	margin-bottom: 13px;
	overflow: hidden;
	height: 64px;
}
.event_image
{

}
.event_image img
{
	width: 100%;
}
.eventA{text-align: center;margin-top: 100px;margin-bottom: 50px;}
.eventA .button{background-color: #ffb606;color: #fff;}

/*********************************
 News
*********************************/

.news
{
	width: 100%;
	padding-top: 103px;
	padding-bottom: 118px;
}
.news_post
{
	margin-bottom: 85px;
}
.news_post:last-child
{
	/*margin-bottom: 0px;*/
}
.news_post_image
{
	width: 100%;
}
.news_post_image img
{
	width: 100%;
	height: auto;
}
.news_post_top
{
	margin-top: 38px;
	position: relative;
	padding-left: 115px;
	height: 86px;
}
.news_post_date_container{position: absolute;left: 0px;top: 0px;}
.news_post_date
{
	width: 86px;
	height: 86px;
	background: #ffb606;
}
.news_post_date div:first-child
{
	font-size: 36px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1;
}
.news_post_date div:last-child
{
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 1;
	margin-top: 3px;
}
.news_post_title_container
{
	width: 100%;
	
}
.news_post_title a
{
	font-size: 32px;
	font-weight: 500;
	line-height: 1.2;
	color: #31363d;
	font-family: "Dsj";
}
.news_post_title a:hover,
.news_post_author a:hover,
.news_post_comments a:hover
{
	color: #ffb606;
}
.news_post_meta
{
	color: #31363d;
	margin-top: 25px;
	padding-left: 2px;
}
.news_post_author a
{
	font-size: 14px;
	font-weight: 500;
	color: #31363d;
	line-height: 1;
}
.news_post_comments a
{
	font-size: 12px;
	font-weight: 500;
	color: #1a1a1a;
	line-height: 1;
}
.news_post_meta span:nth-child(2)
{
	font-size: 12px;
	font-weight: 500;
	color: #1a1a1a;
	margin-left: 5px;
	margin-right: 5px;
}
.news_post_text
{
	margin-top: 27px;
}
.news_post_text p{color: #a5a5a5;line-height: 1.2;}
.news_post_button
{
	width: 188px;
	height: 53px;
	background: #ffb606;
	margin-top: 18px;
}
.news_post_button a
{
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 53px;
}
.news_post_button:hover
{
	box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}
.news_content{width: 100%;}
.news_content_title{text-align: center;}
.news_content_title>h1{color: #31363d;}
.news_content_title>p{margin-top: 30px;}
.news_content_author,.news_content_date{margin-left: 20px;margin-right: 20px;}
.news_content_text{margin-top: 80px;}
.news_content_text p{color: #31363d;font-size: 16px;}
.news_content_text img{margin: auto;display: block;max-width: 100%;}
/*********************************
 News Page Nav
*********************************/

.news_page_nav ul li
{
	display: inline-block;
	width: 43px;
	height: 43px;
	background: #d2d2d2;
	margin-right: 3px;
}
.news_page_nav ul li.active
{
	background: #ffb606;
}
.news_page_nav ul li:hover
{
	background: #ffb606;
}
.news_page_nav ul li a
{
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 43px;
}
/*********************************
 Sidebar
*********************************/

.sidebar
{
	width: 100%;
}
.sidebar_section
{
	margin-top: 48px;
}
.sidebar_section:first-child
{
	margin-top: 0px;
}
.sidebar_section_title
{
	margin-top: -1px;
}
.sidebar_section_title h3
{
	font-family: 'Roboto', sans-serif;
	color: #31363d;
	line-height: 1;
	font-weight: 600;
	font-size: 20px;
}
.sidebar_list
{
	margin-top: 28px;
}
.sidebar_list_item
{
	padding-top: 13px;
	padding-bottom: 13px;
	border-bottom: solid 2px #d2d2d2;
}
.sidebar_list_item a
{
	font-size: 14px;
	font-weight: 500;
	color: #a5a5a5;
}
.sidebar_list_item a:hover
{
	color: #ffb606;
}
.latest_posts
{
	margin-top: 50px;
}
.latest_post
{
	margin-bottom: 27px;
}
.latest_post:last-child
{
	margin-bottom: 0px;
}
.latest_post_image
{
	width: 100%;
}
.latest_post_image img
{
	width: 100%;
	height: auto;
}
.latest_post_title
{
	margin-top: 24px;
}
.latest_post_title a
{
	font-family: "Dsj";
	font-size: 22px;
	font-weight: 500;
	color: #31363d;
}
.latest_post_title a:hover,
.latest_post_author a:hover,
.latest_post_comments a:hover
{
	color: #ffb606;
}
.latest_post_meta
{
	color: #31363d;
	margin-top: 6px;
}
.latest_post_author a
{
	font-size: 14px;
	font-weight: 500;
	color: #a5a5a5;
	line-height: 1;
}
.latest_post_comments a
{
	font-size: 14px;
	font-weight: 500;
	color: #a5a5a5;
	line-height: 1;
}
.latest_post_meta span:nth-child(2)
{
	font-size: 14px;
	font-weight: 500;
	color: #31363d;
	margin-left: 5px;
	margin-right: 5px;
}
.tags
{
	margin-top: 50px;
}
.tag
{
	height: 40px;
	background: #ffb606;
	margin-right: 12px;
	margin-bottom: 10px;
}
.tag a
{
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 40px;
	padding-left: 30px;
	padding-right: 30px;
}
/*********************************
 Content Box
*********************************/
.contentBox{width: 100%;padding-top: 103px;padding-bottom: 110px;}
/*********************************
 Exam
*********************************/
.examTitle{width: 1300px;margin: auto;padding-top: 230px;}
.examTitle>h1{color: #fff;text-shadow: #333 2px 2px 5px;letter-spacing: 10px;margin-bottom: 40px;padding-left: 100px;font-size: 44px;}
.examTitle>p{color: #fff;text-shadow: #333 2px 2px 5px;margin-bottom: 0px;font-size: 19px;line-height: 1.4;}
.exam{position: relative;margin-bottom: 150px;}
.examNumber{position: absolute;top: 0px;}
.examNumber img{width: 100px;}
.examDiv{background-color: #ffb606;}
.examDiv img{border: 3px solid #fff;}
.examContent{position: absolute;width: 450px;height: 150px;background-color: #fff;box-shadow: 3px 3px 9px 0px #b7b7b7;border-radius: 10px;margin: auto;top: 0px;bottom: 0px;padding-top: 20px;}
.examContent h1{text-align: center;font-size: 30px;color: #31363d;}
.examContent p{text-align: center;font-size: 14px;}
.examLine{border-bottom: 1px dashed #6e7277;width: 80%;margin: auto;}
.examLine:before{display: block;content: "";width: 40px;height: 40px;background-image: url(../images/circle.png);background-size: contain;background-repeat: no-repeat;background-position: center;position: absolute;top: -20px;}
.examLine:after{display: block;content: "";width: 47px;height: 46px;background-image: url(../images/triangle.png);background-size: contain;background-repeat: no-repeat;background-position: center;position: absolute;top: -23px;}
.examImg_small{width: 200px;}
.examImg_middle{width: 300px;}
.examImg_big{width: 490px;}
.examLeft>.examNumber{right: 0px;}
.examLeft>.examDiv{float: left;border-radius: 40px 0px 0px 0px;padding: 50px 100px 50px 50px;}
.examLeft .examContent{right: -400px;}
.examLeft .examLine:before{left: -20px;}
.examLeft .examLine:after{right: -10px;}
.examRight>.examNumber{left: 0px;}
.examRight>.examDiv{float: right;border-radius: 0px 40px 0px 0px;padding: 50px 50px 50px 100px;}
.examRight .examContent{left: -400px;}
.examRight .examLine:before{right: -20px;}
.examRight .examLine:after{left: -10px;transform: rotateY(180deg);}

.examSeekTitle{width: 100%;text-align: center;background-color: #ffb606;color: #fff;padding: 10px;font-size: 18px;border-radius: 8px;margin-bottom: 30px;}
.examSeekUl{width: 100%;text-align: center;}
.examSeekUl li{padding: 0px 10px 30px 10px;}
.examSeekUl a{font-size: 16px;color: #31363d;cursor: pointer;}
.examSeekUl a.active{color: #fa8056;}
.examTeacher{width: 100%;text-align: center;padding: 10px 10px 50px 10px;}
.examTeacher>h3{color: #31363d;font-family: 'Roboto', sans-serif;font-size: 20px;}
.examTableBox{padding: 0px 30px 50px 30px;color: #6e7277;}
.examTable{margin-bottom: 50px;}
.certificate img{width: 100%;margin-bottom: 30px;display: block;}
.examBtn{font-size: 16px;padding: 10px 20px;background-color: #31363d;color: #fff;margin: 0px 20px;border: none;}

.tabBox{display: none;}
.tabBox.active{display: block;}
/*********************************
 Make
*********************************/
.makeStrength{text-align: center;margin-bottom: 150px;}
.makeStrength>p{margin-bottom: 0px;line-height: 2;}
.makeBottom{margin-bottom: 150px;}
.makeBox{width: 100%;position: relative;}
.make{width: 1000px;margin: auto;}
.makeYellow{background-color: #ffb606;}
.makeImg{width: 547px;}
.makeDiv{width: 453px;position: relative;height: 376px;padding: 80px 90px 60px 100px;}
.makeLeft .makeImg,.makeLeft .makeDiv{float: left;}
.makeRight .makeImg,.makeRight .makeDiv{float: right;}
.makeDiv h6{font-family: 'Roboto', sans-serif;color: #999;}
.makeYellow .makeDiv h6{color: #fae6b7;}
.makeDiv h1{color: #31363d;}
.makeYellow .makeDiv h1{color: #fff;}
.makeLine{width: 60px;border-bottom: 2px solid #ffb606;margin-top: 56px;margin-bottom: 60px;}
.makeYellow .makeLine{border-bottom: 2px solid #fae6b7;}
.makeDiv p{color: #999;margin-bottom: 0px;line-height: 1.2;}
.makeYellow .makeDiv p{color: #fae6b7;}
.makeQuotes{position: absolute;top: 30px;left: 26px;width: 40px;}
.makeQuotes1{position: absolute;bottom: 30px;right: 30px;transform: rotateX(180deg) rotateY(180deg);width: 40px;}
.makePartner1 img{width: 100%;}
.makePartner2{height: 100%;display: flex;justify-content: center;align-items: center;}
.makePartner2 img{width: 100%;}
/*********************************
 School
*********************************/
.schoolPartner{text-align: center;margin-bottom: 100px;}
.schoolPartner p{font-size: 18px;}
.schoolPartner span{margin-left: 30px;margin-right: 30px;}
.schoolBottom{margin-bottom: 150px;}
.schoolPattern{width: 100%;text-align: center;margin-bottom: 30px;}
.schoolPatternImg{width: 50%;margin: auto;}
.schoolPattern h2{margin-top: 20px;margin-bottom: 20px;color: #31363d;}
.schoolPattern p{margin-bottom: 0px;line-height: 1.2;color: #999;}
.school .makeDiv h1{height: 86px;overflow: hidden;}
.school .makeLine{margin-top: 20px;margin-bottom: 46px;}
/*********************************
 Educate
*********************************/
.educateSwiper{margin-bottom: 150px;}
.educateSwiper .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.educateSwiper .swiper-slide {background-size: cover;background-position: center;}
.educateSwiper .gallery-top {height: 80%;width: 100%;}
.educateSwiper .gallery-thumbs {height: 20%;box-sizing: border-box;cursor: pointer;}
.educateSwiper .gallery-thumbs .swiper-slide{height: 350px;}
.educateSwiper .gallery-thumbs .swiper-slide:after{display: block;content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: #fdd668;z-index: 1;opacity: 0.9;}
.educateSwiper .gallery-thumbs .swiper-slide-thumb-active:after{opacity: 0;}
.educateSTitle{color: #6e7277;position: relative;padding-bottom: 20px;margin-bottom: 20px;}
.educateSTitle:before{display: block;content: "";position: absolute;bottom: 0px;left: 0px;width: 50px;height: 2px;background-color: #6e7277;}
.educateSwiper .gallery-thumbs .swiper-slide-thumb-active .educateSTitle{text-shadow: #333 2px 2px 5px;color: #fff;}
.educateSwiper .gallery-thumbs .swiper-slide-thumb-active .educateSTitle:before{background-color: #fff;}
.educateSp{color: #fff;line-height: 1.2;opacity: 0;text-shadow: #333 2px 2px 5px;}
.educateSwiper .gallery-thumbs .swiper-slide-thumb-active .educateSp{opacity: 1;}
.educateSNav{position: absolute;top: 40px;left: 30px;right: 30px;bottom: 35px;z-index: 2;overflow: hidden;}
.educateSContent{width: 100%;display: flex;align-items: stretch;}
.educateSL{width: 50%;background-color: #fdd668;padding-top: 60px;padding-left: 30px;padding-right: 30px;}
.educateSR{width: 50%;background-color: #31363d;padding-top: 60px;padding-left: 30px;padding-right: 30px;}
.educateSCbox{margin-bottom: 60px;position: relative;}
.educateSCbox h6{font-size: 16px;color: #6e7277;font-family: 'Roboto', sans-serif;font-weight: 300;}
.educateSR .educateSCbox h6{color: #999;}
.educateSCbox h2{color: #31363d;padding-bottom: 20px;margin-bottom: 20px;position: relative;}
.educateSR .educateSCbox h2{color: #e0e0e0;}
.educateSCbox h2:before{display: block;content: "";position: absolute;bottom: 0px;left: 0px;width: 50px;height: 2px;background-color: #6e7277;}
.educateSR .educateSCbox h2:before{background-color: #999;}
.educateSCbox p{line-height: 1.2;color: #31363d;margin-bottom: 0px;}
.educateSR .educateSCbox p{color: #e0e0e0;}
.educateSa{border-radius: 30px;border: 2px solid #6e7277;background-color: #fdd668;display: block;line-height: 41px;text-align: center;color: #6e7277;width: 120px;height: 44px;}
.educateQuotes{position: absolute;top: 0px;right: 20px;width: 40px;}
.educateApply{margin-bottom: 50px;}
.educateApply p{margin-bottom: 10px;line-height: 1.2;}
.educateTable{color: #6e7277;min-width: 360px;}
.educateTable th{background-color: #ffb606;color: #fff;font-family: "Dsj";border-radius: 10px 10px 0px 0px;font-size: 18px;font-weight: 300;}
.educateTable a{color: #6e7277;width: 28px;display: block;}
/*********************************
 AboutUs
*********************************/
.introduction{width: 100%;position: relative;padding-right: 350px;margin-bottom: 150px;}
.introBox{position: relative;}
.introBox p{line-height: 1.5;margin-bottom: 0px;}
.introSlogan{margin-top: 50px;border-left: 2px solid #ffb606;padding-left: 30px;}
.introSlogan img{width: 40px;}
.introSlogan h1{margin-top: 20px;margin-bottom: 20px;font-family: 'Roboto', sans-serif;color: #31363d;font-style: italic;}
.introSlogan h6{text-align: right;font-family: 'Roboto', sans-serif;color: #ffb606;}
.introImgBox{width: 330px;height: 100%;position: absolute;right: 0px;top: 0px;}
.introImgBox li{position: absolute;cursor: pointer;}
.introImgBox li:nth-child(1){top: 0px;left: 50px;width: 60px;height: 60px;
	-webkit-animation:float1  2s  ease-in  0s  infinite  normal;
	animation:float1  2s  ease-in  0s  infinite  normal; 
}
.introImgBox li:nth-child(2){top: 20px;left: 100px;width: 60px;height: 60px;
	-webkit-animation:float2  2.5s  ease-in  0s  infinite  normal;
	animation:float2  2.5s  ease-in  0s  infinite  normal; 
}
.introImgBox li:nth-child(3){top: 45px;left: 142px;width: 90px;height: 90px;
	-webkit-animation:float1  1.8s  ease-in  0s  infinite  normal;
	animation:float1  1.8s  ease-in  0s  infinite  normal;  
}
.introImgBox li:nth-child(4){top: 83px;left: 71px;width: 90px;height: 90px;
	-webkit-animation:float2  2s  ease-in  0s  infinite  normal;
	animation:float2  2s  ease-in  0s  infinite  normal; 
}
.introImgBox li:nth-child(5){top: 83px;left: 218px;width: 90px;height: 90px;
	-webkit-animation:float1  2s  ease-in  0s  infinite  normal;
	animation:float1  2s  ease-in  0s  infinite  normal; 
}
.introImgBox li:nth-child(6){top: 123px;left: 0px;width: 90px;height: 90px;
	-webkit-animation:float2  2.5s  ease-in  0s  infinite  normal;
	animation:float2  2.5s  ease-in  0s  infinite  normal;
}
.introImgBox li:nth-child(7){top: 123px;left: 142px;width: 90px;height: 90px;
	-webkit-animation:float1  2.5s  ease-in  0s  infinite  normal;
	animation:float1  2.5s  ease-in  0s  infinite  normal; 
}
.introImgBox li:nth-child(8){top: 149px;left: 284px;width: 60px;height: 60px;
	-webkit-animation:float2  2.5s  ease-in  0s  infinite  normal;
	animation:float2  2.5s  ease-in  0s  infinite  normal; 
}
.introImgBox li:nth-child(9){top: 173px;left: 71px;width: 90px;height: 90px;
	-webkit-animation:float2  2s  ease-in  0s  infinite  normal;
	animation:float2  2s  ease-in  0s  infinite  normal; 
}
.introImgBox li:nth-child(10){top: 173px;left: 228px;width: 60px;height: 60px;
	-webkit-animation:float1  1.8s  ease-in  0s  infinite  normal;
	animation:float1  1.8s  ease-in  0s  infinite  normal; 
}
.introImgBox li:nth-child(11){top: 207px;left: 152px;width: 90px;height: 90px;
	-webkit-animation:float2  2.5s  ease-in  0s  infinite  normal;
	animation:float2  2.5s  ease-in  0s  infinite  normal; 
}
.introImgBox li:nth-child(12){top: 258px;left: 100px;width: 60px;height: 60px;
	-webkit-animation:float2  2.5s  ease-in  0s  infinite  normal;
	animation:float2  2.5s  ease-in  0s  infinite  normal; 
}
.introImgBox li:nth-child(13){top: 238px;left: 239px;width: 90px;height: 90px;
	-webkit-animation:float1  1.8s  ease-in  0s  infinite  normal;
	animation:float1  1.8s  ease-in  0s  infinite  normal;  
}
.introImgBox li:nth-child(14){top: 294px;left: 51px;width: 60px;height: 60px;
	-webkit-animation:float1  2s  ease-in  0s  infinite  normal;
	animation:float1  2s  ease-in  0s  infinite  normal;  
}
.introImgDiv{position: relative;width: 100%;height: 100%;}
.introWord{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;
	-webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
	backface-visibility: hidden;
	transform: rotateY(180deg);transition: all 0.6s ease-in;font-size: 24px;font-family: 'Dsj';color: #ffb606;line-height: 20px;
}
.introImg{width: 100%;height: 100%;background-size: contain;background-repeat: no-repeat;background-position: center;
	-webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
	backface-visibility: hidden;
	transform: rotateY(0deg);transition: all 0.6s ease-in;
}
.introImgDiv:hover .introImg{transform: rotateY(180deg);}
.introImgDiv:hover .introWord{transform: rotateY(0deg);}
.introImgBox li:nth-child(1) .introImg{background-image: url(../images/intro1.png);}
.introImgBox li:nth-child(2) .introImg{background-image: url(../images/intro2.png);}
.introImgBox li:nth-child(3) .introImg{background-image: url(../images/intro3.png);}
.introImgBox li:nth-child(4) .introImg{background-image: url(../images/intro4.png);}
.introImgBox li:nth-child(5) .introImg{background-image: url(../images/intro5.png);}
.introImgBox li:nth-child(6) .introImg{background-image: url(../images/intro6.png);}
.introImgBox li:nth-child(7) .introImg{background-image: url(../images/intro7.png);}
.introImgBox li:nth-child(8) .introImg{background-image: url(../images/intro8.png);}
.introImgBox li:nth-child(9) .introImg{background-image: url(../images/intro9.png);}
.introImgBox li:nth-child(10) .introImg{background-image: url(../images/intro10.png);}
.introImgBox li:nth-child(11) .introImg{background-image: url(../images/intro11.png);}
.introImgBox li:nth-child(12) .introImg{background-image: url(../images/intro12.png);}
.introImgBox li:nth-child(13) .introImg{background-image: url(../images/intro13.png);}
.introImgBox li:nth-child(14) .introImg{background-image: url(../images/intro14.png);}
@-webkit-keyframes float1 {
	0%{margin-top:-10px;}
	50%{margin-top:0px;}
	100%{margin-top:-10px;}
}
@keyframes float1 {
	0%{margin-top:-10px;}
	50%{margin-top:0px;}
	100%{margin-top:-10px;}
}
@-webkit-keyframes float2 {
	0%{margin-top:-10px;}
	30%{margin-top:0px;}
	100%{margin-top:-10px;}
}
@keyframes float2 {
	0%{margin-top:-10px;}
	30%{margin-top:0px;}
	100%{margin-top:-10px;}
}
.honorBox{float: left;width: 20%;padding: 0px 15px;}
.honorBox p{text-align: center;line-height: 1.2;margin-top: 15px;margin-bottom: 20px;height: 32px;overflow: hidden;}
.honorImg{background-repeat: no-repeat;background-size: cover;background-position: center center;width: 100%;height: 130px;}
.honorBottom{margin-bottom: 150px;}
.treeBox{width: 100%;position: relative;}
.tree{width: 95%;
	background: -webkit-linear-gradient(left,#fa7d5b, #ffb606 80%,#fa7d5b);
	background: -o-linear-gradient(right,#fa7d5b, #ffb606 80%,#fa7d5b); 
	background: -moz-linear-gradient(right,#fa7d5b, #ffb606 80%,#fa7d5b);
	background: linear-gradient(to right,#fa7d5b, #ffb606 80%,#fa7d5b);
	-webkit-animation:gradient1 4s linear infinite;
	animation:gradient1 4s linear infinite;  
	background-size:50% 100%; 
}
.tree img{width: 100%;}
@-webkit-keyframes gradient1 {
	0% {background-position: 0 0;}
   	100% {background-position: 100% 100%;}
}
@keyframes gradient1 {
	0% {background-position: 0 0;}
   	100% {background-position: 100% 100%;}
}
.developTree{position: relative;height: 240px;z-index: 10;}
.developTree li{width: 200px;padding: 10px 20px 5px 30px;float: left;border-right: 2px dashed #999;position: absolute;}
.developTree li:last-child{border-right: none;}
.developTree li h2{color: #6e7277;font-family: 'Roboto', sans-serif;}
.developTree li h1{color: #31363d;font-family: 'Roboto', sans-serif;}
.developTree li p{color: #6e7277;line-height: 1.2;margin-bottom: 0px;}
.developTree li:nth-child(1){top: 280px;left: 0px;}
.developTree li:nth-child(2){top: 200px;left: 200px;}
.developTree li:nth-child(3){top: 137px;left: 400px;}
.developTree li:nth-child(4){top: 120px;left: 600px;}
.developTree li:nth-child(5){top: 90px;left: 800px;}
.developTree li:nth-child(6){top: 100px;left: 1000px;}
.developTree li:nth-child(7){top: 120px;left: 1200px;}
.developTree li:nth-child(8){top: 50px;left: 1400px;}
.developTree li:nth-child(9){top: 0px;left: 1600px;}
.developTree li:nth-child(10){top: 0px;left: 1800px;}
/*********************************
 Footer
*********************************/

.footer
{
	width: 100%;
	
	background: #1a1a1a;
}
.footer .section_title h1
{
	color: #FFFFFF;
}

/*********************************
 Newsletter
*********************************/

.newsletter
{
	padding-bottom: 85px;
	border-bottom: solid 2px #4d4e4e;
}
.newsletter_form_container
{
	width: 60%;
	margin-top: 48px;
}
.newsletter_email
{
	width: calc(100% - 164px);
	height: 42px;
	border: none;
	padding-left: 27px;
	font-weight: 500;
	color: #1a1a1a;
}
.newsletter_email:focus
{
	outline: solid 2px #ffb606;
}
.newsletter_submit_btn
{
	width: 164px;
	height: 42px;
	border: none;
	background: #ffb606;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}
.newsletter_submit_btn:focus
{
	border: solid 2px #FFFFFF;
}

/*********************************
 Footer Content
*********************************/
.footcontainer{width: 80%;margin: auto;}
.footer_content 
{
	padding-top: 80px;
	padding-bottom: 83px;
	border-bottom: solid 2px #4d4e4e;
}
.footer_content .logo_container
{
	padding-left: 0px;
}
.footer_content .logo span
{
	color: #FFFFFF;
}
.footer_about_text
{
	margin-top: 24px;
	margin-bottom: 0px;
	padding-right: 20px;
}
.footer_col{min-width: 130px;}
.footer_col.footer_col1{min-width: 386px;}
.footer_column_title
{
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	
}
.footer_column_content
{
	margin-top: 32px;
}
.footer_list_item
{
	margin-bottom: 11px;
}
.footer_list_item a
{
	font-size: 14px;
	color: #a5a5a5;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_list_item a:hover
{
	color: #ffb606;
}
.footer_contact_item
{
	font-size: 14px;
	font-weight: 400;
	color: #a5a5a5;
	margin-bottom: 22px;
}
.footer_contact_item:last-child
{
	margin-bottom: 0px;
}
.footer_contact_icon
{
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-right: 10px;
}
.footer_contact_icon img
{
	width: 100%;
}

/*********************************
 Footer Copyright
*********************************/

.footer_bar
{
	padding-top: 19px;
	padding-bottom: 19px;
}
.footer_social .menu_social_item a i
{
	color: #FFFFFF;
}
.footer_social .menu_social_item a i:hover
{
	color: #ffb606;
}
.footer_social .menu_social_item:last-child
{
	margin-right: 0px;
}

/*********************************
 service styles
*********************************/
.service-one {position: relative;}
.service-one__bubble {
	display: inline-block;
	vertical-align: middle;
	width: 110px;
	height: 110px;
	background-color: #e7062b;
	opacity: .1;
	-webkit-animation-name: squareMover;
			animation-name: squareMover;
	-webkit-animation-duration: 9s;
			animation-duration: 9s;
	-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	-webkit-perspective: 100px;
			perspective: 100px;
	-webkit-transform-origin: center center;
			transform-origin: center center;
	position: absolute;
}
  .service-one__bubble-one {
	top: 40%;
	left: 5%;
  }
  .service-one__bubble-two {
	width: 44px;
	height: 44px;
	background-color: #f7c324;
	bottom: 15%;
	left: 15%;
  }
  .service-one__bubble-three {
	width: 88px;
	height: 88px;
	background-color: #f7c324;
	top: 0%;
	left: 28%;
  }
  .service-one__bubble-four {
	width: 44px;
	height: 44px;
	background-color: #e7062b;
	top: 15%;
	right: 20%;
  }
  .service-one__bubble-five {
	background-color: #f7c324;
	right: 10%;
	top: 50%;
  }
  .footer .service-one__bubble{background-color: #8a5c69}
  .footer .service-one__bubble-two{background-color: #5d5d5d}
  .footer .service-one__bubble-three{background-color: #5d5d5d}
  .footer .service-one__bubble-four{background-color: #8a5c69}
  .footer .service-one__bubble-five{background-color: #5d5d5d}
  @-webkit-keyframes squareMover {
	0%,
			  100% {
	  -webkit-transform: translate(0, 0) rotate(0);
			  transform: translate(0, 0) rotate(0);
	}
	20%,
			  60% {
	  -webkit-transform: translate(20px, 40px) rotate(180deg);
			  transform: translate(20px, 40px) rotate(180deg);
	}
	30%,
			  80% {
	  -webkit-transform: translate(40px, 60px) rotate(0deg);
			  transform: translate(40px, 60px) rotate(0deg);
	}
  }
  @keyframes squareMover {
	0%,
			  100% {
	  -webkit-transform: translate(0, 0) rotate(0);
			  transform: translate(0, 0) rotate(0);
	}
	20%,
			  60% {
	  -webkit-transform: translate(20px, 40px) rotate(180deg);
			  transform: translate(20px, 40px) rotate(180deg);
	}
	30%,
			  80% {
	  -webkit-transform: translate(40px, 60px) rotate(0deg);
			  transform: translate(40px, 60px) rotate(0deg);
	}
  }

/*********************************
 waterfall
*********************************/
#cells {
	margin: 0 auto;
	position: relative;
}

#loader {
	margin: 0 auto;
	text-align: center;
}

#loader span {
	background: url("../images/loading.gif") left center no-repeat;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 0 0 18px;
	font-weight: bold;
	text-transform: uppercase;
}


/* notice */

#notice {
	background: #fefec1;
	border: 1px solid #d9ccb4;
	padding: 0 10px;
	height: 28px;
	color: #333;
	font-size: 12px;
	line-height: 28px;
	position: fixed;
	left: 0px;
	z-index: 9600;
	-webkit-transition: top 500ms ease-in-out;
	-moz-transition: top 500ms ease-in-out;
	-o-transition: top 500ms ease-in-out;
	transition: top 500ms ease-in-out;
}

#notice.off {
	top: -36px;
}

#notice.on {
	top: 0px;
}


/* cell */

.cell {
	background: #fff;
	border: 1px solid #ddd;
	padding: 14px 14px 10px;
	width: auto;
	position: absolute;
}

.cell:hover {
	box-shadow: 0 0 10px #aaa;
}

.pending {
	opacity: 0;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.ready {
	-webkit-transition: opacity 1s ease-in-out, box-shadow 300ms ease-in-out, left 700ms ease-in-out, top 700ms ease-in-out, -webkit-transform 700ms ease-in-out;
	-moz-transition: opacity 1s ease-in-out, box-shadow 300ms ease-in-out, left 700ms ease-in-out, top 700ms ease-in-out, -moz-transform 700ms ease-in-out;
	-o-transition: opacity 1s ease-in-out, box-shadow 300ms ease-in-out, left 700ms ease-in-out, top 700ms ease-in-out, -o-transform 700ms ease-in-out;
	transition: opacity 1s ease-in-out, box-shadow 300ms ease-in-out, left 700ms ease-in-out, top 700ms ease-in-out, transform 700ms ease-in-out;
}

.shadow {
	visibility: hidden;
}

.cell p {
	margin: 0 0 10px;
}

.cell img {
	display: block;
	vertical-align: bottom;
	border: 0 none;
}

.cell h2 {
	font-size: 12px;
	margin: 0;
	height: 14px;
	line-height: 14px;
}

.cell a {
	color: #666;
	text-decoration: none;
}

.cell a:hover {
	color: #f3c;
}


/* user actions */

.cell span {
	background-color: #f5f5f5;
	background-position: 5px center;
	background-repeat: no-repeat;
	border: 1px solid #999;
	border-radius: 2px;
	padding: 0 7px 0 26px;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	cursor: pointer;
	position: absolute;
	top: 20px;
	z-index: 9000;
	visibility: hidden;
}

.ready:hover span {
	visibility: visible;
}

.cell span:hover {
	background-color: #fff;
	border: 1px solid #39f;
}

.cell span.like {
	background-image: url("../images/like.png");
	left: 20px;
}

.cell span.mark {
	background-image: url("../images/mark.png");
	right: 20px;
}