.zhide {
    display: none !important;
}

.content-wrap {
max-width: 1170px;
}

.text-center {
text-align: center;
}

.text-left {
text-align: left;
}

.text-right {
text-align: right;
}

.zflex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}

.zflex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.zflex-ac {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.zflex-jsb {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.zflex-jc {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.zwrapper img {
vertical-align: top;
}

.block-content h2 {
font-family: var(--zf-primary-bold);
}

.block-content .zbtn {
display: inline-block;
font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;
padding: 10px 30px;
margin: 0;
border: 1px solid transparent;
cursor: pointer;
box-sizing: border-box;
z-index: 1;
font-size: 14px;
background: #f0483e;
color: #ffffff;
border-radius: 4px;
}

.block-content .video-wrap video {
max-width: 100%;
height: 100%;
}

.zsprite {
display: inline-block;
background: url("/sites/zweb/images/workdrive/document-management-software/sprite.png")
    no-repeat;
background-size: 811px auto;
background-position: 0 0;
}

.zbtn-link {
font-family: var(--zf-secondary-medium);
color: #418ff2;
}

/*banner-sec*/
.banner-sec .product-tag {
display: inline-block;
font-family: var(--zf-primary-semibold);
color: #1f74de;
font-size: 17px;
margin-bottom: 15px;
}

.banner-sec .banner-image {
position: relative;
margin: 0% 8% 10%;
text-align: right;
}

.banner-sec [class^="bnricon"] {
position: absolute;
z-index: 1;
}

.banner-sec .bnrimg {
position: relative;
max-width: 86%;
}

.banner-sec .bnricon1 {
background-position: 0 -24px;
width: 147px;
height: 34px;
top: 0px;
left: -2%;
}

.banner-sec .bnricon2 {
background-position: -170px -13px;
width: 99px;
height: 56px;
top: 40px;
left: 15px;
}

.banner-sec .bnricon3 {
background-position: -300px 0;
width: 133px;
height: 82px;
top: 10px;
right: 0px;
}

.banner-sec .bnricon4 {
background-position: -456px -24px;
width: 31px;
height: 33px;
top: -28px;
right: -25px;
}

.banner-sec .bnricon5 {
bottom: -5%;
left: -7%;
box-shadow: 0px 6px 6px #0000002f;
border-radius: 7px;
max-width: 50%;
}

.banner-sec a.zbannerlink {
color: #000;
border-bottom: 1px solid;
padding-bottom: 1px;
display: inline-block;
box-sizing: border-box;
font-family: var(--primaryfont-semibold);
font-size: 16px;
padding: 0;
border-radius: 0;
}

/*banner-sec*/
/*feature-sec*/
.feature-sec-1 .feature-box-1 {
background: #96d0ff;
}

.feature-sec-1 .feature-box-2,
.feature-sec-1 .feature-box-3 {
background: #f5f5f7;
}

.feature-sec-2 .feature-box-1 {
background: #fadc82;
}

.feature-sec-2 .feature-box-2 {
background: #f5f5f7;
}

.feature-sec-2 .feature-box-3 {
background: #96d0ff;
}

.feature-block .zhighlight {
padding: 3px;
color: #fff;
background-image: linear-gradient(to right, transparent 50%, #03a17d 50%);
background-size: 200%;
background-position: -100%;
}

.feature-block .feature-box {
border-radius: 14px;
margin: 4% 0%;
padding: 40px 25px 20px;
}

.feature-sec-1 .feature-box-1,
.feature-sec-2 .feature-box-1 {
padding-bottom: 0px;
margin-top: 0px;
}

.feature-block .feature-content {
padding-top: 45px;
}

.feature-block .zwhitebtn {
background: #ffffff;
border-radius: 24px;
color: #000000;
padding: 10px 40px;
}

.feature-block .zbtn-arrow:hover span {
transform: translate3d(-0.7rem, 0, 0);
}

.feature-block .zbtn-arrow span {
display: inline-block;
position: relative;
transition: all 300ms ease-out;
will-change: transform;
}

.feature-block .zbtn-arrow svg {
position: absolute;
width: 1.1em;
right: 0px;
right: 0rem;
opacity: 0;
top: 50%;
transform: translateY(-50%);
transition: all 300ms ease-out;
will-change: right, opacity;
}

.feature-block .zbtn-arrow:hover svg {
opacity: 1;
right: -1.5rem;
}

.feature-box-2 .feature-image {
position: relative;
}

.feature-image .ztoggle-box {
position: absolute;
top: 26%;
left: 0%;
right: 2px;
height: 25%;
padding: 6%;
text-align: right;
}

.feature-image .ztogglebtn {
position: relative;
display: inline-block;
width: 48px;
height: 24px;
cursor: pointer;
}

.feature-image .ztogglebtn input {
opacity: 0;
width: 0;
height: 0;
}

.feature-image .ztogglebtn .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: 0.4s;
transition: 0.4s;
border-radius: 15px;
}

.feature-image .ztogglebtn .slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s;
border-radius: 50%;
}

.feature-image .ztoggle-box.zactive {
background-color: #f4f4f486;
opacity: 0.69;
}

.feature-image .ztoggle-box.zactive .slider {
background-color: #02cd00;
}

.feature-image .ztoggle-box.zactive .slider:before {
-webkit-transform: translateX(24px);
-ms-transform: translateX(24px);
transform: translateX(24px);
}

.feature-block .image-wrap {
max-width: 380px;
height: 380px;
position: relative;
z-index: 1;
margin: auto;
display: none;
}

.feature-block .integrate-circle {
width: 380px;
height: 380px;
position: relative;
transform: scale(0.2);
opacity: 0;
transition: 0.5s ease-out;
}

.feature-block .image-wrap ul {
position: relative;
width: 380px;
height: 380px;
border-radius: 50%;
padding: 0;
list-style: none;
margin: 0 auto 0;
border: dashed 2px transparent;
}

.feature-image .image-wrap ul li,
.feature-image .image-wrap .main-icon {
display: flex;
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
margin: -35px;
width: 70px;
height: 70px;
background: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
}

.feature-image .image-wrap .main-icon {
width: 110px;
height: 110px;
margin: -50px;
}

.feature-image .image-wrap ul li:nth-of-type(1) {
transform: rotate(130deg) translate(150px) rotate(-130deg);
}

.feature-image .image-wrap ul li:nth-of-type(2) {
transform: rotate(190deg) translate(150px) rotate(-190deg);
}

.feature-image .image-wrap ul li:nth-of-type(3) {
transform: rotate(250deg) translate(150px) rotate(-250deg);
}

.feature-image .image-wrap ul li:nth-of-type(4) {
transform: rotate(310deg) translate(150px) rotate(-310deg);
}

.feature-image .image-wrap ul li:nth-of-type(5) {
transform: rotate(370deg) translate(150px) rotate(-370deg);
}

.feature-image .image-wrap ul li:nth-of-type(6) {
transform: rotate(430deg) translate(150px) rotate(-430deg);
}

.feature-image .workdrive-icon {
background-position: -668px -141px;
width: 61px;
height: 52px;
}

.feature-image .zapier-icon {
background-position: -408px -148px;
width: 36px;
height: 36px;
}

.feature-image .projects-icon {
background-position: -459px -149px;
width: 42px;
height: 34px;
}

.feature-image .gmail-icon {
background-position: -515px -153px;
width: 37px;
height: 28px;
}

.feature-image .flow-icon {
background-position: -610px -148px;
width: 43px;
height: 38px;
}

.feature-image .msoffice-icon {
background-position: -566px -148px;
width: 30px;
height: 36px;
}

.feature-image .zmail-icon {
background-position: -358px -148px;
width: 36px;
height: 36px;
}

/*feature-sec*/
/*find-files-sec*/
.find-files-sec .zblock-icon {
background-position: -512px -19px;
width: 51px;
height: 44px;
margin-bottom: 15px;
}

.find-files-sec .form-group {
position: relative;
margin: 30px auto 60px;
max-width: 500px;
box-shadow: 0px 10px 30px #0000000f;
border-radius: 10px;
text-align: left;
}

.find-files-sec .form-group input#slidename {
color: #898c8e;
font-size: 22px;
padding: 24px 24px 24px 60px;
box-sizing: border-box;
pointer-events: none;
width: 100%;
border: 1px solid #ededed;
}

.find-files-sec .form-group .search-icon {
background-position: -586px -30px;
width: 23px;
height: 23px;
position: absolute;
left: 25px;
top: 30px;
}

.find-files-sec ul li {
padding: 5px 15px 5px 5px;
}

.find-files-sec ul .zimg {
border-radius: 3px;
width: 235px;
height: 235px;
margin-bottom: 8px;
text-align: center;
position: relative;
}

.find-files-sec ul .zimg img {
width: 100%;
}

.find-files-sec ul .zimg.writer-bg {
background: #e6f6ff;
}

.find-files-sec ul .zimg.sheet-bg {
background: #ecfff4;
}

.find-files-sec ul .zimg.pdf-bg {
background: #f91229;
}

.find-files-sec ul .zimg .writer-icon,
.find-files-sec ul .zimg .sheet-icon,
.find-files-sec ul .zimg .pdf-icon {
position: absolute;
top: 50%;
left: 52%;
transform: translate(-50%, -50%);
}

.find-files-sec ul .zimg .pdf-icon {
left: 51%;
}

.find-files-sec ul .zimg .writer-icon {
background-position: -3px -126px;
width: 93px;
height: 82px;
}

.find-files-sec ul .zimg .sheet-icon {
background-position: -138px -120px;
width: 93px;
height: 93px;
}

.find-files-sec ul .zimg .pdf-icon {
background-position: -262px -120px;
width: 76px;
height: 93px;
}

.find-files-sec ul h4 {
font-size: 14px;
line-height: normal;
margin-bottom: 2px;
letter-spacing: 0.08px;
color: #000000;
}

.find-files-sec ul p {
font-size: 11px;
line-height: normal;
letter-spacing: 0px;
color: #555454;
}

/*find-files-sec*/
/*work-anywhere-sec*/
.work-anywhere-sec .zblock-image {
position: relative;
text-align: left;
}

.work-anywhere-sec .blkicons {
position: absolute;
top: 23%;
right: 15%;
}

.work-anywhere-sec .blkicon {
position: relative;
display: inline-block;
background: url("/sites/zweb/images/workdrive/document-management-software/work-from-anywhere-sprite.png")
    no-repeat;
background-size: 323px auto;
background-position: 0 0;
width: 320px;
height: 66px;
box-shadow: 0px 3px 10px #00000029;
border-radius: 3px;
margin-top: -5px;
}

.work-anywhere-sec .blkicon1 {
margin-left: 8%;
z-index: 2;
}

.work-anywhere-sec .blkicon2 {
background-position: 0 -174px;
width: 297px;
margin-left: -5%;
z-index: 1;
}

.work-anywhere-sec .blkicon3 {
background-position: 0 -87px;
width: 323px;
}

.work-icon {
background-position: -631px -22px;
width: 51px;
height: 38px;
margin-bottom: 15px;
}

/*work-anywhere-sec*/
/*feature-points-sec*/
.feature-points-sec .zblock-icon {
margin-bottom: 10px;
}

.feature-points-sec .zblock-box1 .zblock-icon {
background-position: -705px -21px;
width: 40px;
height: 39px;
}

.feature-points-sec .zblock-box2 .zblock-icon {
background-position: -767px -15px;
width: 44px;
height: 51px;
}

/*feature-points-sec*/
/*bottom-cta-sec*/
.bottom-cta-sec .block-content-wrap {
background: #96d0ff;
border-radius: 8px;
padding: 8%;
}

.bottom-cta-sec .block-content h2 {
margin-bottom: 25px;
}

/*bottom-cta-sec*/
/*Max-Width*/
@media only screen and (min-width: 992px) and (max-width: 1080px) {
.banner-sec .bnricon1 {
    transform: scale(0.8) translate(0, 0);
}

.banner-sec .bnricon3 {
    transform: scale(0.8) translate(22px, -12px);
}

.feature-image .image-wrap {
    max-width: 340px;
    height: 340px;
    transform: translate(-5%, 0) scale(calc(0.9));
}

.feature-image .image-wrap .main-icon {
    margin: -30px;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner-sec .bnricon1 {
    transform: scale(0.6) translate(0, 0);
}

.banner-sec .bnricon3 {
    transform: scale(0.6) translate(42%, -42%);
}

.feature-image .image-wrap {
    max-width: 260px;
    height: 260px;
    transform: translate(-18%, -30px) scale(calc(0.74));
}

.feature-image .image-wrap .main-icon {
    margin: 10px;
    transform: translate(0, 0) scale(calc(0.9));
}
}

@media only screen and (max-width: 767px) {
.haspadd .content-wrap {
    padding: 60px 0px;
}

.haspadd-top .content-wrap {
    padding-top: 60px;
}

.haspadd-bottom .content-wrap {
    padding-bottom: 60px;
}

.content-wrap {
    max-width: 500px;
}

.zflex-one-col,
.zflex-two-col {
    width: 100%;
}

.block-content {
    text-align: center;
}

.banner-sec .content-wrap {
    padding-top: 20px;
}

.banner-sec .banner-image {
    max-width: 300px;
    margin: 5% auto;
}

.banner-sec .bnricon1 {
    transform: scale(0.5) translate(-18%, 0);
}

.banner-sec .bnricon3 {
    transform: scale(0.5) translate(30%, -42%);
}

.banner-sec .bnricon5 {
    transform: scale(0.9) translate(15%, 0%);
}

.feature-block > .zflex-two-col:last-child {
    margin-bottom: 0px;
}

.feature-block .feature-box {
    padding: 40px 25px 20px;
    max-width: 100%;
    margin: 0px auto 60px;
}

.feature-block .feature-box h2 {
    margin: 0px auto 15px;
}

.feature-sec-1 .feature-box-1,
.feature-sec-2 .feature-box-1 {
    padding-bottom: 40px;
}

.feature-sec-1 .feature-box-1 .feature-content,
.feature-sec-2 .feature-box-1 .feature-content {
    padding-top: 0px;
}

.feature-sec-1 .feature-box-1 .feature-content p:last-child,
.feature-sec-2 .feature-box-1 .feature-content p {
    margin-bottom: 30px;
}

.feature-block .feature-content {
    padding-top: 30px;
}

.feature-block .feature-image {
    width: 90%;
    margin: auto;
}

.feature-image .ztogglebtn {
    transform: scale(0.7) translate(20%, -13%);
}

.feature-image .integrate-circle {
    transform: scale(1);
    opacity: 1;
}

.feature-image .image-wrap {
    max-width: 260px;
    height: 260px;
    transform: translate(-18%, -30px) scale(calc(0.6));
}

.feature-image .image-wrap .main-icon {
    margin: 10px;
    transform: translate(0, 0) scale(calc(0.9));
}

.work-anywhere-sec .blkicons {
    transform: scale(0.4) translate(70%, -70%);
}

.feature-points-sec .zblock-box {
    margin-bottom: 60px;
}

.feature-points-sec .zblock-box2 {
    margin-bottom: 0px;
}

.bottom-cta-sec .block-content h2 {
    font-size: 22px;
    line-height: 1.3;
}
}

/*Max-Width*/
/*Min-Width*/
@media only screen and (min-width: 768px) {
.haspadd .content-wrap {
    padding: 80px 0px;
}

.haspadd-top .content-wrap {
    padding-top: 80px;
}

.haspadd-bottom .content-wrap {
    padding-bottom: 80px;
}

.zflex-one-col {
    width: 100%;
}

.zflex-two-col {
    width: 50%;
}

.zflex-row-reverse-lg {
    flex-direction: row-reverse;
}

.banner-sec .content-wrap {
    max-width: 1280px;
}

.banner-sec .banner-content {
    max-width: 540px;
}

.feature-block > .zflex-two-col {
    width: 46%;
    max-width: 540px;
    /*margin-bottom: 0%;*/
}

.feature-block > .zflex-two-col:first-child {
    margin-right: auto;
}

.feature-block > .zflex-two-col:last-child {
    margin-left: auto;
}

.feature-sec .feature-content {
    max-width: 620px;
    margin: 0px auto 0px;
}

.feature-sec-1 .feature-box-1,
.feature-sec-2 .feature-box-1 {
    padding-top: 60px;
    padding-bottom: 40px;
}

.feature-sec-1 .feature-box-1 .feature-content,
.feature-sec-2 .feature-box-1 .feature-content {
    margin-bottom: 45px;
    padding-top: 0px;
}

.feature-image .integrate-circle {
    transform: scale(1);
    opacity: 1;
}

.feature-block .image-wrap {
    display: block;
}

.feature-block .feature-image .zmobile-only {
    display: none;
}

.find-files-sec .content-wrap {
    max-width: 1920px;
    width: 100%;
}

.find-files-sec .form-group {
    margin-bottom: 90px;
}

.find-files-sec .zblock-content,
.work-anywhere-sec .zblock-content {
    max-width: 650px;
    width: 90%;
    margin: 0px auto 40px;
}

.work-anywhere-sec .blkicons {
    transform: scale(0.7) translate(30%, -30%);
}

.feature-points-sec .zblock-box {
    max-width: 600px;
    width: 55%;
    margin: 20px auto 100px;
}

.feature-points-sec .zblock-box2 {
    margin-bottom: 0px;
}

.bottom-cta-sec .block-content {
    max-width: 675px;
    margin: 0px auto;
}

.bottom-cta-sec .block-content h2 {
    font-size: 35px;
}
.i18n-fr .banner-sec .banner-content, .i18n-it .banner-sec .banner-content, .i18n-nl .banner-sec .banner-content, .i18n-id .banner-sec .banner-content, .i18n-es-xl .banner-sec .banner-content {
    max-width: 630px;
}
.i18n-id .work-anywhere-sec .zblock-content, .i18n-it .work-anywhere-sec .zblock-content {
    max-width: 675px;
    }
.lang-jp .bottom-cta-sec .block-content, .i18n-pt-br .bottom-cta-sec .block-content  {
    max-width: 700px;
}
}

@media only screen and (min-width: 992px) {
.haspadd .content-wrap {
    padding: 100px 0px;
}

.haspadd-top .content-wrap {
    padding-top: 100px;
}

.haspadd-bottom .content-wrap {
    padding-bottom: 100px;
}

.feature-block .feature-box {
    padding: 60px 43px 40px;
}

.feature-sec-1 .feature-box-1,
.feature-sec-2 .feature-box-1 {
    padding: 80px 75px 0px;
}

.work-anywhere-sec .blkicons {
    transform: scale(0.8) translate(10%, -10%);
}

.feature-points-sec .zblock-box {
    margin-bottom: 140px;
}

.feature-points-sec .zblock-box2 {
    margin-bottom: 0px;
    padding-right: 8%;
}

.bottom-cta-sec .block-content h2 {
    font-size: 40px;
}
}

@media only screen and (min-width: 1200px) {
.block-content h1 {
    font-size: 48px;
}

.block-content h2 {
    font-size: 40px;
}

.block-content p {
    font-size: 18px;
}

.block-content .zbtn {
    font-size: 16px;
}

.banner-sec .bnricon1 {
    -webkit-animation: zoominout 4s linear infinite alternate;
    animation: zoominout 4s linear infinite alternate;
}

.banner-sec .bnricon3 {
    -webkit-animation: zoominout 5s linear infinite alternate;
    animation: zoominout 5s linear infinite alternate;
}

.banner-sec .bnricon4 {
    -webkit-animation: blink 2s infinite alternate;
    animation: blink 2s infinite alternate;
}

.banner-sec .bnricon5 {
    -webkit-animation: tbmove 5s linear infinite alternate;
    animation: tbmove 5s linear infinite alternate;
}

.feature-sec-1 .feature-box-1 .feature-content,
.feature-sec-2 .feature-box-1 .feature-content {
    margin-bottom: 80px;
}

.feature-sec .feature-content p {
    max-width: 580px;
    margin: 0px auto 20px;
}

.feature-sec .zhighlight {
    color: #000000;
    background-position: 0%;
}

.feature-sec .middle-animated .zhighlight {
    color: #ffffff;
    background-position: -100%;
    transition: background-position 0.8s;
}

.feature-sec .middle-animated .feature-image .integrate-circle {
    animation: ScaleThis 2s normal;
    transform: scale(1);
    opacity: 1;
}

.feature-sec .middle-animated .feature-image .integrate-circle ul {
    animation: rotateThis 15s infinite linear;
}

.feature-sec .middle-animated .feature-image .image-wrap ul:hover,
.feature-sec .middle-animated .feature-image .image-wrap ul:hover span {
    animation-play-state: paused;
}

.feature-sec .middle-animated .feature-image .image-wrap ul li span {
    animation: rotateThisRev 15s infinite linear;
}

.find-files-sec .form-group {
    margin-bottom: 120px;
}

.work-anywhere-sec .blkicons {
    transform: scale(0.95) translate(3%, -3%);
}

.work-anywhere-sec .blkicon {
    margin-left: 0%;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.work-anywhere-sec .middle-animated .blkicon1 {
    margin-left: 8%;
}

.work-anywhere-sec .middle-animated .blkicon2 {
    margin-left: -5%;
}

.bottom-cta-sec .block-content h2 {
    font-size: 46px;
}
.i18n-es-xl .feature-sec .feature-content p {
    max-width: 595px;
}
}

@media only screen and (min-width: 1400px) {
.work-anywhere-sec .blkicons {
    transform: scale(1) translate(0%, 0%);
}
}

/*Min-Width*/
/*Zoho-Animations*/
@keyframes ScaleThis {
from {
    -webkit-transform: scale(0.2);
    opacity: 0;
}

to {
    -webkit-transform: scale(1);
    opacity: 1;
}
}

@-webkit-keyframes ScaleThis {
from {
    -webkit-transform: scale(0.2);
    opacity: 0;
}

to {
    -webkit-transform: scale(1);
    opacity: 1;
}
}

@keyframes rotateThis {
from {
    -webkit-transform: rotate(0deg);
}

to {
    -webkit-transform: rotate(360deg);
}
}

@-webkit-keyframes rotateThis {
from {
    -webkit-transform: rotate(0deg);
}

to {
    -webkit-transform: rotate(360deg);
}
}

@keyframes rotateThisRev {
from {
    -webkit-transform: rotate(0deg);
}

to {
    -webkit-transform: rotate(-360deg);
}
}

@-webkit-keyframes rotateThisRev {
from {
    -webkit-transform: rotate(0deg);
}

to {
    -webkit-transform: rotate(-360deg);
}
}

@keyframes zoominout {
0% {
    -webkit-transform: scale(0.95) translate(0px, 0px);
    transform: scale(0.95) translate(0px, 0px);
}

50% {
    -webkit-transform: scale(1) translate(0px, 10px);
    transform: scale(1) translate(0px, 10px);
}

100% {
    -webkit-transform: scale(0.95) translate(0px, 0px);
    transform: scale(0.95) translate(0px, 0px);
}
}

@-webkit-keyframes zoominout {
0% {
    -webkit-transform: scale(0.95) translate(0px, 0px);
    transform: scale(0.95) translate(0px, 0px);
}

50% {
    -webkit-transform: scale(1) translate(0px, 10px);
    transform: scale(1) translate(0px, 10px);
}

100% {
    -webkit-transform: scale(0.95) translate(0px, 0px);
    transform: scale(0.95) translate(0px, 0px);
}
}

@keyframes blink {
from {
    opacity: 0;
}

to {
    opacity: 1;
}
}

@-webkit-keyframes blink {
from {
    opacity: 0;
}

to {
    opacity: 1;
}
}

@keyframes tbmove {
0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

50% {
    -webkit-transform: translate(10px, -10px);
    transform: translate(10px, -10px);
}

100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
}

@-webkit-keyframes tbmove {
0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

50% {
    -webkit-transform: translate(10px, -10px);
    transform: translate(10px, -10px);
}

100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
}

@media all and (min-width: 1200px) {
.textup {
    transform: translate3d(0, 80px, 0);
    -webkit-transform: translate3d(0, 80px, 0);
    -ms-transform: translate3d(0, 80px, 0);
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.in-view .textup {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.fadein {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    -webkit-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
}

.fadeinup {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    -ms-filter: "alpha(opacity=0)";
    -webkit-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
}

.fadeindown {
    opacity: 0;
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
    -ms-filter: "alpha(opacity=0)";
    -webkit-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
}

.fadeinleft {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px);
    -ms-filter: "alpha(opacity=0)";
    -webkit-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
}

.fadeinright {
    opacity: 0;
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
    -ms-filter: "alpha(opacity=0)";
    -webkit-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    -moz-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    -ms-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    -o-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
}

.in-view .fadein {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
}

.in-view .fadeinup,
.in-view .fadeindown {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -ms-filter: "alpha(opacity=100)";
}

.in-view .fadeinleft,
.in-view .fadeinright {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -ms-filter: "alpha(opacity=100)";
}

.delay1 {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.delay2 {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.delay3 {
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms;
}

.delay4 {
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms;
}

.delay5 {
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.delay6 {
    -webkit-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.delay7 {
    -webkit-transition-delay: 1400ms;
    transition-delay: 1400ms;
}

.delay8 {
    -webkit-transition-delay: 1600ms;
    transition-delay: 1600ms;
}

.delay9 {
    -webkit-transition-delay: 1800ms;
    transition-delay: 1800ms;
}

.delay10 {
    -webkit-transition-delay: 2000ms;
    transition-delay: 2000ms;
}

.delay11 {
    -webkit-transition-delay: 2200ms;
    transition-delay: 2200ms;
}

.delay12 {
    -webkit-transition-delay: 2400ms;
    transition-delay: 2400ms;
}
}

/*Zoho-Animations*/

/* DE starts */
.i18n-de .banner-sec .banner-content {
    max-width: 590px;
}
/* DE ends */
/* AR start */
.i18n-ar .text-center *,
.bottom-cta-sec .block-content{
    text-align: center;
}
.i18n-ar .text-left *{
    text-align: left;
}
.i18n-ar .text-right *{
    text-align: right;
}
.i18n-ar .find-files-sec .form-group *{
    text-align: left;
}
.i18n-ar .feature-box ul li{
    padding: 0px;
}
@media only screen and (max-width: 767px){
    .i18n-ar .block-content * {
        text-align: center;
    } 
    .i18n-ar .feature-image .ztoggle-box{
        text-align: right;
    }
}
@media only screen and (min-width: 768px){
    .i18n-ar .feature-block > .zflex-two-col:last-child {
        margin-left: unset;
        margin-right: auto;
    }
}
@media only screen and (min-width: 992px){
    .i18n-ar .feature-points-sec .zblock-box2 {
        padding-right: unset;
        padding-left: 8%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1080px){
    .i18n-ar .feature-image .image-wrap {
        transform: translate(5%,0) scale(calc(0.9));
    }
    .feature-image .image-wrap .main-icon {
        transform: translate(-30%, 0) scale(calc(0.9));
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .i18n-ar .feature-image .image-wrap {
        transform: translate(18%,-30px) scale(calc(0.74));
    }
    .feature-image .image-wrap .main-icon {
        transform: translate(-5%, 0) scale(calc(0.9));
    }

.i18n-ar .feature-image .image-wrap .main-icon {
    transform: translate(-100%,0) scale(calc(0.9));
}
}
/* AR ends */