html {
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
	position: relative;
}

body {
	width: 100%;
	-webkit-font-smoothing: antialiased;
	font-family: 'Libre Baskerville', serif;
	color: #FFFFFF;
	font-size: 16px;
	margin: 0;
	height: auto;
	min-height: 100%;
	overflow-x: hidden;
	background-color: #1d1b12;

	


	
	
}



img {
	border: none;
	margin: 0;
	max-width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: middle;
}
a[href^=tel] {
	color: inherit;
	text-decoration: none;
}
a {
	color: #dac700;
	outline: none !important;
	border:none;
	text-decoration: none !important;
	-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
	
	}


a:hover {
	color: #ffffff;
}

.sb-site-container {
	background-color: #1d1b12;
	
}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


/* g maps */

  .google-maps {
        position: relative;
        padding-bottom: 50%; /* This is the aspect ratio */
        height: 0;
        overflow: hidden;
    }
	
	
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
	
	
	
/* language fonts */

.mandarin-traditional {
	font-family: Georgia, "Times New Roman", "KaiTi", "楷体", STKaiti, "华文楷体", serif !important;
}

.mandarin-simplified {
	font-family: Arial, Helvetica, "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif !important;
}

.korean {
	font-family: Malgun Gothic, Dotum, sans-serif;
	font-style: normal !important;
	}



/* end language fonts */


/* Video */


.video-container {
    position: relative;
    padding-bottom: 52.5%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.dim {
	opacity: .50;	
}

.snyder {
	width: 20px;
	height: 20px;	
	vertical-align: middle;	
}

#logoXsNav {
	float: right;
	margin: 5px 10px 0 0;	
}



#logoXsNav img  {
	width: 80px;
	
}

.section-hr {
	outline:none;
	border:none;
	background-color: #565135;
	height: 1px;
	margin: 50px auto;	
}


.hr-green {
	outline:none;
	border:none;
	background-color: #565135;
	height: 1px;
	
}

::selection {
    background: #e2dcce;
    color: #1D1B12;
}

.navbarXs {
    background-color: #FFFFFF !important;
	height:80px;
    border-bottom: solid 5px #292f55 !important;
	padding-bottom: 5px;
    
}

.navbarXs  .fa-bars {
	color: #292f55;
	line-height: 65px ;	
}


.navmenu-brand {
	background-color: #FFFFFF;	
	border-bottom: solid 10px #292F55 !important;
	text-align: center;
	margin-top:0;
}


.navmenu-brand img{
	width: 150px;
}

.navXs>li>a {
	font-weight: normal;	
	letter-spacing: 1px;
	text-align: center;
	font-size: 14px;
	font-family: 'Libre Baskerville', serif;
	color: #FFFFFF;
}


.navXs>li>a:hover {
	background-color: #1D1B12;	
}

.sb-slidebar {
	background-color: #3D3925;	
}


.text-white {
	color: #FFFFFF !important;	
}


.bg-cream {
	background-color: #E2DCCE;
}

.bg-dark-tan {
	background-color: rgba(39,36,24,0.69);
}


.page-content-bg {
	position: relative;
	z-index:10;	
	background-color: rgba(39,36,24,0.69);
}


.max-50 {
	max-width: 50%;
	margin-left: auto;
	margin-right:auto;	
}


.max-800 {
	max-width: 800px;
	margin-left: auto;
	margin-right:auto;
}

.text-lg {
	font-size: 25px;	
}

.text-huge {
	font-size: 40px;	
}

.text-sm {
	font-size:14px;	
}

#nav-bump {
	display: block;
	height: 80px;	
}


.feature-text {
	margin-top: 10%;	
}

.page-sub-head {
	text-align: center;	
	color: #FFEEB3;
	
}

.page-sub-head hr {
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;	
}


.text-black {
	color: #000000;
}	

.text-normal {
	font-weight: normal !important;	
}



	
	.lh-increase {
		line-height: 2em;	
	}
	

text-white {
	color: #FFFFFF !important;	
}

.text-cream {
	color: #FFEEB3;
}



.bump-top {
	margin-top: 15px;	
}


.bump-right {
	margin-right: 15px;	
	
}


.bump-bottom {
	margin-bottom: 15px;	
	
}



.bump-vert {
	margin-top: 15px;	
	margin-bottom: 15px;	
}

.bump-horiz {
	margin-right:15px;
	margin-left:15px;	
}


.no-pad {
	padding: 0 !important;	
}

.no-marg-top {
margin-top: 0;	
}

.pad-vert {
	padding-top: 15px;
	padding-bottom: 15px;	
}



.popup {
	cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
	
}

.anchor:before {
    display: block;
    content: " ";
    margin-top: -450px;
    height: 450px;
    visibility: hidden;
}



.content-max {
	position:relative;
	max-width: 1600px;
	margin-left: auto;
	margin-right:auto;
	padding-left: 15px;
	padding-right:15px;
	z-index:999
}




#main-header-container {
background-color: #FFFFFF;
height: 145px;
padding: 15px 0;

position:relative;

