/*
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://ria.tbareal.com/wp-content/uploads/2021/12/font/ElleFuturaStyle.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
li.lang-item {
    display: inline-block;
    padding: 0 5px;
	width: unset!important;
    padding-left: 0!important;
	margin-bottom:0px;
}
li.lang-item:last-child {
    padding-right: 0px;
}
.ria_blog_home button.flickity-button.flickity-prev-next-button svg path,.ria_blog_home button.flickity-button.flickity-prev-next-button svg,.ria_slide_gallery button.flickity-button.flickity-prev-next-button svg path,.ria_slide_gallery button.flickity-button.flickity-prev-next-button svg,.ria_testimo_child_slide button.flickity-button.flickity-prev-next-button svg,.ria_testimo_child_slide button.flickity-button.flickity-prev-next-button svg path{
	fill:#333!important;
	color:#333!important;
	transition-duration:0.3s!important;
}
.ria_blog_home button.flickity-button.flickity-prev-next-button:hover svg path,.ria_blog_home button.flickity-button.flickity-prev-next-button:hover svg,.ria_slide_gallery button.flickity-button.flickity-prev-next-button:hover svg path,.ria_slide_gallery button.flickity-button.flickity-prev-next-button:hover svg,.ria_testimo_child_slide button.flickity-button.flickity-prev-next-button:hover svg ,.ria_testimo_child_slide button.flickity-button.flickity-prev-next-button:hover svg path{
	color:#ffbf00!important;
	fill:#ffbf00!important;
	transition-duration:0.3s!important;
}
ul.nav.top-bar-nav.nav-right.nav-small.nav-divided {
    display: flex;
    flex-wrap: nowrap;
}
.ria_button_header_shop{
	padding-left:20px!important;
	color:black!important;font-size:18px!important;
}
.ria_button_header_shop:hover{
	color:#ffbf00!important;
}
.ria_slide_home button.flickity-button.flickity-prev-next-button {
font-size: 12px;
    height: 30px;
    opacity: 1;
    bottom: -36px!important;
    top: unset;
	transform: translate(0px, 0px);
z-index:1;
}
.ria_slide_home button.flickity-button.flickity-prev-next-button:hover svg{
	background:unset;
}
.ria_slide_home .slider-nav-light:hover .flickity-prev-next-button svg, .ria_slide_home .slider-nav-light:hover  .flickity-prev-next-button .arrow{
	fill:#ffbf00!important;
	color:#ffbf00!important;
}
.ria_slide_home button.flickity-button.flickity-prev-next-button.previous {
    left: unset;
    right: 4%;
}
.ria_slide_home svg.flickity-button-icon{
	border:0px!important;
}
.ria_slide_home .slider-nav-light .flickity-prev-next-button svg, .ria_slide_home .slider-nav-light .flickity-prev-next-button .arrow {
    fill: #ffbf00!important;
}
.ria_slide_home ol.flickity-page-dots{
	bottom:-30px;
	    left: unset;
    right: 8%;
	z-index:1;
}
.ria_slide_home ol.flickity-page-dots li.dot {
    border-radius: 0!important;
    background: black!important;
    border-color: black!important;
}
.page-number.current,.page-number:hover {
    color: black!important;
    border-color: black!important;
	opacity:1;
}
.page-number{
	opacity:0.7;
	border-radius: 0!important;
    background: black;
    font-size: 16px!important;
    padding: 0px 8px!important;
    color: #ffbf00!important;
	border-color: black!important;
}
div#ajaxsearchliteres1 p{
	font-family:'Open Sans'!important;
}
.portfolio-page-wrapper .page-title {
    background-color: unset;
    border-top: unset;
    border-bottom: unset;
}
body:not(.home) .ria_blog_cus_title_home,body.home .ria_blog_cus_title_nothome{
	display:none;
}
.post-item .box-text.text-center {
    padding-left: 0;
}
.ria_blog_cus_title_home h5{
	margin-bottom:0;
}
.ria_blog_cus_title_home .post-meta.is-small.op-8 {
    font-size: 14px;
    font-weight: 400;
}
body.single.single-post .ria_form_footer{
	display:none;
}
.ria_category_single_cus{
	font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
	margin-bottom: 0;
}
h1.entry-title{
	position:relative;
}
footer.entry-meta.text-center,.related-post {
    display: none;
}
.ria_title_footer {
    font-size: 20px;
    font-weight: 500;
    color: #ffbf00;
	text-shadow: 1px 1px #00000012;
}
.single-post .blog-wrapper h1.entry-title:before {
    content: '';
    position: absolute;
    display: block;
    width: 30px;
    height: 2px;
    bottom: -8px;
    left: 50%;
    transform: translateY(-50%);
    background: #a6a6a6;
}
.entry-meta.is-small.single-date {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
.box-text-inner.blog-post-inner {
    text-align: left!important;
}
.box-text-inner.blog-post-inner .is-divider {
    display:none;
}
.page-wrapper{
	padding-top:0px;
}
.nav-dropdown-has-shadow .nav-dropdown{
	    border-radius: 30px!important;
	-webkit-box-shadow: 0px 9px 20px rgb(0 0 0 / 5%);
    box-shadow: 0px 9px 20px rgb(0 0 0 / 5%);
}
/* .blog-wrapper .page-title {
    display: none;
}
.blog-wrapper .page-title span {
    display: block;
} */
.ria_page_header_title_1{
	font-size: 52px;
    opacity: 0.8;
    font-weight: 400;
    font-family: 'Elle Futura';
	margin:0px!important;
}
.ria_page_header_title_2{
	 font-size: 30px;
    opacity: 0.9;
    font-weight: 300;
    font-family: 'Elle Futura';
	margin:0px!important;
}
.ria_page_header_title_2 span{
    font-weight: 400;
}
.cms_bg{
	height:100vh;
/* 	width:100vh; */
	overflow:hidden;
}
.cms_row{
	height:80vh;
}
div#ajaxsearchlite1 {
    border-top: 0px!important;
    border-left: 0px!important;
}
ul.nav.top-bar-nav.nav-right.nav-small.nav-divided {
    margin-bottom: -60px;
}
.ria_title,.ria_title_sec{
/* 	padding-left:15px; */
	font-size:28px;
	font-weight:500;
	font-family: 'Elle Futura', sans-serif;
}
/* .ria_title span,.ria_title_sec span{
	font-size:50px;
	font-weight:300;
} */
.ria_title,.ria_title span,.ria_title_sec{
	position:relative;
}
/* .ria_title:before,.ria_title_sec:before {
    content: '';
    width: 48px;
    height: 70px;
    border-left: 4px solid #ffbf00;
    border-bottom: 4px solid #ffbf00;
    position: absolute;
    bottom: -10px;
    left: 0px;
    z-index: 1;
} */
/* .ria_title span:before {
    content: '';
    position: absolute;
    height: 53px;
    width: 38px;
    border-bottom: 3px solid #ffbf00;
    border-left: 3px solid #ffbf00;
    bottom: 4px;
    left: -8px;
} */
.ria_title:after,.ria_title_sec:after {
    content: '';
    width: 200%;
    height: 3px;
    background-image: linear-gradient(to right, black , #00000000);
    position: absolute;
    bottom: -10px;
    left: 0px;
    z-index: 0;
}
.ria_button_1{
	background:none!important;
	color: #333;
    box-shadow: unset!important;
    font-weight: 600;
    letter-spacing: 1px;
	border:none;
}
.ria_button_1 span{text-decoration: underline;}
.ria_button_1:hover{
	color:#ffbf00;
}
.ria_gallery_home,.ria_group_about{
	display:flex;
	flex-direction: row;
	width: 100%;
	overflow:hidden;
}
.ria_gallery_home{
		height: 70vh;
}
.ria_group_about{
	height: 80vh;
}
.ria_gallery_home_child,.ria_group_about_child{
	flex: 1;
    height: 100%;
    background-size: cover;
    background-repeat: none;
    transition: flex 0.64s ease, filter 0.64s ease;
}
.ria_group_about_child{
	background-position: right;
	
}
.ria_gallery_home_child{
	filter: grayscale(1);
}
.ria_gallery_home_child:hover{
	flex:4;
	    background-position: center;
	filter: grayscale(0);
}
.ria_gallery_home_child:hover,.ria_group_about_child:hover{
    transition: flex 0.64s ease, filter 0.64s ease;
	overflow:hidden;
	z-index:999;
}
.ria_gallery_child_1{
	background-image: url(/wp-content/uploads/2021/12/Web-1920-1-image17.webp);
}
.ria_gallery_child_2{
	background-image: url(/wp-content/uploads/2021/12/Web-1920-1-image18.webp);
}
.ria_gallery_child_3{
	background-image: url(/wp-content/uploads/2021/12/Web-1920-1-image19.webp);
}
.ria_gallery_child_4{
	background-image: url(/wp-content/uploads/2021/12/Web-1920-1-image20.webp);
}
.ria_blog_home .box{
	padding:30px;
	padding-bottom:60px;
	border:2px solid #d3d3d3;
}
.ria_blog_home .box-text{
	position:relative;
}
.ria_blog_home .box-text button {
    right: 0;
    position: absolute;
    display: block;
    bottom: -30px;
	background:none!important;
	color: #333;
    box-shadow: unset!important;
    font-weight: 600;
    letter-spacing: 1px;
	padding:0px 30px;
	border:0px;
	    font-size: 14px;
    text-transform: unset;
	text-decoration:underline;
}
.ria_blog_home .box-text button:hover{
	color:#ffbf00;
}
.ria_blog_home .has-hover p.from_the_blog_excerpt,.ria_blog_home .box .post-meta {
    color: black!important;
}
.ria_blog_home .has-hover:hover p.from_the_blog_excerpt,.ria_blog_home .box:hover .post-meta {
    color: black!important;
}
/* .ria_blog_home .box-text button:before,.ria_button_1:before {
    content: '\f324';
    position: absolute;
    right: 15px;
    font-family: "Font Awesome 5 Duotone";
    font-weight: 900;
} */
.ria_blog_home .box-text button:after,.ria_button_1:after {
    content: "\10f101";
	padding-top:1px;
    position: absolute;
    right: 15px;
	opacity:0.4;
    font-family: "Font Awesome 5 Duotone";
    font-weight: 900;
}
.ria_form_footer_button {
    background: transparent!important;
    color: #333!important;
    box-shadow: unset!important;
    font-weight: 600!important;
    letter-spacing: 1px!important;
    padding: 0px 30px!important;
    border: 0px!important;
	text-decoration:underline!important;
	text-transform: unset!important;
}
.ria_form_footer_button:hover{
	color: #ffbf00!important;
}
.ria_form_footer span.wpcf7-spinner{
	display:none;
}
.ria_followicon_footer a {
color: black;
}
.ria_followicon_footer i {
    width:1em;
    display: inline-block;
    height: 1em;
}
.ria_address_footer li {
    font-size: 16px;
    color: black;
    font-weight: 400;
	margin-bottom: 20px;
}
.ria_link_footer a{
	color: #6a6a6a;
	font-size:16px;
	font-weight:400;
	margin-bottom:15px;
}
.ria_address_footer li i{
	margin-right:10px;
	color:#333;
	vertical-align:middle;
}
.ria_form_footer input{
	 border: 0px!important;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.ria_form_footer input::placeholder,.ria_form_footer input{
	color:#d3d3d3;
}
.ria_cmt_icon {
	width: 100px;
    height: 100px;
    background: white;
    padding: 30px;
    border-radius: 50%;
    border:1px solid #ffefb8;
    z-index: 1;
    display: block;
    position: relative;
	text-align: center;
}

.ria_cmt_child:hover .ria_cmt_icon{
	transition:0.5s ease;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.ria_cmt_child:hover .ria_cmt_icon img{
			animation:toRightFromLeft;
	animation-duration:0.3s;
}
.ria_cmt_text {
	color:#6a6a6a;
    padding: 30px;
    background: #ffbf00;
    margin-top: -50px;
    padding-top: 60px;
	padding-bottom:60px;
    z-index: 0;
    position: relative;
    display: block;
	transition:0.5s ease;
	    border-top-right-radius: 64px;
    border-bottom-left-radius: 64px;
	font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}
.dh_cmt_slide .section:nth-child(2),.dh_cmt_slide .section:nth-child(4),.dh_cmt_slide .section:nth-child(6),.dh_cmt_slide .section:nth-child(8),.dh_cmt_slide .section:nth-child(10){
	margin-top:45px;
}
.dh_cmt_slide .flickity-viewport{
	height:400px!important;
}
.dh_cmt_slide .flickity-slider > * {
    max-width: 50%!important;
}
.ria_testimo_child_slide .icon-inner {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border: 4px solid #ffbf00;
    border-radius: 50%;
}
.ria_testimo_child_slide .icon-inner img{
	transform:scale(1.1) translatey(-5px);
}

.ria_testimo_title{
	font-weight:500;padding:5px 30px;
}
.ria_testimo_title_name{
	font-weight:700;
}
.ria_testimo_content{padding:30px 30px;border:2px solid #ffbf00;border-radius:15px;height:150px;position:relative;font-weight:400;}
.ria_testimo_child_slide .flickity-slider > * {
    max-width: 50%!important;
}
.ria_testimo_content:before {
    content: '';
    position: absolute;
    left: -47px;
    top: 30px;
    height: 30px;
    background-image: url(/wp-content/uploads/2022/02/testimo.png);
    background-size: contain;
    width: 90px;
    background-repeat: no-repeat;
}
.ria_title_1 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
}
.ria_text_1 {
    font-size: 16px;
    font-weight: 400;
    color: #6a6a6a;
}
.ria_group_about_child:hover{
	flex:2;
}
.ria_group_child_1{
	background-image: url(/wp-content/uploads/2021/12/Web-1920-2-image6.webp);
}
.ria_group_child_2{
	background-image: url(/wp-content/uploads/2022/04/Danny-CFO.jpg);
}
.ria_group_child_3{
	background-image: url(/wp-content/uploads/2022/01/thay-vu-hien.webp);
	background-position-x: center;
}
.ria_group_child_4{
	background-image: url(/wp-content/uploads/2021/12/Web-1920-2-image7.webp);
	background-position-x: center;
}
.ria_group_child_5{
	background-image: url(/wp-content/uploads/2022/04/truongnhomdaotao-songhuyn.webp);
	background-position-x: center;
}
.ria_group_about_child {
    position: relative;
}
.ria_group_about_title {
    display: block;
    text-align: center;
    color: white;
/* 	background: #00000073; */
    padding: 15px;
    top:0;
    position: absolute;
    width: 100%;
    margin: 0;
    font-weight: 500;
    font-size: 18px;
}
.ria_group_about_title span{
	display:none;
	font-weight:400;
	font-size:14px;
	white-space: nowrap;
}
.ria_group_about_child:hover .ria_group_about_title span{
	display:block;
}
.ria_group_about_child_overlay{
	position: absolute;
    bottom: -90%;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background: #00000044;
}
.ria_group_about_child:hover .ria_group_about_child_overlay{
	bottom:0;
	background: #00000073;
	transition:bottom 0.3s ease;
}
.ria_group_about_child:hover .ria_group_about_title{
	top:unset;
	bottom:50%;
	transform:translatey(50%);
	transition:bottom 0.3s ease;
}
.ria_group_about_child.ria_group_child_1 {
    background-position-x: 80%;
}
.ria_group_about_child.ria_group_child_2{
	 background-position-x: 60%;
}
.ria_text_1 span{
	font-weight:500;
}
p.ria_title_page_kh {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
	font-family:'Elle Futura';
}
p.ria_title_page_kh span {
    font-size: 24px;
}
.ria_kh_title_1 {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.ria_kh_list li i{
	font-size: 6px;
	vertical-align:middle;
	color:#ffbf00;
	margin-right:5px
}
.ria_kh_list li{
	font-weight: 500;
    text-transform: uppercase;
	margin-left:0!important;
}
/* .ria_page_title_banner:after {
    content: '';
    background: #00000052;
    width: 1000%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
} */
ul.ria_menu_cus {
    display: flex;
    list-style: none;
	margin: 0;
}
.ria_menu_dropdown {
    display: flex;
    list-style: none;
    margin: 0;
}
ul.ria_list_plain{
	    list-style: none;
}
.ria_menu_dropdown {
    position: fixed;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    justify-content: center;
    background: #d9d9d9e8;
    padding: 60px 30px!important;
    visibility:hidden;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.ria_menu_item:hover .ria_menu_dropdown{
	visibility:visible;
}
.ria_group_image{
	background:url('/wp-content/uploads/2021/12/Web-1920-26-image4.webp');
}
li.ria_menu_item {
    margin: 0 15px;
	z-index:1;
}
li.ria_menu_item a.ria_nav_menu_link{
	font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
	display: inline-block;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	line-height: 90px;
}
.header-wrapper.stuck li.ria_menu_item a.ria_nav_menu_link{
	line-height: 70px;
}
.ria_list_plain li{
	margin:15px 0px;
}
.ria_group_image {
    width: 200px;
    height: 200px;
	background-position: center!important;
    background-origin: border-box!important;
    background-size: cover!important;
}
.ria_dropdown_col{
	padding:0px 30px;
	position:relative;
}
li.ria_dropdown_col:first-child:after {
    content: '';
    width: 2px;
    height: 132px;
    background: #7e7e7e;
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    border-radius: 3px;
}
a.hoverlink {
    font-size: 16px;
    font-weight: 400;
}
.ria_page_banner .banner-layers.container {
    max-width: none!important;
}
.ria_page_title_banner{
	background:rgba(0, 0, 0, 0.32);
}
.ria_page_title_contact{
	color:#ffbf00!important;
	font-size:42px;
	opacity:0.9;
	font-weight:400;
	font-family:'Elle Futura';
}
h6.uppercase.portfolio-box-title {
    font-weight: 400;
    font-size: 22px;
    text-transform: unset;
    color: black;
}
h1.page-title.is-large.uppercase {
    font-size: 26px;
    font-weight: 500;
}
.back-to-top:hover{
	border-color:#ffbf00!important;
	background:#ffbf00!important;
}


.ria_testimo_content span:after {
			content: "|";
			animation: BlInk 0.4s linear infinite alternate;
}

@-webkit-keyframes BlInk{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

@-moz-keyframes BlInk{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

@keyframes BlInk{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.ria_testimo_content .ria_testimo_content_inner_2{
	
	animation:hIdetext 0s linear 3s infinite;
	opacity:1;
}
@-webkit-keyframes hIdetext{
	to{opacity: 1!important;}
}

@-moz-keyframes hIdetext{
to{opacity: 1!important;}
}

@keyframes hIdetext{
	to{opacity: 1!important;}
}
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.ria_testimo_child_slide .flickity-slider > * {
    max-width: 100%!important;
}
	.ria_gallery_home, .ria_group_about {
    flex-direction: column;
    height: 100vh;
}
	.dh_cmt_slide .flickity-slider > * {
    max-width: 100%!important;
}.dh_cmt_slide .flickity-viewport {
    height: 450px!important;
}
	.ria_title span, .ria_title_sec span{
		font-size:36px;
	}
	.ria_title, .ria_title_sec{
		font-size:20px;
		white-space: nowrap;
	}
	.ria_title span:before{
		    height: 36px;
    width: 28px;
    bottom: 0px;
    left: -6px;
	}
	.ria_title:before, .ria_title_sec:before{
		    width: 40px;
    height: 48px;
	}
	.ria_title_1{
		font-size:18px;
	}
	.ria_text_1{
		font-size:14px;
	}
	.nav-vertical .menu-item a {
    color: #6a6a6a;
}
	.ria_page_header_title_1 {
		font-size: 28px;}
	.ria_page_header_title_2 {
	font-size: 16px;}
	.ria_page_title_contact{
	font-size:18px;
}
	h1.page-title.is-large.uppercase {
    font-size: 16px;
}
	.ria_testimo_content{
		height:unset;
	}
}
@media only screen and (max-width: 320px) {
	
}
@media screen and (max-width: 1280px) and (min-width: 768px){
.ria_testimo_child_slide .flickity-slider > * {
    max-width: 50%!important;
}
	.ria_testimo_content{
		height:190px;
	}
}