/* font backup font-family: "DINPro_Bold"; font-family: "DINPro_CondBold"; font-family: "DINPro_Medium"; font-family: "DINPro_Regular";
*/
.zxu_white { color: #ffffff; }

@media (min-width: 767px) { .zxu_show_mobile { display: none; } }

.zxu_separater_1 { height: 10px; }

.zxu_separater_2 { height: 20px; }

.zxu_separater_3 { height: 30px; }

.zxu_separater_4 { height: 40px; }

.zxu_separater_5 { height: 50px; }

.zxu_banner_icons { background-image: url(../images/banner_icons.png); display: inline-block; background-position: 0 0; background-repeat: no-repeat; background-size: 36px 182px; vertical-align: middle; line-height: 1; width: 35px; height: 35px; }
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .zxu_banner_icons { background-image: url(../images/banner_icons@2x.png); } }
.zxu_banner_icons--btnarrow { background-position: -21px -4px; width: 4px; height: 7px; }
.zxu_banner_icons--number1 { background-position: -6px -103px; width: 14px; height: 11px; }
.zxu_banner_icons--lineup { background-position: -3px -21px; width: 20px; height: 16px; }
.zxu_banner_icons--plus { background-position: -6px -47px; width: 15px; height: 15px; }
.zxu_banner_icons--refresh { background-position: -6px -73px; width: 15px; height: 15px; }

