/* average-sans-regular - latin */
@font-face {
  font-family: 'Average Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/average-sans-v16-latin/average-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/average-sans-v16-latin/average-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/average-sans-v16-latin/average-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/average-sans-v16-latin/average-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/average-sans-v16-latin/average-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/average-sans-v16-latin/average-sans-v16-latin-regular.svg#AverageSans') format('svg'); /* Legacy iOS */
}

/* ==========================================================================
   Homepage styles
   ========================================================================== */

body {
	  background: url(../img/backgrounds/docomo_office.jpg) no-repeat top center fixed;
	  color: #000;
	  background-size: cover;
	  -webkit-background-size: cover;
		-moz-background-size: cover;
			-o-background-size: cover;

}

.box_shadow {
	-webkit-box-shadow:  2px 2px 5px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow:  2px 2px 5px rgba(0, 0, 0, 0.4);
			box-shadow:  2px 2px 5px rgba(0, 0, 0, 0.4);
}

.col1, .col2, .col3 {
	width: 310px;
	margin: 0 30px 0 0;
	float: left;
}

.col3 {
	margin: 0;

}

.homepage h1 {
	color: #ba273a;
}

.homepage li {
	width: 280px;
	height: 166px;
	background: url(../img/homepage/teaser_background.jpg) no-repeat bottom right;
	padding: 10px 15px;
	margin: 0 0 30px 0;
	overflow: hidden;

	-webkit-box-shadow:  2px 2px 5px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow:  2px 2px 5px rgba(0, 0, 0, 0.4);
			box-shadow:  2px 2px 5px rgba(0, 0, 0, 0.4);
}

.homepage a {
	font-size: 20px;
	font-weight: 700;
	color: #000;
}

.info {
	width: 80px;
	font-size: 11px;
	line-height: 11px;
	margin: 0 0 10px 0;
}

.blog-teaser-link:before {
	content: '> ';
}

footer {
	width: 100%;
	min-width: 990px;
	height: 300px;
	background: #dfdfdf;
	margin: 0;
	padding-top: 30px;
}

footer h2 {
	font-family: 'Average Sans', sans-serif;
	color: #ba273a;
}

footer hr {
	border-top: 2px solid #5f5f5f;
}

footer p,
footer li{
	font-family: 'Average Sans', sans-serif;
	font-size: 15px;
	color: #5f5f5f;
}

footer ul {
	width: 198px;
	float: left;
}

footer .blog {
	width: 93px;
	float: right;
}

footer hr {
	width: 100%;
	border-color: #5f5f5f;
}

.quicklinks_footer {
	float: left;
	width: auto;
}

.quicklinks_footer li{
	float: left;
	margin: 0 25px 0 0;
}

.page-header {
  margin: 0 0 20px 0;
}

.page-header .logo {
	width: 310px;
	height: 100px;
	margin: 0 0 30px 0;
	background: url(../img/homepage/logo_docomo.jpg) no-repeat top center;
}

.page-header .clock {
    width: 310px;
    height: 33px;
    background: url('../img/backgrounds/clock.jpg') no-repeat 10px 6px #FFF;
    position:relative;
    text-transform:uppercase;
    color:#5f5f5f;
	font-family: 'Average Sans', sans-serif;
    font-size:94%;
}
.page-header .localtime {
    float:left;
    margin:2% 0 0 14%;
    width:50%;
    border-right:solid 2px #565655;



}
.page-header .contact {
    float:left;
    background: url('../img/backgrounds/phone.jpg') no-repeat 12px 8px #FFF;
    padding:6px 0 0 38px;
    color:#5f5f5f;
    font-size:100%;
    font-weight:normal;
}

#dateAndTime {

}

ul {
	list-style: none;
	margin: 0;

}

#people_teaser {
	background: url(../img/homepage/teaser_people.jpg) no-repeat bottom right;
}

#red_teaser {
	background: #b9273a;
}

#red_teaser  h1{
	color: #FFF;
}

#double_teaser {
	background: #dfdfdf;
	height: 382px;
}

#double_teaser  p {
	margin: 5px 0;
}

#socialshareprivacy{
	background: #dfdfdf;
	padding: 0;
	width: 476px;
}


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

	.container{
		width: auto;
		margin: 0 10px;
	}
	.page-header,
	.content,
	footer,
	.col1,
	.col2,
	.col3{
		position: relative;
		width: auto;
		float: none;
		height: auto;
		margin: 0;
	}

	footer {
		min-width: 100%;
	}

	#double_teaser{
		height: auto;
	}

	.page-header{
		margin-bottom: 10px;
	}

	.page-header .clock{
		width: auto;
	}

	.page-header .logo{
		background-color: #FFF;
		margin-bottom: 10px;
		max-width: 100%;
		width: 160px;
		height: 60px;
				background-size: 100%;

	}

	.homepage li{
		width: auto;
		background-color: #dfdfdf;
	}

	.invisible{
		display: none;
	}

	.social_share_privacy_area .settings_info{
		margin: 5px 0 5px 30px;
	}

	.quicklinks_footer{
		width: 120px;
		float: left;
	}

}

@media screen and (max-width: 800px) {
	.home > #socialshareprivacy,
	.social_share_privacy_area{
		width: auto !important;
		height: auto !important;
	}
	#socialshareprivacy ul li{
		float: none;
	}
	.home > #socialshareprivacy{
		margin: 0;
		margin-bottom: 10px;
		float: right;
		width: 50%;
		position: relative;
	}
}