@font-face {
    font-family: 'Raleway'; /*a name to be used later*/
    src: url('../fonts/Raleway-Regular.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'Opensans'; /*a name to be used later*/
    src: url('../fonts/OpenSans-Regular.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'Montserrat'; /*a name to be used later*/
    src: url('../fonts/Montserrat-Regular.ttf'); /*URL to font*/
}
@font-face {
  font-family: 'flexslider-icon';
  src: url('../fonts/flexslider-icon.eot');
  src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.col-centered {
float: none;
margin: 0 auto;
}

#bodyshadow {
box-shadow: 0 0 30px black;
margin:auto;
}

.container {
margin-left:-15px;
background-color: #FFFFFF;
}

.no-gutter [class*="-6"],.no-gutter [class*="-12"] {
	padding-left:0 !important;
    padding-right:0 !important;
}

.paddingtop5 {
padding-top:5px;
}
.paddingtopbottom8 {
padding:8px 0;
}
.paddingtopbottom10 {
padding:10px 0;
}

body {
color:#272727;
background-color:#EDEDED;
font-family: Helvetica,Calibri,Opensans;
font-size:14px !important;
line-height:24px;
/*letter-spacing: 0.05em;*/
}

table {font-size:13px;}

.table-no-border>thead>tr>th, 
.table-no-border>tbody>tr>th, 
.table-no-border>tfoot>tr>th, 
.table-no-border>thead>tr>td, 
.table-no-border tr td, 
.table-no-border>tfoot>tr>td {
  border-top: none !important; 
 }
.table tr>td.vert-align{
    vertical-align: middle;
}

 div.ui-datepicker{
 font-size:13px;
}

.fa-2x {
font-size:18px;
}

.v-center {
display: flex;
align-items: center;
}

.navbar {
    margin-bottom: 0;
}

.panel-heading {
border-bottom: 0;
}

.form-group {
padding-top:5px;
padding-bottom:5px;
}

.form-control {
border-radius: 0px;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
}

.form-control::-webkit-input-placeholder {
    color: #d3d3d3;
}
.form-control:-moz-placeholder {
    color: #eeeeee;
}

.btn { border-radius:0px; }
.panel { border-radius:0px; }

.panel-red {
	border-color: #6c6c6c;
}
.panel-red > .panel-heading {
  background-color: #6c6c6c;  
}

.text26pxbold {font-weight:bold;font-size:26px;}
.text20pxbold {font-weight:bold;font-size:20px;}

.showrentalprice {
color:#43a94a;
font-size:16px;
font-weight:bold;
}

.showsellprice {
color:#d73737;
font-size:16px;
font-weight:bold;
}

.caption {
font-size:16px;
}

strong {
font-size:16px;
}

.billprint {
font-size:14px;
line-height:18px;
}
.billprint strong {
font-size:14px;
}
.billprint_term {
font-size:12px;
line-height:16px;
}

/* ============== index ============ */

#index_right {
margin-top:5px;
}

#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}

.textbox_readonly[readonly] {
cursor:pointer;
background-color:#FFF;
}

.text_panelheading {
font-size:24px;
color:#FFF;
}

/* ============== index ============ */


/* ============== branch ============ */
#cssbranch #horizontalTab {
color:#616161;
font-size:12px;
}
#cssbranch #horizontalTab h4 {
  /*แก้ส่วนของสีสาขา*/
/*color:#d7a40b;*/
color:#000000;

}

/* ============== branch ============ */


