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


html,body {
color: #112a49;
font-family: Roboto-Regular, sans-serif, "Helvetica Neue", Helvetica, Arial;
height: 100%;/* footer down */
margin:0;
padding:0;
font-size: 1em;
color: #112a49;
}
html>body #minHeight{ /*footer down Dummy float for Opera and IE8 min-height fix*/
float:left;
width:0;
height:100%;
overflow:hidden;
} 
#wrap {
min-height:100%; /*footer down height is determined from parent's height (html & body)*/
margin: 0 auto; /*footer down */
}
* html .wrap {height:100%;}/*footer down min-height for IE6*/

a img { 
border: 0; 
} 
.strong { 
font-weight: 600; 
}
img { 
border: 0; 
height: auto;
max-width: 100%;
} 
a {
color: #019cde;
text-decoration: none;
-webkit-transition: color 1s ease-out;
-moz-transition: color 1s ease-out;
-o-transition: color 1s ease-out;
transition: color 1s ease-out;
cursor: pointer;
}

a:focus, a:hover {
color: #112a49;
text-decoration: none;
}

.centered{
margin: 0 auto;
}

.nowrap {
white-space:nowrap;
}

.smalltext{ 
font-size: 80%; 
}
.iconfont {font-size: 300%;}
.iconfontbig {font-size: 400%;}

