/*animated*/
.wr-main-menu li,
.wr-main-menu li a,
.wr-main-menu .sub-menu,
.wr-main-menu li i,
.wr-main-menu li.mega-menu .inner{
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;	
	}

/*Main menu*/
.wr-main-menu ul{
	margin:0;
	padding:0;
}
.wr-main-menu li{
	list-style:none;
	position:relative;
	z-index:100;
}
.wr-main-menu > ul > li{
	float:left;
}
.wr-main-menu > ul > li > a{
	padding:0 20px;
	line-height:122px;
	font-size:16px;
	color:#af2d23;
	display:block;
	text-transform:uppercase;
}
.wr-main-menu > ul > li > a:hover{
	color:#FFF !important;
}
.wr-main-menu > ul > li.active > a{
	background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.0));
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.0));
	background: -o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.0));
	background: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.0));
	color:#FFF !important;
}
.wr-main-menu li .sub-menu{
	position:absolute;
	width:220px;
	opacity: 0;
	visibility: hidden;
	box-shadow:1px 1px 5px #CCC;
}
.wr-main-menu > ul > li > .sub-menu{
	top:100%;
	left:100px;
}
.wr-main-menu li > .sub-menu ul{
	top:100px;
	left:101%;
}
.wr-main-menu > ul > li:hover > .sub-menu{
	left: 0;
    opacity: 1;
    visibility: visible;
}
.wr-main-menu .sub-menu li:hover ul{
	top:0;
    opacity: 1;
    visibility: visible;
}
.wr-main-menu .sub-menu li{
	background:#ffffff;
}
.wr-main-menu .sub-menu li:hover{
	background:#f0f0f0 !important;
}
.wr-main-menu .sub-menu li:hover > a{
	color:#f45245;
	border-top:1px solid transparent;
	padding-left:25px;
}
.wr-main-menu .sub-menu li:hover + li a{
	border-top:1px solid transparent;
}
.wr-main-menu li .sub-menu a{	
	color:#979797;
	line-height:40px;
	display:block;	
	border-top:1px solid #f0f0f0;
	padding:0 15px;
}
.wr-main-menu .sub-menu li:first-child > a{
	border-top:none;
}
.wr-main-menu li > .sub-menu ul li a:hover{
	color:#353533;
}
.wr-main-menu li a i {
    color: #999;
    font-size: 13px;
    margin-right: 5px;
    min-width: 18px;
}

/* custom header menu */
.custom-header .wr-main-menu{
	float:left;
}
.custom-header .wr-main-menu > ul > li{
	border-right:1px solid #e5e5e5;
}
.custom-header .wr-main-menu > ul > li:first-child{
	border-left:1px solid #e5e5e5;
}
.custom-header .wr-main-menu > ul > li > a{
	line-height:54px;
	border-top:3px solid transparent;
	color:#a6a6a6;	
}
.custom-header .wr-main-menu > ul > li > a:hover{
	color:#F45245 !important;
}
.custom-header .wr-main-menu > ul > li.active > a{
	color:#F45245 !important;
	background:#f8f8f8;
	border-top:3px solid #F45245;
}
.custom-header .wr-main-menu .sub-menu li:hover a{
	color:#F45245;
}
.custom-header .wr-main-menu .post-video .video-title{
	background:#F45245;
}
.custom-header .wr-main-menu li.mega-menu li a:hover,
.custom-header .wr-main-menu li.mega-menu li a:hover i{
	color:#F45245;
}

/* mobile menu */
.wr-mobile-menu{
	display:none;
}
.wr-mobile-menu .open-menu{
	display:block;
	width:30px;
	height:30px;
	color:#FFF;
	position:absolute;
	top:8px;
	right:15px;
	text-align:center;
	font-size:30px
}
#my-menu ul li a:hover{
	background:#2E2E2E;	
}
#my-menu ul li i{
	margin-right: 5px;
    min-width: 18px;
}
.custom-header .wr-mobile-menu .open-menu{
	right:25px;
	color:#333333;
}

/* mega menu */
.wr-main-menu li.mega-menu{
	position:static;
}
.wr-main-menu li.mega-menu .inner {
    background: none repeat scroll 0 0 #f9f9f9;
    box-sizing: border-box;
    display: table;
    max-width: 1170px;
    width: 100%;
    left: 100px;
    position: absolute;
    top: 100%;
	z-index:999;
	opacity:0;
	visibility:hidden;
}
.wr-main-menu li.mega-menu .inner > .row{
	padding:30px;
}
.wr-main-menu li.mega-menu:hover .inner{
	opacity:1;
	visibility:visible;
	left:25px;
}
.wr-main-menu li.mega-menu h3{
	color:#000000;
	font-family:'latoblack';
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 20px;
}
.wr-main-menu li.mega-menu li{
	line-height:32px;
}
.wr-main-menu li.mega-menu li a:hover,
.wr-main-menu li.mega-menu li a:hover i{
	color:#f45245;
}
.wr-main-menu li.mega-menu li a:hover{
	padding-left:10px;
}