::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #776d6d;
    -webkit-box-shadow: inset 0 0 6px #333333;
}

.theiaStickySidebar:after {content: ""; display: table; clear: both;}
.webslider .carousel-inner>.item>a>img, .webslider .carousel-inner>.item>img, .webslider .img-responsive, .webslider .thumbnail a>img, .webslider .thumbnail>img
{max-width: 100%;}

    .sticky {position: fixed;border-bottom: 1px solid #f3f0f0;}
    
    #rooms {padding-top: 70px;}
    #rooms h3 {color: #1c6f70; margin-bottom: 10px;margin-top: 0px;}
    #rooms p{font-size: 16.5px;text-align: justify;margin-bottom: 10px;}
    #googlemaps {padding:50px 0px;margin-bottom: 10px;}
    #googlemaps h3 {color: #1c6f70 !important; text-align: center;margin-bottom: 5px;}
    .box_style_3 {background-color: #51883b !important;}
    .room_list_desc ul{text-align: center !important;}
    .room_list_desc h3 {color: #1c6f70 !important; margin-top: 0px;}
    .room_list_desc p {text-align: justify;font-size: 15.5px !important;}
    .caption h3, .parallax-window#short #subheader h1, h3.caption_header {background-color: rgb(0 0 0 / 20%);}
    #aboutproperty {padding-bottom: 0px;margin-top:0px;padding-top: 70px;}
    #aboutproperty h1{color: #1c6f70;margin-bottom: 5px;margin-top: 0px;font-size: 25px;}
    #aboutproperty p {margin-top: 20px;margin-bottom: 0px;font-size: 16.5px;text-align: justify;}

    .detailsbookbtn {margin-top: 25px;}
    #btnleft {float: left;}
    #btnright {float: right;}
    #btnleft a{background-color:#51883b;padding:10px 17px;color: #fff;font-weight: 600;font-size: 15.5px;}
    #btnright a {background-color:#51883b;padding: 10px 17px;color:#fff;font-weight: 600;font-size: 15.5px;}

    footer {
    background: url(ho-image/bg1.jpg) no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 0px; padding-bottom: 0px;
    background-position: 50% 14%;
    background-attachment: fixed;
    }
    #contact_details_footer {font-size: 15px;}
    .footermenu {text-align: center;}
    .footermenu h3{color: #fff;text-decoration: underline;font-size: 18px !important;}
    .footermenu li{padding: 5px 0px;}
    .footermenu li a{font-size: 18px;}


    .blog_bg {
    background-image: url(ho-image/bg.jpg);
    background-repeat: no-repeat;
    padding: 50px 0px;
    background-attachment: fixed;
    background-position: 50% 80%;
    background-size: cover;
    margin-top: 40px;
}
.breadcrumb_iner_item {
    text-align: center;
}
#myBtn1, #myBtn2 {
    border: none;    
    cursor: pointer; border-radius: 30px; margin-top: 10px;
    background: #51883b none repeat scroll 0 0;color: #fff;padding: 8px 18px; font-size: 20px;font-weight: 600;
}

.mapouter {
    overflow: hidden;
    height: 420px;
    width: 100%;
}
.gmap_canvas {
    background: none!important;
    height: 500px;
    width: 100%;
}
.breadcrumb {margin-bottom: 0px;}

 
 .img-border:after {
    content: "";
    background: url(ho-image/shape.png) no-repeat center center;
    height: 15px;
    width: 100px;
    display: inline-block;    
}
 .hotelgallery {text-align: center;padding-top: 70px;} 
 .hotelgallery h3 {color: #1c6f70 !important;margin-bottom:5px;margin-top: 0px;}
 


/* Footer Style */
i.red{
    color:#BC0213;
}

.webslider .carousel-inner {max-height: 100vh;}

.contact-sec {
    background: url(ho-image/bg1.jpg) no-repeat 0 bottom;
    background-size: cover; padding: 70px 0px 30px 0px;    
}
.contact-sec input[type="text"], .contact-sec input[type="email"] {
    border-radius: 0px;
}
.contact-sec .form-control {
    background: transparent;
    border-bottom: 1px solid #fff;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #fff;
    padding-left: 0;
}
.contact-sec label{color: #fff;font-size: 16px;font-weight: 500;}
.contact-sec h2{color: #fff;text-align: center;margin: 0px 0px 40px 0px;}
.contact-sec .action-block {margin-top: 30px; }
.contact-sec .btn {font-size: 16px;border:none;}
#contdesc {font-size:18px;text-align: center;padding-top: 40px;}
textarea.form-control {height: 50px;}
#lang_top a{font-size: 16px;color: #fff;}
#lang_top {background-color: #51883b !important;padding: 6px 15px;}




#gallery {
  text-align: center; }
  #gallery .heading-box {
    margin: 60px auto; }
  #gallery a.btn, #gallery aside.sidebar .widget.widget_tag_cloud .tagcloud a, aside.sidebar .widget.widget_tag_cloud .tagcloud #gallery a {
    margin: 70px 0;
    padding: 6px 70px;
    letter-spacing: 2px; }

.gallery-container .image-main-box .item {
  padding: 0 5px;
  margin-bottom: 10px; }
  @media (max-width: 420px) {
    .gallery-container .image-main-box .item {
      float: none;
      width: 100%; } }
  .gallery-container .image-main-box .item figure {
    position: relative;
    overflow: hidden;
    padding: 1px 5px;
    width: 100%;
    height: 100%;    
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

    .gallery-container .image-main-box .item figure a {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      text-indent: -999999px;
      overflow: hidden;
      z-index: 11; }
    .gallery-container .image-main-box .item figure img {
      max-width: 100%;
      -webkit-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; 
      border-radius: 5px;}
  .gallery-container .image-main-box .item figcaption {
    display: block;
    position: absolute;
    left: -10px;
    top: 10px;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: calc(100% - 20px);
    height: calc(100% - 20px); }
    .gallery-container .image-main-box .item figcaption h4 {
      position: absolute;
      left: 50%;
      top: 45%;
      color: #fff;
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      font-weight: bold;
      display: inline-block;
      font-size: 26px;
      text-align: center; }
      .gallery-container .image-main-box .item figcaption h4 span {
        font-weight: 300; }
  .gallery-container .image-main-box .item:hover figcaption {
    opacity: 1;
    filter: alpha(opacity=100);
    left: 10px; }
    .gallery-container ul{list-style: none;padding: 0px !important;}




    .sort-section {  
  text-align: center; }
  .sort-section ul {
    display: inline-block; }
    .sort-section ul li {
      margin: 0 10px; }
      @media (max-width: 420px) {
        .sort-section ul li {
          margin: 0; } }
      .sort-section ul li a {
        display: block;
        line-height: 40px;
        color: #333333;
        letter-spacing: 1px;font-size: 17px; }
        .sort-section ul li a.active {
          border-bottom: 1px solid #C5A46D; }
  @media (max-width: 600px) {
    .sort-section ul {
      display: none;
      margin: 0 15px; }
      .sort-section ul li {
        display: block;
        padding: 0;
        margin: 0; } }

.sort-handle {
  background: #FFFFFF;
  text-align: center;
  color: #000000;
  line-height: 35px;
  position: relative;
  cursor: pointer;
  margin-bottom: 3px;
  border: 1px solid #C5A46D;
  display: none;
  margin: 0 15px; }
  @media (max-width: 600px) {
    .sort-handle {
      display: block; } }
  .sort-handle:after {
    content: '';
    float: right;
    margin: 15px 12px 0 0;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-top: 7px solid #C5A46D; }

.glyphicon-chevron-right:before {display: none;}
.glyphicon-chevron-left:before {display: none;}

#myCarousel .left span img, #myCarousel1 .left span img, #myCarousel2 .left span img, #myCarousel3 .left span img, 
#myCarousel4 .left span img, #myCarousel5 .left span img{-ms-transform: rotate(180deg); /* IE 9 */
  transform: rotate(180deg);}

.carousel-control.right, .carousel-control.left {background-image: none;}
.carousel-control {opacity: 1;}
.carousel-control img {width: 15px;}
#header_menu {background-color: #fff;border: 1px solid #dedddd;}
.btn-info {background-color:#1c6f70;border-color:#1c6f70;margin-bottom:5px;}

#roomdetails .carousel-inner>.item>a>img, #roomdetails .carousel-inner>.item>img, #homeroomslide .carousel-inner>.item>a>img, #homeroomslide .carousel-inner>.item>img {border-radius:5px;}
#readmore {color:#337ab7 !important;}
.theiaStickySidebar img {width: 28px;height: 28px;}
.theiaStickySidebar span {padding-left: 15px;font-size:17px;}
.theiaStickySidebar {padding-top: 0px; padding-bottom: 1px; position: static;}
.tooltip_styled {padding-left: 8px;padding-right: 8px;}
.tooltip_styled img {width: 30px;}
.sort-section ul li a {font-size: 17px;}   
#serviceap h1{font-size:28px;}
#serviceap p a {color:#337ab7;}
#nearby {padding-top: 70px;}
#nearby ul, #nearby p{font-size: 16.5px;text-align: justify;}
.gallery-container ul, .gallery-container ul li {margin-bottom: 0px;}
.logo_sticky {position: fixed;}
.glyphicon img {width: 15px;}
#general_facilities h3{color: #fff;}
.room_desc {visibility: visible; animation-delay: 0.1s; animation-name: fadeIn;}
#quote-carousel {
    padding: 0 10px 0px 10px; margin-top: 60px;
}
#quote-carousel .carousel-control {
    background: none; color: #CACACA; font-size: 2.3em; text-shadow: none; margin-top: 30px;
}
#quote-carousel .carousel-indicators {
    position: relative; right: 50%; top: auto; bottom: 0px; margin-top: 20px; margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 15px;
    height: 15px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    transition: all .4s ease-in;
    vertical-align: middle;
}
#quote-carousel .carousel-indicators .active {
    width: 15px; height: 15px; opacity: 1; transition: all .2s;
}
#quote-carousel h4 {text-align: left;}
#nearby .item img {width: 350px;height: 230px;}
#nearby .carousel-indicators {width:64%;}

.webslider .carousel-inner>.item {margin-top: -130px;}
#whatsapp {position: fixed;bottom: 30px;right: 20px;}
#whatsapp img {width: 70px;height: 70px;}
.shake {
  animation: shake-animation 4s ease infinite;
  transform-origin: 50% 50%;
}
@keyframes shake-animation {
   0% { transform:translate(0,0) }
  1.78571% { transform:translate(0,5px) }
  3.57143% { transform:translate(0,0) }
  5.35714% { transform:translate(0,5px) }
  7.14286% { transform:translate(0,0) }
  8.92857% { transform:translate(0,5px) }
  10.71429% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}
.otherprop {padding: 0px 0px 30px 0px;}
#otherpropind {text-align: center !important;margin-top:20px;}
#otherpropind img {border-radius: 4px;max-width: 100%;}
.proptitle {margin-top:20px !important;}
.proptitle p {font-size:22px;font-weight:bold;margin-bottom:10px;}
.proptitle a{color:#2a303b;font-weight: 600;font-size: 22px;}
.proplocation {font-size: 17px;margin-top:10px;color: #636a76;margin-bottom:20px;}
.propbtnleft {text-decoration: none; background: #006363; color: #fff; padding: 7px 8px; border-radius: 3px;font-size: 18px;margin:0px 3px;}
.propbtn a:hover{color: #fff;}
.propbtnright {background: #ff9800;text-decoration: none;color: #fff; padding: 7px 8px; border-radius: 3px;font-size: 18px;margin:0px 3px;}
.propbtnright a {color: #fff;}
#hidelinks {visibility: hidden;}


@media only screen and (max-width: 600px) {             
            #aboutproperty p, footer p, .policy li, .room_list_desc p, #rooms p { font-size: 16px !important;}
            #aboutproperty {padding-top: 50px;}
            #aboutproperty h1, .breadcrumb_iner_item h2, .policy h3, .hotelgallery h3, #googlemaps h3 {font-size: 20px;}
            #rooms {padding-top:40px;}
            #rooms h3 {margin-top: 15px;font-size: 20px;}
            .room_list_desc h3 {font-size: 18px !important;}
            .hotelgallery{ padding-top: 50px;}
             .contact-sec h2 {font-size: 22px;}
            .sort-handle {display: none;}
            .sort-section ul {display: block;}   
            .sort-section ul li {display: inline-block;padding: 0px 10px;}
                      .sort-section ul li a {font-size: 14px;}
            .contact-sec {padding-top: 50px;background-position:0px 0px;}
            #googlemaps {padding: 30px 0px;}
            .webslider {padding-top: 48px;}            
            #contdesc {font-size: 16px;}
            footer h2 {font-size: 20px;}
            .webslider .carousel-inner>.item {margin-top: 0px;}
            #header_menu img {width: 120px;height: 50px;}
            #roomdetails .carousel-inner>.item>a>img, #roomdetails .carousel-inner>.item>img, 
            #homeroomslide .carousel-inner>.item>a>img, #homeroomslide .carousel-inner>.item>img {height: 202px !important;}
            #roomdetails .carousel .slide , #homeroomslide .carousel .slide {height: 230px !important;}
            blockquote:before {left: 3px !important;top: 310px !important; font-size: 150px !important;}
            #myCarousel .carousel-inner>.item>a>img, #myCarousel .carousel-inner>.item>img, #myCarousel .img-responsive, #myCarousel .thumbnail a>img, #myCarousel .thumbnail>img {width:100%;}
            #header_menu {padding: 35px 25px 25px 25px;}
            #close_in i {font-size: 20px;background: #ec5d25;padding: 2px 0px;}
            a#close_in {width:auto; right: 0px;top: 0px;}
            ul#lang_top {background-color:#1c6f70 !important; margin: 3px 40px 0 20px;}
            #myBtn1, #myBtn2 {padding:6px 16px;font-size:16px;}
             .logo_sticky {width:120px !important;}
             #whatsapp {position: fixed;bottom: 20px;right: 10px;}
            #whatsapp img {width: 60px;height: 60px;}
			.theiaStickySidebar span {font-size:16px;}
			.sort-section ul li a {font-size:16px;}
            }
            
            @media (min-width: 768px){
            .modal-dialog {width: 75%; margin: 80px auto;}
            }
            
            
            
            
            
            
            
  blockquote {margin-bottom:0px;padding-bottom:0px;}
  blockquote {  border-left: none;}
  blockquote:before { display: block;content: "\201C";  font-size: 200px; position: absolute; left: 85px;top: 670px;
    color: rgba(122, 122, 122, 0.11);font-family: none;}
   

   /*room page css*/ 

   .aboutroom h3{color: #1c6f70 !important;margin-bottom: 5px;}
  .aboutroom p  {font-size: 17px;text-align: justify;margin-top: 20px;}
 
.blog_bg1 { background-image: url(ho-image/bg1.jpg); margin-top: 48px;
    background-position: 0px -450px;background-repeat: no-repeat;background-size: cover;padding: 80px 0px;background-attachment: fixed;}
    .aboutroom {padding-top: 40px;}
    .aboutroom h3{font-size: 24px;}
    #roomdetails {padding-top: 10px;border-top: 1px solid #ddd; padding-bottom: 15px;}
    #roomdetails h3{font-size: 22px;margin-top: 10px;margin-bottom: 10px;}
    .roomtext {padding-top: 20px;}
    #roomamenities span {margin-left: 10px;font-size:16px;}
    .mt10 {margin-top: 10px;}
    /*#roomamenities li {display: list-item;font-size: 14.5px;}*/
    #roomamenities h6 {font-size: 16px;color:#1c6f70;text-align: left;}
    .amenitiesfirstrow {padding-left: 0px;margin-top: 10px;}
    .amenitiessecondrow {margin-top: 10px;padding-left: 0px;}
    #roomdetails .carousel-inner>.item>a>img, #roomdetails .carousel-inner>.item>img, #homeroomslide .carousel-inner>.item>a>img,
    #homeroomslide .carousel-inner>.item>img {height: 300px;}
    #roomdetails .carousel .slide , #homeroomslide .carousel .slide {height: 300px;}
    #roomgallery  .sort-section ul li a {letter-spacing: 0.5px;font-size: 16.5px;}
    #roomgallery {padding-top: 65px;}
    #aboutroomdetails {padding-top: 45px;}
    #roomdetails #btnleft a, #roomdetails #btnright a {background-color:#51883b;}
    #single_room_feat {font-size: 15px;text-align: center;padding-top: 7px;padding-bottom: 7px;}
    #single_room_feat img {width: 32px;}
    #largeamenitymob {display: none;}
    #roombreadcrum h2 {color: #fff;}
    .titleshape {text-align: center;}
    .blog_bg .breadcrumb_iner_item h2 {color:#fff;text-transform: uppercase;font-weight: 900;}
    #contdesc img {width: 27px;}
    #contact_details_footer h2{color: #fff;padding-bottom: 5px;}
    #logo_footer p {font-size: 16px;text-align: justify;}
    #hotamenityside {position: relative; overflow: visible; box-sizing: border-box; min-height: 1px;}
    #footerbg {background:rgb(0 0 0 / 32%);}
    #footcontent {font-size: 17px;text-align:justify;}
    .logo_sticky {width: 160px;}


    
    
    	@media only screen and (max-width: 600px) {         
    			.aboutroom h3 {font-size: 20px;}
    			#roomdetails h3 {font-size: 18px;}
    			.aboutroom p {font-size: 16px;}
    			#roombreadcrum h2 {font-size: 22px;}
          #roomamenities ul {padding: 5px;}
          #roomgallery .sort-section ul li a {font-size: 14px !important;line-height: 30px;}
          .blog_bg1 { background-position: -450px -200px !important;}
          
          #largeamenitymob {display: block;}
          #largeamenity     {display: none;}  
          #single_room_feat {font-size: 14px;}
          #nearby ul, #nearby p {font-size: 16px;}
          #logo_footer {width: 200px; height: 65px;}
		  #footcontent {font-size: 16px !important;}
		  #roomamenities span {font-size:15px;}
    	    }


	    


/*Book now button*/
.featuresTab-widget {
  display: block;
  position: fixed;
  right: -396px;
  top: 38%;
  transition: all .5s ease .5s;
  z-index: 99;
}

#featuresTab.angle-left {
  background: -8px 15px no-repeat #51883b;
}
#featuresTab {
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  border-width: 0;
  color: #FFF;
  cursor: pointer;
  display: block!important;
  height: 141px;
  position: absolute!important;
  right: 396px;
  top: 0;
  width: 38px;
}
#featuresTab span {
  font-size: 18px !important;
  height: 40px;
  left: 2px;
  line-height: 40px;
  margin-left: -62px;
  position: absolute;
  text-transform: uppercase;
  top: 17px;
  width: 160px;
  -webkit-transform: rotate(-90deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform: rotate(-90deg);
  -moz-transform-origin: 50% 50%;
  -o-transform: rotate(-90deg);
  -o-transform-origin: 50% 50%;
  -ms-transform: rotate(-90deg);
  -ms-transform-origin: 50% 50%;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  color:#fff;font-weight:bold;
}

@media only screen and (max-width: 600px){
    #featuresTab span {top: -8px;left: -2px;font-size:15px !important;}
    #featuresTab {height:110px;width:30px;}    
}

/*book now button*/