/*
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.   ***************/
body {
	max-width: 100%;
	overflow: hidden;
}
@media only screen and (min-width: 1024px) {
    .widget ul.menu > li {
        position: relative;
    }
    .widget ul > li.has-child:hover >.sub-menu{
        display:block !important;
    }
    .widget ul.menu ul.sub-menu {
        display: none !important;
        position: absolute;
        width: 100%; 
        left:99%;
        top: 0;
        z-index: 999;
        border: 1px solid #e1e1e1 !important;
        background: #fff;
        margin: 0;
        padding: 0;
    }
    .widget .toggle{
        transform: rotate(-90deg);
        margin-right: 10px;
    }
    .widget ul.menu>li li {
        padding: 2px 0;
        border-bottom: 1px solid #e1e1e1;
    }
}


/* */
body.nav-dropdown-has-border .nav-dropdown {
    border: none;
    padding: 0;
}
body.nav-dropdown-has-border .nav-dropdown a {
	padding: 0 !important;
    margin: 0 !important;
    border-radius: 0;
    line-height: 34px;
    text-indent: 11px;
}
body.nav-dropdown-has-border .nav-dropdown a:after {
	content: '';
    display: block;
    margin: auto;
    height: 3px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}
body.nav-dropdown-has-border .nav-dropdown a:hover {
	color: #b90e0a;
}
body.nav-dropdown-has-border .nav-dropdown a:hover:after {
	width: 96%;
    background: #e21a27;
}
.post_comments  {
    display: none;
}

/* Sidebar */

