html,body {
	margin:0;
	padding: 0;

	font-family:Arial,Helvetica,sans-serif;
	font-size: 11pt;
}

h4 {
	margin-bottom: 0;
}

a img {
	border: none;
}

div.csc-textpic-border div.csc-textpic-imagewrap img {
	border: 2px solid #bec1c1;
	padding: 0px 0px;
}
figcaption.csc-textpic-caption {
	display: inherit;
	font-size: 10pt;
	padding-top: 2px;
}

.clear {
	clear: both;
	height: 0px;
}

a.colorbox-linkelement {
	display: block;
	text-decoration: none;
	color:#000;
}

h1#pagetitle {
	position: absolute;
	top: -99999px;
	left: -99999px;
}

#content {
	/*padding: 0 30px;*/
	/*padding: 10px 33px 0 35px;*/
	padding: 10px 3px 0 35px;
}

#page {
	width: 994px;
	margin-left: 5px;
}

/*page popup style*/
#page.popup {
	width: 881px;
}
#page.popup #container {
	margin-left: 0;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


#vsfwimp {
	width: 115px;
	height: 115px;
	position: absolute;
	left:5px;
	top:5px;
	z-index:5;
}
#vsfwimp img {
	border: none;
}

#sideextension {
	position: absolute;
	left: 5px;
	/*top: 280px;*/
	top: 277px;
	z-index:5;
	/*width: 115px;*/
	/*margin-top: 7px;*/

	margin-top: 10px;
}
#sideextension ul.navext {
	list-style: none;
	list-style-position: outside;
	
	width: auto;
	height: 27px;
	padding-left: 0;
	margin: 0;

	float:right;
	white-space: nowrap;

	text-align: right;
}
#sideextension ul.navext li {
	float: left;
	height: 100%;
	margin-left: 2px;
	padding: 0 3px;

	background-color: #72797a;
	vertical-align: bottom;
	color: #fff;
	vertical-align: middle;
}
#sideextension ul.navext li img {
	margin-top: 2px;
}
#sideextension ul.navext li span {
	vertical-align: middle;
	line-height: 27px;

	font-size: 10pt;
	padding: 0 2px;
}
/*#sideextension ul.navext li span a:before {
	content: "\003e\00a0 ";
	text-decoration: none;
}*/
#sideextension ul.navext li a {
	color: #fff;
}

#sideextension #search {
	margin-top: 70px;
}
#sideextension #search input {
	/*width: 100px;*/
	width: 75px;
	padding-left: 25px;

	background-image: url(/fileadmin/templates/images/search.png);
	background-repeat: no-repeat;
	background-position: 2px center;

	float: right;
	margin-right: 8px;

	outline: none; /* remove webkit outline */

	border: 1px solid #bbbbbb;
	height: 20px;
}
#sideextension #search input:focus,
#sideextension #search input:hover {
	box-shadow: 0 0 5px #bbbbbb;
}
#sideextension #search input.searchsubmit {
	/*background-image: url(/fileadmin/templates/images/search.png);*/
	background-image: none;
	position: absolute;
	height: 22px;
	margin-top: 1px;
	/*left: 10px;*/
	left: 1px;
	padding-left: 0;
	width: 20px;
	text-indent: -5000px;
	background-color: transparent;
	border: none;
	outline: none;
	box-shadow: none;
	cursor:pointer;
}
#sideextension #search select.searchfilter {
	margin-top: 10px;
	width: 102px;

	background: white;
	border: 1px solid #bbbbbb;
	color: #2b2b2b;
	font-size: 12px;
	outline: none;
	padding: 0.2em 0.3em 0.2em 0.4em;
	margin-right: 8px;
	float: right;
	clear: both;
}

.tx-kesearch-pi1 a.next, .tx-kesearch-pi1 a.prev {
	text-indent: -5000px;
}

.tx-kesearch-pi1 #kesearch_results .result-list-item-type-file b a,
.tx-kesearch-pi1 #kesearch_results .result-list-item-type-forum b a {
	color: #e53517;
}


#headnav {
	
	/*background-image: url(/fileadmin/inhalte/banner/home.jpg);*/
	background-repeat: no-repeat;

	width: 881px;
	height: 277px;

	overflow: hidden;
}

/* hide mobile special elements*/
img#bannerimg {
	display: none;
}
#mobilenav {
	display: none;
}

#container {
	width: 881px;

	padding-top: 5px;

	margin-left:113px;

	-webkit-box-shadow: 0px 0px 10px #828282;	/* webkit browser*/
	-moz-box-shadow: 0px 0px 10px #828282;	/* firefox */
	box-shadow: 0px 0px 10px #828282;

	position: relative;
	z-index: 10;
}
/* --------------------
  main navigation bar
-------------------- */
#navbar {
	clear:both;
	font-size: 11pt;

	/*margin-bottom: 54px;*/
	margin-bottom: 37px;
}
#navbar ul.nav {
	list-style: none;
	list-style-position: outside;
	/*background-color: #72797a;*/
	background-color: #72797a;
	width: auto;
	height: 27px;
	padding-left: 0;

	margin: 5px 0;
}
#navbar ul.nav li {
	float: left;
	height: 100%;

}
#navbar ul.nav li a {
	display: block;
	/*height: 100%;*/
	padding: 0 13px;

	height: 27px;

	/*margin-right: 5px;*/
	color: #fff;
	text-decoration: none;


	background: url(/fileadmin/templates/images/navline.gif) no-repeat;
	background-position: center left;

	outline: none; /* remove webkit outline */
}
#navbar ul.nav li a span {
	vertical-align: middle;

	height: 27px;
	display: table-cell;
}
#navbar ul.nav li a:hover,
#navbar ul.nav li a:active,
#navbar ul.nav li a:focus {
	text-decoration: underline;
}
#navbar ul.nav li.active a {
	background-color: #fff;
	color: #e53517;
	font-weight: bold;
}
/* remove line for first menu element */
#navbar ul.nav li.first a {
	background-image: none;
}
/* remove line between menupoints for element after active */
#navbar ul.nav li.active + li a {
	background-image: none;
}

