/* * {
    box-sizing: border-box;
} */
#mini-panel-product_menu .product-nav-links li .nolink, #mini-panel-product_menu .product-nav-links .menu>li>a {
    color: #fff;
}
#mini-panel-product_menu .expanded.dropdown .caret {
    background-position: -168px 0;
}
.wrapper h1,
.wrapper h2,
.wrapper h3,
.wrapper h4{
	font-family: var(--zf-secondary-bold);
}
.zw-product-header{
	position: relative;
	z-index: 9;
	color:#fff
}
.zw-product-header .product-title>a,
.zw-product-header .menu.nav>li>a,
.zw-product-header .menu.nav>li>span {
	color:#fff
}
.zw-product-header span.caret::after {
	border-top-color:#fff
}

#block-system-main {
    margin-bottom: 0;
}
.feature-home-page-wrap .content-wrap {
    max-width: 1280px;
}
.feature-section .content-wrap {
    max-width: 1170px;
}	
.act-btn.cta-btn {
    visibility: visible;
    opacity: 1;
	padding: 18px 35px;
	border-radius: 4px;
}
.main-container-wrapper {
    position: relative;
    z-index: 1000;
}
#mini-panel-product_menu .menu-icon-help-header .product-title a,
#mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a {
    color: #fff;
}
#mini-panel-product_menu .product-nav-links .menu>li>a {
    color: #fff;
}
.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a.active, .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li span.active, .main-container-wrapper .product-header-top #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a.active, .main-container-wrapper .product-header-top #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li span.active, .product-nav-links .menu li a.active, .product-nav-links .menu li span.active {
    box-shadow: 0 -2px 0 #fff inset;
    -webkit-box-shadow: 0 -2px 0 #fff inset;
}
.apps-download-links-wrap a {
    margin: 0 10px 0 0px;
}
.wrapper p {
    font-size: 22px;
}
.apps-download-links-wrap.mobile{
	display: none;
}
.bsevent-banner-section {
    color: #fff;
    padding: 18em 0 7em;
    position: relative;
    z-index: 1;
    margin-top: -5em;
    background: #FFBA5F;
}

.bsevent-banner-section::after {
    position: absolute;
    left: 0;
    right: 0;
    top: -80px;
    content: "";
    background: #000;
    height: 135%;
    z-index: -1;
    width: 79%;
}
.bsevent-banner-section h1 span {
    display: block;
}
.bsevent-banner-section h1 {
    font-size: 80px;
	line-height: 1.1;
	margin-bottom: 35px;
}

