html {
    height:100%;
}

.page-background-sm {
    background: url("../images/bg-default-sm.jpg") no-repeat center center;
    background-size: cover;
    float: left;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.page-background-xs {
    background: url("../images/bg-default-xs.jpg") no-repeat center center;
    background-size: cover;
    float: left;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
}

body {
    background-color:transparent;
}

.container {
    background-color:rgba(255,255,255,0.8);
}

#header {
    margin-top:4px;
}

.menu {
    margin-bottom:30px;
    margin-top:10px;
}

.menu a {
    padding: 10px;
}

.menu a:hover {
    background-color: rgba(23,20,18,0.5);
    color:white;
}

.menu a.active {
    background-color: #255E69;
    color: white;
}

#footer {
    min-height:50px;
    height: 50px;
}

.bottom-spacing {
    margin-bottom:20px;
}

.gallery {
    width:100%;
}

.gallery a:hover {
    background-color:#255E69;
    color:#04C1E4;
}

.gallery, .gallery-left-arrow > div, .gallery-right-arrow > div {
    height:128px;
    max-height:128px;
    font-size:x-large;
}

.gallery-left-arrow {
    float:left;
    display:inline-block;
}

.gallery-right-arrow {
    float:right;
    display:inline-block;
}

.gallery-right-arrow > div > span, .gallery-left-arrow > div > span {
    display:table-cell;
    height:128px;
    width:30px;
    vertical-align:middle;
    text-align:center;
}

.gallery-content {
    margin: auto;
    display: table;
}

.gallery-content-outer{
   width: calc(100% - 60px);
   float:left;
}
.gallery-content > div {
    width:128px;
    height:128px;
    display:inline-block;
    text-align:center;
}

.gallery-content > div img {
    max-width:128px;
    max-height:128px;
    vertical-align:middle;
    text-align:center;
}

.gallery-content > div > span {
    display:table-cell;
    height:128px;
    width:128px;
    vertical-align:middle;
    text-align:center;
}

.overlay {
    background: rgba(33,55,59,0.8);
    float: left;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: table-cell;
    vertical-align: middle;
}

.overlay-image {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 80%;
    max-width: 80%;
    width: 80%;
    height: 80%;
}

.overlay-image div {
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    text-align:center;
}

.overlay-image img {
    max-height:100%;
    max-width:100%;
    margin: 0 auto;
    display:block;
}

.overlay-image label {
    color:white;
}


.overlay-close {
    position:fixed;
    right:20px;
    top:20px;
}

.overlay-left {
    position: fixed;
    left: 20px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 101;
}

.overlay-right {
    position: fixed;
    right: 20px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 101;
}

.overlay a, .overlay a:visited, .overlay a:active {
    color:white;
    font-size:30px;
}

.clickable {
    cursor:pointer;
}

.offers-content > .row {
    margin-bottom:15px;
}

.offers-body {
    background-color:rgba(37,94,105,0.25);
}

.offers-primary-label {
    color: white;
    background-color: #F3851C;
    font-weight:bold;
    height:30px;

}

.offers-primary-label span {
   vertical-align:middle;
   line-height:30px;
}

.offers-secondary-label{
    color:white;
    background-color:#255E69;
    font-weight:bold;
    height:30px;
}

.offers-secondary-label div {
    background-color: #255E69;
    width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;	
	border-left: 15px solid #F3851C;
    float:left;
    margin-left:-15px;
    margin-right:15px;
}

.offers-secondary-label span {
   vertical-align:middle;
   line-height:30px;
}

.offers-description, .offers-important {
    margin-top:15px;
    color: #255E69;
    text-align:center;
}

.offers-image {
    margin-top:15px;
}

.offers-image img {
    max-height:100%;
    max-width:100%;
    margin: 0 auto;
    display:block;
}

.offers-important {
    margin-top:15px;
    margin-bottom:15px;
    color: white;
    font-weight:bold;
    background-color:rgba(37,94,105,0.75);
    font-size:1.1em;
}

/* ********** Theme ********** */
a, a:hover, a:visited {
    color: #255E69;
    font-weight:bold;
}

a:hover {
    color: #158296;
}

li {
    list-style: square;
}

.dropdown-menu li {
    list-style:none;
}

.panel {
    border-radius:0;
    box-shadow:none;
}

.panel-info, .panel-info > .panel-heading {
    border-color:#F3851C;
    border-radius:0;
}

.panel-info > .panel-heading {
    color:#171412;
    background-color:#F3851C;    
}

.icon-bar {
  display: block;
  width: 22px;
  height: 4px;
  margin-top:2px;
  margin-bottom:2px;
  border-radius: 1px;
  background-color: #333333;
}

.menu-button {
    width:48px;
    height:48px;
    background-color: #255E69;
    color: white;
    border: none;
    border-radius:0;
}

.menu-button:hover, .menu-button:active, .open {
    background-color: #333333;
}

.menu-button:hover .icon-bar, .menu-button:active .icon-bar {
    background-color: white;
}

.dropdown-menu {
    box-shadow: none;
    border-radius: 0;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: rgba(23,20,18,0.5);
    color:white;
}