/* ------------------------
  header tab navigation bar
------------------------ */
#headernavtabs {
	width: 100%;

	height: 277px;
	overflow: hidden;
}
#headernavtabs .headernavtabhover {
	height: 100%;
	float: left;
}
#headernavtabs .headernavtab {
	width: 291px;
	margin-left: 4px;
	float: left;

	height: 277px;

	overflow: hidden;
	position: relative;
	top: 0;

	background: rgb(255, 255, 255);
	background: transparent\9; /* IE 8 bg alpha hack*/
	background-color: rgba(255, 255, 255, 0.85);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E1FFFFFF,endColorstr=#E1FFFFFF); /* IE 8 bg alpha hack*/
    	zoom: 1; /* IE 8 bg alpha hack*/
}
#headernavtabs .headernavtab:nth-child(n) { /* dont use bg alpha hack in IE >9 */
    filter: none;
}
#headernavtabs .headernavtab.first {
	margin-left: 0;
}
#headernavtabs .headernavtab a {
	outline: none; /* remove webkit outline */
}
#headernavtabs .headernavtab a.boxtitle {
	display: block;
	height: 47px;

	text-decoration: none;
	font-size: 14pt;
	/*color: #717878;*/
	background-color: #72797a;
	color: #fff;

	font-family: 'Noto Sans';
}
#headernavtabs .headernavtab a.boxtitle span {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 11px 0;
}
#headernavtabs .headernavtab.closed {
	top: 230px;
	height: 47px;
}
#headernavtabs .headernavtab a.boxtitle.closed {
	color: #72797a;
	background-color: transparent;
}
/* first level */
#headernavtabs .headernavtab ul.headersubnav {
	padding-left: 0;
	list-style: none;
	list-style-position: inside;

	margin: 15px 0 0 5px;
}
#headernavtabs .headernavtab ul.headersubnav li {
	padding-left: 15px;
}
#headernavtabs .headernavtab ul.headersubnav li a {
	font-size: 14pt;

	color: #72797a;
	text-decoration: none;
}
#headernavtabs .headernavtab ul.headersubnav li.active a,
#headernavtabs .headernavtab ul.headersubnav li a:hover,
#headernavtabs .headernavtab ul.headersubnav li a:focus {
	color: #e53517;
}
#headernavtabs .headernavtab ul.headersubnav li.active {
	background: transparent url(/fileadmin/templates/images/list.png) left 7px no-repeat;
}
/* second level */
#headernavtabs .headernavtab ul.headersubnav li.active ul.headersubnav li a {
	color: #72797a;
}
#headernavtabs .headernavtab ul.headersubnav li.active ul.headersubnav li.active a,
#headernavtabs .headernavtab ul.headersubnav li.active ul.headersubnav li a:hover,
#headernavtabs .headernavtab ul.headersubnav li.active ul.headersubnav li a:focus {
	color: #e53517;
}
#headernavtabs .headernavtab ul.headersubnav ul.headersubnav li.active {
	background-size: 6px 6px;
}
#headernavtabs .headernavtab ul.headersubnav ul.headersubnav {
	margin-top: 0;
}
#headernavtabs .headernavtab ul.headersubnav ul.headersubnav li {
	margin-bottom: 4px;
}
#headernavtabs .headernavtab ul.headersubnav ul.headersubnav li a {
	font-size: 11pt;
}

/* --------------------
  sub navigation
-------------------- */
#navbar ul.nav li.active ul.nav {
	position: absolute;
	left: 0;
	/*width: 868px;*/

	margin: 0 0 0 13px;

	background-color: #fff;
}
#navbar ul.nav li.active ul.nav li a {
	/*color: #717878;*/
	color: #72797a;
	font-weight: normal;
	background: url(/fileadmin/templates/images/subnavline.gif) no-repeat;
	background-position: center left;
}
#navbar ul.nav li.active ul.nav li.active a {
	color: #000;
	font-weight: bold;
	background: url(/fileadmin/templates/images/subnavline_active.gif) no-repeat;
	background-position: center left;
}

#content footer {
	clear: both;
}
#content footer ul.footernav {
	list-style: none;
	list-style-position: outside;
	clear: both;

	/*height: 30px;*/
	height: 27px;

	margin: 10px 0 0 0;
	padding: 10px 0;
}
#content footer ul.footernav li {
	float: left;
}
#content footer ul.footernav li a {
	/*color: #717878;*/
	color: #72797a;
	font-weight: normal;
	background: url(/fileadmin/templates/images/subnavline.gif) no-repeat;
	background-position: center left;

	padding: 0 10px;

	text-decoration: none;

	outline: none; /* remove webkit outline */
}
#content footer ul.footernav li a:hover,
#content footer ul.footernav li a:active,
#content footer ul.footernav li a:focus,
#content footer ul.footernav li.active a {
	text-decoration: underline;
}
/* remove line for first menu element */
#content footer ul.footernav li.first a {
	background-image: none;
	padding-left: 0;
}

/* --------------------
  content elements
-------------------- */

/* multicolumn */
.row-fluid {
	width: 100%;
	clear: both;
	display: inline-block;
}
.row-fluid .c33 {
	width: 33%;
}
.row-fluid .c20 {
	width: 20%;
}
.row-fluid .c20,
.row-fluid .c33,
.row-fluid .c50,
.row-fluid .c66 {
	float: left;
}
.row-fluid .c20 .ccontent,
.row-fluid .c33 .ccontent,
.row-fluid .c50 .ccontent,
.row-fluid .c66 .ccontent {
	/*padding: 0 10px;*/
	/*padding: 0 15px;*/
	padding-right: 20px;

	min-height: 1px;
}

.row-fluid.row5 {
	padding-right: 20px;
	box-sizing: border-box;
}
.row-fluid.row5 .ccontent {
	/*padding: 0 10px;*/
	padding-right: 10px;
}

.row-fluid .c20 {
	width: 20%;
}
.row-fluid .c33 {
	width: 33%;
}
.row-fluid .c50 {
	width: 50%;
}
.row-fluid .c66 {
	width: 66%;
}

.row-fluid .cfirst > .ccontent {
	/*padding-left: 0;*/
}
.row-fluid .clast > .ccontent {
	/*padding-right: 0;*/
}


.row-fluid .row-fluid .cfirst .ccontent {
	padding-right: 15px;
}
.row-fluid .row-fluid .clast .ccontent {
	padding-left: 15px;
	padding-right: 0;
}


/* general content */
#content h2 {
	margin:0;
	margin-bottom: 10px;
	color: #e53517;

	/*font-size: 18pt;*/
	/*font-size: 16pt;*/
	font-size: 15.3pt;
	font-weight: normal;
}
#content h3 {
	/*color: #aaaeae;*/
	color: #72797a;
	font-size: 16pt;
	font-weight: normal;
	margin-top: 0;
}
#content p {
	margin-top:0;
	margin-bottom: 16px;
	line-height: 14pt;
	
	margin-right: 20px;
}
#content .row-fluid p {
	margin-right: 0;
}
#content p a,
#content a p {
	color: #000;
}
#content p .important,
#content p .important a {
	color: #e43117;
	font-weight: bold;
}
#content ul li .important,
#content ul li .important a {
	color: #e43117;
	font-weight: bold;
}
#content p .notsoimportant,
#content p .notsoimportant a,
#content ul li .notsoimportant,
#content ul li .notsoimportant a {
	color: #e43117;
	font-weight: normal;
}
#content p .detail,
#content p .detail a{
	color: #72797a;
	font-weight: bold;
}

/* content color boxes */
/* -- general style */
#content .boxelement {
	width: 100%;

	-webkit-box-shadow: 0px 0px 5px #828282;	/* webkit browser*/
	-moz-box-shadow: 0px 0px 5px #828282;	/* firefox */
	box-shadow: 0px 0px 5px #828282;

	/*padding-bottom: 10px;*/
	margin-bottom: 10px;

	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#content .boxelement .csc-header-colorbox {
	width: 100%;
	background-color: #72797a;
}
#content .boxelement .csc-header-colorbox h2 {
	color: #fff;
	margin: 0;
	vertical-align: middle;

	/*padding: 10px;*/
	padding: 7px;
	padding-left: 15px;

	font-family: 'Noto Sans';
}
#content .boxelement .boxcontent {
	/*padding: 10px 10px 1px 15px;*/
	padding: 15px 20px 5px 20px;
}
#content .boxelement .boxcontent h2 {
	/*font-size: 16pt;*/
	font-size: 15pt;
}
/* box special content styles */
#content .boxelement .boxcontent h3,
#content .boxelement .boxcontent h4 {
	color: #717879;
	margin-top: 0;
	margin-bottom: 15px;
}
#content .boxelement .boxcontent h3 {
	/*font-size: 16pt;*/
	font-size: 15pt;
}
#content .boxelement .boxcontent h4 {
	/*font-size: 17pt;*/
	font-size: 16pt;
}
#content .boxelement .boxcontent {
	font-size: 10pt;
}

