/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
/*
 * Custom Style Sheet - Use this file to style your content
 */

.module .module-title {
font-size: 26px;
line-height: 36px;
text-align: center;
}
.mejs-button.mejs-volume-button.mejs-mute {
    display: none;
}
.mejs-controls div.mejs-horizontal-volume-slider {  
	position: absolute;  
	left: 60px;
	width: auto;
}

#menubar {
margin-top: -48px !important;
}

/*#menu {
float: right !important;
max-width: 860px;
}*/

.mod-languages {
position: relative;
right:10px;
top:10px;
z-index: 99999;
}

img { max-width: 100%; height: auto; vertical-align: middle; }

.donut-front {
  z-index: 5;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@-webkit-keyframes turn {
  to {
    -webkit-transform: rotateY(360deg);
  }
}

@keyframes turn {
  to {
    transform: rotateY(360deg);
  }
}

#dailyfullscreen {
background: none repeat scroll 0 0 rgba(0,0,0,1);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#000000', EndColorStr='#000000');
}

.klubbutton {width: auto; height: auto; text-decoration:none; outline:none;}

.dailyimp {
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	position: absolute;
	bottom: 0px;
	left: 46%;
}

.posdailybut {
	height: 50px;
	text-align: center;
	width: 100%;
	margin: 15px 0px 0px 0px;
	position: absolute;
	bottom: 15px;
}

.copyrightyannt {display: none!important;}

.polling_container_wrapper .powered_by {display: none!important;}

.mod-box.blank { background: none repeat scroll 0 0 transparent; }

.carouselbanner { text-align: center;  text-align: -moz-center; text-align:-webkit-center;}

.banneritem { text-align: center;  text-align:-moz-center;text-align:-webkit-center;}

.jcarousel-skin-tango .jcarousel-container-horizontal { width: auto !important;}


/* Impressum */
.impbox01 {width:250px; float:left; height:auto;margin-bottom: 20px;}
.impbox02 {width:500px; height:auto;margin-bottom: 20px;}
.impbox03 {width:880px; height:250px;margin-bottom: 20px;}

/*Kontaktformular*/
.bfmail a:link, .bfmail a:visited, .bfmail a:hover, .bfmail a:active, {color: #FFFFFF;}
form#ff_form15.bfQuickMode div#bfPage1.bfPage p#bfElemWrap287.bfElemWrap input#ff_elem287.ff_elem {width: 300px !important;}

/* SMS */

label#bfLabel438, label#bfLabel443 { width: 200px;}

button#bfSubmitButton.bfSubmitButton {
	background: rgb(69,72,77); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    color: #FFFFFF;
    float: right;
    margin-top: 7px;
}

input#ff_elem438.ff_elem { width: 225px !important;}

/* per Post */
input#ff_elem287.ff_elem, input#ff_elem417.ff_elem, input#ff_elem404.ff_elem, input#ff_elem405.ff_elem, input#ff_elem409.ff_elem, input#ff_elem410.ff_elem, input#ff_elem407.ff_elem {
	width: 224px !important;
}

div#ff_formdiv17 {margin-left: 90px;}

p#bfElemWrap339.bfElemWrap {float:right; width: 350px;}

p#bfElemWrap379.bfElemWrap {float:right; width: 288px;}

p#bfElemWrap331.bfElemWrap {clear:both;}

.bfElementGroupNoWrap input { width: 20px; height: 20px;}

.nlrequired {color: red;}

.nlemail, .nlvorname, .nlnachname { width: 300px; height: 24px;}

form#frmSS1 div div img {margin-top:5px;}

form#frmSS1 div div input {margin-top:-16px;}

#bfElemWrap295, #bfElemWrap287, #bfElemWrap281, #bfElemWrap280, #bfElemWrap291  {float: left; width: 500px;}

p#bfElemWrap287.bfElemWrap {float: none; width: auto;}

 /**/

