/* Common CSS */
a:hover, a:focus {
    color:  #848889;
}
p {
    text-align: justify;
}
.section-sub-banner .sub-banner .container .text p {
    text-align: center;
}
.contact-location .location-group ul li .icon {
    color: #e1bd85;
    font-size: 10px;
    margin-right: 20px;
    vertical-align: middle;
}
.header_content .menu>li.current-menu-item>a,
.header_content .menu>li:hover>a,
.header_content .menu>li .sub-menu li:hover a,
.header_top .header_right .dropdown ul li.active a,
.header_top .header_right .dropdown ul li a:hover,  .box-border {
    background-color: #848889; 
}
.awe-btn.awe-btn-13, .home-about .text .awe-btn:hover,
#footer .footer_top .mailchimp .mailchimp-form .awe-btn, 
.awe-btn.awe-btn-default:hover, 
.section-slider #slider-revolution .awe-btn-slider:hover,
.gallery-cat ul li:hover a, .gallery-cat ul li.active a {
    border: 2px solid #848889;
    background-color: #848889;
}
#footer .footer_center .widget-logo .text p a:hover,
.accomd-modations-room .text h2 a:hover,.accomd-modations-room .text .price, 
.attraction_sidebar .attraction_sidebar-content .attraction_location li a:hover {    
    color: #848889;
}
#footer .footer_top .mailchimp .mailchimp-form .awe-btn:hover,
#footer .footer_top .mailchimp h4:before, 
#footer .footer_top .social .social-content a:hover,
.awe-btn.awe-btn-13:hover, .check-availability h2:before {
    border: 3px solid #848889;
    color: #848889!important;
}
.bg-14, .bg-13 {
    background-color: #E5D4B8;
    background-image: none;
}

/* setting of banner images */
#page-wrap .bg-c {
    background-image: url(../bluebells-hotel/banner/chelsea-house-banner-contactus.jpg);
}
#page-wrap .bg-aboutus {
    background-image: url(../bluebells-hotel/banner/banner-aboutus.jpg);
}
#page-wrap .bg-ca {

    background-image: url(../bluebells-hotel/banner/job.jpg);
}
#page-wrap .bg-gb {

    background-image: url(../bluebells-hotel/banner/bluebellshotel-guestbook.jpg);
}
#page-wrap .bg-e {
    background-image: url(../bluebells-hotel/banner/bluebellshotel-event.jpg);
}
#page-wrap .bg-g {
    background-image: url(../bluebells-hotel/banner/gallery.jpg);
}
#page-wrap .bg-a {
    background-image: url(../bluebells-hotel/banner/bluebellshotel-attractions.jpg);
}
#page-wrap .bg-s {
    background-image: url(../bluebells-hotel/banner/summer-activities.jpg);
}
#page-wrap .bg-r {
    background-image: url(../bluebells-hotel/banner/chelsea-house-banner-reservation.jpg);
}
#page-wrap .bg-9 {
    background-image: url(../bluebells-hotel/banner/contact.jpg);
}
#page-wrap .bg-8.bg-sbgb {
    width:65.813%;
    height:373px;
    float:left;
    background-image: url(../bluebells-hotel/banner/bluebellshotel-subbanner-guestbook.jpg);
}

#page-wrap .section-guest-book .container .guest-book .guest-book_head .text {
    height:373px;
}

/* CSS of review page */
#page-wrap .bg-8 {
    width:100%;
    height:300px;
    background-image: url(../bluebells-hotel/banner/bluebellshotel-subbanner-review.jpg);
}


