@import url(//fonts.googleapis.com/css?family=Josefin+Sans);

body {
	font-family: 'Lato', sans-serif;
}


.landing {
	background: url(http://401morganmfg.com/tour/assets/theme/front/img/land.jpg);
	background-size: cover;
	position: relative;
}

.mezz {
	background: url(http://401morganmfg.com/tour/assets/theme/front/img/mezz.jpg);
	background-size: cover;
	position: relative;
}

header {padding: 20px;}

.mezz header {text-align: center;}

.logo {
	display: inline-block;
	margin: 30px auto;
}

.logo img {max-width: 100%;}

.page-title {
	text-align: center;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	font-size: 65px;
	margin: 5% 0;
}

.fir-link {
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	border: 3px solid #76411c;
	margin: 0 30px 30px;
	color: #fff;
	font-weight: bold;
	font-size: 26px;
	text-decoration: none;
	padding: 10px 30px;
}

.fir-link:hover {
	color: #fff;
	background: rgba(118,65,28,.57);
	text-decoration: none;
}

.mezz-cont {
	padding: 0 15px;
}

.nav-block {text-align: center;}

.nav-block a {
	display: inline-block;
	position: relative;
	max-width: 200px;
	max-height: 112px;
	overflow: hidden;
	margin-bottom: 10px;
	-webkit-transition: border-width .17s ease-in-out;
	-moz-transition: border-width .17s ease-in-out;
	-o-transition: border-width .17s ease-in-out;
	transition: border-width .17s ease-in-out;
}

.nav-block a img {
}

.nav-block a.active, .nav-block a:hover {
	border: 4px solid #422814;
}

.hover-box {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding-top: 23%;
	-webkit-transition: all .17s ease-in-out;
	-moz-transition: all .17s ease-in-out;
	-o-transition: all .17s ease-in-out;
	transition: all .17s ease-in-out;
}

a.active .hover-box , a:hover .hover-box {background: rgba(118,65,28,.57)}

.hover-box h3 {margin: 0;text-transform: uppercase;}

.points-cont {
	padding-top: 90px;
	padding-right: 0;
}

.points-cont h2 {
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}

.map {
	display: inline-block;
	position: relative;
}

.points-cont a {
	position: absolute;
	display: inline-block;
}

.points-cont a.dist {top: 45%;left: 25%;}
.points-cont a.util {top: 12%;left: 13%;}
.points-cont a.open {top: 21%;left: 9%;}
.points-cont a.rest {top: 40%;left: 7%;}
.points-cont a.next {top: 66%;left: 17%;}
.points-cont a.n-one {top: 90%;left: 6%;}

.active-block {
	background: #000;
	text-align: center;
	padding: 8px 20px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	text-transform: uppercase;
	bottom: -65px;
	width: 200px;
	margin-left: -100px;
	z-index: 5;
	left: 50%;
	opacity: 0;
	-webkit-transition: all .17s ease-in-out;
	-moz-transition: all .17s ease-in-out;
	-o-transition: all .17s ease-in-out;
	transition: all .17s ease-in-out;
}

.points-cont a.active .active-block {
	opacity: 1;
}

.active-block span {
	position: absolute;
	top: -22px;
	left: 51.15%;
	margin-left: -8px;
}

.mazz-flyout {
	padding: 0;
}

.mazz-flyout {
	position: fixed;
	right: 0;
	top: 0;
}

.flyout-block {
	background: #191919;
	overflow: auto;
	position: absolute;
	left: 700px;
	right: -700px;
	top: 0;
	-webkit-transition: all .17s ease-in-out;
	-moz-transition: all .17s ease-in-out;
	-o-transition: all .17s ease-in-out;
	transition: all .17s ease-in-out;
}

.flyout-block.show {left: 0;right: 0}

.video-bl img {width: 100%;}

#projects .carousel-inner {
	display: block;
	margin: 0 auto;
	width: 80%;
}

#projects .carousel-inner img {width: 100%;}

#projects .carousel-control {
	width: 10%;
	opacity: 1;
	box-shadow: none;
	background: transparent;;
}

#projects .carousel-control img {
	position: absolute;
	top: 50%;
	margin-top: -18px;
	margin-left: -9px;
}

#projects {margin: 20px 0;}

.mazz-kont {padding: 0 10%;}

.mazz-kont h2 {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 30px;
}

.mazz-kont p {
	color: #fff;
}

.mazz-kont ul {
	padding: 0;
	list-style: none;
}

.mazz-kont ul li {
	display: inline-block;
}

.mazz-kont ul li:first-child {
	padding-right: 20px;
	margin-right: 20px;
	border-right: 2px solid #fff;
}

