/*

New Event

http://www.templatemo.com/tm-486-new-event

*/

body {
		background: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
		font-weight: 400;
}


/*---------------------------------------
    Typorgraphy              
-----------------------------------------*/
h1,h2,h3,h4,h5,h6 {
  font-weight: 600;
}

h3,h5 {
  font-weight: 500;
}

h1 {
    font-size: 40px;
    letter-spacing: 2px;
}

h2 {
  font-size: 30px;
  text-transform: uppercase;
}

h3 {
  line-height: 36px;
}

h5 {
    letter-spacing: 1px;
    padding-top: 10px;
}

p {
    color: #707070;
    font-size: 14px;
    line-height: 24px;
}
i.fa-credit-card{margin-right:10px;}
a {
  text-decoration: none !important;
  outline: none;
}
.right{text-align:right;float:right;}
.left{text-align:left;float:left;}
.left2{margin-left:2em;}


/*---------------------------------------
    General               
-----------------------------------------*/
.section-title {
  margin-bottom: 32px;
}

#overview,
#register, #faq, #privateclass{
  padding-top: 5rem;
  padding-bottom: 5rem;
}

#detail, #video,
#speakers, 
#program,
#sponsors, 
#contact, footer{
    padding-top: 5rem;
    padding-bottom: 5rem;
}

#cooking-detail, #cooking-detail-menu, #booking-form {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.class-price{background:orange;width:100%;font-size:1.2em;padding:0.5em;color:white;text-align:center;}
.class-price span{font-weight:bold;}
.class-price a{color:white;}
.class-price a:hover,.class-price a:active,.class-price a:focus{color:#999;}



.booknow, .prebook{background:orange;width:85%;font-size:1.2em;padding:0.1em 0.5em;color:white;text-align:center;margin:0 1em;}
.prebook{background:#39f;margin-bottom:1em;}
.booknow a, .prebook a{color:#fff;}
.booknow a:hover,.class-price a:active,.class-price a:focus{color:#ccc;}
#detail,
#speakers, #sponsors,
footer {
  text-align: center;
}

#overview h3,
#detail h3, #video h3,
#register h3,
#venue h3,
#contact h3 {
    padding-bottom: 12px;
}

#intro .btn,
#contact .btn {
    background: transparent;
    border: 2px solid #ffffff;
    border-radius: 0px;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
    padding: 14px 42px;
    margin-top: 42px;
    margin-right: 12px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#intro .btn-danger,
#contact .btn-danger {
    background: #f2545f;
    border-color: transparent;
}

#contact .btn {
  border-radius: 100px;
}

#intro .btn-danger:hover {
  background: transparent;
  border-color: #ffffff;
  color: #ffffff;
}

#contact .btn-danger:hover {
  background: #222;
}

#intro .btn-default:hover {
    background: #ffffff;
    color: #333333;
    border-color: transparent;
}

.parallax-section {
  background-attachment: fixed !important;
  background-size: cover !important;
}
.mapstyle{
	width:600px;
	height:450px;
	border:0;
}

.navbar-toggler{color:white;}
.courseprice{text-align:center;}
.mterm{display:none;}

/*---------------------------------------
    Preloader section              
-----------------------------------------*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 #ffffff;
}

.sk-rotating-plane {
  width: 50px;
  height: 50px;
  background-color: #222;
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
          animation: sk-rotatePlane 1.2s infinite ease-in-out; }

@-webkit-keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }


/* ------------------------------------------------------- */
.sk-chasing-dots {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
          animation: sk-chasingDotsRotate 2s infinite linear; }
  .sk-chasing-dots .sk-child {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #ffc107;
    border-radius: 100%;
    -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
            animation: sk-chasingDotsBounce 2s infinite ease-in-out; }
  .sk-chasing-dots .sk-dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
            animation-delay: -1s; }
@-webkit-keyframes sk-chasingDotsRotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes sk-chasingDotsRotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@-webkit-keyframes sk-chasingDotsBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes sk-chasingDotsBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*---------------------------------------
    Navigation Links section              
-----------------------------------------*/
.custom-navbar {
    margin-bottom: 0;
    background-color: #101010;
}

.custom-navbar .navbar-brand {
    color: #ffffff;
    font-weight: 600;
    font-size: 3rem;
    line-height: 40px;
	position: relative;
    background: url(../images/logo.png);
    width: 250px;
    left: 15px;
    background-size: contain;
	background-repeat:no-repeat;
	margin-top:5px;
	height:90px;
}
.top-nav-collapse .navbar-brand{height:3rem !important;background: url(../images/logo_collapse.png) no-repeat left top;background-size:contain;margin:0;padding:0;}


