/* $Id:$ */
@font-face {
    font-family: 'lato';
    src: url('../fonts/Lato-Regular.8ab18d934cfa1e51dc8273cd8585387e.eot');
    src: url('../fonts/Lato-Regular.8ab18d934cfa1e51dc8273cd8585387e.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Regular.bd03a2cc277bbbc338d464e679fe9942.woff2') format('woff2'),
        url('../fonts/Lato-Regular.27bd77b9162d388cb8d4c4217c7c5e2a.woff') format('woff'),
        url('../fonts/Lato-Regular.6d4e78225df0cfd5fe1bf3e8547fefe4.ttf') format('truetype');
    font-weight:400;
}
@font-face {
    font-family: 'lato';
    src: url('../fonts/Lato-Medium.cecc32d267ee07ce3413637314b66ca0.eot');
    src: url('../fonts/Lato-Medium.cecc32d267ee07ce3413637314b66ca0.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Medium.0996d39c4cf5d223a14559dfa37047fd.woff2') format('woff2'),
        url('../fonts/Lato-Medium.acbd6ecc97c80340e9bf00ea80063234.woff') format('woff'),
        url('../fonts/Lato-Medium.06e1c8dbe641dd9dfa4367dc2a6efb9f.ttf') format('truetype');
    font-weight:500;
}
@font-face {
    font-family: 'lato';
    src: url('../fonts/Lato-Bold.a2fb219c999a8fa6b95ad7c24890072e.eot');
    src: url('../fonts/Lato-Bold.a2fb219c999a8fa6b95ad7c24890072e.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Bold.cccb897485813c7c256901dbca54ecf2.woff2') format('woff2'),
        url('../fonts/Lato-Bold.d878b6c29b10beca227e9eef4246111b.woff') format('woff'),
        url('../fonts/Lato-Bold.5b1b8b856d7a8cb1cb0bae6d0573f2e9.ttf') format('truetype');
    font-weight:700;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'latoregular';
        src: url('../fonts/Lato-Regular.svg#latoregular') format('svg');
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'latobold';
        src: url('../fonts/Lato-Bold.svg#latoregular') format('svg');
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'latoblack';
        src: url('../fonts/Lato-Medium.svg#latoregular') format('svg');
    }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html {
  font-size: 62.5%;
  height:100%;
}
body {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1;
  overflow: hidden;
  background: #fff;
  font-family:lato;
  font-weight:400;
  color: #111;
  font-size: 1.3rem;
  letter-spacing: .1px;
  height:100%;
}
a {
  text-decoration: none;
  cursor: pointer;
  outline: 0;
}

