/* ----- megamenu ---------------------------------------http://www.spotlayer.com--------- */

#mainNavigation ul.dropmenu li.mega_menu_categories ul , #mainNavigation ul.dropmenu li.mega_menu ul {
    position: relative !important;
    background: #202020 !important;
    -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  
}
#mainNavigation ul.dropmenu li.mega_menu_categories ul a   {
    position: relative !important;
    color: #fff;
}
#mainNavigation ul.dropmenu li.mega_menu_categories ul li {
	border-color: rgba(0, 0, 0, 0.15);
}
#mainNavigation ul.dropmenu li.mega_menu_categories ul .cat-active a   {
   
    color: #202020;
}
#mainNavigation .mega-cat-content {	float: left;	padding: 20px;	padding-right: 0;}
#mainNavigation .menu-sub-content {
    display: none;
    padding: 0;
    position: absolute;
    z-index: 205;
    background: #fff;
    color: #202020;
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
#mainNavigation ul.dropmenu li ul li.custom_html {
    padding: 0;
    position: absolute;
    z-index: 205;
    background: #fff !important;
    color: #202020;
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
#mainNavigation .mega_menu_categories .menu-sub-content {
	background: #202020;
	color: #fff;
}
#mainNavigation .mega-cat-wrapper .mega-cat-exists {
    clear: both;
    width: 100%;
    padding-top: 20px;
    background: #fff;
}
#mainNavigation .mega-cat-exists  .mega-menu-post {
	width: 190px;
	margin-right: 30px;
}
#mainNavigation .mega-cat-exists  .mega-menu-post  .post-thumbnail ,
#mainNavigation .mega-cat-exists  .mega-menu-post  .post-thumbnail img{
	width: 190px;
}
.mega-cat-sub-categories {
    float: left;
    width: 20% !important;
    padding-top: 20px;
}

#mainNavigation ul ul li, #mainNavigation ul ul li:first-child {
    background: none!important;
    width: 100%;
    border: 0 none;
    border-bottom: 1px solid #333;
    font-size: 12px;
    height: auto!important;
    margin: 0!important;
}

#mainNavigation ul ul a, #mainNavigation .mega-menu-block a {
    border: 0 none;
    background: none!important;
    height: auto!important;
    line-height: 1.5em!important;
    padding: 7px;
    display: block;
    margin-right: 0;
    z-index: 210;
    color: #ccc;
}

#mainNavigation ul li.cat-active a {
    background: #fff!important;
}

#mainNavigation .mega-cat-content.mega-cat-sub-exists {
    background: #fff;
    width: 80%;
    position: relative;
}

#mainNavigation .mega-cat-content {
    float: left;
    padding: 20px;
    padding-right: 0;
}

#mainNavigation .mega-cat-content-tab {
    display: none;
    overflow: hidden;
}

.mega-menu-block .already-loaded .mega-menu-post {
    opacity: 1;
}

.mega-menu-block .mega-menu-post {
    float: left;
    padding-right: 5px;
    padding-left: 10px;
    width: 25%;
}
.mega-menu-block .mega-menu-post .post-thumbnail {
	width: 180px;
	height: 135px;
	margin-bottom: 10px;
	overflow: hidden;
}
.mega-menu-block .mega-menu-post .post-thumbnail a {
	padding: 0 !important;
}
.mega-menu-block .mega-menu-post .post-thumbnail img {
	width: 180px;
	height: 135px;
	margin-bottom: 0;
}
.mega-menu-block .mega-menu-post a {
	color: #202020;
}
.mega-menu-block .mega-menu-post  .post-box-title  {
	margin: 0;
	padding: 0;
	text-align: left !important;
	
}
.mega-menu-block .mega-menu-post  .post-box-title a {
	color: #202020 !important;
	margin: 0;
	padding: 0 !important;
	font-weight: normal !important;
	text-transform: capitalize !important;
}
.mega-cat-content-tab.already-loaded a {
    cursor: pointer;
}
.mega-menu-block img {
    max-width: 100%;
    height: auto;
}
.mega-menu-block .mega-menu-post a {
    border: 0 none;
    padding: 0;
    color: #414046;
}
.mega-menu-block .post-date {
    color: #414046;
    display: inline-block;
    font-size: 70%;
	float: left;
}
.mega-menu-block .post-date i{
    margin-right: 5px;
}
.mega-menu-block .mega-menu-post {
    float: left;
    padding-right: 20px;
    width: 25%;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
#mainNavigation ul li:hover>ul, #mainNavigation ul li:hover>.mega-menu-block {
    display: block;
    -webkit-animation: fadeInDown .2s ease-in;
    -moz-animation: fadeInDown .2s ease-in;
    animation: fadeInDown .2s ease-in;
}

#mainNavigation ul.dropmenu ul.sub-menu-columns {
    width: 100% !important;
    padding: 30px auto !important;
    border-right: 1px solid #333;
}
#mainNavigation ul li.mega_menu.mega-links .menu-sub-content {
	padding: 30px auto !important;
}
#mainNavigation ul li.mega_menu.mega-links .mega-menu-block>ul>li {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}
#mainNavigation li.mega_menu.mega-links .mega-menu-block>ul>li {
    float: left;
    border: 0 none;
    margin-bottom: 10px;
    padding-right: 25px;
    width: 50%;
}
#mainNavigation li.mega_menu.mega-links .mega-menu-block>ul>li:after {
    display: none;
}

#mainNavigation ul li.mega_menu.mega-links>a {
    text-align: center;
    display: block; 
}
#mainNavigation li.mega_menu.mega-links.mega-links-1col .mega-menu-block>ul>li {
    width: 100%;
}
#mainNavigation li.mega_menu.mega-links.mega-links-2col .mega-menu-block>ul>li {
    width: 50%;
}
#mainNavigation li.mega_menu.mega-links.mega-links-3col .mega-menu-block>ul>li {
    width: 33.333%;
}
#mainNavigation li.mega_menu.mega-links.mega-links-4col .mega-menu-block>ul>li {
    width: 25%;
}
#mainNavigation li.mega_menu.mega-links.mega-links-5col .mega-menu-block>ul>li {
    width: 20%;
}
#mainNavigation li.mega_menu.mega-links.mega-links-6col .mega-menu-block>ul>li {
    width: 16.66666666666666%;
}
#mainNavigation li.mega_menu.mega-links .mega-menu-block>ul>li .sub-menu {
    display: block !important;
    position: initial !important;
    left: auto !important;
}
.already-loaded {
    display: block !important;
}
.load-posts .span {
	width: 90px;
	height: 90px;
	display:block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -90px 0 0 -45px;
	font-size: 20px;
	text-indent: -12345px;
	border-top: 3px solid rgba(0,0,0, 0.07);
	border-right: 3px solid rgba(0,0,0, 0.07);
	border-bottom: 3px solid rgba(0,0,0, 0.07);
	border-left: 3px solid rgba(0,0,0, 0.4);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: spinner 700ms infinite linear;
	-moz-animation: spinner 700ms infinite linear;
	-ms-animation: spinner 700ms infinite linear;
	-o-animation: spinner 700ms infinite linear;
	animation: spinner 700ms infinite linear;
	z-index: 100001;
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  } 
} 
@keyframes spinner { 
  0% { 
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  } 
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}