/* CSS Document */
body {
	margin: 0;
	
}
h1 {
	font-size: 2rem;
    letter-spacing: 0.625rem;
	color: #ee3124!important;
}
.calc-category {
	color: #ee3124;
    text-decoration: none;
}

#myCalculator { margin: 0; padding: 0; font-size: 16px; font-family: "proxima-nova",Arial, sans-serif;}


#myCalculator main { background-color: #ffffff; }

#myCalculator main section {
	width: 25%;
	float: left;
	text-align: center;
	padding-top: 110px;
	color: #FFF;
}

#myCalculator main::after {  content:''; display:block; clear: both;}


#myCalculator main section > div { padding: 5px 0; background-color: #ffffff;}

#myCalculator main h4 {
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0;
	text-transform: uppercase;	
}

#myCalculator main p {
}

#myCalculator form {
	background-color: #ffffff;	
	margin: 0;
	padding-top: 15px;
}

#myCalculator form br { display: none; }

#myCalculator form > div {
	color: #fff;
	width: 95%;	
	float: left;
	text-align: left;
	padding: 20px;
}

#myCalculator form::after { content:''; display: block; clear: both; }

#myCalculator form h4 {
}

#myCalculator form > table {
	width:100%;
	display: block;
	clear: both; 
	margin-bottom: 20px;
	border-top: solid 1px #000;
}

#myCalculator form > table tr td {
	margin: 0!important;
	padding: 0!important;
}

#myCalculator form p {
	font-family: "proxima-nova",Arial, sans-serif;
    color: rgb(122, 114, 106);
    font-size: 12px;
    line-height: 14px;
	margin: 0;
}

#myCalculator form input {
	text-align: center;	
	font-size: 1em;
	background: #e4e4e4;
    width: 3.5rem!important;
    height: 1.375rem!important;
    margin-bottom: 0;
	padding: 1px 0!important;
	display: inline!important;
}

#myCalculator form select {
	font-size: 1em;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-opera-appearance: none;
	appearance: none;
	background: #fff url(/sites/all/themes/transtheme/calculator/assets/images/icons_arrows.svg) no-repeat right 6px;
	background-size: 30px 20px;
	padding: 3px 30px 3px 5px;
}
#myCalculator form select::-ms-expand { display: none; }

#myCalculator table tr:nth-of-type(even) {
    background: #FFFFFF!important;
}

.answers {
	background-color: #9e1e40;
	padding: 30px 20px!important;
}
.answers p {
	color: #FFFFFF!important;
}
.trailer {
	font-size: 0.8em;
	font-weight: normal;
}
.results {
	font-family: "proxima-nova",Arial, san-serif;
	font-weight: bold;
	font-size: 15px;
	line-height: 30px!important;
	color: #ee3124!important;
}

@media screen and (max-width:500px) {
	#myCalculator { font-size: 12px; }
	#myCalculator main section { background-size: 45px 71px; padding-top: 80px; }
	#myCalculator main h4 { margin: 0; font-size: 12px; letter-spacing: 0; }
	#myCalculator main p { font-size: 10px; }
	#myCalculator form input {	width: 3.0rem; height: 1.0rem;}
	.results {font-size: 12px; line-height: 15px!important;}

}