.zp-home-banner-wrap:after {
	background: #fdd0a6;
	background: -moz-linear-gradient(top, #fdd0a6 0%, #fffbce 49%, #fefacb 49%, #fefacb 49%, #fffadd 70%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #fdd0a6 0%, #fffbce 49%, #fefacb 49%, #fefacb 49%, #fffadd 70%, #ffffff 100%);
	background: linear-gradient(to bottom, #fdd0a6 0%, #fffbce 49%, #fefacb 49%, #fefacb 49%, #fffadd 70%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd0a6', endColorstr='#ffffff', GradientType=0 );
}
.features-box > div span {
	background: url(/sites/default/files/pagesense-home-icons-sprite-2x.png) no-repeat 0 0;
	background-size: auto 50px
}
.zp-home-integration-wrap .content-wrap h2 + p {
	max-width: 640px;
}
.integration-visual-wrap ul li.zp-main div:after {
	background: url(/sites/default/files/pagesense-integration-icon-2x.png) no-repeat left top;
	background-size: cover;
}
.integration-visual-wrap ul li:first-child div:after {
	background-position: -1150px -50px
}
.integration-visual-wrap ul li:nth-child(2) div:after {
	background-position: -750px 0
}
.integration-visual-wrap ul li:nth-child(3) div:after {
	background-position: -1100px -50px
}
.integration-visual-wrap ul li:nth-child(5) div:after {
	background-position: -1200px -50px
}
.integration-visual-wrap ul li:nth-child(6) div:after {
	background-position: 0 -100px
}
.integration-visual-wrap ul li:nth-child(7) div:after {
	background-position: -50px -100px
}
.i18n-en .integration-visual-wrap ul li:nth-child(7) div:after {
	background-position: 0 -150px
}

@media only screen and (min-width:768px) and (max-width:991px) {
.integration-visual-wrap ul li:nth-child(4) div {
	top: 50%;
	left: 50%;
}
.integration-visual-wrap ul li:nth-child(5) div {
	top: 320px;
	right: 80px;
	left: initial;
}

.IE .integration-visual-wrap ul li:nth-child(5) div {
    left:80%;
}
    
.integration-visual-wrap ul li:first-child div:after {
	background-position: -920px -40px
}
.integration-visual-wrap ul li:nth-child(2) div:after {
	background-position: -600px 0
}
.integration-visual-wrap ul li:nth-child(3) div:after {
	background-position: -880px -40px
}
.integration-visual-wrap ul li:nth-child(5) div:after {
	background-position: -960px -40px
}
.integration-visual-wrap ul li:nth-child(6) div:after {
	background-position: 0 -80px
}
.integration-visual-wrap ul li:nth-child(7) div:after {
	background-position: -40px -80px
}
}

@media only screen and (max-width:767px) {
.integration-visual-wrap ul li:nth-child(4) div {
	top: 50%;
	left: 50%;
}
.integration-visual-wrap ul li:nth-child(5) div {
	top: 217px;
	right: 0px;
	left: initial;
}
.integration-visual-wrap ul li:first-child div:after {
	background-position: -690px -30px
}
.integration-visual-wrap ul li:nth-child(2) div:after {
	background-position: -450px 0
}
.integration-visual-wrap ul li:nth-child(3) div:after {
	background-position: -660px -30px
}
.integration-visual-wrap ul li:nth-child(5) div:after {
	background-position: -720px -30px
}
    .IE .integration-visual-wrap ul li:nth-child(5) div {
    left:80%;
}
.integration-visual-wrap ul li:nth-child(6) div:after {
	background-position: 0 -60px
}
.integration-visual-wrap ul li:nth-child(7) div:after {
	background-position: -30px -60px
}
}
/* remove this code once the integration section products reach 9*/

.integration-visual-wrap ul li {
	opacity: 1;
	transform: scale(1, 1);
}
@media only screen and (min-width:768px) and (max-width:991px){
.integration-visual-wrap ul li {
 	transform: none;
	-webkit-transform: none;
}
.i18n-en .integration-visual-wrap ul li:nth-child(7) div:after{background-position: 0 -120px;}
}
@media only screen and (max-width:767px) {
.integration-visual-wrap ul li {
 	transform: none;
	-webkit-transform: none;
}
.i18n-en .integration-visual-wrap ul li:nth-child(7) div:after {
    background-position: 0px -90px;
}
}
/*remove this code once the integration products reach 9 ENDS*/
.features-box.box-3>div span{background-position: -50px 0;}
.features-box.box-2>div span{background-position: -100px 0;}

.lang-ar .promo-sec-wrap .content-wrap, .lang-ar .slick-slide > div { text-align: center;}
.i18n-ar .lang-ar .slick-slider .slick-list, .lang-ar .slick-slider .slick-dots {
    text-align: center;
}
.umain .promo-sec-wrap .watch-btn{display:none}

/*zpromo banner*/
.zpromotion{background:#f8c943;padding:10px 80px 10px 10px;position:relative;width:100%;box-sizing:border-box !important;display:none}
.zpremoclose{position:absolute;right:22px;top:13px;width:20px;height:20px;opacity:1;background:#fff;border-radius:50%;font-size:0;cursor:pointer}
.zpromotion p{margin:0;text-align:center;font-size:15px;font-family:var(--zf-primary-semibold)}
.zpromotion p span{margin-right:10px}
.zpromotion p a{border-bottom:1px solid #000;padding:0;display:inline-block;color:#000;margin-left:0;font-size:14px;text-transform: uppercase;text-decoration: none;}
.zpremoclose:before,.zpremoclose:after{position:absolute;left:9px;content:' ';height:11px;width:2px;background-color:#0a0000;top:5px}
.zpremoclose:before{transform:rotate(45deg)}
.zpremoclose:after{transform:rotate(-45deg)}

@media only screen and (max-width : 767px) { 
    .zpromotion p{font-size:12px;line-height: 1.3;}
    .zpromotion{padding:5px 30px 5px 6px;position: relative;z-index: 1;}
    .zpremoclose{right:10px}
    .zpromotion p a{font-size:11px}
}
/*zpromo banner*/
.zactive .zfooter-toggle:before {
    transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
}