/*Theme Name: DatXanhNK
Version:2.5
*/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700&display=swap&subset=vietnamese');
@import 'css/Ogg.css';
*{ 
margin:0 auto; padding:0px; text-decoration:none!important; 
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}

ul {list-style-type:none; padding:0px;}
html {background:#ccc083; color:#333; font-family:'F5 Magistral Book'; font-size:16px; scroll-behavior: smooth; overflow-y: scroll;}
h1,h2,h3,h4,h5,h6 {font-family:'F5 Magistral Book';}
a {color:#d9cbbe;}
a:hover {color:#c7a98d;}

.like_box iframe {vertical-align:initial;}
/* COMMON STYLE */
.d-table {display:table;}
.d-cell {display:table-cell; vertical-align:top;}
.d-cell.text {padding-left:10px;}
.full-width {width:100%;}
.width-99 {width:99%;}
.transition {-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;}
.wrap_img {overflow:hidden;}
label.uk-form-danger{background:inherit!important;}
/* END COMMON STYLE */

.uk-container {padding:0 10px; max-width:1250px;}
body.uk-offcanvas-page {margin-left:0!important;}
.uk-offcanvas-bar {background:#fff; 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;}
.uk-nav-offcanvas>li>a:hover {background:#f8f8f8!important;}
.uk-offcanvas-bar .nav_label {font-size:18px; line-height:1.3; margin:0;}
.uk-pagination {margin:0px 0 20px; text-align:center;}
.uk-pagination > li > a  {background:#fff; text-shadow:none; color:#000;}
.uk-pagination > .uk-active > span {background:#c7a98d; font-weight:700;}
.uk-pagination > .uk-active > span, .uk-pagination > li > a {padding:14px 0 14px; width:54px; font-size:18px; border:1px solid #ebebeb;}

#nav_sidebar .logo {padding:10px 20px;}
#nav_sidebar ul .nav_label {color:#222;}
#nav_sidebar ul.uk-nav > li > a > .nav_label {}
#nav_sidebar li h2{margin:5px 0px;}
#nav_sidebar li ul{padding-left:0;}
#nav_sidebar li a{font-size:16px; padding:8px 20px 5px; border-top:1px solid #ddd;}
#nav_sidebar li > .sub-menu a{padding:8px 20px 5px 65px;}
#nav_sidebar li.menu-item-has-children {}
#nav_sidebar li.menu-item-has-children a{}
#nav_sidebar li.menu-item-has-children {position:relative;}
#nav_sidebar li.menu-item-has-children:after {position:absolute; content:"\f078"; top:12px; right:20px; font-family:FontAwesome; font-size:14px;}
#nav_sidebar li.active > a > .nav_label {color:#6e3b1f;}

#wrap_header {position:relative; z-index:1; overflow:hidden; background: #d9cbbe;}

#header {position:relative; z-index:2;}
#header_banner {text-align:center;margin-bottom:30px; position: relative}
#header_banner .header_banner--item {height: 650px}
#header_banner .header_banner--item img {width: 100%; height: 100%;object-fit: cover }
#header_banner .header_banner--wrap {position: relative}
#header_banner .header_banner--wrap .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
	bottom: 5%;
}
#header_banner .header_banner--wrap .slick-dots li {
	text-indent: -9999px;
	width: 15px; 
	height: 15px; 
	background-color: #c1a895;
	border-radius: 50%;
	transition: 0.5s;
	cursor: pointer; }
#header_banner .header_banner--wrap .slick-dots li.slick-active {width: 50px; border-radius: 50px; background-color: #ccc083}
#header_banner .header_banner--wrap .slick-dots li + li {margin-left: 16px}
.header_right {padding:10px 0 5px 0; text-align:right;}
.header_item {margin-left:10px; display:inline-block; vertical-align:top;}
.header_item .icon {display:inline-block; vertical-align:middle; width:49px; height:48px; color:#1fa73b; border:2px solid #1fa73b; border-radius:10px 0; text-align:center; line-height:40px; font-size:20px;}
.header_item .text {padding:5px 25px 5px 0;}
.header_item .txt1 {font-weight:700; color:#fff; font-size:15px; line-height:1.4; text-transform:uppercase;}
.header_item .txt2 {color:#d6d8d7; font-size:15px;}

.uk-navbar {background:inherit; border:none;}
#header .logo {}
#header .logo img {max-height:70px;}
#header .logo h1, .logo h2 {margin:0;}

#f_search {background:#43c3ea; width:100%; padding:4px; position:absolute; top:100%; left:0px; right:0px; z-index:101; display:none;}
#f_search input {border:none; height:35px;}
#searchsubmit {border:none; position:absolute; right:5px; top:7px; color:#43c3ea;}
#f_search_wrap .search_toogle {font-size:20px; position:relative; z-index:2; cursor:pointer; width:40px; line-height:70px; color:#fff; text-align:right;}

#side_f_search {position:relative;}
#side_keyword_search {width:100%; height:60px; padding:0 60px 0 20px;}
#side_searchsubmit {background:#333333; border:none; position:absolute; height:60px; right:0; top:0; color:#fff; font-size:23px; padding:0 15px;}

.navbar_toggle {background:url('img/menu.png') no-repeat; line-height:41px; width:25px; display:inline-block; padding-top:10px; height:30px; margin-top:20px; margin-right:10px;}
.icon_bar {background:#c0c0c0; height:3px; margin-bottom:5px; display:none;}

#banner_slider  {}
#banner_slider .cycloneslider-caption {background:none; bottom:50%; transform:translateY(50%); text-align:center;}
#banner_slider .cycloneslider-caption-title {font-size:25px; font-weight:700; line-height:1.3; color:#f9c00f; border-top:3px solid rgba(255,255,255,0.5); border-bottom:3px solid rgba(255,255,255,0.5); display:inline-block; padding:15px 0px 8px 5px; margin-bottom:30px; text-transform:uppercase;}
#banner_slider .cycloneslider-caption .caption {font-size:22px; text-transform:uppercase; margin-bottom:5px; position:relative;}
#banner_slider .cycloneslider-caption .desc {font-size:18px; margin-bottom:20px;}
#banner_slider .readmore_bt {background:#1fa739; display:inline-block; padding:11px 30px 8px; color:#fff; text-transform:uppercase; font-size:17px; font-weight:700; border-radius:30px; position:relative;}
#banner_slider .readmore_bt:after {position:absolute; content:""; top:-9px; bottom:-9px; left:-9px; right:-9px; border-radius:30px; border:2px dashed transparent; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;}
#banner_slider .readmore_bt:hover:after {border-color:#1fa739;}
#banner_slider .cycloneslider-pager {z-index:101; left:0; text-align:center;}
#banner_slider .cycloneslider-slide {background:inherit;}
#banner_slider .cycloneslider-pager span {background:#fff; height:7px; width:66px; border-radius:0; margin:0 5px;}
#banner_slider .cycloneslider-pager span.cycle-pager-active {background:#00aade;}

#header_cover {padding:40px 0 0; text-align:center; color:#fff; position:relative; z-index:1;}
#header_cover .heading {color:#fff; font-size:30px; font-weight:600; margin-bottom:10px; line-height:1.3; text-transform:uppercase;}

#breadcrumb_wrap {background:#f0f0f0; border-bottom:1px solid #ddd; text-align:center; padding:15px 0 12px; display:none;}
.uk-breadcrumb {margin:0;}
.uk-breadcrumb > li, .uk-breadcrumb > li > a, .uk-breadcrumb > li > span {font-size:16px; color:#666;}
.uk-breadcrumb > li:not(.uk-active) > span {color:#666;}

.section {padding:30px 0;}
.section.contrast {color:#fff;}
.section .heading {font-size:26px; font-weight:700; margin-bottom:20px; text-transform:uppercase; line-height:1.3; color:#200e02;}
.section.contrast .heading {color:#fff;}
.section .desc {line-height:32px; margin: -15px 0 30px;}

#projects .news_posts {}
#projects .wrap_item {margin-bottom:20px;}
#projects .item {background:#fff; padding:20px; height: 100%;}
#projects .wrap_img {max-height:200px; position:relative;}
#projects .wrap_img img {min-height:200px; max-width:none; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
#projects .body {padding-top:10px; z-index:1;}
#projects .title {text-transform:uppercase; line-height:1.3; margin-bottom:0; text-align:center;}
#projects .title a {color:#333;}
#projects .excerpt {}

#about .desc {font-size:17px; margin:-10px 0 20px;}
#about .d-cell {vertical-align:middle;}
#about .d-cell.media {width:80px;}
#about .label {font-weight:700; font-size:20px; margin:12px 0;}
#about .txt {font-size:18px; line-height:32px;}
.main_body p {text-align: justify; line-height: 34px; font-size: 18px}
	
#news {}
#news .news_posts {}
#news .wrap_item {margin-bottom:20px;}
#news .wrap_img {max-height:200px; position:relative;}
#news .wrap_img img {min-height:200px; max-width:none; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
#news .body {padding-top:10px; z-index:1;}
#news .body .title {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 32px}
#news .title {font-weight:700; line-height:1.3; margin-bottom:0;}
#news .title a {color:#333;}
#news .excerpt {}
#news .news_posts .item {padding: 20px; background-color: #fff}


#main_content article {background:#fff; padding:15px 20px;}
#main_content article p {text-align: justify; line-height: 30px}

#archive_news .item {background:#fff; margin-bottom:25px;}
#archive_news .item .title {font-size:18px; font-weight:700; line-height:1.3; margin-bottom:5px;}
#archive_news .item .title a {color:#200e02;}
#archive_news .item .text {padding:15px 15px 10px;}
#archive_news .item .excerpt {line-height:1.4; color:#444; border-bottom:1px solid #f0f0f0; margin-bottom:25px;}
#archive_news .wrap_img {max-height:200px; position:relative;}
#archive_news .wrap_img img {position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:150%; max-width:none;}
#archive_news .item-body {line-height:1.6; color:#575757;}
#archive_news .wrap_readmore {text-align:right; margin-top:35px;}
#archive_news .readmore_bt {background:#d9cbbe; color:#2e2925; padding:13px 40px 13px 50px; font-size:16px; font-style:italic; margin-top:-15px; border-radius:30px; position:relative;}
#archive_news .readmore_bt:after {position:absolute; content:"→"; top:10px; left:25px; font-size:25px; width:15px; overflow:hidden; text-indent:-12px;}
#archive_news .readmore_bt:hover {background:#2e2925; color:#d9cbbe;}

.uk-article-title {font-size:22px; font-weight:700; color:#000; line-height:1.3;}

#post_img {margin-bottom:40px; text-align:center; max-height:450px;}
#post_img img {}

#article .meta_bar {font-size:16px; font-style:italic; color:#666; margin-bottom:20px;}
#article .meta_bar .val {margin-right:10px;}
#article .share {font-size:16px; text-align:right;}
#article .share a {height:40px; width:40px; line-height:40px; font-size:15px; display:inline-block; border:1px solid #ebebeb; border-radius:50%; text-align:center; color:#bdbdbd; margin-left:10px;}
.like_box {margin:20px 0;}

.tags .uk-badge {border-radius:0px; padding:5px; font-size:12px;}
.tags .uk-badge a {color:#fff!important;}
.tags span {margin-bottom:5px; }

#post_relate .title {margin-bottom:0;}
#col_right {background:#fff; position: sticky; top: 20px}
.widget {padding:20px;}
#col_right .widget:last-child {margin-bottom:0;}
.widget-title{font-size:19px; line-height:1.3; color:#2e2925; text-transform:uppercase; margin:0 0 20px; padding:0 0 15px; border-bottom:1px solid #e5e5e5;}
.widget-title span {padding-bottom:5px; font-weight:700; display:inline-block; text-transform:uppercase;}
.block {}
.block-title {font-size:21px; font-weight:700; color:#555; position:relative;}

.widget-body {background:#fff;}
.widget-body ul {}
.widget-body li {}

.widget-body .text {}
.widget-body .meta {color:#999999; font-size:12px;}
.widget-body .menu {}
.widget-body .menu li {padding:0; border:none; font-size:16px;}
.widget-body .menu li a {padding:15px 0px 10px; display:block; color:#777777;}
.widget-body .menu > li > a {color:#000000; border-bottom:1px solid #000000; text-transform:uppercase;}
.widget-body .menu .sub-menu {display:none; padding:5px 0;}
.widget-body .menu .sub-menu li a {padding:5px 0 0; font-size:}
.widget-body .menu > li:first-child > .sub-menu {display:block;}
.widget-body .menu .sub-menu li{border:none;}
.widget-body .menu .menu-item-has-children > a {position:relative; padding-left:25px;}
.widget-body .menu .menu-item-has-children > ul > li {}
.widget-body .menu .menu-item-has-children > a:after {position:absolute; content:"\f196"; font-family:FontAwesome; left:0; top:10px; width:30px; padding:5px 0 5px 0; cursor:pointer; font-size:15px;}
.widget-body .menu .menu-item-has-children.open > a:after {content:"\f147";}

.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;}
.upw-not-found {padding:10px;}
.widget .list-post .wrap_img{width:90px; max-height:72px;}
.widget .list-post img{width:90px; max-width:none; }
.widget .list-post a {color:#444;}
.widget li .p-title {line-height:26px; text-align: justify; margin-bottom:5px;}
.widget li .date {color:#888888; font-size:14px;}
.list-post {margin:0;}
.list-post li {padding:0 0 8px 25px; font-size:18px; position:relative;}
.list-post li:after {position:absolute; content:"\f054"; left:0; top:1px; font-family:FontAwesome; color:#333; font-size:12px;}
.list-post li:last-child {padding-bottom:0;}
.list-post li a {font-size:16px;}

.video-item {
	width: 100%;
	height: 250px;
    margin-bottom: 30px !important;
}
.video-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#popup-video {
  position: fixed;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all ease .5s; }
  #popup-video.active {
    opacity: 1;
    visibility: visible;
    transition: all ease .5s; }
  #popup-video .overlay {
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  #popup-video .wrap-video {
    position: relative;
    width: 1000px; }
.social-contact {
	position: fixed;
    bottom: 75px;
    right: 15px;
    background-color: var(--primary-color);
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    padding: 10px;
    border-radius: 50px;
	z-index: 200;
}
.social-contact a {
	width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
	margin-bottom: 8px;
	border-radius: 50%;
    background-color: #4c4831;
	scroll-behavior: smooth;
}
.social-contact a img {
    width: 20px;
    height: 20px;
}
.social-contact a i {
	font-size: 14px;
}

#footer {color:#2e2925; padding:30px 0; overflow:hidden; position:relative;}
#footer > div {position:relative; z-index:1;}
#footer .heading {font-size:20px; font-weight:700; color:#dedede; line-height:1.3; position:relative; margin-bottom:30px; text-transform:uppercase;}
#footer .logo {margin-bottom:20px; width:100px;}
#footer .logo img {}
#footer .d-cell.text {vertical-align:middle; position:relative; font-family:'F5 Magistral Book';font-size: 20px;}
#footer .d-cell.text:after {position:absolute; content:""; bottom:-10px; top:-100px; left:-10px; width:75px; background:rgba(217, 203, 190,0.5);}
#footer .d-cell.text > div {position:relative; z-index:1;}
#footer .d-cell.text > div a {color: #2e2925;}
#footer .brand {font-family:'F5 Magistral Book'; font-size:25px; margin-bottom: 8px}
#footer .role, #footer .email, #footer .tel {font-family:'F5 Magistral Book'; font-size:18px; margin-bottom: 8px}
#footer .logo_dx {margin:40px 0;}

#footer .nav {}
#footer .nav li{padding-left:30px; position:relative;}
#footer .nav li:after{position:absolute; top:0; left:0; content:"→"; text-indent:-10px; color:#1fa739; font-size:25px; overflow:hidden;}
#footer .nav .nav_label {font-size:18px; color:#dedede; line-height:1.3; margin-bottom:12px;}
#footer #col_2 {text-align:center;}
#footer .wrap_fb {text-align:center;}

#col_contact {font-size:17px; text-align:center;}
#col_contact .info {display:inline-block; text-align:left;}
#col_contact .d-cell {padding-bottom:10px; line-height:1.6; vertical-align:baseline;}
#copyright {padding:15px 0; font-size:16px; background:#13181b; color:#fff; text-align:center; position:relative;}
#copyright a{color:#1fa739;}
#copyright .socials a {color:#3b4044; height:40px; line-height:40px; width:25px; text-align:center; font-size:22px; display:inline-block; margin-right:4px; margin-top:20px; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;}
#copyright .socials a.gplus:hover {color:#e64522;}
#copyright .socials a.fb:hover {color:#2b3990;}
#copyright .socials a.tt:hover {color:#1b95e0;}
#copyright .socials a.yt:hover {color:#e64522;}
#copyright .socials a.pin:hover {color:#be1e2d;}

.entry-body {font-size:17px; line-height:1.6; color: #555;}
.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;}

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

/*.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 */

.scrollToTop{bottom:55px;}

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

@media (min-width:480px) {
	#archive_news .item .media {width:300px;}
	
	#footer .logo {width:150px;}
	.d-cell-medium {display:table-cell; vertical-align:top;}
}

@media (min-width:768px) {
	#header {}
	#header .socials a {margin-left:5px;}
	
	#projects .wrap_img {height:220px; width: 100%}
	#projects .wrap_img img {height:100%; width: 100%; object-fit: cover}
	
	#news .wrap_img {height:220px; width: 100%}
	#news .wrap_img img {height: 100%; width: 100%; object-fit: cover}
	
	#archive_news .item .title {font-size:22px; margin-bottom:15px;}
	#archive_news .item .wrap_img {height:200px; padding:0; width:100%;}
	#archive_news .item .wrap_img img {height:100%; width:100%; object-fit: cover}
	
	
}

@media (min-width:960px) {
	.uk-offcanvas-bar {width:370px;}
	#nav_sidebar .logo {padding:15px 40px;}
	#nav_sidebar li a {padding:8px 40px 5px;}
	#header .logo {text-align:center;}
	#header .logo img {max-height:none;}
	.navbar_toggle {margin-left:80px;}
	
	.header_right {padding:50px 0 5px 0;}
	.header_item {margin-left:40px;}
	.header_item .txt1 {font-size:17px;}
	.header_item .txt2 {font-size:16px;}
	#f_search {width:350px; padding:6px; left:auto;}
	#f_search_wrap .search_toogle {line-height:140px;}
	
	.main-menu {width:100%; float:left; text-align:center; padding-top: 25px; position:relative;}
	.main-menu .nav_label {line-height:18px; margin:0; font-size:17px; transition:0.3s; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s; }
	.main-menu > ul > li > a > .nav_label {color:#000;}
	.main-menu > ul > li.active > a > .nav_label {color:#fff;}
	.main-menu a{line-height:normal!important; height:auto!important;}
	
	.main-menu li:hover > a {background:none; border-color:transparent;}
	.main-menu li:hover > a > .nav_label {color:#fff;}
	.main-menu li{z-index:5; position:relative; }
	.main-menu > ul {}
	.main-menu > ul > li{}
	.main-menu > ul > li > a, .main-menu > ul > li > a:focus {background:transparent; border: 0}
	
	.main-menu ul li.current_page_item  a {}
	.main-menu ul li.current-menu-item  a {}
	
	.main-menu li a{display:block; margin:0; text-shadow:none; padding:15px 15px;}
	.main-menu li li a{display:block; color:#005695!important; }
	.main-menu > ul > li:first-child > a {padding-left:0;}
	.main-menu > ul > li:last-child > a {padding-right:0!important;}
	
	.main-menu li ul li{float:none; position:relative; border-left:none!important; padding-left:20px; border-bottom:1px solid #d2d2d2; text-transform:none;}
	.main-menu li ul li:after {position:absolute; content:"●"; top:8px; left:0; font-family:arial; font-size:13px;}
	.main-menu li ul li:last-child{border-bottom:none;}
	.main-menu li ul{position:absolute; top:100%; left:0; padding:5px 20px 6px; display:none; background:#fff; list-style:none outside none; text-align:left; min-width:220px;}
	.main-menu li ul:after {position:absolute; content:""; bottom:5px; right:5px; width:0; height:0; border-style:solid; border-width:0 0 25px 25px; border-color:transparent transparent #65191d transparent;}
	.main-menu .current-menu-item ul{}
	.main-menu li:hover > ul{display:block;} /*disable for hover menu dropdown by javascript*/
	.main-menu li ul li a{padding:10px 0px!important; white-space:nowrap; font-weight:400; color:#012351!important;}
	.main-menu li ul li a .nav_label{color:#444444; text-transform:uppercase;}
	.main-menu li ul li a:hover > .nav_label {color:#65191d;}
	.main-menu li ul li ul{position:absolute; top:0; left:100%; display:none; background-color:#d7f1fa; width:auto;float:left;}
	
	#banner_slider .cycloneslider-caption-title {font-size:30px; letter-spacing:5px;}
	#banner_slider .cycloneslider-caption .caption {font-size:55px; font-weight:700;}
	#banner_slider .cycloneslider-caption .desc {max-width:900px; line-height:1.6; font-size:25px; margin-bottom:50px;}
	
	.section {padding:60px 0;}
	.section .heading {margin-bottom:30px; font-size:40px;}
	.section .desc {font-size:18px; margin: -25px 0 40px;}
	
	#main_content article {padding:25px 40px;}

	#projects {padding-bottom:30px;}
	#projects .heading {font-size:35px;}
	#projects .wrap_item {margin-bottom: 40px;}
	#projects .item:hover {background:#d5c7ba;}
	#projects .wrap_img {max-height:310px;}
	#projects .wrap_img:after {position:absolute; content:""; top:0; bottom:0; left:0; right:0; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s; pointer-events:none;}
	#projects .item:hover .wrap_img:after {background:rgba(32, 14, 2,0.5); }
	#projects .wrap_img img {min-height:310px;}
	#projects .body {padding-top:20px;}
	#projects .title {position:relative; font-size:20px;}
	#projects .title a {display:block;}
	#projects .excerpt {font-size:17px;}
	#projects .readmore_bt {position:absolute; top:50%; margin-top:-23px; left:50%; margin-left:-88px; color:#fff; border:1px dashed #fff; border-radius:30px; z-index:1; font-size:14px; padding:15px 45px 15px; opacity:0; visibility:hidden;}
	#projects .wrap_img:hover .readmore_bt {opacity:1; visibility:visible;}
	
	#about .heading {font-size:45px;}
	
	#news {padding-bottom:20px;}
	#news .heading {font-size:35px;}
	#news .wrap_img {max-height:310px;}
	#news .wrap_img:after {position:absolute; content:""; top:0; bottom:0; left:0; right:0; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s; pointer-events:none;}
	#news .wrap_img:hover:after {background:rgba(32, 14, 2,0.5); }
	#news .wrap_img img {min-height:310px;}
	#news .body {padding-top:20px;}
	#news .title {position:relative; margin:5px 0 15px; font-size:19px;}
	#news .title a {display:block;}
	#news .excerpt {font-size:17px;}
	#news .readmore_bt {position:absolute; top:50%; margin-top:-23px; left:50%; margin-left:-88px; color:#fff; border:1px dashed #fff; border-radius:30px; z-index:1; font-weight:700; font-size:20px; padding:15px 35px 10px; opacity:0; visibility:hidden;}
	#news .wrap_img:hover .readmore_bt {opacity:1; visibility:visible;}
	
	#header_cover {padding:120px 0 0px;}
	#header_cover .heading {font-size:35px;}
	
	#archive_news .item {margin-bottom:40px;}
	#archive_news .item .text {padding:25px 40px 0 40px;}
	#archive_news .item .wrap_img {height:300px; width: 100%;}
	#archive_news .item .wrap_img img {width: 100%; height:100%; object-fit: cover }
	
	#main_content {padding:50px 0;}
	
	.uk-article-title {font-size:32px;}
	#col_right {}
	
	.relate .block2-title {padding:10px 20px;}
	.block-body {padding:10px 20px;}
	
	#footer .heading {margin-bottom:50px;}
	#col_contact {padding-top:20px; text-align:left;}
	#footer .brand {font-size: 32px;}
	#footer .logo_dx {margin:20px 0;}
	#footer .wrap_fb {text-align:right;}
	#copyright {padding:40px 0 20px; font-size:17px;}
	
	#navbar-footer {display:inline-block; float:none;}
	#navbar-footer li {}
	#navbar-footer li a {background:transparent; text-shadow:none; border:none !important; padding:0 35px;}
	#navbar-footer li a .nav_label {color:#000000; font-size:18px; font-weight:700; text-transform:uppercase; position:relative;}
	
	.scrollToTop{bottom:85px;}
	
	.right-lg {text-align:right;}
	
	.d-cell-lg {display:table-cell;}
}

@media (min-width:1220px) {
	#navbar-mobile > li > a > .nav_label {font-size:14px; text-transform:uppercase;}
	.main-menu li a{padding:30px 15px;}
	.main-menu .nav_label {font-size:19px;}
	.search_toogle {display:block;}
}
@media (min-width:1600px) {
	.uk-container {max-width:1300px;}
	#archive_news .item .wrap_img {height:360px; width:100%;}
	#archive_news .item .wrap_img img {width: 100%; height:100%; object-fit: cover}
}
@media (min-width:1900px) {
	#banner_slider .cycloneslider-caption {bottom:60%; }
}

@media (max-width: 576px) {
	#popup-video .wrap-video #link-youtube { height: 350px; }
	#header_banner .header_banner--item { height: 450px; }
	#header_banner .header_banner--wrap .slick-dots li {width: 8px; height: 8px}
	#col_contact .info .d-row {display: flex; flex-direction: column}
	#footer .logo {width: 120px; height: auto}
}