.mazz-kont ul li a {
	color: #fff;
	font-size: 16px;
	display: block;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.mazz-kont ul li a:last-child {margin: 0;}

.dawnload-bl:before, .dawnload-bl:after, .project-selector:before, .project-selector:after {
	display: table;
	content: " ";
}

.dawnload-bl {
	border: 3px solid #754120;
}

.dawnload-bl a {
	float: left;
	width: 50%;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
	text-decoration: none;
}

.dawnload-bl a:first-child {border-right: 3px solid #754120}
.dawnload-bl a:hover {background: #4d301d}

.project-selector a {
	float: left;
	width: 50%;
	position: relative;
}

.project-selector a:hover .hover-box {
	border: 4px solid #422814;
	-webkit-transition: border-width .17s ease-in-out;
	-moz-transition: border-width .17s ease-in-out;
	-o-transition: border-width .17s ease-in-out;
	transition: border-width .17s ease-in-out;
}

.project-selector a > img {width: 100%;}

.mazz-btns {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.project-selector a.prev .hover-box img {float: left;margin: -4px 10px 0}
.project-selector a.next .hover-box img {float: right;margin: -4px 10px 0}

#contact-form {
	background: url(http://401morganmfg.com/tour/assets/theme/front/img/modal-bg.jpg);
	background-size: cover;
}

#contact-form .close {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 555;
	opacity: 1;
}

#contact-form .modal-content {
	background: rgba(117,65,32,.9);
	border-radius: 0;
	box-shadow: none;
	border: 0;
}

#contact-form .modal-body {
	padding: 50px 0 0;
}

#contact-form .form-group {
	padding: 0 15px;
}

#contact-form .form-control {
	background: transparent;
	border: 3px solid #4c2b17;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 0;
	height: 50px;
}

#_contact-form input::-webkit-input-placeholder {color:#fff;}
#_contact-form input::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
#_contact-form input:-moz-placeholder           {color:#fff;}/* Firefox 18- */
#_contact-form input:-ms-input-placeholder      {color:#fff;}

#_contact-form textarea::-webkit-input-placeholder {color:#fff;}
#_contact-form textarea::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
#_contact-form textarea:-moz-placeholder           {color:#fff;}/* Firefox 18- */
#_contact-form textarea:-ms-textarea-placeholder      {color:#fff;}

#contact-form select.form-control {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor: pointer;
    background-image: url(http://401morganmfg.com/tour/assets/theme/front/img/sel.png);
    background-repeat: no-repeat;
    background-position: center right 10px;	
}

#contact-form select option {
	background: #4c2b17;
	padding: 4px 10px;
	border-bottom: 2px solid #fff;
}

#contact-form select option:last-child {border: 0;}

#contact-form textarea.form-control {height: auto;}

#contact-form form button {
	display: block;
	width: 100%;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	border: 0;
	background: #fff;
	color: #4c2b17;
	padding: 10px 0;
	text-align: center;
	font-size: 18px;
}

.mazz-flyout {
	overflow: hidden;
}

.povor {
	position: absolute;
	top: 20px;
	left: 20px;
}

.play {
	position: absolute;
	top: 20px;
	right: 20px;
}

