body{
font-family: 'Open Sans', sans-serif;
}
.policy {
padding: 0;
}
.policy h2 {
font-size: 1.5em;
margin:10px 0px;
}
.policy h3 {
font-weight: 500;
font-size: 1.2em;
}
.policy ul h3 {
margin: 0 0 10px;
}
.policy ul {
margin-left: 0;
margin-bottom: 40px;
padding: 0;
}
.policy ul li {
line-height: 1.6;
list-style: disc;
font-size: 14px;
line-height: 25px;
margin-bottom: 0;
margin-left: 20px;
}
.pg-attractions .poi-list {
text-align: center;
margin: 0 auto;
}
.pg-attractions .poi {
margin: 0 2% 3em;
width: 28.5%;
vertical-align: top;
}
.pg-attractions .poi_top {
padding: 1em 1em 0 1em;
}
.pg-attractions .content-card {
padding: 1em 1em 0 1em;
position: relative;
display: inline-block;
box-sizing: border-box;
width: 100%;
text-align: left;
}
.resimg-holder {
position: relative;
height: 0;
overflow: hidden;
}
.pg-attractions .pinPhoto {
padding-bottom: 50%;
}
.pg-attractions .pinPhoto img {
position: absolute;
height: auto;
width: 100%;
display: block;
margin-top: -1em;
}
.pg-attractions .content-card {
padding: 1em 1em 0 1em;
position: relative;
display: inline-block;
box-sizing: border-box;
width: 100%;
text-align: left;
}
.pg-attractions .content-card .title-section {
margin-bottom: 1em;
border-bottom: solid 1px #dddddd;
padding-bottom: .5em;
}
.pg-attractions .content-card .pinAddress, .pg-attractions .content-card .pinDistance, .pg-attractions .content-card .pinWebsite {
width: 100%;
display: inherit;
}
.pg-attractions .content-card .pinDistance, .pg-attractions .content-card .pinWebsite {
margin-bottom: 1em;
}
.badge img {
width: auto;
max-height: 100%;
max-width: 100%;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
ul .badge-list{text-align: center;}
.badge .badge-image {
max-width: none;
width: 100%;
height: 100px;
position: relative;
}
.badge a {
padding-bottom: 0;
}
.badges{padding-top:30px;}
.badge {
display: inline-block;
width: 100%;
background: #fff!important;
}
.badge .badge-title {
margin-bottom: 0.5em;
margin-top: 0.5em;
margin: 10px 0px;
color:#467879;
}
.innergallery{margin-bottom: 30px;}
.gtitle{display: none!important}
.menu-menu-1-container {
float: right;
margin-right: 8px;
}
.ht{min-height: 120px;}
.white p{
color: white;
padding: 18px 0px 0px 0px;
}
.attraction-outer {
display: flex;
flex-flow: row wrap;
}
.attractions-Block {
width: calc(33.33% - 20px);
margin: 0 10px 30px;
border: 1px solid #ccc;
text-align: center;
padding: 5px;
box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0);
transition: all 0.3s ease;
}
.attractions-Block .attraction-title {
margin: 0;
font-size: 16px;
padding: 10px 0;
}
.navbar
{
position: relative;
}
.navbar-default
{
border: none;
background: transparent;
}
.top-header 
{
padding: 10px 0px;
background-color: #0a1b48;
}
.contact-header 
{
margin-top: 6px;
float: left;
display: inline-flex;
}
.contact-header i 
{
font-size: 16px;
margin-right: 2px;
}
.contact-header a,
.contact-header a:focus 
{
text-decoration: none;
margin-right: 30px;
color: #CACACA;
}
.top-header .socialicon-header 
{
float: right;
margin-top: 1px;
}
.social-media i 
{
color: #dddddd;
padding: 6px;
font-size: 18px;
} .social-media i:hover 
{
color: white;
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e:before, .ui-widget-header .ui-icon.ui-icon-circle-triangle-e:after {
background: #fff!important;
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w:before, .ui-widget-header .ui-icon.ui-icon-circle-triangle-w:after {
background: #fff!important;
}
.menu 
{
background: none;
width: 100%;
padding: 0px;
margin-bottom: 0;
border: none;
}
.headerlogo a
{
float: left;
display: inline-block;
}
.header_bottom h1 
{
padding: 8px 0px;
float: left;
font-family: 'Open Sans', sans-serif;
color: #0a1b48;
}
.nav-menu
{
margin: 0px 0px 0px 0px;
}
ul#primary-menu
{
float: right;
margin-right: 16px;
}
.menu .menuitem li a
{
font-size: 16px;
color: #555555;
border-bottom: 6px solid transparent;
padding: 33px 16px;
}
.menu .menuitem > .active > a {
border-bottom-color: #0a1b48;
color: #000;
background: none ;
}
.menu .menuitem > .active > a:hover{
background: none ;
}
.btn-menu{
position: absolute;
top: 28px;
right: 0;
z-index: 1000;
background: #0a1b48;
border: none;
border-radius: 0px;
color: #fff;
padding: 10px 15px;
font-weight: bold;
border: 2px solid #0a1b48;
}
.btn-menu:hover{
background-color: white;
color: #0a1b48;
border: 2px solid #0a1b48;
text-decoration: none;
}
.carousel-inner{
position: relative;
}
.item .image_carasoul 
{
width: 100%;
display: inline-block;
}
.carousel-inner .item a
{
text-decoration: none;
}
.carousel-inner .item h2 
{
font-size: 24px;
color: #fff;
float: left;
background: rgba(88, 148, 66, 0.78);
padding: 10px 20px;
margin: 0;
text-align: left;
display: block;
line-height: 1.8;
}
.phshow {
box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
background-color: #fff;
border-color: #e7e7e7;
transform: translate3d(0px, 0px, 0px);
opacity: 1;
z-index: 999;
border-radius: 0px;
position: fixed;
top: -30px;
left: 0;
width: 100%;
}
.phshow img {
width: 200px;
}
.top-media ul a{color:#fff!important;}
.phshow .nav-menu li a {
padding: 31px 7px;
}
.looker_booker p:nth-child(1){
font-weight: bold!important;
font-size: 20px!important;
color: #000!important;
}
.looker_booker p:nth-child(2){
font-weight: bold!important;
font-size: 15px!important;
color: #444343!important;
}
.looker_booker .read-btn{
padding: 10px 18px!important;
width: auto!important;
text-align: center!important;
display: inline-block!important;
}
.looker_booker .read-btn:hover{
background: #b32f02!important;
}
#_exitwidgetcontainer .popup-inner {
top: 20%!important;
}
h4.fcap {
margin: 0;
}
a.prev a.next 
{
position: absolute;
top: 30%;
left: 0.5em;
}
a.prev 
{
color: #fff;
width: 5em;
height: 5em;
margin-top: -9.5em;
float: left;
opacity: 0.8;
font-size: 25px;
margin-left: 10px;
}
a.next{
color: #fff;
margin-top: -9.5em;
float: right;
opacity: 0.8;
font-size: 25px;
margin-right: 10px;
}
.msg 
{	padding: 15px 0px;
background-color: rgba(130, 104, 39, 0.47);
}
.msg .mid {
vertical-align: middle;
}
.msg h4 {
text-transform: uppercase;
margin-top: 4px;
margin-bottom: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
}
.nemus-slider .caption h4 {
text-transform: uppercase;
font-size: 22px !important;
font-family: 'Open Sans', sans-serif !important;
}
.msg h1 {
font-size: 50px;
text-transform: uppercase;
color: #fff;
display: inline-block;
padding: 0px 0px;
margin-bottom: 0px;
margin-top: 0px;
}
.desc {
color: #fff;
padding: 10px 82px;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
color: #D0D3D4;
line-height: 2em;
margin: 0 auto;
}
.booknow{
background-color: #0a1b48;
padding: 15px 0px;
}
.t-box-1 .form-control{
height: 45px;
width: 170px;
border-radius: 0px;
margin: 0px 0px 10px 0px;
}
.btn-b{
transition: all ease .5s;
background: transparent;
color: #fff;
border-radius: 0;
padding: 12px 24px;
margin-top: 35px;
text-decoration: none;
border:1px solid #ffffff;
}
.btn-b:hover{
background: white;
color: #0a1b48;
border: 1px solid #0a1b48;
text-decoration: none;
}
.arrive{
color: #ffffff;
padding: 0px 0px 10px 0px;
font-size: 18px;
}
.depart{
color: #ffffff;
padding: 0px 0px 10px 0px;
font-size: 18px;
}
.fa-c{
position: absolute;
right: 20px;
top: 64px;
}
.t-box-1 i{
font-size: 20px;
position: absolute;
right: 20px;
top: 47px;
}
.btn-2{
padding: 6px 21px;
line-height: 26px;
background:  #b32f02;
font-size: 15px;
color: #ffffff;
border: 2px solid transparent;
text-decoration: none;
display: inline-block;
margin-left: 3px;
}
.btn-2:hover{
background: transparent;
color: #467879;
border: 2px solid #467879;
text-decoration: none;
transition: 0.5s;
}
.about{
padding: 50px 0px 57px 0px;
}
.about-img img{
margin-top: 27px;
width: 100%;
}
.title-1 h1{
margin-top: 0px;
margin-bottom: 30px;
font-size: 34px;
font-weight: 600;
line-height: normal;
}
.title-1 h1:empty {
display: none;
}
.title-1 hr{
position: absolute;
height: 4px;
background-color: #0a1b48;
width: 10%;
left: 45%;
margin-top: 0px;
}
.about-text{
line-height: 31px;
margin-top: 0px;
font-size: 16px;
}
.rate-block .inner-box .image-box img {
min-height: 350px;
max-height: 350px;
width: 100%;
}
.bg-room{
background-color: #f2f3f5;
padding: 50px 0px;
}
.title-2 h2{
margin-top: 0px;
margin-bottom: 45px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 38px;
}
.title-2 hr{
height: 4px;
background-color: #0a1b48;
width: 8%;
margin-top: 0px;
margin-bottom: 40px;
}
.btn-read{
padding: 7px 11px;
line-height: 26px;
background: #ffffff;
font-size: 15px;
color: #467879;
border: 2px solid #467879;
text-decoration: none;
margin: 0px 10px;
}
.btn-read:hover{
background: #467879;
color: #ffffff;
border: 2px solid #467879;
text-decoration: none;
transition: 0.5s;
}
.btn-book{
padding: 7px 11px;
line-height: 26px;
background:  #b32f02;
font-size: 15px;
color: #ffffff;
border: 2px solid transparent;
text-decoration: none;
margin: 0px 10px;
}
.btn-book:hover{
background:#467879;
color:  #fff;
border: 2px solid  #467879;
text-decoration: none;
transition: 0.5s;
}
.box-1{
background-color: #ffffff;
padding: 155px 0px;
width: 100%;
margin-left: 0px;
display: inline-block;
}
.box-1 h2{
padding: 0 20px;
line-height: normal;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 600;
text-transform: capitalize;
font-style: italic;
font-size: 28px;
}
.box-1 h4{
padding:18px 0px 18px 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.box-1 p{
padding:20px 60px 15px 60px;
color: #8d8d8d;
font-size: 16px;
text-align: center;
margin: 0px;
}
.box-2{
background-color: #ffffff;
padding: 54px 0px;
width: 100%;
margin-left: 0px;
}
.box-2 h2{
padding: 0px 0px 0px 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.box-2 h4{
padding:18px 0px 18px 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.box-2 p{
padding:0px 60px 0px 60px;
color: #8d8d8d;
font-size: 16px;
text-align: center;
}
.btn-room{
padding:15px 0px 0px 0px;
overflow: hidden;
}
.btn-room-2{
padding:0px 0px 0px 0px;
overflow: hidden;
}
.btn-explore-room{
padding: 9px 15px;
line-height: 26px;
background: #b32f02;
font-size: 15px;
color: #ffffff;
border: 2px solid transparent;
text-decoration: none;
}
.btn-explore-room:hover{
background: transparent;
text-decoration: none;
transition: 0.5s;
}
.btn-ex-room{
margin-top: 3%;
overflow: hidden;
}
.room-1{
margin-right: 0px;
}
.room-1 img{
width: 100%;
}
.room1 h3 {
margin-top: 0;
margin-bottom: 10px;
text-transform: capitalize;
}
.aboutus-img + h3 {
margin: 30px 0 10px;
}
.room1 h3 strong {
font-size: 30px;
}
.innergallery {
margin-bottom: 5px;
}
.room-2{
margin-left: 0px;
}
.room-2 img{
width: 100%;
}
.title-3 h2{
margin-top: 0px;
color: white;
font-weight: 600;
font-size: 38px;
}
.title-3 hr{
position: absolute;
height: 4px;
background-color: #ffffff;
width: 10%;
left: 44%;
margin-top: 0px;
margin-bottom: 10px;
color: #ffffff;
}
.service-box-1{
width: 202px;
height: 202px;
position: relative;
}
.service-box-1:after{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-color:#467879;
}
.service-box-1:hover:after{
background-color: #81bd2e;
}
.service-detail-1{
position: absolute;ff4400
color: #ffffff;
top: 65px;
right: 83px;
z-index: 1;
}
.service-detail-1 i{
font-size: 30px;
}
.service-box-2{
width: 202px;
height: 202px;
position: relative;
}
.srv-box h4{
font-size: 16px;
color: #fff;
}
.service-box-2:after{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-color:#8e0021;
}
.service-box-2:hover:after{
background-color:#b33304;
}
.service-detail-2{
position: absolute;
color: #ffffff;
top: 69px;
right: 61px;
z-index: 1;
}
.service-detail-2 i{
font-size: 30px;
}
.service-box-3{
width: 202px;
height: 202px;
position: relative;
}
.service-box-3:after{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-color:#8e0021;
}
.service-box-3:hover:after{
background-color:#b33304;
}
.service-detail-3{
position: absolute;
color: #ffffff;
top: 65px;
right: 66px;
z-index: 1;
}
.service-detail-3 i{
font-size: 30px;
}
.service-box-4{
width: 202px;
height: 202px;
position: relative;
}
.service-box-4:after{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-color:#8e0021;
}
.service-box-4:hover:after{
background-color:#b33304;
}
.service-detail-4{
position: absolute;
color: #ffffff;
top: 68px;
right: 39px;
z-index: 1;
}
.nemus-slider .caption.cc {
left: 50%;
top: 50%;
margin-left: -30% !important;
}
.service-detail-4 i{
font-size: 30px;
}
.btn-explore{
padding: 9px 15px;
line-height: 26px;
background: transparent;
font-size: 15px;
color: #ffffff;
border: 2px solid #ffffff;
text-decoration: none;
}
.btn-explore:hover{
background: #ffffff;
color: #467879;
border: 2px solid #467879;
text-decoration: none;
transition: 0.5s;
}
.btn-ex{
margin-top: 5%;
position: relative;
overflow: hidden;
}
.title-3 {
position: relative;
}
.title-4 h2{
margin-bottom: 45px;
margin-top: 0px;
font-weight: 600;
font-size: 38px;
}
.owl-theme .owl-controls .owl-buttons div {
color: #FFF;
display: inline-block;
zoom: 1;
margin: 5px;
padding: 7px 14px;
font-size: 12px;
border-radius: 0px;
background: #333;
}
.title-4 hr{
position: absolute;
height: 4px;
background-color: #0a1b48;
width: 6%;
left: 47%;
margin-top: 0px;
margin-bottom: 10px;
color: #0a1b48;
}
.gallery {
padding: 50px 0px 50px 0px;
}
.entry-title{
font-size: 40px;
font-weight: 600;
color: #333;
margin: 20px 0;
display: block;
}
.owl-carousel .item img{
width: 100%;
min-height: 220px;
}
.gal-container {
margin-bottom: 0;
padding-top: 0;
display: inline-block;
width: 100%;
}
.gallery-img {
margin-top: 50px;
right: 0;
left: 0;
overflow: hidden;
}
.innergallery .imgbox img {
min-height: 230px;
object-fit: cover;
}
.g-img{
overflow: hidden;
}
.g-img img{
transition: 2s;
margin-right: 10px;
width: 100%;
overflow: hidden;
}
.g-img img:hover{
transform: scale(1.1);
}
.g-img:nth-child(2) {
margin-bottom: 0px;
margin-left: -80px;
}
.g-img:nth-child(1) {
margin-bottom: -3px;
margin-left: -31px;
margin-left: -31px;
}
.g-img:nth-child(3) {
margin-bottom: 0px;
margin-left: -80px;
}
.btn-more{
float: none;
padding: 9px 25px;
line-height: 26px;
background:  #b32f02;
font-size: 15px;
color: #ffffff;
border: 2px solid transparent;
text-decoration: none;
}
.btn-more:hover{
background: transparent!important;
color: #467879;
border: 2px solid #467879;
text-decoration: none;
transition: 0.5s;
}
.btn-m{
margin-top: 4%;
}
.title-book {
color: #fff;
padding: 0px;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
color: #D0D3D4;
line-height: 2em;
margin: 0 auto; }
.btn-view{
padding: 9px 25px;
line-height: 26px;
background: transparent;
font-size: 15px;
color: #ffffff;
border: 2px solid #ffffff;
text-decoration: none;
}
.btn-view:hover{
background: #ffffff;
color: #523c37;
border: 2px solid #523c37;
text-decoration: none;
transition: 0.5s;
}
.btn-v {
text-align: right;
}
.f-left {
float: left;
color: #ffffff;
}
.f-left p{
float: right;
color: #ffffff;
padding: 15px 0px 0px 0px;
}
.f-right p{
float: right;
color: #ffffff;
padding: 15px 0px 0px 0px;
}
.f-right p a{
color: #ffffff;
margin-left: 5px;
transition: 0.5s;
}
.f-right p a:hover {
color: #f35e2f;
}
.footer{
background-color: #0a1b48;
}
.icon .fa-facebook{
padding: 10px;
border-radius: 50%;
background-color: red;
margin: 10px;
}
.icon .fa-twitter{
padding: 10px;
border-radius: 50%;
background-color: red;
margin: 10px;
}
.icon .fa-google-plus{
padding: 10px;
border-radius: 50%;
background-color: red;
margin: 10px;
}
.icon .fa-linkedin{
padding: 10px;
border-radius: 50%;
background-color: red;
margin: 10px;
}
.icon .fa-pinterest-p{
padding: 10px;
border-radius: 50%;
background-color: red;
margin: 10px;
}
.ftr {
padding: 36px 0px 29px;
text-align: center;
background: #f2f3f5;
}
ul.ftrsocicon { padding: 0px;
text-align: center;
display: inline-block;
}
ul.ftrsocicon li {
float: left;
list-style: none;
}
.ftr a {
color: red;
}
.ftr .fb {
background: #3b5998;
}
ul.ftrsocicon li i {
margin-right: 15px;
font-size: 22px;
border-radius: 50%;
text-align: center;
height: 50px;
width: 50px;
padding-top: 10px;
line-height: 32px;
}
.ftr .twitter {
background: #007bb5;
}
.ftr .linkdin {
background: #00aced;
}
.ftr .gplus {
background: #dd4b39;
}
.ftr .pint {
background: #cb2027;
}
.menuitem-1
{
float: none;
display: table;
}
.menuitem-1 li a
{
font-size: 15px;
color: #0a1b48;
border-bottom: 6px solid transparent;
padding-bottom: 0px;
}
.menuitem-1 > .active > a 
{
padding-right: 14px;
border-bottom-color: #394243;
color: #000;
background: transparent !important;
}
.menuitem-1 li a:hover,
.menuitem-1 li a:focus 
{
outline: 0;
background: transparent;
color: #000;
}
.menuitem-1 .clicker a:hover
{
display: block;
} .poi ul{
list-style-type: square;
display: inline-block;
line-height: 30px;
}
.poi ul li{
width: 50%;
float: left;
text-align: left;
padding: 0px 10px;
} .text-container {
background-color: rgba(255, 255, 255, 0.19);
padding-top: 30px;
padding-bottom: 30px;
margin-top: 50px;
margin-bottom: 50px;
text-align: center;
color: #fff;
}
.text-container h3{
margin-top: 0px;
}
.text-container p{
margin-top: 0px;
color: #fff;
line-height: 24px;
}
.abo-detail-1 h1{
position: relative;
font-size: 40px;
color: #153653; line-height: 1.2em;
padding: 0px 0px;
}
.abo-detail-2{
padding: 10px 0px;
margin-top: 0px;
}
.abo-detail-2 h4{
position: relative;
color: #b32f02;
font-size: 28px;
font-weight: 500;
margin-bottom: 27px;
margin-top: 34px;
}
.abo-detail-2 p{
position: relative;
font-size: 16px; line-height: 1.8em;
margin-top: 12px;
}
.abo-detail-2 ul{
line-height: 35px;
font-size: 16px;
list-style-type:square;
}
.about-title h1{
margin-top: 0px;
margin-bottom: 0px;
color: #ffffff;
}
.ab-img img{
width: 100%;
overflow: hidden;
margin-top: 30px;
}
.abo-desc{
line-height: 34px;
margin-top: 0px;
}
.abo-box{
padding: 50px 50px;
margin-bottom: 50px;
box-shadow: 0 0px 10px 0 rgba(0,0,0,0.2);
}
.abo-section .carousel-control {
position: absolute;
top: 55%;
border-radius: 50%;
background-color: transparent;
color: #fff;
display: inline-block;
margin-top: -25px;
height: 50px;
line-height: 40px;
width: 50px;
line-height: 50px;
text-align: center;
z-index: 5;
}
.about-img-box {
position: relative;
} .roompage{
background-color: rgb(242, 243, 245);
padding: 50px 0px;
background-image: url(//southpadreislandlodge.com/wp-content/themes/southpadreislandlodge/img/bg-2.jpg);
}
.room-title h1{
margin-top: 0px;
margin-bottom: 0px;
color: #ffffff;
}
.rate-section {
position: relative;
padding: 70px 0px 50px 0px;
font-family: 'Open Sans', sans-serif;
}
.auto-container {
position: static;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
}
.rate-block .inner-box {
position: relative;
}
.rate-block .inner-box .image-box {
position: relative;
}
.image-box a img{
width: 100%;
}
.rate-block .inner-box .lower-content {
position: relative;
border: 1px solid #f2f2f2;
background-color:#f2f2f2;
text-align: left;
}
.rate-block .inner-box .lower-content .upper-box {
position: relative;
padding: 25px 20px 35px;
}
.rate-block .inner-box .lower-content .upper-box .text { display: none;
}
.title-box h3 a{
color:  #333;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
}
.list-style-one {
position: relative;
margin-bottom: 40px;
margin-left: -18px;
list-style-type: disc;
}
.list-style-one li {
position: relative;
padding-left: 15px;
color: #42474c;
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
}
.rate-block .inner-box .lower-content .lower-box {
position: relative;
padding: 15px 35px ;
border-top: 1px solid #eeeeee;
}
.rate-block .inner-box .lower-content .lower-box a:hover {
text-decoration: none;
outline: none;
}
.rate-block .inner-box .lower-content .lower-box .price-day {
position: relative;
font-size: 15px;
color: #828c95;
}
.rate-block .upper-box .book-now {
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
margin-top: 10px;
background: #467879;
border: none;
border-radius: 0px;
color: #fff;
padding: 10px 15px;
border:2px solid #467879;
}
.rate-block .upper-box .book-now:hover {
text-decoration: none;
outline: none;
background-color: transparent;
border: 2px solid #467879;
color: #467879;
transition: 0.5s;
}
.rate-block .inner-box .lower-content .upper-box h3 {
font-family: 'Open Sans', sans-serif;
margin-top: 0px;
margin-bottom: 0px;
font-size: 21px;
text-transform: uppercase;
min-height: 30px;
line-height: normal;
font-weight: 600;
}
.roommainouter .row.clearfix {
display: flex;
flex-flow: wrap;
}
.rate-block .inner-box .lower-content .upper-box h3 a {
position: relative;
color: #b32f02;
font-size: 30px;
font-weight: 700;
display: inline-block;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.rate-block .inner-box .lower-content .upper-box h6 {
margin: 7px 0;
}
.rate-block .inner-box .lower-content .lower-box .price-day span {
position: relative;
top: 2px;
color: #263e5b;
font-size: 36px;
font-weight: 700;
}
.rate-block{
margin-bottom: 35px;
display: inline-block;
}
.aboutus-img img {
max-height: 450px;
width: 100%;
object-fit: cover;
} .rate-block:nth-child(25) {
margin-bottom: 0;
}  .d-room .col-md-6.col-md-6:nth-child(3) {
margin-top: 15px;
}
.d-room .col-md-6.col-md-6:nth-child(4) {
margin-top: 15px;
}
.gallery.gaps {
margin-bottom: -30px;
}
.gallery-overlay {
left: 0;
opacity: 0;
padding: 30px 0;
z-index: 1;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.gallery {
border: 0 none; overflow: hidden;
position: relative;
width: 100%;
} .attraction-outer {
margin: 5px auto 0;
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-top: 20px;
}
.attraction-outer h3{
margin-top: 0px;
margin-bottom: 26px;
font-size: 25px;
}
.attraction-outer p{
font-size: 14px!important;
margin-bottom: 35px!important;
}
.dine h3{
margin-top: 0px;
margin-bottom: 26px;
font-size: 25px;
text-align: center;
}
.dine p{
font-size: 14px!important;
margin-bottom: 35px!important;
text-align: center;
}
.dine1 h3{
margin-top:30px;
margin-bottom: 60px;
font-size: 25px;
text-align: center;
}
.listing-outer {
margin: 0 auto;
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.listing-block {
width: calc(33% - 30px);
margin: 0 15px 30px;
padding: 10px;
border: 1px solid #a7c1c7;
display: flex;
background: #b32f0214;
flex-flow: row wrap;
align-items: center;
transition: all 0.3s ease;
}
.listing-block .listing-img {
width: 150px;
margin: 0 15px 0 0;
}
.listing-block .listing-img img { max-width: 100%;
display: block;
text-align: center;
margin: 0 auto;
}
.listing-block .listing-content {
width: calc(100% - 165px);
}
.listing-block h2 {
margin: 0 0 10px;
font-size: 18px;
font-weight: 600;
}
.attraction-block {
width: calc(33% - 30px);
margin: 0 15px 30px;
padding: 5px;
text-align: center;
border: 1px solid #ccc;
}
.attraction-block .attraction-img {
margin: 0;
}
.attraction-block .attraction-img img {
width: 100%;
max-width: 100%;
display: block;
}
.attraction-block h3 {
margin: 10px 0;
font-size: 18px;
font-weight: 600;
}
.attraction-block p {
font-size: 14px!important;
} .gallerypage{
background-color: rgb(242, 243, 245);
padding: 50px 0px;
background-image: url(//southpadreislandlodge.com/wp-content/themes/southpadreislandlodge/img/bg-2.jpg);
}
.gallery-title h1{
margin-bottom: 0px;
margin-top: 0px;
color: #ffffff;
}
h4.gtitle{margin: 0 0 20px 0!important;
text-align: center;}
figure{
display: inline-block;
}
.gallery-image{
padding: 50px 0px;
}
.s-room h1{
margin-top: 0px;
margin-bottom: 20px;
}
.g-img-1{
}
.g-img-2{
}
.s-room{
width: 100%;
text-align: center;
}
.s-room a {
display: inline-block;
}
.s-room a img {
margin: 10px;
border: 9px solid rgba(26, 56, 90, 0.26);
}
.d-room{
width: 100%;
text-align: center;
}
.d-room a {
display: inline-block;
}
.d-room h1{
margin-top: 0px;
margin-bottom: 20px;
}
.d-room a img{
margin: 10px;
}
.sw-room{
width: 100%;
text-align: center;
}
.sw-room a {
display: inline-block;
}
.sw-room h1{
margin-top: 0px;
margin-bottom: 20px;
}
.sw-room a img{
margin: 10px;
}
.res-room{
width: 100%;
text-align: center;
}
.res-room a {
display: inline-block;
}
.res-room h1{
margin-top: 0px;
margin-bottom: 20px;
}
.res-room a img{
margin: 10px;
}
.policies {
padding: 50px 0px 50px 0px;
font-family: 'Open Sans', sans-serif;
} .contactpage{
background-color: rgb(242, 243, 245);
padding: 50px 0px 40px 0px;
background-image: url(//southpadreislandlodge.com/wp-content/themes/southpadreislandlodge/img/bg-2.jpg);
}
.contact-title h1{
margin-bottom: 0px;
margin-top: 0px;
color: #ffffff;
}
.send-title h3{
line-height: normal;
color: #333333;
margin-top: 0px;
font-family: 'Open Sans', sans-serif;
}
.contact-left h3{
line-height: normal;
color: #333333;
margin-top: 0px;
font-family: 'Open Sans', sans-serif;
}
.contact{
padding: 20px 10px;
} .btn3{
background-color:#0E1B3D ;
padding:2px;
color: white;
}
.btn3:hover{
background-color:blue;
padding:2px;
color: white;
}
.pera-10{
color: white;
}
.pera-10 h1{
padding-top: 30px;
}
.pera-10 hr{
margin-left: 550px;
margin-right: 550px;
}
.btn4 {
background-color: #b32f02;
border:2px solid  #b32f02;
color: white;
padding: 10px 25px;
text-align: center;
font-size: 16px;
border-radius: 0px;
margin-left: 15px;
margin-top: 8px;
text-transform: uppercase;
}
.btn4:hover{
background-color: #ffffff;
color:  #b32f02;
border:2px solid  #b32f02;
}
.form-control { width: 100%;
border-radius: 0px;
margin: 0px 0px 27px 0px;
}
li.parsley-required {
margin: -27px 0 27px -40px!important;
}
.contact-icon ul li:nth-child(2) {
margin-bottom: 35px;
}
.contact-icon ul li:nth-child(1) {
margin-bottom: 35px;
}
.contact-icon ul {
position: relative;
margin-top: 0px;
}
.contact-icon ul li {
position: relative;
font-size: 16px;
padding-left: 20px;
margin-bottom: 20px;
font-weight: 700;
list-style: none;
}
.contact-icon{
margin-left: -10px;
}
.contact-icon ul{
margin-top: 20px;
}
.contact-icon ul li span.fa{
position: absolute;
left: -27px;
top: 0px;
color: black;
font-size: 30px;
line-height: 1em;
}
.contact-icon ul li span {
position: relative;
font-size: 15px;
font-weight: 400;
color: black;
}
.contact-left h3{
margin-top: 0px;
}
.contact-icon ul li span a {
color: black;
font-size: 15px;
font-weight: 400;
}
.contact-icon ul li span a:hover {
text-decoration: none;
}
.contact-form{
padding: 50px 0 0 0;
} 
iframe {
height: 350px;
} .thankyu{
padding: 70px 0px;
}
.location{
padding: 70px 0px;
} .facilitiespage{
background-color: rgb(242, 243, 245);
padding: 50px 0px;
background-image: url(//southpadreislandlodge.com/wp-content/themes/southpadreislandlodge/img/bg-2.jpg);
}
.fac-title h1{
margin-left: 14px;
margin-bottom: 0px;
margin-top: 0px;
color: #ffffff;
}
.facilities-1 .fac-block:nth-child(1), .facilities-1 .fac-block:nth-child(2), .facilities-1 .fac-block:nth-child(3), 
.facilities-1 .fac-block:nth-child(4), .facilities-1 .fac-block:nth-child(5), .facilities-1 .fac-block:nth-child(6),
.facilities-1 .fac-block:nth-child(7), .facilities-1 .fac-block:nth-child(8), .facilities-1 .fac-block:nth-child(9),
.facilities-1 .fac-block:nth-child(10), .facilities-1 .fac-block:nth-child(11), .facilities-1 .fac-block:nth-child(12),
.facilities-1 .fac-block:nth-child(13), .facilities-1 .fac-block:nth-child(14), .facilities-1 .fac-block:nth-child(15),
.facilities-1 .fac-block:nth-child(16), .facilities-1 .fac-block:nth-child(17), .facilities-1 .fac-block:nth-child(18),
.facilities-1 .fac-block:nth-child(19), .facilities-1 .fac-block:nth-child(20), .facilities-1 .fac-block:nth-child(21)
{
margin-bottom: 15px;
}
.facilities-1 .fac-block {
box-shadow: 0 0px 8px 0 rgba(0,0,0,0.2);
padding-bottom: 1px;
height: 100%;
width: 30%;
display: inline-block;
margin: 0 15px 0px;
vertical-align: top;
position: relative;
padding: 30px 0px;
background: #467879;
transition: 0.5s all ease 0s !important;
}
.facilities-1 .fac-block:hover {
background: #467879;
transition: 0.9s;
}
.fac-block h4{
padding: 15px;
margin-bottom: 0px;
margin-top: 0px;
font-size: 20px;
color: #131212;
text-transform: capitalize;
min-height: 74px;
}
.fac-bg img {
z-index: 100;
margin: 0;
position: relative;
padding: 5px;
border: none;
}
.fac-bg h3 {
top: -20px;
font-size: 28px;
position: absolute;
z-index: 999;
font-weight: bolder;
color: #fff;
padding: 20px;
}
.fac-bg:before {
bottom: 400px;
left: -34px;
border-radius: 100%;
height: 230%;
transition: all ease 1s;
}
.fac-block p {
padding: 0 17px;
line-height: 24px;
margin-bottom: 0px;
font-size: 16px;
}
.fac-bg p {
margin: 0;
}
.site-content p, .splofrpage {
font-size: 14px;
color: black;
line-height: 30px;
margin-bottom: 0;
}
ul.fac-ul {
padding: 0;
display: inline-block;
margin: 10px 0 30px;
}
.fac-ul li{
line-height: 40px;
display: inline-block;
width: 50%;
float: left;
text-align: initial;
}
ul.fac-ul li img {
filter: invert(1);
width: 24px;
}
.page-id-11 ul.fac-ul
{
margin-top: 20px;
margin-bottom: 10px;
}
.page-id-11 ul.fac-ul li img {
position: absolute;
left: 0px;
top: 0;
}
.page-id-11 ul.fac-ul li {
position: relative;
padding-left: 35px;
line-height: normal;
margin-bottom: 20px;
text-align: left;
} .entry-header{
background-color:rgba(30, 37, 53, 0.11);
padding: 5px 0px;
font-family: 'Open Sans', sans-serif; text-align: center;
color:#467879;
}
.roompage{
background-color: rgb(242, 243, 245);
padding: 50px 0px;
background-image: url(//southpadreislandlodge.com/wp-content/themes/southpadreislandlodge/images/bg-2.jpg);
}
.service{
background-repeat: no-repeat;
width: 100%;
padding: 70px 0px;
background-size: cover;
background-position: center;
background-attachment: fixed;
position: relative;
}
section.service:before {
position: absolute;
content: '';
left: 0;
top: 0;
background-color: #000;
opacity: 0.9;
height: 100%;
width: 100%;
}
.bg-img{
position: relative;
padding: 40px 0;
}
.bg-img .row {
display: flex;
align-items: center;
flex-flow: wrap;
}
.bg-img:before {
position: absolute;
content: '';
left: 0;
top: 0;
background-color: #e63231;
height: 100%;
width: 100%;
}
.top {
background-color: #b32f02;
color: white;
height: 30px;
}
.facilities-1{ position: relative;
width: 100%;
display: inline-block;
background-color: transparent;
text-align: center;
}
.aboutpage{
margin:70px 0px 20px 0px;
font-family: 'Open Sans', sans-serif;
background-image: url(//southpadreislandlodge.com/wp-content/themes/southpadreislandlodge/img/bg-2.jpg);
width: 100%;
}
.abo-section{
background-color: #ffffff;
margin:70px 0px 33px 0px;
}
.site-title.logo {
font-size: 34px;
font-family: 'Open Sans', sans-serif;
}
.top-media{
padding: 4px 0 0 0;
width: 100%;
display: flex;
justify-content: flex-end;
}
.top-media a:focus {
border: 0;
outline: 0;
color: #000;
}
.top-media img{
background: #fff;
padding: 2px;
border-radius: 4px;
margin-top: -2px;
} .top-media ul{
margin-bottom: 0;
padding: 0;
}
.header-content{
float: left;
padding: 4px 0px 4px 0px;
}
.hm-gallery{
display: none;
}
.nemus-slider {
margin: 0px !important;
position: relative;
zoom: 1;
}
.title-book span{
font-size: 23px;
color: #fff;
margin-bottom: 5px;
margin: 5px 0;
font-weight: 600;
line-height: normal;
}
.title-book p{
text-transform: uppercase;
color: #ffffff;
} .footer-bottom {
background-color:#467879;
padding: 10px 0px;
}
}
.smb{
margin: 14px 0px 0px 0px;
}
.smb li {
color: #848684;
font-size: 14px;
display: inline-block;
}
.smb li a{
padding: 10px;
color: #ffffff;
transition: 0.5s all ease 0s;
}
.smb li a:hover {
color: #f35e2f;
}
.room1 .facilities-1 .fac-block {
margin-bottom: 40px;
}
.room1 h4 {
margin: 0 0 0;
font-weight: 600;
font-size: 18px;
text-transform: capitalize;
}
.attractions {
display: flex;
align-items: center;
justify-content: space-between;
flex-flow: wrap;
}
.attractions p {
width: 100%;
text-align: center;
font-size: 18px;
margin-bottom: 30px;
}
.attractions  .box {width: calc(100% / 3 - 20px);}
.attractions .box .info a,.attractions .box .info a strong {
font-size: 18px;
color: #000;
margin-top: 5px;
display: inline-block;
text-decoration: underline;
}
.attractions .box .info a:hover, .attractions .box .info a:hover strong {
color: #e63231;
}
.attractions .box .info {
text-align: center;
margin: 0 auto;
position: relative;
}
.attractions .box .info p {
font-size: 16px;
min-height: 60px;
}
.room1 p {
margin-bottom: 10px;
}
.dining {
display: flex;
flex-direction: column;
border: 3px solid #333;
padding: 40px;
width: 40%;
margin: 50px auto 20px;
box-sizing: border-box;
}
.dining h3 {
margin: 0 0 15px;
font-size: 30px;
text-align: center;
}
.dining a {
color: #333;
margin-bottom: 10px;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.5s;
}
.dining a:hover {
color: #e63231;
}
span.custom-title {
margin-top: 0px;
color: white;
font-weight: 600;
font-size: 38px;
margin-bottom: 40px;
display: block;
}
span.custom-heading {font-family: 'Open Sans', sans-serif;text-align: center;width: 100%;margin: 40px 0;display: block;font-size: 32px;font-weight: 600;color: #333;} @media(max-width: 1300px){
.msg{
margin: 114px 0px;
}
a.prev {
margin-top: -9.0em;
}
a.next {
margin-top: -9.0em;
}
}
@media(max-width: 1199px){ .site-content p, .splofrpage{font-size: 13px;}
.attraction-block {
width: calc(50% - 30px);
}
.title-book span {
font-size: 19px;
margin: 10px 0;
}
.menu .menuitem li a {
padding: 37px 11px;
font-size: 14px;
}
.btn-menu {
top: 31px;
}
.msg h1 {
font-size: 40px;
}
.t-box-1 .form-control {
width: 100%;
}
.box-1 {
padding: 120px 0px;
}
.box-1 h2 {
font-size: 26px;
}
.title-1 h1 {
font-size: 30px;
}
.ht {
min-height: auto;
}
.box-2 {
padding: 24px 0px;
}
.box-1 p {
padding: 15px 20px 0px 20px;
}
.box-2 p {
padding: 15px 20px 0px 20px;
} .room-1 img {
}
.room-2 img {
}
.service-detail-1 {
right: 63px;
top: 48px;
}
.service-detail-1 h4 {
margin: 20px 30px;
font-size: 14px;
}
.service-detail-2 {
right: 45px;
top:48px;
}
.service-detail-2 h4 {
margin: 20px 45px;
font-size: 14px;
}
.service-detail-3 {
right: 47px;
top: 48px;
}
.service-detail-3 h4 {
margin: 0px;
font-size: 14px;
}
.service-detail-4 h4 {
margin: 20px 45px;
font-size: 14px;
}
.service-detail-4 {
right: 23px;
top: 48px;
}
.service-box-1{
width: 166px;
height: 166px;
margin-left: 24PX;
}
.service-box-2{
width: 166px;
height: 166px;
margin-left: 24PX;
}
.service-box-3{
width: 166px;
height: 166px;
margin-left: 24PX;
}
.service-box-4{
width: 166px;
height: 166px;
margin-left: 24PX;
}
.facilities-1 .fac-block {
width: 29%;
}
a.prev {
margin-top: -8.0em;
}
a.next {
margin-top: -8.0em;
}
.btn-ex-room {
margin-top: 3%;
}
.btn-m {
margin-top: 5%;
}
.t-box-1 i {
top: 47px;
right:27px;
}
.fac-block h4 {
font-size: 16px;
}
.site-title.logo img {
max-width: 150px;
}
}
@media(max-width: 1100px){
a.prev {
margin-top: -7.7em;
}
a.next {  
margin-top: -7.7em;
}
}
@media(max-width: 1050px){
a.prev {
margin-top: -7.3em;
}
a.next {
margin-top: -7.3em;
}
}
@media (max-width: 992px){
.nemus-slider .caption.cc {
left: 50%;
top: 50%;
margin-left: -35% !important;
}
#_exitwidgetcontainer .popup-inner {
width: 75%!important;
}
}
@media (max-width: 984px) and (min-width: 481px){
}
@media(max-width: 991px){
.top-media{display: block; font-size: 10px; line-height: 26px;}
.sh{display: block;}
.service-box-1 .service-detail-1 h4:first-child{margin-left: 5px!important;}
.listing-block {
width: calc(50% - 30px);
}
.dining {
width: auto;
}
ul.fac-ul {
margin-bottom: 200px;
display: inline-block;margin-bottom: 20px;
}
.rate-block .inner-box .lower-content .upper-box .text {
min-height: 80px;
}
.facilities-1 .fac-block:nth-child(14){
margin-bottom: 0;
}
.fac-ul li{
width: 100%;
}
.srv-box {
margin-top: 85px;
}
.phshow .site-title.logo img {
min-width: 25%!important;
}
.rate-block .inner-box .lower-content .upper-box h3 a {
font-size: 22px;
}
.loimg-block {
text-align: center;
}
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
margin-top: 33px;
margin-right: 0px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-collapse.collapse.in { 
display: block!important;
}
.srv-box .facilities-1 .fac-block {
margin-bottom: 30px;
}
.srv-box .facilities-1 .fac-block:last-of-type {
margin: 0;
}
div#bs-example-navbar-collapse-1 {
position:absolute;
z-index: 100000;
width: 50%;
right: 0;
margin-top: -7px;
}
.menu .navbar-nav>li {
float: none;
}
.menu .navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.f-left {
float: none; 
color: #ffffff;
text-align: center;
margin: 0 auto;
display: table;
}
.f-right p {
float: none;
color: #ffffff;
padding: 0px 0px 0px 0px; 
margin: 0 auto;
display: table;
}
.menuitem
{
width: 100%;
}
.menuitem-1 li {
display: inline-block;
}
.menu .menuitem > li > a 
{
border-bottom: none;
padding: 10px 10px;
width: 100%;
background-color: #0a1b48;
color: #ffffff;
}
.menu .menuitem > .active > a {
color: #0a1b48;
background-color: #ffffff;
}
.menu .menuitem li a:hover {
border-bottom: none;
background-color: white;
}
.btn-menu {
right: 65px;
top: 28px;
}
.header_bottom h1 
{
padding: 30px 0px;
margin-top: 0px;
margin-bottom: 0px;
}
a.prev {
margin-top: -6.8em;
}
a.next {
margin-top: -6.8em;
}
.booknow{
padding: 20px 0px 29px 0px;
}
.about{
padding: 45px 0px 45px 0px;
position: relative;
}
.service{
padding: 60px 0px 60px 0px;
}
.gallery{
padding: 45px 0px 45px 0px;
}
.btn-m {
margin-top: 45px;
}
.btn-ex-room {
margin-top: 3%;
}
.title-4 h1 {
margin-bottom: 30px;
}
.title-1 h1 {
text-align: center;
margin-bottom: 20px;
font-size: 34px;
}
.title-1{
position: inherit;
}
.about-text{
margin-top: 0px;
text-align: center;
margin-bottom: 68px;
}
.title-1 a{
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
text-align: center;
}
.btn-2{
margin-bottom: 45px;
}
.bg-room {
padding: 45px 0px;
}
.title-2 h1 {
margin-bottom: 30px;
}
.gallery-img .col-md-4.col-sm-12 img:nth-child(1){
height: 450px;
width: 100%;
}
.title-book span {
font-size: 15px;
margin-top: 13px;
}
.btn-b1 {
text-align: center;
}
.btn-b {
margin-top: 20px;
}
.service-box-1{
height: 127px;
width: 127px;
margin-left: 0px;
}
.roomrow:nth-child(1), .roomrow:nth-child(2), .roomrow:nth-child(3) {
margin-bottom: 30px!important;
}
.service-detail-1{
right: 0px;
left: 0px;
top: 30px;
}
.service-detail-1 h4{
margin-top: 9px;
margin-left: 20px;
margin-right: 21px;
font-size: 12px;
}
.service-detail-2 h4{
margin-top: 9px;
margin-left: 24px;
margin-right: 21px;
}
.service-detail-3 h4{
margin-top: 9px;
margin-left: 24px;
margin-right: 21px;
}
.service-detail-4 h4{
margin-top: 9px;
margin-left: 24px;
margin-right: 21px;
}
.service-box-2{
height: 127px;
width: 127px;
margin-left: 0px;
}
.service-detail-2{
right: 0px;
left: 5px;
top: 30px;
}
.service-box-3{
height: 127px;
width: 127px;
margin-left: 0px;
}
.service-detail-3{
right: -1px;
left: 0px;
top: 30px;
}
.service-box-4{
height: 127px;
width: 127px;
margin-left: 0px;
}
.service-detail-4{
right: 0px;
left: 2px;
top: 30px;
}
.box-1 p {
text-align: center;
}
.box-2 p {
text-align: center;
}
.box-1 {
padding: 0;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.box-2 {
padding:  42px 0px 54px 0px;
margin-bottom: 30px;
margin-top: -10px;
}
.room-2{
margin-top: 30px;
margin-bottom: 0px;
} .facilities-1 .fac-block {
width: 45%;
}
}
@media(max-width: 900px){
.msg h1 {
font-size: 35px;
}
a.prev {
margin-top: -6.4em;
}
a.next {
margin-top: -6.4em;
}
.msg{
margin: 50px 0px;
}
}
@media(max-width: 850px){
a.prev {
margin-top: -6.0em;
}
a.next {
margin-top: -6.0em;
}
.msg{
margin: 50px 0px;
}
}
@media(max-width: 800px){
a.prev {
margin-top: -5.8em;
}
a.next {
margin-top: -5.8em;
}
}
@media(max-width: 776px){
.bb_resbox input[type="text"] {
min-width: 100%!important;
}
.bb_resbox button.ui-datepicker-trigger {
right: -15%!important;
top:46%!important;
}
}
@media(max-width: 767px){
.facilities-1 .fac-block:last-child {
margin-top:35px
}
.image-box img{width: 100%;}
.attractions-Block {
width: calc(50% - 20px);
}
.attractions .box {
width: 100%;
}
.btn-m {
margin: 0;
}
.header-content a:last-of-type {
display: none;
}
.top-media {
display: block !important;
align-items: center;
width: 100%;
text-align: center;
}
.top {
height: auto;
}
.top .row {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.top .row .col-md-6.col-sm-6.col-xs-12 {
display: block;
align-items: center;
justify-content: center;
margin: 0;
text-align: center;
}
.top-media .fa {
position: absolute;
left: -20px;
}
.top-media a {
position: relative;
font-size: 12px;
}
.header-content a {
font-size: 12px !important;
}
.top .header-content {
padding: 0;
width: 100%;
margin: 0 auto;
float: none;
display: table;
}
div#nemus-slider-179 {
margin-bottom: 40px !important;
}
.service-detail-1 h4{margin-left: 20px;}
.phshow .site-title.logo img {  
margin: 0px!important;
}
.Facilitybox {
width: 80% !important;
}
.attraction-block {
width: calc(100% - 30px);
}
.poi ul li {
width: 100%;
}
.rate-block .inner-box .lower-content .upper-box .text {
min-height: 20px;
}
p.bbres_fieldset {
padding: 6px 0 0 0!important;
}
.room1 h3 {
font-size: 24px;
}
li.phone1 {
display: inline-block;
margin: 2px 2px!important;
}
.facilities-1 .fac-block:nth-child(22){
margin-bottom: 35px;
}
.bb_resbox p {
width: 100%!important;
margin: 0 0 10px !important;
}
.bb_resbox button.ui-datepicker-trigger {
right: -7%!important;
}
.room1 {
text-align: center;
}
.contact-icon {
text-align: left;
}
.nemus-slider .caption.cc {
left: 50%;
top: 50%;
margin-left: -39% !important;
}
.nemus-slider .caption {
background: transparent!important;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 3px;
font-size: 16px;
line-height: 1em;
color: #fff!important;
width: 60%!important;
}
.roomrow {
flex-direction: column !important;
}
.row.roomrow .box-1 {
padding: 60px 0;
}
.msg{
margin: 60px 60px;
}
.msg h1 {
font-size: 20px;
}
.site-footer ul {
padding: 15px 0px 8px 0px;
}
.f-right p {
color: #ffffff;
padding: 0px 0px 15px 0px;
font-size: 14px;
text-align: center;
}
.f-left p {
color: #ffffff;
padding: 20px 0px 0px 0px;
font-size: 14px;
text-align: center;
}
.nemus-slider .caption h4 {
font-size: 12px!important; 
}
.menuitem
{
width: 100%;
}
.menuitem-1
{
text-align: center;
}
.menu
{
width: auto;
}
.menu .menuitem > li > a 
{
border-bottom: none;
padding: 10px 20px;
}
.carousel-inner .item {
width: 100%;
height: 300px;
}
.carousel-inner .item img{
width: 100%;
height: 300px;
}
.navbar-default .navbar-toggle {
padding: 11px;
margin-top: 30px;
margin-right: 19px;
}
div#bs-example-navbar-collapse-1 {
right: 20px;
}
.ftr {
padding: 36px 0px 20px;
}
.footer-bottom { padding: 0px 20px;
}
.header_bottom h1 {
margin-top: 0px;
}
.service .srv-box {
margin-top: 0;
margin-bottom: 40px;
}
.service-box-1 {
float: none;
margin: 0 auto!important;
display: table!important;
margin-bottom: 51px!important;
}
.service-box-2 {
float: none;
margin: 0 auto;
display: table;
margin-bottom: 51px;
}
.service-box-3 {
float: none;
margin: 0 auto;
display: table;
margin-bottom: 51px;
}
.service-box-4 {
float: none;
margin: 0 auto;
display: table;
}
.service-detail-1{
right: 0px;
left: 0px;
top: 30px;
}
.service-detail-2{
right: 0px;
left: 0px;
top: 30px;
}
.service-detail-3{
right: 0px;
left: 0px;
top: 30px;
}
.service-detail-4{
right: 0px;
left: 0px;
top: 24px;
} .title-book{
text-align: center;
padding: 10px 0px 10px 0px;
}
.btn-v {
padding: 0px;
text-align: center;
}
.title-book span {
font-size: 15px;
}
.title-book p {
font-size: 15px;
}
.btn-ex {
margin-top: 35px; 
overflow: hidden;
}
a.prev {
margin-top: -6.0em;
}
a.next {
margin-top: -6.0em;
}
.rate-block:nth-child(6) {
margin-bottom: 35px;
}
.s-room .col-md-3.col-sm-3.col-xs-12:nth-child(3) ,.s-room .col-md-3.col-sm-3.col-xs-12:nth-child(4) ,.s-room .col-md-3.col-sm-3.col-xs-12:nth-child(5){
margin-top: 10px;
}
.d-room .col-md-3.col-sm-3.col-xs-12:nth-child(3) ,.d-room .col-md-3.col-sm-3.col-xs-12:nth-child(4) ,.d-room .col-md-3.col-sm-3.col-xs-12:nth-child(5){
margin-top: 10px;
}
.sw-room .col-md-3.col-sm-3.col-xs-12:nth-child(3) ,.sw-room .col-md-3.col-sm-3.col-xs-12:nth-child(4) ,.sw-room .col-md-3.col-sm-3.col-xs-12:nth-child(5){
margin-top: 10px;
}
.res-room .col-md-3.col-sm-3.col-xs-12:nth-child(3) ,.res-room .col-md-3.col-sm-3.col-xs-12:nth-child(4) ,.res-room .col-md-3.col-sm-3.col-xs-12:nth-child(5){
margin-top: 10px;
}
.gallery-image {
padding: 50px 0px;
}
.facilities-1 .fac-block {
width: 90%;
margin: 0 auto;
}
.room1 h2 {
margin: 0 0 30px;
font-size: 18px;
}
.contact-form{
padding: 40px 0 0 0;
}
.contact-form .col-md-6.col-sm-6.col-xs-12:nth-child(2){
margin-top: 43px;
}
.footer {
padding: 0px 20px;
}
} @media(max-width: 700px){
.top-media {
float: right;
padding: 2px 0px 0px 0px;
}
a.prev {
margin-top: -5.9em;
}
a.next {
margin-top: -5.9em;
}
.msg{
margin: 60px 60px;
}
.ph img {
min-width: 70%!important;
max-width: 100%!important;
}
}
@media(max-width: 768px){
.top-media{display: none;}
}
@media(max-width: 590px){
.smb li{width:100%;}
.listing-block {
width: calc(100% - 30px);
}
.title-1 h1 {
font-size: 26px;
line-height: 40px;
}
#_exitwidgetcontainer .popup-inner {
width: 95%!important;
padding: 25px!important;
}
.looker_booker .read-btn{
font-size: 14px!important;
}
.looker_booker .read-btn {
padding: 11px 6px!important;
}
}
@media(max-width: 530px){
.phshow a.btn.btn-sm.custom {
margin-top: 10px!important;
margin-right: 10px!important;
}
.phshow .menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active{margin-top: 7px !important;}
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active{margin-top: 2px!important;}
}
@media(max-width: 500px){
.img_wrapper a img {
margin: 10px 0px!important; 
width: 100%;
}
.attraction-block {
width: calc(100% - 30px);
}
.site-content p, .splofrpage {
font-size: 14px;
line-height: 31px;
}
.abo-detail-2 ul{
font-size: 14px;
}
.phshow {
top: 0px;
}
.msg{
display: none;
} .phshow .header {
min-height: 69px;
}
.title-book p{
}
.contact-form .col-md-6.col-sm-6.col-xs-12:nth-child(2) {
margin-top: 22px;
}
.send-title h3{
margin-bottom: 20px;
}
.contact-left h3 {
margin-bottom: 35px;
margin-top: 15px;
}
.bb_resbox button.ui-datepicker-trigger {
right: -10%!important;
}
}
@media(max-width: 480px){
.attractions-Block {
width: calc(100% - 20px);
}
.header-content {
padding: 4px 0px 4px 0px;
text-align: center;
float: none;
}
.t-box-1 i {
top: 45px;
}
.about-title h1 {
font-size: 30px;
}
.room-title h1 {
font-size: 30px;
}
.gallery-title h1 {
font-size: 30px;
}
.fac-title h1 {
font-size: 30px;
}
.contact-title h1 {
font-size: 30px;
}
.contact-icon ul li span {
font-size: 14px;
}
.arrive {
font-size: 16px;
}
.depart {
font-size: 16px;
}
a.prev {
margin-top: -6.3em;
}
a.next {
margin-top: -6.3em;
}
.menuitem-1
{
text-align: center;
}
.abo-section{
background-color: #ffffff;
}
.facilities-1 {
text-align: center;
}
.navbar-default .navbar-toggle {
margin-top: 31px;
}
.about-text{
font-size: 13px;
line-height: 20px;
margin-bottom: 85px;
}
.about{
padding: 40px 0px 40px 0px;
}
.btn-2{
margin-bottom: 53px;
}
.top-header{
display: none;
}
.box-1 h4{
font-size: 15px;
}
.box-1 h2{
font-size: 23px;
}
.box-2 h2{
font-size: 23px;
}
.box-1 p {
font-size: 14px;
}
.box-2 p {
font-size: 14px;
}
.box-2 h4{
font-size: 15px;
}
.bg-room {
padding: 40px 0px;
}
.title-book span{
font-size: 17px;
}
.title-book h3{
font-size: 14px;
}
.title-book p{
font-size: 14px;
}
.title-1 h1{
font-size: 25px;
margin-bottom: 15px;
}
.title-2 h2{
font-size: 25px;
margin-bottom: 30px;
}
.title-3 h2{
font-size: 25px;
}
.title-4 h2{
font-size: 25px;
}
.s-room h1{
font-size: 30px;
}
.d-room h1{
font-size: 30px;
}
.sw-room h1{
font-size: 30px;
}
.res-room h1{
font-size: 30px;
}
.btn-view {
padding: 5px 15px;
font-size: 13px;
}
.f-left p{
font-size: 14px;
}
.f-right p{
font-size: 14px;
}
.navbar-nav>li>a {
padding-bottom: 0px;
}
.abo-detail-2 p {
font-size: 14px;
}
.img-container img{
height: 200px;
}
.fac-block p{
font-size: 14px;
}
iframe {
height: 300px;
}
.rate-block .upper-box .book-now {
margin-left: 0px;
}
.rate-block .inner-box .lower-content .upper-box h3 a {
font-size: 21px;
}
.list-style-one li{
font-size: 13px;
}
.service{
padding: 40px 0px;
}
.btn-ex {
margin-top: 17px;
}
.gallery {
padding: 40px 0px;
}
.service-detail-1 i{
font-size: 25px;
}
.service-detail-2 i{
font-size: 25px;
}
.service-detail-3 i{
font-size: 25px;
}
.service-detail-4 i{
font-size: 25px;
}
.rate-block .upper-box .book-now {
font-size: 13px;
padding: 8px 7px;
}
.entry-title{
font-size: 30px;
margin: 20px 0px;
}
.send-title h3{
font-size: 22px;
}
.contact-left h3 {
margin-top: 10px;
margin-bottom: 0px;
font-size: 22px;
}
.contact-icon ul li i {
font-size: 22px;
}
.fac-block h4 {
font-size: 17px;
line-height: normal;
}
}
@media(max-width: 464px){
.top-header{
}
.contact-header 
{
margin-top: 0px;
float: none;
}
.contact-header i 
{
font-size: 16px;
margin-right: 0px;
}
.top-header .socialicon-header 
{
float:none;
margin-top: 0px;
}
.social-media i {
color: #dddddd;
padding: 0px 6px 0px 0px;
}
}
@media(max-width: 450px){
.phshow img {
min-width: 90%!important;
}
.header{
min-height: 70px;
}
.phshow img {
margin-top: 1px!important;
}
.fac-ul li {
line-height: 30px;
width: 100%;
float: left;
}
}
@media(max-width: 419px){
.btn-view{
padding: 5px 15px;
font-size: 14px;
}
ul.ftrsocicon li i {
margin-right: 3px;
}    
}
@media(max-width: 407px){
.f-right p{
text-align: center;
}
}
@media(max-width: 400px){
.phshow .site-title.logo img {
margin: 0px!important;
} .btn-menu {
display: none;
}
.top-header {
display: none;
}
.header_bottom h1 {
font-size: 27px;
}
.navbar-default .navbar-toggle {
margin-top: 26px;
}
.contact-header a:nth-child(2) {
display: none;
}
.contact-header a {
font-size: 12px;
}
.btn-b {
padding: 8px 20px;
}
.btn-2 {
padding: 8px 20px;
}
.btn-explore{
padding: 8px 20px;
}
.btn-more{
padding: 8px 20px;
}
.btn-view {
padding: 4px 10px;
}
}
@media(max-width: 370px){
}
@media(max-width: 342px){
.btn-sm {
font-size: 11px;
}
.listing-block h2 {
margin: 0 0 0px;
font-size: 14px;
}
.btn-view {
padding: 5px 10px;
font-size: 12px;
}
.f-left p{
font-size: 13px;
}
.f-right p{
font-size: 13px;
}
}
@media(max-width: 324px){
ul.ftrsocicon li i {
font-size: 18px; 
height: 40px;
width: 40px;
padding-top: 5px;
line-height: 32px;
}
.list-style-one li {
font-size: 13px;
padding-left: 10px;
}
.rate-section { }
.f-left p{
font-size: 13px;
}
.f-right p{
font-size: 13px;
}
.btn-m {
margin-top: 10%;
}
.btn-ex-room {
margin-top: 8%;
}
.box-1 h2{
font-size: 25px;
}
.box-2 h2{
font-size: 25px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation : landscape)
{
.top .row {
flex-direction: row;
}
.top .row .col-md-6.col-sm-6.col-xs-12 {text-align: inherit;}
.top-media {
text-align: right;
}
}