#page-wrap .section-guest-book .container .guest-book.review {
    border:3px solid black;
    padding-left:1%;
    padding-right:1%;
    padding-bottom:2%;
}
#page-wrap .section-guest-book .container .guest-book.review .heading {
    text-align:center;
    padding-top:2%;
    padding-bottom:2%;
}
#page-wrap .section-guest-book .container.review {
    width: 900px;
    padding: 0.9% 0.5%;   
    background-color: #E5D4B8;
}
#page-wrap .section-guest-book .container .guest-book.review .guest-book-form {
    background-color: transparent;
    padding: 0px;
    width: 100%;
    padding: 2%;
    max-width: 100%;
    padding-bottom: 0px;
}
#page-wrap .section-guest-book .container .guest-book.review .guest-book-form p {
    color:black;
    margin-left: 0px;
}
#page-wrap .section-guest-book .container .guest-book.review .guest-book-form
form .form-field span,
#page-wrap .section-guest-book .container .guest-book.review .guest-book-form
form .form-field sup {
    color:red;
}
#page-wrap .section-guest-book .container .guest-book.review .guest-book-form .field {
    width:85%;
}
#page-wrap .section-guest-book .container .guest-book.review .guest-book-form .field-textarea {
    height:100%;
}
#page-wrap .section-guest-book .container .guest-book.review .guest-book-form 
.form-field table {
    width: 100%;
}
#page-wrap .section-guest-book .container .guest-book.review .guest-book-form 
.form-field table td:nth-child(1), #page-wrap .section-guest-book .container 
.guest-book.review .guest-book-form .form-field table th:nth-child(1) {
    text-align: left;
    width:200px;
}
#page-wrap .section-guest-book .container .guest-book.review .guest-book-form 
.form-field table tr td input[type=radio] {
    margin: 0px;
}
#page-wrap .section-guest-book .container .guest-book.review .guest-book-form 
.form-field table tr {
    height:50px;
    vertical-align: middle;
}
#page-wrap .section-guest-book .container .guest-book.review .guest-book-form 
.form-field table tr td, 
#page-wrap .section-guest-book .container .guest-book.review .guest-book-form 
.form-field table tr th {
    width:400px;
    text-align: center;
    vertical-align: middle;
}
#page-wrap .section-guest-book .container .guest-book.review .guest-book-form label {
    font-family: 'Montserrat';
    font-size: 16px;
    color: black;
    margin-right: 1%;
}
input[type="date"] {
    background: none;
    border: 1px solid #d4d4d4;
    background-color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    color: #666;
    font-size: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'Montserrat';
}
input[type=radio] {
    margin: 0px 0px 0px 30px;
    font-family: 'Montserrat';
    font-size: 30px;
    color: #e1d137;     
    border: 0px;
    width:30px;
    height: 20px;
}
#page-wrap .section-guest-book .container .guest-book.review .guest-book-form .awe-btn {
    width: 20%;
    margin-left: 40%;
}


/* CSS of Index page */
.guestbook-item .img {
    margin: 0px auto;
}
#footer .footer_center .widget-logo .img {
    margin-right: 2%;
}
#footer .footer_center .widget-logo {
    padding-top: 0px;
}
#footer .footer_center .widget-logo .text {
    margin-top: 0px;
    float:right;
}
#footer .footer_center .col-xs-12 .widget .widget-logo .text .widget-title {
    margin-left: 6.5%;
}
.guestbook-item .text p:before {
    left: auto;
    margin-left: -20px;
}

/* CSS of About page */
#page-wrap .section-team {    
    padding: 0px;
}
#page-wrap .section-about .about-item .text.t .heading {
    font-size: 30px;
    text-align: center;
}
#page-wrap .section-about .about-item .text.t {
    margin-top: 0px;
    margin-top: 35px;
    margin-bottom: 20px;     
}
#page-wrap .section-team .team .team_content .col-xs-6 .team_item {
    margin-top: 30px;
    margin-bottom: 50px;    
}
#page-wrap .section-about .about .about-item {
    margin-top: 60px;
}
#page-wrap .section-about .about-item.about-right .text {
    margin-top: 30px;
}
#page-wrap .section-about .about-item .text {
    margin-top: 20px;
}
.section-about .about p{
    margin-bottom: 15px;
}


/* CSS of event page */
#page-wrap .section-blog .col-md-8 .post .entry-content p {
    color: black;
    line-height: 1.3em;
    letter-spacing: .01em;
    font-size: 14px;
    font-family: 'Hind';
    text-align: justify;
    margin-top: 10px;  
}
#page-wrap .section-blog .col-md-8 .post .entry-content h6{
    margin-top: 15px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: bold;
}


/* CSS of attraction page */
#page-wrap .section-attractions .container .col-md-8 {
    margin-top: 50px;    
}
#page-wrap .bg-white .container .col-md-4 .attraction_sidebar .attraction_sidebar-content
.attraction_title {    
    font-family: 'Montserrat';
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 15px;
    margin-top: 30px;
    background-color: #848889;
}
#page-wrap .bg-white .container .col-md-4 .attraction_sidebar .attraction_heading {    
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: bold;
    border-bottom: 1px solid #e4e4e4;
    padding: 15px 20px;
    text-align: center;    
}
.section-attractions {
    padding-bottom: 0px;
}
#page-wrap .section-attractions .container{
    margin-bottom: 30px;
}
#page-wrap .section-attractions .container .col-md-8 iframe{
    width: 100%;
    min-height: 750px;
    height:100%;
    border: none;       
}
.attraction_sidebar .attraction_sidebar-content .attraction_location li a {    
    font-size: 12px;
    font-family: 'Montserrat';
    font-weight: bold;
    text-transform: uppercase;
}
.attraction_sidebar .attraction_sidebar-content .bootstrap-select.attraction_select.awe-select .btn 
.filter-option, .attraction_sidebar .attraction_sidebar-content .bootstrap-select.attraction_select.awe-select 
.btn .caret,
.bootstrap-select.btn-group.awe-select .dropdown-menu ul li a{
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: bold;
}
.attraction_detail .attraction_content .attraction_content-title {
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: bold;    
    padding: 0px 0px 20px 0px;
    text-align: center; 
    text-shadow: unset;   
}
.attraction_detail{
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Montserrat';
    font-size: 15px;
}
.attraction_detail .attraction_content ul{    
    font-weight: 500;
    line-height: 1.4em;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 20px;
    list-style-type: none;           
}
.attraction_detail .attraction_content ul li {
    margin-top: 5px;
}
.attraction_detail .attraction_content ul li span {
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 20px;
}
.attraction_content {
    border-top: none; 
    padding-top: 0px;
    margin-top: 0px;      
}
.attraction_content p{
    line-height: 1.5;
    text-align: justify;
    margin: 0px;
}


