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

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

/*---------global-----------*/
html{overflow-x:hidden}
body{overflow-x:hidden}

/*---style tiêu đề bài viết trước sau---*/
.nav-previous,
.nav-next {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: auto;
}
/*---style giới hạn chữ bài viết---*/
.blog-archive h5.post-title.is-large {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.6em;
}
.blog-archive p.from_the_blog_excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 3em;
}

/*---style post sidebar---*/
.post-sidebar aside {
    background-color: #fff;
	padding: 5px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    padding: 5px;
}
.widget.widget_search{
	padding: 30px 0 0 0;
	border: 0 solid #eee;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);
}

.post-sidebar .widget-title {
	padding: 20px;
	color: #fff;
	background-color: #ee5978;
	display: block;
}
.post-sidebar .is-divider {
	height: 1.5px;
    display: block;
    background-color: rgba(0,0,0,0);
    margin: 0;
    width: 100%;
    max-width: 100%;
}
.post-sidebar ul {
    font-size: 14px;
	font-weight: bold;
    border: 0px solid #ddd;
    border-radius: 0px;
    padding: 0;
    margin-top: 5px;
    background-color: #fff;
}
.post-sidebar ul li {
    padding: 5px 20px;
}
.post-sidebar ul li:nth-child(odd) {
    background-color: #fafafa;
}
/*.post-sidebar ul li:hover {
    background-color: #ee5978;
}*/
.post-sidebar ul li:hover a {
	color: #ee5978;
}
.post-sidebar ul li+li {
    border-top: 1px solid #f8f8f8;
}
.post-sidebar .recent-blog-posts a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.4em;
    color: #444;
}
.post-sidebar span.post_comments.op-7.block.is-xsmall {
    display: none;
}
.post-sidebar .widget.widget_search {
    padding: 0px 0 0 0;
    border: 0px solid #eee;
}
.post-sidebar input.search-field.mb-0 {
    height: 45px;
    border-radius: 3px 0 0 3px;
}
.post-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    width: 45px;
    height: 45px;
    border-radius: 0 3px 3px 0;
}
/*---end style post sidebar---*/

.mfp-content {
    min-width: 320px !important;
}

/*---z-index sidebar mobile---*/
.mfp-wrap {
	z-index: 900001;
}
/*--------end global--------*/


/*---------header-----------*/
/*---style active nav---*/
.header-main .nav > li {
	margin: 0 15px;
}
.header-main .nav > li:hover > a,
.header-main .nav > li.current-menu-item > a,
.header-main .nav > li.current-menu-parent > a,
.header-main .nav > li.current-post-parent > a,
.header-main .nav > li.current-product-parent > a,
.header-main .nav > li.current_page_parent > a,
.header-main .nav > li.current-product-ancestor > a {
    color: #f15f2a;
}

