body {
  margin:0 0 0 0;
  padding:0 0 100px 0;
  font:16px 'Titillium Web', arial, verdana, sans serif;
  text-align:center;
  color:#000;
  line-height:1em;
  background:#151515;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center top;
  -webkit-text-size-adjust:none;
}
a.to-home {
  margin:60px 0 0 0;
	width:280px;
	position:absolute;
}
a.to-home span {
  display:none;
}
a.to-home img {
  width:100%;
}


.mobile-only {
	display:none!important;
}

/**** layout **********************************************************/

div.screen {
	text-align:left;
	background:white;
}
div.page-bg {
	text-align:left;
	background:url(../img/bg.png) no-repeat bottom center white;
}


div.page {
	padding:80px 0 80px 0;
}
div.page-in {
	padding:0 0 0 140px;
}

.content-width {
	display:block;
	width:1380px;
	height:auto;
	margin:0 auto 0 auto;
	z-index:5;
}


/*** topbar ***/
.topbar {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:5;
	background:white;
}
.topbar-in {
	padding:10px 0 10px 0;
	display:flex;
}
.topbar a {
	text-decoration:none;
	font-size:12px;
	display:flex;
	margin:0 30px 0 0;
	align-items:center;
	text-align:left;
	font-weight:normal;
}
.topbar img {
	width:22px;
	height:22px;
	margin:0 10px 0 0;
}

/*** head ***/
div.head {
	position:relative;
}
div.head-in {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
}

/**** slider **********************************************************/

.slider {
	position:relative;
	height:100vh;
	overflow:hidden!important;
}
.nohome .slider {
	height:200px;
}
.slider-shadow {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	height:100vh;
	width:100%;
	background-color:rgba(0,0,0,0.3);
	background-position:center top;
	background-size:cover;
	background-image:url(../img/head_shadow.png);
}
.slider-shadow2 {
	background-color:rgba(0,0,0,0);
}
.slider-in {
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:2;
}
.slider-in .slider-in-in {
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:1;
	overflow:hidden;
}
.slider-in .slider-in-in .slide {
	height:100%;
	width:100%;
	background-position:center center;
	-webkit-background-size:cover!important;
	-moz-background-size:cover!important;
	-o-background-size:cover!important;
	background-size:cover!important;
	overflow:hidden!important;
	position:relative;
	overflow:hidden;
	z-index:2;
}
.slide img {
	display:inline-block;
}
.slide img.slide-img {
	display:none;
}
.slide img.slide-arr-r, .slide img.slide-arr-l {
	display:inline-block;
	margin:0 30px 0 0;
	vertical-align:middle;
}
.slide img.slide-arr-r {
	margin:0 0 0 30px;
}
.slider-cat {
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	left:0;
	top:55%;
	color:rgba(255,255,255,1);
	text-align:center;
	font-size:50px;
	line-height:1em;
	z-index:5;
	font-weight:300;
	font-family: 'BebasNeueBook';
	padding:0 50px 0 50px;
}
.slider-cat strong {
	font-weight:700;
}

/* pager */
.cycle-pager {
	text-align:center;
	width:100%;
	z-index:500;
	position:absolute;
	top:55%;
	left:50%;
	margin:70px 0 0 -75px;
	overflow:hidden;
	width:150px;
}
.cycle-pager span {
	width:14px;
	height:14px;
	display:inline-block;
	cursor:pointer;
	border:2px solid rgba(255,255,255,1);
	border-radius:50%;
	margin:0 2px 0 2px;
}
.cycle-pager span.cycle-pager-active {
	background:#E30522;
}
.cycle-pager > * {
	cursor:pointer;
}

.nohome .slider-cat, .nohome .cycle-pager {
	display:none;
}

