@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&subset=latin-ext);

* {
    border: none;
    margin: 0;
    
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition:  all 200ms linear;
}
.w-a,.w-a-ch * {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.a,.a-b,a-ch * {
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition:  all 200ms linear;
}
body {
    font-family: 'Source Sans Pro', sans-serif;
    color: #000;
    background: #fff;
}
h1,h2,h3,h4 {
    
}
.clearfix {
    clear: both;
}
a, a:visited {
    text-decoration: none;
    color: #e40e13;
}
a:hover {
    text-decoration: underline;
}
.container {
    width: 940px;
    margin: 0 auto;
}
#header {
	position: relative;
	height: 146px;
}
#header:before,#header:after {
	position: absolute;
	bottom: 30px;
	z-index: 0;
	width: 50%;
	height: 20px;
	content: ' ';
	display: block;
}
#header:before {
	left: 0;
	background: #e40e13;
}
#header:after {
	right: 0;
	background: #004884;
}
#logo {
	text-align: center;
	margin: 0 auto;
	position: relative;
	z-index: 999;
}
#logo .logo {
	display: inline-block;
	background: #fff;
	padding: 16px 18px;
}
#logo img {
	display: block;
	margin: 0 auto;
}
#header-link {
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px 0px;
}
.baner {
    float: left;

    width: 300px;
    margin: 0px 20px 20px 0px;
}
.baner:nth-child(3n+3) {
	margin-right: 0;
}
.baner .baner-image {
    display: block;

    position: relative;
}
.baner .baner-image img {
    display: block;

}
.baner .baner-title {
    position: absolute;

    bottom: 50px;
    background-color: #e40e13;
    width: 100%;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    padding: 12px 0px;
    box-sizing: border-box;
    border-top: 1px solid #e40e13;
    border-bottom: 1px solid #e40e13;
}
.baner .baner-image:hover .baner-title {
	color: #e40e13;
	background: #fff;
}
.baner .baner-content {
    text-align: center;

    font-weight: 600;
    font-size: 13px;
    color: #282828;
    line-height: 22px;
    margin-top: 14px;
}
.baner .baner-content  p {

}
#content {
	position: relative;
}
#content .container {
	position: relative;
}
#socialbutton {
	position: absolute;
	bottom: 32px;
	right: -56px;
}
#socialbutton img {
	display: block;
	margin: 0 auto;
}