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

/* ROOT */
.mr-10 {
	margin-right: 10px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mtb-30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.fw-6 {
	font-weight: 600;
}
.mfp-close-btn-in .mfp-close {
	color: #4a4a4a;
	opacity: 1;
}
.lightbox-content {
	border-radius: 10px;
}
.custom.html_topbar_left {
	text-align: center;
}
p.h_1 a {
	font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: rgb(26, 55, 104);
    font-size: 24px;
    text-decoration: underline;
}
p.h_2 a {
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	font-family: "Lato", sans-serif;
	font-style: normal;
	text-decoration: underline;
}
#register h3 {
	color: #0458ad;
	text-align: center;
}
form label span {
	color: red;
}
form .wpcf7-form-control-wrap input, form .wpcf7-form-control-wrap select, form .wpcf7-form-control-wrap textarea{
	border-radius: 5px;
    box-shadow: unset;
}
form input.wpcf7-submit {
	border-radius: 5px;
}
form .wpcf7-spinner {
	display: flex;
}
.title-nhuong {
    font-family: "Lato", sans-serif;
    font-size: 24px;
    padding: 0px;
    margin: 0px;
	color: rgb(1, 33, 105);
}
.c5 {
    height: 5px;
}
.q-line {
    width: 53px;
    height: 3px;
    background: rgb(1, 33, 105);
}
.c20 {
    height: 20px;
}
.c30 {
    height: 30px;
}
.flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: box;
    display: flexbox;
    flex: 1 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-container-space-between, .flex-space-between {
    justify-content: space-between;
	align-items: center;
}
.b-why .bullet {
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background: #e1e1e1;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-family: "Lato", sans-serif;
	font-weight: bold;
	color: rgb(1, 33, 105);
}
.b-why .text {
    width: calc(100% - 46px);
}
.b-why .text div:first-child {
	font-size: 18px;
	font-family: Roboto-B, Tahoma, Geneva, sans-serif;
	color: #58595b;
}
.b-why .text div:nth-child(2) {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.why-right {
    text-align: right;
}
.cell-service-why-text {
    width: 35%;
}
.q-image {
    width: 55px;
}
.hide-on-pc {
    display: none;
}
.q-text {
    width: calc(100% - 65px);
}
.q-text div:nth-child(2){
	font-size: 14px;
	font-family: Roboto, Arial, Helvetica, sans-serif;
}
.quyenloi-name {
    color: #012169;
    font-family: Roboto-B, Tahoma, Geneva, sans-serif;
    text-transform: uppercase;
}
@media only screen and (max-width: 967px) {
	.hide-on-pc {
		display: block;
	}
	.hide-on-pad {
		display: none;
	}
}
@media only screen and (max-width: 867px) {
	.hide-on-pad {
		display: block;
	}
	.hide-on-pc {
		display: block;
	}
	.hide-on-tab {
		display: none;
	}
}
@media only screen and (max-width: 849px) {
	#wide-nav {
		padding: 15px;
	}
	.custom.html_topbar_left {
		display: flex;
		align-items: center;
		vertical-align: middle;
		justify-content: space-around;
		width: 100%;
	}
}
@media only screen and (max-width: 667px) {
	.cell-service-why-text {
		width: 100%;
	}
	.why-right, .why-left {
		text-align: left;
	}
	.cell-service-why-image {
		display: none;
	}
	.hide-on-pad {
		display: block;
	}
	.hide-on-pc {
		display: block;
	}
	.hide-on-mobile {
		display: none !important;
	}
	.hide-on-tab {
		display: block;
	}
}
@media only screen and (max-width: 480px) {
	#wide-nav {
		padding: 15px 0;
	}
	p.h_1 a {
		font-size: 18px;
	}
	p.h_2 a {
		font-size: 16px;
	}
}

/* Fonts */
@font-face {
	font-family: 'Roboto-B';
	src: url('./assets/fonts/RobotoCondensed-Bold.eot');
	src: local('☺'), url('./assets/fonts/RobotoCondensed-Bold.ttf') format('truetype'), url('./assets/fonts/RobotoCondensed-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('./assets/fonts/RobotoCondensed-Regular.eot');
	src: local('☺'), url('./assets/fonts/RobotoCondensed-Regular.ttf') format('truetype'), url('./assets/fonts/RobotoCondensed-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* FontAwesome */
@font-face {
	font-family: 'FontAwesome';
	src: url("./assets/fonts/fontawesome-webfont.eot?v=4.7.0");
	src: url("./assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"),url("./assets/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),url("./assets/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),url("./assets/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),url("./assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: fallback
}
.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.fa-phone:before {
	content: "\f095";
}