.droopmenu-navbar,
.droopmenu-navbar *{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    padding: 0;
    margin: 0;
}
.droopmenu-navbar{
    color:#fff;
    font-size:15px;
    background:transparent;
    
    position: relative;
    line-height: 1.6;
    z-index: 9999;
}

/*	-------------------------------------------------------
:: Droopmenu General Links
------------------------------------------------------- */
.droopmenu-navbar a{
    text-decoration: none;
    background-color: transparent;
    cursor:pointer;
}
/*	-------------------------------------------------------
:: Droopmenu Maximum Width
------------------------------------------------------- */	
.droopmenu-inner,
.droopmenu-boxed{ 
    max-width:1140px;
    position:relative;
    margin:0 auto;
    z-index:10;
    top:20px;
}
.dm-fullspan{ max-width:100%; }
    
/*	-------------------------------------------------------
:: Droopmenu | LOGO | TOGGLE MOBILE | 
------------------------------------------------------- */

.droopmenu-brand,
.droopmenu-header{ float:left; } 
.droopmenu-brand{ margin-right:20px; margin-left:10px; }
.dm-nav-brand a img,
.droopmenu-brand img{ 
    height:35px; 
    position:relative;
    top:5px;  
}

.dm-nav-brand a,	
.droopmenu-brand { 
    font-size:32px; 
    font-weight:400;
    text-transform:uppercase;
    display:inline-block;
    color:#71818C;
}

/*	-------------------------------------------------------
:: Droopmenu | Menu Styles
------------------------------------------------------- */

.droopmenu{ float:left; }
.droopmenu,
.droopmenu li{ 
    margin:0; 
    list-style:none; 
}

.droopmenu li i{ 
    font-size:24px; 
    line-height:normal;  
}

.droopmenu > li{
    font-size:16px;
    position:relative;
    
    font-weight:400;
    float:left;
}

.droopmenu > li > a,
.droopmenu > li > span{
    color:#ffffff;
    display:block;
    text-transform:uppercase;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease; 
    transition: all 1s ease;
    padding:0 15px;
}

.droopmenu > li a.droopmenu-button span{
    text-align:center;
    border:2px solid #71818C;
    -webkit-transition: border-color .5s ease, color 0s ease;
    -moz-transition: border-color .5s ease, color 0s ease;
    -ms-transition: border-color .5s ease, color 0s ease;
    -o-transition: border-color .5s ease, color 0s ease;
    transition: border-color .5s ease, color 0s ease;
    display:inline-block;
    border-radius:24px;
    line-height:44px;
    padding:0 20px;
    height:44px;
}

.droopmenu > li a.droopmenu-button:hover span{
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    transition-delay:0s;
}

.dmcentered .droopmenu{
    text-align: center;
    float: none;
}

.dmcentered .droopmenu > li{
    display: inline-block;
    vertical-align:middle;
    float: none;
}	

/*	-------------------------------------------------------
:: Droopmenu Height | LOGO HEADER | TOP LINKS
------------------------------------------------------- */

.droopmenu-header{ height:70px; }
.dm-nav-brand a,
.droopmenu-brand,	
.droopmenu > li > a,
.droopmenu > li > span{ 
    line-height:70px; 
    height:70px; 
}

.droopmenu > li i{ vertical-align:middle; }

/*	-------------------------------------------------------
:: Droopmenu | LEVEL I DROPDOWN 
------------------------------------------------------- */

.droopmenu li > ul{
    display:block;
    background:#fff;
    position:absolute;
    -webkit-box-shadow: 0px 22px 46px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 22px 46px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 22px 46px 0px rgba(0, 0, 0, 0.12);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    visibility: hidden;
    left: -9999em;
    width: 250px;
    z-index: 99;	
    opacity: 0;
    top:100%;	
}

.droopmenu li.dmopener > ul{					
    visibility: visible;
    opacity: 1;
    left: 0;	
}

/*	-------------------------------------------------------
:: Droopmenu | LEVEL II DROPDOWN 
------------------------------------------------------- */

.droopmenu li ul{ padding:10px 0; }	
.droopmenu li li{ position:relative; }
.droopmenu li li > ul { 
    margin-top:-13px; 
    margin:0;  
    top:0;
}

