/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


.boxedway-content {
	display: block;
	margin-bottom: 50px;
}

.boxedway-title {
	font-size: 14px;
}

.boxedway .boxedway-content:nth-child(2n+2) .d-flex .boxedway-img {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

.boxedway-content .d-flex {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	display:flex;
}

.boxedway .boxedway-content:nth-child(2n+2) .line-row {
	float: left;
	width: calc(50% - 3px);
}

.line-column {
	width: 1px;
	height: 50px;
	border: 1px dashed #3482c4;
	margin: auto;
	position: relative;
}

.line-row {
	width: 50%;
	float: right;
	height: 1px;
	border: 1px dashed #3482c4;
	margin: auto;
	position: relative;
	margin-right: 2px;
}

.line-column-bt {
	width: 1px;
	height: 50px;
	border: 1px dashed #3482c4;
	margin: auto;
	position: relative;
}

.line-row-bt {
	width: 50%;
	float: right;
	height: 1px;
	border: 1px dashed #3482c4;
	margin: auto;
	position: relative;
}

.boxedway .boxedway-content:nth-child(2n+2) .line-row-bt {
	float: right;
}

.boxedway .boxedway-content:nth-child(2n+2) .line-column-bt {
	display: none;
}

.boxedway .boxedway-content:first-child .line-column-bt,
.boxedway .boxedway-content:nth-child(2n+1) .line-column,
.boxedway .boxedway-content:first-child .line-row-bt,
.boxedway .boxedway-content:nth-child(2n+2) .line-dot,
.boxedway .boxedway-content:nth-child(2n+1) .line-dot-bt {
	display: none;
}

.boxedway .boxedway-content:last-child .line-row-bt,
.boxedway .boxedway-content:last-child .line-dot-bt {
	display: none;
}

.boxedway .boxedway-content:first-child .line-row-bt,
.boxedway .boxedway-content:nth-child(2n+1) .line-row-bt {
	float: left;
	margin-left: 2px;
	margin-top: -2px;
	width: calc(50% - 5px);
}

.line-dot,
.line-dot-bt {
	width: 100%;
	height: 180px;
	margin: auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
/* 	display: flex; */
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.line-dot span,
.line-dot-bt span {
	display: block;
	border: 2px solid #3482c4;
	border-radius: 50%;
	height: 10px;
	width: 10px;
	position: relative;
}

.line-dot span {
	margin-top: -8px;
	margin-bottom: 8px;
}

.line-dot-bt span {
	margin-bottom: -8px;
	position: relative;
	margin-top: 8px;
	z-index: 1;
}

.line-dot span:first-child,
.line-dot-bt span:last-child {
	background: url(https://kgtech.vn/wp-content/uploads/2023/09/button-e1695629642979.png) 0px 0px;
	width: 14px;
	height: 14px;
	border: none;
}

.boxedway-title {
	font-size: 14px;
	line-height: 1.4;
	height: 188px;
	overflow: hidden;
	padding: 5px 5px;
	text-align: justify;
}

.boxedway {
	margin: 30px 0;
}

.boxedway-content:nth-child(2n+1) .boxedway-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.boxedway-title p {
	margin: 0;}
    
    
    @media screen and (min-width: 768px) {
	.boxedway {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		text-align: center;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.boxedway-title {
		height: 230px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.quicklink a {
		font-size: 13px;
		padding: 10px 5px;
		margin: 0 5px;
	}

	.boxedway-title {
		font-size: 13px;
		line-height: 1.2;
		height: 235px;
		padding: 2px 2px;
	}

	.titleab-langer {
		font-size: 34px;
	}

	.titleab {
		font-size: 30px;
	}

	.abbox-product-title {
		font-size: 20px;
	}

	.abbox-product-desc {
		font-size: 16px;
	}
}
@media screen and (max-width: 767px) {
	.boxedway .boxedway-content:nth-child(2n+2) .line-column-bt {
		display: block;
	}

	.boxedway .boxedway-content:last-child .line-column-bt {
		display: none;
	}
.boxedway .boxedway-content:first-child .line-row,
	.boxedway .boxedway-content:first-child .line-dot {
		display: none;
	}

	.boxedway .boxedway-content:first-child .line-column-bt {
		display: block;
	}

	.boxedway-content .d-flex {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.boxedway-img {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
	}

	.boxedway-title {
		height: auto;
	}

	.line-dot,
	.line-dot-bt,
	.line-row,
	.line-row-bt {
		display: none;
	}

	.line-column-bt {
		margin-bottom: 2px;
	}

	.boxedway-content {
		margin-bottom: 0;
	}

	.boxedway-img {
		text-align: center;
	}
}







/* Đổi cột trái của trang blog và trang chi tiết bài viết thành 8-col */
body.blog .large-10.col,
body.single-post .large-10.col
{
    flex-basis: 100%; /* 8/12 */
    max-width: 100%; /* 8/12 */
}

body.category #content .large-10.col {
    flex-basis: 100%;
    max-width: 100%;
}


.header-widget {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	height:75px;
}

.h-hotline,
.h-daily,
.h-email,
.h-phone {
	padding-left: 47px;
	position: relative;
	margin-left: 50px
}

.h-hotline:before,
.h-daily:before,
.h-email:before,
.h-phone:before {
	content: "";
	width: 35px;
	height: 35px;
	display: block;
	position: absolute;
	left: 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	top:40%;
}

.h-hotline:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M31.0105 14.8812H30.9213V12.698C30.9213 5.6851 25.2363 0 18.2233 0C11.2103 0 5.5253 5.6851 5.5253 12.698V14.8812H4.99068C3.03027 14.8812 1.51544 16.6188 1.51544 18.6238V24.1931C1.46606 26.1363 3.00144 27.7517 4.94472 27.8011C4.96007 27.8015 4.97533 27.8018 4.99068 27.802H8.28769C8.75469 27.78 9.11551 27.3836 9.0935 26.9166C9.09274 26.8998 9.09146 26.883 9.08967 26.8663V15.9504C9.08967 15.4158 8.7778 14.8811 8.28769 14.8811H7.30749V12.6979C7.30749 6.66932 12.1947 1.7821 18.2233 1.7821C24.2519 1.7821 29.1392 6.66932 29.1392 12.6979V14.8811H28.159C27.6688 14.8811 27.357 15.4157 27.357 15.9504V26.8663C27.3073 27.3311 27.6438 27.7483 28.1086 27.798C28.1254 27.7998 28.1422 27.8011 28.159 27.8019H29.1837L29.0946 27.9355C27.7576 29.7123 25.6597 30.753 23.4361 30.7424C22.9494 28.3555 20.6197 26.8151 18.2328 27.302C16.1916 27.7182 14.7199 29.5058 14.7035 31.589C14.7279 34.0322 16.7156 36 19.1589 35.9998C20.3685 35.9802 21.5214 35.4839 22.3668 34.6186C22.9373 34.0345 23.3110 33.2868 23.4361 32.48C26.2207 32.4906 28.8467 31.1858 30.5203 28.9602L31.3668 27.7127C33.2827 27.579 34.4856 26.3761 34.4856 24.6384V19.0691C34.4857 17.1535 33.06 14.8812 31.0105 14.8812ZM7.30749 26.0198H4.99068C4.03129 25.9964 3.27246 25.1998 3.29583 24.2404C3.29626 24.2246 3.29685 24.2088 3.29762 24.193V18.6237C3.29762 17.599 4.01048 16.6633 4.99068 16.6633H7.30749V26.0198ZM21.0748 33.3712C20.5811 33.9066 19.8873 34.2132 19.159 34.2178C17.7094 34.1948 16.5331 33.0381 16.4857 31.5891C16.4851 30.1373 17.6616 28.9599 19.1134 28.9593C20.5652 28.9587 21.7426 30.1351 21.7432 31.5869C21.7432 31.5876 21.7432 31.5884 21.7432 31.5891C21.7803 32.2506 21.5377 32.8973 21.0748 33.3712ZM32.7035 24.6386C32.7035 25.8415 31.5451 26.0198 31.0105 26.0198H29.1392V16.6634H31.0105C31.9907 16.6634 32.7035 18.0446 32.7035 19.0693V24.6386Z' fill='%233482c4'/%3E%3C/svg%3E");

}


.h-daily:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M24.01 23.7857C27.8409 17.7744 27.3593 18.5244 27.4697 18.3677C28.8644 16.4005 29.6016 14.0851 29.6016 11.6719C29.6016 5.27203 24.4082 0 18 0C11.6127 0 6.39844 5.26163 6.39844 11.6719C6.39844 14.0836 7.15106 16.4595 8.59148 18.4532L11.9898 23.7857C8.35643 24.3441 2.17969 26.008 2.17969 29.6719C2.17969 31.0075 3.05142 32.9108 7.20436 34.394C10.1042 35.4296 13.9381 36 18 36C25.5955 36 33.8203 33.8574 33.8203 29.6719C33.8203 26.0074 27.6508 24.3452 24.01 23.7857ZM10.3534 17.293C10.3418 17.2749 10.3298 17.2571 10.3171 17.2397C9.11848 15.5907 8.50781 13.6365 8.50781 11.6719C8.50781 6.39717 12.7551 2.10938 18 2.10938C23.234 2.10938 27.4922 6.39907 27.4922 11.6719C27.4922 13.6396 26.8931 15.5276 25.7593 17.1331C25.6577 17.2671 26.1877 16.4436 18 29.2914L10.3534 17.293ZM18 33.8906C9.70355 33.8906 4.28906 31.452 4.28906 29.6719C4.28906 28.4754 7.07119 26.5082 13.2362 25.7413L17.1105 31.8208C17.3042 32.1247 17.6396 32.3086 17.9999 32.3086C18.3603 32.3086 18.6957 32.1246 18.8893 31.8208L22.7636 25.7413C28.9287 26.5082 31.7109 28.4754 31.7109 29.6719C31.7109 31.4369 26.3452 33.8906 18 33.8906Z' fill='%233482c4'/%3E%3Cpath d='M18 6.39844C15.0922 6.39844 12.7266 8.7641 12.7266 11.6719C12.7266 14.5796 15.0922 16.9453 18 16.9453C20.9078 16.9453 23.2734 14.5796 23.2734 11.6719C23.2734 8.7641 20.9078 6.39844 18 6.39844ZM18 14.8359C16.2553 14.8359 14.8359 13.4165 14.8359 11.6719C14.8359 9.92721 16.2553 8.50781 18 8.50781C19.7447 8.50781 21.1641 9.92721 21.1641 11.6719C21.1641 13.4165 19.7447 14.8359 18 14.8359Z' fill='%233482c4'/%3E%3C/svg%3E");
}

.h-email:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='30' viewBox='0 0 36 30' fill='none'%3E%3Cpath d='M32.4 0.599976H3.6C1.61163 0.599976 0 2.21161 0 4.19998V25.8C0 27.7883 1.61163 29.4 3.6 29.4H32.4C34.3884 29.4 36 27.7883 36 25.8V4.19998C36 2.21161 34.3884 0.599976 32.4 0.599976ZM1.8 7.45861L12.5736 15L1.8 22.542V7.45861ZM34.2 25.8C34.2 26.7924 33.3924 27.6 32.4 27.6H3.6C2.60761 27.6 1.8 26.7924 1.8 25.8V24.738L14.1432 16.098L17.4834 18.4361C17.796 18.654 18.204 18.654 18.5172 18.4361L21.8574 16.098L34.2 24.738V25.8ZM34.2 22.5413L23.4264 15L34.2 7.45798V22.5413ZM34.2 5.26198L18 16.6013L1.8 5.26198V4.19998C1.8 3.20759 2.60761 2.39998 3.6 2.39998H32.4C33.3924 2.39998 34.2 3.20759 34.2 4.19998V5.26198Z' fill='%233482c4'/%3E%3C/svg%3E");
}

.h-phone:before {
	background-image: url(https://gotech.vn/wp-content/themes/GOTECH2021/assets/images/calling.svg);
}

.h-hotline .widget-title,
.h-daily .widget-title,
.h-email .widget-title,
.h-phone .widget-title {
	font-weight: 600;
	font-size: 13px;
	line-height: 17px;
	text-transform: uppercase;
	color: #3482c4;
	margin-bottom: 0
}

.h-hotline .textwidget,
.h-daily .textwidget,
.h-email .textwidget,
.h-phone .textwidget {
	font-weight: bold;
	font-size: 16px;
	line-height: 21px;
	color: #191718;
}


.woo-variation-swatches.wvs-show-label .variations th {
    display: none;
}



.menufooter a {
	color: #fff
}
.menufooter a:hover {
	color: #eeee22;
}

.menufooter .ux-menu-link--active .ux-menu-link__link, .ux-menu-link:hover .ux-menu-link__link {
    color: #eeee22;
}



.slidennt .slider-style-container .flickity-slider>:not(.is-selected) .box-image{
padding:25px;
	margin-top:-10px;
}

.slidennt .slider-style-container .flickity-slider>:not(.is-selected) {
	opacity:1;
}

.slidennt .slider-style-container .flickity-slider>:not(.is-selected) .box-text{
visibility: hidden;align-content}





table {
    margin: 0 0 1.5em;
    width: 100%;
}
table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.5em;
    width: 100%;
}
.tablecus table, td, th {
    border: 1px solid rgba(0,0,0,0.2);
	text-transform: none;
}
th:first-child {
text-align:center;
	padding:0;
}
table thead {
    background: #b70819;
    color: #fff;
	
}

th{
		    text-align: center;

}

td {
    border-width: 0 1px 1px 0;
	
}

td:first-child, th:first-child {
    padding-left: 10PX;
}


/* Popup thông số kỹ thuật */


.gprduct-tskt.showup {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 90vw;
	z-index: 999;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	max-width: 680px;
	max-height: 80vh;
	overflow-x: scroll;
	background: #ffffff;
	-webkit-box-shadow: 0 0 10px 0 #e0e0e0;
	box-shadow: 0 0 10px 0 #e0e0e0;
	padding: 30px 20px 10px;
}

.gprduct-tskt.showup::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.gprduct-tskt.showup::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

.gprduct-tskt.showup::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #b70819;
}

.gprduct-tskt.showup .tskt-wrapper {
	overflow-y: auto;
}

.gprduct-tskt .tskt-item.tskt-hidden,
.gprduct-tskt.showup .viewmore-tskt {
	display: none;
}

.gprduct-tskt.showup .tskt-item.tskt-hidden {
	display: flex;
}
.gp-title {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #191718;
    padding-bottom: 16px;
    border-bottom: 1px solid #D0D0D0;
    margin-bottom: 30px;
}
.gprduct-tskt .tskt-box {
    border: 1px solid #D0D0D0;
    border-radius: 6px;
    padding: 8px 20px 20px;
}
.gprduct-tskt .tskt-item {
    word-wrap: initial;
    justify-content: space-between;
    width: 100%;
    display: flex;
	margin: 0 0 10px 10px;
}
.gprduct-tskt .title {
    color: #191718;
}
.gprduct-tskt .value {
    color: #555555;
    text-align: right;
}

.gprduct-tskt .tskt-item:not(:first-child) {
	border-top: 1px solid #E0E0E0;
}








.single-product div#tab-description {
  overflow: hidden;
  position: relative;
}
.single-product .tab-panels div#tab-description.panel:not(.active) {
height: 0 !important;
}
.devvn_readmore_flatsome {
  text-align: center;
  cursor: pointer;
  position: absolute;
  z-index: 9999;
  bottom: 0;
  width: 100%;
  background: #fff;
}
.devvn_readmore_flatsome:before {
  height: 55px;
  margin-top: -45px;
  content: "";
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#ffffff',GradientType=0 );
  display: block;
}
.devvn_readmore_flatsome a {
  color: rgb(52, 130, 196);
  display: inline-block;
  border: 1px solid;
  padding: 5px 40px;
  border-radius: 5px;
}