.bsevent-banner-section .banner-illust img {
    max-width: 290px;
    position: absolute;
    top: 32%;
    right: 60px;
    transform: translateY(70px);
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -moz-transform: translateY(70px);
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.bsevent-banner-section .banner-left {
    max-width: 70%;
}

.bs-eventtips-section {
    margin-top: 19em;
    padding-bottom: 5em;
}
.bs-eventtips-section h1 {
    max-width: 650px;
    font-size: 60px;
    margin: 0 auto 15px;
    margin-bottom: 1em;
}
.bs-eventtips-section h1 span {
    display: block;
}
.bs-event-main {
    padding: 9em 0;
}
.bs-eventtips-section .event-main {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    position: relative;
    align-items: center;
    -ms-flex-align: center;
    padding: 3em 0;
}
.bs-eventtips-section .event-left {
    flex: 0 0 50%;
    -ms-flex: 0 0 40%;
    max-width: 50%;
}
.bs-eventtips-section .event-right {
    margin: 0 0 0 auto;
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    max-width: 50%;
}
.bs-eventtips-section .event-content {
    position: relative;
    padding: 0 50px;
    width: 520px;
    margin: auto;
}
.event-main img {
    max-width: 450px;
}
.event-main.box-2 .event-left,
.event-main.box-4 .event-left{
    order: 2;
}
.bs-eventtips-section .event-main.box-2 img {
    max-width: 650px;
}

.bs-eventtips-section h4 {
    font-size: 40px;
}
.event-main.box-4 img {
    max-width: 350px;
    margin: 0 auto;
    display: block;
}

.cta-section {
    background: #0B0B0B;
    color: #fff;
    padding: 11em 0;
}
.cta-section .cta-main {
    max-width: 85%;
    padding-left: 10em;
}
.cta-section .cta-main h2 {
    font-size: 65px;
    font-family: var(--zf-primary-bold);
    margin-bottom: 50px;
}
.cta-section .cta-main h2 span{
	display: block;
}
/*********Animate**********/
.content-wrap.animated .banner-illust img {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
	opacity: 1;
}

/* .bsevent-banner-section h1, .bsevent-banner-section p, .bsevent-banner-section .apps-download-links-wrap {
    opacity: 0;
    transition: all 2s;
    transition-delay: 2s;
}
.bsevent-banner-section .animated h1, .bsevent-banner-section .animated p, .bsevent-banner-section .animated .apps-download-links-wrap {
    opacity: 1;
} */

@media screen and (min-width:1920px){	
	.bsevent-banner-section::after {
		 width: 73%;
	}
}
@media screen and (min-width:2560px){	
	.bsevent-banner-section::after {
		width: 67%;
	}
}
@media screen and (min-width:1200px){
/* 	#block-system-main {
		margin-bottom: 390px;
		background: #fff;
	}
	.footer-wrapper {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
	}  */
}
@media screen and (min-width:767px){
	/* .wrapper p,
	.event-main h4,
	.event-main img,
	.cta-main {
		opacity: 0;
	}
	.event-main.animated  h4{
		-webkit-animation: fadeInUp 1.5s ease 0.1s forwards;
		animation: fadeInUp 1.5s ease 0.1s forwards;
	}
	.event-main.animated p {
		-webkit-animation: fadeInUp 1.5s ease 0.2s forwards;
		animation: fadeInUp 1.5s ease 0.2s forwards;
	}
	.animated .cta-main {
		-webkit-animation: fadeInUp 1.5s ease 50ms forwards;
		animation: fadeInUp 1.5s ease 50ms forwards;
	} */
	.event-main.animated img{
		-webkit-animation: fadeInUp 1.5s ease 50ms forwards;
		animation: fadeInUp 1.5s ease 50ms forwards;
	}
	@-webkit-keyframes fadeInUp {
	  from {
		opacity: 0;
		-webkit-transform: translate3d(0, 20%, 0);
		transform: translate3d(0, 20%, 0);
	  }
	  to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }
	}
	@keyframes fadeInUp {
	  from {
		opacity: 0;
		-webkit-transform: translate3d(0, 20%, 0);
		transform: translate3d(0, 20%, 0);
	  }
	  to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }
	}	
}
@media screen and (max-width:1440px){
	.bsevent-banner-section::after {
		height: 135%;
		width: 80%;
	}
	.bsevent-banner-section .banner-left {
		max-width: 55%;
	}
	.bsevent-banner-section h1 {
		font-size: 65px;
	}
	.bsevent-banner-section .banner-illust img {
		max-width: 260px;
		top: 20%;
		right: 150px;
	}
	.bs-eventtips-section .event-main.box-4 img {
		max-width: 300px;
	}
	.bs-eventtips-section h4 {
		font-size: 36px;
	}
	.bs-eventtips-section {
		margin-top: 13em;
	}
	.bs-eventtips-section h1 {
		font-size: 50px;
	}
	.bs-eventtips-section .event-left img {
		max-width: 380px;
		margin: 0 auto;
		display: block;
	}
	.bs-eventtips-section .event-main.box-2 img {
		max-width: 480px;
	}
}
@media screen and (max-width:1300px){
	.bsevent-banner-section::after {
		width: 78%;
	}
	.act-btn.cta-btn {
		padding: 10px 25px;
	}
	.bsevent-banner-section::after {
		height: 125%;
	}
	.bsevent-banner-section .banner-illust img {
		max-width: 210px;
		right: 90px;
	}
	.bsevent-banner-section h1 {
		font-size: 50px;
		line-height: 1.1;
	}
	.bsevent-banner-section .banner-left {
		max-width: 45%;
	}
	.wrapper p {
		font-size: 18px;
	}
	.feature-home-page-wrap .content-wrap {
		max-width: 1040px;
	}
	.feature-section .content-wrap {
		max-width: 1040px;
	}
	.bs-eventtips-section h1 {
		font-size: 40px;
		 max-width: 500px;
	}
	.bs-eventtips-section .event-content {
		width: 450px;
	}
	.bs-eventtips-section h4 {
		font-size: 24px;
	}
	.bs-eventtips-section .event-content h5 {
		font-size: 18px;
	}
	.cta-section {
		padding: 6em 0;
	}
	.cta-section .cta-main h2 {
		font-size: 40px;
	}
	.cta-section .cta-main {
		max-width: 80%;
	}
	.other-lang .bsevent-banner-section .banner-left {
		max-width: 55%;
	}
	.other-lang h1 {
		font-size: 45px;
	}
}
@media screen and (max-width:1199px){
	.bsevent-banner-section::after {
		width: 77%;
	}
	.wrapper p {
		font-size: 16px;
	}
	.bsevent-banner-section h1 {
		font-size: 36px;
		line-height: 1.1;
	}
	.bsevent-banner-section .banner-left {
		max-width: 50%;
		padding-left: 5em;
	}
	.bsevent-banner-section .banner-illust img {
		max-width: 230px;
		top: 20%;
		right: 12%;
	}
	.bsevent-banner-section {
		padding: 12em 0 6em;
	}	
	.bs-eventtips-section .event-main.box-2 img {
		max-width: 100%;
		margin-left: 0;
	}
	.bs-eventtips-section .event-main {
		padding: 3em 0;
	}
	.bs-eventtips-section {
		margin-top: 10em;
	}
	.bs-eventtips-section h1 {
		font-size: 32px;
		max-width: 500px;
		padding-left: 3em;
	}
	
	.cta-section .cta-main h2 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.cta-section {
		padding: 6em 0;
		
	}
}
@media screen and (max-width:1023px){
	.bsevent-banner-section h1 {
		font-size: 30px;
	}
	.bsevent-banner-section .banner-left {
		max-width: 55%;
		padding-left: 3em;
	}
	.bsevent-banner-section .banner-illust img {
		max-width: 190px;
	}
	.bs-eventtips-section {
		margin-top: 9em;
	}
	.bs-eventtips-section h1 {
		font-size: 32px;
		max-width: 500px;
		padding-left: 1em;
	}
	.bs-eventtips-section .event-content {
		width: 100%;
	}
	.bs-eventtips-section .event-left img {
		max-width: 295px;
		margin: 0 auto;
		display: block;
	}
	.bs-eventtips-section .event-main.box-4 img {
		max-width: 230px;
	}
	.cta-section .cta-main {
		max-width: 480px;
		text-align: center;
		padding: 0;
		margin: 0 auto;
	}
	
	.cta-section {
		padding: 4em 0;
	}
	
}
@media screen and (max-width:767px){
	.main .ptmenu #mini-panel-product_menu .menu-icon-help-header .product-title a, .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header .product-title a, .main-container-wrapper .ptmenu #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a {
		color: #fff;
	}
	.bsevent-banner-section {
		padding: 7em 0 4em;
		background: #0B0B0B;
	}
	.bsevent-banner-section::after {
		height: 120%;
		width: 100%;
		display: none;
	}
	.bsevent-banner-section .banner-illust img {
		max-width: 260px;
		margin: 0 auto;
		display: block;
		position: relative;
		right: 0;
		left: 0;
	}
	.bsevent-banner-section h1 span {
		display: inline;
	}
	.bsevent-banner-section .banner-left {
		max-width: 500px;
		padding-left: 0em;
		text-align: center;
		margin: 0 auto;
	}
	.bs-eventtips-section {
		margin-top: 3em;
		padding: 0 1em 3em;
	}
	.bs-eventtips-section .bs-event-right {
		margin: 0 0 0 auto;
		max-width: 100%;
		position: relative;
	}
	.bs-eventtips-section h1 {
		font-size: 32px;
		max-width: 100%;
		padding-left: 0;
		text-align: center;	
		line-height: 1;
	}
	.bs-eventtips-section .event-content {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.bs-eventtips-section .event-left {
		flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		max-width: 100%;
		order: 2;
	}
	.bs-eventtips-section .event-right {
		margin: 0 0 0 auto;
		flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		max-width: 100%;
	}
	.bs-eventtips-section .event-main {
		text-align: center;
		padding: 1em 0;
	}
	.cta-section .cta-main h2 {
		 font-size: 30px;
	}
	.cta-section {
		padding: 4em 1em;
	}
		
	.fadeinup1, .fadeinup2, .fadeinup3{
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translate3d(0px, 40px, 0);
		transform: translate3d(0px, 40px, 0);
		-webkit-transition: opacity 0.75s ease-in,-webkit-transform 0.75s cubic-bezier(0.39, 0.575, 0.565, 1);
		transition: opacity 0.75s ease-in,-webkit-transform 0.75s cubic-bezier(0.39, 0.575, 0.565, 1);
		transition: opacity 0.75s ease-in,transform 0.75s cubic-bezier(0.39, 0.575, 0.565, 1);
		transition: opacity 0.75s ease-in,transform 0.75s cubic-bezier(0.39, 0.575, 0.565, 1),-webkit-transform 0.75s cubic-bezier(0.39, 0.575, 0.565, 1);
		transition: opacity 0.75s ease-in,transform 0.75s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.75s cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	.fadeinup2 {
		-webkit-transition-delay: 200ms;
		transition-delay: 200ms;
	}
	.fadeinup3 {
		-webkit-transition-delay:400ms;
		transition-delay: 400ms;
	}
	.in-view.fadeinup1,
	.in-view.fadeinup2,
	.in-view.fadeinup3{
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translate3d(0px, 0px, 0);
		transform: translate3d(0px, 0px, 0);
	}
}

@media screen and (max-width:414px){
	.bs-eventtips-section .event-content {
		width: 100%;
		margin: 0 auto 2em;
		padding: 0;
	}
	.bs-eventtips-section .event-left img,
	.bs-eventtips-section .event-main.box-4 img {
   		 max-width: 260px;
	}
}
@media screen and (max-width:375px){
	.bs-eventtips-section h1 {
		font-size: 26px;
	}	
}
/******************OTHER LANGUAGE***************/
.other-lang .wrapper h1 {
    font-size: 55px;
}
.other-lang .bs-eventtips-section h1 {
    font-size: 40px;
}
.other-lang .bs-eventtips-section h4 {
    font-size: 30px;
}
.other-lang .bs-eventtips-section p {
    font-size: 20px;
}
/*
.other-lang .cta-section .cta-main h2 span {
    display: inline-block;
}
*/
.other-lang .cta-section .cta-main {
    max-width: 800px;
    padding-left: 2em;
}
.other-lang .cta-section .cta-main h2 {
    font-size: 50px;
}
.other-lang .cta-section .cta-main {
    padding-left: 6em;
}
/****ar****/
.i18n-ar .bsevent-banner-section .banner-illust img {
    left: 0;
    right: inherit;
} 

/******************OTHER LANGUAGE END***************/	
@media screen and (max-width:1199px){
	.i18n-ar .bsevent-banner-section .banner-illust img {
		left: 60px;
	}	
	.i18n-ar .bsevent-banner-section::after {
		width: 80%;
	}
	.other-lang .bsevent-banner-section .banner-left {
		max-width: 60%;
	}
	.other-lang h1 {
		font-size: 40px;
	}
	.other-lang .bs-eventtips-section h1 {
		font-size: 36px;
		max-width: 610px;
	}
	.other-lang .bs-eventtips-section h4 {
		font-size: 24px;
	}
	.other-lang .cta-section .cta-main h2 {
		font-size: 40px;
	}
}
@media screen and (max-width:1023px){
	.i18n-ar .bs-eventtips-section h1, .i18n-ar .bs-eventtips-section h1 span,.i18n-ar .cta-section h2, .i18n-ar .cta-section h2 span{
		text-align: center;
		max-width: 100%;
	}
	.i18n-ar .bs-eventtips-section h4 {
		font-size: 22px;
	}
	.other-lang .bs-eventtips-section h1 {
		font-size: 30px;
		max-width: 600px;
		text-align: center;
		margin: 0 auto;
		padding: 0;
	}
	.other-lang .bs-eventtips-section .event-content {
		position: relative;
		padding: 0 20px;
	}
	.other-lang .act-btn.cta-btn {
		padding: 10px 24px;
	}
	.other-lang .wrapper h1 {
		font-size: 28px;
	}
	.other-lang .cta-section .cta-main h2 {
		font-size: 35px;
	}
	.other-lang .cta-section .cta-main {
		padding-left: 0;
	}
}
@media screen and (max-width:767px){
	.i18n-ar .wrapper h1, .i18n-ar div.apps-download-links-wrap, .i18n-ar .wrapper p, .i18n-ar .wrapper h4, .i18n-ar .bs-eventtips-section h1, .bs-eventtips-section h1 span{
		text-align: center;
	}
	.i18n-ar .bsevent-banner-section .banner-illust img {
		left: 0;
		right: 0;
	}
	.other-lang .wrapper h1 {
		font-size: 35px;
	}
	.other-lang .bs-eventtips-section h1 {
		font-size: 30px;
	}
	.other-lang .bs-eventtips-section h4 {
		font-size: 24px;
	}
	.other-lang .cta-section .cta-main {
		max-width: 100%;
	}
	.other-lang .cta-section .cta-main h2 {
		font-size: 28px;
	}
	.other-lang .bsevent-banner-section .banner-left {
		max-width: 400px;
	}
}
@media screen and (max-width:414px){
	.other-lang .bs-eventtips-section h1 {
		font-size: 25px;
	}
}