.pillcta, .demoform input[type=submit] {
    background-color: #34d9c3;
    color: #fff;
    font-family: 'BrandonText-Bold';
    text-decoration: none;
    padding: 16px 10px;
    min-width: 100%;
    text-align: center;
    text-transform: uppercase;
    border-radius: 50px;
    box-shadow: rgb(0 0 0 / 20%) 0px 3px 5px 0px;
    display: inline-flex;
    line-height: 1;
    align-items: center;
    justify-content: center;
    min-height: 45px;
    transition: all .1s ease-out;
    width: 100%;
}  


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
      z-index: 999;
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
      background: rgba(0, 0, 0, 0.9);
}

/* Modal Content/Box */
.modal-content {
  margin: 15% auto; /* 15% from the top and centered */
      max-width: 700px;
  padding: 20px;
  position:relative;
  width: 90%; /* Could be more or less, depending on screen size */
  overflow: auto;
      background-color: #fff;
    border-radius: 20px;
}

/* The Close Button */
.close {
    font-size: 28px;
    position: absolute;
    font-weight: bold;
    right: 10px;
    top: 10px;
}

.close:hover,
.close:focus {
  text-decoration: none;
  cursor: pointer;
}


  
.popup-modal input, .popup-modal select {
      width: 100%;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    height: 40px !important;
    padding: 0 10px !important;
    font-family: 'BrandonText-Regular';
    font-size: 16px !important;
}
  
  .popup-modal textarea {
    width: 100%;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    height: 80px !important;
    padding: 5px 10px !important;
    font-family: 'BrandonText-Regular';
    font-size: 16px !important;
  }

.popup-modal input[type="submit"] {
      background-color: #ec806b;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    border: none;
    cursor: pointer;
  transition: all .3s ease-out;
}

.popup-modal input[type="submit"]:hover {
      background-color: #34d9c3;
}

.popup-modal label {
      line-height: normal;
    font-family: 'BrandonText-Bold';
      margin-bottom: 5px;
    display: inline-block;
}



.nav-container {
      -webkit-box-shadow: 0 0 2px 2px rgb(0 0 0 / 10%);     -moz-box-shadow: 0 0 2px 2px rgba(000,000,000,0.1);     -o-box-shadow: 0 0 2px 2px rgba(000,000,000,0.1);     -ms-box-shadow: 0 0 2px 2px rgba(000,000,000,0.1);     box-shadow: 0 0 5px 2px rgb(0 0 0 / 10%);     position: fixed; z-index: 5; background-color:#fff; width:100% !important;
}

.main-nav {
display:flex;
flex-direction: column;
}
.main-nav i {
color:#484848;
}
.mob-menu-icon i {
        font-size: 1.5em;
}

.main-nav #nav-left {
display:flex;
flex:1;
flex-direction:column;
}
.main-nav #nav-top {
display: flex;
align-items: center;
width:100%;
}
.main-nav #nav-top-left {
display: flex;
flex: 1;
align-items: center;
}
.main-nav .login {
min-width: fit-content;
}
.main-nav #nav-bottom {
display: flex;
justify-content: space-between;
margin-top:20px;
align-items:center;
}
.main-nav .nav-logo {
min-width:170px;
line-height:0;
}

.main-nav .nav-logo img {
max-width:100%;
}
.main-nav .newsagentlogo-container {
width: 230px;
margin-left: 50px;
}
.main-nav .newsagentlogo {
display: flex;
justify-content: space-between;
line-height:0;
align-items: center;
}


.main-nav .newsagentlogo img {
flex: 1;
max-width: 100%;
line-height:0;
}
.main-nav .newsagentlogo > div.arrow-button {
min-width: 30px;
background-color:#efefef;
margin-left:15px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
height: 30px;
width: 30px;
font-size: 1em;
}
.main-nav .divider-line {
background: #34d9c3;
height: 1px;
margin: 0 30px;
width: 100%;
}
.main-nav .pillcta {
background-color: #34d9c3;
    width: max-content;
    padding: 7px 16px;
    min-height: unset;
    font-size: .75em;
}
.main-nav .pillcta:after {
content: unset;
margin-left: unset;
}
.main-nav .search-box {
width: 230px;
margin-left:50px;
}
.main-nav .search-box form {
display: flex;
justify-content: space-between;
}
.main-nav .search-box form input {
border-radius: 30px;
      margin-right: unset;
    height: unset;
    font-size: unset;
    padding: unset;
}
.main-nav .search-box form button {
border-radius: 50%;
width: 30px;
height: 30px;
margin-left: 15px;
border:none;
}
.main-nav .menu-options {
display:flex;
justify-content:space-between;
flex:1;
align-items:center;
}
.main-nav .menu-options > div {
margin-right:15px;
width:max-content;
}

.main-nav .menu-options > a {
 color:unset;
  text-decoration:none;
  font-size:15px;
}

