
/**
 * Defaults 
 */
body{font-size: 18px; font-family: 'calibri', arial, verdana; color:#464646; line-height: 1.3;}

/**
 * Layout
 */

#main-container{max-width:960px; margin: 0 auto; padding:0; border:0px solid red;}

.header{min-height:70px; position: relative; z-index: 1000;}
  .header .nav{margin-left: 200px;}
  .header .logo{position: absolute; top:0; left:50px; padding:0; margin: 0;}

.nav{margin:26px 0 0; }
.nav>li{line-height: normal;}
.nav>li>a{color:#464646; font-size: 18px; font-family: 'calibri', arial, verdana; padding: 0; margin-right: 26px;}
.nav>li>a:hover, .nav>li>a:focus,
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{background-color: transparent; color: #88042b;}


.contentpane{padding:0 20px; margin-left: -20px; margin-right: -20px;}
  .contentpane h2{font-size: 24px; color:#8a0020; margin: 0 0 16px;}
  .contentpane h3{margin-bottom: 16px; color: #117600; font-size: 20px; font-weight: 700;}
  .contentpane p{padding:0 0 10px;}

.contact-panel{background: #c8c8c8; padding: 14px 4px; margin: 0 0 15px;}
  .contact-panel h3{margin: 0 0 15px; color:#464646; font-size:20px;}
  .contact-panel p{font-size:16px; margin-bottom:16px;}
  .contact-panel .last-child{margin-bottom:0;}

.contact-form{margin-top: 30px;}

.contact-form .table-condensed{margin-bottom: 0;}
.contact-form .table-condensed>tbody>tr>td, .contact-form .table-condensed>tfoot>tr>td{padding-left: 0px; padding-right: 0; white-space:nowrap;}
.contact-form select{ display: inline-block; margin-right: 12px;}
.contact-form .day{width:18%;}
.contact-form .month{width:25%;}
.contact-form .year{width:18%;}
.contact-form .control-label{padding-left:10px;}
.contact-form .daysCount, .contact-form .guestCount{width:70px;}
.contact-form a{color:#464646;}


.photo-gallery a{margin-bottom: 38px; display: block; text-align: center;}
.photo-gallery img{max-width: 100%; height:auto;}

.tariff-photo-gallery a{margin-bottom: 30px;}

.authHeading{margin-top: 30px;}

.floating-contentpane p{line-height: normal; margin-top: -4px;}

.desc-box{float:left; width: 100%; margin-bottom: 20px;}

.tariff-list{font-size: 20px; color: #117600; font-weight: 700; list-style-type: none; padding: 0; margin-top: 0;}
  .tariff-list li{background: url(../images/listing-arrow.jpg) 0px 8px no-repeat; padding-left: 12px;}

.tariff-table{width:80%;}

.gettingthere-contentpane img{margin-bottom: 20px;}

.default-list, .standout-para, .standout-para a{font-size: 18px; color: #117600;}
.standout-para a{text-decoration: underline; color:#0078be;}
  .standout-para a:hover{text-decoration: none;}

.default-list{margin-left: 0; padding-left: 0; list-style-position: inside;}

.img-align-left{float:left; margin: 0 20px 15px 0;}

.footer .nav-wrap{border-bottom: 1px solid #c8c8c8; padding-bottom: 11px;}
.footer .nav{width:80%; margin: 0 auto;}
  .footer .nav > li a{background:url(../images/footer-nav-sep.jpg) right center no-repeat; padding:0 13px; margin: 0;}
    .footer .nav > li:last-child a,
    .footer .nav > li.last-child a{background: none;}
  .footer .copyright{font-size:16px; text-align:center; padding:12px 0;}
 

.sep-line{display: inline-block; width: 2px; height: 16px; vertical-align: middle; padding: 0 10px; background: url(../images/footer-nav-sep.jpg) center center no-repeat;}

address{ word-break: break-all;}

/**
 * Bootstrap Overwrite
 */ 
.form-horizontal .control-label{text-align: left;}
.form-group{margin-bottom: 10px;}
.form-control{padding:3px 6px; height: auto; border:1px solid #989898; border-radius: 0;}
.control-label{font-size:16px; font-weight: normal;}
.btn-default{background: #6c6c6c; color:#fcfcfc; font-size: 16px; padding: 4px 10px; height: auto;}
.table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td{border: 0; }

.table{font-size: 16px;}
.table-bordered{border: 1px solid #9c9c9c;}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th{background: #c8c8c8; color:#464646; text-align: center; font-weight: normal;}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{border: 1px solid #9c9c9c; padding:2px 8px 3px;}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{border-top: 1px solid #9c9c9c;}


.text-left{text-align: left !important;}
.text-right{text-align: right !important;}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.custom-banner{ overflow: hidden; margin-bottom:26px; height:389px;}

.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0 0 0;
  overflow: hidden;
  *zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
  height: auto;
}

.bxslider{margin:0; padding:0; list-style-type: none;}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
 /* -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border:  5px solid #fff;
  left: -5px;
  background: #fff;
  */
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
      -ms-transform: translatez(0);
      -o-transform: translatez(0);
      transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 16%;
  right: 1.7%;
  width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
  text-align: right;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 0;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #a0a193;
  /*text-indent: -9999px;*/
  display: block;
  width: 13px;
  height: 13px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

  font-size: 0;
  line-height: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #fff;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
  left: 10px;
  background: url(../images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url(../images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(../images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(../images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 13%;
  left: 5.3%;
  background: none;
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  display: block;
  font-size: 36px;
}



/*
 * Media Queries 
*/

/* Target xs devices */

@media screen and (max-width: 640px){

  body,html{overflow-x:hidden;}

  .header {text-align: center;}
  .header .nav{float: none !important; width: 100%; margin: 20px auto;}
  .header .nav>li{float: none; display: inline-block;}
  .header .nav>li>a{margin-right: 8px; margin-left: 8px;}
  .header .logo{position: static; margin: 0 auto;}
	
.custom-banner {height:auto;}
	/*.custom-banner {height:131px;}*/
	
  .bx-viewport,
  /*.bx-viewport img{height:210px !important;}*/
  .bx-wrapper .bx-caption{}
  .bx-wrapper .bx-caption span {font-size: 19px;}
  .bx-wrapper .bx-pager.bx-default-pager a{width: 10px; height: 10px;}
  .bx-wrapper .bx-controls-auto{bottom: 24%;}
  .bx-wrapper .bx-pager{bottom: 16%;}

  .img-align-left{clear:both;}
	
  .desc-box p{clear:both;}
  
  .contact-form {margin-top: 0;}
  .contact-form table,
  .contact-form tbody,
  .contact-form thead,
  .contact-form tfoot,
  .contact-form tr,
  .contact-form td,
  .contact-form table >thead>tr>td, .contact-form table >tbody>tr>td, .contact-form table >tfoot>tr>td {display: block; padding:0;}

  .contact-form .btn-default,
  .contact-form a{clear:both; display:block; margin-left: auto; margin-right: auto; text-align: center;}
  .contact-form .sep-line{display: none;}

  .contact-form .control-label{padding-left: 0; margin-top: 8px;}
  .contact-form select, .contact-form .day, .contact-form .year, .contact-form .month{width:28%;}

  .contact-form .daysCount, .contact-form .guestCount,
  .tariff-table{width:100%;}

  .footer .nav{display: none;}

}


/* Target iPad 3 and 4 Portrait */
@media only screen and (min-width: 768px) and (max-width: 768px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait),
only screen and (min-width: 768px) and (max-width: 768px) and (-webkit-device-pixel-ratio: 1) and (orientation: portrait),
only screen and (min-width: 768px) and (max-width: 768px) and (-webkit-device-pixel-ratio: 1.5) and (orientation: portrait) {
 
  body,html{overflow-x:hidden;}
  
  .header {text-align: center;}
  .header .nav{float: none !important; width: 100%; margin: 20px auto;}
  .header .nav>li{float: none; display: inline-block;}
  .header .nav>li>a{margin-right: 8px; margin-left: 8px;}
  .header .logo{position: static; margin: 0 auto;}
  
  .nav {margin: 15px 0 0;}

  .custom-banner{height:312px;}
  
  /*
  .bx-wrapper .bx-caption span {font-size: 21px;}
  .bx-wrapper .bx-pager.bx-default-pager a{width: 12px; height: 12px;}*/
	
	.tariff-table{width:100%;}

  .footer .nav {width: 100%; border:0px solid green; }
  .footer .nav-pills>li {float: none; display: inline-block;}
}


/* */
@media 
only screen and (min-width: 768px) and(max-width: 1024px) and (orientation: landscape),
only screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-device-pixel-ratio: 1.5) and (orientation: landscape),
only screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape),

/* from nilesh device using atmedia.info  */
only screen and (min-width:768px)
 and (device-width:768px)
 and (max-width:1024px)
 and (orientation:landscape)
 and (-webkit-min-device-pixel-ratio:2)
 and (device-aspect-ratio:3/4),
{

  body,html{overflow-x:hidden;}
  
.header {text-align: center;}
  .header .nav{float: none !important; width: 100%; margin: 20px auto;}
  .header .nav>li{float: none; display: inline-block;}
  .header .nav>li>a{margin-right: 8px; margin-left: 8px;}
  .header .logo{position: static; margin: 0 auto;}
	
	.custom-banner{ height:389px;}

	.tariff-table{width:100%;}
  .footer .nav {width: 100%; }
  .footer .nav-pills>li {float: none; display: inline-block;}
}
