/*
 Theme Name:   VietCons
 Theme URI:    https://tezh.net/
 Description:  Đây là theme được viết riêng cho website Vietcons Company dựa trên theme Zakra. Vui lòng không xoá theme này vì như vậy sẽ ảnh huởng lớn tới chức năng cũng như giao diện hiển thị của web. Nếu có thay đổi tính giao diện hoặc code thêm tính năng vui lòng code trực tiếp vào theme này và không đuợc code vào theme Zakra.
 Author:       Lê Ngọc Sơn
 Author URI:   https://www.facebook.com/ngson.le
 Template:     zakra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, news, e-commerce, rtl-language-support
 Text Domain:  zakra
*/

body {
	font-size: 14px;
	width: 100%;
	overflow-x: hidden;
}

a,
a:focus,
a:active {
	outline: none;
}
input {
	outline: none;
}

/*TopBar*/
header#masthead {
	position: relative;
}
header#masthead .tg-site-header-top {
	padding: 0;
	height: 40px;
	overflow: hidden;
	background: -moz-linear-gradient(top, #4c4c4c 0%, #323232 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c4c4c), color-stop(100%, #323232));
	background: -webkit-linear-gradient(top, #4c4c4c 0%, #323232 100%);
	background: -o-linear-gradient(top, #4c4c4c 0%, #323232 100%);
	background: -ms-linear-gradient(top, #4c4c4c 0%, #323232 100%);
	background: linear-gradient(to bottom, #4c4c4c 0%, #323232 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4c4c, endColorstr=#323232, GradientType=0);
}
header#masthead .tg-header-top-left-content {
	position: relative;
	background-color: #fbfbfb;
	height: 40px;
	width: calc(50% + 70px);
}
header#masthead .tg-header-top-left-content:before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	height: 40px;
	background-color: #fbfbfb;
	width: 3000px;
	left: -3000px;
}
header#masthead .tg-header-top-left-content,
header#masthead .tg-header-top-right-content {
	padding: 5px 0;
}
header#masthead .tg-header-top-right-content {
	position: relative;
	padding-right: 100px;
	width: calc(50% - 70px);
}
header#masthead .tg-header-top-right-content:before {
	content: '';
	position: absolute;
	left: 0;
	top: -4px;
	border-top: 40px solid #fbfbfb;
	border-left: 0px solid transparent;
	border-right: 20px solid transparent;
}
header#masthead .tg-site-header-top a {
	color: #fff;
}
header#masthead .tg-site-header-top a:hover {
	color: #ffd700;
}
header#masthead .tg-site-header-top a.disable {
	pointer-events: none;
	cursor: default;
}
header#masthead .tg-site-header-top i.fa {
	padding-right: 5px;
}
header#masthead .choose-language {
	width: 100px;
	position: absolute;
	right: 0;
	top: 4px;
	padding: 0;
}
header#masthead .choose-language ul > li {
	border: 0;
	opacity: 0.8;
}
header#masthead .choose-language ul > li.active {
	opacity: 1;
}
header#masthead .choose-language ul > li a {
	padding: 0;
}
header#masthead .choose-language img {
	width: 25px;
}

/*Header*/
header#masthead .site-branding img {
	width: 175px;
	transition: 0.0s all ease;
	position: absolute;
	top: 0;
	background-color: #fbfbfb;
}
header#masthead .tg-site-header-bottom {
	padding: 0;
	border-top: 1px solid #efefef;
	background-color: #fbfbfb;
}
header#masthead .tg-site-header-bottom.sticky {
	position: fixed;
	background-color: rgba(255, 255, 255, 0.95);
	border-bottom: 1px solid #efefef;
	width: 100%;
	left: 0;
	top: 0;
	right: 0;
	z-index: 1;
}
#main_menu.sticky .site-branding img {
	width: 100px;
	background-color: transparent;
}
#spacing {
	height: 42px;
	display: none;
}
#spacing.show {
	display: block;
}
ul#primary-menu > li {
	margin: 0;
	padding: 20px 35px;
}
ul#primary-menu > li:last-child {
	padding-right: 5px;
}
ul#primary-menu > li.current-menu-item > a:before {
	display: none;
}
ul#primary-menu form.search-form {
	width: 305px;
}
ul#primary-menu ul.sub-menu > li {
	height: 40px;
	background-color: #fbfbfb;
	border-color: #f2f2f2;
}
ul#primary-menu ul.sub-menu > li > a {
	padding: 0 10px;
	line-height: 40px;
}

