.modal-open{
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.modal-open iframe#zychatObject{
  z-index: 999;
}
.modal-upgrade{
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999999;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
.modal-upgrade.in{
  display: block;
  opacity: 1;
  -webkit-animation: fadein 1s;
  -moz-animation: fadein 1s;
  -ms-animation: fadein 1s;
  -o-animation: fadein 1s;
  animation: fadein 1s;
}
@keyframes fadein {
  from{
      opacity: 0;
  }
  to{
      opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from{
      opacity: 0;
  }
  to{
      opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from{
      opacity: 0;
  }
  to{
      opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from{
      opacity: 0;
  }
  to{
      opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from{
      opacity: 0;
  }
  to{
      opacity: 1;
  }
}
.modal-upgrade .modal-body{
  display: table;
  height: 100%;
  width: 100%;
}
.modal-upgrade .modal-body .modal-content-wrap{
  display: table-cell;
  vertical-align: middle;
}
.modal-upgrade .modal-close{
  position: absolute;
  right: 28px;
  top: 28px;
  cursor: pointer;
  width: 75px;
  height: 24px;
  z-index: 3;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
}
.modal-upgrade .modal-close span{
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #C4C4C4;
  display: inline-block;
  -webkit-transition:  all 0.2s;
  transition:  all 0.2s;
}
.modal-upgrade .modal-close:hover span,
.modal-upgrade .modal-close:focus span{
  color:#FFFFFF;
}

.modal-upgrade .modal-close svg{
  display: block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  -webkit-transition:  all 0.2s;
  transition:  all 0.2s;
}
.modal-upgrade .modal-close svg path{
  fill: #C4C4C4;
}
.modal-upgrade .modal-close:hover svg path,
.modal-upgrade .modal-close:focus svg path{
  fill:#FFFFFF;
}


/* Content design  */
.modal-upgrade .modal-contanier{
  max-width:880px;
  min-height: 534px;
  position: relative;
  background: #F37321;
  -moz-box-shadow:0px 8px 40px rgba(0, 0, 0, 0.45);
  -webkit-box-shadow:0px 8px 40px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.45);
  margin: 70px auto;
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-upgrade .modal-contanier.submitted {
    max-width: 778px;
}
@media all and (-ms-high-contrast:none)
{
.modal-upgrade .modal-contanier { height: 534px; } /* IE10 */
*::-ms-backdrop, .modal-upgrade .modal-contanier { height: 534px; } /* IE11 */
}
.modal-upgrade .modal-contanier:not(.submitted){
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  align-items: flex-start;
}
.modal-upgrade .modal-contanier .col-content{
  width: 100%;
  max-width: 460px;
  padding: 72px 0 0 48px;
  margin: 0;
}
.modal-upgrade .modal-contanier .col-rightImg{
  width: 386px;
  height: 534px;
  position: relative;
  display: block;
  overflow: hidden;
  -moz-box-shadow:0px 10px 40px rgb(0 0 0 0.25);
  -webkit-box-shadow:0px 10px 40px rgb(0 0 0 0.25);
  box-shadow: 0px 10px 40px rgb(0 0 0 0.25);
  border-radius: 20px;
  padding: 0;
}

.modal-upgrade .modal-contanier.submitted .col-content,
.modal-upgrade .modal-contanier.submitted .col-rightImg{
  display: none;
}
.modal-upgrade .modal-contanier .col-content > span{
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 53px;
  color: #FFFFFF;
  margin-bottom: -5px;
  display: block;
}
.modal-upgrade .modal-contanier .col-content h2{
  margin: 0 0 22px;
  padding: 0;
  font-style: normal;
  font-weight: bold;
  font-size: 44px;
  line-height: 53px;
  color: #FFFFFF;
}
.modal-upgrade .modal-contanier .col-content h2 span{
  position: relative;
}
.modal-upgrade .modal-contanier .col-content h2 span::after{
  content: '';
  width: 235px;
  height: 14px;
  position: absolute;
  bottom: -12px;
  left: -7px;
  background: url('https://www.paycor.com/wp-content/themes/_ws-childtheme/assets/images/newslatter-line.svg')no-repeat center;
  background-size: cover;
}
.modal-upgrade .modal-contanier .col-content ul{
  margin: 0 0 54px;
  padding: 0;
  list-style: none;
  width: 100%;
  max-width: 375px;
}
.modal-upgrade .modal-contanier .col-content ul li{
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #F1F2F2;
  position: relative;
  padding-left: 27px;
}
.modal-upgrade .modal-contanier .col-content ul li:not(:last-child) {
  margin-bottom: 14px;
}
.modal-upgrade .modal-contanier .col-content ul li::after{
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  left: 7px;
}
/* Thanks MSG .col-success*/
.modal-upgrade .modal-contanier .col-success{
  display: none;
}
.modal-upgrade .modal-contanier.submitted .col-success{
  display: block;
  text-align: center;
}
.modal-upgrade .modal-contanier .col-success h2{
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  color: #FFFFFF;
  max-width: 455px;
  width: 100%;
  margin: 0 auto 36px;
}
.modal-upgrade .modal-contanier .col-success span{
  font-style: normal;
  font-weight: bold;
  font-size: 44px;
  line-height: 53px;
  text-align: center;
  color: #FFFFFF;
  display: inline-block;
  margin:0 auto 80px;
  position: relative;
}
.modal-upgrade .modal-contanier .col-success span::after {
    content: '';
    width: 153px;
    height: 14px;
    position: absolute;
    bottom: -15px;
    left: -10px;
    background: url(https://www.paycor.com/wp-content/themes/_ws-childtheme/assets/images/success-enjoy-line.svg)no-repeat center;
    background-size: cover;
}
.modal-upgrade .modal-contanier .col-success .cBtn{
  display: block;
  width: 100%;
  max-width: 158px;
  display: inline-block;
  margin: 0 auto;
  padding: 10px;
  background: #193D6A;
  border-radius: 2px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  text-decoration: none;
}
.modal-upgrade .modal-contanier .col-success .cBtn:hover,
.modal-upgrade .modal-contanier .col-success .cBtn:focus{
  background: #132D4F;
}

.modal-upgrade .modal-contanier .col-form{
  padding: 0;
  width: 100%;
  margin: 0 auto;
}
.modal-upgrade .modal-contanier.submitted .col-form{
  display: none;
}
.modal-upgrade .modal-contanier .col-form .mktoForm {
  display: flex;
  width: 100% !important;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 630px;
  margin: 0 auto;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow {
  width: -moz-calc(100% - 131px);
  width: -webkit-calc(100% - 131px);
  width: -o-calc(100% - 131px);
  width: calc(100% - 131px);
  position: relative;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoButtonRow {
  width: 120px;
  margin: 0 !important;
}
div#modal-upgrade form#mktoForm_2868 .mktoFormRow {
  display: none;
}
div#modal-upgrade form#mktoForm_2868 .mktoFormRow.Email-row {
  display: block;
}
img{
    image-rendering: -webkit-optimize-contrast;
}
/* .modal-upgrade .modal-contanier .col-form .mktoForm style:nth-last-child(08), 
.modal-upgrade .modal-contanier .col-form .mktoForm style:nth-last-child(08) ~ .mktoFormRow, 
.modal-upgrade .modal-contanier .col-form .mktoForm style:nth-last-child(08) ~ .mktoButtonRow,
.site-footer .footer-upper .Subscribe-box .mktoForm style:nth-last-child(08),
.site-footer .footer-upper .Subscribe-box .mktoFormstyle:nth-last-child(08) ~ .mktoFormRow,
  .site-footer .footer-upper .Subscribe-box .mktoForm style:nth-last-child(08) ~ .mktoButtonRow {
  display: none !important;
} */
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow input ,
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormCol,
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField{
  width: 100% !important;
  max-width: 100%;
  margin-bottom: 0 !important;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow input {
  width: 100% !important;
  max-width: 100%;
  margin: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #6D6E71;
  border-radius: 2px;
  background-color: #FFFFFF;
  height: 44px;
  padding:11px 12px 9px;
  font-family: arial,sans-serif;
}
.modal-upgrade .modal-contanier .col-form .mktoForm label {
  width: auto !important;
  max-width: 100%;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #5F5F5F;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 1;
  padding: 0 12px;
  pointer-events: none;
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 0;
  background: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField.active label {
  opacity: 1;
  top: -7px;
  font-size: 12px;
  line-height: 14px;
  color: #5F5F5F;
  padding: 0 8px;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField.active input{
  font-weight: bold;
  font-size: 18px;
  background: #fff;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField.typing input{
  background: rgba(255, 255, 255, 0.8);
  font-weight: bold;
  font-size: 18px;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField.error input{
  background: #FFE1E1;
  font-weight: bold;
  font-size: 18px;
  color: #FF0000;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField.error label{
  color: #FF0000;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField.error input::-webkit-input-placeholder{
  color:#FF0000;
  font-weight: bold;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField.error input::-moz-placeholder{
  color:#FF0000;
  font-weight: bold;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField.error input:-ms-input-placeholder{
  color:#FF0000;
  font-weight: bold;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField.error input:-moz-placeholder{
  color:#FF0000;
  font-weight: bold;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField input::-webkit-input-placeholder{
  color:#949698;
  opacity: 1;
  font-weight: 400;
font-size: 16px;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField input::-moz-placeholder{
  color:#949698;
  opacity: 1;
  font-weight: 400;
font-size: 16px;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField input:-ms-input-placeholder{
  color:#949698;
  opacity: 1;
  font-weight: 400;
font-size: 16px;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField input:-moz-placeholder{
  color:#949698;
  opacity: 1;
  font-weight: 400;
font-size: 16px;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField.active input::-webkit-input-placeholder {
  opacity: 0 !important;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField.active input::-moz-placeholder {
  opacity: 0 !important;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField.active input:-ms-input-placeholder {
  opacity: 0 !important;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField.active input:-moz-placeholder {
  opacity: 0 !important;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoNative {
  margin-left: 0 !important;
}
.modal-upgrade .modal-contanier .col-form .mktoForm button {
  border-radius: 2px;
  width: 100%;
  justify-content: center;
  padding: 10px;
}
.modal-upgrade .modal-contanier .col-form .mktoForm button:hover,
.modal-upgrade .modal-contanier .col-form .mktoForm button:focus {
  background: #132D4F;
}
.modal-upgrade .modal-contanier .col-form .mktoForm button:after,
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoOffset,
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoGutter {
  display: none;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoError .mktoErrorMsg {
  font-family: arial,sans-serif;
  background: #333333;
  border: none;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  margin: 8px auto 0;
  padding: 8px 15px;
  text-align: center;
  text-shadow: none;
  height: auto;
  max-width: 100%;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoError .mktoErrorMsg span {
  margin: 0 auto;
  display: inline-block;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoError .mktoErrorArrowWrap {
  height: 12px;
  left: 50%;
  top: 1px ;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoError .mktoErrorArrow {
  background-color: #333333;
  border: none;
  margin-top: 2px;
  width: 12px;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoError {
  top: 43px;
  left: 0 ;
  right: auto !important;
  pointer-events: none;
  display: none;
  z-index: 9999;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField.error .mktoError {
  display: block;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField input:-webkit-autofill,
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField input:-webkit-autofill,
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField input:-webkit-autofill:valid {
  background-color: #FFFFFF;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #6D6E71;
  -webkit-box-shadow: 0 0 0 30px white inset;
}
.modal-upgrade .modal-contanier .col-form .mktoForm .mktoFormRow .mktoRequiredField input::-ms-clear {
  display: none;
}
.modal-upgrade .modal-contanier.submitted + a.modal-close span {
    display: none;
}
.modal-upgrade .modal-contanier.submitted + a.modal-close svg path {
    fill: #F7CDB2;
}
.modal-upgrade .modal-contanier.submitted + a.modal-close {
    display: none;
}
.modal-upgrade .modal-contanier.submitted .modal-close {
    right: -23px;
    top: -14px;
    width: auto;
    height: auto;
}
.modal-upgrade .modal-contanier.submitted .modal-close svg path {
    fill: #F7CDB2;
}
.modal-upgrade .modal-contanier.submitted .modal-close:hover svg path,.modal-upgrade .modal-contanier.submitted .modal-close:focus svg path{
  fill: #FFFFFF;
}
.subscribe-form form#mktoForm_2868 .mktoRequiredField label.mktoLabel {
    display: none;
}
@media (max-width: 991.98px){
  .modal-upgrade.in {
    display: none;
  }
  .modal-open {
      overflow: visible;
  }
}