/*
Theme Name: Hotel Resort Pro Docs
Theme URI: http://www.logicalthemes.com/themes/premium-hotel-resort-wordpress-theme/
Author: LogicalThemes
Author URI:  http://www.logicalthemes.com/
Description: Hotel Resort WordPress Theme is designed for resort, hotel, guest house, motel, hostel, lodge, inn, bed and breakfast, restaurant, holiday homes and accommodation, room reservation service, and other hospitality businesses such as food joint, café, grill houses, pizzerias, cuisine, fast food restaurants, eatery, coffee shops, etc. The food critics, bloggers, and bakers can use the hotel/resort based WordPress theme to make websites for recipes, cuisines, cakes shop, bakery items, Chinese dishes, and a lot more. It is built on framework which is helpful in building professional websites and aids the theme designers/ developers a lot. This minimal WordPress theme has an easy to use WordPress Customizer, a variety of personalization options, secure and clean code, a testimonial section, interactive user interface, etc. You can display mesmerizing images of your resort and your team in the gallery section in addition to beautiful banners. Also, the presence of Call to Action Button (CTA) makes your website more engaging and eye-catching. It’s an SEO friendly theme with optimized codes that gives faster page load time. The social media options integrated into the theme will make your site stand out from the competitors. Make your website amazing with this multipurpose, absolutely free, and completely mobile-friendly theme. Demo http://www.logicalthemes.com/hotel-resort-wordpress-theme/
Version: 0.1
License: GNU General Public License
License URI: license.txt
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Text Domain: hotel-resort-pro
*/

body {
  padding: 0;
  margin: 0;
  /*background-image: url(../images/white-brick-wall-texture.jpg);*/
  font-family: 'Montserrat', sans-serif !important;
  letter-spacing: 1px;
  overflow-x: hidden;
}
li {
    font-size: 13px;
    font-weight: 600;
    color: #000;
}
h6 {
    font-size: 12px !important;
    font-weight: 600 !important;
}
.header {
    text-align: center;
    color: #fff;
    background-size: cover;
    background-image: url(../images/bannerr.jpg);
    height: 42em;
}
.main-content {
    background: #fff;
    box-shadow: 0 0 25px 3px #333;
    position: relative;
    top: -80px;
    margin: 0 auto;
    width: 100%;
    float: left;
}
.header a {
    border: 2px solid #fff;
    color: #fff;
    font-size: 20px;
    padding: 15px 30px;
    border-radius: 30px;
    font-weight: 600;
    letter-spacing: 2px;
}
.header img {
    margin: 163px 0 31px 0;
    border: solid;
    padding: 16px;
    background: #00000042;
    box-shadow: 0 0 40px 2px #fff;
}
.header h2 {
    margin-bottom: 4%;
    font-size: 40px;
    font-weight: 700;
}
.left-pannel ul { 
    padding: 0;
}
.left-pannel li {
    list-style: none;
    line-height: 31px;
    margin-left: 12px;
}
.left-pannel li:before {
 content: '\f0a9';
 font-family: 'FontAwesome';
 color: #222;
 margin-right: 10px;
 font-size: 18px;
}
.left-pannel li a {
   font-size: 13px;
    color: #1a2b44;
    font-weight: 600;
}
.left-pannel li a:hover { 
}
.left-Side-text {
    margin-top: 4%;
}
.left-pannel li a:hover {
    text-decoration: none;
    color: #fc3941;
}
.left-pannel {
    border: solid 1px #ccc;
    padding: 15px;
}
.left-pannel h5 {
    color: #fc3941;
    font-weight: 600;
    text-transform: uppercase;
}
.left-pannel p {
    border-bottom: solid 1px #ddd;
    padding: 5px 9px;
}
.Right-side-text {
    margin-top: 4%;
}
.main-content h3 {
    font-size: 25px;
    font-weight: 800;
    color: #fc3941;
}
.main-content h4 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
}
.main-content p {
    font-weight: 600;
    color: #000;
    font-size: 13px;
    font-family: 'Raleway', sans-serif;
}
figure.img-paraloid img {
    max-width: 100%;
    margin: 1em 0;
}
button#site-navigation1 {
    background: transparent;
    border: 2px solid #fc3941;
    color: #fc3941;
    font-size: 14px;
    padding: 10px 30px;
    border-radius: 30px;
    font-weight: 600;
    letter-spacing: 2px;
}
button#site-navigation1 a {
    color: #fc3941;
}
.header a:hover {
    background: #fc3941;
    color: #fff;
    text-decoration: none;
}
footer {
    margin-top: 5%;
    margin-bottom: 2%;
    color: #1a2b44;
    position: relative;
    overflow: hidden;
}
#back-top a {
    display: block;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    transition: 0.1s;
    color: #666666;
    text-align: center;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 50px solid #fc3941;
}
#back-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
}
#back-top a i {
    line-height: 51px;
    font-size: 27px;
}
section {
    border: solid 1px #ccc;
    padding: 15px;
    margin-bottom: 25px;
}
#rocketmeluncur {
  position: fixed;
  bottom: 50px;
  z-index: 7;
  display: none;
  visibility: hidden;
  width: 26px;
  height: 48px;
  right: 25px;
  background: url(../images/back-to-top.png) no-repeat 50% 0;
  opacity: 0;
  -webkit-transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), 
  opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), 
  -webkit-transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  -moz-transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), 
  opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), 
  -moz-transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), 
  opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), 
  transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

#rocketmeluncur i {
  display: block;
  margin-top: 48px;
  height: 14px;
  background: url(../images/back-to-top.png) no-repeat 50% -48px;
  opacity: .5;
  -webkit-transition: -webkit-transform .2s;
  -moz-transition: -moz-transform .2s;
  transition: transform .2s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0
}

#rocketmeluncur:hover {
  background-position: 50% -62px
}

#rocketmeluncur:hover i {
  background-position: 50% 100%;
  -webkit-animation: flaming .7s infinite;
  -moz-animation: flaming .7s infinite;
  animation: flaming .7s infinite
}

#rocketmeluncur.showrocket {
  visibility: visible;
  opacity: 1
}

#rocketmeluncur.launchrocket {
  background-position: 50% -62px;
  opacity: 0;
  -webkit-transform: translateY(-800px);
  -moz-transform: translateY(-800px);
  -ms-transform: translateY(-800px);
  transform: translateY(-800px);
  pointer-events: none
}

#rocketmeluncur.launchrocket i {
  background-position: 50% 100%;
  -webkit-transform: scale(1.4, 3.2);
  -moz-transform: scale(1.4, 3.2);
  transform: scale(1.4, 3.2)
}
.img-paraloidss img {
    padding-top: 25PX;
}
.col-sm-4 {
    width: 29.333333%;
}
.col-sm-3 {
    width: 27% !important;
}