.custom-navbar .nav li a {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    line-height: 40px;
    transition: all 0.4s ease-in-out;
	text-shadow: 1px 1px #999;
}

.custom-navbar .nav li a:hover {
    background: transparent;
    color: #ffb606;
}

.custom-navbar .navbar-nav > li > a:hover,
.custom-navbar .navbar-nav > li > a:focus {
  background-color: transparent;
}

.custom-navbar .nav li.active > a {
    background-color: transparent;
    color: #ffb606;
}

.custom-navbar .navbar-toggle {
    border: none;
    padding-top: 10px;
}

.custom-navbar .navbar-toggle {
    background-color: transparent;
}

.custom-navbar .navbar-toggle .icon-bar {
    background: #ffffff;
    border-color: transparent;
}
.custom-navbar .dropdown-menu{
	background: #333;
}
.custom-navbar .dropdown-menu .dropdown-item{
	background: #333;
}






/* === INDEX Search Box === */
.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

/* Product Detail */
.custom-control-lg .custom-control-label::before,
.custom-control-lg .custom-control-label::after {
    top: 0.3rem !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.custom-control-lg .custom-control-label {
    margin-left: 1rem !important;
    font-size: 1rem !important;
}


#cooking-detail{position:relative;}
.sidenav {
	max-width:300px;
	display:flex;
	flex-direction:column;
	border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;
	max-height: 31em;
}
.sidebar-fixed .sidenav {
	position: fixed;
	top: 100px;
	margin-left: 860px;
	z-index: 999;
	bottom: 0;
	max-height: 31em;
	max-width:300px;
}
#day-calendar{width:100%;}
#day-calendar .day{color:#000;text-align:center;padding:0.5em;line-height:1em;}
#day-calendar .old, #day-calendar .new, #day-calendar .inactive{ color: #ccc; }
#day-calendar .today{background:#39f;color:#fff;}
#day-calendar .active{background:orange;color:#000;}
#day-calendar .full{background:#ccc;color:#000;}
#day-calendar .datepicker table tr td, .datepicker table tr th{border-radius:1.2em;padding:0.6em;}
.classbooking{margin:1em 0.5em;border-top:1px solid orange;border-bottom:1px solid orange;padding:0.5em;}
.courseprice::before, .bcost::before {
  content: "\0E3F";
}
.fa-users{color:#777;font-size:1.8em;margin:0.3em 2em 0 0.3em;}
.fa-minus-square,.fa-plus-square{color:orange;font-size:1.8em;}
input#font-size{text-align:center;height:2em;padding:0;margin:0.3em 0 0 0;line-height:1em;}


.previewcontent{display:none;width:100%}
.previewcontent .previewheading{color:orange;padding:0 1em;}
.previewcontent ul, .previewcontent ul li{list-style-type:none;}
.previewcontent ul{padding:0 0 0 1em;}
.previewcontent ul li span, .bookingsummary ul li span{font-weight:bold;padding:0 0 0 1em;}

/* Class Detail - Right Nav Bar */
.content-section {
  /*min-height: 1000px;*/
  height:100%;
}
.stickynav {
	position: -webkit-sticky;
	position: sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	top: 6em;
	width:100%;
}
.navborder{border-left:1px solid #ccc;border-right:1px solid #ccc;}
.bottomborder{padding-bottom:1em;border-bottom:1px solid #ccc;}

@media screen and (max-width: 768px) {
	.container{padding:0;margin:0 0.5em;max-width:770px;}
	.row{padding:0;margin:0;}
	#contact, footer{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.sidenav {
		max-width:230px;
		display:flex;
		flex-direction:column;
		padding:0;
	}
	.sidebar-fixed .sidenav {
		position: fixed;
		top: 100px;
		margin-left: 510px;
		z-index: 999;
		bottom: 0;
		max-height: 31em;
		max-width:230px;
		padding:0;
	}
	#day-calendar .day{padding:0.4em;line-height:1em;}
	#day-calendar .datepicker table tr td, .datepicker table tr th{padding:0.35em;line-height:0.6em;}
	.fa-users{margin-right:1em;}

}

right:0;
  background: #eee;
  overflow-x: hidden;
  padding: 8px 0;
}

.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 25px;
  color: #2196F3;
  display: block;
}

.sidenav a:hover {
  color: #064579;
}

/* End Product Detail */


/* Search Box */
input[type=text] {
  /*width: 130px;*/
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  background-image: url('searchicon.png');
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 5px 10px 5px 10px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

input[type=text]:focus {
  width: 100%;
}
/* Top Nav - Home */
.topnav {
  position: relative;
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.topnav-centered a {
  float: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.topnav-right {
  float: right;
}




/*---------------------------------------
    Intro section              
-----------------------------------------*/
#intro {
   /* background: url('../images/intro-bg.jpg') 50% 0 no-repeat fixed;*/
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
     display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
     -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
    /*height: 100vh;*/
	height:60vh;
    text-align: center;
}

#intro h3 {
  letter-spacing: 2px;
}

/*#menu_list{background: url('../images/intro-bg.jpg') 50% 0 no-repeat fixed;}
#private_form{background: url('../images/intro-bg.jpg') 50% 0 no-repeat fixed;}*/


#intro-inner {
    /*background: url('../images/intro-inner-bg.jpg') 50% 0 no-repeat fixed;*/
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
     display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
     -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
    height: 24em;
    text-align: center;
}

#intro h3 {
  letter-spacing: 2px;
}