z-index:9999;


}



#main-header-left {
	width: 20%;
	float: left;
	text-align:center;	
}

#main-header-left img {
	max-width: 125px;
	
		
}

#main-header-left a {
	display:block;
}

#main-header-right {
	width: 78%;
	float: left;
	margin-left: 2%;
		
}

#main-header-right a {
	color: #000000;	
}

.language {
	font-size: 12px;	
}

.language a:hover {
	text-decoration: underline !important;
}

#main-header-right a:hover {
		
}

#header-contact {
	text-align: right;
	padding: 0 0 10px 0;
	-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;

	
	
		
}

#header-contact a {
	margin-left: 10px;	
}



.social-icons {
	font-size: 20px;
	display: inline-block;
	vertical-align:middle;
	margin-left: 25px;	
}

.social-icons a {
	opacity: .35;
}	
.social-icons a:hover {
	opacity: 1.00;
	
}

.footer-social-icons {
	font-size: 45px;
	display: inline-block;
	vertical-align:middle;
	
}

.footer-social-icons a {
	opacity: .35;
}	
.footer-social-icons a:hover {
	opacity: 1.00;
	
}





#header-nav {
	text-align: right;
}	







.caps {
	text-transform: uppercase;	
}

#main-nav {
	padding: 0;	
	
	
}

#main-nav a {
	display: inline-block;
	font-size:14px;
	margin-left: 1.5%;
		
	
	text-transform: uppercase;
}

#main-nav a:first-child {
	margin-left: 0;	
}


#main-nav a hr {
	margin:5px auto;
	background-color: #232016;
	border: none;
	height:1px;
	width: 0;
	
	-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}

#main-nav a:hover {
	color: #000000 !important;
}


#main-nav a:hover > hr{
	width: 100%;
		
}

#hero-container-lg {
	position: absolute;
	width: 100%;
	top: 145px;
	z-index:1;	
}



#nav-left {
	width: 100%;
	background-color: rgba(41,47,85,0.80);
	padding: 15px 0;
	text-align: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;	
		
}

#nav-left a {
	font-size: 12px;
	color: #B4B4B4;
	display: inline-block;
	padding:  10px 15px;
	
}

#nav-left a:hover {
	background-color: #202546;
	color: #FFFFFF;	
}

#home-statement {
	background-color: #3d3925;
	position:relative;
	z-index:3000;
	padding: 15px 0;
	
		-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}

#home-statement h1 {
	font-size: 14px;
	text-align:center;
	font-weight: normal;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	line-height: 2em;
	margin-top:0;
	margin-bottom:0;
	
}	

#tag-line {
	position: relative;
	z-index:999;
	text-align: center;
	color: rgba(255,255,255,0.75);
	font-family: 'Tangerine', cursive;
	font-size: 30px;
	letter-spacing: 4px;
	padding:0;
	margin: 0;
	
	width:100%;
	
}

.cursive-head {
	font-family: 'Tangerine', cursive;
	letter-spacing: 4px;
	
	
}



#page-head {
	position: relative;
	z-index:999;
	text-align: center;
	background-color: #3d3925;
	color: rgba(255,255,255,0.75);
	font-weight: normal;
	font-size: 30px;
	letter-spacing: 4px;
	padding: 15px 0;
	margin: 0;
	text-transform: uppercase;
	width:100%;
}
#page-head h1 {
	font-size: 24px;
	margin: 15px auto;
}	


#home-promos {
	position: relative;
	z-index:999;
	padding-top: 50px;	
}

#home-promos ul {
	padding:0;
	list-style-type: none;
	text-align:center;	
}

#home-promos ul li {
	max-width: 194px;
	display: inline-block;
	margin-left: -4px;
	margin-bottom:25px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align:top;
}

#home-promos ul li a {
	color: #BCBCBC;	
}
#home-promos ul li a:hover {
	color: #FFFFFF;	
}



#home-promos ul li a img {
	border: solid 2px #232016;
	-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}

#home-promos ul li a:hover > img {
	border: solid 2px #FFFFFF;
	-webkit-box-shadow: 0px 0px 25px rgba(0,0,0,1.00);
	box-shadow: 0px 0px 25px rgba(0,0,0,1.00);
}

#home-promos ul li a h3 {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5em;	
}


#home-promos ul li a h3 span {
	text-transform: uppercase;
	display: block;
	font-style: italic;
	color: #FFFFFF;
}

#home-promos.korean ul li a h3 span {
	font-style: normal;
}


#main-footer {
	background-color: #e2dcce;	
	color: #000000;
	padding-top: 15px;
	padding-bottom:15px;
	position: relative;
	z-index:999;
	border-bottom: solid 20px #292F55;
	
}

#footer-logo {
	text-align: center;
}

.footer-contact {
	
	text-align: center;
	
	padding: 10px 0;
	font-size: 14px;
	color: #3D3925;
}

.bName {
	font-style: italic;
	font-size: 18px;

}	

.footer-phone {
	font-size: 20px;	
}


.footer-email {
	padding: 10px 0;
	
	font-size: 20px;	
}

