.itopplus-background {

}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 20px;
    padding: 10px 25px;
}
.navbar-nav>li>.dropdown-menu>li>a {
	font-size: 15px;
}
.navbar-nav>li>.dropdown-menu>li>a:hover {
    background: #fff0;
    color: #e2c366!important;
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #e2c366;
    background-color: none;
    -webkit-box-shadow: 0 2px 0 0 #e2c366;
    -moz-box-shadow: 0 2px 0 0 #e2c366;
    box-shadow: 0 2px 0 0 #e2c366;
}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #e2c366;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #e2c366!important
}
@media (max-width:768px) {
    .navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
        color: #e2c366;
    }
  	.spaceone {
	    padding: 0px!important;
}
  .padding_top {
  	padding-top:30px;
  }
}
@media (max-width:768px) {
  .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
   box-shadow: 0px 3px 0px -1px #e2c366;
}
}
/*เวลา hover focus ที่  opendropdown ตัวอักษรจะเป็นสีขาว*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    color: #e2c366!important;
}
/*เมนูย่อย เมนูย่อยเปลี่ยนสีพื้นหลัง*/
.navbar-default .navbar-nav .open>.dropdown-menu {
    background: #000;
}
.dropdown-submenu:hover>.dropdown-menu {
    background-color: #000;
}
.dropdown-menu, .dropdown-menu>li>a {
    background-color: #000;
}

/*เมนูชิดขวา*/
/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:right ;
}
  .itopplus-pad{
  	padding-left: 10px;
    padding-right: 10px;
}
.navbar-default .navbar-nav>li>a {
    padding-left: 9px;
    padding-right: 9px;
}  
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;	
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:right ;
}
.itopplus-pad{
  	padding-left: 10px;
    padding-right: 10px;
}
.navbar-default .navbar-nav>li>a {
    padding-left: 15px;
    padding-right: 15px;
}    
}

.link-color {
	transition:0.3s;
  	color:#fff;
	font-size:17px;
}
.link-color:hover span,
.link-color:focus span {
    color: #fddb80!important;
}
.boderedlayoutClient {
     border-top: 0px dashed transparent;
     border-left: 0px dashed transparent;
     border-right: 0px dashed transparent;
     border-bottom: 0px dashed transparent;
}
.spaceone {
	padding:10px; 
}
.spacetwo {
	padding:20px;
}
#InmyDiv1557890174782 img {
    transition: 0.3s;
    cursor:pointer;
}
#InmyDiv1557890174782:hover img {
    transform: translateY(-10px);
}
figure.effect-steve h2, 
figure.effect-steve p {
    display: none;
}
figure.effect-steve {
    background: #0000;
}
ul.b {
    list-style-image: url(https://itp1.itopfile.com/ImageServer/cc49f2c536134cc1/12/0/iTopPlus414162867627.webp);
    list-style-position: outside;
}

/*---Btm About Us---*/
.btm-about {
    text-align: center;
    background-color: #fb726a;
  	transition:0.3s;
  	cursor:pointer;
    padding: 8px 10px;
    font-size: 16px;
    color: #fff;
}
.btm-about:hover,
.btm-room:hover {
	-webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
/* Buzz Out */
/*---Btm About Us---*/


/*---Btm Room---*/
.btm-room {
	font-size: 16px;
    color: #fff;
    background-color: #fb726a;
    border-radius: 20px;
    padding: 8px 10px;
    cursor:pointer;
}
/*---Btm Room---*/


/*---Room---*/
#background5cef455e0c4f5b001a506cd9 .thumbnail {
    border: none;
    border-radius: 2px;
    background-color: #f7e1d4;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    transition: 0.1s;
    padding: 32px 32px!important;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}
#background5cef455e0c4f5b001a506cd9 .thumbnail:hover{
    box-shadow: 2px 2px 5px 1px rgb(212, 196, 186);
	border-radius: 2px;
}
#background5cef455e0c4f5b001a506cd9 img {
    padding-bottom: 20px;
}
/*---Room---*/


/*---ติดตามข่าวสาร หน้าแรก---*/
#background5cdb79479a7121001a48e469 .form-group {
    padding: 0px 25%!important;
}
/*---ติดตามข่าวสาร หน้าแรก---*/


/*---Effect---*/
.hvr-float-shadow  {
	 vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 90%;
    left: 4%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
/*---Effect---*/


/*---Effect Footer---*/
#background5cdb7a052667db001a5643ca img {
    transition: 0.32s;
}
#background5cdb7a052667db001a5643ca img:hover {
    transform: scale3d(0.95,0.95,1);
}
/*---Effect Footer---*/





