/*New demo page style start*/
.demoformare {
    background: #fff;
    padding-bottom: 50px;
  }
  .democontainer {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto
  }
  .demoformcont {
    display: flex;
    /* align-items: center;*/
    width: 100%
  }
  .demoformcont div.leftcont {
    width: 60%;
    position: relative
  }
  .demoformcont div.leftcont h1 {
    line-height: 40px;
    margin-bottom: 10px;
  }
  .demodiscpsn {
    width: 51%;
    position: absolute;
    left: 0;
    right: 0px;
    bottom: 0px;
    top: 50%;
    transform: translate(0, -50%);
    margin: auto;
  }
  .demoformcont div.rightcont {
    width: 40%;
  }
  div.rightcont div.demoform {
    background: #edf8ff;
    padding: 15%;
  }
  /*New demo page style start end*/
  input.rdiobtn {
    width: 13px !important;
    margin-bottom: 0 !important
  }
  #user-detail {
    display: none
  }
  /*Radio buttonn new desige start*/
  .deplymthed-cont {
    width: 16rem;
    position: relative;
    display: flex;
    padding: 0;
    position: relative;
    background: #f2f2f2;
    line-height: 2rem;
    border-radius: 3rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
  }
  /* input (radio) for toggling. hidden - use labels for clicking on */
  .deplymthed-cont input[type="radio"] {
    visibility: hidden;
    position: absolute;
    top: 0;
    padding: 0 !important;
    width: auto !important;
  }
  /* labels for the input (radio) boxes - something to click on */
  label.deplylble {
    width: 50%;
    padding: 0;
    /* margin: 0; */
    text-align: center;
    cursor: pointer;
    color: #000;
    position: relative;
    left: auto;
    margin-top: auto !important;
  }
  .demo-switch {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 48%;
    padding: 0.15rem;
    z-index: 3;
    transition: transform .5s cubic-bezier(.77, 0, .175, 1);
    /* transition: transform 1s; */
  }
  .switch {
    border-radius: 3rem;
    background: #2196f3;
    height: 100%;
  }
  .switch div {
    width: 100%;
    text-align: center;
    opacity: 0;
    display: block;
    color: #fff;
    transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
    will-change: opacity;
    position: absolute;
    top: 0;
    left: 0;
  }
  .deplymthed-cont input:nth-of-type(1):checked ~ .demo-switch {
    transform: translateX(0%);
  }
  .deplymthed-cont input:nth-of-type(2):checked ~ .demo-switch {
    transform: translateX(100%);
  }
  .deplymthed-cont input:nth-of-type(1):checked ~ .demo-switch .switch div:nth-of-type(1) {
    opacity: 1;
  }
  .deplymthed-cont input:nth-of-type(2):checked ~ .demo-switch .switch div:nth-of-type(2) {
    opacity: 1;
  }
  /*Radio buttonn new desige end*/
  .rqustdmofr {
    font-weight: 600;
    margin-top: 2%
  }
  .opodrdiobtns {
    width: 55%;
    margin: 0 auto;
    padding-top: 3%
  }
  .opodrdiobtns span {
    margin-left: 7px;
    position: absolute
  }
  .formfild {
    position: relative;
  }
  .form-label label {
    color: #000;
    margin: 0px;
    top: 10px;
  }
  .form-js-label input[data-empty="false"] + label, .form-js-label input:focus + label {
    color: #1680ba;
    font-weight: 400;
    font-size: 12px !important;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  @media screen and (min-width:0\0) {
    .opodrdiobtns span {
      margin-left: 7px;
      position: absolute
    }
  }
  .cludopmistxt {
    margin-top: 5px;
    margin-left: 7px;
    line-height: 10px
  }
  .rdio-per50 {
    width: 48%;
    padding: 0 1%;
    float: left
  }
  span.errormsg {
    position: relative;
    left: 0;
    margin-top: -15px !important;
    font-size: 12px;
    color: red;
    display: block;
    margin-bottom: 6px;
    text-align: left
  }
  select#MECountryListing {
    border: 1px solid #000;
    font-size: 16px !important;
  }
  #meGDPRMessage label {
    position: relative !important;
    padding-left: 0;
    font-size: 15px !important;
    line-height: 25px;
  }
  input#sendmemail {
    width: 20px !important;
    height: auto !important;
    padding: 0px;
    margin: 0px;
  }
  label#sendmemailcheck {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    position: relative;
    padding: 0px;
    margin: 0px;
    text-align: left !important;
  }
  .prvcy-plicy {
    font-size: 12.5px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    margin-top: 10px;
  }
  .prvcy-plicy strong {
    font-weight: 600 !important;
  }
  .prvcy-plicy a {
    font-size: 13px;
    color: #138cd6;
    text-decoration: none;
    font-weight: 600
  }
  @media screen and (max-width:2600px) {
    .heading-menu {
      margin-top: 0 !important
    }
    .bgptrn {
      background: #fff;
    }
    .cldonprscont {
      width: 100%
    }
    .cldonprs-active {
      color: #fff !important
    }
    .cldonprstab {
      height: 31px;
      position: relative;
      background: #fff;
      border: 1px solid #d1d3d2;
      border-radius: 5px;
      font-size: 14px;
      padding-top: 1px;
      color: #929292;
      width: 260px;
      margin: 0 auto
    }
    .cldonprstab .moving-bg {
      padding: 15px;
      background-color: #0d89d1;
      position: absolute;
      width: 100px;
      z-index: 190;
      left: 0;
      border-radius: 5px;
      color: #929292;
      margin-left: 1px
    }
    .cldonprstab .cldonprs_item {
      display: block;
      float: left;
      padding: 5px 15px;
      width: 100px;
      color: #444;
      text-align: center;
      z-index: 200;
      position: relative;
      cursor: pointer
    }
    .tabslider ul a {
      color: #929292;
      text-decoration: none
    }
    textarea, input.text, input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="button"], input[type="submit"], .input-checkbox {
      -webkit-appearance: none;
      border: 1px solid #000 !important;
      color: #000;
    }
    .demoform {
      width: 400px;
      margin: 0 auto;
      position: relative
    }
    .demoform input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="button"], input[type="submit"] {
      width: 94%;
      padding: 6% 2.6% 1% 3%;
      outline: none;
      border-radius: 0px !important;
      font-size: 15px;
      margin: 0 auto 15px;
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      height: auto;
      position: relative;
    }
    .demoform select {
      font-weight:400;
      width: 100%;
      padding: 15px 10px;
      height: 50px !important;
      outline: none;
      border: 1px solid #000;
      border-radius: 0px !important;
      font-size: 14px;
      margin-bottom: 10px;
      color: #000 !important;
      background: #fff url(https://www.manageengine.com/products/service-desk/images/arrowImage.png) !important;
      background-repeat: no-repeat !important;
      background-position: right 1rem center !important;
      cursor: pointer;
      -moz-appearance: none;
      -webkit-appearance: none;
    }
    .demoform input.error {
      border: 1px solid red !important
    }
    .demoform select.error {
      border: 1px solid red !important
    }
    .dmo-opodchk {
      width: 47%;
      margin: 20px auto 0
    }
    input.dmo-rdiobtn {
      width: 20px;
      height: 15px
    }
    input.demo-submit {
      background: #2196f3;
      color: #fff;
      font-size: 25px;
      font-weight: 400;
      width: 100%;
      padding: 10px 15px;
      outline: none;
      border-radius: 5px;
      height: auto;
      border: none !important;
      cursor: pointer;
    }
    input.demo-submit:hover {
      box-shadow: 0 0 3px 0 #2296f3 inset, 0 0 6px 1px #2296f3;
      background: #1180d9;
    }
    input#demoReset {
      background: #dfdfe0;
      color: #444;
      font-size: 20px;
      font-weight: 400;
      width: 75%;
      padding: 12px 15px;
      outline: none;
      border-radius: 5px;
      height: auto;
      border: none !important;
    }
    .gtdmo {
      text-align: center;
      font-size: 14px;
      font-weight: 400;
      padding-bottom: 10px
    }
    .fieldset {
      margin: 0;
      padding: 0;
      border: 0
    }
    .form-label {
      position: relative
    }
    .form-js-label input[type='text']:focus, .form-js-label input[type='tel']:focus, .form-js-label select:focus {
      border: 1px solid rgba(121, 187, 238, 0.75) !important;
      box-shadow: 0 0 3px rgba(82, 168, 236, 0.5);
      outline: none
    }
    .deplymthed-cont input[data-empty="false"] + label.deplylble, .deplymthed-cont input:focus + label.deplylble {
      color: #000 !important;
      font-weight: normal !important;
      font-size: 16px !important;
      margin-top: auto !important;
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
    .deplymthed-cont input[data-empty="false"] + label.deplylble span.cloudtxt {
      top: 8px;
      position: relative;
    }
    tr.tr2OD td input {
      padding-left: 10px
    }
  }
  @media screen and (max-width:1024px) {
    .heading-menu {
      height: 0;
      padding: 0;
      margin-top: 102px !important
    }
    .bgptrn {
      background: #fff;
      display: block
    }
    .gtdmo {
      margin-top: 10px
    }
    .bgptrn h3 {
      padding: 0 2%;
      font-size: 25px
    }
    .bgptrn p {
      font-size: 15px
    }
  }
  @media screen and (max-width:980px) {
    .dmo-opodchk {
      width: 27%;
      margin: 0 auto
    }
    input.dmo-rdiobtn {
      width: 20px;
      height: 15px
    }
  }
  @media screen and (max-width:768px) {
    .dmo-opodchk {
      width: 32%;
      margin: 0 auto
    }
    input.dmo-rdiobtn {
      width: 20px;
      height: 15px
    }
  }
  @media screen and (max-width:480px) {
    .heading-menu {
      margin-top: 80px !important
    }
    .demoform {
      width: 90%;
      margin: 0 auto;
      position: relative;
    }
    .form-js-label input[data-empty="false"] + label, .form-js-label input:focus + label {
      margin: 0px;
    }
    .dmo-sbhdr {
      font-size: 15px;
      width: 100%;
      margin: 0 auto;
      line-height: 30px
    }
    .dmo-opodchk {
      width: 51%;
      margin: 0 auto
    }
    input.demo-submit {
      font-size: 20px;
      padding: 10px 15px
    }
    input#demoReset {
      font-size: 20px;
      padding: 10px 15px
    }
  }
  @media screen and (max-width:414px) {
    .dmo-sbhdr {
      font-size: 15px;
      width: 100%;
      margin: 0 auto;
      line-height: 30px
    }
    .dmo-opodchk {
      width: 59%;
      margin: 0 auto
    }
    input.demo-submit {
      font-size: 20px;
      padding: 10px 15px
    }
    input#demoReset {
      font-size: 20px;
      padding: 10px 15px
    }
  }
  @media screen and (max-width:375px) {
    .dmo-sbhdr {
      font-size: 15px;
      width: 100%;
      margin: 0 auto;
      line-height: 30px
    }
    .dmo-opodchk {
      width: 66%;
      margin: 0 auto
    }
    input.demo-submit {
      font-size: 20px;
      padding: 10px 15px
    }
    input#demoReset {
      font-size: 20px;
      padding: 10px 15px
    }
  }
  @media screen and (max-width:320px) {
    .dmo-opodchk {
      width: 77%;
      margin: 0 auto
    }
    .demoform select {
      width: 102.3%
    }
    .dmo-sbhdr {
      font-size: 14px;
      width: 100%;
      margin: 0 auto;
      line-height: 30px
    }
    input.demo-submit {
      width: 80%
    }
    input#demoReset {
      width: 80%
    }
    .heading-menu h1.ftrmnhdr {
      font-size: 22px
    }
    .heading-menu .ftrpg-inrhdr {
      font-size: 15px;
      padding: 2% 7% 0
    }
    .cldonprstab {
      width: 205px;
      height: 27px
    }
    .cldonprstab .moving-bg {
      padding: 13px 15px;
      width: 72px
    }
    .cldonprstab .cldonprs_item {
      padding: 3px 15px;
      width: 72px;
      font-size: 12px
    }
  }