body {
  min-height: 100%;
}
#container {
  /* min-height: 100%; */
  position: relative;
}
@media (min-width: 768px) {
  #container {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  #container {
    margin-top: 20px;
  }
}
.full-width {
    margin-top: -32px;
}

/* common settings */
.c_gray {color:#999}
.c_dcdcdc {color:#DCDCDC}
.c_blue {color:#5C91B9}
.c_brown {color:#855423}
.c_orange {color:#F8931E}
.c_gold {color:#9B6429}
.c_yellow {color:#F9AF11;}
.c_beige {color:#E7B35D}
.c_green {color:#478E81}
.c_red {color:#ed9297}
.c_red_pen {color:#FF3300}
.c_dark_red {color:#C65329}
.c_333 {color:#333}
.c_review {color:#D7E181}
.c_cannot {color:#F8D4D6}
.c_can {color:#A0CEDD}

.size_60 {font-size:60%;}
.size_70 {font-size:70%;}
.size_80 {font-size:80%;}
.size_90 {font-size:90%;}
.size_110 {font-size:110%;}
.size_120 {font-size:120%;}
.size_130 {font-size:130%;}
.size_140 {font-size:140%;}
.size_150 {font-size:150%;}
.size_200 {font-size:200%;}

.text_center {text-align: center}

.margin10 {margin:10px;}
.margin20 {margin:20px;}
.margint5 {margin-top:5px;}
.margint10 {margin-top:10px;}
.margint15 {margin-top:15px;}
.margint20 {margin-top:20px;}
.marginr5 {margin-right:5px;}
.marginr10 {margin-right:10px;}
.marginr20 {margin-right:20px;}
.marginb5 {margin-bottom:5px}
.marginb10 {margin-bottom:10px;}
.marginb20 {margin-bottom:20px;}
.marginb30 {margin-bottom:30px;}
.marginb40 {margin-bottom:40px;}
.marginb50 {margin-bottom:50px;}
.marginl5 {margin-left:5px;}
.marginl10 {margin-left:10px;}
.marginl20 {margin-left:20px;}
.marginl25 {margin-left:25px;}
.marginl30 {margin-left:30px;}
.margint20 {margin-top:20px;}
.margint30 {margin-top:30px;}
.margint40 {margin-top:40px;}
.margint50 {margin-top:50px;}

.padding5 {padding:5px;}
.padding10 {padding:10px;}
.padding20 {padding:20px;}
.paddingr5 {padding-right:5px;}
.paddingr10 {padding-right:10px;}
.paddingl5 {padding-left:5px;}
.paddingl10 {padding-left:10px;}
.paddingl30 {padding-left:30px;}
.paddingl40 {padding-left:40px;}
.paddingt10 {padding-top:10px;}

.ebird_s {width:50px; height:50px;}
.ebird_m {width:75px; height:75px;}
.ebird_l {width:100px; height:100px;}

.w5 {width:5%;}
.w25 {width:25%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w75 {width:75%;}
.w90 {width:90%;}
.w100 {width:100%;}

.right {float:right;}
.left {float:left;}
.bold {font-weight:bold;}
.display-none {
  display:none;
}
.pointer {
  cursor:pointer;
}

@media (max-width: 1024px) {
  .desktop {
    display:none;
  }
}
@media (max-width: 767px) {
  .tablet {
    display:none;
  }
}
@media (min-width: 768px) {
  .mobile {
    display:none;
  }
}

@media (max-width: 1024px) {
  .tablet-height-adjust {
     min-height:750px;
  }
}
@media (max-width: 767px) {
  .mobile-height-adjust {
    min-height:400px;
  }
}
@media (min-width: 1025px) {
  .desktop-height-adjust {
    min-height:250px;
  }
}
@media (min-width: 1025px) {
  .desktop-height-adjust2 {
    min-height:400px;
  }
}

.flat-button {
  float: left;
  list-style-type: none;
  font-size: 110%;
  margin: 5px; 
  border-radius: 6px;
  width: auto !important;
  margin-bottom: 15px !important;
  padding-bottom: 0 !important;
  cursor: pointer;
}
.flat-button a {
  display: block;
  margin: 5px 8px;
  color: #fff;
}
.flat-button:hover {
  margin-top: 9px;
  margin-bottom: 11px !important;
}
.flat-button.wait:hover {
  margin-top: 5px;
  margin-bottom: 15px !important;
}
.flat-button.wait a {
  color: #a9a9a9;
}
.flat-button.selected {
  background: #c26b06;
  margin-top: 9px;
}
.flat-button.selected:hover {
  margin-top: 9px;
  margin-bottom: 15px !important;
}
.flat-button a:hover {
  color: #fff;
  text-decoration: none;
}
.flat-button.wait a:hover {
  color: #a9a9a9;
}
.flat-button.orange-button {
  background: #F8931E;
  box-shadow:0px 4px 0px #c26b06;
}
.flat-button.orange-button:hover {
  background: #c26b06;
}
.flat-button.orange-button.selected {
  background: #c26b06;
}

/* css buttons */
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 100% Arial, Helvetica, sans-serif;
	padding: .5em 1.5em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .4em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

/* override anchor color */
a.button {color: #fef4e9;}
a.button:link{color: #fef4e9;}
a.button:hover{color: #F1C99B;}

/* orange */
.orange {
	color: #fef4e9;
        font-weight:bold;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
        color: #F1C99B;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* bootstrap common customize */
@media (min-width: 900px) {
  .scroll-header.main-menu {
    display: none;
  }
}
@media (max-width: 899px) {
  .full-header {
    display: none;
  }
  .scroll-header.main-menu {
    display: block;
  }
}

/* footer */
footer {
  background: #edeef1;
  color: #4c4c4c;
  font-size: 14px;
  width: 100%;
  float: left;
}
footer a {
  color: #4c4c4c;
}
.footer-menu a:hover, footer a:active {
  color: #4c4c4c;
}

footer .row {
  margin-top: 50px;
  margin-bottom: 10px;
}
#footer .col-md-3 {
    margin-bottom: 40px;
}
.footer-logo {
  margin-top: -12px;
  margin-bottom: 10px;
}
.org-info {
  margin-bottom: 10px;
  line-height: 1.5;
}
ul.social-icons {
  padding-bottom: 12px;
  position: relative;
  z-index: 1;
  list-style-type: none;
  padding-left: 0;
}
ul.social-icons li {
  padding-right: 10px;
  display: inline-block;
  text-align: center;
  padding-left: 0;
  line-height: 36px;
}
ul.social-icons a {
  font-size: 24px;
  width: 36px;
  height: 48px;
  line-height: 48px;
  display: inline-block;
}
footer .sidebar-header {
  font-size: 18px;
  font-weight: bold;
  margin-top: 0; margin-bottom: 15px;
}
ul.footer-menu {
  padding-left: 0;
}
ul.footer-menu li {
  margin-bottom: 12px;
  list-style-type: none;
}

.footer-logo {
  width: 160px;
}

.scroll-header-top {
     top:0;
     left:0;
     overflow:hidden;
     width:100%;
     height:55px;
     z-index:100;
     background: #fff;
     border-bottom:1px solid #ddd;
}
.scroll-header-bottom {
     padding:15px 0;
}
.scroll-header {
     height:55px;
     width:100%;
     overflow:hidden;
     margin-bottom: 20px;
} 
.scroll-header ul {
     list-style:none;
     padding-left:0;
     margin-top:13px;
}
.scroll-header ul li{
     float:left;
     font-size:85%;
     width:25%;
     text-align:center;
     cursor:pointer;
     text-decoration:none;
     color:#666;
}

[x-cloak] { display: none !important; }