right: 0;
background: transparent;
}

.mega-menu-wrapper:hover {
display: block;
}

.mega-menu {
background: #555;
padding: 15px !important;
border-top: 4px solid $maincolor;
border-bottom: 4px solid $maincolor;
z-index: 99;
}

.mega-post {
float: left;
width: 23%;
margin-right: 2.6% !important;
}

.mega-post:last-child {
margin-right: 0 !important;
}

.mega_post-image {
display: block;
width: 100%;
height: 180px;
margin-bottom: 10px;
border: 2px solid #747474;
}

.mega_post-title {
font-family: 'Roboto Slab', serif;
font-weight: 700;
line-height: 1.7;
}


/* Search Box
---------------------------*/
.search-box {
position: relative;
float: right;
display: block;
height: 46px;
color: #fff;
background: $maincolor;
padding: 0 10px !important;
cursor: pointer;
line-height: 46px;
font-size: 1rem;
z-index: 100;
}

html[dir="rtl"] .search-box {
float: left;
}

.search {
display: none;
width: 100%;
}

.isOpened {
bottom: -44px;
height: 40px;
}

.search input {
background-color: $maincolor;
height: 40px;
width: 100%;
padding-left: 15px;
color: #fff;
}

.search input:focus {
outline: 0;
}

.search input::-webkit-input-placeholder{
color: #fff;
}

.search input:-ms-input-placeholder{
color: #fff;
}

.search input::-moz-placeholder{
color: #fff;
}

/*========================================
Slider
========================================*/
#slider .widget {
position: relative;
min-height: 385px;
margin-bottom: 60px;
font-size: 0;
}

#slider .post-category,
.slider-post-title {
color: #fff !important;
}

#slider .title {
display: none;
}

.center-box {
float: left;
}

.right-box-wrapper,
.left-box-wrapper {
float: left;
width: 23.73%;
}

.left-box, .right-box {
height: 190px;
}

.left-box:first-child {
margin-bottom: 1px;
}

.right-box:first-child {
margin-bottom: 1px;
}

.center-box {
position: relative;
width: 52.37288%;
height: 381px;
margin: 0 0.0847457%;
}

.slider2 .center-box {
margin-right: 0.0847457%;
margin-left: 0;
}

.slider2 .left-box-wrapper {
margin-right: 0.0847457%;
}

.left1, .left2, .right1, .right2 {
position: relative;
}

.left1:after,
.left2:after,
.right1:after,
.right2:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(0,0,0,0.5);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.6) 0, transparent 100%); /* Chrome10+,Safari5.1+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
background: linear-gradient(0deg, rgba(0,0,0,0.6) 0, transparent 100%);/* W3C */
}

.post-category {
position: absolute;
top: 12px;
left: 12px;
padding: 5px 10px;
font-family: 'Roboto';
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 700;
z-index: 3;
}

.post-category:hover {
background: $maincolor !important;
}

.left1 .post-category {
background: #FF5E5E;
}

.left2 .post-category {
background: #519CA7;
}

.center-box .post-category {
background: #1AC381;
}

.right1 .post-category {
background: #F38840;
}

.right2 .post-category {
background: #933CA0;
}

.slider-post-title {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 12px;
font-family: 'Roboto Slab', serif;
text-transform: capitalize;
font-size: 0.875rem;
font-weight: 700;
line-height: 1.7;
z-index: 2;
}

.left-box-wrapper .heading,
.right-box-wrapper .heading,
.top-box-wrapper .heading,
.bottom-box-wrapper .heading {
position: absolute;
bottom: 10px;
left: 12px;
right: 12px;
}

.center-box .slider-post-title {
background-color: rgba(0, 0, 0, 0.5);
font-size: 1.5rem;
text-transform: capitalize;
padding: 10px 20px;
top: auto;
text-shadow: 0 1px 0 #000;
}

.center-box .slider-post-title .heading {
position: relative;
bottom: auto;
}

.slider-post-title:hover .heading {
color: $maincolor;
}

.top-box-wrapper {
margin-bottom: 1px !important;
}

.top-box-item {
position: relative;
float: left;
width: 24.937%;
margin-right: 0.084% !important;
height: 190px;
}

.top-box-item:last-child {
margin-right: 0 !important;
}

.bottom-box-item {
float: left;
position: relative;
width: 33.277%;
height: 250px;
margin-right: 0.084% !important;
}

.bottom-box-item:last-child {
margin-right: 0 !important;
}

.top-box-item:after,
.bottom-box-item:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(0,0,0,0.5);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.6) 0, transparent 100%); /* Chrome10+,Safari5.1+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
background: linear-gradient(0deg, rgba(0,0,0,0.6) 0, transparent 100%);/* W3C */
}

.top-box-item:nth-child(1) .post-category {
background: #FF5E5E;
}

.top-box-item:nth-child(2) .post-category {
background: #519CA7;
}

.top-box-item:nth-child(3) .post-category {
background: #1AC381;
}

.top-box-item:nth-child(4) .post-category {
background: #F38840;
}

.bottom-box-item:nth-child(1) .post-category {
background: #933CA0;
}

.bottom-box-item:nth-child(2) .post-category {
background: #D41E46;
}

.bottom-box-item:nth-child(3) .post-category {
background: #607D8B;
}

.bottom-box-wrapper .slider-post-title {
font-size: 1rem;
}

.slider4 .bottom-box-wrapper {
margin-bottom: 1px !important;
}

/*========================================
Widgets Styles
========================================*/

#blog-posts .HTML {
margin: 0;
}

.main-content {
position: relative;
margin-bottom: 70px;
}

.blog-posts-wrapper {
float: left;
width: 100%;