/*! Topbar
--------------------------------*/


.Topbar{
	color:#fff;
	overflow:hidden;
}


.Topbar-left{
		float:left;
		width:60%;
	}


.Topbar-left li{
			margin-right:16px;
		}


.Topbar-right{
		float:right;
		text-align:right;
	}


.Topbar-right li{
			margin-left:16px;
		}


.Topbar-right li:first-child{
				margin-left:0px;
			}


.Topbar-menu{
		margin-bottom:0;
		margin-left:0;
	}


.Topbar-menu li{
			display:inline-block;
			margin-bottom:0;
			line-height:40px;
		}


.Topbar-menu li a{
				color:#fff;
				text-decoration:none;
				display:inline-block;
			}


.Topbar-menu li i{
				display:inline-block;
				margin-right:5px;
			}


/*! Logo And Menu
--------------------------------*/


header {
    position: sticky;
    width: 100%;
    top: 0;
    z-index: 20000000000000;
}


.LogoAndMenu{
	background-color:#fff;
	width:100%;
	position:relative;
	z-index:9999;
	box-shadow:0px 0 5px 0 rgba(0, 0, 0, .2);
}


.LogoAndMenu .container{
		height:100%;
	}


.Logo{
	position:absolute;
	left:20px;
	width:200px;
	top:50%;
	-ms-transform:translateY(-50%);
	    transform:translateY(-50%);
}


.Logo img{
		height:100%;
		width:auto;
		padding:10px 0;
		box-sizing:border-box;
	}
	
@media (min-width:320px) and (max-width:990px){
    
    
  .Logo{

	left:20px;
	width:100%;
	height:100%;
	top:50%;
	-ms-transform:translateY(-50%);
	    transform:translateY(-50%);
}
}

@media (min-width:991px)){
    .Logo{
	position:absolute;
	left:20px;
	width:200px;
	top:50%;
	-ms-transform:translateY(-50%);
	    transform:translateY(-50%);
}

}


/*! Main Menu
--------------------------------*/


.Mm{
	margin:0;
	float:right;
}


.Mm li{
		display:inline-block;
		margin:0;
	}


.Mm li a{
	color:#343434;
	font-weight:700;
	text-transform:uppercase;
	padding:40px 20px;
	display:block;
	text-decoration:none;
	transition: all 200ms;

}



.Mm li.active a{
	font-weight:bold;
	color:#a24045!important;
}

.Mm li:last-child a{
	padding-right:0px!important;
}


/*! Rs TOGGLE 
-------------------------------*/


.Hm{
    cursor:pointer;
    width:40px;
    height:40px;
    background-color:#7f1119;
    transition:background-color 300ms;
    position:absolute;
    right:20px;
    top:50%;
    -ms-transform:translateY(-50%);
        transform:translateY(-50%);
    padding-top:10px;
    box-sizing:border-box;
}


.Hm:hover{
    background-color:#808080;
}


.Hm span{
    height:3px;
    margin-bottom:5px;
    background:#fff;
    display:block;
    width:55%;
    margin-left:auto;
    margin-right:auto;
}


.StickyHelper{
    display:none;
}


.headerFixed .StickyHelper{
    display:none!important;  
}


.sticky .LogoAndMenu{
    position:fixed!important;
    z-index:9999;
    top:-120px;
    background-color:#fff!important;
    transition:transform 0.3s ease-in-out, height 300ms;
}


.sticky .LogoAndMenu.hidem .Menu{
    display:none!important;
}


.sticky .StickyHelper{
    display:block;
}


.sticky .LogoAndMenu.showm{
    -ms-transform:translateY(120px);
        transform:translateY(120px);
}


@media (max-width: 1199px){
    .sticky .LogoAndMenu.showm{
            height:60px;
    }
}

@media (max-width:991px){
    .LogoAndMenu{
		height:80px;
    }
}


@media (min-width:992px) and (max-width: 1080px){


.Mm li a{
				padding-left:10px;
				padding-right:10px

		}
			}


@media (max-width: 991px){



.Mm{
		top:64px;
		width:200px;
		bottom:auto;
		z-index:999;
		background-color:#7f1119;
		padding:10px 0;
		position:absolute;
		right:20px
}

		.Mm li{
			display:block;
		}
			.Mm li a{
		    	padding:5px 1rem;
		    	color:#fff!important;
		    }
	.hidem .Mm{
		display:none!important;
	}
	}


@media (min-width: 992px){


.Mm{
		display:block!important
}
	}
	
	

.sticky .restore-height.LogoAndMenu.showm .Mm a{
    padding:40px 20px;
}
/*
.LogoAndMenu.showm .Mm a{
    transition: all 200ms;
}

*/