/*** showmenu ***/
div.canvas {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.7);
	z-index:100;
	overflow:hidden;
	visibility:hidden;
  opacity:0;
  transition:visibility 0s 2s, opacity 0.5s linear;
}
div.canvas.act {
	visibility:visible;
  opacity:1;
  transition:opacity 0.5s linear;
  display:none;
}
.mobile-down {
  display:block;
}
a.showmenu {
	display:none;
	position:relative;
	cursor:pointer;
	text-decoration:none;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#FFFFFF;
	box-shadow:rgba(0,0,0,0.1) 0 5px 10px;
}
a.showmenu span {
	display: block;
  width:16px;
	height:2px;
	background:#000;
	position:absolute;
	left:12px;
	
	-webkit-transition: -webkit-transform 0.2s ease-in-out, top 0.2s ease-in-out 0.2s, opacity 0.20s ease-in-out 0.2s;
  -moz-transition: -moz-transform 0.2s ease-in-out, top 0.2s ease-in-out 0.2s, opacity 0.20s ease-in-out 0.2s;
  transition: transform 0.2s ease-in-out, top 0.2s ease-in-out 0.2s, opacity 0.20s ease-in-out 0.2s;
	-webkit-transform-origin: center;
  -moz-transform-origin: center;
  transform-origin: center;
}
a.showmenu span.showmenu-top {
	top:13px;
}
a.showmenu span.showmenu-middle {
	top:19px;
}
a.showmenu span.showmenu-bottom {
	top:25px;
}



a.showmenu.act:after {
  border-right: 7px solid #000;
}
a.showmenu.act span {
	-webkit-transition: -webkit-transform 0.2s ease-in-out 0.2s, top 0.20s ease-in-out, opacity 0.20s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out 0.2s, top 0.20s ease-in-out, opacity 0.20s ease-in-out;
  transition: transform 0.2s ease-in-out 0.2s, top 0.20s ease-in-out, opacity 0.20s ease-in-out;
}
a.showmenu.act span.showmenu-top, a.showmenu.act span.showmenu-middle {
	top: 19px;
	-webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
}
a.showmenu.act span.showmenu-middle {
	opacity: 0;
}
a.showmenu.act span.showmenu-bottom {
	top: 19px;
	-webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  transform: rotate(225deg);
}


/*** menu ***/
div.menubar {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background:#E40421;
	z-index:99;	
}

div.menubar-in {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
div.menubar ul {
	display:flex;
}
div.menubar ul li {
	padding:0 0 0 0;
	position:relative;
}
div.menubar ul li a {
	padding:20px 40px 20px 40px;
	display:inline-block;
	color:white;
	font-family:'BebasNeue';
	font-size:26px;
	text-align:center;
	font-weight:bold;
	position:relative;
	border-right:1px solid #C5031D;
}
div.menubar ul li:first-child a {
	border-left:1px solid #C5031D;
}
div.menubar ul li a:hover {
	text-decoration:none;
	background:#C5031D;
}
div.menubar ul li a img {
	display:block;
	margin:0 auto 20px auto;
	height:26px;
}
div.menubar ul li.act a {
	background:#000;
}

div.login {
	color:white;
	font-family:'BebasNeueBook';
	font-size:22px;
	font-weight:300;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
div.login a {
	color:white;
	font-weight:300;
}
div.login img {
	margin:0 0 0 20px;
	height:26px;
}



/*** loga ***/
div.loga {
	display:flex;
	justify-content: space-between;
	align-items:center;
}
div.loga a {
	flex: 1 1 auto;
	margin:0 40px 0 0;
}
div.loga a:last-child {
	margin:0 0 0 0;
}
div.loga img {
	display: block;
	max-width: 100%;
	max-height: 40px;
}


/*** foot ***/
div.foot {
	background:#151515;
}
div.foot-in {
	padding:40px 0 30px 0;
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:#909090;
} 
div.foot-in a {
	font-weight:normal;
	color:#909090;
}
div.foot-in img {
	width:180px;
}
div.foot-in .copy {
	text-align:right;
	font-size:12px;
	line-height:1.5em;
}