body {font-family: 'Montserrat', sans-serif; font-size: 13px; background-color: #e6e6e6;}
a {color: #000;}
a:hover, a:active {text-decoration: none; color:#ff6600;}
ul, ol{list-style: none; margin: 0; padding: 0;}

.round {border-radius:6px;}
.orange {color: #ff6600;}
.graybg {background:#e9e9e9;}
.shaddow {border:#bdbcbd 1px solid; box-shadow: 0 2px 5px #adadad;}
.top20 {padding-top: 20px;}
.pad15 {padding: 15px !important;}
.btn {background-color: #0099cc; color: #fff; border-radius:25px; border:0; font-size: 12px; padding: 8px 15px;}
.btn:hover {background-color: #000;}
.btn-primary {background-color: #0099cc;}
.btn-secondary {background-color: #ff6600; padding: 10px 25px;}

.white-block {background-color: #fff; display: block; min-height: 100px; margin: 20px 0; }
.uline {text-decoration: underline;}
.topline {border-top: #000 1px solid;}
.left50 {padding-left: 50px !important;}
.top10 {padding-top: 10px;}
.inline {display: inline-block !important;}
.visible-xs {display: none;}


/**** Header ****/
.header {margin: 50px 0 20px;}
nav {margin-bottom: 10px; font-size: 13px;}

.page-header {position: relative;}
.page-header h2 {position: absolute; bottom:10px; left: 30px; font-size: 30px; text-transform: uppercase; color: #fff; font-weight: 300;}
.page-header img {width: 100%;}

.nav-item.dropdown.show a.dropdown-toggle:before {
    content: "";
    height: 0;
    width: 0;
    border-width: 8px;
    border-color: transparent transparent #fff;
    border-style: solid;
    position: absolute;
    bottom: -3px;
    right: 0;
    left: 50%;
}

.nav-item {text-transform: uppercase; padding: 0px 10px;}
.nav-item .navbar-dropdown{font-size: 11px;}
.nav-item .navbar-dropdown ul {padding: 0 10px;}
.nav-item .navbar-dropdown li {padding: 5px 10px; }

.flag {
    display: inline-block;
    width: 16px;
    height: 11px;
    background: url(../img/flags.png) no-repeat;
    margin-right: 5px;
}
.flag.flag-en {background-position: -144px -44px;}
.flag.flag-hi {background-position: -96px -66px;}
.flag.flag-da {background-position: -112px 0;}
.flag.flag-zh-CN {background-position: -176px -22px;}
.flag.flag-ar {}

.flag.flag-de {background-position: -48px -33px;}
.flag.flag-es {background-position: -240px -33px;}
.flag.flag-fr {background-position: -112px -44px;}
.flag.flag-is {background-position: -160px -66px;}
.flag.flag-id {background-position: -32px -66px;}
.flag.flag-ja {background-position: -240px -66px;}
.flag.flag-pt {background-position: -80px -121px;}
.flag.flag-tr {background-position: 0 -154px;}
.flag.flag-th {background-position: -128px -143px;}
.flag.flag-it {background-position: -176px -66px;}
.flag.flag-sv {background-position: 0 -143px;}
.flag.flag-el {background-position: -80px -55px;}
.flag.flag-ru {background-position: -192px -121px;}
.flag.flag-vi {background-position: 0px -165px;}

ul.currency li {display: inline-block; width: 31.8%; text-align: center;}

.map-embed {padding: 10px 15px 5px; width: 500px;}
.contact-address {width: 350px; padding: 20px 30px 50px;}
.contact-address p {font-size: 12px; padding: 0; line-height: 20px; margin: 0}
.contact-address p.title {text-transform: uppercase; font-weight: 600;}



/*** Search Box ***/
.search-section .white-block {padding:20px;}
.search-section h3 {color: #ff6600; font-size: 18px; font-weight: 600; border-bottom: #a5a5a5 1px solid; padding-bottom: 6px}
.search-section .row {margin: 0 -8px;}
.search-section .btn {border-radius:5px; margin-top: 21px; min-height: 40px; width: 100%;}
.search-section .col {display: inline-block; width:50%; padding:0 8px;}
.search-section .col input {background:#ddd; min-height: 40px; border:#bdbcbd 1px solid; border-radius:5px; max-width: 140px; padding: 8px;}
.search-section .location-list{background:#ddd; min-height: 40px; border:#bdbcbd 1px solid; border-radius:5px; max-width: 140px; min-width: 140px; padding: 8px; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none;}
form #checkin,
form #checkout {background:#ddd url(../img/date.png) right top no-repeat;}

.search-section .col label {display: block; margin-bottom: 3px;}
.search-section .col input.decreaseVal {border-radius: 5px 0 0 5px; width: 23px; background-color: #bdbdbd; font-size: 20px; float: left; padding: 0;}
.search-section .col input.increaseVal {border-radius: 0 5px 5px 0; width:23px; background-color: #bdbdbd; font-size: 20px; float: left; padding: 0;}
form .inc-dec input.val {border-radius: 0; width: 60px; margin: 0; padding: 8px; text-align: center; float: left;}



/*** Cottage List ***/
.cottage-info .white-block {padding: 25px}
.cottage-info h2 {font-size: 24px; color: #666;}
.cottage-info h4 {font-size: 18px; color: #666; font-weight: 700; margin: 0;}
.cottage-info ul {margin: 10px 0;}
.cottage-info a.btn {margin-bottom: 30px;}
.cottage-info .price {font-size: 24px; color: #666;}
.cottage-info .price span {font-size: 12px; display: block;}
.cottage-info .availability {margin-top: 15px; font-weight: 500; color: #ff0000; font-size: 14px;}

.cottage-info .package {margin:25px -25px -25px; background-color: #ffecc2; min-height: 100px; padding: 0; font-size: 14px;}
.cottage-info .package .table {min-width: 1000px;}
.cottage-info .package span {display: block;}
.cottage-info .package .large {font-size: 18px;}
.cottage-info .package .small {font-size: 12px; font-weight: 500;}




.cottage-info .package .bottom-row {background: #ffecc2;}
.cottage-info .package .table-col {float:left;}
.cottage-info .package .table-col.col1 {width: 28%;}
.cottage-info .package .table-col.col1 .table-row {padding-top: 30px}
.cottage-info .package .table-col.col2 {width: 5%;}
.cottage-info .package .table-col.col2 .table-row {padding-top: 30px}
.cottage-info .package .table-col.col3 {width: 20%;}
.cottage-info .package .table-col.col4 {width: 16%;}
.cottage-info .package .table-col.col4 .table-row {padding-top: 25px}
.cottage-info .package .table-col.col5 {width: 17%;}
.cottage-info .package .table-col.col5 .table-row {padding-top: 25px}
.cottage-info .package .table-col.col6 {width: 14%;}
.cottage-info .package .table-col.col6 .table-row {padding-top: 35px}


.cottage-info .package .table-col .table-row {padding: 15px 15px; font-weight: 600;}
.cottage-info .package .table-col .table-row.title {padding: 6px 15px !important; background-color: #c79d40; color: #fff; font-weight: 500; border-bottom:#fff 2px solid; text-align: center;}
.cottage-info .package .table-col .table-row.rborder { border-right:#bdbdbd 1px solid; min-height: 90px; vertical-align: middle; margin: 12px 0;}





.cottage-info .package th {background-color: #c79d40; color: #fff; font-weight: 500; text-align: center;}
.cottage-info .package td {background: url(../img/line.png) top right no-repeat; font-weight: 600; color: #000; padding-top: 30px; vertical-align: middle;}
.cottage-info .package td:last-child {background:none; text-align: center;}


.cottage-info .package .btn-book {background-color: #000; font-size: 14px; font-weight: 600; padding: 10px 20px}
.cottage-info .package .btn-book:hover {background-color: #ff6600; color: #fff;}
.table th {border-color:#fff !important; padding: 5px 0.75rem;}

.package .inc-dec input {min-height: 40px; border:0; border-radius:5px; padding: 8px; float:left;}
.package .inc-dec input.decreaseVal {border-radius: 25px 0 0 25px; width: 40px; background-color: #bdbdbd; font-size: 20px; float: left; padding: 0;}
.package .inc-dec input.increaseVal {border-radius: 0 25px 25px 0; width:40px; background-color: #bdbdbd; font-size: 20px; float: left; padding: 0;}
.package .inc-dec input.val {border-radius: 0; width: 60px; margin: 0; padding: 8px; text-align: center; float: left; background:#fff;}

.package .guests input {width:70px; padding: 30px 35px 5px 5px; border:0; text-align: right; font-weight: 600; font-size: 18px;}
.package .guests input:focus {outline:none;}
.package .guests input.adult {background: url(../img/adult.png) right top no-repeat;}
.package .guests input.child {background: url(../img/child.png) right top no-repeat;}



/*** Cottage Details ***/
.property-details .white-block {padding: 15px;}
.property-details h4 {font-weight: 600; text-transform: uppercase; font-size: 18px; padding: 10px 0;}


/*** Book Now ***/
.book-now .white-block {margin-top: 0;}
.book-now .top-row {padding: 25px 25px 50px; color: #666; font-size: 14px; font-weight: 600;}
.book-now .top-row h2 {font-size: 24px;}
.book-now .top-row .topline {padding-top: 20px; margin-top: 10px; font-size: 12px; color: #666; line-height: 22px; font-weight: 500;}
.book-now .top-row .topline label {display: block;}
.book-now .top-row .topline .dark {color: #333; font-weight: 600;}
.book-now .top-row .topline .btn {margin-top: 8px;}

.book-now .bottom-row {background: #ffecc2;}
.book-now .bottom-row .table-col {display:table-cell;}
.book-now .bottom-row .table-col .table-row {padding: 15px 15px;}
.book-now .bottom-row .table-col .table-row.title {padding: 6px 15px; background-color: #c79d40; color: #fff; font-weight: 500; border-bottom:#fff 2px solid;}


.book-now .billing-total {padding: 15px 25px; font-size: 12px; font-weight: 500;}
.book-now .billing-total .table-col {display:inline-block; width: 32%;}
.book-now .billing-total .table-col.rborder {border-right: #adadad 1px solid;}
.book-now .billing-total .table-col .table-row {padding: 10px 15px;}
.book-now .billing-total .table-col .table-row.left0 {padding-left: 0 !important;}
.book-now .billing-total .table-col .table-row span {font-weight: 700; display: block; font-size: 14px; color: #333;}
.book-now .billing-total .table-row.gtotal {margin-top: 15px; text-align: right; padding: 10px 0; font-weight: 600; font-size: 18px; border-top: #9d9d9d 1px solid;}


/*** Confirm Booking ***/
.confirm-booking {padding: 15px;}
.confirm-booking h2 {font-size: 24px; text-transform: uppercase; color: #fff; background-color: #000; border-radius:6px; padding: 12px; text-align: center;}
.confirm-booking h4 {text-transform: uppercase; font-size: 14px; font-weight: 600; padding-top: 20px;}
.confirm-booking .form-control {background-color:#ddd; font-size: 14px; min-height: 45px;}
.confirm-booking .btn-primary {background: #ff6600; width: 100%; border-radius:6px; font-size: 18px; text-transform: uppercase;}
.confirm-booking .btn-primary:hover {background: #000;}


/**** Footer ****/
.footer {padding: 30px 0;}
.footer a {padding: 5px; margin: 0 5px; font-size: 12px;}
.footer a:first-child {margin-left: 0;}

.copyright {background: #343a40; padding: 40px; color: #fff; text-align: center; font-size: 18px; font-weight: 300;}




/**** Modal Popup ****/
.modal-header {padding:30px 30px 10px; border:0;}
.modal-title {font-size: 18px;}
.modal-body {padding:10px 30px 30px; font-size: 12px;}

#more-info .modal-body {font-size: 13px;}
#more-info .modal-body ul.inline li {display: inline-block; width: 48%;}
#more-info .modal-body li {line-height: 20px;}
#more-info .modal-body p {padding-top: 15px;}
#more-info .modal-body #gallery img {width: 100%;}
#more-info .carousel-indicators li {width:10px; height:10px; border-radius:10px; overflow: hidden;}

.carousel-control-next, .carousel-control-prev {width:30px;}
.modal-body label {font-size: 15px; font-weight: 500;}




@media (min-width: 1200px) {
    .container {max-width: 1170px;}
}

@media (max-width: 1200px) {
    .search-section label {margin-top: 10px;}
    .search-section .col {width: 33%; flex-basis: auto;}
}

@media (max-width: 1000px) {
    .search-section .col {width: 50%; flex-basis: auto;}
    .cottage-info .package .table-col {width: 50% !important;}

}

@media only screen and (max-width: 768px) {
    
    /*** Search Box ***/
    .search-section .col {display: block; width:100%;}
    .search-section .col input {min-height: 30px; width: 100%; max-width: 100%;}
	.search-section .location-list{min-height: 30px; width: 100%; max-width: 100%;}
    .search-section .col.inc-dec {width: 32%; text-align: center;}
    .search-section .col input.decreaseVal {border-radius: 5px 5px 0 0; width: 40px; background-color: #bdbdbd; font-size:18px; float:none;  display: block; margin: 0 auto;}
    .search-section .col input.increaseVal {border-radius: 0 0 5px 5px; width:40px; background-color: #bdbdbd; font-size: 18px; float:none;  display: block; margin: 0 auto;}
    form .inc-dec input.val {width: 40px; float: none; display: block; margin: 0 auto;}
    

    
    .navbar-nav {padding: 20px 0;}
    .map-embed, .contact-address {width: 100%;}
    .nav-item.dropdown.show a.dropdown-toggle:before {content:none;}
    
     /*** Cottage Lising ***/
    .cottage-info .availability {margin-bottom: 25px;}
    .cottage-info .package .table-col {width: 100% !important;}
    .cottage-info .package .table-col .table-row {text-align: left; padding: 8px 15px !important;}
    .cottage-info .package .table-col .table-row.title {text-align: left; border-bottom: 0;}
    .cottage-info .package .table-col .table-row.rborder {min-height: 50px; display: block; border: 0;}
    .cottage-info .package .table-col .table-row .inc-dec {margin: 0 auto; float: none;}
    .cottage-info .package .table-col .table-row .btn-book {margin-top: 15px; margin-bottom: 30px; width: 100%}
    
    
     /*** Boking page ***/
    .confirm-booking h2 {padding:10px 8px; font-size: 22px;}
    
    .book-now .top-row {padding-bottom: 25px;}
    .book-now .top-row .topline label {display: inline-block; width: 50%;}

    .book-now .bottom-row .table-col {display:block;}
    .book-now .bottom-row .table-col:last-child {padding-bottom: 20px;}
    .book-now .bottom-row .table-col .table-row {padding: 10px 15px;}
    .book-now .bottom-row .table-col .table-row.title {padding: 4px 15px; border-bottom:0;}
    .book-now .bottom-row .form-control {min-height: 30px;}

    .book-now .billing-total {padding: 15px; font-size: 12px; font-weight: 500;}    
    .book-now .billing-total .table-col {display:block; width: 100%;}
    .book-now .billing-total .table-col.rborder {border-right: 0; border-bottom:#adadad 1px solid;}
    .book-now .billing-total .table-col .table-row {padding-left: 0 !important;}
    .book-now .billing-total .table-col .table-row label {width:40%; display: inline-block;}
    .book-now .billing-total .table-col .table-row span {display: inline-block;}
    .book-now .billing-total .table-row.gtotal {text-align: left; font-size: 16px; border-top: #000 3px solid;}

    
    /*** Modal Popup***/
    .modal-header {padding:10px 15px 5px; border:0;}
    .modal-body {padding:10px 15px 15px;}
    
    #more-info .modal-body #gallery {margin-bottom: 25px;}
    #more-info .modal-body ul.inline li {width: 100%; display: block;}
    
    
    
    /*** General ***/
    .hidden-xs {display: none;}
    .visible-xs {display: inline-block;}
    .page-header h2 {font-size: 14px; left:10px; bottom:0;}
    .btn-secondary {padding: 10px 15px;}
    .search-section .white-block,
    .cottage-info .white-block {padding: 15px;}
    .cottage-info .package {margin: 20px -15px -15px;}

        
}