/*@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}*/

/*--header_height--*/

/*.header_height { margin:0; padding:0; height:60px; }*/

/*--header_height--*/

/*sticky*/

.emss-header-wrapper.sticky {    position: sticky;    left: 0;
    top: 0;    z-index: 9999;    width: 100%; }

.emss-header-wrapper.sticky .top-bar { display:none; }

.emss-header-wrapper.sticky .navbar-headersec { padding: 10px 0; -webkit-backdrop-filter: blur(10px);
  -webkit-animation:slideDown 0.35s ease-out;  animation:slideDown 0.35s ease-out; }

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}


/*sticky*/

/*--amrit-header-wrapper--*/

.navbar-headersec {  width: 100%; z-index: 999;  background-color: #fff; padding: 20px 0; transition: all .4s ease 0s;
    margin: 0;  box-shadow: 0px 0px 5px -2px rgba(0,0,0, 0.5);  margin-bottom: 3px; }
.navbar-headersec .container { width: 100% !important; max-width: calc(100vw - 28px);  margin: 0 auto; }

.navbar-headersec .bd {    margin: 0;    padding: 0;    display: flex;    align-items: center;
    justify-content: start;    width: 100%;    position: relative; }

.navbar-headersec .bd .logo {     background-color: #fff;     padding: 0;     z-index: 9;
     transition: .3s;    }

.navbar-headersec .bd .logo a {margin: 0;padding: 0;display: inline-block;width: 200px;}

.navbar-headersec .bd .logo a img {width: 100%;height: 52px;object-fit: contain;}

.navbar-headersec .bd .right_block {margin: 0;padding: 0 0 0 100px; 
    display: flex;align-items: center; justify-content:end; width: 100%;}

.navbar-headersec .bd .nav-block {margin: 0;padding: 0;}
.navbar-headersec .bd .nav-block ul {  margin: 0; padding: 0; }

.navbar-headersec .bd .nav-block ul li { margin: 0;padding: 0;display: inline-block; }

.navbar-headersec .bd .nav-block ul li a {
 margin: 0;
 padding: 0 12px;
 text-transform: uppercase;
 font-family: Poppins;
 font-weight: 400;
 font-size: 15px;
 line-height: 100%;
 color: #343434;
 text-align: center;
 }

