/*Theme Name: ThaiHung
Version: 2.5
*/
*{ 
margin:0 auto; padding:0px; text-decoration:none!important; 
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;
}

.uk-container {}
ul {list-style-type: none; padding:0px;}
html {background:#ffffff; color:#555555;}
a {color:#2c1215;}

blockquote {background: #fafafa; padding: 10px 10px 10px 30px; position: relative; font-style:normal; border:none;}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em; left: 2px; position: absolute; top: 30px;
}
blockquote p {
  display: inline;
}
/* COMMON STYLE */
.d-table {display:table;}
.d-row {display:table-row;}
.d-cell {display:table-cell; vertical-align:top;}
.d-cell.text {padding-left:10px;}
.d-cell.text a{display:block;}
.full-width {width:100%;}
/* END COMMON STYLE */

.like_box .fb_iframe_widget {}

.uk-container {padding:0 10px;}
.uk-offcanvas-bar {background:#ffffff; box-shadow: 0 0 15px rgba(0,0,0,.5); }
.uk-offcanvas-bar:after {box-shadow:none; width:0;}
.uk-nav-offcanvas {border-bottom:none;}
.uk-nav-offcanvas>li>a {text-shadow:none; color:#666666; border-top:1px solid #eaeaea;}
.uk-nav-offcanvas>li>a:hover {background:#f8f8f8!important;}
.uk-offcanvas-bar .nav_label {font-size:18px;}

.uk-pagination > .uk-active > span {background: #6b5959;}

.wrap_breadcrumb {background:#f5f5f5; margin-bottom:20px;}
.uk-breadcrumb {padding:17px 0; margin:0px;}

.logo img{max-height:50px;}

#header_wrap {padding:0;}
#header {background:#ffffff;}
#header_top {position:relative;}
.br_white {background:#ffffff; position:relative;}
.br_white:after {position:absolute; top:0; bottom:0; content:""; background:#ffffff; width:33.333%;}
.header_right { padding:5px 0; text-align:right;}
.header_item {display:inline-block; text-align:left;}
.header_item .icon {border-right:1px solid #dddddd; vertical-align:middle; font-size:24px; padding:0 15px 0 0px;}
.header_item .text {padding-right:40px;}
#header_wrap .header_item .text {padding-right:35px;}
.header_item .txt1 {font-weight:700; font-size:16px;}
.uk-navbar {background: inherit; border:none;}
.logo {position:relative; z-index:1; text-align:center; padding:10px 0px 0 10px;}
.logo h1, .logo h2 {margin:0;}
.wrap_navbar_toggle {background:#2c1215;}

.search_box {width:70px; position:relative; height:40px; margin-right:10px; margin-left:20px;}
#f_search {position:relative;}
#searchsubmit {position:absolute; top:0; left:15px; font-size:18px; z-index:11; color:#727272; height:40px; width:40px;display:flex;align-items:center; justify-content:center }
#searchsubmit:hover {color:#333333;}
#searchsubmit:focus {outline:none;}
#keyword_search {background:#f5f5f5; border:none; height:40px; padding-right:40px; padding-left:10px; z-index:10; position:relative;}
.search-toggle {float: right; display:none;}

.header_bar {background:#e13b3b; height:8px; box-shadow: 0 2px 3px #cccccc; position:relative; z-index:1;}
.header_bar:after {position:absolute; top:0; bottom:0; left:0; content:""; background:#277cbe; width:20%;}
.header_bar:before {position:absolute; top:0; bottom:0; right:0; content:""; background:#f2b03f; width:60%;}
.navbar_toggle {line-height:41px; width:30px; display:inline-block; padding-top:10px; position:relative;}
#header_top .navbar_toggle {padding-top:15px;}
.icon_bar {background:#ffffff; height:4px; margin-bottom:5px; display:block;}
ul.socials {margin:0; overflow:hidden;}
ul.socials > li {margin-left:10px; float:left;}
ul.socials > li:first-child {margin-left:0px;}
ul.socials > li > a {border:2px solid #727272; padding:8px 0px; color:#727272; font-size:14px; height:40px; width:40px; border-radius:50%; text-align:center; margin-top:5px; display:block; -o-transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;}
ul.socials > li > a:hover {color:#ffffff!important; }
.header_item ul.socials > li > a:hover {border-color:#333333; background:#333333;}

#nav_sidebar {}
#nav_sidebar li h2{margin:5px 0px;}
#nav_sidebar li ul{padding-left:20px;}
#nav_sidebar li a{font-size:16px; padding:5px 10px;}

.main_content {}
.main_content article{background:#ffffff;}
.archive {background:#ffffff;}
/* .archive img{max-width:none; width:100px;} */
.archive .meta, .archive .item-body {display:none;}
.archive .meta {font-size:13px; margin:8px 0;}
.archive .heading {font-size:15px; font-weight:700; margin:0; line-height:18px; text-transform:uppercase;}
.archive .heading a{color:#222222;}
.cat_desc_wrap {margin-bottom:20px;}
.cat_desc_wrap .label{color:#2b1114; padding:10px 0px; text-transform:uppercase; font-weight:700; margin:0; border-bottom:1px dashed #999999; font-size:17px; line-height:24px;}
.item-archive {margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #dddddd;}
.item-archive .wrap_img {position:relative; max-height:180px; overflow:hidden;}

.uk-article-title {color:#2b1114; padding:10px 0px; text-transform:uppercase; font-weight:700; margin:0; border-bottom:1px dashed #999999; font-size:17px; line-height:24px;}
.meta_bar {padding:10px 0px 5px; margin-bottom:10px; font-size:12px; color:#999999;}

.widget {margin-bottom:10px;}
.widget-title {padding:10px 0px; text-transform:uppercase; font-weight:700; margin:0; border-bottom:1px dashed #999999; font-size:17px; color:#2b1114;}
.widget-title span {padding-left:10px; border-left:5px solid #2b1114;}
.block {padding:30px 0 30px;}
.block-title {position:relative; text-align:center; margin-bottom:0px; line-height: 30px; overflow:hidden;}
.block-title span {color:#000000; text-transform:uppercase; font-size:24px; padding:0; position: relative; z-index: 2;}
.block-title span:after { border-top: 1px solid #aaaaaa; top:13px; content: ""; left:100%; position: absolute; width: 100px; height:10px; z-index: 1; margin-left:10px;}
.block-title span:before { border-top: 1px solid #aaaaaa; top:13px; content: ""; right:100%; position: absolute; width: 100px; height:10px; z-index: 1; margin-right:10px;}
.block .desc {font-size:13px; text-align:center; margin-bottom:20px; position:relative; z-index:1;}
.block .readmore {text-align:right;}
.block .readmore a {color:#005695; font-weight:700;}
.widget-title .no_bar:after {content:none;}
.block_border {position:relative;}
.block_border:after {position:absolute; content:""; bottom:-3px; left:0; right:0; border-top:1px dashed #cccccc; z-index:1;}

.widget-body {padding:15px 0;}
.widget-body ul {}
.widget-body li {border-bottom:1px dashed #999999; padding:10px 0;}
.widget-body .nav_cat {margin-top:-10px;}
.widget-body .nav_cat li {background:url('img/arrow.png') 0 14px no-repeat; padding-left:15px; }
.widget-body .meta {color:#888888;}

.news_home {padding-bottom:0;}
.news {}
.news .wrap_img {overflow:hidden; position:relative;}
.news .wrap_img img {width:100%;}
.news .heading {position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,0.5); margin: 0; left: 0; right: 0; padding:15px 10px; text-transform: uppercase; text-align: center; font-weight:700; font-size:16px;}
.news .heading a {color:#ffffff; display:block;}
.news .item {margin-bottom:15px;}
.news .item .wrap_img {max-height:200px;}
.news .item_top {margin-bottom:15px;}
.news .item_top .wrap_img {max-height:435px;}

.about_home {background:#41282c; color:#ffffff; position:relative; margin-top:50px; padding:60px 0;}
.about_home:after {position:absolute; content:""; right:0; top:50%; bottom:0; width:100%; background:url('img/bg_about.jpg') no-repeat; background-size:cover;}
.about_home .left {position:relative; z-index:1;}
.about_home .right {}
.about_home .contact_info {padding:20px 0;}
.about_home .about_info {position:relative; z-index:1; height:100%; background:rgba(0,0,0,0.3); padding:20px 20px 20px 30px; text-align:justify;}

#tab-main_wrap {background:#2c1215; padding:0; margin-bottom:10px; height:100%;}
#tab-main_info_nav {border-top-color:#41282c; border-bottom: 1px solid #41282c; display:table; width:100%;}
#tab-main_info_nav > li  {display: table-cell; float:none; text-align:center;}
#tab-main_info_nav > li > a {background:#2c1215; color:#ffffff; font-weight:700; text-transform:uppercase; text-shadow:none; margin:0!important; padding:12px 0;}
#tab-main_info_nav > li > a:hover {background:#6b5959;}
#tab-main_info_nav > li.uk-active > a {background:#6b5959; color:#ffffff; border-color:#6b5959;}
#tab-main_info_nav > li:nth-child(n+2) > a {margin-left:0px; border-left:1px solid #41282c;}
#tab-main_info {padding:0px 10px;}
.about_home .wrap_logo {text-align:center;}
.about_home .logo {min-width:160px; margin-left:10px; margin-bottom:10px;}
.about_home ul.socials > li > a {border:1px solid #41282c; padding:13px 0px; color:#978989; font-size:20px; height:48px; width:48px; }
.about_home .gallery .wrap_img {max-height:120px; overflow:hidden;}
.about_home .gallery .wrap_img img {min-height:120px;}
.video-container {position: relative; padding-bottom: 50%; padding-top: 10px; height: 0; overflow: hidden;}
.video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.about_home .staffs .wrap_img {margin-bottom:10px;}
.about_home .staffs .wrap_img img {width:150px; height:150px; border-radius:50%; border:5px solid #ffffff;}

.contact_home {background:url('img/bg_contact.jpg') no-repeat; background-size:cover; padding-bottom:60px; padding-top:0; position:relative;}
.contact_home:after {position:absolute; content:""; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.5);}
.contact_home #contact_form {background:#2c1215; position:relative; z-index:1; padding:22px 30px 0; color:#ffffff; height:520px;}
.contact_home #contact_form .heading {font-weight:700; font-size:17px; text-transform:uppercase;}
.contact_home #contact_form label {font-weight:400;}
.contact_home #contact_form input {height:40px;}
.contact_home #contact_form textarea {min-height:170px;}
.contact_home #contact_form #submit {background:#6b5959; width:100%; height:40px; font-size:17px; font-weight:700; text-transform:uppercase; margin-top:10px;}
.contact_home #google_map {position:relative; z-index:1; height: 100%}

#contact_page #contact_form {margin-bottom:20px;}
#contact_page #contact_form .req {font-weight:700;}
#contact_page #contact_form .uk-form-label {font-weight:400;}
#contact_page #contact_form input {height:40px;}
#contact_page #contact_form #message {min-height:200px;}
#contact_page #contact_form #submit {background:#6b5959; height:38px; line-height:38px; text-transform:uppercase; padding:0 30px; font-weight:700;}
#contact_page #contact_form #captcha {margin-bottom:5px;}
#contact_page #contact_form .reload_captcha {cursor:pointer;}
#contact_page .contact_info {padding-top:10px; margin-bottom:30px;}
#contact_page .contact_info .heading {text-transform:uppercase; font-size:17px; font-weight:700; margin-bottom:5px;}

.projects_grid {margin-top:10px;}
.projects_grid .item {text-align:center; margin-bottom:25px;}
.projects_grid .item .wrap_img {max-height:140px; overflow:hidden;}
.projects_grid .item .wrap_img img {min-height:140px;}
.projects_grid .item .title {color:#2b1114; text-transform:uppercase; font-weight:700; font-size:15px; display:inline-block; margin:12px 0;}

.top-p {padding:10px;}
.top-p .heading{font-weight:700; font-size:15px;}
.top-p img{width:60px; height:60px; max-width:none; padding:2px; border: 1px solid #ebebeb;}
.p-title {margin:0px; font-size:14px;}
.upw-not-found {padding:10px;}
.widget .list-post .wrap_img{width:100px; max-height:60px; overflow:hidden;}
.widget .list-post img{width:100px; max-width:none; }
.widget .list-post a {color:#000000;}

.tags .uk-badge {background:#a7a7a7; border-radius:0px; padding:2px 5px;}
.tags .uk-badge a {color:#ffffff!important;}
.tags span {margin-bottom:5px; }

.relate {background:#ffffff; display:inline-block; width:100%; margin-top:10px;}
.relate .block2-title {font-size:18px; text-transform:uppercase; padding:10px 0; border-bottom:3px solid #f0f0f0;}
.relate .block2-title  span{ }
.block-body {padding:10px 0;}
.relate li{padding:7px 0px 7px 17px; position:relative;}
.relate li:after{position:absolute; top:7px; left:0; content:"\f061"; font-family:FontAwesome; font-size:12px;}
.relate li:hover{background:#eeeeee;}
.relate li:hover a {color:#e13b3b;}
.relate li a{color:#333333; font-weight:700; font-size:15px;}

#col_right {padding-right: 30px; top: 10px; position: sticky}

#footer {background:#cccccc; color:#2c1215; border-top:5px solid #6d5b5b; padding:30px 0; font-size:13px; position:relative;}
#footer .heading {color:#2c1215; font-size:17px; font-weight:700; margin-bottom:5px; text-transform:uppercase;}
.text_link  {font-size:12px; }
.text_link a {color:#111111; }
#footer p{margin:10px 0px 5px;}
#footer .contact .item {display:inline-block; margin-right:30px;}
#footer .icon {background:#ebebeb; border-radius:50%; width:40px; height:40px; line-height:40px; text-align:center; font-size:25px;}
#footer .d-cell.text {vertical-align:middle;}
.copyright {padding:20px 0px; font-size:13px; color:#111111;}
.copyright a{color:#111111;}

.page_content img,.post_content img{display: block;margin:20px auto;max-width:100%;height:auto;}
.page_content ul,.post_content ul {list-style-type:disc; list-style-position:inside;}
.page_content a,.post_content a {color:#005695;}
.wp-caption {background:#f9f9f9; border:1px solid #e3e1e8; border-radius:2px; padding:5px; max-width:100%;}
.wp-caption img {margin:0 auto;}
.wp-caption-text {margin:5px 0px 0px; font-size: 13px; text-align: center; font-style:italic;}

#project_slideshow {margin-bottom:30px;}
#google_map iframe {width: 100%; height: 100%}

.single_related {color:#0471bf;}
.single_related a{color:#666666; padding-bottom:3px; margin-bottom:5px; display:inline-block;}
/* NAV MOBILE TOGGLE */
.uk-mobile {display:inline-block; width:100%; border:1px solid #dddddd;}

/*.uk-navbar-toggle {float:right;}*/
@media (min-width: 768px) {
	.uk-mobile {display:inline-block!important; visibility: visible !important; border:none;}
	.uk-mobile li {display: inline-block;}
}
/* END NAV MOBILE TOGGLE */

/* overwrite cyclone slider */
.cycloneslider-template-standard{margin-bottom:0px;}
.cycloneslider-template-standard .cycloneslider-pager {bottom:22px;}
.cycloneslider-template-standard .cycloneslider-slide {background:inherit;}
.cycloneslider-slides {z-index:0;}
.cycloneslider-template-default .cycloneslider-caption {background:none; text-align:center; bottom:50%; transform:translateY(50%);}
.cycloneslider-template-default .cycloneslider-caption-title {text-transform:uppercase; font-size:18px; line-height:20px; font-weight:700;}
.cycloneslider-template-default .cycloneslider-caption-description {font-size:15px;}
.cycloneslider-template-default .cycloneslider-prev, .cycloneslider-template-default .cycloneslider-next {opacity:1; width:31px; height:54px; top:48%; z-index:1;}
.cycloneslider-template-default .cycloneslider-prev {background: url(img/arrow-prev.png) no-repeat;}
.cycloneslider-template-default .cycloneslider-next {background: url(img/arrow-next.png) no-repeat;}
/*END*/

.table-bordered, .table-bordered th, .table-bordered td {border:1px solid #dddddd;}

.projects {padding:0 25px;}
.project_slick .item {padding:0 15px 15px; height:100%;}
.project_slick .project {border:1px solid #dddddd; height:100%;}
.project_slick .project .wrap_img {max-height:220px; overflow:hidden;}
.project_slick .project .wrap_img img {width:100%;}
.project_slick .project .text {padding:10px 15px; }
.project_slick .project .title {text-transform:uppercase; font-size:15px; font-weight:700; line-height:20px; margin-bottom:5px;}
.project_slick .project .title a {display:block;}

@media (min-width: 480px) {
	/* .main_content .archive img{width:200px;} */
	.archive .meta, .archive .item-body {display:block;}
	.archive .heading {/* font-size:18px; */}
}

@media (min-width: 768px) {
	#header_wrap {position:absolute; top:20px; left:0; right:0; z-index:2; padding:0 10px;}
	.logo {text-align:left; padding: 15px 10px 0px 10px;}
	#header_wrap .logo {padding:15px 0px 0px 10px;}
	.search_box {margin-left:40px;}
	#header_top .navbar_toggle {padding-top:30px;}
	.header_right { padding:20px 0;}
	.main_content .archive .wrap_img {width: 135px; height: 100%}
	.main_content .archive img{width: 100%; height: 100%; object-fit: cover}
}

@media (min-width: 960px) {
	#header {}
	#header_top {background:#f5f5f5;}
	.logo {height:100%; padding:30px 20px 0px 0px;}
	.logo img{max-height:80px;}
	#header_wrap .logo {padding:30px 10px 0px 0px; text-align:center;}
	.header_right { padding:30px 0;}
	#navbar-top {border:1px solid #dddddd; border-top:none; border-radius:0 0 5px 5px;}
	#navbar-top li {padding:5px 0px;}
	#navbar-top li a {height:auto; line-height:normal; font-size:13px; color:#005695; border-right:3px solid #dddddd;}
	#navbar-top li:last-child a {border-right:none;}
	
	#searchsubmit {border-radius:50%; border:2px solid #727272;}
	#searchsubmit:hover {border-color:#333333;}
	
	.main-menu .nav_label {line-height: normal; margin:0; font-size:14px; color:#ffffff; text-transform:uppercase;}
	.main-menu a:hover .nav_label {color:#ffffff;}
	.main-menu ul.sub-menu .nav_label {font-size:14px; color:#6c5859; font-weight:700;}
	.main-menu a{line-height: normal!important; height:auto!important;}

	.main-menu{background:#2b1114; max-height: auto; width:100%; float:left; position:relative; }
	.main-menu li:hover{background:inherit; -o-transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;}

	.main-menu li:hover > a {color:666666; }
	.main-menu li{z-index:5; position:relative; }
	.main-menu ul#navbar-mobile {padding:0 10px 0 30px;}
	.main-menu ul#navbar-mobile > li{float:none; display:inline-block; margin:0 6px;}
	#header_wrap .main-menu ul#navbar-mobile > li {margin:0 5px;}
	.main-menu ul#navbar-mobile > li:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #ffffff; -o-transition: all .45s;-moz-transition: all .45s;-webkit-transition: all .45s;-ms-transition: all .45s;}
	.main-menu ul#navbar-mobile > li:hover:before{width: 100%;}
	.main-menu ul#navbar-mobile > li > a {}
	.main-menu ul#navbar-mobile > li.active > a, .main-menu ul#navbar-mobile > li:hover > a {}
	.main-menu ul#navbar-mobile > li > a:focus {background:#2b1114;}
	.main-menu ul#navbar-mobile > li.active > a > .nav_label {position:relative; color:#ffffff;}

	.main-menu ul li.current_page_item  a {}
	.main-menu ul li.current-menu-item  a {}

	.main-menu li a{display: block; margin:0; padding:15px 10px!important;}
	.main-menu li li a{display: block; color:#005695!important; }
	.main-menu > div > ul > li:last-child a{ border-right:none;}

	.main-menu li ul li{float:none; position:relative; border-left:none!important; border-bottom:1px solid #cccccc; text-transform:none;}
	.main-menu li ul li:last-child{border-bottom:none;}
	.main-menu li ul{position:absolute; top:100%; left:0%; display:block; background:#ffffff; padding:10px 15px 10px; list-style: none outside none; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; transition: 0.5s}
	.main-menu li ul:after{position:absolute; content:""; right:10px; bottom:10px; width: 0;height: 0;border-style: solid;border-width: 0 0 15px 15px;border-color: transparent transparent #2a1114 transparent; z-index:10;}
	.main-menu .current-menu-item ul{}
	.main-menu li:hover > ul{opacity: 1; visibility: visible;} /*disable for hover menu dropdown by javascript*/
	.main-menu li ul li a{padding:10px 0px!important; white-space:nowrap;font-size:13px; font-weight:400; color:#012351!important;}
	.main-menu li ul li ul{position: absolute; top:0; left:100%; display: none; background-color: #d7f1fa; width:auto;float:left;} 
	
	.project_slick .project .wrap_img img {min-height:220px;}

	.about_home {}
	.about_home:after {top:0; width:50%;}
	.about_home .wrap_logo {text-align:left; display:table-cell; float:left;}
	.about_home .right {padding-top:46px;}
	
	.news .item_top {margin-bottom:0;}
	.news .item {margin-bottom:35px;}
	.news .item_top .heading {font-size:22px; line-height:29px; padding:15px 20px;}
	.news .item_top .wrap_img img {min-height:435px;}
	.wrap_breadcrumb {margin-bottom:30px;}
	
	.main_content {padding-bottom:30px;}
	.main_content .archive img{width:300px;}
	.archive .heading {line-height:26px;}
	.item-archive .d-cell.text {padding-left:20px;}
	#contact_page .contact_info {padding-top:50px;}
	
	.cycloneslider-template-default .cycloneslider-caption-title {font-size:33px; line-height:38px;}
	.cycloneslider-template-default .cycloneslider-caption-description {font-size:20px;}
}

@media (min-width: 1220px) {
	.search_box {border-right:1px solid #cccccc;}
	.hidden-1220 {display:none;}
	.cycloneslider-template-default .cycloneslider-prev {left:120px;}
	.cycloneslider-template-default .cycloneslider-next {right:120px;}
	.project_slick .project .text {padding:10px 15px; min-height:110px; max-height:110px;}
}

@media (max-width: 1220px) {
	.visible-1220 {display:none;}
}
@media (max-width: 960px) {
	#header_top .uk-container {padding:0;}
}
@media (max-width: 576px) {
	.item-archive {display: flex; flex-direction: column; padding-left: 35px}
	.item-archive .d-cell.text {padding-left: 0; margin-top: 20px}
	#col_right {padding-right: 15px; padding-left: 10px}
	#footer {padding: 30px 0 80px}
}