/*---------------------------------------
   Overview  section              
-----------------------------------------*/
#overview img {
  position: relative;
  padding-bottom: 32px;
}



/*---------------------------------------
    Detail section              
-----------------------------------------*/
#detail {
    background: #222;
    color: #ffffff;
}

#detail .fa {
  color: #ffb606;
  font-size: 48px;
}



/*---------------------------------------
    Video section              
-----------------------------------------*/
#video iframe {
  border: none;
}



/*---------------------------------------
   Speakers section              
-----------------------------------------*/
#speakers {
    background: #f9f9f9;
}

#speakers h3 {
    font-size: 18px;
    margin-bottom: 0px;
}

#speakers h6 {
  color: #666;
  margin-top: 4px;
}

#speakers img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

#speakers .col-md-3 {
    display: block;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 20px;
    margin-bottom: 22px;
}

#speakers .speakers-wrapper {
    background: #ffffff;
    padding-bottom: 22px;
}



/*---------------------------------------
   Program section              
-----------------------------------------*/
#program h4 {
    color: #808080;
    font-size: 12px;
}

#program h3 {
  margin-top: 16px;
}

#program .program-divider {
    border-top: 1px solid #dfdfdf;
    margin: 2rem auto;
	width:100%;
}
#contact .program-divider {
    border-top: 1px solid #dfdfdf;
    margin: 0.5rem auto;
	width:100%;
}

#program span {
    padding-right: 12px;
}

#program img {
  border-radius: 50%;
}

.nav-tabs {
  margin-bottom: 20px;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  color: #000000;
  font-weight: 600;
  margin-right: 2px;
  line-height: 1.42857143;
  border: none;
  border-radius: 0px;
}
.nav-tabs > li > a:hover {
  background-color: transparent;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #ffb606;
  cursor: default;
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: #999;
}
.tab-content {
  padding-top: 20px;
}



/*---------------------------------------
    Regsiter section              
-----------------------------------------*/
#register {
    background: url('../images/register-bg.jpg') 50% 0 repeat-y fixed;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    color: #ffffff;
}

#register .form-control {
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 0px;
  color: #ffffff;
  margin-bottom: 16px;
}

#register input {
  height: 45px;
}

#register input[type="submit"] {
  background: #f2545f;
  border-radius: 100px;
  border: none;
  color: #ffffff;
  letter-spacing: 2px;
  height: 50px;
  margin-top: 12px;
  transition: all 0.4s ease-in-out;
}

#register input[type="submit"]:hover {
  background: #ffffff;
  color: #222;
}




/*---------------------------------------
   Faq section              
-----------------------------------------*/
#faq {
  /*background: #f9f9f9;
  padding-top: 8rem;
  padding-bottom: 8rem;*/
  
	background: url('../images/register-bg.jpg') 50% 0 repeat-y fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	color: #ffffff;
  
}

#faq .panel-group {
  margin-top: 32px;
}

#faq .panel-group .panel {
  margin-bottom: 8px;
}

#faq .panel-default {
  border: none;
}

#faq .panel-default>.panel-heading {
  background: #f0f0f0;
  color: #505050;
}

#faq .panel-heading {
  border: none;
  padding-top: 8px;
  padding-bottom: 6px;
}

