.home header{
	position: relative;
	background-color: black;
	height: 100vh;
	min-height: 25rem;
	width: 100%;
	overflow: hidden;
}
.home header video, .home header img.img-banner{
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.home header .container, header .container-fluid {
	position: relative;
	z-index: 5;
}


.home header .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url('/image/assets/images/common/gradient.png') repeat-x;
	opacity:1;
	z-index: 1;
}

.home #sticky-nav .nav-bg{padding-left:0px; padding-right:0px}
.home header h1.display-1{ line-height:1; font-weight:400; margin:0px; padding:0px; font-size: 100px}
.home header nav{ background:none; box-shadow:none}
.home header #main-nav li a{ color:#fff; font-size:15px; font-weight:600;}
.home header #main-nav .spacing-small li{padding-left: 5px; padding-right:5px}

.home header #main-nav .spacing-big li{ padding:10px 15px}

.home header #main-nav .spacing-big li a.nav-link:hover, #main-nav .spacing-big li.nav-item.active a{ border-bottom:3px solid #AF9F61; color:#AF9F61; font-weight:600}
.home header #main-nav li a i.fa{ color:#B29F5B; border:1px solid #fff; border-radius:50%; text-align: center; width:25px; height:25px; font-size:13px; line-height:24px; padding:0px; margin-right: 10px}
.home header #main-nav #navbarCollapse .dropdown-menu{border-radius:0; width:auto; border:none; padding:0px; margin:0px }
.home header #main-nav #navbarCollapse .dropdown-menu{border-radius:0; width:auto; border:none; padding:0px }
.home header #main-nav #navbarCollapse .dropdown-menu a{ color:#000; padding:10px 25px; border-bottom: 1px solid #ddd}
.home header #main-nav #navbarCollapse .dropdown-menu a:last-child{ border:none}


/*CONTENTS*/

#newsletter-harvester{font-size:16px;padding-top:40px; padding-bottom:30px; background:#B69C5F; color:#fff;}
#newsletter-harvester input{font-size:16px; margin:0px; padding: 0 10px; border:0px; height:60px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
#newsletter-harvester button{paddingfont-size:16px; font-weight:600; margin:0px; padding:0px; border:0px; width:200px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
#newsletter-harvester label{ text-align:left; font-size:16px; width:100%; padding-top:10px}

#home-gallery{}
#instagram-divider{ margin-top:80px}
#instagram-divider .insta-logo {position: absolute;left: 50%;top: 50%;margin-left: -60px; margin-top: -29.5px; height: 59px; width: 120px; padding: 0 5px; background: #fff url("/image/assets/images/common/insta-biig.png") no-repeat 50% 50%;
}
#instagram-divider .line {position: relative; overflow: visible; height: 1px; background-color: #ddd; border-collapse: collapse;}

#masthead {
	height: 65vh;
	min-height: 500px;
	color:#FFF;
	background-image: url('https://privatewaterfishing.com/image/assets/images/banners/Banner7.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 30px;
}

#masthead p{ font-size:30px; max-width: 985px; margin:0 auto}
#home-properties .info-right{ float:left; max-width:650px; margin-left:100px; text-align:left}
#home-properties .info-left{ float:right; max-width:650px; margin-right:100px; text-align:left}

#home-intro{margin-top:100px; border-bottom:1px solid #ddd;}
#home-intro .container{background:url("/image/assets/images/common/mangingisda.png") right bottom no-repeat;padding-bottom:50px; min-height:838px}
#home-intro.hunting_intro .container{background:url("/image/assets/images/common/mangangaso.png") right bottom no-repeat;padding-bottom:50px; min-height:838px}

#home-intro ul{ margin-left:0px; padding:0px}
#home-intro ul li{ display:block; font-size:16px; padding:12px 0}

#home-news-activities{ margin-top:65px}

.modal-body{ text-align: left}
.portfolio-modal .modal-content{ background-color: none; background: url("/image/assets/images/common/overlay.png") repeat }

.portfolio-modal .close-modal .lr, .portfolio-modal .close-modal .lr .rl {
	background-color: #FFF;
}

.portfolio-modal .modal-dialog {
	margin: 1rem;
	max-width: 100vw;
}

.portfolio-modal .modal-content {
	padding: 100px 0;
	text-align: center;
}

.portfolio-modal .modal-content h2 {
	font-size: 3em;
	margin-bottom: 15px;
}

.portfolio-modal .modal-content p {
	margin-bottom: 30px;
}

