
/* Top Bar

-------------------------------------------------------------- */
.dmheader a {
    text-decoration   : none;
    color             : #FD4A36;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition   : all 0.3s ease-in-out;
    -ms-transition    : all 0.3s ease-in-out;
    -o-transition     : all 0.3s ease-in-out;
    transition        : all 0.3s ease-in-out;
}
.dmheader a.dmedit{color:#fff;}
.dmheader a:hover,
.dmheader a:focus {
    color             : #222429;
    text-decoration   : none;
    outline           : 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition   : all 0.3s ease-in-out;
    -ms-transition    : all 0.3s ease-in-out;
    -o-transition     : all 0.3s ease-in-out;
    transition        : all 0.3s ease-in-out;
}


.dmheader {
    position: relative;
}

.logo img{vertical-align: middle;}
#top-bar {
    position        : relative;
    z-index         : 1;
    background-color: #fff;
    height          : 50px;
    border-bottom   : solid 1px #dcdcdc7a;
    padding-left    : 2.2%;
    padding-right   : 3.5%;
}

#top-bar .top-bar-content {
    display        : flex;
    justify-content: space-between;
    line-height    : 50px;
}

/* Top Bar Content */

.top-bar-content .top-bar-left span,
.top-bar-content .top-bar-right span:first-child {
    padding: 0 20px;
}

.top-bar-content span a {
    color: #616161;
}

.top-bar-content span a:hover {
    color: #FD4A36;
}

#top-bar .top-bar-left .map,
#top-bar .top-bar-left .mail,
#top-bar .top-bar-right .phone {
    position: relative;
}

#top-bar .socials-header {
    display: inline-block;
}

.widget-socials {
    display: flex;
    display: -webkit-flex;
}

.widget-socials li {
    width           : 28px;
    height          : 28px;
    line-height     : 28px;
    margin          : 0 3px;
    background-color: #F2F2F2;
    border-radius   : 50%;
    font-size       : 13px;
    text-align      : center;
    object-fit      : cover;
}

#top-bar .map::before,
#top-bar .mail::before,
.phone::before {
    position : absolute;
    left     : 0;
    top      : 45%;
    transform: translateY(-50%);
    color    : #FD4A36;
}

.map::before {
    content    : '\f279';
    font-family: 'FontAwesome';
}

.mail::before {
    content    : '\f2b7';
    font-family: 'FontAwesome';
}

.phone::before {
    content    : '\f095';
    font-family: 'FontAwesome';
}

.facebook::before,
.twitter::before,
.linked-in::before,
.instagram::before {
    content    : '\f09a';
    font-family: 'FontAwesome';
}

.twitter::before {
    content: '\f099';
}

.linked-in::before {
    content: '\f0e1';
}

.instagram::before {
    content: '\f16d';
}


/* Header
-------------------------------------------------------------- */

#site-header {
    position        : relative;
    display         : flex;
    width           : 100%;
    background-color: #fff;
    border-bottom   : solid 1px #dcdcdc7a;
    border-top      : solid 1px #dcdcdc7a;
}

#site-header .header-box {
    width: 80%;
}

#site-header-inner {
    position: relative;
    height  : 80px;
}

.menu-has-search #site-header #main-nav {
    right: 28px;
}

.menu-has-search #site-header #header-search {
    display: block;
}

#site-header #header-search {
    position         : absolute;
    right            : 15px;
    top              : 50%;
    z-index          : 10;
    display          : none;
    -webkit-transform: translateY(-50%);
    -ms-transform    : translateY(-50%);
    -o-transform     : translateY(-50%);
    transform        : translateY(-50%);
}


/* Site Logo */

#site-logo {
    width      : 20%;
    line-height: 132px;
}

#site-logo-inner {
    background-color: #FD4A36;
    clip-path       : polygon(0 0, 79% 0, 69% 100%, 0% 100%);
}

#site-logo-inner .main-logo {
    padding-left: 5%;
    display     : block;
}

/* Main Nav */

#main-nav ul {
    margin: 0px;
}

#main-nav ul li {
    position  : relative;
    list-style: none;
}

#main-nav>ul>li {
    float  : left;
    padding: 32px 20px;
}

#main-nav>ul>li>a {
    display    : block;
    font-size  : 18px;
    font-weight: 500;
    color      : #101010;
    position   : relative;
}

#main-nav>ul>li>a::before {
    content           : "";
    position          : absolute;
    bottom            : -15px;
    left              : 0;
    width             : 0%;
    height            : 3px;
    background-color  : #FD4A36;
    opacity           : 0;
    visibility        : hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition   : all 0.3s ease;
    -ms-transition    : all 0.3s ease;
    -o-transition     : all 0.3s ease;
    transition        : all 0.3s ease;
}

#main-nav>ul>li>a:hover::before {
    opacity   : 1;
    visibility: visible;
    width     : 100%;
}

#main-nav>.menu>li.hassub>a::after {
    content    : '\f107';
    font-family: 'FontAwesome';
    font-weight: 700;
    margin-left: 4px;
}

/* Sub Menu */

#main-nav .sub-menu {
    position          : absolute;
    top               : 120%;
    left              : 0;
    width             : 250px;
    background-color  : #ffff;
    border-radius     : 6px;
    box-shadow        : -2px 6px 23px #b4b4b44f;
    z-index           : 9999;
    opacity           : 0;
    visibility        : hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition   : all 0.3s ease;
    -ms-transition    : all 0.3s ease;
    -o-transition     : all 0.3s ease;
    transition        : all 0.3s ease;
    -webkit-transform : translateY(15px);
    -moz-transform    : translateY(15px);
    -ms-transform     : translateY(15px);
    -o-transform      : translateY(15px);
    transform         : translateY(15px);
}

