/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;color: #333}
a:hover {
	text-decoration:none;
	color: #e62318
}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/


body{
width:100%;
text-align:center;
font-family: "Abel-Regular";
}
/*banner*/

.flexslider {
    margin: 0px auto 20px;
    position: relative;
    width: 100%;
    height: 482px;
    overflow: hidden;
    zoom: 1;
}

.flexslider .slides li {
    width: 100%;
    height: 100%;
}

.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url(../images/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 35px;
}

.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    background: url(../images/dot.png) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: 0 0;
}

.flexslider .slides a img {
    width: 100%;
    height: 482px;
}

/* ----------Header Ends Here ---------- */

/* ----------About---------- */

.course{
background:#fff;
background-size:cover;
padding:35px 0;
font-family: "Abel-Regular";
color: #333;
}

.course h3{
padding:25px 0;
font-size:30px;
font-family: "Abel-Regular";
font-weight:800;
letter-spacing: 0.3em;
color: #333;
}

.course span{
color:red;
}

.course h4{
font-size:18px;
line-height:35px;
letter-spacing: 0.1em;
text-align: left;
text-indent: 2em;
}

.course p{
font-size:20px;
line-height:28px;
}

.about-image{
padding-top:35px;
display:block;
}

.about-image h5{
font-size:20px;
padding:15px 0 0 0;
font-weight:600;
letter-spacing: 0.2em;
}

.about-image p{
font-size:16px;
line-height:1.78;
padding-top: 20px;
letter-spacing: 0.1em;
text-align: left;
}

.course .boxshadow
{
position: relative;
}
.course .boxshadow:before, .boxshadow:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 14px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #fff;
box-shadow: 0 15px 10px #000;
transform: rotate(-3deg);
}
.course .boxshadow:after
{
transform: rotate(3deg);
right: 10px;
left: auto;
}

/* ---------- About Ends here ---------- */

/* ---------- Requirements Starts ---------- */
.requirement{
width:100%;
}

.all-require{
padding:10px 0;
}

.heading{
margin:0 auto;
padding-bottom:30px;
color:#fff;
}

.heading h3{
padding:25px 0;
font-size:38px;
font-family: "Abel-Regular";
font-weight:800;
color:#333;
letter-spacing: 0.2em;
}

.heading span{
color:#cfd5f7;
}
.heading h4{
font-size:18px;
line-height:35px;
letter-spacing: 0.1em;
text-align: left;
text-indent: 2em;
color: #333;
}
.grid{
padding:20px 0;
height:415px;
border: 1px solid #333;
border-radius: 0.5rem;
}

.grid i {
display: inline-block;
width: 100px;
height: 100px;
text-decoration: none;
}



.grid p{
color:#333;
text-align:center;
font-size:16px;
letter-spacing: 0.1em;
line-height: 30px;
padding: 0px 10px;
}

.grid h5{
color:#333;
font-size:20px;
text-align:center;
font-weight:bold;
padding:0 0 10px 0;
letter-spacing: 0.2em;
}

.grid-bottom{
padding-top:30px;
}

.grid span{
font-size:16px;
color:rgba(239, 239, 243, 0.83);
}
/* ---------- Requirements Ends here ---------- */


/* ---------- Our Team Starts Here ---------- */
.our-team{
width:100%;}
.team{
padding:55px 0;
font-family: "Abel-Regular";
color: #333;
}

.team h3{
padding:25px 0;
font-size:38px;
font-family: "Abel-Regular";
font-weight:800;
letter-spacing: 0.2em;
}
.team-up{
padding-top: 20px;
}

.team h4{
font-size:18px;
padding-top:6px;
font-weight:300;
text-align: left;
text-indent: 2em;
line-height: 35px;
letter-spacing: 0.1em;
}
.team-up h6{
font-size:18px;
text-align: left;
text-indent: 2em;
line-height: 1.78;
letter-spacing: 0.1em;
padding-bottom: 15px;

}
.team-up  h5{
font-size:20px;
padding:10px 0;
text-align: center;
line-height: 35px;
letter-spacing: 0.1em;
font-weight: 600;
}

.team-up p{
font-size:16px;
text-align: left;
line-height: 1.78;
letter-spacing: 0.1em;
text-indent: 2em;
}

.team-bottom{
padding-top:40px;
}
.team-up img{
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border:1px solid #dddbdb;
text-align: center;
}
/* ---------- Our Team Ends Here ---------- */

/* ---------- UP Coming Games Starts Here ---------- */
.padding-upcoming{
padding:10px 0;
font-family: "Abel-Regular";
}   

.padding-upcoming h3{
font-size:38px;
font-family: "Abel-Regular";
font-weight:800;
color:#333;
letter-spacing: 0.2em;
}

.padding-upcoming span{
color:#cf8d07;
}
.padding-upcoming h4{
padding:30px 0;
font-size:18px;
color:#333;
letter-spacing: 0.1em;
line-height: 35px;
text-align: left;
text-indent: 2em;
}               
.trailer iframe {
width: 100%;
height: 387px;
}
.trailer {
padding-left: 0;
}

