/*--------------------------------------------------------------
- Fonts Web
--------------------------------------------------------------*/
@font-face {}


/*--------------------------------------------------------------
- Elements
--------------------------------------------------------------*/
html{}
body{padding-top: 184px;background: #FBFBFB;  font-family: 'Montserrat', sans-serif;}
h1{  font-family: 'Montserrat', sans-serif;}
h2{  font-family: 'Montserrat', sans-serif;}
h3{  font-family: 'Montserrat', sans-serif;}
h4{  font-family: 'Montserrat', sans-serif;}
h5{  font-family: 'Montserrat', sans-serif;}
p{  font-family: 'Montserrat', sans-serif;}


/*--------------------------------------------------------------
- Links
--------------------------------------------------------------*/
a {color: #000;}
a:hover, a:focus, a:active {color: #b99d61;text-decoration: none;}
.center{text-align: center;}

.header{height: 184px;display: table;width: 100%;position: fixed;top: 0;z-index: 2;background: #FBFBFB;}
.header.active{height: 100px;}
.header .box-header{display: table-cell;vertical-align: middle;}
#menu-login{float: right;font-size: 13px;color: #000;  margin: 8px 40px 0 0;}
#menu-login:before{content: "\f023";font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}
#menu-login:hover:before{content: "\f09c";}
#open-menu{float: right;font-size: 30px;color: #000;line-height: 0;  margin: 8px 0 0 0;}
#close-menu{position: absolute;font-size: 40px;color: #BAA16D;right: 30px;top: 30px;z-index: 1;}
#close-menu .krown-svg {fill: #b99d61;opacity: 1;}
.overlay_menu{display: none; position: fixed;background: #000;background-color: rgba(0,0,0,.85);right: 0;left: 0;top: 0;bottom: 0;text-align: center;z-index:1000;/*z-index: 3;*/}
.overlay_menu.active{}
.overlay_menu div {position: absolute;font-size: 43px;height: 100%;display: table;width: 100%;}
.overlay_menu ul {list-style: none;padding: 0;vertical-align: middle;display: table-cell;}
.overlay_menu ul li{display: inline-block;}
.overlay_menu ul a{color: #fff;padding: 0 20px;display: inline-block;font-size: 19px;}
.overlay_menu ul a:hover, .overlay_menu ul a.active{color: #b99d61;}

#content{padding-bottom: 40px;}
.box-menu-portfolio{padding: 20px;margin: 0;list-style: none;text-align: center;border-top: 1px solid #eee;display: none;}
.box-menu-portfolio li{display: inline-block;}
.box-menu-portfolio li a {color: #000;padding: 20px 16px;display: block;font-size: 11px;  text-transform: uppercase;}
.box-menu-portfolio li a:hover, .box-menu-portfolio li.current-menu-item a{color: #b99d61;}

.box-item-portfolio{padding: 0;margin: 0;list-style: none;}
.box-item-portfolio li{float: left;overflow: hidden;width: 33.33%;display: block;}
.box-item-portfolio li.w2{width: 66.62%;}
.box-item-portfolio li img{width: 100%;height: auto;}
/*.box-item-portfolio li:hover img{
	-webkit-transform: translate3d(0px, 200%, 0px);
  -ms-transform: translate3d(0px, 200%, 0px);
  transform: translate3d(0px, 200%, 0px);
}*/
.langbtn{float:right; font-size:13px;margin: 6px 20px 0 0;}
.box-item-portfolio li > div{position: absolute;top: 0;width: 100%;text-align: center;bottom: 0;}
.box-item-portfolio li > div > div{display: table;width: 100%;height: 100%;}
.box-item-portfolio li a{display: table-cell;vertical-align: middle;background: #fff;
  -webkit-transform: translate3d(0px, -100%, 0px);
  -ms-transform: translate3d(0px, -100%, 0px);
  transform: translate3d(0px, -100%, 0px);
  transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
    opacity:.8;
    padding: 30px;
}
.box-item-portfolio li:hover a{
	-webkit-transform: translate3d(0px, 0%, 0px);
  -ms-transform: translate3d(0px, 0%, 0px);
  transform: translate3d(0px, 0%, 0px);
}
.box-item-portfolio li h3{margin: 0;font-size: 18px;color: #000;margin-bottom: 10px;text-transform: uppercase;}
.box-item-portfolio li a span{color: #999;text-transform: uppercase;font-size: 12px;}
.box-all-port{display: none;}
.btn-view-all{  display: inline-block;background: #333;padding: 20px 30px;color: #fff;text-transform: uppercase;margin-top: 50px;}

.box-slider-1{position: relative;}
.box-slider-1 i{position: absolute;z-index: 1;right: 0;display: block;padding: 10px 23px;background: #666;color: #fff;font-size: 35px;cursor: pointer;bottom: 0;}
.box-slider-1 #next{}
.box-slider-1 #prev{right: 60px;}
.box-slider-1 img{width: 100%;}
.slider-1{margin: 0;}

.box-slider-1 i{padding: 10px 16px;font-size: 18px;}
.box-slider-1 #prev {right:40px;}

.blog-detail{padding: 70px 85px;background: #fff;}
.blog-detail .pj-name, .blog-detail h1.pj-name{font-size: 30px;font-weight: bold;margin-bottom: 10px;margin-top: 0; color:#333333;}
.blog-detail h1, .blog-detail .cat-head{/*font-size:20px;*/font-size: 14px;  margin:0 0 6px; color:#C6C6C6;}
.blog-detail h4, .blog-detail h2{font-size: 14px; color: #999;}
.border-bottom{display: inline-block;width: 30px;border-bottom: 3px solid #000;}
/*.blog-detail div{float: left;width: 50%;}*/
.img-responsive{text-align: center;background-color: #EFEFEF;text-align: center;}
.img-responsive img{max-width: 100%;display: inline-block;}

.footer{min-height: 100px;background: #ededed;color: #7d7d7d;font-size: 14px;line-height: 24px;padding: 33px 0 50px;font-weight: 500;text-align: center;}

.menu-footer ul{list-style: none;padding-bottom: 25px;}
.menu-footer li{display: inline-block;}
.menu-footer li a{display: block;padding: 10px;text-transform: uppercase;color: #999;font-size: 13px;}
.menu-footer .sub-menu{display: none;}
.nav-footer{  border-bottom: 1px solid #E0E0E0}
.nav-footer > div{display: inline-block;}
.box-social{padding: 0;margin: 0;list-style: none;  display: inline-block;}
.box-social li{display: inline-block;}
.box-social li a{color: #999;font-size: 23px;padding: 10px;display: block;}

.post-nav{text-align: center;margin-top: 40px;position: relative;  text-transform: uppercase;}
.post-nav div{display: inline-block;  vertical-align: top;}
.post-nav .prev{ position: absolute;left: 0;top: 10px;}
.post-nav .next{position: absolute;right: 0;top: 10px;}
.all-current-cat{font-size: 11px;padding: 23px;}
.post-nav.top{border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 10px 0;}
.post-nav.top .all-current-cat{font-size: 11px;}

.box-section{}
.box-section .bg{-webkit-background-size: cover;background-size: cover;}
.box-section .content{  background-color: #F7F7F7;}
.box-section .content.bg-dark{background-color: #333;color: #9e9e9e;}
.box-section .detail{  padding: 70px;  height: auto;}
.box-section h1{  font-size: 30px;font-weight: bold;margin-bottom: 20px;margin-top: 0;text-transform: uppercase;}
.box-section .content.bg-dark h1{color: #fff;}

.box-contact input, .box-contact textarea{border: 1px solid #6B6A6A;display: block;  padding: 15px 25px;min-height: 52px;font-size: 12px;background-color: #333;border-radius: 0;color: #fff;}
.check-spam{width: 0;height: 0;padding: 0 !important;margin: 0;border: none !important;min-height: 0 !important;}
#submit{  border: none;  border-radius: 0;  color: #000;  padding: 15px 50px;  font-size: 20px;  background-color: #EEE;}

.btn-file {position: relative;overflow: hidden;}
.btn-file input[type=file] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;filter: alpha(opacity=0);opacity: 0;outline: none;background: white;cursor: inherit;display: block;}

/**fix sub menu***/
#menu-item-1722{margin-top:auto;}
@media(max-width:1200px){#menu-item-1722{margin-top:auto;}
}

#MAP{position: relative;}
.print-map{background-color: #eee;display: inline-block;padding: 10px 20px;margin-bottom: 20px;}
.digitfont{font-size:12px;}

#breadcrumbs{margin-bottom:20px;}
.breadcrumbs{font-size:12px;}
.cddl{margin-bottom:20px; position:relative; font-size:12px; margin-top:15px;}
.vit.selectWrap{font-size:12px;}

#client_list, #vit_list{background: #ededed; color: #7d7d7d; padding:15px 60px 15px 30px; border:none; -webkit-appearance: none; border-radius: 0; position:relative;}
.selectWrap{position:relative; display:inline-block;}
.selectWrap:after{content: "\f107";  font: normal normal normal 14px/1 FontAwesome;font-size:30px; position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.menu-portfolio-menu-container{
transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
}
.menu-portfolio-menu-container.active{position:fixed; z-index:999; width:100%; left:0; top:100px; background:#fff;
transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    transform-origin: top;
}
/*.vit.selectWrap{display: none;}*/ /*HIDE ALL SELECTLIST*/
.Monly{display: none;}

ul.flex_new{display: flex; flex-direction: column; align-content:flex-start; position: absolute; top: 50%; left: 100px; transform: translateY(-50%); gap: 20opx;}
ul.flex_new a{padding: 20px !important;}
ul.flex_new li{text-align: left; position: relative;font-size: 19px;}
ul.flex_new li ul.sub-menu{position: absolute; top: 0; left: 0; padding-left: 140px; display: flex; flex-direction: column; height: 0; overflow: hidden;}
ul.flex_new li ul.sub-menu a{white-space: nowrap; margin-left: -10px; opacity: 0;}
ul.flex_new li ul.sub-menu:before{content: ''; width: 0px; height: 1px; position: absolute; top: 34px; left: 20px; background: #b99d61;}

ul.flex_new li.menu-item-has-children:hover ul.sub-menu{height: auto;}
ul.flex_new li.menu-item-has-children:hover ul.sub-menu:before{width: 120px;}
ul.flex_new li.menu-item-has-children:hover ul.sub-menu a{margin-left: 0; opacity: 1;}

.prev a, .next a{display:flex; align-items: center; font-size: 10px;}
.prev a p, .next a p{margin:0;}
.M-only{display:none !important;}


/*--------------------------------------------------------------
- Smooth transition
--------------------------------------------------------------*/

a, .header, .menu-portfolio-menu-container, ul.sub-menu, ul.sub-menu:before{  
	transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;}

	 
	 
.breadcrumb_last {color: #b99d61 !important; } 

/*--------------------------------------------------------------
- Fix IE
--------------------------------------------------------------*/
.ie7 .your-class{}
.ie8 .your-class{}
.ie9 .your-class{}


/*--------------------------------------------------------------
- Responsive
--------------------------------------------------------------*/
@media (max-width: 1200px) {
	/*Your code*/
	.overlay_menu ul li{display: block;line-height: 30px;}
}
@media (max-width: 992px) {
	/*Your code*/
#menu-item-1722{margin-top:auto;}
	body{padding-top: 100px;}
	.header{height: 100px;}
	.box-item-portfolio li{width: 50%;}
	.box-item-portfolio li.w2{width: 100%;}
	.box-menu-portfolio{text-align: left;display: block !important;}
	.box-menu-portfolio{letter-spacing: -0.3em}
	.box-menu-portfolio li{width: 50%;letter-spacing: normal;text-align: center;}
	#MAP{height: 300px !important;}
	.tooltip {display: none !important;}
	.prev a, .next a{position:relative; font-size: 10px;}
	.prev a p{position:absolute; left:18px; bottom:0px; display:inline-block; white-space: nowrap;}
	.next a p{position:absolute; right:18px; bottom:0px; display:inline-block; white-space: nowrap;}
}
@media (max-width: 768px) {
	/*Your code*/
	.logo{width: 100px;margin-top: 7px; height: auto;}
	.box-section .detail, .blog-detail{padding: 20px 10px 20px;}
	.box-section h1, .blog-detail h1{font-size: 20px;}
	.all-current-cat{font-size: 11px;padding: 22px 0;}
	#menu-login{float: right;font-size: 13px;color: #000;  margin: 8px 25px 0 0;}
	.hidden-M{display:none !important;}
	.M-only{display:inline-block !important;}
	.Monly{display: inline-block;}
	.Monly.vit{padding: 10px 0; letter-spacing: normal;}
	.cddl .selectWrap, .vit.selectWrap, .cddl .selectWrap select, .vit.selectWrap select{width: 100%;}
	ul.flex_new{justify-content:center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); gap: 20opx;}
	ul.flex_new a{padding: 10px !important;}
	ul.flex_new li{text-align: center;}
	ul.flex_new li ul.sub-menu{position: relative;top: auto; left: auto; padding-left: 0; margin-left: 0; gap: 0px;}
	ul.flex_new li ul.sub-menu li{font-size: 14px;}
	ul.flex_new li ul.sub-menu a{font-size: 14px; padding: 5px !important;}
	ul.flex_new li ul.sub-menu:before{display: none;;}

	ul.flex_new li.menu-item-has-children ul.sub-menu{height: auto;}
	ul.flex_new li.menu-item-has-children ul.sub-menu:before{width: 120px;}
	ul.flex_new li.menu-item-has-children ul.sub-menu a{margin-left: 0; opacity: 1;}
	.vit.top{margin-top:15px;}
	.blog-detail .pj-name, .blog-detail h1.pj-name{font-size: 22px;}
	h2, .h2, h1, .h1{font-size: 22px;}
}
@media (max-width: 568px) {
	/*Your code*/
	.box-item-portfolio li, .box-menu-portfolio li{width: 100%;}
	.box-menu-portfolio li a{padding: 10px;}
	.box-section .bg{display: none;}

}