/* CSS of term & condition page */
.term-condition p{          
    margin-top: 5px;
    margin-left: 10px;
    line-height: 1.3em;
    letter-spacing: .01em;    
}
.term-condition ul li {
    padding: 1px 0;     
    letter-spacing: .014em; 
    margin-left: 10px;   
}
.section-term-condition {
    padding-bottom: 60px;
}
.term-condition ul{
    padding:3px 0px 0px 20px; 
    list-style-type: disc; 
    margin:0px;  
}
.term-condition h3{
    margin-top: 20px;    
}
.term-condition h6{
    margin-left: 10px;
    margin-top: 10px;
}


/* CSS of contact page */
.section-contact .contact .col-lg-5 .contact-location .collapse .location-group h5 {
    font-size: 15px;
}


/* CSS of Reservation page */
.reservation-room-selected .reservation-room-seleted_item .reservation-room-seleted_package {
    border-top: 0px solid #e4e4e4 !important;
    margin-top: 15px;
    padding-top: 5px;
}


.registration-form {
    border: 0;
    background-color: #fff;
    border-top: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    padding: 20px;
    display: inline-block;
     padding-top: 2%;
    margin-top: 2%;
    width: 65%;
}
.center {
    text-align: center;
}
.reservation-room_item .reservation-room_text .reservation-room_price {
    display: block;
}
.reservation-room_item .reservation-room_text .reservation-price {
    width: 100%;
}

.room_dropdown{
    width: 17% !important;
    height: 31px;
    color: #000;
    font-weight: 500;
    border: 2px solid #000;
}
.reservation-sidebar_availability .check_availability_group {
    padding-left: 0px !important;
}

.bookingpage_error{
    text-align:center;
    color:#848889;
    font-size:23px;
}

.wrongperson_back{
    margin-top:3%;
    margin-bottom: -4%;
}

.wrong_person{
    font-size: 13px;
    margin-top: 3%;
    color:black;
}

.wrong_persontitle{
    text-align:center;
    color:#848889;
    font-size:23px;
}

.reservation_note{
    color: #848889;
    font-size: 12px;
    margin-top: 15px;
}

#er_date, #er_adult, #er_child{
    color:#848889;
}

.roombook {
    margin-left: 25%;
    margin-top: 4%;
}

.bookroombutton{
    padding-left: 30%;
    padding-right: 30%;
    padding-top: 2%;
    padding-bottom: 2%;
}

.error_msg{
    margin-left: 41%;
    color: #848889;
    font-weight: bold;
    font-size: 14px;
}
.divwell{
       margin-left: 1%;
    margin-top: 3%;
    width: 65%;
    font-size: 15px;
}
.pdate{
    margin-left: 55%
}
.ptable{
    width: 200%
}
.td{
    text-align: left;
    width: 200%;
}
.td1{
    text-align: left;
}
.h4{
    text-align: center
}
.imgbtn{
    margin-bottom: 3%;
    margin-left: 40%;
}
.pbottom{
    font-size: 10px;
     margin-left: 0%;
}
.printbtn{
    margin-left: 83%;
}
.print{
    width: 100%;
}
.divc{
    margin-left: 1%;
    margin-top: 2%;
    margin-bottom: -2%
}