.droopmenu li li.dmopener > ul { left: 100%; }
.droopmenu li:hover > a,
.droopmenu li li:hover > a{ color: #CCCCCC; }
.droopmenu li ul li a{
    display:block;
    padding:6px 25px;
    text-decoration:none;
    -webkit-transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    -ms-transition: all 0.3s ease; 
    -o-transition: all 0.3s ease; 	
    font-weight:300;
    font-size:15px;
    color:#363636;
}

.droopmenu li ul li a i{ 
    vertical-align:middle; 
    margin-right:5px; 
}

/*	-------------------------------------------------------
:: Droopmenu | DECORATIVE ARROW
------------------------------------------------------- */

.droopmenu .dm-arrow{ 
    width:0; 
    height:0;
    position:relative;
    border-bottom:0 solid transparent;
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    -webkit-transition:all .2s ease;
    -moz-transition:all .2s ease;
    -ms-transition:all .2s ease;
    -o-transition:all .2s ease;
    transition:all .2s ease;
    margin-left:-20px;
    margin-bottom:0;
    z-index:9999;
    bottom:9px;
    left:50%;
}

.droopmenu li.dmopener .dm-arrow{
    border-bottom:10px solid #fff; 
    margin-bottom:-10px;
}

.dmarrow-down .droopmenu .dm-arrow{ 
    border-bottom:0;
    border-top:0 solid transparent;
    bottom:1px;
}

.dmarrow-down .droopmenu li.dmopener .dm-arrow{
    border-bottom:0; 
    border-top:10px solid #fff;
    margin-bottom:-10px; 
}


/*	-------------------------------------------------------
:: Droopmenu | EXTENDED HOVER AREA
------------------------------------------------------- */

.droopmenu li > ul:after {
    content: '';
    position: absolute;
    background: transparent;
    height: 8px;
    width: 100%;
    bottom:100%;
    left: 0;
}

.droopmenu li li > ul:after  {
    top: 0;
    left: auto;
    right: 100%;
    bottom: auto;
    height:100%;
    width: 8px;
}

/*	-------------------------------------------------------
:: Droopmenu | ARROW INDICATORS
------------------------------------------------------- */	

.droopmenu li li.droopmenu-parent > a { padding-right:40px; }
.droopmenu li a .droopmenu-indicator{ 
    display:inline-block; 
    line-height:normal;  
}

.droopmenu li a .droopmenu-indicator em{ font-style:normal; }
.droopmenu li li a .droopmenu-indicator{ }	
.droopmenu li a .droopmenu-indicator em:after,
.droopmenu li li a .droopmenu-indicator em:after{
    content: "\f3d0";
    font-family: "Ionicons";
    display: inline-block;
    position:relative;
    font-size: 16px;
    margin-left: 4px;
    top: 1px;
}

.droopmenu li li a .droopmenu-indicator em:after{
    content: "\f3d1";
    position:absolute; 
    right:18px;
    top:25%;
}	

/*	-------------------------------------------------------
:: Droopmenu | DROP RIGHT-LEFT DIRECTION
------------------------------------------------------- */

.droopmenu li.droop-left > ul { 
    right:0;
    top: 100%; 
    left:auto;
}

.droopmenu li li.droop-left > ul { 
    top:0; 
    right:100%; 
    left:auto;
}

.droopmenu li li.droop-left > ul:after  {
    top: 0;
    left:  100%;
    right:auto;
    bottom: auto;
    height:100%;
    width: 8px;
}

/*	-------------------------------------------------------
:: Droopmenu Clear Floats
------------------------------------------------------- */

.droopmenu:after,
.droopmenu:before,
.droopmenu-row:after, 
.droopmenu-row:before,
.droopmenu-inner:after,
.droopmenu-inner:before{
    content:"";
    display:table;
}

.droopmenu:after,
.droopmenu-row:after,
.droopmenu-inner:after{ clear:both; }
                    
/*	-------------------------------------------------------
:: Droopmenu | STICKY FOR HORIZONTAL MENU
------------------------------------------------------- */

.dmfixed{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
}

.dmpos-bottom.dmfixed{
    width: 100%;  
    bottom: 0;  
    top: auto;
}

/*	-------------------------------------------------------
:: Droopmenu | VERTICAL MENU | ADJUST MIN-HEIGHT
------------------------------------------------------- */

.droopmenu-vertical{ 
    width:100%;
    min-height:100vh;
    position:static;  
    margin:0; 
}

.droopmenu-vertical .droopmenu .dm-arrow,
.droopmenu-vertical.dmarrow-down .droopmenu .dm-arrow{ display:none; }
.droopmenu-vertical .droopmenu-header{
    padding-right:20px; 
    padding-left:20px; 
}

.droopmenu-vertical .droopmenu,
.droopmenu-vertical .droopmenu-header,
.droopmenu-vertical .droopmenu > li{ float:none; }
.droopmenu-vertical .droopmenu > li{ display:block; }
.droopmenu-vertical .droopmenu > li > a > i{ 
    line-height:normal; 
    vertical-align:middle;
    display:inline-block;
    margin-right:8px;
    width:24px;
    padding:0; 
}

.droopmenu-vertical .droopmenu > li > a,
.droopmenu-vertical .droopmenu > li > span{
    height:auto; 
    line-height:42px;
    padding:0 20px;
    display:block;
}

.droopmenu-vertical	.droopmenu li a .droopmenu-indicator em:after{
    content: "\f3d1";
    position:absolute;
    right:18px;
    top:28%;
}

.droopmenu-vertical .droopmenu li > ul{
    margin:0; 
    left:100%;
    top:0;  
}

.droopmenu-vertical .droopmenu li > ul:after{
    width: 8px;
    height: 100%;
    bottom: auto;
    right: 100%;
    left: auto;	
    top: 0;
}

/*	-------------------------------------------------------
:: Droopmenu | VERUICAL | DROP BOTTOM-TOP DIRECTION
------------------------------------------------------- */	

.droopmenu-vertical .droopmenu li.droop-bottom > ul{
    top: auto;
    bottom: 0;
}

.droopmenu-vertical .droopmenu li.droop-bottom > ul:before{
    top: auto;
    bottom: 22px;
}


/*	-------------------------------------------------------
:: Droopmenu | VERUICAL | RIGHT POSITION
------------------------------------------------------- */	

.droopmenu-vertical.dmpos-right{ }
.droopmenu-vertical.dmpos-right .droopmenu li > ul:after {
    right: auto;
    left: 100%;
}

.droopmenu-vertical.dmpos-right .droopmenu li > ul {
    right: 100%;
    left: auto;
}

.droopmenu-vertical-wrapper{ width:240px; }

/*	-------------------------------------------------------
:: Droopmenu | MOBILE TOGGLE BUTTON
------------------------------------------------------- */

.droopmenu-toggle{
    width: 50px;
    height: 40px;
    line-height: 40px;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    text-align: center;
    padding-top: 12px;
    cursor: pointer;
    display: none;
    float:right;
    right:0;
    top:16px;
}

.droopmenu-toggle i{
    width: 28px;
    height: 1px;
    display: block;
    position: relative;
    -webkit-transition: all 700ms cubic-bezier(0.755, 0.050, 0.855, 0.060); 
    -moz-transition: all 700ms cubic-bezier(0.755, 0.050, 0.855, 0.060); 
    -o-transition: all 700ms cubic-bezier(0.755, 0.050, 0.855, 0.060); 
    transition: all 700ms cubic-bezier(0.755, 0.050, 0.855, 0.060);
    margin-bottom: 5px;
    margin-right: auto;
    margin-left: auto;
}

.droopmenu-toggle .dm-burg:nth-child(2){ opacity: 1; }
.droopmenu-toggle .dm-burg:nth-child(2):after,
.droopmenu-toggle .dm-burg:nth-child(2):before{
    -webkit-transition: -webkit-transform .4s cubic-bezier(.18, .65, .65, 1.4) .1s, opacity .3s cubic-bezier(.18, .65, .65, 1.4) .08s;
    -moz-transition: transform .4s cubic-bezier(.18, .65, .65, 1.4) .1s, opacity .3s cubic-bezier(.18, .65, .65, 1.4) .08s;
    -o-transition: transform .4s cubic-bezier(.18, .65, .65, 1.4) .1s, opacity .3s cubic-bezier(.18, .65, .65, 1.4) .08s;
    transition: transform .4s cubic-bezier(.18, .65, .65, 1.4) .1s, opacity .3s cubic-bezier(.18, .65, .65, 1.4) .08s;
}

.droopmenu-toggle .dm-burg:nth-child(1){
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
    -moz-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
    -ms-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
    -o-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg)
}