.OT_ExtLink:link, .OT_ExtLink:visited, .OT_ExtLink:hover, .OT_ExtLink:active { color: #FFFFFF !important;}

#OT_form { width: 190px !important;}

.OT_wrapper {
    background-color: #F6F6F3;
    border: 2px solid #42382C;
    border-radius: 7px 7px 7px 7px;
    font-family: verdana,arial,helvetica,sans-serif;
    margin: 0;
    padding: 0;
    width: 190px !important;
}

.OT_title {
    color: #0F0F0F;
    font-size: 20px !important;
    font-weight: normal;
    margin: 0;
    padding: 10px 0 0;
    text-align: center;
    width: 190px !important;
}

/* Flex restaurant */

.flex {
    display: -moz-box;
	display:-webkit-box;
	display:box;
    margin: 1em 0;
    padding: 10px 0;
    width: 100%;
}

.flex > div {width: 140px; margin: 0px 8px;}

/*.flex > div p { text-align:center;height: 0px;}*/

.flex > div div {
background: rgb(69,72,77); /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    color: #FFFFFF;
    display: table-cell;
    font-size: 14pt;
    height: 30px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 140px;
	border-radius: 6px;
	box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.03);
}

.flex-2 {
	/* Firefox */
	-moz-box-pack: center;
	-moz-box-orient:horizontal;
	-moz-box-pack:center;
	-moz-box-align:center;
	/* Safari and Chrome */
	-webkit-box-orient:horizontal;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	/* W3C */
	box-orient:horizontal;
	box-pack:center;
	box-align:center;
}

.flex-2 > div + div {margin-left: 2px;}

/* Flex Location */

	.flexloc {
		display: -moz-box;
		display:-webkit-box;
		display:box;
		margin: 1em 0;
		padding: 10px 0;
		width: 100%;
	}

	.flexloc > div {width: 170px;}

	.flexloc > div p { text-align:center;height: 100px;margin:0px !important;}

	.flexloc > div div {
		background: transparent;
		color: #FFFFFF;
		display: table-cell;
		font-size: 10pt;
		height: 30px;
		padding: 5px;
		margin:0px;
		text-align: center;
		vertical-align: middle;
		width: 170px;
		border-radius: 6px;
		box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.1),
					0 0 10px rgba(0, 0, 0, 0.03);
	}

	.flex-2loc {
		/* Firefox */
		-moz-box-pack: center;
		-moz-box-orient:horizontal;
		-moz-box-pack:center;
		-moz-box-align:center;
		/* Safari and Chrome */
		-webkit-box-orient:horizontal;
		-webkit-box-pack:center;
		-webkit-box-align:center;
		/* W3C */
		box-orient:horizontal;
		box-pack:center;
		box-align:center;
	}

	.flex-2loc > div + div {margin-left: 2px;}

/* Flex Getränkekarte */

	.flexkarte {
		display: -moz-box;
		display:-webkit-box;
		display:box;
		margin: 1em 0;
		padding: 10px 0;
		width: 100%;
	}

	.flexkarte > div {width: 200px;}

	.flexkarte > div p { text-align:center;height: 120px;margin:0px !important;}

	.flexkarte > div div {
		background: transparent;
		color: #FFFFFF;
		display: table-cell;
		font-size: 10pt;
		height: 30px;
		padding: 5px;
		margin:0px;
		text-align: center;
		vertical-align: middle;
		width: 200px;
		border-radius: 6px;
		box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.1),
					0 0 10px rgba(0, 0, 0, 0.03);
	}

	.flex-2karte {
		/* Firefox */
		-moz-box-pack: center;
		-moz-box-orient:horizontal;
		-moz-box-pack:center;
		-moz-box-align:center;
		/* Safari and Chrome */
		-webkit-box-orient:horizontal;
		-webkit-box-pack:center;
		-webkit-box-align:center;
		/* W3C */
		box-orient:horizontal;
		box-pack:center;
		box-align:center;
	}

	.flex-2karte > div + div {margin-left: 2px;}

/* Facebook */

html#facebook body {background: none repeat scroll 0 0 transparent !important;}


.fbeventsbox {
	display: block;
    height: 425px;
    overflow: auto;
}

.fbtitel {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 170%;
    margin-bottom: 0;
    margin-top: 10px; /*-6*/
    width: 660px;
}

div.fbmodul div.event img.fbpics {width:100px; height: 100px;}

div.fbmodul  {
	display: block;
    height: 225px;
    overflow: auto;
}

.fbpics {width: 660px; height: auto;}

p.fbtext {
    width: 660px;
    margin-top: 10px;
	overflow: hidden;
}

div.event {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #cccccc;}

/* Tempalte*/
#maininner {margin-bottom: 2%;}

.sidebar-a-left #maininner > #content, .sidebar-b-left #maininner > #content, .sidebar-a-left #maininner > #breadcrumbs, .sidebar-b-left #maininner > #breadcrumbs {
    margin-left: 15px;
	}

.sidebar-a-left #maininner > section, .sidebar-b-left #maininner > section {
    margin-left: 15px;
}