.gradient{
background: -webkit-linear-gradient(left, #2d4f78 0%, #2d4f78 100%);
background: linear-gradient(to right, #2d4f78 0%, #2d4f78 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.palebluetext{color: #6FB3E0;}
.bedsbluetext {color: #019cde;}
.bluetext{color: #024a7d;}
.greytext{color: #999999;}
.greentext{color: #339900;}
.darkgreentext{color: #2E8965;}
.orangetext{color: #ff5500;}
.darkredtext {color:#8e2a31;}
.yellowtext {color:#FFB752;}
.purpletext {color: #A069C4;}
.pinktext {color: #ee88d6;}
.lightgreytext {color: #f4f4f4;}
.redtext {color:#fe746c;}


.textwhite{color: #ffffff;}
.textblack{color: #112a49;}

.paleblue{
background-color: #f2f8fc;
}

.blue {
background-color: #019cde;
}

.lightgrey {
background-color: #f4f4f4;
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
}

.beige{
background: #fffcf5;
}

#navtop { 
color: #112a49;
float: right;
padding: 20px 0 5px 0;
}

/*#navtop a{
color: #112a49;
line-height: 10px;
text-decoration: none;
}*/

.navbar {
margin-bottom: 5px;
}

.navbar-collapse {
padding-right: 0;
}

.navbar-brand {
margin-top: -10px;
height: 70px;
padding-top: 0;
}

.navbar-default {
background-color: transparent;
border:none;
padding-top: 20px;
}
.navbar-default .navbar-brand {
color: #112a49;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
background-color: transparent;
color: #112a49;
}
.navbar-default .navbar-text {
color: #112a49;
}
.navbar-default .navbar-nav > li > a {
color: #112a49;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
background-color: transparent;
color: #112a49;
text-decoration: underline;
}

nav > li > a:focus, .nav > li > a:hover {
background-color: transparent;
text-decoration: underline;
}

.navbar-nav > li > a {
line-height: 10px;
padding: 10px;
padding-top: 10px;
color: #ffffff;
text-decoration: none;
}

.navbar-toggle {
margin-right: 0;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #ddd;
}

.navbar-collapse {
border-top: none;
box-shadow: none;	
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
background-color: transparent;
color: inherit;
}

.current, current:a, current:link, current:visited, current:focus  {
font-weight: bold;
color:  #112a49;
cursor: pointer;
}
.current:hover { 
text-decoration: underline;
}


/*
.herobackground {
background-image: url(hotel_reception.jpg);
background-size: cover;
/*height: calc(100vh - 261px);*/
/*min-height: 345px;
}*/

.hero {
/*background-size: cover;*/
/*height: calc(100vh - 261px);*/
/*background-position: center bottom;
min-height: 345px;*/
text-align: center;
color: #ffffff;
padding-bottom: 30px;
background-image: url(hotel_reception.jpg);  
background-position: center center;
}


/*
.herobackground .navbar-default .navbar-nav > li > a, .herobackground #navtop a{
color: #ffffff!important;
}*/

.hero h1{
margin: 50px 0 30px 0;
}

.hero p{
font-size: 20px;
margin: 15px 0 15px 0;
}

.hero .btn{
margin-bottom: 15px;
}

.btn{
-webkit-transition: background-color 1s ease-out;
-moz-transition: background-color 1s ease-out;
-o-transition: background-color 1s ease-out;
transition: background-color 1s ease-out;
border-radius: 3px;
text-decoration: none;
}
.btn:hover {
color: #ffffff;
}

.btn a, btn a:focus, btn a:hover {
color: #ffffff;
text-decoration: none;
}

.btn a:hover {
text-decoration: none;
}


.btn a:hover {
color: #ffffff;
}


.btn-primary {
background-color: #019cde;
border-color:  #019cde;
color: #fff;
}

.btn-success {
background-color: #339900;
}

.btn-join, .btn-login{
margin-top: 30px; 
position:relative;
z-index: 1000;
}

.btn-login{
margin-left: 1rem;
color:  #019CDE;
border-color:  #019CDE;
background-color: transparent;
border-radius: 50px;
font-weight: 400;
line-height: 1.5;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
padding: .375rem .75rem;
font-size: 1rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-login:hover{
color: #ffffff;
background-color: #017baf;
border-color: #017baf;
text-decoration: none;
}


.btn-join {
background-color: #019CDE;
border-color: #019CDE;
color: #fff !important;
border-radius: 50px;
font-weight: 400;
line-height: 1.5;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
padding: .375rem .75rem;
font-size: 1rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.btn-join:hover {
background-color: #017baf !important;
border-color: #017baf !important;
text-decoration: none !important;
}


.btn-inverse {
background-color: #ffffff;
border-color: #019cde;
color: #019cde;
}

.btn-inverse a{
color: #019cde;
}

.btn-inverse:hover {
background-color: #0495d2;
color: #fff!important;
}

.btn-inverse a:hover {
color: #fff!important;
}

.services {
margin-top: 30px;	
}

.morelink {
border: 1px solid #019cde;
padding: 2px 5px;
font-size: 90%;
line-height: 1.42857;
color: #019cde!important;
border-radius: 3px;
text-decoration: none;
white-space: normal;
}


.morelink a{
color: #019cde!important;
font-weight: normal;
text-decoration: none;
}

.morelink:hover{
border-color: #0495d2 !important;
}

.morelink a:hover{
text-decoration: none;
color: #0495d2 !important;
}

.morelinksmall{
margin-bottom: 20px;
}


h1 a, h2 a, h3 a, h4 a{
color: inherit;
text-decoration: none;
}

.summary {
margin-top: 40px;	
}

.lead{
font-size: 21px;	
}

.dotted {
border: 1px dotted #d4d4d4; 
border-style: none none dotted; 
text-align: center;
width: 60%;
margin-top: 30px;
margin-bottom:30px;
}

.main{
padding: 30px 0 30px 0!important;
}

.banner{
color: inherit;
padding: 10px 0 30px 0;  
}

.shadowbox{
background-color: #fed5d2;
background-color: #fcf8bd;
background-color: #e4f2f8;
background-color: #112a49;
color: #ffffff;
box-shadow: 0 15px 28px -10px rgba(7, 61, 125, .1);
border-radius: 8px;
padding: 20px;
margin-top: 10px;
}

.banner h3{
text-align: center;
color: #019cde;
}

.slider{
padding: 10px 0 50px 0;  
}


.channelpartner {
text-align: center;
}

.channelpartner img {
height: 60px;
display: inline-block;
padding: 0 10px 0 10px;
 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
.automate{
padding: 30px 0 50px 0; 
border-top: 1px solid #d3d3d3;
box-shadow: 0 -85px 50px rgba(0,0,0,0.025);  
}

.automate-column {
box-shadow: 0 17px 40px -10px rgba(7, 61, 125, .1);
border: 1px solid #f4f4f4;
border-top: transparent;
padding: 20px;
}

.automate-column:before {
height: 3px;
background: -webkit-linear-gradient(left, #019cde 0%, #80cbff 100%);
background: linear-gradient(to right, #019cde 0%, #80cbff 100%);
-webkit-transition: all .25s ease;
transition: all .25s ease;
position: absolute;
content: "";
top: auto;
bottom: 0;
left: 0;
right: 0;
margin: 0 15px 0 15px;
}

.automate-column ul{
margin-top: 25px;
}

.automate-column li{
padding-bottom: 15px;
}

.automate-column img{
width: 30%;
}

.testimonials{
padding: 0 0 40px 0;
}

.testimonials h2{
padding:0 0 20px 0;
}

.integrationspartner {
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
text-align: center;
padding: 10px 0 10px 0;
}

.integrationspartner img {
height: 35px;
display: inline-block;
padding: 0 10px 0 10px;
 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}

.testimonial-column {
box-shadow: 0 17px 40px -10px rgba(7, 61, 125, .1);
border: 1px solid #f4f4f4;
padding: 20px;
}

.testimonial-column:before {
height: 3px;
background: -webkit-linear-gradient(left, #019cde 0%, #80cbff 100%);
background: linear-gradient(to right, #019cde 0%, #80cbff 100%);
-webkit-transition: all .25s ease;
transition: all .25s ease;
position: absolute;
content: "";
top: auto;
bottom: 0;
left: 0;
right: 0;
margin: 0 15px 0 15px;
}

.testimonial-column:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
transition: transform 0.2s ease;
}

.testimonial-column:hover:before{
height: 2px;
background: -webkit-linear-gradient(left, #80cbff 0%, #019cde 100%);
background: linear-gradient(to right, #019cde 0%, #80cbff 100%);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
left: -2px;
right: -2px;
transition: transform 0.2s ease;
}

.automate-column h3{
padding-top: 0;
margin-top: 0;
}

.automate-column li{
padding-bottom: 10px;
}

.automate-column:before {
margin: 0;
}

.signup{
padding: 40px 0 40px 0;
}

.moredetails{
padding:10px 0 50px 0;
}
.headerimage {
background-size: cover;
min-height: 350px;
padding-top: 40px;
}

.headerimage .btn  {
margin: 0 0 30px 0;
}

.headerimage img{
margin-bottom: 20px;
}

.propertytypes img{
margin-bottom: 0;
padding-bottom: 0 !important;
}

.propertytypes h5{
background-color: #ffffff;
margin: 0;
padding: 15px;
min-height: 60px;
font-weight: normal;
}

.stripeimage {
background-size: cover;
min-height: 150px;
padding: 30px 0 20px 0;
}

.stripeimage img{
bottom: 0;
}

.featuesheader {
background-image: url(features-bg.jpg);
color:#ffffff;
}

.featurelist{
/*border-top: 1px solid #d3d3d3;
box-shadow: 0 -85px 50px rgba(0,0,0,0.025);   */
}

.featurelist ul {
padding: 30px 0 0 0;
}

.featurelist li {
padding-left: 10px;
padding-bottom: 25px;
}

.fa-li {
top: 0.3em;
}

.featurelist p{
padding-bottom: 0;
margin-bottom: 0;
}

.featurelist .fa{
width: 28px;
}

.featurelist .fa-mobile{
font-size: 200%;
top: 0;
left: -1.3em;
}

.featurelist .fa-gift{
top: 0.4em;
}

.features, .type{
padding: 30px 0 30px 0;
}

.type img{
padding: 10px 0 10px 0;
}

.landingheader {
background-image: url(channel-manager-pms.jpg);
background-size: cover;
/*height: calc(100vh - 261px);*/
min-height: 345px;
}

.neutralheader {
background-image: url(neutral-bg.jpg);
}
   
.integrationsheader {
background-image: url(automation-bg.jpg);
color: #ffffff;
}

.integrations {
padding: 20px 0 20px 0;
}

.integrations h2{
padding-bottom: 20px;
}

.integration-column{
text-align: center;
font-size: 80%;
box-shadow: 0 17px 40px -10px rgba(7, 61, 125, .1);
border: 1px solid #f4f4f4;
padding: 20px 10px 10px 10px;
min-height: 145px;
margin-bottom: 15px;
}

.integration-column:before {
height: 3px;
background: -webkit-linear-gradient(left, #019cde 0%, #80cbff 100%);
background: linear-gradient(to right, #019cde 0%, #80cbff 100%);
height: 100%;
max-height: 3px;
-webkit-transition: max-height .35s ease;
transition: max-height .35s ease;
z-index: -1;
position: absolute;
content: "";
top: 0;
bottom: auto;
left: 15px;
right: 15px;
}

.integration-column:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
transition: transform 0.2s ease;
}


.integration-column:hover:before{
height: 2px;
background: -webkit-linear-gradient(left, #80cbff 0%, #019cde 100%);
background: linear-gradient(to right, #019cde 0%, #80cbff 100%);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
left: 7px;
right: 7px;
transition: transform 0.2s ease;
}

.integration-column img{
margin: 0 auto;
padding: 0;
max-height: 50px;
}

.integration-column h5 {
margin: 0 0 5px 0;
}

.moreintegrations {
padding: 20px 0 20px 0;
text-align: center;
font-size: 
}

.channelheader {
background-image: url(channel-manager-bg.jpg);
color: #ffffff;
}

.channellist {
padding: 0 0 20px 0;
}

.channellogos{
padding: 20px 0 10px 0;
}

 .channel-column{
 min-height: auto;
}
        
.channel-column img {
max-height: 80px;
}

.testimonial_channel{
padding: 10px; 0 0 0;
}

.onlinebookingheader {
background-image: url(online-booking-system-bg.jpg);
color: #ffffff;
}

.testheader {
background-image: url(test.png);
color: #ffffff;
}

.propertymanagementheader {
background-image: url(property-management-bg.jpg);
color: #ffffff;
}

.widgetheader {
background-image: url(booking-widgets-bg.jpg);
}

.tourheader {
background-image: url(pricing-bg.jpg);
color:#ffffff;
}
.joinheader {
background-image: url(join-bg.jpg);
}

.joinbgcontainer{
padding: 30px 0 30px 0;
}

.joinform{
margin-top: 20px;
}

.pricingheader {
background-image: url(pricing-bg.jpg);
color:#ffffff;
}
.developerheader {
background-image: url(developer-bg.jpg);
}
.paymentheader {
background-image: url(online-payment-bg.jpg);
color:#ffffff;
}

.careerheader {
background-image: url(career-bg.jpg);
color:#ffffff;
}

.career-apply {
padding: 10px 0 40px 0;
}

.pms-features {
padding-bottom: 10px;
}

.widgets {
margin-top: 30px;
}


.pricebox {
border: 1px solid #cccccc;
background-color: #ffffff;
min-height: 490px;	
box-shadow: 0 0 3px #999999;
margin-bottom: 10px;
}

.pricecontent, .priceheader {
padding: 5px 20px 5px 20px;
}

.priceheader {
min-height: 150px;
}

.pricecontent {
padding-top: 20px;
}

.dottedpricing {
border: 1px dotted #d4d4d4; 
border-style: none none dotted; 
text-align: center;
width: 80%;
margin-top: 10px;
margin-bottom:10px;
}

#calculator table {
width: 100%
}

#calculator select{
font-size: 80%;
}
#calculator td{
padding: 3px 0 3px 0;
}

.b24listtable {
margin: 10px 0;
font-size: 100%;
width: 100%;
}
.b24listtable tr {
border-radius: 6px;
}
.b24listtable tr:nth-child(2n) {
 background: #fff none repeat scroll 0 0;
  
}
.b24listtable tr:nth-child(2n+1) {
  background: #f4f4f4 none repeat scroll 0 0;   
}

.b24listtable td{
padding: 10px;
}

.timeline-heading {
display: inline-block; 
background-color: #ffffff;
padding: 2px 5px;
line-height: 1.42857;
border-radius: 3px;
}

.timeline {
padding: 20px 0 20px 0;
font-size: .875rem;
}

.timeline-date {
display: inline-block;
}

.timeline-date span{
background: #ffffff;
}
  

.milestones::after {
content:"";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 50%;
border-left: 2px solid #019cde;
transform: translate(-50%);  
}


.timeline-item img{
width:  120px;
}

.landingimage {
background-image:url(hotel-online-reservation-system.jpg);
}
.landingimagebnb {
background-image: url(bed-and-breakfast-booking.jpg);
}
.landingimageholiday {
background-image: url(holidayrental-vacationrental-booking-system.jpg);
}
.landingimagecamping {
background-image: url(camping-online-reservation-system.jpg);
}
.landingimagehostel {
background-image: url(hostel-online-reservation-system.jpg);
}
.landingimageagency {
background-image: url(agency-online-reservation-system.jpg);
}

.landingimageabout {
background-image: url(aboutus.jpg);
}

.testbuttonbox{
padding: 10px 0 10px 0;
}

.footer {
clear:both;
padding: 20px 0 20px 0;
background-color: #b4b4b4;
color: #ffffff;
}

.footer .navbar-right{
margin-right: -10px;
margin-left: 0;
}	

footer .nav> li > a {
padding-left: 15px;
}

.footer a{
color: #ffffff;
}

.footer a:focus, a:hover {
text-decoration: underline;
}

.footer p {
margin-bottom: 5px;
}


.footersummary a{
text-decoration: underline;
}

.socials{
margin-bottom: 10px;
}
#copyright{
font-size: 80%;
padding-top: 10px;
}

#cookiestatement{
background-color: #ffffff;
border: 1px solid #f7f7f7; 
line-height: 200%;
padding: 20px;
position:fixed;
text-align: center;
bottom: 15px;
left: 15px;
right: 15px;
border-radius: 3px;
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.27);
}

#cookiestatement a{
}

/*
.cookiestatementaccept {
background-color: #75d5ad;
color: #fff;
}*/

.shadow{ /***** delete when all pages are fixed up *****/
padding-bottom: 20px;
}
.h2_left {/***** delete when all pages are fixed up *****/
font-size: 140%;
text-decoration: none;
line-height: 110%;
text-align: left !important;
}
.h3feature { /***** delete when all pages are fixed up *****/
font-size: 130%;
margin: 0;
padding: 0 0 10px 0;
text-align: center;
line-height: 130%;
}

.h3_left { /***** delete when all pages are fixed up *****/
font-size: 130%;
margin: 20px 0 10px 0;
text-align: left;
}

.testbutton {/***** delete when all pages are fixed up *****/
    background-color: #fe746c;
    border-radius: 4px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    color: #ffffff;
    cursor: pointer;
    font-size: 130%;
    font-weight: bold;
    line-height: 130%;
    max-width: 220px;
    outline: medium none;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    transition-duration: 1s;
    transition-property: background-color;
}

.testbutton a {/***** delete when all pages are fixed up *****/
    color: #ffffff !important;
    text-decoration: none !important;
}
.testbutton:link {/***** delete when all pages are fixed up *****/
    color: #ffffff !important;
}
.testbutton:visited {/***** delete when all pages are fixed up *****/
    color: #ffffff !important;
    text-decoration: none !important;
}
.testbutton:hover {/***** delete when all pages are fixed up *****/
    background: #ff5500 none repeat scroll 0 0;
    color: #ffffff;
    text-decoration: none !important;
}
.testbutton a:hover {/***** delete when all pages are fixed up *****/
    background-color: inherit;
}
.testbutton:active {/***** delete when all pages are fixed up *****/
    color: #ffffff;
    text-decoration: none !important;
}

.productcarousel .well, .channellist .well {
background-color: #ffffff;
border-radius: none;
}

#myCarousel .thumbnail {
margin-bottom: 0;
}

.productcarousel .thumbnail {
border: none;

}

#myCarousel a.thumbnail.active, #myCarousel  a.thumbnail:focus, #myCarousel  a.thumbnail:hover {
border-color: #019cde;
}

.carousel-control.left, .carousel-control.right {
background-image:none !important;
}
.carousel-control {
color:#fff;
top:40%;
color:#cccccc;
bottom:auto;
padding-top:4px;
width:30px;
height:30px;
text-shadow:none;
opacity:1;
}
.carousel-control:hover {
color: #2f76c9;
}

.carousel-indicators {
bottom:-30px;
}

.carousel-indicators li {
border-radius:0;
width:10px;
height:10px;
background:#ccc;
border:1px solid #ccc;
}
.carousel-indicators .active {
width:12px;
height:12px;
background-color: #019cde;
border-color:  #2f76c9;
}

#carousel-index .carousel-inner img, #carousel-pms .carousel-inner img, #carousel-booking .carousel-inner img {
margin: auto;
}
	
#carousel-index .carousel-caption, #carousel-pms .carousel-caption, #carousel-booking .carousel-caption{
color: inherit;
text-shadow: none;
left: 0;
right: 0;
position: relative;
padding-bottom: 0;
}

.carousel-caption h3{
min-height: 10px;
}
	
#carousel-index .carousel-indicators, #carousel-pms .carousel-indicators, #carousel-booking .carousel-indicators{
bottom: -40px;
}
	
#carousel-index .carousel-indicators .active, #carousel-pms .carousel-indicators .active, #carousel-booking  .carousel-indicators .active{
background-color: #777;
border-color: #777;
}		
/************************************************************************************
classes for elements
*************************************************************************************/
#footerdown {
padding:0 0 400px 0;/*height footer */
}
.footer {
height:400px;/*footer down height of footer*/
margin:-400px auto 0; /*footer down pull footer back into viewport and center*/ 
}

  /*end normal css */
@media only screen and (max-width: 767px){

body {
overflow-x: hidden;
}
    
.automate-column ul{
padding-left: 20px;
}
    
.featurelist ul {
padding: 0;
}

.propertytypes h5 {
background-color: transparent;
}
    
.footer {
height: auto;
}

}
@media only screen and (min-device-width : 768px) 
{
    

/************************************************************************************
remove when all pages are fixed up
*************************************************************************************/	
	
.pagewidth {
margin-left: auto;
margin-right: auto;
}
.pagewidth {width: 750px;}
.onecol{width:5.801104972%}
.twocol{width:14.364640883%}
.threecol{width:22.928176794%}
.fourcol{width:31.491712705%}
.fivecol{width:40.055248616%}
.sixcol{width:48.618784527%}
.sevencol{width:57.182320438000005%}
.eightcol{width:65.74585634900001%}
.ninecol{width:74.30939226%}
.tencol{width:82.87292817100001%}
.elevencol{width:91.436464082%}
.twelvecol{width:99.999999993%}
.onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol,.twelvecol{
position:relative;
float:left;
margin-left:2.762430939%
}
.first{margin-left:0;}
.last{float:right}
/************************************************************************************
end stuff to remove
****************************************************************************/
	
.navbar-collapse {
padding-right: 15px;
}
	
/*.headerimage .btn {
margin: 30px 0 20px 0;
}	*/
	
.features .row{
padding-bottom: 20px;
}
    
	
.reseller{
padding: 30px 0 30px 0;
}
	
.testbuttonbox{
padding: 20px 0 20px 0;
}	
footer .nav> li > a {
padding-left: 0;
}
	
}
@media only screen and (min-device-width : 992px) 
{
	
.pagewidth  {
width: 970px;
}
	
.services h3 {
min-height: 40px;
}	
	
.morelink {
min-height: 40px;
display: flex;
justify-content: center; /* align horizontal */
align-items: center; /* align vertical */
}
}

@media only screen and (min-device-width : 1028px) 
{

.pagewidth  {
width: 1170px;
}

.hero {
min-height: 350px;
}
	
.pricebox {
min-height: 620px;	
}

}
/************************************************************************************
For print view
*************************************************************************************/
@media print{*{background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important}
}