}

.widget-item-control {
display: none !important;
}

/* Loader
-------------------------------------*/
.no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.pre-loader {
position: fixed;
left: 0px;
top: 0px;
bottom: 0;
right: 0;
z-index: 9999;
background: url(https://3.bp.blogspot.com/-otQx2Kbpw14/VgmPYAr1OaI/AAAAAAAAALw/etsTBCSYozw/s1600/Preloader_8.gif) center no-repeat #fff;
}

/*===============================================
Header
===============================================*/

.logo-and-ad-container {
dispaly: table;
padding: 35px 0;
}

.logo-and-ad-container .widget {
display: table-cell;
width: 100%;
vertical-align: middle;
}

.logo-and-ad-container .Header a,
.logo-and-ad-container .Header img {
display: inline !important;
}

/* Top Nav
-----------------------------------------------*/

.top-nav-wrapper {
height: 45px;
background: #555555;
color: #fff;
}

.top-nav-icon {
display: none;
line-height: 45px;
font-size: 1.5rem;
}

.top-nav-wrapper .widget > h2 {
display: none;
}

.top-nav-wrapper .widget:first-child {
float: left;
}

.top-nav-wrapper .widget:last-child {
float: right;
}

html[dir="rtl"] .top-nav-wrapper .widget:first-child {
float: right;
}

html[dir="rtl"] .top-nav-wrapper .widget:last-child {
float: left;
}

.top-nav-wrapper .widget:first-child li {
float: left;
line-height: 45px;
margin-right: 30px;
font-size: 0.875rem;
text-transform: capitalize;
}

.top-nav-wrapper .widget:first-child li:last-child {
margin-right: 0;
}

html[dir="rtl"] .top-nav-wrapper .widget:first-child li {
float: right;
margin-right: 0;
margin-left: 30px;
}

html[dir="rtl"] .top-nav-wrapper .widget:first-child li:last-child {
margin-left: 0;
}

.top-nav-wrapper .widget:first-child a {
font-weight: 400 !important;
}

.top-nav-wrapper .widget:first-child a:hover {
color: $maincolor;
}

.top-nav-wrapper .widget:last-child li {
float: left;
line-height: 45px;
}

.top-nav-wrapper .widget:last-child a {
display: block;
width: 30px;
height: 45px;
line-height: 45px;
text-align: center;
}

.top-nav-wrapper .widget:last-child a:hover {
background: $maincolor;
}

/* News Ticker
-----------------------------------------------*/

#news-ticker-container {
border-bottom: 1px solid #ccc;
background-color: #f2f2f2;
}

.news-ticker-wrapper{
color: black;
font-size: 0;
}

.tickercontainer { /* the outer div with the black border */
height: 47px;
margin: 0;
padding: 0;
overflow: hidden;
background: transparent;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
top: 17px;
height: 50px;
box-sizing: border-box;
/*width: 76.068376068376068%;*/
}

ul.newsticker { /* that's your list */
position: relative;
min-width: 5000px !important;
font-size: 0.875em;
list-style-type: none;
margin: 0;
padding: 0;
transition: all 0s linear;
}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding-right: 90px;
}

html[dir="rtl"] ul.newsticker li {
float: right; /* important: display inline gives incorrect results when you check for elem's width */
padding-right: 90px;
}


ul.newsticker li a h3:hover{
color: $maincolor;
}

.news-ticker-header {
float: left;
padding-right: 10px;
line-height: 49px;
height: 47px;
text-transform: capitalize;
z-index: 5;
border-right: 1px solid #ccc;
}

html[dir="rtl"] .news-ticker-header {
float: right;
padding-right: 0;
padding-left: 10px;
border-right: 0;
border-left: 1px solid #ccc;

}


.news-ticker-post-timestamp {
background: $maincolor;
padding: 3px 5px 2px 5px;
margin-right: 8px;
border-radius: 3px;
font-size: 0.75rem;
color: #fff;
}

html[dir="rtl"] .news-ticker-post-timestamp {
float: right;
margin-left: 8px;
margin-top: -2px;
}

.ticker-title h3{
display: inline;
font-family: 'Roboto Slab', serif;
font-size: 0.875rem;
}

/*
Top social media
--------------------------------------*/

.top-social {
margin-top: 8px !important;
border-left: 1px solid #cbcbcb;
padding-left: 8px !important;
}

.top-social_item {
float: left;
margin-left: 5px !important;
}

.top-social-link {
display: block;
width: 29px;
height: 29px;
background: #cbcbcb;
line-height: 29px;
text-align: center;
}

.top-social-link:hover {
background: $maincolor;
}

/* Main nav
--------------------------------------*/

#main-nav-wrapper {
height: 50px;
margin-bottom: 60px;
background: $main_nav_color;
border-bottom: 4px solid $maincolor;
}

#main-nav-wrapper .container {
position: relative;
}

#main-nav-wrapper .widget {
position: static;
}

#main-nav {
float: left;
}

html[dir="rtl"] #main-nav {
float: right;
}

#mobile-main-nav-btn {
display: none;
}

#main-nav .icon {
color: #fff;
}

#main-nav .widget-content > ul > li {
float: left;
margin-right: 5px;
color: #fff;
line-height: 43px;
}

html[dir="rtl"] #main-nav .widget-content > ul > li {
float: right;
}

#main-nav .widget-content > ul > li > a {
padding: 8px 15px;
border-radius: 3px;
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
}

#main-nav .widget-content > ul > li > a:hover {
background-color: $maincolor;
}

#main-nav .widget-content > ul > li > a:hover + .mega-menu-wrapper {
display: block;
}

.mega-icon:after {
content: '\25be';
}

/*-------- Mega Menus --------*/
.mega-menu-wrapper {
position: absolute;
left: 0;
right: 0;
top: 46px;
display: none;
z-index: 99;
}

.mega-menu-wrapper:before {
content: '';
display: block;
height: 6px;
position: absolute;
top: -6px;
left: 0;