#faq .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top: none;
  padding-top: 22px;
  padding-left: 32px;
  padding-bottom: 22px;
}

#faq .panel-heading .panel-title a[data-toggle="collapse"] {
  font-size: 18px;
  font-weight: 500;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 15px;
}

#faq .panel-heading .panel-title a[data-toggle="collapse"]::after {
  content: "-";
  display: block;
  position: absolute;
  line-height: 1;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
}

#faq .panel-heading .panel-title a[data-toggle="collapse"].collapsed::after {
  content: "+";
}



/*---------------------------------------
   Venue section              
-----------------------------------------*/
#venue {
    background: url('../images/hp_bg_1.jpg') 50% 0 repeat-y fixed;
    background-size: cover;
    background-position: center center;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

#venue p {
  padding-top: 12px;
  padding-bottom: 18px;
}



/*---------------------------------------
   Sponsors section              
-----------------------------------------*/
#sponsors img {
  margin-top: 18px;
}



/*---------------------------------------
   Contact section              
-----------------------------------------*/
#contact {
    background: url('../images/hp_bg_9.jpg') bottom right no-repeat fixed;
    background-size: contain;
    background-position: bottom right;
}

#contact .contact_des {
	padding:0 1em;
}

#contact .contact_detail {
  background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.6));
  padding: 5rem 5rem 12rem 5rem;
}

#contact .form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 0px;
  box-shadow: none;
  margin-bottom: 16px;
  transition: all 0.4s ease-in-out;
}

#contact .form-control:focus {
  border-bottom-color: #999;
}

#contact input {
  height: 45px;
}

#contact input[type="submit"] {
  background: #222;
  border-radius: 100px;
  border: none;
  color: #ffffff;
  letter-spacing: 2px;
  height: 50px;
  margin-top: 12px;
  transition: all 0.4s ease-in-out;
}

#contact input[type="submit"]:hover {
  background: #f2545f;
}



/*---------------------------------------
   Footer section              
-----------------------------------------*/
footer {
  background-attachment: fixed;
}



/* Back top */
.go-top {
  background-color: #222;
  bottom: 2em;
  right: 2em;
  color: #ffffff;
  font-size: 32px;
  display: none;
  position: fixed;
  text-decoration: none;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  transition: all 0.4s ease-in-out;
}

.go-top:hover {
    background: #f2545f;
    color: #ffffff;
}


/*---------------------------------------
   Social icon             
-----------------------------------------*/
.social-icon {
    position: relative;
    padding: 0;
    margin: 0;
}

.social-icon li {
    display: inline-block;
    list-style: none;
}

.social-icon li a {
    color: #666;
    border-radius: 100px;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    vertical-align: middle;
}

.social-icon li a:hover {
    background: #f2545f;
    color: #ffffff;
}

/* Home - Keyword Search */
/* Style the search field */
form.kwsearch input[type=text] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid grey;
  float: left;
  width: 80%;
  background: #f1f1f1;
}

/* Style the submit button */
form.kwsearch button {
  float: left;
  width: 20%;
  padding: 10px;
  background: #2196F3;
  color: white;
  font-size: 17px;
  border: 1px solid grey;
  border-left: none; /* Prevent double borders */
  cursor: pointer;
  max-width:120px;
}

form.kwsearch button:hover {
  background: #0b7dda;
}

/* Clear floats */
form.kwsearch::after {
  content: "";
  clear: both;
  display: table;
}
.cclass1,.cclass2,.cclass3,.cclass4{max-width:25%;flex:0 0 25%;}
.cclass2 h6 i,.cclass3 h6 i{margin-right:10px;margin-top:10px;}
/*---------------------------------------
   Responsive styles            
-----------------------------------------*/
@media (max-width: 980px) {
#overview, #register, #faq, #privateclass{
  padding-top: 3rem;
  padding-bottom: 5rem;
}

  p {font-size: 13px;}

  .custom-navbar .navbar-brand {
    font-size: 2rem;
  }

  .custom-navbar .nav li a {
    font-size: 11px;
	line-height: 20px;
  }

  #intro { height: 65vh; }

  #video iframe {
    margin-top: 42px;
  }

  #contact .contact_detail {
  background: #ffffff;
  padding: 10rem 3rem 10rem 5rem;
}

}
@media(min-width:768px) {
    .custom-navbar {
        padding: 20px 0;
        border-bottom: 0;
        background: 0 0; 
    }
    .custom-navbar.top-nav-collapse {
        background: #101010;
        padding: 0;
    }

}