button.dropbtn {
border: none;
    background-color: transparent;
  font-family:inherit;
  font-size:unset;
  cursor:pointer;
  padding:0;
}
.dropdown-content-outer-product, .dropdown-content-outer-company {
display: none;
position: absolute;
      padding-top: 24px;
width: 100%;
left: 0;
z-index: 1;
}
.overlay {
    position: fixed;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1;
}


.dropdown-content-mid-product, .dropdown-content-mid-company {
  background-color:#fff;
  -webkit-box-shadow: 0 0 2px 2px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 2px 2px rgba(000,000,000,0.1);
    -o-box-shadow: 0 0 2px 2px rgba(000,000,000,0.1);
    -ms-box-shadow: 0 0 2px 2px rgba(000,000,000,0.1);
    box-shadow: 0 0 5px 2px rgb(0 0 0 / 10%);
}

.dropdown-content-inner-product, .dropdown-content-inner-company {
max-width:1170px;
  margin:0 auto;
  padding: 20px 40px;
}

.dropdown-content-mid-product, .dropdown-content-mid-company {
 box-shadow: 0 4px 5px -2px rgb(0 0 0 / 10%)
}

.dropdown-product:hover .dropdown-content-outer-product, .dropdown-company:hover .dropdown-content-outer-company  {
display: block;
}

.menu-item {
  display:inline-block;
}

.menu-options button i {
      font-size: .7em;
}

.dropdown-product .menu-row, .dropdown-company .menu-row {
  display:flex;
}

.dropdown-product .menu-column, .dropdown-company .menu-column {
  flex: 1;
    padding: 0px 50px 20px 00px;
}

.menu-column img {
max-width:100%;
}

.dropdown-product h2, .dropdown-company h2 {
font-size:1.7em;
}
.dropdown-product h4, .dropdown-company h4 {
margin-top:0;
}

.menu-service {
  display:flex;
  align-items:center;
  padding:10px;
}

.menu-service img {
  max-width:40px;
}

.menu-service h4 {
        margin-top: 0;
    margin-bottom: 0;
    margin-left: 15px;
    font-weight: 100;
    font-size: 1.1em;
  padding:3px;
}

.menu-service a {
      display: flex;
    align-items: center;
    text-decoration: none;
}

.menu-service a:hover h4 {
  background-color:#b6f2ea;
}

.dropdown-company a {
  text-decoration:none;
  color:unset;
  padding:5px;
  display:block;
}

.dropdown-company a:hover {
  background-color:#b6f2ea;
}


.dropdown-company h4 {
  font-weight:300;
  margin-bottom:0;
}

.dropdown-company .company-items p {
      font-family: BrandonText-Light;
    font-size: .9em;
    margin-top: 5px;
}

#mob-menu {
  margin-top:20px;
  font-size: 0.9em;
}

#mob-menu a {
 text-decoration:none; 
  color:unset;
  display:block;
  padding:10px 40px;
      border-bottom: 1px solid #eee;
      font-family: 'BrandonText-Bold';
  font-size:1.2em;
}

#mob-menu a.mob-menu-has-child {
      display: flex;
    justify-content: space-between;
    align-items: center;

}



.mob-menu-has-child i {
  font-size: .7em;
}

#mob-sub-menu-product a, #mob-sub-menu-resources a, #mob-sub-menu-company a {
    padding-left: 60px;
  font-family:BrandonText-Regular;
  font-size:1em;
}

a.mob-menu-demo {
      border-bottom: none;
    background-color: #34d9c3;
    color: #fff !important;
    border-radius: 50px;
    box-shadow: rgb(0 0 0 / 20%) 0px 3px 5px 0px;
    margin: 20px;
    text-align: center;
    text-transform: uppercase;
}

#nav-softwareblock {
  padding:0 5px 5px;
  display:inline-block;
      text-decoration: none;
  color:unset;
}

#nav-softwareblock:hover {
  background-color: #b6f2ea;
}

#demo-lb {
    max-height: 80%;
    max-width: 500px;
       margin: 40px auto;
}

.lity-content:after {
  -webkit-box-shadow:unset !important;
  box-shadow:unset !important;
}

.lity-wrap {
      overflow: auto;
}



#demo-lb .demoform {
    margin-top: 25px;
}

#demo-lb fieldset {
      border: 0;
    padding: 0;
    margin: 0;
}

#demo-lb fieldset.form-columns-2 .hs-form-field {
    width: 50%;
    float: left;
}

#demo-lb h3 {
  font-family:BrandonText-Bold;
}

.hidden_div_landlord, .hidden_div_tenant, .hidden_div_something_else {
      display: none;
    padding: 10px;
    background-color: rgb(251, 234, 175);
  border-radius: 15px;
}

.hidden_div_landlord p, .hidden_div_tenant p, .hidden_div_something_else p {
  margin-top:0;
  margin-bottom:0;
}

.login a:hover span {
  text-decoration:underline;
}

