@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.woff2') format('woff2'), /* Modern Browsers */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.woff2') format('woff2'), /* Modern Browsers */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff2') format('woff2'), /* Modern Browsers */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.woff2') format('woff2'), /* Modern Browsers */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff2') format('woff2'), /* Modern Browsers */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff2') format('woff2'), /* Modern Browsers */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.woff2') format('woff2'), /* Modern Browsers */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.woff2') format('woff2'), /* Modern Browsers */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.woff2') format('woff2'), /* Modern Browsers */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: italic;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.woff2') format('woff2'), /* Modern Browsers */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.woff2') format('woff2'), /* Modern Browsers */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.woff2') format('woff2'), /* Modern Browsers */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

.signup-container {
  width: 350px;
  margin: 0 auto;
  background-color: #fff;
  padding: 20px;
  border-radius: 6px;
  position:relative;
  z-index:1;
}
.signup-box {
  position: relative;
  box-sizing: border-box;
  background: #fff;
  width: 100%;
}
.signup-box .mandate {
  display: none;
}
.signup-box .sign-in {
  text-align: center;
  padding: 20px 0;
  font-size: 13px;
}
.signup-box * {
  box-sizing: border-box;
  font-family: 'ZohoPuvi';
}
.signup-box #signup-newsletter.checked::before {
  background: #333;
  content: "";
  height: 1px;
  left: 1px;
  position: absolute;
  top: 1px;
  transform: rotate(-45deg);
  width: 15px;
}
.signup-box #signup-newsletter.checked::after {
  background: #333;
  content: "";
  height: 1px;
  left: -1px;
  position: absolute;
  top: 4px;
  transform: rotate(45deg);
  width: 5px;
}
.signup-box #signup-termservice.checked::before {
  background: #333;
  content: "";
  height: 1px;
  left: 1px;
  position: absolute;
  top: 1px;
  transform: rotate(-45deg);
  width: 15px;
}
.signup-box #signup-termservice.checked::after {
  background: #333;
  content: "";
  height: 1px;
  left: -1px;
  position: absolute;
  top: 4px;
  transform: rotate(45deg);
  width: 5px;
}
.signup-box .zhide-common {
  display: none;
}
.signup-box h3 {
  font-size: 22px;
}
.signup-box input[type=email],
.signup-box input[type=number],
.signup-box input[type=password],
.signup-box input[type=search],
.signup-box input[type=tel],
.signup-box input[type=text],
.signup-box input[type=url],
.signup-box textarea {
  color: #000;
  padding: 14px 12px;
  border: 1px solid #d5d5d5;
  display: block;
  width: 100%;
  font-size: 14px;
  background: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  z-index: 1;
  transition: 0.5s;
  border-radius: 6px;
  height: 48px;
  font-family: var(--primaryfont-regular);
  line-height: 1;
}
.signup-box input[type=email]:focus,
.signup-box input[type=number]:focus,
.signup-box input[type=password]:focus,
.signup-box input[type=search]:focus,
.signup-box input[type=tel]:focus,
.signup-box input[type=text]:focus,
.signup-box input[type=url]:focus,
.signup-box textarea:focus {
  outline: 1px solid #ccc;
}
.signup-box input[type=email]::placeholder,
.signup-box input[type=number]::placeholder,
.signup-box input[type=password]::placeholder,
.signup-box input[type=search]::placeholder,
.signup-box input[type=tel]::placeholder,
.signup-box input[type=text]::placeholder,
.signup-box input[type=url]::placeholder,
.signup-box textarea::placeholder {
  font-weight: 300;
}
.signup-box .za-country-container {
  position: relative;
  background: #fff;
}
.signup-box .za-country-container.za-country-container-arrow {
  display: none;
}
.signup-box .za-country-container.za-country-container-arrow.zshow {
  display: block;
  margin-top: 30px;
}
.signup-box .za-country-container.za-country-container-arrow.zshow + .dc-info {
  margin-top: 5px;
}
.signup-box .za-country-container .globalcountrycode-signup {
  color: #000;
  padding: 14px 12px;
  border: 1px solid #d5d5d5;
  display: block;
  width: 100%;
  font-size: 16px;
  background: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  z-index: 1;
  transition: 0.5s ease;
  border-radius: 0;
  height: 48px;
  font-family: var(--primaryfont-regular);
  line-height: 1;
  border-radius: 6px;
}
.signup-box .za-password-container input {
    padding-right: 35px;
}
.signup-box .za-country-container .placeholder {
  font-size: 11px;
  top: -20px;
  left: 0;
  position: absolute;
}
.signup-box .za-state-container .za-globalstate-signup {
  color: #000;
  padding: 14px 12px;
  border: 1px solid #d5d5d5;
  display: block;
  width: 100%;
  font-size: 16px;
  background: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  z-index: 1;
  transition: 0.5s ease;
  height: 48px;
  font-family: var(--primaryfont-regular);
  line-height: 1;
  border-radius: 6px;
}
.signup-box .sgnbtn input[type='submit'] {
  font-size: 15px;
  height: 50px;
  padding: 0 60px;
  background: #f0483e;
  text-align: center;
  text-transform: uppercase;
  border: 0;
  color: #fff;
  width: 100%;
  cursor: pointer;
  font-weight: 600;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 6px;
}
.signup-box .sgnbtn input[type='button'] {
  font-size: 15px;
  height: 50px;
  padding: 0 60px;
  background: #f0483e;
  text-align: center;
  text-transform: uppercase;
  border: 0;
  color: #fff;
  width: 100%;
  cursor: pointer;
  font-weight: 600;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.signup-box p.zcountry-info {
  color: #000;
  font-size: 11px;
  margin: 10px 0 0;
  text-align: left;
  line-height: 1.6;
  font-weight:300;
}
.signup-box p.dc-info {
  font-size: 11px;
  margin:6px 0 5px 0;
  text-align: left;
  line-height: 1.6;
  font-weight:300;
}
.signup-box p.dc-info .dcset{text-transform:uppercase;font-size:11px;margin-right:3px;}
.signup-box .za-newsletter-container {
    margin: 10px 0 0;
    position: relative;
    font-size: 11px;
}
.signup-box .za-newsletter-container span{font-size:11px;}
.signup-box .za-newsletter-container label {
  position: relative;
  padding-left: 15px;
  font-weight: 500;
}
.signup-box .za-newsletter-container #signup-newsletter {
  position: absolute;
  top: 2px;
  left: 0;
}
.signup-box .za-newsletter-container label span{font-size:11px;}
.signup-box .za-tos-container {
  margin: 8px 0 15px 0;
  position: relative;
}
.signup-box .za-tos-container label {
  position: relative;
  padding-left: 15px;
  font-weight: 500;
}
.signup-box .za-tos-container #signup-termservice {
  position: absolute;
  top: 2px;
  left: 0;
}
.signup-box h5 {
  color: #000;
}
.signup-box .dc-info {
  color: #000;
}
.signup-box .sign_agree {
  color: #000;
  font-size: 11px;
  display: inline-block;
  line-height: 1.3;
  color: #333;
  cursor: pointer;
  margin-top: 5px;
  width: 100%;
  text-align: left;
  font-family: var(--zf-primary-semibold), sans-serif;
}
.signup-box .sign_agree a {
  color: #000;
  color: #333;
  text-decoration: underline;
}
.signup-box label {
  color: #000;
  font-size: 11px;
  display: inline-block;
  line-height: 1.3;
  color: #333;
  cursor: pointer;
  margin-top: 5px;
  width: 100%;
  text-align: left;
  font-family: var(--zf-primary-semibold), sans-serif;
}
.signup-box span#zip-countryname-change {
  color: #000;
  cursor: pointer;
  text-decoration: underline;
  margin-left: 3px;
}

