/*Arabic starts*/
.i18n-ar .bnr-cont {
    padding: 0 40px 0 0;
    width: 60%;
}
.i18n-ar .feature8.section .col1 .img-wrap {
    text-align: center;
}
.i18n-ar .feature8 .cont-wrap {
    margin: 0 auto;
}
.i18n-ar .feature6.section.integration .grid-1-col {
    text-align: center;
}
.i18n-ar .feature7.section .grid-1-col > div {
    text-align: center;
}
.i18n-ar .section .grid-2-col .animation-element .img-wrap ul {
    text-align: center;
}
.i18n-ar .leftimg .col1 .hris-list h5, .i18n-ar .leftimg .col1 .hris-list p {
    text-align: center;
}
@media only screen and (max-width: 991px)
{
.i18n-ar .feature1 .col2 {
    padding: 0px 30px;
}
.i18n-ar .leftimg .col1 .hris-list h5 {
    text-align: center;
}
.i18n-ar .section .grid-2-col .animation-element h2, .i18n-ar .section .grid-2-col .animation-element p {
    text-align: center;
}
.i18n-ar .feature7.section .grid-1-col > div {
    text-align: center;
}
.i18n-ar .block .bnr-wrap, .i18n-ar .block .bnr-cont, .i18n-ar .block .bnr-cont h1, .i18n-ar .block .bnr-cont p {
    text-align: center;
}
}
/*Arabic ends*/
/*common styles*/
.page-wrapper *{box-sizing:border-box;}
.page-wrapper{margin-top: -80px;}
.page-wrapper .content-wrap { padding: 90px 0;} 
.page-wrapper h1,.page-wrapper h2, .page-wrapper h3,.page-wrapper h4 { font-family: gilroybold;-webkit-font-feature-settings: "liga" 0, "clig" 0;-moz-font-feature-settings: "liga" 0, "clig" 0;font-feature-settings: "liga" 0, "clig" 0;} 
.feature4 { padding-bottom: 60px; }

