.title-medium{font-size:28px;}
figcaption {
    padding: 5px;
    font-size: 14px;
    background: rgba(0,0,0,0.05);
}
figure > figcaption{text-align:left;}
p.text {
    font-size: 1.2rem;
    font-weight: 400;
	margin: 1rem 0;
}
.banner-pro img {
    width: 100%;
}
.section-item-thaoduoc-content .content{
    margin-top: 13px;
    height: 243px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 8;
    font-weight: 400;
    color: #333333;
    font-size: 14px;
	position:relative;
}
.section-item-thaoduoc-content .content:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3em;
    z-index: 10;
    background-image: linear-gradient(to top,#ffffff,rgba(255,255,255,0));
    background-repeat: repeat-x;
    width: 100%;
}
/***********section-preg*************/
.btn-preg:not(:disabled):not(.disabled).active,.btn-preg:not(:disabled):not(.disabled):active,.btn-preg:hover{
	color:#ffffff;
}
.image-preg img{max-width:80%;}
.text-preg {
    color: #e92d61;
    font-weight: 700;
	font-size: 1.6rem;
    line-height: 1.3em;
}
.btn-preg {
    color: #ffffff;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.2em;
}
.list-feature li,.list-feature{
    font-size: 1.2rem;
    font-weight: 400;
}
ul.list-feature.list-feature li span.feature-text {
    display: inline-block;
    width: 420px;
	padding-right:15px;
	position:relative;
}
/*
ul.list-feature.list-feature li li span.feature-text{
	width: calc(100% - 75px);
}*/
ul.list-feature.list-feature li span.feature-text:after{
	position:absolute;
	content:":";
	right:5px;
	top:0;
}
.section-title-product span{
	line-height:1.3em;
}
.heading,.list-number>li::marker{color:#1c814a; font-weight:bold; line-height:1.3em; font-size:1.6rem;}

/***********section-preg*************/
/***********section-cax*************/
.section-cax .btn-preg{background:#b6862d; border-color:#b6862d}
.section-cax .text-preg {
    background: #d8ac33;
    color: #ffffff;
    padding: .5rem 2rem;
    border-radius: 20px;
	position:relative;
}
.section-cax .text-preg:after {
    width: 50px;
    height: 125%;
    position: absolute;
    top: 50%;
    left: -2%;
    border-radius: 50%;
    content: "";
    background: #ffff;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.section-ron .btn-preg{background:#cc1b22; border-color:#cc1b22}
.section-ron .text-preg {
    background: #cc1b22;
    color: #ffffff;
    padding: .5rem 1rem;
    border-radius: 20px;
	position:relative;
}
.section-ron .text-preg:after {
    width: 50px;
    height: 125%;
    position: absolute;
    top: 50%;
    left: -2%;
    border-radius: 50%;
    content: "";
    background: #ffff;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}


.section-bric .btn-preg{background:#3bade1; border-color:#3bade1}
.section-bric .text-preg {
    background: #3bade1;
    color: #ffffff;
    padding: .5rem 2rem;
    border-radius: 20px;
	position:relative;
}
.section-bric .text-preg:after {
    width: 50px;
    height: 125%;
    position: absolute;
    top: 50%;
    left: -2%;
    border-radius: 50%;
    content: "";
    background: #ffff;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.text-normal {
    color: #d9262e;
    font-weight: 900;
    font-size: 1.3rem;
}

@media(max-width:768px){
	.section-bric .text-preg:after {
		width:40px;
	}
	.section-bric .text-preg{
		font-size: 1.6rem;
		padding-right: 7px;
	}
	.text-normal{
		font-size: 1rem;
		line-height: 1.4em;
	}
	.section-bric .text-normal{
		font-size: 1.3rem;
	}
}

@media(max-width:576px){
	.section-bric .text-preg:after {
		width: 20px;
	}
	.section-bric .text-preg{border-radius:10px;}
	.section-bric .text-preg {
		font-size: 1.3rem;
		padding:.5rem 1rem;
		padding-left: 2rem;
	}
}

@media(max-width:400px){
	.section-bric .text-normal{
		font-size: 1.2rem;
	}
}
/*************section-cax***********/
/*************section-gip***********/
.info-gip{
		position:relative;
}
.info-gip li{

	margin-top:1rem;

}
.info-gip li>span{
		display:inline-block;
		padding:10px;
		background:#a02f21; color:#ffffff;
		position:relative;
		font-weight:bold;
}
.info-gip li>span:after {
    position: absolute;
    top: 0;
    right: -26px;
    content: "";
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
    border-left: 26px solid #a02f21;
}
.section-gip .image-preg img, .section-jon .image-preg img{max-width:100%;}
/*************section-gip***********/
/***********section-tic*************/
.section-tic.section-cax .text-preg{
	background:#07b091;
}
.section-tic.section-cax .btn-preg{
	background: #0a9886;
    border-color: #0a9886;
}
/***********section-tic*************/

/***********section-gans*************/
.section-gans.section-cax .text-preg{
	background:#fbaf2e;
}
.section-gans.section-cax .btn-preg{
	background: #eb6027;
    border-color: #eb6027;
}
/***********section-gans*************/
/***********section-hes*************/
.btn-view-hes{
	background: rgb(229,30,45);
	background: -moz-linear-gradient(63deg, rgba(229,30,45,1) 25%, rgba(148,61,148,1) 75%);
	background: -webkit-linear-gradient(63deg, rgba(229,30,45,1) 25%, rgba(148,61,148,1) 75%);
	background: linear-gradient(63deg, rgba(229,30,45,1) 25%, rgba(148,61,148,1) 75%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e51e2d",endColorstr="#943d94",GradientType=1);
	border:0;
}
/***********section-hes*************/
/***********session-wesday*************/
.section-info .list-number>li {
    margin-top: 1.5rem;
}
.section-wesday .text-preg{
background: rgb(147,203,90);
background: -moz-linear-gradient(145deg, rgba(147,203,90,1) 0%, rgba(11,170,75,1) 100%);
background: -webkit-linear-gradient(145deg, rgba(147,203,90,1) 0%, rgba(11,170,75,1) 100%);
background: linear-gradient(145deg, rgba(147,203,90,1) 0%, rgba(11,170,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#93cb5a",endColorstr="#0baa4b",GradientType=1);
}
.section-wesday .btn-preg-wp {
    width: 200px;
    height: 200px;
    position: relative;
    border: 10px solid #f1f1f1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.section-wesday .btn-preg{
background: rgb(11,170,75);
background: -moz-linear-gradient(145deg, rgba(11,170,75,1) 0%, rgba(147,203,90,1) 100%);
background: -webkit-linear-gradient(145deg, rgba(11,170,75,1) 0%, rgba(147,203,90,1) 100%);
background: linear-gradient(145deg, rgba(11,170,75,1) 0%, rgba(147,203,90,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0baa4b",endColorstr="#93cb5a",GradientType=1);
	border:0;
	width:100%; 
	height:100%;
    padding: 2rem 1rem;
    z-index: 100;
    position: relative;
	line-height: 1.3em;
}
.section-wesday .btn-preg-wp:before{
background: rgb(147,203,90);
background: -moz-linear-gradient(145deg, rgba(147,203,90,1) 0%, rgba(11,170,75,1) 100%);
background: -webkit-linear-gradient(145deg, rgba(147,203,90,1) 0%, rgba(11,170,75,1) 100%);
background: linear-gradient(145deg, rgba(147,203,90,1) 0%, rgba(11,170,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#93cb5a",endColorstr="#0baa4b",GradientType=1);
	border:0;
	width:calc(100% + 4px); 
	height:calc(100% + 4px);
	content:"";
	position:absolute;
    top: -2px;
    left: -2px;
	  border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	
}
@media(max-width:500px){
	.text-preg, .btn-preg {
		font-size: 1.2rem;
	}
	.section-wesday .text-preg:after {
		width: 25px;
	}
	.section-wesday .btn-preg-wp{
		width:160px; height:160px;
	}
}

@media(max-width:400px){
	.section-wesday .text-preg:after {
		width: 25px;
	}
	.section-wesday .text-preg, .section-wesday .btn-preg {
		font-size: 1rem;
	}
	.section-wesday .btn-preg-wp{
		width:150px; height:150px;
	}
}

@media(max-width:320px){
	.section-wesday .btn-preg-wp{
		width:130px; height:130px;
	}
}
/***********session-wesday*************/

/***********session-wesnight*************/
.section-wesnight .text-preg {
    background: rgb(114,81,160);
    background: -moz-linear-gradient(133deg, rgba(114,81,160,1) 25%, rgba(71,40,106,1) 75%);
    background: -webkit-linear-gradient(133deg, rgba(114,81,160,1) 25%, rgba(71,40,106,1) 75%);
    background: linear-gradient(133deg, rgba(114,81,160,1) 25%, rgba(71,40,106,1) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7251a0",endColorstr="#47286a",GradientType=1);
    width: 330px;
    height: 330px;
    padding: 2.5rem 3rem;
    border-radius: 50%;
    border: 20px solid #f1f1f1;
    font-size: 1.8rem;
    position: relative;

	 -moz-box-shadow: inset -8px 8px 16px -10px #000;
    -webkit-box-shadow: inset -8px 8px 16px -10px #000;
    box-shadow: inset -8px 8px 16px -10px #000;
}
@media(min-width:992px){
	.section-wesnight .text-preg {
	    top: -15px;
		left: -55px;
	}
}
.section-wesnight .text-preg:after{
	display:none;
}
.section-wesnight .btn-preg {
    background: #c54c9b;
    border-color: #c54c9b;
    font-size: 1.7rem;
}
/***********session-wesday*************/
/*************section-ken***********/
.section-ken .text-preg{
	background:#761514;
}
.section-ken .text-preg>div>span{
	padding:0 2rem;
}
.section-ken .text-preg>div>span:first-child{
	position:relative;
}
.section-ken .text-preg>div>span:first-child:after{
    position: absolute;
    width: 2px;
    height: 86%;
    background: #ffffff;
    right: 0;
    top: 1px;
    content: "";
}
/*************section-ken***********/
/*************List Number***********/
.section-info-content {
    counter-reset: my-sec-counter;
}
ol.list-number{
  list-style: none;
 padding-left:0;
 list-style-position: inside;
}
ol.list-number .heading{ padding-left: 40px;}
ol.list-number>li {
  margin: 0 0 0.5rem 0;
  position: relative;
}
ol.list-number>li::before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: bold;
    position: absolute;
    --size: 32px;
    left: 0;
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    top: -3px;
    transform: rotate(-0deg);
    background: #107d10;
    border-radius: 50%;
    text-align: center;
    box-shadow: 1px 1px 0 #045f16;
}
.list-number ul.list-feature {
    padding-left: 30px;
}
ul.list-number.list-unstyled ul.list-feature {
    padding-left: 0;
}
.section-ron .text-preg{padding-left:3rem;}
/*************List Number***********/
@media(max-width:1300px){
	.text-preg{font-size:1.5rem;}
}
@media(max-width:1200px){
	.text-preg,.btn-preg{
		font-size: 1.2rem;
	}
}
@media(max-width:992px){
	.section-preg .text-preg{
		border-radius: 10px;
	}
	.section-cax .text-preg:after{width:20px;}
	.text-preg, .btn-preg{font-size:1.4rem;}
	.section-ron .text-preg{font-size: 1.4rem;}
}
@media(max-width:768px){
	ul.list-feature.list-feature li span.feature-text {
		display: inline-block;
		position:relative;
		width: calc(100% - 75px);
	}
	ul.list-feature.list-feature li li span.feature-text{
		width: calc(100% - 75px);
	}
	.btn-view-hes{font-size:1.6rem;}
	.list-number>li .heading, .list-number>li::marker{
		    font-size: 1.3rem;
	}
	.features-wp .features{margin-top:0;}
	.section-ron .text-preg:after{
		    width: 30px;
	}
	.text-preg, .btn-preg{font-size:1.4rem;}
	.section-ron .text-preg{font-size: 1.4rem;}
}
@media(max-width:600px){
	.list-number ul.list-feature{padding-left:0;}
	.section-ron .text-preg {
		padding-right: 15px;
	}
	.section-ken .text-preg>div>span {
		padding: 0 1rem;
		font-size: 1rem;
	}
	.section-ron .text-preg {
		font-size: 1.3rem;
	}
	.section-ron .text-preg:after{
		    width: 30px;
	}
}
@media(max-width:576px){
	.features-wp .features .title-feature {
		font-size: 1.2rem;
	}
	.list-feature li, .list-feature {
		font-size: 1rem;
	}
	.section-title {
		font-size: 1.6rem;
	}
	.card-sub-title>*{font-size:1.2rem;}
	p.text {
		font-size: 1rem;
	}
	.heading, .list-number>li::marker {
		font-size: 1.2rem;
	}
	.section-item-thaoduoc{margin-top:0;}
	.text-preg, .btn-preg, .section-ron .text-preg {
		font-size: 1.3rem;
	}
	.section-ron .text-preg {
		padding-left: 2rem;
	}
	.section-ron .text-preg {
		padding-right: 10px;
	}

}
@media(max-width:500px){
	.section-ron .text-preg:after{
		    width: 28px;
	}
	.section-title {
		font-size: 1.4rem;
	}
	.text-preg, .btn-preg, .section-ron .text-preg {
		font-size: 1.2rem;
	}
}

@media(max-width:450px){
	.text-preg, .btn-preg, .section-ron .text-preg {
		font-size: 1rem;
	}
}
@media(max-width:380px){
	.text-preg, .btn-preg, .section-ron .text-preg {
		font-size: 1rem;
	}
	.section-ron .text-preg:after{
		    width: 26px;
	}
	.section-title {
		font-size: 1.25rem;
	}
}

@media(max-width:330px){
	.section-title {
		font-size: 1.1rem;
	}
}