/* -- content color boxes differences */
#content .boxelement.greybox .csc-header-colorbox,
#content .boxelement.greybox .csc-header-colorbox h2 {
	background-color: #72797a;
	color: #fff;
}
#content .boxelement.yellowbox .csc-header-colorbox,
#content .boxelement.yellowbox .csc-header-colorbox h2 {
	background-color: #faba00;
	color: #fff;
}
#content .boxelement.redbox .csc-header-colorbox,
#content .boxelement.redbox .csc-header-colorbox h2 {
	background-color: #e53517;
	color: #fff;
}

/* list elements */
/*#content ul {
	list-style: none;
	padding-left: 15px;
}
#content ul li {
	margin-bottom: 15px;
}
#content ul li:before {
	content: "> \0020";
}*/

#content .csc-default ul {
	list-style-image: url(/fileadmin/templates/images/list.png);
	padding-left: 15px;
	list-style-position: outside;
}
#content .csc-default ul li {
	/*margin-bottom: 10px;*/
	margin-bottom: 5px;
}
#content .csc-default ul li a {
	/*font-weight: bold;
	color: #e53517;*/
	color: #000;
}
#content .csc-default ul li a.important {
	font-weight: bold;
	color: #e53517;
}


/* produkt boxes*/
#content .produktbox {
	background-repeat: no-repeat;
	background-size: 100% auto;

	/*height: 130px;*/
	height: 150px;

	overflow: hidden;

	/*border: 1px solid #bbbebe;*/
	border: 1px solid #72797a;
}
#content .produktbox .produktboxdesc {
	position: absolute;
	font-size: 10pt;
	padding: 5px 0 0 5px;

	color: #e53517;
}
#content .produktbox .produktboxmenu {
	/*background-color: #fff;*/

	background-color: rgb(114, 121, 122);
	background-color: rgba(114, 121, 122, 0.85);

	/*height: 130px;*/
	height: 150px;

	padding: 0 5px 5px 5px;

	position: relative;
	/*top: 0;*/
	overflow: hidden;
}
#content .produktbox .produktboxmenu h3 {
	font-size: 10pt;
	font-weight: bold;
	/*height: 25px;*/
	/*line-height: 25px;*/
	line-height: 17px;
	
	margin: 0;

	padding: 4px 0;

/*	margin: 0;
	padding: 0;*/

	color: #fff;
}
#content .produktbox .produktboxmenu h3.closed {
	color: #72797a;
}
#content .produktbox .produktboxmenu ul {
	list-style-image: none;
	list-style: none;
	padding-left: 0;

	margin: 0;
	font-size: 10pt;
}
#content .produktbox .produktboxmenu ul li a {
	color: #fff;
}
#content .produktbox .produktboxmenu ul li a.closed {
	color: #72797a;
}
#content .produktbox .produktboxmenu.closed {
	/*height: 20px;*/
	/*top: 130px;*/
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.85);


	/*top: 105px;*/
	top: 125px;
}
#content .produktbox.dark .produktboxmenu {
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.85);
}
#content .produktbox.dark .produktboxmenu.closed {
	background-color: rgb(114, 121, 122);
	background-color: rgba(114, 121, 122, 0.85);
}
#content .produktbox.dark .produktboxmenu h3,
#content .produktbox.dark .produktboxmenu ul li a {
	color: #72797a;
}
#content .produktbox.dark .produktboxmenu h3.closed,
#content .produktbox.dark .produktboxmenu ul li a.closed {
	color: #fff;
}


/* lightbox zoom */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom .mfp-content,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container,
.mfp-with-zoom.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing .mfp-content, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}


/* download element */
#content ul.csc-uploads {
	padding-left: 0;
}
ul.csc-uploads .dlicon img {
	padding-right: 5px;
}
#content ul.csc-uploads .dlpreview {
	float: right;
}
#content ul.csc-uploads .dlpreview img {
	border: 1px solid #b9bebf;
}
#content ul.csc-uploads .csc-uploads-description {
	font-weight: bold;
	padding-bottom: 15px;
}

/* ----------------
 news extension
----------------- */
.news {
	margin-right: 20px;
}
.news .article {
	padding-bottom: 0;
	margin-bottom: 0;
}
.news .page-navigation ul {
    margin-top: 0;
}

/* text-news-list */
.news-list-view .textnews-list {
	border-bottom: 1px dashed #000;
	margin-bottom: 7px;
	padding-bottom: 15px;
}
.news-list-view .article:last-child .textnews-list {
	border-bottom: none;
}
.news-list-view .textnews-list span.normal {
	font-weight: normal;
}
.news-list-view .textnews-list .news-list-date {
	color: #e53517;
}
.news-list-view .textnews-list .more {
	color: #e53517;
	font-weight: bold;
	white-space: nowrap;
}
.news-list-view .textnews-list .news-list-teaser div {
	display: inherit;
}

/* newest news-item */
.news .news-list-view .newestnews {
	margin-bottom: 10px;
}
.news-list-view .newestnews .header h3 {
	margin-top: 0;
	margin-bottom: 10px;
}
.news-list-view .newestnews .header h3 a {
	color: #e53517;
	text-decoration: none;
}
.news .news-list-view .newestnews .more {
	color: #e53517;
	font-weight: bold;
}

/* news filter list */
.news .article.news-filter-list {
	border: 1px solid #72797a;
	min-height: 150px;
	margin-bottom: 25px;
}
.news .article.news-filter-list .news-list-content {
	/*padding: 20px 20px 20px 50px;*/
	padding: 20px 20px 20px 300px;
}
.news .article.news-filter-list .news-img-wrap {
	margin: 0;
}
.news .article.news-filter-list .news-img-wrap a {
	border: none;
	padding: 0;
	float: none;
	display: inline;
}
.news .article.news-filter-list .news-img-wrap img {
	float: inherit;
}
.news .article.news-filter-list h3 {
	margin: 0 0 15px 0;
	font-size: 17pt;
	font-weight: normal;
}
.news .article.news-filter-list h3 a {
	color: #e53517;
	text-decoration: none;
}
.news .article.news-filter-list h3 a:hover {
	text-decoration: underline;
}
.news .article.news-filter-list .news-list-date {
	color: #72797a;
	font-weight: bold;
	font-size: 10pt;
}
.news .article.news-filter-list .more {
	color: #e53517;
	font-weight: bold;
	background: transparent url(/fileadmin/templates/images/list.png) left 7px no-repeat;
	padding-left: 15px;
}

/* news detail page */
.news.news-single .header h3 {
	margin: 0;
	margin-bottom: 10px;
	color: #e53517;
	font-size: 18pt;
	font-weight: normal;
}
.news.news-single .news-detail-date {
	margin-bottom: 15px;
}
.news.news-single .news-detail-files {
	clear: both;
	padding-top: 1px;
}
.news.news-single .news-detail-files h4 {
	margin-bottom: 0;
}
.news.news-single .news-detail-files ul {
	margin-top: 0;
}

.news .article .news-img-wrap a {
	padding: 0;
	border: none;
}
.news .article .news-img-wrap img {
	height: auto;
}
.news-single .article .news-img-wrap {
	width: 250px;
}
#content .csc-default .news-related-files-link a {
	font-weight: bold;
	color: #e53517;
}


/* mini image gallery */
#big-image-outer {
	/*border: 1px solid #dcdddf;*/
	margin: 0 0 16px 0;
	position: relative;/*
	height: 294px;
	width: 464px;
	*/
	height: 350px;
	/*width: 520px;*/
	/*width: 555px;*/

	width: 570px;

	left: -35px;
}

#big-image-outer img {
	position: absolute;
	/*left: 50%;*/
	/*top: 50%;*/
}

.reference-image {
	float: left;
	margin: 0 12px 10px 0;
	text-align: center;

	list-style: none;
}
.reference-image img {
	border: none;
}
.reference-image a {
	height: 68px;
	margin: 0 0 8px 0;
	border: 1px solid #777777;
	display: table-cell;
	vertical-align: middle;
}
#content ul.reference {
	padding-left: 0;
}

