#block-block-3 .zgh-accounts .zgh-signup{display:none !important}
h1, .zbold span, .zfea-heading h2, .zbottom-banner h3, .zsection h3{
    font-family: var(--primaryfont-bold);
}
.zbottom-banner h3 span,.ztimezone .zbold, .zbottom-banner h3 span{
    font-family: var(--primaryfont-semibold);
}
.zsection .content-wrap {
    max-width: 1040px;
    margin: 0 auto;
    padding: 100px 0;
}
.zsection.ztimezone .content-wrap {
    padding: 0;
}
.zsection.ztimezone.zexpense .content-wrap {
    padding-bottom: 0;
}
.ztimezone.zleft .zrow>div.cont-part {
    padding-left: 0;
    padding-right: 320px;
    vertical-align: middle;
    text-align: left;
}
.ztimezone.zright .zrow>div.cont-part {
    padding-right: 0;
    padding-left: 240px;
    vertical-align: middle;
    text-align: left;
}
.zsection.zbanner .content-wrap {
    padding-top: 30px;
    padding-bottom: 0;
    max-width: 1280px;
}
.ztimezone.zleft .zrow > div.image-part {
    text-align: right;
    padding: 0 100px 0 0;
}
.ztimezone.zright .zrow > div.image-part {
    text-align: left;
    padding: 0 0 0 100px;
}
.zbanner .zrow>div:nth-child(2) {
    padding-bottom: 0;
}
.zbanner .zrow>div:nth-child(2) img {
    vertical-align: bottom;
}
.zsection .zrow {
    width: 100%;
    overflow: hidden;
}
.zsection .zrow>div {
    width: 49%;
    padding: 30px;
    float: left;
    box-sizing: border-box;
}
.zbanner .zrow>div {
    float: none;
    width: 100%;
    text-align: center;
}
.zbanner .zrow>div:first-child {
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 0;
}
.zbanner h1, .zbanner h2 {
    text-align: center;
}
h1 {
    max-width: 800px;
    font-size: 54px;
    margin: 20px auto;
    line-height: 1.1;
}
h2 {
    font-size: 46px;
}
.zsection p {
    font-size: 19px;
    line-height: 1.8;
}
.zsection h3 {
    font-size: 38px;
}
.zbold span {
    color: #fe5f55;
}
.ztimezone .zrow>div.cont-part {
    padding: 100px;
}
.zsection .content-wrap {
    width: 100%;
    max-width: 100%;
}
/* banner animation */



