@-webkit-keyframes opGradient {
  0% {
    -webkit-transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes opGradient {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes nonesearching {
  0% {
    left: 20%;
    -webkit-transform: scale3d(1, 1, 1);
    opacity: 1;
  }
  100% {
    left: 34%;
    -webkit-transform: scale3d(0, 0, 0);
    opacity: 0;
  }
}
@keyframes nonesearching {
  0% {
    left: 20%;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
  100% {
    left: 34%;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    opacity: 0;
  }
}
body {
  font-size: 16px;
}
.winwin-text .row .tx_txt > h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: normal !important;
}
h1 {
  font-size: 36px;
  line-height: 48px;
  font-weight: normal !important;
}
.stamp1 {
  position: absolute;
  right: 0;
  top: 0;
  width: 33%;
  min-height: 356px;
}
h2 {
  font-size: 24px;
  letter-spacing: 1px;
  line-height: 30px;
}
.win-rightgray h3 {
  font-weight: normal !important;
}
.win-videobox h3 {
  font-size: 18px;
  font-weight: normal !important;
}
.win-gray {
  background: #fff;
}
.win-gray h2 {
  font-size: 24px;
  font-weight: normal !important;
  margin-top: 0.83em;
}
.win-gray .publications .col-sm-3 h3 {
  font-size: 18px;
  font-weight: normal !important;
}
.win-gray .publications .col-sm-3 {
  width: 180px;
}
.publications h3 {
  font-size: 18px;
  font-weight: normal !important;
}
.detail-page h1 {
  font-size: 28px;
  line-height: 40px;
  margin-top: 0;
}
.detail-page h2 {
  font-size: 24px;
  letter-spacing: 1px;
  line-height: 1.5;
  font-weight: 400 !important;
}
.detail-page h3 {
  font-size: 18px;
}
.browsehappy a.close:before {
  content: "\e90c";
  background: none;
}
@media (min-width: 992px) {
  .win-rightgray {
    padding: 0.65em 0 0.8em;
  }
}
.player-outer-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 98;
}
.video_box_ux {
  width: 100%;
  position: relative;
  z-index: 97;
  overflow: hidden;
}
.video_box_ux .circle {
  width: 69px;
  height: 70px;
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -35px;
  z-index: 8;
}
.video_box_ux .circle:before {
  content: "";
  background: #000;
  opacity: 0.1;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}
.video_box_ux em {
  position: absolute;
  font-size: 45px;
  color: #eb5b56;
  top: 50%;
  left: 50%;
  margin-top: -21px;
  margin-left: -5px;
  z-index: 11;
}
.video_box_ux a:hover .circle {
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.video_box_ux a.js_video_player:hover .circle {
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.video_box_ux img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
}
.bootstrap-dialog .bootstrap-dialog-close-button {
  opacity: 1;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 96;
}
.bootstrap-dialog.type-primary .modal-header {
  border: none;
}
.bootstrap-dialog-title {
  display: none !important;
}
#player_wrapper .jwplayer {
  display: table !important;
}
#player_wrapper .jwplayer {
  position: absolute;
  left: 0;
  top: -1px;
}
#player_wrapper {
  position: relative;
  padding-top: 56.25%;
  background-color: rgba(0, 0, 0, 0.8);
}
#playerContainer_wrapper {
  position: absolute !important;
  top: -1px;
  left: 0;
}
.video-dialog .modal-dialog {
  width: 100%;
  max-width: 800px;
  margin: auto;
}
@media (max-width: 767px) {
  .video-dialog .modal-dialog {
    position: absolute;
    left: 0;
  }
  .video_box_ux img {
    border-radius: 0;
  }
  #player_wrapper .jwplayer {
    display: inline-block !important;
  }
  .jw-svg-icon-play path {
    display: none;
  }
  .jw-icon-display {
    width: 70px !important;
    height: 70px !important;
  }
  .jw-svg-icon-play {
    background-image: url(../../fonts/svg-sprite-1.svg);
    background-position: 0 -140px;
    background-repeat: no-repeat;
    width: 70px !important;
    height: 70px !important;
    background-size: 100%;
  }
  .jw-display-icon-container .jw-icon .jw-svg-icon-rewind {
    padding-top: 30px !important;
  }
  /*.jw-svg-icon-play{
	    font-family: 'corpfont' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		width: 69px !important;
		height: 70px !important;
		border: 2px solid #fff !important;
		border-radius: 50%;
		position: relative;
	}
	.jw-svg-icon-play:before{
		content: "";
		background: #000;
		opacity: 0.1;
		width: 100% !important;
		height: 100% !important;
		display: block;
		border-radius: 50%;
	}
	.jw-svg-icon-play:after{
		content:"\f0da";
	    font-size: 45px;
		width: 44px !important;
		height: 44px !important;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -3px;
		margin-top: -22px;
		color: red;
	}*/
}
.video_box {
  width: 100%;
  position: relative;
  z-index: 97;
  overflow: hidden;
}
.video_box a.js_img_link,
.video_box a.js_video_icon,
.video_box a.js_video_player {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/Assets/CBG/img/video_btn.png) 50% no-repeat;
}
.video_box a.js_img_link {
  background: none;
}
.video_box a.video_player {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/Assets/CBG/img/video_btn.png) 50% no-repeat;
}
.video_box a.js_video_icon:hover,
.video_box a.js_video_player:hover {
  background: url(/Assets/CBG/img/video_btn_hover.png) 50% no-repeat;
}
/*new video css*/
.vjs-control.vjs-quality-selector .vjs-button {
  padding-top: 3px;
  -moz-padding-top: 2px;
}
.vjs-control.vjs-quality-selector .vjs-button:before {
  content: "\f110";
  font-family: VideoJS;
  font-size: 16px;
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
  padding-top: 3px;
  -moz-padding-top: 0;
}
.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
  padding-top: 3px;
  -moz-padding-top: 0;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
  padding-top: 3px;
  -moz-padding-top: 0;
}
.vjs-menu-button-popup .vjs-menu {
  left: -6.5em;
}
.vjs-has-started .vjs-control-bar,
.video-js .vjs-volume-panel,
.video-js .vjs-progress-control {
  display: -ms-flexbox;
}
@-moz-document url-prefix() {
  .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
  .vjs-icon-fullscreen-enter:before {
    padding-top: 0px;
  }
  .video-js .vjs-mute-control .vjs-icon-placeholder:before,
  .vjs-icon-volume-high:before {
    padding-top: 0px;
  }
  .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
  .video-js .vjs-play-control .vjs-icon-placeholder:before,
  .vjs-icon-play:before {
    padding-top: 0px;
  }
}
@media (min-width: 1024px) {
  .vjs-big-play-button {
    display: none !important;
  }
}
.ie11 .vjs-control.vjs-quality-selector .vjs-button {
  margin-top: 0px;
}
.ie11 .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.ie11 .vjs-icon-fullscreen-enter:before {
  padding-top: 2px;
  font-size: 16px;
}
.ie11 .video-js .vjs-mute-control .vjs-icon-placeholder:before,
.ie11 .vjs-icon-volume-high:before {
  padding-top: 2px;
  font-size: 16px;
}
.ie11 .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.ie11 .video-js .vjs-play-control .vjs-icon-placeholder:before,
.ie11 .vjs-icon-play:before {
  padding-top: 2px;
  font-size: 16px;
}
.ie11 .video-js .vjs-resolution-button {
  padding-top: 10px;
}
.ie10 .video-js .vjs-mute-control::before,
.ie10 .video-js .vjs-volume-menu-button::before,
.ie10 .vjs-icon-volume-high::before {
  padding-top: 2px;
  font-size: 16px;
}
.ie10 .video-js .vjs-big-play-button::before,
.ie10 .video-js .vjs-play-control::before,
.ie10 .vjs-icon-play::before {
  padding-top: 2px;
  font-size: 16px;
}
.ie10 .video-js .vjs-fullscreen-control::before,
.ie10 .vjs-icon-fullscreen-enter::before {
  padding-top: 2px;
  font-size: 16px;
}
.ie10 .video-js .vjs-resolution-button-label {
  position: absolute;
  top: 10px;
}
.ie9 .video-js .vjs-mute-control::before,
.ie9 .video-js .vjs-volume-menu-button::before,
.ie9 .vjs-icon-volume-high::before {
  padding-top: 2px;
  font-size: 16px;
}
.ie9 .video-js .vjs-big-play-button::before,
.ie9 .video-js .vjs-play-control::before,
.ie9 .vjs-icon-play::before {
  padding-top: 2px;
  font-size: 16px;
}
.ie9 .video-js .vjs-fullscreen-control::before,
.ie9 .vjs-icon-fullscreen-enter::before {
  padding-top: 2px;
  font-size: 16px;
}
.ie9 .video-js .vjs-resolution-button-label {
  position: absolute;
  top: 0;
}
.ie9 .secondary-hero .video_box_ux .player-outer-box {
  margin-left: 0;
}
.ie9 .video-js .vjs-resolution-button-label {
  position: absolute;
  top: 10px;
}
.ie9 .video-js .vjs-remaining-time {
  width: 100px;
}
/*.ie8 .vjs-has-started .vjs-control-bar{
	display: none !important;
}*/
@font-face {
  font-family: 'VideoJS-a';
  src: url('/Assets/corp/v2/fonts/VideoJS.eot');
  src: url('/Assets/corp/v2/fonts/VideoJS.eot?#iefix') format('embedded-opentype');
}
.ie8 .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.ie8 .video-js .vjs-play-control .vjs-icon-placeholder,
.ie8 .vjs-icon-play {
  font-family: VideoJS-a;
  font-weight: 400;
  font-style: normal;
}
.ie8 .video-js .vjs-remaining-time {
  width: 100px;
}
@media (max-width: 767px) {
  .video-js .vjs-big-play-button {
    background-image: url(https://www.huawei.com/Assets/corp/v2/fonts/svg-sprite-1.svg);
    background-position: 0 -140px;
    background-repeat: no-repeat;
    width: 70px !important;
    height: 70px !important;
    background-size: 100%;
    border-radius: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
    font-size: 0;
    background-color: transparent;
  }
}