#main-nav .sub-menu::before {
    content         : '';
    position        : absolute;
    top             : -5px;
    left            : 25px;
    height          : 15px;
    width           : 15px;
    transform       : rotate(45deg);
    background-color: #fff;
}

#main-nav .right-sub-menu {
    left : auto;
    right: 0;
}

#main-nav .sub-menu li a {
    display    : block;
    font-size  : 14px;
    color      : #181818;
    padding    : 13px 20px;
    
}

#main-nav .sub-menu li:not(:last-child) a {
    border-bottom: 1px solid #e1e1e18e;
}

#main-nav li:hover .sub-menu {
    opacity          : 1;
    visibility       : visible;
    -webkit-transform: translateY(0);
    -moz-transform   : translateY(0);
    -ms-transform    : translateY(0);
    -o-transform     : translateY(0);
    transform        : translateY(0);
}

#main-nav .sub-menu li a:hover,
#main-nav .sub-menu li.current-item a,
#main-nav>ul>li>a:hover {
    color: #FD4A36;
}



/* site header right */

#site-header-right {
    position : absolute;
    right    : 0;
    top      : 50%;
    transform: translateY(-50%);
    z-index  : 99;
}

#site-header-right .button-header {
    display           : inline-block;
    font-size         : 18px;
    font-weight       : 700;
    line-height       : 80px;
    padding           : 0 59px;
    background-color  : #FD4A36;
    clip-path         : polygon(8% 0, 100% 0%, 100% 100%, 0% 100%);
    -webkit-transition: all 0.3s ease;
    -moz-transition   : all 0.3s ease;
    -ms-transition    : all 0.3s ease;
    -o-transition     : all 0.3s ease;
    transition        : all 0.3s ease;
}

#site-header-right .button-header a {
    color: #fff;
}

#site-header-right .button-header:hover {
    background-color: #222429;
}

#site-header-right .button-header a::after {
    content       : '\f002';
    font-family   : 'FontAwesome';
    margin-left   : 15px;
    vertical-align: middle;
} 

#site-header-right .header-menu,
#site-header-right .header-search {
    display     : inline-block; 
}

#site-header-right .header-search {
    margin:20px 0;
}

#site-header-right .header-menu{
    margin-right: 30px;
    width:60px;height:20px; 
position: relative;}

 #site-header-right .header-menu .langimg{top: 5px}

 
 
#site-header-right .header-search-trigger::before {
    content    : '\f002';
    font-family: 'FontAwesome';
    font-size  : 23px;
}

 


/* Search icon */

#site-header .header-search-icon {
    display    : block;
    font-size  : 14px;
    line-height: 100px;
}


/* Search Form */

.flat-show-search {
    position: relative;
    z-index : 99;
}

.top-search.show {
    visibility: visible;
    opacity   : 1;
    top       : 60px;
}

.top-search {
    position          : absolute;
    right             : 0;
    top               : 80px;
    width             : 250px;
    opacity           : 0;
    z-index           : 9999;
    visibility        : hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition   : all 0.3s ease-in-out;
    -ms-transition    : all 0.3s ease-in-out;
    -o-transition     : all 0.3s ease-in-out;
    transition        : all 0.3s ease-in-out;
}


/* Header Fixed */

#site-header.is-fixed {
    position  : fixed;
    top       : 0;
    left      : 0;
    width     : 100%;
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 20%);
    z-index   : 9999;
}

/* Style 1 */

#site-header #main-nav {
    position         : absolute;
    left             : 21px;
    top              : 50%;
    z-index          : 99;
    -webkit-transform: translateY(-50%);
    -ms-transform    : translateY(-50%);
    -o-transform     : translateY(-50%);
    transform        : translateY(-50%);
}

.header-style-1.menu-has-search #site-header #main-nav {
    right: 44px;
}

#site-header #main-nav>ul>li.active>a,
#site-header #main-nav>ul>li:hover>a {
    color: #FD4A36;
}

.icon-Group-1199 {
    position : absolute;
    right    : 0;
    top      : 50%;
    transform: translateY(-50%);
    font-size: 31px;
}



.dmheader .search-form {
    position: relative;
}
 .dmheader .search-form   input {

    color             : #565872;
    border            : 1px solid #e7e7e700;
    padding           : 16px 23px;
    letter-spacing    : 0.4px;
    line-height       : inherit;
    width             : 100%;
    height            : auto;
    text-shadow       : none;
    -webkit-box-shadow: none;
    -moz-box-shadow   : none;
    box-shadow        : none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
    -webkit-transition: border ease .238s;
    -moz-transition   : border ease .238s;
    transition        : border ease .238s;
}

 
.dmheader .search-form .search-field {
    background-color: #F4F6F9;
}

.dmheader .search-submit {
    position          : absolute;
    right             : 0px;
    font-weight       : 400;
    font-size         : 20px;
    background-color  : #FD4A36;
    color             : #ffff;
    padding           : 14px;
    border-radius     : 0;
    -webkit-transition: all ease 0.3s;
    -moz-transition   : all ease 0.3s;
    transition        : all ease 0.3s;
}

.dmheader .search-submit:hover {
    background-color: #222429;
}
.dmheader .search::before {
    content    : '\f002';
    font-family: 'FontAwesome';
}