/* */
.blog-single .article-inner > .entry-header {
    display: none;
}
/* */
.product-small.box ins *,
.product-small.box .price > .amount * {
    color: red;
    font-size: 16px;
}
.product-small.box del * {
    color: #333;
}
.product-small.box .product-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 22px;
    height: 44px;
}
.product-small.box .box-image img {
    height: 200px;
    object-fit: cover;
}
/* */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
.pulse {
    transition: all 150ms linear 0s;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

blockquote {

    font-size: 110%;
    color:#666;

    margin: 0 auto;
    border-left:0px;
    margin-left: 20px;
    padding-bottom: 50px;
}
blockquote h1 {
    font-size: 3rem;
}
blockquote p {
    font-style: italic;
    margin-bottom: 0;
}
blockquote p::before,
blockquote p::after {
    content: "“";
    font-family: Georgia;
    font-size: 6rem;
    margin: -3rem 0 0 -4rem;
    position: absolute;
    opacity: 0.5;
    color:var(--primary-color);
}
blockquote p::after {
    content: "”";
    margin: -2rem -3rem 0 0;
}
blockquote cite {
    font-size: 1.5rem;
}
.col.post-item .post-title {
    margin-bottom: 15px;
}
/* */
.ses-lydo .medium-4 {
    flex-basis: 400px;
    max-width: 400px;
}
.ses-lydo .medium-8 {
    flex-basis: calc( 100% - 400px );
    max-width: calc( 100% - 400px );
}
.ses-lydo .lydo-col1 .section-title-normal span {
    position: relative;
}
.ses-lydo .lydo-col1 .section-title-normal span:after {
    content: '';
    width: 100px;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    bottom: -2px;
}
.ses-lydo .lydo-col1 .section-title-normal {
    margin-bottom: 15px;
}
/* */
.row-ccgp.row-collapse {
    display: none; 
}
@media only screen and (min-width: 1025px ) {
    .row-ccgp.row-collapse {
        padding: 10px;
/*         background: rgb(145, 26, 40); */
        position: absolute;
        top: -175px;
    }
    .row-giaiphap .medium-3 .col-inner:hover > .row-ccgp.row-collapse {
        display: block;
		cursor: pointer;
    }
}
.section-title-normal span {
	border: none;
}
.section-title-normal span:after {
content: '';
    width: 20%;
    height: 2px;
    background: #B90E0A;
    display: block;
    position: absolute;
    bottom: -2px;	
}
/* */
.text-lydo ul {
	margin: 0;
	list-style: none;
}
.text-lydo ul li {
	border-bottom: 1px dashed #fff;
	margin: 0 !important;
	overflow: hidden;
	padding: 16px 0;
}
.text-lydo ul li:last-child {
	border: none;
}
.text-lydo ul li strong {
    width: 70px;
    display: block;
    float: left;
}
.text-lydo ul li em {
	width: calc(100% - 70px - 17px);
    display: block;
    float: right;
    line-height: 1.6em;
    font-size: 1em;
    font-style: initial;
}
/* */
.cus-blog2 .post-title {
	font-size: 16px;
}
.cus-blog1 .post-title {
	font-size: 20px;
}
.cus-blog1 .from_the_blog_excerpt  {
	font-size: 16px;
}
.cus-blog1 .button {
	background: #CCCCCC !important;
	color: #333 !important;
}
/* */
.but-dktv {
    position: absolute;
    right: 0;
    top: 263px;
    margin: 0;
}
/* */
.tab-lydo .icon-angle-down:before {
    display: none;
}
.tab-lydo .icon-angle-down {
    background: url(images/but-tru.png) center center no-repeat;
    width: 25px;
    height: 25px; background-size:contain;
}
.tab-lydo .accordion-title.active .icon-angle-down {
    background: url(images/tab-at.png) center center no-repeat; background-size:contain;
}
.tab-lydo .accordion-inner,
.tab-lydo .accordion-title {
    padding-left: 50px; padding-top:15px; padding-bottom:10px;
}

/* */
.tab-lotrinh .nav {
    justify-content: space-between;
    align-items: flex-start;
}
.tab-lotrinh .nav li {
    margin-right: 88px;
    position: relative;
}
.tab-lotrinh .nav li:after {
    content: '';
    display: block;
    background: url(images/bg-line.png) center center no-repeat;
    position: absolute;
    right: -80px;
    top: 44px;
    width: 72px;
    height: 2px;
}
.tab-lotrinh .nav li:last-child {
    margin-right: 0;
}
.tab-lotrinh .nav li:last-child:after {
    display: none;
}
.tab-lotrinh .nav li a {
    display: table-caption;
    text-align: center;
}
.tab-lotrinh .nav li a:before {
    content: '';
    background: url(images/lotrinh1.png) center top no-repeat;
    font-size: 14px;
    display: block;
    width: 80px;
    height: 68px;
    text-align: center;
    line-height: 22px;
    opacity: 1 !important;
    visibility: visible !important;
}
.tab-lotrinh .nav li:nth-child(2) a:before {
    background: url(images/lotrinh2.png) center top no-repeat;
}
.tab-lotrinh .nav li:nth-child(3) a:before {
    background: url(images/lotrinh3.png) center top no-repeat;
}
.tab-lotrinh .nav li:nth-child(4) a:before {
    background: url(images/lotrinh4.png) center top no-repeat;
}
.tab-lotrinh .nav li:nth-child(5) a:before {
    background: url(images/lotrinh5.png) center top no-repeat;
}
.tab-lotrinh .nav li:nth-child(6) a:before {
    background: url(images/lotrinh6.png) center top no-repeat;
    width: 89px;
}
.tab-lotrinh .nav li a span {
     color:#1565C8;
}
.tab-lotrinh .nav li.active a span {
    color: #b90e0a;
}
.tab-lotrinh .section-title-normal {
    border: none;
}
.tab-lotrinh .section-title-normal span {
    position: relative;
}
.tab-lotrinh .section-title-normal span:after {
    background: #1565C8;
    width: 100%;
}
.tab-lotrinh .entry-content .section-title-normal span:before {
    content: '';
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    background: #1565C8;
    text-align: center;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    margin: 0px 10px 0 0;
    position: relative;
    top: -3px;
}
.tab-lotrinh .entry-content:nth-child(1) .section-title-normal span:before {
    content: '1';
}
.tab-lotrinh .entry-content:nth-child(2) .section-title-normal span:before {
    content: '2';
}
.tab-lotrinh .entry-content:nth-child(3) .section-title-normal span:before {
    content: '3';
}
.tab-lotrinh .entry-content:nth-child(4) .section-title-normal span:before {
    content: '4';
}
.tab-lotrinh .entry-content:nth-child(5) .section-title-normal span:before {
    content: '5';
}
.tab-lotrinh .entry-content:nth-child(6) .section-title-normal span:before {
    content: '6';
}

.tab-lotrinh .entry-content .content-tab-dh {
    height: 230px;
    overflow: auto;
    padding-right: 20px;
}
/* Track */
/*::-webkit-scrollbar {
  width: 5px;
}*/

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  background: #e1e1e1;
  border-radius: 10px;
}
 
/* Handle */
/*::-webkit-scrollbar-thumb {
  background: #B90E0A; 
  border-radius: 10px;
}*/

/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}*/
/* */
.slider-hocvien .testimonial-box .star-rating {
    margin-bottom: 30px;
}
.slider-hocvien .testimonial-box .testimonial-text * {
    font-style: initial;
}
.slider-hocvien .testimonial-box .icon-box-img {
    position: absolute;
    bottom: 45px;
    width: 100% !important;
    text-align: center;
}
.slider-hocvien .testimonial-box .icon-box-img img {
    height: 148px;
    width: auto;
}
.slider-hocvien .testimonial-box .testimonial-meta {
    padding-top: 200px;
}
.slider-hocvien .testimonial-box .icon-box-img:before {
    content: '';
    display: block;
    width: 50%;
    height: 2px;
    background: #CCCCCC;
    margin: 0 auto 20px;
}

