.navbar-nav li:hover > ul.dropdown-menu {
  display: block;
}
.dropdown-submenu {
  position:relative;
}
.dropdown-submenu>.dropdown-menu {
  top:0;
  left:100%;
  margin-top:-6px;  transition: all 0.6s;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
} 
nav{
  background: #c57029;
}
nav ul > li > a{
  transition: all 0.6s;
  color: #fff;
  text-transform: capitalize;
  font-weight: 600;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
nav ul > li > a:hover{
  background: #000000;
  color: #fff;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
  position: absolute;
  background: #e7904b;
  padding: 0;
  border-radius: 0;
}
.navbar-nav li:hover > ul.dropdown-menu {
  display: block;
  margin-top: 0px;
}
.dropdown-menu
li
a{
  text-transform: uppercase;
word-break: break-all;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);color: #fff;
}
.dropdown-menu
li
a:hover{
background: #000;
color: #fff;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  text-transform: uppercase;
}


.navbar-nav li > ul.dropdown-menu {
background: #e7904b;
  padding: 0;
  border-radius: 0;
}

.mob-sub{
  display: none;
}








.navbar-toggler {
float: right;
border: none;
padding-right: 0;
}
.navbar-toggler:active,
.navbar-toggler:focus {
outline: none;
}
.navbar.navbar-toggler-icon {
width: 24px;
height: 17px;
background-image: none;
position: relative;
border-bottom: 1px solid #fff;
  transition: all 300ms linear;
}
.navbar .navbar-toggler-icon:after, 
.navbar .navbar-toggler-icon:before{
width: 26px;
position: absolute;
height: 2px;
background-color: #fff;
top: 0;
left: 0;
content: '';
z-index: 2;
  transition: all 300ms linear;
}
.navbar .navbar-toggler-icon:after{
top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
transform: rotate(45deg);

}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
border-color: transparent;
}

