body{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.cp_page{
  background: url(../images/kem/body_bg.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.headline_box,
.product_box,
.eshop_box,
.articles_box,
.testimonials_box,
.introduction_box,
.enroll_box,
.term_box,
.store_box,
.hall_box {
  position:relative;
  padding:4.07% 4.2222%;
}
.cp_section:nth-child(1) .cp_container > div:first-child{
  /* padding-top:8.5%; */
}
.cp_section:nth-child(1) .eshop_block:nth-child(even) .cp_container > div:first-child{
  padding-top:4.07%;
}


/*Headline*/
.headline_ctn{
  background:radial-gradient(54.22% 204% at 22.59% 79.02%, #FFEBE7 0%, #F3F6FA 100%);
}
.headline_item{
  display:flex;
  align-items:center;
}
.headline_item .cp_pic{
  width:50.728%;
}
.headline_item .cp_txt{
  width:36%;
  text-align:center;
}
.headline_item .cp_btns{
  justify-content:center;
}
.headline_item .cp_txt + .cp_pic,
.headline_item .cp_pic + .cp_txt{
  margin-left:5.825%;
}
.headline_item .cp_txt:only-child,
.headline_item .cp_pic:only-child {
  margin:0 auto;
}
.headline_item .cp_txt:only-child {
  width:60%;
  max-width:800px;
}
.headline_box .swiper-pagination {
  right:3%;
  top:50%;
  width:10px;
  height:auto;
  display:block;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
.headline_box .swiper-pagination-bullet {
  display:block;
  margin:5px auto;
  width:5px;
  height:30px;
  -webkit-border-radius:2px;
  border-radius:2px;
}



.size_full {
  position:relative;
  max-width:initial;
  width:100%;
  height:calc(100vh - 90px);
}
.size_full .headline_box {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  padding:0;
}
.size_full .headline_slider_box {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}
.size_full .headline_slider,
.size_full .headline_item {
  height:100%;
}
.size_full .headline_item {
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  /* display:block;
  padding-top:8.07%; */
}
.size_full .headline_box > .headline_item {
  position:relative;
  z-index:2;
}

.view_video{
  position:absolute;
  left:50%;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%,0);
  bottom:140px;
}
.view_video_but {
  display:inline-block;
  padding:5px;
  color:#FF8C75;
  cursor:pointer;
}


.video_full{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}
.video_full video{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  -webkit-object-fit:cover;
  object-fit:cover;
  outline:none;
}
.video_full::after{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.5);
}



.size_full .cp_btns {
  position:absolute;
  bottom:60px;
  left:50%;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%,0);
}
.cp_scroll_down {
  position:absolute;
  left:50%;
  bottom:15px;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%,0);
  width:60px;
  height:auto;
  cursor:pointer;
  z-index:3;
}
.cp_scroll_down_but {
  width:36px;
  height:36px;
  line-height:36px;
  margin:0 auto;
  text-align:center;
  color:#333;
}
.cp_scroll_down_but svg {
  stroke:currentColor;
}

.volume_but{
  position:absolute;
  right:20px;
  bottom:20px;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  color:#fff;
  cursor:pointer;
  z-index:2;
}
.volume_but svg {
  position:absolute;
  left:3px;
  top:3px;
  width:24px;
  height:24px;
  stroke:currentColor;
  fill:currentColor;
}
.volume_on {
  opacity:0;
}
.un_muted .volume_on{
  opacity:1;
}
.un_muted .volume_off{
  opacity:0;
}

.volume_but + .cp_scroll_down .cp_scroll_down_but {
  color:#fff;
}


/*Product details*/
.product_box{
  display:flex;
}

.product_col {
  position:relative;
  width:33.3333%;
}
.product_col:nth-child(1) .product_outer{
  padding-right:9%;
}
.product_col:nth-child(2) .product_outer,
.product_col:nth-child(3) .product_outer{
  padding-left:9%;
}

.product_info{
  width:33.33333%;
}
.product_info .product_outer{
  padding-right:9%;
}
.product_gallery{
  display:flex;
  width:66.6666%;
}
.gallery__item{
  position:relative;
  width:100%;
}
.type_split .gallery__item{
  width:50%;
}
.type_split .gallery__item::before{
  content:'';
  position:relative;
  display:block;
  width:100%;
  height:auto;
  padding-top:134.186%;
}
.type_split .gallery_outer,
.type_split .gallery__item:nth-child(1) .cp_pic,
.type_split .gallery__item:nth-child(1) .cp_img{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}
.type_split .gallery__item:nth-child(1) .cp_img {
  -webkit-object-fit:cover;
  object-fit:cover;
}
.type_split .gallery__item:nth-child(2) .gallery_outer{
  padding-left:9%;
}
.type_split .gallery__item:nth-child(2) .cp_pic {
  height:47%;
  margin-bottom:9%;
}
.type_split .gallery__item:nth-child(2) .cp_img{
  height:100%;
  width:auto;
  max-width:100%;
}

.product_box + .product_box{
  padding-top:0;
}
.cp_caption{
  color:#3C64B1;
  font-size:14px;
  text-transform:uppercase;
  font-weight:900;
  margin-bottom:10px;
}
.cp_icons{
  display:flex;
  margin-bottom:15px;
}
.cp_icon{
  width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
  background-color:#F3F6FA;
  -webkit-border-radius:2px;
  border-radius:2px;
  margin-right:5px;
}
.cp_icon .cp_img{
  vertical-align:middle;
}

.product_col .cp_pic{
  width:46%;
  margin-bottom:20px;
}
.product_col .cp_pic::before{
  content:'';
  position:relative;
  display:block;
  width:100%;
  height:auto;
  padding-top:100%;
}
.product_col .cp_pic .cp_img {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:auto;
  max-width:100%;
  -webkit-object-fit:cover;
  object-fit:cover;
}


/*Eshop*/
.eshop_block{
  background-color:#ECF1F7;
}
.eshop_block:nth-child(even){
  background-color:#F9F4F2;
}
.eshop_main{
  display:flex;
  align-items:center;
}
.eshop_main .cp_pic{
  width:49.19%;
  margin-right:9.7%;
}
.eshop_main .cp_txt{
  width:30%;
}

.eshop_main.type_txt_img{
  flex-direction:row-reverse;
  justify-content:space-between;
}
.eshop_main.type_txt_img .cp_pic{
  margin:0;
}

.eshop_main .cp_pic:only-child,
.eshop_main .cp_txt:only-child {
  margin:0 auto;
  text-align:center;
}
.eshop_main .cp_txt:only-child {
  width:60%;
}
.eshop_main .cp_txt:only-child .cp_btns{
  justify-content:center;
}

.eshop_list{
  display:flex;
  padding-top:4.07%;
}
.eshop_item{
  width:23%;
  margin-right:2.6666%;
}
.eshop_item:nth-child(4n){
  margin:0;
}
.eshop_item .cp_pic{
  margin-bottom:20px;
}
.eshop_item .cp_pic::before{
  content:'';
  display:block;
  position:relative;
  width:100%;
  height:auto;
  padding-top:52.3%
}
.eshop_item .cp_pic img{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  -webkit-object-fit:cover;
  object-fit:cover;
}



/*Articles*/
.articles_box .cp_title--large{
    margin-bottom:4.07%;
}
.articles_slider_box{
  position:relative;
  width:100%;
  height:auto;
}
.articles_items{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
.articles_item{
  width:20.64%;
  margin-right:5.813333%;
}
.articles_item:last-child{
  margin:0;
}
.articles_item .cp_pic{
  margin-bottom:20px;
}
.articles_item .cp_pic::before{
  content:'';
  position:relative;
  display:block;
  width:100%;
  height:auto;
  padding-top:100%;
}
.articles_item .cp_pic img{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  -webkit-object-fit:cover;
  object-fit:cover;
}

.cp_editorial {
  color:#3C64B1;
  text-transform:uppercase;
}
.articles_box .swiper-pagination {
  bottom:-14%;
  width:100%;
  text-align:center;
}


/*Testimonials*/
.testimonials_box .cp_title--large{
  text-align:center;
}
.testimonials_info{
  width:80%;
  max-width:568px;
  text-align:center;
  margin:0 auto;
}
.testimonials_list{
  display:flex;
  justify-content:center;
  padding-top:8%;
}
.testimonials_item {
  position:relative;
  width:28.64%;
  margin-right:7.04%;
  padding-top:8%;
  background-color:#fff;
  -webkit-border-radius:10px;
  border-radius:10px;
  box-shadow:0px 2px 15px rgba(0, 0, 0, 0.15);
  text-align:center;
}
.testimonials_item:last-child{
  margin:0;
}
.testimonials_item .cp_pic {
  position:absolute;
  left:50%;
  top:0;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  width:42%;
  border:4px solid #fff;
  -webkit-border-radius:50%;
  border-radius:50%;
}
.testimonials_item .cp_pic::before{
  content:'';
  position:relative;
  display:block;
  width:100%;
  height:auto;
  padding-top:100%;
}
.testimonials_item .cp_img{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  -webkit-object-fit:cover;
  object-fit:cover;
}
.testimonials_item .cp_txt {
  padding:0 12% 30% 12%;
}
.testimonials_extra {
  position:absolute;
  left:0;
  bottom:14%;
  width:100%;
}
.cp_author{
  color:#3C64B1;
  font-size:15px;
  margin-bottom:5px;
}
.cp_date {
  font-size:12px;
  font-weight:700;
}



/*Quick*/
.quick_info {
  display:flex;
  padding-top:10px;
  margin-bottom:4.07%;
}
.quick_info .cp_title--large {
  margin-bottom:30px;
}
.quick_title{
  width:32.7%;
  padding-right:4%;
}
.quick_brief {
  width:67.3%
}
.quick_info .cp_title--small{
  margin-bottom:20px;
}
.view_link{
  color:#FF8C75;
  cursor:pointer;
  text-decoration:underline;
}
.quick_brief {
  counter-reset:number;
}
.quick_brief li {
  position:relative;
  margin-bottom:20px;
  padding-left:25px;
}
.quick_brief li::before{
  counter-increment:number;
  content:counter(number) ". ";
  color:#46BD93;
  position:absolute;
  left:0;
  top:0;
}



/*Introductiom*/
.introduction_list{
  display:flex;
  margin-bottom:4.07%;
}
.introduction_list:last-child{
  margin:0;
}
.introduction_col .cp_brief p:last-child{
  margin:0;
}

/*Prize3*/
.introduction_col .cp_pic{
  margin-bottom:5%;
}
.prize3 {
  justify-content:center;
}
.prize3 .introduction_col,
.enroll_col {
  position:relative;
  width:28.64%;
  margin-right:7.04%;
}
.prize3 .introduction_col:last-child,
.enroll_col:last-child{
  margin:0;
}
.prize3 .introduction_col .cp_pic{
  width:79%;
}
.introduction_col .cp_pic::before{
  content:'';
  position:relative;
  display:block;
  width:100%;
  height:auto;
  padding-top:100%;
}
.introduction_col .cp_pic img{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  -webkit-object-fit:cover;
  object-fit:cover;
}
.introduction_col h3{
  font-size:30px;
  margin-bottom:2%;
}
.brief_highlight h3{
  font-size:30px;
  margin-bottom:10px;
}
.brief_highlight {
  margin-bottom:20px;
}


/*Prize3 Highlight*/
.prize3.highlight .introduction_col {
  margin-right:3.5%;
}
.prize3.highlight .introduction_col:last-child{
  margin:0;
}
.prize3.highlight .introduction_col:nth-child(1) {
  width:49%;
}
.prize3.highlight .introduction_col:nth-child(2),
.prize3.highlight .introduction_col:nth-child(3) {
  width:22%;
}
.prize3.highlight .introduction_col .cp_pic{
  width:100%;
}
.prize3.highlight .introduction_col:nth-child(1) .cp_pic{
  margin:0;
}
.prize3.highlight .introduction_col:nth-child(1) .cp_pic::before{
  padding-top:66.72%;
}
.prize3.highlight .introduction_col:nth-child(1) .cp_txt{
  display:none;
}


/*Prize4*/
.prize4{
  display:block;
  overflow:hidden;
}
.prize4 .introduction_col {
  margin-right:3.5%;
}
.prize4 .introduction_col .cp_pic{
  margin:0;
}
.prize4 .introduction_col:nth-child(1) {
  width:49%;
  float:left;
}
.prize4 .introduction_col:nth-child(1) .cp_pic{
  margin:0;
}
.prize4 .introduction_col:nth-child(1) .cp_pic::before{
  padding-top:66.72%;
}
.prize4 .introduction_col:nth-child(1) .cp_txt{
  display:none;
}
.prize4 .introduction_col:nth-child(2),
.prize4 .introduction_col:nth-child(3),
.prize4 .introduction_col:nth-child(4) {
  display:flex;
  width:47.5%;
  align-items:center;
  float:right;
  margin:0 0 2.24% 0;
}
.prize4 .introduction_col:nth-child(4){
  margin:0;
}
.prize4 .introduction_col:nth-child(2) .cp_pic,
.prize4 .introduction_col:nth-child(3) .cp_pic,
.prize4 .introduction_col:nth-child(4) .cp_pic {
  width:19.76%;
}
.prize4 .introduction_col:nth-child(2) .cp_txt,
.prize4 .introduction_col:nth-child(3) .cp_txt,
.prize4 .introduction_col:nth-child(4) .cp_txt {
  width:80.4%;
  padding-left:5%;
}


/*Prize5*/
.prize5 {
  flex-wrap:wrap;
}
.prize5 .introduction_col {
  margin-right:3.5%;
}
.prize5 .introduction_col:last-child{
  margin:0;
}
.prize5 .introduction_col:nth-child(1) {
  width:49%;
}
.prize5 .introduction_col:nth-child(2),
.prize5 .introduction_col:nth-child(3) {
  width:22%;
}
.prize5 .introduction_col:nth-child(3){
  margin:0;
}
.prize5 .introduction_col .cp_pic{
  width:100%;
}
.prize5 .introduction_col:nth-child(1) .cp_pic{
  margin:0;
}
.prize5 .introduction_col:nth-child(1) .cp_pic::before{
  padding-top:66.72%;
}
.prize5 .introduction_col:nth-child(1) .cp_txt{
  display:none;
}

.prize5 .introduction_col:nth-child(4){
  width:49%;
}
.prize5 .introduction_col:nth-child(5) {
  width:47.5%;
}

.prize5 .introduction_col:nth-child(4),
.prize5 .introduction_col:nth-child(5){
  display:flex;
  align-items:center;
  margin-top:3.5%;
}
.prize5 .introduction_col:nth-child(4) .cp_pic,
.prize5 .introduction_col:nth-child(5) .cp_pic {
  width:19.76%;
  margin:0;
}
.prize5 .introduction_col:nth-child(4) .cp_txt,
.prize5 .introduction_col:nth-child(5) .cp_txt {
  width:80.4%;
  padding-left:5%;
}


/*Prize1*/
.prize1 .introduction_col {
  display:flex;
  align-items:center;
}
.prize1 .introduction_col .cp_pic{
  width:49%;
  margin:0 3.5% 0 0;
}
.prize1 .introduction_col .cp_pic::before{
  padding-top:66.72%;
}
.prize1 .introduction_col .cp_txt {
  width:47.5%;
}


/*Video*/
.video_box {
  display:flex;
  align-items:flex-end;
}
.video_box .cp_pic{
  width:40.8%;
  margin-right:8%
}
.video_box .cp_txt{
  width:51.2%;
}
.video_but{
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  line-height:0;
  cursor:pointer;
  width:70px;
  height:auto;
}
.video_but svg{
  width:100%;
  height:auto;
  opacity:0.5;
}


/*Enroll*/
.enroll_list{
  display:flex;
  justify-content:center;
  padding-top:8%;
  margin-bottom:4.07%;
}
.enroll_list:last-child{
  margin:0;
}
.enroll_col {
  text-align:center;
}
.enroll_outer{
  position:relative;
  padding-top:26%;
  background-color:#fff;
  -webkit-border-radius:10px;
  border-radius:10px;
  box-shadow:0px 2px 15px rgba(0, 0, 0, 0.15);
  z-index:1;
  height:100%;
}
.enroll_col h3{
  font-size:18px;
}
.enroll_col .cp_pic {
  position:absolute;
  left:50%;
  top:0;
  width:42%;
  padding:3px;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  z-index:2;
}
.enroll_col > .cp_pic {
  background-color:#fff;
  box-shadow:0px 2px 15px rgba(0, 0, 0, 0.15);
}
.enroll_col .cp_pic::before{
  content:'';
  position:relative;
  display:block;
  width:100%;
  height:auto;
  padding-top:100%;
}
.enroll_col .cp_img{
  position:absolute;
  left:3px;
  top:3px;
  width:calc(100% - 6px);
  height:calc(100% - 6px);
  -webkit-object-fit:cover;
  object-fit:cover;
}
.enroll_col .cp_txt {
  padding:0 12% 14% 12%;
}
.enroll_col .cp_title--medium{
  margin-bottom:2%;
}
.enroll_col .cp_btns{
  justify-content:center;
}



/*Store*/
.store_box .cp_title--large{
  text-align:center;
}
.store_info{
  width:80%;
  max-width:568px;
  text-align:center;
  margin:0 auto 4.07% auto;
}
.store_list {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
.store_item{
  display:flex;
  width:23%;
  align-items:center;
  margin:0 2.6666% 2.6666% 0;
  border:1px solid #ddd;
}
.store_item:nth-child(4n) {
  margin:0 0 2.6666% 0;
}
.store_item .cp_pic{
  width:38%;
  -webkit-border-radius:2px;
  border-radius:2px;
  overflow:hidden;
}
.store_item .cp_img{
  -webkit-border-radius:2px;
  border-radius:2px;
}
.store_item .cp_txt{
  width:62%;
  padding:0 5%;
}
.store_item .cp_title--medium{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-bottom:10px;
}
.store_item a{
  color:#FF8C75;
  font-weight:700;
}
.step4 .enroll_col{
  width:23%;
  margin-right:2.6666%;
}
.step4 .enroll_col:last-child{
  margin:0;
}




/*Step1 and single_step*/
.single_step{
  display:flex;
}
.single_step .quick_info {
  width:32.7%;
  padding-right:4%;
}
.single_step .quick_title{
  width:100%;
  padding:0;
}
.single_step .enroll_list{
  width:67.3%;
  padding:0;
}
.single_step .enroll_col{
  width:100%;
}
.single_step .enroll_outer{
  display:flex;
  padding:0;
  align-items:flex-start;
  background-color:transparent;
  box-shadow:none;
  -webkit-border-radius:0;
  border-radius:0;
}
.single_step .enroll_col .cp_pic {
  margin:0;
  width:21.66%;
  position:relative;
  left:auto;
  top:auto;
  -webkit-transform:none;
  transform:none;
}
.single_step .enroll_col .cp_pic::before{
  padding-top:115%;
}
.single_step .enroll_col .cp_txt{
  width:78.34%;
  padding:0 0 0 8%;
  text-align:left;
}
.single_step .enroll_col .cp_btns {
  justify-content:left;
}
.single_step .enroll_col .cp_title--medium {
  margin-bottom:0.5%;
}
.single_step .enroll_col .cp_brief p{
  margin-bottom:3%
}



/*Hall*/
.hall_box .cp_title--large{
  text-align:center;
}
.hall_info{
  width:80%;
  max-width:568px;
  text-align:center;
  margin:0 auto 4.07% auto;
}
.hall_tab {
  width:90%;
  margin:0 auto 4.07% auto;
  max-width:900px;
  display:flex;
  justify-content:space-between;
  padding:0 10%;
}
.tab_item {
  display:block;
  cursor:pointer;
}
.hall_list {
  position:relative;
  width:90%;
  margin:0 auto 3% auto;
  max-width:900px;
}
.hall_content {
  position:absolute;
  left:0;
  top:0;
  opacity:0;
  width:100%;
  -webkit-transition:opacity 0.3s ease-in-out;
  transition:opacity 0.3s ease-in-out;
}
.hall_content.active{
  position:relative;
  left:auto;
  top:auto;
  opacity:1;
}
.hall_item{
  display:flex;
  border-bottom:1px solid #46BD93;
  padding:15px 0;
}
.hall_stt {
  width:4%;
  text-align:center;
}
.hall_name {
  width:40%;
  font-weight:700;
  padding:0 10px;
}
.hall_address{
  width:56%;
  padding:0 10px;
  text-align:right;
}

/*Popup*/
.cp_popup{
  position:fixed;
  left:0;
  top:0;
  width:100vw;
  height:100vh;
  background-color:rgba(51,51,51,0.7);
  z-index:10;
  text-align:center;
  overflow:hidden;
  overflow-y:auto;
}
.popup_ctn {
  position:relative;
  width:90%;
  background:#fff;
  box-shadow:0px 2px 15px rgba(0, 0, 0, 0.15);
  -webkit-border-radius:10px;
  border-radius:10px;
  overflow:hidden;
  text-align:center;
  display:inline-block;
  vertical-align:middle;
  text-align:left;
  margin:50px 0;
  opacity:0;
}
.cp_popup::before,
.cp_popup::after {
  content:'';
  position:relative;
  display:inline-block;
  width:0;
  height:100%;
  vertical-align:middle;
}
.buy_now_popup .popup_ctn{
  display:inline-block;
  max-width:400px;
  padding:38px 20px 28px 20px;
  vertical-align:middle;
}
.detail_popup .popup_ctn{
  max-width:800px;
}
.popup_close {
  position:absolute;
  right:11px;
  top:11px;
  width:30px;
  height:30px;
  line-height:30px;
  cursor:pointer;
  text-align:center;
  z-index:3;
  color:#C4C4C4;
}
.detail_popup .popup_close{
  color:#333;
}
.popup_close svg{
  width:16px;
  height:auto;
  color:currentColor;
}
.popup_close .cp_img{
  width:16px;
  height:auto;
}
.popup_title {
  font-size:24px;
  font-weight:700;
  text-align:center;
  line-height:1.2;
  margin-bottom:20px;
}
.buy_now_box {
  position:relative;
  width:80%;
  margin:0 auto 20px auto;
}
.buy_now_slider {
  width:56%;
  margin:0 auto;
}
.shop_item {
  padding:10px 0;
  display:flex;
  align-items:center;
  border-bottom:1px solid rgba(60, 100, 177, 0.2);
  justify-content:space-between;
}
.shop_item:last-child{
  border:none;
}
.shop_pic {
  width:auto;
  height:auto;
  max-width:60px;
}
.shop_price {
  font-size:16px;
  width:36%;
  text-align:right;
}
.shop_but{
  margin-left:18%;
  color:#FF8364;
  font-weight:700;
}
.popup_banner{
  position:relative;
  display:block;
  width:100%;
  height:auto;
}
.popup_banner img{
  width:100%;
}
.popup_banner_info,
.popup_content{
  padding:30px 12%;
}
.popup_banner_info{
  position:absolute;
  left:0;
  bottom:0;
}
.popup_banner .cp_editorial{
  margin-bottom:5px;
}
.popup_banner h3,
.popup_content h3{
  font-size:32px;
  line-height:1.3;
}
.popup_share{
  display:flex;
  margin-bottom:30px;
}
.share_item{
  display:block;
  margin-right:5px;
}
.share_item:last-child{
  margin:0;
}
.popup_content .share_item img,
.share_item img{
  height:30px;
  width:auto;
}
.popup_content p {
  margin-bottom:30px;
}
.popup_content img {
  width:auto;
  height:auto;
  margin:0 auto;
  display:block;
  max-width:100%;
}
.popup_content:only-child{
  padding:10% 12%;
}
.popup_content h3{
  margin-bottom:30px;
}


.open_popup{
  height:100%;
  overflow:hidden;
}
.open_popup .cp_popup{
  display:block;
}
.open_popup .popup_ctn{
  -webkit-animation:fadeIn;
	animation:fadeIn;
	-webkit-animation-duration:0.5s;
	animation-duration:0.5s;
	-webkit-animation-delay:0.15s;
	animation-delay:0.15s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

.cp_nestle {
  position:fixed;
  z-index:1000;
  left:0;
  top:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:-webkit-transform 0.6s ease-out;
  transition:transform 0.6s ease-out;
  transition:transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
  -webkit-transform:translateY(100vh);
  transform:translateY(100vh);
  background-color:#000;
  display:flex;
  justify-content:center;
  align-items:center;
}
.cp_video{
  width:100%;
  height:100%;
  -webkit-object-fit:contain;
  object-fit:contain;
  display:block;
  max-width:initial;
  display:none;
}
.cp_video.active{
  display:block;
}
.cp_nestle--show{
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0);
}
.cp_video--close{
  position:absolute;
  right:15px;
  top:15px;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  z-index:2;
  cursor:pointer;
  color:#fff;
}
.cp_video--close svg {
  width:20px;
}


@-webkit-keyframes fadeIn{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
@keyframes fadeIn{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}

@-webkit-keyframes fadeOut{
	0%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}
@keyframes fadeOut{
	0%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}



@media screen and (max-width:1380px) {
  html, body{
    font-size:15px;
  }
  .cp_title--large{
    font-size:40px;
    margin-bottom:16px;
  }
  .cp_title--medium{
    font-size:17px;
  }
  .cp_title--small{
    font-size:15px;
  }
  .cp_brief p{
    margin-bottom:20px;
  }

}


@media screen and (max-width:1260px) {
  html, body{
    font-size:14px;
  }
  .cp_title--large{
    font-size:36px;
  }
  .cp_title--medium{
    font-size:16px;
  }
  .cp_title--small{
    font-size:14px;
  }
  .cp_brief p{
    margin-bottom:15px;
  }

}

@media screen and (min-width:1101px) and (max-height:660px) {

}

@media screen and (min-width:1101px) and (max-height:600px) {
  .popup_buy_now .popup_ctn{
    padding:30px 20px 20px 20px;
  }
  .buy_now_box{
    margin:0 auto 10px auto;
  }
  .shop_item{
    padding:7px 0;
  }

}

.nav__item.active .nav__txt{
  color:#3C64B1;
}
.nav__item.active::after{
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1);
}
.header_green .nav__item::after{
  background-color:#46BD93;
}
.header_green .active .nav__txt,
.tab_item.active,
.color_green{
  color:#46BD93;
}
.bg_green{
  background-color:#F4FFFB;
}
.color_white{
  color:#fff;
}


@media screen and (min-width:1101px) {
  .cp_header.fixed .cp_header__nav{
    position:fixed;
    top:0;
    background-color:#fff;
    box-shadow:0 0 3px rgba(0,0,0,0.5);
  }

  
  .cp_link__item {
    -webkit-transition:background-color 0.3s ease-in-out;
    transition:background-color 0.3s ease-in-out;
  }
  .cp_link__item:hover {
    background-color:#ECF1F6;
  }
  .type_green .cp_link__item:hover {
    background-color:#E6F8F1;
  }
  .cp_btn {
    -webkit-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  }
  .share_item, .video_but svg, .cp_video_but svg {
    -webkit-transition:opacity 0.3s ease-in-out;
    transition:opacity 0.3s ease-in-out;
  }
  .cp_btn--fill:hover{
    background-color:#fff;
    color:#333;
  }
  .cp_btn--stroke:hover{
    background-color:#FF8364;
    color:#fff;
  }
  .tab_item, .nav__txt, .view_link, .popup_close, .cp_scroll_down_but, .view_video_but {
    -webkit-transition:color 0.3s ease-in-out;
    transition:color 0.3s ease-in-out;
  }
  .tab_item:hover,
  .view_link:hover,
  .view_video_but:hover {
    color:#46BD93;
  }
  .popup_close:hover, .detail_popup .popup_close:hover {
    color:#3C64B1;
  }
  .share_item:hover {
    opacity:0.5;
  }
  .nav__item:not(.active):hover .nav__txt{
    color:#3C64B1;
  }
  .header_green .nav__item:not(.active):hover .nav__txt{
    color:#46BD93;
  }
  .nav__item::after {
    -webkit-transition:transform 0.3s ease-in-out;
    transition:transform 0.3s ease-in-out;
  }
  .nav__item:not(.active):hover::after{
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
  }

  .video_but:hover svg, .cp_video_but:hover svg{
    opacity:1;
  }

  .cp_scroll_down_but:hover,
  .volume_but + .cp_scroll_down .cp_scroll_down_but:hover {
    color:#FF8364;
  }

}

@media screen and (max-width:1100px) {
  html, body{
    font-size:13px;
  }
  .cp_title--large{
    font-size:24px;
    margin-bottom:10px;
  }
  .cp_title--medium{
    font-size:15px;
  }
  .cp_title--small{
    font-size:14px;
  }
  .cp_brief p{
    margin-bottom:10px;
  }
  .cp_btn{
    height:40px;
    line-height:38px;
    margin-right:10px;
    padding:0 30px;
  }

  .cp_caption {
    margin-bottom:5px;
  }

  /*Headline*/
  .headline_item .cp_pic{
    width:50%;
  }
  .headline_item .cp_txt {
    width:40%;
  }
  .headline_item .cp_txt + .cp_pic, .headline_item .cp_pic + .cp_txt{
    margin-left:5%;
  }

  /*Testimonials*/
  .testimonials_list{
    padding-top:10%;
  }
  .testimonials_item{
    padding-top:7%;
  }
  .testimonials_item .cp_txt {
    padding:0 8% 40% 8%;
  }


  /*Introductions*/
  .prize4 .introduction_col:nth-child(2), .prize4 .introduction_col:nth-child(3), .prize4 .introduction_col:nth-child(4){
    margin:0 0 2.1% 0;
  }

  /*Enroll*/
  .enroll_col .cp_txt{
    padding:0 8% 14% 8%;
  }

}


@media screen and (max-width:1100px) {
  .cp_video {
    height:56.25vw;
  }
  
}


@media screen and (max-width:900px) {
  html, body{
    font-size:20px;
  }
  .cp_container{
    width:100%;
  }
  .cp_title--large{
    font-size:42px;
    margin-bottom:24px;
  }
  .cp_title--medium{
    font-size:28px;
  }
  .cp_title--small{
    font-size:26px;
  }
  .cp_caption{
    font-size:16px;
  }
  .cp_brief p{
    margin-bottom:30px;
  }
  .cp_btn{
    height:50px;
    line-height:48px;
    margin-right:16px;
    padding:0 45px;
  }


  .headline_box, .product_box, .eshop_box, .articles_box, .testimonials_box, 
  .introduction_box, .enroll_box, .term_box, .store_box, .hall_box {
    padding:60px 5%;
  }
  .cp_section:nth-child(1) .cp_container > div:first-child {
    padding-top:90px;
  }


  /*Quick*/
  .quick_info{
    flex-wrap:wrap;
    margin-bottom:48px;
    padding:0;
  }
  .quick_title{
    width:100%;
    padding:0;
  }
  .quick_brief{
    width:100%;
  }


  /*Headline*/
  .headline_item{
    flex-wrap:wrap;
  }
  .headline_item .cp_pic,
  .headline_item .cp_txt{
    width:100%;
  }
  .headline_item .cp_pic,
  .headline_item .cp_txt,
  .headline_item .cp_txt + .cp_pic,
  .headline_item .cp_pic + .cp_txt{
    margin:0 auto 40px auto;
  }
  .headline_item .cp_txt {
    padding:0 5%;
  }
  .headline_box .swiper-pagination{
    right:0;
    top:auto;
    bottom:40px;
    -webkit-transform:none;
    transform:none;
    width:100%;
  }
  .headline_box .swiper-pagination-bullet{
    width:30px;
    height:5px;
    margin:0 5px;
    display:inline-block;
  }


  .size_full{
    height:auto;
  }
  .size_full::before{
    content:'';
    position:relative;
    display:block;
    width:100%;
    height:auto;
    padding-top:157%;
  }
  .headline_item .cp_txt:only-child{
    width:90%;
    padding:0;
  }
  .size_full .cp_btns{
    bottom:120px;
  }
  .size_full .headline_box .swiper-pagination{
    bottom:70px;
  }
  .view_video{
    bottom:70px;
  }

  /*Products*/
  .product_box{
    flex-wrap:wrap;
  }
  .product_info{
    width:100%;
    margin-bottom:48px;
  }
  .product_info .product_outer{
    padding:0;
  }
  .product_gallery{
    width:100%;
    flex-wrap:wrap;
  }
  .type_split .gallery__item{
    width:100%;
    margin-bottom:4.7%;
  }
  .type_split .gallery_outer, .type_split .gallery__item:nth-child(1) .cp_pic, .type_split .gallery__item:nth-child(1) .cp_img,
  .type_split .gallery__item:nth-child(2) .gallery_outer {
    padding:0;
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    height:auto;
    display:flex;
  }
  .type_split .gallery__item::before{
      display:none;
  }
  .type_split .gallery__item:nth-child(2) .cp_pic{
    width:48%;
    height:auto;
    margin-right:4%;
    margin-bottom:0;
  }
  .type_split .gallery__item:nth-child(2) .cp_pic:last-child{
    margin:0;
  }
  .type_split .gallery__item:nth-child(2) .cp_pic::before{
    content:'';
    position:relative;
    display:block;
    width:100%;
    padding-top:100%;
  }
  .type_split .gallery__item:nth-child(2) .cp_img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
  }

  .product_col {
    width:100%;
    margin:0 0 10px 0;
  }
  .product_col:nth-child(2) .product_outer, 
  .product_col:nth-child(3) .product_outer,
  .product_col:nth-child(1) .product_outer {
    padding:0;
  }
  .product_col .cp_pic{
    width:80%;
  }
  .product_col .cp_pic,
  .eshop_main.type_txt_img .cp_pic{
    margin-bottom:20px;
  }
  .product_col .cp_pic::before{
    display:none;
  }
  .product_col .cp_pic .cp_img{
    position:relative;
    width:100%;
    height:auto;
  }
  .product_info .cp_brief p {
    margin-bottom:15px;
  }



  /*Eshop*/
  .eshop_box .cp_title--large {
    margin-bottom:12px;
  }
  .eshop_main {
    flex-wrap:wrap;
  }
  .eshop_main .cp_pic{
    width:100%;
    margin:0 0 20px 0;
  }
  .eshop_main .cp_txt{
    width:100%;
  }
  .eshop_item{
    width:48%;
    margin:0 4% 4% 0;
  }

  .eshop_list{
    flex-wrap:wrap;
    padding-top:60px;
  }
  .eshop_item:nth-child(2n) {
    margin:0 0 4% 0;
  }
  .eshop_item .cp_pic{
    margin-bottom:10px;
  }




  /*Articles*/
  .articles_items{
    flex-wrap:wrap;
  }
  .articles_item {
    width:100%;
    display:flex;
    align-items:center;
    margin:0 0 30px 0;
  }
  .articles_item .cp_pic{
    width:33%;
    margin:0;
  }
  .articles_item .cp_txt {
    width:67%;
    padding-left:5%
  }
  .articles_slider_box {
    padding-bottom:50px;
  }
  .articles_box .swiper-pagination{
    bottom:0;
  }

  /*Testimonials*/
  .testimonials_list{
    flex-wrap:wrap;
    padding-top:24%;
  }
  .testimonials_item{
    width:100%;
    padding-top:20%;
    margin:0 0 24% 0;
  }
  .testimonials_item .cp_pic{
    width:33%;
  }
  .testimonials_item .cp_txt{
    padding:0 14% 20% 14%;
  }
  .cp_author{
    font-size:18px;
  }
  .cp_date{
    font-size:16px;
  }



  /*Introduction*/
  .introduction_list{
    flex-wrap:wrap;
  }
  .brief_highlight{
    display:none;
  }
  .prize3.highlight .introduction_col:nth-child(1) .cp_txt,
  .prize4 .introduction_col:nth-child(1) .cp_txt,
  .prize5 .introduction_col:nth-child(1) .cp_txt  {
    display:block;
  }
  
  .introduction_col .cp_pic{
    margin-bottom:30px;
  }
  .introduction_col h3{
    margin-bottom:5px;
  }
  .prize3 .introduction_col {
    width:100%;
    margin-right:0;
    margin-bottom:50px;
  }


  /*Prize3*/
  .introduction_col .cp_pic::before{
    display:none;
  }
  .introduction_col .cp_pic img{
    position:relative;
    left:auto;
    top:auto;
    height:auto;
  }


  /*Prize3 highlight*/
  .prize3.highlight .introduction_col{
    margin-right:0;
  }
  .prize3.highlight .introduction_col:nth-child(1){
    width:100%;
  }
  .prize3.highlight .introduction_col:nth-child(1) .cp_pic {
    margin-bottom:30px;
  }

  .prize3.highlight .introduction_col:nth-child(2), 
  .prize3.highlight .introduction_col:nth-child(3){
    width:100%;
    display:flex;
    align-items:center;
  }
  .prize3.highlight .introduction_col:nth-child(2) .cp_pic, 
  .prize3.highlight .introduction_col:nth-child(3) .cp_pic {
    width:33%;
    margin:0;
  }
  .prize3.highlight .introduction_col:nth-child(2) .cp_txt, 
  .prize3.highlight .introduction_col:nth-child(3) .cp_txt {
    width:67%;
    padding-left:5%;
  }


  /*Prize4*/
  .prize4 .introduction_col, 
  .prize4 .introduction_col:nth-child(2), 
  .prize4 .introduction_col:nth-child(3), 
  .prize4 .introduction_col:nth-child(4){
    margin:0 0 50px 0;
  }
  .prize4 .introduction_col:nth-child(1){
    float:none;
    width:100%;
  }
  .prize4 .introduction_col:nth-child(1) .cp_pic{
    margin-bottom:30px;
  }

  .prize4 .introduction_col:nth-child(2), 
  .prize4 .introduction_col:nth-child(3),
  .prize4 .introduction_col:nth-child(4) {
    width:100%;
    display:flex;
    align-items:center;
  }
  .prize4 .introduction_col:nth-child(2) .cp_pic, 
  .prize4 .introduction_col:nth-child(3) .cp_pic,
  .prize4 .introduction_col:nth-child(4) .cp_pic {
    width:33%;
    margin:0;
  }
  .prize4 .introduction_col:nth-child(2) .cp_txt, 
  .prize4 .introduction_col:nth-child(3) .cp_txt,
  .prize4 .introduction_col:nth-child(4) .cp_txt {
    width:67%;
    padding-left:5%;
  }


  /*Prize5*/
  .prize5 .introduction_col, 
  .prize5 .introduction_col:nth-child(2), 
  .prize5 .introduction_col:nth-child(3), 
  .prize5 .introduction_col:nth-child(4),
  .prize5 .introduction_col:nth-child(5){
    margin:0 0 50px 0;
  }
  .prize5 .introduction_col:nth-child(1){
    float:none;
    width:100%;
  }
  .prize5 .introduction_col:nth-child(1) .cp_pic{
    margin-bottom:30px;
  }

  .prize5 .introduction_col:nth-child(2), 
  .prize5 .introduction_col:nth-child(3),
  .prize5 .introduction_col:nth-child(4),
  .prize5 .introduction_col:nth-child(5) {
    width:100%;
    display:flex;
    align-items:center;
  }
  .prize5 .introduction_col:nth-child(2) .cp_pic, 
  .prize5 .introduction_col:nth-child(3) .cp_pic,
  .prize5 .introduction_col:nth-child(4) .cp_pic,
  .prize5 .introduction_col:nth-child(5) .cp_pic {
    width:33%;
    margin:0;
  }
  .prize5 .introduction_col:nth-child(2) .cp_txt, 
  .prize5 .introduction_col:nth-child(3) .cp_txt,
  .prize5 .introduction_col:nth-child(4) .cp_txt,
  .prize5 .introduction_col:nth-child(5) .cp_txt {
    width:67%;
    padding-left:5%;
  }



  /*Prize1*/
  .prize1 .introduction_col{
    flex-wrap:wrap;
  }
  .prize1 .introduction_col .cp_pic{
    width:100%;
    margin:0 0 30px 0;
  }
  .prize1 .introduction_col .cp_txt{
    width:100%;
  }


  .video_box{
    flex-wrap:wrap;
  }
  .video_box .cp_pic{
    width:100%;
    margin:0 0 30px 0;
  }
  .video_box .cp_txt{
    width:100%;
  }


  /*Enroll*/
  .enroll_list{
    flex-wrap:wrap;
    padding-top:24%;
  }
  .enroll_col, .step4 .enroll_col{
    width:100%;
    margin:0 0 34% 0;
  }
  .enroll_col .cp_txt{
    padding:0 14% 14% 14%;
  }


  .single_step .quick_info{
    width:100%;
    margin:0;
    padding:0;
  }
  .single_step{
    flex-wrap:wrap;
  }
  .single_step .enroll_list{
    width:100%;
  }
  .single_step .enroll_outer{
    flex-wrap:wrap;
  }
  .single_step .enroll_col .cp_pic{
    width:100%;
    margin-bottom:30px;
  }
  .single_step .enroll_col .cp_pic::before{
    display:none;
  }
  .single_step .enroll_col .cp_img{
    position:relative;
    height:auto;
    left:auto;
    top:auto;
  }
  .single_step .enroll_col .cp_txt{
    width: 100%;
    padding:0;
  }


  /*Term*/
  .quick_brief ul {
    padding-top:30px;
  }


  /*Store*/
  .store_info{
    width:90%;
    margin-bottom:40px;
  }
  .store_list{
    flex-wrap:wrap;
  }
  .store_item,
  .store_item:nth-child(4n){
    width:100%;
    margin:0 0 30px 0;
  }
  .store_item .cp_pic{
    width:33%;
  }
  .store_item .cp_txt{
    width:67%;
  }


  /*Hall*/
  .hall_info{
    width:90%;
    margin-bottom:40px;
  }
  .hall_tab{
    width:100%;
    padding:0;
  }
  .hall_list{
    width:100%;
  }
  .hall_item{
    flex-wrap:wrap;
    overflow: hidden;
  }
  .hall_stt{
    width:6%;
  }
  .hall_name,
  .hall_address{
    width:94%;
  }
  .hall_address{
    position:relative;
    left:6%;
    text-align:left;

  }
  


}


@media screen and (max-width:520px) {
  html, body{
    font-size:16px;
  }
  .cp_title--large{
    font-size:32px;
    margin-bottom:24px;
  }
  .cp_title--medium{
    font-size:18px;
  }
  .cp_title--small{
    font-size:16px;
  }
  .cp_brief p{
    margin-bottom:24px;
  }
  .cp_btn{
    padding:0 30px;
    height:46px;
    line-height:44px;
    margin-right:12px;
  }

  .headline_box, .product_box, .eshop_box, .articles_box, 
  .testimonials_box, .introduction_box, .enroll_box, .term_box, .store_box, .hall_box {
    padding:40px 5%;
  }
  .cp_section:nth-child(1) .cp_container > div:first-child{
    padding-top:65px;
  }


  /*Headline*/
  .headline_item .cp_pic, .headline_item .cp_txt, 
  .headline_item .cp_txt + .cp_pic, .headline_item .cp_pic + .cp_txt{
    margin-bottom:30px;
  }

  .headline_box .swiper-pagination{
    bottom:20px;
  }


  /*Products*/
  .product_info .cp_brief {
    margin-bottom:30px;
  }
  .product_col{
    margin-bottom:30px;
  }
  .product_col:last-child{
    margin:0;
  }
  .product_box .cp_brief p:last-child {
    margin-bottom:0;
  }
  
  /*Eshop*/
  .eshop_list{
    padding-top:48px;
  }
  
  
  /*Articles*/
  .articles_item .cp_title--medium{
    margin-bottom:10px;
  }
  

  /*Testimonials*/
  .testimonials_info{
    width:82%;
  }
  .testimonials_item .cp_txt{
    padding:0 10% 24% 10%;
  }
  .cp_author{
    font-size:15px;
  }
  .cp_date{
    font-size:12px;
  }

  /*Video*/
  .video_but {
    width:50px;
  }

  
  /*Enroll*/
  .enroll_col .cp_txt{
    padding:0 10% 10% 10%;
  }


  /*Prize*/
  .prize3 .introduction_col,
  .prize4 .introduction_col,
  .prize5 .introduction_col {
    margin-bottom:30px;
  }
  .prize3.highlight .introduction_col:nth-child(2),
  .prize3.highlight .introduction_col:nth-child(3),
  .prize4 .introduction_col:nth-child(2), 
  .prize4 .introduction_col:nth-child(3), 
  .prize4 .introduction_col:nth-child(4),
  .prize5 .introduction_col:nth-child(2),
  .prize5 .introduction_col:nth-child(3),
  .prize5 .introduction_col:nth-child(4),
  .prize5 .introduction_col:nth-child(5),
  .video_box .cp_pic {
    margin-bottom:20px;
  }
  
  .introduction_col .cp_pic,
  .prize4 .introduction_col:nth-child(1) .cp_pic,
  .prize5 .introduction_col:nth-child(1) .cp_pic,
  .prize1 .introduction_col .cp_pic,
  .video_box .cp_title--large {
    margin-bottom:15px;
  }

  .prize1 .cp_brief{
    margin-bottom:20px;
  }
  .prize1 .cp_brief p {
    margin-bottom: 20px;
  }

  /*Store*/
  .store_item,
  .store_item:nth-child(4n){
    margin-bottom:20px;
  }


  /*Popup*/
  .popup_banner_info{
    position: relative;
    left:auto;
    bottom:auto;
  }
  .popup_banner h3, .popup_content h3{
    font-size:20px;
  }
  .popup_banner_info{
    padding:30px 5% 20px 5%;
  }
  .popup_content{
    padding:0 5% 30px 5%;
  }
  .popup_share{
    margin-bottom:20px;
  }
  .popup_content p{
    margin-bottom:15px;
  }
  .popup_content:only-child{
    padding:30px 5%;
  }
  .popup_content h3{
    margin-bottom:20px;
  }
  .shop_price{
    width:40%
  }
  .shop_but{
    margin-left:12%;
  }


}

@media (orientation: landscape) and (max-width:850px){
  .size_full::before{
    padding:0;
    height:140vh;
  }
}