/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.11.3
*/

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

@import url('https://fonts.googleapis.com/css2?family=Arizonia&display=swap');

.product-info-button-support {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.zalo-support, .hotline-support {
	text-align: center;
	background-color: #3BA8E3;
	border-radius: 5px;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
	padding: 10px;
	width: calc(50% - 5px);
	transition: all 0.3s;
}

.pb-0 .button span {
	line-height: 1.2 !important;
}

.zalo-support p:nth-child(1), .hotline-support p:nth-child(1) {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	color: #fff;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.zalo-support p:nth-child(2), .hotline-support p:nth-child(2) {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.8);
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 0;
}

.hotline-support {
	background-color: #159735;
}

.zalo-support:hover, .hotline-support:hover {
	background-color: #FFBB01;
}

.zalo-support:hover p, .hotline-support:hover p {
	color: #000;
}
.row-info-coupon {
	margin: 10px 0;
}
.section-khuyen-mai .slider .flickity-prev-next-button {
	opacity: 1 !important;
}
.section-khuyen-mai .slider .flickity-prev-next-button svg {
	background-color: #ff6900;
	border: none;
}
.section-khuyen-mai .slider .flickity-button {
	color: white;
}
.section-khuyen-mai .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
	margin-top: 0 !important;
}
.product .image-tools{
	opacity: 1 !important;
}
.details-product .flashsale {
	padding: 0;
    border-radius: 4px;
    margin-top: 20px;
	background-color: #f4ebc1;
}
.flashsale__header, .flashsale__product {
    padding: 5px 8px;
}
.flashsale__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.details-product .flashsale__title {
	width: 100%;
}
.details-product .flashsale__title h5 {
    font-size: 14px;
    font-weight: 700;
	margin-bottom: 0;
}
.flashsale__countdown-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 15px;
}
.details-product .flashsale__countdown-label{
	font-size:14px;
}
.ega-badge-ctd {
	display: flex;
	align-items: center;
	font-size: 10px;
	font-weight: bold;
}
.ega-badge-ctd__item {
	font-size: 13px !important;
	font-weight: 500 !important;
}
.ega-badge-ctd div {
	background-color: white;
	padding: 5px;
	border-radius: 5px;
}
.pd-0 {
	padding-bottom: 0 !important;
}
.flashsale {
	background: rgb(255, 222, 129);
	border-radius: 5px;
	margin: 10px 0;
}
.flashsale__product {
    background: #FFF6DD;
    border-radius: 0 0 5px 5px;
}
.flashsale__progressbar {
    display: block;
    width: 100%;
    height: fit-content;
    background: #ffaaaf;
    margin-top: 2px;
    border-radius: 9999px;
    position: relative;
    overflow: hidden;
}
.flashsale__label {
	padding-left: 10px;
	font-size: 12px;
	text-align: center;
	color: white;
	z-index: 2;
	position: relative;
}
.flashsale___percent {
	width: 0%;
    height: 100%;
    background: linear-gradient(270deg,#ff424e,#ff424e);
    border-radius: 9999px;
    position: absolute;
    top: 0;
    z-index: 1;
}
.countdown-list {
	list-style: none;
	margin: 0 !important;
}
.countdown-list > li {
	display: inline-block;
	font-size: 10px;
	font-weight: 700;
	list-style-type: none;
	padding: 5px 10px;
	margin: 0 !important;
	background-color: white;
	border-radius: 5px;
	width: 50px;
	text-align: center;
  }
  
.countdown-list > li span {
	display: block;
	font-size: 13px;
	font-weight: bold;
}
.widget-upsell {
	display: none;
}
.box-gg-news {
    width: fit-content;
    padding: 5px 20px;
    background-color: wheat;
    border-radius: 100px;
    margin-left: auto;
    margin-top: -40px;
}
.box-gg-news a {
	color: #333;
}
.devvn-popup-img img {
	width: 100%;
	max-height: 200px;
}

.single-product div#tab-description {
	overflow: hidden !important;
	position: relative !important;
	transition: all 0.3s linear;
  }
  .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: #F57C00;
	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 #F57C00;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	display: inline-block;
	vertical-align: middle;
	margin: -2px 0 0 5px;
  }
.devvn_readmore_flatsome_less a:after{
	content: '';
	border-bottom: 6px solid #F57C00;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid transparent;display: inline-block;
	vertical-align: middle;
	margin: -2px 0 0 5px;
	width: 0;
	right: 0;
}
.product-tabs li a{
	text-transform: uppercase !important;
font-size: 16px !important;
}
p.p-khuyen-mai{
    float: left;
    margin-bottom: 0px;
    margin-top: 8px;
}
.product-tabs{
	    border-bottom: 1px solid #a50a06;
}
.product-promotion {
    background-color: white;
    padding: 10px;
    margin-bottom: 10px;
}
.product-section-title-related{
	    background: #2d2d2d;
    color: white;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 14px 17px;
}
.product-promotion__heading img{
	    margin-right: 0.5rem!important;
	    margin-top: -6px;
}
.product-promotion__heading {
display: inline;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    padding: 7px 10px;
    background: #f33828;
    color: #fff;
    border-radius: 4px;
}
.product-section{
	border-top:none;
}
.product-promotion > ul, .product-promotion > div {
    margin-bottom: 0;
    border-radius: 4px;
    padding: 8px 8px 8px 15px;
    list-style-position: inside;
    background: #fff;
}
.product-promotion ul li, .product-promotion > div > * {
    padding: 3px 0;
    margin: 0;
}
.section-khuyen-mai .countdown-container {
	display: flex;
	margin-top: 10px;
}
.section-khuyen-mai .countdown-container h3 {
	width: fit-content;
}
.section-khuyen-mai #countdown ul {
	display: flex;
	margin: 0;
}
.section-khuyen-mai #countdown ul li {
	list-style: none;
	margin-bottom: 0;
	display: flex;
    flex-direction: column;
	font-size: 10px;
	font-weight: 700;
	color: #333;
    align-items: center;
	background-color: white;
	border-radius: 5px;
	width: 50px;
	padding: 5px;
}
.section-khuyen-mai #countdown ul li span {
	font-size: 13px;
	font-weight: 700;
	color: #333;
}
.section-khuyen-mai .km .c{
	color: white;
}
.section-khuyen-mai .km .b {
	width: 100% !important;
}
.section-khuyen-mai .km .a{
	border: none !important;
    border-radius: 100px;
    position: relative;
    margin-top: 15px;
    background: #FFAAAF !important;
}
.section-khuyen-mai .km{
	display: block !important;
}
.section-khuyen-mai .ux-timer-wrapper{
	max-width: 200px !important
}
.section-khuyen-mai .countdown-item:last-child:after{
    display: none !important;
}
.section-khuyen-mai  .countdown-item:after {
      content: ':';
    position: absolute;
    color: #333;
    right: -3px;
    top: 4px;
    font-weight: bold;
    color: #fff;
    font-size: 20px;
	
}

.section-khuyen-mai {
    width: 65% !important;
    margin: 0 auto !important;
}
.section-khuyen-mai a.current {
	display: none;
}
.section-khuyen-mai .ux-timer-wrapper .col-inner h3{
	color:#333 !important;
	font-size: 24px;
}
.section-danh-muc .product-category{
	padding-bottom: 0px !important;
}
.section-danh-muc .product-category h5{
	    text-transform: inherit;
    font-weight: normal;
    font-size: 15px;
	color: #333;
}
.section-danh-muc .product-category .box-text{
	padding-left: 0px;
	padding-right: 0px;
}
.span-text{
	    font-size: 10px;
}
.count-day{
	display: none;
}
.section-khuyen-mai .ux-timer-wrapper .col-inner{
	    line-height: 17px;
	        font-size: 20px;
	    background: #fff;
		color: #333;
	    border: none !important;
	        padding: 10px !important;
	        border-radius: 5px;
} 
.section-khuyen-mai .ux-timer-wrapper .col-inner h3{
	font-weight: normal;
	margin-bottom: 0px;
}
.home #main #content .section-khuyen-mai{
	    padding: 10px !important;
    border-radius: 10px;
}