.signup-box p.zcountry-info #zip-countryname {
    font-weight: 500;
    text-transform: uppercase;
}
.signup-box .socl-signup {
  margin-top: 30px;
  text-align: center;
  color: #aaa;
  font-size: 14px;
  line-height: 24px;
  padding: 0;
  margin-top: 10px;
}
.signup-box .socl-signup p {
  color: #000;
  font-size: 13px;
}
.signup-box .socl-signup a,
.signup-box .socl-signup span {
  background-size: 950px auto;
  font-size: 0;
  text-indent: -9999px;
  display: inline-block;
  color: #aaa;
  cursor: pointer;
  margin: 0 0 0 10px;
  overflow: hidden;
  width: 36px;
  height: 36px;
  line-height: 24px;
  vertical-align: middle;
      background-image: url(https://www.zohowebstatic.com/sites/zweb/images/commonroot/common-elements.svg);
}
.signup-box .socl-signup a.vi-google,
.signup-box .socl-signup span.vi-google {
  background-size: 667px auto;
  background-position: -75px 0;
  width: 74px;
  height: 28px;
  font-size: 0;
  text-indent: -9999px;
}
.signup-box .socl-signup a.vi-facebook,
.signup-box .socl-signup span.vi-facebook {
  background-position: -215px 0;
  width: 30px;
  height: 30px;
}
.signup-box .socl-signup a.vi-linkedin,
.signup-box .socl-signup span.vi-linkedin {
  background-position: -286px 0;
  width: 30px;
  height: 30px;
}
.signup-box .socl-signup a.vi-twitter,
.signup-box .socl-signup span.vi-twitter {
  background-position: -193px 0;
  background-size: 740px;
  width: 28px;
  height: 25px;
}
.signup-box .socl-signup a.vi-office365,
.signup-box .socl-signup span.vi-office365 {
  background-position: -317px 0;
  width: 26px;
  height: 30px;
}
.signup-box .sgfrm {
  margin: 15px 0 0;
}
.signup-box #signup-newsletter {
  border: 1px solid #333;
  display: inline-block;
  height: 10px;
  margin-right: 4px;
  width: 10px;
  position: relative;
  vertical-align: middle;
}
.signup-box #signup-termservice {
  border: 1px solid #333;
  display: inline-block;
  height: 10px;
  margin-right: 4px;
  width: 10px;
  position: relative;
  vertical-align: middle;
}
.signup-box #newsletter {
  height: 1px;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 1px;
}
.signup-box #tos {
  height: 1px;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 1px;
}
.signup-box .error,
.signup-box .za-email-suggestion .za-domain-error {
  color: red;
  font-size: 11px;
  line-height: 1.5;
  margin-top: 5px;
}
.signup-box .field-error .field-msg *{font-size:11px;}
.signup-box .field-error .field-msg {
  display: block;
  text-align: left;
}
.signup-box .za-tos-container .field-msg {
  margin: 12px 0 0 -15px;
}
.signup-box .za-country-container,
.signup-box .za-state-container,
.signup-box .za-state-container.zshow-common,
.signup-box #zip-countryname-change {
  display: none;
}
.signup-popup {
  opacity: 0;
  top: -50%;
  visibility: hidden;
  transition: top 0.5s ease-in-out;
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.signup-popup,
.signup-popup * {
  box-sizing: border-box;
}
.signup-popup .signup-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-color: #0009;
  text-align: CENTER;
  line-height: 19px;
  font-size: 20px;
  z-index: 2;
  color: #fff;
  cursor: pointer;
}
.signup-popup .signup-container {
  width: 950px;
  min-height: 590px;
  background-color: #fff;
  margin: 100px auto 0 auto;
  position: relative;
}
.signup-popup .signup-container .signup-popup-lhs {
  width: 535px;
  position: absolute;
  left: 0;
  padding: 35px 75px 75px 75px;
  min-height: 590px;
}
.signup-popup .signup-container .signup-popup-lhs h1 {
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  width: 82%;
  margin: 0 9%;
  text-align: center;
  margin-bottom: 30px;
}
.signup-popup .sign-in {
  text-align: center;
  padding: 20px 0;
  font-size: 13px;
}
.signup-popup.open {
  visibility: visible;
  opacity: 1;
  top: 0;
}
.signup-popup .signup-container .signup-popup-rhs {
  width: 415px;
  position: absolute;
  right: 0;
  top:0;
  min-height: 590px;
  box-shadow: -10px 0px 17px #c6d4d870;
  padding: 40px 60px;
background: #002c37 url(../images/signup-bg.png) 0px 229px / 416px 516px no-repeat;
}
.signup-popup .signup-container .signup-popup-rhs .slogan {
  font-size: 16px;
  color: #fff;
  line-height: 32px;
  text-align: center;
}
.signup-popup .signup-container .signup-popup-rhs .slogan span {
  color: #52ebc0;
}
.signupbtn-acc h2, .signupbtn-acc h2 span {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 7px;
}
.signupbtn-acc p {
    font-size: 12px;
    color: #757575;
    margin: 0;
}
.signupbtn-access {
    position: relative;
    z-index: 99;
    font-size: 15px;
    height: 50px;
    padding: 0 60px;
    background: #f0483e;
    text-align: center;
    text-transform: uppercase;
    border: 0;
    color: #fff;
    width: 100%;
    cursor: pointer;
    font-weight: 600;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 2px;
    margin: 20px 0 40px 0;
    display: block;
    line-height: 50px;
    text-transform: inherit;
    cursor: pointer;
}
.signupotpcontainer .verifytitle {
    margin-bottom: 10px;
    text-align: left;
    font-weight: 500;
    font-size: 16px;
}
.signupotpcontainer .za-otp-container {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
}
.signupotpcontainer .verifyheader {
    text-align: left;
    font-size: 15px;
}
.signupotpcontainer .change {
    cursor: pointer;
    margin-left: 5px;
    font-size: .9em;
    border-bottom: 1px solid;
    display: inline-block;
    line-height: 1
}
.signupotpcontainer .otpmobile {
    margin-bottom: 15px;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
}
.signupotpcontainer .resendotp {
    cursor: pointer;
    text-decoration: underline;
    font-size: .9em;
    margin-top: 8px;
    display: inline-block;
    text-align: left;
}
.signupotpcontainer .za-submitbtn-otp .signupbtn {
    background: #f0483e;
    border-color: #f0483e;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    padding: 14px 12px;
    display: block;
    width: 100%;
    margin: 15px 0 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    z-index: 1;
    transition: .5s ease;
    border-radius: 0;
    border: 0
}
.za-password-container{position:relative;}
.za-password-container span.zpassword-show {
    position: absolute;
    right: 4px;
    top: 0;
    z-index: 10;
    cursor: pointer;
    width: 30px;
    height: 45px;
    font-size: 0;
    text-indent: -9999px;
}

.za-password-container span.zpassword-show.active:before {
    background-position:-5px -4px;;
}

.za-password-container span.zpassword-show:before {
    content: '';
    width: 20px;
    background: url(/sites/meweb/images/kr/cloud-siem/images/log360cloud-signup-sprite.png) no-repeat;
    background-size: 60px 21px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-position: -32px -4px;
    opacity: .7;
    height: 14px;
    margin-top: 17px;
}

.signupbtn-access:hover{background-color:#d83025}
.za-country-container,
.za-state-container,
.za-state-container.zshow-common,
#zip-countryname-change,
.zcountry-info,
.za-company-container{
  display: none !important;
}
@media only screen and (max-width: 425px){
	body .op-wrapper .op-tab .tab-contents .signup-wrap.zlog-signup .signup-container{width:100%}
}



.t-box-body .za-password-container span.zpassword-show {
    position: absolute;
    right: 4px;
    top: 0;
    z-index: 10;
    cursor: pointer;
    width: 30px;
    height: 41px;
    font-size: 0;
    text-indent: -9999px;
}

.t-box-body  .signup-container .signup-box .sgnbtn input[type='submit'] {
    font-weight: 300;
    text-transform: uppercase;
}
body .heading-menu p {
    margin: 2px 0;
    font-size: 23px;
    font-weight: 200;
}
.t-box-body .za-password-container span.zpassword-show:before {
    content: '';
    width: 20px;
    background: url(/sites/meweb/images/kr/cloud-siem/images/log360cloud-signup-sprite.png) no-repeat;
    background-size: 60px 21px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-position: -32px -4px;
    opacity: .7;
    height: 14px;
    margin-top: 14px;
}

.t-box-body .signup-box #signup-newsletter {
    border: 1px solid #ccc;
    display: inline-block;
    height: 15px;
    margin-right: 4px;
    width: 15px;
    vertical-align: sub;
}
.t-box-body .signup-box #signup-newsletter.checked::before {
    background: #333;
    content: "";
    height: 2px;
    left: 4px;
    position: absolute;
    top: 5px;
    transform: rotate(-45deg);
    width: 9px;
}

.t-box-body .signup-box #signup-newsletter.checked::after {
    background: #333;
    content: "";
    height: 2px;
    left: 2px;
    position: absolute;
    top: 7px;
    transform: rotate(45deg);
    width: 5px;
}

