@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

body { background-color: #00305E; padding: 0; margin: 0; font-family: 'Open Sans', Arial }

.header     { min-height: 100px; background-color: #00305E; color: #fff; padding: 20px; padding-bottom: 0; }
.header h1  { margin-top: 10px; }
.header h1.var-font-size  { font-size: 4.5vw  }

.navbar { margin-bottom: 0; }
.nav a:link, .nav a:visited     { text-transform: uppercase; color: #fff !important; font-weight: 300; font-size: 16px; }
.nav li a:hover, .nav li a:focus{ background: none; text-decoration: underline }
.nav li.active a                { font-weight: 600 }
.navbar-toggle  { background-color: transparent; border-radius: 0; border-color: #fff }
.navbar-toggle:hover { background-color: #FAA855; }
.icon-bar       { background-color: #fff }

h1      { text-transform: uppercase; font-size: 28px; margin-top: 0; font-weight: 300; }
h2      { text-transform: uppercase; font-size: 16px; font-weight: 600;  }
h3      { text-transform: uppercase; font-size: 32px; margin: 0; font-weight: 600; display: inline-block; vertical-align: top }
h4      { text-transform: uppercase; font-size: 16px; margin: 0; font-weight: 600; margin: 0; padding: 0;}

hr  { border: none; border-top: solid 1px #bbbbbb;  }

a   { cursor: pointer }

.container-outter { background-color: #e5e5e5; }
.container  { padding: 0; overflow-x: hidden  }

.well       { border: solid 1px #bbbbbb; border-radius: 0px; background: #f3f3f3; box-shadow: none }
.well.dark  { background: #d1d1d1  }
.well.xdark { background: #999999; border: none; margin-top: 20px; padding: 10px; }
.well-sm    { padding: 19px; }

.form-horizontal        { background-color: #e5e5e5; padding: 20px; margin-bottom: 20px; }
.form-horizontal h2     { margin: 0; }
.form-control           { border-radius: 0; }
.form-control.error     { background: #FFBFBF }

label.error     { font-size: 12px; color: red; }

label { font-weight: 400; }

.dot-list           { font-size: 12px; list-style: none; padding: 0; }
.dot-list li        { line-height: 36px; margin-bottom: 10px; }
.dot-list.blue li   { background: url(/images/blue-dot.jpg) no-repeat; }
.dot-list.orange li { background: url(/images/orange-dot.jpg) no-repeat; }

.dot { width: 36px; height: 36px; border-radius: 18px; display: inline-block; margin-right: 15px; vertical-align: middle }
.dot.orange { background-color: #FAA855 }
.dot.blue   { background-color: #00305E }

.map-address    { width: 100%; padding: 10px; background-color: #999999; color: #fff; }

.search-bar         { padding-bottom: 20px; padding-top: 10px; margin: 0; background: rgba(0,0,0,.6); position: relative }
.search-bar input   { width: 100%; height: 32px; padding-left: 10px; margin-top: 10px; border: none; border-radius: 0; }
.search-bar select  { width: 100%; height: 32px; padding-left: 10px; margin-top: 10px; border: none; background: #fff; border-radius: 0; }
.search-bar button  { width: 100%; height: 32px; margin-top: 10px; padding: 0; }

.btn            { border-radius: 0; box-shadow: none; }
.btn-primary    { border: none; background: #F78E1E; text-transform: uppercase; font-weight: 300; text-shadow: none; height: 32px; padding: 0px 20px; line-height: 32px; }
.btn-default    { background: #fefefe; border-color: #ccc; }

.carousel-control   { width: auto; }
.carousel-control .glyphicon { position: absolute; top: 40%; z-index: 5; display: inline-block; font-size: 40px; }
.carousel-control.nobg   { background: none; }
.right.carousel-control .glyphicon { right: 0; }

.addon              { position: relative }
.addon .glyphicon   { position: absolute; top: 45%; opacity: .8; pointer-events: none;  }
.left-addon .glyphicon      { left: 0px; padding-left: 25px; }
.right-addon .glyphicon     { right: 0px; padding-right: 25px; }

.text-small { font-size: 12px; }
.currency   { padding-top: 5px; display: inline-block }

.thumbnail { border-radius: 0; cursor: pointer }

.modal-content  { border-radius: 0; }

#waitModal .modal-dialog { width: 200px; top: 40%; margin: 0 auto; vertical-align: middle; }

.min-nights { text-transform: none; display: block; color: red; font-size: 12px; }

.book-grid      { width: 100%;  }
.book-grid th   { background: #348ABB; text-align: center; border: solid 1px #f3f3f3; font-weight: 300; color: #fff; line-height: 15px; padding: 10px 0px; }
.book-grid td       { background: #00305E; color: #fff; text-align: center; border: solid 1px #f3f3f3;  }
.book-grid td.sold  { background: #FCCD9E; color: #4d4d4d; padding: 15px 0px;  }


.book-grid .checkbox                    { color: #fff; cursor: pointer; display: inline-block; margin: 0; font-weight: 400; width: 100%; padding: 15px 0px;  }
.book-grid .checkbox span               { padding: 15px 0px; }
.book-grid .checkbox i                  { font-size: 16px; color: transparent; position: absolute; top: 0; left: 0; background: transparent; padding: 3px; }
.book-grid .checkbox input              { display: none; }
.book-grid .checkbox input:checked + i  { color: #fff; background: #66BB6A }
.btn-prev, .btn-next                    { background: #fff; }


.link-bar { background-color: #00305E; padding: 20px; color: #fff; }
.link-bar ul { padding-left: 15px; opacity: .8  }
.link-bar a:link, .link-bar a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 12px;  }
.link-bar a:link:hover, .link-bar a:hover { text-decoration: underline }
.link-bar ul a:link { text-transform: none }



.footer     { padding-top: 20px; padding-bottom: 50px; color: #fff; font-size: 12px; }
.footer a   { margin: 0 10px; color: #fff; display: inline-block }
.footer a:link { color: #fff !important; }
.footer #menuElem    { list-style: none; padding-left: 0; } 
.footer #menuElem li { display: inline;  }






.rotate90 {
    /* Safari */
    -webkit-transform: rotate(90deg);
    /* Firefox */
    -moz-transform: rotate(90deg);
    /* IE */
    -ms-transform: rotate(90deg);
    /* Opera */
    -o-transform: rotate(90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

/* large screen */
@media all and (min-width:1200px) {
    .container {
        width: 1366px;
    }
}

/* bigger than medium screen */
@media all and (min-width:991px) {
    #mainCarousel .carousel-indicators {
        bottom: 100px;
    }
    .overlay { margin-top: -70px; }
    .modal-dialog { top: 30% }
    .image-dialog { width: 900px; top: 0; }
    .navbar li a { padding-top: 1px; padding-bottom: 1px; }
    .navbar      { min-height: 0; }
}

/* up to medium sreen */
@media all and (max-width:991px) {
    .modal-dialog { width: 100%; margin: 0; top: 30% }
    .modal-body { padding: 5px; top: 30%}
}
    
/* extra small sreen */
@media all and (max-width:767px) {
    .book-grid th           { font-size: 2.5vw; padding: 2px; line-height: normal }
    .book-grid td.sold      { font-size: 2.5vw; padding: 10px 2px; line-height: normal;  }
    .book-grid .checkbox    { font-size: 2.5vw; padding: 10px 2px; }
    .book-grid .checkbox i  { font-size: 10px; padding: 1px; }
    .book-grid.btn          { font-size: 2.5vw; padding: 5px 5px; }
	.footer img{margin-bottom: 10px;}
 .footer #menuElem {text-align:center;}
}