.droopmenu-toggle .dm-burg:nth-child(1):after,
.droopmenu-toggle .dm-burg:nth-child(1):before{
    -webkit-transition: -webkit-transform .4s cubic-bezier(.18, .65, .65, 1.4), opacity .3s cubic-bezier(.18, .65, .65, 1.4);
    -moz-transition: transform .4s cubic-bezier(.18, .65, .65, 1.4), opacity .3s cubic-bezier(.18, .65, .65, 1.4);
    -o-transition: transform .4s cubic-bezier(.18, .65, .65, 1.4), opacity .3s cubic-bezier(.18, .65, .65, 1.4);
    transition: transform .4s cubic-bezier(.18, .65, .65, 1.4), opacity .3s cubic-bezier(.18, .65, .65, 1.4)
}

.droopmenu-toggle .dm-burg:nth-child(3){
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
    -moz-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
    -ms-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
    -o-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg)
}

.droopmenu-toggle .dm-burg:nth-child(3):after,
.droopmenu-toggle .dm-burg:nth-child(3):before{
    -webkit-transition: -webkit-transform .4s cubic-bezier(.18, .65, .65, 1.4) .2s, opacity .3s cubic-bezier(.18, .65, .65, 1.4) .18s;
    -moz-transition: transform .4s cubic-bezier(.18, .65, .65, 1.4) .2s, opacity .3s cubic-bezier(.18, .65, .65, 1.4) .18s;
    -o-transition: transform .4s cubic-bezier(.18, .65, .65, 1.4) .2s, opacity .3s cubic-bezier(.18, .65, .65, 1.4) .18s;
    transition: transform .4s cubic-bezier(.18, .65, .65, 1.4) .2s, opacity .3s cubic-bezier(.18, .65, .65, 1.4) .18s
}

.droopmenu-toggle i:after,
.droopmenu-toggle i:before{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    pointer-events: none;
    background: #71818C;	
}