.flyout-block header {display: none;background: url(http://401morganmfg.com/tour/assets/theme/front/img/mezz.jpg);background-size: cover;padding: 10px 0 0;}
.flyout-block header h3 {background: #191919;margin: 0;padding: 10px 0;text-align: center;color: #fff;text-transform: uppercase;font-weight: bold;}
.flyout-block footer {display: none;background: url(http://401morganmfg.com/tour/assets/theme/front/img/mezz.jpg);background-size: cover;position: relative;}

.back {
	position: absolute;
	left: 20px;
	top: 20px;
}

.video-bl {position: relative;}


/*********************************************************/

footer {
	padding: 20px;
	position: unset;
	/*position: absolute;*/
	bottom: 0;
}

footer > a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 25px 0 0;
}

footer p {
	color: #fff;
	margin: 13px 0 5px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 700;
}

footer span {
	color: #fff;
	font-size: 12px;
	display: inline-block;
	font-size: 10px;
}

footer ul {
	padding: 0;
	list-style: none;
	color: #fff;
	font-size: 14px;
	line-height: 1;
}

footer ul li {
	display: inline-block;
	margin-right: 5px;
	font-size: 10px;
}

footer ul li:last-child {margin-left: 5px;}

footer ul li a {
	color: #fff;
}



/**********************responsive*************************/

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

	.hover-box h3 {font-size: 17px;}

	.mezz header {padding: 10px;}

	.nav-block a {
		max-width: 141px;
		max-height: 79px;
	}

	.points-cont {
		padding-top: 45px;
		padding-left: 20px;
	}

	.mazz-btns {position: relative;}

	.mazz-kont ul li a {font-size: 11px;}

	.mazz-kont {padding: 0 5%;}

}

@media screen and (min-width:660px) and (max-width:850px) {

	header {text-align: center;}

	.page-title {
		max-width: 80%;
		margin: 80px auto;
	}

	.fir-link {display: block;width: 100%;margin: 0 0 20px;}

	footer {
		left: 0;
		right: 0;
		text-align: center;
	}

	.points-cont {display: none;}

	.nav-block a {
		display: block;
		max-height: none;
		max-width: 45%;
		margin: 0 auto;
		width: 100%;
	}

	.nav-block a img {width: 100%;}

	.nav-block {margin: 0 -15px;}

	.mezz footer {
		position: relative;
	}

	.mazz-flyout {
		left: 0;
		right: 0;
		z-index: 1;
	}

	.mazz-flyout.visbl {z-index: 7;}

	.mezz-cont .col-md-2 {position: relative;z-index: 5}

	.flyout-block {margin: 0;opacity: 0;}

	.flyout-block.show {
		opacity: 1;
		z-index: 7;
	}

	.mazz-btns {position: relative;}

	.play, .povor {top: auto;bottom: 20px;}

	.flyout-block header,.flyout-block footer {display: block;}

}

@media screen and (min-width:460px) and (max-width:659px){

	header {text-align: center;}

	.logo {margin: 0}

	.page-title {
		font-size: 30px;
		max-width: 50%;
		margin: 5% auto;
	}

	.fir-link {display: block;width: 100%;margin: 0 0 20px;font-size: 20px;}

	footer {
		position: relative;
		width: 100%;
		text-align: center;
	}

	body.landing {
		height: auto !important;
	}

	body.mezz {
		height: auto !important;
	}

	.mezz footer {
		position: relative;
	}

	.mazz-flyout {
		left: 0;
		right: 0;
		z-index: 1;
	}

	.points-cont {display: none;}

	.mazz-flyout.visbl {z-index: 7;}

	.mezz-cont .col-md-2 {position: relative;z-index: 5}

	.flyout-block {margin: 0;opacity: 0;}

	.flyout-block.show {
		opacity: 1;
		z-index: 7;
	}

	.mazz-btns {position: relative;}

	.nav-block a {
		display: block;
		max-height: none;
		max-width: 100%;
		width: 100%;
		margin: 0;
	}

	.nav-block a img {width: 100%;}

	.nav-block {margin: 0 -15px;}

	.mazz-kont {padding: 0 5%;}

	.mazz-kont h2 {
		font-size: 25px;
		margin-bottom: 20px;
	}

	.mazz-kont ul li a {font-size: 11px;}

	.dawnload-bl a {width: 100%;}

	.project-selector a .hover-box h3 {font-size: 14px;}

	.dawnload-bl a:first-child {border-right: 0;border-bottom: 3px solid #754120}

	.flyout-block header,.flyout-block footer {display: block;}

	.play, .povor {top: auto;bottom: 20px;}

	.form-group .form-control {margin-bottom: 10px;}

}

@media screen and (max-width:459px){

	header {text-align: center;padding: 10px;}

	.logo {margin: 0}

	.page-title {
		font-size: 30px;
		margin: 5% auto;
	}

	.fir-link {display: block;width: 100%;margin: 0 0 20px;font-size: 20px;}

	footer {
		position: relative;
		width: 100%;
		text-align: center;
	}

	body.landing {
		height: auto !important;
	}

	body.mezz {
		height: auto !important;
	}

	.points-cont {display: none;}

	.mezz footer {
		position: relative;
	}

	.mazz-flyout {
		left: 0;
		right: 0;
		z-index: 1;
	}

	.mazz-flyout.visbl {z-index: 7;}

	.mezz-cont .col-md-2 {position: relative;z-index: 5}

	.flyout-block {margin: 0;opacity: 0;}

	.flyout-block.show {
		opacity: 1;
		z-index: 7;
	}

	.mazz-btns {position: relative;}

	.nav-block a {
		display: block;
		max-height: none;
		max-width: 100%;
		width: 100%;
		margin: 0;
	}

	.nav-block a img {width: 100%;}

	.nav-block {margin: 0 -15px;}

	.mazz-kont {padding: 0 5%;}

	.mazz-kont h2 {
		font-size: 25px;
		margin-bottom: 20px;
	}

	.mazz-kont ul li a {font-size: 11px;}

	.dawnload-bl a {width: 100%;}

	.project-selector a .hover-box h3 {font-size: 14px;}

	.dawnload-bl a:first-child {border-right: 0;border-bottom: 3px solid #754120}

	.flyout-block header,.flyout-block footer {display: block;}

	.play, .povor {top: auto;bottom: 20px;}

	.form-group {margin-bottom: 0}

	.form-group .form-control {margin-bottom: 10px;}

}