.header-button a.button.primary {
    padding: 7.5px 30px;
}
.header-button a.button.primary:before {
	content: "\f2a0";
    font-family: FontAwesome;
    font-size: 1.5em;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    color: #fff;
    animation-name: tada;
	-webkit-animation-name: tada;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
/*--------end header--------*/


/*---------content-----------*/
/*-----style contact form-----*/
.form-ct {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
}
.form-ct .form-row {
    padding: 5px;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.form-ct .form-row.w50 {
    width: 50%;
}
.form-ct input,
.form-ct textarea{
	height: 50px;
	border-radius: 5px;
    margin-bottom: 0;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0);
}
.form-ct .center-txt {
    text-align: center;
}
.form-ct .center-txt input{
    min-width: 50%;
}
.form-ct .wpcf7-form-control:focus {
    border-color: #f8b742;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(248, 183, 66, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(248, 183, 66, 0.6);
}
/*---end style contact form---*/

/*---style mona-title---*/
.mona-title {
    margin-bottom: 2em;
}
.mona-title.center-text {
    text-align: center;
}
.mona-title .top-title {
    font-weight: 500;
    font-size: 1em;
    color: #f15f2a;
    position: relative;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1;
}
.mona-title.left-text .top-title {
    margin-left: 65px;
}
.mona-title .top-title:before, .mona-title .top-title:after {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #f15f2a;
    top: 50%;
    margin-top: -1px;
}
.mona-title .top-title:before {
    left: -65px;
}
.mona-title .top-title:after {
    right: -65px;
}
.mona-title .top-title span {
    position: relative;
}
.mona-title .top-title span:before, .mona-title .top-title span:after {
    content: '';
    position: absolute;
    width: 50px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #f15f2a;
    top: 50%;
    margin-top: 0px;
}
.mona-title .top-title span:before {
    left: -65px;
}
.mona-title .top-title span:after {
    right: -65px;
}
.mona-title h2 {
    font-size: 2.5em;
    text-transform: capitalize;
    color: #29272e;
    margin: 0;
}

h1.banner-title,
{
    line-height: 1.2;
}
h1.banner-title span {
	font-size: 1.5em;
	font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
}
p.banner-title {
	font-family: Cabin;
    line-height: 1.2;
    font-size: 3.5em;
    color: #29272e;
    margin-bottom: 0;
}
p.banner-title span {
	font-size: 1.5em;
	font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
}

/*---style btn-mona---*/
.btn-mona {
    padding: 5px 30px;
}

/*---style mona-post---*/
.mona-post .box.box-normal.box-text-bottom.box-blog-post.has-hover {
    padding-bottom: 0;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
	box-shadow: 0 0 10px rgba(0,0,0,.15);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-top: 15px;
}
.mona-post .box.box-normal.box-text-bottom.box-blog-post.has-hover:hover {
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.2);
    box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.mona-post .box.box-normal.box-text-bottom.box-blog-post.has-hover:after {
    content: '';
    position: absolute;
    border: 0;
    height: 2px;
    width: 0;
    left: 50%;
    bottom: 0;
    background-color: #f15f2a;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.mona-post .box.box-normal.box-text-bottom.box-blog-post.has-hover:hover:after {
	left: 0;
    width: 100%;
}
.mona-post img.attachment-original.wp-post-image {
}
.mona-post .box-text {
    padding: 1.2em;
}
.mona-post h5.post-title.is-large {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.6em;
    margin-bottom: 0.5em;
    font-size: 1.2em;
}
.mona-post .post-meta.is-small.op-8 {
    margin-bottom: 1em;
}
.mona-post .post-meta.is-small.op-8:before {
    content: "\f073";
    font-family: FontAwesome;
    margin-right: 10px;
    color: #ffd44c;
}
.mona-post .is-divider {
    display: none;
}
.mona-post p.from_the_blog_excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 3em;
    color: #424242;
}
.mona-post button.button.is-link.is-small.mb-0 {
    text-transform: capitalize;
}
.mona-post button.button.is-link.is-small.mb-0:after {
    content: "\f0da";
    font-family: FontAwesome;
    display: inline-block;
    vertical-align: baseline;
    margin-left: 5px;
    color: #ffd44c;
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: 0;
}

/*---style mona-post duan---*/
.mona-post.duan .badge.post-date {
    top: 52%;
    left: unset;
    right: 5%;
}
.mona-post.duan .badge-inner{
    border: 2px solid #fff;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.mona-post.duan .button {
    margin-top: 0;
}
/*---end style mona-post---*/

/*---style icon-mona-middle---*/
.mona-icon-middle {
    display: table;
	width: auto;
    margin: 0 auto;
}
.mona-icon-middle .icon-box-img,
.mona-icon-middle .icon-box-text {
    display: table-cell;
    vertical-align: middle;
}

/*---style row-tieuchi---*/
.row-tieuchi .icon-box-img .icon-inner svg,
.row-tieuchi .icon-box-img .icon-inner img {
    -webkit-animation: bounce 3s linear infinite;
    animation: bounce 3s linear infinite;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
}
.row-tieuchi .icon-box-text.last-reset p {
    font-size: 1.2em;
    margin-bottom: 0;
}
.row-tieuchi .icon-box-text.last-reset h3 {
    font-size: 2.3em;
    margin-bottom: 0;
}
.row-tieuchi .icon-box-text.last-reset h3 span {
    font-size: 1.2em;
    margin-bottom: 0;
}
/*---end style sec-solieu---*/