.droopmenu-toggle i:before{
    opacity: 1;
    -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)
}

.droopmenu-toggle i:after{
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    -moz-transform: translate3d(50%, 0, 0);
    -ms-transform: translate3d(50%, 0, 0);
    -o-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0)
}

.droopmenu-toggle:hover i:before{
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.droopmenu-toggle:hover i:after{
    opacity: 1;
    -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)
}

.droopmenu-toggle.dmt-active i{
    -webkit-transition: all 700ms cubic-bezier(0.755, 0.050, 0.855, 0.060); 
    -moz-transition: all 700ms cubic-bezier(0.755, 0.050, 0.855, 0.060); 
    -o-transition: all 700ms cubic-bezier(0.755, 0.050, 0.855, 0.060); 
    transition: all 700ms cubic-bezier(0.755, 0.050, 0.855, 0.060);
}

.droopmenu-toggle.dmt-active .dm-burg:nth-child(1){
    -webkit-transform: translate3d(0, 6px, 0) rotate3d(0, 0, 1, -45deg);
    -moz-transform: translate3d(0, 6px, 0) rotate3d(0, 0, 1, -45deg);
    -ms-transform: translate3d(0, 6px, 0) rotate3d(0, 0, 1, -45deg);
    -o-transform: translate3d(0, 6px, 0) rotate3d(0, 0, 1, -45deg);
    transform: translate3d(0, 6px, 0) rotate3d(0, 0, 1, -45deg)
}

.droopmenu-toggle.dmt-active .dm-burg:nth-child(2){ opacity:0; }
.droopmenu-toggle.dmt-active .dm-burg:nth-child(3){
    margin-bottom: 0;
    -webkit-transform: translate3d(0, -6px, 0) rotate3d(0, 0, 1, 45deg);
    -moz-transform: translate3d(0, -6px, 0) rotate3d(0, 0, 1, 45deg);
    -ms-transform: translate3d(0, -6px, 0) rotate3d(0, 0, 1, 45deg);
    -o-transform: translate3d(0, -6px, 0) rotate3d(0, 0, 1, 45deg);
    transform: translate3d(0, -6px, 0) rotate3d(0, 0, 1, 45deg)
}	

/*	-------------------------------------------------------
:: Droopmenu | DROPDOWN ANIMATIONS
------------------------------------------------------- */

/* FADE */
.dmfade .droopmenu li > ul {
    -webkit-transform: translate(0, 1px);
    -moz-transform: translate(0, 1px);
    -ms-transform: translate(0, 1px);
    -o-transform: translate(0, 1px);
    transform: translate(0, 1px);
    -webkit-transition: transform 0.5s, visibility 0s linear 0.5s, opacity 0.5s linear, left 0s 0.5s;
    -moz-transition: transform 0.5s, visibility 0s linear 0.5s, opacity 0.5s linear, left 0s 0.5s;
    -o-transition: transform 0.5s, visibility 0s linear 0.5s, opacity 0.5s linear, left 0s 0.5s;
    transition: transform 0.5s, visibility 0s linear 0.5s, opacity 0.5s linear, left 0s 0.5s;
}

.dmpos-bottom.dmfade .droopmenu li > ul {
    -webkit-transform: translate(0, -1px);
    -moz-transform: translate(0, -1px);
    -ms-transform: translate(0, -1px);
    -o-transform: translate(0, -1px);
    transform: translate(0, -1px);	
}	

.dmfade .droopmenu li.dmopener > ul {
    transition-delay:0s;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);		
}
        
/* SLIDE UP */
.dmslideup .droopmenu li > ul {
    -webkit-transform: translate(0, 60px);
    -moz-transform: translate(0, 60px);
    -ms-transform: translate(0, 60px);
    -o-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, left 0s 0.5s;
    -moz-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, left 0s 0.5s;
    -o-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, left 0s 0.5s;
    transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, left 0s 0.5s;		
}

.dmpos-bottom.dmslideup .droopmenu li > ul {
    -webkit-transform: translate(0, -60px);
    -moz-transform: translate(0, -60px);
    -ms-transform: translate(0, -60px);
    -o-transform: translate(0, -60px);
    transform: translate(0, -60px);	
}

.dmslideup .droopmenu li.dmopener > ul {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);	
    -webkit-transition-delay:0.2s;
    -moz-transition-delay:0.2s;
    -o-transition-delay:0.2s;
    transition-delay:0.2s;
}

    
/* SLIDE DOWN */
.dmslidedown .droopmenu li > ul{
    -webkit-transform: translateY(-2em);
    -moz-transform: translateY(-2em);
    -ms-transform: translateY(-2em);
    -o-transform: translateY(-2em);
    transform: translateY(-2em);
    -webkit-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.5s, left 0s 0.5s;
    -moz-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.5s, left 0s 0.5s;
    -o-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.5s, left 0s 0.5s;
    transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.5s, left 0s 0.5s;		
    z-index: -99;
}

