.main-navbar {
	display: none;
	padding: 0;
	clear: both;
	background-color: #fff;
	text-align: center;
}
#page.box-layout {
    max-width: 1240px;
    margin: 0 auto;
}
#page.full-layout {
    max-width: 100%;
}
.site-branding {
	padding: 30px 0;
}

.site-header {
	margin-bottom: 30px;
	&.hide_search{
		.top-search{
			display:none;
		}
	}
}

.top-header{  
	min-height:36px;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    background:#214d74;
    .breaking-wrap{
        display:block;
        position:relative;
        @media(min-width:480px){
            padding:0 0 0 150px;
        }
        &:after{
            clear:both;
            content:"";
            display:block;
        }
    }
    .breaking-news-title{
        width:100%;
        color:#fff;
        overflow: hidden;
        display:block;
        white-space: nowrap;
        vertical-align: middle;
        padding:6px 10px;
        background:$secondary_color;    
        @media(min-width:480px){
            width:150px;
            top:0;
            left:0;
            position: absolute;
        }
    }
    .breaking-news{
        list-style:none;
        padding:0;
        margin:0;
        float:left;
        width:100%;
        @media(max-width:960px){
            border-bottom: 1px solid #dedede;
        }
        a{
            color:#fff;
            line-height: 2em;
            &:hover{
                color:$secondary_color;
            }
        }
        li{
            padding:4px 10px;
            display:none;
            white-space: nowrap;
            overflow: hidden;
            max-width:100%;
            text-overflow: ellipsis;
            &:first-child{
                display:block;
            }
        }
        .owl-item{
        	opacity: 0;
        	&.active{
        		opacity: 1;
        	}
        }
    }
    .top-menu{
        margin:0;
        padding:0;
        @media(min-width:960px){
            float:right;    
        }
        &:after{
            content:"";
            display:block;
            clear:both;
        }
        li{
            list-style: none;
            padding:5px 0;
            float:left;
            a{
                color:#fff;
                font-size:12px;
                display: block;
                padding: 8px 10px;
                line-height: 1em;
                text-transform: uppercase;
                border-right: 1px solid #cecece;
                &:hover{
                    color:$secondary_color;
                }
            }
            &:last-child{
                a{
                    border-right:0px;
                    padding-right:0;
                }
            }
        }
    }

    .miteri-social-icons{
        border:none;
        @media(min-width:960px){
            text-align: right;    
        }
        ul{
            padding:0;
            li{
                a{
                    height: 33px;
                    width: 33px;
                    padding: 10px 0 6px;
                }
            }
        }
    }
}

/* Custom Logo */

.site-logo {
	line-height: 1;
	.custom-logo-link {
		display: inline-block;
	}
	.custom-logo {
		display: inline-block;
		max-width: 180px;
		vertical-align: middle;
	}
}

/* Header Image */
.header-image {
	position: relative;
	width: 100%;
	height: 140px;
	padding: 20px 0;
	max-width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-image:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.4;
}

/* Top Search */

.top-search {
	display: none;
	position: relative;
	padding: 0;
	margin: 5px 0 0;
	opacity: 1;
	transition: opacity 0.3s ease-in-out 0s;
	.search-form {
		position: absolute;
		top: 35px;
		right: 0;
		width: 200px;
		height: 40px;
		opacity: 0;
		visibility: hidden;
		background-color: #fff;
		box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.1);
		transition: width 0.5s ease 0s, opacity 0.5s ease 0s;
		z-index: 20;
		.search-field {
			height: 26px;
			line-height: 26px;
			font-size: 13px;
			padding: 5px 35px 5px 10px;
			margin: 7px 0 0 0;
			border: 0;
			border-radius: 0;
			background-color: #fff;
			position: relative;
			box-sizing: border-box;
		}
		.search-submit {
			position: absolute;
			top: 7px;
			right: 5px;
			height: 25px;
			width: 30px;
			padding: 0;
			margin: 0;
			line-height: 25px;
			background: transparent;
			color: #888;
			&:hover {
				color: #444;
			}
		}
	}
}

.top-search-button {
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 0 5px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	z-index: 10;
	outline: none;
	.search-icon:before {
		font-family: 'FontAwesome';
		font-weight: normal;
		font-style: normal;
		font-size: 14px; /* Preferred icon size */
		display: inline-block;
		line-height: 30px;
		text-transform: none;
		letter-spacing: normal;
		word-wrap: normal;
		white-space: nowrap;
		direction: ltr;

		/* Support for all WebKit browsers. */
		-webkit-font-smoothing: antialiased;
		/* Support for Safari and Chrome. */
		text-rendering: optimizeLegibility;

		/* Support for Firefox. */
		-moz-osx-font-smoothing: grayscale;

		/* Support for IE. */
		font-feature-settings: 'liga';

		content: "\f002";

	}
}