.portfolio-modal .modal-content p.item-intro {
	font-size: 16px;
	font-style: italic;
	margin: 20px 0 30px;
	font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.portfolio-modal .modal-content ul.list-inline {
	margin-top: 0;
	margin-bottom: 30px;
}

.portfolio-modal .modal-content img {
	margin-bottom: 30px;
}

.portfolio-modal .modal-content button {
	cursor: pointer;
}

.portfolio-modal .close-modal {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 75px;
	height: 75px;
	cursor: pointer;
	background-color: transparent;
}

.portfolio-modal .close-modal:hover {
	opacity: 0.3;
}

.portfolio-modal .close-modal .lr {
	/* Safari and Chrome */
	z-index: 1051;
	width: 1px;
	height: 75px;
	margin-left: 35px;
	/* IE 9 */
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #212529;
}

.portfolio-modal .close-modal .lr .rl {
	/* Safari and Chrome */
	z-index: 1052;
	width: 1px;
	height: 75px;
	/* IE 9 */
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	background-color: #212529;
}
#sm-toggle{ display:none}

@media (max-width: 768px){
	.home header #main-nav{ padding:0px}
	.home header .navbar-brand{ margin:20px 15px}
	.home header .navbar-toggler{margin:30px 25px 10px 10px}
	.home header .spacing-small{ display:none}
	.home header .navbar-brand img{max-width:150px; transition: all ease .5s;}
	.home header{height: auto;}
	.home header .container-fluid.pl-4, header .container-fluid.pr-4{ padding:0px !important}
	.home header #navbarCollapse{ background:#FFF; margin-top:10px; text-align: left}
	.home header #main-nav li{border-bottom:1px solid #ddd}
	.home header #main-nav li a{ color:#000; }
	.home header #main-nav .spacing-big li a.nav-link:hover, #main-nav .spacing-big li.nav-item.active a{ border:none}
	.home header .container .w-60{ width:100% !important;}
	.home header .container .w-60 h1.display-1{ font-size:68px;}

	#home-intro .container, #home-intro.hunting_intro .container{ background:none}
	#home-properties .container-fluid{ padding-left:15px !important; padding-right:15px !important}
	#home-properties .container-fluid .col-md-6{ padding-left:15px !important; padding-right:15px !important}
	#home-properties .info-right, #home-properties .info-left{ margin-left:0px; margin-right:0px; margin-bottom:20px;max-width:100%}
	#home-properties .info-right h2, #home-properties .info-left h2{ margin-top:25px}
	#home-properties .info-col{ order:2}
	#home-properties .img-col{ order:1}
	#home-news-activities{ margin-top:25px}
	#home-news-activities .col-md-4{ padding: 15px !important;}
	#home-news-activities .col-md-4 .mh-420{min-height:200px}
	#home-gallery{ overflow:hidden}
	#home-gallery .col{flex-basis: auto;width:100%; clear:both; display:block !important}
	#newsletter-harvester .col-4, #newsletter-harvester .col-8, #newsletter-harvester .max-width-370{ max-width: 100% !important; flex:auto}
	#home-nav.collapse:not(.show) {display: block;}
	#sm-toggle{width:150px; display:flex; margin-left:auto}
	#sm-toggle .logged_in_sm img{ border-radius:50%; margin:25px -10px 0 -10px; width:50px; height:50px}
	#sm-toggle #sm-profile-toggle-btn{ margin:30px -10px 0 -10px; width:50px; height:50px}
}

.left-right-feature{
  margin-left: auto;
}



.featured_in_banner{
color: #fff;
font-weight: normal;
display: flex;
font-size: 11px;
text-transform: uppercase;
align-content: center;
flex-wrap: wrap;
line-height: 30px;
margin-top: 0px;
background: #000;
padding:20px;

}

.featured_in_banner span{
	display: inline-block;
	flex: 0 0 100%
}
.featured_in_banner dfn{display: block; height: 30px; width: 1px; background:#AE9F60; margin: 0 10px}
.featured_in_banner a{}


@media (min-width: 992px) {

	.featured_in_banner{
		background: none;
		padding:0;
		margin-top: -20px;
	}

	.featured_in_banner img{
         width: 80%;
	}


	.featured_in_banner span, .featured_in_banner dfn{
		 display: none;
	}

	.left-right-feature {
		display: flex;
		width: 100%;
		max-width: 1400px;
	}

}

@media (min-width: 1367px) {
	.left-right-feature {
		display: flex;
		width: 100%;
		max-width: 1400px;
	}



	.featured_in_banner{
		margin-top: 0px;
	}

	.featured_in_banner span{
		flex: auto;

	}

	.featured_in_banner span, .featured_in_banner dfn{
		display: inline-block;
	}


}





#searchbar{
	position: relative;
}

#searchbar #sliding-panel-outer{
	display: inline-block;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 120px;
	width: 240px;
	transition: width 0.4s ease;
}

