gridster{
height: 500px;
width: 500px;
}
.gridster {
text-align: center;
}
.gridster li {
text-align: center;
list-style-type: none !important;
}
.portfolio-builder-option-container {
z-index: 5000000000;
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
}
.portfolio-builder-option-container > div { position: relative;
left: 30%;
top: 50%;
transform: translate(-50%, -50%);
width: 100px;
text-align: left;
}
.portfolio-builder-option-container table {
background: white;
padding: 20px;
}
.portfolio-builder-option-container div input {
width: 400px;
}
.portfolio-builder-show-button:hover {
background: white;
color: black;
}
.portfolio-builder-text {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transition: all ease 0.5s;
transition-delay: 0.2s;
display: inline-block;
-ms-word-break: break-word;
word-break: normal;
}
.portfolio-builder-overlay {
width: 100%;
height: 100%;
position: absolute;
background: black;
}
.portfolio-builder-app { } .portfolio-builder-tab-buttons a{
background: darkgrey;
color: black;
text-decoration: none;
cursor: pointer;
padding: 5px;
padding-bottom: 2px;
}
.portfolio-builder-tab-buttons .active {
background: white;
color: black;
}
.portfolio-builder-tabs {
background: white;
padding: 20px;
}
.portfolio-builder-tabs h2 {
padding: 0  !important;
margin-bottom:20px !important;
}
.portfolio-builder-tabs a {
display: inline-block;
}  .sk-cube-grid {
width: 40px;
height: 40px;
margin: 40px auto; }
.sk-cube-grid .sk-cube {
width: 33.33%;
height: 33.33%;
background-color: #333;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
.sk-cube-grid .sk-cube1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
-webkit-animation-delay: 0.0s;
animation-delay: 0.0s; }
.sk-cube-grid .sk-cube8 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
@-webkit-keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1); }
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1); } }
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1); }
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1); } }  .portfolio-builder-item a {
display: inline-block;
width: 100%;
height: 100%;
}
.portfolio-builder-overlay.hover-fade {
transition: 0.5s ease;
}
.portfolio-builder-item a:hover .hover-fade {
opacity: 1;
transition: 0.5s ease;
} .portfolio-builder-item .hover-slide-down {
opacity: 0;
height: 0;
transition: 0.5s ease;
}
.portfolio-builder-item a:hover .hover-slide-down {
opacity: 1;
height: 100%;
transition: 0.5s ease;
}
.portfolio-builder-item .hover-slide-up {
opacity: 0;
height: 0;
bottom: 0;
transition: 0.5s ease;
}
.portfolio-builder-item a:hover .hover-slide-up {
opacity: 1;
height: 100%;
transition: 0.5s ease;
}
.portfolio-builder-item .hover-slide-left {
opacity: 0;
width: 0;
transition: 0.5s ease;
}
.portfolio-builder-item a:hover .hover-slide-left {
opacity: 1;
width: 100%;
transition: 0.5s ease;
}
.portfolio-builder-item .hover-slide-right {
opacity: 0;
width: 0;
right: 0;
transition: 0.5s ease;
}
.portfolio-builder-item a:hover .hover-slide-right {
opacity: 1;
width: 100%;
transition: 0.5s ease;
}
.portfolio-builder-item .hover-slide-out-up {
bottom: 0;
height: 100%;
transition: 0.5s ease;
}
.portfolio-builder-item a:hover .hover-slide-out-up {
opacity: 1;
height: 0;
transition: 0.5s ease;
}
.portfolio-builder-item .hover-slide-out-down {
opacity: 1 !important;
height: 100%;
transition: 0.5s ease;
}
.portfolio-builder-item a:hover .hover-slide-out-down {
opacity: 0;
height: 0;
transition: 0.5s ease;
}
.portfolio-builder-item .hover-slide-out-left {
width: 100%;
transition: 0.5s ease;
}
.portfolio-builder-item a:hover .hover-slide-out-left {
opacity: 1;
width: 0;
transition: 0.5s ease;
}
.portfolio-builder-item .hover-slide-out-right {
right: 0;
width: 100%;
transition: 0.5s ease;
}
.portfolio-builder-item a:hover .hover-slide-out-right {
opacity: 1;
width: 0;
transition: 0.5s ease;
} .portfolio-builder-item a{
transition: all 0.5s ease;
}
.portfolio-builder-item.grow, .portfolio-builder-item.shrink, .portfolio-builder-item.rotate, .portfolio-builder-item.shrink-rotate, .portfolio-builder-item.grow-rotate  {
transition: all 0.5s ease !important;
}
.portfolio-builder-item.grow:hover  {
transform: scale(1.05);
transition: 0.5s ease;
}
.portfolio-builder-item.shrink:hover  {
transform: scale(0.95);
transition: 0.5s ease;
}
.portfolio-builder-item.rotate:hover  {
transform: rotate(5deg);
transition: 0.5s ease;
z-index: 5000;
}
.portfolio-builder-item.shrink-rotate:hover  {
transform: rotate(5deg)  scale(0.95);
transition: 0.5s ease;
z-index: 5000;
}
.portfolio-builder-item.grow-rotate:hover  {
transform: rotate(5deg)  scale(1.05);
transition: 0.5s ease;
z-index: 5000;
}
.portfolio-builder-shortcode {
padding: 20px;
background: lightgray;
} .gridster-mobile li {
margin-left: 0 !important;
margin-right: 0 !important;
}
.gridster-mobile .gridster-item {
height: 50px !important;
margin: 0!important;
width: 100%!important;
}
.portfolio-builder-fade { }
.portfolio-builder-app {
display: none;
}
.portfolio-builder-app  ul > li.gridster-item { opacity: 0;
} .gridster-mobile .portfolio-builder-excerpt {
display: none;
}
.gridster-mobile .gridster-item {
height: 50px;
margin: 0;
width: 100%;
}
.portfolio-builder-filter {
text-align: center;
margin:20px;
}
a.portfolio-builder-filter-button{
padding: 10px 20px 10px 20px;
background: red;
text-decoration: none;
color: white;
margin: 10px;
display: inline-block;
}
a.portfolio-builder-filter-button:hover {
text-decoration: none;
color: white;
background: black;
cursor: pointer;
}
.portfolio-builder-filter-overlay {
background: linear-gradient(white, transparent);
width: 100%;
height: 100%;
position:absolute;
z-index:-1;
opacity: 0;
transition: all 0.3s;
}
.portfolio-builder-filter-overlay.active{
z-index:5000;
opacity: 1;
background: linear-gradient(white, white);
}html.lb-disable-scrolling {
overflow: hidden; position: fixed;
height: 100vh;
width: 100vw;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//theboxhousehotel.com/wp-content/plugins/portfolio-builder/public/../includes/js/vendor/lightbox2/dist/images/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//theboxhousehotel.com/wp-content/plugins/portfolio-builder/public/../includes/js/vendor/lightbox2/dist/images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//theboxhousehotel.com/wp-content/plugins/portfolio-builder/public/../includes/js/vendor/lightbox2/dist/images/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//theboxhousehotel.com/wp-content/plugins/portfolio-builder/public/../includes/js/vendor/lightbox2/dist/images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}.gridster {
position: relative;
margin: auto;
height: 0;
}
.gridster > ul {
margin: 0;
list-style: none;
padding: 0;
}
.gridster-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
z-index: 2;
position: absolute;
display: none;
}
.gridster-loaded {
-webkit-transition: height .3s;
-moz-transition: height .3s;
-o-transition: height .3s;
transition: height .3s;
}
.gridster-loaded .gridster-item {
display: block;
position: absolute;
-webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
-moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
-o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
-webkit-transition-delay: 50ms;
-moz-transition-delay: 50ms;
-o-transition-delay: 50ms;
transition-delay: 50ms;
}
.gridster-loaded .gridster-preview-holder {
display: none;
z-index: 1;
position: absolute;
background-color: #ddd;
border-color: #fff;
opacity: 0.2;
}
.gridster-loaded .gridster-item.gridster-item-moving,
.gridster-loaded .gridster-preview-holder {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.gridster-mobile {
height: auto !important;
}
.gridster-mobile .gridster-item {
height: auto;
position: static;
float: none;
}
.gridster-item.ng-leave.ng-leave-active {
opacity: 0;
}
.gridster-item.ng-enter {
opacity: 1;
}
.gridster-item-moving {
z-index: 3;
} .gridster-item-resizable-handler {
position: absolute;
font-size: 1px;
display: block;
z-index: 5;
}
.handle-se {
cursor: se-resize;
width: 0;
height: 0;
right: 1px;
bottom: 1px;
border-style: solid;
border-width: 0 0 12px 12px;
border-color: transparent;
}
.handle-ne {
cursor: ne-resize;
width: 12px;
height: 12px;
right: 1px;
top: 1px;
}
.handle-nw {
cursor: nw-resize;
width: 12px;
height: 12px;
left: 1px;
top: 1px;
}
.handle-sw {
cursor: sw-resize;
width: 12px;
height: 12px;
left: 1px;
bottom: 1px;
}
.handle-e {
cursor: e-resize;
width: 12px;
bottom: 0;
right: 1px;
top: 0;
}
.handle-s {
cursor: s-resize;
height: 12px;
right: 0;
bottom: 1px;
left: 0;
}
.handle-n {
cursor: n-resize;
height: 12px;
right: 0;
top: 1px;
left: 0;
}
.handle-w {
cursor: w-resize;
width: 12px;
left: 1px;
top: 0;
bottom: 0;
}
.gridster .gridster-item:hover .gridster-box {
border: 1.5px solid #B3B2B3;
}
.gridster .gridster-item:hover .handle-se {
border-color: transparent transparent #ccc;
}
.portfolio-builder-custom-html {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
position: absolute;
}.simple-banner {
width: 100%;
text-align: center;
z-index: 99999;
position: relative;
display: block;
}
.simple-banner .simple-banner-text {
font-weight: 700;
padding: 10px 20px;
}
.simple-banner .simple-banner-button {
border: none;
background-color: transparent;
padding: 0 5px;
margin: 0 10px;
text-align: center;
text-decoration: none;
position: absolute;
transform: translate(0%, -50%);
right: 0;
top: 50%;
font-size: 16px;
cursor: pointer;
}@import url("https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,600i,700,700i,800,800i|Libre+Franklin:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
a{color: #3b475d;}
.container{
max-width:1280px;
}
a:hover{color:#333 ;text-decoration: none;}
.cust-button{border-radius: 0px;border-color: #fff;cursor: pointer;}
.cust-button:hover{box-shadow:none;border-color: #fff;}
.dudp__wrapper[data-theme="blue"] .dudp__calendar .dudp__cal-week .dudp__date.selected:hover,
.dudp__wrapper[data-theme="blue"] .dudp__calendar .dudp__cal-week .dudp__date.selected{
background-color: #870f29 !important;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.navbar-expand-md .navbar-nav{margin: 0 auto;}
.block-color{	background-color: #3b475d !important;padding: 30px 0;}
.header-block { margin-top: 60px;}
.phone-block {
font-size: 25px;
}
.fa{color:#870f29;    font-size: 30px;}
.home  header h2{display: none;}
.grey-block{background-color: #f4f4f4;}
.footer-block {
width: 300px;
height: 300px;
background: #fff;
text-align: center;
padding: 40px;
margin: 30px 0;
}
.hvr-underline-reveal::before{background:#870f29 !important; }
#menu-footer-links {
padding: 0;
list-style: none;
text-align: center;
}
#menu-footer-links > li{display:inline-block;}
#menu-footer-links li a{padding:0 20px;}
#menu-footer-links li a:hover{border-bottom: 1px solid #dad8d5;}
.soical-icons{text-align: center;margin:30px 0;}
.soical-icons a{padding:10px;}
.text-muted{display:none;}
.room-block {
width: 90%;
background: #ececec;
margin: 5px 0;
text-align: center;
}
.room-block h4 {
margin-top: 15px;padding: 20px 0;
}
.fa-calendar-custom{color:#fff;font-size: 20px;}
#logo {
max-height: 120px;
margin-bottom: 25px;
margin-top: 15px;
}
.hasDatepicker {
z-index: 99999;
}
.bg-light {
background-color: #f4f4f4 !important;
}  .navbar{padding:0px;}
.nav-link{
font-family: 'Libre Franklin', sans-serif;
color:#3b475d !important;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
position: relative;
top: 24px;    
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.9rem;
padding-left: 0.9rem;
}
.home-link a{
text-indent: -9999999px;
background-image: url(//theboxhousehotel.com/wp-content/themes/theboxhouse/images/header-HNH-logo-small.png);
background-repeat: no-repeat;
background-position: center center;
display:block;
width: 140px;
height: 100px;
position: relative;
top: -10px;
left: 10px;
}
.top_nav_fix{
position: fixed;
top: 0px;
z-index: 99;
max-width: 100%;
width: 100%;
}
.booknow-block input[role="input"],.booknow-block .input-group-addon{
background: none;
border: 2px solid #dad8d5;
border-radius: 0px;
color:#dad8d5;
}
.booknow-block input[role="input"]{
height:40px;
font-family: 'EB Garamond', serif;
font-style: italic;
}
.booknow-block .fa{color:#dad8d5;font-size: 20px;}
.booknow-block .book-now-btn{
font-family: 'Libre Franklin', sans-serif;
font-weight: bold;
text-transform: uppercase;
border:2px solid #dad8d5;
background:none;
}
.booknow-block .book-now-btn:hover{
background:#fff;
color:#3b475d;
border:2px solid #fff;
}
.navbar-nav{max-height: 85px;}
.top-book-now-btn{
background: #3b475d;
color: #f4f4f4 !important;
border:3px solid #3b475d;
font-size: 16px;
text-transform: uppercase;
position: relative;
right: 65px;
font-family: 'Libre Franklin', sans-serif;
font-weight: bold;
padding: 5px 10px;
}
.top-book-now-btn:hover{
background: #f4f4f4; 
color: #3b475d !important;  
border:3px solid #3b475d;
}
.daterangepicker{background: #f4f4f4 !important;border-radius: 0px !important;
font-family: 'EB Garamond', serif;
font-style: italic;
border:0px;
}
.daterangepicker .calendar th, .daterangepicker .calendar td{
color:#3b475d;
}
.daterangepicker .calendar-table{background:none !important;}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{background:none !important;}
.daterangepicker td.disabled, .daterangepicker option.disabled,.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date,
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{background:none;}
.rsUni .rsBullets{bottom:35px !important;}
.rsUni .rsBullet span{
width: 10px !important;
height: 10px !important;
border-radius: 0% !important;
border:1px solid #fff;
background:none !important;
}
.rsUni .rsBullet.rsNavSelected span{background:#fff !important;border:1px solid #fff;}
.remove-padding{padding:0px;}
.home-content-main-block{
background:#dad8d5;
}
.home-content-main-block div {
text-align: center;
margin: 0 auto;
color:#3b475d;
}
.home-content-main-block .wellcome{
padding-top: 60px;
}
.home-content-main-block .the_team{padding-bottom: 20px;}
.home-content-main-block h1,.home-content-location-block h1,.home-content-special-offer-block h1 {
font-family: 'Libre Franklin', sans-serif;
font-weight: bold;
font-size: 60px;
}
.home-content-main-block p,.home-content-location-block p,.home-content-special-offer-block p  {
font-family: 'EB Garamond', serif;
font-weight: normal;
padding-top: 5px;
font-size: 20px;
}
.home-content-main-block hr ,.special-offer-content hr {
width: 5%;
border-top: 2px dashed #3b475d;
margin:0 auto;
}
a.call-link{
font-family: 'Libre Franklin', sans-serif;
font-weight: bold;
font-size: 14px;
color:#dad8d5;
text-decoration: none;
}
a.call-link:hover{text-decoration: underline;}
.home-content-location-block .location-block{background:#3b475d;color:#dad8d5;padding: 10px 55px;}
.home-content-location-block .location-block hr{
width: 10%;
border-top: 1px solid #dad8d5;
text-align: left;
margin: 0 0 0 10px;
}
.remove-right-padding{padding-right: 0px;}
.remove-left-padding{padding-left: 0px;}
.special-offer-content{text-align:center;background:#dad8d5;color:#3b475d;padding:30px;}
.special-offer-block{position:relative;color:#d9d8d4;display:block;}
.special-offer-block:hover{color:#d9d8d4;}
.special-block-content{
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 0;
width: 100%;
height: 100%;
padding-top: 10%;}
.special-block-content .more-info{border: 4px solid #d9d8d4;padding: 10px 40px;color: #d9d8d4;font-family: 'Libre Franklin', sans-serif;font-size: 28px;position: relative;top: 20px;text-transform: uppercase;}
.special-offer-block .more-info,.special-offer-block h5{display:none;}
.special-offer-block:hover h1,.special-offer-block:hover hr {
bottom: 30px;
position: relative;
}
.special-offer-block:hover h5{display:block;}
.special-offer-block:hover .more-info{
display:inline-block;
-moz-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
-webkit-transition: all .4s ease-in;
transition: all .4s ease-in;
}
.special-block-content h1,.special-block-content h5{
}
.special-block-content h1{margin-bottom: 0px;}
.special-block-content hr{border-top:2px dashed #d9d8d4;width: 2%;margin: 0 auto;}
.special-block-content:hover{
background:rgba(0,0,0,0.3) !important;
-moz-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
-webkit-transition: all .4s ease-in;
transition: all .4s ease-in;
} .brown-block{
background:#3b475d;
padding:30px 0;
}
.hotels-block{padding:20px 175px;}
.hotel-heading hr{
border-bottom: 1px solid #dad8d5;
}
.hotel-heading h5{
font-family: 'EB Garamond', serif;
font-style: italic;
color: #dad8d5;
background: #3b475d;
position: relative;
bottom: 32px;
display: inline-block;
padding: 2px 10px;
}
.bottom-heading h5{
font-style: normal;
}
.change-width {
width: 22%;
margin: 0 auto;
}
#menu-footer-links li a{
font-family: 'EB Garamond', serif;
font-style: italic;
color: #dad8d5;
font-size: 20px;
padding: 20px 5px 0 0;
margin: 0 20px;
}
#menu-footer-links > li{padding:8px;}
#menu-footer-links{border-top: 1px solid #dad8d5; border-bottom: 1px solid #dad8d5; }
.soical-icons{margin:0px;}
.footer-container{margin-top: 10px;padding: 10px 30px 0 80px;}
.soical-icons a .fa{color:#dad8d5;}
.footer-text{color:#dad8d5;font-size: 12px;}
.footer-text .site-name{
font-family: 'Libre Franklin', sans-serif;
font-weight: bold;
padding-right: 2px;
}
.footer-text .site-address a{
font-family: 'EB Garamond', serif;
font-style: italic;
padding-left: 2px;
padding-right: 2px;
color:#dad8d5;
font-size: 16px;
}
.footer-text .site-address a:hover{text-decoration: underline;}
.footer-text .site-ph{
font-family: 'Libre Franklin', sans-serif;
font-weight: bold;
}
.single-block-header{
min-height: 380px;
color:#dad8d5;
}
h1{
font-family: 'Libre Franklin', sans-serif;
font-weight: bold;
font-size: 60px;
text-transform: uppercase;
}
.single-block-header h1.main-title{
padding:55px 0 0 0;
text-align: center;
}
.single-block-header .single-header-content{
font-family: 'EB Garamond', serif;
padding: 0px 30px;
text-align: center;
font-size: 18px;
}
.single-page-main-block{background:#dad8d5;color:#3b475d;padding: 30px 260px;text-align: center;}
.single-page-main-block p{
font-family: 'EB Garamond', serif;
font-size: 18px;
}
.special-offer-main-heading{width:100%;margin-top: 30px;color:#dad8d5;}
body{background-color:#3b475d; }
.secondary-nav {width: 100%;}
.secondary-nav-link{
font-family: 'Libre Franklin', sans-serif;
font-size: 16px;
color:#dad8d5;
text-transform: uppercase;
font-weight: bold;
border-right: 3px solid #dad8d5;
padding-right: 10px;
}
.list-inline-item:last-child a.secondary-nav-link{border-right: 0;}
.single-specialoffer #content,
.room-template-default #content{background:#dad8d5;}
.single-specialoffer #content h1,
.room-template-default #content{color:#3b475d;}
.single-specialoffer #content,
.room-template-default  #content{ font-family: 'EB Garamond', serif;color:#3b475d;padding: 20px;text-align: center;font-size:18px; }
.page-template-default .header-img-block{position:relative;display:block;margin:0 auto;}
.page-template-default .header-img-block .title-block{
position: absolute;
top: 40%;
display: block;
text-align: center;
right: 0;
left: 0;
}
.title-block h1{color:#dad8d5;}
.page-template-default #content{background-color:#dad8d5;color:#3b475d;text-align: center;padding: 40px;margin-bottom: 30px;width:100%;}
.active .nav-link{color:#333 !important;}
.daterangepicker td.active, .daterangepicker td.active:hover{
background-color:#3b475d !important;
}
.fa-chevron-right::before{
background-image: url(//theboxhousehotel.com/wp-content/themes/theboxhouse/images/nav-red-next.png) !important;
background-repeat: no-repeat !important;
background-position: center center !important;
content:"" !important;
display:block;
width: 18px;
height: 34px;
}
.fa-chevron-left::before {
background-image: url(//theboxhousehotel.com/wp-content/themes/theboxhouse/images/nav-red-previous.png) !important;
background-repeat: no-repeat !important;
background-position: center center !important;
content:"" !important;
display:block;
width: 18px;
height: 34px;
}
.daterangepicker.opensright::after{display:none !important;}
.daterangepicker td.available:hover, .daterangepicker th.available:hover{
background-color: transparent !important;
}
#booknow{
background-color: #DAD9D5;
}
#booknow .modal-content{background:none;border:none;}
#booknow input{
border-color: #3b475d;
color:#3b475d;
}
#booknow .modal-header,#booknow .modal-footer{border: 0px;}
#booknow input[role="input"], #booknow .input-group-addon{
border-color: #3b475d;
}
#booknow .fa{color: #3b475d;}
#booknow .modal-close{cursor:pointer;width:35px;}
#booknow .modal-lg{width:1280px;}
.check-avalibility-link {
display: block;
text-transform: uppercase;
font-family: 'Libre Franklin', sans-serif;
font-size: 1.2em;
font-weight: bold;
margin: 40px auto 20px auto;
border: 2px solid #3b475d;
width: 30%;
padding: 5px 0px;
min-width: 320px;
text-align: center;
}
.check-avalibility-link:hover{background:#3b475d;color:#DAD9D5;}
.room-template-default h2{font-family: 'Libre Franklin', sans-serif;}
.page-template-template-rooms #content {
color: #dad8d5;
text-align: center;
padding: 40px;
width: 100%;
}
.room-template-default h1{color: #dad8d5;text-align: center;margin:0px 0 10px 0;}
.room-template-default h2{font-family: 'Libre Franklin', sans-serif;text-transform: uppercase;color:#3b475d;font-weight: bold;}
.gform_wrapper label.gfield_label{font-style: italic;}
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),.gform_wrapper textarea.large{
background:none;
border:2px solid #3b475d; 
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"]{
background: none;
border: 2px solid #3b475d;
text-transform: uppercase;
font-family: 'Libre Franklin', sans-serif;
font-weight: bold;
margin: 0 auto !important;
text-align: center;
display: block !important;
padding: 10px 45px;
color: #3b475d;
font-size: 1.3em !important;
}
.page-template-template-contactus  #content {
background-color: #dad8d5;
color: #3b475d;
text-align: center;
padding: 40px;
margin-bottom: 30px;
width: 100%;
}
.page-template-template-contactus .title-block h1{text-align: center;}
.main-grey-block {
background: #f4f4f4;
}
.main-grey-block h1{color:#3b475d;text-align: center;padding: 15px 0;}
.main-grey-block h3{font-family: 'Libre Franklin', sans-serif;font-weight: bold;text-transform: uppercase;text-align: center;margin:10px auto;}
.main-grey-block .press-img{
text-align: center;
display: block;
margin: 0 auto;
height:225px;
}
.main-grey-block .press-block{text-align: center;}
.page-template-template-contactus .location-block{min-height: 300px;}
.page-template-template-press  #content{
font-family: 'EB Garamond', serif;
font-weight: normal;
padding-top: 5px;
font-size: 20px;
color: #3b475d;
margin-bottom:30px;
}
.static-block {
font-weight: bold;
font-size: 16px;
}
.static-block .down-arrow {
margin: 50px auto 0 auto;
}
.press-block{padding:10px;}
.press-block h3{color: #3b475d;}
.single-specialoffer #content{text-align: left;}
.down-arrow{display:block;margin:0 auto;}
.gform_wrapper .gform_body {
width: 70% !important;
margin: 0 auto;
}
.wsp-pages-list {
text-align: left;
}
.booking_request_text {
background: none;
border-radius: 0;
border: 2px solid #3b475d;
padding: 0 10px;
}
.booknow-block label{color:#3b475d;}
.btn-home{
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
background: #ffcb1a !important;
border: 1px solid #ffcb1a !important;
color: #000 !important;
}
.btn-home:hover{border: 1px solid #fff;}
.wsp-pages-title{display:none;}
.page-id-89 #content,.page-id-90 #content,.page-id-91 #content{text-align: left;}
.page-id-89 h1,.page-id-90 h1,.page-id-91 h1{text-align: center;}
.container-fluid{padding-left:0;padding-right:0;}
body{overflow-x:hidden;} #asl-storelocator.asl-p-cont.asl-bg-9 .Num_of_store,
#asl-storelocator.asl-p-cont.asl-bg-9 .col-xs-12.search_filter p:last-child > span, #asl-storelocator.asl-p-cont.asl-bg-9 .col-xs-12.search_filter .asl-store-search > span{
background:#3b475d !important;
}
#asl-storelocator.asl-p-cont.asl-bg-9 .search_filter > p:first-child,#asl-storelocator.asl-p-cont.asl-bg-9 .infoWindow .phone > b, #asl-storelocator.asl-p-cont.asl-bg-9 .infoWindow .address, #asl-storelocator.asl-p-cont.asl-bg-9 .btn-default, #asl-storelocator.asl-p-cont.asl-bg-9 .infoWindow .categories, #asl-storelocator.asl-p-cont.asl-bg-9 .panel-inner .item .addr-sec .p-title{
color:#3b475d !important;
}
#asl-storelocator.asl-p-cont .inside.search_filter .form-control{
border-radius: 0 !important;
}
.page-template-template-gallery  #content{text-align: center;color:#3b475d;}
.page-template-template-gallery #content {
background-color: #dad8d5;
color: #3b475d;
text-align: center;
} .layer-image {
position: relative;
text-align: center;
}
.layer-block-image {
position: absolute;
left: auto;
right: auto;
width: 100%;
height:100%;
top: 285px;
}
.carousel-fade .carousel-item {
opacity: 0;
transition-duration: .6s;
transition-property: opacity;
}
.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
opacity: 0;
}
.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
transform: translateX(0);
transform: translate3d(0, 0, 0);
}
.carousel-indicators li {
padding: 5px;
width: 5px !important;
height: 5px !important;
border: 1px solid #fff;
}
.slider.slider-home {
margin: 0 auto;
}
.special-offer-block img{
display:block;
margin: 0 auto;
}
.home-content-special-offer-block {
margin: 0 auto;
}
.special-offer-header-img{display:block;margin:0 auto;}
.rooms-content-block,.slider {
margin: 0 auto;
}
.set-max-width {
max-width: 50%;
margin: 0 auto;
}
#main-nav{
-webkit-transition: all 0.5s ease;
-moz-transition: position 10s;
-ms-transition: position 10s;
-o-transition: position 10s;
transition: all 0.5s ease;
}
.top_nav_fix{
animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
0% {
transform: translateY(-100px);
}
100% {
transform: translateY(0px);
}
}
.footer-text {
font-family: 'EB Garamond', serif;
}
.navbar-nav {
position: relative;
right:40px;
}
.top-book-now-btn{right: 110px !important;cursor: pointer;}