/*body{background: gray;}*/

/*==============================================*/
/*===> Global                       =*/
/*==============================================*/

/* HP -  */

.hpBannerTop .block-imageblock .block-image img,
.getGlimpse .block-imageblock .block-image img{width: 100%;height: auto;}

/*==============================================*/
/*===> learn Programs                        =*/
/*==============================================*/
.learnPrograms{background: #ffffff;z-index: 99;position: relative;}
.learnPrograms .block-block{text-align: center;padding:60px 0 0;}
.learnPrograms .block-block p{font-family: 'Open Sans', sans-serif;font-size: 24px; line-height: 32px;color: #0f0e0d;padding: 7px 30px;}
.learnPrograms .linkBoutton{font-family: 'Open Sans', sans-serif;font-size: 18px;font-style: normal;font-weight: 600;background: #d6000f;text-transform: uppercase;text-decoration: none;color: #ffffff;margin-top: 2%;display: inline-block;  padding: 5px 20px;-webkit-box-shadow:inset 0px -5px 1px 0px rgba(0,0,0,0.35);-moz-box-shadow:inset 0px -5px 1px 0px rgba(0,0,0,0.35);box-shadow:inset 0px -5px 1px 0px rgba(0,0,0,0.35);border-radius: 4px;}
.learnPrograms .linkBoutton:hover{color: #eee;}


/*==============================================*/
/*===> apply now                       =*/
/*==============================================*/
.statistics::after {
  display: block;
  content: '';
  clear: both;
}

.statistic {
	width: 33%;
	float: left;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
}

.statistic-number span, .statistic-name span {
  display: inline-block;
  color: #fff;
}

.statistic-number {
  display: table;
  margin: auto;
}

.statistic-number .number-wrapper {
  vertical-align: middle;
  display: table-cell;
}

.statistic-number span {
  font-weight: bold;
  font-size: 65px;
  position: relative;
  background-color: rgba(209,25,39,0.7);
  text-shadow: 10px 2px 15px #000000;
  padding: 27px;
  border-radius: 5%;
}

.statistic-name span {
  margin: 20px 0;
  color: #ce2727;
  font-size: 25px;
  text-transform: uppercase;
  overflow: hidden;
  line-height: 1.2;
}

.statistic-text {
  display: table;
  margin:auto;
  padding-top: 20px;
}

.statistic-text .text-wrapper {
  vertical-align: middle;
  display: table-cell;
}

.statistic-text .text-wrapper .applyNowBtn {
  font-weight: bold;
  font-size: 22px;
  position: relative;
  background-color: rgba(209,25,39,1);
  padding: 27px;
  border-radius: 5%;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}

.applyNow {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #525252;
  padding: 25px 15px;
}

@media all and (min-width: 768px) and (max-width: 1024px) {
  .statistic {
    width: 50%;
  }

  .statistic-name span {
    height: 65px;
    overflow: hidden;
    font-size: 22px;
  }
  .statistic-number span {
    font-size: 55px;
  }
}

@media all and (max-width: 767px) {
  .statistic {
    width: 50%;
  }

  .statistic-number span {
    font-size: 26px;
    padding: 14px;
  }

  .statistic-name span {
    font-size: 14px;
    height: 50px;
    text-shadow: 10px 2px 15px #fff;
  }
  .statistic-text {
    display: table;
    margin:auto;
    padding-top: 0px;
  }

  .statistic-text .text-wrapper .applyNowBtn {
    font-size: 16px;
    padding: 14px;
  }
}

/*==============================================*/
/*===> get a glimpse                       =*/
/*==============================================*/
.getGlimpse{position: relative;}
.getGlimpse .block-body{position: absolute;top: 50%;margin: 0 auto;width: 100%;text-align: center;}
.getGlimpse .block-body a{font-family: 'Open Sans', sans-serif;font-size: 36px;font-style: normal;font-weight: 600;background: url(../images/sprite.png);width: 60px;height: 60px;background-position:3px -212px;cursor: pointer;text-transform: uppercase;text-decoration: none;color: #ffffff;padding: 8px 0px 8px 56px;text-shadow: 1px 3px 3px rgba(0,0,0,0.8);}
.getGlimpse .block-body a:hover{color: #eee;}
.getGlimpseVideo{display: none;position: absolute;width: 100%;height: 100%;z-index: 999;}

/*==============================================*/
/*===> learn chinese & Internship in China      =*/
/*==============================================*/
.homeBadge{position: relative;padding: 75px 0 0;width: 100%;overflow: hidden;}
.homeBadge .main-container{width: 80%;color: #ffffff;margin: 0 auto;}
.homeBadge .first-row {width:100%;}
.homeBadge .first-row .block-imageblock {width: 16%; position: relative; float:left;}
.homeBadge .block-imageblock .block-image{margin: 10px 10px;background-size: cover; background-position: center;}
.homeBadge .block-imageblock .block-image img{width: 100%;height: auto; opacity: 0;}

.learnInternshipChina {position: relative;padding: 75px 0;width: 100%;overflow: hidden;}
.learnInternshipChina .main-container{width: 80%;color: #ffffff;margin: 0 auto;}
.learnInternshipChina .block-imageblock{position: relative;width: 33%;float: left;}
/*.learnInternshipChina .block-imageblock .block-body{position: absolute;top: 36%;left: 16%;width: 64%;margin: 0 auto;text-align: center;}*/
.learnInternshipChina .block-imageblock .block-body{position: absolute;top: 36%;left: 14%;width: 71%;margin: 0 auto;text-align: center;}
.i18n-fr .learnInternshipChina .block-imageblock .block-body{position: absolute;top:30% ;left: 16%;width:75%;margin: 0 auto;text-align: center;}
.learnInternshipChina .block-imageblock .block-body h3{font-family: 'Open Sans', sans-serif;font-size: 25px;font-style: normal;font-weight: 700;text-transform: uppercase;margin-top: 5%;text-shadow: 1px 3px 3px rgba(0,0,0,0.8);}
.learnInternshipChina .block-imageblock .block-body p{display: none; font-family: 'Open Sans', sans-serif;font-size: 0.9vw;font-style: normal;font-weight: normal;padding: 10px 0;line-height: 1.3vw;text-shadow: 1px 3px 3px rgba(0,0,0,0.8);}
.learnInternshipChina .block-imageblock .block-body a{ font-family: 'Open Sans', sans-serif;font-size: 18px;font-style: normal;/*font-weight: 600;*/background: red;text-transform: uppercase;text-decoration: none; color: #ffffff;padding:10px 30px 14px;display: inline-block;margin-top: 5%;-webkit-box-shadow:inset 0px -5px 1px 0px rgba(0,0,0,0.35);-moz-box-shadow:inset 0px -5px 1px 0px rgba(0,0,0,0.35);box-shadow:inset 0px -5px 1px 0px rgba(0,0,0,0.35);border-radius: 4px; }
.learnInternshipChina .block-imageblock .block-body a:hover{color: #eee;}
/** Fix magrin for block learnIntership
/*.learnInternshipChina .block-imageblock .block-image{margin: 0 10px;}*/
.learnInternshipChina .block-imageblock .block-image{margin: 10px 10px;background-size: cover; background-position: center;}
.learnInternshipChina .block-imageblock .block-image img{width: 100%;height: auto; opacity: 0;}
.learnInternshipChina .block-imageblock:hover .block-image img {


/*filter: grayscale(0.5) blur(1px);
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-ms-filter: blur(1px);
-o-filter: blur(1px);
filter: blur(1px);
filter: url(blur.svg#blur);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');

*/

filter: blur(1px); 
-webkit-filter: blur(1px); 
-moz-filter: blur(1px);
-o-filter: blur(1px); 
-ms-filter: blur(1px);
/*filter: url(blur.svg#blur);*/
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');
}
.learnInternshipChina .block-imageblock:hover .block-body {top: 7%;}
.learnInternshipChina .block-imageblock:hover .block-body p {display: block !important;}
.learnInternshipChina .block-imageblock .block-image img:hover .block-body a{ color: black !important;}
.learnInternshipChina .block-imageblock:last-child .block-body h3{padding: 0 33px;}

/*==============================================*/
/*===> learn chinese & Internship in China       =*/
/*==============================================*/
.chineseLanguageSchool {width: 100%;overflow: hidden;background:#eeeeee;padding: 40px 0;}
.chineseLanguageSchool .main-container{width: 84%;margin: 0 auto;}
.chineseLanguageSchool .block-block{width: 29%;float: left;margin: 2%; /* display: inline-block; *//* vertical-align: top; */}
.chineseLanguageSchool h2{font-family: 'Open Sans', sans-serif;font-size: 40px;font-style: normal;font-weight: 700;color:#0f0e0d; text-align: center;padding: 50px 0px;line-height: 36px;text-transform: uppercase;}
.chineseLanguageSchool h3{font-family: 'Open Sans', sans-serif;font-size: 16px;font-style: normal;font-weight: 700;color:#0f0e0d;text-align: left;padding-bottom: 15px;text-transform: uppercase;}
.chineseLanguageSchool p{font-family: 'Open Sans', sans-serif;font-size: 16px;font-style: normal;font-weight: normal;color:#0f0e0d;text-align: left;}




/* HP - hpBannerMiddel */
.hpBannerMiddel{width: 100%;display: block;}
.hpBannerMiddel .block-imageblock{width: 67.75%;float: left;position: relative;}
.hpBannerMiddel .block-imageblock img{width: 100%;height: auto;/*min-height: 513px;*/}
.hpBannerMiddel .block-imageblock:first-child .block-body{position: absolute;top:0%;font-size: 28px; padding: 155px 0 0;text-align: center;width: 100%;}
.hpBannerMiddel .block-imageblock:first-child .block-body ul {width: 69%;overflow: hidden;margin: 0 auto;display: block;display: inline-block;margin-left: 6%;margin-top: 3%;text-align: left;}
.hpBannerMiddel .block-imageblock:first-child .block-body ul li{width: 50%;float: left;}
.hpBannerMiddel .block-imageblock:first-child .block-body ul li ul{padding-top: 7px;}
.hpBannerMiddel .block-imageblock:first-child .block-body ul li ul li{width: 100%;float: none;}
.hpBannerMiddel .block-imageblock:first-child .block-body h2{font-family: 'Open Sans', sans-serif;font-size: 36px;font-style: normal;font-weight: 700;color:  #333333;text-transform: uppercase;}
.hpBannerMiddel .block-imageblock:first-child .block-body h3{font-family: 'Open Sans', sans-serif;font-size: 20px;font-style: normal;font-weight: 700;color:  #3c3c3c; text-align: left;text-transform: uppercase;}
.hpBannerMiddel .block-imageblock:first-child .block-body ul li a{font-family: 'Open Sans', sans-serif;font-size: 18px;font-style: normal;font-weight: 700;color:  #db0000;text-decoration: none;}
.hpBannerMiddel .block-imageblock:last-child{width: 32.25%;position: relative;}
.hpBannerMiddel .block-imageblock:last-child .block-body{position: absolute;top:27%;padding: 49px;text-align: center;color: #ffffff;}
.hpBannerMiddel .block-imageblock:last-child h3{font-family: 'Open Sans', sans-serif;font-size: 36px;font-style: normal;font-weight: 700;color:#ffffff;}
.hpBannerMiddel .block-imageblock:last-child a{font-family: 'Open Sans', sans-serif;font-size: 18px;font-style: normal;font-weight: 600;text-transform: uppercase;text-decoration: none; color: #ffffff;padding:15px 30px;border: 1px solid #ffffff;margin-top: 10%;display: inline-block;border-radius: 4px;}

#learnInternshipChina .first-row {
  width: 100%;
}

#learnInternshipChina .second-row {
  width: 100%;
  clear: both;
}

#learnInternshipChina .first-row .block-imageblock {
  width: 49.5%;
  min-height: 400px;
}

@media only screen and (max-width: 767px) {
  #learnInternshipChina .first-row .block-imageblock {
    width: 100%;
    min-height: 245px;
  }
  #learnInternshipChina .first-row {
    margin: 0 0 30px;
  }
  #learnInternshipChina .second-row .block-imageblock {
    min-height: 245px;
    clear: both;
  }
  .homeBadge .first-row .block-imageblock {width: 100%;}
  .homeBadge .first-row {margin: 0 0 30px}
}


@media screen and (max-width: 1024px) and (min-width: 768px) {
  #learnInternshipChina .first-row .block-imageblock {
    min-height: 208px;
  }
}