/* ---------------
    PLZ suche
------------------ */
#plzfinder {
	width: 100%;

	-webkit-box-shadow: 0px 0px 5px #828282;	/* webkit browser*/
	-moz-box-shadow: 0px 0px 5px #828282;	/* firefox */
	box-shadow: 0px 0px 5px #828282;

	/*padding-bottom: 10px;*/
	margin-bottom: 10px;

	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;

	white-space: nowrap;

	overflow: hidden;
}
#plzfinder h2 {
	color: #fff;
	margin: 0;
	vertical-align: middle;
	padding: 10px;
	padding: 7px;
	padding-left: 15px;
	font-family: 'Noto Sans';

	background-color: #72797a;
}
#plzfinder form {
	margin-top: 3px;
	white-space: nowrap;
}
#plzfinder form input {
	margin: 0;
	/*padding: 0;*/

	/*padding: 10px 5px;*/
	padding: 10px 0;
	background-color: #dcdfe0;

	text-align: center;
	border: none;

	width: 66%;

	outline: none; /* remove webkit outline */
}
#plzfinder form input.submit {
	-webkit-appearance: none;
	-moz-appearance: none;

	background-color: #fabb00;
	color: #fff;
	/*padding: 10px 10px;*/
	/*padding: 10px 0;*/

	/*float: right;*/

	cursor: pointer;

	width: 33%;
}
#plzfinder ::-webkit-input-placeholder,  /* WebKit browsers */
#plzfinder :-moz-placeholder, /* Mozilla Firefox 4 to 18 */
#plzfinder ::-moz-placeholder, /* Mozilla Firefox 19+ */
#plzfinder :-ms-input-placeholder, /* Internet Explorer 10+ */
#plzfinder :input-placeholder, /* others */
#plzfinder :placeholder {
    color:    #717879;
}
.tx-vsfintern2 #addressItems {
	margin-right: 20px;
}
.tx-vsfintern2 #contentWindow ul.items {
	list-style-image: url(/fileadmin/templates/images/list-black.png);
	padding-left: 15px;
	list-style-position: outside;

	margin-top: 20px;
}
.tx-vsfintern2 #contentWindow li.item {
	margin-bottom: 15px;
}
.tx-vsfintern2 #contentWindow li.item a {
	color: #e43117;
}

/* list view */
.tx-vsfintern2 #addressItems .listitem {
	/*width: 50%;
	float: left;*/
	margin-bottom: 25px;
	border: 1px solid #72797a;
	padding: 20px 0;
	padding-left: 20px;
}
.tx-vsfintern2 #addressItems .listitem .listitemcontent {
	/*border: 1px solid red;*/
	/*border: 1px solid #72797a;*/
	/*margin: 2px;*/
	/*padding: 5px;*/
	/*padding-left: 0;*/
}
.tx-vsfintern2 #addressItems .listitem .listitemcontent h3 {
	margin-bottom: 10px;
}
.tx-vsfintern2 #addressItems .listitem .listitemcontent img {
	float: left;
	/*position: relative;
	top:0;
	left: 10px;*/
}
.tx-vsfintern2 #addressItems .listitem .listitemcontent span.spacer {
	padding:0 3px;
}
.tx-vsfintern2 #addressItems .listitem .listitemtext,
.tx-vsfintern2 #addressItems .listitem .description {
	/*margin: 20px 20px 20px 300px;*/
	margin-left: 300px;
}
.tx-vsfintern2 #addressItems .listitem .description p {
	margin-bottom: 0;
	margin-top: 15px;
}
.tx-vsfintern2 #addressItems .listitem .listitemtext p {
	margin-top: 0;
	margin-bottom: 0;
}

/* naviki external search form */
#naviki {
	width: 100%;

	-webkit-box-shadow: 0px 0px 5px #828282;	/* webkit browser*/
	-moz-box-shadow: 0px 0px 5px #828282;	/* firefox */
	box-shadow: 0px 0px 5px #828282;

	/*padding-bottom: 10px;*/
	margin-bottom: 10px;

}
#naviki .ccontent {
	padding: 15px 15px;
}
#naviki h2 {
	color: #fff;
	margin: 0;
	vertical-align: middle;
	padding: 10px;
	padding: 7px;
	padding-left: 15px;
	font-family: 'Noto Sans';

	background-color: #fabb00;
}
#naviki form label {
	padding-bottom: 5px;
	display: inline-block;
	font-size: 10pt;
}
#naviki form input {
	margin: 0;

	padding: 5px 5px;
	background-color: #dcdfe0;

	/*text-align: left;*/
	border: none;

	/*width: 66%;*/
	width: 210px;

	outline: none; /* remove webkit outline */
}
#naviki form input.submit {
	-webkit-appearance: none;
	-moz-appearance: none;

	background-color: #fabb00;
	color: #fff;
	cursor: pointer;
	float: right;
	padding: 5px 10px;
	margin-top: 15px;
	width: inherit;

	margin-right: 10px;

	font-weight: bold;
}
#naviki img.logo {
	margin-top: 15px;
}


/* Newsletter registration */
.tx-registeraddress label {
	width: 115px;
	display: block;
	float: left;
}
.tx-registeraddress ul.formerror li {
	color: #e53517;
	font-weight: bold;
}
.tx-registeraddress .fieldrow {
	margin-bottom: 10px;
}


/* Typo3 form */
div.csc-mailform li label {
	width: 150px;
	margin-right: 50px;
}
div.csc-mailform .csc-form-element-textblock {
	margin-bottom: 10px;
}
div.csc-mailform ol li {
	list-style: none;
	margin-bottom: 5px;
}

div.csc-mailform .csc-form-element.csc-form-element-textline input,
div.csc-mailform .csc-form-element.csc-form-element-textarea textarea {
	width: 350px;
}

div.csc-mailform {
	/*width: 550px;*/
	width: 560px;
}

div.csc-mailform .csc-form-element.csc-form-element-submit input {
	/*width: 150px;*/
	/*float: right;*/
}

div.csc-mailform li.csc-form-element-checkbox {
	margin-top: 10px;
}
div.csc-mailform li.csc-form-element-checkboxgroup {
	/*margin-top: 10px;*/
	overflow: visible;
}
div.csc-mailform .csc-form-element-checkboxgroup ol {
	padding: 0 !important;
    margin-left: 0;
    top: 0 !important;
}
div.csc-mailform .csc-form-element-checkboxgroup ol li {
    padding: 0 !important;
}
div.csc-mailform .csc-form-element-checkboxgroup legend {
    color: transparent;
    height: 0px;
}
div.csc-mailform .csc-form-element-checkboxgroup legend em {
    color: transparent;
}
div.csc-mailform .csc-form-element-checkboxgroup legend strong {
    display: block;
    clear: both;

    position: relative;
    top: 10px;
}

div.csc-mailform .csc-form-element-submit {
	margin-top: 20px;
}
div.csc-mailform .csc-form-element-submit input {
    /*padding-left: 5px;*/
    padding: 4px 5px;
    background-repeat: no-repeat;
    background-position: 2px center;
    margin-right: 8px;
    outline: none;
    border: 1px solid #bbbbbb;

    font-size: 11pt;
}
div.csc-mailform .csc-form-element-submit input:hover,
div.csc-mailform .csc-form-element-submit input:focus {
    box-shadow: 0 0 5px #bbbbbb;
    cursor: pointer;
}



/*gutschein print*/
table.gutschein-printtable {
	border: 2px solid #e53517;
	margin-bottom: 10px;
}
table.gutschein-printtable tr td {
	border: none;
}
table.gutschein-printtable tr td.td-2 {
	padding-left: 50px;
}

