body {
	font-family: Arial, sans-serif;
	padding: 0;
	margin: 0;
}

.clearfix:after {
	content:'';
	display: table;
	width: 100%;
	clear: both;
}

div {
	box-sizing: border-box;
}

header {
	background: 
	url(../img/pattern.png) no-repeat center top / cover,
	url(../img/up.png) no-repeat center top / cover;
	height: 465px;
}

.container {
	width: 920px;
	margin: 0 auto;
}

.light_name_up {
	margin-top: 0px;
	margin-right: 500px;
	float: right;	
}

.logo {
	margin-top: -230px;
	margin-right: 630px;
	float: right;
}

nav {
	float: left;
	margin-top: -510px;
	margin-left: 650px;
}

.menu {
	padding: 0;
	margin: 0;
	display: block;
	margin-top: -50;
}

.menu li {
	float: right;
	display: block;
	margin-right: 25px;
}

.menu a {
	color: #FEFEFE;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold
	text-shadow: 0px 2px 0.6px rgba(0, 0, 0, 0.004);
}


.menu a:hover {
	color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7BD3D9), to(#0E4E78));
}


.line_up {
	float: right;
	margin-top: -140px;
	margin-right: -80px;
}

.light_up {
	float: right;
	margin-top: -139px;
	margin-right: -80px;
}

.window {
	margin-top: -415px;
	margin-right: 0px;
	float: left;
}

.welcome {
	margin-top: -395px;
	margin-left: 28px;
	float: left;
}

.clock {
  width: 175px;
  height: 175px;
  border: solid 10px #333;
  border-radius: 50%;
  position: relative;
  background: rgba(256, 256, 256, 0.25);
  cursor: pointer;
  margin-top: -400px;
  margin-left: 23px;
  float: left;
}

.dot {
  background: red;
  width: 10px;
  height: 10px;
  top: calc(50% - 5px);
  left: calc(50% - 5px);
  display: none;
}

.spire {
  position: absolute;
}

.hour {
  top: calc(50% - 37.5px);
  left: calc(50% - 2.5px);
  width: 5px;
  height: 40px;
  border-radius: 0 0 5px 5px;
  background: #333;
  z-index: 4;
  transform-origin: 2.5px 37.5px;
  transition: transform 2s ease;
}

.min {
  top: calc(50% - 67.5px);
  left: calc(50% - 2.5px);
  width: 5px;
  height: 70px;
  border-radius: 0 0 5px 5px;
  background: rgba(167, 139, 131, 1);
  z-index: 3;
  transform-origin: 2.5px 67.5px;
  transition: transform 1s ease;
}

.sec {
  top: calc(50% - 78.75px);
  left: calc(50% - 1.25px);
  width: 2.5px;
  height: 80px;
  border-radius: 0 0 2.5px 2.5px;
  background: rgba(231, 76, 60, 1);
  z-index: 2;
  transform-origin: 1.25px 78.75px;
  transition: transform .5s ease;
}

.digit {
  position: absolute;
  top: calc(50% - 100px);
  left: calc(50% - 100px);
  width: 200px;
  font: 42px/200px Arial;
  color: rgba(32, 32, 32, 0.6);
  display: none;
  z-index: -10;
}

.clock:hover + .digit {
  display: block;
}

.info {
	margin-top: -190px;
	margin-left: 25px;
	float: left;
}

.shadow_pic {
	margin-top: -435px;
	margin-left: -220px;
	float: right;
}

.image {
	margin-top: -406px;
	margin-right: : -220px;
	float: right;
}

.window_pic {
	margin-top: -200px;
	margin-right: : -220px;
	float: right;
}

.down_switcher {
	margin-top: -725px;
	margin-left: 620px;
	float: left;	
}	

.switcher {
	margin-top: -300px;
	margin-right: : 420px;
	float: right;
	transform: scale(-1, 1) 
}

.switcher2 {
	margin-top: -300px;
	margin-left: 339px;
	float: left;
}

.center {
}

.news {
  	margin-top: -165px;
 	margin-right: 70px;
 	float: right;

}

.lines {
	float: right;
	margin-top: -110px;
	margin-right: -120px;
}

.list {
	width: 920px;
    position: absolute;
    top: 520px;
}

.list2 {
	width: 920px;
    position: absolute;
    top: 370px;
}

.magazines {
	text-decoration: none;
	position: cover;
	width: 300px;
	height: 400px;
	float: left;
	text-align: left;
    vertical-align: bottom;
    padding: 20px;
    display: inline-block;
}

.magazines h1 {
	font-size: 15px;
	margin-bottom: 5px;
	color: #878787;
	vertical-align: bottom;
	text-decoration: none;
}

.magazines p {
	width: 250px;
	margin-right: 10px;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    color: rgb(0, 0, 0);
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	border-radius: 109px 109px 109px 109px;
	-moz-border-radius: 109px 109px 109px 109px;
	-webkit-border-radius: 109px 109px 109px 109px;
	border: 2px solid #dddddd;
    
}

.magazines p:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d0d0d0));
}

.magazines: last-child {
	float: right;
}

.magazines: nth-child(2) {
	margin-left: 60px;
}

.social {
	width: 300px;
    position: absolute;
	margin-top: 780px;
    margin-left: 390px;
}

.social_icons {
	width: 300px;
	position: absolute;
	margin-top: 10px;
	margin-left: -5px;
}

.footerimg {
	float: left;
	width: 1350px;
	margin-top: 140px;
	margin-left: -210px;
   }

.menu_down {
	position: absolute;
	top: 1425px;

}

.menu_down_word {
	padding: 0;
	margin: 0;
	display: block;
	margin-top: -50;

}

.menu_down_word a {
	color: #7bd4df;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold
	text-shadow: 0px 2px 0.6px rgba(0, 0, 0, 0.004);
}

.copyright {
	position: absolute;
	margin-left: 650px; 
	top: 1426px;
	display: block;
	float: right;
	text-align: right;
	white-space: normal;
	color: #7bd4df;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0px 2px 0.6px rgba(0, 0, 0, 0.004);
}