/*********/
/* Style */
/*********/
body{
  color:#333;
  font-size:14px;
}

a{
  color:#333;
}

.flex{
  display:flex;
}

#header{
  margin:0;
  padding:2px 0;
}

#header h1{
  font-size:12px;
  margin:0;
}

#header ul{
  display:table;
  width:100%;
  margin:0;
  height:50px;
}

#header ul li{
  display:table-cell;
  vertical-align:middle;
  padding:5px 15px;
}

#header p{
  font-size:12px;
  margin:2px;
}

#header a img:hover,#header a img:focus{
  opacity:.7;
}

.container {
  margin: 0 auto;
  max-width: 1000px;
}

.jumbotron{
  background-image:url(../img/bg_mainV.jpg);
  background-size:cover;
  padding:0;
  margin-bottom:0;
  border-bottom:solid 12px #ffc35c;
}

.jumbotron .container{
  max-width:1000px;
}

.jumbotron h2{
  color:#fff;
  font-size:64px;
  font-weight:bold;
  line-height:1.2em;
  text-shadow:0 0 6px #333;
}

@media (max-width:480px) {
  .jumbotron h2{
    font-size:36px;
  }
  .nav-tabs > li{
    /*width:44%;*/
  }
}

.search-box{
  background-color:rgba(255,255,255,.7);
  margin:25px auto 0 auto;
  padding:15px;
}

.search-box h3{
  background-color:rgba(0,0,0,.7);
  margin:-15px -15px 15px -15px;
  padding:15px;
  text-align:left;
  color:#fff;
}

.search-box h3 i{
  color:#ea5514;
}

.search-box .form-group{
  margin:25px auto;
}

.nav-tabs{
  border-bottom:0;
}

.nav-tabs > li{
  margin-left:-15px;
  margin-right:-15px;
  margin-bottom:-2px;
}

.nav-tabs > li > a{
  border-radius:0;
  font-weight:bold;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus{
  color:#333;
  border:0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
  border:0;
}

.search-inner{
  padding:15px;
  margin-bottom:10px;
  background-color:#fff;
}

.btn-more{
  display:inline-block;
  margin:15px auto;
  padding:0;
}

.btn-more.orange{
  background-color:#ffc35c;
}

.btn-more.green{
  background-color:#8fc31f;
}

.btn-more.green:hover,
.btn-more.green:focus{
  background-color:rgba(143,195,31,.5);
}

.btn-more.orange:hover,
.btn-more.orange:focus{
  background-color:rgba(255,195,92,.5);
}

.btn-more a,.btn-more input{
  background-color:transparent;
  border:0;
  display:inline-block;
  margin:0;
  padding:10px 25px;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}

.btn-more.max-width{
  display: block;
  width:100%;
  text-align:center;
}

.bg-white{
  background-color:#fff;
  padding:25px 0;
}

.bg-line-orange{
  background-image:url(../img/bg.png);
}

.bg-arrival{
  background-image:url(../img/bg_arrival.png);
  background-size:cover;
  background-position:top;
  padding:25px 0;
}

.bg-line-orange .nav-tabs{
  border-bottom:0;
}

.bg-line-orange .nav-tabs > li{
  border:0;
  border-color:#ffc35c;
  background-color:#fff;
  margin-left:-15px;
  margin-right:-15px;
  transform:translateX(45px);
}

@media (max-width:480px) {
  .bg-line-orange .nav-tabs > li{
    margin-left:auto;
    margin-right:auto;
    transform:translateX(0);
  }
}

.bg-line-orange .nav-tabs > li.active{
}

.bg-line-orange .nav-tabs > li > a{
  margin-left:-15px;
  margin-right:-15px;
  border:0;
  border-radius:0;
  color:#9e9e9f;
  font-weight:bold;
}

.bg-line-orange .nav-tabs > li.active > a{
  background-color:#ffc35c;
  color:#333;
}

.bg-line-orange .nav-tabs > li > a:hover,.nav-tabs > li > a:focus{
  color:#333;
}

h2.title{
  display:inline-block;
  border-bottom:solid 4px #8fc31f;
  padding-bottom:0;
  font-size:21px;
  font-weight:bold;
}

h2.title span{
  display:inline-block;
  font-size:200%;
  color:#8fc31f;
  transform:rotate(30deg);
}

.content-box{
  padding:15px;
  background-color:#fff;
  margin:0 auto 15px 0;
}

.content-box table{
  width:100%;
  /*min-width:50%;*/
}

.content-box tr{
  border-top:solid 1px #f2f2f2;
}

.content-box tr:last-child{
  border-bottom:solid 1px #f2f2f2;
}

.content-box th,.content-box td{
  padding:10px;
  background-color:#fff;
  border-right:solid 1px #f2f2f2;
}

.content-box th{
  border-left:solid 1px #f2f2f2;
  background-color:#f2f2f2;
  width:80px;
}



.room-box{
  background-color:#fff;
  border:solid 1px #ea5514;
  margin:10px auto;
}

.recommendation .room-box{
  min-height:500px;
}

.bg-arrival .room-box{
  min-height:400px;
}

.room-box-favorite{
  padding:5px 15px;
  font-size:18px;
  /*font-weight:bold;*/
  background-color:rgba(255,195,92,.5);
}

.room-box-favorite p{
  margin:0;
}

.room-box-inner{
  padding:0 15px;
}

.room-box-inner p{
  margin:5px auto;
}

.room-box-inner h3{
  color:#ea5514;
  font-size:32px;
  font-weight:bold;
  margin:10px auto;
}

.room-box table{
  width:100%;
}

.room-box table tr{
  border-top:solid 1px #f2f2f2;
}

.room-box table tr:last-child{
  border-bottom:solid 1px #f2f2f2;
}

.room-box table th,
.room-box table td{
  border-left:solid 1px #f2f2f2;
  padding:10px;
  text-align:left;
}

.room-box table th:last-child,
.room-box table td:last-child{
  border-right:solid 1px #f2f2f2;
}

.room-box table th{
  background-color:#f2f2f2;
  text-align:center;
  min-width:65px;
}

ul.supplier-menu li{
  width:100%;
  background-color:#fff;
  padding:0px;
  border-bottom:solid 1px #f2f2f2;
}

ul.supplier-menu li:last-child{
  border-bottom:0;
}

ul.supplier-menu li.register{
  background-color:#8fc31f;
}

ul.supplier-menu li.register:hover,
ul.supplier-menu li.register:focus{
  background-color:#fff;
}

ul.supplier-menu li a{
  display:block;
  padding:10px;
  font-size:16px;
  text-decoration:none;
}

ul.supplier-menu li.register a{
  color:#fff;
}

ul.supplier-menu li a:hover,
ul.supplier-menu li a:focus{
  background-color:rgba(143,195,31,.1);
  color:#333;
}

ul.supplier-menu li.register a:hover,
ul.supplier-menu li.register a:focus{
  background-color:rgba(143,195,31,.5);
  color:#fff;
}

h2.h2-arrival{
  text-align:center;
  color:#ffc35c;
  font-weight:bold;
  letter-spacing:10px;
}

h4.h4-arrival{
  text-align:center;
  color:#ffc35c;
  letter-spacing:10px;
}

.owl-controls{
  display:flex;
  align-items:center;
}
.owl-nav{
  margin:auto;
  display:flex;
  /*justify-content: space-between;*/
}

.owl-prev,.owl-next{
  margin:10px;
  width:0;
  height:0;
  border-top:solid 15px transparent;
  border-bottom:solid 15px transparent;
}

.owl-prev:hover,
.owl-next:hover,
.owl-prev:focus,
.owl-next:focus{
  opacity:.7s;
}

.owl-prev{
  border-right:solid 30px #ffc35c;
  /*float:left;*/
}

.owl-next{
  border-left:solid 30px #ffc35c;
  /*float:right;*/
}

h2.title-house{
  background-image:url(../img/bg_h2.png);
  background-repeat:no-repeat;
  background-position:left;
  margin:25px auto;
  padding:5px 0 5px 35px;
  font-size:24px;
}

.supplier-menu-box{
  padding:0;
  width:100%;
  text-align:center;
}

.supplier-menu-box a{
  background-color:#8fc31f;
  display:inline-block;
  padding:25px;
  width:100%;
  color:#fff;
  transition:.3s;
  text-decoration:none;
}

.supplier-menu-box a:hover,.supplier-menu-box a:focus{
  opacity:.7;
  transition:.3s;
}

.supplier-menu-box img{
  margin:auto;
}

#footer{
  background-color:#ffc35c;
  margin:0;
  padding:25px 0 0 0;
  color:#fff;
}

