/*
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.   ***************/


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


}
:root{
    --pri-clo : #f58533;
    --sec-clo : #3f3f3f;

}
/* home */
.home #masthead{
    background: transparent;
}
.home #top-bar{
    background: transparent !important;
}
#masthead{
    background: var(--sec-clo);
}
#top-bar{
    background: var(--sec-clo) !important;
}
.nav-dropdown-has-border .nav-dropdown{
    padding: 0;
    background: var(--sec-clo);
    border-color: var(--pri-clo);
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a{
    color: #fff;
    border-color: var(--pri-clo);
}
.nav-dropdown-default .nav-column li:hover>a, .nav-dropdown.nav-dropdown-default>li:hover>a{
    color: var(--pri-clo);
}
.slide-home{
    margin-top: -120px;
}
.slide-image-content p{
    font-size: 20px;
}
.slide-image-content img{
    border: 20px solid #000;
}
.title-feature{
    text-align: center;
    position: relative;
    margin: 30px 0;
    margin-bottom: 50px;
}
.title-feature::after{
    content: "";
    background-image: url(/wp-content/uploads/2023/03/section-title.png);
    width: 204px;
    height: 9px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -102px;
    display: block;
}
.service-box{
    vertical-align: top;
    position: relative;
    text-align: center;
    padding: 45px 25px 55px 25px;
    border-bottom: 3px solid #fff;
    transition: .5s;
}
.service-box:hover{
    border-bottom: 3px solid #f58533;
    box-shadow: 0 5px 5px rgb(0 0 0 / 35%);
    -webkit-box-shadow: 0 5px 5px rgb(0 0 0 / 35%);
    transition:  .5s;
}
.service-box img{
    transition: .5s ease;
}
.service-box:hover img{
    -moz-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    transition:  .5s;
}
.service-box:not(:last-child){
    border-right: 1px solid var(--pri-clo);
}
/* About us */
.title-divider{
    color: var(--pri-clo);
    border-bottom: 1px dashed #b9b9b9;
    padding-bottom: 50px;
}
.company-profile p{
    margin: 0;
    padding: 8px 0;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}
/* contact */
.icon-has-bg .icon{
    background: #eee;
    border-radius: 50%;
    padding: 24px;
    width: 100px;
    height: 100px;
}
.title-has-bg{
    background: var(--pri-clo);
    color: #fff;
    padding: 5px 20px;
}
.icon-box-img img, .icon-box-img svg{
    padding-top: 0;
}
/* Product */
.product-small.product  .product-small {
    border: 1px solid #d2d2d2;
}
.product-small.product  .product-small .product-title{
    text-align: center;
}
.widget-title{
    background: var(--pri-clo);
    color: #fff;
    padding: 10px ;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
#shop-sidebar .is-divider,.post-sidebar .is-divider{
    display: none;
}

#top-bar .html_topbar_left #flags {
    width: auto;
}

#top-bar .html_topbar_left #google_language_translator {
    width: auto;
}

.kdev_mega_menu  .sub-menu {
    /* display: -webkit-flex; */
    /* display: flex; */
    flex-wrap: wrap;
    background: #fff !important;
}

.kdev_mega_menu .sub-menu .menu-item {
    width: 25%;
    display: inline-block;
}

.kdev_mega_menu .sub-menu .menu-item a {
    color: #000;
}

.kdev_mega_menu .sub-menu .menu-item a {
    padding: 0;
    border: 0;
}

.right_nav{
    right:0;
    bottom:50%;
    position:fixed;
    text-align:left;
    overflow: visible;
    z-index:100;
    /*background-color: #3c9ba6;*/
    border-radius: 25px 0 0 25px;
    transform: translateY(50%);
    list-style: none;
}

.right_nav li{background: #ec7020;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative;border-radius: 50px 0 0 50px;right: -85px;transition: all .3s;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav .iconBox > img{
    width: 45px;
    height: 45px;
    background-color: white;
    border-radius: 50%;
    padding: 7%;
}
.right_nav li h4{color: #fff;font-size: 12px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background: #ec7020;right: 0px;}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 28px;top:-10px;z-index: 999;opacity:1 !important;width:max-content;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #ec7020;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;float:left;}
.right_nav li .hideBox .hb h5{text-align:center;padding: 5px 0;border-bottom: 2px solid #ccc;color: #ec7020;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;
    display: none;
}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox .hb .fonttalk{margin-top: 10px;}
.right_nav li .hideBox .hb .fonttalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .fonttalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .fonttalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li .hideBox img{width:140px;height: 140px;margin-top: 10px;}
.right_nav li:hover .hideBox {
    display: block;
}

@media(max-width: 768px) {
	.kdev_mega_menu .sub-menu .menu-item {
	    width: 100%;
	    display: inline-block;
	}
}