/* ======= wrap-pricing-questions ======= */
section.question-pricing { padding:20px 0 80px;}
.question-pricing .heading-title h2{color:#2979ff;font-size:36px;text-align:center;margin:0 0 30px;font-family:'brandon_textmedium';}
.block-questions-pri h3.tt-questions{font-size:22px;font-family:'brandon_textmedium';margin: 35px 0 20px;}
.block-questions-pri p{color:#596a7d;margin-bottom:30px;}
.block-questions-pri p.txt-mrb10{margin-bottom:10px;}
.block-questions-pri p a{color:#0179ff;border-bottom: 1px solid #0179ff;}
@media(max-width:767px){
	.question-pricing .heading-title h2	{ font-size: 32px; margin-bottom: 20px}
	.block-questions-pri h3.tt-questions { font-size: 20px; margin: 20px 0 15px;}
}
/*========== BRAND ======================================*/
.site-hrf-brands {margin-bottom: 70px;}
.site-hrf-brands .title-hrf h2 {font-size: 36px;color: #2979ff;margin: 0 0 70px;padding: 0 15px;text-align: center;font-family: 'brandon_textbold';line-height: initial;}
.site-hrf-brands .box-brand a {display: block;border: 1px solid rgb(187, 222, 251);	padding: 95px 30px;margin-bottom: 30px;text-align: center;border-radius: 4px}
.site-hrf-brands .box-brand a:hover {box-shadow: 0px 0px 55px 2px rgba(101, 149, 247, 0.54);}
.site-hrf-brands .box-brand svg {width: 160px;height: 65px;max-width:80%;}
.svg-brand1-1{fill:#b52e83;} 
.svg-brand2-1{fill:#231a16;}.svg-brand2-2{fill:#231915;}.svg-brand2-3{fill:#241a17;}.svg-brand2-4{fill:#261c19;}.svg-brand2-5{fill:url(#svg-brand2-linear-gradient);}.svg-brand2-6{fill:#689d24;}.svg-brand2-7{fill:#669c22;}.svg-brand2-8{fill:#a8c929;}
.svg-brand4-1{fill:#3b2c59}
@media (max-width: 991px){
	.site-hrf-brands {margin-bottom: 40px;}
	.site-hrf-brands .title-hrf h2 {font-size: 28px;margin: 0 0 40px}
}
@media (max-width: 480px){
	.site-hrf-brands .box-brand a {padding: 30px 15px;}
}
/*********************************************************************/
/*=========================================================================================*/
section.block-titlePricing{padding:80px 0 }
.block-titlePricing h1{font-size: 36px;color: #2979ff;	text-align: center;	margin: 0;font-family: 'brandon_textbold';}
.block-titlePricing p.subhead {	font-size: 24px;color: #3d5067;font-family: 'brandon_textregular';text-align: center;margin: 15px 0 0 0;}
@media(max-width:767px){
	section.block-titlePricing {padding: 50px 0 70px;}
	.block-titlePricing h1{font-size: 30px;}
	.block-titlePricing p.subhead {	font-size: 20px;}
}
/*=========================================================================================*/
/*==== MODAL FRESHSALE========================================**/
.modal-dialog-centered {
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-ms-flex-align: center;	align-items: center;
}
.modal-content{width:100%;margin-bottom:30px;}
.modal_formRegister .modal-dialog-centered ,
.modal-succes  .modal-dialog-centered {	margin: 1.75rem auto;min-height: calc(100% - (1.75rem * 2));}
@media(max-width:767px){
	.modal_formRegister .modal-dialog-centered,
	.modal-succes  .modal-dialog-centered {	margin: 2rem 1rem;min-height: calc(100% - (2rem * 2));}
}
/* modal succes Freshdesk */
.modal.modal-succes{ background: rgba(3, 17, 27, 0.7);padding:0!important;}
.modal-succes .modal-content {
	position: relative;border: 0;	background-color: #0f29ff;
	background: -moz-linear-gradient( 140deg, #36d1dc 0%, #0f29ff 65%);
	background: -webkit-linear-gradient( 140deg, #36d1dc 0%, #0f29ff 65%);
	background: -ms-linear-gradient( 140deg, #36d1dc 0%, #0f29ff 65%);
}
.modal-succes.modal-succes-haraads .modal-content {	
	background-color: #ff6d00;
	background: -moz-linear-gradient( 130deg, #fe994c 0%, #ff6d00 99%);
	background: -webkit-linear-gradient( 130deg, #fe994c 0%, #ff6d00 99%);
	background: -ms-linear-gradient( 130deg, #fe994c 0%, #ff6d00 99%);
}
.modal-succes.modal-succes-omni .modal-content {
	background-color: #f9a825;
	background: -moz-linear-gradient(132deg, #ffd48f 0%, #f9a825 44%);
	background: -webkit-linear-gradient(132deg, #ffd48f 0%, #f9a825 44%);
	background: -ms-linear-gradient(132deg, #ffd48f 0%, #f9a825 44%);
}
.modal-succes .modal-content:before,.modal-succes  .modal-content:after{
	content:"";	position: absolute;	width:35%;top: 0;bottom: 0;	
	background-size: 100%;background-repeat: no-repeat;	background-position: center;
}
.modal-succes .modal-content:after{right: 0;background-image: url(//file.hstatic.net/1000001117/file/modal-succes-vector-right-min.png);}
.modal-succes .modal-content:before{left: 0;background-image: url(//file.hstatic.net/1000001117/file/modal-succes-vector-left-min.png);}
.modal-succes .modal-content .modal-body{z-index:2;}
.modal.modal-succes .modal-body img {width:200px;}
.modal-succes .modal-body .modal-title {font-size: 30px;color: #fff;font-family: 'brandon_textbold';margin: 0 0 30px;text-transform: uppercase;padding-bottom: 10px;position: relative;}
.modal-succes .modal-body .modal-title:after{	content:"";position:absolute;bottom:0;left:0;right:0;margin:auto;width: 30%;height: 1px;background:#fff;}
.modal-succes .modal-body p:not(.modal-title){font-size: 18px;font-family: 'brandon_textregular';color:#fff;margin: 34px 0 0;}
.modal-succes .hide_modal{padding: 10px 30px; text-transform: uppercase;}
@media(min-width:768px) {.modal-succes .modal-dialog{width: 600px;}}
@media(max-width:767px) {
	.modal-succes .modal-content:before, .modal-succes .modal-content:after{ width: 40%;background-size: auto;}
}
/* Modale Freshdesk  */
.fs-webform-loader .loader-box {background: #fff;padding: 30px 0;}
.modal_formRegister.fade.in{background: rgba(3, 17, 27, 0.7);padding: 0!important;}
.modal_formRegister .modal-formContent{margin:0px auto;background: transparent;box-shadow: none;border: 0;border-radius: 0;}
.modal-formContent button.close-modal--form{opacity: 1;position: absolute;right: 10px;top: 10px;z-index: 99;}
.modal-formContent button.close-modal--form svg{width:28px;height:28px;fill:#fff;}
#myModal_hrFunnel .fserv-container {
	padding-bottom: 0;margin:0;
	background-color: #fff!important;
	background: url(//file.hstatic.net/1000249157/file/bkgprice-modal-min_be3bab73d36646e6a1b66dd7b7b5d575.jpg) no-repeat;
	background-position: top center;
	background-size:100% 35%;
}
#myModal_hrFunnel .fserv-container form {padding:20px 15px 15px;}
.modal_formRegister .fserv-container{background-color: #301bca;}
.fserv-container h2.fserv-form-name {	font-size:32px!important;	color: #fff!important;margin: 0 0 5px;font-family: 'brandon_textmedium';}
.fserv-container h2.fserv-form-name span{display:block}
.fserv-container label.fserv-form-description{
	color: #fff!important;
	font-size: 16px;
	margin:0 0 15px;   
	text-align: center;
	font-family:'brandon_textregular';
}
.fserv-container form .fserv-form .fserv-field:nth-child(1),
.fserv-container form .fserv-form .fserv-field:nth-child(2) {width: 50%;float: left;clear: none;}
.fserv-container form .fserv-form .fserv-field:nth-child(3){width:100%; clear: both;}
.fserv-container form .fserv-field{padding: 0 10px;margin: 5px 0 15px; font-size: 14px;}
.fserv-container form .fserv-field > .fserv-label{padding-bottom:0px;display:none}
.fserv-container form .fserv-field label.error{margin-bottom:0;display: none!important;}
.fserv-container form .fserv-field .fserv-input-text{
	color: #0059ef!important;	font-size: 13px!important; 
	-webkit-appearance: none;-moz-appearance: none;appearance: none;
	border-top: 0!important;
	border-left: 0!important;
	border-right: 0!important;
	border-bottom:1px solid #e8e8e8!important;
	background: transparent!important;
}
.fserv-container form .fserv-field+div:not(.fserv-field){border:0!important}
/* custom selecter */
.fserv-field.fserv-field-select:after {
	content: '';display: block;
	position: absolute;top: 18px;	right: 25px;
	width: 0px;height: 0px;	border-style: solid;border-width: 7px 6px 0 6px;
	border-color: #bababa transparent transparent transparent;
}
.fserv-container form .fserv-field select.selector-single{
	width: 100%;padding-left: 8px;padding-right:30px;
	overflow: hidden;text-overflow: ellipsis;
	white-space: nowrap;	height: 40px;color:#0059ef;
	line-height: 40px; font-size: 13px;background:#fff;
	border-top: 0!important;
	border-left: 0!important;
	border-right: 0!important;
	border-bottom:1px solid #e8e8e8!important;

	outline: none;
	-webkit-appearance: none;	-moz-appearance: none;-o-appearance: none;appearance: none;
}
.fserv-container form .fserv-field select.selector-single option:not([value=""]){color: #444;font-size:14px;padding:5px 10px;}
.fserv-container form .fserv-field select.selector-single option[value=""],
.fserv-container form .fserv-field.fserv-field-select.active-select option[value=""],
.fserv-container form .fserv-field select.selector-single.select-none{font-size:0;color:#ccc;text-indent: -9999em;}
.fserv-container form .fserv-field select.selector-single:focus,.fserv-container form .fserv-field select.selector-single:active,
.fserv-container form .fserv-field select.selector-single:focus,.fserv-container form .fserv-field select.selector-single:active{ color: #0059ef;}
/* custom checkbox-radio */
.fserv-field-checkbox .tt-label,.fserv-field-radio .tt-label{color: #444;font-size: 13px;}
.fserv-field-radio .tt-label b{display:block;}
.field-input-wrapper .checkbox,.field-input-wrapper .radio{margin:0 0 10px;padding: 0;}
.radio-primary input[type='radio'] + label,
.checkbox-primary input[type='checkbox'] + label {
	cursor: pointer;
	display: inline-block;
	position: relative;
	padding-left:30px;
	color: #909ba8;font-size:15px;
	font-weight: 400;	font-family: 'brandon_textregular';
}
.checkbox-primary input.option-input[type=checkbox],
.radio-primary input.option-input[type=radio]{
	position: absolute; top: 5px;left:0;
	height:16px;	width:16px;
	color: #fff;background: #fff;
	border: 1px solid #e8e8e8; border-radius: 2px;
	cursor: pointer;outline: none;display: inline-block;margin:0;transition: all 0.15s ease-out 0s;
	-webkit-appearance: none;	-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;
} 
.option-input.radio {border-radius: 50%;}
.option-input.radio::after {border-radius: 50%;}
.option-input:before {
	height: 15px;
	width: 15px;
	position: absolute;
	content: "\2713";
	font-family: helvetica;
	display: inline-block;
	font-size: 10px;
	text-align: center;
	line-height: 15px;
	opacity:0;
}
.option-input:hover:before{opacity:1;color:#0077d9;}
.checkbox-primary input.option-input[type=checkbox]:hover,
.radio-primary input.option-input[type=radio]:hover{background: #fff;}
.option-input:checked::after {
	content: '';display: block;	position: relative;z-index: 100;	background:#0077d9;
	-webkit-animation: click-wave 0.65s;-moz-animation: click-wave 0.65s;animation: click-wave 0.65s;
}
.option-input:checked:before{opacity:1;color:#fff;}
.checkbox-primary input.option-input[type=checkbox]:checked,
.radio-primary input.option-input[type=radio]:checked {background:#0077d9;}
@keyframes click-wave{0%{height:15px;width:15px;opacity:0.35;position:relative}100%{height:40px;width:40px;margin-left:-12.5px;margin-top:-12.5px;opacity:0}}
.field-input-wrapper .checkbox+.checkbox,.field-input-wrapper .radio+.radio { margin-top:0px;}
.fserv-container form .fserv-field.fserv-field-checkbox,
.fserv-container form .fserv-field.fserv-field-radio{margin-bottom:10px}
.fserv-field-checkbox .field-input-wrapper,
.fserv-field-radio .field-input-wrapper {width: 100%;display: inline-block;margin: 0;}
#radio-group1 .radio-primary{width:32%;float:left;}
/* custom input date */
.fserv-field-datepicker .fa.infield {position: absolute;float: right;right: 24px;font-size: 13px;top: 14px;width: 14px;color: #bababa;}
.datepicker-dropdown.dropdown-menu{width:260px;}
.datepicker-dropdown.dropdown-menu table{width:100%;}
/* change effect */
.fserv-container form .fserv-field+div:not(.fserv-field) {padding: 10px 0px 0; margin-top: 0;}
.fserv-container form .fserv-field+div:not(.fserv-field) button[type="submit"].fserv-button-submit {
	background: #0077d9!important;
	border: 0;	text-transform: uppercase;
	padding: 10px 45px;	color: #fff;
	font-size: 18px!important;
	font-family: 'brandon_textbold';
	border-radius: 4px;	line-height: initial;	height: initial;
}
.fserv-container form .fserv-field {position: relative;}
.fserv-container form .fserv-field .fserv-label{
	font-size: 16px;color:#596a7d!important;pointer-events: none;
	position: absolute;top: 0;left:20px;	z-index: 1;
	background:transparent;display: inline-block;padding:0 0px 0 5px;	margin: 0;font-weight: initial;
	-webkit-user-select: none;-moz-user-select: none;	-ms-user-select: none;user-select: none;
	-webkit-transform: translateY(9px);	transform: translateY(9px);
	-webkit-transition: all .2s ease-out;transition: all .2s ease-out;
}
.fserv-container form .fserv-field.fserv-field-focus .fserv-label,
.fserv-container form .fserv-field.fserv-field-active .fserv-label,
.fserv-container form .fserv-field.fserv-field-select.active-select .fserv-label {	-webkit-transform: translateY(-10px);	transform: translateY(-10px);}
.fserv-container form .fserv-field .fserv-input-text::-webkit-input-placeholder{font-size:0;}
.fserv-container form .fserv-field .fserv-input-text:-moz-placeholder{font-size:0;}
.fserv-container form .fserv-field .fserv-input-text::-moz-placeholder{font-size:0;}
.fserv-container form .fserv-field .fserv-input-text:-ms-input-placeholder {font-size:0;}

.fserv-container form .fserv-field.fserv-placeholder .fserv-input-text::-webkit-input-placeholder{font-size:13px;}
.fserv-container form .fserv-field.fserv-placeholder .fserv-input-text:-moz-placeholder{font-size:13px;}
.fserv-container form .fserv-field.fserv-placeholder .fserv-input-text::-moz-placeholder{font-size:13px;}
.fserv-container form .fserv-field.fserv-placeholder .fserv-input-text:-ms-input-placeholder {font-size:13px;}

.fserv-container form .fserv-field .fserv-input-checkbox+.fserv-label {
	display: inline-block;
	margin: 0 0 0 10px;	padding: 0;
	vertical-align: middle;	position: initial;
	font-weight: 700;	color: #444!important;
	-webkit-transform: translateY(1px);	transform: translateY(1px);
}
.modal-backdrop.in{display: none;	opacity: 0!important;}
@media(min-width:768px){
	.modal_formRegister .modal-dialog,
	.modal_formRegister .fserv-container{max-width:800px;}
	.modal_formRegister .modal-dialog{width: 650px;}
}
@media(max-width:767px){
	.fserv-container h2.fserv-form-name {font-size: 20px!important;}
	.fserv-container label.fserv-form-description{font-size: 12px;padding: 0 12px;}
	#myModal_hrFunnel .fserv-container form {padding: 15px 0px;}
	.fserv-container form .fserv-field .fserv-input-checkbox+.fserv-label {font-size: 12px!important; margin: 0 0 0 6px;}
	.fserv-container form .fserv-field .fserv-label{left:15px;top: 3px;font-size: 12px!important;}
	.fserv-field-datepicker .fa.infield,.fserv-field.fserv-field-select:after{right:20px;}
	.fserv-field-checkbox .tt-label, .fserv-field-radio .tt-label{font-size:12px;}
	.radio-primary input[type='radio'] + label, .checkbox-primary input[type='checkbox'] + label{padding-left:25px;font-size:14px;}
	#radio-group1 .radio-primary{width:50%;}
	#myModal_hrFunnel .fserv-container{background-size: 100% 28%;}
}
@media(max-width:350px){
	.fserv-container h2.fserv-form-name {font-size: 18px!important;}
	.fserv-container form .fserv-field {padding: 0 10px;}
	.fserv-container form .fserv-field .fserv-label{left:10px;top:4px;font-size: 10.5px!important;}
	.fserv-container form .fserv-input-checkbox + .fserv-label {font-size: 10px!important;}
}
/*======================================================================================*/
/*========================= PAGE BẢNG GIÁ HARAFUNNERL =======================================================*/
#rangeSlide-pricing .slider .animated{    opacity: 1;}
section.slider-pricing {padding: 60px 0 0px;overflow: hidden;}
.banner-pricing{
	min-height:200px;border-bottom:1px solid #00affd;
	background: #f4faff; /* Old browsers */
	background: -moz-linear-gradient(top, #f4faff 58%, #b7deff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f4faff 58%,#b7deff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f4faff 58%,#b7deff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4faff', endColorstr='#b7deff',GradientType=0 ); /* IE6-9 */
}
.information-pricing {text-align: center;	padding: 55px 0 250px;}
.information-pricing h1{color:#3d5067;font-size:42px;font-family:'brandon_textbold';}
.information-pricing p.subhead{	color:#3d5067;font-size:22px;font-family:'brandon_textregular';	max-width: 930px;  margin: auto;}
.information-pricing p.subhead span{display:block;}

.block-pricing .price-head {position: relative;	padding: 90px 0px 70px 28px;	overflow: hidden;}
.block-pricing.pricing-free .price-head{border-bottom:1px solid #e0e6ed;}
.block-pricing.pricing-pro .price-head{border-bottom:1px solid #0083ff;}
.block-pricing .price-head .box-svg-fea{position: absolute;top:0;right: -8px;height: 100%;left: 0;text-align: right;}
.block-pricing .price-head .box-svg-fea svg.svg-free{
	max-width: 250px;
	padding-top: 20px;
}
.block-pricing .price-head .box-svg-fea svg.svg-pro{
	max-width:100%;
	padding-top: 30px;
	padding-left: 92px;    overflow: initial;
}
.pricing-ic2-2 {
	transform-origin: center center;
	-webkit-animation: pulse 2.1s infinite linear;
	animation:pulse 2.1s infinite linear;
}
.pricing-ic2-4{
	-webkit-animation: trans 2.4s infinite linear;
	animation:trans 2.4s infinite linear;
}
@-webkit-keyframes pulse {
	0% {
		opacity: 1;
		transform: scale(0.5);
	}
	25% {
		transform: scale(1.0);
		opacity: 1;
	}
	50% {
		transform: scale(1.5);
		opacity: 0.8;
	}
	75% {
		transform: scale(2.0);
		opacity: 0.6;
	}
	100% {
		transform: scale(2.6);
		opacity: 0.3;
	}
}
@keyframes pulse {
	0% {
		opacity: 1;
		transform: scale(0.5);
	}
	25% {
		transform: scale(1.0);
		opacity: 1;
	}
	50% {
		transform: scale(1.5);
		opacity: 0.8;
	}
	75% {
		transform: scale(2.0);
		opacity: 0.6;
	}
	100% {
		transform: scale(2.6);
		opacity: 0.3;
	}
}
@-webkit-keyframes trans {
	25% {
		transform: translate3d(0, -1.5px, 0);
	}
	50% {
		transform: translate3d(0, 0px, 0);
	}
	75% {
		transform: translate3d(0, -1.5px, 0);
	}
	100% {
		transform: translate3d(0, 0px, 0);
	}
}
@keyframes trans {
	25% {
		transform: translate3d(0, -1.5px, 0);
	}
	50% {
		transform: translate3d(0, 0px, 0);
	}
	75% {
		transform: translate3d(0, -1.5px, 0);
	}
	100% {
		transform: translate3d(0, 0px, 0);
	}
}
.block-pricing..pricing-free .price-head  svg {	top:20px;}
.pricing-free .price-head h2,.pricing-pro .price-head h2{font-size:36px;text-transform: uppercase;margin:0;position: relative;	z-index: 2;}
.pricing-free .price-head h2{color:#596a7d;font-family:'brandon_textregular';}
.pricing-pro .price-head h2{color:#0083ff;font-family:'brandon_textbold';}
ul.pricingList {margin: 0;padding-bottom: 50px;min-height: 565px;}
ul.pricingList li {position: relative;	font-size: 16px;color: #596a7d;margin: 0 15px;padding: 12px 0px 12px 35px;border-bottom: 1px solid #e0e6ed;}
ul.pricingList li.no-border{border-bottom:0;}
ul.pricingList li.heig-2{min-height:73px}
ul.pricingList li:before{
	content: "";
	width: 20px;height: 20px;	display: inline-block;
	position: absolute;	left: 0;top: 15px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy41OSAxMy40MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMzMGQ4MTk7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Bc3NldCAzPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUuNTksMTAuNTgsMS40Miw2LjQxLDAsNy44Mmw1LjU5LDUuNTksMTItMTJMMTYuMTgsMFoiLz48L2c+PC9nPjwvc3ZnPg==);
	background-repeat: no-repeat;	
}
ul.pricingList li.tickgrey:before{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy41OSAxMy40MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNjY2QxZDY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Bc3NldCA0PC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUuNTksMTAuNTgsMS40Miw2LjQxLDAsNy44Mmw1LjU5LDUuNTksMTItMTJMMTYuMTgsMFoiLz48L2c+PC9nPjwvc3ZnPg==);
}
ul.pricingList li > span{position: relative;color:#0083ff;border-bottom: 1px dotted #0083ff;}
ul.pricingList li span.tooltip-txt{position: relative;}
span.tooltip-txt .tooltiptop{
	display: none; 
	position: absolute;
	bottom: 160%;
	left: 50%;
	z-index: 5;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 15px;
	border-radius:5px;
	color:#596a7d;width: 230px;	
	background-color:#e5ebf1;
	line-height: 1.5;
	font-size: 14px;
	-webkit-box-shadow: 0px 4px 14px rgba(79,99,142,0.03);
	box-shadow: 0px 4px 14px rgba(79,99,142,0.03); 
}
span.tooltip-txt .tooltiptop:after{
	content: "";
	position: absolute;	top: 100%;left: 50%;margin-left: -5px;
	border-width: 5px;border-style: solid;
	border-color: #e5ebf1 transparent transparent transparent;
}
@media(min-width:768px){
	span.tooltip-txt:hover .tooltiptop{display: block;}
}
@media(max-width:1199px) and (min-width:992px){
	ul.pricingList {min-height: 680px;}
	ul.pricingList li:nth-child(5){min-height:73px;}
	.block-pricing .price-head .box-svg-fea svg.svg-pro{padding-left:108px;}
}
@media(max-width:991px) and (min-width:768px){
	.block-pricing .price-head .box-svg-fea svg.svg-pro {padding-left: 76px;}
}
@media(max-width:767px){
	.information-pricing h1{font-size:36px;}
	.information-pricing p.subhead{font-size:20px;}
	/* table-pricing */
	.col-pricing-free{padding-right:4px;padding-left:7px}
	.col-pricing-pro{padding-right:7px;padding-left:4px;}
	.block-pricing .price-head{padding: 55px 0px 45px 15px;}
	.block-pricing .price-head .box-svg-fea svg.svg-free {max-width: 140px;}
	.block-pricing .price-head .box-svg-fea svg.svg-pro {max-width: 190px;padding-left: 35px;}
	.pricing-free .price-head h2, .pricing-pro .price-head h2 {font-size: 24px;}
	ul.pricingList li{font-size: 13px; margin:0 8px; padding:10px 0px 10px 15px }
	ul.pricingList li.heig-2 {min-height: initial;}
	ul.pricingList li:before{ width:10px;height:10px; }
	ul.pricingList li span.tooltip-txt {position: initial;}
	span.tooltip-txt .tooltiptop{bottom:100%; width: 100%;}
}
@media(max-width:450px){
	ul.pricingList{ min-height: 640px;}
	ul.pricingList li:nth-child(4){min-height: 78px;}
	ul.pricingList li:nth-child(5){min-height:60px}
}
@media(max-width:350px){
	.information-pricing h1 {font-size: 32px;}
	ul.pricingList{min-height: 700px;}
}
.pricing-ic1-1,.pricing-ic1-6{fill:#ccf2ff;}.pricing-ic1-2{fill:#d4f4fc;}.pricing-ic1-2,.pricing-ic1-3,.pricing-ic1-4,.pricing-ic1-6,.pricing-ic1-7,.pricing-ic1-8,.pricing-ic1-9{stroke:#0af;}.pricing-ic1-2,.pricing-ic1-3,.pricing-ic1-4,.pricing-ic1-5,.pricing-ic1-6,.pricing-ic1-7,.pricing-ic1-8,.pricing-ic1-9{stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25px;}.pricing-ic1-3{fill:#90e5fc;}.pricing-ic1-4{fill:#c7f1ff;}.pricing-ic1-5,.pricing-ic1-8{fill:none;}.pricing-ic1-5{stroke:#29b6f6;}.pricing-ic1-7{fill:#e6f7fc;}.pricing-ic1-9{fill:#ebf8fc;}								
.pricing-ic2-1{isolation:isolate;}.pricing-ic2-2{fill:#f0f2fc;}.pricing-ic2-2,.pricing-ic2-5{mix-blend-mode:multiply;}.pricing-ic2-3{fill:#fff;}.pricing-ic2-13,.pricing-ic2-4{fill:none;}.pricing-ic2-10,.pricing-ic2-11,.pricing-ic2-12,.pricing-ic2-14,.pricing-ic2-4,.pricing-ic2-6,.pricing-ic2-9{stroke:#0af;}.pricing-ic2-10,.pricing-ic2-11,.pricing-ic2-12,.pricing-ic2-13,.pricing-ic2-14,.pricing-ic2-4,.pricing-ic2-6,.pricing-ic2-9{stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25px;}.pricing-ic2-14,.pricing-ic2-5,.pricing-ic2-8{fill:#ccf2ff;}.pricing-ic2-6,.pricing-ic2-7{fill:#ebf8fc;}.pricing-ic2-9{fill:#d4f4fc;}.pricing-ic2-10{fill:#e6f7fc;}.pricing-ic2-11{fill:#90e5fc;}.pricing-ic2-12{fill:#c7f1ff;}.pricing-ic2-13{stroke:#29b6f6;}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.slider-pricing h2.title-slidePrice{text-align:center;color:#3d5067;font-size:36px;margin: 20px 0 50px;font-family:'brandon_textbold';}
.sliderPricing{text-align:center}
.sliderPricing p.pricing-ctatext,.sliderPricing p.pricing-ctatextLast{
	text-align:center;color:#3d5067; 
	margin: 30px 0 20px;	font-size:30px;
	font-family:'brandon_textmedium';
}
.sliderPricing p.pricing-ctatextLast a {color:#0083ff;cursor: pointer;position: relative;}
.pricing-ctatextLast a:before {content: ""; width: 100%; height: 1.8px;background: #0083ff;position: absolute; top: 95%;}
.sliderPricing p.pricing-ctatext span{color:#0083ff;}
.sliderPricing p.pricing-subtxt{font-size:22px;color:#3d5067;font-family:'brandon_textregular';}
.sliderPricing small{color:#0083ff;font-size:16px;}
/* scroll pricing */
#rangeSlide-pricing .slider{background: #e1f5fe;border: 1px solid #81d4fa;border-radius:10px;margin-bottom: 25px;}
#rangeSlide-pricing .slider .track-progress{
	border:0;border-radius: 10px 0 0 10px;
	background: -moz-linear-gradient(180deg, #008bff 0%, #00ccff 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00ccff), color-stop(100%, #008bff)); /* safari4+,chrome */
	background: -webkit-linear-gradient(180deg, #008bff 0%, #00ccff 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(180deg, #008bff 0%, #00ccff 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(180deg, #008bff 0%, #00ccff 100%); /* ie10+ */
	background: linear-gradient(270deg, #008bff 0%, #00ccff 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ccff', endColorstr='#008bff',GradientType=1 ); /* ie6-9 */
}
#rangeSlide-pricing .slider .track{background:transparent;border-radius:10px;	border:0;box-shadow: none;}
#rangeSlide-pricing .slider .thumb{
	border-radius: 50%;
	background: #fff;margin-left: -2px;
	border: 1px solid #e8f8ff;
	box-shadow: 5px 8px 18px 0px rgba(144, 221, 255, 1);
}
#rangeSlide-pricing .slider .thumb:after{
	content: "\f101";
	font-family: FontAwesome;
	font-size: 23px;
	line-height: 18px;
	color: #cfd7dc;
	line-height: 46px;
}
#rangeSlide-pricing .labels-container .tick-label{font-size:18px;color:#596a7d;padding:8px 0;}
#rangeSlide-pricing .labels-container .tick-label:hover{font-weight: initial;	color: #0083ff;}
#rangeSlide-pricing .labels-container .tick-label .tick{border-color:#596a7d;}
#rangeSlide-pricing .labels-container .tick-label span{max-width:60px;padding: 10px 0;margin:auto}
#rangeSlide-pricing {margin-bottom: 100px;}
@media(min-width:768px){
	.sliderPricing p.pricing-subtxt span{display:block}
}
@media(max-width:767px){
	.slider-pricing h2.title-slidePrice{font-size:32px;}
	.sliderPricing p.pricing-ctatext, .sliderPricing p.pricing-ctatextLast{font-size:20px;}
	.sliderPricing p.pricing-subtxt {	font-size: 16px;}
	.sliderPricing small{font-size:14px;}
	#rangeSlide-pricing .slider{margin: 50px 0px 10px;}
	#rangeSlide-pricing .labels-container .tick-label {font-size: 14px;}
}




.block-pricing {
	margin-top: 0px;
	border: 1px solid #bbdefb;
	box-shadow: 0px 0px 60px 0px rgba(37, 156, 255, 0.35);
}
.none-box-shadow .block-pricing { 
	box-shadow: none;
}
.col-pricing-pro .box-svg-fea {
	background: #f7f8fe;
}
.sub-heading-price {
	font-size: 16px;
	color: #fff;
	background: #64b5f6;
	padding: 5px 10px;
}
.sub-heading-price-pro {
	font-size: 16px;
	color: #fff;
	background: #2979ff;
	padding: 5px 10px;
}
.pricingList-table {
	margin: 0;
	padding: 0 10px;
	display: inline-block;
	width: 100%;
}
.pricingList-table > li {
	padding: 15px 0 15px 35px;
	border-bottom: 1px solid #e0e6ed;
	position: relative;
}
.pricingList-table > li:before {
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 20px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy41OSAxMy40MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMyOTc5ZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Bc3NldCAxPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUuNTksMTAuNTgsMS40Miw2LjQxLDAsNy44Mmw1LjU5LDUuNTksMTItMTJMMTYuMTgsMFoiLz48L2c+PC9nPjwvc3ZnPg==);

	background-repeat: no-repeat;
}
.pricingList-table > li span span {
	clear: both;
	display: block;
	color: #0083ff;
}
.main-chose {
	margin: 0;
	background: #f5faff;
	padding: 10px;
	border-bottom: 1px solid #80d8ff;
}
.btn-bottom-list-price p {
	font-size: 16px;
	color: #3d5067;
	margin: 10px 0 0 0;
}
.main-chose li strong:before {
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 5px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy41OSAxMy40MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMyOTc5ZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Bc3NldCAxPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUuNTksMTAuNTgsMS40Miw2LjQxLDAsNy44Mmw1LjU5LDUuNTksMTItMTJMMTYuMTgsMFoiLz48L2c+PC9nPjwvc3ZnPg==);
	background-repeat: no-repeat;
}
.main-chose li strong {
	position: relative;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	display: inline-block;
}
.main-chose strong {
	color: #2979ff;
	text-transform: uppercase;
}
.list-main-chose li:before {
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	position: absolute;
	left: -15px;
	top: 5px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMDBjODUzO308L3N0eWxlPjwvZGVmcz48dGl0bGU+QXNzZXQgNDwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00LDFBMywzLDAsMSwxLDEsNCwzLDMsMCwwLDEsNCwxTTQsMEE0LDQsMCwxLDAsOCw0LDQsNCwwLDAsMCw0LDBaIi8+PC9nPjwvZz48L3N2Zz4=);
	background-repeat: no-repeat;
}
.list-main-chose li {position: relative;font-size: 14px;margin: 0 0 5px 0;letter-spacing: -0.2px;}
.list-main-chose li:last-child{margin: 0;}
.list-main-chose {padding: 0 0 0 38px;}
.list-main-chose li span {
	color: #2979ff;
}
.pricingList-table > li:nth-child(4) {
	border-bottom: 1px solid #80d8ff;
}
.btn-bottom-list-price {
	text-align: center;
	padding-bottom: 20px;
}
.btn-bottom-list-price a {
	font-size: 20px;
	font-family: 'brandon_textbold';
	text-transform: uppercase;
	color: #2979ff;
	border: 1px solid #2979ff;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 46px;
	padding: 3px 25px;
	margin: 30px 0 0 0;
	cursor: pointer;
}
.btn-bottom-list-price a:hover {
	background: #04457d;
	border-color: #04457d;
	color: white;
}
.btn-bottom-list-price-pro a {
	font-size: 20px;
	font-family: 'brandon_textbold';
	text-transform: uppercase;
	color: white;
	border: 1px solid #2979ff;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 46px;
	padding: 3px 25px;
	margin: 30px 0 54px 0;
	cursor: pointer;
	background: #2979ff;
}
.btn-bottom-list-price-pro a:hover {
	background: #04457d;
	border-color: #04457d;
	color: white;
}
.btn-bottom-list-price-pro {
	text-align: center;
}
.main-chose.main-chose-fix {
	padding: 10px 10px 29px 10px;
}
.slider-pricing h2.title-slidePrice {
	color: #2979ff;
	font-size: 30px;
}
#rangeSlide-pricing .labels-container .tick-label span {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.table-price-content table {
	float: left;
	width: 100%;
	text-align: left;
}
.table-price-content th {
	border-bottom: 1px solid #80d8ff;
	padding: 0 0 10px 0;
}
.table-price-content tbody td {
	padding: 15px 0 15px 15px;
}
.contact-us-table {
	text-align: center;
	width: 100%;
	display: inline-block;
	border: 1px dashed #2979ff;
	color: #2979ff;
	padding: 8px 0;
}
.contact-us-table {
	text-align: center;
	width: 95%;
	display: inline-block;
	border: 1px dashed #2979ff;
	color: #2979ff;
	padding: 8px 0;
}
.contact-us-table:hover {
	background: #04457d;
	color: white;
}
.color-main {
	color: #ff0000;
	font-weight: bold;
}
.table-price-content tbody tr {
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.table-price-content tbody tr.active {
	background:#e3f2fd;
}
.font-tool { margin: 0;font-size: 12px;}
/****************************************************/
@media (min-width: 320px) and (max-width:449px) {

	.btn-bottom-list-price p {font-size: 12px;}
	.itemTabPanel {
		width: 100%;
		border-radius: 6px !important;
		margin-bottom: 10px;
		min-width: auto;
		border-right-width: 1px;
	}
	.planItem {
		-ms-flex: 100%;
		flex: 100%;
		margin-bottom: 20px;
		box-shadow: none;
		width: 100%;
		max-width: 100%;
	}
	.smallItemPlan {
		margin-bottom: 30px !important;
		background: #fff;
		-ms-flex: 1;
		flex: 1;
		position: relative;
		width: 100%;
		border-radius: 6px;
		padding-bottom: 50px;
		box-shadow: 0 1px 6px rgba(0,0,0,.15);
		-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
		-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	}
	.smallItemPlan.midiPlan {
		margin: 0;
	}
	.planItem:before {
		display: none;
	}
	.mainPricingPlan {
		margin: 30px 0 0 0;
	}


	.title-eventPrice {
		font-size: 40px;
	}
	.subtitle-eventPrice {
		font-size: 18px;
	}
	.btn-login-header {
		margin: 0px 0 0 10px;
		font-size: 13px;
		width: initial;
		padding: 0 15px;
	}

	.title-harafunnel-block h1 {
		font-size: 28px;
		line-height: 3.2rem;
		padding-top: 120px;
	}
	.sub-harafunnel-block h2 {
		font-size: 19px;
	}
	.inner-section-1 {
		text-align: center;
	}
	#harafunnel-section-1 {
		background-position: -194px -64px;
		background-size: 1130px;
		padding-bottom: 36px;
	}
	.btn-register-header {
		margin: 0px 0 0px 14px;
		font-size: 12px;
		min-width: initial;
	}
	.img-people {
		padding-top: 20px;
	}
	.margin-top-60 {
		margin-top: -38px;
	}
	.group-partner-logo {
		padding: 15px;
	}
	.title-group-partner {
		font-size: 15px;
		line-height: 2.8rem;
	}
	.img-logo-group {
		height: 60px;
	}
	.title-harafunnel-section-2 h2 {
		font-size: 27px;
		line-height: 3.2rem;
		padding: 0 15px;
	}
	.small-title-harafunnel-section-2 {
		padding-top: 30px;
	}
	.small-title-harafunnel-section-2 span,
	.small-title-harafunnel-section-3 span,
	.small-title-harafunnel-section-4 span,
	.small-title-harafunnel-section-5 span,
	.small-title-harafunnel-section-6 span {
		font-size: 18px;
	}
	.small-title-harafunnel-section-2b h3,
	.small-title-harafunnel-section-3b h3,
	.small-title-harafunnel-section-4b h3,
	.small-title-harafunnel-section-5b h3,
	.small-title-harafunnel-section-6b h3 {
		font-size: 25px;
		line-height: 3.2rem;
		margin: 0;
	}
	.des-harafunnel-section-2 {
		font-size: 16px;
		margin: 15px 0;
	}
	.img-right-section-2,
	.img-left-section-3,
	.img-left-section-4,
	.img-right-section-5 {
		padding-top: 15px;
	}
	.group-inner-section-7 {
		margin: 50px 0 0 0;
	}
	.box-action-harafunnel img {
		margin-bottom: 10px;
	}
	.group-inner-section-7-below {
		margin: 30px 0 0 0;
	}
	.info-action-harafunnel {
		//height: 130px;
	}
	.info-action-harafunnel span {
		font-size: 14px;
		line-height: 2.2rem;
	}
	.group-inner-section-7-below > div:nth-child(1),
	.group-inner-section-7-below > div:nth-child(2){
		margin-bottom: 30px;
	}
	.box-action-harafunnel {
		text-align: center;
	}
	.info-action-harafunnel h4 {
		font-size: 17px;
		line-height: 2.3rem;
	}
	#harafunnel-section-8 {
		padding: 15px;
		background-position: center 50px;
	}
	.sub-section-8 p {
		font-size: 15px;
		line-height: 2.8rem;
	}
	#harafunnel-section-9 .slick-next {
		width: 30px;
		height: 31px;
		right: 10px;
		top: 38%;
		background-size: 100%;
	}
	#harafunnel-section-9 .slick-prev {
		width: 30px;
		height: 31px;
		left: 10px;
		top: 38%;
		background-size: 100%;
	}
	.name-ceo p,
	.name-company p {
		font-size: 11px;
		font-family: 'brandon_textregular';
	}
	.caption-feedback h4 {
		font-size: 12px;
	}
	.btn-harafunnel-free-bottom {
		width: 275px;
		height: 55px;
		font-size: 15px;
		line-height: 43px;
		margin: 47px 0 0 0;
	}
	.inner-section-10 {
		height: 150px;
	}

	.row.fix-row-mobile {
		margin: 0;
	}
	.title-col-footer {
		margin: 10px 0 15px 0;
	}
	.fix-margin-title-footer {
		margin-left: 15px;
	}
	.hr-funnel-line {
		margin: 15px 0;
	}
	.img-congthuong-new {
		width: 100%;
		margin: 15px 0 0 0;
		float: right;
	}
	.view-more {
		text-decoration: none;
	}
	.des-harafunnel-section-2 p {
		font-size: 15px;
		line-height: 2.8rem;
	}
	.img-logo-group img, .img-logo-group svg {
		max-width: 80%;
		max-height: 70px;
		display: inline-block;
	}
	.sub-heading-price-pro,
	.sub-heading-price {
		font-size: 12px;    letter-spacing: -0.2px;
	}
	section.slider-pricing {
		padding: 30px 0 0px;
	}
	section.question-pricing {
		padding: 30px 0 30px;
	}
	.vendor-pricing .heading-title h2 {
		margin-top: 0;
	}
	.vendor-pricing .heading-title h2 {
		font-size: 32px;
	}


	.pricingList-table > li:before {
		width: 14px;
		height: 14px;
		left: 3px;
		top: 14px;
	}
	.pricingList-table > li {
		padding: 10px 0 10px 20px;
		font-size: 12px;
	}
	.list-main-chose {
		padding: 0 0 0 10px;
	}
	.pricingList-table {
		padding: 0;
	}
	.main-chose li strong:before {
		width: 14px;
		height: 14px;
		left: -7px;
		top: 5px;
	}
	.main-chose li strong {
		padding: 0 0 0 12px;
		font-size: 12px;
	}
	.btn-bottom-list-price a,
	.btn-bottom-list-price-pro a {
		font-size: 13px;line-height: 36px;
		padding: 3px 10px;
	}
	.main-chose.main-chose-fix {
		padding: 10px;
	}

	#rangeSlide-pricing .labels-container .tick-label span {
		text-align: center;
	}

	.text-section {
		padding: 0 15px;
	}
	.box-trainning-inner {
		max-width: none;
		margin-bottom: 15px;
	}

	.logo_hrfunnel {
		padding: 8px 0;
	}
	.logo-hrfennel-mobile {
		width: 150px;
	}
	.nav_fixed .navmain-header {
		display: inherit;
		width: 100%;
		background: white;
	}

}
@media (max-width:376px){
	.title-harafunnel-block h1 {font-size: 25px;}
	.sub-harafunnel-block h2 {font-size: 17px;line-height: 2.2rem;}
	#boardcast-section-1 .img-people img {margin-top: 0;}
	#boardcast-section-1 .img-people {max-height: 405px;}
	#saleMar-section-1 .img-people {max-height: 394px;}
}
@media (max-width:320px){

	.title-harafunnel-block h1 {
		font-size: 21px;
		line-height: 3.2rem;
	}
	.sub-harafunnel-block h2 {
		font-size: 14px;
		line-height: 2.2rem;
	}

	.pricingList-table > li:before {
		width: 14px;
		height: 14px;
		left: 3px;
		top: 14px;
	}
	.pricingList-table > li {
		padding: 10px 0 10px 20px;
		font-size: 12px;
	}
	.list-main-chose {
		padding: 0 0 0 10px;
	}
	.pricingList-table {
		padding: 0;
	}
	.main-chose li strong:before {
		width: 14px;
		height: 14px;
		left: -7px;
		top: 5px;
	}
	.main-chose li strong {
		padding: 0 0 0 12px;
		font-size: 12px;
	}
	.btn-bottom-list-price a,
	.btn-bottom-list-price-pro a {
		font-size: 13px;line-height: 36px;
		padding: 3px 10px;
	}
	.sub-heading-price-pro {
		padding: 5px 10px;
	}

}
@media (min-width: 450px) and (max-width:767px) {

	#banner-onboarding {
		margin-top: 70px;
	}
	.slide-feedback .slick-next {
		right: 10px;
	}
	.slide-feedback .slick-prev {
		left: -5px;
	}

	.title-eventPrice {
		font-size: 40px;
	}
	.subtitle-eventPrice {
		font-size: 18px;
	}
	.btn-login-header {
		margin: 8px 0 0 10px;
	}

	.itemTabPanel {
		width: 100%;
		border-radius: 6px !important;
		margin-bottom: 10px;
		min-width: auto;
		border-right-width: 1px;
	}
	.planItem {
		-ms-flex: 100%;
		flex: 100%;
		margin-bottom: 20px;
		box-shadow: none;
		width: 100%;
		max-width: 100%;
		display: inline-block;
	}
	.smallItemPlan {
		margin-bottom: 30px !important;
		background: #fff;
		-ms-flex: 1;
		flex: 1;
		position: relative;
		width: 100%;
		border-radius: 6px;
		padding-bottom: 50px;
		box-shadow: 0 1px 6px rgba(0,0,0,.15);
		-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
		-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	}
	.smallItemPlan.midiPlan {
		margin: 0;
	}
	.planItem:before {
		display: none;
	}
	.mainPricingPlan {
		margin: 30px 0 0 0;
	}

	.logo_hrfunnel {
		padding: 10px 0;
	}
	.logo-hrfennel-mobile {
		width: 170px;
	}
	.nav_fixed .navmain-header {
		display: inherit;
		width: 100%;
		background: white;
	}

	.vendor-pricing .col-xs-6.col-sm-3 {
		width: 25%;
	}

	section.slider-pricing {
		padding: 30px 0 0px;
		overflow: hidden;
	}
	section.question-pricing {
		padding: 30px 0 30px;
	}
	.vendor-pricing .heading-title h2 {
		margin-top: 0;
	}

	.title-harafunnel-block h1 {
		font-size: 34px;
		line-height: 1.1;
		padding-top: 100px;
	}
	.sub-harafunnel-block h2 {
		font-size: 20px;
	}
	.inner-section-1 {
		text-align: center;
	}
	#harafunnel-section-1 {
		background-position: -194px -64px;
		background-size: 1080px;
		padding-bottom: 36px;
	}
	.btn-register-header {
		margin: 10px 0 10px 20px;
	}
	.img-people {
		padding-top: 20px;
	}
	.img-people img {
		width: 70%;
	}
	.margin-top-60 {
		margin-top: -57px;
	}
	.img-logo-group img {
		max-width: 70%;
		max-height: 38px;
	}
	.group-partner-logo {
		padding: 15px;
	}
	.title-group-partner {
		font-size: 15px;
		margin-bottom: 10px;
	}
	.img-logo-group {
		height: 60px;
	}
	.title-harafunnel-section-2 h2 {
		font-size: 27px;
		line-height: 3.2rem;
		padding: 0 15px;
	}
	.small-title-harafunnel-section-2 {
		padding-top: 30px;
	}
	.small-title-harafunnel-section-2 span,
	.small-title-harafunnel-section-3 span,
	.small-title-harafunnel-section-4 span,
	.small-title-harafunnel-section-5 span,
	.small-title-harafunnel-section-6 span {
		font-size: 18px;
	}
	.small-title-harafunnel-section-2b h3,
	.small-title-harafunnel-section-3b h3,
	.small-title-harafunnel-section-4b h3,
	.small-title-harafunnel-section-5b h3,
	.small-title-harafunnel-section-6b h3 {
		font-size: 25px;
		line-height: 3.2rem;
	}
	.des-harafunnel-section-2 p {
		font-size: 16px;
	}
	.img-right-section-2,
	.img-left-section-3,
	.img-left-section-4,
	.img-right-section-5 {
		padding-top: 15px;
	}
	.small-title-harafunnel-section-3,
	.small-title-harafunnel-section-4,
	.small-title-harafunnel-section-5,
	.small-title-harafunnel-section-6 {
		padding-top: 50px;
	}
	.small-title-harafunnel-section-2 img,
	.small-title-harafunnel-section-3 img,
	.small-title-harafunnel-section-4 img,
	.small-title-harafunnel-section-5 img,
	.small-title-harafunnel-section-6 img {
		width: 25px;
	}
	#harafunnel-section-3,
	#harafunnel-section-4,
	#harafunnel-section-5,
	#harafunnel-section-6 {
		padding-top: 0px;
	}
	#harafunnel-section-7 {
		margin: 50px 0 0 0;
		padding: 50px 0 30px 0;
	}
	.group-inner-section-7 {
		margin: 50px 0 0 0;
	}
	.box-action-harafunnel img {
		margin-bottom: 10px;
	}
	.group-inner-section-7-below {
		margin: 30px 0 0 0;
	}
	.info-action-harafunnel {
		height: auto;
	}
	.info-action-harafunnel span {
		font-size: 14px;
		line-height: 2.2rem;
	}
	.group-inner-section-7-below > div:nth-child(1),
	.group-inner-section-7-below > div:nth-child(2){
		margin-bottom: 30px;
	}
	.box-action-harafunnel {
		text-align: center;
	}
	.info-action-harafunnel h4 {
		font-size: 17px;
		line-height: 2.3rem;
	}
	#harafunnel-section-8 {
		padding: 15px;
		background-position: center 50px;
	}
	.sub-section-8 p {
		font-size: 15px;
		line-height: 2.8rem;
	}
	#harafunnel-section-9 .slick-next {
		width: 30px;
		height: 31px;
		right: 10px;
		top: 38%;
		background-size: 100%;
	}
	#harafunnel-section-9 .slick-prev {
		width: 30px;
		height: 31px;
		left: 10px;
		top: 38%;
		background-size: 100%;
	}
	.name-ceo p,
	.name-company p {
		font-size: 11px;
		font-family: 'brandon_textregular';
	}
	.caption-feedback h4 {
		font-size: 12px;
	}
	.btn-harafunnel-free-bottom {
		width: 275px;
		height: 55px;
		font-size: 15px;
		line-height: 43px;
		margin: 48px 0 0 0;
	}
	.inner-section-10 {
		height: 150px;
	}

	.row.fix-row-mobile {
		margin: 0;
	}
	.title-col-footer {
		margin: 10px 0 15px 0;
	}
	.fix-margin-title-footer {
		margin-left: 15px;
	}
	.hr-funnel-line {
		margin: 15px 0;
	}
	.img-congthuong-new {
		width: 67%;
		margin: 10px 0 0 0;
		float: right;
	}
	.view-more {
		text-decoration: none;
	}

	#boardcast-section-1 {
		background: rgb(237,243,255);
		background: -moz-linear-gradient(-45deg, rgba(237,243,255,1) 0%, rgba(242,244,255,1) 47%, rgba(225,241,254,1) 47%, rgba(225,241,254,1) 47%, rgba(226,241,254,1) 100%);
		background: -webkit-linear-gradient(-45deg, rgba(237,243,255,1) 0%,rgba(242,244,255,1) 47%,rgba(225,241,254,1) 47%,rgba(225,241,254,1) 47%,rgba(226,241,254,1) 100%);
		background: linear-gradient(135deg, rgba(237,243,255,1) 0%,rgba(242,244,255,1) 47%,rgba(225,241,254,1) 47%,rgba(225,241,254,1) 47%,rgba(226,241,254,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf3ff', endColorstr='#e2f1fe',GradientType=1 );
	}
	.inner-section-boardcast-1 {
		text-align: center;
	}
	#boardcast-section-1 .title-harafunnel-block h1 {
		padding-top: 140px;
	}
	#boardcast-section-1 .img-people img {
		margin-top: 120px;
	}
	#boardcast-section-2 {
		padding-top: 35px;
	}
	#boardcast-section-3,
	#boardcast-section-4,
	#boardcast-section-5 {
		padding-top: 0px;
	}
	#boardcast-section-2 .small-title-harafunnel-section-2b,
	#boardcast-section-3 .small-title-harafunnel-section-2b,
	#boardcast-section-4 .small-title-harafunnel-section-2b,
	#boardcast-section-5 .small-title-harafunnel-section-2b {
		padding-top: 35px;
	}
	#boardcast-section-2 .img-right-section-2,
	#boardcast-section-3 .img-right-section-3,
	#boardcast-section-4 .img-right-section-4,
	#boardcast-section-5 .img-right-section-5 {
		padding-top: 15px;
	}
	#boardcast-section-6 {
		margin: 50px 0 0 0;
		padding: 50px 0 0 0;
	}
	.sub-harafunnel-section-6 {
		font-size: 18px;
		padding: 10px 15px 0 15px;
	}
	.group-inner-boardcast-section-6 {
		padding-top: 35px;
	}
	.box-action-harafunnel-boardcast img {
		margin-bottom: 15px;
	}
	.group-inner-boardcast-section-6 > div {
		margin-bottom: 40px;
	}
	#boardcast-section-6 .info-action-harafunnel span {
		font-size: 16px;
		line-height: 2.8rem;
	}
	#boardcast-section-1 .img-people {
		max-height: 665px;
	}

	.inner-section-saleMar-1 {
		text-align: center;
	}
	.sub-heading-price-pro {
		font-size: 15px;
	}
	.text-section {
		padding: 0 15px;
	}
	.box-trainning-inner {
		max-width: none;
		margin-bottom: 15px;
	}

}
@media (min-width: 768px) and (max-width:991px) {
	.priceFreeTrail {
		font-size: 12px;
	}
	.main-category {padding-right: 70px;}
	.menu-right-bottom .language_nav {
		position: absolute;
		right: 10px;
		bottom: 94%;
	}
	.nav_fixed .logo-bottom {	padding: 8px 10px 8px 0;}
	.nav_fixed .logo-bottom img{max-width: 110px;margin-top:5px;}
	.menu-bottom {padding: 0;}
	.logo-bottom {padding: 16px 10px 20px 0px;}
	.menu-right-bottom > li {padding: 0px 2px !important;}
	.menu-right-bottom li a {font-size: 12px;}
	ul.navbar-main li .sub-item-premium a:not(.menu-regis), ul.navbar-main li .big-sub-item-premium a:not(.menu-regis) {
		padding: 0 !important;
		margin: 0 !important;
	}
	svg.logo-hrfennel {
		width: 135px;
		margin-top: 10px;
		margin-right: 10px;
	}

	.wall-border {display: none;}
	.list-main-chose {padding: 0 0 0 20px;}
	.main-chose.main-chose-fix {padding: 10px;}
}
@media (min-width: 992px) and (max-width:1024px) {

	.menu-right-bottom li {padding: 0px 6px;}
	.wall-border {display: none;}
	.nav_fixed .logo-bottom {	margin-right: 10px;}
	.logo-bottom {padding: 16px 10px 20px 0px;}
	.title-harafunnel-block h1 {
		font-size: 38px;
		line-height: 1.1;
		padding-top: 130px;
	}
}