.devvn_readmore_flatsome a:after {
  content: '';
  width: 0;
  right: 0;
  border-top: 6px solid rgb(52, 130, 196);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 5px;
}

.devvn_readmore_flatsome a:hover:after {
border-top-color:#fff;
}

.devvn_readmore_flatsome a:hover {
    color: #fff;
    background: rgb(52, 130, 196);
}


.giuseart_tabs > .nav .tab {display:flex;
    margin: 0;
}
.giuseart_tabs .nav{margin-bottom:15px}
.giuseart_tabs > .nav .tab a {text-align:center;
   display: inline-block;border:none;
    overflow: hidden;
    position: relative;
    font-size: 15px;
    color: black;
	    border: 1px solid #E0E0E0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    width: 80px;
    height: 50px;
    margin: 0 0 10px 10px;
}
.giuseart_tabs > .nav .tab.active a {
  background: none;
    border: none;
    box-shadow: none;
	    border: 2px solid #B70819;
}
.giuseart_tabs .nav-vertical > li + li {
    border-top: 0
}
.giuseart_tabs > .nav .tab a > img {width:80px;height:50px;
    margin: 0 auto;
}
.giuseart_tabs > .nav .tab a > img:nth-child(2) {
    display: none;
}
.giuseart_tabs > .nav .tab.active a > img:nth-child(1) {
    display: none;
}
.giuseart_tabs > .nav .tab.active a > img:nth-child(2) {
    display: block;
}
.giuseart_tabs > .nav .tab a:before {
    display: none;
}
.giuseart_tabs .nav h3 {text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    font-size: 15px;
    color: black;
    text-align: center;
}
.giuseart_tabs .nav .active h3 {
    color: #fff;
}
.giuseart_tabs > .tab-panels {
    width: 100%;
padding:20px;}
.giuseart_tabs .tab-panels .row {
    margin: 0;
}
.giuseart_tabs .tab-panels .panel .row .col {
    padding: 0 5px 5px;
}
.giuseart_tabs .nav.nav-vertical a{border-top: 1px solid #d2d2d2;text-align:center}
.giuseart_tabs .nav-vertical{margin-bottom:0}