.slider-hocvien .testimonial-box .testimonial-company,
.slider-hocvien .testimonial-box .testimonial-name{
    display: block;
}
.slider-hocvien .testimonial-box .testimonial-name-divider {
    display: none;
}
.slider-hocvien .flickity-page-dots {
    bottom: -20px;
}
.footer-section1 .form-flat input:not([type="submit"]) {
    color: #000 !important;
}

/* */
.galler-video {
    overflow: hidden;
}
.galler-video .left-video {
    width: 67%;
    float: left;
}
.galler-video .right-video {
    width: calc( 100% - 67% - 20px );
    float: right;
}
.item-video iframe {
    width: 100%;
}
.item-video .title-video {
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 0;
}
.item-video .post-meta {
    color: #919191;
    font-size: 14px;
}
.right-video ul {
    height: 450px;
    overflow: auto;
}
.right-video ul li {
    overflow: hidden;
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}
.right-video ul li:nth-child(1) {
    padding-top: 0;
}
.right-video ul li:last-child {
    border: none;
}
.right-video ul li .img-thumb {
    width: 160px;
    float: left;
}
.right-video ul li .img-thumb img {
    width: 100%;
    height: 80px;
    object-fit: cover;
}
.right-video ul li .meta-video {
    width: calc( 100% - 160px - 20px );
    float: right;
}
.right-video ul li .title-video {
    font-size: 14px;
    margin-bottom: 10px;
}
.right-video ul li .post-meta {
    font-size: 14px;
    color: #919191;
}
.right-video ul li .item-video {
    display: none;
}
.list-post-video.active {
    background: #000;
}
/* */
.row-dk .img  {
	margin-bottom: 0 !important;
}
.row-dk .button  {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
	z-index: 1;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .blog-archive .post-sidebar.col {
        padding: 0 15px !important;
    }
    .ses-lydo .medium-8,
    .ses-lydo .medium-4 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .tab-lotrinh.tabbed-content .tab {
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 30px 0;
    }
    .tab-lotrinh.tabbed-content .nav { 
        display: -webkit-flex;
        display: -ms-flexbox;
        display: grid;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        flex-direction: unset;
        -webkit-flex-flow: unset;
        flex-flow: unset;
        -webkit-justify-content: unset;
        justify-content: unset;
        -webkit-align-items: unset;
        align-items: unset;
        padding: 0 15px;
        background: none;
        width: 80%;
        margin: auto;

    }
    ::-webkit-scrollbar{height:3px;-webkit-overflow-scrolling: touch;}
    ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-webkit-overflow-scrolling: touch;}
    ::-webkit-scrollbar-thumb{border:4px solid #B90E0A}
    .tab-lotrinh .nav li {
        margin-right: 35px;
    }
    .tab-lotrinh .nav li a {
        display: flex;
    }
    .tab-lotrinh .nav li:nth-child(odd) a span {
        position: absolute;
        right: 0;
    }
    .tab-lotrinh .nav li:nth-child(even) a span {
        position: absolute;
        left: 0;
        margin-left: 0;
        margin-right: 10px;
        text-align: right;
    }
    .tab-lotrinh .nav li a span {
        width: 100px;
        display: block;
        text-align: left;
        margin-left: 10px;
    }
    .but-dktv {
        top: 162px;
    }
    .section-title-normal span {
        font-size: 100% !important;
    }
    .tab-lotrinh .nav li:after {
        content: '';
        display: block;
        background: url(images/Line-43.png) center center no-repeat;
        position: absolute;
        left: 50%;
        bottom: -25px;
        top: auto;
        width: 1px;
        height: 24px;
    }
    .galler-video .right-video,
    .galler-video .left-video {
        width: 100%;
    }
    .cus-blog2 .box-vertical {
        display: flex;
    }
    .cus-blog2 .box-vertical .box-image {
        width: 45% !important;
        margin-right: 20px;
    }
    .galler-video .left-video {
        border-bottom: 1px solid #fff;
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
    .item-video iframe {
        height: auto;
        min-height: 225px;
    }
    .tab-lydo .accordion-title {
        font-size: 15px;
    }
    .tab-lydo .accordion-inner {
        padding-left: 15px;
    }
    .ses-lotrinh .section-bg {
        background: #e1e1e1 !important;
    }
    .ses-lotrinh .section-bg:before {
        content: '';
        display: block;
        background: url(images/lotrinh-left.png) center top no-repeat;
        width: 156px;
        height: 145px;
        position: absolute;
        right: 0;
    }
        .ses-lotrinh .section-bg:after {
        content: '';
        display: block;
        background: url(images/lotrinh-right.png) center top no-repeat;
        width: 194px;
        height: 180px;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .tab-lotrinh .tab-panels {
    	display: none;
    }
	.row-dk .img .img-inner {
		padding-top: 235px !important;
	}
}
.page-wrapper {
    padding-top: 0;
}
.blog-archive > .row {
    padding-top: 40px;
}