#searchbar #sliding-panel-inner
{
	width: 240px;
}

#searchbar .search-label{
	width: 110px;
	color:#fff;
	font-weight: 600;
	cursor: pointer;
	height: 30px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 5px;
	line-height: 30px;
	margin-left:20px;
}

#searchbar .search-label i{

	color: #B29F5B;
	border: 1px solid #fff;
	border-radius: 50%;
	text-align: center;
	width: 25px;
	height: 25px;
	font-size: 13px;
	line-height: 24px;
	padding: 0px;
	margin-right: 10px;}

#searchbar .search-label .fa-times,
#searchbar.collapsed .search-label .fa-search
{
	display: inline-block;
}
#searchbar .search-label .fa-search,
#searchbar.collapsed .search-label .fa-times
{
	display: none;
}

#searchbar.collapsed #sliding-panel-outer
{
	width: 0px;
}


@media (min-width: 1024px) and (max-width:1024px){

	.home .videos-and-podcasts .dropdown-menu{ margin-left: -120px !important;}

	.home header #main-nav li a {
		color: #fff;
		font-size: 11px;
		font-weight: 500;
	}
	#home-nav{ display:flex;}
	.home header #main-nav .spacing-big li {
		padding: 0px 5px;
	}
	.navbar-brand img{width:150px}
}



@media (min-width: 1200px){
	.home .videos-and-podcasts .dropdown-menu{ margin-left: -120px !important;}


	.home #sticky-nav .nav-bg{ padding-left:.5rem; padding-right:.5rem}
	.home #sticky-nav #hamburger-toggle{
		width:50px; cursor:pointer;
		margin-top:5px;
		display:none
	}


	.home #sticky-nav #top-reservation{
		display:none;


	}

	.home #sticky-nav #top-reservation a{
		color:#AF9F61 !important
	}

	.home #sticky-nav.stuck #hamburger-toggle, .home #sticky-nav.stuck #top-reservation{
		display:block;
	}

	.home #sticky-nav #hamburger-toggle .navToggle div{width: 100%;
		max-width: 30px;
		height: 4px;
		background: #fff;
		margin: 4px auto;
		transition: all .3s;
		backface-visibility: hidden;
  }

	.home #sticky-nav #hamburger-toggle .navToggle div.line-1{transform: rotate(45deg) translate(3px,5px);}
	.home #sticky-nav #hamburger-toggle .navToggle div.line-2{opacity:0;}
	.home #sticky-nav #hamburger-toggle .navToggle div.line-3{transform: rotate(-45deg) translate(7px,-8px);}
	.home #sticky-nav #hamburger-toggle .navToggle.collapsed div.line-1{transform: rotate(0deg) translate(0px,0px);}
	.home #sticky-nav #hamburger-toggle .navToggle.collapsed div.line-2{opacity:1;}
	.home #sticky-nav #hamburger-toggle .navToggle.collapsed div.line-3{transform: rotate(0deg) translate(0px,0px);}

	.home #sticky-nav .nav-bg{background: rgba(29,29,29,0);
		position: relative;
	    -webkit-transition: background .5s ease-out;
		-moz-transition: background .5s ease-out;
		-o-transition: background .5s ease-out;
		transition: background .5s ease-out;}
	.home #sticky-nav.stuck .nav-bg{background:rgba(29,29,29,0.7);}

	.home #sticky-nav{position:fixed}
	.home #sticky-nav.stuck{ height:auto; top:0}
	.home #sticky-nav .navbar-brand img{width:300px; transition: all ease .5s; padding-top:15px}
	.home #sticky-nav.stuck .navbar-brand img{ width:100px; padding-top:0px}
	.home #sticky-nav{ height:auto; transition: all ease .5s;}


	.hdNav #toggle.on .line-1 {
		transform: rotate(45deg) translate(3px,5px);
	}

	.hdNav #toggle.on .line-3 {
		transform: rotate(-45deg) translate(7px,-8px);
	}
	.hdNav #toggle.on .line-2 {
		opacity: 0;
	}

}