/*FONT DEFINING*/
@font-face { font-family: 'nexa'; font-style: normal; font-weight: 400; src: url("../fonts/nexa-light.eot"); src: local("Nexa Light"), local("Nexa-Light"), url("../fonts/nexa-light.eot") format("embedded-opentype"), url("../fonts/nexa-light.woff") format("woff");  }
@font-face { font-family: 'nexa'; font-style: normal; font-weight: 700; src: url("../fonts/nexa-bold.eot"); src: local("Nexa Bold"), local("Nexa-Bold"), url("../fonts/nexa-bold.eot") format("embedded-opentype"), url("../fonts/nexa-bold.woff") format("woff"); }

/*GLOBAL RESET*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; position: relative; }
ul, ol { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { /*border-bottom:1px dotted;*/ cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ul, ol { /*margin-left: 1.8em;*/ }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; }
small { font-size: 85%; }
strong { font-weight: bold; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; }
pre, code { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 dan 2.1*/ word-wrap: break-word; /* IE */ }
input, select { vertical-align: middle; }
.ie6 input { vertical-align: text-bottom; }
textarea { overflow: auto; }
input[type="radio"] { vertical-align: middle; }
input[type="checkbox"] { vertical-align: middle; }
.ie7 input[type="checkbox"] { vertical-align: middle; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; padding: 0; border: 0; background: none; }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
img { border: none; vertical-align: bottom; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: bottom; background: transparent; color: inherit; }
a:link, a:hover, a:visited { text-decoration: none; outline: none; }
/*a:hover { color: #d42329; }*/
p { padding-bottom: 10px; }
td, th { text-align: left; vertical-align: middle; line-height: 120%; }
[onclick] { cursor: pointer; }
label { line-height: 150%; }
.reset { clear: both !important; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; text-decoration: none; display: inline; font-weight: inherit; }

/*clear HEADINGS , fonts , etc*/
h1, h2, h3, h4, h5, h6 { font-size: 100%; text-decoration: none; display: inline; font-weight: inherit; }

/*FONT STYLE*/
.fBold { font-weight: bold !important; }
.fItalic { font-style: italic !important; }
.upC { text-transform: uppercase !important; }

/*FONT SIZE*/
.fS10 { font-size: 10px; }
.fS11 { font-size: 11px; }
.fS12 { font-size: 12px; }
.fS13 { font-size: 13px; }
.fS14 { font-size: 14px; }
.fS16 { font-size: 16px; }
.fS18 { font-size: 18px; }
.fS20 { font-size: 20px; }
.fS22 { font-size: 22px; }
.fS24 { font-size: 24px; }
.fS26 { font-size: 26px; }

/*LINE_HEIGHT*/
.lh100 { line-height: 100%; }
.lh120 { line-height: 120%; }
.lh150 { line-height: 150%; }
.lh200 { line-height: 200%; }

/*TEXT ALIGN*/
.txC { text-align: center; }
.txJ { text-align: justify; }
.txR { text-align: right; }