/*Home Page*/
.home-heading h2.sow-headline {
	position: relative;
}
.home-heading h2.sow-headline:before {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	height: 1px;
	width: 120px;
	background-color: #a11727;
	transition: 0.3s all ease;
}
.home-heading h2.sow-headline:hover:before {
	width: 250px;
}
.home-heading h2.sow-headline > span {
	color: #a11727;
}
.home-heading h6.sow-sub-headline {
	font-weight: normal;
	font-style: italic;
}
.home-heading h6.sow-sub-headline a {
	color: #a11727;
}
#home_intro .panel-grid-cell {
	text-align: center;
}
#home_intro .panel-grid-cell img {
	max-width: 120px;
}
#home_about {
	border: 1px solid #efefef;
}
#home_about .so-widget-sow-image img {
	border-radius: 5px;
	width: 100%;
	transition: 0.5s all ease;
}
#home_about .so-widget-sow-image:hover img {
	opacity: 0.9;
}
#home_about .widget_text p {
	margin-bottom: 10px;
}
#home_about .widget_text h3.widget-title {
	font-size: 30px;
}
#home_about .widget_text a {
	color: #a11727;
}
#home_project a {
	color: #a11727;
}
#home_project .tlp-pagination-wrap {
	display: none;
}
#home_project .tlp-portfolio-thum {
	display: block;
	padding-top: 100%;
	position: relative;
	overflow: hidden;
}
#home_project .tlp-portfolio-thum img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 4px;
}
#home_project .tlp-portfolio-thum .link-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%)translateY(-50%);
}

/*Portfolio*/
.tlp-portfolio-item .tlp-portfolio-thum {
	border-radius: 5px;
}
.tlp-portfolio-item .tlp-content h3 > a {
	font-size: 22px;
}
.tlp-portfolio-item .tlp-overlay {
	background-color: rgb(0, 0, 0, 0.4)!important;
}
.tlp-portfolio .layout3 .tlp-overlay .link-icon a {
	border: none;
	color: #fff;
}
.tlp-portfolio .layout3 .tlp-overlay .link-icon a > i.fa {
	color: #fff;
}

/*Testimonial*/
#home_testimonial {
	border: 1px solid #efefef;
}
#home_testimonial .tss-carousel {
	position: relative;
}
#home_testimonial .owl-nav .owl-prev,
#home_testimonial .owl-nav .owl-next {
	position: absolute;
	left: 0;
	top: 50%;
	background-color: transparent!important;
}
#home_testimonial .owl-nav .owl-next {
	left: unset;
	right: 0;
}
#home_testimonial .owl-nav {
	outline: none;
}
#home_testimonial .owl-nav span {
	height: 35px;
	width: 35px;
	line-height: 33px;
	border: 1px solid #ddd;
	background-color: #fff;
	font-weight: lighter;
	color: #333;
	font-size: 14px;
	border-radius: 20px;
}
#home_testimonial .owl-nav:hover {
	background-color: #fff;
	color: #333;
}
#home_testimonial .profile-img-wrapper {
	max-width: 160px;
}
#home_testimonial .owl-dot {
	margin-top: 10px;
}
#home_testimonial .single-item-wrapper p {
	font-size: 14px;
}

/*Footer*/
footer#colophon {
	background-color: #252525;
	color: #dedede;
	border-top: 3px solid #a11727;
}
footer#colophon .tg-site-footer-widgets {
	border: 0;
}
footer#colophon a {
	color: #dedede;
}
footer#colophon .tg-footer-widget-area h2.widget-title {
	color: #dedede;
	font-size: 20px;
	margin-bottom: 35px;
	position: relative;
	text-transform: capitalize;
}
footer#colophon .tg-footer-widget-area h2.widget-title:before {
	content: '';
	position: absolute;
	display: block;
	bottom: -10px;
	height: 1px;
	width: 80px;
	background-color: #fff;
	transition: 0.4s all ease;
}
footer#colophon .tg-footer-widget-area h2.widget-title:hover:before {
	width: 100%;
}
footer#colophon p {
	margin-bottom: 7px;
}
footer#colophon a {
	color: #fff;
}
footer#colophon .tg-site-footer-bar {
	border-top: 1px solid #2f2f2f;
}
footer#colophon .tg-site-footer-bar p {
	margin-bottom: 0;
}
footer#colophon .tg-site-footer-bar a {
	color: #fff;
}
footer#colophon ul.menu > li {
	border-bottom: 0;
	padding-left: 15px;
	position: relative;
}
footer#colophon ul.menu > li:before {
	content: '-';
	position: absolute;
	left: 0;
	top: 6px;
}
footer#colophon ul.menu > li:hover a {
	font-weight: bold;
}