/* ============== funclub ============ */
.crumb { 
			list-style: none; 
			overflow: hidden; 
			font-weight:bold;
			margin-bottom:20px;
		}
		.crumb li { 
			float: left; 
		}
		.crumb li a {
			color: #000;
			text-decoration: none; 
			padding: 5px 0 5px 55px;
			background: brown;                   /* fallback color */
			background: rgba(216,216,216,1);
			position: relative; 
			display: block;
			float: left;
		}
		.crumb li a:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid rgba(216,216,216,1);
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			left: 100%;
			z-index: 2; 
		}	
		.crumb li a:before { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid white;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			margin-left: 1px;
			left: 100%;
			z-index: 1; 
		}	
		.crumb li:first-child a {
			padding-left: 10px;
		}
		.crumb li .showactive { background: rgba(247,255,12,1); }
		.crumb li .showactive:after { border-left-color: rgba(247,255,12,1); }


.panel-group, 
 .panel-group .panel, 
 .panel-group .panel-heading,
 .panel-group .panel-heading a,  
 .panel-group .panel-title,  
 .panel-group .panel-title a,  
 .panel-group .panel-body,
 .panel-group .panel-group .panel-heading + .panel-collapse > .panel-body  {
    border-radius:2px;
    border:0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 0;
}


 .panel-group .panel-heading {
    padding: 0;
}
 .panel-group .panel-heading a {
    display: block;
    background: #668bb1;
    color:#fff;
    padding:15px;
     text-decoration:none;
   position: relative;
}
 .panel-group .panel-heading a.collapsed {
    background: #c4ced5; 
    color:inherit;
}

 .panel-group .panel-heading a:after {
    content: '-';
    position: absolute;
    right: 20px;
}
 .panel-group .panel-heading a.collapsed:after {
    content: '+';
}
 .panel-group .panel-collapse {
    margin-top:5px!important;
}
 .panel-group .panel-body  {
    background: #f7f7f7;
    padding:15px;
}
 .panel-group .panel {
  background-color: transparent;
}

.panel-group .panel-body p:last-child,
.panel-group .panel-body  ul:last-child,
.panel-group .panel-body  ol:last-child {
  margin-bottom: 0;
}

/* ============== funclub ============ */

/* ============== booking_selectoption ============ */

#cssrow_alltotal {
color:#FFF;
background-color:#111111;
font-size:120%;
font-weight:bold;
}

.bgblack_textwhite {
padding:0px 0px 0px 15px;
color:#FFF;
background-color:#535353;
}

.bgf3_text333 {
background-color:#F3F3F3;
}

.table_selectcar_text{
line-height: 25px !important;
}

.bgpanel_yellow {
background-color:#FFF229;
}
#
.btn-grey{
background-color:#FFF229;
font-weight:bold;
width:125px;
}
.btn-yellow{
background-color:#FFF229;
font-weight:bold;
width:125px;
}
.btn-blue{
color:#FFF;
background-color:#418fe7;
font-weight:bold;
width:125px;
}

.panel-yellow .panel-heading {  
  background-color: #FFF229;
  border-color: #FFF229;
}


.panel-blue .panel-heading {  
  background-color: #0d5fae;
  border-color: #0d5fae;
  
  
}

.panel-yellow .panel-heading h3 {  
  color: #333;
  font-weight:bold;
}

/* ============== makebooking1 ============ */



/* ============== footer ============ */
.footer {
color:#646464;
font-size:12px;
}

.footer2 {
color:#ddd;
font-size:12px;
}

.subfooter {
font-size:12px;
}
/* ============== footer ============ */

/* ====================================================================== */

@media screen and (min-width: 768px) {
#index_left {
float: left;
position:absolute;
margin-top:10px;
left:20px;
padding:10px;
background-color:rgba(224, 224, 223, 0.7);
z-index:99;
}

#index_right {
float: right;
width:100%;
}

}

@media screen and (min-width: 768px) {

.fixhead {
position:fixed;
width:100%;
height:50px;
z-index:9999;
}

#fixcontactright {
position:fixed;
z-index:9999;
}

}


@media screen and (max-width: 767px) {

.headcallcenter {
font-size:16px;
}

#index_left {
position:static;
float:none;
padding:10px;
background-color:rgba(224, 224, 223, 0.7);
}

#index_right {
float:none;
display:block;
margin-bottom:20px;
}

}