.sub-img img{
width:100%;
border-radius: 0.5rem;
}

.sub-text {
padding:15px 0;
margin:0 auto;

}

.sub-text h5 {
font-size:20px;
color: #333;
line-height: 28px;
text-decoration:none;
display: block;
text-align:center;
}

.sub-text p {
font-size: 14px;
line-height: 20px;
color: #888;
margin-top: 8px;
}

.sub-trailer {
background: #212020;
}

.shadow1
{
position: relative;
}
.shadow1:before, .shadow1:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 14px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #fff;
box-shadow: 0 15px 10px #000;
transform: rotate(-3deg);
}
.shadow1:after
{
transform: rotate(3deg);
right: 10px;
left: auto;
}
/* ---------- UP Coming Games Ends Here ---------- */
/* ----------  Contact Starts From Here ---------- */
.contact{
background:#fff;
}

.padding-contact{
padding:20px 0;
font-family: "Abel-Regular";
}

.padding-contact h3{
font-size:38px;
font-family: "Abel-Regular";
font-weight:800;
color:#333;
letter-spacing: 0.2em;
text-align:center;
}

.padding-contact h4{
font-size:18px;
color:#333;
text-align:left;
line-height:35px;
letter-spacing: 0.1em;
text-indent: 2em;
padding: 20px 0;
}
.padding-contact  h5{
font-size:20px;
padding:10px 0;
text-align: center;
line-height: 35px;
letter-spacing: 0.1em;
font-weight: 600;
}

.padding-contact p{
font-size:16px;
text-align: left;
line-height: 1.78;
letter-spacing: 0.1em;
text-indent: 2em;
}

/* ---------- UP guanggao ---------- */
.upcoming2 {
background:#fff;
width:100%;
background-size:cover;
font-family: "Abel-Regular";
padding:40px 0 0 0;

}
.upcoming2 h3{
font-size:38px;
font-family: "Abel-Regular";
font-weight:800;
color:#333;
letter-spacing: 0.2em;
text-align:center;
}
.upcoming2 h4{
font-size:18px;
color:#333;
text-align:left;
line-height:35px;
letter-spacing: 0.1em;
text-indent: 2em;
padding: 20px 0;
}
.bodyCon08{background:none}
.bodyCon08 .students{margin:0 auto;width:1170px;height:460px;position:relative;}
.bodyCon08 .students p.PP{width:300px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;}
#four_flash{position:relative;width:1170px;height:380px; margin:0 auto;position:absolute;bottom:40px;}
#four_flash .flashBg{width:990px;height:380px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:3000%;height:380px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{border:1px solid #dadce3;float:left;width:300px;height:340px;margin-left:26px;padding-top:10px;color:#6C6E85;border-radius: 0.5rem;}
#four_flash .flashBg ul.mobile li:hover{border:1px solid #dadce3; color:#999;}
#four_flash .flashBg ul.mobile li img{width:280px;height:210px;display:block; margin:0 auto;border:1px solid #dadce3; border-radius:0.5rem;}
#four_flash .flashBg ul.mobile li dd{font-size:1.4rem;font-weight: 500; width:280px;line-height:2.3;margin-left: 10px; text-align:center;border-bottom:1px solid #dadce3;}
#four_flash .flashBg ul.mobile li a{display:block;width:131px;height:51px;border:0px;margin:8px auto; text-align: center; font-size: 1.2rem;letter-spacing: 0.1rem;line-height: 2.0}
#four_flash .but_left{width:50px;height:100px;position:absolute; top:136px; left:0px;}
#four_flash .but_right{width:50px;height:100px; position:absolute; top:136px; right:0px;}
#four_flash .but_left:hover{background:url(../images/qianxleft1.png) no-repeat;}
#four_flash .but_right:hover{background:url(../images/qianxr1.png) no-repeat;}



/*---------- responsive media queries ----------*/

@media screen and (max-width:1920px){
.banner-content{
width:500px;
}
}

@media screen and (max-width:1680px){
.banner-content{

}
}

@media screen and (max-width:1440px){
.banner-content{
width:470px;

}
}

@media screen and (max-width:1366px){
.banner-content{
width:470px;
padding-top:150px;
}
.newsletter input[type="text"] {
width: 60%
}
}

@media screen and (max-width:1280px){
.banner-content{
padding-top:125px;
}
}


@media screen and (max-width:1080px){
.banner{
height:500px;
}
.banner-content h1 {
font-size: 56px;
}
.banner-content h2 {
font-size: 30px;
}
.banner-content p {
font-size: 19px;
}

.about {
padding:50px 0 70px;
}
   
.all-require {
padding: 100px 0;
}

.padding-upcoming {
padding: 75px 0;
}

.about h4 {
padding: 0px 100px;
}

.trailer-text{
padding-top:37px;
}

.sub-text {
width: 64%;
}
.sub-text p {
text-align:left;
}

form{
padding-top:10px;
}

.about-image p {
padding: 10px 0px 0;
}

}