/* CONTACT */




.glyphicon-home {
	color:#ac1919 !important;
}

.glyphicon-home:hover {
	color:#fff !important;
}

.contact-link {
	color:#fff;
}

#contact {
	height:800px;
	position:relative;
	z-index:30;
	width:100%;
	overflow:hidden;
	background-color:#000;
}

.page-content .cntct-bg {
	background-image:url("images/contact/connected.jpg");
	opacity:.45;
	filter:alpha(opacity=45);
}

.cntct-bg {
	background:25% -200px;
	height:1000px;
	width:100%;
	position:fixed;
	transition:600ms;
		-webkit-transition:600ms;
		-moz-transition:600ms;
		-ms-transition:600ms;
}

.contact-h2 {
	position:relative;
	text-align:center;
	z-index:40;
	color:#fff;
	top:45%;
}

.cntct-container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:4.75%;
	width:575px;
	height:575px;
}

.twitter {
	position:relative;
	width:250px;
	height:250px;
	z-index:50;
	text-align:center;
	left:0;
	top:0;
	background-color:black;
	opacity:.3;
	filter:alpha(opacity=30);
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
	box-shadow:-6px 6px 6px #484848;
		-webkit-box-shadow:-6px 6px 6px #484848;
		-moz-box-shadow:-6px 6px 6px #484848;
		-ms-box-shadow:-6px 6px 6px #484848;
}

.twitter:hover {
	background-color:#00aced;
	opacity:1;
	filter:alpha(opacity=100);
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
}

h1 > i.fa-twitter {
	font-size:100px;
	margin-top:75px;
	color:white;
}

.facebook {
	position:relative;
	width:250px;
	height:250px;
	z-index:50;
	text-align:center;
	left:325px;
	top:-270px;
	background-color:black;
	opacity:.3;
	filter:alpha(opacity=30);
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
	box-shadow:-6px 6px 6px #484848;
		-webkit-box-shadow:-6px 6px 6px #484848;
		-moz-box-shadow:-6px 6px 6px #484848;
		-ms-box-shadow:-6px 6px 6px #484848;
}

.facebook:hover {
	background-color:#3b5998;
	opacity:1;
	filter:alpha(opacity=100);
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
}

h1 > i.fa-facebook {
	font-size:100px;
	margin-top:75px;
	color:white;
}

.instagram {
	position:relative;
	width:250px;
	height:250px;
	z-index:50;
	text-align:center;
	left:0;
	top:-215px;
	background-color:black;
	opacity:.3;
	filter:alpha(opacity=30);
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
	box-shadow:-6px 6px 6px #484848;
		-webkit-box-shadow:-6px 6px 6px #484848;
		-moz-box-shadow:-6px 6px 6px #484848;
		-ms-box-shadow:-6px 6px 6px #484848;
}

.instagram:hover {
	opacity:1;
	filter:alpha(opacity=100);
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
}

.ig-bg {
	background-image:url("images/contact/instacrop.png");
	position:absolute;
	z-index:30;
	opacity:0;
	filter:alpha(opacity=0);
	height:100%;
	width:100%;
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
	
}

.instagram:hover > h1 > .ig-bg {
	opacity:100;
	filter:alpha(opacity=100);
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
}

.instagram > h1 > i.fa-instagram {
	position:relative;
	font-size:100px;
	margin-top:75px;
	color:white;
	z-index:40;
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
}

.instagram:hover > h1 > i.fa-instagram {
	color:black;
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
}

.email {
	position:relative;
	width:250px;
	height:250px;
	z-index:50;
	left:325px;
	bottom:0;
	top:-485px;
	background-color:black;
	opacity:.3;
	filter:alpha(opacity=30);
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
	box-shadow:-6px 6px 6px #484848;
		-webkit-box-shadow:-6px 6px 6px #484848;
		-moz-box-shadow:-6px 6px 6px #484848;
		-ms-box-shadow:-6px 6px 6px #484848;
}

.email:hover {
	background-color:#ac1919;
	opacity:1;
	filter:alpha(opacity=100);
	cursor:pointer;
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
}

.nav-email {
	color:#757575;
	height:20px;
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
	padding-left:20px;
}

.nav-email:hover {
	cursor:pointer;
	background-color:white;
	text-decoration:none;
	border-radius:50px;
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
	padding-left:25px;
	width:189px;
	padding-bottom:30px;
}

.nav-twitter {
	color:#757575;
	height:20px;
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
	padding-left:20px;
}

.nav-twitter:hover {
	cursor:pointer;
	background-color:white;
	text-decoration:none;
	border-radius:50px;
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
	padding-left:25px;
	width:189px;
	padding-bottom:30px;
}

.nav-facebook {
	color:#757575;
	height:20px;
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
	padding-left:20px;
}

