@import url('https://fonts.googleapis.com/css?family=Cabin:500,600,700|Kanit:200,300,300i,400');
*{margin:0;padding:0;border:0;outline:none;}


body {
    font-family: 'Kanit', sans-serif;
    font-weight: normal;
    color: #333;/*color: #fff;*/
    font-size: 15px;
    position: relative;
    line-height: 26px;
    letter-spacing: 0.25px; }
.t1 {color: #131212; font-size:30px;
    font-family: 'Cabin', sans-serif;
    font-weight: 600; line-height:36px; text-transform:uppercase;}
.t2 {color: #333; font-size:20px;
    font-family: 'Cabin', sans-serif;
    font-weight: 600; line-height:30px; text-transform:uppercase;}
	.t2 a {color: #333; text-decoration:none;}
.t1 a {color: #131212; text-decoration:none;}
.left { float:left;}	
.right { float:right;}
.ct { text-align:center;}
.readmore{padding:8px 10px; float:none; font-size:15px;font-weight:bold;color:#fff; border:solid 2px #FD7120;  text-align:center; background:#FF5F03;  text-transform:uppercase; margin:0 auto; width:180px; }
.readmore a {color:#fff;text-decoration:none;}
.readmore a:hover {color:#fff;text-decoration:none;}
.readmore:hover {
  background-color:#FFB900; /* Green */
  color:#fff;
}
.grey { font-size:17px; color:#666;}	
.white { font-size:27px !important; color:#fff; text-transform:uppercase; margin-bottom:14px; font-weight:300;   font-family: 'Cabin', sans-serif;} 	
.hbg { float:none; margin:0 auto; width:100%; background:#fff; padding-bottom:2%;}
.ft { font-size:17px; color:#fff; text-transform:uppercase; margin-bottom:14px; font-weight:300;   font-family: 'Cabin', sans-serif;}
.ft a { color:#fff; text-decoration:none;}
.topbg {width:100%; margin:0 auto; float:none; background:#F9520B}
.top {width:80%; margin:0 auto; float:none; padding:6px 0;}
.call{float:left; color:#FF5F03; font-size:17px; font-weight:normal; text-align:center;}
.call a { color:#FF5F03; text-decoration:none;}
.name{font-size:21px;color:#00145f;font-weight:normal;text-align:left;float:left; margin:22px 0 0 24px; line-height:30px; }
.head {width:80%; margin:0 auto; float:none;}
.logo {float:left; margin:6px 0;}
.seo {float:right; width:28%; margin-top:14px;}
 .social-icon { float:left;}
 .social-icon li {
  display: inline-block;
}
 .social-icon li a {
  border-width:1px #fff; color:#fff;
  text-align: center;
  margin: 5px 4px;
  font-size: 17px;
  padding:8px 8px;
}
 .social-icon li a:hover {
  background:#fff;  color: #ED1B2E;
}
.enquiry {color: #fff;  text-transform:uppercase; font-size:16px; margin-top:10px; }
#bgmenu { width:80%; margin:0 auto; float:none;}
#menu { width:68%; float:right; background:#00145f;}
.slide {width:96%; margin:0 auto; border: solid 4px white; box-shadow: 1px 2px 14px #00000054;}
.slide img {width:100%;}
.newmenu { width:90%; margin:0 auto;}
.ban-button a {
    color: #ffffff;
    padding:12px 24px; text-transform:uppercase;	
	 float:left;
    text-decoration: none;
    background: #f9520b;
    text-align: left;
 	font-size:16px;
}

.ban-button a:hover {
    color: #fff;
	
    background: #333;	
  
}

.ban-web-button a:hover {
    color: #fff;
	border-bottom:2px solid #e25006;
    font-size: 16px;
    padding: .8em 1em;
	width:300px;
    text-decoration: underline;
    background: rgba(3,58,159,100);	
    text-align: center;
    letter-spacing: 1px;
	font-size:22px;
}

.ban-web-button a {
    color: #ffffff;
	border-bottom:2px solid #e25006;
    font-size: 16px;
    padding: .8em 1em;
	width:300px;
    text-decoration: none;
    background: #f9520b;
    text-align: center;
    letter-spacing: 1px;
	font-size:22px;
	border-radius: 20px;
}
.theme-title {
  position: relative;
  padding: 14px 0 0 19px;
}
.theme-title:before {
  content: '';
  width: 26px;
  height: 26px;
  position: absolute;
  top:0;
  left: 0;
  border-left:2px solid #f9520b;
  border-top:2px solid #f9520b;
}	
.content {width:80%; margin:0 auto; padding:2% 0; background:#fff;  color: #727272;}

.content p { font-family: 'Kanit', sans-serif;
    font-weight:300;
    color: #727272;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0.25px;}
	
.content p a { text-decoration:none;
    font-weight:300;
    color: #FF5F03; }

.vid { float:right; width:48%;   position: relative;    height: 0;
    padding-bottom:36%; margin:2px 0 0 20px;  border:solid 4px #bababa;}
 
.vid iframe {
    width: 100% !important; height:100% !important;
	position: absolute;
   top: 0;
    left: 0;
  }
	
.list { float:left; width:22%; 
  list-style:none;
  padding: 20px 0 25px 0;
  margin-bottom: 45px;
  border:3px solid #f9520b;
}

.list h5 {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 20px 45px;
  color:#337ab7;
}
.list li {color: #fff;}
.list ul li a {
  font-family: 'Kanit', sans-serif;
  font-size: 16px;
  display: block;
  line-height: 35px;
  color: #fff;
  background: #f9520b; list-style:none; text-decoration:none;
  margin-bottom: 10px;
  text-transform: capitalize;
  padding-left: 25px;
  position: relative;
  z-index: 99;
  border:1px solid #f9520b;
}

.list ul li a:hover {
  font-family: 'Kanit', sans-serif;
  font-size: 16px;
  display: block;
  line-height: 50px;
  color: #fff;
  background: #337ab7;
  margin-bottom: 10px;
  text-transform: capitalize;
  padding-left: 25px;
  position: relative;
  z-index: 99;
  border:1px solid #f2f3f4;
}

.list ul li a:before {
  content: '';
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  width: 52px;
  border-top:2px solid #f9520b;
  border-right:2px solid #f9520b;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin:100% 0%;
          transform-origin:100% 0%;
}
.list ul li a:hover:before,
.list ul li.active a:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.list ul li a i {
  font-size: 15px;
  margin-right: 7px;
  opacity: 0;
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
}
.list ul li a:hover i,
.list ul li.active a i {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}	

.detail { float:right; width:74%; }	
	
.mainbg { width:100%; margin:0 auto; padding:4% 0; background: #f2f2f2;}
.main {width:80%; margin:0 auto; }
.box {float:left; margin:28px 10px; width:23%; background:#fff;}
.box p { padding:15px 22px; color:#727272; font-size:15px; line-height:26px; font-weight:normal; text-align:center;}
.geeks { 
            width: 98%; 
            overflow: hidden; 
            margin: 0 auto; margin-bottom:20px;
        } 
      
        .geeks img { 
            width: 100%; 
            transition: 0.5s all ease-in-out; 
        } 
      
        .geeks:hover img { 
            transform: scale(1.2); 
        } 
.text {color:#131212; text-align:center; line-height:32px; font-weight:normal; font-size:21px;}
.text a {color:#131212; text-decoration:none;}
.text a:hover {color:#f9520b;}
.rm {
    text-align: center;
    padding: 2% 0;
    font-size: 19px;
    background: #FF5F03;
    color: #fff;
	width:100%;
}
.rm a {color: #fff; text-decoration:none;}
.prbox {float:left; margin:16px 10px; width:30%; background:#fff;}
#atrbg { width:100%; margin:0 auto; background:url(../images/state-park.jpg) bottom center; background-size:cover; }
#atr { width:75%; margin:0 auto; }
#atrtx { width:30%; float:left;  background: rgba(0,24,115,.4); padding:8% 4%;}
#atrtx p {margin: 0 0 10px; font-size:16px; color:#fff; font-weight:500; line-height:28px;}
#mtbg { width:100%; margin:0 auto; background:url(../images/meeting.jpg) top center fixed; background-size:cover; padding:3% 0; }
#mttx { width:50%; float:none;  background: rgba(0,0,0,.5); padding:2% 2%; margin:0 auto;}
#mttx p {margin: 0 0 10px; font-size:16px; color:#fff; font-weight:500; line-height:28px; text-align:center;}
.footbg { width:100%; margin:0 auto; padding:2% 0; background:#00145F;}
.foot {width:80%; margin:0 auto; line-height: 25px; color: #fcfcfc; font-weight: 300; text-align:left;}
.foot p a, .foot1 p a {color: #fcfcfc; text-decoration:none;}
.foot1 { float:left; width:28%; }
.foot2 { float:left; width:40%; }
.foot3 { float:left; width:28%; }
.foot3 ul { float:left; width:46%; margin-left:4px;}
.foot3 ul li{list-style:none; line-height:28px; }
.foot3 ul li a{ font-size:14px; font-weight:normal; text-decoration:none; color:#fcfcfc;}
.footer-middle {
  background: #FFF; font-weight:normal;
  padding: 10px 0; 
  text-align: center; width:80%; margin:0 auto;
}
.footer-middle p { text-align:center;  color: #727272; line-height:28px;}
.footer-middle p a { text-align:center; color: #727272; text-decoration:none;}
.seo-bt {float:left; width:90%; margin-top:14px;}
.social-icon-bt { float:left;}
 .social-icon-bt li {
  display: inline-block;
}
 .social-icon-bt li a {
  border-width:1px; color:#fff;
  text-align: center;
  margin: 5px 4px;
  font-size:21px;
  padding:8px 8px;
}
 .social-icon-bt li a:hover {
  background:#176bb2;  color: #fff;
}
.lastbg { width:100%; margin:0 auto; padding:1% 0; background:#1d1d1d;}
.last {width:80%; margin:0 auto; line-height: 25px; color:#e9e9e9; font-weight: 300; text-align:center; }

.last a {color:#e9e9e9; text-decoration:none;}

#w2b-StoTop{display: block;position: fixed;top:90%;padding: 10px; color:#fff; font-size:18px; right:0; margin-right:20px; text-decoration:none; cursor:pointer; background:#000;}
#w2b-StoTop a{color:#fff; text-decoration:none; font-size:18px;}


#reserve {margin:0 auto; font-family: 'Montserrat', sans-serif; width:90%; padding:10px 0; background:url(../images/blue.png) repeat; margin-top:20px; box-shadow: 0 0 3px rgba(0,0,0,0.3);  box-shadow: 1px 2px 14px #00000054; padding:1.2% 0;  }
.reserve { color:#FFF; font-size:23px; text-transform:uppercase; padding:4px 0; float:left; margin:5px 16px 0 0; line-height:28px; }
.imenu { width:96%; margin:0 auto; }
.check1{ margin:0px 12px; float:left; width:12%; font-size:13px; color:#fff; font-family: 'Montserrat', sans-serif; text-transform:uppercase; line-height:20px; }
#submit{float:left; margin-top:5px; }
.message1{ font-size:12px; background:#00558C;
width:88%; padding:8px;
border: 1px double #f2f2f2;
overflow:hidden;
margin:0 auto; margin-top:5px;
color:#f2f2f2; font-family: 'Montserrat', sans-serif;
}
.message{font-size:12px;
width:100%; padding:8px; background:#00558C;
border: 1px double #f2f2f2;
overflow:hidden;
margin:0 auto;  margin-top:5px;
color:#f2f2f2; font-family: 'Montserrat', sans-serif;
}
.map1 { font-size:12px; float:left;
width:60%; padding:8px;
border: 1px double #cecece;
overflow:hidden;
 margin:18px 6px 0 0;
color:#444; font-family: 'Montserrat', sans-serif;
}
.c6 { margin-top:20px;}
input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit {
background-color:#FF5F03; border:none; color:#fff; font-size: 14px; font-family: 'Montserrat', sans-serif; padding:10px 30px; font-weight:bold; border:#fff solid 1px;}
::-webkit-input-placeholder {
   color: #333333;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333333;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #333333;  
}

:-ms-input-placeholder {  
   color: #333333;  
}
label {display:none;}

.toggleLink { margin:0 auto; width:20%; float:none;}
a.toggleLink { font-size:17px; font-weight:bold; background:#fff;  color:#FF5F03;
margin:10px 0; float:left;
text-decoration : none;
padding:2px 6px;
}

.cc_dialog.simple {
left: 0 !important;
top: auto;
bottom: 0;
right: auto !important;
max-width: 87% !important;
position: fixed;
}
.ada {width:96%; margin:0 auto; text-align:center; color:#fff; background:#333; font-size:17px; padding:1% 2%;}
.ada a {color:#fff; text-decoration:none;}


/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #fff solid 1px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}


/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle; padding:8px 16px; text-decoration:none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #FF5F03; border-radius:24px; color:#fff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 background:#FF5F03; border-radius:30px; color:#fff; 
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white; background:#00145F;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.tran3s {
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
 }


/* Ripple Out */
@-webkit-keyframes hvr-ripple-sm-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-sm-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.hvr-ripple-sm-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-ripple-sm-out:before {
  content: '';
  position: absolute;
  border: #176bb2 solid 1px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-sm-out:hover:before, .hvr-ripple-sm-out:focus:before, .hvr-ripple-sm-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}
.col-1 {width:400px; height:auto; float:left; padding:20px; color:#666 !important; font-size:16px !important;}
.col-1 a{color:#000000; text-decoration:none;}
.col-1 a:hover{color:#2179c3; text-decoration:none;}
.col-2 {width:100%; height:auto; float:left; padding:10px; color:#666 !important; font-size:16px !important;}
.col-2 a{color:#000000; text-decoration:none;}
.col-2 a:hover{color:#2179c3; text-decoration:none;}
.map1{ font-size:12px;
padding:10px;
width:50%;
margin-right:15px; background:#fff;
border: 1px double #929292;
color:#444;
float:left;
}
.fq{text-align:left; text-decoration: none; color: #021047; font-weight:bold;  font-size:17px;  line-height:34px; margin-top:6px; list-style:none;}
.fqa{font-size:15px; color:#424242; font-weight:normal; line-height:28px; text-align:left;}
.fqa a{font-size:15px; color:#FD7120; text-decoration:none;}

.col1{ width:40%; font-size:17px; margin:15px 20px; float:left; font-weight: 300;}
.col1 ul li{list-style:circle; line-height:28px;}
.col1 ul li a{color:#111010; text-decoration:none; list-style:circle;}
.col{ width:44%; font-size:15px; color:#111010;  margin:5px 10px; float:left;}
.col ul li{list-style:circle; line-height:28px;}
.col ul li a{color:#111010; text-decoration:none; list-style:circle;}
.ev {border: 0px solid rgb(201, 0, 1); overflow: hidden; margin: 15px auto; max-width: 96%;}
.ev iframe{border: 0px none; margin-left: 0px; height:2800px; margin-top:-500px; margin-bottom:1px; width: 100%;}