@charset "UTF-8";
body  {
	margin: 0;
	padding: 0px;
	text-align: center;
	background-color: #fff;
	background-image: url(img/bkg_desktop.gif);
	background-position:top center;
	background-repeat:no-repeat;
	-webkit-background-size: 2200px 1242px;
}

a{
	text-decoration:none;
	}
	
.template #container {
	width: 1200px;
	margin: 0 auto;
}
.template #header {
	text-align: left;
	width: 1200px;
	height:578px;
	padding: 57px 0px 0px 405px;
}
.container-logo {
	text-align: left;
	width: 367px;
}
.template #mainContent {
	text-align: center;
	width: 1176px;
	padding: 0px 0px 40px 24px;
}
.logo {
	padding-bottom:59px;
	display:block;
}
.tagline {
	padding-left:101px;
	display:block;
}
.container-contact {
	text-align: left;
	float:left;
	padding-left:43px;
}
.name-contact {
	font: 15px/19px 'Open Sans', sans-serif;
	font-weight: 700;
	color: #000;
	text-transform:uppercase;
}
.text-contact {
	font: 15px/19px 'Open Sans', sans-serif;
	font-weight: 300;
	color: #000;
}
.text-contact a {
	text-decoration:none;
	color: #000;
}
.text-contact a:hover {
	text-decoration:none;
	color: #838383;
}
@font-face {
    font-family: 'socicon';
    src: url('fonts/socicon-webfont.eot');
    src: url('fonts/socicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/socicon-webfont.woff') format('woff'),
         url('fonts/socicon-webfont.ttf') format('truetype'),
         url('fonts/socicon-webfont.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
}
.socicons {
	text-align:center;
}
.socicon {
  color:#fff;
  background-color:#000;
  font-family: 'socicon';
  font-style: normal;
  font-weight: normal;
  font-size:16px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  padding:5px;
  margin-left:1px;
  margin-right:1px;
  	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}
.socicon:hover {
  background-color:#000;
  text-decoration:none;
}
.socicon:empty{
    width: 1em;
}
.spacer{
	clear:both;
	}
#text-center{
	text-align:center;
	}
	
@media screen and (max-width: 1200px) {
.template #container {
	width: 767px;
	margin: 0 auto;
}
.template #header {
	text-align: left;
	width: 577px;
	height:578px;
	padding: 57px 0px 0px 190px;
}
.template #mainContent {
	text-align: center;
	width: 743px;
	padding: 0px 0px 10px 34px;
}
.container-contact {
	padding-bottom:30px;
}
}
@media screen and (max-width: 767px) {

body  {
	background-image: none;
}

.template #container,
.template #header,
.template #mainContent,
.container-contact,
.container-logo {
	height:auto;
	margin-left:12px;
	margin-right:12px;
	padding:0px 24px 0px 0px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		width:100%;
		max-width:100%;
}
.container-logo {
	padding-top : 30px;
}
.container-contact {
	padding-bottom : 20px;
}
.logo {
	padding-bottom:50px;
	padding-left:0;
	padding-right:0;
	width:100%;
	height:auto;
}
.tagline {
	padding-bottom:40px;
	padding-left:0;
	padding-right:0;
	width:100%;
	height:auto;
}
#text-center{
	text-align:left;
	margin-left:24px;
	clear:both;
	}
.socicons {
	float:left;
	margin-left:24px;
	padding-bottom:20px;
	padding-top:20px;
}
.text-contact {
	font: 15px/17px 'Open Sans', sans-serif;
	font-weight: 300;
}

}