.eventbuttons {
	float:left;
	width:200px;
	line-height:34px;
	margin-left:50px;
	font-size:22px;
	text-align: left;
	height: 170px;
}

.technikbox1 {
	float:left;
	width:300px;
	line-height:20px;
	margin-left:0px;
	font-size:16px;
	text-align: left;
}

.technikbox2 {
	float:left;
	width:260px;
	line-height:20px;
	margin-left:0px;
	font-size:16px;
	text-align: left;
}

.grundbox {
	float: left;
    font-size: 22px;
    line-height: 40px;
    margin-right: 100px;
    text-align: center;
    width: 300px;
}

.contactbox {
	float:left;
	width:300px;
	line-height:26px;
	margin-right: 20px;
	font-size:18px;
	text-align: left;
	min-height: 286px;
}

.box-content.contactbox {margin-top:0px;}

.subline {
	font-size: 36px;
    line-height: 36px;
}

.mod-box-color1 {background: url("../images/module_box_transparency85.png") repeat scroll 0 0 transparent ! important;}

div.content {
    font-size: 11pt;
    font-style: normal;
    font-weight: normal;
	line-height: 20px;
}

#page-body {
	background-attachment: scroll;
    background-image: url("/templates/yoo_subway/images/header_bg.png"), url("/templates/yoo_subway/images/footer_bg.png") !important;
    background-position: top, bottom !important;
    background-repeat:  repeat-x !important;
    background-size: auto !important;
	margin-top: 10px;
}

#footer {
    margin: 10px 0 !important;
	position: absolute;
	bottom: 0px;
	z-index: 10099;
}

#footer .module {width: 980px;}

#totop-scroller {top: 10px !important;}

#headerbar {margin: 0 0 15px;}

#menubar {margin-top: 0;}

/* MENÜ */

.menu-dropdown {margin-bottom: -20px !important;}

.menu-dropdown .dropdown {
    top: 35px !important;
	-webkit-border-radius: 0 0 15px 15px;
	-moz-border-radius:  0 0 15px 15px;
	border-radius:  0 0 15px 15px;
}

:lang(de-de) .menu-dropdown li.level1 {margin: 0 21px;}
:lang(en-GB) .menu-dropdown li.level1 {margin: 0 34px;}

.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
position: relative;
height: 30px;
font-size: 18px;
line-height: 30px;
font-weight: bold;
}

.menu-dropdown a.level2 > span, 
.menu-dropdown span.level2 > span, 
.menu-sidebar a.level1 > span, 
.menu-sidebar span.level1 > span, 
.searchbox, 
.searchbox .results li.result, 
.wk-slideshow-subway-list .nav li {
	font-weight: 700;
	font-size: 18px;
}

footer#footer ul.menu span {
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
}
:lang(en-GB) .menu-line li {
background: none repeat scroll 0 0 transparent !important;
margin: 5px 80px 0 !important;
}
:lang(de-de) .menu-line li {
background: none repeat scroll 0 0 transparent !important;
margin: 5px 80px 0 !important;
}

footer#footer.grid-block div.module ul.menu li.level1 a.level1 {
	font-family: "OpenSansLight";
	-moz-transition: opacity 0.2s linear 0s;
}

#footer .module.icons { padding-bottom: 8px; }

.width25 {
    width: auto !important;
}

#menu .columns4 {
    width: 800px !important;
}

/* SYSTEM */

.backbutton {
	border-bottom: 7px solid transparent;
    border-right: 15px solid #CCCCCC;
    border-top: 7px solid transparent;
    height: 0;
    width: 0;
	line-height: 0;
}

div.backbutton a {margin-left: 25px;}

#system-message dd {
    border-bottom: 3px solid #CCCCCC !important;
    border-top: 3px solid #CCCCCC !important;
    color: #CCCCCC !important;
    margin-left: 0;
    padding: 10px;
}

#system-message dd {color: #CCCCCC !important;}

/* Widgetkit*/

 .mod-box.mod-box-color1 .wk-twitter-single:before {
 	display: block;
 	margin-bottom: 20px;
 	padding-top: 140px;
 	text-align: center;
 	font-size: 36px;
 	line-height: 36px;
 	background: url(../../../images/yootheme/icon_twitter.png) 50% 0 no-repeat;
 	content: "latest tweet";
 }

  .mod-box.mod-box-color1 .wk-twitter-single .content {
  	font-family: Arial, Helvetica, sans-serif;
  	font-style: normal;
  	font-size: 18px;
  	line-height: 27px;
  	min-height: 194px;
  }