/***********************************room**********************************/
.besthavenkhaoyai-room {
    font-size: 14px;
    font-weight: 300;
    padding: 6% 4%;
    text-align: left;
}
.besthavenkhaoyai-buttonroom {
    background-color: #1a1a1a;
    color: white;
    border: none;
    font-size: 13px;
    padding: 8px 15px;
    margin: 0 auto;
    display: block;
    border-radius: 50px;
    transition: 0.5s;
}
.besthavenkhaoyai-buttonroom:hover {
    background-color: #f7d373;
    color: #1a1a1a;
}

table.tj2 {
   width:100%;
}

table.tj2 td {
     border: 1px solid #f3f3f3;
    padding: 12px 8px;
    text-align: center;
    font-size: 16px;
}

table.tj2 tr:nth-child(even){background-color: #f9f9f9}
table.tj2 tr:nth-child(odd){background-color: #fff}


table.tj2 tr:hover{background-color: #e5ecf4;color: #000;}



@media only screen and (min-width :1900px) {
#InmyDiv1557890151671 img {
	width:50%!important;
  }
#InmyDiv1557890174782 img {
	width:48%!important;
  }
#contentnewmode5cdb81e6184a6f001af3535b {
  	height:234px!important;
  }
.navbar-default .navbar-nav>li>a {
    padding: 30px 25px!important;
}
#background5cf11bc6b3ef90001a6d119d .thumbs p, #background5cf11aeaa9bc35001a8aed76 .thumbs p, #background5cf11ab2b3ef90001a6d1167 .thumbs p, #background5cf116e8a9bc35001a8aed49 .thumbs p, #background5cf118c5cb28b1001b784010 .thumbs p {
    font-size: 20px !important;
}
 .besthavenkhaoyai-room {
    font-size: 18px !important;
    padding: 6% 10% !important;
} 
}



#background5cf11bc6b3ef90001a6d119d  .thumbs p, 
#background5cf11aeaa9bc35001a8aed76  .thumbs p, 
#background5cf11ab2b3ef90001a6d1167  .thumbs p, 
#background5cf116e8a9bc35001a8aed49  .thumbs p, 
#background5cf118c5cb28b1001b784010 .thumbs p {
    padding: 10px 5px 5px 5px!Important;
    font-size: 16px;
    text-align: center;
    background-color: #f7e1d4;
    text-transform: uppercase;
}

#background5cf11bc6b3ef90001a6d119d  .thumbs, 
#background5cf11aeaa9bc35001a8aed76  .thumbs, 
#background5cf11ab2b3ef90001a6d1167  .thumbs, 
#background5cf116e8a9bc35001a8aed49  .thumbs, 
#background5cf118c5cb28b1001b784010 .thumbs  {
    padding: 10px!Important;
    font-size: 16px;
  	text-align:center;
  	background-color:#f7e1d4;
  	transition:0.3s;
}


#background5cf11bc6b3ef90001a6d119d  .thumbs:hover, 
#background5cf11aeaa9bc35001a8aed76  .thumbs:hover, 
#background5cf11ab2b3ef90001a6d1167  .thumbs:hover, 
#background5cf116e8a9bc35001a8aed49  .thumbs:hover, 
#background5cf118c5cb28b1001b784010 .thumbs:hover  {
	box-shadow: 2px 2px 5px 1px rgb(212, 196, 186);
}