/*---style sec-cungcap---*/
.row-cungcap .col-inner {
    padding: 2em;
}
.row-cungcap .button {
    padding: 0;
    margin-bottom: 0;
}

/*---style sec-giaiphap---*/
.row-shadow .col-inner {
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 40px rgba(0,0,0,.08);
    box-shadow: 0 2px 40px rgba(0,0,0,.08);
	padding: 1.6em 1em;
	background-position: center;
    background-color: #fff0;
	-webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.row-shadow .col-inner:hover {
    -webkit-box-shadow: 0 0 20px rgba(1, 146, 255, 0.2);
	box-shadow: 0 0 50px rgba(1, 146, 255, 0.2);
	background-image: url(/wp-content/uploads/2020/01/ft-res-bg.jpg);
    background-position: left;
    background-color: #f15f2a;
}
.row-shadow .col-inner p {
    font-weight: 700;
    color: #33406a;
}
.row-shadow .col-inner:hover p {
    color: #fff;
}
/*---end style sec-giaiphap---*/

/*---style sec-banggia---*/
.row-banggia .pricing-table {
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -webkit-box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0);
    -moz-box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0);
    box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0);
	position: relative;
}
.row-banggia .pricing-table:hover {
    -webkit-box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.5);
    -moz-box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.5);
    box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.5);
}
.row-banggia .pricing-table .title,
.row-banggia .pricing-table .price {
    display: none;
}
.row-banggia .pricing-table .items {
    padding: 30px;
}
.col-thietkerieng .pricing-table .items {
    padding: 60px 30px;
}
.row-banggia .pricing-table .items>div {
    border-bottom: 0px solid #ececec;
}
a.btn-title {
    font-size: 0.8em;
    min-width: 175px;
    padding: 5px 20px;
}
.mona-price {
    font-size: 2em;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
}
.mona-price span {
    font-size: 14px;
    font-weight: 400;
}
.mona-price-info p {
    font-size: 0.9em;
    margin-bottom: 10px;
}
.row-banggia .col-thietkerieng .pricing-table {
    color: #fff;
    background-color: #f15f2a;
    background-image: url(/wp-content/uploads/2020/01/ft-res-bg.jpg);
    background-size: cover;
	-webkit-box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.5);
    -moz-box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.5);
    box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.5);
    position: relative;
}
/*---style sec-banggia---*/

/*---style sec-sohuu---*/
.row-step {
    counter-reset: li-counter;
}
.row-step .col-inner .icon-box-img {
    width: 120px;
    height: 120px;
    padding: 30px;
    transition: all .3s ease;
    border: 1px dashed #7b7b7b;
    border-radius: 50%;
    background-position: center;
    background-color: #fff;
}
.row-step .col-inner:hover .icon-box-img {
    background-image: url(/wp-content/uploads/2020/01/service-image-01.png);
    background-position: left;
    background-color: #f15f2a;
}
.row-step .col-inner .icon-box-img svg {
    color: #f15f2a;
    transition: all .3s ease;
}
.row-step .col-inner:hover .icon-box-img svg {
    color: #fff;
}
.row-step .col-inner .icon-box-img:before {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 15px;
    width: 35px;
    height: 35px;
    line-height: 30px;
    border-radius: 50%;
    border: 2px solid #f3f3f3;
    background-color: #fff;
    color: #3f3e44;
    content: counter(li-counter);
    counter-increment: li-counter;
    transition: all .3s ease;
}
.row-step .col-inner:hover .icon-box-img:before {
    background-color: #f15f2a;
    color: #fff;
}
.row-step h3 {
	font-weight: 400;
	line-height: 1.2;
}
/*---end style sec-sohuu---*/

