/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('https://www.beds24.com/webinclude/fonts/roboto-v20-latin/roboto-v20-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.beds24.com/webinclude/fonts/roboto-v20-latin/roboto-v20-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('https://www.beds24.com/webinclude/fonts/roboto-v20-latin/roboto-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.beds24.com/webinclude/fonts/roboto-v20-latin/roboto-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('https://www.beds24.com/webinclude/fonts/roboto-v20-latin/roboto-v20-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.beds24.com/webinclude/fonts/roboto-v20-latin/roboto-v20-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('https://www.beds24.com/webinclude/fonts/roboto-v20-latin/roboto-v20-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.beds24.com/webinclude/fonts/roboto-v20-latin/roboto-v20-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



body{
font-family: Roboto, sans-serif, "Helvetica Neue", Helvetica, Arial;
color: #112A49;
background-color: #ffffff;
}
 
a{
color:  #019CDE;
text-decoration: none;
}
    
a:hover, a:visited, a:focus, a:active{
color:  #019CDE;
text-decoration: underline;
}
    
.blacklink, .blacklink a{
color: #112A49 !important;    
}
    
.blacklink a:hover, .blacklink a:visited, .blacklink a:focus,.blacklink a:active{
text-decoration: underline;
}

@media (min-width: 1200px) {
 .h1, h1 {
font-size: 2.4rem;
}
}
/*helper*/
.mt-6 {
margin-top: 6rem!important;
}

.mt-7 {
margin-top: 9rem!important;
}

.me-6 {
margin-right: 6rem!important;
}

.met-7 {
margin-right: 9rem!important;
}

.fs-7 {
font-size: 0.75rem !important;
}



.no-bullets { 
list-style-type: none;
}

.clip{
overflow-x: clip;  ;
}

.img-bw{
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
padding: 0.8rem;
background: #ffffff;
border-radius: .25rem;
max-width: 100%;
}

.hidden{
display:none;  
}

.rounded {
border-radius: 0.8rem !important;
}

.shadow{
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

.list-none {
list-style: none;
}
 
/*top-navigation*/
.navbar-light  {  
background-color: transparent;
}

.whitenav .navbar-light  {  
background-color: #ffffff;
}
    
.navbar-light .navbar-nav .nav-link {
color: #112A49;
}

.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
font-weight: bold;
cursor: pointer
}

.pricecontent{
background-color: #F7F7F7;
border-radius: 0 0 0.8rem 0.8rem!important;
}


.pricebox .nav-tabs {
border: none;
}

.pricecontent.pricebox .nav-link, .pricebox .nav-link:focus, .pricebox .nav-link:hover {
color: #019CDE;
}

.priceboxnav .nav-link.active{
background-color: #F7F7F7 !important;
}

.priceboxnav .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
border:none;
}

.priceboxnav   {
cursor: pointer;
}


    
.navbar-brand img{
height: 40px;
}

.navbar-light .dropdown-item {
color: #112A49 !important;
}

.navbar-light .dropdown-item:focus, .dropdown-item:hover {
color: #112A49;
background-color: transparent;
text-decoration: underline;
}


/*colors*/
.grey{
background-color: #F7F7F7;
}

.white{
background-color: #ffffff;
}
   
    
.primary{
background-color: #019CDE;
}
    
.secondary{
background-color: #7BCBED;
}
    
.danger{
background-color: #FE746C;
}
    
.lightblue{
background-color: #a3dbf2;     
}

.paleblue{
background: #E6F5FC;
}

.bluetext{
color: #019CDE;
}

.redtext{
color: #FE746C;
}

.whitetext{
color: #ffffff;
}

.greytext{
color: #8C97A4;    
}

.yellowtext{
color: #f3bb04;    
}

.greentext {
color: #339900;
}
/* Buttons, ocons, badges*/
.btn{
border-radius: 50px;
transition: background-color 2s ease-out;
}

.btn a{
transition: background-color 2s ease-out;
}
    
.btn:hover{
cursor: pointer;
}
   
.btn-primary, .btn-primary a, .btn-primary a:visited{
background-color: #019CDE;
border-color: #019CDE;
color: #ffffff !important;
}
    