a.newsagentlogo-container:hover .newsagentlogo>div.arrow-button {
  background-color: #b6f2ea;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  opacity: 0;
  font-size:.8em;
  transition: opacity .2s ease-in-out;
  width: auto;
  background-color: #083863;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 150%;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #083863 transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity:1;
}

.line-surround {
  position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
  margin-top: 10px;
    margin-bottom: 10px;
    font-size: .9em;
    font-family: BrandonText-Bold;
}

.line-surround span {
      margin: 0 10px;
  text-transform:uppercase;
}

.line-surround:before, .line-surround:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '\a0';
    background-color: #ccc;
}
.line-surround:before {
    margin-left: -50%;
    text-align: right;
}

.dot-pulse {
  /* Vector */

    position: relative;
  margin-right:6px;
   height: 10px;
   width: 10px;
    border-radius: 50%;
    background: #34d9c3;
}

.dot-pulse:after {
    content:"";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #34d9c3;
    display:block;
    animation: pulse 2s ease 0s infinite;
}

.dot-pulse:before {
    content:"";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #34d9c3;
    display:block;
    animation: pulse2 2s ease 0s infinite;
}

@keyframes pulse {
  0% {
      opacity: 1;
      transform: scale(1);
  }
  80% {
      opacity: 0;
      transform: scale(2.5);
  }
  100% {
      opacity: 0;
      transform: scale(3);
  }
}

@keyframes pulse2 {
  0% {
      opacity: 1;
      transform: scale(1);
  }
  30% {
      opacity: 1;
      transform: scale(1);
  }
  100% {
      opacity: 0;
      transform: scale(2.5);
  }
}

#get-a-callback .pillcta:after {
    font-family: unset;
    font-weight: unset;
    content: unset;
    margin-left: unset;
}

.demoform input, .demoform select {
    border: none;
    font-family: inherit;
    font-size: 1em;
    border-radius: 15px;
    background-color: #f8faf9;
    width: 100% !important;
    margin-right: unset !important;
    padding: 10px;
    box-shadow: inset 0px 11px 8px -10px #bbb;
}


h3#demo-heading {
font-size: 1.8em;
    line-height: 1.2;
    font-family: BrandonText-Bold;
    color: #0f2943;
  margin:1em 0;
}

.demoform a {
  color: #257da2;
}

.legal-consent-container p {
    margin-top: 0;
    font-size: .9em;
}

.pillcta.secondary {
    background-color: #f2f2f2;
    font-size: .8em;
}

.textgradient {
    background: linear-gradient(
90deg
,rgba(20,39,62,1) 0%,#34d9c3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pillcta:hover, .pillcta:focus, .demoform input[type=submit]:hover, .demoform input[type=submit]:focus {
    box-shadow: rgb(0 0 0 / 40%) 0px 3px 5px 0px;
}

a.menu-item:hover {
    background-color: #f6cc38;
}

@media (max-width: 1170px) {
  a.newsagentlogo-container {
    display:none;
  }
  
  .search-box {
    display:none;
  }
  
  
}


@media only screen and (max-width: 991px) {
  #nav-phone, #company-img {
    display:none;
  }
  .menu-service img {
    max-width: 30px;
}
  
  .dropdown-content-inner-product .pillcta.secondary {
    margin-top:10px;
  }
  
  .dropdown-company a {
    padding-left:0;
  }
  
  .menu-options .menu-item {
    font-size: 13px !important;
    margin-right: 12px !important;
  }
}

@media only screen and (min-width: 768px) {
  #mob-menu {
    display:none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.main-nav .newsagentlogo-container, .main-nav .search-box {
width:180px;
}

.main-nav .menu-options, .main-nav .login {
font-size: 0.8em;
}
.main-nav .divider-line {
margin: 0 15px;
}
.main-nav .pillcta {
padding: 7px 20px;
}

.main-nav .newsagentlogo > div.arrow-button {
min-width: 25px;
margin-left:15px;
height: 25px;
width: 25px;
font-size: 0.8em;
}
.main-nav .search-box form button {
width: 25px;
height: 25px;
max-width: 25px;
font-size: .6em;
}
}


@media only screen and (min-width: 768px) {
.mob-menu-icon {
display:none;
}
  #content-hub-spacing {
  margin-top:7em !important;
}
}
@media only screen and (max-width: 767px) {
.main-nav #nav-bottom, .main-nav .newsagentlogo-container, .main-nav .login {
display:none;
  }
  .nav-container {
    position:unset;
  }
  
  .nav-container .boxed {
    padding:20px 0;
}
  

  
  .main-nav .nav-logo {
min-width:140px;
  max-width:140px;
}
}

@media only screen and (max-width: 500px) {

  #demo-lb {
    margin:unset;
  }
  
  .modal-content {
  margin: 2% auto; /* 15% from the top and centered */
}

#nav-top {
  padding:0;
  }
}

@media only screen and (max-width: 480px) {
#demo-lb fieldset.form-columns-2 .hs-form-field {
    width: 100%;
    float: none;
}
}