


//
// Topbar
// 
.noo-topbar {
	position: relative;
	background: darken(@topbar-bg, 10%);
	z-index: @zindex-navbar + 1;
	line-height: @topbar-height;
	@media (max-width: @navbar-float-breakpoint-max) {
		display: none;
	}
	.navbar-nav li > a:before{
		display: none;
	}
	.topbar-left {
		font-size: @font-size-small;
		color: @topbar-color;
		margin: 0;
	}
	a{
		color: @topbar-link-color;
		&:hover{
			color: @topbar-link-hover-color;
		}
	}
}


// ---------------------------------------------------------
// Heading
// ---------------------------------------------------------
 
.noo-page-heading {
	position: relative;
	padding: 50px 0 0;
	.background-cover(true);
	background-position: center center;
	@media (max-width: @screen-sm-max){
		padding: 120px 0;
	}
	@media (max-width: @screen-xs-max){
		padding: 100px 0;
	}
	.page-title{
		.custom-title(@size: 48px);
		@media (max-width: @screen-sm-max){
			font-size: @font-size-h2;
		}
	}

	&.heading-bg-image {
		padding: 180px 0;
	}
}


.search-header5{
	display: none;
	.noo-container{
		position: relative;
	}
	.remove-form{
	  position: fixed;
	  top: 100%;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 9999;
	  background: rgba(255,255,255,0.925);
	  .close-form{
		background-image: url("../images/remove.png");
		background-position: center center;
		background-repeat: no-repeat;
		width: 50px;
		height: 50px;
		position: absolute;
		top: 10%;
		right: 20%;
		cursor: pointer;
		.transition(all 0.8s ease 0.5s);
		.opacity(0);
		.scale(0);
	  }
	}
	form{
	  position: absolute;
	  top: 100%;
		left: 50%;
		width:70%;
		margin: 0 auto;
		display: flex;
	  text-align: center;
	  .translate(-50%,100%);
	  z-index: 99999;
	  .sr-only{
		display: none;
	  }
	
	}
	input[type="text"]{
		margin:0;
		border-radius: 50px;
	}
	button[type="submit"]{
		position: absolute;
    right: 0;
    top: 0;
    border: none;
    padding: 0;
    height: 45px;
    width: 45px;
    background-color: transparent;
    color: #1a1a1a;
    font-size: 18px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
		line-height: 45px;
		&:focus{
			outline: none;
		}
	}
	&.search-header-eff{
	  display: block;
	  .remove-form{
		top: 0;
		.close-form{
		  .scale(1);
		  .opacity(1);
		}
	  }
	}
	}
	.result-search{
		form{
				position: relative;
				display: flex;
				border-radius: 50px;
			
				input[type="text"]{
					border-radius: 50px;
				}
				button[type="submit"]{
					position: absolute;
					right: 0;
					top: 0;
					border: none;
					padding: 0;
					height: 45px;
					width: 45px;
					background-color: transparent;
					color: #1a1a1a;
					font-size: 18px;
					-webkit-transition: all 0.2s linear;
					-o-transition: all 0.2s linear;
					transition: all 0.2s linear;
					line-height: 45px;
					&:focus{
						outline: none;
					}
				}
		}
		
}
#search-results{
	.title{
		font-size: 24px;
    font-weight: normal;
    margin: 0 0 20px;
	}
}