/*26/7/2014*/

#footer-user {
	width: 100%;
	background: #222;
	text-align: left;
	display: block;
	font-size: 100%;
	vertical-align: baseline;
	margin-top: 200px;
	font: 14px/22px 'Open Sans','open-sanslight', Trebuchet MS, Helvetica, Arial, sans-serif;
}
.container {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	display: flex;
}
.col-md-4-alt {
	width: 33.33333333333333%;
	display: block;
}
.footer-div{
	color: #aaa;
	float: left;
	padding: 20px 20px;
}
#footer-mid-col {
	margin-top: 0px;
}
.footer-div p{
	color: #ddd;
}
.footer-div > ul{
	list-style: none;
}
.nLetter > select {
	width: 240px; 
	height: 35px;
	max-height: 35px;
}
.nLetter > input {
	width: 222px; 
	height: 35px;
	max-height: 35px;
	padding: 0px 8px;
}
.nLetter > button {
	width: 240px;
	height: 35px;
	max-height: 35px;
	padding: 10px 0px;
}
.social-icons a{
	display: inline-block;
	color: #fff;
	font-size: 20px;
	padding: 10px;
	background: #555555;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-left: 15px;
}
.fa-gavel {
	padding: 0px 10px;
}
.footer-navi {
	text-align: center;
}
#hr-footer {
	border: solid #474747;
	border-width: 1px 0 0;
	margin: 0px 0px;
	width: 100%;
}

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

.footer-div h4 {
	font-size: 19px;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight: 300;
}
.footer-div p {
	margin: 0 0 20px 0;
	font-size: 15px;
	line-height: 24px;
	font-weight: 300;
	letter-spacing: 0.2px;
}
.footer-div > ul {
	margin-bottom: 21px;
	margin-left: 3px;
}
.footer-div > ul > li {
	line-height: 18px;
	margin-bottom: 14px;
	font-weight: 300;
}
.footer-div > ul > li > a, .footer-div > ul > li > a:visited {
	color: #0093d0;
	text-decoration: none;
	outline: 0;
}
.nLetter > select {
	padding: 5px;
	outline: 0 none;
	border: 1px solid #e5e5e5;
	border-radius: 1px;
	color: #888;
	margin: 0;
	max-width: 100%;
	min-height: 21px;
	display: block;
	margin-bottom: 20px;
	background: #fdfdfd;
}
.nLetter > input {
	border: 1px solid #e5e5e5;
	outline: none;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	color: #888;
	margin: 0;
	max-width: 100%;
	min-height: 21px;
	display: block;
	margin-bottom: 20px;
	background: #fdfdfd;
}
.nLetter > button {
	border-radius: 3px;
	border: 0 none;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 400;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-shadow: 0 -1px rgba(0, 0, 0, .29);
	cursor: pointer;
	margin-bottom: 21px;
	line-height: 1;
	background: #e4744f;
	-webkit-transition: background 0.18s ease;
	-moz-transition: background 0.18s ease;
	-o-transition: background 0.18s ease;
	transition: background 0.18s ease;
}
.nLetter > p {
	margin: 0 0 20px 0;
	font-size: 15px;
	line-height: 24px;
	font-weight: 300;
	letter-spacing: 0.2px;
}
.nLetter > p > a {
	color: #0093d0;
}
.container hr {
	width: auto;
}
.container .footer-navi {
	color: #fff;
	padding: 45px 0;
	width: 100%;
	font-size: 14px;
}

#newsletter-terms h4{
	font-size: 19px; line-height: 30px; margin-bottom: 10px; font-weight: 300;
}
#newsletter-terms p{
	margin: 0 0 20px 0;color: #424242;font-size: 15px;line-height: 24px;font-weight: 300;letter-spacing: 0.2px;
}



@media only screen and (min-width: 480px) and (max-width: 767px) {


	#footer-user .container {
		width: 470px;
		display: inline-block; /*2/8/2014: display: block; */
	}
	#footer-user {
		margin-top: 350px;
	}
	.col-md-4-alt {
		width: 100%;
	}
	.nLetter > select {
		width: 250px; 
	}
	.nLetter > input {
		width: 232px; 
	}
	.nLetter > button {
		width: 250px;
	}
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
	
	#footer-user .container {
		width: 767px;
		display: inline-block; /*2/8/2014: display: block; */
	}
	.container .footer-div {
		width: 740px;
	}
	.container .ft-general-info, .container .ft-newsletter {
		width: 40%;
	}
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {

	#footer-user {
		width: 1199px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px)
	

	#footer-user .container {
		width: 970px;
	}
}



@media only screen and (min-width: 1200px) {

	#footer-user .container {
		width: 1200px;
	}
}