.ddsmoothmenu{
	z-index: 99;
	width: 100%;
	text-align: center;
	background: #fff;
	padding-top: 15px;
	border-radius: 25px;
	background: linear-gradient(to bottom, #fed621, #f4823c);
	/*background: #ccc;
    background: -webkit-linear-gradient(#B40C09, #A20703);
    background: -o-linear-gradient(#B40C09, #A20703);
    background: -moz-linear-gradient(#B40C09, #A20703);
    background: linear-gradient(#B40C09, #A20703);*/
	/*float: right;
    display: flex;
    align-items: center;*/
}
.tigia{
	float: right; 
	border-left: solid 1px red;
	padding: 10px;
	/*display: flex; 
	align-items: center;*/
}
.sticknone{
     position: relative;
     z-index: 9;
     width: 100%;
     height: 105px;
     margin:0;
     padding: 0;
     background: #2e1908;
}
.stick{
    position: fixed;  z-index: 9; width: 100%; height: 85px;  margin:0; padding: 0; top: 0px; box-shadow: 0px 1px 3px #000; background: #2e1908; animation: stuckMoveDown .6s;
}
.sticknone .logotops{
	width: 100%;
	display: block;
	height: 80px;
	display: flex;
	align-items: center;
}
.stick .logotops{
	width: 100%;
	display: block;
	height: 60px;
	display: flex;
    align-items: center;
}
@-webkit-keyframes stuckMoveDown{
    0% { 
        -webkit-transform: translateY(-300px); 
        opacity: 0;
    }
    100% { 
        -webkit-transform: translateY(0px);  
        opacity: 1;
    }
}

@-moz-keyframes stuckMoveDown{
    0% { 
        -moz-transform: translateY(-40px); 
        opacity: 0;
    }
    100% { 
        -moz-transform: translateY(0px);  
        opacity: 1;
    }
}

@-o-keyframes stuckMoveDown{
    0% { 
        -o-transform: translateY(-40px); 
        opacity: 0;
    }
    100% { 
        -o-transform: translateY(0px);  
        opacity: 1;
    }
}
#templatemo_menu ul li{
	list-style: none;
}
/*Top level list items*/
.ddsmoothmenu span{
	position: relative;
	display: inline;

}
.ddsmoothmenu span:last-child{
	background: none;
}
.sticknone .ddsmoothmenu, .sticknone .tigia{
	height:50px;
}
.sticknone span a {
	color: #000;
}
.sticknone img {
 	height: 70px;
}

.stick span a {
	color: #000;
}
.stick .ddsmoothmenu, .stick .tigia{
	height:50px;
}
.stick .ddsmoothmenu{
	 box-shadow: 0px 1px 3px #000;
}
.stick img {
 	height: 55px;
}

.ddsmoothmenu span a {
	font-size: 14px;
	outline: none;
	text-transform:uppercase;
	text-align: center;
	font-family:'Roboto-Condensed';
	color: #000;
	font-weight: 400;
	padding: 0px 10px;
}
	@media only screen and (min-width : 1440px) {
	  	
	    .ddsmoothmenu span a {
	    	padding: 1.18em 1rem;
	    }
	}
	@media only screen and (max-width : 1440px) and (min-width : 1230px) {
		
	    .ddsmoothmenu span a {
	    	padding: 1em 1rem;
	    }
	}
	@media only screen and (max-width: 900px) {
		.sticknone img {
		 	height: 68px;
		}
	    .ddsmoothmenu span a {
	    	padding: 1em 0.2rem;
	    }
	}
	
.ddsmoothmenu span a.after{
	padding:0px 30px 0px 30px;
	color:#FFF;
	background:none;
}
.ddsmoothmenu span a.after:hover{
	color:#CCC;
	
}

* html .ddsmoothmenu span a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}


.ddsmoothmenu span a.selected, .ddsmoothmenu span a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color:#fff;
	text-decoration: none;
	background: #2e1908;
}

/*1st sub level menu*/
.ddsmoothmenu span ul {
	position: absolute;
	left:-30%;
	border-radius:0;
	padding:0;
	
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	min-width:250px;
	background: #fff;
	z-index: 9999;
	border:solid 1px #ccc;
	
}
.sticknone .ddsmoothmenu span ul {
	top: 34px !important;
}
.stick .ddsmoothmenu span ul {
	top: 32px !important;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu span ul li{
	text-align: left;
	height: 35px;
	position: relative;
	display: list-item;
	float: none;
	background: none;
	border-top: none;
	width: 100%;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu span ul li ul{
	top: 0;
	margin:0;
	padding:0;
	margin-left: 1px;
	margin-top:0px;
}

/* Sub level menu links style */
.ddsmoothmenu span ul li a{
	line-height: 38px;
	display: block;
	font-weight: 100;
	text-align: left;
	background: none;
	padding:0px;
	font-weight: 100;
	text-transform:none;
	padding-left:10px;
	color:#000;
	font-size:13px;
	font-family:'Roboto-Condensed';
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ddsmoothmenu span ul li a.selected, .ddsmoothmenu span ul li a:hover {
	font-weight: 100;
	color:#fff;
	text-decoration: none;
	background: #2e1908;
	top: 0;
	margin-top: 0px;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.5;
}

/* menu */