.zcplus {
    position: relative;
    max-width: 1024px;
    margin: 60px auto 0;
}
.zmobile {
    display: none;
}
.zcplus ul li {
    position: absolute;
}
.zcplus ul li:first-child {
    top: -18%;
    left: 2%;
}
.zcplus ul li:nth-child(2) {
    top: -8%;
    right: -3%;
}
.zcplus ul li:nth-child(3) {
    right: -2%;
    bottom: 3%;
}
.zcplus ul li:nth-child(4) {
    left: -6%;
    bottom: -40px;
}
.zcplus img {
    transition: all 1.2s ease 0s;
    opacity: 0;
    transform: translateY(50px);
}
.zcplus ul li img {
    box-shadow: 0 0 20px rgba(20,30,77,0.25);
    border: 1px solid #e2e2e2;
    border-radius: 5px;
}
.animated .zcplus img {
    opacity: 1;
    transform: translateY(0);
}
.zcplus ul li {
    transition: all 1.9s ease .8s;
    opacity: 0;
    transform: translateY(50px);
}
.animated .zcplus ul li {
    opacity: 1;
    transform: translateY(0);
}
.zcplus ul li:nth-child(even) {
    animation: zeven 8s linear 3s infinite;
}
.zcplus ul li:nth-child(odd) {
    animation: zodd 6s linear 3s infinite;
}
 @-webkit-keyframes zeven {
 0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 50% {
 -webkit-transform: translate(0, -10px);
 transform: translate(0, -10px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @keyframes zeven {
 0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 50% {
 -webkit-transform: translate(0, -10px);
 transform: translate(0, -10px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes zodd {
 0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 50% {
 -webkit-transform: translate(0, 10px);
 transform: translate(0, 10px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @keyframes zodd {
 0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 50% {
 -webkit-transform: translate(0, 10px);
 transform: translate(0, 10px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
/* Feature Heading section */

.zfea-heading {
    background: #e3f0ff;
    text-align: center;
}
.zsection.zfea-heading .content-wrap {
    padding: 100px 0 50px;
}
/* deadline section */


/* timezone */



.ztimezone {
    background: #e3f0ff;
}
.zmultiple {
    margin-bottom: 0;
}
.ztimezone .zrow {
    display: table;
    table-layout: fixed;
}
.ztimezone .zrow>div {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    float: none;
}
.zbottom-banner {
    text-align: center;
    background: #e3f0ff;
}
.zbottom-banner h3 {
    max-width: 900px;
    margin: 0 auto 40px;
    font-size: 38px;
}
.zbottom-banner h3 span {
    display: block;
    font-size: 30px;
    margin-top: 5px;
}
/* image part animations */



.image-part {
    position: relative;
}
.image-part>div img {
    transition: all 2s ease 0s;
    opacity: 0;
    transform: translateY(50px);
    max-width: 400px;
}
.image-part.zright>div img {
    transform: translateY(50px);
}
.animated .image-part>div img {
    opacity: 1;
    transform: translateY(0);
}
.animated .image-part.zright>div img {
    opacity: 1;
    transform: translateY(0);
}
.zsection.zbottom-banner .content-wrap {
    padding: 70px 0 100px 0;
}

 /*FAQ*/
.faq {padding: 0 0 100px;background: #e3f0ff;}
.faq h2{text-align: center;margin-bottom: 60px;}
.faq h2:before {display: block;content: '';background: url(/sites/default/files/creator/home/red-faq-icon.png
) no-repeat;width: 90px;height: 70px;background-size: 100%;margin: auto;}
.faq .content-wrap{padding-top: 0px;}
.faq-wrap{max-width: 980px;margin:auto;}
.faq-item {border-bottom: 1px solid #d3d3d3;}
.faq-item:first-child .faq-ans{display:block;}
.faq-ans {display: none;padding-bottom: 10px;padding-left: 42px;}
.faq-item h4 {margin-bottom: 0;font-family: var(--zf-secondary-medium);padding: 20px 0px 20px 40px;cursor: pointer;position: relative;font-size: 19px;color:#000;}
.faq-item h4:hover{color:#555;}
.faq-item h4:before,.faq-item h4:after{content:'';position: absolute;background: #ea5154;}
.faq-item:hover h4:before,.faq-item:hover h4:after{background: #555;}
.faq-item h4:before{left:0px;top:35px;height: 2px;width:16px;}
.faq-item h4:after{left: 7px; width: 2px;top: 28px;height: 15px; }
.faq-item.active h4:after{ height: 0px; }
/* MEDIA QUERY STARTS */


@media only screen and (min-width: 1681px) {
.zsection .content-wrap {
    width: 90%;
    max-width: 1600px;
}
.ztimezone.zleft .zrow>div.cont-part {
    padding-right: 220px;
}
.ztimezone.zright .zrow>div.cont-part {
    padding-left: 180px;
}
.zsection.ztimezone .content-wrap {
    padding: 50px 0;
}
.ztimezone .zrow>div.cont-part {
    padding: 80px;
}
.zsection.zbottom-banner .content-wrap {
    padding: 100px 0;
}
.zsection p {
    font-size: 22px;
    line-height: 1.8;
}
.zbottom-banner h3 {
    font-size: 48px;
}
}

@media only screen and (max-width: 1440px) {
h2 {
    font-size: 42px;
}
.zsection p {
    font-size: 17px;
    line-height: 1.8;
}
.zsection h3 {
    font-size: 36px;
}
.zbottom-banner h3 {
    font-size: 38px;
}
.ztimezone.zleft .zrow>div.cont-part {
    padding-right: 210px;
}
.ztimezone.zright .zrow>div.cont-part {
    padding-left: 170px;
}
.image-part>div img {
    max-width: 350px;
}
}

@media only screen and (max-width: 1280px) {
.ztimezone.zleft .zrow>div.cont-part {
    padding-right: 110px;
}
.ztimezone.zright .zrow>div.cont-part {
    padding-left: 120px;
}
.ztimezone .zrow>div.cont-part {
    padding: 90px;
}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
h1 {
    max-width: 700px;
    font-size: 44px;
}
.zsection p {
    font-size: 17px;
    line-height: 1.8;
}
.zcplus {
    max-width: 900px;
    margin: 0 auto -60px;
}
.ztimezone .zrow>div.cont-part {
    padding: 80px;
}
.zcplus img, .animated .zcplus img {
    transform: scale(0.85, 0.85);
    -webkit-transform: scale(0.85, 0.85);
}
.ztimezone .zrow>div.cont-part {
    padding: 90px;
}
.zcplus ul li:first-child {
    top: -5%;
    left: 2%;
}
.image-part>div img {
    max-width: 350px;
}
.zsection.zfea-heading .content-wrap {
    padding: 70px 0 25px;
}
}

@media only screen and (max-width: 1024px) {
.zcplus {
    max-width: 900px;
    margin: 0 auto -60px;
}
.ztimezone.zleft .zrow>div.cont-part {
    padding-right: 30px;
}
.ztimezone.zright .zrow>div.cont-part {
    padding-left: 30px;
}
.zsection .content-wrap {
    width: 90%;
}
.ztimezone .zrow>div.cont-part {
    padding: 30px;
}
.ztimezone.zleft .zrow>div.cont-part, .ztimezone.zright .zrow>div.cont-part {
    padding: 10px;
}
.zsection.ztimezone .content-wrap {
    padding: 60px 0 10px 0;
}
.field-body .zsection:nth-child(2) .content-wrap {
    padding-top: 90px;
}
}

@media only screen and (max-width: 991px) {
h1 {
    font-size: 38px;
    max-width: 620px;
}
h2 {
    font-size: 34px;
}
.zcplus {
    display: none;
}
.zmobile {
    display: block;
}
.ztimezone .zrow>div.cont-part {
    padding: 60px;
}
.zbanner .zrow>div:nth-child(2) {
    padding: 0;
    margin-bottom: -40px;
}
.zbottom-banner h3 span {
    font-size: 23px;
}
.zsection .content-wrap {
    padding: 70px 0;
    width: 80%;
}
.zsection .zrow>div {
    width: 100%;
    display: block;
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
}
.image-part div {
    max-width: 400px;
    margin: 30px auto 0;
    position: relative;
}
.zsection .zrow>div.cont-part, .ztimezone.zleft .zrow>div.cont-part, .ztimezone.zright .zrow>div.cont-part {
    padding: 0;
    text-align: center;
}
.zsection .zrow>div.image-part {
    padding: 0;
}
.zsection h3 {
    font-size: 30px;
}
.ztimezone.zleft .zrow > div.image-part, .ztimezone.zright .zrow > div.image-part {
    text-align: center;
    padding: 0;
}
.field-body .zsection:nth-child(2) .content-wrap {
    padding: 70px 0 5px;
}
.image-part>div img {
    max-width: 300px;
}
}

@media only screen and (max-width: 767px) {
h1 {
    font-size: 36px;
    margin-top: 10px;
}
.zsection .zrow>div {
    text-align: left;
    padding: 10px;
}
h2 {
    font-size: 27px;
    margin-top: 0;
}
.zfea-heading h2 span {
    font-size: 34px;
    display: block;
}
.field-body {
    background: #fafafa;
}
.zsection h3 {
    font-size: 25px;
}
.zmobile {
    display: none;
}
.field-body .zsection:nth-child(2) .content-wrap {
    padding-top: 0;
}
.zbanner .zrow>div:nth-child(2) {
    padding: 0;
    margin-bottom: 60px;
}
.zbottom-banner h3 {
    font-size: 28px;
}
.zbottom-banner h3 span {
    font-size: 21px;
}
.zsection .ztimezone .zrow>div {
    padding-left: 0;
    padding-right: 0;
}
.zsection.zbanner .content-wrap {
    padding-top: 50px;
    width: 85%;
}
.zsection.ztimezone .content-wrap {
    padding-top: 20px;
    padding-bottom: 0;
}
.zsection.ztimezone.zexpense .content-wrap {
    padding-bottom: 50px;
}
.zbanner p {
    text-align: center;
}
.zsection p {
    font-size: 17px;
    line-height: 1.8;
}
.zsection .content-wrap {
    width: 80%;
}
.zbanner p {
    font-size: 15px;
}
.zsection.zbanner {
    background: #fff;
}
.ztimezone {
    background: #e3f0ff;
    margin: 40px auto;
    max-width: 85%;
}
.zfea-heading {
    background: #fafafa;
}
.zsection:nth-child(2) {
    margin-top: 50px;
}
.zbottom-banner {
    text-align: center;
    background: #fff;
}
.zsection.ztimezone .content-wrap {
    padding-top: 50px;
    padding-bottom: 30px;
}
.zsection .zrow>div.cont-part, .ztimezone.zleft .zrow>div.cont-part, .ztimezone.zright .zrow>div.cont-part {
    padding: 0;
    text-align: center;
}
.ztimezone.zleft .zrow > div.image-part, .ztimezone.zright .zrow > div.image-part {
    padding: 0;
}
.image-part>div img, .image-part.zright>div img {
    max-width: 200px;
    margin: 0 auto;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.faq {
    padding: 0 0 80px;
    background: #fff;
}
.faq h2 {
    margin-bottom: 30px;
}
.zsection.zbottom-banner .content-wrap {
    padding: 70px 0 80px 0;
}
}

@media only screen and (max-width: 480px) {
h1{
    font-size: 30px;
    margin-top: 10px;
    padding: 0 5%;
    line-height: 1.2;
    max-width: 320px;
}
.page-node-49353 h1{
    font-size: 21px;
}
h2 {
    font-size: 23px;
}
.zfea-heading h2 span {
    font-size: 28px;
    display: block;
}
.zsection .zrow>div.cont-part, .ztimezone.zleft .zrow>div.cont-part, .ztimezone.zright .zrow>div.cont-part, .ztimezone.zleft .zrow > div.image-part, .ztimezone.zright .zrow > div.image-part {
    text-align: left;
}
.ztimezone {
    margin: 30px auto 50px;
    max-width: 80%;
}
.zsection h3 {
    font-size: 25px;
}
.zbottom-banner h3 {
    font-size: 25px;
}
.zbottom-banner h3 span {
    font-size: 17px;
}
.zsection p {
    font-size: 15px;
    line-height: 1.6;
}
.zbanner .zrow>div:nth-child(2) {
    padding: 0;
    margin-bottom: 30px;
}
}

/**** Arabic Style ****/
.lang-ar .zbanner .zrow p, .lang-ar .zfea-heading h2, .lang-ar .zbottom-banner h3, .lang-ar .zbottom-banner h3 span, .lang-ar .zsection .zrow {
	text-align: center;
}
.lang-ar .ztimezone.zleft .zrow > div.cont-part {
	padding-left: 220px;
	padding-right: 0;
}
.lang-ar .ztimezone.zright .zrow > div.cont-part {
    padding-right: 180px;
    padding-left: 0;
}
.lang-ar .ztimezone.zleft .zrow > div.image-part {
	text-align: left;
	padding: 0 0 0 100px;
}
.lang-ar .ztimezone.zleft .zrow > div.image-part div {
    text-align: left;
}
.lang-ar .ztimezone.zright .zrow > div.image-part {
        padding: 0 100px 0 0;
}
@media screen and (max-width:991px) {
.lang-ar .ztimezone.zleft .zrow > div.cont-part, .lang-ar .ztimezone.zright .zrow > div.cont-part {
	padding: 0;
}
.lang-ar .zsection h3, .lang-ar .zsection p, .lang-ar .ztimezone.zleft .zrow > div.image-part div, .lang-ar .ztimezone.zright .zrow > div.image-part div {
	text-align: center;
}
.lang-ar .ztimezone.zleft .zrow > div.image-part, .lang-ar .ztimezone.zright .zrow > div.image-part {
	text-align: center;
	padding: 0;
}
}
@media screen and (max-width:767px) {
.lang-ar .zfea-heading h2 span {
    text-align: center;
}
}
/**** Arabic Style ****/

/*Arabic starts*/
.i18n-ar .faq-item h4:before {
    right: 0px;
    left: auto;
}

.i18n-ar .faq-item h4:after {
    right: 7px;
    left: auto;
}
.i18n-ar .faq-item h4 {
padding: 20px 40px 20px 0px;
}
/*Arabic End */