@-webkit-keyframes topmenu {
0% {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
}
@-moz-keyframes topmenu {
0% {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
}
@-o-keyframes topmenu {
0% {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes topmenu {
0% {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
}
.header-top span.top-lan:first-of-type {
padding-right: 10px;
border-right: 2px solid #fff;
margin-right: 10px;
}
.header-top span a {
color: #FFF;
text-decoration: none;
text-transform: initial;
transition: 0.5s all ease 0s;
}
.header-top span {
float: left;
list-style: none;
padding: 6px 0px 4px 0px;
color: #FFF;
font-size: 13px;
}
#menu-item-1136 a:first-child:after {
content: '\f0d7';
font-family: 'FontAwesome';
padding-left: 5px;
}
#menu-item-1228 a:first-child:after {
content: '\f0d7';
font-family: 'FontAwesome';
padding-left: 5px;
}
.roomcnt{display:none;}
.sub-menu li a:after{display:none;}
.langselect{margin: 7px 0;}
.langselect li a {
color: #fff;
font-size: 14px;
}.langselect li {
list-style: none;
line-height: normal;
}.langselect {
float: right;
color: #fff;
display: flex;
}.langselect li {
margin-left: 10px;
padding-left: 10px;
border-left: 2px solid #fff;
}
.langselect li:first-child{border-left:none;}
.menu-russia-container .nav-menu li a{padding: 29px 1px;}
.menu-russia-container .sub-menu li a {
padding: 17px 3px;
}
.navbar .bkbtn:lang(ru-RU){padding:7px;}
input#bb_resBtn:lang(ru-RU){padding: 11px 54px;}
input#eZ_checkin2, input#eZ_checkout2 {
background: #ffff url(https://live.ipms247.com/themes/reservation/images/bookingbtn/calendar.png) no-repeat right -12px !important;
}
input#bb_resBtn{ color: #000000!important;
border: 1px solid #000000!important;
background: #fff !important;
}
input#bb_resBtn:hover{background: none!important;color: #fff!important;border: 1px solid #fff!important}
.ui-datepicker td a.ui-state-active, .ui-datepicker td a.ui-state-hover{color:#fff!important;}
a:hover, a:focus{text-decoration: none;}
#topbar .header-top {margin:3px 0px 4px; padding: 0px;}
#topbar .header-top li{
list-style: none;
color: #fff;
display: inline-block;
margin: 0px 5px;
}
header{min-height:79px;}
.product-name p{font-size:18px;}
#topbar .lf li i,
#topbar .lf li em {position: absolute; right: 0; top: 5px; font-size: 20px;}
#topbar .lf li:first-child i,
#topbar .lf li:first-child em{padding-right: 0px;}
#topbar .header-top li i,
#topbar .header-top li em{padding-right: 5px; color: #fff;}
#topbar .rf{float: left;}
#topbar .lf{float: right; position: relative;}
.topmainnav .logo{
display: inline-block;
font-size: 25px;
font-family: domine,serif;
font-weight: 700;
color: #097034;
margin: 14px 0px;
}
.fa-tripadvisor{margin: 0px 25px}
.tx-center{text-align: center;}
.btn{border-radius: 0px; outline: none; border: none; padding: 8px 15px;transition: 0.5s}
.bkbtn {
background: #0b85d6;
border: none;
border-radius: 0px;
color: #fff;
margin: 0px;
padding: 7px 15px;
}
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a{background:#fff;}
.navbar .bkbtn{float: right; display: inline-block; margin-top: 17px; border: 1px solid transparent;transition: 0.5s;}
.topmainnav {
transition: all ease .5s;
min-height: 62px;
}
header#masthead {
position: relative;
z-index: 9999;
}
#_exitwidgetcontainer .popup{z-index:9999!important}
.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: 0;
left: 0;
width: 100%;
animation: topmenu 0.3s ease;
}   .logo img
{
position: absolute;
top:0px;
left: 0;
z-index: 555;
margin: 0px 0 0;
}
.phshow .logo img{width:104px; margin-top: 4px;}
.siteseen{
margin-top: 30px;
display: inline-block;
}
.attr-block {
border: 1px solid #e6e6e6;
display: block;
margin-bottom: 40px;
padding: 20px;
}
.cfull-head h3 {
color:#ff7a02;
margin: 0 0 17px 0;
} .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}
.homeSlider {
overflow: hidden;
position: relative;
vertical-align: top;
direction: ltr;
}
.wrapper {
position: relative;}
.nemus-slider .slide.nemus-active-slide .caption h3{margin:0px;}
.nemus-slider {
direction: ltr;
}
.fixed {
color: white;
background: rgba(0,0,0,0.8);
width: 290px;
display: inline-block;
padding: 20px 20px 12px 20px;
position: absolute;
top: 35%;
margin-top: -57px;
font-size: 14px;
}
.nemus-slider .caption{width: auto !important;font-size: 20px;}
.bb_resbox button.ui-datepicker-trigger:focus{outline: none;} .heading {
font-size: 24px;
font-weight: bold;
display: inline-block;
text-align: center;
width: 100%;
padding-bottom: 20px;
color: #343434;
margin: 0;
}
ul.nav-menu ul a{padding: 15px;text-align: left;}
#menu-item-147 > a:after {
content: '\f0d7';
font-family: 'FontAwesome';
padding-left: 5px;
}
.aboutbg {
background: url(//thebaysideinnandmarina.com/wp-content/themes/thebaysideinnandmarina/images/welcome-bg1.jpg) no-repeat fixed;
width: 100%;
height: auto;
text-align: center;
background-size: cover;
padding: 50px 0px;
}
section#about:before {
position: absolute;
content: '';
background: #fff;
opacity: 0.3;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fac-ul li img{width:8%;}
.owl-pagination{
position: absolute;
left: 50%;
transform: translateX(-50%);
margin-top: -50px !important;
z-index: 9;
}
#testimonial .owl-controls{height:32px;}
#testimonial .owl-pagination{
margin-top: 0 !important;
}
.owl-pagination .owl-page span{
background: #fff !important;
}
.owl-pagination .owl-page:hover span{
background: transparent!important;
border: 2px solid #fff!important;
}
.owl-buttons{
position: absolute;
top: 50%;
transform: translateY(-45%);
width: 100%;
}
.owl-buttons div {
position: absolute;
top: -50px;
opacity: .5;
filter: alpha(opacity=50);
background: 0 0;
font-size: 0;
padding: 0 5px;
margin: 0;
vertical-align: top;
background: none !important;
max-height: 55px;
overflow: hidden;
}
.owl-prev{
left: 0;
top:-130px;
}
.owl-prev:before {
content: "\f053";
color: #fff;
font-family: fontAwesome;
display: block;
font-size: 36px;
}
.owl-next{
right: 0;
top:-130px;
}
.owl-next:before {
content: "\f054";
color: #fff;
font-family: fontAwesome;
display: block;
font-size: 36px;
}
#testimonial .owl-pagination .owl-page span{
background: #000 !important;
}
#testimonial .owl-pagination .owl-page:hover span{
background: transparent!important;
border: 2px solid #000!important;
} #rooms, #services, #gallery{padding-top:  50px;}
#gallery{
margin-bottom: 40px; 
}
#rooms .read-btn, #services .read-btn, #gallery .read-btn, #about .read-btn{
margin: 25px 10px 0px 10px; transition: 0.5s; 
}
.box1 .product-desc .product-name{font-size: 20px;
margin: 15px 0;}
.product-imitation1 img{width: 100%;}
.box1 {
margin: 20px 13px;
display: inline-block;
vertical-align: top;
border: 1px solid #D8D8D8;
padding-bottom: 22px;
width: 30%;
}
.book-btn1 a, .read-btn{border: 1px solid transparent;}
.box1 .book-btn1 .btn{margin:0px 5px;transition: 0.5s}
#rooms .read-btn {
display: inline-block;
width: auto;
background: #FFF;
border: 1px solid #21acc8;
color: #21acc8;
}
#rooms .read-btn:hover,
#rooms .read-btn:focus {
background: #21acc8;
border: 1px solid #21acc8;
color: #FFF;
} .services {
background: #f6f6f6;
position: relative;
width: 100%;
text-align: center;
padding: 45px 0px;
} .box-gallery {
width: 25%;
position: relative;
float: left;
padding: 10px;
}
.product-imitation {
overflow: hidden;
}
.box-gallery .product-imitation img{
width: 100%;
}
.bkbtn:focus{color:#fff;background: #2e2b6b} #testimonial {
margin-top: 45px;
padding: 45px 0px;
}
#testimonial h2
{
font-size: 23px;
margin: 0 0 20px 0;
}
#testimonial h3{margin-top: 0px;}
#testimonial .owl-buttons{display:none;} .room-box .box-border .fac-ul {
padding: 0 0 0 19px;
} .footer {
background: #101015;
padding: 20px 0px;
color: #fff;
}
h4.gtitle {
display: none;
}
.footer-menu li {
display: inline-block;
list-style: none;
padding:0px 10px;
}
footer .menu-footer-container {
margin-bottom: 20px;
}
footer .menu-footer-container ul{margin:0px; padding: 0px;}
.footer a {
color: #fff;
transition: 0.5s all ease 0s;
}
.footer a:hover {
color: #fff;
}
.seprate {
border-bottom: 1px solid rgba(238, 238, 238, 0.19);
margin-bottom: 20px;
}  button.bkbtnboat{
margin: 0px;
margin-top:20px;
width: 300px;
text-align: center;
background: #21acc8;
border: 1px solid #21acc8;
border-radius: 0px;
color: #fff;
padding: 15px 20px;
font-size:18px;
}
button.bkbtnboat:hover{
background: #ffffff;
border: 1px solid #21acc8;
color: #21acc8;
}
.entry-header {
z-index: 100;
position: relative;
min-height: 100px;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
margin-bottom: 50px;
background: #EEEEEE;
}
.entry-title {
font-size: 36px;
margin: 0;
padding-top: 26px;
text-align: center;
}  .facpage{    padding-left: 45px;}
.facilities {
border: 1px solid #e1e1e1;
padding: 35px 10px;
position: relative;
width: 85%;
display: inline-block;
margin-bottom: 25px;
transition: all 0.4s ease-in-out;
background: none repeat scroll 0% 0% #E7E7E7;
border: 1px solid #ddd;
}
.facilities:hover {
background: #28272f;
color: #fff;
}
.facilities .fac-img {
width: 65px;
border: 6.5px solid #fff;
border-radius: 50%;
position: absolute;
left: -38px;
top: 11px;
overflow: hidden;
background-color: #0b85d6;
padding: 10px;
margin: 0;
}
.facilities h3 {
margin: 0px;
text-align: left;
font-size: 15px;
margin-left: 35px;
text-transform: capitalize;
}
.product-imitation img {
position: relative;
transform: scale(1.0);
transition: all ease .4s;
}
.product-imitation img:hover {
transform: scale(1.2);
}
.room-box .tarifftxt{  float: right;
font-size: 14px;
background: #2caeb6;
color: #fff;
padding: 7px 10px;
margin-top: -8px;
border-radius: 13px;}  .room-content {
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
.room-box .img-container {
box-shadow: 0 0 5px #9E9E9E;
}
ul.fac-ul br {
display: none;
}
.room-box .fac-ul li p {
margin: 0;
}
.room-box .fac-ul li {
float: left;
text-align: left;
width: 49%;
display: inline-block;
margin-right: 0px;
}
.room-box .fac-ul span {
margin-left: 15px;
text-transform: capitalize;
}
.room-box .box-border {
margin-bottom: 30px;
}
.room-box .box-border .item img{width: 100%;}
.room-box .rm-details {
position: relative;
line-height: 28px;
padding:15px 15px 25px 20px;
}
.room-box .rm-details a{
color: #fff;
font-size: 16px;
}
.room-box .box-border .sec-title {
font-size: 21px;
padding: 20px 20px;
margin: 0;
}  .attractions {
display: inline-block;
width: 100%;
}
.attractions .location_wp{
width: 33.33%;
display: inline-block;
margin: 12px;
vertical-align: top;
padding: 0px;
text-align: center;
}
.attractions .flxbx{
display: flex;
}
.attractions .location_wp .locationimg, .attractions .location_wp .locationimg img{
width: 100%;
}
.attractions .location_wp .location_text{
padding:20px; 
width: 100%;
}
.attractions .location_wp .location_text h2{
margin-bottom: 20px;
font-size: 26px;
}
.ht{min-height:79px;} .img_wrapper a img {
margin: 0px;
padding: 0px;
overflow-y: hidden;
box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
transition: all ease 0.5s;
transform: scale(1);
}
.ez_img img {
min-height: 100%!important;
}
.gallarypage .innergallery .imgbox{padding: 3px 10px;}
.ez_img {
margin: 0;
overflow: hidden;
}
.img_wrapper a img:hover{
transform: scale(1.2);
}
.innergallery .imgbox .fcap{margin:0px;}  .contactbox .col-md-4.col-xs-12.col-sm-4{display: table;min-height: 218px}
.contactadd {
text-align: center;
height: 165px;
border: 1px solid rgb(227, 227, 227);
border-image: initial;
padding: 23px;
vertical-align: middle;
display: table-cell;
width: 100%;
min-width: 100%;
}
.contactadd p{margin-bottom: 0px;}
.contactadd i,
.contactadd em {
font-size: 48px;
margin-bottom: 10px;
color: #9e0114;
}
.contactadd a {
word-wrap: break-word;
color: rgb(0, 0, 0);
text-decoration: none;
}
.contactform input, .contactform textarea {
color: rgb(0, 0, 0);
border-radius: 0px;
transition: all 0.25s linear;
}
.bkbtn_send{
border-bottom: none;
border: 1px solid transparent;
padding: 11px 24px;
transition: 0.5s;
}
.bkbtn_send:hover, .bkbtn_send:focus {
color: rgb(158, 1, 20);
background: transparent;
outline: none;
border-width: 1px;
border-style: solid;
border-color: rgb(158, 1, 20);
border-image: initial;
}
img.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha-778 {
width: auto;
display: inline-block;
vertical-align: top;
margin: 0;
border: 0;
box-shadow: none;
padding: 0;
height: 40px;
}
input.wpcf7-form-control#phone { width: 100%; }
.wpcf7-form-control.wpcf7-captchar,
input[type="text"].wpcf7-form-control.wpcf7-captchar{
margin-top:0 !important;
}
.wpcf7-form-control-wrap {
border-radius: 0;
transition: all 0.25s linear;
color: #000;
position: relative;
}
span.wpcf7-form-control-wrap.captcha-778 {
display: inline-block;
margin: 0 0 0 10px;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea{
width: 100%
}
.wpcf7-form textarea{
height:75px;
}
.wpcf7-submit {
width: auto;
color: white !important;
padding: 9px 20px !important;
background: #000000 !important;
box-shadow: none !important; border-bottom: none !important;
border: 1px solid #000000 !important;
font-weight:600;
}
.wpcf7-submit:hover,
.wpcf7-submit:focus {
transition: all 0.3s ease 0s;
background: transparent !important;
color: #000000 !important;
border: 1px solid #000000 !important;
outline-color: #000000;
outline: none;
}
.wpcf7-not-valid-tip{
background: #FFC9C9;
color: #832020;
padding: 5px 77px; list-style-type: none; text-align: center;
}
.grecaptcha-badge
{
display: none;
} .looker_booker a.btn-primary.btn-block.btn.read-btn {
margin-bottom: 22px!important;
}
.contact-en .map-info {
display: flex;
justify-content: space-between;
margin-top: 50px;
}
.contact-en .map-info .map-left {
width: 66%;
}
.contact-en .map-info .contact-right {
width: 30%;
}
.contact-en .contactadd,.contact-en .contactadd div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.contact-en .contactadd .fa {
color: #28272f;
} @media (max-width: 1200px) {
.phshow .logo img {
width: 92px;
}
.menu-russia-container .nav-menu li a {
padding: 10px 10px;
}
.sub-menu .current_page_item > a{background:#d09f37;color:#fff!important;}
.navbar{margin: 10px 0px!important;}
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, 
.nav-menu .current-menu-ancestor > a{
padding-bottom: 10px!important;
}
#topbar .lf li i,
#topbar .lf li em {
right: 16px;
}
.logo img {
margin: 0px 0 0;
}
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, 
.nav-menu .current-menu-ancestor > a{
padding-bottom: 10px;
padding-top: 15px;
}
.contactadd{height: 220px;}
}
@media (max-width: 991px) {
.phshow .logo img {
width: 101px;
}
.logo img{
margin: 0px 0 0;
top: 0px;
}
button.menu-toggle {
padding-right: 0;
}
.contactbox .col-md-4.col-xs-12.col-sm-4{
min-height: initial
}
#topbar .lf li i,
#topbar .lf li em {
right: 0px; 
}
.mt img{width:100%;}
.mt p{margin-top:20px;}
.navbar .bkbtn{right:40px!important;}
.box1{width: 35%;}
.cfull-head h3 {
margin: 25px 0 17px 0;
}
.room-box .box-border .sec-title {
font-size: 17px;
}
.entry-title {
font-size: 24px;
padding-top: 22px;
}
.entry-header {
min-height: 80px;}
.attractions .flxbx{display: inline-block; width: 100%; text-align: center;}
.attractions .location_wp{width: 46%; margin:11px 12px;}
.contactbox .col-md-4.col-xs-12.col-sm-4 ,.contactbox .col-md-8.col-sm-8.col-xs-12{
display: table;
width: 100%;
margin: 15px 0px;
}
.contactadd{height: auto;}
.room-box .fac-ul li{width: 100%;     margin-bottom: 7px;}
footer .white{
text-align: center;
}
.fixed{
position: relative;
left: 0;
width: 100%;
background: #333333;
top: 0;
margin-top: 0;
}
.wrapper .container.cl{width: 100%; padding: 0px;}
}
@media (max-width: 767px) {
button.bkbtnboat{
margin: 0px;
margin-top:20px;
width: 250px;
text-align: center;
background: #21acc8;
border: 1px solid #21acc8;
border-radius: 0px;
color: #fff;
padding: 15px 20px;
font-size:16px;
}
button.bkbtnboat:hover{
background: #ffffff;
border: 1px solid #21acc8;
color: #21acc8;
}
#topbar .lf{float:none;}
.langselect {
float: none;
color: #fff;
display: inline-block;
width: 100%;
text-align: center;
margin: 3px 0;
}
.logo img {
left: 12px;
}
#topbar .rf{display:none;}
.box1{width:90%;}
.box1 .product-desc .product-name{min-height: 0;}
.facpage div:nth-last-child(2) .facilities{min-height: 91px!important;}
.footer-menu ul{padding: 0px;}
.attractions .location_wp{width: 100%; margin: 12px 0px;}
.nemus-slider .caption.br{display: none;}
.toggled-on .nav-menu li a{padding: 11px 12px;}
.box-gallery{padding: 0px;}
.topmainnav .logo{font-size: 20px;margin: 21px 0px;}
}
@media (max-width: 590px) {    
.navbar .bkbtn {
top: -8px;
}
.main-navigation {
top: 6px;
}
.owl-carousel .item img
{
min-height: 350px;
}
section#topbar {
display: block;
}
#topbar .rf{display: none;}
}
}
@media (max-width: 550px)
{
.footer-menu li 
{
width: 100%;
}
}
@media (max-width: 500px) {
.logo img{width: 100px;}
.box-gallery {
width: 50%;}
.topmainnav .logo {
font-size: 18px;
margin: 23px 0px;
}
.box1 {
width: 100%;
margin: 20px 0 0;
}
.looker_booker a.btn-primary.btn-block.btn.read-btn {
font-size: 14px;
padding: 10px 4px;
}
.aboutbg {
padding: 30px 0px 30px 0;
}
#rooms, #services, #gallery {
padding-top: 30px;
}
.services {
padding: 30px 0px;
}
.gallarypage .innergallery .imgbox {
width: 100%;
}
.gallarypage .img_wrapper a img {
width: 100%;
}
.gallarypage .ez_img {
width: 100%;
}
#testimonial {
padding: 30px 0px;
margin-top: 30px;
}
#testimonial .heading{
padding-bottom: 10px;
}
#testimonial h2 {
font-size: 19px;
}
#testimonial h3 {
font-size: 17px;
}
.heading{font-size: 20px;}
#rooms .heading{font-size: 20px; padding-bottom: 0px;}
#services .heading{font-size: 20px; padding-bottom: 0px;} .room-box .box-border .fac-ul{padding: 0 0 0 19px;}
.room-box .box-border .sec-title{padding: 20px 17px;}
.room-box .rm-details{padding: 15px 15px 25px 19px;}
}
@media (max-width: 450px) {
.logo img {
width: 104px;
}
#topbar{display: none!important;}
.footer-menu ul li{width:100%;}
.facilities{width: 95%;}
.facpage {
padding-left: 25px;
}
.topmainnav .logo{width:200px;}
}
@media (max-width: 350px) {
.toggled-on .nav-menu, .toggled-on .nav-menu > ul {
right: -9px !important;;
}
.owl-carousel .item img{min-height: 300px;}
}
@media (max-width: 400px) {
.logo img{width: 103px;}
.box-gallery{width: 100%}
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 0.6em !important;
font-weight: normal;
display: block;
}
}