.btn-primary:hover, .btn-primary:active, .btn-primary a:hover, .btn-primary a:active{
background-color: #017baf;
border-color: #017baf;
text-decoration: none;
}
    
.btn-primary:focus{
border-color: #017baf;
}

.btn-outline-primary, .btn-outline-primary a, .btn-outline-primary a:visited  {
color:  #019CDE;
border-color:  #019CDE;
}
    
    
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary a:hover, .btn-outline-primary a:active{
color: #ffffff;
background-color: #017baf;
border-color: #017baf;
text-decoration: none;
}
   

.btn-outline-primary:focus{
border-color: #017baf;
}
    
.btn-danger, .btn-danger:visited{
background-color: #FE746C;
border-color: #FE746C;
color: #ffffff;
}
    
.btn-danger a{
color: #ffffff;
text-decoration: none;
}
    
.btn-danger:hover, .btn-danger:active{
background-color: #e06059;
border-color: #e06059;
}
    
.btn-danger:focus{
border-color: #e06059;
}

.btn-success, .btn-success:visited{
background-color: #339900;
border-color: #339900;
color: #ffffff;
}

.btn-success:not(:disabled):active, .show > .btn-success.dropdown-toggle, .btn-success:hover, .btn-success:focus {
background-color: #339900;
border-color: #339900;
color: #ffffff !important;
}

.btn-success:hover .btn-success:active{
 color:#fff;
 background-color:#157347;
 border-color: #157347;
}

.btn-success:focus{
border-color: #339900;
}