.footer-menu{
  display:flex;
  padding:0 15px;
}

.footer-menu li{
  margin:0 25px;
}

.footer-menu li a{
  color:#fff;
}

.copyright{
  text-align:center;
  margin:20px auto 5px auto;
}

.breadcrumb{
  margin-bottom:0;
  background-color:#ffc35c;
  color:#fff;
  padding:3px 0;
}

.breadcrumb a{
  color:#fff;
  margin:0;
}

.pagination > li > a{
  color:#333;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span{
  border-radius:0;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus{
  background-color: #8fc31f;
  border-color: #8fc31f;
}

/* Tag Design */
ul.tag {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.tag li {
	display:block;
	/*margin: 0 0 .3em 1em;*/
	margin: 0 10px .3em 0;
	padding: 0;
	/*width:100px;*/
	float:left;
}
ul.tag li a {
	position: relative;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 1em;
  background-color:rgba(143,195,31,1);
	border-radius:3px;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	-webkit-transition: .2s;
	transition: .2s;
	width:100%;
	text-align:center;
}

ul.tag li span {
	display: block;
	max-width: 100px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.map iframe{
  width:100%;
  height:300px;
}

.check-style input{
  display:none;
}

.check-style label{
  display: block;
  margin: 0 10px .3em 0;
  float: left;
  background-color:#f2f2f2;
  line-height: 30px;
  padding: 0 6px;
  border-radius: 3px;
  color: #888;
  font-size: 12px;
  -webkit-transition: .2s;
  transition: .2s;
}

.check-style input:checked + label{
  background-color: rgba(143,195,31,1);
  color:#fff;
  transition:.2s;
}

.child-inline input{
  display:inline-block;
}

.col-sm-9 .panel .panel-body input{
  max-width:350px;
}

#terms,#privacy{
  height:400px;
  max-width:900px;
  overflow-y:scroll;
  background-color:#fff;
  /*border: #eee 1px solid;*/
  padding: 15px;
  margin: 5px 0;
  font-size:11px;
}