/* Web Fonts */
@font-face {
  font-family: 'Trade Gothic';
  src: url('../Fonts/Trade Gothic/Trade Gothic.eot?') format('eot'), url('../Fonts/Trade Gothic/Trade Gothic.woff') format('woff'), url('../Fonts/Trade Gothic/Trade Gothic.ttf') format('truetype');  
  /*
	Linotype disclaimer:
	This CSS resource incorporates links to font software which is the valuable copyrighted
	property of Monotype and/or its suppliers. You may not attempt to copy, install,
	redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
	with any questions regarding Web Fonts:  http://www.linotype.com
	*/
}

/* Entire Site */

a{
	text-decoration:none;
	font-family:'Trade-Gothic', Helvetica,Arial, sans-serif;
}
div{
	box-sizing:border-box;
}

body {
	background:#f8f5ef;
}

#contact {
	text-align: center;	
}

#footer {
	font: normal 12px/1em 'Trade-Gothic', Helvetica,Arial, sans-serif;
	color:#cfcdc8;
	text-align: center;
	margin-top:30px;
}

#footer a:link, #footer a:visited {
	color: #cfcdc8;
	text-decoration:none;
}

#footer a:hover {
	color:#ee2e69;
}

#footer a:active {

}

.wrapper {
	width:50%;
	margin:0 auto;
}

.wrapper2{
	margin:50px 0px 0px 100px;
	width:105px;
}

.wrapper3{
	margin:0px 0px 0px 100px;
	width:105px;
}

/* End Entire Site */

/*About Section*/
p{
	font:normal 14px/1em 'Trade-Gothic', Helvetica, Arial, sans-serif;
	color: #878785;
	text-align:left;
	line-height:1.45em;
	position:absolute;
	width:200px;
	background-color:#f8f5ef;
	padding: 0 15px 0;
	height:auto;
}


h2{
	font: 14px/1em 'Trade-Gothic', Helvetica, Arial, sans-serif;
	color:#f7933d;
	text-transform:lowercase;
	text-decoration:none;
	text-align:center;
	border:4px solid #f7933d;
	height:20px;
	padding:5px 0px 0px 0px;
	width:105px;
	margin-left:15px;

}

/*End About Section*/

/* Index */

#form {
	text-align:center;
	margin-top:120px;
	margin-bottom:100px;
}

.buttoncontainer {
	display:block;
	text-align:center;
	margin-bottom:100px;
	margin-top:77px;
}

.buttoncontainer input {
	/*
	background : url(../images/converge_button.png) no-repeat center center;
	*/
	width : 286px;
	height :88px;
	border : none;
	color : transparent;
	font-size : 0
}
input {
	font-family:'Trade-Gothic',Helvetica, Arial, sans-serif;
	font-size:16px;
	background:#f8f5ef;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom-color:#00ccff;
}

input:focus {
	outline:none;
}
input, input[placeholder]{
    text-align:center;
}
input, input{
    text-align:center;
}
input, select {
	color:#00cc99;
	text-align:center;
}
input:focus {
	color:#00cc99;
	text-align:center;
}

/* placeholder text */

::-webkit-input-placeholder {
	color:#9de6cf;
	text-align:center;
}
::-moz-placeholder { 
	color:#9de6cf;
	text-align:center;
} /* firefox 19+ */

:-ms-input-placeholder {
	color:#9de6cf;
	text-align:center;
} /* ie */

input:-moz-placeholder {
	color:#9de6cf;
	text-align:center;
}


/* end placeholder text */
/* so that placeholder goes away on click */

    /* WebKit browsers */
input:focus::-webkit-input-placeholder { color:transparent; }

    /* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder { color:transparent; }

    /* Mozilla Firefox 19+ */
input:focus::-moz-placeholder { color:transparent; }

    /* Internet Explorer 10+ */
input:focus:-ms-input-placeholder { color:transparent; }

/* end so that placeholder goes away on click */

#term1 {
	display:inline-block;
	margin-right:100px;
}

#term2{
	display:inline-block;
	margin-left:100px;

}

/* End Index */

/* Result */

h1 {
	font:normal 100px/1em 'Trade-Gothic',Helvetica, Arial, sans-serif;
	color: #ff3300;
	text-align: center;
	text-transform:uppercase;
}

#originaltermslabel{
	font:normal 25px/1em 'Trade-Gothic',Helvetica, Arial, sans-serif;
	color: #ff3300;
	text-align: center;
	text-transform:uppercase bold;

}

#button {
	text-align:center;
	margin-bottom:100px;
}

#contact a {
	width:49px;
	height:18px;
	border:5px;
}

.resultlink {
	font-family:'Trade-Gothic', Helvetica,Arial, sans-serif;
	color:#ff3300;
	font-size:70px;
	line-height:120%;
}

a:hover {
	color:#47bd93;
}
/* End Result */

/* Social Media Sharing */
#sharing {
	text-align:center;
}
/* End Social Media Sharing */


/* Begin buttons section! */
.buttoncontainer_afterresult {
	display:inline;
	text-align:center;
	margin-bottom:100px;
	margin-top:77px;
	height:75px;
}
.buttoncontainer_afterresult input {
	/*
	background : url(../images/converge_button.png) no-repeat center center;
	*/
	width : 183px;
	height :88px;
	border : none;
	color : transparent;
	font-size : 0;
	margin:0 10px;
}
.buttonwrapper {
	height:75px;
	margin:0 auto 100px auto;
	text-align:center;
}
/* End Buttons Section */