.form-control{
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.marker {
color: #019cde;
background: #E6F5FC;
vertical-align: baseline;
padding: .35em .65em;
border-radius: .25rem;
}

.circle-icon {
width: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
line-height: 200px;
vertical-align: middle;
padding: 2px;
}

.square-icon {
color: #019cde;
background: #E6F5FC;
vertical-align: center;
border-radius: .25rem;
padding: 0.5rem;
}

.card{
border: none;
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

.card100{
height: 100%;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: #ffffff !important;
}
    
/*Sections*/
.herowave{
background-image: url(wave-hero.svg);
background-position: top;
background-repeat:no-repeat;
background-size: 100%; 
}

@media (max-width: 767px) {
.herowave{
margin-top: 3rem;
background: #7BCBED;  /* fallback for old browsers */
background: -webkit-linear-gradient(98.43deg, #7BCBED 18.39%, #7AAB0A 235.48%);
background: linear-gradient(98.43deg, #7BCBED 18.39%, #7AAB0A 235.48%);
}
}

.heroimage{
max-height: 400px;
}

.h5preferred{
border-top: 1px solid #fff;
}

.hero-cta{
padding-bottom: 5%;
padding-top: 10%;
}

@media (min-width: 768px) {
.hero-cta{
margin-top: -15%;
}
}  

.types, .banner{
background-color: #ffffff;
}
   
.types-label{
height: 50px;
}

.types img{
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

.keyfeatures .card{
height: 100%;
}

.gradient{
background: #7BCBED;  /* fallback for old browsers */
background: -webkit-linear-gradient(98.43deg, #7BCBED 18.39%, #7AAB0A 235.48%);
background: linear-gradient(98.43deg, #7BCBED 18.39%, #7AAB0A 235.48%);    
}

.pricebox td{
 padding-bottom: 0.5em;   
}

@media not all and (min-resolution:.001dpcm) { @media /*Fix for distorted img in Safari*/
.banner-img { 
flex-direction: column !important; 
}
.banner-img img { 
margin-top: 15%;
}
}

/*Demo*/
.sp-embed-player{
height: auto;
max-width: 600px;
margin: 0 auto;
}

@media (max-width: 767px) {
.preferred{
margin-top: 3rem;
background: #7BCBED;  /* fallback for old browsers */
background: -webkit-linear-gradient(98.43deg, #7BCBED 18.39%, #7AAB0A 235.48%);
background: linear-gradient(98.43deg, #7BCBED 18.39%, #7AAB0A 235.48%);
}
    
.preferred .container{
margin-top: 3rem;
}
}

@media (min-width: 768px) {
.preferred{
background: #ffffff;
background-image: url(wave-preferred.svg);
background-position: top;
background-repeat:no-repeat;
background-size: cover;
}
    
.preferred .container{
padding-top: 4rem;
}
    
.preferred .preferredlogos{
padding: 3rem 0 3rem 0;
}
}

@media (min-width: 992px) {   
.preferred .container{
padding-top: 12em;
}  
}
  

.partners{
background-color: #ffffff;
background-image: url(wave-key.svg);
background-position: bottom;
background-repeat:no-repeat;
background-size: cover;
padding-bottom: 20%;
}

.partners .img-bw{
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}


@media (max-width: 767px) {
.partners{
background-color: #f7f7f7;
background-image: none;
text-align: center;
padding-bottom: 0;
}
}

.testimonials{
background-image: url(wave-testimonials.svg);
background-position: center top;
background-repeat:no-repeat;
background-size: cover;
}
    
.testimonials .container{  
padding-top: 6rem;
}

@media (max-width: 767px) {
.testimonials{
background: #7BCBED;  /* fallback for old browsers */
background: -webkit-linear-gradient(98.43deg, #7BCBED 18.39%, #7AAB0A 235.48%);
background: linear-gradient(98.43deg, #7BCBED 18.39%, #7AAB0A 235.48%);
}
.testimonials .container{  
padding-top: 0;
}
}
    
.testimonials .card{
min-height: 150px; 
}
    
.news{
background-image: url(wave-news.svg);
background-position: center top;
background-repeat:no-repeat;
background-size: cover;
}

@media (max-width: 767px) {
.news{
background: #f7f7f7;  
}
}


.whitewave-top{
background-image: url(wave-white-top.svg);
background-position: bottom;
background-repeat:no-repeat;
background-size: cover;
}

.whitewave-bottom{
background-image: url(wave-white-bottom.svg);
background-position: top;
background-repeat:no-repeat;
background-size: cover;
}

.trial{
background-image: url(wave-trial.svg);
background-position: center bottom;
background-repeat:no-repeat;
background-size: cover;
}

@media (max-width: 767px) {
.trial{
background: #7BCBED;  /*fallback for old browsers */
background: -webkit-linear-gradient(98.43deg, #7BCBED 18.39%, #7AAB0A 235.48%);
background: linear-gradient(98.43deg, #7BCBED 18.39%, #7AAB0A 235.48%);
text-align: center;
}
}

.feature img{
max-height: 300px;    
}

.property-management .types .card{
height: 100%;
}

.integration-cards .card{
min-height: 220px;
}


.integration-cards img{
max-width: 120px;
margin: 0 auto;
}

@media (max-width: 767px) {
.integration-cards .card{
min-height: auto;
}
}

/*contact*/
.contactform select {
color: #6c757d;
}

.g-recaptcha {
margin-top: 10px;
}

.text-success {
background-color: #d4e4b0;
border-color: #d4e4b0;
padding: 10px;
border-radius: 4px;
}

/*timeline*/


    
footer {
background-image: url(cloud.svg);
background-position: top left;
background-repeat: no-repeat;
background-color: #F7F7F7;
background-size: cover;
}
    
footer p{
margin-bottom: 0.5rem;
}

.socials a, .socials a:visited, .socials a:focus, .socials a:active{
color: #8C97A4 !important;      
}

.socials a:hover{
color: #112A49 !important;
}
 
#copyright {
font-size: 0.8rem;
}

/*Also add to bootstrap.css for other pages*/
#cookiestatement{
background-color: #ffffff;
font-size: 0.8rem;
position: fixed;
bottom: 15px;
left: 15px;
right: 15px;
border-radius: 0.8rem;
box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 27%);
} 
    
#cookiestatement text{
vertical-align: middle;
} 
    
#cookiestatement a{
color: #112A49;
font-weight: bold;
text-decoration: underline;
} 
    
#cookiestatement  .btn{
text-align: right;
background-color:  #112A49; 
color: #ffffff;
font-weight: normal;
text-decoration: none;
}