/*
* @Author: fanken
* @Date:   2019-07-03 13:42:24
* @Last Modified by:   fanken
* @Last Modified time: 2019-07-18 15:06:48
*/
@font-face{
 font-family: sfudinengalt;
 src: url(../fonts/sfudinengalt.ttf);
}
body{
	color: #231F20;
}
.main-header{
	background: #263F4C!important;
}
.main-header .btn-phone{
	width: calc(50% - 41px);
    text-align: left;
    color: #FFDC17;
    font-size: 18px;
    line-height: 58px;
	font-weight: 500;
}
.main-header .header-right .btn-buy-now{
	display: inline-block;
    width: 145px;
    font-weight: 600;
    height: 40px;
    background-image: linear-gradient(to right, #FFDF03, #FBB639);
    text-align: center;
    line-height: 40px;
    border-radius: 40px;
    font-size: 13px;
    color: #000000;
    margin-top: 0px;
}
.footer-container{
	display: none;
}
.main-header .header-logo{
	margin: auto 0px!important;
}
.main-header .btn-phone img{
	width: 20px;
    margin-right: 10px;
}
.communication-title{
    padding-top: 30px;
    background: #324b59;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.communication-title .communication-title-item{
    margin: auto;
    max-width: 1140px;
}
.communication-title .communication-title-item h1{
    margin: 0;
    color: #DAAB69;
    font-size: 40px;
    font-family: sfudinengalt;
    line-height: 55px;
}
.communication-title-left{
    width:48%;
    float: left;
    max-width: 550px;
    padding-top: 20px;
}
.communication-title-left p{
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
}
.communication-title-left p.student-rating{
	font-size: 21px;
    margin-top: 30px;
}
.communication-title-left p.student-rating img{
	width: 24px;
    margin-left: 5px;
}
.communication-title-right{
    width: 52%;
    float: right;
    max-width: 590px;
    position: relative;
}
.communication-title-left a.btn-buy-now{
    display: block;
    width: 225px;
    font-weight: 600;
    height: 65px;
    background-image: linear-gradient(to right, #FFDF03, #FBB639);
    text-align: center;
    line-height: 63px;
    border-radius: 65px;
    font-size: 20px;
    color: #000000;
    margin-top: 40px;
}
.communication-title-left a.btn-buy-now:hover{
    text-decoration: none;
}
.communication-title-right .communication-title-quote{
    width: 300px;
    height: 300px;
    background: #fff;
    border-radius: 50%;
    padding: 90px 30px 30px 100px;
    text-align: center;
    font-size: 18px;
    position: absolute;
    right: 0px;
    bottom: 60px;
}
.communication-title-right .communication-title-quote-mobile{
    display: none;
}
.communication-title-right img{
    position: relative;
    margin-top: 30px;
    margin-bottom: -90px;
    max-width: 400px;
}
.communication-foregin{
    padding-top: 75px;
    background: #EFF0F0;
    padding-bottom: 40px;
}
.communication-foregin-content{
    max-width: 890px;
    margin: auto;
}
.communication-foregin-content h3{
	font-weight: 300;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
}
.communication-foregin-content h2{
    font-size: 45px;
    text-transform: uppercase;
    font-weight: 600!important;
    text-align: center;
    color: #926022;
    margin-top: 10px;
}

.foregin-content .foregin-item{
    text-align: center;
}
.foregin-content .foregin-item-content{
	width: 100%;
    max-width: 360px;
    background: #E4E5E6;
    border-radius: 20px;
    margin-top: 100px;
    position: relative;
    min-height: 250px;
    margin: 100px auto 0px;
    float: left;
}
.foregin-content .foregin-item-content:nth-of-type(2){
	float: right;
}
.foregin-content .foregin-item-content img{
	width: 150px;
    border: 10px solid #EFF0F0;
    border-radius: 150px;
    margin-top: -75px;
}
.foregin-content .foregin-item-content h5{
	font-size: 20px;
    font-weight: 600;
    color: #263F4C;
}
.foregin-content .foregin-item-content p{
	font-size: 17px;
    font-weight: 300;
    max-width: 225px;
    margin: auto;
}

.communication-foregin-content .foregin-quote{
	max-width: 820px;
    text-align: center;
    margin: 30px auto;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}
.communication-foregin-content .what-natural-english{
	font-size: 24px;
    color: #8BC43F;
    margin-top: 40px;
}
.communication-foregin-content .speak-fluent{
	max-width: 400px;
    text-align: center;
    font-weight: 600;
    color: #414042;
    line-height: 30px;
    margin: 10px auto 30px;
}
.communication-foregin-content .natural-video{
	max-width: 570px;
    height: 325px;
    margin: 30px auto 0px;
    border: 5px solid #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}


.natural-video .layout-video{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    /*background: #DAAB69;*/
    /*background-image: url(../img/natural-video-intro-bg.jpg);*/
    background-repeat: no-repeat;
    display: flex;
    opacity: 1;
    transition: 0.4s all;
    cursor: pointer;
    background-size: cover;
    background-position: center center;
}

.natural-video .layout-video.hide-layout{
    opacity: 0;
}

/*.natural-video .layout-video::before{
    content: "";
    display: inline-block;
    width: 65.914px;
    height: 51.17px;
    margin: auto;
    background: url('../img/main-icon-bg.svg') 0px -1190px;
    z-index: 2;
}*/

.natural-video .layout-video .layout-text{
    position: absolute;
    left: 0px;
    transform: translate(0, -50%);
    top: calc(50% + 32px);
    font-weight: 400;
    font-size: 10px;
    color: #fff;
    width: 100%;
    text-align: center;
}

.learning-solution{
	max-width: 1140px;
    margin: 50px auto 30px;
}
.learning-solution .learning-solution-item{
	width: 100%;
    max-width: 550px;
    background: #E4E5E6;
    box-shadow: 0px 0px 3px 2px #ddd;
    border-radius: 30px;
    float: left;
    min-height: 530px;
}
.learning-solution .solution-item{
	padding: 25px 30px;
    box-shadow: 4px 3px 4px -1px #ED4136;
    border-radius: 30px;
    min-height: 570px;
}
.learning-solution .learning-solution-item.solution-item-right{
	float: right;
}
.learning-solution .solution-item-right  .solution-item{
	box-shadow: 4px 3px 4px -1px #DAAB69;
}
.learning-solution h3{
	font-size: 21px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    color: #ED4136;
    margin: 0;
}
.learning-solution .solution-item-right h3{
	color: #DAAB69;
}
.learning-solution .solution-item p{
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 16px;
}
.learning-solution .solution-item img{
	width: 19px;
    margin-right: 10px;
    float: left;
}
.learning-solution .solution-item span,
.learning-solution .solution-item strong{
	display: inline-block;
    width: calc(100% - 33px);
}


.story-group-content .story-left{
	width: 50%;
    float: left;
    background: #231f20c4;
    min-height: 700px;
}
.story-group-content .story-right{
	width: 50%;
    float: left;
    background: #231F20;
    min-height: 700px;
}
.story-left .story-left-content{
	width: 100%;
    max-width: 480px;
    text-align: right;
    float: right;
    padding: 60px 30px 60px 0px;
}
.story-left img{
	width: 105px;
    border-radius: 100px;
    border: 5px solid #fff;
}
.story-left h6{
	color: #DAAB69;
    font-family: sfudinengalt;
    text-transform: uppercase;
    font-size: 40px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.story-left p{
	font-size: 18px;
    color: #fff;
    font-weight: 300;
    text-align: justify;
    margin-top: 20px;
}
.story-right .story-right-content{
	width: 100%;
    max-width: 570px;
    padding: 60px 0px 60px 30px;
    min-height: 700px;
}

.story-right h3{
	margin: 0;
    text-transform: uppercase;
    font-size: 45px;
    color: #DAAB69;
    font-weight: 500;
    margin-top: 20px;
}

.story-right h5{
	font-size: 20px;
    font-weight: 300;
    color: #fff;
    margin: 5px 0px 0px;
}
.story-right h6{
	color: #ffffff;
    font-family: sfudinengalt;
    text-transform: uppercase;
    font-size: 40px;
    margin-top: 50px;
    margin-bottom: 40px;
}
.story-right .story-video{
	max-width: 570px;
    height: 325px;
    margin: 30px auto 0px;
    border: 5px solid #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.story-right p{
	font-size: 18px;
    color: #fff;
    font-weight: 300;
    margin-top: 30px;
    text-align: justify;
}


.communication-buy{
    background: #263F4C;
    padding: 50px 15px;
    text-align: center;
}
.communication-buy h2{
    margin: 0;
    font-size: 45px;
    color: #DAAB69;
    font-family: sfudinengalt!important;
    text-align: center;
}
.communication-buy h3{
    font-size: 25px;
    color: #fff;
    margin: 10px auto 0px;
    text-align: center;
    font-weight: 100;
}
.communication-buy p{
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    margin: 5px auto 0px;
    text-align: center;
}
.communication-buy a{
    display: inline-block;
    width: 425px;
    font-weight: 600;
    height: 60px;
    background-image: linear-gradient(to right, #FFDF03, #FBB639);
    text-align: center;
    line-height: 60px;
    border-radius: 60px;
    font-size: 21px;
    color: #000000;
    margin-top: 30px;
}
.communication-buy a:hover{
    text-decoration: none;
    color: #000000;
}
.communication-buy h6{
	font-size: 21px;
    color: #fff;
    font-weight: 500;
    margin-top: 15px;
}

.communication-step{
	max-width: 1140px;
    margin: auto;
    padding: 40px 0px 0px;
}
.communication-step h2{
	margin: 0;
    font-size: 45px;
    color: #DAAB69;
    font-family: sfudinengalt!important;
    text-align: center;
}
.communication-step h3{
	text-align: center;
    font-size: 24px;
    font-weight: 300;
    color: #000000;
	margin-top: 10px;
	line-height: 25px;
}
.communication-step .communication-step-content{
	margin-top: 40px;
}
.communication-step-content .communication-step-item{
	width: 33.33%;
    float: left;
    text-align: center;
    padding: 0px 15px;
}
.communication-step-item h3{
	margin: 0;
    font-size: 36px;
    font-weight: 500;
    color: #FFB922;
    margin-top: 15px;
}
.communication-step-item h4{
	font-size: 18px;
    color: #000000;
}
.communication-step-item p{
	font-size: 14px;
    font-weight: 300;
}

.communication-level-group{
	max-width: 1140px;
    padding-top: 40px;
    margin: auto;
    padding-bottom: 40px;
}
.communication-level-content h2{
	font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    margin: 0;
}
.communication-level-content h3{
	text-align: center;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 500;
    background: linear-gradient(#FFDF03, #FBB639);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 5px;
    line-height: 55px;
    margin-bottom: 0;
}
.communication-level-item .level-item{
	float: left;
    margin-top: 40px;
    width: 100%;
    background: #F9FFEE;
    border-radius: 20px 0px 20px 20px;
    padding: 60px 40px;
    position: relative;
}
.communication-level-item .level-item-bg{
    display: inline-block;
    width: 287px;
    height: 169px;
    background: url(../img/natural-beginner-bg.png);
    position: absolute;
    right: 0;
    top: 0;
    font-size: 33px;
    color: #fff;
    font-weight: 600;
    text-align: right;
    padding-right: 15px;
    padding-top: 25px;
}
.communication-level-item .b1 .level-item-bg{
    background: url(../img/natural-improver-bg.png);
}
.communication-level-item .c1 .level-item-bg{
    background: url(../img/natural-advanced-bg.png);
}
.communication-level-item .level-item.b1{
    background: #F9E6D4;
}
.communication-level-item .level-item.c1{
    background: #E8F7FC;
}
.communication-level-item .level-item-left{
    width: 38%;
    float: left;
}
.communication-level-item .level-item-left img{
    width: 100%;
    max-width: 390px;
}

.communication-level-item .level-left{
	margin-right: 15px;
}
.level-item-left .item-left{
	float: left;
	min-width: 150px;
}
.level-item-left .item-left h5{
	font-size: 120px;
    font-weight: 300;
    color: #5A1087;
}
.communication-level-item .level-item.b1 h5{
    color: #F18E1E;
}
.communication-level-item .level-item.c1 h5{
    color: #25A4DB;
}
.level-item-left .item-right h5{
    margin: 0;
    color: #86C03F;
    font-size: 24px;
    font-weight: 600;
}
.level-item-left .item-right h6{
	margin: 5px 0px;
    font-size: 18px;
    font-weight: 300;
    color: #5A1087;
}




.level-item-left .item-right p{
	font-size: 14px;
    font-weight: 300;
    color: #000000;
    margin-bottom: 5px;
    margin-top: 10px;
    max-width: 500px;
}
.level-item-left .item-right span{
	font-size: 14px;
    color: #919396;
}
.communication-level-item .level-item-right{
    float: left;
    width: calc(62% - 30px);
    
}
.communication-level-item .level-right{
	margin-left: 15px;
}
.level-item-right .item-right-content{
    box-shadow: 0px 0px 5px 1px #ddd;
    border-radius: 15px;
    padding: 20px 25px;
    min-height: 210px;
    background: #fff;
    margin-top: 20px;
}
.item-right-content ul{
	padding: 0px;
    padding-left: 15px;
}
.item-right-content ul li{
	list-style-type: disc;
	font-weight: 300;
	font-size: 14px;
}

.communication-lessons{
	padding: 40px 0px;
    background: #263F4C;
}
.communication-lessons-content{
	max-width: 1140px;
    margin: auto;
    display: flex;
}
.communication-lessons-content .lessons-content-item-lesson{
	width: 180px;
}
.communication-lessons-content .lessons-content-item-word{
	width: 290px;
	text-align: center;
}
.communication-lessons-content .lessons-content-item-button{
	width: calc(100% - 760px);
}
.lessons-content-item img{
	height: 100px;
}
.lessons-content-item h5{
	font-size: 60px;
    color: #fff;
    font-family: sfudinengalt!important;
    margin-bottom: 0px;
    font-weight: 100;
}
.lessons-content-item p{
	font-family: sfudinengalt!important;
    font-size: 30px;
    color: #fff;
}
.lessons-content-item-button{
	padding-left: calc(100% - 1090px);
}
.lessons-content-item-button a{
	display: inline-block;
    max-width: 330px;
    font-weight: 600;
    height: 60px;
    background-image: linear-gradient(to right, #FFDF03, #FBB639);
    text-align: center;
    line-height: 60px;
    border-radius: 60px;
    font-size: 21px;
    color: #000000;
    margin-top: 30px;
    width: 100%;
}
.lessons-content-item-button h6{
	font-size: 32px;
    color: #fff;
    margin-top: 20px;
    max-width: 330px;
    text-align: center;
}
.communication-ebook{
	max-width: 1140px;
    margin: auto;
    padding: 40px 0px;
}
.communication-ebook h2{
	margin: 0;
    text-align: center;
    font-size: 36px;
    font-weight: 600!important;
    color: #B2930F;
}
.communication-ebook h6{
	text-align: center;
    font-size: 18px;
    font-weight: 300;
    color: #000000;
}
.communication-ebook img{
    width: 185px;
    margin-top: 20px;
    display: block;
    margin: 20px auto 0px;
}
.communication-ebook-content{
	float: left;
    margin-top: 40px;
}

.communication-ebook-content .ebook-item-left .ebook-item-content{
    float: left;
    width: calc(33.3% - 20px);
    margin-right: 30px;
    text-align: center;
}
.communication-ebook-content .ebook-item-left .ebook-item-content:last-child {
    margin-right: 0px;
}

.ebook-item h3{
	margin: 0;
    font-size: 21px;
    font-weight: 600;
    color: #926022;
    margin-top: 20px;
}
.ebook-item h3 span{
    display: inline-block;
    width: 22px;
    height: 22px;
    background: #926022;
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    border-radius: 11px;
	position: absolute;
	left:0px;
}
.ebook-item.ebook-item-left h3{
    margin-top: 15px;
    text-align: left;
	position: relative;
    padding-left: 30px;
}
.ebook-item p{
	font-size: 14px;
    margin-top: 30px;
    font-weight: 300;
    margin-bottom: 5px;
    text-align: left;
}
.ebook-item a{
    color: #F9AE40;
    font-size: 14px;
    font-weight: 400;
	font-style: italic;
    text-align: left;
    display: block;
}


.communication-register{
    background: #263F4C;
    position: relative;
}
.communication-register-content{
    max-width: 1140px;
    margin: auto;
    padding-top: 40px;
}
.register-content-left{
    width: 60%;
    float: left;
    position: relative;
    padding-bottom: 150px;
}
.register-content-left h2{
    margin: 0;
    max-width: 620px;
    font-size: 40px;
    color: #DAAB69;
    font-family: sfudinengalt!important;
    margin-bottom: 20px;
}
.register-content-left h3{
    margin: 30px 0px 0px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
}
.register-content-left p{
    margin: 40px 0px;
    color: #fff;
    font-size: 16px;
}

.register-content-left .register-sale{
	width: 258px;
    height: 95px;
    background: url(../img/sale-bg.png);
    margin-left: 30px;
    padding-top: 10px;
}
.register-content-left .register-sale .price-root{
	margin: 0px 0px 0px 60px;
    text-decoration: line-through;
}
.register-content-left .register-sale .price-sale{
	margin: 0;
    font-size: 50px;
    font-family: sfudinengalt!important;
    margin-left: 20px;
    line-height: 50px;
}
.register-content-left .full-book{
	margin-left: 30px;
    margin: 10px 30px;
    font-size: 14px;
    font-weight: 300;
}


.register-content-left img{
    position: absolute;
    bottom: 100px;
    right: 0;
}
.register-content-right{
    float: left;
    width: 40%;
    padding-left: 35px;
}
.register-form{
    width: 100%;
    background: #00A59B;
    border-radius: 6px;
    box-shadow: 0px 1px 4px 1px #00A59B;
    padding: 30px 60px;
    position: relative;
    z-index: 1;
}
.register-form h3{
    margin: 0;
    color: #fff;
    font-size: 24px;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 300;

}
.register-form input, .register-form select{
    height: 53px;
    margin-top: 20px;
    color: #263F4C;
    font-size: 16px;
    border-radius: 50px;
	-webkit-border-radius:50px;
	padding-left: 20px;
}
.register-form p{
    font-size: 13px;
    color: #fff;
    margin-top: 15px;
    font-weight: 400;
	font-style: italic;
    margin-bottom: 0px;
}
.register-form button{
    display: inline-block;
    width: 100%;
    font-weight: 500;
    height: 53px;
    background: #EF5A29;
    text-align: center;
    line-height: 50px;
    border-radius: 25px;
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
    border: 0;
}
.communication-qa-bg{
    height: 340px;
    background: #fff;
}
.communication-qa{
    max-width: 1140px;
    margin: -440px auto 40px;
    box-shadow: 0px 0px 2px 1px #eeee;
    border-radius: 6px;
    padding: 100px 100px;
    position: relative;
    z-index: 1;
    background: #fff;
}
.communication-qa .communication-qa-item h3{
    font-size: 18px;
    color: #926022;
    margin: 0;
    padding-left: 25px;
    position: relative;
}
.communication-qa .communication-qa-item h3:hover{
    cursor: pointer;
}
.communication-qa .communication-qa-item h3::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0fe";
    color: #926022;
    position: absolute;
    left: 0px;
    top: 0px;
}
.communication-qa .communication-qa-item h3.question-active::before {
    content: "\f146";
}
.communication-qa .communication-qa-item{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;

}
.communication-qa .communication-qa-content{
    border-left: 5px solid #efe1c3;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    display: none;
}
.communication-promotion{
    background: #263F4C;
    margin-top: -145px;
    padding: 155px 15px 40px;
    text-align: center;
}
.communication-promotion h2{
    margin: 0;
    font-size: 45px;
    color: #DAAB69;
    font-family: sfudinengalt!important;
    margin-bottom: 20px;
}
.communication-promotion h3,
.communication-promotion h5{
    margin: 5px auto;
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    max-width: 1000px;
   	line-height: 30px;
}
.communication-promotion h3 span{
	text-decoration: line-through;
}
.communication-promotion h4{
    margin: 5px auto;
    color: #F7EB32;
    font-size: 25px;
    font-weight: 600;
    max-width: 1000px;
   	line-height: 30px;
}
.communication-promotion p.time-countdown{
    color: #fff;
    font-size: 24px;
    margin-top: 35px;
    font-weight: 300;
}
.communication-promotion p.time-countdown span{
	color: #EF5A29;
}
.communication-promotion .natural-com-item{
    width: 80px;
    height: 100px;
    background: #000;
    border: 2px solid #ED1C24;
    border-radius: 6px;
    color: #fff;
    float: left;
    margin-right: 10px;
}
.communication-promotion .natural-com-number{
    font-size: 40px;
    margin-top: 20px;
    margin-bottom: 0;
    line-height: 40px;
}
.communication-promotion-countdown{
    margin: 10px auto 0px;
    width: 360px;
}
.communication-promotion a{
    display: inline-block;
    width: 425px;
    font-weight: 600;
    height: 60px;
    background-image: linear-gradient(to right, #FFDF03, #FBB639);
    text-align: center;
    line-height: 60px;
    border-radius: 60px;
    font-size: 21px;
    color: #000000;
    margin-top: 30px;
}
.communication-promotion a:hover{
    text-decoration: none;
    color: #3C2415;
}
.communication-story{
    max-width: 1140px;
    margin: auto;
    padding-top: 40px;
}
.communication-story h2{
    margin: 0;
    max-width: 700px;
    font-size: 45px;
    color: #926022;
    font-family: sfudinengalt!important;
    margin-bottom: 30px;
}
.communication-story-left{
    float: left;
    width: 53%;
    max-width: 600px;
    box-shadow: 0px 0px 3px 2px #ddd;
    border-radius: 10px;
    padding: 20px;
}
.story-left-content p{
	font-size: 14px;
}
.story-left-content p span{
	width: 5px;
    height: 5px;
    display: inline-block;
    background: #000;
    border-radius: 5px;
    margin-right: 10px;
    margin-left: 15px;
}
.communication-story-right div{
    width: 43%;
    height: 330px;
    padding: 5px;
    background: #efefef;
    border-radius: 5px;
    overflow: hidden;
    max-width: 520px;
    margin: 40px auto 0px;
    margin-left: 49px;
    float: left;
}
.communication-story-right div iframe{
    width: 100%;
    height: 100%;
}

.communication-support{
    max-width: 1140px;
    margin: auto;
    text-align: center;
}
.communication-support h3{
    max-width: 850px;
    font-size: 45px;
    color: #263F4C;
    font-family: sfudinengalt;
    margin-bottom: 20px;
    margin: 0px auto 0px;
    text-align: center;
}
.communication-support .btn-buy-now {
    display: inline-block;
    width: 260px;
    font-weight: 600;
    height: 60px;
    background-image: linear-gradient(to right, #FFDF03, #FBB639);
    text-align: center;
    line-height: 60px;
    border-radius: 60px;
    font-size: 21px;
    color: #000000;
    margin-top: 30px;
    margin-right: 15px;
}
.communication-support .btn-buy-now:hover{
    text-decoration: none;
    color: #000000;
}

.communication-support .btn-support-now {
    display: inline-block;
    width: 260px;
    font-weight: 600;
    height: 60px;
    background-image: linear-gradient(to right, #EEE833, #8BC43F);
    text-align: center;
    line-height: 60px;
    border-radius: 60px;
    font-size: 21px;
    color: #000000;
    margin-top: 30px;
    margin-left: 15px;
}
.communication-support .btn-support-now:hover{
    text-decoration: none;
    color: #000000;
}

.communication-different{
	max-width: 1140px;
    margin: 40px auto 0px;
}
.different-content h2{
    margin: 0;
    max-width: 700px;
    font-size: 45px;
    color: #926022;
    font-family: sfudinengalt!important;
    margin-bottom: 0px;
    line-height: 55px;
}
.different-content .different-content-item{
	margin-top: 50px;
}
.different-content-item .different-item{
	width: calc(50% - 15px);
    float: left;
    border: 1px solid #926022;
    border-radius: 20px;
    padding: 20px 30px;
    position: relative;
    min-height: 520px;
    margin-bottom: 60px;
}
.different-content-item .different-item.different-item-blue{
	border: 1px solid #263F4C;
}
.different-item-left{
	margin-right: 15px;
}
.different-item-right{
	margin-left: 15px;
}
.different-item img{
    position: absolute;
    top: -25px;
    left: -15px;
}
.different-item h3{
    font-size: 21px;
    margin: 0 0px 40px;
    font-weight: 600;
    color: #3C2415;
    padding-left: 100px;
    line-height: 25px;
}
.different-item.different-item-blue h3{
	color: #263F4C;
}
.different-item p{
	font-size: 14px;
    font-weight: 300;
    color: #3C2415;
}
.different-item.different-item-blue p{
	color: #263F4C;
}

.natural-footer{
	background: #231F20;
    color: #fff;
    margin-top: 40px;
}

.natural-footer .natural-footer-content{
	max-width: 1140px;
    margin: auto;
    padding: 40px 0px;
}
.natural-footer .natural-footer-item{
	float: left;
}
.natural-footer .natural-footer-item.footer-item-brand{
	width: 40%;
	margin-top: 20px;
}
.natural-footer-item.footer-item-brand .footer-item-left{
	float: left;
    width: 100px;
}
.natural-footer-item.footer-item-brand .footer-item-right{
	float: left;
    width: calc(100% - 100px);
}
.natural-footer-item.footer-item-brand .footer-item-right p{
	font-size: 14px;
    margin-bottom: 5px;
}
.natural-footer-item.footer-item-brand .footer-item-right p img{
	width: 10px;
    float: left;
    margin-right: 10px;
}
.natural-footer-item.footer-item-brand .footer-item-right p span{
	display: inline-block;
    width: calc(100% - 25px);
}
.natural-footer .natural-footer-item.footer-item-social{
	float: right;
    width: 134px;
}
.natural-footer-item.footer-item-social h6{
	font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
}
.natural-footer-item.footer-item-social .footer-social-line{
	height: 2px;
    width: 90px;
    background: #FFF000;
}
.natural-footer-item.footer-item-social .footer-social-icon{
	margin-top: 15px;
}
.natural-footer-item.footer-item-social .footer-social-icon a{
	    margin-right: 5px;
}
.natural-footer .natural-footer-item.footer-item-support{
	float: right;
}
.natural-footer-item.footer-item-support .natural-footer-support{
	width: 180px;
    border: 1px dashed #FFF000;
    border-radius: 10px;
    margin-right: 81px;
    padding: 9px;
    color: #FFDC17;
}
.natural-footer-item.footer-item-support h6{
	margin: 0px;
    font-size: 13px;
    font-weight: 500;
}
.natural-footer-item.footer-item-support .footer-suppor-phone{
	margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
}
.natural-footer-item.footer-item-support img{
	width: 15px;
    margin-right: 5px;
}
.natural-footer-item.footer-item-support .footer-suppor-time{
	margin-top: 10px;
    font-size: 14px;
    margin-bottom: 0px;
}


#modal-support .modal-dialog{
	max-width: 500px;
	background: #726658;
}
#modal-support .modal-content{
	

    width: 100%;
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    /*background: url(../img/support-bg.png);*/
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

#modal-support .modal-support-content{
	max-width: 330px;
    margin: auto;
    
}
#modal-support .modal-support-content h5{
	font-size: 18px;
    text-transform: uppercase;
    margin: 0;
}
#modal-support .modal-support-content p{
	font-size: 12px;
    text-align: left;
    margin-top: 20px;
}
#modal-support .modal-support-content input,
#modal-support .modal-support-content textarea{
	display: block;
    width: 100%;
    height: 50px;
    border-radius: 25px;
    border: 0;
    padding-left: 15px;
    margin-top: 20px;
    color: #000;
    font-size: 16px;
}
#modal-support .modal-support-content textarea{
	padding-top: 15px;
    resize: unset;
    border-radius: 15px;
    height: 150px;
}

#modal-support .modal-support-content button{
	display: inline-block;
    width: 100%;
    font-weight: 600;
    height: 60px;
    background-image: linear-gradient(to right, #EEE833, #8BC43F);
    text-align: center;
    line-height: 60px;
    border-radius: 60px;
    font-size: 21px;
    color: #000000;
    margin-top: 30px;
    margin-left: 0;
    border: 0;
}
#modal-support .modal-support-content input:focus,
#modal-support .modal-support-content textarea:focus,
#modal-support .modal-support-content button:focus{
	outline: none;
}
a[href^="tel"] {
  color: inherit; 
  text-decoration: none;
}
@media(max-width: 991px){

    .main-header-cover{
    	display: block!important;
    }
    .main-header .header-right .btn-buy-now{
    	display: none;
    }
    .main-header .header-logo{
    	width: 82px!important;
    	float: left;
    	margin-top: 12px!important;
    }
    .main-header .header-logo svg{
		width: 82px!important;
		height: 37px!important;
	}
    .main-header .btn-phone{
    	float: right;
    	text-align: right;
    	width: calc(100% - 82px);
    	font-size: 16px;
    }
    .main-header .header-right{
    	margin: 0px!important;
    }
    .communication-foregin{
    	padding-top: 20px;
    	padding-bottom: 0px;
    }
    .communication-foregin-content h2{
    	font-size: 25px;
    	
    }
    .communication-foregin-content .what-natural-english{
    	margin-top: 40px;
    }
    .communication-foregin-content h3{
    	font-size: 14px;
    }
    .communication-foregin-content .foregin-quote{
    	font-size: 18px;
    }
    .communication-foregin-content .natural-video{
    	height: 210px;
    }

    .story-group-content .story-left{
    	width: 100%;
	    float: none;
	    background: #231F20;
    }
    .story-left .story-left-content{
    	text-align: center;
    	float: none;
    	padding: 30px 15px;
    }
	.story-left-content p{
		font-size: 15px;
	}
    .story-left h3 {
	    margin: 0;
	    text-transform: uppercase;
	    font-size: 25px;
	    color: #DAAB69;
	    font-weight: 500;
	    margin-top: 20px;
	}
	.story-left img{
		width: 90px;
    	margin-top: 15px;
	}
	.story-left h5 {
	    font-size: 18px;
	    font-weight: 300;
	    color: #fff;
	    margin: 15px 0px 0px;
	}
	.story-left h6{
		font-size: 20px;
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	.story-group-content .story-right{
		width: 100%;
	    float: none;
	    background: #231F20;
	    min-height: unset;
	    margin-top: -1px;
	}
	.story-right .story-right-content{
		padding: 10px 15px;
    	min-height: unset;
	}
	.story-right h6{
		color: #DAAB69;
	    font-family: sfudinengalt;
	    text-transform: uppercase;
	    font-size: 20px;
	    margin-top: 0px;
	    margin-bottom: 20px;
	    text-align: center;
	}
	.story-right .story-video{
		height: 210px;
		max-width: 345px;
	}
	.story-right p{
		font-size: 16px;
	}
    .learning-solution{
    	margin: 30px auto;
    	padding: 0px 15px;
    }
    .learning-solution .learning-solution-item{
    	border-radius: 15px;
    	margin-bottom: 30px;
    }
    .learning-solution .solution-item{
    	box-shadow: unset;
    	border-radius: 15px;
    }
    .learning-solution .solution-item-right .solution-item{
    	box-shadow: unset;
    }
    .learning-solution .solution-item p{
    	text-align: justify;
    }
    .learning-solution h3{
    	font-size: 18px;
    	line-height: 23px;
    }
    .communication-buy a{
    	width: 100%;
    }
    .communication-title{
        padding: 10px 15px;
    }
    
    .communication-title .communication-title-item{
        width: 100%;
    }
    .communication-title .communication-title-item h1{
        font-size: 25px;
        line-height: 30px;
    }
    .communication-title-left{
        width: 100%;
        float: none;
        max-width: 100%;
    }
    .communication-title-left a.btn-buy-now{
        margin: auto;
    }
    .communication-title-right{
        width: 100%;
        float: none;
        max-width: 100%;
    }
    .communication-title-right img{
        width: 100%;
	    max-width: 300px;
	    z-index: 1;
	    margin-left: auto;
	    display: block;
	    margin-right: auto;
    }
    .communication-title-right .communication-title-quote{
        display: none;
    }
    .communication-title-right .communication-title-quote-mobile{
        display: block;
        width: 250px;
        height: 250px;
        background: #fff;
        border-radius: 50%;
        padding: 30px;
        text-align: center;
        padding-top: 90px;
    	font-size: 16px;
        position: relative;
        margin: 0px auto 40px;
    }
    .communication-foregin-content{
        width: 100%;
        padding: 0px 15px;
    }
    
    .communication-community-content{
        width: 100%;
        padding: 0px 15px;
    }
   
    .communication-community-content h2{
        font-size: 25px;
    }
    .communication-community-left{
        width: 100%;
        max-width: 100%;
        float: none;
        padding-top: 20px;
    }
    .communication-left-item{
        padding: 20px 15px;
    }
    .communication-community-right{
        float: none;
        padding: 0;
        width: 100%;
    }
    .community-right-content{
        margin: 20px auto;
        padding: 0;
    }
    .communication-video{
        padding: 50px 15px;
        margin-top: 40px;
    }
    .communication-video h2{
        margin: 0;
        font-size: 25px;
    }
    .communication-buy h2{
        font-size: 25px;
    }
    .communication-buy h3{
        font-size: 20px;
    }
    .communication-buy p{ 
        font-size: 16px;
    }
	.communication-step{
		padding: 40px 15px 0px;
	}
	.communication-step h2{
        font-size: 25px;
    }
	.communication-step h3{
        font-size: 20px;
    }
	.communication-step-content .communication-step-item{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
    .communication-level-group{
    	padding: 30px 15px;
    }
    .communication-level-content h2{
    	font-size: 20px;
    }
    .communication-level-content h3{
    	font-size: 25px;
	    line-height: 28px;
	    margin-top: 15px;
    }
    .communication-level-item .level-item{
    	float: none;
    	margin-top: 30px;
        padding: 15px;
    }
    
    .communication-level-item .level-item-left{
    	width: 100%;
    	float: none;
    	padding-top: 0px;
    	text-align: center;
    }
    .communication-level-item .level-item-left img{
        margin-top: 160px;
    }
    .communication-level-item .level-left{
    	margin-right: 0px;
    }
    .level-item-left .item-left{
    	float: none;
    }
    .communication-level-item .level-item-right{
    	float: none;
	    width: 100%;
	    margin-top: 20px;
    }
    .communication-level-item .level-right{
    	margin-left: 0px;
    }
    .level-item-left .item-left h5{
    	font-size: 80px;
    }
    .item-right-content ul li{
    	font-size: 15px;
    }
    .communication-lessons-content{
    	display: block;
	    padding-left: 2%;
	    padding-right: 2%;
    }
    .communication-lessons-content .lessons-content-item-lesson,
    .communication-lessons-content .lessons-content-item-word{
    	width: 32%;
	    float: left;
	    text-align: center;
    }
    .lessons-content-item img{
    	height: 50px;
    }
    .communication-lessons-content .lessons-content-item-button{
    	clear: both;
	    width: 100%;
	    padding: 0px;
	    text-align: center;
    }
    .lessons-content-item-button h6{
    	font-size: 20px;
		margin-top: 10px;
		max-width: unset;
    }
    .lessons-content-item h5{
    	font-size: 25px;
    }
    .lessons-content-item p{
    	font-size: 16px;
    }
    .communication-ebook{
    	padding: 40px 15px;
    }

    .communication-ebook h2{
    	font-size: 25px;
    }
    .communication-ebook h6{
    	font-size: 20px;
    }
    .communication-ebook-content{
    	float: none;
    	margin-top: 30px;
    }
    .communication-ebook-content .ebook-item-left{
    	float: none;
	    width: 100%;
	    margin-right: 0px;
	    padding-top: 30px;
    }
    .communication-ebook-content .ebook-item-right{
    	float: none;
	    width: 100%;
	    margin-left: 0px;
	    margin-top: 20px;
    }
	.ebook-item h3{
		font-size: 20px;
	}
	.ebook-item p{
    	font-size: 15px;
	    margin-top: 15px;
	    font-weight: 300;
    }


    .communication-lesson .communication-lesson-content{
        padding: 40px 15px 0px;
    }
    .communication-lesson-content .communication-lesson-left{
        float: none;
        width: 100%;
    }
    .communication-lesson-content .communication-lesson-left h2{
        font-size: 25px;
    }
    .communication-lesson-right img{
        float: none;
        max-width: 300px;
        margin: auto;
        display: block;
    }
    .communication-register-content{
        padding: 40px 15px 40px;
    }
    .register-content-left{
        width: 100%;
        float: none;
        padding-bottom: 20px;
    }
    .register-content-left h2{
        font-size: 28px;
		line-height: 32px;
    }
    .register-content-left h3{
        margin: 20px 0px;
    }
    .register-content-left p{
        margin: 20px 0px;
        font-size: 16px;
    }
    .register-content-left p.price{
        margin: 20px 0px;
        font-size: 20px;
    }
    .register-content-left img{
        width: 100%;
        max-width: 300px;
        position: relative;
        margin: auto;
        display: block;
        bottom: -30px;
    }
    .register-content-right{
        float: none;
        width: 100%;
        padding: 0;
    }
    .register-form{
        margin: auto;
        padding: 20px;
    }
    .communication-register{
        position: unset;
    }
    .register-form h3{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .communication-qa-bg{
        display: none;
    }
    .communication-qa{
        margin: 0px auto 40px;
        box-shadow: unset;
        border-radius: 0px;
        padding: 15px;
    }
    .communication-qa .communication-qa-item h3{
        font-size: 16px;
    }
    .communication-promotion h2{
        font-size: 25px;
    }
    .communication-promotion h3{
        font-size: 20px;
    }
    .communication-promotion p.time-countdown{
        font-size: 18px;
    }
    .communication-promotion .natural-com-item{
        width: 60px;
        height: 80px;
    }
    .communication-promotion .natural-com-number{
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
        line-height: 30px;
    }
    .communication-promotion .natural-com-text{
        font-size: 14px;
    }
    .communication-promotion-countdown{
        width: 100%;
        max-width: 280px;
    }
    .communication-promotion a{
    	width: 100%;
    }
    .communication-story h2{
        font-size: 25px;
        text-align: center;
    }
    .communication-story{
        padding: 40px 15px;
    }
    .communication-story-left{
        float: none;
        width: 100%;
        max-width: 100%;
    }
    .communication-story-right div{
        width: 100%;
        max-width: 450px;
        margin: 20px auto;
        height: 300px;
		float: none;
    }
    .communication-story h3{
        font-size: 25px;
    }
    
    .communication-different{
    	margin: 0px auto 0px;
    	padding: 0px 15px;
    }
    .different-content h2{
    	font-size: 25px;
    	text-align: center;
    	line-height: 30px;
    }
    .different-content-item .different-item{
    	width: 100%;
    	float: none;
    }
    .different-item p{
    	font-size: 15px;
		color: #000;
    }
	.different-item.different-item-blue p{
		color: #000;
	}
    .different-item-right{
    	margin-left: 0px;
    }
    .communication-support{
    	padding: 0px 15px;
    }
    .communication-support h3{
    	font-size: 25px;
    	margin: 0px;
    	line-height: 30px;
    }
    .communication-support .btn-buy-now{
    	margin-right: 0px;
    }
    .communication-support .btn-support-now{
    	margin-left: 0px;
    	margin-top: 10px;
    }

    .natural-footer .natural-footer-content{
    	padding: 30px 14px;
    }
    .natural-footer .natural-footer-item{
    	float: none;
    }
    .natural-footer .natural-footer-item.footer-item-brand{
    	width: 100%;
    }
    .natural-footer .natural-footer-item.footer-item-social{
    	margin-top: 20px;
    }
    .natural-footer .natural-footer-item.footer-item-support{
    	float: left;
    }
    .natural-footer-item.footer-item-support .natural-footer-support{
    	margin-right: 0;
	    margin-top: 30px;
    }
}

/*begin popup message*/
#modal-charge-message   .modal-content{
    width: 350px;
    margin: auto;
    margin-top: 50px;
    height: 220px;
	border-radius: 6px;
}
#modal-charge-message   .modal-content img{
    margin-top: 20px;
    width: 45px;
}
.popup-charge-card-text{
    font-size: 17px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 0px;
}
.charge-card-text-content{
    font-size: 13px;
    font-style: italic;
    padding: 0 15px;
}
.popup-charge-footer{
    background: #ededed;
    padding: 15px;
    margin-top: 25px;
    border-radius: 0px 0px 6px 6px;
}
.popup-charge-card-button-fail{
        width: 150px;
    height: 40px;
    border-radius: 20px;
    border: 0;
    background: #00B8F1;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
}
.charge-card-amount{
    font-size: 25px;
    font-weight: 600;
}
/*emd popup message*/