/*Arabic starts*/
.i18n-ar .socl-signup p {
    text-align: left;
}
.i18n-ar .content-wrap.animated .home-ad-banner h2, .i18n-ar .content-wrap.animated .home-ad-banner p {
    text-align: center;
}
.i18n-ar .bottom-cta-wrap .content-wrap.animated p {
    text-align: center;
}
.i18n-ar #block-system-main .content-wrap.animated .dt-slide.animate-active {
    text-align: center;
}
/*Arabic ends*/

.other-lang .desk-special-section-wrap .content-wrap > div p+a {    display: none;}
.other-lang .zpromotion, .other-lang .home-ad-banner { display: none; }


.zp-home-banner-wrap:after{
background: rgb(245,245,171);
background: -moz-linear-gradient(top, rgba(245,245,171,1) 0%, rgba(227,252,224,1) 51%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(245,245,171,1) 0%,rgba(227,252,224,1) 51%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(245,245,171,1) 0%,rgba(227,252,224,1) 51%,rgba(255,255,255,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5ab', endColorstr='#ffffff',GradientType=0 );
}

/* brand logos only for .in domain */
.domain-in .trust-brands-wrap ul li, .trust-brands-wrap ul li.tb-in {
    display: none;
}
.trust-brands-wrap ul li.tb-mahindralogistics span {
    background-position: 1px -360px;
    width: 110px;
}
.trust-brands-wrap ul li.tb-godrejconsumer span {
    background-position: -108px -360px;
    width: 60px;
}
.trust-brands-wrap ul li.tb-techmahindra span {
    background-position: -290px -360px;
    width: 110px;
}
.trust-brands-wrap ul li.tb-tatachemicals span {
     width: 120px;
    background-position: -168px -360px;
}
.domain-in .trust-brands-wrap ul li.tb-in {
    display: inline-block;
}



/* Home page Top Band */
.node-type-zp-home .mobile-menu {
    top: 35px !important;
}

/* home-ad-banner */
.home-ad-banner
{
    background-color: #9affd9;
    background-image: url(./images/desk/ad-banner-icons.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 40px 0;
    text-align: center;
    max-width: 1100px;
    margin: 0 auto;
}
.home-ad-banner h2
{
    font-size: 30px;
    font-family: 'proxima_nova_rgbold';
    max-width: 550px;
    margin: 0 auto 10px;
}
.home-ad-banner p
{
    font-size: 24px;
    font-family: 'proxima_novasemibold';
    margin: 0;
}



.bottom-cta-wrap:before{
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #d3ffd5 100%); 
background: -webkit-linear-gradient(top, #ffffff 0%,#d3ffd5 100%);
background: linear-gradient(to bottom, #ffffff 0%,#d3ffd5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3ffd5',GradientType=0 );}

.slide-wrap .mob-version{position:absolute;right:10px;bottom:10px;max-width: 250px;}
.slide-wrap .dt-version{max-width:1170px}
.animate-active video.dt-version, .animate-active video.mob-version {box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);}
video.mob-version {border-radius: 34px; border: 1px solid #d7d7d7;}
@media only screen and (min-width: 1199px) and (max-width: 1400px){
.slide-wrap .dt-version + .mob-version{position:absolute;right:0;bottom:0;max-width: 230px;}
video.mob-version {border-radius: 32px;}
.slide-wrap .dt-version{max-width:90%}
}
@media only screen and (max-width: 1199px){
.slide-wrap .dt-version, .slide-wrap .mob-version{display:none}
.slide-wrap img{display:block}
}

.features-box > div span, .desk-special-section-wrap .content-wrap > div span{background:url(./images/desk-home-icons-sprite-2x.png) no-repeat 0 0; background-size: auto 110px}
.bottom-cta-wrap .content-wrap:after {background: url(./images/assist-bottom-cta-wave.svg) no-repeat right bottom;}
.bottom-cta-wrap .content-wrap h2{margin-bottom:0}
.bottom-cta-wrap .content-wrap a.cta-btn + p{font-size:14px; margin:10px 0 0; position:relative; z-index:1}

.desk-special-section-wrap .content-wrap{max-width:1170px; display:table; table-layout:fixed; width:90%}
.desk-special-section-wrap .content-wrap > div{display:table-cell; padding:0 50px}
.desk-special-section-wrap .content-wrap > div h4{margin:0 0 5px}
.desk-special-section-wrap .content-wrap > div span{display:inline-block;width:180px; height:110px; margin:0 0 10px}
.desk-special-section-wrap .content-wrap > div:first-child span{background-position:-300px 0}
.desk-special-section-wrap .content-wrap > div:nth-child(2) span{background-position:-480px 0}
.desk-special-section-wrap .content-wrap > div:last-child span{background-position:-660px 0}
span#sPortalInpId {position: absolute; left: 0; top: 0; z-index: 2; font-size: 16px; padding: 11px 12px; color: #666;}
.field-error #x_portal +.field-msg {bottom:-20px; }
@media only screen and (max-width: 991px) and (min-width: 768px){
.desk-special-section-wrap .content-wrap > div{padding:0 20px}
.desk-special-section-wrap .content-wrap > div span{Width:90px; height:55px; background-size:auto 55px}
.desk-special-section-wrap .content-wrap > div:first-child span{background-position:-150px 0}
.desk-special-section-wrap .content-wrap > div:nth-child(2) span{background-position:-240px 0}
.desk-special-section-wrap .content-wrap > div:last-child span{background-position:-330px 0}

.home-ad-banner p {
    font-size: 20px;
}
}


@media only screen and (max-width: 767px){
.desk-special-section-wrap .content-wrap > div{padding:0 20px;display:block;margin: 0 auto 30px;max-width: 340px;text-align: center;}
.desk-special-section-wrap .content-wrap > div:last-child{margin:0 auto}
.desk-special-section-wrap .content-wrap > div span{Width:90px; height:55px; background-size:auto 55px}
.desk-special-section-wrap .content-wrap > div:first-child span{background-position:-150px 0}
.desk-special-section-wrap .content-wrap > div:nth-child(2) span{background-position:-240px 0}
.desk-special-section-wrap .content-wrap > div:last-child span{background-position:-330px 0}

.home-ad-banner {
    background-repeat: repeat;
    background-size: 100% auto;
   padding: 40px 15px;
}
.home-ad-banner h2 {
    font-size: 27px;
    max-width: 450px;
}
.home-ad-banner p {
    font-size: 18px;
}
}




/* promotion css */
 .zpromotion {
            background: #8ffbc6;
            padding: 10px 80px 10px 10px;
            position: relative;
            width: 100%;
    box-sizing: border-box !important;
        }

        .zpromotion p {
            margin: 0;
            text-align: center;
            color: #000;
            font-size: 16px;
            font-family: proxima_novasemibold;
        }
 .zpromotion p span{
margin-right:10px;
}
        .zpromotion p a {
            border-bottom: 1px solid #000;
            padding: 0px 0px;
            display: inline-block;
            color: #000;
            margin-left: 0px;
font-size:14px;
        }

        .zpremoclose {
            position: absolute;
            right: 22px;
            top: 13px;
            width: 20px;
            height: 20px;
            opacity: 1;
            background: #000;
            border-radius: 50%;
            font-size: 0;
            cursor: pointer;
        }

        .zpremoclose:before,
        .zpremoclose:after {
            position: absolute;
            left: 9px;
            content: ' ';
            height: 11px;
            width: 2px;
            background-color: #fff;
            top: 5px;
        }

        .zpremoclose:after {
            transform: rotate(-45deg);
        }

        .zpremoclose:before {
            transform: rotate(45deg);
        }

        @media only screen and (max-width: 991px) {
            .zpromotion p {
                font-size: 14px;
                line-height: 1.7;
            }
        }

        @media only screen and (max-width: 767px) {
            .zpromotion {
                position: relative;
                top: 50px;
                z-index: 999;
                padding-right: 50px;
            }
        }
	@media only screen and (max-width:480px){
 .zpremoclose{
right: 15px;
    }
}

/* promotion css */