.mod-box.mod-box-color1 .wk-twitter-single .content:before,
.mod-box.mod-box-color1 .wk-twitter-single .content:after { content: '"'; }

.wk-content {color:#000000;}
.wk-accordion div.content-wrapper div.content {color:#ffffff;}
.wk-accordion-default .toggler {
    border: 1px solid #FFFFFF;
	background-image: url("../images/tools/box_download_white.png"), url("../images/module_box_transparency75.png")!important;
	background-repeat: no-repeat, repeat;
	background-position: right -4px, left top;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 0 #FFFFFF inset;
    margin-bottom: 10px;
    padding: 7px;
    text-shadow: 0 0 0 #FFFFFF;
}

.adp-directions { color:#000000; background: #eee; }
.adp-summary { color: #ffffff; font-size: 18px; font-weight: bold; }

/*  =================================================



	CSS3 Animation Generator

	Matt Mcnamee - mcnamee.co

	V1.2 2012

	A simple way to generate CSS3 cross browser animations

	http://www.mcnamee.co/labs/css-animation-generator



  ================================================= */

/* ////////////////////////////////////////////////////// */

/* Setup Each Selector */

/* ////////////////////////////////////////////////////// */

.klubimages {
	-webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
	-moz-animation-duration: 4s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-fill-mode: both;
	-o-animation-duration: 4s;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: ease-out;
    -o-animation-fill-mode: both;
	animation-duration: 4s;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
} 

	/* ////////////////////////////////////////////////////// */

	/* Setup .klubimages Keyframes */

	/* ////////////////////////////////////////////////////// */

	@-webkit-keyframes klubimages {
		0% {
			opacity: 0;
		}
		25% {
			opacity: 1;
		}
		100% {
			opacity: 1;
		}
	}
	@-moz-keyframes klubimages {
		0% {
	opacity: 0;
		}
		25% {
			opacity: 1;
		}
		100% {
			opacity: 1;
		}
	}
	@-o-keyframes klubimages {
		0% {
			opacity: 0;
		}
		25% {
			opacity: 1;
		}
		100% {
			opacity: 1;
		}
	}

	@keyframes klubimages {
		0% {
			opacity: 0;
		}
		25% {
			opacity: 1;
		}
		100% {
			opacity: 1;
		}
	}

/* ////////////////////////////////////////////////////// */

/* Add Animation to Selector */

/* ////////////////////////////////////////////////////// */

.klubimages {
	-webkit-animation-name: klubimages;
	-moz-animation-name: klubimages;
	-o-animation-name: klubimages;
	animation-name: klubimages;
}

.element-animation{
  animation: animationFrames ease 1s;
  animation-iteration-count: 1;
  transform-origin: ;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: ;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: ;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: ;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: ;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
  0% {
    left:-1500px;
    top:0px;
    opacity:0;
    transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }

  60% {
    left:30px;
    opacity:1;
  }

  80% {
    left:-10px;
  }

  100% {
    left:0px;
    top:0px;
    opacity:1;
    transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    left:-1500px;
    top:0px;
    opacity:0;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }

  60% {
    left:30px;
    opacity:1;
  }

  80% {
    left:-10px;
  }

  100% {
    left:0px;
    top:0px;
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    left:-1500px;
    top:0px;
    opacity:0;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }

  60% {
    left:30px;
    opacity:1;
  }

  80% {
    left:-10px;
  }

  100% {
    left:0px;
    top:0px;
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
}

@-o-keyframes animationFrames {
  0% {
    left:-1500px;
    top:0px;
    opacity:0;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  60% {
    left:30px;
    opacity:1;
  }
  80% {
    left:-10px;
  }
  100% {
    left:0px;
    top:0px;
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    left:-1500px;
    top:0px;
    opacity:0;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }

  60% {
    left:30px;
    opacity:1;
  }

  80% {
    left:-10px;
  }

  100% {
    left:0px;
    top:0px;
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
}

@media (min-width: 1230px) {
#logo{	margin-left:-54px;}
#menu{	margin-left:40px;}
#header{height:100px;}
}

@media (max-width: 1230px) {
#menu{margin-left:28px;}
}

@media only screen and (max-width: 1024px) {
	#menu {
	float: right !important;
	max-width: 860px;
	padding-bottom: 10px;
	margin-top: -25px;
	}
}