/*---style sec-quytrinh trang gioithieu---*/
.mona-acc-step {
    counter-reset: li-counter;
}
.mona-acc-step .accordion-item {
    margin-bottom: 5px;
}
.mona-acc-step .accordion-title {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    padding: .7em 3em;
}
.mona-acc-step .accordion-title.active,
.mona-acc-step .accordion-title:hover {
    border: 1px solid #f15f2a;
}
.mona-acc-step .accordion-title:before {
    position: absolute;
    left: 10px;
    top: 8px;
    width: 35px;
    height: 35px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #f3f3f3;
    background-color: #fff;
    color: #3f3e44;
    content: counter(li-counter);
    counter-increment: li-counter;
    transition: all .3s ease;
}
.mona-acc-step.accordion .toggle {
    left: unset;
    right: 0;
}
.mona-acc-step .accordion-title.active:before ,
.mona-acc-step .accordion-title:hover:before {
    border: 1px solid #f15f2a;
}
/*---end style sec-quytrinh---*/
/*--------end content--------*/


/*---------footer-----------*/
.sec-footer h3 {
	font-size: 1.5em;
	letter-spacing: 1px;
}
.sec-footer p{
    color: #1c1d3e;
    margin-bottom: 0.8em;
}
.sec-footer a{
    color: #f15f2a;
}
.sec-footer a:hover{
    color: #ffd44c !important;
}
.sec-footer .social-icons a {
	color: unset;
}
.sec-footer .social-icons a.icon {
	font-size: 1em;
    margin-left: 0;
    margin-right: 0.8em;
    padding: 10px;
    border: 1px solid #e7e7e7;
    border-radius: 99px
}

.mona-sidebar-footer ul {
    margin: 0;
	margin-top: -5px;
}
.mona-sidebar-footer ul.menu>li+li, 
.mona-sidebar-footer .widget>ul>li+li {
	border-top: 0px dashed rgba(238, 238, 238, 0.3);
}

.mona-sidebar-footer ul > li:hover > a,
.mona-sidebar-footer ul > li.current-menu-item > a,
.mona-sidebar-footer ul > li.current-menu-parent > a,
.mona-sidebar-footer ul > li.current-post-parent > a,
.mona-sidebar-footer ul > li.current_page_parent > a,
.mona-sidebar-footer ul > li.current-product-parent > a,
.mona-sidebar-footer ul > li.current-product-ancestor > a {
    color: #ff5500;
}

/*---style form dang ky---*/
.sec-footer form.wpcf7-form {
    margin-bottom: 0;
}
.sec-footer .wpcf7 p {
    display: inline-flex;
}
.sec-footer input#email-dang-ky {
    height: 40px;
    border-radius: 3px 0 0 3px;
	border-right: 0;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0);
}
.sec-footer input#btn-gui {
    height: 40px;
    border-radius: 0 3px 3px 0;
}
.mona-hiden{
	display:none !important;
}
#btn-gui-icon {
    height: 40px;
    border-radius: 0 3px 3px 0;
    color: #02a010;
    background-color: #fff;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0);
    border: 1px solid #ddd;
    border-left: 0;
    cursor: pointer;
    width: 40px;
    line-height: 40px;
    text-align: center;
}

.absolute-footer {
    padding: 30px 0 30px;
}
/*--------end footer--------*/

/*-----style tablet mode-----*/
@media screen and (max-width: 849px){
		
}
/*---end style tablet mode---*/
/*-----style mobile mode-----*/
@media screen and (max-width: 549px){

}
/*---end style mobile mode---*/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/*---animation keyframe---*/
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/*---animate bounce---*/
@-webkit-keyframes bounce {
    0%   { -webkit-transform: translateY(0); }
    0%   { transform: translateY(0); }
    25%  { -webkit-transform: translateY(-8px); }
    25%  { transform: translateY(-8px); }
    50%  { -webkit-transform: translateY(0); }
    50%  { transform: translateY(0); }
    75%  { -webkit-transform: translateY(8px); }
    75%  { transform: translateY(8px); }
    100% { -webkit-transform: translateY(0); }
    100% { transform: translateY(0); }
}
@keyframes bounce {
    0%   { -webkit-transform: translateY(0); }
    0%   { transform: translateY(0); }
    25%  { -webkit-transform: translateY(-8px); }
    25%  { transform: translateY(-8px); }
    50%  { -webkit-transform: translateY(0); }
    50%  { transform: translateY(0); }
    75%  { -webkit-transform: translateY(8px); }
    75%  { transform: translateY(8px); }
    100% { -webkit-transform: translateY(0); }
    100% { transform: translateY(0); }
}
/*---end animation keyframe---*/