.footer-contact a {
	color: #3D3925 !important;
}


#footer-right {
	
	right:15px;
	top:0;	
	color: #3D3925;
	text-align: center;
}

#footer-right a {
	color: #3D3925;
	margin-left: 10px;
}

#footer-copyright {
	font-size: 12px;	
}

#main-footer .language {
	padding: 15px 0;	
}








/*   back to top */

.cd-top {
  display: inline-block;
  height: 60px;
  width: 60px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #292F55 url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index:9999;
}

.cd-top:hover {
 background: #E2DCCE url(../images/cd-top-arrow.svg) no-repeat center 50%;	
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
 
  
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #095E4A;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/* END BACK TO TOP */






ul.project-archive-list {
	
	margin:0;
	padding:0;
	list-style-type:none;	
	text-align: center;
}


ul.project-archive-list li {
	display: inline-block;
	vertical-align: top;
	max-width: 315px;
	margin: 20px;	
}


ul.project-archive-list li h4 {
	color: #FFEEB3;
}

.panel {
    margin-bottom: 20px;
    background-color: transparent;
    border: none;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}


.panel-default {
    border-color: #908A6B;
}

.panel-default>.panel-heading {
    color: #908A6B;
    background-color: #3D3925;
  border: solid 1px;
  border-radius: 0;
	border-color: #908A6B;
	padding:1em;
    
}

.panel-group .panel+.panel {
    margin-top: 1em;
}

.panel-default>.panel-heading strong {
	color: #FFFFFF !important;	
}

.panel-default>.panel-heading:hover {
	border-color: #ffffff;
	background-color: #000000;
		-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
	
}


.panel-default>.panel-heading a {
	display: block;
	width:100%;	
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
}



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






}






@media screen and (min-width: 768px) {
	
#tag-line {
	font-size: 48px;
	margin:30% 0 0 0;	
}

#page-head {
	
	margin:28% 0 0 0;
}
#page-head h1 {
	font-size: 32px;
}




.affix {
  top: 0;
  width: 100%;
  position: fixed !important;
  z-index: 9000;



}

.affix-top {
  width: 100%;
  
position: fixed;
}

.affix-bottom {
  position: absolute;
  width: 100%;

}


#main-header-container.affix {
background-color: #FFFFFF;
height: auto;
padding: 15px 0;

position:relative;

z-index:9999;


}

#main-header-container.affix #header-contact {
	margin-top:-110px;
	display:none;
}	



#main-header-container.affix #main-header-left img {
	max-width:65px;	
}	


#main-header-container.affix #main-nav {
	
	
	
	
	padding:15px 0 0 0;
}	


	
	
	
}






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

	
	
}




@media screen and (min-width: 1200px) {
	
	#main-header-container {
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+33,ffffff+50,ffffff+100&1+33,0.68+50,0.68+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 33%, rgba(255,255,255,0.68) 50%, rgba(255,255,255,0.68) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 33%,rgba(255,255,255,0.68) 50%,rgba(255,255,255,0.68) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 33%,rgba(255,255,255,0.68) 50%,rgba(255,255,255,0.68) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adffffff',GradientType=1 ); /* IE6-9 */

padding: 15px 0;

position:relative;
height: 245px;

z-index:9999;

}

.footer-social-icons {
	font-size: 30px;
	display: inline-block;
	vertical-align:middle;
	margin-left: 25px;	
}

#main-nav a { 
	font-size: 16px;
}

#header-contact {
	text-align: right;
	padding: 40px 0 0 0;
	
		
}



#main-nav {
	padding: 35px 0 0 0;	
}


#main-header-left img {
	max-width: 800px;
	-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;	
}

#home-statement {
	background-color: #3d3925;
	position:relative;
	z-index:3000;
	padding: 15px 0;
	
		-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}

#tag-line {
	
	
	
	
	
}



#hero-container-lg {
	
	top: 0;
	
}


#nav-left {
	position:fixed;
	width: 100%;
	
	padding: 15px 0;
	text-align: center;
	z-index: 9999;
	left:-1000px;
		
}

#nav-left.load {
	
	left:0;	
}


#nav-left a {
	font-size: 14px;
	color: #B4B4B4;
	
	padding:  10px 15px;
	
}

#nav-left a:hover {
	background-color: #202546;
	color: #FFFFFF;	
}


.social-icons {
	font-size: 35px;

}

#footer-right {
	position: absolute;
	right:15px;
	top:0;	
	color: #3D3925;
	text-align: right;
}

#footer-logo {
	float: left;
}

.footer-contact {
	float: left;
	margin-left: 35px;
	padding: 10px 0;
	font-size: 14px;
	color: #3D3925;
	text-align:left;
}
	


.page-sub-head-bump {
	
	margin-top:100px;
}


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


#tag-line {
	
	font-size: 48px;
	letter-spacing: 4px;
	
	
	
	
	
}



	
	
	
}

@media screen and (min-width: 1650px) {
.content-max {
	
	padding-left: 0px;
	padding-right:0px;
}	

	

	
}