.top-search.active {
	.search-form {
		visibility: visible;
		opacity: 1;
	}
	.top-search-button {
		.search-icon:before {
			content: "\f002";
		}
	}
}

/* Social Links */

.social-links {
	display: none;
	margin: 0 auto 20px;
	text-align: center;
}

.social-menu {
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	a {
		display: inline-block;
		position: relative;
		padding: 0 2px;
		line-height: 30px;
		margin: 0;
		background-color: transparent;
		color: #222;
		text-align: center;
		opacity: 1;
		transition: opacity 0.3s ease-in-out 0s;
		&:hover {
			text-decoration: none;
			color: #000;
		}
		&:before {
			font-family: 'Socicon';
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;

			display: inline-block;
			font-size: 14px;
			vertical-align: -15%;
		}
	}
	li {
		display: inline-block;
		margin: 0 0 0 10px;
		&:first-child {
			margin-left: 0;
		}
	}
}

.social-menu a:before {
	content: "\e072";
}

.social-menu a[href*="dribbble.com"]:before {
	content: "\e021";
}

.social-menu a[href*="facebook.com"]:before {
	content: "\e028 ";
}

.social-menu a[href*="flickr.com"]:before {
	content: "\e02d";
}

.social-menu a[href*="github.com"]:before {
	content: "\e032";
}

.social-menu a[href*="instagram.com"]:before {
	content: "\e044";
}

.social-menu a[href*="linkedin.com"]:before {
	content: "\e04c";
}

.social-menu a[href*="medium.com"]:before {
	content: "\e051";
}

.social-menu a[href*="pinterest.com"]:before {
	content: "\e063";
}

.social-menu a[href*="plus.google.com"]:before {
	content: "\e038";
}

.social-menu a[href*="stumbleupon.com"]:before {
	content: "\e082";
}

.social-menu a[href*="tumblr.com"]:before {
	content: "\e08b ";
}

.social-menu a[href*="twitter.com"]:before {
	content: "\e08d";
}

.social-menu a[href*="youtube.com"]:before {
	content: "\e0a5 ";
}

.social-menu a[href*="dribbble.com"]:hover {
	color: #ea4c89;
}

.social-menu a[href*="facebook.com"]:hover {
	color: #3B5998;
}

.social-menu a[href*="flickr.com"]:hover {
	color: #ff0084;
}

.social-menu a[href*="github.com"]:hover {
	color: #221e1b;
}

.social-menu a[href*="instagram.com"]:hover {
	color: #517fa4;
}

.social-menu a[href*="linkedin.com"]:hover {
	color: #007bb6;
}

.social-menu a[href*="medium.com"]:hover {
	color: #00ab6c;
}

.social-menu a[href*="pinterest.com"]:hover {
	color: #cb2027;
}

.social-menu a[href*="plus.google.com"]:hover {
	color: #dd4b39;
}

.social-menu a[href*="stumbleupon.com"]:hover {
	color: #eb4823;
}

.social-menu a[href*="tumblr.com"]:hover {
	color: #32506d;
}

.social-menu a[href*="twitter.com"]:hover {
	color: #00aced;
}

.social-menu a[href*="youtube.com"]:hover {
	color: #bb0000;
}

.has-header-image {
	.header-image {
		.social-links {
			display: block;
			margin: 15px 0 0;
		}
		.social-menu {
			a {
				padding: 0;
				width: 30px;
				height: 30px;
				line-height: 30px;
				background-color: rgba(0, 0, 0, .3);
				-webkit-border-radius: 64px;
				border-radius: 64px;
				color: #fff;
				&:hover {
					color: #fff;
					background-color: rgba(0, 0, 0, .8);
				}
			}
		}
	}
}

.has-header-image .header-image .social-menu a:before {
	vertical-align: -10%;
}

.mobile-navigation .mobile-social-menu {
	display: block;
	padding: 10px 0;
	text-align: center;
}

.mobile-navigation .mobile-social-menu li {
	display: inline-block;
	padding: 0;
	margin: 0;
}

.mobile-navigation .mobile-social-menu a {
	border: 0;
	padding: 0 4px;
}

/* Site Title Centered */