@media (max-width: 768px) {
  .container{margin:0;padding:0;}
  .custom-navbar .navbar-brand {
    line-height: 20px;
	height:2em;
	left:1.1em;
  }

  #overview img,
  #detail .col-md-4,
  #register form {
    padding-top: 32px;
  }

  .nav-tabs > li > a {
    font-size: 13px;
  }

  #program img {
    /*padding-bottom: 32px;*/
	margin-bottom:1em;
  }

  #sponsors img {
    padding-top: 22px;
  }

  #contact .contact_detail {
    margin-top: 82px;
  }
  #intro {
    height: 65vh;
  }
  #contact .contact_detail{padding:2rem 1rem 1rem 1rem;}
  #overview, #register, #faq,#detail, #video, #speakers, #program, #sponsors, #contact, #venue, footer{padding-top:2rem;padding-bottom:2rem;}
  	.courseprice{text-align:left;}
	.datepicker-inline,.table-condensed{width:100% !important;}
  .bgtranswhite{background-color: rgba(252, 252, 252, 0.6);}
    
}


/* Responsive navigation menu (for mobile devices) */
@media screen and (max-width: 600px) {
  .topnav a, .topnav-right {
    float: none;
    display: block;
  }
  
  .topnav-centered a {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
  #intro {height: 55vh;}
  .left2{display:inherit;margin:0.5em 0 0 0;}
  #contact .contact_detail{padding:2rem 1rem 1rem 1rem;}
  .container{margin:0;padding:0;}
  #overview, #register, #faq,#detail, #video, #speakers, #program, #sponsors, #contact, #venue, footer{padding-top:2rem;padding-bottom:2rem;}
	.mapstyle{
		width:100%;
		max-width:400px;
		min-height:400px;
		height:auto;
		border:0;
	}
	.fc button{padding:0 .3em;}
	#program .program-divider{margin:1rem auto;}
	.menuitem{width:50%;}
	.courseprice{text-align:left;}
	.datepicker-inline,.table-condensed{width:100% !important;}
	.dterm{display:none;}
	.mterm{display:block;}
	.bgtranswhite{background-color: rgba(252, 252, 252, 0.6);}
	.modal-dialog{margin:14% 1%;}
	.cclass1{max-width:100%;flex:0 0 100%}
	.cclass2,.cclass3,.cclass4{max-width:33%;flex:0 0 33%}
	.cclass2 h6 i{margin-right:0;margin-top:0;}
}


@media screen and (max-width: 376px) {
	.sidebar-fixed .sidenav {margin: 0px;max-width:100%;position:relative;z-index:1;top:auto;bottom:auto;}
	.datepicker table tr td, .datepicker table tr th{width:30px;height:30px;}
	#day-calendar .day{padding:0.8em;}
	h1{font-size:30px;}
	#intro{height: 65vh;padding-top:5rem;}
	#overview, #register, #faq,#detail, #video, #speakers, #program, #sponsors, #contact,#venue, footer{padding-top:2rem;padding-bottom:2rem;}
	.container{margin:0;padding:0;}
	.go-top{bottom:0.5em;right:0.5em;}
   .left2{display:inherit;margin:0.5em 0 0 0;}
   #contact .contact_detail{padding:2rem 1rem 1rem 1rem;}
   #venue{padding:3em 0.5em;}
   .mapstyle{
		width:100%;
		max-width:400px;
		min-height:400px;
		height:auto;
		border:0;
	}
	.dterm{display:none;}
	.mterm{display:block;}
	.bgtranswhite{background-color: rgba(252, 252, 252, 0.6);}
}

/* Time Line */
ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
.contactaddress{text-align:left;}
.contactaddress ul{list-style-type:none;}

/* REVIEW */
.reviews{
  padding: 15px;
  max-width: 768px;
  margin: 0 auto;
}

.review-item{
  background-color: white;
  padding: 15px;
  margin-bottom: 5px;
  box-shadow: 1px 1px 5px #343a40;
}

.review-item .review-date{
  color: #cecece;
}
.review-item .review-text{
  font-size: 16px;
  font-weight: normal;
  margin-top: 5px;
  color: #343a40;
}

.review-item .reviewer{
  width: 100px;
  height: 100px;
  border: 1px solid #cecece;
}

/****Rating Stars***/
.raterater-bg-layer {
    color: rgba( 0, 0, 0, 0.25 );
}
.raterater-hover-layer {
    color: rgba( 255, 255, 0, 0.75 );
}
.raterater-hover-layer.rated { /* after the user selects a rating */
    color: rgba( 255, 255, 0, 1 );
}
.raterater-rating-layer {
    color: rgba( 255, 155, 0, 0.75 );
}
.raterater-outline-layer {
    color: rgba( 0, 0, 0, 0.25 );
}

/* don't change these - you might break something.. */
.raterater-wrapper {
    overflow:visible;
}

.software .raterater-wrapper {
    margin-top: 4px;
}

.raterater-layer,
.raterater-layer i {
    display: block;
    position: absolute;
    overflow: visible;
    top: 0px;
    left: 0px;
}
.raterater-hover-layer {
    display: none;
}
.raterater-hover-layer i,
.raterater-rating-layer i {
    width: 0px;
    overflow: hidden;
}
 .animated {
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}

.stars
{
    margin: 20px 0;
    font-size: 24px;
    /*color: #d17581;*/
	color:#666;
}


/* REVIEW 22222222222222 */

.glyphicon-lg{font-size:3em}
.blockquote-box{border-right:5px solid #E6E6E6;margin-bottom:25px}
.blockquote-box .square{width:100px;min-height:50px;margin-right:22px;text-align:center!important;background-color:#E6E6E6;padding:20px 0}
.blockquote-box.blockquote-primary{border-color:#357EBD}
.blockquote-box.blockquote-primary .square{background-color:#428BCA;color:#FFF}
.blockquote-box.blockquote-success{border-color:#4CAE4C}
.blockquote-box.blockquote-success .square{background-color:#5CB85C;color:#FFF}
.blockquote-box.blockquote-info{border-color:#46B8DA}
.blockquote-box.blockquote-info .square{background-color:#5BC0DE;color:#FFF}
.blockquote-box.blockquote-warning{border-color:#EEA236}
.blockquote-box.blockquote-warning .square{background-color:#F0AD4E;color:#FFF}
.blockquote-box.blockquote-danger{border-color:#D43F3A}
.blockquote-box.blockquote-danger .square{background-color:#D9534F;color:#FFF}

/*!
 * @copyright © Kartik Visweswaran, Krajee.com, 2014
 * @version 2.5.0
 *
 * A simple yet powerful JQuery star rating plugin that allows rendering
 * fractional star ratings and supports Right to Left (RTL) input.
 *
 * For more JQuery/Bootstrap plugins and demos visit http://plugins.krajee.com
 * For more Yii related demos visit http://demos.krajee.com
 */
.rating-loading {
    width: 25px;
    height: 25px;
    font-size: 0px;
    color: #fff;
    background: transparent url('../img/loading.gif') top left no-repeat;
    border: none;
}
/*
 * Stars
 */
.rating-gly {
    font-family: 'Glyphicons Halflings';
}
.rating-gly-star {
    font-family: 'Glyphicons Halflings';
    padding-left: 2px;
}

.rating-gly-star .rating-stars:before {
    padding-left: 2px;
}

.rating-lg .rating-gly-star, .rating-lg .rating-gly-star .rating-stars:before {
    padding-left: 4px;
}

.rating-xl .rating-gly-star, .rating-xl .rating-gly-star .rating-stars:before {
    padding-left: 2px;
}

.rating-active {
    cursor: default;
}

.rating-disabled {
    cursor: not-allowed;
}

.rating-uni {
    font-size: 1.2em;
    margin-top: -5px;
}

.rating-container {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: #e3e3e3;
    overflow: hidden;
}

.rating-container:before {
    content: attr(data-content);
}

.rating-container .rating-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #fde16d;
    transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
}

.rating-container .rating-stars:before {
    content: attr(data-content);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}

.rating-container-rtl {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    color: #fde16d;
}

.rating-container-rtl:before {
    content: attr(data-content);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}

.rating-container-rtl .rating-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #e3e3e3;
    transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
}

.rating-container-rtl .rating-stars:before {
    content: attr(data-content);
}

/**
 * Rating sizes
 */
.rating-xl {
    font-size: 4.89em;
}

.rating-lg {
    font-size: 3.91em;
}

.rating-md {
    font-size: 3.13em;
}

.rating-sm {
    font-size: 2.5em;
}

.rating-xs {
    font-size: 2em;
}

/**
 * Clear rating button
 */
.star-rating .clear-rating, .star-rating-rtl .clear-rating {
    color: #aaa;
    cursor: not-allowed;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
}

.clear-rating-active {
    cursor: pointer !important;
}

.clear-rating-active:hover {
    color: #843534;
}

.star-rating .clear-rating {
    padding-right: 5px;
}

/**
 * Caption
 */
.star-rating .caption, .star-rating-rtl .caption {
    color: #999;
    display: inline-block;
    vertical-align: middle;
    font-size: 55%;
}

.star-rating .caption {
    padding-left: 5px;
}

.star-rating-rtl .caption {
    padding-right: 5px;
}

.glyphicon-star {
  font-size: 40px;
  color: #e67e22;
  &.half {
    position: relative;
    &:before {
      position: relative;
      z-index: 9;
      width: 47%;
      display: block;
      overflow: hidden;
    }
    &:after {
      content: '\e006';
      position: absolute;
      z-index: 8;
      color: #bdc3c7;
      top: 0;
      left: 0;
    }
  }
}

#calendar {
    max-width: 900px;
    margin: 0 auto;
  }
  /* css สำหรับกำหนดรูปแบบของกล่องข้อความ Tooltip */ 
.iTooltip{  
	position:absolute;  
	border:1px solid #FFCC66;  
	background-color:#FFFFCC;  
	color:#000000;  
	display:none;  
	padding:5px;  
/*  width:200px;*/ 
	font-size:12px;  
	z-index:90000;
}

.modal,.searchmodal, #script-warning{display:none;}
.modal .btn{margin-left:1em;}
.modal-dialog{margin:14% auto;}
/* PRIVATE CLASS */
.design-process-section .text-align-center {
    line-height: 25px;
    margin-bottom: 12px;
}
.design-process-content {
    border: 1px solid #e9e9e9;
    position: relative;
    padding: 16px 34% 30px 30px;
}
.design-process-content img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    max-height: 100%;
}
.design-process-content h3 {
    margin-bottom: 16px;
}
.design-process-content p {
    line-height: 26px;
    margin-bottom: 12px;
}
.process-model {
    list-style: none;
    padding: 0;
    position: relative;
    max-width: 600px;
    margin: 20px auto 0px auto;
    border: none;
    z-index: 0;
}
.process-model li::after {
    background: #e5e5e5 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    margin: 0 auto;
    position: absolute;
	left: 12px;
    top: 33px;
    width: 85%;
    z-index: -1;
}
.process-model li.active::after {
    background: #57b87b;
}
.process-model li.visited::after {
    background: #57b87b;
}
.process-model li:last-child::after {
    width: 0;
}
.process-model li {
    display: inline-block;
    width: 18%;
    text-align: center;
    float: none;
}
.nav-tabs.process-model > li.active > a, .nav-tabs.process-model > li.active > a:hover, .nav-tabs.process-model > li.active > a:focus, .process-model li a:hover, .process-model li a:focus {
    border: none;
    background: transparent;

}
.process-model li a {
    padding: 0;
    border: none;
    color: #606060;
}
.process-model li.active,
.process-model li.visited {
    color: #57b87b;
}
.process-model li.active a,
.process-model li.active a:hover,
.process-model li.active a:focus,
.process-model li.visited a,
.process-model li.visited a:hover,
.process-model li.visited a:focus {
    color: #57b87b;
}
.process-model li.active p,
.process-model li.visited p {
    font-weight: 600;
}
.process-model li i {
    display: block;
    height: 68px;
    width: 68px;
    text-align: center;
    margin: 0 auto;
    background: #f5f6f7;
    border: 2px solid #e5e5e5;
    line-height: 65px;
    font-size: 30px;
    border-radius: 50%;
}
.process-model li.active i, .process-model li.visited i  {
    background: #fff;
    border-color: #57b87b;
}
.process-model li p {
    font-size: 14px;
    margin-top: 11px;
}
.process-model.contact-us-tab li.visited a, .process-model.contact-us-tab li.visited p {
    color: #606060!important;
    font-weight: normal
}
.process-model.contact-us-tab li::after  {
    display: none; 
}
.process-model.contact-us-tab li.visited i {
    border-color: #e5e5e5; 
}



@media screen and (max-width: 560px) {
  .more-icon-preocess.process-model li span {
        font-size: 23px;
        height: 50px;
        line-height: 46px;
        width: 50px;
    }
    .more-icon-preocess.process-model li::after {
        top: 24px;
    }
	#cooking-detail{padding-top:5em;}
	.fc-center{position:absolute;top:1em;left:30%;}
}
@media screen and (max-width: 380px) { 
    .process-model.more-icon-preocess li {
        width: 16%;
    }
    .more-icon-preocess.process-model li span {
        font-size: 16px;
        height: 35px;
        line-height: 32px;
        width: 35px;
    }
    .more-icon-preocess.process-model li p {
        font-size: 8px;
    }
    .more-icon-preocess.process-model li::after {
        top: 18px;
    }
    .process-model.more-icon-preocess {
        text-align: center;
    }
	
}

/* FLIP IMAGE */
.title {
  text-align: center;
  color: #333;
  font-size: 1.6em;
}
.creds {
  text-align: center;
  color: #666;
  font-size: 0.85em;
}
.creds a {
  color: #000;
  text-decoration: none;
  border-bottom: 1px dotted #000;
}
.flip-menu{
margin: 30px 0 0;
}
.flip-item-wrap{
width: 25%;
height: auto;
float: left;
position:relative;
-webkit-perspective:800px;
   -moz-perspective:800px;
	-ms-perspective:800px;
	 -o-perspective:800px;
		perspective:800px;
}
@media screen and (min-width: 1280px) {
	.flip-item-wrap{
	width: 16.6%;
	}
}
@media screen and (max-width: 979px) {
	.flip-item-wrap{
		width: 33.3%;
	}
}
@media screen and (max-width: 639px) {
	.flip-item-wrap{
		width: 50%;
	}
}
@media screen and (max-width: 379px) {
	.flip-item-wrap{
		width: 100%;
	}
}
.flip-item-wrap img{
	width:100%;
	height:auto;
	display:block;
	margin:0;
}
.flip-item-wrap input{
	display: none;
}
.flip-item-wrap .fake-image{
	visibility: hidden;
}
.flip-item{
display: block;
width:100%;
height:100%;
float:left;
position:absolute;
top:0;
left:0;
cursor:pointer;
color:#fff;
-webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	 -o-transform-style:preserve-3d;
		transform-style:preserve-3d;
-webkit-transition:-webkit-transform 1s;
   -moz-transition:   -moz-transform 1s;
	 -o-transition:     -o-transform 1s;
		transition:        transform 1s;
}
.flip-item figure{
display:block;
position:absolute;
width:100%;
height:100%;
margin:0;
-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	 -o-backface-visibility:hidden;
		backface-visibility:hidden;
}
.flip-item .back{
width:100%;
display:block;
margin:0;
-webkit-transform:rotateY( 180deg );
   -moz-transform:rotateY( 180deg );
	-ms-transform:rotateY( 180deg );
	 -o-transform:rotateY( 180deg );
		transform:rotateY( 180deg );
}
.flipper:checked + .flip-item{
-webkit-transform:rotateY( 180deg );
   -moz-transform:rotateY( 180deg );
	-ms-transform:rotateY( 180deg );
	 -o-transform:rotateY( 180deg );
		transform:rotateY( 180deg );
}
.flip-item-desc{
background: rgba(0,0,0,0.5);
width:100%;
height:100%;
padding:5%;
position:absolute;
top: 0;
left: 0;
text-shadow:1px 2px 1px rgba(0,0,0,0.9);
overflow:hidden;
}
.flip-item-title{
font-size: 1.5em;
margin: 1em 0 0.8em;
}
.carousel-item{
	background:white;
	color:black;
	opacity: 0.8;
	border-radius:0.4em;
	padding:10px;
}
.circle-icon-am {
    background: #ff9f89;
    padding:0.8em;
    border-radius: 50%;
	color:white;
}
.circle-icon-pm {
    background: #338f88;
    padding:0.8em;
    border-radius: 50%;
	color:white;
}

.morethan3{display:none;} 
.faqshow{display:block !important;}

/* Feedback Rating Star Widgets Style */
.rating-stars ul {
  list-style-type:none;
  padding:0;
  
  -moz-user-select:none;
  -webkit-user-select:none;
}
.rating-stars ul > li.star {
  display:inline-block;
  
}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
  font-size:2.5em; /* Change the size of the stars */
  color:#ccc; /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
  color:#FFCC36;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
  color:#FF912C;
}
.feedbackcontainer{width:100%;}
.hiddenseo{width:5px;height:1px;position:absolute;z-indx:-3;font-size:0.1em;visibility:hidden;}