label em, legend em {
	display: inline;
	padding-left: 3px;
	font-size: 90%;
}

/* ke_search */
.tx-kesearch-pi1 .next, .tx-kesearch-pi1 .prev {
  overflow: hidden;
  text-indent: -9999px;
}

/* css helper */
.overwritefloatright {
	float: right !important;
}



/* steckbrief styles */
#content .steckbrief {
  margin-bottom: 50px;
  margin-right: 30px;
}
#content .steckbrief .image {
  float: left;
  border: 1px solid #cad1d5;
  width: 170px;
  height: 120px;
  padding: 10px 10px;
  line-height: 120px;
  background-color: #fff;
}
#content .steckbrief .image img {
  margin: 0;
  padding: 0;
  display: inline;
  vertical-align: middle;
}
#content .steckbrief .content {
  margin-left: 210px;
}
#content .steckbrief .content p {
	margin-right: 0;
	margin-bottom: 0;
}
#content .steckbrief .steckbriefTableShowHider {
  height: 30px;
  background-color: #eceff0;
  margin-top: 20px;
  padding-left: 210px; /* 205 + 15 ( 5 padding * 2 + 5 left-padding) */
  line-height: 30px;
  font-weight: bold;

  cursor: pointer;

  color: #495f70;
}
#content .steckbrief .steckbriefTableShowHider span {
  float: right;
  margin-right: 10px;
  font-size: 13pt;
}
#content .steckbrief .steckbriefTable table {
  color: #495f70;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 10px;
}
#content .steckbrief .steckbriefTable table tbody tr td img {
	vertical-align: middle;
}
#content .steckbrief .steckbriefTable table tbody tr td {
  padding: 5px;
  line-height: 14pt;
  vertical-align: middle;
}
#content .steckbrief .steckbriefTable table tbody tr td p {
	margin-bottom: 10px;
}
#content .steckbrief .steckbriefTable table tbody tr td a {
	color: #495f70;
}
#content .steckbrief .steckbriefTable table tbody tr td p:last-child {
	margin-bottom: 0;
}
#content .steckbrief .steckbriefTable table tbody tr.tr-even {
  background-color: #fff;
}
#content .steckbrief .steckbriefTable table tbody tr.tr-odd {
  background-color: #eef8fd;
}
#content .steckbrief .steckbriefTable table tbody tr th {
	text-align: left;
	padding: 5px;
}
/*#content .steckbrief .steckbriefTable table table  tr th,
#content .steckbrief .steckbriefTable table table tr td {
	padding-left: 0;
}*/

.steckbriefEinAusblender {
  /*float: right;*/
  text-align: right;
  font-size: 8pt;
  margin-bottom: 10px;
  color: #495f70;
}
.steckbriefEinAusblender a {
  color: #495f70;
  font-weight: bold;
}





#content ul.abcnav {
	list-style: none;
	margin: 0;
	padding: 0;

	margin: 15px 0 20px 0;
	display: inline-block;
}
#content ul.abcnav li {
	float: left;
	margin-right: 21px;
}
#content ul.abcnav li:last-child {
	margin-right: 0;
}
#content ul.abcnav li a {
	font-weight: bold;
}
#content ul.abcnav li a:hover {
	color: #e53517;
}


/* FE Login styles */
#content .tx-felogin-pi1 h3 {
	color: #e53517;
	font-size: 15.3pt;
	font-weight: normal;
}
#content .tx-felogin-pi1 div {
	line-height: 14pt;
}
#content .tx-felogin-pi1 fieldset {
	border: none;
	margin: 15px 0 15px 0;
	padding: 0;
}
#content .tx-felogin-pi1 fieldset div {
	margin-bottom: 10px;
}
#content .tx-felogin-pi1 fieldset label {
	/*display: block;*/
	/*width: 120px;*/
	width: 145px;
	float: left;
	height: 20px;
	padding-top: 2px;
}
#content .tx-felogin-pi1 fieldset label[for=tx_felogin_pi1-forgot-email] {
	width: 260px;
}
#content .tx-felogin-pi1 fieldset legend {
	display: none;
}
#content .tx-felogin-pi1 fieldset input {
	padding: 4px 5px;
    background-repeat: no-repeat;
    background-position: 2px center;
    margin-right: 8px;
    outline: none;
    border: 1px solid #bbbbbb;

    font-size: 11pt;
}
#content .tx-felogin-pi1 fieldset input:hover,
#content .tx-felogin-pi1 fieldset input:focus {
	box-shadow: 0 0 3px #bbbbbb;
}


.clearer {
	clear: both;
	height: 1px;
}



/* target mobile devices */
@media only screen and (max-device-width: 767px), /* any device with set max with */
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 767px), /* webkit way */
only screen and (min--moz-device-pixel-ratio: 2) and (max-device-width: 767px), /* gecko way */
only screen and (min-resolution: 2dppx) and (max-device-width: 767px), /* standard way */
only screen and (min-resolution: 300dpi) and (max-device-width: 767px) {
    /*body { max-width: 100%; }*/
    html, body { max-width: 100%; }

    #page {
    	/*width: 100%;
    	margin-left: 0;*/

    	width: 98%;
		margin-left: 0;
		margin: 1% 0 0 1%;
    }

    #content {
        /*padding: 10px 20px 0 20px;*/
    	padding: 10px 15px 0 15px;
    }
    #container {
    	width: 100%;
    	margin-left: 0;
    	position: inherit;

    	-webkit-box-shadow: none;
    	box-shadow: none;
    }

	img#bannerimg {
		display: block;
		width: 100%;
		height: auto;
	}

    #headnav {
    	width: 100%;

    	background-image: none;

    	display: none;

    	/*background-position: center;
    	background-size: contain;*/
    }
    #headernavtabs {
    	display: none;
    }
    #mobilenav {
		display: block;
	}
	#mobilenav select {
		width: 100%;
		height: 2rem;
		margin-top: 0.4rem;

		font-size: 11pt;
	}

    #sideextension {
    	margin-top: 0;

    	float: right;
		width: 70%;
    }
    #sideextension #search {
    	margin-top: 2px;
    	margin-left: 2px;
    	margin-right: 30px;
    }
    #sideextension #search input {
    	float: none;
    	width: inherit;

    	width: 100%;
    	margin-right: 0;

    	font-size: 11pt;
    }
    #sideextension ul.navext {
    	float: none;
    	height: 30px;
    }
    #sideextension ul.navext li {
    	margin-left: 1%;
    	padding: 0;
    	width: 32%;
    }
    #sideextension ul.navext li span {
    	padding: 0;
    	/*width: inherit;*/
    	display: inline;

    	line-height: 30px;
    }
    #sideextension ul.navext li span.loginchar {
    	display: none;
    }
    #sideextension ul.navext li a {
    	margin-right: 3px;

    	width: 100%;
		display: inline-block;
		text-align: center;
    }

    #navbar {
    	display: none;
    }

    #vsfwimp {
    	position: inherit;
    	height: auto;
    	position: inherit;
    	width: 30%;
    	display: block;

    	float: left;
    }
    #vsfwimp img {
    	width: 100%;
    }
    #sideextension { position: inherit; }



    .row-fluid .c20,
    .row-fluid .c33,
    .row-fluid .c50,
    .row-fluid .c66 {
		width: 100%;
		float: none;
	}
    .row-fluid .c20 .ccontent,
	.row-fluid .c33 .ccontent,
	.row-fluid .c50 .ccontent,
	.row-fluid .c66 .ccontent {
		/*padding: 0 10px;*/
		padding: 0 0;
	}

	.news .article.news-filter-list .news-list-content {
		/*float: right;
		padding: 20px 0;
		width: 70%;*/

        /*padding: 20px;*/
		padding: 10px;
		clear: both;
		/*width: 100%;*/
	}
	.news .article .news-img-wrap {
		/*width: 25%;*/
		width: 100%;
	}
	.news .article .news-img-wrap img {
		width: 100%;
	}
    .news .page-navigation ul li a {
        padding: 0 2px;
    }

	#naviki form input {
		font-size: 11pt;
	}
	#plzfinder form input {
		font-size: 11pt;
	}

	#reference #big-image-outer {
		width: 100%;
		height: auto;
        position: relative;
        left: inherit;
	}
	#reference #big-image-outer img {
		position: static;
		height: auto;
		width: 100%;
	}

    .tx-vsfintern2 #addressItems .listitem .listitemcontent img {
        width: 100%;
        height: auto;
        float: none;
        position: inherit;
    }
    .tx-vsfintern2 #addressItems .listitem .listitemtext {
        margin: 10px;
    }
}