.btn.zxu_banner_btn { font-size: 12px; padding-left: 20px; padding-right: 20px; height: 30px; min-width: 140px; line-height: 30px; font-family: "DINPro_Medium"; background: transparent; border: 1px solid #ffffff; transition: background .3s linear; -webkit-transition: background .3s linear; -moz-transition: background .3s linear; }
.btn.zxu_banner_btn i { margin-left: 8px; vertical-align: unset; }

.zxu_newBanner { display: -ms-flexbox; display: flex; max-width: 100%; margin: 0 auto; position: relative; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #000000; padding: 15px 15px; }
@media (max-width: 767px) { .zxu_newBanner { max-width: 100%; padding: 0; -ms-flex-direction: column; flex-direction: column; } }
.zxu_newBanner .zxu_nb_item { width: 33.333%; padding: 10px; text-align: center; background: #000000; display: block; display: -ms-flexbox; display: flex; min-height: 240px; }
@media (max-width: 1092px) { .zxu_newBanner .zxu_nb_item { padding: 10px; } }
@media (max-width: 767px) { .zxu_newBanner .zxu_nb_item { padding: 10px 15px; width: 100%; } }
.zxu_newBanner .zxu_nb_item > div { -ms-flex: 1; flex: 1; position: relative; }
.zxu_newBanner .zxu_nb_item--img { opacity: 1; vertical-align: top; transition: opacity .4s linear; -webkit-transition: opacity .4s linear; -moz-transition: opacity .4s linear; height: 100%; }
.zxu_newBanner .zxu_nb_item--img img { width: 100%; }
@media (max-width: 1367px) { .zxu_newBanner .zxu_nb_item--img img { opacity: 0; } }
.zxu_newBanner .zxu_nb_item--1 .zxu_nb_item--img { background: url(../images/slide_1.jpg) no-repeat center top; background-size: cover; }
.zxu_newBanner .zxu_nb_item--1 .zxu_nb_item--cont__top .zxu_nbslide { margin: 0 auto; width: 35px; height: 35px; background: #ffffff; line-height: 35px; }
.zxu_newBanner .zxu_nb_item--2 .zxu_nb_item--img { background: url(../images/slide_2.jpg) no-repeat center top; background-size: cover; }
.zxu_newBanner .zxu_nb_item--3 .zxu_nb_item--img { background: url(../images/slide_3.jpg) no-repeat center top; background-size: cover; }
.zxu_newBanner .zxu_nb_item--promo .zxu_nb_item--img { background: url(../images/slide_3_promo.jpg) no-repeat center top; background-size: cover; }
.zxu_newBanner .zxu_nb_item--promo-au .zxu_nb_item--img { background: url(../images/slide_3_promo_au.jpg) no-repeat center top; background-size: cover; }
.zxu_newBanner .zxu_nb_item--cont { position: absolute; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; }
.zxu_newBanner .zxu_nb_item--cont__top { position: absolute; top: 0; width: 100%; height: 40px; left: 0; }
.zxu_newBanner .zxu_nb_item--cont__center { color: #ffffff; padding: 20px 0 0 0; }
.zxu_newBanner .zxu_nb_item--cont__center p { font-size: 12px; margin: 0 0 7px 0; }
.zxu_newBanner .zxu_nb_item--cont__center h3 { font-family: "DINPro_Medium"; color: #ffffff; font-size: 16px; line-height: 1.2; text-transform: uppercase; display: inline-block; vertical-align: -moz-middle-with-baseline; vertical-align: -webkit-baseline-middle; }
@media (max-width: 1092px) { .zxu_newBanner .zxu_nb_item--cont__center h3 { font-size: 13px; } }
.zxu_newBanner .zxu_nb_item .zxu_cover_full { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; }
.zxu_newBanner .zxu_nb_item .zxu_nbslide--title { height: 60px; line-height: 60px; margin: 0; }
.zxu_newBanner .zxu_nb_item .zxu_nbslide--logo { height: 60px; margin-top: -32px; line-height: 60px; }
.zxu_newBanner .zxu_nb_item:hover .zxu_nb_item--img { opacity: 0.5; zoom: 1; filter: alpha(opacity=50); }
.zxu_newBanner .zxu_nb_item:hover .zxu_banner_btn { background: #ffffff !important; color: #333335; }
.zxu_newBanner .zxu_nb_item:hover .zxu_banner_btn i { background-position: -7px -4px; }
.zxu_newBanner .zxu_nb_item .zxu_nbIcon { background: #ffffff; width: 35px; height: 35px; display: inline-block; line-height: 35px; }

.zxu_nb_buttons { background: #ffffff; padding: 15px 10px; display: none; -ms-flex-pack: justify; justify-content: space-between; }
@media (max-width: 767px) { .zxu_nb_buttons { display: -ms-flexbox; display: flex; } }
.zxu_nb_buttons .zxu_banner_btn { background: #191817; border: none; height: 40px; line-height: 40px; font-family: "DINPro_Bold"; }
.zxu_newBanner {padding:20px 5px;}
.zxu_nbslide { max-width: 100%; height: 40px; position: relative; }
.zxu_nbslide .zxu_nbslide_item { position: absolute; width: 100%; height: 100%; }
.zxu_nbslide .zxu_nbslide_item--1 { animation: fade 8s infinite; -webkit-animation: fade 8s infinite; }
.zxu_nbslide .zxu_nbslide_item--2 { animation: fade2 8s infinite; -webkit-animation: fade2 8s infinite; }
.zxu_nbslide .zxu_nbslide_item--3 { animation: fade3 8s infinite; -webkit-animation: fade3 8s infinite; }

@keyframes fade { 0% { opacity: 1; }
  33.333% { opacity: 0; }
  66.666% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fade2 { 0% { opacity: 0; }
  33.333% { opacity: 1; }
  66.666% { opacity: 0; }
  100% { opacity: 0; } }
@keyframes fade3 { 0% { opacity: 0; }
  33.333% { opacity: 0; }
  66.666% { opacity: 1; }
  100% { opacity: 0; } }
/*
@keyframes fade
{ 0%   {opacity:1} 11% { opacity: 1} 22% { opacity: 0} 33% { opacity: 0} 44% { opacity: 0} 55% { opacity: 0} 66% { opacity: 0} 77% { opacity: 0} 88% { opacity: 0} 100% { opacity: 1}
}
@keyframes fade2
{
	0%   {opacity:0}
	11% { opacity: 0}
	22% { opacity: 1}
	33% { opacity: 1}
	44% { opacity: 1}
	55% { opacity: 0}
	66% { opacity: 0}
	77% { opacity: 0}
	88% { opacity: 0}
	100% { opacity: 0}
}
@keyframes fade3
{
	0%   {opacity:0}
	11% { opacity: 0}
	22% { opacity: 0}
	33% { opacity: 0}
	44% { opacity: 0}
	55% { opacity: 1}
	66% { opacity: 1}
	77% { opacity: 1}
	88% { opacity: 0}
	100% { opacity: 0}
}


*/