.t-box-body .signup-box .za-newsletter-container label {
    position: relative;
    padding-left: 25px;
    font-weight: 400;
    line-height:18px;
}
html{overflow-x:hidden}
#scroll{display:none;}
footer{float:left;width:100%}
.heading-menu, .mid-ban{display:none !IMPORTANT}
.zsiq_theme1 .zsiq_flt_rel{border-radius:50px 0 0 50px!important}
body{margin:0;padding:0;line-height:1;overflow-x:hidden}
.af *,.af{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;color:#000}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.af{font-family:'ZohoPuvi';-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;padding:0}
.af p,.af a,.af li,.af td,.af td,.af span,.af label{line-height:24px;font-size:14px;font-weight:300}
.af h1,.af h2,.af h3,.af h4,.af h5,.af h6{margin:0;color:#000}
.af ul{padding-left:0;margin:0}
.af li{list-style-type:none}
.af a{text-decoration:none;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.af a:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.af div,.af a,.af ul,.af li,.af input,.af p,.af h1,.af h2,.af span{box-sizing:border-box}
.af div{box-sizing:border-box;float:left}
.af{width:100%;display:inline-block;float:left}
.ac{margin:0 auto;position:relative;max-width:1200px;float:initial!important}
span#backToTop{display:none!important;opacity:0!important}
.ban{background:#00252e;padding:80px 0 30px;position:relative}
.ban::before{content:'';position:absolute;background:url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-ban-sprite-22.png) no-repeat -717px -34px;background-size:999px;width:282px;height:249px;right:0;top:20px;animation:cludmoveban 20s linear infinite;}
.ban .lhs{width:calc(100% - 690px);padding:60px 0 0}
.ban .lhs h1{color:#fff;font-size:38px;font-weight:500;line-height:56px}
.ban .lhs p{font-size:20px;color:#fff;line-height:34px;padding:20px 0 30px}
.ban .cta-ban{background:#d31111;border:1px solid #d31111;font-size:18px;color:#fff;font-weight:400;display:inline-block;padding:15px 40px 15px 75px;position:relative}
.ban .cta-ban:hover{background:#f80000;border:1px solid #f80000;box-shadow:0 18px 20px -11px #00000069}
.ban .cta-ban:hover:before{-webkit-transform:scaleX(-1);transform:scaleX(-1);transition:all .5s ease}
.ban .cta-ban:before{content:'';position:absolute;background:url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat -888px -4px;background-size:1000px;width:25px;height:25px;left:39px;transition:all .4s ease}
.ban .ban-im{background:url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-ban-sprite-22.png) no-repeat;background-size: 1100px;background-position: -113px 2px;width:682px;height: 438px;display:inline-block;z-index: 1;position: relative;}
.ban .ban-clud{
    background: url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-ban-sprite-22.png) no-repeat;
    background-size: 1100px;
    background-position: -256px -439px;
    width: 514px;
    height: 289px;
    position: absolute;
    left: 0;
    bottom: -25px;
    transition: all 0.5s ease;
    animation:cludmove 40s linear infinite;
    z-index: 1;
}
@keyframes cludmove{
    0%{transform: translateX(-100px);}
    50%{transform: translateX(100px);}
    100%{transform: translateX(-100px);}
}
@keyframes cludmoveban{
    0%{transform: translateX(20px);}
    50%{transform: translateX(-20px);}
    100%{transform: translateX(20px);}
}
.ban-sett{
    background: url('images/cloud-log-home-ban-sprite-22.png') no-repeat;
    background-size: 999px;
    background-position: -818px -436px;
    position: absolute;
    width: 165px;
    height: 165px;
    transition: all 0.5s ease;
    animation:bansett 40s linear infinite;
    left: 387px;
    top: 0px;
    z-index: 0;
    }
@keyframes bansett{
    from{transform: rotate(0);}
    to{transform: rotate(360deg);}
}
.ban-tick{
    transition: all 0.5s ease;
    background: url('images/cloud-log-home-ban-sprite-22.png') no-repeat;
    background-size: 999px;
    position: absolute;
    background-position: -927px -332px;
    width: 63px;
    height: 65px;
    animation:bantic 3s linear infinite;
    left: 142px;
    top: 80px;
    z-index: 1;
    }
    @keyframes bantic{
        0%{transform: translateY(-10px);}
        50%{transform: translateY(10px);}
        100%{transform: translateY(-10px);}
    }    
.ban .rhs{width:690px;position: relative;}
.one-line-form{width:525px;margin:0 auto;float:none!important}
.one-line-form *{font-family:"ZohoPuvi",verdana,arial,sans;font-size:14px;outline:0;margin:0;padding:0;box-sizing:border-box}
.one-line-form > form > ul{margin:0;padding:0}
.one-line-form > form > ul li{list-style-type:none;float:left;border:1px solid #e6e6e6;background:#fff}
.one-line-form > form > ul li:nth-child(1){width:270px;position:relative;border-radius:3px 0 0 3px;border-right-width:0}
.one-line-form > form > ul li:nth-child(1) .form-icn{background:#f6f8fa;width:38px;position:absolute;top:0;left:0;height:100%;border-radius:3px 0 0 3px}
.one-line-form > form > ul li:nth-child(1) .form-icn .icn-mail{width:17px;height:12px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAbCAYAAAAQ2f3dAAAABHNCSVQICAgIfAhkiAAAAi1JREFUWEfNl09IFFEcx5MUqTx5q4sHkbZTEiodDDEtipTyH5lSlqIplkLQISoq9RB5NFHBwEsJ3kLr1ClviohnvXQpQgi6iIItfr7xJqZh3Z2ZfbO7Dz7szm/f+/0+zM5v3kzekf/HJQ4vwElPPOrDHxT4Cl+cQnl8OQ5X4R2swJyJRS3jzr/DwT2ogB74LDGN37BpfsikkLfWKoFSKJZYHTyBERiFmiyZLVF3Ch7DC4m9NGfrPZ+18BwuZljuA/UWYR66oERistyAaSOjBpD15QzJqe46zJh6g3yeSSSm36/AMKgpohxvSL4N464iScU0rwHuQ2NEZk/JewyeefKnFNP866A2vmFZ7iH5ymAoQV5fYlrXAreg1ZKcLm412d1D8vkW0/qb0ATtacopx21oTpInkJjydMA16Awp59wv61OsDyymfHdABfR3BBmVTJ6EKh+LQokpr5pBG323jyKacho+Qszn/NBiyt8LOgt9KYrpKWUNTvmU0rS0xJSgH87CwCFFTxD/CUUBpKyIKckD81fpvuQdfwgUQDwbYqp5Hl6DtrBvcA5egbpvL6CUtTPm1NWG/wi0924Zyf0QUtbFQjokXJb2xW9Txp3rn9gyUT2P6ULOhaEuj+maeAvlUJ0LVjj8fXCU2FHTPfk5IvYLj1LnLWmMA706TcCnLAlqD9ZN+7u62hGTSxtoc1bMz2Zr01/vs4WwALMQd4s5hfS4myhuU8SbS7vDrjt4AMGtcSqPL2TTAAAAAElFTkSuQmCC);background-size:contain}
.one-line-form > form > ul li:nth-child(1) input{font-size:14px;padding-left:48px}
.one-line-form > form > ul li:nth-child(1) input::placeholder{color:#b3b3b3}
.one-line-form > form > ul li:nth-child(2){width:50px;border-left:0;border-right:0;position:relative}
.one-line-form > form > ul li:nth-child(3){padding-left:0;border-color:#d63327;border-radius:0 3px 3px 0}
.one-line-form > form > ul li .ffw-errmsg{display:none;color:#fff;font-size:12px;margin-top:-28px;position:absolute;font-weight:300;white-space:nowrap;background:#d63226;padding:0 10px;line-height:20px}
.one-line-form > form > ul li .ffw-errmsg:before{content:'';position:absolute;width:8px;height:8px;background:#d63226;transform:rotate(45deg);left:50px;bottom:-3px}
.one-line-form > form > ul li input{width:100%;height:43px;border:0;padding:0 10px;font-size:14px;color:#000;font-weight:300}
.one-line-form > form > ul li .selectedCountry{text-align:left;width:50px;height:33px;top:2px;position:absolute;color:#000;font-size:14px;margin:5px 0 0;line-height:33px;left:0;padding-left:8px;border-left:1px solid #e5e5e5;font-weight:300}
.one-line-form > form > ul li .selectedCountry:before{content:"";position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #1e0437;z-index:0;right:10px;top:15px}
.one-line-form > form > ul li .selectedCountry:after{content:"";position:absolute;width:1px;height:33px;top:0;right:0;background-color:#e6e6e6;display:none}
.one-line-form > form > ul li input[type=submit]{font-size:16px;background:#d63327;color:#fff;padding:0 25px;cursor:pointer;font-weight:500;height:43px;border:0}
.one-line-form > form > ul li input[type=submit]:hover{background:#9e0303;transition:all .5s ease}
.one-line-form > form > ul li select{font-weight:300;width:50px;height:43px;border:0;padding:0 10px;box-sizing:border-box;border-radius:0;margin:0;z-index:9;position:relative;color:#000;font-size:12px;opacity:0;-moz-appearance:none;-webkit-appearance:none;cursor:pointer;float:left}
.one-line-form > form > ul li select#country_state{position:relative;font-size:14px;opacity:1;width:100px;float:left;padding-left:0;line-height:22px}
.one-line-form > form > .misc-field .dwn-priv{margin-top:0;line-height:16px;font-weight:300;padding-top:5px}
.one-line-form > form > .misc-field .dwn-priv,.one-line-form > form > .misc-field .dwn-priv *{font-size:11px;color:#f4f8ff}
.one-line-form > form > .misc-field .dwn-priv strong{font-weight:600}
.one-line-form > form > .misc-field .dwn-priv a{font-size:11px;color:#f4f8ff;text-decoration:underline}
.one-line-form > form > .misc-field #meGDPRMessage{line-height:16px;margin:8px 0 0!important;width:100%}
.one-line-form > form > .misc-field #meGDPRMessage label{font-size:11px;line-height:18px;color:#f4f8ff;font-weight:300}
.one-line-form > form > .misc-field #meGDPRMessage .checkmarkgdpr{margin-bottom:0}
.one-line-form > form > .misc-field::before{content:" ";display:table;clear:both}
.one-line-form > form > .misc-field *{color:#a6a6a6;font-weight:300}
.one-line-form > form > .misc-field strong{font-weight:600}
.one-line-form > form > .misc-field a{color:#1281bd;text-decoration:underline}
.one-line-form > .success-message{display:none}
.one-line-form > .success-message h2{margin-bottom:10px;color:#13ffd1;font-size:30px}
.one-line-form > .success-message p{font-size:14px;line-height:23px;margin-top:0;color:#fff}
.one-line-form > .success-message p a{font-size:14px;line-height:23px;color:#1afed1;text-decoration:underline}
.one-line-form.success ul{display:none}
.one-line-form.success .success-message{display:block}
.one-line-form.success .misc-field{display:none}
.one-line-form.with-state{width:520px}
.one-line-form.with-state ul li #headerCountryListItem:after{content:"";position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #1e0437;z-index:0;right:7px;top:23px}
.one-line-form.with-state ul li:nth-child(1){margin-left:0;width:200px}
.one-line-form.with-state ul li #country_state{margin-left:8px}
.one-line-form.with-state ul li .selectedCountry:after{display:block}
.one-line-form.with-state ul li input[type=submit]{padding:0 12px}
.one-line-form.with-state ul li:nth-child(2){width:160px}
.one-line-form.with-state .ffw-country-list{position:relative}
.one-line-form.with-state .ffw-country-list:after{content:"";position:absolute;right:4px;top:19px;width:13px;height:13px;z-index:1;zoom:.95}
#meGDPRMessage .checkmarkgdpr{width:12px;height:12px}
@media screen and (max-width: 1050px) {
.one-line-form{width:100%;max-width:525px}
.one-line-form ul li{width:100%!important}
.one-line-form > form > ul li{border:0;background:none}
.one-line-form ul li select{width:100%!important}
.one-line-form ul li:first-child{border:1px solid #8ca2ba!important;margin-top:5px!important;width:100%!important;display:block}
.one-line-form ul li:nth-child(2) select{border:1px solid #8ca2ba!important;margin-top:5px!important;width:100%!important;display:block;opacity:1;-webkit-appearance:listbox}
.one-line-form ul li .selectedCountry{display:none;width:100%!important}
.one-line-form ul li:nth-child(3){margin-top:5px}
.one-line-form.with-state{width:100%!important}
.one-line-form.with-state ul li select#country_state{margin-left:0;padding:0 10px;font-size:12px}
}
.why{position:relative}
.why:before{content:'';position:absolute;left:0;top:0;right:0;width:100%;height:50%;background:#01242e}
.why .inn{background:#fffeeb;border:1px solid #d0b494;width:100%;padding:60px 20px 60px 60px;border-radius:50px;position:relative}
.why .inn:before,.why .inn:after{content:'';position:absolute;background:url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-ban-sprite-22.png) no-repeat;background-size:999px;background-position:-196px -657px;width:533px;height:211px}
.why .inn:before{left:-12px;bottom:-1px;border-radius:0 0 0 69px}
.why .inn:after{background-position:-10px -632px;width:189px;height:246px;left:164px;bottom:-1px}
.why .lhs{width:365px}
.why .lhs h2{font-size:30px;font-weight:500}
.why .rhs{width:calc(100% - 365px);padding-left:50px;    padding-top: 35px;}
.why .rhs ul{float:left;width:50%}
.why .rhs ul li{font-size:16px;float:left;width:100%;line-height:26px;padding:0 20px 15px 25px;position:relative}
.why .rhs ul li:before{content:'';position:absolute;background:url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-ban-sprite-22.png) no-repeat;background-size:999px;background-position:-36px -4px;width:12px;height:12px;left:0;top:6px}
.manag{padding:60px 0;overflow:hidden;position:relative}
.manag:before{content:'';position:absolute;background-image:url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-sprite-22.png);background-size:913px;background-repeat:no-repeat;display:inline-block;transition:all .5s ease;width:294px;height:127px;background-position:11px -222px;top:0;right:0;animation:cloud-move 12s linear 1s infinite both}
@keyframes cloud-move {
0%{transform:translateX(-50px)}
50%{transform:translateX(50px)}
100%{transform:translateX(-50px)}
}
.manag .lhs{width:calc(100% - 500px);padding:40px 80px 40px 0}
.manag .lhs h2{font-size:36px;font-weight:500;line-height:42px;padding-bottom:25px}
.manag .lhs h2 span{font-size:36px;font-weight:200;display:block;line-height:42px}
.manag .lhs p{font-size:16px;color:#333;line-height:26px;margin-bottom:15px}
.manag .rhs{width:500px;position:relative}
.manag-ani-box{position:relative;width:500px;height:395px}
.manag-ani-box span{background-image:url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-sprite-22.png);background-size:1000px;background-repeat:no-repeat;display:inline-block;position:absolute;transition:all .5s ease}
.manag-sett{background-position:-667px -9px;display:inline-block;width:190px;height:198px;left:45px;animation:circle 30s linear 1s infinite both}
.manag-str-com{width:15px;height:15px}
.manag-str-1{background-position:-1px 0;left:150px;top:-7px}
.manag-str-2{background-position:-16px 0;left:50px;top:157px}
.manag-str-3{background-position:-34px 0;left:362px;top:122px}
.manag-book-com{width:190px;height:221px;top:122px;left:100px;transform:scale(.3);opacity:.5}
.manag-book-1{background-position:-2px -14px}
.manag-book-2{background-position:-222px -13px}
.manag-book-3{background-position:-432px -14px}
.animated .manag-book-1{top:50px;left:100px}
.animated .manag-book-2{left:140px;top:35px}
.animated .manag-book-com{transform:scale(1);opacity:1}
.animated .manag-book-3{top:50px;left:185px}
.have-anim{padding:80px 0 50px;margin-top:50px}
.manag-arrow{background-position:-345px -253px;width:211px;height:123px;left:292px;top:80px}
.manag-ani-box span.manag-clud-1,.manag-ani-box span.manag-clud-2{background-size:1500px}
.manag-ani-box span.manag-clud-1{width:485px;height:216px;background-position:-1018px -344px;bottom:0}
.manag-ani-box span.manag-clud-2{width:249px;height:183px;background-position:12px -400px;top:0;right:-261px}
.what .tit{width:100%;margin-bottom:110px}
.what .tit h2{font-size:36px;font-weight:500;line-height:42px;text-align:center}
.what .tit h2 span{font-size:36px;font-weight:200;display:block;line-height:42px}
.what .mob-scrn{position:absolute;left:197px;top:130px}
.what .mob-scrn img{width:899px}
.what .mob-scrn:before,.what .mob-scrn:after{content:'';position:absolute;width:792px;height:222px;left:9px}
.what .mob-scrn:before{background:#fef0eb;top:49px}
.what .mob-scrn:after{background:#fff;top:270px;height:279px}
.start{padding:80px 0 30px}
.start .tit-get{width:100%}
.start .tit-get h2{font-size:42px;font-weight:600;line-height:60px;text-align:center}
.start .tit-get h2 span{font-size:36px;font-weight:200;line-height:42px;display:block}
.start .tit-get p{font-size:20px;font-weight:300;text-align:center;line-height:36px;color:#000}
.pri-22 .inn{padding-top:40px}
.plan{width:100%}
.plan .inn{margin:0 auto;display:table;float:initial}
.plan-com{width:340px;border:1px solid #333;margin:0 15px;border-radius:15px;transition:all .5s ease}
.plan-com h2{text-align:center;font-size:25px;font-weight:500;padding:30px 10px;background:#053c49;border-radius:15px 15px 0 0;color:#fff}
.plan-desc{width:100%;padding:50px 20px 30px;text-align:center;background:#002933;border-radius:0 0 15px 15px;position:relative}
.plan-desc i{font-size:25px;color:#a3abad;font-weight:500;position:absolute;margin:-19px 0 0 -20px}
.plan .cost{color:#34bcdb;font-size:60px;font-weight:600}
.plan .start-cta{color:#fff;font-size:18px;font-weight:400;border:1px solid #fff;padding:9px 50px 9px 35px;display:inline-block;margin-top:75px;position:relative}
.plan .start-cta:before{content:'';position:absolute;background-image:url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-sprite-22.png);background-size:1000px;background-repeat:no-repeat;width:15px;height:15px;background-position:-66px 0;right:20px;top:15px;transition:all .4s ease-in-out}
.plan .plan-stand .start-cta{background:#d31111;color:#fff;border:1px solid #d31111;margin-top:24px}
.plan-desc h4{color:#fff;font-size:20px;font-weight:400;padding:25px 0 20px}
.plan-desc p{color:#fff;font-size:17px;font-weight:200}
.plan-com:hover{box-shadow:0 18px 20px -11px #00000069;transform:translateY(-5px)}
.plan-com.plan-free:hover .start-cta{background:#d31111;color:#fff;border:1px solid #d31111}
.plan-com.plan-stand:hover .start-cta{background:#ad0707;color:#fff;border:1px solid #ad0707}
.plan .plan-com:hover .start-cta:before{right:17px}
.plan-desc h4.plan-change{color:#000;position:relative;cursor:pointer;transition:all .5s ease}
.plan-desc h4.plan-change:hover{background:#f8f9f9}
.plan-desc h4.plan-change:before{content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #000;position:absolute;top:33px;right:50px;z-index:98}
.plan .gb-drop{background:#fff;border:1px solid #efefef;display:none;font-weight:100;list-style:none;padding:0;position:absolute;text-align:left;width:229px;z-index:1;margin:-10px 0 1px 50px}
.gb-drop li{cursor:pointer;padding:5px 0 5px 28px;transition:all .5s}
.plan-com.plan-stand{border:1px solid #94dcec}
.plan-stand.plan-com h2{background:#eefcff;color:#00252e}
.plan-stand .plan-desc{background:#fff}
.plan .add-on{border:1px solid #c8c8c8;width:100%;position:relative;margin-top:25px}
.add-on .lhs{width:calc(100% - 70px)}
.add-on .lhs .add-on-tit{color:#036579;font-size:14px;text-transform:uppercase;font-weight:500;position:absolute;left:10px;top:-6px;background:#fff;line-height:13px;padding:0 6px}
.add-on .lhs input{float:left;width:15px;height:15px;margin:17px 0 0 12px;cursor:pointer}
.add-on .lhs label{text-align:left;font-size:14px;line-height:24px;padding:12px 0 0 2px;display:inline-block;cursor:pointer}
.add-on .rhs{width:70px;color:#333;font-size:15px;font-weight:500;background:#f1f7f8;padding:15px;border:2px #fff solid}
.sugg h2{font-size:36px;font-weight:500;line-height:42px;padding-bottom:75px;text-align:center}
.sugg .inn{width:100%;height:555px;background:url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-cli-bg.jpg) no-repeat;background-size:100%}
.sugg .inn span{position:absolute;background-image:url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-sprite-22.png);background-size:1000px;background-repeat:no-repeat;display:inline-block;margin:212px 0 0 344px;transition:all .5s ease-in-out;left:24px;top:118px;opacity:0}
.sugg .inn.animated span{opacity:1}
.cli1{background-position:-816px -508px;width:35px;height:35px}
.cli2{width:28px;height:28px;background-position:-885px -512px}
.cli3{width:59px;height:10px;background-position:-936px -521px}
.cli4{background-position:-816px -573px;width:69px;height:20px}
.cli5{background-position:-924px -578px;width:76px;height:9px}
.cli6{background-position:-816px -629px;width:42px;height:11px}
.cli7{background-position:-885px -623px;width:44px;height:22px}
.cli8{background-position:-967px -618px;width:32px;height:32px}
.cli9{background-position:-812px -677px;width:65px;height:15px}
.cli10{background-position:-900px -672px;width:62px;height:25px}
.cli11{background-position:-812px -727px;width:49px;height:14px}
.cli12{background-position:-908px -716px;width:54px;height:35px}
.cli13{background-position:-813px -769px;width:35px;height:27px}
.cli14{background-position:-876px -776px;width:67px;height:12px}
.cli15{background-position:-968px -763px;width:31px;height:39px}
.cli16{background-position:-812px -822px;width:45px;height:35px}
.cli17{background-position:-915px -831px;width:70px;height:17px}
.cli18{background-position:-812px -881px;width:65px;height:11px}
.cli19{background-position:-919px -881px;width:66px;height:11px}
.cli20{background-position:-814px -921px;width:51px;height:14px}
.cli21{background-position:-885px -924px;width:48px;height:8px}
.cli22{background-position:-962px -916px;width:29px;height:29px}
.cli23{background-position:-816px -966px;width:26px;height:30px}
.cli24{background-position:-857px -962px;width:30px;height:34px}
.cli25{background-position:-903px -964px;width:34px;height:30px}
.cli26{background-position:-956px -964px;width:34px;height:39px}
.cli27{background-position:-857px -962px;width:30px;height:34px}
.sugg .animated .cli1{left:170px;top:60px;transition-delay:.1s}
.sugg .animated .cli2{left:250px;top:23px;transition-delay:.2s}
.sugg .animated .cli3{left:311px;top:-14px;transition-delay:.3s;animation:zoom 1s alternate 5.5s infinite both}
.sugg .animated .cli4{left:385px;top:-60px;transition-delay:.4s}
.sugg .animated .cli5{left:153px;top:178px;transition-delay:.5s}
.sugg .animated .cli6{left:335px;top:79px;transition-delay:.6s}
.sugg .animated .cli7{left:255px;top:122px;transition-delay:.7s}
.sugg .animated .cli8{left:591px;top:110px;transition-delay:.8s}
.sugg .animated .cli9{left:410px;top:25px;transition-delay:.9s}
.sugg .animated .cli10{left:477px;top:-33px;transition-delay:1s}
.sugg .animated .cli11{left:634px;top:-58px;transition-delay:1.1s;animation:zoom 1s alternate 5s infinite both}
.sugg .animated .cli12{left:231px;top:238px;transition-delay:1.2s}
.sugg .animated .cli13{left:340px;top:178px;transition-delay:1.3s}
.sugg .animated .cli14{left:401px;top:129px;transition-delay:1.4s;animation:zoom 1s alternate 3s infinite both}
.sugg .animated .cli15{left:672px;top:35px;transition-delay:1.5s}
.sugg .animated .cli16{left:497px;top:54px;transition-delay:1.6s}
.sugg .animated .cli17{left:280px;top:316px;transition-delay:1.7s;animation:zoom 1s alternate 3.5s infinite both}
.sugg .animated .cli18{left:354px;top:369px;transition-delay:1.8s}
.sugg .animated .cli19{left:394px;top:268px;transition-delay:1.9s}
.sugg .animated .cli20{left:486px;top:207px;transition-delay:2s}
.sugg .animated .cli21{left:472px;top:327px;transition-delay:2.1s;animation:zoom 1s alternate 4s infinite both}
.sugg .animated .cli22{left:673px;top:187px;transition-delay:2.2s}
.sugg .animated .cli23{left:657px;top:298px;transition-delay:2.3s}
.sugg .animated .cli24{left:584px;top:237px;transition-delay:2.4s}
.sugg .animated .cli25{left:559px;top:357px;transition-delay:2.5s;animation:zoom 1s alternate 4.5s infinite both}
.sugg .animated .cli26{left:586px;top:23px;transition-delay:2.6s}
.sugg .animated .cli27{left:584px;top:237px;transition-delay:2.7s}
@keyframes zoom {
from{transform:scale(1)}
to{transform:scale(1.5)}
}
.meet{background:#f8fbfc;padding:90px 0 200px}
.meet .tit{text-align:center;width:100%}
.meet .tit h2{font-size:35px;font-weight:500;line-height:48px;margin-bottom:40px}
.meet .tit h2 span{display:block;font-size:36px;font-weight:200;line-height:46px}
.meet-tab-tit{width:100%}
.meet-tab-tit ul{float:initial;width:100%;position:relative;background:#fff;border:1px solid #efefef;border-radius:50px;padding:8px;margin:0 auto;margin-bottom:50px;max-width:1100px;}
.meet1 .meet-tab-tit ul{box-shadow:0 2px 11px -6px #33333373;border-radius:8px}
.meet-tab-tit ul li{transition:.3s ease-in;display:table-cell;width:2%}
.meet-tab-tit ul li span{font-size:13px;line-height:22px;color:#00313e;font-weight:400;display:inline-block;width:100%;box-sizing:border-box;position:relative;cursor:pointer;text-align:center;padding:10px 0;z-index:1;transition:all .5s ease}
.meet-tab-tit ul li span.act{color:#fff}
.topics-tb1,.topics-tb2{width:100%;display:none}
.topic-1,.topic-5{display:block}
.move1,.move2{background:#00313e;width:235px;height:48px;display:inline-block;border-radius:30px;position:absolute;left:7px;top:5px;transition:all .5s ease}
.move1{border-radius:8px}
.move2{background:#5effd0}
.scrn{width:55%;-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;padding-right:15px}
.scrn img{width:100%}
.con{width:45%;padding:10px 0 0 50px;-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0;transition:all .5s ease}
.con ul li:before{content:'';position:absolute;background:url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat;background-size:1000px;background-position:-8px -442px;width:13px;height:11px;left:0;top:8px}
.topics-tb2 .con ul li:before{background-position:-8px -456px}
.secu .con h2{margin-bottom:50px}
.secu .con h2::after{content:"";background:#5effd0;position:absolute;left:0;bottom:-21px;height:4.5px;width:70px;border-radius:2px}
.secu .con li a{color:#27adff;font-size:16px}
.secu .con a.lm{color:#27adff;font-size:16px;text-decoration:underline;display:inline-block;margin-top:20px}
.aniscrn .scrn,.aniscrn .con{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;transition:all .5s ease}
.con h2{font-size:28px;line-height:34px;font-weight:500;position:relative;margin:10px 0 25px;text-align:left}
.con h4{font-size:16px;font-weight:300;display:block;color:#00a4cf;line-height:28px;border-radius:2px;text-transform:uppercase;letter-spacing:1px}
.con p{margin:0 0 18px;font-size:16px;line-height:28px;color:#000}
.con ul li{padding:0 0 8px 30px;font-size:16px;line-height:28px;position:relative}
.secu .con *{color:#fff}
.secu .tit h2, .secu .tit h2 span{color:#fff}

.secu{background:url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-bg-line-22.png) #052a33;background-size:100px;padding: 245px 0 90px;}
.secu .meet-tab-tit ul{background:#07313b;border:1px solid #314d52}
.secu .meet-tab-tit ul li span{color:#fff}
.secu .meet-tab-tit ul li span.act{color:#06313b}
.secu .con{padding:10px 50px 0 0}
.secu .scrn{padding:0 0 0 10px}
.sec-box{background:#f7f29d;border-radius:10px;padding: 40px 30px 15px 285px;margin-top: -361px;position:relative}
.sec-box:before{content:'';position:absolute;background:url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat -50px -407px;background-size:1000px 1000px;width:208px;height:165px;left:38px;top:32px}
.sec-box div{padding-right:250px}
.sec-box div h2{font-size:36px;font-weight:500;margin-bottom:20px}
.sec-box div p{font-size:20px;line-height:32px;padding-bottom:30px}
.sec-box div a{background:#d31111;font-size:18px;color:#fff;font-weight:400;display:inline-block;padding:12px 50px 12px 40px;position:absolute;right:45px;top:100px}
.sec-box div a:before{content:'';position:absolute;background:url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat -66px 0;background-size:1000px;width:10px;height:12px;right:32px;top:19px;transition:all .5s ease}
.sec-box div a:hover{background:#f60303;box-shadow:0 13px 11px -6px #3333339c}
.sec-box div a:hover:before{right:25px}
.get-strt{background:#002d39;padding:75px 0;text-align:center}
.get-strt h2{color:#fff;font-size:36px;line-height:46px;padding-bottom:35px;font-weight:500}
.get-strt .inn{width:100%}
.get-strt .inn ul{margin:0 auto;display:table}
.get-strt .inn ul li{float:left;margin:0 10px}
.get-strt .inn ul li a{background:#d31111;border:1px solid #d31111;font-size:18px;color:#fff;font-weight:400;display:inline-block;padding:15px 40px 15px 75px;position:relative}
.get-strt .inn ul li a:before{content:'';position:absolute;background:url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat -888px -4px;background-size:1000px;width:25px;height:25px;left:39px}
.get-strt .inn ul li:nth-child(1) a:hover{background:red;border:1px solid #ff0100}
.get-strt .inn ul li:nth-child(2) a:hover{background:#33ae65;border:1px solid #33ae65}
.get-strt .inn ul li:last-child a:before{background-position:-921px -5px}
.get-strt .inn ul li:last-child a{background:none;border:1px solid #fff}
.no-card{display:block;color:#fff;font-size:12px;font-weight:200;text-align:left;padding:5px 0 0 64px;position:relative}
.no-card:before{content:'';position:absolute;background:url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-ban-sprite-22.png) no-repeat -5px -60px;background-size:999px;width:21px;height:15px;left:32px;top:9px}
.image-row{display:block;width:100%;max-width:1200px;margin-bottom:10px;overflow:hidden}
.image-row img{width:1200px;float:left;display:table}
.img-container{overflow:hidden;position:relative;transition:.3s ease-in;width:2400px}
.row-2 .img-container{margin-left:-100%}
.ffw-field input:focus-visible{outline:0;border-color:#527be6}
.ffw-form form ul li select:focus-visible{outline:0}
.animated .row-1 .img-container{animation:scroll-1 40s linear infinite}
.tit-org{width:100%;text-align:center;padding-bottom:40px}
.tit-org h2{font-size:30px;font-weight:200;line-height:42px;width:100%}
.tit-org h2 strong{font-weight:500;color:#006682}
@keyframes scroll-1 {
0%{margin-left:0}
50%{margin-left:-100%}
100%{margin-left:0}
}
.animated .row-2 .img-container{animation:scroll-2 40s linear infinite}
@keyframes scroll-2 {
0%{margin-left:-100%}
50%{margin-left:0}
100%{margin-left:-100%}
}
@media screen and (max-width:1200px) {
.image-row{max-width:1000px;margin:auto;margin-bottom:10px}
.why .rhs{padding-top:0;}
}
.animate{transition:all .8s ease-in-out;opacity:0}
.animate.animated{opacity:1}
.fadeInUp{-moz-transform:translateY(30px);-ms-transform:translateY(30px);-webkit-transform:translateY(30px);transform:translateY(30px)}
.fadeInUp.animated{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}
.fadeInLeft{-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-webkit-transform:translateX(-30px);transform:translateX(-30px)}
.fadeInLeft.animated{-moz-transform:translateX(0px);-ms-transform:translateX(0px);-webkit-transform:translateX(0px);transform:translateX(0px)}
.fadeInRight{-moz-transform:translateX(30px);-ms-transform:translateX(30px);-webkit-transform:translateX(30px);transform:translateX(30px)}
.fadeInRight.animated{-moz-transform:translateX(0px);-ms-transform:translateX(0px);-webkit-transform:translateX(0px);transform:translateX(0px)}
.fadeInRight{-moz-transform:translateX(30px);-ms-transform:translateX(30px);-webkit-transform:translateX(30px);transform:translateX(30px)}
.fadeInRight.animated{-moz-transform:translateX(0px);-ms-transform:translateX(0px);-webkit-transform:translateX(0px);transform:translateX(0px)}
.graphori.animated{animation:graphver .5s ease-in-out 1.5s both;transform-origin:bottom}
@keyframes graphver {
from{-moz-transform:scaleY(0);-ms-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0}
to{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1}
.btm-note p {
    padding-top: 30px;
}
}
.ani-scrn *{position:absolute;transition:all .5s ease-in-out}
.ani-sc-1,.ani-sc-1-pach{width:376px;height:65px;display:inline-block;left:171px;top:170px}
.ani-sc-1{background:url(/sites/meweb/images/kr/cloud-siem/images/event-correlation-siem-spri1-22.png) no-repeat;background-size:1072px;background-position:-19px -1252px;opacity:0}
.ani-sc-1-pach{background:#fff}
@media screen and (max-width: 1250px) {
.ani-scrn{display:none}
}
.scrn-com{float:left;width:100%;padding-bottom:90px}
.scrn-com .lhs{padding:120px 50px 0 70px;float:left;width:calc(100% - 650px)}
.scrn-com .lhs h3{font-size:26px;font-weight:500;padding:0 50px 10px 0;line-height:36px;color:#102336}
.scrn-com .lhs p{font-size:16px;padding-bottom:25px;line-height:28px}
.scrn-com a.cta-fea{cursor:pointer;background:#e8f1ff;color:#0067ff;border:1px solid #0067ff;font-size:12px;font-weight:600;padding:6px 30px;letter-spacing:2px;border-radius:2px;text-align:center;display:inline-block;text-transform:uppercase}
.scrn-com a.cta-fea:hover{background:#0067ff;color:#fff}
.scrn-com .rhs{float:left;width:650px;position:relative}
.scrn-com .tit-spac-1{padding-top:175px}
@media screen and (max-width: 992px) {
.scrn-com .lhs,.scrn-com .rhs{width:100%}
.scrn-com .lhs{padding:15px 25px}
.scrn-com{border:1px solid #f5f5f5;background:#fff;margin-bottom:25px;padding:30px;border-radius:10px}
}
@media screen and (max-width: 769px) {
.scrn-com .lhs h3{font-size:22px;line-height:30px}
}
@media screen and (max-width: 567px) {
.scrn-com .lhs h3{font-size:20px;line-height:30px}
}
@media screen and (max-width:1330px) {
.scrn-com .lhs h3{font-size:24px;line-height:34px;padding:0 0 15px}
}
@media screen and (max-width:1050px) {
.scrn-com .lhs{width:100%;padding:10px 0 15px;text-align:center;order:1}
.scrn-com .rhs{width:100%;order:2}
.scrn-com{padding-bottom:40px;display:grid}
}
@media screen and (max-width:400px) {
.scrn-com{padding:0}
.scrn-com .lhs{padding:30px}
}
@media screen and (max-width:350px) {
.scrn-com{padding:0}
}
@media screen and (max-width:1250px) {
.ac{max-width:90%}
.ban .lhs{padding:30px 0 0}
.what .mob-scrn img,.what .mob-scrn:before,.what .mob-scrn:after{display:none}
.ban::before{top:-54px;opacity:.5}
}
@media screen and (max-width:1200px) {
.manag .lhs{width:100%;padding: 50px 0 20px;text-align:center}
.ac{max-width:90%}
.ban .lhs{width:100%;text-align:center;padding: 0 100px 60px;}
.ban .rhs,.manag .rhs,.no-card:before,.manag-ani-box,.manag-ani-box span,.ban .ban-im{display:none}
.why .rhs ul{width:100%}
.manag .lhs h2,.what .tit h2{font-size:28px}
.manag .lhs h2 span,.what .tit h2 span{font-size:28px}
.no-card{text-align:center;padding:5px}
.move1, .move2{width:208px}
}
@media screen and (max-width:1150px) {
.sugg{display:none}
.start{padding: 80px 0 70px;}
}
@media screen and (max-width:1025px) {
.pri-22 .inn{padding-bottom:0}
}
@media screen and (min-width:992px) {
    .secu .con h4{display: none;}
}
@media screen and (max-width:992px) {
.mob-hide,.why .inn:before,.why .inn:after,.meet-tab-tit{display:none}
.scrn,.con{-webkit-transform:translateX(1px);transform:translateX(1px);opacity:1;transition:all .5s ease}
.scrn{width:100%;padding:0 0 30px}
.con{width:100%;padding:0}
.topics-tb1,.topics-tb2{display:table;border: 1px solid #2b6e7e;padding:25px;border-radius:10px;margin-bottom:15px;display:grid}
.why .lhs{width:100%}
.why .rhs{width:100%;padding:30px 0 0}
.why .rhs ul li:last-child{padding-bottom:0}
.what .mob-scrn{position:relative;left:initial;top:initial}
.sec-box{padding:30px;text-align:center}
.sec-box:before{display:none}
.sec-box div{padding:0}
.sec-box div a{position:relative;top:0;right:0}
.topics-tb1 .scrn{order:2}
.topics-tb1 .con{order:1}
.topics-tb1 .scrn{padding-bottom:0;margin-top: 30px;}
.secu .con{padding-right:0;padding-bottom: 30px;}
.ban .lhs{    padding: 0 40px 60px;}
}
@media screen and (max-width:880px) {
.what{background:#fff0eb;padding:50px;box-sizing:border-box;margin-bottom:80px}
.what .mob-scrn img{display:block;width:100%}
.what .tit{margin-bottom:30px}
.plan .inn{width:100%}
.plan-com{width:48%;margin:0 1%}
}
@media screen and (max-width:769px) {
.plan-com{min-width:340px;margin:0 auto;display:table;float:initial!important}
.plan-com.plan-free{margin-bottom:30px}
.ban .lhs h1{font-size:30px;line-height:36px}
.why .lhs h2{font-size:22px}
.get-strt h2{font-size:28px;line-height:38px}
.why .inn{padding:40px 15px 40px 30px}
.secu .tit h2{font-size:24px;padding-top:30px}
.secu .scrn{padding:30px 0 0}
.meet .tit h2{font-size:24px;line-height:32px}
.meet .tit h2 span{font-size:20px;line-height:28px}
.con h4{font-size:14px}
.con h2{font-size:22px;line-height:30px}
.pri-22 .pri-box-free .pri-box .points ul.p-list{padding-top:0;margin-top:0;min-height:auto}
.manag:before{display:none}
.manag .lhs{padding: 0px 0 10px;}
}
@media screen and (max-width:620px) {
.get-strt .inn ul{max-width:255px;width:100%}
.get-strt .inn ul li{margin:0;width:100%}
.get-strt .inn ul li a{width:100%}
}
@media screen and (max-width:500px) {
.ds-list li{width:100%}
.why .lhs h2{text-align:center;font-size:24px}
.why .inn{padding:60px 20px 40px 40px}
.manag .lhs h2,.what .tit h2{font-size:21px;line-height:35px}
.manag .lhs{padding:50px 0 20px}
.what{padding:50px 0}
.tit-org h2{font-size:22px;line-height:35px}
.start .tit-get h2 span{font-size:24px;line-height:26px;padding-top:40px}
.start .tit-get h2{font-size:30px;line-height:40px;padding-top:40px}
#titlediv{display:none}
.zsiq_flt_rel{border-radius:50px 0 0 50px!important}
}
@media screen and (max-width:400px) {
.plan-com{min-width:100%}
.plan-desc h4.plan-change:before{right:10%}
}
@media screen and (max-width:370px) {
.add-on .lhs{width:calc(100% - 55px)}
.add-on .rhs{width:55px;padding:15px 5px}
.add-on .lhs label{font-size:13px;padding:13px 0 0}
}
@media screen and (min-width : 1250px) {
.pri-22 .pri-box-free .pri-box .points ul.p-list{min-height:313px}
}
.pri-box .storage-val{width:80%;height:45px;border-radius:2px;border:1px solid #cbd5d9;padding:9px 5px 5px 15px;font-size:16px;color:#5e5e5e;margin-left:10%;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,gray 50%),linear-gradient(135deg,gray 50%,transparent 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 20px) calc(1em + 3px),calc(100% - 15px) calc(1em + 3px),calc(100% - 2.5em) .6em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;outline:none;transition:all .5s ease;cursor:pointer;box-sizing:border-box;display:block}
.storage-value-list{width:80%;margin:auto;background:#f3f3f3;box-sizing:border-box;position:absolute;left:0;right:0;border:1px solid #cbd5d9;z-index:1;border-top:0;top:44px;display:none}
.storage-val-dropdown{position:relative}
.storage-value-list li{padding:10px;cursor:pointer;transition:.3s ease-in}
.storage-value-list li:hover{background:#50505042}
.af .storage-val-dropdown{display:inline-block;float:none;width:100%}
.pri-box .storage-val{padding-top:14px}
.af ul.storage-value-list{float:none;margin:auto}
.btm-note{display:inline-block;margin-top:40px;width:100%;text-align:center}
.btm-note p{font-size:16px}

/****** top strip ******/
 @-webkit-keyframes slide-right {
        0% {-webkit-transform: translateX(0); transform: translateX(0);}
        100% {-webkit-transform: translateX(6px);transform: translateX(6px);}
    }
    @keyframes slide-right {
        0% {-webkit-transform: translateX(0);transform: translateX(0);}
        100% {-webkit-transform: translateX(6px);transform: translateX(6px);}
    }

    .strip-bnr {background: #5022cb; background: linear-gradient(to right, #5022cb 0%, #10003b 100%); background: -webkit-linear-gradient(to right, #5022cb 0%, #10003b 100%);padding: 17px 0;text-align: center;color: #fff;font-size: 14px; font-weight: 500;position: relative;z-index: 9; margin-top: 0; top: 0;left: 0; position: fixed; width: 100%;}
    .strip-bnr p{padding:0;margin:0;display: inline-block;}
    .strip-bnr-gr {background: #ffc402;}
    .strip-bnr-pk {background: #ffebe3;}
    .strip-bnr::before, .strip-bnr::after {display: none; content: ""; position: absolute; width: 118px; height: 34px; background: url(/sites/meweb/images/kr/cloud-siem/images/log360-cloud-index-strip-sprite.png) no-repeat; background-size: 123px; top: 0; bottom: 0; margin: auto;}
    .strip-bnr-gr::before{background-position: -3px -36px; left: 0;display: none;}
    .strip-bnr-gr::after{background-position: -3px -36px; right: 0; transform: rotate(180deg);display: none;}
    .strip-bnr-pk::before{background-position: -3px -76px; left: 0;}
    .strip-bnr-pk::after{background-position: -3px -76px; right: 0; transform: rotate(180deg);}
    .strip-bnr a {color: #FFEB00;text-decoration: none; position: relative; margin-left: 18px; font-size: 15px; font-weight: 400;}
    .strip-bnr a::after{content: ""; position: absolute; top: 0; bottom: 0; margin: auto; right: -20px; background: url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat; background-size: 1003px; width: 15px; height: 15px; background-position: -984px 2px; -webkit-animation: slide-right .5s ease-in-out infinite alternate both; animation: slide-right .5s ease-in-out infinite alternate both;}
    .strip-bnr-icon{color: #fff; font-size: 13px; font-weight: 400; position: relative; padding: 3px 8px 3px 7px; letter-spacing: 1px; margin-right: 9px;}
    .strip-bnr-icon::before{content: ""; position: absolute; height: 22px; width: 27px; background: url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat; background-size: 1000px; background-position: -954px 1px; left: 0; top: -2px;}
.strip-bnr-icon::after{content: ""; position: absolute; height: 35px; width: 68px; background: url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat; background-size: 1000px; background-position: -883px -41px; left: -114px; top: -2px;}
    /*.strip-bnr-gr .strip-bnr-icon{background: #257255; border-radius: 10px;}*/
    /*.strip-bnr-gr .strip-bnr-icon::before{background-position: -1px -1px;}*/
    .strip-bnr-gr .strip-bnr-icon{    border: 1px solid #e60001;
    border-radius: 30px;
    color: #000;
    padding: 3px 10px 3px 25px;}
    .strip-bnr-gr .strip-bnr-icon::before{    background: #e60001;
    height: 7px;
    width: 7px;
    left: 12px;
    top: 6px;}
    .strip-bnr-gr a{    color: #fff;
    background: #e5322c;
    padding: 6px 24px 6px 10px;
    font-size: 14px;
    border-radius: 30px;}
    .strip-bnr-gr a::after{    border-left: 8px solid #fff;
    border-top: 4px solid #fff0;
    border-right: 4px solid #fff0;
    border-bottom: 4px solid #fff0;
    background: none;
    width: 0px;
    height: 0px;
    right: 8px;}
    .strip-bnr-gr .strip-bnr-date::before{    filter: brightness(0.4);}
    .strip-bnr-pk .strip-bnr-icon{background: #bd5227; border-radius: 10px;}
    .strip-bnr-pk .strip-bnr-icon::before{background-position: -29px -1px;}
    .strip-bnr-date{margin-left: 0; position: relative;}
    .strip-bnr-date strong{font-weight: 500; color: #64F9FF}
    .strip-bnr-date::before{content: ""; position: relative; display: inline-block; height: 20px; width: 20px; background: url(/sites/meweb/images/kr/cloud-siem/images/log360-cloud-index-strip-sprite.png) no-repeat; background-size: 104px; background-position: -66px -1px; top: 5px; margin-right: 8px;display: none;}
    .strip-bnr-pk .strip-bnr-date::before{background-position: -85px 1px;}
    .stripClose{border-radius: 50%; background:#707070; color: #fff; position: absolute; top: 0; bottom: 0; right: 75px; margin: auto; height: 20px; width: 20px; font-weight: 200; font-size: 20px;z-index: 9999; cursor: pointer;}
    @media screen and (max-width:1260px) {
        .strip-bnr {z-index: 9999;}
        .strip-bnr::before, .strip-bnr::after{display: none;}
    }
     @media screen and (max-width:1100px) {
        .strip-bnr {margin-top: 0; padding: 15px 10px;}
    }
    @media screen and (max-width:991px) {
        .strip-bnr a{display: block; margin: 20px 0 0;}
        .strip-bnr a::after{position: relative; top: -1px; right: -5px; display: inline-block;}
       .strip-bnr-icon::after{display: none;}
       .stripClose{right: 5%;}

    }

    @media only screen and (min-width: 767px) and (max-width: 1025px){
        //.strip-bnr {margin-top: 16px;}
    }
 @media only screen and (max-width: 767px){
    .strip-bnr-date{display: none; margin: 6px 0;}
.strip-bnr-icon{display: inline-block; vertical-align: top;}
.strip-bnr p{line-height: 23px;}
}
    @media only screen and (max-width: 700px){
        //.strip-bnr-icon{margin: 0 auto 10px; width: 130px; display: block;padding:1px 3px 1px 6px;}
        .strip-bnr-icon::before{top: -3px}
.strip-bnr{padding: 15px 10%; width: 80%}
    }
@media only screen and (max-width: 500px){
.ban{margin-top: 130px;}
}
 @media only screen and (max-width: 420px){
        .strip-bnr {line-height: 18px;}
        //.strip-bnr span{display: block;}
        .strip-bnr p{line-height: 20px;}
    }


/****** Webinar banner ******/
.sec-box.sec-box-webinar{background: url(/sites/meweb/images/kr/cloud-siem/images/feb-7-webinar-2023-log360-cloud-index-banner-gr.png) no-repeat; background-color: #5effd2; background-size: contain; padding: 42px 0;}
.sec-box.sec-box-webinar.strip-bnr-pk{background: url(/sites/meweb/images/kr/cloud-siem/images/feb-7-webinar-2023-log360-cloud-index-banner-pk.png) no-repeat; background-color: #feebe2; background-size: contain; padding: 42px 0;}
.sec-box:before, .sec-box div a:before{display: none;}
.sec-box div{padding-right:250px}
.sec-box div h2, .sec-box div p{opacity: 0; z-index: -1;position: relative;}
.sec-box div a{padding:20px 80px;position:absolute;right:59px;top:142px;opacity: 0;cursor: pointer;}
@media only screen and (max-width: 1250px){
.sec-box div a{right: 5%; top: auto; bottom: 13%; padding: initial; height: 30%; width: 19%;}
.sec-box.sec-box-webinar{background-position: center;}
}
@media only screen and (max-width: 1024px){
.sec-box div a{right: 5%; top: auto; bottom: 23%; padding: initial; height: 52px; width: 19%;}
}
@media only screen and (max-width: 800px){
.sec-box.sec-box-webinar {background: #5effd2;position:relative;width: 100%;}
.sec-box.sec-box-webinar.strip-bnr-pk{background: #feebe2}
.sec-box div h2, .sec-box div p{display: none;}
.sec-box.sec-box-webinar::before{content: "";background: url(/sites/meweb/images/kr/cloud-siem/images/feb-7-webinar-2023-log360-cloud-index-banner-gr.png) no-repeat;display: block;height: 146px;width: 440px;background-size: 960px;background-position: -44px -22px;margin: 0 auto; position: relative; left: 0; top: 0;}
.sec-box.sec-box-webinar::after{content: "";background: url(/sites/meweb/images/kr/cloud-siem/images/feb-7-webinar-2023-log360-cloud-index-banner-gr.png) no-repeat;display: block;height: 135px;width: 187px;background-size: 960px;background-position: -726px -28px;margin: 60px auto 0;transform: none;}
.sec-box.sec-box-webinar.strip-bnr-pk::before{content: "";background: url(/sites/meweb/images/kr/cloud-siem/images/feb-7-webinar-2023-log360-cloud-index-banner-pk.png) no-repeat;display: block;height: 146px;width: 440px;background-size: 960px;background-position: -44px -22px;margin: 0 auto; position: relative; left: 0; top: 0;}
.sec-box.sec-box-webinar.strip-bnr-pk::after{content: "";background: url(/sites/meweb/images/kr/cloud-siem/images/feb-7-webinar-2023-log360-cloud-index-banner-pk.png) no-repeat;display: block;height: 135px;width: 187px;background-size: 960px;background-position: -726px -28px;margin: 60px auto 0;transform: none;}
.sec-box div a{right:0;top:auto;bottom:10%;left:0;padding:15px 0;height:auto;width:185px;background:#f6504c;margin:auto;}
}

@media only screen and (max-width: 500px){
.sec-box.sec-box-webinar::before{zoom: .8;}
}
@media only screen and (max-width: 400px){
.sec-box.sec-box-webinar::before{zoom: .65;}
}

.mid-ban .ebook {
    width: 92%;
    margin: 0 auto;
    display: table;    float: initial;
    margin-bottom: -125px;
}
.mid-ban{    background: #f9fbfc;}
.mid-ban a{}
.mid-ban a img{width:100%}

/*GENERAL SIGNUP YELLOW BANNER*/
.gene-ban-asd{background:#AFD1FF;border-radius:10px;padding: 40px 30px 15px 285px;margin-top: -361px;position:relative}
.gene-ban-asd:before{content:'';position:absolute;background:url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat -279px -416px;background-size:1000px 1000px;width:208px;height:165px;left:38px;top:32px}
.gene-ban-asd div{width:70%;}
.gene-ban-asd div h2{font-size:36px;font-weight:500;margin-bottom:20px}
.gene-ban-asd div p{font-size:20px;line-height:32px;padding-bottom:30px}
.gene-ban-asd div a{background:#d31111;font-size:18px;color:#fff;font-weight:400;display:inline-block;padding:12px 50px 12px 40px;position:absolute;right:45px;top:100px}
.gene-ban-asd div a:before{content:'';position:absolute;background:url(/sites/meweb/images/kr/cloud-siem/images/cloud-log-home-sprite-22.png) no-repeat -66px 0;background-size:1000px;width:10px;height:12px;right:32px;top:19px;transition:all .5s ease}
.gene-ban-asd div a:hover{background:#f60303;box-shadow:0 13px 11px -6px #3333339c}
.gene-ban-asd div a:hover:before{right:25px}

@media screen and (max-width:992px) {
    .gene-ban-asd{padding:30px;text-align:center}
.gene-ban-asd:before{display:none}
.gene-ban-asd div{padding:0}
.gene-ban-asd div a{position:relative;top:0;right:0}
}
    </style>
<style>body .ban{padding:80px 0 50px;}body .ban .lhs{padding:10px 0 0 0;margin-right:200px;}@media screen and (max-width:1024px){body .ban .lhs{width:49%;margin-right:0}}@media screen and (max-width:768px){body .ban .lhs{width:100%}}body .ban .lhs h1,body .ban .lhs h1 *{color:#fff;font-size:58px;line-height:69px;}@media screen and (max-width:500px){body .ban .lhs h1,body .ban .lhs h1 *{font-size:35px;line-height:50px}}@media screen and (max-width:1024px){body .ban .lhs h1{text-align:left}}@media screen and (max-width:768px){body .ban .lhs h1{text-align:center;width:100%}}body .ban .lhs h1 small{font-weight:100;}body .ban .lhs h1 strong{color:#fef966;}body .ban .lhs h1 span{display:block;font-weight:500;}body .ban .lhs p{font-size:18px;font-weight:100;line-height:28px;padding-top:10px;}@media screen and (max-width:1024px){body .ban .lhs p{text-align:left}}@media screen and (max-width:768px){body .ban .lhs p{text-align:center}}body .ban .rhs{width:390px;margin-bottom:10px;}@media screen and (max-width:1200px){body .ban .rhs{display:block}}@media screen and (max-width:1024px){body .ban .rhs{width:50%}}@media screen and (max-width:768px){body .ban .rhs{width:100%}}body .signup-container{width:398px;margin-top:5px;}body .signup-container *{font-size:14px;}body .signup-container div{float:none;}@media screen and (max-width:768px){body .signup-container{margin:0 auto;float:none}}@media screen and (max-width:500px){body .signup-container{width:100%}}body .signup-container .signup-box{padding:25px 32px 32px 32px;border-radius:6px;}body .signup-container .signup-box>p{text-align:center;font-size:20px;margin-bottom:23px;}body .signup-container .signup-box .sgfrm{margin:13px 0 0;}body .signup-container .signup-box .password-strength{height:0;}body .signup-container .signup-box .za-password-container span.zpassword-show:before{margin-top:19px;margin-right:12px;}body .signup-container .signup-box .za-password-container input{padding-right:45px;}body .signup-container .signup-box .dc__container{line-height:10px;margin:10px 0 5px 0;}body .signup-container .signup-box .dc__container,body .signup-container .signup-box .dc__container *{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;transition:none!important;}body .signup-container .signup-box input[type=email],body .signup-container .signup-box input[type=number],body .signup-container .signup-box input[type=password],body .signup-container .signup-box input[type=search],body .signup-container .signup-box input[type=tel],body .signup-container .signup-box input[type=text],body .signup-container .signup-box input[type=url]{height:51px;border:1px solid #bababa;border-radius:3px;padding:14px 16px;font-size:16px;}body .signup-container .signup-box textarea{height:40px;border:1px solid #bababa;}body .signup-container .signup-box .sgnbtnmn .sgnbtn input[type='submit']{height:52px;font-weight:400;border-radius:3px;background-color:#ff001b;}@media screen and (max-width:500px){body .signup-container .signup-box .sgnbtnmn .sgnbtn input[type='submit']{padding:0 20px}}body .signup-container .signup-box .sgnbtnmn .sgnbtn input[type='submit']:hover{background-color:#cc0016;}body .signup-container .signup-box p.dc-info{display:inline!important;color:#000;line-height:0;}body .signup-container .signup-box p.dc-info .dcset{line-height:0;}body .signup-container .signup-box p.zcountry-info{display:inline!important;color:#000;}body .signup-container .signup-box p.zcountry-info #zip-countryname{font-weight:500;text-transform:uppercase;}body .signup-container .signup-box p.zcountry-info span{font-size:11px;}body .signup-container .signup-box .sign_agree a{font-size:11px;}body .signup-container .signup-box .sign-in{padding:10px 0 0 0;font-size:13px;}body .signup-container .signup-box .sign-in a{color:#00a4fc;}body .signup-container .signup-box .sign-in a:hover{color:#0083c9;text-decoration:underline;}body .signup-container .signup-box .sign-in *{font-size:13px;}body .signup-container .signup-box .sgnbtn input[type='submit']{background-color:#CC2B35;height:60px;}body .signup-container .signup-box .field-msg .error a{color:black;text-decoration:underline;font-size:11px;}body .signup-container .signup-box .za-tos-container{margin:8px 0 15px 0;}body .signup-container .signup-box .za-tos-container *{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;transition:none!important;}body .signup-container .signup-box .za-tos-container .field-msg{margin:12px 0 0 -25px;}body .signup-container .signup-box .za-tos-container *{line-height:18px;}body .signup-container .signup-box .za-tos-container label{padding-left:25px;font-weight:300;color:#000000;line-height:18px;}body .signup-container .signup-box .za-tos-container label a{color:#000000;font-weight:300;}body .signup-container .signup-box .za-tos-container #signup-termservice{top:1px;border:1px solid #ccc;height:15px;width:15px;}body .signup-container .signup-box .za-tos-container #signup-termservice.checked::before{background:#333;content:"";height:2px;left:3px;position:absolute;top:5px;transform:rotate(-45deg);width:9px;}body .signup-container .signup-box .za-tos-container #signup-termservice.checked::after{background:#333;content:"";height:2px;left:1px;position:absolute;top:7px;transform:rotate(45deg);width:5px;}body .signup-container .signup-box #signup-newsletter{border:1px solid #ccc;display:inline-block;height:15px;margin-right:4px;width:15px;vertical-align:sub;}body .signup-container .signup-box #signup-newsletter.checked::before{background:#333;content:"";height:2px;left:3px;position:absolute;top:5px;transform:rotate(-45deg);width:9px;}body .signup-container .signup-box #signup-newsletter.checked::after{background:#333;content:"";height:2px;left:1px;position:absolute;top:7px;transform:rotate(45deg);width:5px;}body .signup-container .signup-box .za-newsletter-container{margin:10px 0 0;position:relative;font-size:11px;}body .signup-container .signup-box .za-newsletter-container span{font-size:11px;line-height:18px;}body .signup-container .signup-box .za-newsletter-container label{position:relative;padding-left:25px;font-weight:400;line-height:18px;}body .signup-container .signup-box .za-newsletter-container #signup-newsletter{position:absolute;top:2px;left:0;}body .signup-container .signup-box .za-newsletter-container label{position:relative;padding-left:25px;font-weight:400;line-height:18px;}body .signup-container .signup-box .za-newsletter-container label span{font-size:11px;}body .signup-container .signupbtn-acc{padding:32px;}body .signup-container .signupbtn-acc h2,body .signup-container .signupbtn-acc h2 span{font-size:16px;font-weight:500;}body .signup-container .signupbtn-acc h2{margin-bottom:20px;}body .signup-container .signupbtn-acc p{margin-bottom:30px;}body .signup-container .signupbtn-acc .signupbtn-access{position:relative;z-index:99;font-size:15px;height:50px;padding:0 60px;background:#f0483e;text-align:center;text-transform:uppercase;border:0;color:#fff;width:100%;font-weight:600;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:2px;margin:40px 0 0 0;display:block;line-height:50px;text-transform:inherit;cursor:pointer;}
.za-product-version > select{
    height: 51px;
      border: 1px solid #bababa;
      border-radius: 3px;
      padding: 14px 16px;
      font-size: 16px !important;
    width:100%;
-webkit-appearance: none;
appearance: none;
  }
  .za-product-version > select:focus{
        outline: 1px solid #ccc;
  }
.za-product-version > .edition_note{
    padding:20px;
    font-size:10px;
    background-color:#fffbe6;
    margin-top:10px;
    border-radius: 3px;
    display: none;
  }
  .za-product-version > .edition_note strong{
    font-weight:600;
    display:block;
    margin-bottom:5px;
  }
  .za-product-version > .edition_note p,.za-product-version > .edition_note p a {line-height:16px}
  .za-product-version > .edition_note p a{text-decoration:underline;}
  .za-product-version > .edition_note *{
    font-size:11px;
  }