.dmpos-bottom.dmslidedown .droopmenu li > ul { 
    -webkit-transform: translateY(2em);
    -moz-transform: translateY(2em);
    -ms-transform: translateY(2em);
    -o-transform: translateY(2em);
    transform: translateY(2em);
}

.dmslidedown .droopmenu li.dmopener > ul{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay:0.1s;
    -moz-transition-delay:0.1s;
    -o-transition-delay:0.1s;
    transition-delay:0.1s;
    z-index: 99;
    opacity: 1;
}

/* SLIDE LEFT / RIGHT */
.dmslideleft .droopmenu li > ul{
    -webkit-transform:translateX(100px);
    transform:translateX(100px);
}

.dmslideright .droopmenu li > ul{
    -webkit-transform:translateX(-100px);
    transform:translateX(-100px);
}

.dmslideleft .droopmenu li > ul,
.dmslideright .droopmenu li > ul{
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s, visibility 0s 0.5s, left 0s 0.5s;
    transition: opacity 0.5s, transform 0.5s, visibility 0s 0.5s, left 0s 0.5s;	
}

.dmslideleft .droopmenu li.dmopener > ul,
.dmslideright .droopmenu li.dmopener > ul{
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}	

/* FLIP */
.dmflip .droopmenu li > ul{
    -webkit-transform:perspective(1160px) rotateX(-90deg);
    -moz-transform:perspective(1160px) rotateX(-90deg);
    -ms-transform:perspective(1160px) rotateX(-90deg);
    -o-transform:perspective(1160px) rotateX(-90deg);
    transform:perspective(1160px) rotateX(-90deg);
    -webkit-transition: transform 0.5s, visibility 0s linear 0.5s,opacity 0.5s linear, left 0s 0.5s;
    -moz-transition: transform 0.5s, visibility 0s linear 0.5s,opacity 0.5s linear, left 0s 0.5s;
    -o-transition: transform 0.5s, visibility 0s linear 0.5s,opacity 0.5s linear, left 0s 0.5s;
    transition: transform 0.5s, visibility 0s linear 0.5s,opacity 0.5s linear, left 0s 0.5s;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;			
}

.dmpos-bottom.dmflip .droopmenu li > ul { 
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;			
} 

.dmflip .droopmenu li.dmopener > ul{
    -webkit-transform:perspective(1160px) rotateX(0);
    -moz-transform:perspective(1160px) rotateX(0);
    -ms-transform:perspective(1160px) rotateX(0);
    -o-transform:perspective(1160px) rotateX(0);
    transform:perspective(1160px) rotateX(0);
    -webkit-transition-delay:0.2s;
    -moz-transition-delay:0.2s;
    -o-transition-delay:0.2s;
    transition-delay:0.2s;
}

/* FLIP DOWN */
.dmflipdown .droopmenu li > ul{
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, left 0s 0.5s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s, left 0s 0.5s;
    -ms-transition: -ms-transform 0.3s, opacity 0.3s, left 0s 0.5s;
    -o-transition: -o-transform 0.3s, opacity 0.3s, left 0s 0.5s;
    transition: transform 0.5s, opacity 0.5s, left 0s 0.5s;
}

.dmpos-bottom.dmflipdown .droopmenu li > ul { 
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);	
}
    
.dmflipdown .droopmenu li.dmopener > ul{
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transition-delay:0.1s;
    -moz-transition-delay:0.1s;
    -o-transition-delay:0.1s;
    transition-delay:0.1s;
}

/* SCALE */
.dmscale .droopmenu li > ul{
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, visibility 0s 0.5s, left 0s 0.5s;	
    transition: transform 0.5s, opacity 0.5s, visibility 0s 0.2s, left 0s 0.5s;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);			
}

.dmpos-bottom.dmscale .droopmenu li > ul {
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    transform-origin: bottom center;	
}

.dmscale .droopmenu li.dmopener > ul{
    -webkit-transition: -webkit-transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s;
    -webkit-transform:scale(1);
    transform:scale(1);
}
            