.eff-hov:hover {
	-webkit-transform: perspective(1000px) translate3d(0,0,21px);
    transform: perspective(1000px) translate3d(0,0,21px);
    box-shadow: 0 3px 30px rgba(0,0,0,0.8);
    position: relative;
}
.eff-hov {
     -webkit-transition: -webkit-transform .35s;
     transition: 0.35s;
    -webkit-transform: perspective(1000px) translate3d(0,0,0);
    transform: perspective(1000px) translate3d(0,0,0);
    cursor: pointer;
    position: relative;
  	display:block;
}
.Text-Center-BG {
    position: absolute;
    top: 50%;
    left: 50.1%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.con {
    background-color: rgba(240, 215, 149, 0.85);
    width: 90%;
    text-align: center;
    line-height: 101px;
    padding: 2px 0px 0px 0px;
    margin: 0 auto;
}
.con-2 {
    background-color: rgba(240, 215, 149, 0.85);
    width: 90%;
    text-align: center;
    padding: 20px 0px 18px 0px;
    margin: 0 auto;
}
.Text-Center-BG span {
    font-size: 24px;
    color: #333;
    font-weight: 600;
}
.pad-col {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

@media (max-width:1024px) {
#background5cf11bc6b3ef90001a6d119d .thumbs p, #background5cf11aeaa9bc35001a8aed76 .thumbs p, #background5cf11ab2b3ef90001a6d1167 .thumbs p, #background5cf116e8a9bc35001a8aed49 .thumbs p, #background5cf118c5cb28b1001b784010 .thumbs p {
    padding: 10px 0px 5px 0px!Important;
    font-size: 14px;
    text-align: center;
    background-color: #f7e1d4;
    text-transform: uppercase;
}
.besthavenkhaoyai-room {
    font-size: 13px;
    height: 220px;
}

}

/*Hide Menu Phone*/
@media (max-width:768px) {
p.search_urlSearch, .search_text {
	word-wrap: break-word;
}
.text-justify {
	text-align: inherit;
}
.navbar-brand i {
	font-size: 16px!important;
	margin-top: 3px;
	padding: 0px 5px 0px 5px;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 16px;
    padding: 5px 15px;
}
.col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 5px;
	padding-left: 5px;
}
#imagesControl5cdb78885a936d001ac26a3a,
#imagesControl5cdce79589b5eb001a4ae16e{
	padding:0px!important;  
}
#width-phone-two {
	width:60%!important;  
}
#background5cdb8ca18b6e3f001a0e1663 .thumbnail {
    padding: 20px!important;
}
#textcenter-phone {
	text-align:center!important;  
}  
#InmyDiv1557981197999 {
	width:70%!important;  
}
.btn-primary {
    background-image: -webkit-linear-gradient(top,#dab143 0,#dab143 100%);
    background-image: -o-linear-gradient(top,#dab143 0,#dab143 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dab143 ),to(#dab143 ));
    background-image: linear-gradient(to bottom,#dab143 0,#dab143 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dab143',endColorstr='#dab143',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #dab143;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #dab143;
    background-position: 0 0px;
}

  
#text-left {
	text-align:left!important;  
}
.mg-top {
	margin-top:-12px;  
}  
.eff-hov {
    -webkit-transition: -webkit-transform .35s;
    transition: 0.35s;
    transform: initial!important;
    margin-bottom: 20px;
}
#pdtop {
  	margin-top:-20px;
}
#myImage1559303586750,
#myImage1559303621758,
#myImage1557894264089 {
  	width:50%!important
}

  
  
/*---เรียง 2 แถว โหมดโทรศัพท์---*/
  
  

  
  
/*Bellagio_Pool_Villa_Khao_Ya*/
.col-md-3.col-sm-6.col-xs-12.padding {
    width: 50%;
    display: table;
    float: left;
}
  
  

.besthavenkhaoyai_iconmobile {
    height: 125px;
    text-align: center !important;
}
  /*
.contain {
    height: 125px;
    width: 100%;
    margin: 0 0;
    text-align: left !important;
    padding-right: 0;
    word-break: break-word;
    display: table;
}
span.text-fitter {
    font-size: 12px !important;
    width: 100% !important;
    text-align: left !important;
    white-space: pre-line;
}
#myImage1557996467341 {
    width: 55% !important;
}
  */
/*---เรียง 2 แถว โหมดโทรศัพท์---*/
.Text-Center-BG span {
    font-size: 19px;
}
  .besthavenkhaoyai-room {
    font-size: 12px;
    font-weight: 300;
    padding: 6% 0%;
    text-align: left;
    height: 220px;
}
  table.tj2 td {
     border: 1px solid #f3f3f3;
    padding: 15px 8px;
    text-align: center;
    font-size: 16px;
    white-space: nowrap;
 }
}
/*Hide Menu Phone*/


@media (max-width:768px) {
label.col-xs-12.col-sm-3.col-md-3.control-label {
   width: 33%;
}
  
}

@media (max-width:480px) {
#background5cf11bc6b3ef90001a6d119d .thumbs p, #background5cf11aeaa9bc35001a8aed76 .thumbs p, #background5cf11ab2b3ef90001a6d1167 .thumbs p, #background5cf116e8a9bc35001a8aed49 .thumbs p, #background5cf118c5cb28b1001b784010 .thumbs p {
    font-size: 16px;
}
.besthavenkhaoyai-room {
    font-size: 14px;
    padding: 6% 4%;
    height: inherit;
}
}