.nav-facebook:hover {
	cursor:pointer;
	background-color:white;
	text-decoration:none;
	border-radius:50px;
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
	padding-left:25px;
	width:189px;
	padding-bottom:30px;
}

.nav-insta {
	color:#757575;
	height:20px;
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
	padding-left:20px;
}

.nav-insta:hover {
	cursor:pointer;
	background-color:white;
	text-decoration:none;
	border-radius:50px;
	transition:200ms;
		-webkit-transition:200ms;
		-moz-transition:200ms;
		-ms-transition:200ms;
	padding-left:25px;
	width:189px;
	padding-bottom:30px;
}

i.fa-envelope {
	position:absolute;
	font-size:70px;
	top:45px;
	left:45px;
	color:white;
}

i.fa-phone {
	position:absolute;
	font-size:70px;
	bottom:45px;
	left:50px;
	color:white;
}

i.fa-map-marker {
	position:absolute;
	font-size:70px;
	bottom:45px;
	right:55px;
	color:white;
}

i.fa-at {
	position:absolute;
	font-size:70px;
	top:45px;
	right:45px;
	color:white;
}

#nav-toggler:checked + .wrapper > .page-content > #contact > .cntct-container > a > .twitter {
	box-shadow:6px 6px 6px #484848;
		-webkit-box-shadow:6px 6px 6px #484848;
		-moz-box-shadow:6px 6px 6px #484848;
		-ms-box-shadow:6px 6px 6px #484848;
	transition:600ms;
		-webkit-transition:600ms;
		-moz-transition:600ms;
		-ms-transition:600ms;
}

#nav-toggler:checked + .wrapper > .page-content > #contact > .cntct-container > a > .facebook {
	box-shadow:6px 6px 6px #484848;
		-webkit-box-shadow:6px 6px 6px #484848;
		-moz-box-shadow:6px 6px 6px #484848;
		-ms-box-shadow:6px 6px 6px #484848;
	transition:600ms;
		-webkit-transition:600ms;
		-moz-transition:600ms;
		-ms-transition:600ms;
}

#nav-toggler:checked + .wrapper > .page-content > #contact > .cntct-container > a > .instagram {
	box-shadow:6px 6px 6px #484848;
		-webkit-box-shadow:6px 6px 6px #484848;
		-moz-box-shadow:6px 6px 6px #484848;
		-ms-box-shadow:6px 6px 6px #484848;
	transition:600ms;
		-webkit-transition:600ms;
		-moz-transition:600ms;
		-ms-transition:600ms;
}

#nav-toggler:checked + .wrapper > .page-content > #contact > .cntct-container > a > .email {
	box-shadow:6px 6px 6px #484848;
		-webkit-box-shadow:6px 6px 6px #484848;
		-moz-box-shadow:6px 6px 6px #484848;
		-ms-box-shadow:6px 6px 6px #484848;
	transition:600ms;
		-webkit-transition:600ms;
		-moz-transition:600ms;
		-ms-transition:600ms;
}





/* EMAIL POPUP */




#email-popup {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1000;
	overflow:hidden;
	width:100%;
	height:5000px;
}

.contact_hide {
	opacity:0;
	filter:alpha(opacity=0);
}

h1 > i.x-contact {
	position:absolute;
	font-size:30px;
	top:10px;
	right:10px;
}

.bg-layer {
	position:absolute;
	left:0;
	top:0;
	margin:auto;
	height:10000px;
	width:100%;
	z-index:500;
	display:none;
}

.cntct-head {
	color:#fff;
	font-size:30px;
	text-align:center;
	margin-top:70px;
}

h1 > i.fa-th-large {
	color:black;
	margin-top:1px;
	position:fixed;
	font-size:32px;
	margin-right:65px;
}

h1 > i.fa-th-large:hover {
	cursor:pointer;
	color:#ac1919;
	transition:400ms;
		-webkit-transition:400ms;
		-moz-transition:400ms;
		-ms-transition:400ms;
}

.cntct-content {
	position:relative;
	width:800px;
	height:350px;
	margin-left:auto;
	margin-right:auto;
	border-radius:10px;
}

.ttl {
	color:#a30000 !important;
	position:relative !important;
	font-size:30px !important;
	left:0 !important;
	right:0 !important;
	top:0 !important;
}

.cnt {
	color:black;
	margin-top:15px;
}

.address {
	position:relative;
	text-align:center;
	top:60px;
	margin-left:auto;
	margin-right:auto;
}
.emailadd {
	position:relative;
	text-align:center;
	top:38px;
}

.phonenum {
	position:relative;
	text-align:center;
	top:50px;
}




/* GOOGLE MAP */




#map_canvas {
	width:800px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	top:20px;
	border-radius:10px;
}

.infowindow{
	position:relative;
	min-width:210px;
	min-height:auto;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
}

.gm-style-iw {
	width:250px !important;
	min-height:18px !important;
}