/*Contact Page*/
#contact_map iframe {
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.10);
}
#contact_form .widget_sow-headline {
	margin-bottom: 5px;
}
#contact_form h2.sow-headline {
	font-size: 28px;
}
#contact_form p {
	margin-bottom: 5px;
}
#contact_form a {
	font-weight: bold;
	color: #780001;
}
#contact_form label {
	margin: 0;
}
#contact_form input {
	height: 35px;
	border-radius: 3px;
}
#contact_form textarea {
	border: 1px solid #ddd;
	border-radius: 3px;
	height: 150px;
}
#contact_form input[type="submit"] {
	background: #780001;
	height: 40px;
	line-height: 40px;
	padding: 0 25px;
	border: none;
	color: #fff;
	border-radius: 5px;
}

/*Blog*/
.tg-page-header {
	padding: 15px 0;
}
ul.trail-items {
	position: relative;
	padding-left: 20px;
}
ul.trail-items:before {
	content: '\f015';
	position: absolute;
	font-family: 'FontAwesome';
	left: 0;
}
#main .site-content {
	margin: 30px 0;
}
article.zakra-single-article .post-thumbnail,
article.zakra-article a.post-thumbnail {
	display: block;
	padding-top: 55%;
	position: relative;
	overflow: hidden;
}
article.zakra-single-article .post-thumbnail img,
article.zakra-article a.post-thumbnail img {
	position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}
article.zakra-single-article img {
	max-width: 100%;
}
body.home #content.site-content {
	margin-top: 0;
	margin-bottom: 0;
}

/*Comment*/
#comments input,
#comments textarea {
	height: 150px;
	border-radius: 3px;
}
#comments input {
	height: 35px;
}

/*Back To Top*/
#tg-scroll-to-top {
  border-radius: 40px;
  bottom: 85px;
  right: 30px;
}
#tg-scroll-to-top:active,
#tg-scroll-to-top:focus {
	color: #fff;
}

/*Responsive*/
@media(max-width: 1200px) {
	.tg-site-header-top .tg-header-container {
		display: block;
	}
	header#masthead .tg-header-top-left-content {
		width: calc(100% - 550px);
		float: left;
	}
	header#masthead .tg-header-top-right-content {
		width: 550px;
		float: right;
	}
	header#masthead .tg-header-top-right-content::before {
		top: 0;
	}
	.tg-container {
		max-width: 100%;
		padding: 0 15px;
	}
}

@media(max-width: 991px) {
	.tg-container {
		max-width: 100%;
		padding: 0;
	}
	#primary {
		width: 100%;
		min-width: 100%;
	}
	header#masthead .choose-language {
		right: 15px;
	}
	#primary-menu {
		margin-right: 15px;
	}
	footer#colophon,
	#primary {
		padding: 0 15px!important;
	}
	footer#colophon .tg-footer-widget-area {
		width: 50%;
	}
	.tlp-portfolio-container .tlp-single-item {
		flex: 0 0 50%;
		max-width: 50%;
	}
	main#main {
		padding: 0 15px;
	}
	main#main #primary {
		padding: 0!important;
	}
}

@media(max-width: 875px) {
	ul#primary-menu > li {
		padding: 20px;
	}
}

@media(max-width: 768px) {
	header#masthead .tg-header-top-left-content {
		width: 0;
	}
	header#masthead .tg-header-top-right-content {
		width: 100%;
		float: none;
	}
	header#masthead .site-branding img {
		position: relative;
		width: 120px;
	}
	.tg-site-header-top .tg-header-container {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	header#masthead .tg-header-top-right-content::before {
		display: none;
	}
}

@media(max-width: 640px) {
	.home-heading h2.sow-headline {
		font-size: 1.8rem;
	}
}

@media(max-width: 600px) {
	header#masthead .tg-site-header-top {
		display: block;
	}
	.tlp-portfolio-container .tlp-single-item {
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.tlp-portfolio-container .tlp-single-item img {
		width: 100%;
	}
}

@media(max-width: 500px) {
	header#masthead .tg-header-top-right-content > * {
		font-size: 0;
		color: transparent;
	}
	header#masthead .choose-language {
		display: block;
	}
}