.pd{
    margin-left: 80%;
    margin-top: 1%
}
.divw{
    margin-left: 1%;
    margin-top: 2%;
     width: 100%;
     font-size: 15px;
}
.div{
    margin-right: 50%;
    float: left
}
.divh{
    margin-left: 50%;
    margin-top: -23%
}
.h41{
margin-top: -2%;
}
.tbl1{
    width: 100%;
}
.td2{
    border-top: 1px solid #ccc;width: 30%
}
.td3{
    text-align: left;
    border-top: 1px solid #ccc;
}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-state-hover {
    background: #848889;
}
.ui-widget-header {
    border: 1px solid #848889;
    background: #848889 /*url(images/ui-bg_gloss-wave_35_f6a828_500x100.png)*/ 50% 50% repeat-x;
    color: #fff;
    font-weight: bold;
}
.ui-datepicker .ui-datepicker-header {
    background-color: #848889;
    border-width: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.ui-datepicker .ui-datepicker-calendar thead th {
    text-transform: capitalize;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: normal;
    background-color: #848889;
    padding: 12px 5px;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
    background-color: #848889;
    color: #fff;
    border-color: #848889;
}
.bootstrap-select.btn-group.awe-select .dropdown-menu ul li.selected a {
    background-color: #848889;
    color: #fff;
    border-bottom-color: #848889;
}
#preloader .preloader-dot {
    width: 0;
    height: 0;
    border: 2px solid #848889;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 1;
    animation: preloader 3s ease infinite;
    -ms-animation: preloader 3s ease infinite;
    -moz-animation: preloader 3s ease infinite;
    -webkit-animation: preloader 3s ease infinite;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.room-detail_tab-header li.active a, .room-detail_tab-header li:hover a {
    color: #848889;
}
.room-detail_tab-header li a:before {
    height: 2px;
    content: '';
    width: 0;
    position: absolute;
    left: 0;
    bottom: -2px;
    background-color: #848889;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.reservation_step ul li.active:before, .reservation_step ul li:hover:before {
    background-color: #848889;
}
.reservation-sidebar_availability .check_availability_title {
    margin-top: 20px;
    color: #848889;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: bold;
}
.reservation-room_item .reservation-room_text .reservation-room_view-more {
    display: inline-block;
    clear: both;
    margin-top: 10px;
    color: #848889;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 25px;
    text-decoration: underline;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.team_item:hover .img:before {
    border-color: #848889;
}
.contact .contact-location .btn-collapse:hover {
    color: #848889;
}
.contact .contact-form .field-text:focus, .contact .contact-form .field-textarea:focus {
    border-color: #848889;
}
.owl-controls .owl-prev:hover, .owl-controls .owl-next:hover {
    color: #848889;
    border-color: #848889;
}
.bootstrap-select.btn-group.awe-select .dropdown-menu ul li a:hover {
    background-color: #848889;
    color: #fff;
    border-bottom-color: #848889;
}
.ui-datepicker .ui-datepicker-calendar td a.ui-state-active, .ui-datepicker .ui-datepicker-calendar td a:hover {
    border: 1px solid #848889;
}
.reservation-room-selected .reservation-room-seleted_item .reservation-room-seleted_total-room .reservation-amout {
    float: right;
    color: #848889;
}
.bg-blue {
    background-color: #848889;
}
.r{
    color: #d6ad6a;
}
.guestbook-item .text p {
    color: #232322;
}
.guestbook-item .text span {
    color: #232322;
    }
.owl-controls .owl-pagination .owl-page.active {
    background-color: #232322;
}
.owl-controls .owl-pagination .owl-page {
    font-size: 14px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 2px solid #232322;
    margin: 0 2px;
    }
.header_content:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.67);
    opacity: 1;
    top: 0;
    left: 0;
    z-index: -1;
}
.section-blog .container .blog .row .post .box {
    /* css to covert image to border
    padding-top:20px;
    padding-bottom: 20px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-image: url('../images/border2.jpg') 100 100 round;*/
    padding-top:1px;
    padding-bottom: 1px;
    border: 2px solid #232323;
    margin-bottom:20px;
    margin-top:20px;
    margin-left:30%;
    margin-right:30%;
    width:40%;
    background-color: black;
}

.code_discount {
    color: #f90c0c;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    display: block;
    margin-top: -3%;
    margin-bottom: 1px;
    font-weight: 600;
}

.reference{
    width: 55%;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 23%;
    background-color: #e5e8ea;
    box-sizing: border-box;
}

.reference{
    width: 55%;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 23%;
    background-color: #e5e8ea;
    box-sizing: border-box;
}

.p_successpage{
    color:red; 
    margin-left: 28%;
}

.booking_header{
    margin-top: 19%;
    line-height: 200%;
    background-color: #848889;
    border: 2px solid #848889;
    color: white;
    border-radius: 20px;
    font-size: 16px;
}

.booking{
    margin-left: 10%;
    background-color: #a94442;
    border: 2px solid #a94442;
    color: white;
    width: 80%;
    padding: 9px;
    font-size: 16px;
}

.reservationbtn{
    margin-left:10%;
    background-color: #a94442;
    border: 2px solid #a94442;
    color: white;
    padding: 9px;
    font-size: 16px;
    margin-top: 1%;
}

.btn_booking:hover{
    background-color: white !important;
    border: 2px solid #848889;
    color: black !important; 
}
.header_content .menu>li>a
{
    padding: 0 2px;  
    
}