.navbar .navbar-toggler-icon {
  width: 26px;
  height: 17px;
  background-image: none;
  position: relative;
  border-bottom: 2px solid #fff;
  transition: all 300ms linear;
}


  
  .abr::after {
    position: absolute;
    content: '|';
    top: 10px;
    right: 0px;
    color: #fff;
  }
  
  
  
  
  /**********social icon****************/
  /* fixed social*/
  #fixed-social {
     position: fixed;
     top: 50%;z-index: 1000000;
  }
  #fixed-social i{
    padding-top: 10px;
    font-weight: 500;
  }
  #fixed-social a {
     color: #fff;
     display: block;
     height: 40px;
     position: relative;
     text-align: center;
      line-height: 40px;
     width: 40px;
     margin-bottom: 1px;
     z-index: 200000!important;
  }
  #fixed-social a:hover>span{
    visibility: visible;
    left: 41px;
    opacity: 1;
  } 
  #fixed-social a span {
    line-height: 40px;
      left: 60px;
      position: absolute;
      text-align: center;
      width: 120px;
      visibility: hidden;
      transition-duration: 0.5s;
      z-index: 10000;
      opacity: 0;
  }
   .fixed-facebook{
    background-color: #4267B2;
   }
   .fixed-facebook span{
    background-color: #4267B2;
   }
   .fixed-twitter{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8a3ab9+0,e95950+50,fccc63+100 */
  background: rgb(138,58,185); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(138,58,185,1) 0%, rgba(233,89,80,1) 50%, rgba(252,204,99,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a3ab9', endColorstr='#fccc63',GradientType=0 ); /* IE6-9 */
  
  
   }
   .fixed-twitter span{
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8a3ab9+0,e95950+50,fccc63+100 */
  background: rgb(138,58,185); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(138,58,185,1) 0%, rgba(233,89,80,1) 50%, rgba(252,204,99,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a3ab9', endColorstr='#fccc63',GradientType=0 ); /* IE6-9 */
  
   }
   
   .fixed-youtube{
    background-color: red;
  
   }
  
   .fixed-youtube span{
    background-color: red;
   }
   .fixed-whatsapp {
    background-color: green;
  
   }
   .fixed-whatsapp span{
    background-color: green;
   }
  
  
  


   .logo h2 {
    color: #fff;
    font-size: 20px;
}



/*mobile-menu*/

.my-navbar{
display: none;
}
@media only screen and (min-width: 992px) {
.mainmenu .collapse ul li:hover> ul{
display:block;
}

.mainmenu .collapse ul ul{
position:absolute;
top:100%;
left:0;
min-width:250px;
display:none;
}
/*******/
.mainmenu .collapse ul ul li{
position:relative;
}
.mainmenu .collapse ul ul li:hover> ul{
display:block;
}
.mainmenu .collapse ul ul ul{
position:absolute;
top:0;
left:100%;
min-width:250px;
display:none;
}
/*******/
.mainmenu .collapse ul ul ul li{
position:relative;
}
.mainmenu .collapse ul ul ul li:hover ul{
display:block;
}
.mainmenu .collapse ul ul ul ul{
position:absolute;
top:0;
left:-100%;
min-width:250px;
display:none;
z-index:1;
}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{
padding:10px 15px 10px 35px;
}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{
padding:10px 15px 10px 45px;
}
}

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

.my-navbar{
display: block;
}

.header{
  display: none;
}

.dropdown-toggle::after {
display: inline-block;
background: red;
right: 40px;
top: 35px;
position: absolute;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "\f106";
font-family: "FontAwesome";
border: none;
   transform: rotate(180deg);
}
.mainmenu ul>li{
border: solid 1px #dfdfdf;
-webkit-tap-highlight-color: transparent;
border-right: none;
border-left: none;
border-bottom: none;
}
.bigmenu{
/*height: 200px;*/
overflow: auto;
-webkit-transition: all 0.6;
-moz-transition: all 0.6;
-o-transition: all 0.6;
transition: all 0.6;
}

li.dropdown [aria-expanded="true"].dropdown-toggle::after {
display: inline-block;
background: red;
right: 51px;
top: 10px;
position: absolute;
height: 0;
width: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "\f106";
font-family: "FontAwesome";
border: none;
transform: rotate(0deg);
}



.navbar-toggler {
padding: 2.25rem 2rem;
font-size: 1.25rem;
line-height: 1;
}
.navbar-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-ms-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;

-webkit-box-direction: normal;
-ms-box-direction: normal;
-moz-box-direction: normal;
box-direction: normal;

-webkit-flex-direction: column;
-ms-flex-direction: column;
-moz-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
height: 100vh;
overflow: auto; 
 -webkit-transition: all 0.6;
-moz-transition: all 0.6;
-o-transition: all 0.6;
transition: all 0.6;
}

 #mrktmenu>ul{
      overflow: auto;
  height: 100vh;
 }
