/*
Theme Name: Minh Dương ADS Theme
Theme URI: https://minhduongads.com/
Author: Minh Dương
Author URI: https://minhduongads.com/
Description: Giao diện được nghiện cứu, chọn lọc phù hợp với từng ngành nghề kinh doanh. Tương thích trên mọi thiết bị hiển thị như: PC, Laptop, mobile, tablet. Áp dụng công nghệ Reponsive Web Design, web mobile được thiết kế phải có khả năng tự động điều chỉnh để hiện thị trên những thiết bị có kích thước màn hình khách nhau.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shtheme
Tags: html5, css3 , bootstrap 4, jquery, responsive, cslick-carousel, ...

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
## Sidebar - Widgets
# Content
	## Posts and pages
	## Comments
# Media
	## Captions
	## Galleries
## Layout construct
## Shortcode
## Footer
## Menu Mobile
## Custom css
## Responsive
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
    /* @import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i&subset=vietnamese'); */
    
    html {
        font-size: 62.5%;
    }
    
    body {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 14px;
        background: #fff;
    }
    
    a {
        color: #f37e02;
        transition: all 0.3s ease-in-out;
    }
    
    a:hover {
        color: #f37e02;
    }
    
    a:hover,
    a:active,
    a:focus,
    a:visited {
        text-decoration: none
    }
    
    img {
        max-width: 100%;
        height: auto
    }
    
    .site-boxed {
        max-width: 1140px;
        margin: 0 auto;
    }
    
    .site-boxed .container {
        padding-left: 0;
        padding-right: 0;
    }
    /*--------------------------------------------------------------
# Custom css
--------------------------------------------------------------*/
    /* Font size - px */
    
    .fontsize-10 {
        font-size: 10px;
    }
    
    .fontsize-11 {
        font-size: 11px;
    }
    
    .fontsize-12 {
        font-size: 12px;
    }
    
    .fontsize-13 {
        font-size: 13px;
    }
    
    .fontsize-14 {
        font-size: 14px;
    }
    
    .fontsize-15 {
        font-size: 15px;
    }
    
    .fontsize-16 {
        font-size: 16px;
    }
    
    .fontsize-17 {
        font-size: 17px;
    }
    
    .fontsize-18 {
        font-size: 18px;
    }
    
    .fontsize-19 {
        font-size: 19px;
    }
    
    .fontsize-20 {
        font-size: 20px;
    }
    
    .fontsize-21 {
        font-size: 21px;
    }
    
    .fontsize-22 {
        font-size: 22px;
    }
    
    .fontsize-23 {
        font-size: 23px;
    }
    
    .fontsize-24 {
        font-size: 24px;
    }
    
    .fontsize-25 {
        font-size: 25px;
    }
    
    .fontsize-26 {
        font-size: 26px;
    }
    
    .fontsize-27 {
        font-size: 27px;
    }
    
    .fontsize-28 {
        font-size: 28px;
    }
    
    .fontsize-29 {
        font-size: 29px;
    }
    
    .fontsize-30 {
        font-size: 30px;
    }
    
    .fontsize-31 {
        font-size: 31px;
    }
    
    .fontsize-32 {
        font-size: 32px;
    }
    
    .fontsize-33 {
        font-size: 33px;
    }
    
    .fontsize-34 {
        font-size: 34px;
    }
    
    .fontsize-35 {
        font-size: 35px;
    }
    
    .fontsize-36 {
        font-size: 36px;
    }
    
    .fontsize-37 {
        font-size: 37px;
    }
    
    .fontsize-38 {
        font-size: 38px;
    }
    
    .fontsize-39 {
        font-size: 39px;
    }
    
    .fontsize-40 {
        font-size: 40px;
    }
    
    .fontsize-50 {
        font-size: 50px;
    }
    
    .fontsize-60 {
        font-size: 60px;
    }
    
    .fontsize-70 {
        font-size: 70px;
    }
    
    .font-weight-300 {
        font-weight: 300;
    }
    
    .font-weight-400 {
        font-weight: 400;
    }
    
    .font-weight-500 {
        font-weight: 500;
    }
    
    .font-weight-600 {
        font-weight: 600;
    }
    
    .font-weight-700 {
        font-weight: 700;
    }
    
    .font-weight-800 {
        font-weight: 800;
    }
    
    .font-weight-900 {
        font-weight: 900;
    }
    
    .font-website-bold {
        font-weight: bold;
    }
    
    .flex-box-center {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    
    .flex-box-column {
        flex-direction: column;
    }
    
    .border-radius-5 {
        border-radius: 5px;
    }
    
    .justify-content-left {
        justify-content: left
    }
    
    .w-35 {
        width: 35% !important;
    }
    /*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
    
    .site-title,
    .site-description {
        font-size: 0;
        margin: 0
    }
    
    .site-header .header-content {
        position: relative;
        padding: 20px 0px;
    }
    /* Header style 1 */
    
    .header-banner #showmenu {
        right: 15px;
    }
    /* Header style 2 */
    
    .site-header.header-logo .logo img {
        margin: 10px 0;
    }
    /* Header style 3 */
    /*--------------------------------------------------------------
# Main Navigation
--------------------------------------------------------------*/
    
    .main-navigation ul {
        padding: 0;
        margin: 0;
        position: relative;
    }
    
    .main-navigation ul.menu li {
        position: relative;
        display: block;
    }
    
    .main-navigation ul.menu>li {
        float: left;
    }
    
    .main-navigation ul.menu li a {
        font-size: 14px;
        color: #333333;
        display: block;
        white-space: nowrap;
        padding: 8px 0px;
        font-weight: normal;
    }
    
    .main-navigation ul.menu>li>a {
        font-size: 14px;
        font-weight: 500;
        padding: 0 25px 0px 0px;
        line-height: 50px;
        height: 50px;
        color: #282828;
        text-transform: uppercase;
    }
    
    .main-navigation ul.menu>li.menu-item-has-children>a:after {
        content: "\f107";
        font-family: Font Awesome\ 5 Free;
        font-weight: 900;
        margin-left: 5px;
    }
    
    .main-navigation ul.menu>li.menu-item-has-children:hover>a:after {
        content: "\f106";
    }
    
    .main-navigation ul.menu>li.li-home>a:before {
        content: "\f015";
        font-family: Font Awesome\ 5 Free;
        font-weight: 900;
        margin-right: 5px;
    }
    
    .main-navigation ul.menu>li>a:hover,
    .main-navigation ul.menu>li.current-menu-item>a,
    .site-header.logo-left .main-navigation ul.menu>li>a:hover,
    .site-header.logo-left .main-navigation ul.menu>li.current-menu-item>a {
        color: #f37d01;
    }
    /* Submenu 1 */
    
    .main-navigation ul ul {
        background-color: #fff;
        border-top: 2px solid #f37e02;
        min-width: 210px;
        left: 0;
        position: absolute;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
        opacity: 0;
        visibility: hidden;
        z-index: 99999;
        -webkit-transition: 0.2s ease-out;
        -moz-transition: 0.2s ease-out;
        transition: 0.2s ease-out;
        -webkit-transform: translate3d(0, 20px, 0);
        -moz-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        -o-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    
    .main-navigation ul li:hover>ul {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
    .main-navigation ul.menu ul>li>a:hover,
    .main-navigation ul.menu ul>li.current-menu-item>a,
    .site-header.logo-left .main-navigation ul.menu ul>li>a:hover,
    .site-header.logo-left .main-navigation ul.menu ul>li.current-menu-item>a {
        color: #f37e02;
    }
    
    .main-navigation ul ul li:last-child a {
        border-bottom: none;
    }
    
    .main-navigation ul ul li.menu-item-has-children>a:before {
        content: "\f0da";
        float: right;
        margin-right: -14px;
        font-family: Font Awesome\ 5 Free;
        font-weight: 900;
        line-height: 22px;
    }
    /* Submenu 2 */
    
    .main-navigation ul ul ul {
        position: absolute;
        left: 80%;
        top: -2px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: transform 0.2s ease-out;
        -moz-transition: transform 0.2s ease-out;
        transition: transform 0.2s ease-out;
    }
    
    .main-navigation ul ul ul li {
        width: 100%;
        opacity: 1;
    }
    
    .main-navigation ul ul li:hover>ul {
        opacity: 1;
        left: 100%;
        visibility: visible;
    }
    
    .site-header.header-banner .main-navigation,
    .site-header.header-logo-style2 .main-navigation {
        background: #fff;
    }
    
    .site-header.header-logo .main-navigation {
        background: none;
    }
    
    .site-header.header-logo .main-navigation ul.menu {
        float: right;
    }
    
    .site-header.header-logo .main-navigation ul.menu>li {
        margin-right: 30px;
    }
    
    .site-header.header-logo .main-navigation ul.menu>li:last-child {
        margin-right: 0;
    }
    
    .site-header.header-logo .main-navigation ul.menu>li>a {
        color: #333333;
        padding: 0;
        line-height: 80px;
        height: 80px;
    }
    /** Mega menu **/
    /** Mega Menu **/
    
    .header-content .align-items-center {
        position: relative;
    }
    
    .header-content .align-items-center .col-xl-9.col-lg-10 {
        position: initial;
    }
    
    #site-navigation ul#primary-menu li.mega-menu.menu-item-has-children>ul.sub-menu {
        width: 100%;
        left: 0px;
        padding: 10px 0px;
    }
    
    #site-navigation ul#primary-menu li.mega-menu>ul.sub-menu>li {
        width: 25%;
        float: left;
    }
    
    #site-navigation ul#primary-menu li.mega-menu li.menu-item-has-children>ul.sub-menu,
    #site-navigation ul#primary-menu li.mega-menu>ul.sub-menu {
        width: 100%;
    }
    
    #site-navigation ul#primary-menu li.mega-menu>ul.sub-menu {
        width: 100%;
    }
    
    #site-navigation ul#primary-menu li.mega-menu>ul ul {
        margin: 0px;
        position: initial;
    }
    
    .main-navigation ul#primary-menu li.mega-menu:hover>ul.sub-menu li ul.sub-menu {
        opacity: 1;
        visibility: visible;
    }
    
    .main-navigation li.mega-menu ul ul {
        transform: initial;
    }
    
    .main-navigation li.mega-menu ul ul {
        border-top: 0px;
    }
    
    .main-navigation li.mega-menu ul ul {
        box-shadow: 0px 0px 0px 0px;
    }
    
    .main-navigation ul li.mega-menu ul li.menu-item-has-children>a:before {
        display: none;
    }
    /* .main-navigation ul.menu li ul.sub-menu>li>a::before {
        content: "\f105";
        font-family: Font Awesome\ 5 Free;
        font-weight: 900;
        position: absolute;
        font-size: 17px;
        left: 0px;
        top: 8px;
        color: #ed1c24;
    } */
    
    #site-navigation ul#primary-menu li.mega-menu.menu-item-has-children>ul.sub-menu>li:last-child:after {
        display: none;
    }
    
    #site-navigation ul#primary-menu li.mega-menu.menu-item-has-children {
        position: initial;
    }
    
    .main-navigation ul.menu li ul.sub-menu>li {
        padding: 0px 10px;
    }
    
    .main-navigation ul.menu li ul.sub-menu ul.sub-menu>li {
        padding: 0px;
    }
    
    .main-navigation ul.menu li ul.sub-menu li.menu-item-has-children>a {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        padding-left: 0px;
        color: #282828;
    }
    /*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
    
    .title-home {
        position: relative;
    }
    
    .title-home::after {
        content: " ";
        left: 0;
        right: 0;
        bottom: 8px;
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #dcdbd9;
        z-index: -2;
    }
    
    .title-home a {
        font-weight: 500;
        font-size: 22px;
        text-transform: uppercase;
        text-align: center;
        line-height: 24px;
        padding-left: 45px;
        padding-right: 45px;
        background-color: #fff;
        color: #000;
        z-index: 1;
    }
    
    .page-title,
    h1.entry-title {
        font-size: 22px;
        font-weight: 600;
        color: #f37e02;
        margin: 5px 0 10px 0;
    }
    
    .page-title-bar {
        padding: 20px 0 10px 0;
        margin-bottom: 20px;
    }
    
    .page-title-bar .title {
        font-size: 24px;
        line-height: 1.4;
        margin-top: 0;
    }
    
    .breadcrumb {
        padding: 5px 0;
        margin-bottom: 10px;
        background: none;
        color: #333333;
    }
    
    #back-top {
        margin: 0
    }
    
    #back-top a {
        display: block;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s
    }
    
    #back-top span {
        border-radius: 5px;
        display: inline-block;
        height: 40px;
        width: 40px;
        position: fixed;
        bottom: 15%;
        right: 30px;
        z-index: 9;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        background: #f37e02 url(lib/images/top.png) no-repeat center 50%;
        opacity: 1;
        -webkit-transition: opacity .3s 0s, visibility 0s .3s;
        -moz-transition: opacity .3s 0s, visibility 0s .3s;
        transition: opacity .3s 0s, visibility 0s .3s
    }
    
    #back-top span:hover {
        opacity: 1
    }
    
    iframe[name='google_conversion_frame'] {
        height: 0 !important;
        width: 0 !important;
        line-height: 0 !important;
        font-size: 0 !important;
        margin-top: -13px;
        float: left
    }
    
    .col-xs-15,
    .col-sm-15,
    .col-md-15,
    .col-lg-15 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
    
    .col-xs-15 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    
    @media (min-width: 768px) {
        .col-sm-15 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }
    
    @media (min-width: 992px) {
        .col-md-15 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }
    
    @media (min-width: 1200px) {
        .col-lg-15 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }
    
    .wpcf7 label {
        font-weight: 600;
        display: block
    }
    
    .wpcf7 div.wpcf7-validation-errors {
        margin: 2em 0 1em
    }
    
    .wpcf7 span.wpcf7-not-valid-tip {
        margin: 5px 0
    }
    
    .page_nav {
        text-align: center;
        margin-bottom: 20px;
    }
    
    .page_nav * {
        display: inline-block;
        padding: 3px 10px;
        background: #FFF;
        border: 1px solid #f37e02;
        margin: 0;
    }
    
    .page_nav .current,
    .page_nav .page-numbers:hover {
        background: #f37e02;
        color: #FFF;
    }
    
    .screen-reader-text {
        display: none
    }
    
    .btn {
        font-size: 14px;
        background: #f37e02;
        color: #FFF;
    }
    
    .btn.focus,
    .btn:focus,
    .btn:hover {
        color: #FFF;
        box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
    }
    
    .btn-primary {
        border-color: #f37e02;
    }
    
    .btn-primary:hover {
        color: #fff;
        background-color: #f37e02;
        border-color: #f37e02;
    }
    
    .form-control {
        height: 34px;
        font-size: 14px;
    }
    
    textarea.form-control {
        height: 160px;
    }
    /*--------------------------------------------------------------
## Css Scrollbar
--------------------------------------------------------------*/
    
     ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
        border-radius: 10px;
    }
    
     ::-webkit-scrollbar {
        width: 8px;
        background-color: #F5F5F5;
    }
    
     ::-webkit-scrollbar-thumb {
        background-color: #807d7d;
        border-radius: 8px;
    }
    /*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
    
    .alignleft {
        display: inline;
        float: left;
        margin-right: 1.5em
    }
    
    .alignright {
        display: inline;
        float: right;
        margin-left: 1.5em
    }
    
    .aligncenter {
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    /*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
    
    .content-sidebar-wrap:before,
    .content-sidebar-wrap:after {
        clear: both;
        display: table;
        content: " "
    }
    
    .clear:before,
    .clear:after,
    .entry-content:before,
    .entry-content:after,
    .comment-content:before,
    .comment-content:after,
    .site-header:before,
    .site-header:after,
    .site-content:before,
    .site-content:after,
    .site-footer:before,
    .site-footer:after {
        content: "";
        display: table;
        table-layout: fixed
    }
    
    .clear:after,
    .entry-content:after,
    .comment-content:after,
    .site-header:after,
    .site-content:after,
    .site-footer:after {
        clear: both
    }
    /*--------------------------------------------------------------
# Sidebar - Widgets
--------------------------------------------------------------*/
    
    .widget {
        margin: 0 0 1.5em;
    }
    
    .widget select {
        max-width: 100%;
    }
    
    .sidebar .widget {
        background: #fff;
        margin: 0 0 20px 0;
    }
    
    .sidebar .widget-title {
        line-height: 30px;
        font-size: 14px;
        color: #FFF;
        font-weight: 600;
        text-transform: uppercase;
        text-align: left;
        background: #1f1f1f;
        padding: 10px 10px;
        margin: 0;
    }
    
    .sidebar .widget-title::before {
        content: "\f0c9";
        font-family: Font Awesome\ 5 Free;
        font-weight: 900;
        padding-right: 5px;
    }
    
    .sidebar .widget ul {
        padding: 0;
    }
    
    .sidebar .widget_nav_menu>div,
    .widget_supports .list-supporter,
    .sidebar .content-feature-page,
    .sidebar .slider-products,
    .sidebar .list-post-item,
    .sidebar .widget_text .textwidget,
    .sidebar .widget_recently_viewed_products .product_list_widget {
        border-top: none;
    }
    
    .sidebar .widget_list_posts .list-post-item,
    .sidebar .widget_list_view_posts .list-post-item,
    .sidebar .widget .content-feature-page,
    .sidebar .textwidget,
    .sidebar .widget_recently_viewed_products .product_list_widget {
        padding: 15px 0px;
    }
    
    .sidebar .widget:not(.widget_slider_products) ul {
        margin: 0;
    }
    
    .sidebar .widget:not(.widget_slider_products) ul li {
        display: block;
    }
    
    .sidebar-primary .slick-vertical .slick-slide {
        padding-bottom: 15px;
        border-bottom: 1px dashed #ebebeb;
    }
    /* Widget Custom Menu */
    
    .sidebar .widget_nav_menu ul li {
        position: relative;
        padding: 8px 10px;
    }
    
    .sidebar .widget_nav_menu ul.menu>li:not(:last-child) {
        border-bottom: 1px solid #cccccc;
    }
    
    .sidebar .widget_nav_menu ul li a {
        font-size: 14px;
        font-weight: normal;
        display: block;
        color: #333333;
    }
    
    .sidebar .widget_nav_menu ul li a:before {
        content: '';
        display: inline-block;
        width: 5px;
        height: 5px;
        background: #f37e02;
        border-radius: 50%;
        margin-right: 5px;
    }
    
    .sidebar .widget_nav_menu .menu-item-has-children .sub-menu {
        background: #FFF;
        position: absolute;
        top: -1px;
        left: 100%;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        min-width: 200px;
        border: 1px solid #cccccc;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        -moz-transform: translate(40px, 0);
        -webkit-transform: translate(40px, 0);
        transform: translate(40px, 0);
    }
    
    .content-sidebar .sidebar .widget_nav_menu .menu-item-has-children .sub-menu,
    .sidebar-content-sidebar .sidebar.sidebar-secondary .widget_nav_menu .menu-item-has-children .sub-menu {
        right: 100%;
        left: initial;
        -moz-transform: translate(-40px, 0);
        -webkit-transform: translate(-40px, 0);
        transform: translate(-40px, 0);
    }
    
    .sidebar .widget_nav_menu .menu-item-has-children:hover>.sub-menu,
    .content-sidebar .sidebar .widget_nav_menu .menu-item-has-children:hover .sub-menu,
    .sidebar-content-sidebar .sidebar.sidebar-secondary .widget_nav_menu .menu-item-has-children:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    /* Widget Search */
    
    .search-form label {
        width: 100%;
        margin-bottom: 0;
    }
    
    .search-form input[type=search],
    .search-form input[type=submit] {
        height: 29px;
        outline: none;
        border: none;
    }
    
    .search-form input[type=search] {
        width: 100%;
        background: none;
        color: #FFF;
        font-weight: normal;
        padding: 4px 39px 4px 10px;
    }
    
    .search-form input[type=submit] {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        background: url(lib/images/btsearch.png) center center no-repeat;
        text-indent: -9999px;
        width: 29px;
        cursor: pointer;
    }
    
    .search-form input[type=search]::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #FFF;
    }
    
    .search-form input[type=search]::-moz-placeholder {
        /* Firefox 19+ */
        color: #FFF;
    }
    
    .search-form input[type=search]:-ms-input-placeholder {
        /* IE 10+ */
        color: #FFF;
    }
    
    .search-form input[type=search]:-moz-placeholder {
        /* Firefox 18- */
        color: #FFF;
    }
    
    .sidebar .search-form {
        padding: 4px 12px;
        background: #176fc8;
        overflow: hidden;
    }
    
    .site-header .search-form {
        position: absolute;
        top: 6px;
        right: 5px;
        z-index: 9;
        width: 200px;
        border-radius: 3px;
        background: #FFF;
        overflow: hidden;
    }
    
    .site-header input[type=search] {
        color: #333333
    }
    /* Widget Recent Posts */
    
    .sidebar .widget_recent_entries ul li {
        padding: 5px 10px;
        border-bottom: 1px solid #cccccc
    }
    
    .sidebar .widget_recent_entries ul li:last-child {
        border-bottom: none;
    }
    
    .sidebar .widget_recent_entries .post-date {
        display: block;
    }
    /* Widget Recent Posts */
    
    .widget .list-post-item li {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px dashed #ebebeb;
    }
    
    .widget .list-post-item li:last-child {
        margin-bottom: 0;
        border-bottom: 0;
    }
    
    .widget .list-post-item .post:after {
        clear: both;
    }
    
    .widget .list-post-item .alignleft {
        width: 100px;
        margin-right: 10px;
    }
    
    .widget .list-post-item .alignright {
        width: 100px;
        margin-left: 10px;
    }
    
    .widget .list-post-item .aligncenter {
        text-align: center;
    }
    
    .widget .list-post-item h3 {
        margin: 0 0 5px 0;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.2;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    
    .widget .list-post-item h3 a {
        color: inherit;
    }
    /* Widget Support */
    
    @media (min-width: 1200px) {
        .widget_supports .list-supporter {
            padding-top: 190px;
            background-image: url(lib/images/bg-support.png);
            background-repeat: no-repeat;
            background-position: top center;
            background-size: contain;
        }
    }
    
    .widget_supports .support-style-1 {
        background-color: #FFF;
    }
    
    .widget_supports .support-style-1 .supporter {
        padding: 0 10px 10px 10px;
    }
    
    .widget_supports .support-style-1 li {
        padding: 5px 0;
        font-size: 14px;
        color: #333;
        border-top: 1px solid #333;
    }
    
    .widget_supports .support-style-1 li:first-child {
        border-top: none;
    }
    
    .widget_supports .support-style-1 li:last-child {
        border-bottom: none;
    }
    
    .widget_supports .support-style-1 i {
        width: 22px;
        margin-right: 12px;
    }
    
    .widget_supports .support-style-2 .supporter {
        margin: 0 8px;
        padding: 5px 8px 5px 50px;
        border-top: 1px solid #dddddd;
        background: url(lib/images/ic-phone.png) 7px 10px no-repeat;
        position: relative;
    }
    
    .widget_supports .support-style-2 .supporter:first-child {
        border-top: none;
    }
    
    .widget_supports .support-style-2 .name {
        font-weight: 600;
    }
    
    .widget_supports .support-style-2 .phone {
        font-size: 20px;
        color: #ff0000;
        font-weight: 600;
    }
    
    .widget_supports .support-style-2 .skype {
        position: absolute;
        right: 7px;
        bottom: 10px;
        z-index: 1;
    }
    
    .widget_supports .list-supporter .email {
        padding: 5px 10px;
        font-weight: 600;
        line-height: 20px;
    }
    
    .widget_supports .support-style-2 .email a {
        color: #333333;
    }
    
    .widget_supports .support-style-3 .supporter:not(:last-child) {
        border-bottom: 1px solid #dfdfdf;
    }
    
    .widget_supports .support-style-3 ul {
        position: relative;
        padding: 8px 10px;
    }
    
    .widget_supports .support-style-3 .name {
        font-size: 12px;
        color: #333333;
    }
    
    .widget_supports .support-style-3 .phone {
        font-size: 20px;
        line-height: 24px;
        font-weight: bold;
        color: #e70c0c;
    }
    
    .widget_supports .support-style-3 .social {
        position: absolute;
        bottom: 10px;
        right: 8px;
        z-index: 1;
    }
    
    .widget_supports .support-style-3 .social a {
        display: inline-block;
        margin-left: 4px;
    }
    /* Widget Slider Products */
    
    .sidebar .content-feature-page,
    .sidebar .slider-products {
        padding: 10px 10px 0 10px;
    }
    
    html .widget_slider_products .slick-carousel.slick-dotted.slick-slider {
        margin: 0;
    }
    
    .item-product-slide {
        overflow: hidden;
        margin-bottom: 15px;
    }
    
    .item-product-slide:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }
    
    .item-product-slide .alignleft,
    .item-product-slide .alignright {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
        width: 100px;
        height: 100px;
        background: #FFF;
    }
    
    .item-product-slide .alignleft {
        margin-right: 15px;
    }
    
    .item-product-slide .alignright {
        margin-left: 15px;
    }
    
    .item-product-slide .alignleft>div,
    .item-product-slide .alignright>div {
        width: 100%;
    }
    
    .slick-slide.item-product-slide img {
        width: auto;
        display: inline-block;
        max-height: 100px;
        max-width: 100px;
    }
    
    .item-product-slide .alignnone img {
        margin: 0 auto 10px;
    }
    
    .item-product-slide h3 {
        margin: 5px 0;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.2;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    
    .item-product-slide h3 a {
        color: #333333;
    }
    
    .item-product-slide .price {
        font-weight: bold;
        color: #ff0000;
        margin: 0;
    }
    
    .item-product-slide .price ins,
    .item-product-slide .price del {
        display: block;
        text-decoration: none;
    }
    
    .item-product-slide .price ins {
        margin-right: 0;
    }
    
    .item-product-slide .price del {
        text-decoration: line-through;
        font-weight: normal;
        color: #666666;
    }
    /* Widget Slider Posts */
    
    .sidebar .widget_listpost_widget ul {
        padding: 20px 10px;
        background: #fafafa;
    }
    /* Slick Slider */
    
    html .slick-carousel.slick-dotted.slick-slider {
        padding-bottom: 40px;
    }
    
    .slick-slider .slick-slide,
    .slick-slider .slick-slide a {
        outline: none;
    }
    
    .slick-slider .slick-next,
    .slick-slider .slick-prev {
        z-index: 1;
        width: 30px;
        height: 30px;
        background: #f37e02;
    }
    
    .slick-slider .slick-next {
        right: -15px;
    }
    
    .slick-slider .slick-prev {
        left: -15px;
    }
    
    .slick-slider .slick-arrow:before {
        font-family: Font Awesome\ 5 Free !important;
        font-weight: bold;
    }
    
    .slick-prev:before {
        content: "\f053" !important;
    }
    
    .slick-next:before {
        content: "\f054" !important;
    }
    
    .slick-slider .slick-next:before,
    .slick-slider .slick-prev:before {
        color: #fff;
        font-size: 14px;
        opacity: 1;
    }
    
    .slick-slider .slick-dots {
        bottom: 10px;
    }
    
    .slick-slider .slick-dots li button:before {
        font-size: 14px;
        color: #d8d8d8;
    }
    
    .slick-slider .slick-dots li {
        margin: 0;
    }
    
    .slick-slider .slick-dots li.slick-active button:before {
        color: #f37e02;
        opacity: 1;
    }
    
    @media ( max-width: 575.5px) {
        .slick-slider .slick-prev {
            left: 5px;
        }
        .slick-slider .slick-next {
            right: 5px;
        }
    }
    
    .slick-slider {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
    
    .slick-slide {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    /* Widget Featured Page */
    
    .widget_featuredpage .entry-title {
        font-size: 15px;
        font-weight: 600;
        line-height: 1.4;
        margin: 0;
    }
    
    .widget_featuredpage .entry-title a {
        color: #f37e02;
    }
    
    .widget_featuredpage .alignleft,
    .widget_featuredpage .alignright {
        width: 30%;
    }
    
    .widget_featuredpage .alignleft {
        margin-right: 10px;
    }
    
    .widget_featuredpage .alignright {
        margin-left: 10px;
    }
    
    .widget_featuredpage .aligncenter {
        margin-bottom: 10px;
    }
    
    .widget_featuredpage p {
        font-size: 13px;
        text-align: justify;
    }
    /* Widget Information */
    
    .widget_information li {
        padding: 3px 0 3px 22px;
        position: relative;
    }
    
    .widget_information i {
        font-size: 12px;
        position: absolute;
        left: 0;
        top: 7px;
        width: 14px;
        text-align: center;
    }
    
    .widget_information li.label-company {
        padding-left: 0;
        text-transform: uppercase;
        font-weight: bold;
    }
    
    .widget_information li.label-company i {
        display: none;
    }
    /* Widget Social */
    
    .widget_social ul {
        margin: 0;
        padding: 0;
    }
    
    .widget_social ul li {
        display: inline-block;
        margin-right: 5px;
    }
    
    .widget_social ul li a {
        display: inline-block;
        height: 30px;
        width: 30px;
        line-height: 30px;
        color: #333;
        background: #fff;
        box-shadow: 0 3px 5px #616161;
        border-radius: 50%;
        font-size: 16px;
        text-align: center;
        transition: all 0.3s ease-out;
    }
    
    .widget_social .icon_facebook a {
        color: #3b5999
    }
    
    .widget_social .icon_twitter a {
        color: #55acee
    }
    
    .widget_social .icon_google a {
        color: #dd4b39
    }
    
    .widget_social .icon_youtube a {
        color: #cd201f
    }
    
    .widget_social .icon_linkedin a {
        color: #0077B5
    }
    
    .widget_social .icon_pinterest a {
        color: #bd081c
    }
    
    .widget_social .icon_instagram a {
        color: #e4405f
    }
    
    .widget_social ul li a:hover {
        transform: translateY(-5px)
    }
    /* Widget Tag Cloud */
    
    .tagcloud a {
        font-size: 14px !important;
        display: inline-block;
        border: 1px solid #f37e02;
        margin: 0 3px 5px 0;
        padding: 2px 5px;
        border-radius: 3px;
        color: #f37e02;
    }
    
    .tagcloud a:hover {
        background: #f37e02;
        color: #FFF;
    }
    /* Count Per Day */
    
    .sidebar .cpd {
        padding: 5px 10px;
    }
    
    .sidebar .cpd li {
        padding: 5px 0;
        border-bottom: 1px solid #cccccc;
    }
    
    .sidebar .cpd li:last-child {
        border-bottom: none;
    }
    /* Slider */
    
    html .theme-default .nivo-controlNav {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
    }
    /*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
    
    .sticky {
        display: block
    }
    
    .hentry {
        margin: 0 0 1.5em
    }
    
    .byline,
    .updated:not(.published) {
        display: none
    }
    
    .single .byline,
    .group-blog .byline {
        display: inline
    }
    
    .page-links {
        clear: both;
        margin: 0 0 1.5em
    }
    
    .single article.post .entry-content {
        line-height: 25px;
        margin-bottom: 20px;
    }
    
    .single .entry-content table tr td {
        padding: 8px;
        line-height: 1.42857143;
    }
    
    .entry-meta {
        font-size: 13px;
        margin-bottom: 15px;
    }
    
    .entry-meta span {
        color: #747474;
        display: inline-block;
        margin-right: 10px;
    }
    
    .entry-meta span i {
        color: #747474;
    }
    
    .socials-share {
        padding: 20px 0 15px 0;
        margin-bottom: 20px;
        border-top: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
    }
    
    .socials-share .fb_iframe_widget {
        position: relative;
        top: -6px;
    }
    
    .post-next-prev {
        border-bottom: 1px solid #ebebeb;
        margin: 20px 0;
    }
    
    .post-next-prev-content span {
        display: block;
        font-size: 12px;
        color: #c1c1c1;
        margin-bottom: 7px;
    }
    
    .post-next-prev-content a {
        display: block;
        color: #222;
        margin-bottom: 20px;
    }
    
    .related-posts {
        margin-bottom: 30px;
    }
    
    .related-posts .related-title {
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 15px;
        text-transform: uppercase;
    }
    
    .related-posts ul {
        padding-left: 0;
        list-style-position: inside;
    }
    
    .related-posts ul li {
        margin-bottom: 5px;
    }
    
    .related-posts ul li a {
        color: #333333;
    }
    
    .sidebar .widget_nav_menu ul li a:hover,
    .post-next-prev-content a:hover,
    .related-posts ul li a:hover,
    .item-product-slide h3 a:hover,
    .widget .list-post-item h3 a:hover,
    .new-list article .more-link {
        color: #f37e02;
    }
    /*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
    
    .comments-area .comment-list .comment-content a {
        word-wrap: break-word
    }
    
    .comment-form label {
        display: block
    }
    
    .comment-form textarea,
    .comment-form input[type="text"],
    .comment-form input[type="email"],
    .comment-form input[type="url"] {
        width: 100%;
        padding: 5px 10px
    }
    
    .comment-form input,
    .comment-form textarea {
        border: 1px solid rgba(51, 51, 51, 0.1);
        color: rgba(51, 51, 51, 0.7)
    }
    
    .comment-form input[type="submit"] {
        background: #f37e02;
        color: #FFF;
        padding: 5px 10px
    }
    
    .comment-list {
        list-style: none;
        margin: 0;
        padding: 0
    }
    
    .comment-list article,
    .comment-list .pingback,
    .comment-list .trackback {
        border-top: 1px solid #eaeaea;
        border-top: 1px solid rgba(51, 51, 51, 0.1);
        padding: 1.6em 0
    }
    
    .comment-content {
        padding: 10px 20px 45px;
        margin: 25px 0 0;
        font-size: 15px;
        border: 1px solid #dfdfdf;
        border-radius: 3px;
        line-height: 1.5em !important
    }
    
    .comment-list li .reply {
        position: absolute;
        margin: -45px 0 0 10px;
        padding: 5px 10px
    }
    
    .comment-list .children {
        list-style: none;
        margin: 0
    }
    
    .comment-list .children>li {
        padding-left: 0.8em
    }
    
    .comment-author {
        padding: 10px 5px 0
    }
    
    .comment-list li .avatar {
        background: #fff;
        float: left;
        margin: 0 10px 0 0px;
        border-radius: 50%;
        -moz-border-radius: 50%
    }
    
    .comment-list p,
    .ping-list p {
        font-weight: normal;
        text-transform: none;
        margin: 10px 5px 10px 0;
        padding: 0;
        word-wrap: break-word
    }
    
    .comment-list li .fn,
    .comment-list li .cfn {
        font-size: 16px;
        display: inline-block;
        margin: 10px 0 0
    }
    
    .comment-list li .says {
        display: none
    }
    /* Extra Comments */
    
    #formcmmaxweb {
        margin-bottom: 20px
    }
    
    #formcmmaxweb textarea.form-control {
        height: auto;
    }
    
    span.title_comment {
        font-size: 20px;
        color: #606664;
        line-height: 1.3em;
        font-weight: 700;
        margin: 15px 0;
        display: block
    }
    
    .comment-author.vcard {
        width: 25px
    }
    
    .comment-author.vcard {
        float: left;
        clear: both;
        z-index: 2;
        position: relative;
        text-align: center
    }
    
    .commentlist {
        margin-top: 10px
    }
    
    .commentlist li {
        overflow: hidden;
        clear: both;
        margin-bottom: 10px
    }
    
    .commentlist .children {
        margin-top: 10px
    }
    
    .commentBody em {
        color: red
    }
    
    .commentBody {
        position: relative;
        margin-left: 35px;
        overflow: hidden
    }
    
    .comment-meta.commentmetadata {
        position: relative;
        padding: 0;
        margin: 0 0 5px
    }
    
    .noidungcomment {
        font-size: 14px;
        line-height: 22px
    }
    
    .cancel-comment-reply a {
        display: block;
        margin: 5px 0;
        font-size: 14px;
        text-decoration: none;
        color: #a9883f
    }
    
    .nocomments {
        border-color: #D98D8D;
        background-color: #FFCECE;
        background-position: left -792px;
        color: #665252;
        padding: 10px
    }
    
    .comment-meta.commentmetadata .ngaythang {
        position: absolute;
        top: 0;
        right: 0;
        color: #f37e02;
        opacity: .3;
        font-size: 12px
    }
    
    .commentBody:hover .comment-meta.commentmetadata .ngaythang {
        opacity: 1
    }
    
    .commentBody .reply {
        float: right;
        margin: 0;
        position: absolute;
        bottom: 0;
        right: 0
    }
    
    .comment-meta.commentmetadata .fn {
        font-weight: 700;
        color: #333;
        margin: 0;
        text-transform: capitalize;
        font-size: 16px;
        line-height: 22px;
        margin-top: 2px
    }
    
    ol.commentlist_mw,
    ol.commentlist_mw ul.children {
        list-style: none;
        padding: 0;
    }
    
    ol.commentlist_mw li {
        margin-bottom: 10px
    }
    
    ol.commentlist_mw>ul.children {
        margin: 10px 0 15px 35px;
        background: #f8f8f8;
        padding: 10px;
        position: relative;
        border: 1px solid #dfdfdf;
    }
    
    ol.commentlist_mw>ul.children:before {
        content: '';
        position: absolute;
        top: -11px;
        left: 13px;
        width: 0;
        height: 0;
        border-bottom: 11px solid #dfdfdf;
        border-left: 11px solid rgba(238, 238, 238, 0);
        border-right: 11px solid rgba(238, 238, 238, 0);
    }
    
    ol.commentlist_mw>ul.children:after {
        content: '';
        position: absolute;
        top: -10px;
        left: 14px;
        width: 0;
        height: 0;
        border-bottom: 10px solid #f8f8f8;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent
    }
    
    div.error {
        color: red;
        font-size: 14px;
        text-align: left;
        line-height: 16px;
        margin: 10px 0 0
    }
    
    .tools_comment a {
        color: #f37e02;
        font-size: 14px;
        position: relative;
        padding: 0 15px 0 0;
        margin: 0 7px 0 0;
        line-height: 14px
    }
    
    .tools_comment a:after {
        content: "";
        width: 4px;
        height: 4px;
        top: 50%;
        margin-top: -2px;
        background: #999;
        position: absolute;
        right: 0;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%
    }
    
    .tools_comment a:last-child:after {
        display: none
    }
    
    .tools_comment a:last-child {
        padding: 0;
        margin: 0
    }
    
    .noidungcomment p {
        margin: 0 0 5px
    }
    /*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
    
    .page-content .wp-smiley,
    .entry-content .wp-smiley,
    .comment-content .wp-smiley {
        border: none;
        margin-bottom: 0;
        margin-top: 0;
        padding: 0
    }
    /* Make sure embeds and iframes fit their containers. */
    
    embed,
    iframe,
    object {
        max-width: 100%
    }
    /*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
    
    .wp-caption {
        margin-bottom: 1.5em;
        max-width: 100%
    }
    
    .wp-caption img[class*="wp-image-"] {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    
    .wp-caption .wp-caption-text {
        margin: 0.8075em 0
    }
    
    .wp-caption-text {
        text-align: center
    }
    /*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
    
    .gallery {
        margin-bottom: 1.5em
    }
    
    .gallery-item {
        display: inline-block;
        text-align: center;
        vertical-align: top;
        width: 100%
    }
    
    .gallery-columns-2 .gallery-item {
        max-width: 50%
    }
    
    .gallery-columns-3 .gallery-item {
        max-width: 33.33%
    }
    
    .gallery-columns-4 .gallery-item {
        max-width: 25%
    }
    
    .gallery-columns-5 .gallery-item {
        max-width: 20%
    }
    
    .gallery-columns-6 .gallery-item {
        max-width: 16.66%
    }
    
    .gallery-columns-7 .gallery-item {
        max-width: 14.28%
    }
    
    .gallery-columns-8 .gallery-item {
        max-width: 12.5%
    }
    
    .gallery-columns-9 .gallery-item {
        max-width: 11.11%
    }
    
    .gallery-caption {
        display: block
    }
    /*--------------------------------------------------------------
## Layout construct 
--------------------------------------------------------------*/
    
    @media (min-width: 992px) {
        .sidebar-content .site-main,
        .content-sidebar .site-main {
            float: right;
            width: 74.5%;
        }
        .sidebar-content .sidebar,
        .content-sidebar .sidebar {
            float: left;
            width: 23.5%;
        }
        .content-sidebar .site-main {
            float: left;
        }
        .content-sidebar .sidebar {
            float: right;
        }
        .sidebar-content-sidebar .content-sidebar-wrap,
        .sidebar-sidebar-content .content-sidebar-wrap,
        .content-sidebar-sidebar .content-sidebar-wrap {
            float: left;
            width: 75.5%;
        }
        .sidebar-content-sidebar .site-main,
        .sidebar-sidebar-content .site-main,
        .content-sidebar-sidebar .site-main {
            float: right;
            width: 67.5496689%;
        }
        .sidebar-content-sidebar .sidebar-primary,
        .sidebar-sidebar-content .sidebar-primary,
        .content-sidebar-sidebar .sidebar-primary {
            float: left;
            width: 31.1258278%;
        }
        .sidebar-content-sidebar .sidebar-secondary,
        .sidebar-sidebar-content .sidebar-secondary {
            float: right;
            width: 23.5%;
        }
        .sidebar-sidebar-content .sidebar {
            float: left;
        }
        .sidebar-sidebar-content .content-sidebar-wrap {
            float: right;
        }
        .content-sidebar-sidebar .sidebar-primary {
            float: right;
        }
        .content-sidebar-sidebar .sidebar-secondary {
            float: right;
            width: 23.5%;
        }
        .content-sidebar-sidebar .site-main {
            float: left;
        }
    }
    
    .site-content {
        padding-top: 25px;
    }
    
    .home .site-content {
        padding-top: 0;
    }
    
    .page-template-page-fullwidth .site-main {
        width: 100%;
    }
    /*--------------------------------------------------------------
## Category
--------------------------------------------------------------*/
    
    .sh-blog-shortcode.style-1 .element.item-new {
        margin-bottom: 0;
    }
    
    .sh-blog-shortcode.style-1 .element.item-new .post-inner {
        margin-bottom: 25px;
    }
    
    .sh-blog-shortcode.style-1 .element.item-new .post-inner {
        padding: 15px 15px;
        background: #fff;
        border-radius: 5px;
        box-shadow: 1px 1px 5px -2px rgb(0 0 0 / 0.2);
    }
    
    .sh-blog-shortcode .element.item-new .entry-description {
        color: #747474;
    }
    
    .sh-blog-shortcode .element.item-new .btn {
        border-radius: 20px;
    }
    
    .sh-blog-shortcode .element.item-new .view-detail {
        color: #f37e02;
    }
    
    .sh-blog-shortcode .element.item-new .view-detail i {
        display: none;
    }
    
    .sh-blog-shortcode .element.item-new .entry-thumb {
        /* padding: 2px;
    box-shadow: 0 0 2px 0 #b5b5b5; */
    }
    /*--------------------------------------------------------------
## Shortcode 
--------------------------------------------------------------*/
    
    .sh-blog-shortcode .element .entry-content {
        margin: 0;
    }
    
    .sh-blog-shortcode .element .entry-thumb a {
        overflow: hidden;
        display: block;
    }
    
    .sh-blog-shortcode .element .entry-thumb a img {
        width: 100%;
        height: auto;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out
    }
    
    .sh-blog-shortcode .element .entry-thumb a img:hover {
        transform: scale(1.1);
        -webkit-transform: scale(1.1)
    }
    
    .sh-blog-shortcode .element .entry-meta {
        color: #888;
        font-style: italic;
        margin-bottom: 5px;
    }
    
    .sh-blog-shortcode .element .entry-meta i {
        margin-right: 5px;
    }
    
    .sh-blog-shortcode .element .entry-title {
        margin: 10px 0 5px 0;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.2;
    }
    
    .sh-blog-shortcode .element .entry-title a {
        color: #333;
    }
    
    .sh-blog-shortcode .element .entry-description {
        text-align: justify;
        line-height: 1.4;
    }
    /* Blog Shortcode 1 */
    
    .sh-blog-shortcode.style-1 .element .entry-thumb {
        float: left;
        width: 30%;
        margin-right: 15px;
    }
    
    .sh-blog-shortcode.style-1 .element .entry-title {
        margin: 0 0 5px 0;
    }
    
    .sh-blog-shortcode.style-1 .element .entry-title a {
        color: #333333;
    }
    
    .sh-blog-shortcode.style-1 .element .entry-title a:hover {
        color: #f37e02;
    }
    
    .sh-blog-shortcode.style-1 .element .entry-description p {
        margin-bottom: 5px;
    }
    /* Blog Shortcode 2 */
    /* Blog Shortcode 3 */
    /* Blog Shortcode 4 */
    /* Blog Shortcode 5 */
    
    .sh-blog-shortcode.style-5 .entry-thumb {
        float: left;
        width: 110px;
        margin-right: 15px;
    }
    
    .sh-blog-shortcode.style-5 .element .entry-title {
        margin-top: 0;
    }
    
    .sh-blog-shortcode.style-5 .element .entry-description {
        font-size: 13px;
    }
    /* Blog Shortcode 6 */
    
    .sh-blog-shortcode.style-6 .entry-thumb {
        padding: 0px;
        background: #FFF;
        border: 0px solid #cdcdcd;
    }
    
    .sh-blog-shortcode.style-6 .entry-title a {
        color: #333333;
    }
    
    .sh-blog-shortcode.style-6 .entry-title a:hover {
        color: #f37e02;
    }
    
    .sh-blog-shortcode.style-6 .first-element-layout,
    .sh-blog-shortcode.style-6 .second-element-layout {
        margin-bottom: 20px;
    }
    
    .sh-blog-shortcode.style-6 .first-element-layout .element {
        margin-bottom: 0;
    }
    
    .sh-blog-shortcode.style-6 .second-element-layout .entry-thumb {
        float: left;
        width: 160px;
        margin-right: 15px;
    }
    
    .sh-blog-shortcode.style-6 .second-element-layout .entry-title {
        margin-top: 0;
    }
    
    .sh-blog-shortcode.style-6 .second-element-layout .element:not(:last-child) {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px dashed #dfdfdf;
    }
    
    .sh-blog-shortcode.style-6 .second-element-layout .element:last-child {
        margin-bottom: 0;
    }
    /* Blog Shortcode 7 */
    
    .sh-blog-shortcode.style-7 .first-element-layout .element .entry-thumb {
        float: left;
        width: 30%;
        margin-right: 20px;
    }
    
    .sh-blog-shortcode.style-7 .first-element-layout .element .entry-title {
        margin: 0 0 5px 0;
    }
    
    .sh-blog-shortcode.style-7 .second-element-layout {
        margin-bottom: 20px;
    }
    
    .sh-blog-shortcode.style-7 .second-element-layout .element {
        margin-bottom: 5px;
    }
    
    .sh-blog-shortcode.style-7 .second-element-layout .element .entry-title {
        margin: 0;
    }
    
    .sh-blog-shortcode.style-7 .second-element-layout .element .entry-title a:before {
        content: '';
        display: inline-block;
        width: 5px;
        height: 5px;
        background: #f37e02;
        border-radius: 50%;
        position: relative;
        top: -2px;
        margin-right: 5px;
    }
    /* Blog Shortcode 8 */
    
    .sh-blog-shortcode.style-8 .element {
        margin-bottom: 30px;
    }
    
    .sh-blog-shortcode.style-8 .element .post-inner {
        position: relative;
    }
    
    .sh-blog-shortcode.style-8 .element .entry-content {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9;
        background-color: rgb(0, 0, 0, .5);
        padding: 10px 10px;
    }
    
    .sh-blog-shortcode.style-8 .element .entry-title {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
    }
    
    .sh-blog-shortcode.style-8 .element .entry-title a {
        display: block;
        color: #FFF;
        max-height: 40px;
        overflow: hidden;
    }
    
    .sh-blog-shortcode.style-8 .element .entry-title a:hover {
        text-decoration: underline;
    }
    
    @media (max-width: 414px) {
        .sh-blog-shortcode .element {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
    }
    /*--------------------------------------------------------------
## Menu Mobile 
--------------------------------------------------------------*/
    
    .navbar {
        margin-bottom: 0;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        background: #FFF;
        z-index: 999999;
        background: #f37e02;
        padding: 0 15px;
        position: relative;
    }
    
    .navbar-brand {
        color: #FFF !important;
        height: 46px;
        padding: 12px 0;
        font-size: 16px;
        font-weight: bold;
        /*position: absolute;
	left: 50%;
    transform: translate(-50%, 0);*/
    }
    
    .navbar-brand img {
        max-height: 30px;
    }
    
    #mobilenav {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 9999999;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
        -webkit-transform: translate(-110%, 0px);
        -moz-transform: translate(-110%, 0px);
        -ms-transform: translate(-110%, 0px);
        -o-transform: translate(-110%, 0px);
        transform: translate(-110%, 0px);
    }
    
    #mobilenav.opened {
        -webkit-transform: translate(0, 0px);
        -moz-transform: translate(0, 0px);
        -ms-transform: translate(0, 0px);
        -o-transform: translate(0, 0px);
        transform: translate(0, 0px);
    }
    
    .mobilenav__inner {
        background: #1e1e1e;
        max-width: 84%;
        position: relative;
        height: 100%;
    }
    
    .mobilenav__inner .menu-top-menu-container {
        height: calc( 100% - 128px);
        overflow: auto;
    }
    
    .mobilenav__inner .menu_close {
        position: absolute;
        top: 0;
        right: -20%;
        background: rgba(0, 0, 0, 0.4);
        padding: 10px;
        cursor: pointer;
        width: 20%;
        height: 100%;
        cursor: pointer;
    }
    
    .mobilenav__inner .menu_close i {
        font-size: 18px;
        top: 50%;
        left: 0;
        border-radius: 0 40px 40px 0;
        padding: 10px;
        position: absolute;
        background: #1e1e1e;
        border-left: 1px solid #000000;
        color: #fff;
        transform: translateY(-50%);
    }
    
    .toplg {
        padding: 50px 15px 40px 15px;
        text-align: center;
    }
    
    .toplg img {
        max-width: 150px;
        margin: 0 auto;
    }
    
    #mobilenav h3 {
        color: #f2f2f2;
        font-size: 28px;
    }
    
    #mobilenav .mobile-menu {
        margin: 0;
        padding: 0;
    }
    
    #mobilenav .mobilenav__inner>div:not(.toplg) {
        overflow-y: auto;
        height: calc( 100% - 128px);
    }
    
    #mobilenav li {
        display: block;
        position: relative;
        overflow: auto;
    }
    
    #mobilenav li a {
        color: #fff;
        position: relative;
        display: block;
        margin: 0;
        padding: 10px 15px;
        font-size: 14px;
        border-bottom: solid 1px #161b1f;
        border-top: solid 1px #4b4e50;
        -webkit-transition: all 0.35s linear;
        -moz-transition: all 0.35s linear;
        -o-transition: all 0.35s linear;
        transition: all 0.35s linear;
    }
    
    #mobilenav ul.mobile-menu>li>a {
        background: #262d33;
    }
    
    #mobilenav .arrow {
        position: absolute;
        top: 0;
        right: 0;
        width: 43px;
        height: 43px;
        cursor: pointer;
        text-align: center;
        font-family: "Font Awesome\ 5 Free";
        font-weight: 900;
        line-height: 25px;
        color: #FFF;
        background: rgba(255, 255, 255, 0.085);
        -webkit-transition: all 0.25s ease 0s;
        -moz-transition: all 0.25s ease 0s;
        transition: all 0.25s ease 0s;
    }
    
    #mobilenav .arrow:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        content: "\f107";
        font-size: 18px;
        left: 43%;
    }
    
    #mobilenav ul ul.sub-menu {
        background: #363f48;
    }
    
    #mobilenav ul>li.menu-item-has-children.open>.arrow:before {
        content: "\f106";
    }
    
    #mobilenav ul.sub-menu {
        display: none;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .panel-overlay {
        opacity: 0;
        filter: alpha(opacity=0);
    }
    
    .panel-overlay.active {
        background: #000;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 999999;
        min-height: 100vh;
        opacity: 0.6;
        filter: alpha(opacity=35);
        -webkit-transition: opacity 0.2s ease-in-out 0s;
        -moz-transition: opacity 0.2s ease-in-out 0s;
        transition: opacity 0.2s ease-in-out 0s;
    }
    
    #showmenu {
        position: absolute;
        top: 10px;
        right: 0;
        z-index: 5;
    }
    
    #hamburger .hamburger {
        margin-left: 10px
    }
    
    .hamburger {
        display: inline-block;
        width: 30px;
        height: 30px;
        cursor: pointer;
        -webkit-transition-property: opacity, -webkit-filter;
        transition-property: opacity, filter;
        transition-property: opacity, filter, -webkit-filter;
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        font: inherit;
        color: inherit;
        text-transform: none;
        background-color: transparent;
        border: 0;
        margin: 0;
        overflow: visible
    }
    
    .hamburger-box {
        width: 30px;
        height: 24px;
        display: inline-block;
        position: relative
    }
    
    .hamburger-inner {
        display: block;
        top: 50%;
        margin-top: -2px
    }
    
    .hamburger-inner,
    .hamburger-inner::after,
    .hamburger-inner::before {
        width: 30px;
        height: 3px;
        background-color: #FFF;
        border-radius: 2px;
        position: absolute;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease
    }
    
    .hamburger-inner::after,
    .hamburger-inner::before {
        content: "";
        display: block
    }
    
    .hamburger-inner::before {
        top: -10px
    }
    
    .hamburger-inner::after {
        bottom: -10px
    }
    
    .hamburger--collapse .hamburger-inner::before {
        -webkit-transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
        transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19);
        transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
    }
    
    .hamburger--collapse .hamburger-inner::after {
        top: -20px;
        -webkit-transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
        transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
    }
    
    .hamburger--collapse .hamburger-inner {
        top: auto;
        bottom: 0;
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        -webkit-transition-delay: .15s;
        transition-delay: .15s;
        -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
        transition-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    
    .hamburger--collapse.is-active .hamburger-inner {
        -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
        transform: translate3d(0, -10px, 0) rotate(-45deg);
        -webkit-transition-delay: .32s;
        transition-delay: .32s;
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    
    .hamburger--collapse.is-active .hamburger-inner::before {
        top: 0;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1);
        transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1);
        transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1)
    }
    
    .hamburger--collapse.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        -webkit-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear;
        transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear
    }
    
    .site-header:not(.header-banner) .hamburger-inner,
    .site-header:not(.header-banner) .hamburger-inner::after,
    .site-header:not(.header-banner) .hamburger-inner::before {
        background-color: #f37e02
    }
    /*--------------------------------------------------------------
## Footer 
--------------------------------------------------------------*/
    
    .site-footer {
        color: #747474;
    }
    
    .site-footer a {
        color: #747474;
    }
    
    .footer-widgets {
        padding: 50px 0 30px 0;
        background: #1f1f1f;
        border-top: 1px solid #1f1f1f;
    }
    
    .footer-widgets h4.widget-title {
        font-weight: 500;
        position: relative;
        padding-bottom: 15px;
        font-size: 15px;
        margin-bottom: 25px;
        text-transform: uppercase;
    }
    
    .footer-widgets h4.widget-title::before {
        content: '';
        width: 20%;
        height: 2px;
        background: #f37e02;
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
    
    .footer-widgets ul {
        padding-left: 0;
        list-style: none;
    }
    
    .footer-widgets ul ul {
        display: none;
    }
    
    .footer-widgets .widget_nav_menu ul li {
        position: relative;
        padding: 3px 0 3px 15px;
    }
    
    .footer-widgets .widget_nav_menu ul li a:before {
        position: absolute;
        left: 0;
        top: 3px;
        content: "\f0da";
        font-weight: 900;
        font-family: Font Awesome\ 5 Free;
    }
    
    .footer-widgets .widget_nav_menu ul li a:hover {
        text-decoration: underline;
    }
    
    .site-info {
        font-size: 12px;
        padding: 10px 0;
        background: #2f2f2f;
    }
    
    .site-info p {
        color: #747474;
        margin-bottom: 0;
    }
    
    .site-info p a {
        color: #747474;
    }
    /*--------------------------------------------------------------
## Custom Css 
--------------------------------------------------------------*/
    
    body.home .site-content>.container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    
    body.home .site-content .site-main,
	.tax-product_cat .site-content .site-main {
        width: 100%;
    }
    
    .content-sidebar .site-main-full {
        width: 100%;
    }
    /** Header **/
    
    .top-header {
        color: #fff;
        padding: 10px 0px;
        background: #000;
    }
    
    .top-header .col-md-10 {
        -ms-flex: 0 0 calc(100% - 130px);
        flex: 0 0 calc(100% - 130px);
        max-width: calc(100% - 130px);
    }
    
    .top-header .col-md-2 {
        -ms-flex: 0 0 130px;
        flex: 0 0 130px;
        max-width: 130px;
    }
    
    .top-header .container .wrap-top-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .top-header .widget:nth-child(1) {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
        margin-bottom: 0px;
    }
    
    .top-header .widget:nth-child(2) {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
        margin-bottom: 0px;
        text-align: right;
    }
    
    .top-header .widget {
        margin-bottom: 0px;
    }
	
	.top-header .widget:nth-child(1) ul li {
		padding-right: 15px;
	}
    .top-header ul {
        padding: 0;
        margin: 0;
    }
    
    .top-header ul li {
        display: inline-block;
    }
    
    .logo img {
        width: 220px;
    }
    
    .site-header .header-content-right .woocommerce-product-search {
        width: 55%;
        position: relative;
        bottom: 0px;
        float: right;
		border-radius: 0px;
        background-color: #fff;
    }
    
    .site-header .header-content-right .woocommerce-product-search input[type=search] {
        height: 40px;
        padding: 10px 40px 10px 10px;
        border: 1px solid #999;
		border-top-left-radius: 3px;
    	border-bottom-left-radius: 3px;
    }
    
    .site-header .header-content-right .woocommerce-product-search button[type=submit] {
        right: 0px;
        width: 40px;
        height: 40px;
        background-color: #2f2f2f;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    /** Banner **/
    
    .carousel-control-next,
    .carousel-control-prev {
        width: 5%;
    }
    
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 45px;
        height: 45px;
        background-color: #f37e02;
        border: 1px solid #f37e02;
        border-radius: 50%;
        background-size: 15px;
    }
    
    .carousel-indicators li {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        margin-right: 5px;
        margin-left: 5px;
        opacity: 1;
        background-color: #fff;
    }
    
    .carousel-indicators li.active {
        background-color: #f37e02;
    }
    /** Footer **/
    
    .footer-widgets .footer-widgets-area ul li {
        line-height: 25px;
        padding-bottom: 10px;
        list-style-type: none;
        position: relative;
        padding-left: 20px;
    }
    
    .footer-widgets .footer-widgets-area:nth-child(1) .widget_text ul li::before {
        content: "\f3c5";
        font-family: Font Awesome\ 5 Free;
        font-weight: 900;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    
    .footer-widgets .footer-widgets-area:nth-child(1) .widget_text ul li:nth-child(2)::before {
        content: "\f3cd";
    }
    
    .footer-widgets .footer-widgets-area:nth-child(1) .widget_text ul li:nth-child(3)::before {
        content: "\f0e0";
    }
    
    .footer-widgets .footer-widgets-area:nth-child(1) .widget_text ul li:nth-child(4)::before {
        content: "\f57d";
    }
    
    .footer-widgets .footer-widgets-area:nth-child(2) ul li::before {
        content: "\f105";
        font-family: Font Awesome\ 5 Free;
        font-weight: 900;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    
    .footer-widgets-area .widget iframe {
        height: 220px;
        border: 1px solid #ddd !important;
    }
    /** Home **/
    
    .home-dichvu {
        padding: 50px 0px 25px;
    }
    
    .home-dichvu .wrap-card {
        padding: 12px 12px 28px;
        background-color: #ececec;
    }
    
    .position-relative h3 a {
        color: #222;
    }
    
    .wrap-card .card-1__desc {
        height: auto;
        text-align: center;
    }
    
    .view-detail {
        overflow: hidden;
        position: relative;
        z-index: 1;
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        padding: 2px 20px;
        background: 0;
        color: #f37e02;
        border: 1px solid #f37e02;
    }
    
    .home-product .wrap-home-product {
        padding: 30px 0px;
    }
    
    .home-product .sh-product-shortcode .list-products li.product:nth-last-child(1) .wrap-product,
    .home-product .sh-product-shortcode .list-products li.product:nth-last-child(2) .wrap-product,
    .home-product .sh-product-shortcode .list-products li.product:nth-last-child(3) .wrap-product,
    .home-product .sh-product-shortcode .list-products li.product:nth-last-child(4) .wrap-product {
        margin-bottom: 0px;
    }
    
    .home-customer {
        color: #fff;
        padding: 50px 0px;
        background: url('lib/images/background-custom.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: relative;
    }
    
    .home-customer:before {
        content: "";
        background: rgba(0, 0, 0, 0.6);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
    }
    
    .home-customer .customer-wrap {
        background: #fff;
    }
    
    .home-customer .customer-wrap .slick-slider {
        margin-left: 0px !important;
        margin-right: 0px !important;
        border-top: 1px solid #ebebeb;
    }
    
    .list-customer {
        padding: 20px 0px;
    }
    
    .img-avatar {
        margin-bottom: 20px;
    }
    
    .img-avatar img {
        width: 120px;
        height: 120px;
        object-fit: cover;
        border-radius: 50%;
        margin: auto;
        border: 5px solid #fff;
        box-shadow: -5px 4px 10px 0px rgba(0, 0, 0, 0.2);
    }
    
    .item-customer .description {
        text-align: center;
    }
    
    .home-logo {
        padding: 30px 0px;
    }
    
    .home-logo .wrap-logo {
        padding: 0px 15px;
    }
    
    .wrap-logo img {
        width: 100%;
        height: 110px;
        padding: 5px;
        border-radius: 6px;
        background: #fff;
        object-fit: contain;
    }
    
    .home-timeline {
        padding: 30px 0px;
    }
    
    .list-time {
        margin-left: -40px;
        margin-right: -40px;
        position: relative;
    }
    
    .list-time::after {
        content: '';
        position: absolute;
        width: 6px;
        background-color: #f37e02;
        top: 0;
        bottom: 0;
        left: 50%;
        margin-left: -3px;
    }
    
    .item-time {
        padding: 10px 40px;
        position: relative;
        background-color: inherit;
        width: 50%;
    }
    
    .item-time::after {
        content: '';
        position: absolute;
        width: 25px;
        height: 25px;
        right: -13px;
        background-color: white;
        border: 4px solid #f37e02;
        top: 15px;
        border-radius: 50%;
        z-index: 1;
        box-shadow: 1px 2px 5px 0px rgb(0 0 0 / 0.3);
    }
    
    .left {
        left: 0;
    }
    
    .right {
        left: 50%;
    }
    
    .left::before {
        content: " ";
        height: 0;
        position: absolute;
        top: 22px;
        width: 0;
        z-index: 1;
        right: 30px;
        border: medium solid #f37e02;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #f37e02;
    }
    
    .right::before {
        content: " ";
        height: 0;
        position: absolute;
        top: 22px;
        width: 0;
        z-index: 1;
        left: 30px;
        border: medium solid #f37e02;
        border-width: 10px 10px 10px 0;
        border-color: transparent #f37e02 transparent transparent;
    }
    
    .right::after {
        left: -13px;
    }
    
    .content {
        padding: 0px;
        background-color: #fff;
        position: relative;
        border-radius: 0px;
        box-shadow: 2px 1px 5px 0px rgb(0 0 0 / 0.2);
    }
    
    .content h2 {
        color: #fff;
        font-size: 18px;
        padding: 15px 30px;
        margin-bottom: 0px;
        text-transform: uppercase;
        background: #f37e02;
        font-weight: 500;
    }
    
    .content p {
        height: 250px;
        color: #fff;
        font-size: 18px;
        padding: 30px 30px;
        margin-bottom: 0px;
    }
    
    .content .content-time:before {
        content: "";
        background: rgba(0, 0, 0, 0.4);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
    }
    
    .home-videos {
        padding: 30px 0px;
    }
    
    .home-news {
        padding: 30px 0px;
    }
    /** Single **/
    
    body.single-product .content-sidebar-wrap .site-main {
        width: 100%;
    }
    
    .related {
        margin-bottom: 30px;
    }
    
    .related .slick-slider .slick-next:before,
    .related .slick-slider .slick-prev:before {
        font-size: 14px;
    }
    
    .policy_intuitive h4 {
        font-size: 16px;
        font-weight: 700;
        text-align: left;
        background: #e9e9e9;
        text-transform: uppercase;
        border-left: 5px solid #555;
        color: #333;
        padding: 10px 20px;
        margin-bottom: 10px;
    }
    
    .policy_intuitive ul.policy_new {
        position: relative;
        overflow: hidden;
        padding: 0px;
        background: #fff;
        margin-bottom: 0px;
        border: 1px solid #e9e9e9;
        border-bottom: 0px;
    }
    
    .policy_intuitive ul.policy_new li {
        margin: 0;
        overflow: hidden;
        display: flex;
        align-items: center;
        padding: 10px;
        border-bottom: 1px solid #e9e9e9;
    }
    
    .policy_intuitive ul.policy_new li span {
        padding-right: 10px;
    }
    
    .policy_intuitive ul.policy_new li img {
        max-width: 25px;
    }
    
    .modal-dialog {
        margin-top: 110px;
    }
    /*--------------------------------------------------------------
## Responsive 
--------------------------------------------------------------*/
    /* Extra large devices (large desktops) */
    /* Large devices (desktops, less than 1200px) */
    
    @media (max-width: 1199.98px) {}
    /* Medium devices (tablets, less than 992px) */
    
    @media (max-width: 991.98px) {
        #site-navigation,
        .sidebar .widget_nav_menu ul ul {
            display: none;
        }
        .site-boxed .site-content {
            padding-left: 15px;
            padding-right: 15px;
        }
    }
    /* Small devices (landscape phones, less than 768px) */
    
    @media (max-width: 767.98px) {
        .site-info,
        .site-info * {
            text-align: center;
        }
        .home-timeline::after {
            left: 31px;
        }
        .item-time {
            width: 100%;
            padding-left: 70px;
            padding-right: 25px;
        }
        .item-time::before {
            left: 60px;
            border: medium solid white;
            border-width: 10px 10px 10px 0;
            border-color: transparent white transparent transparent;
        }
        .left::after,
        .right::after {
            left: 15px;
        }
        .right {
            left: 0%;
        }
    }
    /* Extra small devices (portrait phones, less than 576px) */
    
    @media (max-width: 575.98px) {}