* {
margin: 0;
padding: 0; }
a,
a:hover,
a:focus {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
text-decoration: none;
outline: 0 solid transparent;
color: #141414;
font-weight: 400;
font-size: 14px; }
ul,
ol {
margin: 0; }
ul li,
ol li {
list-style: none; }
img {
height: auto;
max-width: 100%; }
/* :: 3.1.0 Spacing */
.mt-15 {
margin-top: 15px !important; }
.mt-30 {
margin-top: 30px !important; }
.mt-50 {
margin-top: 50px !important; }
.mt-70 {
margin-top: 70px !important; }
.mt-100 {
margin-top: 100px !important; }
.mb-15 {
margin-bottom: 15px !important; }
.mb-30 {
margin-bottom: 30px !important; }
.mb-50 {
margin-bottom: 50px !important; }
.mb-70 {
margin-bottom: 70px !important; }
.mb-100 {
margin-bottom: 100px !important; }
.ml-15 {
margin-left: 15px !important; }
.ml-30 {
margin-left: 30px !important; }
.ml-50 {
margin-left: 50px !important; }
.mr-15 {
margin-right: 15px !important; }
.mr-30 {
margin-right: 30px !important; }
.mr-50 {
margin-right: 50px !important; }
/* :: 3.2.0 Height */
.height-400 {
height: 400px !important; }
.height-500 {
height: 500px !important; }
.height-600 {
height: 600px !important; }
.height-700 {
height: 700px !important; }
.height-800 {
height: 800px !important; }
/* :: 3.3.0 Section Padding */
.section-padding-100 {
padding-top: 100px;
padding-bottom: 100px; }
.section-padding-100-0 {
padding-top: 60px;
padding-bottom:30px; }
.section-padding-0-100 {
padding-top: 0;
padding-bottom: 100px; }
.section-padding-100-70 {
padding-top: 100px;
padding-bottom: 70px; }
/* :: 3.4.0 Section Heading */
.section-heading {
position: relative;
z-index: 1;
margin-bottom: 60px; }
.section-heading .line- {
width: 90px;
height: 2px;
background-color: #15a2e0;
display: block;
margin-bottom: 40px; }
.section-heading h2 {
font-size: 48px;
color: #363636; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.section-heading h2 {
font-size: 40px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-heading h2 {
font-size: 36px; } }
@media only screen and (max-width: 767px) {
.section-heading h2 {
font-size: 24px; } }
.section-heading p {
margin-bottom: 0; }
.section-heading.text-center .line- {
margin: 0 auto 40px; }
.section-heading.white h2,
.section-heading.white p {
color: #ffffff; }
/* :: 3.6.0 Miscellaneous */
.bg-img {
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.bg-white {
background-color: #ffffff !important; }
.bg-dark {
background-color: #000000 !important; }
.bg-transparent {
background-color: transparent !important; }
.font-bold {
font-weight: 700; }
.font-light {
font-weight: 300; }
.bg-overlay {
position: relative;
z-index: 2;
background-position: center center;
background-size: cover; }
.bg-overlay::after {
background-color: rgba(0, 0, 0, 0.63);
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: ""; }
.bg-fixed {
background-attachment: fixed !important; }
/* :: 3.7.0 ScrollUp */
#scrollUp {
background-color: #15a2e0;
border-radius: 0;
bottom: 50px;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
color: #ffffff;
font-size: 24px;
height: 40px;
line-height: 40px;
right: 50px;
text-align: center;
width: 40px;
-webkit-transition-duration: 500ms;
transition-duration: 500ms; }
#scrollUp:hover, #scrollUp:focus {
background-color: #363636; }
/* :: 3.8.0 Palatin Button */
.palatin-btn {
background: #15a2e0;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
position: relative;
z-index: 1;
display: inline-block;
min-width: 123px;
height: 53px;
color: #ffffff;
border: none;
border-radius: 0;
padding: 0 30px;
font-size: 16px;
line-height: 53px;
text-transform: capitalize; }
.palatin-btn:hover, .palatin-btn:focus {
font-size: 16px;
background: linear-gradient(#15a2e0, #fb0000);
color: #ffffff; }
.palatin-btn.btn-2 {
background-color: #363636;
color: #ffffff; }
.palatin-btn.btn-2:hover, .palatin-btn.btn-2:focus {
font-size: 16px;
background-color: #15a2e0;
color: #ffffff; }
.palatin-btn.btn-3 {
background-color: #ffffff;
color: #15a2e0;
border: 2px solid #15a2e0;
height: 49px;
line-height: 48px; }
.palatin-btn.btn-3:hover, .palatin-btn.btn-3:focus {
font-size: 16px;
background-color: #15a2e0;
color: #ffffff; }
/* :: 9.0 Rooms Area CSS */
.single-rooms-area {
position: relative;
z-index: 10;
width: 100%;
height: 515px;
margin-bottom: 100px;
-webkit-transition-duration: 500ms;
transition-duration: 500ms; }
.single-rooms-area .bg-thumbnail {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10; }
.single-rooms-area .price-from {
position: absolute;
z-index: 20;
/* top: -19px;*/
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding: 10px 15px;
font-weight: 600;
border: 2px solid #15a2e0;
background: #15a2e0;
display: inline-block;
margin-bottom: 0;
line-height: 1;
color: #ffffff;
font-size: 14px; }
.single-rooms-area .price-from :hover{
background: linear-gradient(#15a2e0, #fb0000);
}
.single-rooms-area .rooms-text {
position: absolute;
z-index: 30;
background-color: rgba(0, 0, 0, 0.63);
padding: 30px 30px 40px;
left: 20px;
right: 20px;
bottom: 20px;
width: calc(100% - 40px);
border: 2px solid #15a2e0;
text-align: center;
-webkit-transition-duration: 500ms;
transition-duration: 500ms; }
.single-rooms-area .rooms-text .line {
width: 90px;
height: 2px;
background-color: #15a2e0;
display: block;
margin: 0 auto 20px; }
.single-rooms-area .rooms-text h4 {
color: #ffffff; }
@media only screen and (max-width: 767px) {
.single-rooms-area .rooms-text h4 {
font-size: 20px; } }
.single-rooms-area .rooms-text p {
color: #ffffff;
margin-bottom: 0; }
.single-rooms-area .book-room-btn {
position: absolute;
bottom: -15px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 50;
font-weight: 600;
text-transform: uppercase;
}
.single-rooms-area:hover .rooms-text, .single-rooms-area:focus .rooms-text {
background-color: #000; }
.pagination-area {
position: relative;
z-index: 1;
text-align: center; }
.pagination-area .pagination {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.pagination-area .pagination .page-item .page-link {
border: 2px solid transparent;
background-color: transparent;
display: block;
padding: 5px;
margin-right: 10px;
color: #181818;
font-size: 14px; }
.pagination-area .pagination .page-item .page-link:hover, .pagination-area .pagination .page-item .page-link:focus {
color: #ffffff;
background-color: #616161;
border: 2px solid #15a2e0;
box-shadow: none; }
.pagination-area .pagination .page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.pagination-area .pagination .page-item:last-child .page-link {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.pagination-area .pagination .page-item.active .page-link {
color: #ffffff;
background-color: #616161;
border: 2px solid #15a2e0; }
|