body
{
    font-weight:400;
    background:#f1f1f1;
    background:#2a2f3a ;
    font-size: 14px;
}


.fill{
    width:100%;
    height:100%;
    min-height:100%;
    
}



h1, h2, h3, h4, h5 {
    margin:0px;
    font-weight:700;
}

.top-bar{
    padding:7px 0px;
 background:#f7f7f7;
    border-bottom:1px solid #eee;
    font-size: 14px;
    
}

.top-bar .item {
        margin-right:20px;
}

.top-bar .logo {
        text-transform:uppercase;
        font-weight:700;
        letter-spacing:2px;
        font-size:16px;
    }

        .top-bar .logo .icon {
            color:#000000;
            
        }
        
      
        
        div.image-item {
    height: 10em;
    position: relative }
div.image-item p {
    margin: 0;
    background: yellow;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }
    

.digit {
    font-family:'Open Sans';
}

.home-main {
    background: #66afe9;
    border-bottom: 0px solid #eee;
    border-top: 0px solid #eee;
    background: url('/assets/img/bg-cities.jpg')  center top fixed;
    /*background-size: cover;*/
    color: #fff;
}

.content {
    padding: 20px 0px;
    background: #ffffff;
}


.home-main-wrapper {
    padding:70px 0px 90px 0px;
}

.color-overlay {
background: rgba(3, 15, 32, 0.55);
 
}
.home-main .search-box {        
        padding:20px 30px;
        border:0px solid #fff;
        background:#f3f3f3;
        color:#333;     
    }

 label {
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
     font-family: montserrat;
    
}

.home-main .headline {
       margin-bottom:30px;
       text-align:center;
}

.home-main .headline h1{
    text-transform:uppercase;
    font-size:3.2em;
}

.icon-call {
    margin: 30px;
       
}

.icon-md {
    font-size: 40px;  
}

hr.dotted {
 border-top: 1px dotted #B4B2B2;   
}

.section-title {
    text-align: center;   
}

.section-title h2 {
    text-transform: uppercase;
}
.section-title .icon {
    font-size: 70px;   
}
    
.page-main {
    background:#66afe9;
    border-bottom:0px solid #eee;
    border-top:0px solid #eee;
    background:url('/assets/img/splash2.jpg') no-repeat center top fixed;
    background-size:cover;
    color:#fff;    
     
   
}

.page-main-wrapper {
    padding:50px 0px 50px 0px;
}


    .page-main .headline .icon2 {
        font-size:70px;
        font-weight:bold;
    }

    .page-main .headline {
       margin-bottom:0px;
       text-align:center;
}
.page-main .headline h1{
    text-transform:uppercase;
    font-size: 32px;
}




.home-main .search-box .row {
    margin-bottom:20px;
}
.home-features {
    padding:50px 0px;
    text-align:center;
    background:#fff;
}

    .home-features .features {
        margin-top:50px;
    }

