/**
 * $Id: $ * 
 */
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 {
    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;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* Reset ================================================================================= */
* { margin:0; padding:0; }

ul,ol{list-style: none;}


@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-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;
}


body          {overflow: hidden;}
html,body     {height:100%;}
body          {font:14px/1.5 'lato',arial; color:#2f2f2f;}

img           {border:0; vertical-align:top; }

input[type="url"],
input[type="password"],
input[type="text"]{display: block;width: 100%;box-sizing: border-box;padding: 12px;border: 1px solid #c1cdda;border-radius: 3px;font-size: 15px;font-family: 'lato';}
input[type="submit"] {padding: 7px 20px;text-align: center;cursor: pointer;outline: 0;min-width: 90px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 15px;background: #44b77f;border: 1px solid #3aa772;color: #fff;font-family: lato;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;}
button,
input[type="button"] {padding: 7px 20px;text-align: center;cursor: pointer;outline: 0;min-width: 90px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 15px;background: #44b77f;border: 1px solid #3aa772;color: #fff;font-family: lato;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;}

input[type="submit"]:hover{background:#3aa772;}
input[type="button"]:hover{background:#3aa772;}

input[type="url"]:focus,
input[type="text"]:focus{outline: 0;border:1px solid #09f;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;}

input[type="submit"].zc-lineButton{background: #fff;border-color:#8a8a8a;color:#888;margin: 0 10px;}
input[type="button"].zc-lineButton{background: #fff;border-color:#8a8a8a;color:#888;margin: 0 10px;}
.radio {
    display: inline-block;
    position: relative;
}
.radio input[type="radio"] {
    opacity: 0;
    width: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}
.radio input[type="radio"]:checked+mark {
    background: #fff;
    border: 1px solid #3aa772;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.radio input[type="radio"]:checked+mark:before {
    content: ' ';
    background: #3aa772;
    width: 8px;
    height: 8px;
    display: block;
    margin: 3px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.radio input[type="radio"]+mark {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #919191;
    background: #fff
}
label.radio span {
    top: 2px;
    position: relative;
    padding-left: 3px;
}
.checkbox {
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.checkbox input[type="checkbox"] {
    opacity: 0;
    width: 0;
    margin: 0;
}
.checkbox input[type="checkbox"]:checked+mark {
    border: 1px solid #19a589;
    background: #1ab394;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.checkbox input[type="checkbox"]+mark {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #bfc9d4;
    background: #fff;
    margin-right: 8px;
    vertical-align: middle;
    top: -1px;

}
.checkbox input[type="checkbox"]:checked+mark:before {
    background: #fff;
    content: " ";
    height: 2px;
    width: 6px;
    position: absolute;
    left: 1px;
    top: 8px;
    -webkit-transform: rotate(42deg);
    -moz-transform: rotate(42deg);
    -o-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    transform: rotate(42deg);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.checkbox input[type="checkbox"]:checked+mark:after {
    background: #fff;
    content: " ";
    height: 11px;
    width: 2px;
    left: 8px;
    position: absolute;
    top: 2px;
    -webkit-transform: rotate(42deg);
    -moz-transform: rotate(42deg);
    -o-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    transform: rotate(42deg);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.zc-errorMsg{
    display: block;
    margin-top: 5px;
    color: #c56c6c;
    line-height: 1.3;
}
.zc-sucMsg{
    display: block;
    margin-top: 5px;
    color:#3aa772;
    line-height: 1.3;
}
/* dropdown */
.zc-dropdown{
    position: absolute;
    top: 25px;
    width:275px;
    z-index:2;
    text-align: left;
}
.popupHide,.popupShow{
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}
.popupHide{
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    visibility: hidden;
}
.popupShow{
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible;
}
.zc-signupcon .zc-rightCol .zc-dropdown p,
.zc-dropdown p{
    float:right;
    max-width:100%;
    font-size:14px;
    line-height: 1.45;
    padding:8px 10px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border:1px solid transparent;
    margin: 0;
}
.zc-dropdown.errorInfo p{
    background-color: #D93025;
    border-color:#D93025;
    color:#fff;
}
.zc-signupcon .zc-rightCol .zc-dropdown.info p,
.zc-dropdown.info p{
    float:left;
    color:#111;
    border-color:#F8DCAD;
    background-color: #FFF2DF;
    margin:0;
}
.zc-dropdown.errorInfo.arrow.bottomArrowRight:before{
    border-top-color:#D93025;
}
.zc-dropdown.errorInfo.arrow.bottomArrowRight:after{
    border-top-color:#D93025;
}
.arrow:before, .arrow:after {
    content: " ";
    position: absolute;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
}
.arrow:before {
    border-color: rgba(224, 224, 224, 0);
    border-width:7px;
}
.arrow:after {
    border-color: rgba(255, 255, 255, 0);
    border-width:7px;
}
.arrow.bottomArrowRight:after{
    right:20px;
    top:100%;
    margin-top: -1px;
}
.arrow.bottomArrowRight:before {
    right:19px;
    top:100%;
}
.arrow.topArrowRight:before,.arrow.topArrowRight:after{
    right: 8px;
    bottom:100%;
}
.arrow.topArrowRight:before{
    border-bottom-color:#bfc9d4;
    border-width:8px;
    right: 7px;
}
.arrow.topArrowRight:after{
    border-bottom-color:#fff;
}
/* dropdown */
.ci-copyIcon{
    position: absolute;
    right:0;
    top:0;
    width:32px;
    height:32px;
    padding:5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
}
.ci-copyIcon:before,.ci-copyIcon:after{
    content: "";
    position:absolute;
    width:16px;
    height:16px;
    border:1px solid #96949D;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.ci-copyIcon:before{
    top: 6px;
    left: 8px;
}
.ci-copyIcon:after{
    top: 9px;
    left: 5px;
    background-color: #fff;
}
.ci-copyIcon:hover:before,.ci-copyIcon:hover:after{
    border-color: #111;
}
.zc-invalid{-webkit-animation: shake .4s cubic-bezier(.645,.045,.355,1);
            animation: shake .4s cubic-bezier(.645,.045,.355,1);}

    @keyframes shake{
        0%,to{
            -webkit-transform:translateX(0);
            transform:translateX(0)}
        20%{
            -webkit-transform:translateX(8px);
            transform:translateX(8px)}
        40%{
            -webkit-transform:translateX(-6px);
            transform:translateX(-6px)}
        60%{
            -webkit-transform:translateX(4px);
            transform:translateX(4px)}
        80%{
            -webkit-transform:translateX(-2px);
            transform:translateX(-2px)}
    }

.zc-pa{position: absolute;top:0;left:0;}

.formGroup.zc-mailIdCont .infoHint{
    display: block;
    top:-1px;
    right:0;
    width:initial;
    cursor:pointer;
}
.formGroup.zc-mailIdCont .infoHint .ci-info{
    border-color:#EAB647;
}
.formGroup.zc-mailIdCont .infoHint .zc-dropdown{
    right:initial;
    left:-19px;
}
.formGroup.zc-mailIdCont .infoHint .zc-dropdown:before{
    border-top-color:#F8DCAD;
    left:20px;
}
.formGroup.zc-mailIdCont .infoHint .zc-dropdown:after{
    border-top-color:#FFF2DF;
    left:20px;
}
.formGroup.zc-mailIdCont .infoHint .zc-dropdown:before,
.formGroup.zc-mailIdCont .infoHint .zc-dropdown:after{
    right:initial;
}
.formGroup.zc-mailIdCont .infoHint .ci-info:before{
    color:#EAB647;
}
.formGroup.zc-mailIdCont .zc-mailId{
    display: block;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 700;
}
.formGroup.zc-mailIdCont label{
    display: inline-block;
    position:relative;
    padding-right: 25px;
    color:#525252;
    line-height: 1.1;
}
.formGroup.zc-mailIdCont label >span{
    font-size:15px;
}
.formGroup .infoHint{
    display:none;
    position: absolute;
    top:28px;
    right:15px;
    width:32px;
    text-align: right;
    background-color: #fff;
}
.formGroup.errorField .infoHint{
	display:block;
}
.formGroup .infoHint .zc-dropdown{
    right:-20px;
    bottom:30px;
    top: initial;
}
.ci-info{
    display:inline-block;
    width:16px;
    height:16px;
    border:1px solid #D93025;
    color:#D93025;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    padding: 2px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height:0;
    text-align: center;
}
.ci-info:before{
    content: "i";
    font-family: georgia;
    font-size:12px;
    line-height: 1;
}
.zc-formTitle{font-family:lato;font-size: 16px;display: block;margin-bottom:5px;}
.zc-signupcon{position: fixed;top:0;right:0;left:0;bottom:0;}
.zc-formScrollCont{
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: flex;
    align-items: center;
    padding-top:100px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.zc-logoHeader{
    position: fixed;
    top:0;
    left:0;
    right:0;
    z-index: 5;
}
.zc-logoHeader .zc-logoContainer{
    padding:25px 45px;
}
.zc-logoHeader .zc-connectLogo{
    float:left;
}
.zc-logoHeader .zc-userProfile{
    float:right;
    position: relative;
}
.zc-iconsmallDropdown.ci-smalldownArrow:before,
.zc-iconsmallDropdown.ci-smalldownArrow:after{
    content: "";
    position: absolute;
    width:2px;
    height:6px;
    background-color:#697386;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
.zc-iconsmallDropdown.ci-smalldownArrow:before{
    transform: rotate(45deg);
    top: 6px;
    left: 9px;
}
.zc-iconsmallDropdown.ci-smalldownArrow:after{
    transform: rotate(-45deg);
    left: 6px;
    top: 6px;
}
.zc-logoHeader .zc-userProfile .zc-iconsmallDropdown{
    position: absolute;
    top:10px;
    right:-10px;
    width:20px;
    height:20px;
    border:2px solid #fff;
    text-align:center;
    font-size:1.6rem;
    background-color:#e3e8ee;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    z-index: 1;
    cursor:pointer;
}
.avatar{
    display: inline-block;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.avatar img{
    width:100%;
    height:100%;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
}
.zc-userProfile .avatarMedium{
    width: 42px;
    height: 42px;
    cursor:pointer;
}
.zc-userProfile .zc-dropdown{
    position: absolute;
    right:-16px;
    top:32px;
    min-width:200px;
    white-space: nowrap;
    background:#fff;
    padding: 10px 0;
    border: 1px solid #bfc9d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 3;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width:initial;
    max-width: 350px;
}
.zc-userProfile .zc-dropdown li{
    padding: 6px 15px;
    color:#111;
    font-size:13px;
    line-height: 1.6;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}
.zc-userProfile .zc-dropdown li a{
    color:#111;
    text-decoration:initial;
}
.zc-userProfile .zc-dropdown li:hover{
	color:#44b77f;
    background-color: #ecf8f2;
}
.zc-userProfile .zc-dropdown li:hover a{
	color:#44b77f;
}
.zc-userProfile .zc-dropdown li.deletePostLink a,.zc-userProfile .zc-dropdown li.deletePostLink:hover a{
    color:#E25A5A;
}
.zc-userProfile .zc-dropdown li.deletePostLink:hover{
    color:#E25A5A;
    background-color: #fff3f3;
}
.zc-userProfile .zc-dropdown li.zc-userInfo{
    margin-bottom:10px;
    cursor: initial;
    position: relative;
    overflow: visible;
    padding-top:0;
}
.zc-userProfile .zc-dropdown li.zc-userInfo:before{
    content:"";
    position: absolute;
    bottom:-5px;
    left:15px;
    right:15px;
    height:1px;
    background-color:#e3e8ee; 
}
.zc-userProfile .zc-dropdown li.zc-userInfo:hover{
    color:#111;
    background-color: transparent;
}
.zc-userInfo .zc-infoCont{
    padding-left:42px;
    position:relative;
    min-height: 48px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: flex;
    align-items: center;
}
.zc-userDetail{
    width: 100%;
}
.zc-userInfo .zc-infoCont .avatar{
    position:absolute;
    left:0;
    top:8px;
}
.avatarSmall{
    width:32px;
    height:32px;
}
.zc-userInfo span,
.zc-userInfo label{
    display: block;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor:default;
}
.zc-userInfo label{
    font-weight:700;
}
.zc-userInfo span{
    color:#697386;
}
.zc-userInfo span i{
    color:#4e566d;
}
.zc-logoHeader .zc-logoContainer,.zc-signUpMidCont{
    min-width: 1000px;
    max-width: 1190px;
    margin:0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.zc-signUpMidCont{
    height:100%;
}
.zc-connectLogo img{
   height:36px;
}
.zc-signUpMidCont .zc-leftCol,.zc-signUpMidCont .zc-rightCol{
    float:left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.zc-signupcon .zc-leftCol{
    width: 680px;
    padding: 5px 25px 25px;
    text-align: center;
}
.zc-signupcon .zc-rightCol{
    padding: 45px 10px;
    width:500px;
}
.zc-signupcon .zc-leftCol .zc-imgWrapper{display: block;margin: auto;}
.zc-signupcon .zc-leftCol .zc-imgWrapper img{
    max-height: 100%;
    max-width: 100%;
}
.zc-signupcon .zc-rightCol .zc-formCon .zc-formcon{margin-top: 40px;}

.zc-signupcon .zc-rightCol .zc-successMsg{padding: 10px 20px;background: #E7F8CF;color: #4E732C;border-radius: 3px;margin: 30px 0;line-height: 1.3;border: 1px solid #cfe7ae;}
.zc-signupcon .zc-rightCol .zc-successMsg strong,
.zc-signupcon .zc-rightCol .zc-infoMsg strong{
    font-weight: 700;
}
.zc-signupcon .zc-rightCol .zc-infoMsg{
    background: #fff3cd;
    border: 1px solid #e7dab1;
    color:#957920;
    padding: 10px 20px;
    border-radius: 3px;
    -webkit-border-radius:3px;
    -moz-border-radius: 3px;
    margin: 30px 0;
}
.zc-signupcon .zc-rightCol h2{
    font-size: 32px;
    font-family:lato;
    color: #000;
    position: relative;
    line-height: 42px;
    letter-spacing: -1px;
    margin-bottom: 20px;
    font-weight: 700;
}
.zc-signupcon .zc-rightCol .zc-formTitle{
    font-size: 16px;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #111;
    font-weight: 800;
    transition: font-weight 0.3s ease-in-out;
    -webkit-transition: font-weight 0.3s ease-in-out;
    -moz-transition: font-weight 0.3s ease-in-out;
    -o-transition: font-weight 0.3s ease-in-out;
    -ms-transition: font-weight 0.3s ease-in-out;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.zc-signupcon .zc-rightCol input{
    padding:12px 15px;
    font-size: 17px;
    line-height: 1.45;
    transition: font-weight 0.3s ease-in-out;
    -webkit-transition: font-weight 0.3s ease-in-out;
    -moz-transition: font-weight 0.3s ease-in-out;
    -o-transition: font-weight 0.3s ease-in-out;
    -ms-transition: font-weight 0.3s ease-in-out;
}
.zc-signupcon .zc-rightCol .zc-mailIdCont{
    padding-left:12px;
    border-left: 5px solid #eab646;
    padding-right: 50px;
    position: relative;
}
.zc-signupcon .zc-rightCol p{font-size: 16px;margin-bottom: 30px;color:#697386;line-height: 25px;}
.zc-signupcon .zc-rightCol .zc-helpText{display: block;color: #a8acb1;margin-top: 5px;font-size: 13px;}
.zc-signupcon .zc-rightCol .zc-helpText strong{color: #000;font-weight: bold;}
.zc-signupcon .zc-rightCol .zc-infoText{
    text-align: right;
    font-size:14px;
    color:#697386;
    line-height: 1.45;
    margin:0;
}
.zc-signupcon .zc-rightCol .zc-exampleTxt{
    font-size:14px;
    line-height: 1.45;
    color:#697386;
    text-align: right;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin:0;
}

.zc-signupcon .zc-rightCol .zc-exampleTxt.zc-succMsg span{
    color:#4E9A58;
}
.zc-signupcon .zc-rightCol .zc-exampleTxt.zc-errorMsg span{
    color:#D93025;
}
.zc-signupcon .zc-rightCol .zc-exampleTxt span{
    color:#111;
}
.zc-signupcon .zc-rightCol .errorField .zc-exampleTxt,.zc-signupcon .zc-rightCol .errorField .zc-exampleTxt span{
    color:#D93025;
}
.zc-signupcon .zc-rightCol .zc-loadingGrp .infoHint{
	display:none;
    position: absolute;
    top:14px;
    right:16px;
    width:32px;
    text-align: right;
    background-color: #fff;
}
.zc-signupcon .zc-rightCol .zc-loadingGrp .ci-info{
    width:18px;
    height:18px;
}
.zc-signupcon .zc-rightCol .zc-loadingGrp.errorField .infoHint{
	display:block;
}
.zc-signupcon .zc-rightCol .zc-loadingGrp .infoHint .zc-dropdown{
    right:-17px;
    bottom:30px;
    top: initial;
}
.zc-rightCol .zc-loadingGrp .zc-dropdown.errorInfo p{
    color:#fff;
}
.zc-loadingGrp{
    position: relative;
}
.zc-loadingGrp .zc-animationTick{
    position: absolute;
    right:15px;
    top:12px;
    background-color: #fff;
}
.zc-loadingGrp .zc-animationTick svg{
    width:28px;
    height:28px;
}
.zc-loadingGrp .spinner{
    position: absolute;
    right:15px;
    top:15px;
}
.formGroup .zc-loadingGrp input{
    padding-right: 50px;
}
.zc-signupcon .zc-rightCol .zc-formcon li{padding-bottom:35px;position: relative;}
.zc-signupcon .zc-rightCol .zc-formcon li.password{margin: 30px 0;}
.zc-signupcon .zc-rightCol input[type="submit"]{float: right;}
.zc-signupcon .zc-rightCol input[type="button"]{float: right;}

.zc-signupcon .zc-rightCol .zc-inviteUsers .zc-formcon li{padding-right: 30px;}
.zc-signupcon .zc-rightCol .zc-community-url{position:absolute;top:28px;bottom:1px;line-height:1.7;right:133px;padding:10px 2px 10px 15px;}
.zc-signupcon .zc-rightCol .zc-url{color: #8b9195;position: absolute;top: 27px;bottom:1px;line-height:1.7;left: 1px;padding: 10px 2px 10px 15px;background: #f5f5f5;border-radius: 2px 0 0 2px;}
.zc-signupcon .zc-rightCol .zc-formcon li input[type="text"].zc-urlInput{padding-left:170px;padding-right:55px;}
.zc-signupcon .zc-rightCol .zc-formcon li input[type="text"]:disabled{background: #f5f5f5}
.zc-signupcon .zc-rightCol .zc-formcon li.zc-submitBtn{
    padding-top:10px;
}
.zc-signupcon .zc-rightCol .zc-formcon li.zc-submitBtn button{
    width:100%;
    padding:13px 20px 11px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.4;
    font-weight:700;
    font-family:lato;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    letter-spacing: 0.2px;
}

.zc-signupcon .zc-rightCol .zc-externalLink{
    text-align: center;
    padding:0 40px 35px;
}
.zc-signupcon .zc-rightCol .zc-externalLink p{
    font-size: 15px;
    color:#111;
}
.zc-signupcon .zc-rightCol .zc-externalLink p a{
    color:#3a90bc;
}
.zc-rightCol .zc-formcon li.zc-checkBox .checkbox{
    padding-left: 36px;
    font-size:15px;
    font-weight:700;
    line-height:1.8;
} 
.zc-rightCol .zc-formcon li.zc-checkBox .checkbox mark{
    position: absolute;
    left:0;
    width:28px;
    height:28px;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.zc-checkBox .checkbox input[type="checkbox"]:checked+mark:before{
    left: 3px;
    top: 10px;
}
.zc-checkBox .checkbox input[type="checkbox"]:checked+mark:after{
    left: 10px;
    top: 3px;
}
.zc-pa-b{position: absolute;left: 0;bottom: -23px;}


.community-tick{position: absolute;right: 257px;top: 44px;}
.community-tick:before {background: #38BB86;content: " ";height: 2px;width: 7px;position: absolute;left: 1px;top: 8px;-webkit-transform: rotate(42deg);-moz-transform: rotate(42deg);-o-transform: rotate(42deg);-ms-transform: rotate(42deg);transform: rotate(42deg);-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.community-tick:after {background: #38BB86;content: " ";height: 12px;width: 2px;left: 9px;position: absolute;top: 1px;-webkit-transform: rotate(42deg);-moz-transform: rotate(42deg);-o-transform: rotate(42deg);-ms-transform: rotate(42deg);transform: rotate(42deg);-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}


.tick{position: absolute;right: 30px;top: 40px;}
.tick:before {background: #38BB86;content: " ";height: 2px;width: 7px;position: absolute;left: 1px;top: 8px;-webkit-transform: rotate(42deg);-moz-transform: rotate(42deg);-o-transform: rotate(42deg);-ms-transform: rotate(42deg);transform: rotate(42deg);-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.tick:after {background: #38BB86;content: " ";height: 12px;width: 2px;left: 9px;position: absolute;top: 1px;-webkit-transform: rotate(42deg);-moz-transform: rotate(42deg);-o-transform: rotate(42deg);-ms-transform: rotate(42deg);transform: rotate(42deg);-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}

.wrong{position: absolute;right: 30px;top: 40px;}
.wrong:before {background: #d86e6a;content: " ";height: 2px;width: 14px;position: absolute;left: 3px;top: 7px;-webkit-transform: rotate(42deg);-moz-transform: rotate(42deg);-o-transform: rotate(42deg);-ms-transform: rotate(42deg);transform: rotate(42deg);-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.wrong:after {background: #d86e6a;content: " ";height: 14px;width: 2px;left: 9px;position: absolute;top: 1px;-webkit-transform: rotate(42deg);-moz-transform: rotate(42deg);-o-transform: rotate(42deg);-ms-transform: rotate(42deg);transform: rotate(42deg);-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}

.zc-signupcon .zc-rightCol .zc-formcon li:hover .zc-close{display: block;}
.zc-close{display: none;padding: 9px;right: 8px;cursor: pointer;}
.zc-close:before,
.zc-close:after{background:#999;}

.zc-networkMsgCon .zc-networkMsg .zc-learnMore{color:#555;margin-top:20px;}
.zc-networkMsgCon .zc-networkMsg a{color: #56c9cc;font-family:lato;font-weight:700;}

.blueBG{background: #D6FAFF;}
.yellowBG{background: #F9F3DD;}
.zc-triangle{top:0;left:0;right:0;bottom:0;position: absolute;display: inline-block;text-align: center;color: white;transform-origin: 0 0;-webkit-transform: rotate(-30deg) skewX(30deg);-ms-transform: rotate(-30deg) skewX(30deg);transform: rotate(0deg) skewX(-30deg);z-index:-1;}

.disPlayNone{display:none;}
.zc-signupcon .zc-rightCol .zc-chooseNetwork{margin: 10px 0 20px;}
.zc-signupcon .zc-rightCol .zc-chooseNetwork .radio{font-size: 16px;font-weight:700;cursor:pointer}
.zc-signupcon .zc-rightCol .zc-chooseNetwork .zc-helpText{display: block;padding-left: 23px;margin-top: 8px;font-size: 15px;color: #888e92;margin-bottom: 40px;}
.zc-signupcon .zc-rightCol .zc-addUsers a{color: #44b77f;}

.zc-networkMsgCon{width:100%;height:100%;z-index: 4}
.zc-networkMsgCon .zc-networkMsg{text-align: center;width: 100%;margin: auto;position: relative;padding-bottom:50px;background-color: #fff;}
.zc-networkMsgCon .zc-networkMsg .zc-botImg{display: inline-block;left:50%;margin-left:-30px;height: 100px;overflow: hidden;position: absolute;top: -65px;z-index: -1;}
.zc-networkHeader{text-align: center;background: #56c9cc;color:#fff;padding: 30px;font-size: 24px;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.11);}
.zc-networkMsgCon .zc-networkMsg h2{font-family:lato;}
.zc-networkMsgCon .zc-networkMsg p{font-size:16px;margin-top: 5px;}
.zc-networkMsgCon .zc-networkMsg strong{color: #fff99f;}
.zc-networkMsgCon .zc-networkMsg .zc-networkMsgList{max-width: 600px;text-align:left;margin:50px auto;}
.zc-networkMsgCon .zc-networkMsg .zc-networkMsgList h4{font-size: 20px;font-family:lato;}
.zc-networkMsgCon .zc-networkMsg .zc-networkMsgList ul{list-style: decimal;font-size: 16px;margin-top:10px;}
.zc-networkMsgCon .zc-networkMsg .zc-networkMsgList ul li{padding:10px 0 10px 15px;line-height: 1.5;list-style-position: outside;margin-left: 15px;}
.zc-networkMsgCon .zc-networkMsg .zc-networkMsgList ul li a{font-family:lato;color: #369265;}
.zc-networkMsgCon .zc-networkMsg .zc-btn{margin:40px 0 30px;}
.zc-networkMsgCon .zc-networkMsg .zc-link{color: #09f;display: inline-block;cursor: pointer;}


.zc-diffOrgCont{    width: 100%;
    height: 100%;
    z-index: 4;}
.zc-diffOrg{
    width: 100%;
    background-color: #fff;
}
.zc-diffOrg .zc-topMessage{text-align: center;background: #56c9cc;color:#fff;padding: 30px;font-size: 24px;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.11);position: relative;}
.zc-diffOrg .zc-topMessage .zc-botImg{display: inline-block;width: 100px;height: 100px;overflow: hidden;position: absolute;left:50%;top: -65px;z-index: -1;margin-left:-50px;}
.zc-diffOrg .zc-topMessage .zc-orgName{font-family:lato;}
.zc-diffOrg .zc-topMessage strong{color: #fff99f;}
.zc-diffOrg .zc-topMessage p{font-size:16px;margin-top: 5px;}
.zc-diffOrg .zc-orgInfo{padding: 30px 20px;text-align: center;}
.zc-diffOrg .zc-orgInfo h4{font-size: 25px;color: #d08252;}
.zc-diffOrg .zc-orgInfo p{font-size: 16px;color: #565454;}

.zc-diffOrg .zc-networkCon{
	display: flex;
	text-align: center;
	justify-content: center;
	width: 900px;
	margin: 30px auto;
	padding: 0;
}
.zc-diffOrg .zc-networkCon .zc-netLeftCol.zc-networkJoinExt{
    border-right: 0;
}

.zc-netLeftCol,
.zc-netRightCol{padding:30px 50px;width:350px;}

.zc-netLeftCol{border-right: 1px solid #c8d8da;position: relative;}
.zc-netLeftCol .zc-orBtn{position: absolute;right: -29px;background: #56c9cc;padding: 3px 13px;border-radius: 23px;font-size: 12px;color: #fff;top: 50%;margin-top: -20px;border: 6px solid;}
.zc-netLeftCol .zc-errorMsg{margin-top: 20px;}
.zc-netLeftCol .zc-errorMsg a{color: #38b6ba;font-family: lato;font-weight: 700;margin: 0 5px;}

.zc-netLeftCol h3,
.zc-netRightCol h3{font-family: 'latoBold',lato;font-size: 26px; margin-bottom: 5px;}

.zc-netLeftCol p,
.zc-netRightCol p{font-size: 15px;color: #585555;min-height:100px;}

.zc-requestJoin{width:auto;max-width:900px;margin:0 auto;font-size: 15px;padding:30px;}
.zc-requestJoin .zc-backBtn{text-decoration: none;font-size: 16px;color: #ce9a46;display:inline-block;margin-bottom: 10px;}
.zc-requestJoin .zc-backBtn .zc-backArrow{border: solid #ce9a46;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;transform: rotate(135deg);-webkit-transform: rotate(135deg);vertical-align: middle;margin-right: 3px;margin-top: -2px;}
.zc-requestJoin h3{font-family: 'latoBold',lato;font-size: 26px; margin-bottom: 5px;}
.zc-requestJoin h4{font-family: 'latoBold',lato;font-size:18px;margin-bottom: 10px;}
.zc-requestJoin .zc-steps{margin: 30px 0 40px;}
.zc-requestJoin .zc-steps .zc-removeBtn{color: #d46d4a;font-family: lato;font-weight: 700;}
.zc-requestJoin .zc-steps .zc-points{list-style-type: decimal;list-style-position: inside;margin-bottom: 25px;}
.zc-requestJoin .zc-steps .zc-points li{margin: 10px 0;}



.spinner{text-align: center;margin: 0 5px;position: absolute;top:37px;right: 10px;}

.spinner.zc-loadSpinner{position:static;}
.spinner.zc-loadSpinner .spinnerItem1, 
.spinner.zc-loadSpinner .spinnerItem2,
.spinner.zc-loadSpinner .spinnerItem3{
    background-color:#fff;
   
}
.spinnerItem1,
.spinnerItem2, 
.spinnerItem3,
.spinnerItem4{
    width: 6px;
    height: 6px;
    background-color:#948e8e;
    border-radius:30px;
    position: relative;
    display: inline-block;
    top:-1px;
    animation: sk-bouncedelay 1s infinite ease-in-out both;
}

.spinnerItem1 {
    animation-delay: -0.40s;
}
.spinnerItem2 {
    animation-delay: -0.30s;
}
.spinnerItem3 {
    animation-delay: -0.20s;
}
.spinnerItem4 {
    animation-delay: -0.10s;
}

.zc-animationTick{
    display: block;
}
.zc-animationTick svg{
    width:64px;
    height:64px;
}
.zc-animationTick.zc-lineTick .circ,
.zc-animationTick.zc-lineTick .tick{
     stroke:#44b77f;
    fill: none;
    stroke-width: 2px;
}
.zc-animationTick .circ{
    opacity: 0;
    stroke-dasharray: 130;
    stroke-dashoffset: 130;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    fill:#EDF5EE;
}
.zc-animationTick .tick{
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    -webkit-transition: stroke-dashoffset 1s 0.5s ease-out;
    -moz-transition: stroke-dashoffset 1s 0.5s ease-out;
    -ms-transition: stroke-dashoffset 1s 0.5s ease-out;
    -o-transition: stroke-dashoffset 1s 0.5s ease-out;
    transition: stroke-dashoffset 1s 0.5s ease-out;
    stroke:#4E9A58;
    fill:none;
    stroke-width:2px;
}
.zc-animationTick .tick:before,.zc-animationTick .tick:after{
    display: none;
}
.zc-animationTick.zc-showTick svg .path{
    opacity: 1;
    stroke-dashoffset: 0;
}
.zc-ribbonMsg{
    position: fixed;
    top: 30px;
    left: 0;
    right: 0;
    z-index: 999999;
    height: 0;
    text-align: center;
}
.zc-ribbonMsg .zc-ribbonMsgCont{
   display: inline-block;
    background: #fff1dc;
    color: #111;
    padding: 6px 15px;
    margin: 0 auto;
    font-size: 14px;
    position: relative;
    max-width: 800px;
    min-height: 36px;
    border: 1px solid rgba(216, 147, 12, .32);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    animation: messageStrip 0.3s;
    -webkit-box-shadow: 0 4px 8px 0 rgba(218, 152, 23, .16);
    -moz-box-shadow: 0 4px 8px 0 rgba(218, 152, 23, .16);
    box-shadow: 0 4px 8px 0 rgba(218, 152, 23, .16)
}
.zc-ribbonMsg .zc-ribbonMsgCont .ci-info{
	margin-right:2px;
	color:#D68E00;
	border:1px solid #D68E00;
}
.zc-ribbonMsgCont.successMsg{
	background:#E3F7EC;
   	border: 1px solid rgba(33,159,117,.32);
   	-webkit-box-shadow: 0 4px 8px 0 rgba(33,159,117,.16);
   	-moz-box-shadow: 0 4px 8px 0 rgba(33,159,117,.16);
   	box-shadow:0 4px 8px 0 rgba(33,159,117,.16);
}
.zc-ribbonMsg .zc-ribbonMsgCont.successMsg .ci-info{
	color:#219F75;
	border:1px solid #219F75;
}
.zc-ribbonMsgCont.errorMsg,.zc-ribbonMsgCont.failureMsg{ 
   background:#FFE0E0;
   border: 1px solid rgba(218, 56, 45, .32);
   -webkit-box-shadow: 0 4px 8px 0 rgba(218, 56, 45, .16);
   	-moz-box-shadow: 0 4px 8px 0 rgba(218, 56, 45, .16);
   box-shadow :0 4px 8px 0 rgba(218, 56, 45, .16);
}
.zc-ribbonMsg .zc-ribbonMsgCont.errorMsg .ci-info,.zc-ribbonMsg .zc-ribbonMsgCont.failureMsg .ci-info{
	color:#DA382D;
	border:1px solid #DA382D;
}
.zc-ribbonMsgCont p{
    position: relative;
    line-height: 1.5;
    text-align: left;
}
@keyframes sk-bouncedelay {
    0.00%, 80%, 100% { 
        transform: scale(0);
        opacity: 0;
    } 40% { 
        transform: scale(1.0);
        opacity: 1;
    }
}   


/* Loading template */ 

.zc-templateLeft {
    position: fixed;
    top: 47px;
    width: 270px;
    bottom: 0;
    left: 0;
    z-index: 9;
    background: #0d233b;
}
.zc-templateLeft .zc-templateTitle {
    height: 47px;
    background: #1ab394;
    padding: 10px 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    justify-content: flex-start;
}
.zc-templateLeft .zc-templateTitle i {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: #10a788;
    margin-right: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.zc-templateLeft .zc-templateTitle span {
    width: 150px;
    height: 8px;
    display: inline-block;
    background-color: #10a788;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 10px;
}
.zc-templateLeft .zc-templateTitle i,
.zc-templateLeft .zc-templateTitle span {
    animation: background1 1s cubic-bezier(1, 0, 0, 1) infinite;
    -webkit-animation: background1 1s cubic-bezier(1, 0, 0, 1) infinite;
    -moz-animation: background1 1s cubic-bezier(1, 0, 0, 1) infinite;
    vertical-align: middle;
}
.zc-templateLeft .zc-templateMenu {
    width: 70px;
    height: 100%;
    background: #091a2c;
    float: left;
    text-align: center;
}
.zc-templateLeft .zc-templateMenu > li {
    height: 50px;
    padding: 10px;
}
.zc-templateLeft .zc-templateMenu > li i {
    display: block;
    width: 28px;
    height: 28px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #0c223a;
    margin: 5px auto 0;

}
.zc-templateLeft .zc-templateMenu > li span {
    width: 40px;
    height: 4px;
    display: block;
    background: #0c223a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 9px auto 0;
}
.zc-templateLeft .zc-templateMenu > li i,
.zc-templateLeft .zc-templateMenu > li span {
    animation: background1 1s cubic-bezier(1, 0, 0, 1) infinite;
    -webkit-animation: background1 1s cubic-bezier(1, 0, 0, 1) infinite;
    -moz-animation: background1 1s cubic-bezier(1, 0, 0, 1) infinite;
}
.zc-templateLeft .zc-templateOption {
    width:200px;
    height: 100%;
    float: right;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.zc-templateLeft .zc-templateOption ul {
    margin-bottom: 30px;
}
.zc-templateLeft .zc-templateOption ul > li {
    width: 90%;
    height: 6px;
    background: #091a2c;
    margin: 10px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    animation: background1 1s cubic-bezier(1, 0, 0, 1) infinite;
    -webkit-animation: background1 1s cubic-bezier(1, 0, 0, 1) infinite;
    -moz-animation: background1 1s cubic-bezier(1, 0, 0, 1) infinite;
}
.zc-templateLeft .zc-templateOption ul > li:first-child {
    width: 60%;
    height: 8px;
    background: #091a2c;
    margin: 0 0 10px;
}
.zc-templateTopbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 47px;
    background: rgba(216, 216, 216, 0.2);
    padding: 10px 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.zc-templateTopbar span{
    background-color: rgba(216, 216, 216, 0.5);
    width:220px;
    margin:10px 25px 0 10px;
    height:10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
}
.zc-templateTopbar h3 {
    width: 40%;
    height: 20px;
    background-color: rgba(216, 216, 216, 0.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin-top:5px;
}
.zc-templateTopbar ul {
    float: right;
}
.zc-templateTopbar ul li {
    width: 28px;
    height: 28px;
    background-color: rgba(216, 216, 216, 0.5);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    float: left;
    margin-left: 10px;
}
.zc-templateTopbar h3,
.zc-templateTopbar ul li {
    animation: background1 1s cubic-bezier(1, 0, 0, 1) infinite;
    -webkit-animation: background1 1s cubic-bezier(1, 0, 0, 1) infinite;
    -moz-animation: background1 1s cubic-bezier(1, 0, 0, 1) infinite;
}

.zc-templateContent {
    text-align: center;
    max-width: 700px;
    margin: auto;
    color: #111;
    padding: 100px 40px 150px;
}
.zc-templateContent h3 {
    font-size: 2.3rem;
    font-family:lato;
    line-height: 1.5;
}
.zc-templateContent p {
    font-size: 1.3rem;
    color: #312c2c;
}

.zc-templateContent.zc-createNetworkError p{
	font-size: 1.2rem;
    margin-bottom: 20px;
    color: #c17f7f;
    width: 500px;
    }
    
.zc-templateContent.zc-createNetworkError .disconnectImage{background: url(/images/disconnect.83f504a64a7d8c9d24afdb245bd8b879.png) no-repeat;
    display: inline-block;
    height: 95px;
    width: 83px;
    margin-bottom: 20px;}

.zc-templateRight{
    position: absolute;
    left: 250px;
    right: 0;
    top: 0;
    bottom: 0;
    display:flex;
}
.zc-rightBarLoading{
    position: fixed;
    display: flex;
    flex-direction: column;
    background-color:#f4f4f6;
    width: 50px;
    top: 47px;
    right: 0;
    bottom: 0;
    padding: 11px 11px 28px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 99;

}
.zc-rightBarLoading .zc-bottomAction{
    margin-top:auto;
}
.zc-rightBarLoading ul li{
    width: 28px;
    height: 28px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    margin: 8px 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background:#e9eaed;
    animation:background1 1s cubic-bezier(1, 0, 0, 1) infinite;
    -webkit-animation: background1 1s cubic-bezier(1, 0, 0, 1) infinite;
    -moz-animation:background1 1s cubic-bezier(1, 0, 0, 1) infinite;
}

.zc-stoplodaing .spinnerItem1, 
.zc-stoplodaing .spinnerItem2, 
.zc-stoplodaing .spinnerItem3, 
.zc-stoplodaing .spinnerItem4,
.zc-stoplodaing .zc-templateLeft .zc-templateOption ul > li,
.zc-stoplodaing .zc-templateLeft .zc-templateMenu > li i, 
.zc-stoplodaing .zc-templateLeft .zc-templateMenu > li span,
.zc-stoplodaing .zc-templateLeft .zc-templateTitle i, 
.zc-stoplodaing .zc-templateLeft .zc-templateTitle span,
.zc-stoplodaing .zc-templateTopbar h3, 
.zc-stoplodaing .zc-templateTopbar ul li{
	animation:none;
	-webkit-animation:none;
	-moz-animation:none;
}

.spinner.dotsLoading.large{
    position: static;
    margin-top: 20px;
    display: inline-block;
}
.spinner.dotsLoading.large .spinnerItem1,
.spinner.dotsLoading.large .spinnerItem2,
.spinner.dotsLoading.large .spinnerItem3,
.spinner.dotsLoading.large .spinnerItem4 {
    width: 14px;
    height: 14px;
    margin: 2px;
}
.spinner.dotsLoading .spinnerItem1 {
    background-color: #F0463E;
    animation-delay: -0.8s;
}
.spinner.dotsLoading .spinnerItem2 {
    background-color: #68C16B;
    animation-delay: -0.6s;
}
.spinner.dotsLoading .spinnerItem3 {
    background-color: #0497D9;
    animation-delay: -0.4s;
}
.spinner.dotsLoading .spinnerItem4 {
    background-color: #FCB91F;
    animation-delay: -0.2s;
}
/*// template loading animation start //*/
@keyframes background1 {
    0.00% {opacity:0.4;}
    50% {opacity:0.6;}  
    100% {opacity:1;}
}
@-webkit-keyframes background1 {
    0.00% {opacity:0.4;}
    50% {opacity:0.6;}  
    100% {opacity:1;}
} 

.networkDisconnect{
	padding-top: 60px;
    text-align: center;
    width: 800px;
    margin: 0 auto;
    color: #444;
}
.networkDisconnect .disconnectImage{
    background:url("../images/disconnect.83f504a64a7d8c9d24afdb245bd8b879.png") no-repeat;
    display: inline-block;
    height: 105px;
    width: 90px;
    margin-bottom: 20px;
}
.networkDisconnect h3{
    font-size:28px;
    line-height:1.5;
    margin-bottom:45px;
}
.networkDisconnect .disconnectReasons{
    display:inline-block;
    text-align:left;
}
.networkDisconnect .disconnectReasons p{
    font-size: 18px;
    line-height: 1.5;
}
.networkDisconnect .disconnectReasons ul{
    margin:13px 0px 0px 20px;
    list-style-type:decimal;
}
.networkDisconnect .disconnectReasons ul li{
    color: #5F5F5F;
    font-size: 16px;
    line-height: 2;
}


@media (min-width: 320px) and (max-width: 750px){
    .zc-templateLeft{width:70px;}
    .zc-templateLeft .zc-templateTitle span{display:none;}
    .zc-templateRight{left:70px;}

    .zc-signupcon .zc-rightCol .zc-formCon{width:100%;}
    .zc-signupcon .zc-leftCol{display: none;}
    .zc-signupcon .zc-rightCol{left:0;padding:30px;}
    .zc-diffOrg .zc-topMessage .zc-botImg{display: none;}
}

/** mobile app available style start **/
.zc-popup .zc-availablePopup{
    padding:50px 10px;
    background: rgba(37, 43, 51, 0.7);
    display: flex;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow-x:hidden;
    overflow-y:auto;
}
.zc-appAvailablePopup{
    width:300px;
    margin:auto;
    text-align:initial;
    background:#fff;
    border-radius: 6px;
    position:relative;
}
.zc-appAvailablePopup .ci-close{
    position:absolute;
    right:-11px;
    top:-11px;
    width:24px;
    height:24px;
    background: rgb(28, 31, 35);
    color:rgba(255, 255, 255, 0.9);
    font-size:1.4rem;
    padding:5px;
    box-sizing: border-box;
    z-index: 1;
    border-radius:100%;
}
.zc-appAvailablePopup .ci-close:before{
    font-weight: bold;
}
.zc-appAvailablePopup .zc-appPopupHeader{
    background: #00AA6C;
    padding:15px;
    height:150px;
    position:relative;
    color:#fff;
    border-radius:6px 6px 0 0;
    margin-bottom:22px;
    box-sizing: border-box;
}
.zc-appAvailablePopup .zc-appPopupHeader .zc-appText{
    font-size:18px;
    display: block;
    width:50%;
    line-height:1.2;
}
.zc-appAvailablePopup .zc-appPopupHeader .zc-appLogo{
    position: absolute;
    left:10px;
    bottom:-25px;
    width:80px;
    height:80px;
    background:#00AA6C;
    border-radius:20px;
}
.zc-appAvailablePopup .zc-appPopupHeader .zc-appLogo:after{
    content:"";
    position: absolute;
    left:5px;
    right:5px;
    top:5px;
    bottom:5px;
    background: #fff;
    border-radius:15px;
}
.zc-appAvailablePopup .zc-appPopupHeader .zc-appLogo i{
    background: url(../images/mailConnectLogo.62215cf38546225ca2f425bfd601d8e0.png)  0 0 no-repeat;
    background-size: cover;
    display: block;
    width:52px;
    height:52px;
    position:relative;
    z-index: 1;
    top:15px;
    left:16px;
}
.zc-appAvailablePopup .zc-appPopupHeader .zc-girlImg{
    position: absolute;
    width:120px;
    height:123px;
    right:10px;
    bottom:0;
    background: url("../images/girlImage.e5fe06f316b5a5d9743d355029b7c8f1.svg");
}
.zc-appAvailablePopup .zc-appPopupCont{
    padding:15px;
}
.zc-appAvailablePopup .zc-appPopupCont span{
    font-size: 24px;
    line-height: 1.2;
    color:#091a2c;
}
.zc-appAvailablePopup .zc-appPopupCont p{
    font-size:16px;
    line-height: 1.4;
    margin-top: 10px;
    color:#0d233b;
}
.zc-appAvailablePopup .zc-appPopupCont button{
    margin: 25px auto 10px;
    display: block;
    border-radius: 30px;
    background: #00AA6C;
    border-color: #00AA6C;
    font-size: 16px;
    padding: 6px 10px;
}
/** mobile app available style start **/

/** mobile app availabable screen style start **/
@media  screen and (max-width: 360px) {
    .zc-appAvailablePopup{
        width:250px;
    }
    .zc-appAvailablePopup .zc-appPopupHeader{
        height:130px;
    }
    .zc-appAvailablePopup .zc-appPopupHeader .zc-appText{
        font-size: 15px;
    }
    .zc-appAvailablePopup .zc-appPopupHeader .zc-girlImg{
        width:90px;
        height:83px;
        background-size: 90px;
    }
    .zc-appAvailablePopup .zc-appPopupHeader .zc-appLogo{
        width:70px;
        height:70px;
    }
    .zc-appAvailablePopup .zc-appPopupHeader .zc-appLogo i{
        width:42px;
        height:42px;
    }
    .zc-appAvailablePopup .zc-appPopupCont span{
        font-size:20px;
    }
    .zc-appAvailablePopup .zc-appPopupCont p{
        font-size:14px;
        line-height:1.45;
    }
    .zc-appAvailablePopup .zc-appPopupCont button{
        font-size:14px;
    }
}
/** mobile app availabable screen style end **/

@media  screen and (max-width:1190px){
    .zc-signupcon .zc-leftCol{
        width:55%;
    }
    .zc-signupcon .zc-rightCol{
        width:45%;
         padding:45px 25px;
    }
    .zc-logoHeader .zc-logoContainer, .zc-signUpMidCont{
        max-width: initial;
        width:100%;
        min-width: initial;
    }
}
@media  screen and (max-width:1024px){
    .zc-signupcon .zc-leftCol{
        width:50%;
    }
    .zc-signupcon .zc-rightCol{
        width:50%;
    }
}
@media  screen and (max-width:980px){
    .zc-signupcon .zc-leftCol{
        width:100%;
    }
    .zc-signupcon .zc-rightCol{
        width:100%;
        padding:45px 50px;
    }
}
@media  screen and (max-width:850px){
    .zc-signupcon .zc-leftCol{
        display: none;
    }
    .zc-signupcon .zc-rightCol{
        padding:20px 50px;
    }
}


/* Network create form style starts 27/Mar/2023 */
.zc-signupcon.zc-networkCreationform .zc-formScrollCont{
	background-color: #F5F6F8;
	padding-top: 50px;
}
.zc-signupcon.zc-networkCreationform .zc-logoHeader{
	background-color: #fff;
	box-shadow: 0 1px 2px 0 rgba(191,201,212,0.5);
}
.zc-signupcon.zc-networkCreationform .zc-logoContainer{
	padding: 8px;
}
.zc-signupcon.zc-networkCreationform .zc-logoHeader .zc-connectLogo img{
	max-width: 168px;
	max-height: 24px;
	padding: 4px 8px;
}
.zc-signupcon.zc-networkCreationform .zc-logoHeader .zc-userProfile .zc-iconsmallDropdown{
	top: 6px;
	right: -12px;
}
.zc-signupcon.zc-networkCreationform .zc-logoHeader .zc-userProfile .avatar{
	width: 32px;
	height: 32px;
}
.zc-signupcon.zc-networkCreationform .zc-logoHeader .zc-userProfile .avatar:after{
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 100%;
}
.zc-signupcon.zc-networkCreationform .zc-logoHeader .zc-userProfile .zc-dropdown{
	top: 28px;
	right: -18px;
}
.zc-signupcon.zc-networkCreationform .zc-signUpMidCont .zc-creationForm{
	width: 520px;
	min-height: 520px;
	text-align: center;
	margin: 50px auto;
	padding: 52px 40px;
	position: relative;
    box-sizing: border-box;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0px 10px 15px #DFDFE3;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formHeading{
	color: #111;
	font-size: 22px;
	line-height: 1.5;
	font-weight: 700;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-commonDesc{
    font-size: 14px;
    line-height:2;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-inputContainer{
    padding-bottom: 28px;
    position: relative;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm input{
    margin-top: 72px;
    padding: 20px 12px;
    font-size:18px;
    line-height: 1.5;
    border: 0;
    border-bottom: 1px solid #c1cdda;
    border-radius: 0;
    padding-right: 40px;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm input:focus{
	border-color:#09f;
	box-shadow: 0 2px 2px -2px #4da1ff;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm input.zc-errorinput{
	border-color: #ef5e60;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm input.zc-errorinput:focus{
	box-shadow: none;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm input+.zc-commonDesc{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #4e566d;
    text-align: left;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm input.zc-errorinput+.zc-commonDesc{
	color: #ef5e60;	
	display: block;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-inputContainer .zc-infoText{
    font-size: 14px;
    line-height: 2;
    color: #838799;
    margin-top: 4px;
    text-align: left;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-inputContainer .errorInfo{
    display: none;
    position: absolute;
    top: 22px;
    right: 16px;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-inputContainer .errorInfo .ci-info{
    width: 18px;
    height: 18px;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-inputContainer .errorInfo .zc-dropdown{
	top: initial;
	right: -17px;
	bottom: 30px;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-inputContainer .errorInfo .zc-dropdown p{
	min-width: 50px;
	box-sizing: border-box;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-inputContainer input.zc-errorinput + .zc-infoText + .errorInfo,
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-inputContainer input.zc-errorinput + .zc-infoText + .errorInfo .errorInfo{
    display: block;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm button{
	min-width: 100%;
	font-size: 16px;
	line-height: 1;
	font-weight: 700;
	padding: 18px 20px;
    margin-top:56px;
   	margin-bottom: 100px;
	border-radius: 8px;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm button:hover{
	background: #3aa772;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-bottomInfo{
	color: #4e566d;
	font-size: 14px;	
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-bottomInfo a{
	color:#3A90BC;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-bottomInfo a:hover{
	cursor:pointer;
	text-decoration: underline;
}

.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formcon{
	margin-top: 40px;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formcon li{
	padding-bottom: 35px;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formcon li .zc-loadingGrp input{
	padding: 12px 16px;
	padding-right: 45px;
	margin: 0;
	text-align: initial;
	caret-color: initial;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formcon li .zc-loadingGrp .errorInfo{
	display: none;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formcon li .zc-loadingGrp.errorField .errorInfo{
	display: block;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formcon li .zc-loadingGrp .zc-infoText{
	text-align: right;
	font-size: 14px;
	line-height: 1.5;
	color: #838799;
	margin-top: 4px;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formcon li .zc-exampleTxt{
	font-size: 14px;
	line-height: 1.5;
	color: #838799;
	text-align: right;
	width: 100%;
	margin-top: 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formcon li .zc-exampleTxt span{
	color: #111;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formcon li .zc-exampleTxt.zc-succMsg span{
	color: #4E9A58;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formcon li .zc-exampleTxt.zc-errorMsg span{
	color: #D93025;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formcon li .zc-loadingGrp .infoHint{
	position: absolute;
	top: 14px;
	right: 16px;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formcon li .zc-loadingGrp .infoHint .ci-info{
	width: 18px;
	height: 18px;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formcon li .zc-loadingGrp .infoHint .zc-dropdown{
	top: initial;
	right: -17px;
	bottom: 30px;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formcon li .zc-loadingGrp .infoHint .zc-dropdown p{
	min-width: 50px;
	box-sizing: border-box;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formcon li.zc-checkBox{
	padding-bottom: 0;
	text-align: initial;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formcon li.zc-checkBox label{
	padding-left: 16px;
	font-size: 15px;
	line-height: 1.8;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formcon li.zc-checkBox label input{
	display: none;
}
.zc-signupcon.zc-networkCreationform .zc-creationForm .zc-formcon li.zc-checkBox label mark{
	width: 20px;
	height: 20px;
	margin-right: 10px;
	box-sizing: border-box;
}
/* Network create form style ends 27/Mar/2023 */
/* Connect Landing page default style starts */
.zc-mainOutterContainer{
	display: flex;
	align-items: center;
	justify-content: space-around;
	height:100%;
	background: linear-gradient(to top right, #FFFFFF 45%, #94F9FE 100%);
}
.zc-mainOutterContainer .zc-mainInnerContainer{
	width: 1200px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin: 0 auto;
}
.zc-leftlandingContainer{
	width: 384px;
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.zc-leftlandingContainer .zc-largeHeading{
	font-size:26px;
	line-height:32px;
	font-weight: 700;
}
.zc-leftlandingContainer .zc-leftlandingInnerContainer{
	width:100%;
	height:400px;
	position:relative;
	padding:32px;
	padding-bottom:164px;
	background-color:#fff;
	border:1px solid #E7E7E7;
	border-radius:8px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.zc-leftlandingContainer .zc-leftlandingInnerContainer >img{
	max-width: 168px;
	max-height: 32px;
	padding: 4px 0;
	margin-bottom: 28px;
}
.zc-leftlandingContainer .zc-loadingprogress{
	margin:40px 0 56px;
}
.zc-leftlandingContainer .zc-loadingprogress .zc-progressCont{
	float:left;
	width: 100px;
    height: 8px;
	margin-right:8px;
	position: relative;
    overflow: hidden;
	border-radius:30px;
	background: #f4f4f6;
	transition: width .3s ease-in-out;
	-webkit-transition: width .3s ease-in-out;
	-moz-transition: width .3s ease-in-out;
	-o-transition: width .3s ease-in-out;
	
}
.zc-leftlandingContainer .zc-loadingprogress .zc-progressCont>span{
	position: absolute;
    width:100%;
    height:100%;
    background: #5AB252;
    border-radius:30px;
    transform-origin: left;
    opacity: 0;
    transform: scaleX(0);
    transition: opacity .3s ease-in-out,transform 5s linear;
    -webkit-transition: opacity .3s ease-in-out,transform 5s linear;
    -moz-transition: opacity .3s ease-in-out,transform 5s linear;
    -o-transition: opacity .3s ease-in-out,transform 5s linear;
}
.zc-leftlandingContainer .zc-loadingprogress .zc-progressCont[selected=selected] span{
	opacity: 1;
    transform: scaleX(1);
}
.zc-leftlandingContainer .zc-loadingprogress .zc-progressCont:last-child{
	margin-right:0;
}
.zc-leftlandingContainer .zc-contentLoading{
	position:absolute;
   	right: 32px;
   	left: 32px;
   	transition: opacity .3s ease-in-out,transform .6s ease-in-out;
    -moz-transition: opacity .3s ease-in-out,transform .6s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out,transform .6s ease-in-out;
    -o-transition:opacity .3s ease-in-out,transform .6s ease-in-out;
    opacity: 1;
    z-index: 2;
}
.zc-leftlandingContainer .zc-contentLoading.zc-slideRight{
	transform: translate(30px);
    opacity: 0;
    z-index: 1;
}
.zc-leftlandingContainer .zc-contentLoading.zc-slideLeft{
	transform: translate(-30px);
    opacity: 0;
    z-index: 1;
}
.zc-leftlandingContainer .zc-contentLoading .zc-primaryHeading{
	font-size:22px;
	line-height:32px;
	font-weight: 700;
}
.zc-leftlandingContainer .zc-contentLoading .zc-mainDesc{
	font-size:15px;
	margin-top:8px;
	color:#111;
	line-height:24px;
}
.zc-rightlandingContainer{
    width: 488px;
    height: 100%;
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.zc-rightlandingContainer .zc-rightImageLoading{
	position:absolute;
	transition: opacity .3s ease-in-out,transform .6s ease-in-out;
    -moz-transition: opacity .3s ease-in-out,transform .6s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out,transform .6s ease-in-out;
    -o-transition:opacity .3s ease-in-out,transform .6s ease-in-out;
    opacity: 1;
    z-index: 2;
}
.zc-rightlandingContainer .zc-rightImageLoading.zc-slideRight{
	transform: translate(30px);
    opacity: 0;
    z-index: 1;
}
.zc-rightlandingContainer .zc-rightImageLoading.zc-slideLeft{
	transform: translate(-30px);
    opacity: 0;
    z-index: 1;
}
/* Connect Landing page default style ends */