@charset "UTF-8";
/* 404 page css */
.featured-search.active .close-search
	{
	display: none;
	}

.alternate-links
	{
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	}

.section-icons .icon,
.section-icons .icon-title,
.section-icons .icon-list
	{
	}

.section-icons .icon
	{
	font-size: 3rem;
	}

.section-icons .icon-title
	{
	}

.section-icons .icon-title,
.section-icons ul
	{
	}

@media (min-width: 768px){
	.middle-box
		{
		margin: auto;
		}
	
	.alternate-links
		{
		margin-top: 135px;
		}
	
	
	.flexbox .featured-search,
	.flexbox .featured-search.active 
		{
		top: 325px;
		padding: 10px;
		}
	
	.middle-box,
	.flexbox .featured-search,
	.flexbox .featured-search.active 
		{
		width: 100%;
		max-width: 750px;
		}
	
	.featured-search .search-textfield,
	.featured-search.active .search-textfield
		{
		height: 55px;
		}
	
	.search-container .submit-container, 
	.featured-search.active .submit-container
		{
		height: 55px;
		}
	
	.search-container.featured-search.active 
		{
		background: rgba(0, 0, 0, 0.65);
		}

	.featured-search.active .close-search
		{
		display: none;
		}

	
	.search-container.active .submit-container button
	{
	border-color: #fff;
	}
	
	.search-container .submit-container button > span, 
	.featured-search.active .submit-container button > span
		{
		font-size: 45px;
		line-height: 45px;
		}
	
	.search-container .submit-container button, 
	.featured-search.active .submit-container button
		{
		width: 60px;
		}
	
	.search-container.active .search-textfield
	{
	border-color: #fff;	
	}
	
	.search-container .textfield-container, 
	.search-container.featured-search.active .textfield-container 
		{
		margin-right: -60px;
		padding-right: 60px;
		}	
	.search-container.active .submit-container button
		{
		background-color: #000;
		}
}

@media (min-width: 992px){

	.flexbox .featured-search,
	.flexbox .featured-search.active 
		{
		top: 325px;
		padding: 10px;
		}
	
	.middle-box,
	.flexbox .featured-search,
	.flexbox .featured-search.active 
		{
		max-width: 970px;
		}

}

@media (min-width: 1280px){

	.middle-box,
	.flexbox .featured-search,
	.flexbox .featured-search.active 
		{
		max-width: 1250px;
		}
}