.home-features .bdrr{border-right:1px dotted #bbb;}


    .home-features .icon{
        font-size:70px;
        color:#ff5a5f; /*red:f25454 green: 00ab66 cyan:14BEE9*/        
        margin-right:20px;
    }

    

     .home-features h4{
        
        font-weight:700;
        text-transform:uppercase;
        margin-top:10px;
        letter-spacing:1px;
        margin-bottom:10px;
    }

    .home-features h2 {
        text-transform:uppercase;
        
    }

.home-features .tl, .home-features .tr, .home-features .bl, .home-features .br {
    padding:30px;
}

.home-features .tl, .home-features .bl{border-right:1px dotted #bbb;}
.home-features .tl, .home-features .tr{border-bottom:1px dotted #bbb;}



.btn {
    text-transform:uppercase;
    
    letter-spacing:2px;
}

.form-control{
    /*padding:15px 15px;*/
    height:40px;
    font-family:'open sans'
}

select.form-control {
    /*padding:5px 5px;*/
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width:2px;
}

.bdr-r {
    border-right:1px solid #eee;
}
.bdr-l {
    border-left:1px solid #eee;
}

.bdr-b {
    border-bottom:1px solid #eee;
}

.footer {
    padding:50px 0px;
    font-size:14px;
    border-top:1px solid #ddd;
  
    color: #777;

}

    .footer .item {
        margin-right:25px;
    }

    .footer a {
        color:#777;
    }
    .footer a:hover {
        color:#ccc;
    }

    .footer .text-muted {
        font-size:12px;
    }

.results{
    background:#f7f8fa;
   
}

.results .summary {
    padding: 20px;
    text-align: center;
    border-bottom: 2px solid #eee;
    background: #f7f7f7;
    font-weight: 900;
}

.results .hdr {
    padding: 10px 10px;
    color: #eeeeee;
    background: #2a2f3a;
    font-size: 14px;
}
    .results .list {
        overflow-y:scroll;
        overflow-x:hidden;
        background:#fff;
        
    
        }

        .results .list .thumb {
            width:100%;
            height: 120px;
                    
        }
        
        .results .list .hotel .info {
            padding:10px 0px;  
            
        }
         .results .list .hotel .info .bar{
             padding-top: 5px;
             
            
        }

        .results .call {
            background: #00bfff;
            padding: 10px;
           
        }
        
         .results .list .hotel .address {
            font-size:14px;
             color: #777;
        }
          .results .list .hotel .rate {
              color: #66afe9;
             
        }
            .results .list .hotel .name a{
                font-size: 16px;
                color: #555;
                font-weight: 700;
        }

         .results .list .hotel  {
            border-bottom:2px solid #ddd;
             padding-right: 20px;
             font-size: 16px;
             
        }


         .results .list .hotel .info h5 {
           text-transform:uppercase
        }

           .results .list .hotel .info .btn {
           letter-spacing:0px;
        }

      

.no-padding{
    padding: 0px;
}

.primary-color {
    color:#ff5a5f ;
}

.modal-title {
    font-weight:700;
}

    .modal-header .icon {
        font-size:45px;
        float:left;
        margin-right:20px;
    }

.lookup-booking {
    background:#f7f8fa;
    padding:20px;
    border:3px solid #f1f1f1;
   
}

.section-white {
}

.section-grey, .bg-grey {
    background:#fafafa;
}

.bg-grey2 {
    background:#D3F4FF;
}
.bg-grey3 {
    background:#f7f7f7;
}

.section-white, .section-grey {
    padding:50px 0px;
    border-top:1px solid #eee;
}

.quote {
    font-size:2.0em;
    line-height:normal;
}

#quote .icon {
    font-size:100px;
   
    color:#ddd;
}

.padding-lg {
    padding:30px;
}

.panel {
   /* box-shadow:none;*/
  
}

.panel-default {
      border-color:#ddd;
}

.mega-icon {
    font-size:300px;
    color:#eee;
}
/*begin typeahead styles*/

.typeahead {
    width: 100%;
}

.twitter-typeahead {
 width: 100%;
 height: 34px;
    font-size: 14px;
}

/*
.tt-dropdown-menu {
    width: 100%;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}
*/

.tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-clip: padding-box;
}
.tt-suggestion > p {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
    border-bottom: 1px dotted #ccc;
}
.tt-suggestion > p:hover,
.tt-suggestion > p:focus,
.tt-suggestion.tt-cursor p {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #ff5a5f;
}


/*end typeahead styles*/

.star-rating {
    color: #ff5a5f;
    font-size: 20px;
    letter-spacing: -2px;
}



.btn-primary {
  color: #ffffff;
  background-color: #F2BE13;
  border-color: #F2BE13;
    font-weight: 700;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #FF3037;
  border-color: #e00007;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #ff5a5f;
  border-color: #FF3037;
}
.btn-primary .badge {
  color: #ff5a5f;
  background-color: #ffffff;
}

.checkout-form {
    background: #f7f7f7;
    padding: 25px;
    
}

.bkg-summary {
     
    text-align: left;  
}

.bkg-summary .lc {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    font-family: montserrat;
    letter-spacing: 1px;
    

}
.bkg-summary .row {
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.text-fine {
    color: #777;
    font-size: 13px;   
}

.city-collage {
    background: url('/assets/img/bg-cities.jpg');
    background-repeat: repeat-x;
    background-position: center top;
    height: 220px;

}

.error-msgs {
    color: #ff5a5f;
    
   
}

.validation-summary-errors {
    margin-bottom: 25px;
    border-bottom: 1px dotted #bbb;   
}

.error, .field-validation-error { color: red;}

 .field-validation-error { font-size: 13px; display:block}
 .input-validation-error{border:2px solid #ff5a5f}
 .validation-summary-errors{ font-size: 13px;}


.alert-info {
background-color: #E4FAFF;
border-color: #D3E7EE;
border-width: 0px;
color: #2478A0;
}

.hotel-headline .star-rating {
    font-size: 40px;   
    letter-spacing: -3px;
}
.hotel-headline h3 {
    margin-top: 7px;   
}

.ion-ios7-star-half:before { content: "\f33a"; }
.ion-ios7-star-half

 { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.hotel-search-box .row {
    margin-bottom: 10px;   
}

.hotel-rates-features .icon {
    font-size: 50px;
    color: #ff5a5f;
    float: left;
    margin-right: 20px;
}

.hotel-rates-features .row {
    padding: 15px;
}

.hotel-rates-features {
    margin-top: 10px;   
}

.hotel-menu{
    
    background:#2a2f3a;
    border-bottom:1px solid #ddd;
    text-align: center;
    z-index: 1000;
    color: #eeeeee;
}

.modal-dialog {
    z-index: 2000;
}

.hotel-menu-padding {
   
}

.sticky {
    position:fixed;
    top:0;
    width: 100%;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
color: #fff;
background-color: #ff5a5f;
}

.nav-pills>li>a:hover, .nav-pills>li>a:focus {
color: #fff;
background-color: #ff5a5f;
}

.nav-pills>li>a {
    color: #eee;   
}

.nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
color: #fff;
background-color: #ff3037;
}

.nav-pills {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-pills > li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.nav-tabs, .nav-pills {
    text-align:center;
}

.hotel-rooms, .hotel-details {
    border-bottom: 1px solid #eee;   
}



.hotel-section-title h3 {
    text-transform: uppercase;
   
}
.hotel-section-title {
  text-align: center;      
}

.details-tab-pane {
    padding: 40px;   
}

.details-tab {
 border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;
    
}

.amenities {
    list-style: none;
    
}
.amenities li {
    padding: 3px;
    float: left;
    width: 300px;
}

.bdr-ld {
    border-left: 1px dotted #ccc;   
}
.bdr-rd {
    border-right: 1px dotted #ccc;   
}

.panel-dates .panel-body {
    padding: 25px;
}

.list-highlights li{
 list-style-position: outside;
    margin-bottom: 5px;
}
.list-nearby li{
 list-style-position:outside;   
 margin-bottom: 5px;
}

.list-highlights, .list-nearby {
padding-left: 15px;    
}

.bg-dark-grey {
    background: #2a2f3a;
    color: #eeeeee;   
}


#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}

.owl-theme .owl-controls .owl-buttons div {
    background: #ff5a5f;
    opacity: 0.8;
}

.hotel-photo {
    height: 230px;
    width: 300px;
    border: 2px solid #eee;
}

.hotel-gallery {
    padding: 10px 0px;
    padding-top: 20px;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.panel-title-rates {
    font-weight: 700;
    
}
.panel-title-link {
    color: #428bca;
    font-weight: normal;
    font-size: 14px;
}
.panel-title-name {
    font-size: 18px;
}



/** Timeline
 **************************************************************** **/
.timeline {
	position:relative;
	margin-bottom:60px;
}


/* left */
.timeline .timeline-left .item {
	background-color: rgba(0,0,0,0.06);
	border-right:rgba(0,0,0,0.06) 3px solid;
	padding:15px;
	margin-left:50px;
	margin-bottom:30px;
	position:relative;
}
.timeline .timeline-left .item:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	width: 0; height: 0;
	position: absolute;
	border-right-color: rgba(0,0,0,0.06);
	border-width: 10px;
	top: 10px; left:-20px;
}
.timeline .timeline-left .item:before {
	right: 100%;
	border: #ddd 5px solid;
	content: " ";
	position: absolute;
	top: 10px; left:-50px;
	background-color:#333;
	width:22px; height:22px;
	z-index:1;

}
.timeline-left:after {
	background: #ddd;
	z-index:0;

	content: "";
	display: block;
	left: 10px; top:0; bottom:0;
	position: absolute;
	width: 4px;
	opacity: 0.35;
}
.timeline  .timeline-left .timeline-centered-title {
	float:right;
	content:' ';
	clear:both;
	font-size:19px;
}

/* right */
.timeline .timeline-right .item {
	background-color: rgba(0,0,0,0.06);
	border-left:rgba(0,0,0,0.06) 3px solid;
	padding:15px;
	margin-right:50px;
	margin-bottom:30px;
	position:relative;
}
.timeline .timeline-right .item:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	width: 0; height: 0;
	position: absolute;
	border-left-color: rgba(0,0,0,0.06);
	border-width: 10px;
	top: 10px; right:-20px;
}
.timeline .timeline-right .item:before {
	right: 100%;
	border: #ddd 5px solid;
	content: " ";
	position: absolute;
	top: 10px; right:-50px;
	background-color:#333;
	width:22px; height:22px;
	z-index:1;

}
.timeline-right:after {
	background: #ddd;
	z-index:0;

	content: "";
	display: block;
	right: 10px; top:0; bottom:0;
	position: absolute;
	width: 4px;
	opacity: 0.35;
}
.timeline .timeline-right .item h4 {
	text-align:right;
}
.timeline .timeline-right .timeline-centered-title {
	float:left;
	content:' ';
	clear:both;
	font-size:19px;
}

/** centered **/
.timeline .timeline-centered .item {
	background-color: rgba(0,0,0,0.05);
	padding:15px;
	margin-bottom:30px;
	position:relative;
	margin-top:100px;
    width: 100%;
}
.timeline .timeline-centered .item:first-child {
	margin-top:0;
}
.timeline-centered:after {
	background: #ddd;
	z-index:0;

	content: "";
	display: block;
	top:0; bottom:0;
	position: absolute;
	width: 4px;
	opacity: 0.35;

	left: 50%;
	margin-left: 0;
	height:100%;
}
.timeline-centered .item {
	max-width:46%;

}
.timeline .timeline-centered .item.pull-right:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	width: 0; height: 0;
	position: absolute;
	border-right-color: rgba(0,0,0,0.05);
	border-width: 10px;
	top: 10px; left:-20px;
}
.timeline .timeline-centered .item.pull-right:before {
	right: 100%;
	border: #fff 5px solid;
	content: " ";
	position: absolute;
	top: 10px; left:-43px;
	background-color:#ff5a5f;
	width:22px; height:22px;
	z-index:1;

}
.timeline .timeline-centered .item.pull-left:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	width: 0; height: 0;
	position: absolute;
	border-left-color: rgba(0,0,0,0.05);
	border-width: 10px;
	top: 10px; right:-20px;
}
.timeline .timeline-centered .item.pull-left:before {
	right: 100%;
	border: #fff 5px solid;
	content: " ";
	position: absolute;
	top: 10px; right:-46px;
	background-color:#ff5a5f;
	width:22px; height:22px;
	z-index:1;

}
.timeline .timeline-centered .item.pull-left h4 {
	text-align:right;
}
.timeline .timeline-centered .item.pull-right .timeline-centered-title {
	float:right;
	content:' ';
	clear:both;
	font-size:19px;
}
.timeline .timeline-centered .item.pull-left .timeline-centered-title {
	float:left;
	content:' ';
	clear:both;
	font-size:19px;
}

.timeline  .timeline-centered p {
	content:'';
	clear:both;	
}

@media only screen and (max-width: 768px) {
	.timeline-centered .item {
		width:100% !important;
		max-width:100% !important;
		margin:0 0 30px 0 !important;
	}
	.timeline .timeline-centered .item.pull-left,
	.timeline .timeline-centered .item.pull-right {
		float:none !important;
		display:block !important;
		position:relative !important;
	}
	.timeline .timeline-centered .item.pull-left h4 {
		text-align:left;
	}
	.timeline .timeline-centered .item.pull-right:after,
	.timeline .timeline-centered .item.pull-right:before,
	.timeline .timeline-centered .item.pull-left:after,
	.timeline .timeline-centered .item.pull-left:before,
	.timeline-centered:after {
		display:none;
	}
}


h1, .h1 {
font-size: 32px; 
}