/*
top-menu-posts -------------------------------------
*/
.top-menu{height:70px; transition: all 0.3s; -webkit-transition: all 0.3s;width:100%;position:relative;float:left;opacity:1;background:#FFF;  box-sizing: border-box;padding-left:220px;}
.fixed-menu .top-menu{height:0;overflow:hidden;border:none;}
.top-menu-posts{float:left;overflow:hidden;width:100%;height:70px;transition: all 0.3s;}
.has-button-menu .top-menu-posts{width: calc(100% - 70px);}
.fixed-menu .top-menu-posts{height:0;opacity:0;}
.top-menu-posts li{width:28.3%;overflow:hidden;float:left;margin:0 6% 0 0%;}
.top-menu-posts li.nowidgetfx{opacity:1;}
.top-menu-posts li:last-child{margin:0 0 0 2%;}
.fixed-menu .top-menu li {display:none;}

.top-menu-posts li:nth-child(2){ -webkit-animation-delay: .2s;animation-delay: .2s; -moz-animation-delay: .2s; }
.top-menu-posts li:nth-child(3){ -webkit-animation-delay: .4s;animation-delay: .4s; -moz-animation-delay: .4s; }
.top-menu-posts li .featured-posts-image{float:right;margin-right:15px;width:50px;margin-top:10px;    background: rgba(255, 255, 255, 0.12);
    min-height: 50px;}
.top-menu-posts li .featured-posts-text{width:calc(100% - 91px);float:left;}
.top-menu-posts li .featured-posts-title{padding:0;width:65%;padding-left:5%;  margin-top: 10px;text-transform: uppercase;}
.top-menu-posts li .category-icon{width:30%;margin-top:9px;text-align:center;line-height:14px;font-style:italic;color:#CCC;word-wrap: break-word;}


/*
latest-menu-posts-button -------------------------------------
*/


.latest-posts-button{height:70px;width:70px;background:#eeeeee;right:0;position:absolute;cursor: pointer;color:#FFF;}
.latests-posts-button-number{width:100%;text-align: center;margin-top: 10px;font-size:30px;letter-spacing: -2px;}
.latests-posts-button-number:after{     top: 30px; width: 0; content: ""; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #FFFFFF; position: relative; left: 4px;}
.latests-posts-button-title{max-width:60px;margin:3px auto;width:100%;text-align: center;font-size:10px;text-transform: uppercase;}

.latest-posts-menu{width: 100%;   float:left; overflow: hidden;display:none;}
.latest-posts-menu ul{float:none;background:#FFF;margin:0 auto;max-width: 1290px;    padding: 10px 0; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-rule: 1px solid #ebebeb; -moz-column-rule: 1px solid #ebebeb; column-rule: 1px solid #ebebeb; }
.latest-posts-menu li{box-sizing:border-box;  padding: 10px 20px; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -o-column-break-inside: avoid; column-break-inside: avoid; display: table; }
.latest-posts-menu-text {}
.latest-posts-menu .category-icon{width:100%;margin-bottom: 4px; font-weight: 400;}
.latest-posts-menu-date {text-transform: uppercase; font-size: 11px; float: left; padding: 3px 5px; position: relative; background: #000;color:#FFF;margin-bottom:15px;}
.latest-posts-menu-title {text-transform: uppercase;font-size:14px;font-weight:800;width:100%;float:left;line-height: 18px;}
.latest-posts-menu-author {width:100%;float:left;margin-top:5px;font-size:13px;font-style: italic;font-weight: 400;}
.latest-posts-menu-author a{color:#9c9c9c;}
.latest-posts-menu-link{text-transform: uppercase;font-size:16px;width:100%;float:left;line-height: 22px;}



/*
Main Menu-------------------------------------------------------------------------------------------------------------------------
*/
.add-menu{width: 100%;font-weight: 800;padding: 25px 0;float: left;font-size: 20px;text-align: center;color:#FFF;left:0;position: relative;}
#header .add-menu{max-width:70%;}
.fixed-menu {top: -33px;}
#nav-wrapper { box-sizing: border-box;width: 100%;float: left;min-height:70px;}
.admin-bar #nav-wrapper .fixed-menu { top: 32px; }
#nav-wrapper .fixed-menu { position: fixed; left: 0; top: 0;}
#navigation { float: left; display: block; position: relative; width: 100%; z-index: 999;box-shadow: 0 0 24px rgba(0, 0, 0, 0.25); z-index: 99999;}

#main-nav{float:left;width:100%;-moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s;padding-left:220px;box-sizing:border-box;position: relative;}

.fixed-menu #main-nav{float:left;width:100%;    padding-left: 150px;}
#mob-menu { padding: 13px 0; text-align: center; display: none; text-transform: uppercase; font-size: 15px; font-weight: 700; line-height: 40px; }

.mob-menu-button {     left: 28px; top: 19px; cursor: pointer; position: absolute; width: 30px; } 
.mob-menu-button:before {    border-radius: 2px; border-bottom: 13px double black; border-top: 4px solid black; content: ""; height: 5px; position: absolute; right: 3px; top: 7px; width: 26px;}
.menu-item {  vertical-align: top; font-size: 14px; font-weight: 400; line-height: 70px; text-decoration: none;float:left;}
.fixed-menu .sub-menu-wrapper{top:70px;}
.sub-menu-wrapper { position: absolute; left:0; z-index: 998; width: 100%; display: none; top: 70px; background: #FFF;}

.sub-menu-wrapper:before{ content:''; position: absolute; left:0; z-index: 998; width: 100%; top: 100%;   background: rgba(0, 0, 0, 0.3);height:100vh;pointer-events:none;}

.sub-menu{top: 0; position: absolute; right: 0; z-index: 999; background: #F4F4F4; display: block; }
.menu-links.inside-menu .sub-menu { display: none;}
.menu-links.inside-menu .active .sub-menu { display: block; }
.sub-menu-wrapper .menu-links.inside-menu .menu-links.inside-menu { display: none; }
.sub-menu-wrapper .menu-links.inside-menu .sub-meni { float: left; z-index: 999; position: absolute; display: none; top: 0; left: 0; width: auto; padding-top: 0; }

.sub-meni .sub-meni, .fixed-menu .sub-meni .sub-meni{ top: 0; }
.sub-meni {background:#FFF; float: left; z-index: 999; position: absolute; display: none; top: 70px; width: 218px;  box-shadow: 0 5px 10px -5px #000;}
.fixed-menu .sub-meni{top: 70px;}
.menu-links.inside-menu .sub-meni { left: 218px; display: none; padding-top: 0; }

.menu-links.inside-menu .menu-item {cursor:pointer; padding: 0;line-height: normal;float:left;width:100%;   border-bottom: 1px solid #D9D9D9;}
.sub-menu .menu-links.inside-menu .menu-item.active{background:#F4F4F4;}
#main-nav .sub-meni .menu-links.inside-menu { border-bottom: none; width:100%;padding:0;}
.sub-meni .menu-links.inside-menu li { position: relative; background: #FFF; width: 100%;border-bottom:0;     box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.15);}
.sub-meni li { width: 164px; }

#main-nav .menu-links.inside-menu { width: 16.1%; float: left;box-sizing:border-box;padding:20px;}
.menu-links.inside-menu .menu-link { color: #FFF; border: none; position: relative; padding: 0; margin: 10px 24px;font-size:14px; }
.sub-menu-wrapper .menu-links.inside-menu .menu-link{color:#000;}
.menu-link { padding: 0 32px; float: left; text-transform: uppercase; }
.sub-menu-wrapper .six-menu{width:100%;}
.sub-menu-wrapper .five-menu{width:83.9%;}
.sub-menu-wrapper .six-menu li{width:16.65%;float:left;}
.sub-menu-wrapper .five-menu li{width:20%;float:left;}
.sub-menu-wrapper .small-category{width:100%;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 10px;float:none;margin:0 auto;}
.sub-menu-wrapper .small-category li:nth-child(even){ -webkit-animation-delay: .2s;animation-delay: .2s; -moz-animation-delay: .2s; }
.sub-menu-wrapper .small-category li{-webkit-animation: menu-in-up 1s ease both; animation: menu-in-up 1s ease both;-moz-animation:menu-in-up 1s ease both;box-sizing:border-box;padding:20px 10px;}
.sub-menu-wrapper li img{width:100%;}

.sub-menu-wrapper .small-category .small-text{position: relative;float:left;padding:0;position: static;margin:10px 0;text-shadow:none;font-size:16px;}
.sub-menu-wrapper .small-category .small-text a{color:#000;font-size:14px;}

@-webkit-keyframes menu-in-up
{0%{-webkit-transform: translateY(20px);opacity:0;}100%{-webkit-transform: translateY(0);}}
@-moz-keyframes menu-in-up
{0%{-moz-transform: translateY(20px);opacity:0;}100%{-moz-transform: translateY(0);}}
@keyframes menu-in-up
{0%{-webkit-transform: translateY(20px);-moz-transform: translateY(20px);-ms-transform: translateY(20px);-o-transform: translateY(20px);transform: translateY(20px);opacity:0;}100%{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}}