/* ausgezeichnete produkte umbruch box*/
#content .ausgProdBox > .csc-default > .produktbox {
    /*width: 158px;*/
    width: 154px;
    display: inline-block;
    float: left;

    margin-right: 10px;
    margin-bottom: 10px;
}
#content .ausgProdBox > .csc-default > .csc-textpic {
    display: inline-block;
    width: 156px;
    float: left;
}
#content .ausgProdBox > .csc-default > .csc-textpic img {
    width: 100%;
    height: auto;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444; }

.mfp-figure {
  line-height: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-break: break-word;
  padding-right: 36px; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }


@charset "UTF-8";body{-webkit-backface-visibility:hidden}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes flash{0,50%,100%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0,50%,100%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}@-webkit-keyframes shake{0,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-o-keyframes shake{0,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shake{0,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}@-webkit-keyframes bounce{0,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}@-webkit-keyframes tada{0{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0{-o-transform:scale(1)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0)}}@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0)}}@-o-keyframes swing{20%{-o-transform:rotate(15deg)}40%{-o-transform:rotate(-10deg)}60%{-o-transform:rotate(5deg)}80%{-o-transform:rotate(-5deg)}100%{-o-transform:rotate(0)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0)}}.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}@-webkit-keyframes wobble{0{-webkit-transform:translateX(0)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes wobble{0{-moz-transform:translateX(0)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}100%{-moz-transform:translateX(0)}}@-o-keyframes wobble{0{-o-transform:translateX(0)}15%{-o-transform:translateX(-25%) rotate(-5deg)}30%{-o-transform:translateX(20%) rotate(3deg)}45%{-o-transform:translateX(-15%) rotate(-3deg)}60%{-o-transform:translateX(10%) rotate(2deg)}75%{-o-transform:translateX(-5%) rotate(-1deg)}100%{-o-transform:translateX(0)}}@keyframes wobble{0{transform:translateX(0)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0)}}.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}@-webkit-keyframes flip{0{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}@-moz-keyframes flip{0{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out}40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out}50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in}100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in}}@-o-keyframes flip{0{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease-out}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing-function:ease-out}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in}80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in}100%{-o-transform:perspective(400px) scale(1);-o-animation-timing-function:ease-in}}@keyframes flip{0{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip{-webkit-backface-visibility:visible !important;-webkit-animation-name:flip;-moz-backface-visibility:visible !important;-moz-animation-name:flip;-o-backface-visibility:visible !important;-o-animation-name:flip;backface-visibility:visible !important;animation-name:flip}@-webkit-keyframes flipInX{0{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0);opacity:1}}@-moz-keyframes flipInX{0{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0);opacity:1}}@-o-keyframes flipInX{0{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-transform:perspective(400px) rotateX(0);opacity:1}}@keyframes flipInX{0{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0);opacity:1}}.flipInX{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible !important;-moz-animation-name:flipInX;-o-backface-visibility:visible !important;-o-animation-name:flipInX;backface-visibility:visible !important;animation-name:flipInX}@-webkit-keyframes flipOutX{0{-webkit-transform:perspective(400px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0{-moz-transform:perspective(400px) rotateX(0);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0{-o-transform:perspective(400px) rotateX(0);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0{transform:perspective(400px) rotateX(0);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible !important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible !important;-o-animation-name:flipOutX;-o-backface-visibility:visible !important;animation-name:flipOutX;backface-visibility:visible !important}@-webkit-keyframes flipInY{0{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0);opacity:1}}@-moz-keyframes flipInY{0{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0);opacity:1}}@-o-keyframes flipInY{0{-o-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o-transform:perspective(400px) rotateY(0);opacity:1}}@keyframes flipInY{0{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0);opacity:1}}.flipInY{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible !important;-moz-animation-name:flipInY;-o-backface-visibility:visible !important;-o-animation-name:flipInY;backface-visibility:visible !important;animation-name:flipInY}@-webkit-keyframes flipOutY{0{-webkit-transform:perspective(400px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@-moz-keyframes flipOutY{0{-moz-transform:perspective(400px) rotateY(0);opacity:1}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}@-o-keyframes flipOutY{0{-o-transform:perspective(400px) rotateY(0);opacity:1}100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0{transform:perspective(400px) rotateY(0);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible !important;-moz-animation-name:flipOutY;-o-backface-visibility:visible !important;-o-animation-name:flipOutY;backface-visibility:visible !important;animation-name:flipOutY}@-webkit-keyframes fadeIn{0{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0{opacity:0}100%{opacity:1}}@keyframes fadeIn{0{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUpBig{0{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUpBig{0{opacity:0;-moz-transform:translateY(2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUpBig{0{opacity:0;-o-transform:translateY(2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUpBig{0{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInDownBig{0{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDownBig{0{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeftBig{0{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0{opacity:0;-moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeftBig{0{opacity:0;-o-transform:translateX(-2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeftBig{0{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRightBig{0{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRightBig{0{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRightBig{0{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeOut{0{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0{opacity:1}100%{opacity:0}}@keyframes fadeOut{0{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@-o-keyframes fadeOutUp{0{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-20px)}}@keyframes fadeOutUp{0{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}@-o-keyframes fadeOutDown{0{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(20px)}}@keyframes fadeOutDown{0{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-o-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@-moz-keyframes fadeOutLeft{0{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-20px)}}@-o-keyframes fadeOutLeft{0{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-20px)}}@keyframes fadeOutLeft{0{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@-moz-keyframes fadeOutRight{0{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(20px)}}@-o-keyframes fadeOutRight{0{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(20px)}}@keyframes fadeOutRight{0{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutUpBig{0{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes fadeOutUpBig{0{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes fadeOutUpBig{0{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-o-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutDownBig{0{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes fadeOutDownBig{0{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes fadeOutDownBig{0{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-o-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeftBig{0{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes fadeOutLeftBig{0{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes fadeOutLeftBig{0{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRightBig{0{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes fadeOutRightBig{0{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes fadeOutRightBig{0{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-o-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes bounceIn{0{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0{opacity:0;-moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInUp{0{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInUp{0{opacity:0;-moz-transform:translateY(2000px)}60%{opacity:1;-moz-transform:translateY(-30px)}80%{-moz-transform:translateY(10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInUp{0{opacity:0;-o-transform:translateY(2000px)}60%{opacity:1;-o-transform:translateY(-30px)}80%{-o-transform:translateY(10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInUp{0{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInDown{0{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInDown{0{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInLeft{0{opacity:0;-moz-transform:translateX(-2000px)}60%{opacity:1;-moz-transform:translateX(30px)}80%{-moz-transform:translateX(-10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInLeft{0{opacity:0;-o-transform:translateX(-2000px)}60%{opacity:1;-o-transform:translateX(30px)}80%{-o-transform:translateX(-10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInLeft{0{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0{opacity:0;-webkit-transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInRight{0{opacity:0;-moz-transform:translateX(2000px)}60%{opacity:1;-moz-transform:translateX(-30px)}80%{-moz-transform:translateX(10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInRight{0{opacity:0;-o-transform:translateX(2000px)}60%{opacity:1;-o-transform:translateX(-30px)}80%{-o-transform:translateX(10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInRight{0{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceOut{0{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@-moz-keyframes bounceOut{0{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}@-o-keyframes bounceOut{0{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}@keyframes bounceOut{0{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes bounceOutUp{0{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes bounceOutUp{0{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes bounceOutDown{0{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-20px)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes bounceOutDown{0{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-o-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes bounceOutLeft{0{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(20px)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes bounceOutLeft{0{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(20px)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes bounceOutRight{0{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(-20px)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes bounceOutRight{0{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(-20px)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes bounceOutRight{0{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-o-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes rotateIn{0{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateIn{0{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateIn{0{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0}100%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}}@keyframes rotateIn{0{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpLeft{0{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpLeft{0{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-o-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownLeft{0{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownLeft{0{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpRight{0{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpRight{0{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownRight{0{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownRight{0{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateOut{0{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@-moz-keyframes rotateOut{0{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}@-o-keyframes rotateOut{0{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutUpLeft{0{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutUpLeft{0{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutDownLeft{0{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutDownLeft{0{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutUpRight{0{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutUpRight{0{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rotateOutDownRight{0{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutDownRight{0{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutDownRight{0{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes hinge{0{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-o-keyframes hinge{0{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY(700px);opacity:0}}@keyframes hinge{0{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0)}}@-moz-keyframes rollIn{0{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0) rotate(0)}}@-o-keyframes rollIn{0{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0) rotate(0)}}@keyframes rollIn{0{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0) rotate(0)}}.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0{opacity:1;-webkit-transform:translateX(0) rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@-moz-keyframes rollOut{0{opacity:1;-moz-transform:translateX(0) rotate(0)}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}@-o-keyframes rollOut{0{opacity:1;-o-transform:translateX(0) rotate(0)}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0{opacity:1;transform:translateX(0) rotate(0)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes lightSpeedIn{0{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0) skewX(0);opacity:1}}@-moz-keyframes lightSpeedIn{0{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-moz-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-moz-transform:translateX(0) skewX(-15deg);opacity:1}100%{-moz-transform:translateX(0) skewX(0);opacity:1}}@-o-keyframes lightSpeedIn{0{-o-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-o-transform:translateX(0) skewX(-15deg);opacity:1}100%{-o-transform:translateX(0) skewX(0);opacity:1}}@keyframes lightSpeedIn{0{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0) skewX(-15deg);opacity:1}100%{transform:translateX(0) skewX(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}.animated.lightSpeedIn{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes lightSpeedOut{0{-webkit-transform:translateX(0) skewX(0);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@-moz-keyframes lightSpeedOut{0{-moz-transform:translateX(0) skewX(0);opacity:1}100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}}@-o-keyframes lightSpeedOut{0{-o-transform:translateX(0) skewX(0);opacity:1}100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0{transform:translateX(0) skewX(0);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.lightSpeedOut{-webkit-animation-duration:.25s;-moz-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s}@-webkit-keyframes wiggle{0{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0)}100%{-webkit-transform:skewX(0)}}@-moz-keyframes wiggle{0{-moz-transform:skewX(9deg)}10%{-moz-transform:skewX(-8deg)}20%{-moz-transform:skewX(7deg)}30%{-moz-transform:skewX(-6deg)}40%{-moz-transform:skewX(5deg)}50%{-moz-transform:skewX(-4deg)}60%{-moz-transform:skewX(3deg)}70%{-moz-transform:skewX(-2deg)}80%{-moz-transform:skewX(1deg)}90%{-moz-transform:skewX(0)}100%{-moz-transform:skewX(0)}}@-o-keyframes wiggle{0{-o-transform:skewX(9deg)}10%{-o-transform:skewX(-8deg)}20%{-o-transform:skewX(7deg)}30%{-o-transform:skewX(-6deg)}40%{-o-transform:skewX(5deg)}50%{-o-transform:skewX(-4deg)}60%{-o-transform:skewX(3deg)}70%{-o-transform:skewX(-2deg)}80%{-o-transform:skewX(1deg)}90%{-o-transform:skewX(0)}100%{-o-transform:skewX(0)}}@keyframes wiggle{0{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0)}100%{transform:skewX(0)}}.wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.wiggle{-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s}

/***********************************************************************
*
*  Liquid Slider
*  Kevin Batdorf
*
*  http://liquidslider.com
*
*  GPL license 
*
************************************************************************/

/******************************************************
* No JavaScript
* Use this to apply styles when Javascript is disabled,
* and be sure to include the ".no-js" class in your html 
* markup.
*******************************************************/
.no-js .liquid-slider {
  height:350px;
  overflow:scroll;
}

/******************************************************
* Preloader
* Use this to apply styles when Javascript is disabled,
* and be sure to include the ".no-js" class in your html 
* markup.
*******************************************************/
.ls-wrapper .ls-preloader {  
  background: url('vhs-assets-css-d1d81b3d8f4b17a007123778f6aa2a6b.gif') #f2f2f2 no-repeat center 75px;
  opacity:1;
  /* Do not edit below this line */
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
}

/******************************************************************
* Base Styles 
* The styles here will apply to everything. I recommend you keep
* the styles in here specific to mobile defices, then use
* the media queries at the bottom to define further styles for larger
* screen-sizes. Think Mobile First. But be cautious of how
* your site will look in older IE browsers.
*
* Additional media queries are at the bottom of this document
******************************************************************/
.ls-wrapper {
  margin:0 auto;
  /* Do not edit below this line */
  clear: both;
  overflow: auto;
  position: relative;
}

/******************************************************
* Main Container
* This is the main container (minus the navigation).
* Be sure to match the width with the .panel class, 
* or it won't work properly. Also, width only applies
* if you are not using the responsive setting.
*
* The responsive slider will interpret the width as the
* max width instead
*******************************************************/
.ls-wrapper .liquid-slider {
  background: #f2f2f2;
  width: 1030px;
  /* Do not edit below this line */
  float: left;
  overflow: hidden;
  position: relative;
}
.ls-wrapper .panel-container {
  /* Do not edit below this line */
  position: relative;

}
.ls-wrapper .liquid-slider .panel-container .fade {
  /* Do not edit below this line */
  position: absolute;
  top: 0; 
  left: 0;
  display: block;
}

/******************************************************
* Panels
* This is for the panels. If you are using the 
* responsive setting, this will act as the max-width
* for the entire slider.
*******************************************************/
.ls-wrapper .liquid-slider .panel {  
  width: 1030px;
  /* Do not edit below this line */
  display: block;
  float: left;
}

/******************************************************
* These provide a base starting point for images and
* video. However, you will have to add more rules
* based on the content you use. Use the @media queries 
* at the bottom of this file.
*******************************************************/
.ls-wrapper .liquid-slider .panel img{
  /*
  width:100%;
  height:auto;  
  margin:0 5px;
  */
}

.ls-wrapper .liquid-slider .panel video {
  /*
  width:100%;  
  height:auto;
  */
}

/******************************************************
* This is mainly used to adjust the padding inside each 
* panel. If you are using the responsive setting, you
* need to use the settings below as this will not apply.
*******************************************************/
.ls-wrapper .liquid-slider .panel-wrapper {  
  padding: 20px;
  /* Do not edit below this line */
  position:relative;
}

/*****************************************************
* This will adjust styles for all navigation tabs
* less of course the select box used for mobile 
* navigation. The .current styles will apply only to 
* the current tab.
*
* You may use this section to create navigation for
* mobile devices if you set mobileNavigation: false
* Be sure to edit media queries for larger devices below
* I have included an example below in comments.
*
* .currentCrossLink refers to external crosslinking.
*******************************************************/
.ls-wrapper .ls-nav a {
  background: #d8d8d8;
  color: #333333;
  margin-right: 1px;
  padding: 10px 15px;  
}
.ls-wrapper .ls-nav a:hover {
  background: #f2f2f2;
  color: #333333;
  text-shadow: none;
}
.ls-wrapper .ls-nav .current {
  background: #f2f2f2;
}
.currentCrossLink {
  font-weight: bold;
}
.ls-wrapper .ls-nav ul {  
  padding:0;
  /* Do not edit below this line */
  clear: both;
  display: block;
  margin: auto;
  overflow: hidden;
}
.ls-wrapper .ls-nav ul li {
  /* Do not edit below this line */
  display: inline;
}
.ls-wrapper .ls-nav ul li a {
 
  /* Do not edit below this line */
  display: block;
  float: left;
  text-decoration: none;
}
/*****************************************************
* Mobile Menu
* This will adjust styles for selectbox styles. I have
* included a simple example to create a custom select
* box.
*******************************************************/
.ls-wrapper .ls-nav {
  overflow:hidden;
  clear:both;
}
.ls-wrapper .ls-select-box {  
  /* Delete these if you want the standard select box.
     Also delete the rules below */

  width: 100%;
  height: 35px;
  overflow: hidden;
  background: url('vhs-assets-css-03ea018c6baee08c1d6bcb356b9809eb.png') no-repeat right #ddd;
  
}
.ls-wrapper .ls-select-box select {  
  /* If you want the standard select box, use 
  width:100%
  And delete the rest of the styling here */

  width: 150%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance:none;
  background: transparent;
  padding: 5px;
  font-size: 110%;
  border: none;
  height: 35px;
  cursor:pointer;
  outline: 0;
}

/******************************************************
* Arrows
* This section refers to both the non-graphical and 
* graphical navigation arrows. 
*
* Some settings will be overwritten when using the 
* responsive setting.
*******************************************************/
.ls-wrapper .ls-nav-left, .ls-wrapper .ls-nav-right {
  /* Do not edit below this line */
  float: left;
}
.ls-wrapper .ls-nav-left a, .ls-wrapper .ls-nav-right a {
  /* non-graphical arrows */
  background: #000;
  color: #fff;
  padding: 5px;
  width: 100px;
  /* Do not edit below this line */
  display: block;
  text-align: center;
  text-decoration: none;
}
.ls-wrapper .ls-nav-left-arrow, .ls-wrapper .ls-nav-right-arrow {
  cursor: pointer;
  /* Do not edit below this line */
  float: left;
}
.ls-wrapper .ls-nav-left-arrow a, .ls-wrapper .ls-nav-right-arrow a {
  /* Do not edit below this line */
  display: block;
}
.ls-wrapper .ls-nav-left, .ls-wrapper .ls-nav-left-arrow {
  /* Do not edit below this line */
  clear: both;
}
.ls-wrapper .ls-nav-right-arrow {
  width: 25px;
  height: 25px;
  background: url('vhs-assets-css-4985c6fb8757885c3aaacc8202c3071f.png') no-repeat top right;
  margin-top: 50px;
  margin-right: 5px;
  /* Do not edit below this line */
  position:relative;
}
.ls-wrapper .ls-nav-left-arrow {
  width: 25px;
  height: 25px;
  background: url('vhs-assets-css-4985c6fb8757885c3aaacc8202c3071f.png') no-repeat top left;
  margin-top: 50px;
  margin-left: 5px;
  /* Do not edit below this line */
  position:relative;
}
.ls-wrapper .ls-nav-left-arrow:hover {
  /* Left graphical arrows hover */
  background: url('vhs-assets-css-4985c6fb8757885c3aaacc8202c3071f.png') no-repeat bottom left;
}
.ls-wrapper .ls-nav-left-arrow:active {
  /* Left graphical arrows click */
}
.ls-wrapper .ls-nav-right-arrow:hover {
  /* Right graphical arrows hover */
  background: url('vhs-assets-css-4985c6fb8757885c3aaacc8202c3071f.png') no-repeat bottom right;
}
.ls-wrapper .ls-nav-right-arrow:active {
  /* Right graphical arrows click */
}
.arrows .liquid-slider {
  /* Margin between slider and arrows */
  margin: 0 10px;
}

/******************************************************
* Responsive Styles
* Here are the main responsive styles. This mostly 
* covers the arrows, and most of the settings can be
* applied above.
*******************************************************/
.ls-responsive .liquid-slider {
  /* Do not edit below this line */
  width: 100%;
  margin: 0;
}
.ls-responsive .liquid-slider .panel .panel-wrapper {
  padding: 10px;
}
.ls-responsive .ls-nav-left {
  /* Left non-graphical arrows */
  /* Do not edit below this line */
  position: absolute;
  left: 0;
  z-index: 2;
}
.ls-responsive .ls-nav-left a {
  /* Left non-graphical arrows */
  background: #9A9A9A;
  width: 80px;
}
.ls-responsive .ls-nav-left a:hover {
  /* Left non-graphical hover */
  background: #747474;
}
.ls-responsive .ls-nav-right {
  /* Right non-graphical arrows */
  /* Do not edit below this line */
  position: absolute;
  right: 0;
  z-index: 2;
}
.ls-responsive .ls-nav-right a {
  /* Right non-graphical arrows */
  background: #9A9A9A;
  width: 80px;
}
.ls-responsive .ls-nav-right a:hover {
  /* Right non-graphical arrows hover */
  background: #747474;
}
.ls-responsive .ls-nav-left-arrow {
  /* Do not edit below this line */
  position: absolute;
  left: 0;
  z-index: 2;
}
.ls-responsive .ls-nav-right-arrow {
  /* Do not edit below this line */
  position: absolute;
  right: 0;
  z-index: 2;
}

/******************************************************************
* Larger Mobile Devices
* This is for devices like the Galaxy Note or something that's 
* larger than an iPhone but smaller than a tablet. 
******************************************************************/
@media only screen and (min-width: 481px) {
  .ls-wrapper .liquid-slider .panel img{
    /* Example */
    /*
    width:24%;
    margin:2px;
    */
  }

}

/******************************************************************
* Tablet & Smaller Laptops
* This will include tablets and some netbooks.
******************************************************************/
@media only screen and (min-width: 768px) {
  .ls-wrapper .liquid-slider .panel img{
    /* Example */
    /*
    width:24%;
    */
  }
  .ls-responsive .liquid-slider .panel .panel-wrapper {
    padding: 20px 35px;
  }
}

/******************************************************************
* DESKTOP 
* This is the average viewing window. So Desktops, Laptops, and 
* in general anyone not viewing on a mobile device. Here's where
* you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 1030px) {
  

}

/******************************************************************
* LARGE VIEWING SIZE 
* This is for the larger monitors and possibly full screen viewers.
******************************************************************/
@media only screen and (min-width: 1240px) {
  

}

/******************************************************************
* RETINA (2x RESOLUTION DEVICES)
* This applies to the retina iPhone (4s) and iPad (2,3) along with 
* other displays with a 2x resolution. You can also create a media
* query for retina AND a certain size if you want. Go Nuts.
******************************************************************/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {
  

}