.navbar-headersec .bd .nav-block ul li a:hover { color:#ef7e32; }


.navbar-headersec .bd .right_block .head-btnright {margin:0;padding: 0 0 0 20px;}
.navbar-headersec .bd .right_block .head-btnright .btn_callback { margin:0; padding: 15px 20px; 
    font-family: Poppins; font-weight: 500; font-size: 14px; color:#fff; line-height: 20px; letter-spacing: 8%;
 background: #EF7E32;  border: 1px solid #EF7E32; }

.navbar-headersec .bd .right_block .head-btnright .btn_callback:hover { background-color: #fff;
 border: 1px solid #EF7E32; color:#EF7E32;  }


.navbar-headersec .bd .right_block .head-btnright .btn_phone { margin: 0 0 0 10px; 
    padding: 15px 20px; font-family: Poppins; font-weight: 500; font-size: 14px; color:#EF7E32; 
    line-height: 20px; letter-spacing: 8%; border: 1px solid #EF7E32; }
.navbar-headersec .bd .right_block .head-btnright .btn_phone:hover {  background-color: #EF7E32;
 border: 1px solid #EF7E32; color:#fff; }

.navbar-headersec .bd .nav-block ul .sub_wrap { position: relative; }
.navbar-headersec .bd .nav-block ul .sub_wrap ul {margin: 0; padding: 30px 0 0px 0; position: absolute; left: 0;
    top: 25px; background: #ffffff; width: 245px; visibility: hidden; opacity:0; transition: all 0.3s; z-index:99999; }

.navbar-headersec .bd .nav-block ul .sub_wrap ul li {margin: 0;padding: 0;width: 100%;display: block; 
    border-bottom: 1px solid #4444; transition: all 0.3s; }

.navbar-headersec .bd .nav-block ul .sub_wrap ul li a { padding: 0px 10px; text-transform: capitalize; font-family: Poppins;
font-weight: 400; font-size: 14px; line-height: 21px; color: #343434; width: 100%; 
display: block; text-align: left; margin: 0; transition:all 0.3s; }


.navbar-headersec .bd .nav-block ul .sub_wrap:hover ul { visibility: visible; opacity: 1;  }
.navbar-headersec .bd .nav-block ul .sub_wrap:hover ul li a { padding: 6px 10px; }
.navbar-headersec .bd .nav-block ul .sub_wrap ul li:hover a { background: #f2f2f2; }

/*----*/

.menu-toggle { margin: 0 0 0 15px; padding: 0; width: 38px; display: none; }

.menu-toggle img { width: 38px; }

/*----*/

/*--navbar-headersec--*/



/*--granite_r_mobile_menu--*/

.granite_r_mobile_menu { margin:0; padding:0; }
.granite_r_mobile_menu .logo-sec {margin:0;padding: 24px 4px 45px 4px;width: 100%;text-align: center;}
.granite_r_mobile_menu .logo-sec img {max-width:100%;width: 185px;}

.granite_r_mobile_menu .menu-toggle {    background-color: #333; color: #fff;    font-size: 18px;
    border: none;    padding: 10px 20px;    cursor: pointer;    position: fixed;
    top: 10px;    left: 10px;    z-index: 1000; }

.granite_r_mobile_menu .side-menu { position: fixed;    top: 0;  left: -380px;  width: 350px;
    height: 100%; background-color: #fff5ee;  color: #fff;
    overflow-y: auto; transition: left 0.3s ease; z-index: 999999;
    box-shadow: 8px 0px 23px 1px rgba(0,0,0, 0.5); }
.granite_r_mobile_menu .side-menu.active { left: 0; }

.granite_r_mobile_menu .menu-close { position: absolute; top: 0px; right: 0; border: none; margin: 0; padding: 0;
    line-height: 28px;    font-weight: 700;    cursor: pointer;    background: #ef7e32;    color: #ffffff;
    border-radius: 0 0 0 12px;    width: 40px;    height: 40px;    display: flex;
    align-items: center;    justify-content: center;    font-size: 22px; font-weight:300; }


.granite_r_mobile_menu .side-menu ul { list-style: none;  padding: 0;   margin: 0; }

.granite_r_mobile_menu .side-menu ul li { border-bottom:1px solid #757575;    display: block; }

.granite_r_mobile_menu .side-menu ul li a { color: #000000;    text-decoration: none;    display: block;    margin: 0;
    padding: 8px 15px;    font-size: 15px;    line-height: 21px;    font-weight: 500;    position: relative; }

.granite_r_mobile_menu .side-menu ul li a img {    width: 18px;    object-fit: contain;    margin-right: 10px; }

.granite_r_mobile_menu .side-menu ul li:hover a img {
    -webkit-filter: invert(100%); 
    filter: invert(100%); }

.granite_r_mobile_menu .side-menu ul li a:hover {background-color: #ffab6f;color: #000000;}

.granite_r_mobile_menu .side-menu ul li.has-submenu > a {  position: relative;  cursor: pointer; }

.granite_r_mobile_menu .side-menu ul li.has-submenu > a::after {    content: "\f107";    position: absolute;    right: 10px;
    font-size: 12px;   font-family: "FontAwesome"; }

.granite_r_mobile_menu .side-menu ul li.has-submenu.open > a::after {    content: "\f107"; font-family: "FontAwesome";  }

.granite_r_mobile_menu .submenu {
    max-height: 0;
    overflow: hidden;
    background-color: #ffcdab;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    opacity: 0;
    }

.granite_r_mobile_menu .side-menu ul li.has-submenu.open .submenu {    max-height:600px; /* Adjust based on content */
    opacity: 1; }

.granite_r_mobile_menu .submenu li {  padding-left: 20px;  border-bottom: none; }

/*fixed-item*/
.granite_r_mobile_menu .button_wrapper { margin: 20px 0 0 0;
    padding:4px;    position: absolute;    left: 0;    bottom: 13px;
    width: 100%;  background: #fff5ee; }

.granite_r_mobile_menu .button_wrapper ul {  margin: 0;  padding: 0; display: flex;
    align-items: center;  width: 100%; }

.granite_r_mobile_menu .button_wrapper ul li {  margin: 0 3px;  padding: 0;  width: 50%;  text-align: center;  border: 0; }

.granite_r_mobile_menu .button_wrapper ul li a {  margin: 0; padding: 10px;
    width: 100%;    display: block;    background: #ef7e32;    font-size: 13px;
    color: #ffffff;    transition:all 0.3s; }

/*fixed-item*/


/*--mediaquery-start--*/

@media screen and (max-width:1920px){


/**/
}
/**/

@media screen and (max-width:1600px){


/**/
}
/**/

@media screen and (max-width:1400px){

.navbar-headersec .bd .right_block {
    padding: 0 0 0 60px; }
.navbar-headersec .bd .nav-block ul li a {
    padding: 0 4px;
    font-size: 14px;
}

/**/
}
/**/


@media screen and (max-width:1200px){

.navbar-headersec .bd .logo a { width: 150px; }

.navbar-headersec .bd .right_block {
    padding: 0 0 0 19px; }
.navbar-headersec .bd .nav-block ul li a {  padding: 0 4px;  font-size: 13px;  line-height: 19px; }  
    
.navbar-headersec .bd .right_block .head-btnright .btn_callback {
    padding: 13px 10px; font-size: 12px;  line-height: 20px; }
.navbar-headersec .bd .right_block .head-btnright .btn_phone {  margin: 0 0 0 10px;  padding: 13px 10px;
    font-size: 12px; line-height: 20px; }
.navbar-headersec { padding: 15px 0; }

.navbar-headersec .bd .right_block .head-btnright {  padding: 0 0 0 10px; }
.navbar-headersec .bd .right_block .head-btnright .btn_callback {
    padding: 13px 8px; }



/**/
}
/*end*/


@media screen and (max-width:991px){

/* m-view */

.navbar-headersec .bd .nav-block { display: none; }
.navbar-headersec .bd .right_block { justify-content: end; }
.menu-toggle { display: block; }
.granite_r_mobile_menu .button_wrapper { display: none; }

/* m-view */



/**/
}
/*end*/

@media screen and (max-width:767px){

.navbar-headersec .container {    width: 100% !important;    max-width: calc(100vw - 0px);
    margin: 0 auto; }

/**/
}
/*end*/

@media screen and (max-width:676px){





/**/
}
/*end*/

@media screen and (max-width:576px){

.granite_r_mobile_menu .button_wrapper { display: block; }
.navbar-headersec .bd .right_block .head-btnright {  display: none; }
.navbar-headersec { padding: 10px 0; }
.menu-toggle { width: 34px; }
.navbar-headersec .bd .logo a {  width: 170px; }
  
/**/
}
/*end*/


@media screen and (max-width:450px){

/**/
.granite_r_mobile_menu .side-menu {
    position: fixed;    top: 0;    left: -880px;    width: 100%;
    height: 100%;  }
/**/

/**/
/*end*/
}