@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

.lpctpcontainer {
	margin:auto;
	position: relative;
	margin-top: 75px;
}


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

	.lpctpcontainer {
		margin-top: 55px;
	}

}
@media screen and (min-width: 1830px) {

	.lpctpcontainer {
		margin-top: 110px;
	}

}

.nav-button-item img {
	box-sizing: content-box;
}

.tbd {
	color:red !important;
}

.csscalc body {
	background: #fff;
	overflow: hidden;
	overflow-y: scroll;
	min-height: 590px;
}

body .lpctpcontainer {
	color: #002855;
	font-weight: 400;
	font-size: 15px;
	font-family: 'Futura Book';
}

a {
	color: rgba(0,0,0,0.3);
	text-decoration: none;
	outline: none;
}

a:hover, a:focus {
	color: #009fdf;
}


/* PROTOTYPE ONLY */

.fake-head {
	width:100%;
	height:220px;
	background: url('../img/fake-head.jpg');
	background-position: center;
	background-size: auto 100%;
}

.fake-foot {
	width:100%;
	height:360px;
	background: url('../img/fake-foot.jpg');
	background-position: center;
	background-size: auto 100%;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.lpctpcontainer button {
	border:none;
	outline:none;
	outline-style:none;
	box-shadow:none;
	border-color:white!important;
}