header{position:relative;width:100%; }
.logo{position:relative;z-index:123;padding:10px;font:18px verdana;color:#6DDB07;float:left;width:15%}
.logo a{color:#6DDB07;}
nav{position:relative;width:980px;margin:0 auto;}
#mrktmenu,#mrktmenu ul,#mrktmenu ul li,#mrktmenu ul li a,#mrktmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#mrktmenu:after,#mrktmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#mrktmenu #head-mobile{display:none}
#mrktmenu{ background:#fff}
#mrktmenu > ul > li{float:left}
#mrktmenu > ul > li > a{padding:13px;font-size:18px;letter-spacing:1px;text-decoration:none;color:#fff;font-weight:500;}

#mrktmenu > ul > li:hover > a, #mrktmenu ul li.active a {
color: #000;
}
#mrktmenu > ul > li:hover,#mrktmenu ul li.active:hover,#mrktmenu ul li.active,#mrktmenu ul li.has-sub.active:hover{background:#c57029!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#mrktmenu > ul > li.has-sub > a{padding-right:30px}
#mrktmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#mrktmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#mrktmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#mrktmenu ul ul{position:absolute;left:-9999px}
#mrktmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#mrktmenu ul ul li:hover{}
#mrktmenu li:hover > ul{left:auto}
#mrktmenu li:hover > ul > li{height:35px}
#mrktmenu ul ul ul{margin-left:100%;top:0}
#mrktmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:15px;text-decoration:none;color:#ddd;font-weight:400;}
#mrktmenu ul ul li:last-child > a,#mrktmenu ul ul li.last-item > a{border-bottom:0}
#mrktmenu ul ul li:hover > a,#mrktmenu ul ul li a:hover{color:#fff}
#mrktmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#mrktmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#mrktmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#mrktmenu ul ul li.has-sub:hover,#mrktmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#mrktmenu ul ul ul li.active a{border-left:1px solid #333}
#mrktmenu > ul > li.has-sub > ul > li.active > a,#mrktmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

.logo{position:relative;top:0;left: 0;width:100px; text-align:center;padding:0px 0 0 0 ;float:none;padding: 10px;}
.logo2{display:none}
.logo img{
  padding:15px 25px;
  width: 100%;
}
nav{width:100%;}
#mrktmenu{width:100%;background-color: #c5702a;}
#mrktmenu ul{width:100%;display:none;padding: 0;}
#mrktmenu ul li{width:100%;border-top: 1px solid rgba(0,0,0,0.1);
}
#mrktmenu ul li:hover{background:transparent;}
#mrktmenu ul ul li,#mrktmenu li:hover > ul > li{height:auto}
#mrktmenu ul li a,#mrktmenu ul ul li a{    width: 100%;
border-bottom: 0;
font-family: 'Raleway';
font-size: 16px;}
#mrktmenu > ul > li{float:none}
#mrktmenu ul ul li a{padding-left:25px}
#mrktmenu ul ul li{background:#e7904b!important;}
#mrktmenu ul ul li:hover{background:#000!important}
#mrktmenu ul ul li a:hover{color:#fff!important}
#mrktmenu ul ul ul li a {
padding-left: 35px; 
white-space: break-spaces;
}
#mrktmenu ul ul li a{color:#fff;background:none}
#mrktmenu ul ul li:hover > a,#mrktmenu ul ul li.active > a{color:#000}
#mrktmenu ul ul,#mrktmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#mrktmenu > ul > li.has-sub > a:after,#mrktmenu > ul > li.has-sub > a:before,#mrktmenu ul ul > li.has-sub > a:after,#mrktmenu ul ul > li.has-sub > a:before{display:none}
#mrktmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button2{width:55px;height:46px;position:absolute;right:0;top:0px;cursor:pointer;z-index: 12399994;}
.button2:after {
  position: absolute;
  top: 23px;
  right: 20px;
  display: block;
  height: 8px;
  width: 20px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
}
.button2:before {
  /* -webkit-transition: all .3s ease; */
  -ms-transition: all .3s ease;
  transition: all .3s ease;
  position: absolute;
  top: 16px;
  right: 20px;
  display: block;
  height: 2px;
  width: 20px;
  background: #fff;
  content: '';
}
.button2.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button2.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#mrktmenu .submenu-button2{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,0.1);height:42px;width:46px;cursor:pointer}
#mrktmenu .submenu-button2.submenu-opened{background:transparent}
#mrktmenu ul ul .submenu-button2{height:38px;width:34px}
#mrktmenu .submenu-button2:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#fff;content:''}
#mrktmenu ul ul .submenu-button2:after{top:15px;right:13px}
#mrktmenu .submenu-button2.submenu-opened:after{background:#000}
#mrktmenu .submenu-button2:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#fff;content:''}
#mrktmenu ul ul .submenu-button2:before{top:12px;right:16px}
#mrktmenu .submenu-button2.submenu-opened:before{display:none}
#mrktmenu ul ul ul li.active a{border-left:none}
#mrktmenu > ul > li.has-sub > ul > li.active > a,#mrktmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}