@font-face{    font-family: 'ZohoPuvi';       src: url('//static.site24x7.com/fonts/zoho_puvi_regular.woff2') format('woff2'),          url('//static.site24x7.com/fonts/zoho_puvi_regular.woff') format('woff'),         url('//static.site24x7.com/fonts/zoho_puvi_regular.ttf') format('truetype'),          url('//static.site24x7.com/fonts/zoho_puvi_regular.eot?#iefix') format('embedded-opentype'),          url('//static.site24x7.com/fonts/zoho_puvi_regular.eot') format('embedded-opentype');         font-display: swap;   		 font-weight: normal;    	 font-style: normal;    	 text-rendering: optimizeLegibility;}body {    font: 12px/18px 'ZohoPuvi', Roboto, Sans-Serif, opensans, Helvetica;    margin: 0px;    color: #000;    padding: 0px;}.disabled {    opacity: 0.4;}.grey-bg {background-color: #ededed !important;}.font-red{color: #ff0000;}.mrgtop10{margin-top: 10px !important;}.mrgtop3{margin-top: 3px;}.ht35{height: 35px;}.clr{clear: both;}.mrgl5{margin-left: 5px;}.mrgrt10{margin-right: 10px;}.txtgrey{color: #6f6f6f;}.txt12{font-size: 12px;}.txt14{font-size: 14px;}.mrgtop0{margin-top: 0px !important;}.padtop0{padding-top: 0px !important}.padtop10{padding-top:10px !important;}.flow{overflow: auto;}.cursor{cursor: pointer;}.pull-left{float: left;}a {    text-decoration: none;    outline: 0;    color: #03a9f5;}.h3 {    font-size: 22px;    margin: 10px 0px;}.header-part{    position: fixed;    top: 0;    left: 0;    width: 100%;    background: 0 0;    z-index: 10;    margin-bottom: 20px;    background-color: #ffffff;}.logo {    float: left;    margin:20px 10px 10px 20px;}.header-part>span{    font-size: 14px;    display: block;    background: 0 0;    overflow: hidden;    padding: 15px 0;    text-align: right;    padding:20px 0px;}.header-part>span a {    margin: 0 20px 0 5px;    display: inline-block;    color: #428BCA;    text-transform: uppercase;    font-size: 12px;}.body-container{width:770px; margin:0 auto;}.width-auto {    width: auto !important;}.access-container {    box-shadow: 0px 4px 25px rgba(0,0,0,0.2);    margin-top:220px;    font-size: 16px;    width: auto;    padding: 25px;}.card {    display: flex;    flex-direction: column;    border-radius: 4px;    overflow: hidden;}.card-header {    font-size: 20px;    font-weight: 600;    background-color: #f6f6f6;    padding: 10px;}.card-main {    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;    padding: 15px 0;}.access-container .card {    margin-top: 15px;}.access-btn-ct {    text-align: center;    margin-top: 20px;    font-size: 16px;}.main-description {    font-size: 16px;    text-align: center;}.signup-form, #commonfooter {    width: 500px;}.signup-form {    padding: 100px 30px 80px;}.signup-form {    float: left;}.site24x7-product {    margin: 0 0 20px;}input[type=text], input[type=email], input[type=password], textarea{    position: relative;    display: block;    width: 100%;    background: 0 0;    border: none;    box-sizing: border-box;    color: #000;    padding: 5px 10px;    -webkit-appearance: none;    appearance: none;    -moz-appearance: none;    border-radius: 0;    outline: 0;    box-shadow: none;    border: 1px solid rgba(0, 0, 0, .8);    z-index: 9;    font-size: 16px;    height: 50px;}.border-color-focus:focus{    border: 1px solid #00add5;}.emailfrm{    display: flex;    flex-flow: column-reverse;    box-sizing: border-box;    padding-bottom: 10px;    margin-bottom: 15px;}.signup-box{margin-bottom: 20px;}.field-error>.field-msg {    display: block;}.field-msg {    position: relative;    display: none;    color: red;    clear: both;    border-radius: 3px;    padding: 5px 1px;}.emailfrm.field-error {    margin-bottom: 0px;}label, input {    transition: all 0.2s;    touch-action: manipulation;}label {    letter-spacing: 0.05em;    line-height: 13px;    vertical-align: top;}input:placeholder-shown + label {    cursor: text;    max-width: 65.66%;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;    transform-origin: left bottom;    transform: translate(0, 2.125rem) scale(1.5);    padding-left: 5px;    color: #666;    font-size: 10px;}input:placeholder-shown + label#phone-label {    display: inline;    height: unset;    transform: translate(0px, 1.3rem) scale(1.5);}input:focus::-webkit-input-placeholder {    color: transparent;}input:not(:placeholder-shown) + label,input:focus + label {    transform: translate(0, 0) scale(1);    cursor: pointer;    padding:0;    color: #00add5;    font-size: 12px;}input:not(:placeholder-shown) + label#phone-label,input:focus + label#phone-label {    transform: translate(0px, -0.8rem) scale(1);}.china-dc {    padding: 10px;    margin: 5px;    color: #03a9f5 !important;}.country_code-container, .country_container, .country-state-container {    position: relative;}.country_code-container {    display: flex;    flex-wrap: wrap;    align-items: flex-start;}.select_country_code {    z-index: 1;}.select_country_code, .select_country, #country_state {    min-height: 50px;    width: 80px;    height: 50px;    border: none;    border-radius: 0;    -webkit-appearance: none;    -moz-appearance: none;    padding: 10px;    line-height: 25px;    background: #fff;    cursor: pointer;    min-height: 45px;    box-sizing: border-box;    position: relative;}.select_country, #country_state {    width: 100%;    border: 1px solid black;}.s247-country-box {    display: none;}.country_container:after, .country-state-container:after {    position: absolute;    content: '';    right: 9px;    top: 22px;    width: 0;    height: 0;    border-left: 6px solid transparent;    border-right: 6px solid transparent;    border-top: 8px solid #666;    display: block;}#countryCodeDiv {    height: 50px;    box-sizing: border-box;    border: 1px solid #000000;}#countryCodeDiv {    background-color: #fff;    width: 80px;    height: 50px !important;    position: absolute;    left: 0;    top: 0;    box-sizing: border-box;    line-height: 25px;    padding: 10px 0 10px 10px;    font-size: 14px;    color: #666;    pointer-events: none;    box-sizing: border-box;    z-index: 9;}#countryCodeDiv:before {    border-top: 8px solid #666666;}#countryCodeDiv:before {    position: absolute;    content: '';    left: 60px;    top: 18px;    width: 0;    height: 0;    border-left: 6px solid transparent;    border-right: 6px solid transparent;    border-top: 8px solid #666;}.emailfrm .country_code-container input {    position: absolute;    left: 0px;    top: 0;    margin-top: 0;    pointer-events: auto;    box-sizing: border-box;    padding-right: 15px;    padding-left: 90px;    width: 100%;    border-left: 0px;    z-index: 0;}.signup-box p.zcountry-info {    font-size: 12px;	margin-top: 12px;}.signup-box p.zcountry-info #country-name {    font-weight: 700;}.signup-box span#country-name-change {    color: #000;    cursor: pointer;    text-decoration: underline;    margin-left: 3px;}p.dc-info {    font-size: 12px;    margin-top: 5px;    text-align: left;}.dc-info span.dcset {    text-transform: uppercase;}p {    font-size: 14px;    line-height: 1.6;    margin: 0 0 20px;}.button .sgnbtn input, .sgnbtn input[type=submit], input[type=button], a.signup-btn {    position: relative;    display: inline-block;    font-size: 16px;    line-height: 50px;    padding: 0 60px;    background: #21bc63;    text-align: center;    text-transform: uppercase;    transition: all .5s ease 0s;    margin: 0;    color: #fff;    border: none;    border-bottom: none;    cursor: pointer;    width: 100%;}.sign_agree {    font-size: 12px;    line-height: 20px;    margin-top: 0;    padding-bottom: 10px;    width: 100%;    text-align: left;}.za-newsletter-container label, .za-tos-container label {    color: #000 !important;}.za-tos-container {    margin-bottom: 15px;    position: relative;}.za-tos-container label {    color: #000;    cursor: pointer;    font-size: 12px;    margin-top: 5px;}.za-confirm, .za-confirm-container, .za-confirm-title {    display: none;}.sign_agree a {    color: inherit;    text-decoration: underline;}.socl-ct{    line-height: 24px;    padding: 0;    margin-top: 10px;    position: relative;    z-index: 1}.lang-zh-hans .socl-signup {    display: none;}.lang-zh-hans .openidparent {    margin: 15px 0px;    width: 100%;    text-align: left;}.lang-zh-hans .openidparent p {    font-size: 15px;    margin: 0 0 0 5px;}.lang-zh-hans .openidlink {    background: url('../images/Signinusing-Icons@2x.png') no-repeat scroll -71px -40px;    cursor: pointer;    display: inline-block;    height: 27px;    margin: 6px 10px 6px 0;    width: 30px;    background-size: 295px;}.lang-zh-hans .QQIcon {    background-position: -82px -94px;    width: 64px;}.lang-zh-hans .WECHATIcon {    background-position: -234px -147px;}.lang-zh-hans .WEIBOIcon {    background-position: -6px -94px;}.lang-zh-hans .BAIDUIcon {    background-position: -160px -94px;    width: 64px;}.lang-zh-hans span {    vertical-align: middle;}.socl-signup p {    font-size: 14px;    color: #000}.socl-signup span {    border: 1px solid #e2e2e2;    border-radius: 100%;    float: none;    font-size: 14px;    line-height: 25px;    vertical-align: middle;}.socl-signup a,.socl-signup .vi-google {    background: url(../images/signup-using-socialmedia@2x.png) 0 0/auto 24px no-repeat rgba(0, 0, 0, 0);    cursor: pointer;    display: inline-block;    font-size: 0;    height: 24px;    margin-left: 10px;    opacity: 1;    text-indent: -9999px;    transition: opacity .5s linear 0s;    vertical-align: middle;    width: 24px;    border-radius: 0;    border: none;}.socl-signup a:hover,.socl-signup span:hover {    opacity: 1}.socl-signup .vi-google {    background: url(../images/sign-in-sprite-2x.png) -104px -1px/360px auto no-repeat;    width: 99px;    height: 40px;    opacity: 1}.socl-signup .vi-facebook {    background-position: -24px 0}.socl-signup .vi-twitter {    background-position: -48px 0}.socl-signup .vi-yahoo {    background-position: -96px 0}.socl-signup .vi-office365 {    background-position: -120px 0}.socl-signup .vi-linkedin:hover {    border: 1px solid #1b75bb;}.socl-signup .vi-linkedin {    background-position: -50px -2px;}.socl-signup .vi-linkedin {    background-image: url(../images/signin-socialmedia-icons-sprite.png);    background-repeat: no-repeat;    cursor: pointer;    display: inline-block;    height: 50px;    margin: 0 0 0 15px;    text-align: left;    text-indent: -99999em;    width: 50px;    opacity: 1;    transition: all .5s ease 0s;}ul li {list-style-type: none; border: 1px solid #ddd; border-radius: 5px; margin: 5px; padding: 10px; width: 90px; cursor: pointer; line-height: 9px}ul li:hover{background-color: #E9EAEE;}ul {padding: 0px;}.active {background-color: #E9EAEE; }.active a{color:#000; }.option-li-div{    width: 150px;    float: left;    padding: 200px 10px 0px;}.option-li-div a {color:#000  }.zoho-logo1 {    background: url(../images/zoho-logo.gif) no-repeat scroll left top transparent;    display: inline-block;    height: 35px;    margin-top: 0px;    position: relative;    text-indent: -9999em;    vertical-align: middle;    width: 80px;}.partn{margin: 0px;}#commonfooter {clear: both;}#commonfooter p{font-size: 12px;}.access-btn {    background-color: #3D9400;    background-image: -webkit-linear-gradient(top, #3D9400, #398A00);    background-image: -moz-linear-gradient(top, #3D9400, #398A00);    background-image: -ms-linear-gradient(top, #3D9400, #398A00);    background-image: -o-linear-gradient(top, #3D9400, #398A00);    background-image: linear-gradient(top, #3D9400, #398A00);    border: 1px solid #29691D;    color: white;    text-shadow: 0 1px rgba(0, 0, 0, 0.1);    border-radius: 2px;    padding: 0px 15px;    line-height: 28px;    height: 32px;    cursor: pointer;    font-size: 12px;}.icon-new-tab {    background: url(../images/new-tab.svg) left top no-repeat;    width: 8px;    height: 8px;    margin-left: 5px;    display: inline-block;}.loading:after {    overflow: hidden;    display: inline-block;    vertical-align: bottom;    -webkit-animation: ellipsis steps(4,end) 900ms infinite;    animation: ellipsis steps(4,end) 900ms infinite;    content: "\2026";     width: 0px;}@keyframes ellipsis {    to {        width: 20px;    }}@-webkit-keyframes ellipsis {    to {        width: 20px;    }}.verifytitle {    font-size: 14px;    font-weight: bold;    margin-bottom: 10px;}.change {    font-size: 12px;    margin-bottom: 10px;    font-weight: bold;    cursor: pointer;}.resendotp {    cursor: pointer;}#s247-phone-error{display: none;}@media all and (min-width:300px)  and (max-width: 980px) {    body {        font-size: 28px;    }    .sgnup-note, .your-data{font-size: 1rem !important;line-height: 1.4;}    .padtop40{padding-top: 40px !important;}    .site24x7-signup-mobile .login-text{display: none;}    .header-part {        border-bottom:3px solid #f2f2f2;        background-color: #ffffff;    }    .header-part>span a {        margin: 15px 35px 6px 5px;        display: inline-block;        color: #428BCA;        text-transform: uppercase;        font-size: 28px;    }    .header-part>span{        padding: 25px 0px;    }    .signup-form, #commonfooter, .access-container {        width: 90%;    }    .signup-form, .access-container{        padding:155px 48px 80px;    }    .body-container {        width: 100%;        margin: 0 auto;        overflow: auto;    }    .img-responsive{width: 220px;}    .site24x7-product {        margin: 0 0 30px;    }    .h3 {        font-size: 40px;        margin: 30px 0px;    }    input[type=text], input[type=email], input[type=password], textarea {        font-size: 28px;        height: 100px;        padding:10px 20px;    }    .select_country {        height: 90px;        font-size: 32px;        line-height: 35px;    }    .country_container:after {        right: 50px;        top: 40px;        border-left: 16px solid transparent;        border-right: 16px solid transparent;        border-top: 16px solid #666;    }    #countryCodeDiv:before {        position: absolute;        content: '';        left: 138px;        top: 40px;        width: 0;        height: 0;        border-left: 15px solid transparent;        border-right: 13px solid transparent;        border-top: 18px solid #666;    }    #countryCodeDiv {        width: 194px;        height: 100px !important;    }    .s247_country_code {        width: 191px;        height: 100px;    }    #countryCodeDiv{        line-height: 80px;        font-size: 32px;    }    .emailfrm .country_code-container input {        padding-left: 210px;    }    input:placeholder-shown + label{        font-size: 22px;    }    label{        line-height: 20px;    }    .emailfrm {        padding-bottom: 20px;    }    .signup-box p.zcountry-info, p.dc-info, .za-tos-container label{font-size: 32px; margin-bottom: 50px;}    p.dc-info, .za-newsletter-container label{font-size: 32px !important; margin-bottom: 50px;}    .button .sgnbtn input, .sgnbtn input[type=submit], a.signup-btn{        font-size: 34px;        padding:30px 60px;        -webkit-appearance: button;    }    .option-li-div{        display: none;    }    label, input {        transition: all 0.2s;        touch-action: manipulation;    }    label {        letter-spacing: 0.05em;        line-height: 64px;    }    input:placeholder-shown + label {        cursor: text;        max-width: 65.66%;        white-space: nowrap;        overflow: hidden;        text-overflow: ellipsis;        transform-origin: left bottom;        transform:none;        padding-left: 0px;        color: #666;        font-size: 34px;    }    ::-webkit-input-placeholder {        opacity: 0;        transition: inherit;    }    input:focus::-webkit-input-placeholder {        color: transparent;    }    input:not(:placeholder-shown) + label,    input:focus + label {        transform: translate(0, 0) scale(1);        cursor: pointer;        padding:0px;        color: #00add5;        font-size: 30px;    }    input:placeholder-shown+label#phone-label {        z-index: 9;        line-height: 32px;        transform: scale(1);    }    .country_code-container {        display: flex;        flex-direction: column-reverse;    }    #countryCodeDiv,    .emailfrm .country_code-container input {        margin-top: 50px;    }    .za-rmobile-container .za-country_code-container.emailfrm {        padding-top: 0 !important;    }    #commonfooter .partn{font-size: 28px;}    #commonfooter .co{font-size: 24px;}    #commonfooter {width: 100%;}    .za-tos-container {        margin-bottom: 30px;        margin-top: 30px;    }    .field-msg {        margin: 15px 0px;    }    .za-tos-container .field-msg {        margin-top: 10px;        font-size: 27px;    }    .socl-ct {        text-align: center;    }    .za-newsletter {        margin-right: 10px;        width: 30px;        height: 30px;    }    .za-submit-container {        margin-bottom: 10px;    }    .sign_agree {        line-height: 40px;    }}