/*banner styles*/
.bnr-cont { max-width: 55%;display:inline-block;vertical-align: middle;padding: 0 120px 0 40px;} 
.bnrimg { max-width: 35%;display:inline-block;vertical-align: middle;} 
h1 span {color: #084bc5;}
h1 > span{font-family:gilroylight;}
h1 > span span{font-family:gilroybold;}
.bnr-cont p { max-width: 470px; font-size: 20px; margin: 0 0 40px 0;}
.grid-2-col > div {display: table-cell;width: 50%;padding: 0px 60px;vertical-align: middle;}
.feature1 .col2{padding: 0 200px 0 0;}
.feature2 .grid-1-col{max-width:700px;margin:auto;text-align: left;}
.grid-1-col .cont-wrap {margin: 30px 0 0 0;}
.i18n-en .feature2 .grid-1-col .cont-wrap {max-width: 440px;}
.feature2 .img-wrap img {border:1px solid #f1f1f1; margin: 0px 0px; display: inline-block; border-radius: 8px; padding: 14px;padding: 15px 20px;background-color: #fff;}
.feature2 .img-wrap {background: url(/sites/default/files/people/hrms/hrms-bg1.jpg) no-repeat;background-size: auto 100%;background-position: right center;padding: 60px 120px 60px 10px;}
.cta-btn{padding: 12px 40px;}
.hris-list li {display: inline-block; width: 43%; vertical-align: middle; background: #fff; padding: 60px 30px; margin: 10px; border-radius: 15px; box-shadow: 0 0 20px 0px rgba(234, 234, 234, 0.7); text-align: center;}
.hris-list li p{margin:10px 0 0 0;font-size:14px;line-height: 1.3;}
.hris-list h5 { font-size: 16px; margin-top: 15px; }
.icon {display: block;width: 50px;height: 50px;background: url(/sites/default/files/people/hris/hris-sprite-2x.png) no-repeat;background-size: 436px auto;margin: auto; background-position: -299px 0; width: 35px; height: 40px;}
span.icon.icon2 {background-position: -333px 0;}
span.icon.icon3 {background-position: -367px 0;}
span.icon.icon4 {background-position: -401px 0;}
.feature3 .img-wrap {
position: relative;
}
.leave-absoluteimg {     position: absolute;
    top: 30%;
    right: 60px;
    max-width: 250px;
    box-shadow: 0 0 9px 0 #eaeaea;
    border-radius: 15px;
 }

.feature3 .col1{padding:0;}
.shadow1{box-shadow: 0 0 9px 0 #eaeaea;}
ul.hris-list {max-width: 500px;margin: auto;}
.leave-list li {display: inline-block;width: 27%;margin: 10px;padding: 5px 10px;border-radius: 10px;}
.grid-1-col{max-width:900px;text-align: center;margin:0 auto;}
.grid-1-col p{max-width: 650px;margin: 0 auto 30px;}
.feature5 .content-wrap,.feature6 .content-wrap{max-width: 860px;text-align: center;}
.grid-1-col .img-wrap{margin: 40px auto 0 auto;}
.feature5 .img-wrap, .feature9 .img-wrap{max-width: 750px;}
.feature5 img{border-radius:10px;}
.feature5 a{color:#084bc5;font-family:gilroyregular;display:inline-block;}
.feature5 a span{border-bottom:1px solid;}

.feature4 .grid-2-col > div {vertical-align:top;}
.feature4 .img-wrap { position: relative; }

.imgrow1 img {max-width: 240px;box-shadow: 0 0 18px 0 #eaeaea;margin: 10px; border-radius: 15px; position: absolute; top: -40px;}
.imgrow1 img:nth-child(1){ left: 160px; z-index: 2; }
.imgrow1 img:nth-child(2){ left: 40px; z-index: 1; left: 0; top: 80px; }
.imgrow2 img { width: 330px;  margin: 10px;padding: 10px;border-radius: 15px;vertical-align: top; position: absolute; top: 220px; right: 0;}

/*animation fadein*/
.fadeinup1,.fadeinup2,.fadeinup3,.fadeinup4,.fadeinup5,.fadeinup6{opacity:0;transform: translate3d(0px, 60px, 0);transition: all 1400ms ease}
.fadeinup1{transition-delay: 200ms;}
.fadeinup2{transition-delay: 400ms;}
.fadeinup3{transition-delay: 600ms;}
.fadeinup4{transition-delay: 800ms;}
.fadeinup5{transition-delay: 1000ms;}
.fadeinup6{transition-delay: 1200ms;}
.in-view.fadeinup1,.in-view.fadeinup2,.in-view.fadeinup3,.in-view.fadeinup4,.in-view.fadeinup5,.in-view.fadeinup6,
.in-view .fadeinup1,.in-view .fadeinup2,.in-view .fadeinup3,.in-view .fadeinup4,.in-view .fadeinup5,.in-view .fadeinup6{opacity:1;transform: translate3d(0px, 0px, 0);}
/*animation fadein*/

.feature6{position:relative;padding-bottom: 220px;}
.integration-visual-wrap .integration-inner{padding:220px 0 200px;max-width:900px;margin:auto;position:relative}
.integration-visual-wrap .integration-inner:before{content:'';position:absolute;left:5%;top:5%;width:90%;height:90%;background:url(/sites/default/files/people/hrms/integration-bg.png) no-repeat center center;background-size:contain}
.integration-visual-wrap ul{display:table;table-layout:fixed;width:100%}
.integration-visual-wrap ul li div{display:block;position:relative;text-align:center;padding:70px 0 0;box-sizing:border-box;font-size:14px}
.integration-visual-wrap ul li div:before{content:'';position:absolute;left:50%;top:0;margin-left:-40px;width:80px;height:80px;border-radius:100%}
.integration-visual-wrap ul li div:after{content:'';position:absolute;left:50%;top:15px;margin-left:-25px;width:50px;height:50px;background:url(/sites/default/files/integration-icons-sprite-2x.png) no-repeat left top;box-sizing:border-box;background-size:1250px auto}
.integration-visual-wrap ul li.zp-main div:after{top:50%;margin:-90px 0 0 -83px;width:160px;height:160px;background-size:100%}
.integration-visual-wrap ul li.zp-main div:before{margin-left:-69px;width:142px;height:142px;top:1px}
.integration-visual-wrap li:not(.zp-main){display:inline-block;position:absolute;opacity:0;transform:scale(.4);transition:all 1200ms ease}
.integration-visual-wrap.in-view li:not(.zp-main){opacity:1;transform:scale(1)}
.integration-visual-wrap ul li:first-child{bottom:5%;left:50%;transition-delay: 500ms;}
.integration-visual-wrap ul li:nth-child(2){top:18%;left:28%;transition-delay: 600ms;}
.integration-visual-wrap ul li:nth-child(3){bottom:10%;left:30%;transition-delay: 700ms;}
.integration-visual-wrap ul li:nth-child(4){bottom:45%;left:69%;transition-delay: 800ms;}
.integration-visual-wrap ul li:nth-child(6){bottom:14%;left:68%;transition-delay: 900ms;}
.integration-visual-wrap ul li:nth-child(7){bottom:66%;left:66%;transition-delay: 1000ms;}
.integration-visual-wrap ul li:nth-child(8){bottom:80%;left:46%;transition-delay: 1100ms;}
.integration-visual-wrap ul li:nth-child(9){bottom:36%;left:26%;transition-delay: 1200ms;}
.integration-visual-wrap ul li:first-child div:after{background-position:-650px -100px}
.integration-visual-wrap ul li:nth-child(2) div:after{background-position:-950px -100px}
.integration-visual-wrap ul li:nth-child(3) div:after{background-position:-350px -50px}
.integration-visual-wrap ul li:nth-child(4) div:after{background-position:-450px -100px}
.integration-visual-wrap ul li:nth-child(6) div:after{background-position:-1150px 0}
.integration-visual-wrap ul li:nth-child(7) div:after{background-position:-350px 0;transform:scale(1.4)}
.integration-visual-wrap ul li:nth-child(8) div:after{background-position:-900px -100px}
.integration-visual-wrap ul li:nth-child(9) div:after{background-position:-250px -100px;transform:scale(1.4)}
.integration-visual-wrap ul li.zp-main div:after{background:url(/sites/default/files/people/people-integration-icon-2x.png) no-repeat left top;background-size:contain}



.feature7 .testimonial{max-width: 860px;text-align: center;margin:0px auto 0 auto;padding-top: 0px;position: relative;top: -70px;}
.feature7{background:#ebf7fc;padding: 0 0 140px 0;text-align: center;position: relative;}
.testi-bg{position: absolute;left: 0px;width: 200%;bottom: -1px;z-index: -1;}
.testimonial .grid-1-col{max-width:610px;margin:0 auto;}
.testimonial p{font-family: gilroymedium;font-size: 24px;}
.testi-user p{color: #084bc5;}
span.quote { font-size: 70px;letter-spacing:-4px;transform: rotateZ(-180deg) scale(1.2);display:inline-block;line-height:1;vertical-align:sub;color:#024CCA;position: relative; top: 20px; }
.testi-user span{display:block;font-size:14px;color:#000;}
.bottom-cta{background: #302f2c;color: #fff;text-align: center;}
.bottom-cta .grid-1-col{max-width:850px;margin:auto;}
.bottom-cta .grid-1-col p{max-width:480px;}
.bottom-cta .cta-btn{margin:20px 0 0 0}
@media all and (min-width:1700px) {
    .page-wrapper .banner-section .content-wrap{padding: 180px 0 90px;}
}

@media all and (min-width:1681px) {
    .feature7 .testimonial{top:-130px;}
}

@media all and (min-width:1400px){
    h1 {font-size: 60px; } 
    h2 {font-size: 46px; } 
    .i18n-en .feature1 .col2{padding: 0 270px 0 0;}
}

@media only screen and (min-width : 1400px) and (max-width: 1500px) {
    h1 {font-size: 54px;}

}

@media only screen and (min-width : 1200px) and (max-width: 1399px) { 
    /*Menu overwritten*/
     h1 {font-size: 52px; } 
    h2 {font-size: 40px; } 

.feature4{
padding: 120px 0 100px;
}
    
}


@media screen and (max-width: 1280px){
.page-wrapper .content-wrap{

}

.feature6 {
padding-bottom: 30px;
}

.imgrow1 img{
max-width: 200px;
}

.imgrow2 img{
display: none;
}
}

@media only screen and (max-width: 1199px) { 
    .banner-section{background: none;padding:0px 0 0px 0;}
    .bnr-cont p{margin: 0 0 30px 0;font-size:18px;}

    .feature5 .grid-1-col .img-wrap{max-width:600px;}
    .page-wrapper .content-wrap {padding: 60px 0;}
    .feature6 {padding-bottom: 120px;}
    .feature7 .testimonial{padding-top: 0px;}
}

@media only screen and (max-width: 991px) {
    h1{font-size: 46px;}
    h2{font-size: 30px;}
.leave-absoluteimg{  display: none; }
    .page-wrapper .content-wrap {padding: 50px 0;max-width:700px;}
    .bnrimg{display:none;}
    .bnr-cont{padding: 90px 0 0 0px;max-width:100%;text-align: center;}
    .bnr-cont p{margin:0 auto 30px auto;}
    .feature1 .col2 {padding: 0px 30px;}
    .grid-2-col > div{padding: 0px 30px;}
    .grid-2-col > div{display:block;width:100%;text-align:center;}
    .leftimg .col1,.rightimg > div:last-child{max-width:500px;margin:auto;}
    .hris-list li{padding: 40px 25px 20px 25px;}
    .imgrow1 img,.imgrow2 img{max-width:44%;margin: 5px 10px;max-height: none;}
    .leftimg .col1, .rightimg > div:last-child{padding:0;}
    .leftimg .col1,.rightimg div:last-child{margin-top: 30px;}
    .testimonial p{font-size:19px;}
    .i18n-en .feature2 .grid-1-col .cont-wrap,.feature2 .grid-1-col .cont-wrap {max-width: 100%;text-align: center}
.feature2 .img-wrap{padding: 60px 50px 60px 10px;}
.imgrow1 img { position: static; }
.feature4{ padding-bottom: 0; }
.page-wrapper .content-wrap{ padding: 30px 20px; }
}



@media only screen and (max-width: 767px) {
    h1{font-size: 34px;}
    .page-wrapper .content-wrap{padding: 90px 0 0;}
    .banner-section{padding: 60px 0 10px 0;}
    .bnr-cont{padding:0;}
    .cta-btn {padding: 8px 20px;}
    .feature1 .col2 {padding: 0;}
    .grid-2-col > div{padding:0;}
    .hris-list li{padding: 40px 10px 20px 10px; margin: 3px;width:40%;}
    .imgrow1 img,.imgrow2 img{max-width:44%;margin:2px;}
    .testimonial p{font-size:20px;}
    .page-wrapper .content-wrap.bottom-cta{padding:40px 20px 50px;}
    .feature7{padding: 0 0 60px 0;}
    .integration-visual-wrap ul li.zp-main div:after{margin: -46px 0 0 -40px;width: 80px;height: 80px;}
    .integration-visual-wrap.in-view li:not(.zp-main){transform:scale(.8);}
    .integration-visual-wrap ul li:first-child {bottom: 10%;left: 41%;}
    .integration-visual-wrap ul li:nth-child(2) {top: 15%;left: 8%;}
    .integration-visual-wrap ul li:nth-child(3) {bottom: 16%;left: 0%;}
    .integration-visual-wrap ul li:nth-child(4) {bottom: 45%;left: 75%;}
    .integration-visual-wrap ul li:nth-child(6) {bottom: 18%;left: 72%;}
    .integration-visual-wrap ul li:nth-child(7) {bottom: 66%;left: 76%;}
    .integration-visual-wrap ul li:nth-child(8) {bottom: 76%;left: 43%;}
    .integration-visual-wrap ul li:nth-child(9) {bottom: 40%;left: 12%;}
    .feature6 {padding-bottom: 100px;}
.feature2 .cont-wrap { order: 1; } 
.feature2 .img-wrap { order: 2; } 
.hris-list li p { display: none; }
}
/*other language style starts*/
.i18n-ar .feature1 .col2{
padding: 0 0 0 200px;
}
.other-lang .grid-1-col .cont-wrap{
max-width: 440px;
}
.i18n-ar .grid-1-col h2.fadeinup2, .i18n-ar .grid-1-col p.fadeinup3{
text-align: center;
}
.other-lang .feature7 .testimonial{
//display: none;
}
.i18n-ar .bottom-cta .grid-1-col h2, .i18n-ar .bottom-cta .grid-1-col p{
text-align: center;
}

/*other language style ends*/