.pkg-format:hover h2, .rooms-format:hover h2 {
display:none;
}
.pkg-format .contentshow h2, .rooms-format .contentshow h2 {
    display: block;
    height: auto;
    line-height: normal;
    margin: 0 0 20px;
    padding: 0;
}
.pkg-format:hover .contentshow h2, .rooms-format:hover .contentshow h2 {
display:block;
}
.pkgsnippetcontent, .roomsnippetcontentinner {
transition: all 0.3s ease;
}
.roomsnippetcontentinner {
padding: 0 20px;
box-sizing: border-box;
}
#main.headerfix {
transition: background 0.3s ease 0s;
-ms-transition: background 0.3s ease 0s;
}
#btnSearchEvent:hover {
background: #7295ed;
}


a.button, a.disablelink:link, a.ugcbtnwrite:link, a.enablelink:link, .special-banner-btn a, #btnbacktoeventlist {
position: relative;
z-index: 0;
}
a.button::before, a.disablelink::before, a.ugcbtnwrite::before, a.enablelink::before,
#backtotop::before, .special-banner-btn a::before, #btnbacktoeventlist::before {
    background: #0c2f86 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    transition-duration: 0.2s;
    transition-property: transform;
    transition-timing-function: ease-out;

    -ms-transform: scale(0);
    -ms-transition-duration: 0.2s;
    -ms-transition-property: transform;
    -ms-transition-timing-function: ease-out;
    z-index: -1;
}
a.button:hover::before, a.disablelink:hover::before, a.ugcbtnwrite:hover::before, a.enablelink:hover::before, #backtotop:hover::before, .special-banner-btn a:hover::before,
#btnbacktoeventlist:hover::before {
    transform: scale(1);
-ms-transform: scale(1);
}

#backtotop::before {
border-radius: 100%;
}
a#quick-signup.button::before {
background: #82bc37;
}
.descriptions a.button::before {
background: #7295ed;
}


.html5-section-wrapper a::after {
  background: rgba(130, 188, 55, 0.4) none repeat scroll 0 0;
  border-radius: 100%;
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transition: all 0.2s ease 0s;

  -ms-transform: scale(0);
  -ms-transition: all 0.2s ease 0s;
  width: 100%;
  z-index: 0;
}
.html5-section-wrapper a:hover::after {
  transform: scale(1);
  -ms-transform: scale(1);
}
.html5-section-wrapper a span {
z-index: 1;
}

.rlg-wrapper .carouselitems a {
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.review-home, .location-home, .gallery-home {
position: relative;
overflow: hidden;
}
.rlg-wrapper .carouselitems::after {
  background: #82bc37;
  border-radius: 100%;
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transition: all 0.2s ease 0s;

  -ms-transform: scale(0);
  -ms-transition: all 0.2s ease 0s;
  width: 100%;
  z-index: 0;
}
.rlg-wrapper .carouselitems:hover::after {
 transform: scale(1);
-ms-transform: scale(1);
}





#photogallery-thumbs li a::before {
background: url("https://www.picresorts.ru.com/saipan/images_noindex/search-pg.png") no-repeat 50% 50%;
content: "e788";
right: 100%;
opacity: 0;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 45%;
-webkit-transition: left 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
-ms-transition: left 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
transition: right 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
width: 100%;
z-index: 3;
color:#fff;
cursor: pointer;
font-weight: bold;
font-size: 0px;
}

#photogallery-thumbs li a::after {
background:#82bc37;
background: rgba(130, 188, 55, 0.7) none repeat scroll 0 0;
content: " ";
display: block;
height: 99%;
left: 0;
opacity: 0;
top: 0;
position: absolute;
-ms-transition: opacity 0.2s ease-in-out 0s;
-webkit-transition: opacity 0.2s ease-in-out 0s;
transition: opacity 0.2s ease-in-out 0s;
width: 100%;
color:#fff;
cursor: pointer;
}
#photogallery-thumbs li a::after {
height: 100%;
}
#photogallery-thumbs li a:hover::before {
right: 0;
opacity: 1;
}
#photogallery-thumbs li a:hover::after {
opacity: 1;
}
#photogallery-thumbs li {
position: relative;
overflow: hidden;
}

.special-banner-img {
max-height: 355px;
}
.homesection-3 li, .special-banner-img, .shellimg {
overflow: hidden;
}
.homesection-3 li img, .special-banner-img img, .shellimg > img {
transform: scale(1,1);
transition: all 0.4s ease;
}
.homesection-3 li:hover img, .shellimg:hover > img {
transform: scale(1.15, 1.15);
}
.special-banner-img a:hover img {
transform: scale(1.1, 1.1);
}
#goog-wm-sb:hover {
background: #073097;
}

@media only screen and (max-width: 1024px) {
.room-snipetinner h2 {
font-size: 25px;
}
.columntwolayout {
height: auto;
}
.html5-section-wrapper a::after {
height: 235px;
}
}