.zc-popupHide {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}
.zc-popupHide.zc-popupShow {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
}
/**** new desktop app download style start ****/
.zc-AppDownload{
    font-weight:400;
    height:100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding:40px 55px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background:-webkit-linear-gradient(-223deg, #344991 -10%, #192164 39%);
    background:linear-gradient(-223deg, #344991 -10%, #192164 39%);
    background: -moz-linear-gradient(-223deg, #344991 -10%, #192164 39%);
    background: -o-linear-gradient(-223deg, #344991 -10%, #192164 39%);

}
.zc-AppDownload .zc-desktopHeader .zc-logo{
    width:150px;
}
.zc-AppDownload .zc-desktopHeader >label{
    display:inline-block;
}
.zc-AppDownload .zc-desktopHeader .zc-leftRect,.zc-AppDownload .zc-desktopHeader .zc-rightRect{
    width:335px;
    height:335px;
    position: absolute;
    border-radius:100px;
     background: rgba(0, 0, 0, 0.08);
     transform: rotate(-60deg);
}
.zc-AppDownload .zc-desktopHeader .zc-leftRect{
    left: -190px;
    top: 60px;
}
.zc-AppDownload .zc-desktopHeader .zc-rightRect{
    right: -110px;
    top: -25px;
}
.zc-AppDownload .zc-desktopHeader .zc-leftRect:before,.zc-AppDownload .zc-desktopHeader .zc-rightRect:before{
    content: "";
    position: absolute;
    width:110px;
    height:110px;
    border-radius:25px;
    background: rgba(0, 0, 0, 0.08);
    transform: rotate(-1deg);
}
.zc-AppDownload .zc-desktopHeader .zc-leftRect:before{
    left: 170px;
    top: 350px;
}
.zc-AppDownload .zc-desktopHeader .zc-rightRect:before{
    right: 185px;
    top: -125px;
}
.zc-AppDownload .zc-desktopContainer{
    text-align: center;
    color:#fff;
    max-width:1024px;
    margin:10px auto 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.zc-AppDownload .zc-desktopContainer h5{
   font-size: 100px;
   line-height: 1.5;
   color:#00CD65;
   font-weight: bold;
}
.zc-AppDownload .zc-desktopContainer .zc-connectApp{
    font-size: 30px;
} 
.zc-AppDownload .zc-desktopContainer >p{
    font-size: 16px;
    color:rgba(193, 200, 255, 0.75);
    width:590px;
    margin:20px auto 55px;
    line-height: 1.5;
}
.zc-AppDownload .zc-desktopContainer ul{
    margin:0 auto 150px;
    left:100%
}
.zc-AppDownload .zc-desktopContainer >ul li{
    display:inline-block;
    margin-right:30px;
    text-align:initial;
}
.zc-AppDownload .zc-desktopContainer >ul li:last-child{
    margin:0;
}
.zc-AppDownload .zc-desktopContainer >ul li >a{
    display:inline-block;
    width:300px;
    height:86px;
    border-radius:45px;
    position: relative;
    padding:20px 25px 20px 80px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    color:#fff;
    vertical-align: top;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.15);
    cursor: default;
}
.zc-AppDownload .zc-desktopContainer >ul li.zc-exeDwd >a{
    min-width: 300px;
}

.zc-AppDownload .zc-desktopContainer >ul li.zc-macDownload a{
    background: #DFE4ED;
    color:#10233A;
    cursor: pointer;
}
.zc-AppDownload .zc-desktopContainer >ul li.zc-macDownload a:hover{
    background: #f5f7fb;
}
.zc-AppDownload .zc-desktopContainer >ul li.zc-appDownloadBtn a:hover p{
    opacity:1;
}
.zc-AppDownload .zc-desktopContainer >ul li.zc-appDownloadBtn a:hover{
    cursor:pointer;
}
.zc-AppDownload .zc-desktopContainer >ul li.zc-windowsDownload a{
    background: #00ADEF;
}
.zc-AppDownload .zc-desktopContainer >ul li a p{
    opacity: 1;
    transition:opacity 0.7s ease;
}
.zc-AppDownload .zc-desktopContainer >ul li a  .zc-biteSize{
   position: absolute;
   opacity: 0;
   top:20px;
   display:flex;
   transition: opacity 0.7s ease;
}
.zc-AppDownload .zc-desktopContainer >ul li.zc-windowsDownload a:hover{
    background: #029dd8;
}
.zc-AppDownload .zc-desktopContainer >ul li a:hover p{
    opacity: 0;
}

.zc-AppDownload .zc-desktopContainer >ul li.zc-macDownload.zc-exeDwd a:hover p{
    opacity: 0;
}
.zc-AppDownload .zc-desktopContainer >ul li.zc-linuxDownload a:hover p{
    opacity: 1;
}
.zc-AppDownload .zc-desktopContainer >ul li a:hover .zc-biteSize{
    opacity: 1;
}
.zc-AppDownload .zc-desktopContainer >ul li a .zc-appBite{
    display:inline-block;
    width:100px;
    font-size: 16px;
    border:1px solid #fff;
    border-radius: 30px;
    padding: 5px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-right:5px;
    text-align: center;
    line-height: 1.3;
    cursor: pointer;
     text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.zc-AppDownload .zc-desktopContainer >ul li.zc-macDownload .zc-biteSize {
    width:initial;
}
.zc-AppDownload .zc-desktopContainer >ul li.zc-macDownload .zc-biteSize .zc-appBite{
    border-color: rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.05);
}
.zc-AppDownload .zc-desktopContainer >ul li.zc-macDownload .zc-biteSize .zc-appBite:hover{
    background: rgba(0, 0, 0, 0.08);
}
.zc-AppDownload .zc-desktopContainer >ul li a .zc-appBite:hover{
   background:rgba(0, 0, 0, 0.10);
}
.zc-AppDownload .zc-desktopContainer >ul li a .zc-appBite:last-child{
    margin-right:0;
}
.zc-AppDownload .zc-desktopContainer >ul li a .zc-appBite i{
    font-size: 11px;
    display: block;
    line-height: 1.5;
     text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.zc-AppDownload .zc-desktopContainer >ul li.zc-linuxDownload a{
    background: #F49500;
}
.zc-AppDownload .zc-desktopContainer >ul li.zc-linuxDownload a:hover{
    background: #de8800;
}
.zc-AppDownload .zc-desktopContainer >ul li >a >i{
    position: absolute;
    left:15px;
    top:15px;
}
.zc-AppDownload .zc-desktopContainer >ul li >a >i .zc-appIcon{
     position: absolute;
}
.zc-AppDownload .zc-desktopContainer >ul li a >i  .zc-exeFile{
    top:9px;
    left:11px;
}
.zc-AppDownload .zc-desktopContainer >ul li a >i .zc-macLogo{
    top:11px;
    left:14px;
}
.zc-AppDownload .zc-desktopContainer >ul li >a >i .zc-windowsLogo{
    top:17px;
    left:17px; 
}
.zc-AppDownload .zc-desktopContainer >ul li >a >i  .zc-linuxLogo{
    top:12px;
    left:15px; 
}
.zc-AppDownload .zc-desktopContainer >ul li >a p label,
.zc-AppDownload .zc-desktopContainer >ul li >a p span{
    display:block;
    width:100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.zc-AppDownload .zc-desktopContainer >ul li >a label{
    font-size: 18px;
    line-height: 1.6;
    cursor: pointer;
    font-weight:700;
}
.zc-AppDownload .zc-desktopContainer .zc-otherOsLInk p{
    font-size: 1.4rem;
    color:#979ED8;
    line-height: 1.8;
    margin-bottom:10px;
}
.zc-AppDownload .zc-desktopContainer .zc-otherOsLInk >a{
    display: inline-block;
    padding:5px 30px 5px 15px;
    font-size: 1.35rem;
    border:1px solid #00CD65;
    color:#00CD65;
    border-radius: 30px;
    line-height: 1.5;
    position: relative;
}
.zc-AppDownload .zc-desktopContainer .zc-otherOsLInk >a:hover{
    background: rgba(0, 205, 101, 0.15);
}
.zc-AppDownload .zc-desktopContainer .zc-otherOsLInk >a:before,.zc-AppDownload .zc-desktopContainer .zc-otherOsLInk >a:after{
    content:"";
    width:1px;
    height:6px;
    background: #00CD65;
    position: absolute;
    right:18px;
    border-radius: 1px;
}
.zc-AppDownload .zc-desktopContainer .zc-otherOsLInk >a:before{
    transform: rotate(50deg);
    top:13px;
}
.zc-AppDownload .zc-desktopContainer .zc-otherOsLInk >a:after{
    transform: rotate(-50deg);
    top:10px;
}
.zc-AppDownload .zc-desktopContainer .zc-Outlook{
	width: 350px;
}
.zc-AppDownload .zc-desktopContainer .zc-Outlook2013{
	width: 450px;
}
.zc-subHeading{
    display:block;
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 10px;
    color:#78B8FF;
}
.zc-AppDownload .zc-desktopContainer  .zc-subHeading+ul{
   margin-bottom:50px; 
}
/**** new desktop app download style end ****/
/* media query for desktop apps */
@media screen and (max-width:1100px){
    .zc-AppDownload {
        padding:40px 20px;
    }
}
@media screen and (max-width:1000px){
    .zc-AppDownload .zc-desktopContainer ul li{
        display:block;
        text-align: center;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .zc-AppDownload .zc-desktopContainer ul li a{
        text-align: left;
        min-width: 300px;
    }
}
@media screen and (max-width:980px){
    .zc-AppDownload .zc-desktopContainer{
        width:100%;
        padding:0 20px;
    }
}
@media screen and (max-width:768px){
    .zc-AppDownload .zc-desktopContainer h5{
        font-size: 75px;
    }
    .zc-AppDownload .zc-desktopContainer >p{
         width:100%;
    }
}