.site-title-centered {
	.site-branding {
		position: relative;
	}

	.site-title {
		text-align: center;
		margin: auto;
		padding: 0 10px;
	}
	.site-description {
		max-width: 760px;
		margin: 10px auto 0;
		padding: 0 20px;
		text-align: center;
		font-size: 14px;
		text-transform: uppercase;
	}
	.search-form {
		border: 1px solid #eee;
	}
	.header-image {
		display: table;
		.site-title {
			a {
				color: #fff;
				&:before {
					border-bottom-color: #fff;
				}
			}
		}
		.site-branding {
			padding: 0;
		}
		.site-description {
			color: #fff;
			font-weight: 700;
		}
		.header-image-container {
			display: table-cell;
			vertical-align: middle;
		}
	}
}

/* Site Title Left */

.site-title-left {
	padding: 10px 20px;
	position: relative;
	text-align: center;
	.top-search {
		.search-form {
			border: 1px solid #eee;
		}
	}
}

/* Navigation */

.main-navigation {
	display: none;
	clear: both;
	margin: auto;
	ul {
		list-style: none;
		margin: 0;
		padding: 0;
		background-color: #fff;
		text-align: left;
		ul.sub-menu {
			border: none;
		}
	}
	li {
		display: block;
		position: relative;
	}
	a {
		display: block;
		text-decoration: none;
		margin: 0 15px;
		padding: 12px 0;
		color: #444;
		font-size: 14px;
		line-height: 1.4;
		border-top: 1px solid #f2f2f2;
	}
	&.mobile-navigation {
		.dropdown-toggle {
			right: 0;
		}
		a {
			margin: 0;
			padding: 10px 15px;
		}
	}
}

.main-navigation > ul > li:first-child > a {
	border-top: 0;
}

.main-navigation .main-menu > li:hover > a,
.main-navigation .main-menu > li:focus > a,
.main-navigation .main-menu > .current_page_item > a,
.main-navigation .main-menu > .current-menu-item > a,
.main-navigation .main-menu > .current-menu-ancestor > a {
	color: #fff;
	background-color: $primary_color;
}

.main-navigation .sub-menu > li:hover > a,
.main-navigation .sub-menu > li:focus > a,
.main-navigation .sub-menu > .current-menu-item > a,
.main-navigation .sub-menu > .current-menu-ancestor > a {
	color: #fff;
	width: 100%;
	margin: 0;
	padding: 10px 15px;
	background-color: $primary_color;
}

.main-navigation ul ul {
	display: none;
	background-color: #fff;
	padding: 0;
}

#mobile-menu .sub-menu {
	margin-left: 15px;
}