.button-dieu-kien{
	font-size: 12px;
    color: #2E72D2;
    cursor: pointer;
    margin-bottom: 3px;
    background: transparent !important;
    border: none;
    box-shadow: none;
}
.mfp-content button{
	margin-bottom: 0px !important;
}
.ma-uu-dai-inner p.action{
	margin-bottom: 4px;
}
.ma-uu-dai-inner p.excerpt{
	font-size: 11px;
}
.ma-uu-dai-inner:before {
	    color: #fff !important;
    content: "";
    position: absolute;
    top: 0;
    left: -5px;
    height: 100%;
    width: 10px;
    color: var(--coupon-code-background);
    background-clip: padding-box;
    background: repeating-linear-gradient(#ccc,#ccc 5px,transparent 0,transparent 9px,#ccc 0,#ccc 10px) 0/1px 100% no-repeat,radial-gradient(circle at 0 7px,transparent,transparent 2px,#ccc 0,#ccc 3px,currentColor 0) 1px 0/100% 10px repeat-y;
}

.ma-uu-dai-item{
	padding-left: 5px !important;
	padding-right: 5px !important;  
}
.ma-uu-dai-inner h5{
	color: #333;
}
.ma-uu-dai-inner span{
	color: #333;
}
.ma-uu-dai-inner{
	padding: 5px;
	    background: rgb(255, 255, 255);
    filter: drop-shadow(rgba(0, 0, 0, 0.15) 0px 0px 3px);

   border-radius: 5px;
   color: #333;
}
a.sao_chep{
	border: none;
    padding: 2px 15px;
    border-radius: 999px;
    margin-bottom: 3px;
    background: #cd3344 !important;
    font-weight: normal;
    font-size: 12px;
}
.div-voucher{
	margin-bottom: 10px;
}
.div-voucher .button-dieu-kien:hover{
	    color: #2E72D2;
	    box-shadow: none;
	background: transparent !important; 
}
.div-voucher > .col-inner{
	    background: #ECECEC;
    padding: 10px 20px;
}
.div-voucher .flickity-page-dots{
	display: none;
}
.buy_now_button{
	border-radius: 50px;
}
.div-voucher .flickity-prev-next-button {
    display: none;
}
.header-search-form-wrapper input[type='search']{ border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;   height: 43px;
	box-shadow: none;
	border: 2px solid #f26a56;}
.header-search-form-wrapper .searchform .button.icon{    height: 43px;
	width: 70px;
	background-image: linear-gradient(to right, #f26957 , #e31388);border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;}.header-button .is-outline {
		color: #020202;
		text-transform: none;
		font-weight: normal;
		font-size: 14px;
		padding-top: 2px;
}.header-button .is-outline:hover{color:white}
.header-bottom {border-top: 1px solid #f6f6f6;
	box-shadow: 2px 7px 10px #0000000f;
}
.section-title-normal span {
	margin-right: 15px;
	padding-bottom: 6px;
	border-bottom: 0;
	margin-bottom: 0;
	text-transform: none;
	font-size: 18px;
}
.tieu-chi-section .icon-box .icon-box-text{font-size:15px;padding-top:12px}
.tieu-chi-section .icon-box h3{margin-bottom: 0;
	font-size: 16px;color: #eb0e86;}
.tieu-chi-section .col{padding-bottom:0}
.tieu-chi-section .icon-box{background:white; border: 1px solid #f4f4f4;
	padding: 6px;
	border-radius: 5px;
	box-shadow: 2px 2px 20px #0000000f;}
.section-title-normal {
	border-bottom: 1px solid #e41884;}.section-title-container {
		margin-bottom: 0;
}
.list-post-ngang .post-item .box-text{padding:0; padding-left:10px}
.list-post-ngang .post-item:last-child{border-bottom:none}
.list-post-ngang .post-item{  border-bottom: 1px dashed #f4f4f4;  padding: 7px 10px !important;}
.list-post-ngang .post-item .post-title{    margin: 0;
	font-size: 14px;
	font-weight: normal;}
.box-blog-post .is-divider{display:none}
.list-post-ngang{border: 1px solid #e9e9e9;margin-left:0 !important; margin-right:0 !important; background: white;
	padding: 8px;}
.slider-section .section-title-normal{    margin-bottom: 0;}
.TextCaptions .item.is-selected{color:#ea0e86}
.list-post-ngang .post-item .post-title:hover{color:#e31587}
.slider-section .col{padding-bottom:0}
.TextCaptions .item:last-child{border-right:none !important
}
.TextCaptions .item{font-size:12px; border-right: 1px solid #e9e9e9 !important; width:20%}
.header-bottom-nav > li > a {
	line-height: 16px; font-size:16px;
}.nav-dropdown-default{border:none; padding:0}
.nav-dropdown-default li a{font-size:15px; color:black}
.nav-dropdown-default li a:hover{color:#e11088}
.TextCaptions{border: 1px solid #e9e9e9;padding:5px !important}.thong-bao {
	background: #DCEDC8;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 4px;
	font-size: 14px;
	color: #2E7D32;
	margin-top: 8px;
}.thong-bao ul {
	margin-bottom: 0;
}.single-product .product-info {padding-bottom:0;
	padding-top: 0;
	padding-right: 0;
	border-right: none;
	padding-left: 0;
}
.row2 .row-info .cot2{float:left; display:inline-block;width:34%; }
.khoi-box .box-title{
	background-color: #D03437;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;font-size:14px;
	text-align: center;
	color: white;
	padding: 8px;
}
.khoi-box .cot2 .box-title{
	background-color: #8BC34A !important;
}
.khoi-box .cot3 .box-title{
	background-color: #FFA000 !important;
}
.khoi-box ul.list-star li:before {color: #FF9800;
	content: '\f005';
	font-size: 14px;
	font-family: 'Font Awesome 5 Free';
	margin-right: 10px;
	top: 0;
	position: relative;
	left: 0;
}
.khoi-box ul li{margin-bottom: 0;
	font-size: 14px;
	list-style: none;}
.khoi-box ul.list-star{text-align:left;     padding: 10px;margin-bottom:0}
.cot2 .nut-dang-ky{background:#8BC34A}
.cot2 .khoi-box{ text-align:center; border:1px solid #8bc34a;
	border-radius: 6px;}
.khoi-box .box-title label{    margin-bottom: 0;
	text-transform: none;
	color:white;
	font-size: 17px;}
.row2 .row-info .cot3{float:left; display:inline-block;    padding-left: 15px;width:24%; 
}
.row2 .row-info .cot1{text-align:center; padding-right:15px; float:left; display:inline-block;width:42%}
.row2 .row-info{display: inline-block;
	width: 100%;
	clear: both;}
.single-product #product-sidebar{padding-bottom:0; padding-left:15px}.product-main {
	padding: 20px 0 10px 0;
}.product-info .breadcrumbs {
	text-transform: none;
	font-size: 14px;
}
.san-pham-section .col.large-12{padding-bottom:0}
.single-product .product-info .price, .single-product .product-info .price del span{font-size:14px; color:gray}
.single-product .product-info .price span.amount, .single-product .product-info .price ins span{font-size:23px !important;
	color: #f92e33 !important;
	font-weight: bold;
}
.star-rating span:before{color: #FFC107;}
.single-product .product-info .product-title{margin-bottom:0; font-size:20px}
.thong-tin-ky-thuat{    margin-bottom: 15px;
	border-top: 1px dashed #eaeaea;}
.thong-tin-ky-thuat .row-info{display: inline-block;
	clear: both;
	width: 100%;
	padding: 5px 0;
	border-bottom: 1px dashed #eaeaea;
	font-size: 14px;}
.thong-tin-ky-thuat .row-info .left{width:70%; display:inline-block; float:left}
.thong-tin-ky-thuat .row-info .right{text-align: center;
	width: 30%;
	display: inline-block;
	background: #e4e4e4;
	border-radius: 4px;
	color: #292929;}
	.product-summary .quantity{display:none !important}
.thong-tin-ky-thuat .row-info .right:hover a{color:white !important}
.thong-tin-ky-thuat a{padding: 4px 10px;
	border-radius: 4px;
	color: #3c3c3c;
	width: 100%;
	display: contents;}span.widget-title {font-size: 19px;
		font-weight: 500;
		text-transform: none;
		letter-spacing: 0;
		display: block;
		margin-bottom: 10px;
		color: #e41984;
}.widget .is-divider{display:none}
.box-live-demo .left a:hover{background:#757575;}
.box-live-demo .right a:hover{background:#5d9220}
.thong-tin-ky-thuat .row-info .right:hover{background:#8bc34a; color:white}.fa.fa-credit-card{margin-right:0 !important}
.buy_now_button{padding:0; margin-bottom:0; margin-right: 10px;
	width: 48%;
	display: block;
	float: right;
	text-transform: none;
	border-radius: 4px;
	letter-spacing: 0;
	font-size: 16px;}
	.single-product .devvn_buy_now {
		margin-top: -10px;
	}
.single_add_to_cart_button{margin-bottom:0; width: 100%;
	float: left;
	text-transform: none;
	border-radius: 4px;
	letter-spacing: 0;
	font-size: 16px;}
.woocommerce-product-gallery{    transition: opacity 0.25s ease-in-out 0s;
	border: 1px solid #ececec;
	border-radius: 4px;}
.single-product form.cart{    display: inline-block;
	width: 100%;margin-bottom:0}
.box-live-demo{margin-top:15px; width:100%; display:inline-block; clear:both}
.box-live-demo .left{width:49%; float:left; display:inline-block; text-align:center}
.box-live-demo .right a{font-size:15px; width: 100%;
	display: block;
	background: #71ab2e;
	color: white;
	padding: 6px 10px;
	border-radius: 5px;}
.fa, .far{padding-right:12px}
.box-live-demo .left a{ font-size:15px;   background: #888888; width:100%;
	border-radius: 4px;display:block;
	padding: 6px 10px;
	color: white;}
.box-live-demo .right{width:49%; float:right; display:inline-block; text-align:center}#block_widget-2 .icon-box:hover{background:white}
#block_widget-2 .icon-box{background: #fafafa;
	padding: 2px;
	margin-bottom: 10px;
	border-radius: 4px;
	border: 1px dashed #ececec}
#block_widget-2 .icon-box .icon-box-text{padding-left: 0;
	font-size: 14px;}
#block_widget-2 .icon-box h4{    font-size: 15px;
	margin-bottom: -2px;
	padding-top: 3px;
}
.cot3 .khoi-box .box-title{background:#ffa000;}
.nut-dang-ky:hover{color:white}
.nut-dang-ky{
	background: #FFA000;
	padding: 8px 15px;
	text-align: center;
	color: white;
	border-radius: 22px;
	font-size: 15px;font-weight:500}
.cot1 .khoi-box{    border-radius: 6px;
	border: 1px solid #D03437;}
.cot2 .khoi-box .box-title{background:#71ab2e;}
.cot3 .khoi-box {
	text-align: center;
	border: 1px solid #f4d036;
	border-radius: 6px;
}
.cot3 .khoi-box .box-info h4{color:#e31585}
.nut-dang-ky:hover{    box-shadow: 2px 5px 7px #0000002e;}
.cot1 .nut-dang-ky{    background: #D03437;}
.cot3 .khoi-box .box-info{padding: 10px 0px 3px 0;
	font-size: 14px;}
.single-product .woocommerce-tabs .tab-panels{font-size:15px; border: 1px solid #ddd;
	background-color: #fff;
	padding: 30px;
	border: 1px solid #ececec;
	border-radius: 0px 5px 5px 5px;
	padding: 10px;
	box-shadow: 2px 2px 10px #0000001a;}
.row-info .left{width:72%; float:left; display:inline-block}.product-footer .woocommerce-tabs {
	padding: 0;
	border-top: 0;
}.nav-tabs>li>a {
	background: #eaeaea;
	font-family: "roboto",sans-serif;
	font-size: 15px;
	text-transform: none;
	color: black;
	font-weight: 700;
}
.product_list_widget li a{font-size:15px}
.recent-blog-posts a{font-size:15px; margin-bottom:0}
.mr-half .badge-inner{border-radius:99%}
.product_list_widget span.amount{    color: #e80000;}ul.product_list_widget li img{border-radius:99%}
.product_list_widget, .flatsome_recent_posts ul{border: 1px solid #ececec;
	border-radius: 5px;
	padding: 10px;
	box-shadow: 2px 2px 10px #0000001a;}
.product-footer{margin-top:20px}
.row-info .right{padding-left:15px; width:28%; float:left; display:inline-block}
.single-product .related h3{    margin-bottom: 0;
	text-transform: none;
	letter-spacing: 0;}
.single-product .related .product-small.box{background: white;
	box-shadow: 2px 2px 12px #00000018;
	border-radius: 5px;}
.related .product-small.box .box-text{padding:15px 10px}
.related .product-small.box .product-title a{margin-bottom: 6px;	}
.related .product-small.box .price ins span, .related .product-small.box .price span.amount{font-size:16px; font-weight:normal}div#reviews.woocommerce-Reviews {
	border-bottom: 1px solid #ddd;
	width:auto;
	max-width: 100%;

}.product-section {
	border-top: 0;
}
/* .single-product .product-info a.devvn_buy_now_style{display:none} */
#nut-buy {
	border: 1px solid #ececec;
	border-radius: 5px;
	box-shadow: 2px 2px 10px #00000012;
	padding: 15px;
	text-align: center;
}#nut-buy img {
	border-radius: 99%;
	margin-bottom: 10px;
	border: 4px solid #FFECB3;
}#nut-buy h3 {
	font-size: 16px;
}#nut-buy .price {
	margin-bottom: 10px;
}#nut-buy .price .ins {
	color: #E91E63;
	font-size: 18px;
	margin-left: 10px;
}#nut-buy p, #nut-buy ul {
	font-size: 13px;
	color: gray;
	text-align: justify;
}#nut-buy p.des {
	text-align: center;
	color: #FF9800;
}#nut-buy ul li{margin-bottom:0}
a.devvn_buy_now_style{margin-bottom:0; margin-top:10px;font-size:16px; text-transform:none;max-width: 385px !important;height:68px;display: flex;
    justify-content: center;
    align-items: center;}
a.devvn_buy_now_style:hover{background: #C01D22 !important;}
.devvn-popup-title, .popup-customer-info-group .devvn-order-btn{    text-transform: none;background-image: linear-gradient(to right, #ca1177 , #E91E63);}
/*.devvn_prod_variable{display:none}*/
.devvn-popup-quickbuy{font-family:"roboto", sans-serif}
span.devvn_title {display:block;
	font-size: 17px;}
.devvn_price span{color:red}
.product-small.box{background:white; box-shadow:2px 2px 20px #0000002b; border-radius:5px}
.product-small.box .product-title{    height: 40px;
	overflow: hidden; margin-bottom:9px}.product-small.box .product-title a:hover{color:#e31586}
.product-small.box .category{    color: #8BC34A;}
.product-small.box .product-title a{color:black}
.product-small.box .price, .product-small.box .price del span{color:gray; font-size:15px}
.product-small.box .price span.amount, .product-small.box .price ins span{font-size:16px !important; font-weight:normal; color: #e31687 !important;}
.product-small.box .box-image{border-top-left-radius:5px; border-top-right-radius:5px}.tin-tuc-section .col.large-12{padding-bottom:0}
.list-post .post-item .box-text{    padding: 0;
	padding-top: 10px;
	text-align: left;}
.list-post .post-item .post-title{font-size: 16px;
	height: 60px;
	overflow: hidden; margin-bottom:6px}
.list-post .post-item .from_the_blog_excerpt {margin: 0;
	font-size: 14px;
	height: 41px;
	overflow: hidden;}
.list-post .post-item .from_the_blog_comments {display:none}
.list-post .post-item .box-image{border-radius:5px}
.tin-tuc-section .list-post-ngang .post-item{padding:8px 10px !important}
.tin-tuc-section .list-post-ngang .post-item .post-title {

	font-size: 15px;
	font-weight: 500;
}
.list-post .post-item .post-title:hover{color:#e21586}
.list-post .post-item a:hover{color:black;}
.tieu-chi-section .row2{background: white;}
.footer-section .col{padding-bottom:0}.footer-secondary {
	padding: 0;
}
.copyright-footer p, .copyright-footer h4{margin-bottom:0}
.absolute-footer {
	font-size: 14px;
	border-top: 1px solid #f0f0f0;
}
.banner-section .col{padding-bottom:0}.product-small .box-image:hover::before{
	-webkit-animation:shine .75s;animation:shine .75s
}
@-webkit-keyframes shine{
	100%{left:125%}
}
@keyframes shine{
	100%{left:125%}
}
.product-small .box-image::before{
	position:absolute;
	top:0;
	left:-75%;
	z-index:2;
	display:block;
	content:'';
	width:50%;
	height:100%;
	background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
	background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
	-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}.post-item .box-image:hover::before{
	-webkit-animation:shine .75s;
	animation:shine .75s}
@-webkit-keyframes shine{
	100%{left:125%}
}
@keyframes shine{
	100%{left:125%}
}
.post-item .box-image::before{
	position:absolute;
	top:0;
	left:-75%;
	z-index:2;
	display:block;
	content:'';
	width:50%;
	height:100%;
	background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
	background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
	-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}.tdk-product-loop-custom-product-meta {
	margin: 0px 0 10px 0;
}.tdk-product-loop-custom-product-meta .last-updated-date {
	background: #2196F3;
	color: white;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
	margin-right: 8px;
}.tdk-product-loop-custom-product-meta .version {
	background: #7dbd33;
	color: white;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
}.tdk-product-loop-custom-product-meta i {padding-right:5px;

}#breadcrumbs {
	margin-bottom: 10px;
	font-size: 15px;
}.blog-single .entry-header .entry-meta {
	font-size: 14px !important;
	letter-spacing: 0;
	text-transform: none;
	color: gray !important;
	background: none;
	border-top: none !important;
	padding-top: 0 !important;
	padding-left: 0 !important;
}.is-divider {
	display: none;
}
.blog-single .article-inner .badge.post-date {
	top: 4%;
	left: 2%;
}.xem-them .tieu-de-xem-them {
	font-weight: 700;
	display: block;
	margin-bottom: 10px;
	font-size: 19px;
	color: black;
}.xem-them ul li {
	margin-bottom: 3px;
}.xem-them ul li a {
	font-weight: 700;
	font-size: 16px;
	color: #D81B60;
}.blog-single .blog-share {
	text-align: left;
}.blog-single .entry-meta {
	text-transform: none;
	font-size: 14px;
	letter-spacing: 0;
	color: gray;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding: 10px;
	background: #f9f9f9;
}.danh-muc {
	margin-bottom: 15px;
}.danh-muc span.title, .the-tim-kiem span.title {
	border-radius: 4px;
	background: #E91E63;
	padding: 4px 10px;
	color: white;
	margin-right: 5px;
}.danh-muc a, .the-tim-kiem a {
	border-radius: 4px;
	margin-bottom: 10px;
	padding: 4px 10px;
	background: #dedede;
	color: #464646;
}.danh-muc a:hover, .the-tim-kiem a:hover {
	background: #FF9800;
	color: white;
}.bai-viet-lien-quan {
	margin-top: 15px;
}.bai-viet-lien-quan h3 {
	font-size: 19px;
	color: black;
}.bai-viet-lien-quan ul {
	margin-bottom: 0;
	display: inline-block;
	width: 100%;
}.bai-viet-lien-quan ul li {
	list-style: none;
	width: 25%;
	color: graytext;
	float: left;
	padding-left: 4px;
	padding-right: 5px;
}.bai-viet-lien-quan ul li .box-image img {
	height: 120px;
	border-radius: 4px;
	object-fit: cover;
	object-position: center;
}.bai-viet-lien-quan h4 {
	font-size: 15px;
	color: black;
	line-height: 19px;
	padding-top: 7px;
	height: 64px;
	overflow: hidden;
}.bai-viet-lien-quan h4:hover {
	color: #E91E63;
	text-decoration: underline;
}
.blog-single .large-3{padding-left:0} 
.ftwp-item.ftwp-has-sub button{display:none !important}
.badge-inner {
	border-radius: 99%;font-weight:normal}#ftwp-container #ftwp-list.ftwp-list-nest.ftwp-colexp-icon .ftwp-anchor {
		padding-left: 10px;
}#ftwp-container.ftwp-wrap #ftwp-contents {
	border-color: rgb(218, 218, 218);
}
#ftwp-container.ftwp-wrap #ftwp-trigger {
	border-color: rgb(228, 25, 132); top:70px
}
.san-pham-lien-quan h5.product-title{font-size:18px; margin:0; margin-bottom:7px}
.san-pham-lien-quan .cot3{width: 18%;
	float: left;
	display: inline-block;}
.san-pham-lien-quan .ngay-dang{    font-size: 14px;
	color: #afafaf;}
.san-pham-lien-quan .price{ margin:15px; display: block;
	text-align: center;
	font-size: 21px;
	font-weight: 500;
	color: #fa3031;}
.san-pham-lien-quan .nut-xem-chi-tiet:hover{background:#ff5722}
.san-pham-lien-quan .nut-xem-chi-tiet{display: block;
	width: 100%;
	background: #fe341e;    background-image: linear-gradient(to right, #e31587 , #8112b9);
	text-align: center;
	border-radius: 4px;
	padding: 6px;
	color: white;
	font-size: 15px;
	margin: 15px 0;}
.san-pham-lien-quan .tom-tat p{    height: 65px;
	overflow: hidden;}
.san-pham-lien-quan .tom-tat{    margin: 0;
	font-size: 14px;}
.san-pham-lien-quan ul li .box-text{padding:0; padding-right:15px; width:65%; float:left; display:inline-block}
.san-pham-lien-quan ul li{display:inline-block; list-style: none;
	background: white;
	margin-left: 0;
	border: 1px solid #ececec;
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 12px;
	box-shadow: 2px 2px 10px #0000001a;}
.san-pham-lien-quan ul li:hover{    background: #fff7fa;
	border: 1px dashed #e41984;}
.blog-archive .archive-page-header .large-12 {
	text-align: left;
	padding-bottom: 0px;
}.blog-archive h1.page-title {
	text-transform: none;
	letter-spacing: 0;
	font-size: 23px;
}.blog-archive {
	background: #f7f7f7;
}.blog-archive .post-item .box-text {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 10px 10px 20px 10px;
	background: white;
}.blog-archive .post-item .post-title:hover {
	color: #E91E63;
	text-decoration: underline;
} .blog-archive .post-item .post-title {font-size:16px;
	margin-bottom: 10px;
	height: 62px;
	overflow: hidden;
}.box-blog-post .is-divider {
	display: none;
}
.blog-archive .post-item .from_the_blog_excerpt {height:40px; overflow:hidden
}
.san-pham-lien-quan ul{margin-bottom:0}
.san-pham-lien-quan .anh-dai-dien{display: inline-block;
	width: 17%;
	float: left;
	padding-right: 15px;}
.san-pham-lien-quan{display: block;}
.archive .product-small.box .box-text{    padding: 15px 10px;
	text-align: center;}
a.back-to-top{background:#e41984 !important; border:none !important; color:white}
.woocommerce-ordering select{font-size:14px}
.blog-archive .post-item a:hover{color:black}.page-wrapper {
	padding-top: 30px;
	padding-bottom: 0;
}
.blog-archive .post-item .box-image{border-top-left-radius:5px; border-top-right-radius:5px}
.san-pham-lien-quan h2{font-size:20px}h1.entry-title.mb {
	margin-bottom: 15px;
	text-transform: none;
	letter-spacing: 0;
}.page-right-sidebar .large-9 {
	border-right: none;
}.page-right-sidebar .large-3 {
	padding-left: 0;
}.success-color {
	color: #7a9c59;
	background: #8BC34A;
	border-radius: 4px;
	padding: 7px 20px;
	font-size: 15px;
	color: white;
}
.page-inner .has-border {
	border: 1px dashed #e91e63;
	padding: 15px 15px 15px;
	border-radius: 5px;
	background: #fff9f9;
}
#payment button{border-radius:5px; text-transform:none}
.woocommerce-cart .woocommerce{box-shadow: 2px 2px 20px #0000001a;
	padding: 20px;
	border-radius: 5px;
}
.cart_totals .button {
	border-radius: 5px;
	text-transform: none;
}

.button-continue-shopping, .button.primary.mt-0.pull-left{border-radius:5px; text-transform:none;}
.woocommerce-input-wrapper input{font-size: 14px;
	border-radius: 5px;
	box-shadow: none;}
.widget_shopping_cart_content .woocommerce-mini-cart{border:none; box-shadow:none; padding:0}p.form-row-first, p.form-row-last{width:100%}
.widget_shopping_cart_content{padding:15px}
.widget_shopping_cart_content a.button{text-transform:none; border-radius:5px; color:white}
.devvn_prod_cmt{max-width:100%}
.website-apps-item-img {
    position: relative;
    padding-top: 20px;
    height: 270px;
    transition: background-position 2s ease-in-out;
    width: 100%;
    background-position: top center;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    width: 100%;
}
.related-products-wrapper .website-apps-item-img,
.upsell-section .website-apps-item-img{
	height: 190px;
}
.product-gallery .website-apps-item-img {
    height: 500px;
	display: none !important;
}
/* .website-apps-item-img:hover {
    background-position: bottom center !important;
    transition: background-position 10s linear 0s;
} */
.website-apps-item-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 10;
    color: white;
    text-align: center;
    width: 100%;
    display: flex !important;
}
.product-small .box-image:hover .website-apps-item-btn {
    opacity: 1;
}
.website-apps-item-btn > a {
    width: 50%;
    background: #0e68c8;
    padding: 8px 20px;
    width: 100%;
    display: block;
    border-radius: 0;
    color: white;
    font-size: small;
}
.website-apps-item-btn > a:last-child {
    background: #02a4a5;
}
.search-cate {
	background-color: #2eadff;
    padding: 30px 30px 30px;
    margin-bottom: 70px;
	position: relative;
}
.search-cate::before {
	content:"";
	background-image: url("https://codengon.vn/wp-content/uploads/2023/09/template.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 200px;
    left: -10px;
    transform: rotate(20deg);
}
.search-cate::after {
	content:"";
	background-image: url("https://codengon.vn/wp-content/uploads/2023/09/electric.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 130px;
    right: -15px;
    transform: rotate(-40deg);
}
.tags-list-search {
	overflow: auto;
	position: relative;
	z-index: 10;
}
.tags-list-search li {
	width: 20%;
	list-style: none;
	float: left;
    display: inline-block;
}
.tags-list-search li>a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-right: 10px;
	color: #fff;
}
.tags-list-search li img {
	width: 60px;
	height: 60px;
	border-radius: 99px;
	transition: 1s linear all;
}
.tags-list-search li img:hover{
	transform: rotate(360deg);
}
.tags-list-search li p {
	font-size: 15px;
	font-weight: bold;
	display: block;
	width: 100%;
	text-align: center;
}
.search-cate-footer {
	position: relative;
	z-index: 10;
}
.search-cate-footer .search-form-submit {
	position: absolute;
    width: 135px;
	height: 40px;
    right: 0px;
    margin-right: 0px;
	background-color: black;
	color: white;
	border-radius: 0 3px 3px 0;
}
.search-cate-footer .search-form-text {
	border-radius:3px;
	height: 40px;
}
.shapeConnect {
	fill: #2eadff;
    position: absolute;
    width: 100%;
    left: 0;
}
.modalPopup {
    display: none;
  }

  .modalPopup_Overlay {
    position: fixed;
    inset: 0px;
    background-color: rgba(36, 36, 36, 0.5);
    z-index: 999;
	top: 100px !important;
  }

  .modalPopup_Content {
    position: absolute;
    inset: 50% 40px 40px 50%;
    border: none;
    background: rgb(255, 255, 255);
    overflow: auto hidden;
    border-radius: 8px;
    outline: none;
    padding: 12px;
    width: 600px;
    height: 75vh;
    transform: translate(-50%, -50%);
    opacity: 1;
    overflow-y: scroll;
  }

  .coupon-list__close {
    font-size: 24px;
    width: 24px;
    height: 24px;
    position: fixed;
    text-align: center;
    right: 32px;
    top: 0px;
    cursor: pointer;
  }

  .voucherList_header {
    margin-bottom: 16px;
    position: relative;
    font-size: 20px;
    font-weight: 500;
    padding: 0 0 0 20px;
  }

  .voucherList_header .popupTitle {
    text-align: left;
    color: #F26B54;
    text-transform: uppercase;
    font-size: 30px;
  }

  .voucherList_items {
    list-style-type: none;
    padding: 0;
  }

  .coupon-bg {
    width: 520px;
    background-color: #fff;
    height: fit-content;
    box-shadow: -1px 0px 4px 2px #ccc;
    border-radius: 10px;
  }

  .voucherContainer {
    display: flex;
  }

  .voucherList_item {
    position: relative;
    margin-bottom: 15px;
  }

  .voucher-left {
    width: 20%;
    border-right: 1px solid #ccc;
    position: relative;
  }

  .voucher-left img {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 25%;
    left: 25%;
  }

  .voucher-right {
    width: 80%;
    padding: 0 10px;
  }

  .voucherName {
    text-transform: uppercase;
    margin: 10px 0 0 0;
  }

  .voucherDesc {
    margin: 0;
  }

  .voucher-right p {
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .voucher-right .sao_chep {
    margin-bottom: 10px;
  }

  .voucher-right .dieu_kien {
    border: none;
    padding: 2px 15px;
    border-radius: 999px;
    font-weight: normal;
    font-size: 12px;
  }

  .voucher-right .dieu_kien:hover .dieu_kien-show {
    visibility: visible;
  }

  .voucher-right .dieu_kien .dieu_kien-show {
    visibility: hidden;
    width: 340px;
    background-color: #ccc;
    color: #333;
    font-size: 14px;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    top: 35px;
    z-index: 1;
    left: 0px;
  }
  .voucher-list {
	width: 100%;
	list-style: none;
  }
  .voucher-list .voucher-item {
	margin: 0 auto 20px;
	background-color: white;
	border-radius: 5px;
	width: 702px;
    height: 212px;
    display: flex;
    align-items: stretch;
    text-align: initial;
    position: relative;
    filter: drop-shadow(0 0 6px rgba(0,0,0,.09));
  }
  .search-box > form > div.flex-row.relative > div:nth-child(2) > button {
	background-color: rgb(242,107,84);
	border-radius: 0 3px 3px 0;
}

#woocommerce-product-search-field-0{
	border-radius: 3px 0 0 3px;
}



.box_pro {
position: absolute;
right: 0;
transition: .5s;
opacity: 1;
z-index: 10;
bottom: 250%;
}
.box_pro span {
display: block;
padding: 5px 15px;
margin:0;
box-sizing: border-box;
color: #fff;
font-weight: bold;
text-transform: capitalize;
border-radius: 100px 0 0 100px;
}

.box_pro span.item_link {
background: linear-gradient(to right, #1daf00 0%, #32a71a 100%) !important;
font-size: 12px;
text-align:center;
}
.box-image .image-none a {
/* 	max-height: 200px; */
	background-size:cover !important;
		background-position:center !important;
}
.section-khuyen-mai .page-numbers {
	display: none;
}
.section-khuyen-mai {
	margin-top: 30px;
}
.section-khuyen-mai .ma-uu-dai-item .ma-uu-dai-inner h5{
	color: #333;
}
.section-khuyen-mai .ma-uu-dai-item .ma-uu-dai-inner p.action a:nth-child(2){
	color: #333;
	border: 1px solid black;
	border-radius:500px;
}
.home #main #content .section-ma-giam-gia {
	width: 65%;
	margin:30px auto;
padding: 10px !important;
	border-radius: 10px;
}
.home #main #content .section-ma-giam-gia .section-bg{
	border-radius: 10px;
}
.home #main #content .section-ma-giam-gia .section-content .row .col {
	padding: 20px 10px 30px;
}
.ma-uu-dai-item .ma-uu-dai-inner .excerpt {
	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.section-ma-giam-gia .flickity-viewport{
	top: 20px;
}
.section-ma-giam-gia {
	margin-bottom:20px;
}
.section-flash-29 .page-numbers li .current {
	display:none;
}
.section-flash-29 .flickity-button {
	display:none;
}
.section-khuyen-mai .devvn_buy_now {
	color:#333;
}
.section-khuyen-mai .devvn_buy_now:hover {
	color:red;
}
.single-product .single_add_to_cart_button {
	background-color: #F26B54 !important;
}
.single-product .buy_now_button {
	background-color: #D03437 !important;
}
.devvn_buy_now {
	background: white;
	padding:10px 10px 10px;
	border-radius:5px;
	box-shadow:2px 2px 20px #0000002b;
	color: #333;
}
#btnShowPopup {
	transition: all 0.3s linear;
}
#btnShowPopup:hover{
	background-color:#F26B54;
	color: #fff !important;
}
.tax-product_cat .ma-uu-dai {
	margin-bottom:30px;
	box-shadow:3px 3px 20px #0000002b;
	
}
.danh-muc-giam-gia .flickity-prev-next-button{
	display:none;
}
.danh-muc-giam-gia .flickity-page-dots{
	display:none;
}
.danh-muc-giam-gia {
	background-color:#2eadff !important;
	padding:30px 30px 30px;
	border-radius:5px;
	margin-bottom:20px;
}
.single-product .ftwp-in-post {
	margin-bottom:50px;
}

.p-install-section1 {
	background-size: 100%;
}

.p-install-section1-img .col-inner {
	display: flex;
	justify-content: center;
}

.p-install-section1-img .img {
	width: 70px !important;
	margin: 0 25px;
}

.p-install-section1-img .img {
animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.5, 1.5);
}
100% {
transform: scale(1, 1);
}
}

.p-install-row1 {margin-top: 40px;}

.p-install-col .col-inner {
	border-radius: 10px;
	box-shadow: 0 0 50px #3333;
	background-size: 150px;
	background-position: top right;
}

.p-install-col .col-inner:hover p, .p-install-col .col-inner:hover h3 {
	color: #fff;
}

.p-install-col1 .col-inner {
	background-image: url(https://codengon.vn/wp-content/uploads/2023/09/background-4.png);
	border-bottom: 8px solid #F26659;
}

.p-install-col1 .col-inner:hover {
	background: linear-gradient(#F26659, #F26659) !important;
}

.p-install-col2 .col-inner {
	background-image: url(https://codengon.vn/wp-content/uploads/2023/09/background-5.png);
	border-bottom: 8px solid #A952A2;
}

.p-install-col2 .col-inner:hover {
	background: linear-gradient(#A952A2, #A952A2) !important;
}

.p-install-col3 .col-inner {
	background-image: url(https://codengon.vn/wp-content/uploads/2023/09/background-6.png);
	border-bottom: 8px solid #1E73BE;
}

.p-install-col3 .col-inner:hover {
	background: linear-gradient(#1E73BE, #1E73BE) !important;
}

.p-install-img1 {
width: 200px !important;
position: absolute;
bottom: 20px;
z-index: -1;
left: 30px;
}

.p-install-img2 {
position: absolute;
right: 30px;
top: 50px;
width: 80px !important;
z-index: -1;
}

.p-install-img3 img {
	border: 7px solid #1E73BE;
}

.p-install-why h3 {
	margin-bottom: 0;
}

.p-install-row-price i:before {
	color: #1E73BE;
}

.p-install-row-price .ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link {
	border-color: rgb(215, 215, 215);
}

.p-install-none .ux-menu-link__text {
	text-decoration: line-through;
	opacity: 0.6;
}

.p-install-col-price .ux-menu-link__text, .p-install-row-price i:before {
	color: #fff;
}

.p-install-col-price .ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link {
border-color: rgba(255, 255, 255, 0.2);
}

.slide-danh-gia .flickity-page-dots {
	bottom: -20px;
}

.ptest {
	background: linear-gradient(to left, #F26659, #E75475);
}

.ptest .lines {
position: absolute;
top: -60px;
left: 0;
right: 0;
height: calc(100% + 120px);
margin: auto;
width: 90vw;
	z-index: -1;
}

.ptest .line {
position: absolute;
width: 1px;
height: 100%;
top: 0;
left: 50%;
background: rgba(255, 255, 255, 0.3);
}

.ptest .line:after {
content: '';
display: block;
position: absolute;
height: 15vh;
width: 100%;
top: 0;
left: 0;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
animation: drop 7s 0s infinite;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}

.ptest .line:nth-child(1) {margin-left: -25%;}

.ptest .line:nth-child(1):after {animation-delay: 2s;}

.ptest .line:nth-child(3) {margin-left: 25%;}

.ptest .line:nth-child(3):after {animation-delay: 2.5s;} 

@keyframes drop {
0% {top: -50%;}
100% {top: 110%;}
}

.p-domain-col-name .col-inner {
	display: flex;
	justify-content: space-between;
}

.animate-charcter
{
text-transform: uppercase;
background-image: linear-gradient(
-225deg,
#231557 0%,
#44107a 29%,
#ff1361 67%,
#fff800 100%
);
background-size: auto auto;
background-clip: border-box;
background-size: 200% auto;
color: #fff;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: textclip 2s linear infinite;
display: inline-block;
}

@keyframes textclip {
to {
background-position: 200% center;
}
}

.p-domain-s2-row .col-inner {display: flex;
	align-items: center;
padding: 25px 15px;
	background-color: #F26659;
	border-radius: 10px;
}

.p-domain-s2-row .col-inner .text {width: calc(100% - 100px); margin-right: 12px;}

.p-domain-s2-row .col-inner .text p {
	margin-bottom: 0;
}

.p-domain-s2-row .col-inner .img {width: 100px !important;}

.p-domain-s2-slide .slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow {fill: #F26659;}

.p-domain-s2-slide .slider-nav-circle .flickity-prev-next-button svg, .slider-nav-circle .flickity-prev-next-button .arrow {border: 2px solid #F26659; background-color: #fff;}

.p-domain-s2-slide .slider-nav-circle .flickity-prev-next-button.previous {left: -30px;}

.p-domain-s2-slide .slider-nav-light .flickity-prev-next-button.next {right: -30px;}

.p01-rule-col .col-inner {
background-color: rgba(30, 115, 190, 0.07);
padding: 25px 20px;
	border: 1px solid rgba(30, 115, 190, 0.1);
	border-radius: 5px;
}

.img-spin {
width: 150px !important;
height: 150px !important;
-webkit-animation:spin 10s linear infinite;
-moz-animation:spin 10s linear infinite;
animation:spin 10s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.p01-col-danh-gia-info {
	margin-left: -30px;
}

.p01-khach-img.img {
	width: 80px !important;
	z-index: 10;
}

.p01-khach-img img {
	border-radius: 100px;
border: 5px solid #fff;
}

.table-price tr {
transition: 0.3s;
}

.table-price tr:nth-child(odd) {background-color: #FFEAEA;}

.table-price tr:hover {
background-color: #F26659;
}

.table-price tr:hover td, .table-price tr:hover td span, .table-price tr:hover td a {
color: #fff !important;
}

.p01-danh-gia-text {
	margin-top: -30px;
}

.p01-danh-gia-text p {
	margin-bottom: 8px;
}

.p02-h1-span {
background-color: #F26659;
height: 20px;
display: inline-flex;
align-items: self-end;
}

.p02-banner-text {
	font-family: 'Arizonia';
	font-size: 40px;
	line-height: 1;
}

.p02-s2-c1 {
	 background-image: url(https://codengon.vn/wp-content/uploads/2023/09/cho-thue-hosting-2.jpg);
	background-size: cover;
background-position: 50% 50%;
}

.p02-s3 {
	margin-top: -130px;
}

.p02-s3 .img {
	width: 80px !important;
margin: auto;
border: 2px solid #fff;
border-radius: 100px;
}

.p02-s3-c1-h3 {
	background-color: #1E73BE;
padding: 35px 10px 1px 10px;
border: 1px solid #5555;
margin-top: -50px;
border-radius: 30px 30px 0 0;
}

.p02-s3-c1-text1 {
	border: 1px solid #5555;
border-radius: 0 0 30px 30px;
	padding: 20px 15px;
	min-height: 150px;
}

.p02-avt-khach {
	border: 8px solid #c2c2c2;
transform: rotate(-5deg);
}

.p02-s5-c1 {
		background-image: url(https://codengon.vn/wp-content/uploads/2023/09/anh-nen-4.png);
background-size: 100%;
background-position: top center;
			background-repeat: no-repeat;
}

.p02-s5-c1 > .col-inner:nth-child(1) {
	background-image: url(https://codengon.vn/wp-content/uploads/2023/09/anh-nen-2-1.png);
background-position: bottom center;
background-size: 100%;
	background-repeat: no-repeat;
}

.p02-s5-r1 {
	margin-top: -300px;
}

.p02-s5-c1 .img:nth-child(1) {
	max-width: 50px !important;
}

.p02-s5-c1 p {
	margin-bottom: 0;
}

.p02-price td {
	display: flex;
	justify-content: space-between;
	padding: 3px 0;
}

.p02-price .title {
background-color: #F26659;
padding: 10px;
font-size: 20px;
color: #fff;
}

.p02-price .text {
border-bottom: 0 !important;
}

.p02-price .animate-charcter {
	margin-bottom: 5px;
	margin-top: 10px;
}

.p02-price .price, .p02-price .description {padding: 20px 20px 0 20px !important;}

.p02-price.pricing-table .items {padding: 10px 20px !important;}

.p02-tab .nav li a span {
color: #fff;
border: 1px solid #fff;
padding: 0 15px;
border-radius: 100px;
}

.p02-tab .nav li.active a span {border: 0;}

.p02-tab .nav li.active a {
	padding: 0;
}

.p02-s6 .bg.section-bg {
	background-attachment: fixed;
}

.p02-price.pricing-table .items .button:last-child {
margin: 0;
}

.p03-s1 {
	padding-top: 60px !important;
}

.p03-s1-c1 img {
	border-radius: 100px;
}

.p03-s1-c1 .col-inner {display: flex; flex-wrap: wrap;}
.p03-s1-c1 .col-inner a.plain {width: 20% !important;}

.p03-s1-c1 .col-inner .icon-box {
	width: 20% !important;
}

.p03-s1-c1 .col-inner > a.plain > .icon-box {
	width: 100% !important;
}

.p03-s1-svg svg path {
	fill: #F26659;
}

.area{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; 
}

.circles{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}

.circles li{
position: absolute;
display: block;
list-style: none;
width: 20px;
height: 20px;
background: rgba(255, 255, 255, 0.2);
animation: animate 25s linear infinite;
bottom: -170px;

}

.circles li:nth-child(1){
left: 25%;
width: 80px;
height: 80px;
animation-delay: 0s;
}


.circles li:nth-child(2){
left: 10%;
width: 20px;
height: 20px;
animation-delay: 2s;
animation-duration: 12s;
}

.circles li:nth-child(3){
left: 70%;
width: 20px;
height: 20px;
animation-delay: 4s;
}

.circles li:nth-child(4){
left: 40%;
width: 60px;
height: 60px;
animation-delay: 0s;
animation-duration: 18s;
}

.circles li:nth-child(5){
left: 65%;
width: 20px;
height: 20px;
animation-delay: 0s;
}

.circles li:nth-child(6){
left: 75%;
width: 110px;
height: 110px;
animation-delay: 3s;
}

.circles li:nth-child(7){
left: 35%;
width: 150px;
height: 150px;
animation-delay: 7s;
}

.circles li:nth-child(8){
left: 50%;
width: 25px;
height: 25px;
animation-delay: 15s;
animation-duration: 45s;
}

.circles li:nth-child(9){
left: 20%;
width: 15px;
height: 15px;
animation-delay: 2s;
animation-duration: 35s;
}

.circles li:nth-child(10){
left: 85%;
width: 150px;
height: 150px;
animation-delay: 0s;
animation-duration: 11s;
}



@keyframes animate {

0%{
	transform: translateY(0) rotate(0deg);
	opacity: 1;
	border-radius: 0;
}

100%{
	transform: translateY(-1000px) rotate(720deg);
	opacity: 0;
	border-radius: 50%;
}
}

.p03-theme-img {
transform: rotate(30deg);
width: 100px !important;
position: absolute;
left: 0;
top: 350px;
}

.p03-plugin-img {
transform: rotate(-45deg);
width: 100px !important;
position: absolute;
right: 0;
top: 200px;
}

.p03-s1-r1 {
	margin: auto !important;
}

.p03-s1-c2 {
	position: relative;
	z-index: 10;
}

.p04-s1-c1 {
	padding-bottom: 0;
padding-top: 30px;
}

.p04-s2-c1 .icon-box {
	align-items: center;
}

.p04-s4-price tr:nth-child(odd) {
	background-color: #f5f5f5;
}

.p04-s4-price tr:first-child {
background-color: rgb(242, 107, 84);
}

.p04-step h3 {
	font-family: system-ui;
font-size: 40px;
font-weight: 900;
-webkit-text-stroke: 1px #000;
color: #fff;
	margin: 0;
}

.p04-s5-c1 > .col-inner {
	display: flex;
}

.p04-s5-c1 .col-inner .img {
	width: 100px !important;
}

.p04-s5-c1 .col-inner .row {
	width: calc(100% - 120px);
margin-left: 15px;
	margin-top: -15px;
}
.footer-section .codengon-footer .payment-footer .flickity-viewport {
	height:44.5469px !important;
}
.section-flash-29 .woocommerce-pagination {
	display:none;
}
.ux-swatch__text {
	display:block !important;
}
.ux-swatch--image {
	width:97px !important;
	gap:5px;
}
.ux-swatch--image img {
	width:25px;
}
.ux-swatches {
	flex-direction:row-reverse;
	justify-content:start;
	gap:7px;
}

.p05-s1 {
	background-image: url(https://codengon.vn/wp-content/uploads/2023/10/324.png);
	background-size: cover;
	background-position: center center;
}

.p05-s1 h1 {
	font-size: 70px;
text-transform: uppercase;
font-weight: 900;
font-family: system-ui;
text-shadow: 2px 2px #000;
}

.p05-s1-r1 .col-inner, .p05-s1-r1 .col-inner p {
	transition: 0.3s !important;
}

.p05-s1-r1 .col-inner:hover {
	background-color: #fff !important;
}

.p05-s1-r1 .col-inner:hover p {
	color: #333 !important;
}

.p05-s1-r1 .icon-box p {
	margin-bottom: 0;
}

.p05-s2 .icon-box-img {
background-color: #1E73BE;
padding: 12px;
}

.p05-s2 h3 {
	margin-bottom: 3px;
	margin-top: -5px;
}

.p05-s3 .bg.section-bg {
	background-size: 40% !important;
}

.p05-table-price td {
	padding: 7px 10px !important;
}


.p05-table-price tr:nth-child(odd) {
	background-color: #f7f7f7;
}

.p05-s3-c1 .col-inner {
	transition: 0.3s;
}

.p05-s3-c1 .col-inner:hover {
	background-color: #1E73BE !important;
}

.p05-s3-c1 .col-inner:hover h3, .p05-s3-c1 .col-inner:hover p {
	color: #f1f1f1 !important;
}

.p05-table-price-r1 td span {
	font-size: 18px;
}

.p05-table-price-btn td {
	padding: 0 !important;
}

.p05-table-price-btn td a {width: 100%; display: block; background-color: #F26659; padding: 10px 2px;
transition: 0.3s;
}

.p05-table-price-btn td a:hover {
	background-color: #1E73BE;
}

.animate-charcter p
{
background-image: linear-gradient(
-225deg,
#231557 0%,
#44107a 29%,
#ff1361 67%,
#fff800 100%
);
background-size: auto auto;
background-clip: border-box;
background-size: 200% auto;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: textclip 2s linear infinite;
display: inline-block;
	margin-top: 30px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 900;
}

@keyframes textclip {
to {
background-position: 200% center;
}
}

.p05-form label {color:#fff;}

.p05-form .wpcf7-form-control.wpcf7-submit {
width: 100px;
color: #F26659;
background-color: #fff;
}

.p05-s4-r1 .col-inner {
	transition: 0.3s;
}

.p05-s4-r1 .col-inner:hover {background-color: #1E73BE !important;}

.p05-s4-r1 .col-inner:hover p {color: #fff !important}

.p05-form .wpcf7-form-control-wrap[data-name="your-choice"] {background-color: #fff; padding: 10px;}

.p05-form .wpcf7-form-control-wrap[data-name="your-choice"] .wpcf7-list-item {
	color: #000;
	display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
}

.p05-form .wpcf7-form-control-wrap[data-name="your-choice"] .wpcf7-list-item input[type="radio"] { 
margin: 0 10px 0 0;
}

.p05-form .wpcf7-form-control.wpcf7-radio { 
display: flex;
	flex-direction: column-reverse;
}

.p06-s2-c1 .col-inner {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.p06-s2-c1 .col-inner .img {
	width: 60px !important;
	animation: moveRight1 1s infinite;
	animation-direction: alternate;
}

@keyframes moveRight1 {
	0% {
			margin-left: 0;
	}
	
	100% {
			margin-left: 30px;
	}
}

.p06-s2-c1 .col-inner .text {
	width: calc(100% - 100px) !important;
}

.p06-s2-img1 img {
	border-radius: 100%;
}

.p06-s2-img2 {
width: 150px !important;
margin-left: -42px;
}

.p06-s4-r1 {
	margin-left: 15px !important;
}
.p06-s4-c .col-inner {
	transition: 0.3s;
}

.p06-s4-c .col-inner:hover {
	background-color: #F26659;
	border-radius: 10px
}

.p06-s4-c .col-inner:hover p, .p06-s4-c .col-inner:hover h3 {
	color: #fff;
}

.p06-table-price tr td {
	padding: 8px !important;
}

.p06-table-price-r1 {
	background-color: #1E73BE !important;
}

.p06-table-price-r1 td span {
	font-size: 16px;
	color: #fff !important;
}

.p06-table-price tr:nth-child(odd) {
	background-color: #f5f5f5;
}

.p06-table-price tr:hover {
	background-color: #CDDFF0;
}

.p06-table-price tr, .p06-table-price td, .p06-table-price span, .p06-table-price a {
	transition: 0.3s;
}

.p06-text-decor span {
	 background: -webkit-linear-gradient(#CDDFF0, transparent);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.p06-text-decor {
position: absolute;
top: -50px;
width: 100%;
z-index: -1;
}

.p06-star {
	width: 100px !important;
position: absolute;
top: 33px;
right: 30px;
}

.p06-s7 h3 {
	margin-bottom: 0;
}

.p06-s7 input.wpcf7-submit {
	width: 150px !important;
}

.p07-s1-c1 .col-inner {
	display: flex;
}

.p07-s1-r1 {
	position: absolute;
left: 0;
top: calc(50% - 280px);
}

.p06-s4-r2 .col-inner:before {
position: absolute;
content: '';
width: calc(100% - 20px);
height: calc(100% - 20px);
left: 10px;
top: 10px;
border: 3px solid #1E73BE;
	border-radius: 20px;
}

.p06-s4-r2 .col-inner {
	transition: 0.3s;
	border: 1px solid transparent;
}

.p06-s4-r2 .col-inner:hover {
	background-color: #1E73BE !important;
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.p06-s4-r2 .col-inner:hover h3, .p06-s4-r2 .col-inner:hover p {
	color: #f1f1f1 !important;
}

.p07-s1-b1 {
	border-color: #FFF !important;
}
.p07-s1-b1 span {
	margin-top: 7px;
	color: #fff;
}

.p07-s1-b1:hover span {
	color: #000;
}

.p06-s6-total1 .col-inner:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
background-position: bottom center;
left: 0;
	z-index: -1;
}

.p06-s6-c2 .col-inner:before {
background-image: url(https://codengon.vn/wp-content/uploads/2023/10/box-1.png);
}

.p06-s6-total1 .col-inner .text {
	padding-top: 10px;
	padding-bottom: 25px;
	margin-top: -15px;
}

.p06-s6-c1 .text li::marker {
	font-size: 0 !important;
}


.p06-s6-c3 .col-inner:before {
	background-image: url(https://codengon.vn/wp-content/uploads/2023/10/box-2.png);
}

.p06-s6-c4 .col-inner:before {
	background-image: url(https://codengon.vn/wp-content/uploads/2023/10/box-3.png);
}

.p07-s2-c1 > .col-inner:before {
	background: linear-gradient(-45deg, rgba(30, 115, 190, 0.2), transparent);
	content:'';
	width: 100%;
	height: 100%;
	position:absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.p07-s2-c1 .col-inner {
	background-image: url(https://codengon.vn/wp-content/uploads/2023/10/line-1.png);
	background-size: 60%;
	background-position: top left;
}

.p07-s2-c2 .col-inner {
display: flex;
}

.p07-s2-c2 h3 {
	padding-right: 8px;
	margin: 0;
}

.p07-s2-c2 p {
	margin: 0;
}

.p07-s2-c2-text1 {
	padding-top: 15px;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	margin-top: -10px;
}

.p07-s4 .bg {
	background-repeat: no-repeat;
	background-size: 60% !important;
}
  @media only screen and (min-width: 1024px) and (max-width:1500px){
	.home #main #content .section-ma-giam-gia {
		width: 90% !important;
	}
	.home #main #content .section-khuyen-mai {
		width: 90% !important;
	}
  }
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.website-apps-item-img {
		height:160px;
	}
	 .box-image .image-none a {
		max-height: 250px !important;
		background-size:contain !important;
		background-position:center !important;
	}
	.section-khuyen-mai .countdown-container {
		flex-direction: column;
	}
	.box-gg-news {
		padding: 5px 20px;
		background-color: wheat;
		border-radius: 100px;
		margin-left: 0;
		margin-top: 10px;
	}
	.imgGiaiphap.img .img-inner {
		padding-top: 0px !important;
	} 
	.page-right-sidebar .large-3 {
		padding-left: 15px;
	}.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
		padding-left: 20px;
		padding-top: 12px;
		padding-bottom: 12px;
		text-transform: none;
		font-size: 16px;
		color: black;
	}
	.off-canvas:not(.off-canvas-center) .nav-vertical li ul{padding-bottom:0}
	.off-canvas:not(.off-canvas-center) .nav-vertical li ul li a{padding-top:7px; padding-bottom:7px; font-size:15px}.TextCaptions .item{width:33.33%}.slider-section .col, .tieu-chi-section .col{padding-bottom:10px}.list-post-ngang .post-item{flex-basis:50%; max-width:50%}
	.list-post-ngang .post-item .box-text{padding:0; padding-top:8px}
	.tieu-chi-section .col {
		padding: 7px;
	}.tdk-product-loop-custom-product-meta .version, .tdk-product-loop-custom-product-meta .last-updated-date{padding:4px !important}.product-small.box .product-title{height:37px !important}
	.tin-tuc-section .list-post .post-item{flex-basis:50%; max-width:50%}
	.list-post .post-item .post-title {
		font-size: 15px;
		height: 56px;}
	#footer .tieu-chi-section .col.medium-2{flex-basis:50%; max-width:50%}
	.header-main {
		box-shadow: 2px 2px 10px #00000024;
	}.san-pham-lien-quan ul li .box-text{width:54%}.san-pham-lien-quan .cot3{width:29%}
	.san-pham-lien-quan h5.product-title {
		font-size: 15px;
		margin: 0;
	}.san-pham-lien-quan .ngay-dang{display:none}.san-pham-lien-quan ul li{margin-bottom:7px}
	.san-pham-lien-quan .tom-tat p {display:none
	}.san-pham-lien-quan .price {
		margin: 0;}.san-pham-lien-quan .nut-xem-chi-tiet{font-size: 13px;margin:0; margin-top:10px}
	.san-pham-lien-quan .nut-xem-chi-tiet .fa{display:none}.bai-viet-lien-quan ul li{width:50%}.bai-viet-lien-quan ul li .box-image img{height:100px}.blog-single .large-3{padding-left:15px}
	.blog-archive .post-item{flex-basis: 50%;
		max-width: 50%;padding:5px}
	.blog-archive .post-item .post-title {
		font-size: 15px;
		height: 57px;

	}.single-product .product-info{padding:10px 15px}.single_add_to_cart_button{padding:0;}
	.fa-cart-plus{padding-right:0}
	.row2 .row-info .cot1, .row2 .row-info .cot2, .row2 .row-info .cot3{width:100%; padding:10px 0}
	.row-info .left, .row-info .right{width:100%; padding:10px 0}.related .product-small.box .box-text {
		padding: 10px 5px;
	}.tdk-product-loop-custom-product-meta .version, .tdk-product-loop-custom-product-meta .last-updated-date{font-size:12px}
	.related .product-small.col{padding:5px}
	.archive .product-small.col{padding:5px}.archive .product-small.box .box-text {
		padding: 10px 5px;}

	.search-cate::before {
	content:"";
	display: none;

	}
	.search-cate::after {
		content:"";
		display: none;
	}
	.search-cate {
		margin-bottom: 40px;
	}
	.shapeConnect {
		bottom: -40px;
	}
	.tags-list-search{
		display: flex;
		overflow-x: scroll;
	}
	.tags-list-search li {
		min-width: 100px;
	}
	.search-cate-footer .search-form-submit {
		width: 100px;
		font-size: 13px;
	}
	.tags-list-search::before {
		content:"";
		width: 14px;
		height: 14px;
		background-image: url("https://codengon.vn/wp-content/uploads/2023/10/left-arrow.png");
		background-repeat: no-repeat;
		background-size: contain;
	}
	.home #main #content .section-ma-giam-gia {
		width: 80%;
		margin:20px auto;
    padding: 10px !important;
		border-radius: 10px;
}

.home #main #content .section-khuyen-mai {
		width: 90% !important;
		margin:20px auto;
    padding: 10px !important;
		border-radius: 10px;
}
.single-product .modalPopup_Content {
		max-width: 400px !important;
		padding: 10px 0;
		overflow-y: scroll !important;
		overflow-x:hidden;
}
.coupon-bg {
		width: 360px !important;
}
  .voucherList_header {
    padding: 0 0 0 10px;
  }

  .voucherList_header .popupTitle {
    font-size: 20px !important;
  }

.voucher-left img {
		left: 10% !important;
}
.voucher-right .dieu_kien .dieu_kien-show {
		max-width: 250px;
		left: -100px !important;
		
}

.p-install-section1 h2 {font-size: 14px;}

.p-install-section1 .col-inner {text-align: center;}

.p-install-section1 .col-inner a {margin: auto;}

.p01-danh-gia-col {
		padding: 15px 0 !important;
}

..p01-danh-gia-col .col-inner {
		padding: 0;
}

.p02-tab .nav li a {
		width: max-content;
}

.p02-tab ul.nav {display: flex; flex-wrap: nowrap; justify-content: flex-start; overflow-x: scroll;}

.p03-s1 h1 {
		font-size: 18px;
}

.p03-s1-c1 .col-inner .icon-box {width: 33% !important;}

.p03-theme-img, .p03-plugin-img {display: none}

.p05-table-price td {
		padding: 5px 2px !important;
}

.p05-table-price-r1 td span {
		font-size: 14.4px;
}

.p05-feedback {
		display: flex;
		flex-direction: column-reverse
}

.p05-s1 h1 {
		font-size: 40px;
}

.p06-table-price tr td {
		padding: 8px 2px !important;
}

.p06-star {
    top: 50px;
}
}