@media only screen and (min-width: 1201px) {
    .droopmenu-nav,
    .droopmenu li > ul{ display:block!important; }
    
    .droopmenu-vertical .droopmenu-extra{ float:none; }
    
    .dmcentered .dm-nav-brand{ display:block; }
    .dmcentered .droopmenu-brand { display:none; }
    
    .dmsticky{
        position: -webkit-sticky;
        position: sticky;
        width:100%;
        top: 0;
    }
    .dmsticky:after,
    .dmsticky:before{
        content: '';
        display: table;
    }				
/*	--------------------------------------------------
    :: TABS
    -------------------------------------------------- */		
    .droopmenu .droopmenu-tabnav {
        display: block;
        background: #fff; 
        position:relative;
        z-index:10;	
    }	
    .droopmenu .droopmenu-tabnav a {
        float: left;
        height:56px;
        display: block;
        padding:0 20px;
        line-height:56px;
        text-decoration: none;
        position:relative;
        color: #71818C;
        border:0;
    }	
    .droopmenu .droopmenu-tabs.tabs-justify .droopmenu-tabnav a {
        display: table-cell;
        text-align:center;
        float:none;
        width: 1%;
    }
    .droopmenu .droopmenu-tabnav a.droopmenu-tab-active { font-weight:400; }
    .droopmenu .droopmenu-tabnav a:after {
        content: '';
        width: 13px;
        height: 13px;
        position: absolute;
        -webkit-transform:  rotate(135deg) scale(0);
        -moz-transform:  rotate(135deg) scale(0);
        -ms-transform:  rotate(135deg) scale(0);
        -o-transform:  rotate(135deg) scale(0);
        transform:  rotate(135deg) scale(0);
        transition:-webkit-transform .3s ease-in;
        transition:transform .3s ease-in;	
        border-bottom: 1px solid #D9E2EC;
        border-right: 1px solid #D9E2EC;
        background-color: #ffffff;
        bottom:-7px;
        right: 47%;		
        z-index:11;
    }
    
    .droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabnav a:after {
        -webkit-transform: rotate(225deg) scale(0);
        -moz-transform: rotate(225deg) scale(0);
        -ms-transform: rotate(225deg) scale(0);
        -o-transform: rotate(225deg) scale(0);
        transform: rotate(225deg) scale(0);
        bottom: 36%;
        right:-7px;
    }			
    .droopmenu .droopmenu-tabnav a.droopmenu-tab-active:after {
        -webkit-transform: rotate(225deg) scale(1);
        -moz-transform: rotate(225deg) scale(1);
        -ms-transform: rotate(225deg) scale(1);
        -o-transform: rotate(225deg) scale(1);
        transform: rotate(225deg) scale(1);
    }		
    .droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabnav a.droopmenu-tab-active:after {
        -webkit-transform:  rotate(135deg) scale(1);
        -moz-transform:  rotate(135deg) scale(1);
        -ms-transform:  rotate(135deg) scale(1);
        -o-transform:  rotate(135deg) scale(1);
        transform:  rotate(135deg) scale(1);
    }				
    .droopmenu .droopmenu-tabs.droopmenu-tabs-vertical{ 
        display: table; 
        width: 100%; 
    }		
    .droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenutabcol{ 
        display: table-cell; 
        vertical-align:top; 
    }		
    .droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabnav{ 
        height:auto; 
        background:#fff; 
    }		
    .droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabnav {
        width: 200px;
        position:relative;	
        z-index:10;
    }
    .droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabnav a{ 
        float:none; 
        margin:0;
    }			
    .droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabpanel{ 
        position:relative;
        border-left: 1px solid #E3E9ED; 
        border-top:0;
        z-index:5;  
    }		
    .droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabsection { border:0; }
    .droopmenu .droopmenu-tabheader { display: none; }
    .droopmenu .droopmenu-tabpanel  { 
        border-top: 1px solid #E3E9ED; 
        z-index:5; 
    }		
    .droopmenu .droopmenu-tabcontent { 
        padding:30px 40px; 
        border-bottom:0; 
    }		
    .droopmenu .droopmenu-tabsection { 
        display: none; 
        border-top:0; 
    }
    .droopmenu .droopmenu-tabsection.droopmenu-tab-active { display: block; }
    .droopmenu .droopmenu-tabsection.droopmenu-tab-active .droopmenu-tabcontent { display: block; }
    .droopmenu .droopmenu-row:last-child .droopmenu-col .coldemo { margin-bottom:0; }																		
}				
@media screen and (max-width: 1200px) {

    .droopmenu{
        position:static;
        width:100%;
    }	
    .droopmenu,
    .droopmenu-left,
    .droopmenu-right{ float:none; }		
    .droopmenu-boxed,
    .droopmenu-vertical,
    .droopmenu .droopmenu-grid, 
    .droopmenu-vertical-wrapper{ width: 100%; }
    .droopmenu-vertical{ min-height:0; }	
    .droopmenu-row{ margin:0;  }
    .droopmenu-col{ 
        width: 100%; 
        float:none; 
        padding:0; 
    }				
    .droopmenu-toggle{ display: inline-block;  }	
    .droopmenu ul{ display: block; }
    .droopmenu ul,
    .droopmenu li > ul,
    .droopmenu ul.droopmenu-grid,
    .droopmenu ul.droopmenu-grid ul,
    .droopmenu ul.droopmenu-grid ul.droopmenu-col{ width: 100%; }		
    .droopmenu-nav,
    .droopmenu li > ul{ display:none; }	
    .droopmenu-nav{ border-top:1px solid #E3E9ED; }		
    .droopmenu li > ul,	
    .droopmenu li.drop-left > ul,
    .dmpos-bottom .droopmenu li > ul,
    .droopmenu-vertical .droopmenu li > ul{
        -webkit-transform-origin-x: 0;
        -moz-transform-origin-x: 0;
        -ms-transform-origin-x: 0;
        -o-transform-origin-x: 0;
        transform-origin-x: 0;		
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
        border:0;		
    }		
    .droopmenu > li,
    .droopmenu > li.right{
        float:none;
        width:100%;
        margin-top:0;
        margin-left:0;
        display:block;
    }	
    .droopmenu li.dmopener > ul,
    .droopmenu li li.dmopener ul,
    .droopmenu li li.dmopener > ul,
    .droopmenu li.droop-left > ul,
    .droopmenu li li.droop-left > ul,
    .droopmenu-vertical .droopmenu li > ul {
        position: static;
    }
    .droopmenu > li > a,
    .droopmenu-vertical .droopmenu > li > a,
    .droopmenu-vertical .droopmenu > li > span{
        padding:0;
        border-right:0;
        font-size:15px; 
        padding-left:25px;
        position:relative;
        line-height:56px;
        height:auto;
    }	
    .droopmenu li ul{ padding:0; }
    .droopmenu li ul li a{ padding:8px 25px; }
    .droopmenu li li > a{ position:relative;  }
    .droopmenu li > ul:after,
    .droopmenu li li > ul:after{ display:none; }		
    .droopmenu > li ul, 
    .droopmenu > li > ul li ul{
        box-shadow:none;
        position:relative;
        border:0;
        left:0;
        top:0;
    }
    .droopmenu-inner{ padding:0; margin:0; }
    .droopmenu-header{ float:none; padding:0 10px; }
    .droopmenu-nav:after,
    .droopmenu-nav:before,
    .droopmenu-header:after,
    .droopmenu-header:before{display:table;content:" "}
    .droopmenu-nav:after,
    .droopmenu-header:after{clear:both;}
    .droopmenu > li.dm-nav-brand{ display:none; }		
    .droopmenu li > ul,
    .droopmenu li li > ul,
    .droopmenu li.dmopener > ul,
    .droopmenu li li.dmopener > ul{	
        position:static;
        visibility:visible;
        opacity:1;
        margin:0;
        left: 0;
        top:0;
    }	
    .droopmenu > li > a,	
    .droopmenu li ul li a,
    .droopmenu .droopmenu-grid-container{ border-bottom:1px solid #e3e9ed82; }
    .droopmenu .dm-arrow,
    .dmarrow-down .droopmenu .dm-arrow{ display:none; }			
/*	--------------------------------------------------
    :: Indicators
    -------------------------------------------------- */			
    .droopmenu li a .droopmenu-indicator,
    .droopmenu-vertical	.droopmenu li a .droopmenu-indicator{ 
        position:absolute;
        text-align:center;
        display:inline-block;
        height:100%;
        width:50px;
        line-height:60px;
        z-index:10; 
        right:0;
        top:0; 
    }				
    .droopmenu li a .droopmenu-indicator em:after,
    .droopmenu li li a .droopmenu-indicator em:after,
    .droopmenu-vertical	.droopmenu li a .droopmenu-indicator em:after{
        content: '\002B';
        font-family:Arial, Helvetica, sans-serif;
        font-size:24px;
        font-weight:bold;
        position:relative;
        text-align:center;
        right:auto;
        left:auto;
        top:-2px;
    }	
    .droopmenu li.dmtoggle-open > a .droopmenu-indicator em:after,
    .droopmenu li li.dmtoggle-open > a .droopmenu-indicator em:after{ 
        content: "\2013"; 
        top:-5px; 
    }
    .droopmenu li li a .droopmenu-indicator em:after,
    .droopmenu li li.dmtoggle-open > a .droopmenu-indicator em:after{ left:-1px; }
    
/*	--------------------------------------------------
    :: Offcanvas Overlay + Close Button
    -------------------------------------------------- */				
    .droopmenu-overlay{
        width:0%;
        height: 100%;
        position: fixed;
        background:rgba(0, 0, 0, 0.5);
        -webkit-transition: all 1200ms cubic-bezier(1.000, 0.000, 0.070, 1.000); 
        -moz-transition: all 1200ms cubic-bezier(1.000, 0.000, 0.070, 1.000); 
        -o-transition: all 1200ms cubic-bezier(1.000, 0.000, 0.070, 1.000);
        transition: all 1200ms cubic-bezier(1.000, 0.000, 0.070, 1.000);
        -webkit-transition-delay:0.5s;
        -moz-transition-delay:0.5s;
        -o-transition-delay:0.5s;
        transition-delay:0.5s;				
        cursor: pointer;
        z-index:120;
        bottom:0;
        top:0;
    }		
    .droopmenu-offcanvas.dmoffleft .droopmenu-overlay{ left:0; }
    .droopmenu-offcanvas.dmoffright .droopmenu-overlay{ right:0; }
    .droopmenu-offcanvas.droopmenu-offcanvas-open .droopmenu-overlay{  
        width:100%; 
        -webkit-transition-delay:0.15s;
        -moz-transition-delay:0.15s;
        -o-transition-delay:0.15s;
        transition-delay:0.15s;  
    }					
    .droopmenu-mclose {
        outline:none; 
        cursor:pointer;
        background:transparent;
        border-bottom:1px solid #ffffff1a;
        position:relative;
        overflow: hidden;
        line-height:70px;
        height:70px;
    }		
    .droopmenu-mclose span {  
        width: 29px;
        height: 29px;
        position: absolute;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);		
        cursor:pointer;
        opacity: 1;
        left:17px;
        top:22px;
    }	
    .droopmenu-mclose span:before, 
    .droopmenu-mclose span:after {
        content:"";
        position: absolute;
        background-color: #fff;
        -webkit-transition: all 500ms cubic-bezier(0.895, 0, 0.070, 1);
        -webkit-transition: all 500ms cubic-bezier(0.895, -0.600, 0.070, 1.650); 
        -moz-transition: all 500ms cubic-bezier(0.895, -0.600, 0.070, 1.650); 
        -o-transition: all 500ms cubic-bezier(0.895, -0.600, 0.070, 1.650); 
        transition: all 500ms cubic-bezier(0.895, -0.600, 0.070, 1.650);						
    }	
    .droopmenu-mclose span:before {
        height: 0%;
        width: 1px;
        position: absolute;
        -webkit-transition-delay:300ms;
        -moz-transition-delay:300ms;
        -o-transition-delay:300ms;
        transition-delay:300ms;				
        left:13px;
    }		
    .droopmenu-mclose span:after {
        width: 0%;
        height: 1px;
        position: absolute;
        -webkit-transition-delay:100ms;
        -moz-transition-delay:300ms;
        -o-transition-delay:300ms;
        transition-delay:100ms;				
        top:13px;
    }				
    .droopmenu-offcanvas .droopmenu-nav {
        width: 280px;
        display: block; 
        position: fixed;
        -webkit-transition: all 600ms cubic-bezier(0.755, 0.050, 0.855, 0.060); 
        -moz-transition: all 600ms cubic-bezier(0.755, 0.050, 0.855, 0.060); 
        -o-transition: all 600ms cubic-bezier(0.755, 0.050, 0.855, 0.060); 
        transition: all 600ms cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transition-delay:0.55s;
        -moz-transition-delay:0.55s;
        -o-transition-delay:0.55s;
        transition-delay:0.55s;			
        padding-bottom: 70px;	
        background-image: linear-gradient(125deg,#292869,#492a76 ,#2c2a6b,#4d2a78);  background-size: 400%;
        animation: bganimation 4s infinite;
        overflow: hidden;
        border-top: 0;
        z-index: 1000; 
        bottom: 0;     
        top: 0;	 
    }
    .droopmenu-offcanvas .droopmenu-nav-wrap{
        position: relative;
        overflow: hidden;
        height: 100%;
        width: 100%;
    }
    
    .droopmenu-offcanvas .droopmenu-nav-wrap > .droopmenu-navi{
        position: absolute;
        overflow: auto;
        overflow-x: hidden;
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
    }
    .droopmenu-dmopen{ overflow:hidden; }
    .droopmenu-offcanvas.dmoffleft .droopmenu-nav {  left:-300px; }
    .droopmenu-offcanvas.dmoffright .droopmenu-nav {  right:-300px; }
    .droopmenu-offcanvas.dmoffleft.droopmenu-offcanvas-open .droopmenu-nav{ left:0; }
    .droopmenu-offcanvas.dmoffright.droopmenu-offcanvas-open .droopmenu-nav{ right:0; }
    .droopmenu-offcanvas.dmoffright .droopmenu-mclose span{ right:20px; left: auto; }
    .droopmenu-offcanvas-open .droopmenu-mclose span:before{ 
        height: 100%; 
        -webkit-transition-delay:0.8s;
        -moz-transition-delay:0.8s;
        -o-transition-delay:0.8s;
        transition-delay:0.8s;	
    } 
    .droopmenu-offcanvas-open .droopmenu-mclose span:after { 
        width:100%; 
        transition-delay:1s;
        -webkit-transition-delay:1s;
        -moz-transition-delay:1s;
        -o-transition-delay:1s;
        transition-delay:1s;				 
    }
    .droopmenu-offcanvas.droopmenu-offcanvas-open .droopmenu-nav{
        -webkit-transition-delay:0.15s;
        -moz-transition-delay:0.15s;
        -o-transition-delay:0.15s;
        transition-delay:0.15s;		
    }
    .droopmenu-offcanvas .droopmenu-toggle i{ 
        -webkit-transition-delay:0.6s;
        -moz-transition-delay:0.6s;
        -o-transition-delay:0.6s;
        transition-delay:0.6s;
    }
}
.droopmenu li a .droopmenu-indicator em:after{
    content: "\f104"!important;
    font-family: "Font Awesome 5 Pro"!important;
}