/*GLOBAL STYLES*/
html , body {overflow-x:hidden;}
body { font: normal 14px/1.3 nexa , helvetica , arial , sans-serif; color: #333; cursor:default;  vertical-align: bottom;}

.thumbcontainer { position: relative; overflow: hidden; }
.thumbcontainer img { width: 100%;}

.fr { float: right; }
.fl { float: left; }

.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p25 { padding: 25px; }
.p30 { padding: 30px; }
.p35 { padding: 35px; }
.p40 { padding: 40px; }
.p45 { padding: 45px; }
.p50 { padding: 50px; }

.clearfix:before, .grid:before, .clearfix:after, .grid:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.clearfix:after, .grid:after {
  clear: both; }

.clearfix, .grid {
  zoom: 1; }
  
 .clear{clear:both; }

.h5 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h35 { height: 35px; }
.h40 { height: 40px; }
.h45 { height: 45px; }
.h50 { height: 50px; }

.disp { display: none; }

.grid { position: relative; }
.grid.center { margin-left: auto; margin-right: auto; }

@media screen and (min-width: 1200px) {
	.grid.full {padding: 0 100px; }
	.disp.d { display: block; } 
}
@media screen and (min-width: 768px) and (max-width: 1199px) { 
	.grid.full {padding: 0 50px;}
	.disp.c { display: block; } 
}

@media screen and (min-width: 480px) and (max-width: 767px) { 
	.grid.full {padding: 0 25px;}
	 .disp.b { display: block; }
}

@media screen and (max-width:479px) { 
	.grid.full {padding: 0 10px;}
	.disp.a { display: block; }
}


.opening-intro{position:fixed; height:100%; width:100%; z-index:9999; background:url('../img/opening-bg.png') no-repeat center center #fff; min-height:500px; top:0; left:0;}

	.enterlink{display:block; position:absolute; width:200px;  left: -9999px; right: -9999px; margin: auto; height:400px;  z-index:10; bottom:0;  }
		.enterlink span{display:block;  position:absolute; bottom:100px; text-align:center; width:100%; color:#000;font-size:18px;}
		.enterlink:hover span{color:#fff; font-size:18px;}
		

	.opening-intro .block{position:absolute; z-index:9; width:100%;}
		.opening-intro .block img{width:100%; }
		
	.opening-intro .block.b1{top:0; left:0%;}
	.opening-intro .block.b2{bottom:0; right:0%;}
	
	
	
.page-header{background: url('../img/header-edgetopleft.png') no-repeat left top transparent; height:80px; overflow:visible;  }
.page-header .logo{ float:left; height:60px; width:200px; margin:10px 0;}
	.page-header .logo img{width:100%; }
	


	
.page-nav{float:right; }
	.page-nav .desktop .mainlist{float:left; position:relative; height:80px;}
		.page-nav .desktop .mainlist .mainlink{display:block; height:80px; line-height:80px; padding:0 15px; color:#895d3b; font-weight:bold; background: url('../img/navtrap1.png') top left no-repeat; }
		.page-nav .desktop .mainlist .mainlink.active{background: url('../img/navtrap3.png') top left no-repeat; }

		.page-nav .desktop .mainlist:hover , .page-nav .desktop .mainlist.active{background-color:rgba(0,30,40,.9);}
		.page-nav .desktop .mainlist:hover .mainlink{color:#fff;}
		
		
		.page-nav .desktop .sublist-container{position:relative; z-index:99; background: url('../img/navtrap2.png') bottom right no-repeat rgba(0,30,40,.9); padding: 0 0 20px; display:none;}
			.page-nav .desktop .sublist .sublink{display:block; color:#fff; line-height:18px; padding:6px 15px; font-size:13px;}
			.page-nav .desktop .sublist .sublink:hover{ color:#895d3b;}
			
			.page-nav .desktop .mainlist:hover .sublist-container , .page-nav .desktop .mainlist:active .sublist-container , .page-nav .desktop .mainlist:focus .sublist-container {display:block;}
			
.page-nav .mobile-trigger{display:none; height: 50px; width:50px; background: url('../img/mob-menu.png') 0 0 no-repeat transparent; margin:5px;}
.page-nav .mobile-trigger.active{background-position:-50px 0;}
			
@media screen and (max-width: 767px) {
	.page-nav .desktop {display:none; }
	.page-nav .mobile-trigger, .mobile-nav{display:block;}
}

.mobile-nav{border-bottom:1px solid #895d3b; display:none;}
	.mobile-nav .mainlist .mainlink{display:block; padding: 7px 10px; font-weight:bold; border-top:1px solid #895d3b; color:#001d2a;}
	.mobile-nav .sublist .sublink{display:block;  padding: 3px 10px 3px 20px; color:#895d3b;}

.page-footer{background-color:#001d2a; }
.page-footer .socmed{float:left; padding:13px 0;}
	.page-footer .socmed a{display:block; margin-right:13px; float:left; opacity:.6;}
		.page-footer .socmed a:hover{opacity:1;}
	
	.page-footer .copyright{background: url('../img/footer-leftbg.png') no-repeat left center; width:350px; float:right; text-align:right; position:relative;}
	.page-footer .copyright span{ line-height:50px; color:#fff;}
		.page-footer .copyright .sidecolor{background-color:#895d3b; height:50px; width:1000px; position:absolute; left:100%; top:0; z-index:9;}
		

.flex .left .container{padding-right:20px; padding-bottom:20px;}

.big-slider{width:100%; overflow:hidden; }

article .title{margin-bottom:10px; font-weight:bold;}
article .title.large{font-size:24px; }
article .title.med{font-size:20px; }
article .title.small{font-size:18px; }


.contact-form{padding:0 20px;}
.contact-form .form_row{margin-bottom:25px;}

.contact-form .inputarea{font-family: nexa !important;display:block; box-sizing: border-box; width: 100%; background-color:#f3ede8; padding:2px 10px; color:#a77010; font:bold 16px/24px lato; border:1px solid #001d2a;}
.contact-form .inputarea:focus {box-shadow:inset 0 0 6px rgba(0,0,0,.1);}
.contact-form .inputarea:active{box-shadow:inset 0 0 6px rgba(0,0,0,.3);}

.contact-form .inputarea:focus{background-color:#eee;}

.contact-form .inputarea.message{height:150px; resize:none;}
.contact-form .inputarea.captcha{width:115px; float:left; margin-right:10px;}

.contact-form .submitBtn{display:block; color:#fff;  font:bold 16px/24px lato; float:left; background-color:#895d3b; line-height:28px; padding:0 25px;} 
.contact-form .submitBtn:hover , .contact-form .submitBtn:active{ background-color:#444; } 
.contact-form .submitBtn:active{box-shadow:inset 0 0 6px #000;}

.project-gallery .projectlist{float:left; margin-bottom:10px; padding-bottom:5px;}
	.project-gallery .projectlist a{display:block; }
	.project-gallery .projectlist a .thumbcontainer{}
	.project-gallery .projectlist a .thumbcontainer img{opacity:.6;}
	.project-gallery .projectlist a:hover img{opacity:1;}
	
	.project-gallery .projectlist .desc{padding-top:5px; font-size:16px; line-height:20px; height:60px; overflow:hidden;}
	
.pagination{ margin:15px 0; padding-top:5px; text-align:center;}
	 .pagination a{display:inline-block; padding:0 10px; line-height:24px;  color:#999;}
	 .pagination  a:hover{color:#000;}
		 .pagination a.active , .pagination a.active:hover{color:#001d2a; font-weight:bold;}

		 .project-gallery-image{position:relative;}
.project-gallery-image li {display:none;}
.project-gallery-image li img{width:100%;}
.project-gallery-image .bignav{display:block; position:absolute; top:50%; z-index:99; background: transparent url("../img/slider-nav.png") no-repeat; height:50px; width:50px; opacity:.5; transition:opacity .2s; -moz-transition:opacity .2s;}
	.project-gallery-image .bignav.prev{left:20px; background-position: 0px 0px;}
	.project-gallery-image .bignav.next{right:20px; background-position: -50px 0px;}
	.project-gallery-image .bignav:hover{opacity:1;}

.project-gallery-thumbnail{border-bottom:1px solid #999; margin-top:10px;}
.project-gallery-thumbnail ul li{width:16.6%; float:left; margin-bottom:5px;}
.project-gallery-thumbnail ul li a{display:block; padding-right:5px; opacity:.4; transition:opacity .2s;}
.project-gallery-thumbnail ul li a:hover , .project-gallery-thumbnail ul li a.active{opacity:1;}
.project-gallery-thumbnail ul li img{width:100%;}

.project-gallery-thumbnail .gallerynav_container{height:40px; position:relative;}
.project-gallery-thumbnail .gallerynav{display:block; position:absolute;  height:40px; width:40px; background: url('../img/gallerynav.png') no-repeat;}
	.project-gallery-thumbnail .gallerynav.prev{left:70px; background-position:0 0 ;}
	.project-gallery-thumbnail .gallerynav.next{right:70px; background-position:-40px 0;}
	
	.project-gallery-thumbnail .gallerynav.disabled{opacity:.3;}

.project-video{display:block; padding:10px 0; }
.project-video .thumbnail{width:30%; max-width:400px; float:left; margin-right:10px; position:relative;}
.project-video .thumbnail img{width:100%;}
.project-video .thumbnail .overlay{position:absolute; z-index:99; width:100%; height:100%; background: url('../img/playicon.png') no-repeat center center rgba(0,0,0,.5); opacity:.4; transition:opacity .2s;}
.project-video:hover .overlay{opacity:1;}
.project-video .title{font-weight:bold; font-size:18px;}


#work-details .back_btn{display:block; margin-top:15px;}

.bodycontent{min-height:500px;}

.