.main-navigation ul ul a {
	display: block;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li:focus > ul,
.main-navigation ul li.focus > ul {
	opacity: 1;
	visibility: visible;
}

/* Mobile Navigation */

.mobile-navbar {
	height: 40px;
	background-color: #214d74;
	border-bottom: 1px solid rgba(0, 0, 0, .07);
}

.mobile-navbar .top-search {
	display: inline-block;
	float: right;
}

.mobile-sidebar {
	.mobile-navbar {
		margin-bottom: 10px;
		width: 40px;
		float: right;
		&:hover {
			background: $secondary_color;
		}
	}
}

.mobile-sidebar {
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 9999;
	width: 300px;
	overflow-y: auto;
	padding: 40px 15px 20px;
	background: #fff;
	left: -300px;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s;
	box-sizing: border-box;
}

body.admin-bar {
	.mobile-sidebar {
		top: 46px;
	}
}

.mobile-navigation {
	outline: none;
	display: block;
}

.menu-toggle {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	float: left;
	background: transparent;
	color: #222;
	text-decoration: none;
	z-index: 1;
}

/* Button Toggle */

.button-toggle {
	display: block;
	background-color: #fff;
	content: "";
	height: 2px;
	opacity: 1;
	position: absolute;
	transition: opacity 0.3s ease 0s, background 0.3s ease 0s;
	width: 20px;
	z-index: 20;
	left: 10px;
	top: 20px;
}

.button-toggle:before {
	background-color: #fff;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: -6px;
	transform-origin: center center 0;
	transition: transform 0.3s ease 0s, background 0.3s ease 0s;
	width: 20px;
}

.button-toggle:after {
	background-color: #fff;
	bottom: -6px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	transform-origin: center center 0;
	transition: transform 0.3s ease 0s, background 0.3s ease 0s;
	width: 20px;
}

/* Drop down Button */

.dropdown-toggle {
	height: 42px;
	width: 42px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	right: 15px;
	text-transform: none;
	background-color: transparent;
	color: #222;
	border: 0;
	content: "";
	-webkit-border-radius: 0;
	border-radius: 0;
}

.dropdown-toggle:after {
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	font-size: 20px; /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
	content: "\f107";
	vertical-align: middle;
	padding: 4px 8px;
	border-left: 1px solid #eee;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color: transparent;
	color: $primary_color;
}

.mobile-navigation {
	.dropdown-toggle {
		color: $primary_color;
	}
	li:hover {
		.dropdown-toggle {
			color: #fff;
			background-color: transparent;
		}
	}
}

.dropdown-toggle:focus {
	outline: none;
}

.dropdown-toggle:focus:after {
	background-color: $secondary_color;
	border-color: transparent;
}

/* Toggled On */

body.mobile-sidebar-active {
	overflow: hidden;
}

body.mobile-sidebar-active:before {
	content: "";
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
}

.mobile-sidebar.toggled-on {
	left: 0;
}

.mobile-navigation ul .toggled-on {
	display: block;
}

.dropdown-toggle.toggled-on:after {
	content: "\f106";
}

.current-menu-parent {
	.dropdown-toggle.toggled-on:after {
		background: $secondary_color;
	}
}

.toggled-on .button-toggle {
	background-color: transparent;
}

.toggled-on .button-toggle:before {
	opacity: 1;
	transform: translate(0px, 6px) rotate(-45deg);
}

.toggled-on .button-toggle:after {
	opacity: 1;
	transform: translate(0px, -6px) rotate(45deg);
}

.header-layout-2,
.header-layout2{
	.site-branding {
		float: left;
		p, a {
			text-align: left;
		}
	}
}

.miteri-social-icons-wrapper {
	text-align: center;
	padding: 10px 5px;
	.social-link {
		margin: 5px;
		.fa {
			width: 40px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			color: #FFF;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
			font-size: 1.4em;
			border-radius: 100%;
		}
		.fa-adn {
			background-color: #504e54;
		}
		.fa-apple {
			background-color: #aeb5c5;
		}
		.fa-android {
			background-color: #A5C63B;
		}
		.fa-bitbucket, .fa-bitbucket-square {
			background-color: #003366;
		}
		.fa-bitcoin, .fa-btc {
			background-color: #F7931A;
		}
		.fa-css3 {
			background-color: #1572B7;
		}
		.fa-dribbble {
			background-color: #F46899;
		}
		.fa-dropbox {
			background-color: #018BD3;
		}
		.fa-facebook, .fa-facebook-square, .fa-facebook-f{
			background-color: #3C599F;
		}
		.fa-flickr {
			background-color: #FF0084;
		}
		.fa-foursquare {
			background-color: #0086BE;
		}
		.fa-github, .fa-github-alt, .fa-github-square {
			background-color: #070709;
		}
		.fa-google-plus, .fa-google-plus-square {
			background-color: #CF3D2E;
		}
		.fa-html5 {
			background-color: #E54D26;
		}
		.fa-instagram {
			background-color: #A1755C;
		}
		.fa-linkedin, .fa-linkedin-square {
			background-color: #0085AE;
		}
		.fa-linux {
			background-color: #FBC002;
			color: #333;
		}
		.fa-maxcdn {
			background-color: #F6AE1C;
		}
		.fa-pagelines {
			background-color: #241E20;
			color: #3984EA;
		}
		.fa-pinterest, .fa-pinterest-square {
			background-color: #CC2127;
		}
		.fa-renren {
			background-color: #025DAC;
		}
		.fa-skype {
			background-color: #01AEF2;
		}
		.fa-stack-exchange {
			background-color: #245590;
		}
		.fa-stack-overflow {
			background-color: #FF7300;
		}
		.fa-trello {
			background-color: #265A7F;
		}
		.fa-tumblr, .fa-tumblr-square {
			background-color: #314E6C;
		}
		.fa-twitter, .fa-twitter-square {
			background-color: #32CCFE;
		}
		.fa-vimeo-square {
			background-color: #229ACC;
		}
		.fa-vk {
			background-color: #375474;
		}
		.fa-weibo {
			background-color: #D72B2B;
		}
		.fa-windows {
			background-color: #12B6F3;
		}
		.fa-xing, .fa-xing-square {
			background-color: #00555C;
		}
		.fa-youtube, .fa-youtube-play, .fa-youtube-square {
			background-color: #C52F30;
		}

	}
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 37px;
  right: 34px;
  z-index: 99;
  font-size: 26px;
  outline: none;
  color: $white_color;
  cursor: pointer;
  padding: 0px 9px 2px 9px;
  border-radius: 50%;
}

#myBtn:hover {
  background-color: $secondary_color;
}