@font-face {
	font-family: 'ios7-style-font-icons';
	src:url('../../fonts/ios7-style-font-icons.eot');
	src:url('../../fonts/ios7-style-font-icons.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/ios7-style-font-icons.woff') format('woff'),
		url('../../fonts/ios7-style-font-icons.ttf') format('truetype'),
		url('../../fonts/ios7-style-font-icons.svg#ios7-style-font-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Smake_Icons';
	src:url('../../fonts/Smake_Icons_V2.eot');
	src:url('../../fonts/Smake_Icons_V2.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/Smake_Icons_V2.woff') format('woff'),
		url('../../fonts/Smake_Icons_V2.ttf') format('truetype'),
		url('../../fonts/Smake_Icons_V2.svg#Smake_Icons') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icon-stack {
	position:relative;
	display:inline-block;
	width:1.7em;
	height:1.7em;
	line-height:1.7em;
	vertical-align:-30%;
	text-align:center;
	font-size:1.1429em;
}
.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"] {
	display:block;
	text-align:center;
	position:absolute;
	width:100%;
	height:100%;
	line-height:inherit;
	font-size:1em;
}
.icon-stack .icon-stack-base {
	font-size:1.6em;
}
.icon-minilarge{font-size:1.2em;}
.icon-large{font-size:1.333em;}
.icon-2x{font-size:2em;}
.icon-3x{font-size:3em;}
.icon-4x{font-size:4em;}
.icon-5x{font-size:5em;}

.icons-ul li {
	list-style:none;
}
.icons-ul li i {
	margin-right:5px;
}
.icon-light {
	color:#fff;
}
.icon-fast-backward-alt, .icon-fast-backward, .icon-eject, .icon-eject-alt, .icon-fast-forward, .icon-fast-forward-alt, .icon-zoom-out, .icon-zoom-in, .icon-youtube, .icon-youtube-sign, .icon-xing, .icon-xing-sign, .icon-wrench, .icon-windows, .icon-windows-alt, .icon-warning-sign, .icon-volume-up, .icon-volume-off, .icon-volume-down, .icon-vimeo, .icon-vimeo-alt, .icon-user, .icon-user-alt, .icon-usd, .icon-upload, .icon-upload-alt, .icon-unlock, .icon-unlock-alt, .icon-unlink, .icon-undo, .icon-underline, .icon-umbrella, .icon-twitter, .icon-twitter-sign, .icon-twitter-alt, .icon-tumblr, .icon-tumblr-sign, .icon-tumblr-alt, .icon-truck, .icon-trello, .icon-trash, .icon-tint, .icon-tint-alt, .icon-time, .icon-ticket, .icon-thumbs-up, .icon-thumbs-up-alt, .icon-thumbs-down, .icon-thumbs-down-alt, .icon-th, .icon-th-list, .icon-th-large, .icon-text-width, .icon-text-height, .icon-terminal, .icon-tasks, .icon-tags, .icon-tag, .icon-tablet, .icon-table, .icon-superscript, .icon-sun, .icon-suitcase, .icon-suitcase-alt, .icon-subscript, .icon-strikethrough, .icon-stop, .icon-stop-alt, .icon-step-forward, .icon-step-forward-alt, .icon-step-backward, .icon-step-backward-alt, .icon-star, .icon-star-half, .icon-star-half-empty, .icon-star-empty, .icon-stackexchange, .icon-spinner, .icon-soundcloud, .icon-soundcloud-alt, .icon-sort, .icon-sort-up, .icon-sort-down, .icon-sort-by-order, .icon-sort-by-order-alt, .icon-sort-by-attributes, .icon-sort-by-attributes-alt, .icon-sort-by-alphabet, .icon-sort-by-alphabet-alt, .icon-smile, .icon-skype, .icon-skype-sign, .icon-skype-alt, .icon-sitemap, .icon-signout, .icon-signin, .icon-signal, .icon-sign-blank, .icon-sign-blank-alt, .icon-shopping-cart, .icon-shield, .icon-share, .icon-share-sign, .icon-share-alt, .icon-search, .icon-screenshot, .icon-save, .icon-rss, .icon-rss-sign, .icon-rocket, .icon-retweet, .icon-resize-vertical, .icon-resize-small, .icon-resize-horizontal, .icon-resize-full, .icon-reply, .icon-reply-all, .icon-reply-all-alt, .icon-repeat, .icon-reorder, .icon-remove, .icon-remove-sign, .icon-remove-circle, .icon-refresh, .icon-random, .icon-quote-right, .icon-quote-right-alt, .icon-quote-left, .icon-quote-left-alt, .icon-question, .icon-question-sign, .icon-qrcode, .icon-puzzle-piece, .icon-pushpin, .icon-print, .icon-plus, .icon-plus-sign, .icon-plus-sign-alt, .icon-play, .icon-play-circle, .icon-play-alt, .icon-plane, .icon-pinterest, .icon-pinterest-sign, .icon-picture, .icon-phone, .icon-phone-sign, .icon-phone-sign-alt, .icon-phone-alt, .icon-pencil, .icon-pause, .icon-pause-alt, .icon-paste, .icon-paper-clip, .icon-ok, .icon-ok-circle, .icon-off, .icon-music, .icon-move, .icon-moon, .icon-money, .icon-mobile-phone, .icon-minus, .icon-minus-sign, .icon-minus-sign-alt, .icon-microphone, .icon-microphone-off, .icon-meh, .icon-medkit, .icon-maxcdn, .icon-map-marker, .icon-male, .icon-male-sign, .icon-male-sign-alt, .icon-male-alt, .icon-mail-reply-all, .icon-magnet, .icon-magic, .icon-long-arrow-up, .icon-long-arrow-right, .icon-long-arrow-left, .icon-long-arrow-down, .icon-lock, .icon-location-arrow, .icon-list-ul, .icon-list-ol, .icon-list-alt, .icon-linux, .icon-linkedin, .icon-linkedin-sign, .icon-linkedin-alt, .icon-link, .icon-lightbulb, .icon-level-up, .icon-level-down, .icon-lemon, .icon-legal, .icon-leaf, .icon-laptop, .icon-krw, .icon-keyboard, .icon-key, .icon-jpy, .icon-italic, .icon-instagram, .icon-instagram-sign, .icon-info, .icon-info-sign, .icon-indent-right, .icon-indent-left, .icon-inbox, .icon-html5, .icon-hospital, .icon-home, .icon-heart, .icon-heart-empty, .icon-headphones, .icon-hdd, .icon-hand-up, .icon-hand-right, .icon-hand-left, .icon-hand-down, .icon-h-sign, .icon-group, .icon-google-plus, .icon-google-plus-sign, .icon-google-plus-alt, .icon-globe, .icon-glasses, .icon-glass, .icon-gittip, .icon-github, .icon-gift, .icon-gbp, .icon-gamepad, .icon-frown, .icon-foursquare, .icon-forward, .icon-forward-alt, .icon-food, .icon-font, .icon-folder-open, .icon-folder-open-alt, .icon-folder-close, .icon-folder-close-alt, .icon-flickr, .icon-flickr-alt, .icon-flag, .icon-flag-checkered, .icon-flag-alt, .icon-fire, .icon-filter, .icon-film, .icon-file, .icon-file-text, .icon-file-text-alt, .icon-file-alt, .icon-fighter-jet, .icon-female, .icon-female-sign, .icon-female-sign-alt, .icon-female-alt, .icon-facetime-video, .icon-facebook, .icon-facebook-sign, .icon-facebook-alt, .icon-eye-open, .icon-eye-close, .icon-external-link, .icon-expand, .icon-expand-alt, .icon-exclamation, .icon-exclamation-sign, .icon-exchange, .icon-eur, .icon-eraser, .icon-envelope, .icon-envelope-alt, .icon-ellipsis-vertical, .icon-ellipsis-horizontal, .icon-edit, .icon-edit-sign, .icon-dropbox, .icon-dribbble, .icon-download, .icon-download-alt, .icon-double-angle-up, .icon-double-angle-right, .icon-double-angle-left, .icon-double-angle-down, .icon-desktop, .icon-dashboard, .icon-cut, .icon-css3, .icon-crop, .icon-credit-card, .icon-copy, .icon-compass, .icon-comments, .icon-comments-alt, .icon-comment, .icon-comment-alt, .icon-columns, .icon-collapse, .icon-collapse-top, .icon-collapse-alt, .icon-cogs, .icon-cog, .icon-coffee, .icon-code, .icon-code-fork, .icon-cloud, .icon-cloud-upload, .icon-cloud-download, .icon-cloud-alt, .icon-circle, .icon-circle-blank, .icon-circle-arrow-up, .icon-circle-arrow-right, .icon-circle-arrow-left, .icon-circle-arrow-down, .icon-chevron-up, .icon-chevron-right, .icon-chevron-left, .icon-chevron-down, .icon-check, .icon-check-sign, .icon-check-sign-alt, .icon-check-minus, .icon-check-empty, .icon-certificate, .icon-caret-up, .icon-caret-right, .icon-caret-left, .icon-caret-down, .icon-camera, .icon-camera-retro, .icon-calendar, .icon-calendar-empty, .icon-calculator, .icon-bullseye, .icon-bullhorn, .icon-building, .icon-bug, .icon-btc, .icon-briefcase, .icon-bookmark, .icon-bookmark-empty, .icon-book, .icon-bolt, .icon-bold, .icon-bitbucket, .icon-bitbucket-sign, .icon-bell, .icon-bell-alt, .icon-beer, .icon-beaker, .icon-barcode, .icon-bar-chart, .icon-ban-circle, .icon-backward, .icon-backward-alt, .icon-asterisk, .icon-arrow-up, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-apple, .icon-apple-sign, .icon-apple-alt, .icon-angle-up, .icon-angle-right, .icon-angle-left, .icon-angle-down, .icon-android, .icon-anchor, .icon-ambulance, .icon-align-right, .icon-align-left, .icon-align-justify, .icon-align-center, .icon-adjust, .icon-dollar,.icon-rotate-left,.icon-star-half-full,.icon-mail-forward,.icon-mail-reply,.icon-rotate-right,.icon-paperclip,.icon-power-off,.icon-list, .icon-won,.icon-yen,.icon-fullscreen,.icon-euro,.icon-gears,.icon-gear,.icon-unchecked,.icon-bitcoin {
	font-family: 'ios7-style-font-icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.icon-fast-backward-alt:before{content:"\e178";}.icon-fast-backward:before{content:"\e179";}.icon-eject:before{content:"\e17a";}.icon-eject-alt:before{content:"\e17b";}.icon-fast-forward:before{content:"\e17c";}.icon-fast-forward-alt:before{content:"\e17d";}.icon-zoom-out:before{content:"\e000";}.icon-zoom-in:before{content:"\e001";}.icon-youtube:before{content:"\e002";}.icon-youtube-sign:before{content:"\e003";}.icon-xing:before{content:"\e004";}.icon-xing-sign:before{content:"\e005";}.icon-wrench:before{content:"\e006";}.icon-windows:before{content:"\e007";}.icon-windows-alt:before{content:"\e008";}.icon-warning-sign:before{content:"\e009";}.icon-volume-up:before{content:"\e00a";}.icon-volume-off:before{content:"\e00b";}.icon-volume-down:before{content:"\e00c";}.icon-vimeo:before{content:"\e00d";}.icon-vimeo-alt:before{content:"\e00e";}.icon-user:before{content:"\e00f";}.icon-user-alt:before{content:"\e010";}.icon-usd:before,.icon-dollar:before{content:"\e011";}.icon-upload:before{content:"\e012";}.icon-upload-alt:before{content:"\e013";}.icon-unlock:before{content:"\e014";}.icon-unlock-alt:before{content:"\e015";}.icon-unlink:before{content:"\e016";}.icon-undo:before,.icon-rotate-left:before{content:"\e017";}.icon-underline:before{content:"\e018";}.icon-umbrella:before{content:"\e019";}.icon-twitter:before{content:"\e01a";}.icon-twitter-sign:before{content:"\e01b";}.icon-twitter-alt:before{content:"\e01c";}.icon-tumblr:before{content:"\e01d";}.icon-tumblr-sign:before{content:"\e01e";}.icon-tumblr-alt:before{content:"\e01f";}.icon-truck:before{content:"\e020";}.icon-trello:before{content:"\e021";}.icon-trash:before{content:"\e022";}.icon-tint:before{content:"\e023";}.icon-tint-alt:before{content:"\e024";}.icon-time:before{content:"\e025";}.icon-ticket:before{content:"\e026";}.icon-thumbs-up:before{content:"\e027";}.icon-thumbs-up-alt:before{content:"\e028";}.icon-thumbs-down:before{content:"\e029";}.icon-thumbs-down-alt:before{content:"\e02a";}.icon-th:before{content:"\e02b";}.icon-th-list:before{content:"\e02c";}.icon-th-large:before{content:"\e02d";}.icon-text-width:before{content:"\e02e";}.icon-text-height:before{content:"\e02f";}.icon-terminal:before{content:"\e030";}.icon-tasks:before{content:"\e031";}.icon-tags:before{content:"\e032";}.icon-tag:before{content:"\e033";}.icon-tablet:before{content:"\e034";}.icon-table:before{content:"\e035";}.icon-superscript:before{content:"\e036";}.icon-sun:before{content:"\e037";}.icon-suitcase:before{content:"\e038";}.icon-suitcase-alt:before{content:"\e039";}.icon-subscript:before{content:"\e03a";}.icon-strikethrough:before{content:"\e03b";}.icon-stop:before{content:"\e03c";}.icon-stop-alt:before{content:"\e03d";}.icon-step-forward:before{content:"\e03e";}.icon-step-forward-alt:before{content:"\e03f";}.icon-step-backward:before{content:"\e040";}.icon-step-backward-alt:before{content:"\e041";}.icon-star:before{content:"\e042";}.icon-star-half:before{content:"\e043";}.icon-star-half-empty:before,.icon-star-half-full:before{content:"\e044";}.icon-star-empty:before{content:"\e045";}.icon-stackexchange:before{content:"\e046";}.icon-spinner:before{content:"\e047";}.icon-soundcloud:before{content:"\e048";}.icon-soundcloud-alt:before{content:"\e049";}.icon-sort:before{content:"\e04a";}.icon-sort-up:before{content:"\e04b";}.icon-sort-down:before{content:"\e04c";}.icon-sort-by-order:before{content:"\e04d";}.icon-sort-by-order-alt:before{content:"\e04e";}.icon-sort-by-attributes:before{content:"\e04f";}.icon-sort-by-attributes-alt:before{content:"\e050";}.icon-sort-by-alphabet:before{content:"\e051";}.icon-sort-by-alphabet-alt:before{content:"\e052";}.icon-smile:before{content:"\e053";}.icon-skype:before{content:"\e054";}.icon-skype-sign:before{content:"\e055";}.icon-skype-alt:before{content:"\e056";}.icon-sitemap:before{content:"\e057";}.icon-signout:before{content:"\e058";}.icon-signin:before{content:"\e059";}.icon-signal:before{content:"\e05a";}.icon-sign-blank:before{content:"\e05b";}.icon-sign-blank-alt:before{content:"\e05c";}.icon-shopping-cart:before{content:"\e05d";}.icon-shield:before{content:"\e05e";}.icon-share:before{content:"\e05f";}.icon-share-sign:before{content:"\e060";}.icon-share-alt:before,.icon-mail-forward:before{content:"\e061";}.icon-search:before{content:"\e062";}.icon-screenshot:before{content:"\e063";}.icon-save:before{content:"\e064";}.icon-rss:before{content:"\e065";}.icon-rss-sign:before{content:"\e066";}.icon-rocket:before{content:"\e067";}.icon-retweet:before{content:"\e068";}.icon-resize-vertical:before{content:"\e069";}.icon-resize-small:before{content:"\e06a";}.icon-resize-horizontal:before{content:"\e06b";}.icon-resize-full:before{content:"\e06c";}.icon-reply:before,.icon-mail-reply:before{content:"\e06d";}.icon-reply-all:before{content:"\e06e";}.icon-reply-all-alt:before{content:"\e06f";}.icon-repeat:before,.icon-rotate-right:before{content:"\e070";}.icon-reorder:before{content:"\e071";}.icon-remove:before{content:"\e072";}.icon-remove-sign:before{content:"\e073";}.icon-remove-circle:before{content:"\e074";}.icon-refresh:before{content:"\e075";}.icon-random:before{content:"\e076";}.icon-quote-right:before{content:"\e077";}.icon-quote-right-alt:before{content:"\e078";}.icon-quote-left:before{content:"\e079";}.icon-quote-left-alt:before{content:"\e07a";}.icon-question:before{content:"\e07b";}.icon-question-sign:before{content:"\e07c";}.icon-qrcode:before{content:"\e07d";}.icon-puzzle-piece:before{content:"\e07e";}.icon-pushpin:before{content:"\e07f";}.icon-print:before{content:"\e080";}.icon-plus:before{content:"\e081";}.icon-plus-sign:before{content:"\e082";}.icon-plus-sign-alt:before{content:"\e083";}.icon-play:before{content:"\e084";}.icon-play-circle:before{content:"\e085";}.icon-play-alt:before{content:"\e086";}.icon-plane:before{content:"\e087";}.icon-pinterest:before{content:"\e088";}.icon-pinterest-sign:before{content:"\e089";}.icon-picture:before{content:"\e08a";}.icon-phone:before{content:"\e08b";}.icon-phone-sign:before{content:"\e08c";}.icon-phone-sign-alt:before{content:"\e08d";}.icon-phone-alt:before{content:"\e08e";}.icon-pencil:before{content:"\e08f";}.icon-pause:before{content:"\e090";}.icon-pause-alt:before{content:"\e091";}.icon-paste:before{content:"\e092";}.icon-paper-clip:before,.icon-paperclip:before{content:"\e093";}.icon-ok:before{content:"\e094";}.icon-ok-circle:before{content:"\e095";}.icon-off:before,.icon-power-off:before{content:"\e096";}.icon-music:before{content:"\e097";}.icon-move:before{content:"\e098";}.icon-moon:before{content:"\e099";}.icon-money:before{content:"\e09a";}.icon-mobile-phone:before{content:"\e09b";}.icon-minus:before{content:"\e09c";}.icon-minus-sign:before{content:"\e09d";}.icon-minus-sign-alt:before{content:"\e09e";}.icon-microphone:before{content:"\e09f";}.icon-microphone-off:before{content:"\e0a0";}.icon-meh:before{content:"\e0a1";}.icon-medkit:before{content:"\e0a2";}.icon-maxcdn:before{content:"\e0a3";}.icon-map-marker:before{content:"\e0a4";}.icon-male:before{content:"\e0a5";}.icon-male-sign:before{content:"\e0a6";}.icon-male-sign-alt:before{content:"\e0a7";}.icon-male-alt:before{content:"\e0a8";}.icon-mail-reply-all:before{content:"\e0a9";}.icon-magnet:before{content:"\e0aa";}.icon-magic:before{content:"\e0ab";}.icon-long-arrow-up:before{content:"\e0ac";}.icon-long-arrow-right:before{content:"\e0ad";}.icon-long-arrow-left:before{content:"\e0ae";}.icon-long-arrow-down:before{content:"\e0af";}.icon-lock:before{content:"\e0b0";}.icon-location-arrow:before{content:"\e0b1";}.icon-list-ul:before,.icon-list:before{content:"\e0b2";}.icon-list-ol:before{content:"\e0b3";}.icon-list-alt:before{content:"\e0b4";}.icon-linux:before{content:"\e0b5";}.icon-linkedin:before{content:"\e0b6";}.icon-linkedin-sign:before{content:"\e0b7";}.icon-linkedin-alt:before{content:"\e0b8";}.icon-link:before{content:"\e0b9";}.icon-lightbulb:before{content:"\e0ba";}.icon-level-up:before{content:"\e0bb";}.icon-level-down:before{content:"\e0bc";}.icon-lemon:before{content:"\e0bd";}.icon-legal:before{content:"\e0be";}.icon-leaf:before{content:"\e0bf";}.icon-laptop:before{content:"\e0c0";}.icon-krw:before,.icon-won:before{content:"\e0c1";}.icon-keyboard:before{content:"\e0c2";}.icon-key:before{content:"\e0c3";}.icon-jpy:before,.icon-yen:before{content:"\e0c4";}.icon-italic:before{content:"\e0c5";}.icon-instagram:before{content:"\e0c6";}.icon-instagram-sign:before{content:"\e0c7";}.icon-info:before{content:"\e0c8";}.icon-info-sign:before{content:"\e0c9";}.icon-indent-right:before{content:"\e0ca";}.icon-indent-left:before{content:"\e0cb";}.icon-inbox:before{content:"\e0cc";}.icon-html5:before{content:"\e0cd";}.icon-hospital:before{content:"\e0ce";}.icon-home:before{content:"\e0cf";}.icon-heart:before{content:"\e0d0";}.icon-heart-empty:before{content:"\e0d1";}.icon-headphones:before{content:"\e0d2";}.icon-hdd:before{content:"\e0d3";}.icon-hand-up:before{content:"\e0d4";}.icon-hand-right:before{content:"\e0d5";}.icon-hand-left:before{content:"\e0d6";}.icon-hand-down:before{content:"\e0d7";}.icon-h-sign:before{content:"\e0d8";}.icon-group:before{content:"\e0d9";}.icon-google-plus:before{content:"\e0da";}.icon-google-plus-sign:before{content:"\e0db";}.icon-google-plus-alt:before{content:"\e0dc";}.icon-globe:before{content:"\e0dd";}.icon-glasses:before{content:"\e0de";}.icon-glass:before{content:"\e0df";}.icon-gittip:before{content:"\e0e0";}.icon-github:before{content:"\e0e1";}.icon-gift:before{content:"\e0e2";}.icon-gbp:before{content:"\e0e3";}.icon-gamepad:before{content:"\e0e4";}.icon-frown:before{content:"\e0e5";}.icon-foursquare:before{content:"\e0e6";}.icon-forward:before{content:"\e0e7";}.icon-forward-alt:before{content:"\e0e8";}.icon-food:before{content:"\e0e9";}.icon-font:before{content:"\e0ea";}.icon-folder-open:before{content:"\e0eb";}.icon-folder-open-alt:before{content:"\e0ec";}.icon-folder-close:before{content:"\e0ed";}.icon-folder-close-alt:before{content:"\e0ee";}.icon-flickr:before{content:"\e0ef";}.icon-flickr-alt:before{content:"\e0f0";}.icon-flag:before{content:"\e0f1";}.icon-flag-checkered:before{content:"\e0f2";}.icon-flag-alt:before{content:"\e0f3";}.icon-fire:before{content:"\e0f4";}.icon-filter:before{content:"\e0f5";}.icon-film:before{content:"\e0f6";}.icon-file:before{content:"\e0f7";}.icon-file-text:before{content:"\e0f8";}.icon-file-text-alt:before{content:"\e0f9";}.icon-file-alt:before{content:"\e0fa";}.icon-fighter-jet:before{content:"\e0fb";}.icon-female:before{content:"\e0fc";}.icon-female-sign:before{content:"\e0fd";}.icon-female-sign-alt:before{content:"\e0fe";}.icon-female-alt:before{content:"\e0ff";}.icon-facetime-video:before{content:"\e100";}.icon-facebook:before{content:"\e101";}.icon-facebook-sign:before{content:"\e102";}.icon-facebook-alt:before{content:"\e103";}.icon-eye-open:before{content:"\e104";}.icon-eye-close:before{content:"\e105";}.icon-external-link:before{content:"\e106";}.icon-expand:before,.icon-fullscreen:before{content:"\e107";}.icon-expand-alt:before{content:"\e108";}.icon-exclamation:before{content:"\e109";}.icon-exclamation-sign:before{content:"\e10a";}.icon-exchange:before{content:"\e10b";}.icon-eur:before,.icon-euro:before{content:"\e10c";}.icon-eraser:before{content:"\e10d";}.icon-envelope:before{content:"\e10e";}.icon-envelope-alt:before{content:"\e10f";}.icon-ellipsis-vertical:before{content:"\e110";}.icon-ellipsis-horizontal:before{content:"\e111";}.icon-edit:before{content:"\e112";}.icon-edit-sign:before{content:"\e113";}.icon-dropbox:before{content:"\e114";}.icon-dribbble:before{content:"\e115";}.icon-download:before{content:"\e116";}.icon-download-alt:before{content:"\e117";}.icon-double-angle-up:before{content:"\e118";}.icon-double-angle-right:before{content:"\e119";}.icon-double-angle-left:before{content:"\e11a";}.icon-double-angle-down:before{content:"\e11b";}.icon-desktop:before{content:"\e11c";}.icon-dashboard:before{content:"\e11d";}.icon-cut:before{content:"\e11e";}.icon-css3:before{content:"\e11f";}.icon-crop:before{content:"\e120";}.icon-credit-card:before{content:"\e121";}.icon-copy:before{content:"\e122";}.icon-compass:before{content:"\e123";}.icon-comments:before{content:"\e124";}.icon-comments-alt:before{content:"\e125";}.icon-comment:before{content:"\e126";}.icon-comment-alt:before{content:"\e127";}.icon-columns:before{content:"\e128";}.icon-collapse:before{content:"\e129";}.icon-collapse-top:before{content:"\e12a";}.icon-collapse-alt:before{content:"\e12b";}.icon-cogs:before,.icon-gears:before{content:"\e12c";}.icon-cog:before,.icon-gear:before{content:"\e12d";}.icon-coffee:before{content:"\e12e";}.icon-code:before{content:"\e12f";}.icon-code-fork:before{content:"\e130";}.icon-cloud:before{content:"\e131";}.icon-cloud-upload:before{content:"\e132";}.icon-cloud-download:before{content:"\e133";}.icon-cloud-alt:before{content:"\e134";}.icon-circle:before{content:"\e135";}.icon-circle-blank:before{content:"\e136";}.icon-circle-arrow-up:before{content:"\e137";}.icon-circle-arrow-right:before{content:"\e138";}.icon-circle-arrow-left:before{content:"\e139";}.icon-circle-arrow-down:before{content:"\e13a";}.icon-chevron-up:before{content:"\e13b";}.icon-chevron-right:before{content:"\e13c";}.icon-chevron-left:before{content:"\e13d";}.icon-chevron-down:before{content:"\e13e";}.icon-check:before{content:"\e13f";}.icon-check-sign:before{content:"\e140";}.icon-check-sign-alt:before{content:"\e141";}.icon-check-minus:before{content:"\e142";}.icon-check-empty:before,.icon-unchecked:before{content:"\e143";}.icon-certificate:before{content:"\e144";}.icon-caret-up:before{content:"\e145";}.icon-caret-right:before{content:"\e146";}.icon-caret-left:before{content:"\e147";}.icon-caret-down:before{content:"\e148";}.icon-camera:before{content:"\e149";}.icon-camera-retro:before{content:"\e14a";}.icon-calendar:before{content:"\e14b";}.icon-calendar-empty:before{content:"\e14c";}.icon-calculator:before{content:"\e14d";}.icon-bullseye:before{content:"\e14e";}.icon-bullhorn:before{content:"\e14f";}.icon-building:before{content:"\e150";}.icon-bug:before{content:"\e151";}.icon-btc:before,.icon-bitcoin:before{content:"\e152";}.icon-briefcase:before{content:"\e153";}.icon-bookmark:before{content:"\e154";}.icon-bookmark-empty:before{content:"\e155";}.icon-book:before{content:"\e156";}.icon-bolt:before{content:"\e157";}.icon-bold:before{content:"\e158";}.icon-bitbucket:before{content:"\e159";}.icon-bitbucket-sign:before{content:"\e15a";}.icon-bell:before{content:"\e15b";}.icon-bell-alt:before{content:"\e15c";}.icon-beer:before{content:"\e15d";}.icon-beaker:before{content:"\e15e";}.icon-barcode:before{content:"\e15f";}.icon-bar-chart:before{content:"\e160";}.icon-ban-circle:before{content:"\e161";}.icon-backward:before{content:"\e162";}.icon-backward-alt:before{content:"\e163";}.icon-asterisk:before{content:"\e164";}.icon-arrow-up:before{content:"\e165";}.icon-arrow-right:before{content:"\e166";}.icon-arrow-left:before{content:"\e167";}.icon-arrow-down:before{content:"\e168";}.icon-apple:before{content:"\e169";}.icon-apple-sign:before{content:"\e16a";}.icon-apple-alt:before{content:"\e16b";}.icon-angle-up:before{content:"\e16c";}.icon-angle-right:before{content:"\e16d";}.icon-angle-left:before{content:"\e16e";}.icon-angle-down:before{content:"\e16f";}.icon-android:before{content:"\e170";}.icon-anchor:before{content:"\e171";}.icon-ambulance:before{content:"\e172";}.icon-align-right:before{content:"\e173";}.icon-align-left:before{content:"\e174";}.icon-align-justify:before{content:"\e175";}.icon-align-center:before{content:"\e176";}.icon-adjust:before{content:"\e177";}.icon-full-resize{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1);}

/*! yamlcss v4.1.2 (2014-02-17) */

@media all{*{margin:0;padding:0}option{padding-left:.4em}select{padding:1px}* html body *{overflow:visible}body{font-size:100%;background:#fff;color:#000;text-align:left}div:target,h1:target,h2:target,h3:target,h4:target,h5:target,h6:target{outline:0 none}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}[hidden]{display:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}svg:not(:root){overflow:hidden}figure{margin:0}fieldset,img{border:0 solid}ul,ol,dl{margin:0 0 1em 1em}li{line-height:1.5em;margin-left:.8em}dt{font-weight:700}dd{margin:0 0 1em .8em}blockquote{margin:0 0 1em .8em}q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.ym-clearfix:before{content:"";display:table}.ym-clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.ym-contain-dt{display:table;table-layout:fixed;width:100%}.ym-contain-oh{display:block;overflow:hidden;width:100%}.ym-contain-fl{float:left;width:100%}.ym-column{display:table;table-layout:fixed;width:100%}.ym-col1{float:left;width:20%}.ym-col2{float:right;width:20%}.ym-col3{width:auto;margin:0 20%}.ym-cbox{padding:0 10px}.ym-cbox-left{padding:0 10px 0 0}.ym-cbox-right{padding:0 0 0 10px}.ym-ie-clearing{display:none}.ym-grid{display:table;table-layout:fixed;width:100%;list-style-type:none;padding-left:0;padding-right:0;margin-left:0;margin-right:0}.ym-gl{float:left;margin:0}.ym-gr{float:right;margin:0 0 0 -5px}.ym-g20{width:20%}.ym-g40{width:40%}.ym-g60{width:60%}.ym-g80{width:80%}.ym-g25{width:25%}.ym-g33{width:33.333%}.ym-g50{width:50%}.ym-g66{width:66.666%}.ym-g75{width:75%}.ym-g38{width:38.2%}.ym-g62{width:61.8%}.ym-gbox{padding:0 10px}.ym-gbox-left{padding:0 10px 0 0}.ym-gbox-right{padding:0 0 0 10px}.ym-equalize{overflow:hidden}.ym-equalize>[class*=ym-g]{display:table-cell;float:none;margin:0;vertical-align:top}.ym-equalize>[class*=ym-g]>[class*=ym-gbox]{padding-bottom:10000px;margin-bottom:-10000px}.ym-form,.ym-form fieldset{overflow:hidden}.ym-form div{position:relative}.ym-form label,.ym-form .ym-label,.ym-form .ym-message{position:relative;line-height:1.5;display:block}.ym-form .ym-message{clear:both}.ym-form .ym-fbox-check label{display:inline}.ym-form input,.ym-form textarea{cursor:text}.ym-form .ym-fbox-check input,.ym-form input[type=image],.ym-form input[type=radio],.ym-form input[type=checkbox],.ym-form select,.ym-form label{cursor:pointer}.ym-form textarea{overflow:auto}.ym-form input.hidden,.ym-form input[type=hidden]{display:none!important}.ym-form .ym-fbox:before,.ym-form .ym-fbox-text:before,.ym-form .ym-fbox-select:before,.ym-form .ym-fbox-check:before,.ym-form .ym-fbox-button:before{content:"";display:table}.ym-form .ym-fbox:after,.ym-form .ym-fbox-text:after,.ym-form .ym-fbox-select:after,.ym-form .ym-fbox-check:after,.ym-form .ym-fbox-button:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.ym-form .ym-fbox-check input:focus,.ym-form .ym-fbox-check input:hover,.ym-form .ym-fbox-check input:active,.ym-form input[type=radio]:focus,.ym-form input[type=radio]:hover,.ym-form input[type=radio]:active,.ym-form input[type=checkbox]:focus,.ym-form input[type=checkbox]:hover,.ym-form input[type=checkbox]:active{border:0 none}.ym-form input,.ym-form textarea,.ym-form select{display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:70%}.ym-form .ym-fbox-check input,.ym-form input[type=radio],.ym-form input[type=checkbox]{display:inline;margin-left:0;margin-right:.5ex;width:auto;height:auto}.ym-form input[type=image]{border:0;display:inline;height:auto;margin:0;padding:0;width:auto}.ym-form label,.ym-form .ym-label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ym-form .ym-fbox-button input{display:inline;overflow:visible;width:auto}.ym-form .ym-inline{display:inline-block;float:none;margin-right:0;width:auto;vertical-align:baseline}.ym-fbox-wrap{display:table;table-layout:fixed;width:70%}.ym-fbox-wrap input,.ym-fbox-wrap textarea,.ym-fbox-wrap select{width:100%}.ym-fbox-wrap input[type=image]{width:auto}.ym-fbox-wrap input[type=radio],.ym-fbox-wrap input[type=checkbox]{display:inline;width:auto;margin-left:0;margin-right:.5ex}.ym-fbox-wrap label,.ym-fbox-wrap .ym-label{display:inline}.ym-full input,.ym-full textarea,.ym-full select{width:100%}.ym-full .ym-fbox-wrap{width:100%}.ym-columnar input,.ym-columnar textarea,.ym-columnar select{float:left;margin-right:-3px}.ym-columnar label,.ym-columnar .ym-label{display:inline;float:left;width:30%;z-index:1}.ym-columnar .ym-fbox-check input,.ym-columnar .ym-message{margin-left:30%}.ym-columnar .ym-fbox-wrap{margin-left:30%;margin-right:-3px}.ym-columnar .ym-fbox-wrap .ym-message{margin-left:0}.ym-columnar .ym-fbox-wrap label{float:none;width:auto;z-index:1;margin-left:0}.ym-columnar .ym-fbox-wrap input{margin-left:0;position:relative}.ym-columnar .ym-fbox-check{position:relative}.ym-columnar .ym-fbox-check label,.ym-columnar .ym-fbox-check .ym-label{padding-top:0}.ym-columnar .ym-fbox-check input{top:3px}.ym-columnar .ym-fbox-button input{float:none;margin-right:1em}.ym-fbox-wrap+.ym-fbox-wrap{margin-top:.5em}.ym-columnar fieldset .ym-fbox-button,fieldset.ym-columnar .ym-fbox-button{padding-left:30%}.ym-skip,.ym-hideme,.ym-print{position:absolute;top:-32768px;left:-32768px}.ym-skip:focus,.ym-skip:active{position:static;top:0;left:0}.ym-skiplinks{position:absolute;top:0;left:-32768px;z-index:1000;width:100%;margin:0;padding:0;list-style-type:none}.ym-skiplinks .ym-skip:focus,.ym-skiplinks .ym-skip:active{left:32768px;outline:0 none;position:absolute;width:100%}}@media print{.ym-grid>.ym-gl,.ym-grid>.ym-gr{overflow:visible;display:table;table-layout:fixed}.ym-print{position:static;left:0}.ym-noprint{display:none!important}}
.captchaForm {
	clear: both;
	width: 70% !important;
}
.ym-g10{width:10%}
.ym-g15{width:15%}
.ym-g55{width:55%}
.ym-g35{width:35%}
.ym-g45{width:45%}
.ym-g90{width:90%}
.ym-g32{width:32%}
.ym-g68{width:68%}
.ym-form.ym-columnar input.hascaptcha  {float:left;margin-left:30%;}
/*! jQuery UI - v1.11.3 - 2015-02-16
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_888888_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}

.ui-dialog {z-index:5000;}
.ui-widget {font-size:1em;}
/*.ui-widget-content {border:none;}*/
.ui-tabs-nav li {font-size:.8571em;}
.ui-widget-header {background:none;border-right:none;border-top:none;border-left:none;border-bottom-right-radius:0;border-bottom-left-radius:0;}
.ui-tabds .ui-tabs-nav {padding-left:0;padding-right:0;}

.ui-rotatable-handle {
	height: 16px;
	width: 16px;
	cursor: pointer;
	background:transparent;
	position:absolute;
	z-Index:6005;
	right: -18px;
	top: -18px;
}
.resser {cursor:pointer;}
.ui-resizable {position:relative;}
.ddui-resizable-se {right:-5px;bottom:-5px;width:9px;height:9px;}

/*
	* Style settings of LayerSlider
	*
	* (c) 2011-2013 George Krupa, John Gera & Kreatura Media
	*
	* Plugin web:			http://kreaturamedia.com/
	* Licenses: 			http://codecanyon.net/licenses/
*/



/* Global settings */

.ls-container {
	visibility: hidden;
	position: relative;
}

.ls-lt-container {
	position: absolute;
}

.ls-lt-container,
.ls-lt-container * {
	text-align: left !important;
	direction: ltr !important;
}

.ls-container-fullscreen {
	margin: 0 auto !important;
	padding: 2% !important;
	background: black !important;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border: none !important;
}

.ls-container-fullscreen .ls-thumbnail-wrapper,
.ls-container-fullscreen .ls-fullscreen,
.ls-container-fullscreen .ls-shadow {
	display: none !important;
}

.ls-overflow-hidden {
	overflow: hidden;
}

.ls-inner {
	position: relative;
	background-position: center center;
	z-index: 2;
}

.ls-loading-container {
	position: absolute !important;
	display: none;
	z-index: 3 !important;
	left: 50% !important;
	top: 50% !important;
}

.ls-loading-indicator {
	margin: 0 auto;
}

.ls-inner,
.ls-slide {
	width: 100%;
	height: 100%;
}

.ls-slide,
.ls-layer {
	position: absolute;
	display: none;
	background-position: center center;
	overflow: hidden;
}

.ls-active,
.ls-animating {
	display: block !important;
}

.ls-slide > * {
	position: absolute;
	line-height: normal;
	margin: 0;
	left: 0;
	top: 0;
}

.ls-slide .ls-bg {
	left: 0px;
	top: 0px;
	transform: none !important;
	-o-transform: none !important;
	-ms-transform: none !important;
	-moz-transform: none !important;
	-webkit-transform: none !important;
}

.ls-yourlogo {
	position: absolute;
	z-index: 99;
}



/* Timers */

.ls-bar-timer {
	position: absolute;
	width: 0;
	height: 2px;
	background: white;
	border-bottom: 2px solid #555;
	opacity: .55;
	filter: alpha(opacity=55);
	z-index: 4;
	top: 0;
}

.ls-circle-timer {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 4;
	opacity: .65;
	filter: alpha(opacity=65);
	display: none;
}

.ls-ct-half {
	background: white;
}

.ls-ct-center {
	background: #444;
}

.ls-ct-left,
.ls-ct-right {
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.ls-ct-left,
.ls-ct-right {
	float: left;
	position: relative;
}

.ls-ct-rotate {
	width: 200%;
	height: 100%;
	position: absolute;
	top: 0;
}

.ls-ct-left .ls-ct-rotate,
.ls-ct-right .ls-ct-hider,
.ls-ct-right .ls-ct-half {
	left: 0;
}

.ls-ct-right .ls-ct-rotate,
.ls-ct-left .ls-ct-hider,
.ls-ct-left .ls-ct-half {
	right: 0;
}

.ls-ct-hider,
.ls-ct-half {
	position: absolute;
	top: 0;
}

.ls-ct-hider {
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.ls-ct-half {
	width: 200%;
	height: 100%;
}

.ls-ct-center {
	width: 50%;
	height: 50%;
	left: 25%;
	top: 25%;
	position: absolute;
}

.ls-ct-half,
.ls-ct-center {
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}



/* Navigation */

.ls-bottom-nav-wrapper {
	height: 0;
}

.ls-bottom-slidebuttons {
	text-align: left;
}

.ls-bottom-nav-wrapper,
.ls-below-thumbnails {
	z-index: 2;
	height: 0;
	position: relative;
	text-align: center;
	margin: 0 auto;
}

.ls-below-thumbnails {
	display: none;
	z-index: 6;
}

.ls-bottom-nav-wrapper a,
.ls-nav-prev,
.ls-nav-next {
	outline: none;
}

* .ls-bottom-nav-wrapper *,
* .ls-bottom-nav-wrapper span * {
	direction: ltr !important;
}

.ls-bottom-slidebuttons {
	position: relative;
	z-index: 1000;
}

.ls-bottom-slidebuttons,
.ls-nav-start,
.ls-nav-stop,
.ls-nav-sides {
	position: relative;
}

.ls-nothumb {
	text-align: center !important;
}

.ls-link {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	top: 0 !important;
	background-image: url(blank.gif);
}

.ls-slide > a > * {
	background-image: url(blank.gif);
}



/* Embedded videos */

.ls-vpcontainer {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.ls-videopreview {
	width : 100%;
	height : 100%;
	position : absolute;
	left : 0;
	top : 0;
	cursor : pointer;
}

.ls-playvideo {
	position: absolute;
	left: 50%;
	top: 50%;
	cursor: pointer;
}



/* Thumbnails */

.ls-tn {
	display: none !important;
}

.ls-thumbnail-hover {
	display: none;
	position: absolute;
	left: 0;
}

.ls-thumbnail-hover-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

.ls-thumbnail-hover-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.ls-thumbnail-hover-img {
	position: absolute;
	overflow: hidden;
}

.ls-thumbnail-hover img {
	max-width: none !important;
	position: absolute;
	display: inline-block;
	visibility: visible !important;
	left: 50%;
	top: 0;
}

.ls-thumbnail-hover span {
	left: 50%;
	top: 100%;
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
}

.ls-thumbnail-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 4;
}

.ls-thumbnail {
	position: relative;
	margin: 0 auto;
}

.ls-thumbnail-inner,
.ls-thumbnail-slide-container {
	width: 100%;
}

.ls-thumbnail-slide-container {
	overflow: hidden !important;
	position: relative;
}

.ls-touchscroll {
	overflow-x: auto !important;
}

.ls-thumbnail-slide {
	text-align: center;
	white-space: nowrap;
	float: left;
	position: relative;
}

.ls-thumbnail-slide a {
	overflow: hidden;
	display: inline-block;
	width: 0;
	height: 0;
	position: relative;
}

.ls-thumbnail-slide img {
	max-width: none !important;
	max-height: 100% !important;
	height: 100%;
	visibility: visible !important;
}

.ls-shadow {
	display: none;
	position: absolute;
	z-index: 1;
	top: 100%;
	width: 100%;
	left: 0;
	overflow: hidden !important;
	visibility: hidden;
}

.ls-shadow img {
	width: 100% !important;
	height: auto !important;
	position: absolute !important;
	left: 0 !important;
	bottom: 0 !important;
}

.ls-bottom-nav-wrapper,
.ls-thumbnail-wrapper,
.ls-nav-prev,
.ls-nav-next {
	visibility: hidden;
}



/* WP plugin fullwidth */

.ls-wp-fullwidth-container {
	width: 100%;
	position: relative;
}

.ls-wp-fullwidth-helper {
	position: absolute;
}



/* 2D & 3D Layer Transitions */

.ls-overflow-hidden {
	overflow: hidden;
}

.ls-lt-tile {
	position: relative;
	float: left;
	perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	-moz-perspective: 1000px;
	-webkit-perspective: 1000px;
}

.ls-lt-tile img {
	visibility: visible;
	display: inline-block;
}

.ls-curtiles {
	overflow: hidden;
}

.ls-curtiles,
.ls-nexttiles {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.ls-curtile, .ls-nexttile {
	overflow: hidden;
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.ls-curtile {
	left: 0;
	top: 0;
}

.ls-curtile img,
.ls-nexttile img {
	position: absolute;
	filter: inherit;
}

.ls-3d-container {
	position: relative;
	overflow: visible !important;
}

.ls-3d-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}

.ls-3d-box div {
	overflow: hidden;
	background: #777;
	margin: 0;
	padding: 0;
	position: absolute;
}



/* Full screen */

.ls-fullscreen {
	position: absolute;
	z-index: 10;
	cursor: pointer;
	display: block;
}



/* Removing all default global styles of WordPress themes */

html * .ls-nav-prev,
html * .ls-nav-next,
html * .ls-container img,
html * .ls-bottom-nav-wrapper a,
html * .ls-container .ls-fullscreen,
body * .ls-nav-prev,
body * .ls-nav-next,
body * .ls-container img,
body * .ls-bottom-nav-wrapper a,
body * .ls-container .ls-fullscreen,
#ls-global * .ls-nav-prev,
#ls-global * .ls-nav-next,
#ls-global * .ls-container img,
#ls-global * .ls-bottom-nav-wrapper a,
#ls-global * .ls-container .ls-fullscreen,
html * .ls-thumbnail a,
body * .ls-thumbnail a,
#ls-global * .ls-thumbnail a {
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	line-height: normal;
	outline: none;
	padding: 0;
	border: 0;
}

html * .ls-slide > a,
body * .ls-slide > a,
#ls-global * .ls-slide > a,
html * .ls-slide > h1,
body * .ls-slide > h1,
#ls-global * .ls-slide > h1,
html * .ls-slide > h2,
body * .ls-slide > h2,
#ls-global * .ls-slide > h2,
html * .ls-slide > h3,
body * .ls-slide > h3,
#ls-global * .ls-slide > h3,
html * .ls-slide > h4,
body * .ls-slide > h4,
#ls-global * .ls-slide > h4,
html * .ls-slide > h5,
body * .ls-slide > h5,
#ls-global * .ls-slide > h5,
html * .ls-slide > p,
body * .ls-slide > p,
#ls-global * .ls-slide > p,
html * .ls-slide > div,
body * .ls-slide > div,
#ls-global * .ls-slide > div,
html * .ls-slide > span,
body * .ls-slide > span,
#ls-global * .ls-slide > span,
html * .ls-slide > *,
body * .ls-slide > *,
#ls-global * .ls-slide > * {
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}

html * .ls-slide > *,
body * .ls-slide > *,
#ls-global * .ls-slide > * {
	margin: 0;
}

html * .ls-container img,
body * .ls-container img,
#ls-global * .ls-container img {
	background: none !important;
	min-width: 0 !important;
	max-width: none !important;
	border-radius: 0;
	box-shadow: none;
	border: 0;
	padding: 0;
}

/*html * .ls-thumbnail a img,
body * .ls-thumbnail a img,
#ls-global * .ls-thumbnail a img {
	min-width: 100% !important;
}
*/

html * .ls-wp-container .ls-slide > *,
body * .ls-wp-container .ls-slide > *,
#ls-global * .ls-wp-container .ls-slide > * {
	line-height: normal;
	outline: none;
	padding: 0;
	margin: 0;
	border: 0;
}

html * .ls-wp-container .ls-slide > a > *,
body * .ls-wp-container .ls-slide > a > *,
#ls-global * .ls-wp-container .ls-slide > a > * {
	margin: 0;
}

html * .ls-wp-container .ls-slide > a,
body * .ls-wp-container .ls-slide > a,
#ls-global * .ls-wp-container .ls-slide > a {
	text-decoration: none;
}

.ls-wp-fullwidth-container,
.ls-wp-fullwidth-helper,
.ls-container,
.ls-container * {
	box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
}

html * .ls-yourlogo,
body * .ls-yourlogo,
#ls-global * .ls-yourlogo {
	margin: 0;
}

html * .ls-tn,
body * .ls-tn,
#ls-global * .ls-tn {
	display: none;
}

.site {
	overflow: visible !important;
}



/* Style of LayerSlider Debug Console */

.ls-debug-console * {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	color: white !important;
	text-shadow: none !important;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important;
	line-height: normal !important;
	-webkit-font-smoothing: antialiased !important;
	text-align: left !important;
	font-style: normal !important;
}

.ls-debug-console h1 {
	padding-top: 10px !important;
	font-size: 17px !important;
	font-weight: bold !important;
}

.ls-debug-console h1:first-child {
	padding-top: 0 !important;
}

.ls-debug-console ul {
	padding-top: 10px !important;
	list-style: none !important;
}

.ls-debug-console li {
	margin-left: 10px !important;
	font-size: 13px !important;
	position: relative !important;
	font-weight: normal !important;
}

html * .ls-debug-console li ul,
body * .ls-debug-console li ul,
#ls-global * .ls-debug-console li ul {
	display: none;
	width: 260px;
	left: -10px;
}

.ls-debug-console li ul {
	position: absolute !important;
	bottom: 100% !important;
	padding: 10px 10px 10px 0 !important;
	background: white !important;
	border-radius: 10px !important;
	box-shadow: 0 0 20px black !important;
}

html * .ls-debug-console li:hover ul,
body * .ls-debug-console li:hover ul,
#ls-global * .ls-debug-console li:hover ul {
	display: block;
}

.ls-debug-console li ul * {
	color: black !important;
}

.ls-debug-console a {
	text-decoration: none !important;
	border-bottom: 1px dotted white !important;
}

.ls-error {
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-wenkit-border-radius: 5px !important;
	background: white !important;
	height: auto !important;
	width: auto !important;
	color: white !important;
	padding: 20px 40px 30px 80px !important;
	position: relative !important;
	box-shadow: 0 2px 20px -5px black;
}

.ls-error p {
	line-height: normal !important;
	text-shadow: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	text-align: justify !important;
	font-family: Arial, sans-serif !important;
}

.ls-error .ls-error-title {
	line-height: 40px !important;
	color: red !important;
	font-weight: bold !important;
	font-size: 16px !important;
}

.ls-error .ls-error-text {
	color: #555 !important;
	font-weight: normal !important;
	font-size: 13px !important;
}

.ls-error .ls-exclam {
	width: 40px !important;
	height: 40px !important;
	position: absolute !important;
	left: 20px !important;
	top: 20px !important;
	border-radius: 50px !important;
	-moz-border-radius: 50px !important;
	-webkit-border-radius: 50px !important;
	font-size: 30px !important;
	font-weight: bold !important;
	color: white !important;
	line-height: 40px !important;
	background: red !important;
	text-align: center !important;
}



/* GPU Hardware Acceleration */

html * .ls-container .ls-shadow,
html * .ls-container .ls-slide > *,
html * .ls-container .ls-fullscreen,
html * .ls-container .ls-3d-container,
html * .ls-container .ls-lt-container,
html * .ls-container .ls-lt-container *,
html * .ls-container .ls-thumbnail-wrapper,
html * .ls-container .ls-bottom-nav-wrapper,
body * .ls-container .ls-shadow,
body * .ls-container .ls-slide > *,
body * .ls-container .ls-fullscreen,
body * .ls-container .ls-3d-container,
body * .ls-container .ls-lt-container,
body * .ls-container .ls-lt-container *,
body * .ls-container .ls-thumbnail-wrapper,
body * .ls-container .ls-bottom-nav-wrapper,
#ls-global * .ls-container .ls-shadow,
#ls-global * .ls-container .ls-slide > *,
#ls-global * .ls-container .ls-fullscreen,
#ls-global * .ls-container .ls-3d-container,
#ls-global * .ls-container .ls-lt-container,
#ls-global * .ls-container .ls-lt-container *,
#ls-global * .ls-container .ls-thumbnail-wrapper,
#ls-global * .ls-container .ls-bottom-nav-wrapper,
.ls-gpuhack {
	transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}

.ls-videohack {
	transform: none !important;
	-o-transform: none !important;
	-ms-transform: none !important;
	-moz-transform: none !important;
	-webkit-transform: none !important;
	transform-origin: none !important;
	-o-transform-origin: none !important;
	-ms-transform-origin: none !important;
	-moz-transform-origin: none !important;
	-webkit-transform-origin: none !important;
}

.ls-oldiepnghack {
	filter: none !important;
}

.ls-gpuhack {
	width: 100% !important;
	height: 100% !important;
}


html * .ls-container .ls-webkit-hack,
body * .ls-container .ls-webkit-hack,
#ls-global * .ls-container .ls-webkit-hack {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

/* GPU */

@media (transform-3d), (-o-transform-3d), (-ms-transform-3d), (-moz-transform-3d), (-webkit-transform-3d) {
	#ls-test3d {
		position: absolute;
		left: 9px;
		height: 3px;
	}
}



/* WP plugin fullwidth */

.ls-wp-fullwidth-container {
	width: 100%;
	position: relative;
}

.ls-wp-fullwidth-helper {
	position: absolute;
}



/* 2D & 3D Layer Transitions */

.ls-overflow-hidden {
	overflow: hidden;
}

.ls-lt-tile {
	position: relative;
	float: left;
	perspective: 500px;
	-o-perspective: 500px;
	-ms-perspective: 500px;
	-moz-perspective: 500px;
	-webkit-perspective: 500px;
}

.ls-lt-tile img {
	visibility: visible;
	display: inline-block;
}

.ls-curtiles {
	overflow: hidden;
}

.ls-curtiles,
.ls-nexttiles {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.ls-curtile, .ls-nexttile {
	overflow: hidden;
	position: absolute;
	width: 100% !important;
	height: 100% !important;
}

.ls-curtile {
	left: 0px;
	top: 0px;
}

.ls-curtile img,
.ls-nexttile img {
	position: absolute;
	filter: inherit;
}

.ls-3d-container {
	position: relative;
	perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	-moz-perspective: 1000px;
	-webkit-perspective: 1000px;
	overflow: visible !important;
}

.ls-3d-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}

.ls-3d-box div {
	overflow: hidden;
	background: #777;
	margin: 0px;
	padding: 0px;
	position: absolute;
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}



/* Full screen */

.ls-fullscreen {
	position: absolute;
	z-index: 10;
	cursor: pointer;
	display: block;
}



/* Removing all default global styles of WordPress themes */

html * .ls-nav-prev,
html * .ls-nav-next,
html * .ls-container img,
html * .ls-bottom-nav-wrapper a,
html * .ls-container .ls-fullscreen,
body * .ls-nav-prev,
body * .ls-nav-next,
body * .ls-container img,
body * .ls-bottom-nav-wrapper a,
body * .ls-container .ls-fullscreen,
#ls-global * .ls-nav-prev,
#ls-global * .ls-nav-next,
#ls-global * .ls-container img,
#ls-global * .ls-bottom-nav-wrapper a,
#ls-global * .ls-container .ls-fullscreen {
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	line-height: normal;
	outline: none;
	padding: 0px;
	border: 0px;
}

html * .ls-thumbnail a,
body * .ls-thumbnail a,
#ls-global * .ls-thumbnail a {
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	line-height: normal;
	outline: none;
	padding: 0px;
	border: 0px;
}

html * .ls-container img,
body * .ls-container img,
#ls-global * .ls-container img {
	background: none !important;
	min-width: 0 !important;
	max-width: none !important;
	border-radius: 0px;
	box-shadow: none;
	border: 0px;
	padding: 0px;
}

html * .ls-wp-container .ls-layer > *,
body * .ls-wp-container .ls-layer > *,
#ls-global * .ls-wp-container .ls-layer > * {
	line-height: normal;
	outline: none;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.ls-wp-fullwidth-container,
.ls-wp-fullwidth-helper,
.ls-container,
.ls-container * {
	box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
}

html * .ls-yourlogo,
body * .ls-yourlogo,
#ls-global * .ls-yourlogo {
	margin: 0px;
}

html * .ls-tn,
body * .ls-tn,
#ls-global * .ls-tn {
	display: none;
}

.site {
	overflow: visible !important;
}



/* Style of LayerSlider Debug Console */

.ls-debug-console * {
	margin: 0px !important;
	padding: 0px !important;
	border: 0px !important;
	color: white !important;
	text-shadow: none !important;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important;
	line-height: normal !important;
	-webkit-font-smoothing: antialiased !important;
	text-align: left !important;
	font-style: normal !important;
}

.ls-debug-console h1 {
	padding-top: 10px !important;
	font-size: 17px !important;
	font-weight: bold !important;
}

.ls-debug-console h1:first-child {
	padding-top: 0px !important;
}

.ls-debug-console ul {
	padding-top: 10px !important;
	list-style: none !important;
}

.ls-debug-console li {
	margin-left: 10px !important;
	font-size: 13px !important;
	position: relative !important;
	font-weight: normal !important;
}

html * .ls-debug-console li ul,
body * .ls-debug-console li ul,
#ls-global * .ls-debug-console li ul {
	display: none;
	width: 260px;
	left: -10px;
}

.ls-debug-console li ul {
	position: absolute !important;
	bottom: 100% !important;
	padding: 10px 10px 10px 0px !important;
	background: white !important;
	border-radius: 10px !important;
	box-shadow: 0px 0px 20px black !important;
}

html * .ls-debug-console li:hover ul,
body * .ls-debug-console li:hover ul,
#ls-global * .ls-debug-console li:hover ul {
	display: block;
}

.ls-debug-console li ul * {
	color: black !important;
}

.ls-debug-console a {
	text-decoration: none !important;
	border-bottom: 1px dotted white !important;
}

.ls-error {
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-wenkit-border-radius: 5px !important;
	background: white !important;
	height: auto !important;
	width: auto !important;
	color: white !important;
	padding: 20px 40px 30px 80px !important;
	position: relative !important;
	box-shadow: 0px 2px 20px -5px black;
}

.ls-error p {
	line-height: normal !important;
	text-shadow: none !important;
	margin: 0px !important;
	padding: 0px !important;
	border: 0px !important;
	text-align: justify !important;
	font-family: Arial, sans-serif !important;
}

.ls-error .ls-error-title {
	line-height: 40px !important;
	color: red !important;
	font-weight: bold !important;
	font-size: 16px !important;
}

.ls-error .ls-error-text {
	color: #555 !important;
	font-weight: normal !important;
	font-size: 13px !important;
}

.ls-error .ls-exclam {
	width: 40px !important;
	height: 40px !important;
	position: absolute !important;
	left: 20px !important;
	top: 20px !important;
	border-radius: 50px !important;
	-moz-border-radius: 50px !important;
	-webkit-border-radius: 50px !important;
	font-size: 30px !important;
	font-weight: bold !important;
	color: white !important;
	line-height: 40px !important;
	background: red !important;
	text-align: center !important;
}



/* GPU Hardware Acceleration */

html * .ls-container .ls-shadow,
html * .ls-container .ls-layer > *,
html * .ls-container .ls-fullscreen,
html * .ls-container .ls-webkit-hack,
html * .ls-container .ls-3d-container,
html * .ls-container .ls-lt-container,
html * .ls-container .ls-lt-container *,
html * .ls-container .ls-thumbnail-wrapper,
html * .ls-container .ls-bottom-nav-wrapper,
body * .ls-container .ls-shadow,
body * .ls-container .ls-layer > *,
body * .ls-container .ls-fullscreen,
body * .ls-container .ls-webkit-hack,
body * .ls-container .ls-3d-container,
body * .ls-container .ls-lt-container,
body * .ls-container .ls-lt-container *,
body * .ls-container .ls-thumbnail-wrapper,
body * .ls-container .ls-bottom-nav-wrapper,
#ls-global * .ls-container .ls-shadow,
#ls-global * .ls-container .ls-layer > *,
#ls-global * .ls-container .ls-fullscreen,
#ls-global * .ls-container .ls-webkit-hack,
#ls-global * .ls-container .ls-3d-container,
#ls-global * .ls-container .ls-lt-container,
#ls-global * .ls-container .ls-lt-container *,
#ls-global * .ls-container .ls-thumbnail-wrapper,
#ls-global * .ls-container .ls-bottom-nav-wrapper {
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateZ(0px);
	-o-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-webkit-transform: translateZ(0px);
}

/* Firefox embedded video fix */

html * .ls-container .ls-video-layer,
body * .ls-container .ls-video-layer,
#ls-global * .ls-container .ls-video-layer,
html * .ls-container .ls-layer iframe,
body * .ls-container .ls-layer iframe,
#ls-global * .ls-container .ls-layer iframe {
	backface-visibility: visible !important;
	-moz-backface-visibility: visible !important;
	transform: none !important;
	-moz-transform: none !important;
}

html * .ls-container .ls-webkit-hack,
body * .ls-container .ls-webkit-hack,
#ls-global * .ls-container .ls-webkit-hack {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}

/* GPU */

@media (transform-3d), (-o-transform-3d), (-ms-transform-3d), (-moz-transform-3d), (-webkit-transform-3d) {
	#ls-test3d {
		position: absolute;
		left: 9px;
		height: 3px;
	}
}


/* Real Person jQuery plugin styles v1.1.1. */
.realperson-challenge {
	display: block;
	color: #000;
	float:left;
}
.realperson-text {
	font-family: "Courier New",monospace;
	font-size: 6px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 3px;
}
.realperson-regen {
	padding-top: 4px;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
}
.realperson-disabled {
	opacity: 0.5;
	filter: Alpha(Opacity=50);
}
.realperson-disabled .realperson-regen {
	cursor: default;
}
/*
16px 1.1429em
12px 0.8571em
11px 0.7857em
*/
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */
@media all {
  .ym-hlist {
    width: 100%;
    overflow: hidden;
    position: relative;
    line-height: 1em;
  }
  .ym-hlist ul {
    margin: 0;
    padding: 0.5em 1em .5em 0;
    display: inline;
    float: left;
  }
  #subnav span {padding-top:.5em;display:block;font-weight:300;}
  .ym-hlist ul li {
    display: inline;
    float: left;
    font-size: 1.0em;
    line-height: 1;
    list-style-type: none;
    margin: 0 .25em 0 0;
    padding: 0;
  }
  footer .ym-hlist ul {
	padding:0;
	margin-bottom:10px;
  }
  #footernav {
	margin:0 auto;
	text-align:center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
    width: fit-content;
  }
  .shop_prodDetails_images .positionThumbs {
	width: -webkit-fit-content;
	width: -moz-fit-content;
    width: fit-content;
  }
  #warenkorb_frame .positionThumbs {
	margin:0 auto;
	text-align:center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
    width: fit-content;
  }
  #footernav li {
  }
  footer p {
    font-size:.8571em;
  }
  footer {text-align:center;}
  #mainnav li {
    font-size:1.4286em;
    font-weight:400;
  }
  #mainnav a, #subnav a {
    color:#333333;
    padding:0 20px 0 0 ;
  }
  #footernav a {
    color:#ffffff;
    padding:0 10px 0 10px ;
  }
  #subnav a {
    padding:0 10px 0 0 ;
    font-weight:300;
  }
  #mainnav a:hover, #subnav a:hover, #mainnav li.active a, #subnav li.active a, #footernav a:hover, #footernav li.active a, #topnav a:hover, #topnav a.active {
     color:#8CB43C;
  }
	#navtoggler{
		border-radius:.25em;
		background:#747578;
		color:#fff;
		font-weight:bold;
		cursor:pointer;
		display:block;
		float:left;
		display:none;
		border: 1px solid rgba(0, 0, 0, 0);
		float: right;
		margin-bottom: 8px;
		margin-right: 0;
		padding: 9px 10px;
		position: relative;
	}
	#navtoggler .icon-bar {
		border-radius: 1px;
		display: block;
		height: 2px;
		width: 22px;
		background:#fff;
	}
	#navtoggler .icon-bar + .icon-bar {margin-top:4px;}
	.onlyphone, .onlypad, .padandphone {display:none;}
}

@media all {
    #topnav a {
        color:#666666;
        display:block;
        padding:0 .5em;
    }
    #topnav li {
        float:left;
        display:inline;
        line-height:20px;
        margin:0 0 20px 0;
        padding:0;
    }
    #topnav {
        font-size:.7857em;
        float:right;
        margin:0;
        padding:0;
    }
}
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */
@media screen {
  .ym-form {
    background: #f4f4f4;
    margin: 0 0 1.5em 0;
    -webkit-box-shadow: 0 0 4px #dddddd;
    box-shadow: 0 0 4px #dddddd;
  }
  .ym-form {
    background: transparent;
    margin: 0 0 1.5em 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #meditor .ym-form {margin-bottom:0;}
  .ym-columnar .ym-fbox-check label {width:auto;}
  .ym-form .ym-fbox-check.txtright input {float:right;}
  .ym-form fieldset {
    position: static;
    background: transparent;
    margin: 0.5em 0 0.5em 0;
    padding: 0 0.25em;
  }
  .ym-form fieldset {
    position: static;
    background: transparent;
    margin: 0.5em 0 0.5em 0;
    padding: 0 0;
  }
  .ym-form legend {
    background: transparent;
    color: #000;
    line-height: 1.25em;
    font-weight: bold;
    padding: 0 0.5em;
  }
  .ym-form label,
  .ym-form .ym-label {
    color: #666;
    line-height: 1.5;
    padding-top: 0.25em;
  }
  .ym-form .ym-fbox {
    padding: 0 .5em;
    margin: .5em 0 0.5em 0;
  }
  #motivDesignerForm .ym-fbox {padding-left:0;}

  .ym-form .ym-fbox-footer {
    background: #ececec;
    border-top: 1px #e0e0e0 solid;
    padding: 1.5em 1em;
    margin: 0;
  }
  .ym-form .ym-fbox + .ym-fbox {
    margin: 0.5em 0;
  }
  .ym-form .ym-fbox:last-child {
    margin-bottom: 1em;
  }
  .ym-form .ym-fbox + .ym-fbox-footer {
    margin: 1em 0 0 0;
  }
  .ym-form .ym-fbox :last-child,
  .ym-form .ym-fbox-footer :last-child {
    margin-bottom: 0;
  }
  .ym-form .ym-fbox-heading {
    font-size: 1em;
    font-size: 100%;
    color: #000;
    margin: 1em;
  }
  .ym-form .ym-fbox-check:focus + label {
    color: #000;
  }
  .ym-form .ym-gbox-left {
    padding: 0 4px 0 0;
  }
  .ym-form .ym-gbox-right {
    padding: 0 0 0 4px;
  }
  .ym-form .ym-gbox {
    padding: 0 2px 0 2px;
  }

  input,textarea,
  .ym-form input,
  .ym-form textarea,
  .ym-form select {
    border: 1px solid #ddd;
    line-height: 1.3;
    font-family: 'Open Sans', Arial, sans-serif !important;
  }
  #motivDesignerForm input.textinput, #motivDesigner textarea.textinput {border: 1px solid #d9d9d9;font-size:.8571em;}
  .ccbox {margin-bottom:10px;}
  .ccbox .schd {border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
  .ccbox #mfileuploadScroller .schd {border:none;}
  .mtafuncholder .schd {border:none;}
  input,
  .ym-form input,
  .ym-form textarea {
    padding: 4px 0.3em;
  }
  .biginput input, input.biginput {
	font-size:1.2857em;
    padding: .5em;
  }
  input.small {width:30px;text-align:center}
  .ym-form select {
    padding: 3px 2px 3px 1px;
  }
  input:focus
  .ym-form input:focus,
  .ym-form select:focus,
  .ym-form textarea:focus,
  .ym-form input:hover,
  .ym-form select:hover,
  .ym-form textarea:hover,
  .ym-form input:active,
  .ym-form select:active,
  .ym-form textarea:active {
    border: 1px #888 solid;
    background: #fff;
  }
  .ym-form optgroup {
    font-family: 'Open Sans', Arial, sans-serif !important;
    font-style: normal;
    font-weight: bold;
  }
  .ym-form .ym-fbox-check input,
  .ym-form input[type="image"],
  .ym-form input[type="radio"],
  .ym-form input[type="checkbox"] {
    border: 0 none !important;
    background: transparent !important;
  }
  .ym-form .ym-message {
    color: #666;
    margin-bottom: 0.5em;
  }
  .ym-form .ym-required {
    color: #800;
    font-weight: bold;
  }
  .ym-form input:valid,
  .ym-form textarea:valid {
    background-color: #fff;
  }
  .ym-form input:invalid,
  .ym-form textarea:invalid {
    background-color: #fdd;
  }
  .ym-form .ym-error label, .ym-error {
    color: #800;
    font-weight: normal;
  }
  .ym-form .ym-error input,
  .ym-form .ym-error select,
  .ym-form .ym-error textarea {
    border: 1px #800 solid;
  }
  .ym-form .ym-error input:hover,
  .ym-form .ym-error input:focus,
  .ym-form .ym-error select:hover,
  .ym-form .ym-error select:focus,
  .ym-form .ym-error textarea:hover,
  .ym-form .ym-error textarea:focus {
    border: 1px #800 solid !important;
  }
  .ym-form .ym-error .ym-message {
    color: #800;
    font-weight: bold;
    margin-top: 0;
  }
	.nldivbottom .ym-form button {
	color:#fff !important;
	}
  .ym-button,
  .ym-form button,
  .ym-form input[type="button"],
  .ym-form input[type="reset"],
  .ym-form input[type="submit"] {
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    white-space: nowrap;
    background-color: #eeeeee;
    zoom: 1;
    border-radius: .4em;
    color: #333 !important;
    cursor: pointer;
    font: normal 1em/2em Arial, Helvetica;
    margin: 0 0.75em 0 0;
    padding: 0 .5em;
    overflow: visible;
    /* removes extra side spacing in IE */
    text-decoration: none !important;
	border:none;
  }
  .ym-button:hover,
  .ym-form button:hover,
  .ym-form input[type="button"]:hover,
  .ym-form input[type="reset"]:hover,
  .ym-form input[type="submit"]:hover {
    background-color: #fafafa;
    zoom: 1;
  }
  .ym-button:active,
  .ym-form button:active,
  .ym-form input[type="button"]:active,
  .ym-form input[type="reset"]:active,
  .ym-form input[type="submit"]:active {
    background-color: #cccccc;
    zoom: 1;
    position: relative;
    top: 1px;
  }
  .ym-button:focus,
  .ym-form button:focus,
  .ym-form input[type="button"]:focus,
  .ym-form input[type="reset"]:focus,
  .ym-form input[type="submit"]:focus {
    outline: 0;
    background: #fafafa;
  }

  /* Button size-scaling classes */
  .ym-button.ym-xlarge {
    font-size: 1.5em;
  }
  .ym-button.ym-large {
    font-size: 1.2857em;
  }
  .ym-button.ym-small {
    font-size: 0.8571em;
  }
  .ym-button.ym-xsmall {
    font-size: 0.7143em;
  }

  /* Button color scheme: primary */
  .ym-button.ym-primary,
  .ym-form button.ym-primary,
  .ym-form input[type="button"].ym-primary,
  .ym-form input[type="reset"].ym-primary,
  .ym-form input[type="submit"].ym-primary {
    background-color: #8888ee;
    zoom: 1;
    border: 1px solid #007;
    color: #fff !important;
  }
  .ym-button.ym-primary:hover,
  .ym-form button.ym-primary:hover,
  .ym-form input[type="button"].ym-primary:hover,
  .ym-form input[type="reset"].ym-primary:hover,
  .ym-form input[type="submit"].ym-primary:hover {
    background-color: #8888ff;
    zoom: 1;
  }
  .ym-button.ym-primary:active,
  .ym-form button.ym-primary:active,
  .ym-form input[type="button"].ym-primary:active,
  .ym-form input[type="reset"].ym-primary:active,
  .ym-form input[type="submit"].ym-primary:active {
    background-color: #8888cc;
    zoom: 1;
  }
  .ym-button.ym-primary:focus,
  .ym-form button.ym-primary:focus,
  .ym-form input[type="button"].ym-primary:focus,
  .ym-form input[type="reset"].ym-primary:focus,
  .ym-form input[type="submit"].ym-primary:focus {
    outline: 0;
    background: #88f;
  }

  /* Button color scheme: success */
  .ym-button.ym-success,
  .ym-form button.ym-success,
  .ym-form input[type="button"].ym-success,
  .ym-form input[type="reset"].ym-success,
  .ym-form input[type="submit"].ym-success {
    background-color: #8CB43C;
    zoom: 1;
    color: #fff !important;
  }
  .ym-button.ym-success:hover,
  .ym-form button.ym-success:hover,
  .ym-form input[type="button"].ym-success:hover,
  .ym-form input[type="reset"].ym-success:hover,
  .ym-form input[type="submit"].ym-success:hover {
    background-color: #5A5A5A;
    zoom: 1;
  }
  .ym-button.ym-success:active,
  .ym-form button.ym-success:active,
  .ym-form input[type="button"].ym-success:active,
  .ym-form input[type="reset"].ym-success:active,
  .ym-form input[type="submit"].ym-success:active {
    background-color: #66aa66;
    zoom: 1;
  }
  .ym-button.ym-success:focus,
  .ym-form button.ym-success:focus,
  .ym-form input[type="button"].ym-success:focus,
  .ym-form input[type="reset"].ym-success:focus,
  .ym-form input[type="submit"].ym-success:focus {
    outline: 0;
    background: #8CB43C;
  }

  /* Button color scheme: warning */
  .ym-button.ym-warning,
  .ym-form button.ym-warning,
  .ym-form input[type="button"].ym-warning,
  .ym-form input[type="reset"].ym-warning,
  .ym-form input[type="submit"].ym-warning {
    background-color: #ddaa44;
    zoom: 1;
    border: 1px solid #970;
    color: #fff !important;
  }
  .ym-button.ym-warning:hover,
  .ym-form button.ym-warning:hover,
  .ym-form input[type="button"].ym-warning:hover,
  .ym-form input[type="reset"].ym-warning:hover,
  .ym-form input[type="submit"].ym-warning:hover {
    background-color: #eebb55;
    zoom: 1;
  }
  .ym-button.ym-warning:active,
  .ym-form button.ym-warning:active,
  .ym-form input[type="button"].ym-warning:active,
  .ym-form input[type="reset"].ym-warning:active,
  .ym-form input[type="submit"].ym-warning:active {
    background-color: #cc9944;
    zoom: 1;
  }
  .ym-button.ym-warning:focus,
  .ym-form button.ym-warning:focus,
  .ym-form input[type="button"].ym-warning:focus,
  .ym-form input[type="reset"].ym-warning:focus,
  .ym-form input[type="submit"].ym-warning:focus {
    outline: 0;
    background: #da4;
  }

  /* Button color scheme: danger */
  .ym-button.ym-danger,
  .ym-form button.ym-danger,
  .ym-form input[type="button"].ym-danger,
  .ym-form input[type="reset"].ym-danger,
  .ym-form input[type="submit"].ym-danger {
    background-color: #bb6666;
    zoom: 1;
    border: 1px solid #700;
    color: #fff !important;
  }
  .ym-button.ym-danger:hover,
  .ym-form button.ym-danger:hover,
  .ym-form input[type="button"].ym-danger:hover,
  .ym-form input[type="reset"].ym-danger:hover,
  .ym-form input[type="submit"].ym-danger:hover {
    background-color: #cc6666;
    zoom: 1;
  }
  .ym-button.ym-danger:active,
  .ym-form button.ym-danger:active,
  .ym-form input[type="button"].ym-danger:active,
  .ym-form input[type="reset"].ym-danger:active,
  .ym-form input[type="submit"].ym-danger:active {
    background-color: #aa5555;
    zoom: 1;
  }
  .ym-button.ym-danger:focus,
  .ym-form button.ym-danger:focus,
  .ym-form input[type="button"].ym-danger:focus,
  .ym-form input[type="reset"].ym-danger:focus,
  .ym-form input[type="submit"].ym-danger:focus {
    outline: 0;
    background: #c66;
  }
  .ym-form button:before,
  .ym-button:before {
    background: #ccc;
    background: rgba(0, 0, 0, 0.1);
    float: left;
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 .2em;
    -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
    border-radius: .15em 0 0 .15em;
    pointer-events: none;
  }

  .ym-add:before {
    content: "\271A";
  }

  .ym-delete:before {
    content: "\2718";
  }

  .ym-close:before {
    content: "\2715";
  }

  .ym-edit:before {
    content: "\270E";
  }

  .ym-email:before {
    content: "\2709";
  }

  .ym-like:before {
    content: "\2764";
  }

  .ym-next:before {
    content: "\279C";
  }

  .ym-play:before {
    content: "\25B6";
  }

  .ym-reply:before {
    content: "\27A5";
  }

  .ym-save:before {
    content: "\2714";
  }

  .ym-sign:before {
    content: "\270D";
  }

  .ym-spark:before {
    content: "\2737";
  }

  .ym-support:before {
    content: "\2706";
  }

  .ym-star:before {
    content: "\2605";
  }

  /* removes extra inner spacing in Firefox */
  .ym-form button::-moz-focus-inner {
    border: 0;
    padding: 0;
  }

  /* If line-height can't be modified, then fix Firefox spacing with padding */
  .ym-form input[type=button]::-moz-focus-inner,
  .ym-form input[type=reset]::-moz-focus-inner,
  .ym-form input[type=submit]::-moz-focus-inner {
    padding: .4em;
  }
  /* The disabled styles */
  .ym-form button[disabled],
  .ym-form button[disabled]:hover,
  .ym-form input[type=button][disabled],
  .ym-form input[type=button][disabled]:hover,
  .ym-form input[type=reset][disabled],
  .ym-form input[type=reset][disabled]:hover,
  .ym-form input[type=submit][disabled],
  .ym-form input[type=submit][disabled]:hover,
  .ym-button.ym-disabled,
  .ym-button.ym-disabled:hover {
    background: #eee;
    color: #aaa !important;
    border-color: #aaa;
    cursor: default;
    text-shadow: none;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  /* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
  * html .ym-button,
  * html .ym-form button {
    display: inline-block;
    white-space: nowrap;
    background-color: #ccc;
    border: 1px solid #777;
    color: #333 !important;
    cursor: pointer;
    font: normal 1em/2em Arial, Helvetica;
    margin: 1.5em 0.75em 0 0;
    padding: 0 1.5em;
    overflow: visible;
    /* removes extra side spacing in IE */
    text-decoration: none !important;
  }
  * html .ym-form button:focus,
  * html .ym-button:focus {
    outline: 0;
    background: #fafafa;
  }
  * html .ym-form button:hover,
  * html .ym-button:hover {
    background-color: #ddd;
  }
  * html .ym-form button:active,
  * html .ym-button:active {
    background-color: #bbb;
    position: relative;
    top: 1px;
  }
  * html .ym-button.ym-disabled,
  * html .ym-button.ym-disabled:hover {
    background: #eee;
    color: #aaa !important;
    border-color: #aaa;
    cursor: default;
    text-shadow: none;
    position: static;
  }
  * html .ym-button.ym-xlarge {
    font-size: 1.5em;
  }
  * html .ym-button.ym-large {
    font-size: 1.2857em;
  }
  * html .ym-button.ym-small {
    font-size: 0.8571em;
  }
  * html .ym-button.ym-xsmall {
    font-size: 0.7143em;
  }
  .ym-form .vsma {float:left;}
  .ym-form .vsma input, .vsma input {float:left;padding-top:0;padding-bottom:0;margin:0;text-align:center;width:24px}
  .ym-form .vsma label, .vsma label {float:left;line-height:1.2;padding-top:3px;padding-bottom:0;text-align:center;margin:0;margin-right:2px;font-size:.8571em;}
}

/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */
@media all {
  html * {
    font-size: 100%;
  }

  pre,
  code,
  kbd,
  samp,
  var,
  tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }
  body {
    font-family: 'Open Sans', Arial, sans-serif !important;
    font-size: 87.5%;
    color: #444444;
	-webkit-font-smoothing: antialiased;

  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 400;
    color: #161e21;
    margin: 0;
  }
  h1 {
    /* font-size: 48px; */
    font-size: 342.85714%;
    line-height: 0.875;
    margin: 0 0 .4375em 0;
  }
  h2 {
    /* font-size: 32px; */
    font-size: 1.4286em;
    line-height: 1.5;
    margin: 0 0 .65625em 0;
  }
  h3 {
    /* font-size: 24px; */
    font-size: 1.1429em;
    line-height: 1;
    margin: 0 0 .875em 0;
  }
  #motivDesignerForm h3 {
	color:#8CB43C;
    font-size: 1.4286em;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 2px 0;
  }
  #motivDesignerForm h4 {
	color:#5A5A5A;
    font-size:1em;
    font-size:.8571em;
    font-size:.9286em;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 10px 0;
  }
  .notsobold {font-weight:300;}
  h4 {
    /* font-size: 21px; */
    font-size: 1em;
    line-height: 1;
    margin: 0 0 1em 0;
  }
  .mtop {margin-top:10px;}
  .tlist h4 {
	border-bottom:1px solid #F9F8F6;
	padding:2px 0;
	cursor:pointer;
	}
  .tlist h4:before {
		content: '\e166' /*fontawesome char code inside the ''*/;
  font-family: ios7-style-font-icons; /* or whatever */
  display: inline-block;
  margin-left: 0; /*same as padding-left set on li*/
  width: 1.4em; /*same as padding-left set on li*/
  }
  .tlist h4.changed:before {
		content: '\e168' /*fontawesome char code inside the ''*/;
  }
  .tanswer {display:none;}
  h5 {
    /* font-size: 18px; */
    font-size: 128.57143%;
    line-height: 1.16667;
    margin: 0 0 1.16667em 0;
  }
  h6 {
    /* font-size: 14px; */
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
  }

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
  ul,
  ol,
  dl {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
  }

  ul {
    list-style-type: disc;
  }
  ul.i-am-new {position:absolute !important;top:20px !important;}

  ol {
    list-style-type: decimal;
  }

  ul ul {
    list-style-type: circle;
    margin-top: 0;
  }

  ol ol {
    list-style-type: lower-latin;
    margin-top: 0;
  }

  ol ul {
    list-style-type: circle;
    margin-top: 0;
  }

  li {
    font-size: 100%;
    line-height: 1.5;
    margin-left: 1.2em;
  }

  dt {
    font-weight: bold;
  }
  dd {
    margin: 0 0 1.5em 0.8em;
  }
  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
  p {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
  }
  blockquote,
  cite,
  q {
    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
    font-style: italic;
  }
  blockquote {
    background: transparent;
    color: #666666;
    margin: 1.5em 0 0 1.5em;
  }
  strong,
  b {
    font-weight: bold;
  }
  em,
  i {
    font-style: italic;
  }

  big {
    /* font-size: 16px; */
    font-size: 114.28571%;
    line-height: 1.3125;
  }
  small {
    /* font-size: 12px; */
    font-size: 85.71429%;
    line-height: 1.75;
  }
  pre,
  code,
  kbd,
  tt,
  samp,
  var {
    font-size: 100%;
  }
  pre {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  pre,
  code {
    color: #880000;
  }

  kbd,
  samp,
  var,
  tt {
    color: #666666;
    font-weight: bold;
  }

  var,
  dfn {
    font-style: italic;
  }
  acronym,
  abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }
  .ui-icon-help, .ui-icon-info {cursor:help;}
  .chang .ui-icon-help, .inlineicon {display:inline-block;}
  .rotate {cursor:pointer;}

  .inlineicon {float:left;}
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sup {top: -0.5em;}
  sub {bottom: -0.25em;}
  mark {
    background: yellow;
    color: black;
  }
  hr {
    color: #fff;
    background: transparent;
    margin: 0 0 0.75em 0;
    padding: 0 0 0.67857em 0;
    border: 0;
    border-bottom: 1px #eeeeee solid;
  }

  /*--- Links ----------------------------------------------------------------------------------------- */
  a {
    color: #4d87c7;
    background: transparent;
    text-decoration: none;
  }
  a:active {outline: none;}
  a:hover,
  a:focus {
    text-decoration: none;
  }

  /* --- images ------------------ */
  img,
  figure {margin: 0;}

  .flexible {
    max-width: 100%;
    height: auto;
  }

  /* IE6 workaround - 2% space for possible borders */
  * html .flexible {
    width: 98%;
  }
  .rounded {border-radius: 0.3em;}
  .bordered {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
  }

	.stbo {
		border-color:#78B52A;

		border-radius:4px;
	}

  .boxlist a:hover .box {border:1px solid #666;}
  .boxlist.ul, .boxlist li {
	list-style-type:none;
	margin:0 1;
	padding:0;
  }
  .item {
	background:#fff;
	position:relative;
  }
  .boxlist li {float:left;margin:0 1.5em 2em 0;}
  .boxlist li:last-child {margin-right:0;}
  .boxlist h3 {
    font-size:.8571em;
    font-weight:700;
    margin-bottom:.1em;
  }
  .boxlist a p {
    color:#666;
    margin:0;
  }
  .boxlist p {font-size:.8571em;}
  .highlight {color: #cc3300;}
  .dimmed {color: #888888;}
  .box {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    color: #444;
    padding: .5em;
    margin: 0 0 1em 0;
  }
  .ym-form .box {padding-top:0;}
  .ym-form .box.error {padding-top:.5em;}
  .boxlist .box {
      padding:.5em 1.5em;
  }
  .box > *:last-child {
    margin-bottom: 0;
  }
  .label {
    font-family: Verdana, Geneva, sans-serif;
    padding: 1px 6px 2px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    white-space: nowrap;
    border-radius: 3px;
    background: #06C;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
  }
  .info {background: #f4f4f4;}
  .success {background: #8CB43C;}
  .warning {background: #cccc88;}
  .error {background: #cc8888;}

  .float-left {
    float: left;
    display: inline;
    margin: 0 1em 0 0;
  }
  .float-right {
    float: right;
    display: inline;
    margin: 0 0 0 1em;
  }
  .center {
    display: block;
    text-align: center;
    margin: 0 auto 0 auto;
  }
  .smaller {font-size:.8571em;}
  .bigger {font-size:1.4286em;}
  .marginTop {margin-top:.5em;}
  .motivDs .pricediv {font-size:2em;color:#8CB43C;font-weight:bold;padding-top:0;text-align:right;padding-right:2px;}
  .motivDs .priceinner .pricediv {font-size:1.4286em;}
  .priceinfo {text-align:right;}
  table {
    width: 100%;
    border-collapse: collapse;
    color: #444444;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    margin: 0 0 1.35714em 0;
  }
  table.narrow {
    margin: 0 0 1.42857em 0;
  }
  table.narrow th,
  table.narrow td {
    padding: 0 0.5em;
    line-height: 1.42857;
  }
  table.fixed {
    table-layout: fixed;
  }
  table.bordertable {
    border: 1px #ccc solid;
  }
  table.bordertable thead th {
    background: #e0e0e0;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
  }
  table.bordertable tbody th[scope="row"] {
    background: #f0f0f0;
  }
  table.bordertable tbody th {
    border-right: 1px solid #ccc;
  }
  table.bordertable tbody td {
    border-right: 1px solid #ccc;
  }
  caption {
    font-variant: small-caps;
  }
  th, td {
    line-height: 1.5em;
    vertical-align: top;
    padding: 0.71429em 0.5em;
  }
  th *:first-child,
  td *:first-child {
    margin-top: 0;
  }
  th.nowrap,
  td.nowrap {
    white-space: nowrap;
  }
  thead th {
    text-align: left;
    color: #000;
    border-bottom: 2px #000 solid;
  }
  tbody th {
    text-align: left;
    border-top: 1px solid #ccc;
  }
  tbody td {
    text-align: left;
    border-top: 1px solid #ccc;
  }
  .noborders tbody td {
	border:none;
  }
  tbody tr:hover th,
  tbody tr:hover td {
    background: #f8f8f8;
  }
}
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */
@media screen {
  /* force vertical scrollbar */
  body {
    overflow-y: scroll;
  }
  /* Layout Module Configuration */
  .ym-wrapper {
    max-width: 94em;
    margin: 0 auto;
  }
  .ym-wbox {
    padding: .75em;
  }
  .boxdesign .ym-wrapper {
    margin: 0 auto 10px auto;
    min-width: 760px;
    max-width: 80em;
	background:#fff;
  }
  .boxdesign .ym-wbox {
    padding: 1.5em;
  }

  .listaddwk {
	width:200px;
	float:right;
	background:#ccc;
  }
  .listaddwk .pad {
	padding:10px;
  }
  .listaddwk .ym-form, .listaddwk .personer {margin:0;}
  .personer .pad {padding:10px;}

  .listaddwk .ym-fbox-footer, .personer .ym-fbox-footer {padding:0;background:none;border:none;}
  .personer .ym-fbox-footer {padding:.5em;}
  .listaddwk .lbl {font-size:1em;background:none;color:#000;padding:0;border:none;margin:0;border-radius:0;width:50%;display:inline-block;}
  .listaddwk p {margin-bottom:5px;}
  /* fallback for missing media queries support*/
  body > header, body >  nav, body > main, body > footer , body > #breadcrumbs , body > #mfooter {
    min-width: 760px;
  }
  .ym-form input.onechar {width:25px;display:inline-block;}
  #breadcrumbs {
	width:100%;
  }
  #breadcrumbs .ym-wbox {
	padding:.5em .75em;
  }
  #breadcrumbs, #breadcrumbs a {
	color:#333;
  }
  #breadcrumbs .active, #breadcrumbs a, #breadcrumbs span {
	vertical-align:middle;
	padding:0;margin:0;
	height:1em;
	line-height:1em;
	font-size:.8571em;
  }
  .bcdiv {display:inline-block;width:20px;text-align:center;}
  /* Basic Element Styling */
  header {
    background: #fff;
    color: #010101;
  }
  header h1 {
    color: #010101;
    float:left;
    padding:0;
    margin:0;
    margin-right:5px;
  }
  .logo {
    background: #fff;
  }
  .slogan {
      font-size:.8571em;
      float:left;
      line-height:46px;
	  padding-top:3px;
      margin-bottom:-10px;
  }
  #topnav, .ym-searchform {float:right;}
  #mfooter .ym-searchform {float:left;margin-left:0;margin-top:0;width:100%;}
  #mfooter h2, #mfooter h3, #mfooter a {
	color:#fff;
	font-size:1em;
  }
  #mfooter a.active, #mfooter a:hover {
	color:#8CB43C;
  }

  #mfooter h2, #mfooter h3, #mfooter p, #mfooter li {
	font-size:.8571em;
  }
  #mfooter ul, #mfooter li {
	list-style-type:none;
	padding:0;
	margin:0;
  }
  #mfooter li {padding-left:1.4em;}
  #mfooter li:before {
	content: '\e094' /*fontawesome char code inside the ''*/;
	font-family: ios7-style-font-icons; /* or whatever */
	display: inline-block;
	margin-left: -1.4em; /*same as padding-left set on li*/
	width: 1.4em; /*same as padding-left set on li*/
	color:#8CB43C;
  }
  #mfooter h2 {font-weight:bold;}
  #mfooter h3 {font-weight:normal;}
  .ym-searchform {margin-top:7px;margin-left:10px;}
  .ym-searchform input  {
    border:1px solid #dadada;
    font-size:.8571em;
    padding:4px 5px;
	padding-bottom:3px;
    margin:0;
    float:left;
    color:#969595;
  }
  .ym-searchform input[type=submit], .ym-searchform button  {
    border:none;
    background:#dadada;
    color:#ff002a;
  }
  .ym-searchform button {
    font-size:.8571em;
    padding:2px 2px;
    margin:0;
    float:left;
    color:#8CB43C;
	cursor:pointer;
  }
  header .ym-wbox {
    padding: .75em .75em 0 .75em;
  }
  nav .ym-wbox {
    padding: 0 .75em;
  }
  nav, header {
    background: #f9f8f6;
  }
  nav {background:#5a5a5a;}
  #mfooter{display:block;width:100%;background:#333333;color:#ffffff;}
  footer {
    background: #000000;
    color: #fff;
  }
  footer p {
    margin: 0;
  }
  footer .ym-wbox {
    padding: 1.5em;
  }
  .ym-gbox {
    padding: 0 1.5em;
  }
  .gbs {padding:0 .25em;}
  .buttonbig {font-size:1.2857em;background:#ccc;padding:4px 20px;border-radius:.25em;margin-top:10px;margin-bottom:10px;display:inline-block;color:#5A5A5A;}
  .boxdesign footer, .boxdesign #mfooter {padding:1.5em;width:auto;}
  .boxdesign header, .boxdesign nav {display:block;width:100%}
	.status_grey, .status_green, .status_red {
		border-radius: 4px;
		display: inline-block;
		height: 8px;
		margin-right: 3px;
		width: 8px;
	}
	.status_red {
    background-color: #CC0000;
	}
	.status_green {
    background-color: #ADFF2F;
	}
	.status_grey {
    background-color: #cccccc;
	}
  .ym-gbox-left {
    padding: 0 1.5em 0 0;
  }
  .ym-gbox-right {
    padding: 0 0 0 1.5em;
  }
  .prdesc {	font-size:.8571em;margin-bottom:0; }
  .color1 {color:#f05029;}
  #totopa {display:none;margin:10px 0;border:1px solid transparent;width:100%}
  #totopa .button {float:right;}
  .button {
	background:#333;
	color:#fff;
	padding:3px 6px;
	border-radius:.25em;
	font-size:.8571em;
	white-space:nowrap;
	margin-bottom:5px;
	margin-right:5px;
	display:block;
	float:left;
	cursor:pointer;
	text-align:center;
  }
  .buttond {width:100%;text-align:center;display:block;float:left;}
  .buttond .sbutton {float:none;display:inline-block;}
  #mfooter .ym-form label {color:#fff;font-size:.8571em;margin:0;padding:0;}
  #mfooter .ym-form h2 {margin:10px 0 0 0 ;}
  #mfooter .ym-form button {margin-top:5px;font-size:.8571em;}
  #mfooter .fb-like {margin-top:10px;}
  .button:hover {
	background:#F05029;
  }
  .cr_ipe_item input {width:180px;}
  .boxlist .button {
	float:none;
	display:inline;
  }
  .smodal {width:224px;position:absolute;left:0;top:-30px;z-index:3500;display:none;}
  .smodal .inner {
	background:#F9F8F6;
	border:1px solid #ccc;
	border-radius:5px;
	float:left;
	padding:0 .5em;
  }
  .overlay {
    background-color: #000;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.2;
    filter: alpha(opacity = 20); /* IE7 & 8 */
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
  }
  .smodal .sizeSelect {margin-top:5px;}
  .smodal .sizeSelect span:hover {
	background:#666;
	color:#fff;
  }
  .meinKonto_absatz h4 {margin-bottom:.2em;}
  .greybutton {
    background:#ccc;
    color:#333;
   }
  .greenbutton {
    background:#8CB43C;
    color:#fff;
   }
   .addToDsCart {
	font-size:1em;
	font-weight:bold;
	padding:6px 10px;
	color:#fff;
	}
  .button.greenbutton:hover {
    background:#ccc;
    color:#333;
   }
  .bgred {background-color:#be1622 !important;}
  .bgblue {background-color:#312783 !important;}
  .bggreen {background-color:#8CB43C !important;}
  .bggreen h2, .bggreen ul, .bggreen a, .bggreen p, .bggreen ol {color:#fff;}
  .bgorange {background-color:#f05029 !important;}
   #categories li {
		display:none;
   }
   #categories li.active, #categories li.active li {
		display:block;
   }
   #categories a {
		color:#333333;
		display:block;
   }
   #categories ul {
		list-style-type:none;
		margin:0;
   }
   #categories .level_0 li {
		margin-left:0;
		padding-left:0;
   }
   #categories .level_1 .last {
		margin-bottom:10px;
   }
   #categories .level_0 li a {
		background:#F05029;
		text-transform:uppercase;
		color:#fff;
		padding:.1em .5em;
		margin-bottom:3px;
		margin-top:5px;
   }
   #categories .level_0 .active .selected a {
		color:#fff;
		background:#F05029;
		text-transform:uppercase;
   }
   #categories .level_0 .active .selected {
		color:#fff;
		background:#F05029;
   }
   #categories .level_1 li a{
		background:#F9F8F6;
		text-transform:none;
		color:#333333;
   }
   #categories .level_0 li  a.selected {cursor:default}
   #categories .level_0 li.active  a.selected, #categories .level_0 li  a:hover {
		background:#ccc;
		color:#000
   }
   #categories .level_1 li {
		padding-left:0;
   }
   #categories .level_2 li {
		padding-left:10px;
   }
   ul.rlist {margin-bottom:0 !important;}
   .rlist h3, .rlist h4, .rlist h5, .rlist h6 {font-size:.8571em;font-weight:normal;margin:.5em 0;padding:0;}
   .rlist a {padding:0 2px;}
   .rlist a:hover {background:#ccc;color:#f05029;font-weight:bold;}
   .tmpbullet  {
		color:#333;
		display:inline-block;
		float:left;
		width:30px;
		height:30px;
		text-align:center;
		line-height:2.1em;
		border:1px solid #333;
		background:#fff;
		border-radius:50%;
		margin-right:6px;
	}
	.tmpbullet.herren:hover, .tmpbullet.herren.active {
		background:lightblue;
		border:1px solid transparent;
	}
	.tmpbullet.damen:hover, .tmpbullet.damen.active {
		background:pink;
		border:1px solid transparent;
	}
	.tmpbullet.kinder:hover, .tmpbullet.kinder.active {
		background:yellow;
		border:1px solid transparent;
	}
	.tmpbullet.accs:hover, .tmpbullet.accs.active {
		background:green;
		border:1px solid transparent;
	}
   .alevel_0 ul  {display:none;}
   .alevel_0 li {display:none;}
   .laevel_0 li.selected {display:block;}
   .price {display:inline !important;}
   .boxlist .price {
        margin-bottom:.7em;
        margin-top:.5em;
        display:block;
        color:#333
   }
   .boxlist .button {font-weight:400;}
   .plisthead h2 {
	 float:left;
	 margin-bottom:.5em;
   }
   .plisthead {width:100%;float:left;}
   .showall {float:right;display:block;}
  #totopa .button {display:block}
  .massimg {
	position:relative;
	width:150px;
	height:200px;
	margin:0 auto;
	}
	.massimg img {
	position:absolute;
	top:0;left:0;
	}
	.blu {
		border:1px solid #444;
		text-align:center;
		font-weight:bold;
		border-radius:50%;
		font-size:11px;
		width:18px;
		height:18px;
		line-height:17px;
		margin:3px 5px 3px 0 !important;
		display:inline-block;
	}
	.valign {vertical-align:middle;}
    /*
     * | sidebar         |    content
     * | col 1 | fixed   |    col 3 | flexible
     */
    .ym-column {
      display: block;
    }
    .ym-col1 { float: left; width: 195px; } /* sidebar */
    .ym-col3 { margin: 0 0 0 195px; } /* content */
	.topbox {background:#fff;float:left;width:100%}
	.fleft {float:left;}
	.imglist {float:left;margin:0 .5em .5em 0;background:#fff;padding:.5em;height:110px;}
	.imglist div.holder {float:left;width:105px;overflow:hidden;display:block;clear:both;}
	.imglist .motupload {
		max-height:108px;
		}
	.rcircle {fill:none;stroke-width:1;vector-effect:non-scaling-stroke;stroke:#00B2A5}
	.progress {margin-bottom:10px;float:left;width:100%;height:10px;}
	.progress-bar {width:0;height:10px;background:green;}
	.fle {float:left;margin-bottom:1em;width:20%;}
	.fle.w20 {width:20%;}
	.fle.w25, .fle.w10 {width:25%;}
	.fle.w33 {width:33%;}
	.ym-grid .fle.w16, .fle.w16 {width:16%;}

	.body__home .ym-grid .fle.w16, .body_seite_test .ym-grid .fle.w16 {width:32%;}
	.ym-grid .fle {float:left;width:50%;margin-bottom:1em;margin-right:0;}
	.ym-grid .nor .fle {width:16%;}
	.topbox h3.centered {font-weight: bold;margin-top:10px;margin-bottom:10px;}
	span.ym-form {background:transparent;}
	.ym-grid .topbox h3.centered {text-align:center;padding-left:0;}
	.centered {text-align:center;}
	span.centered {display:block;}
	.topbox a {
		font-size:.8571em;
		color:#333;
		}
	.hide {
		display:none;
		float:left;
		width:100%;
		margin-top:10px;
	}
	.bgmbo .flexible {margin-top:10px;}
	.bgmbo {margin-top:10px;}
	.tog {
		display:none;
	}
	.greenfont {color:#8CB43C;}
	.redfont {color:#ff002a;}
	.pbutton {cursor:pointer;display:inline;}
	label .pbutton {
		float:none;margin:0 0 0 10px;
	}
	.prodconfig ul, .prodconfig li {
		list-style-type:none;
		margin:0 0 0 0;
		padding:0;
	}
	.prodconfig li, .positionThumbs li {
		display:inline;
		margin:0 0 .5em 0;
	}
	li.changeCartSize span, .jsSizeSelect.sizeSelect label {
		padding:2px 5px;
	}
	.posSelect ul {margin:0;}
	.posSelect li {margin-right:2px;cursor:pointer}
	.prodconfig label {
		font-weight:400;
	}
	li.changeCartSize span{margin-bottom:5px;}
    .motivDs .positionThumbs li, .motivDs .colorSelect li {text-align:center;margin-right:0;}
	.motivDs .colorSelect li a {position:relative;float:left;}
	.motivDs .colorSelect li a .smico {position:absolute;left:6px;top:-2px;display:none;font-size:2em}
	.motivDs .colorSelect li a.selected .smico {display:block;}
	.motivDs .positionThumbs input[type="checkbox"] {display:block;margin:0 auto;margin-bottom:1px;}
	.motivDs .positionThumbs a, .motivDs .colorSelect a {display:block;}
	.motivDs .positionThumbs img.previewImg, .motivDs .colorSelect img.previewImg {background:transparent;margin:0 5px 0 5px !important;float:left;}
	.motivDs .positionThumbs .selected img.previewImg, .motivDs .colorSelect .selected img.previewImg {}
	.nowrap {white-space: nowrap;}
	.showonhover {display:none;position:absolute;left:0;top:0;width:135px;z-index:25000;
		border: 1px solid #d9d9d9;
	}

	.schd.active .ym-label {
		background:#808080;
		color:#fff;
	}
	.hasHidden .schd {cursor:pointer;}
    #socialapp {margin-top:40px;}
	.motivDs .posSelect .selected .ym-fbox-check {
		background:#5A5A5A;
		color:#fff;
	}
	.activewrapper {
		border: 1px dashed #999999;
	}
	.ovholder {cursor:move;}
	.deleter, .duplicater, .activateruler, .hcenterize, .addtofav {cursor:pointer;}
	.tipps {cursor:help;}
	.motivDs .posSelect {margin-left:5px;}
	.motivDs .posSelect .selected label {color:#fff;}
	.motivDs .posSelect input {
		display:none;
	}
	.bhcont .hasMotiv {position:relative;display:inline-block;}
	.motivDs .positionThumbs .ym-label {text-align:left;display:block;}
	.spc {padding-top:.5em;}
	.motivImage .replaceImage {position:absolute;left:0;bottom:0;}
	.achangeholder li a, .achangeholder li a:hover,.achangeholder li a.selected{border:1px solid #fff;}
	.achangeholder li a.selected{border:1px solid #ccc;}
	.motbez {font-weight:bold;}
	.motivDs .prodconfig li {
		margin:0;
	}
	.errorpoint {background:#ff3019;}
    .mvy {z-index:2002;border-right:1px solid #777777;}
    .mvx {z-index:2002;border-bottom:1px solid #777777;}
	.motruler {
		position:absolute;
	}
	.mirrorline {border-right:1px solid #999999;z-index:2003;}
    .ovimga {float:left;}
	.mvx.mirrorkong {border-bottom:1px solid #8CB43C}
	.mvy.mirrorkong {border-right:1px solid #8CB43C}
	.mvx.brightline {border-bottom:1px dashed #999999}
	.mvy.brightline {border-right:1px dashed #999999}
    .outerhelper {text-align:center;}
	.resizer{display:block;}
	.motivDs
	.sizeSelect span {padding:2px 4px;}
	.wkadder li {float:left;}
	.delmotive {padding-left:10px;}
	.detailprice .delmotive {padding-left:2px;}
	.motivDs .posSelect li {
		font-weight:bold;
		padding:1px;
		margin-right:0;margin-bottom:5px;cursor:pointer;}
	.motivDs .posSelect li .ym-fbox-check{
		border:1px solid #5A5A5A;cursor:pointer;
		border-radius:2px;padding:2px 5px;display:block;}
    .insizeselect li {padding:2px;margin:2px;}
    .insizeselect li span {padding:2px;display:block;}
	.motivDs .sizeSelect li {margin:0 2px 2px 0;}
	.motivImage, .detailsImage {position:relative;}
	.aui-icon-gripsmall-diagonal-se {display:none !important;}
	.ui-icon-gripsmall-diagonal-se {
		background-color:#fff;
		right:-18px;
		bottom:-18px;
		cursor:pointer;
		background-position: -47px -49px;
	}
	.loadimg, .lpri {
		width:100px;
		height:100px;
		background:url('/images/ajax-loader2.gif') no-repeat;
		background:url('/images/smake_loading_animation_grey_on_grey.gif') no-repeat;
		width:70px;
		height:70px;
		background-size: 70px 70px;
		display:block;
		position:absolute;
		left:5px;
		top:5px;
	}
	.otprdo .loadimg {
		position:relative;
		left:auto;
		top:auto;
		display:inline-block;
	}

    .participate {
        border:1px solid #ccc;margin:10px 0 10px 0;padding:3px 10px;display:inline-block;
    }
    .sublist .button {
        background:#5A5A5A
    }
    .sublist .button:hover {background:#ccc;}
	.lpri {position:relative;}
	.colorSelect a.selected, .colorSelect a:hover, .sizeSelect span:hover, .sizeSelect span.selected, .positionThumbs a.selected, .positionThumbs a:hover, .wk_aimgs li:hover, .wk_aimgs li.selected {
		cursor:pointer;
	}
    .colorSelect a.selected {}
    .colorSelect a {}
	.colorSelect a.selected, .sizeSelect span.selected, .positionThumbs a.selected {cursor:default;}
	.sizeSelect label {
		cursor:pointer;
	}
	.sizeSelect span.selected {
		background:#666;
		color:#fff;
	}
	.prodconfig {
		margin-bottom:20px;
	}
	.positionThumbs {
		list-style-type:none;
		margin:5px auto;
		padding:0;
	}
    .positionThumbs {
        margin:0 auto;
    }
    .positionThumbs  li {}
	.motivDs .colorSelect {
		margin:0;
		padding:0;
	}
	.motivDs .positionThumbs a.selected, .motivDs .positionThumbs a, .motivDs .colorSelect a.selected, .motivDs .colorSelect a {
		margin:0;
	}
	.motivDs .positionThumbs a.selected, .motivDs .positionThumbs a  {}
	.motivDs .positionThumbs a {opacity:.7;padding-bottom:15px;}
    .motivDs .positionThumbs a.selected, .motivDs .positionThumbs a:hover {opacity:1}
	.motivDs .positionThumbs a.over.over {}

	#sticktext {text-align:center;}
	#sticktext {width:96%;height:150px;resize: none;}

	.withrows, #motivDesignerForm .withrows, #motivDesignerForm textarea.withrows {
		line-height: 30px;
	}
	.txtline {width:100%;position:absolute;;left:0;top:28px;height:1px;
		border-bottom:1px dashed #c8c8c8
	}
	.txtline2 {top:58px;}
	.txtline3 {top:88px;}
	.txtline4 {top:118px;}
	.txtline5 {top:138px;}

	.spextra1 {
		float:left;
		display:none;
	}

	.tformatholder {margin-top:4px;}
	.tformatholder .txtColorPicker {margin-bottom:0;}
	.tformat {height:30px;margin-top:0;}
	.tformat .smico {
        cursor: pointer;
        font-size: 24px;
        margin-right: 5px;
        margin-top: -4px;
        padding-top: 0;
        position: relative;
    }
	.thelp .smico {font-size:24px;margin-right:5px;}
	.thelp .colorico {margin-right:4px;}
	.thelp .ym-clearfix {margin-bottom:6px;}
	.uppercase {text-transform:uppercase;}
	.thelp {text-align:left;background:#fff;padding:.5em;margin-top:10px;}
	.tformat .ui-slider-vertical {font-size:.5em;}
	.selsom {float:left;position:relative;}
	.fontpop {width:240px;display:none;z-index:4000;position:absolute;position:absolute;top:24px;left:-100px;background:#fff;padding:8px;border:1px solid #5a5a5a;}
	.sausrichtung.fontpop {width:90px;left:-41px;text-align:center;}
	.fontpop .cfont {float:left;width:105px;}
	.slideholder {display:none;z-index:2000;position:absolute;position:absolute;top:24px;left:-4px;background:#fff;padding:8px;border:1px solid #5a5a5a;}
	.fontslider {height:150px;margin-left:4px;}
	.cfont, .causrichtung {cursor:pointer;}
	.cfont.selected, .causrichtung.selected, .causrichtung.selected .smico {font-weight:bold;text-decoration:underline;}
	.cfont.selected {background:#eee;}
	.cfont {padding:2px 0 0 2px;}
	.detailprice .selected {background:#CDCFD2;}
	.motov.hover, .detailprice .hover {background:#CDCFD2;}
	.motivDS .colorSelect li{
		float:left;
	}
	.changeholder {
		margin-bottom:0;
	}
	h2.inline {float:left;padding-top:0px;margin-right:20px;}

	.detailprice ul, .detailprice li {
		margin:0;padding:0;list-style-type:none;
	}
	.detailprice li {
		display:block;
		border-bottom:1px solid #ccc;
		padding:2px 5px;
	}
	.likeli {padding:2px 5px;}
	.detailprice {
		font-size:.8571em;
	}
	.detailprice li:last-child {border:none;}
	.detailprice .ym-gr {text-align:right;}
	.detplabel {width:50%;float:left;}
	.detprice {width:30%;float:left;text-align:right;}

	.detailsImage {text-align:center;}
	.masstable th, .masstable td {
		font-size:.8571em;
		vertical-align:middle;
	}
	.editionhead {font-size:1em;float:left;color:#8cb43c;color:#5a5a5a;font-weight:bold;display:block;clear:both;}
	.motivDs {background:#fff;}
	.wk_aimg {text-align:center;}
	.bold {font-weight:bold;}
	.bgdarker {background:#ccc;}
	.tdcenter {text-align:center;}
	.sp {float:left;background:url('/images/sp.png') no-repeat;}
	.cart {width:28px;height:40px;float:right;margin-right:5px;}
	.langico {width:16px;height:10px;border:1px solid #ccc;float:right;margin-left:3px;}
	.langswitch {padding:0;margin:0;text-align:right;margin-top:4px;}
	.icode {background-position:-28px 0;}
	.icoen {background-position:-28px -10px;}
	#shop_warenkorb_link {text-align:center;color:#333;float:right;margin-bottom:5px;position:relative;display:block;}
	.body_warenkorb #shop_warenkorb_link {cursor:default;}
	#shop_warenkorb_text {
		clear:both;
		float:right;
		font-size:.8571em;
	}
	.icocircle {width:35px;height:35px;
		background-position:0 -72px;
		position:relative;
		margin-right:0;
        background:none;
	}
	.icoinner {
		width:20px;
		height:20px;
		position:relative;
		margin-top:3px;
		margin-right:3px;
	}

	.icodruck {background-position:-35px -72px;}
	.icoview {background-position:-55px -132px;}
	.icoposition {background-position:-35px -131px;}
	.icostick {background-position:-55px -72px;}
	.icotext {background-position:-55px -92px;}
	.icodetails {background-position:-35px -112px;}
	.icoprice {background-position:-55px -112px;}
	.icosize {background-position:-15px -112px;}
	.busy {opacity:.3}

	#shop_prodForm_anzahl {margin-left:5px;}
	.shop_warenkorb_content {z-index:4444;}
	#wkcontent.shop_warenkorb_content {z-index:200;}
	.shop_warenkorb_content .ym-gbox-left {
		padding:0 .5em 0 .5em;
	}
	.shop_warenkorb_content .ym-gbox-right {
		padding:0 .5em 0 0;
	}

	.shop_warenkorb_content .ym-grid {
		border-bottom:1px solid #ccc;
		margin:5px 0 5px 0;
		padding-bottom:.5em;
		font-size:.8571em;
	}
	.shop_warenkorb_content .sumbox {
		border-bottom:0;
		padding-bottom:0;
		text-align:right;
		margin:0;
	}
	.shop_warenkorb_content .button {font-size:1em;}
	.shop_warenkorb_content .totalbox {
		border-bottom:1px solid #ccc;
		border-top:1px solid #ccc;
		padding:.2em 0 .2em 0;
		font-weight:bold;
		font-size:1em;
		margin:5px 0 5px 0;
		background:#F9F8F6;
	}
	.shop_warenkorb_content .button {
		float:right;
		margin:.5em;
		display:block;
	}
	.body_warenkorb .shop_warenkorb_content .button {display:none;}
	.shop_warenkorb_content .sumbox .ym-gr, .shop_warenkorb_content .float-right {font-weight:bold;}
	.shop_warenkorb_content {
		position:absolute;
		right:0;
		top:60px;
		display:none;
		width:300px;
		text-align:left;
	}
	#wkcontent.shop_warenkorb_content {
		position:relative;
		display:block;
		width:auto;
		top:inherit;
		right:inherit;
	}
	.shop_warenkorb_content img {padding:3px;float:left;border:1px solid #ccc;border-radius:4px;margin-top:2px;display:block;}
	#cartInner {
		background:#fff;
		display:block;
		border:1px solid #ccc;
		border-radius:5px;
		padding:10px;
	}
	#info {
		background:#f05029;
		color:#fff;
		border:none;
		position:fixed;
		top:0;
		left:0;
	}
	#info{display:none;position:fixed;top:0;left:0;z-index:10000;color:#000000;text-align:center;font-size:2em;opacity:.9;overflow:hidden;width:100%;}
	#info .error {background:#c88;color:#fff;}
	#info .contenta {padding:20px 0;width:100%;float:left;text-align:center;}
	#info a {color:#000;}
	#info p {margin:0;}

	.relative {position:relative;}
	.absolute {position:absolute !important;}
	.avcols {position:absolute;bottom:68px;left:5px;line-height:1}
	.colbubble {width:6px;height:6px;display:inline-block;border-radius:6px;margin:0 0 0 0;border:1px solid transparent;}
	.body_warenkorb .colbubble {display:inline-block;margin-bottom:-3px;}
	.bcol000000{background:#000000;}
	.bcol5a362d{background:#5a362d;}
	.bcol0093dd{background:#0093dd;}
	.bcol000040{background:#000040;}
	.bcol00006f{background:#00006f;}
	.bcol000080{background:#000080;}
	.bcol0000b0{background:#0000b0;}
	.bcol0000ff{background:#0000ff;}
	.bcol001428{background:#001428;}
	.bcol002851{background:#002851;}
	.bcol004600{background:#004600;}
	.bcol009148{background:#009148;}
	.bcol0094ff{background:#0094ff;}
	.bcol00ffb9{background:#00ffb9;}
	.bcol012314{background:#012314;}
	.bcol013620{background:#013620;}
	.bcol021028{background:#021028;}
	.bcol036139{background:#036139;}
	.bcol048c53{background:#048c53;}
	.bcol073385{background:#073385;}
	.bcol0940a6{background:#0940a6;}
	.bcol0984f7{background:#0984f7;}
	.bcol0c0622{background:#0c0622;}
	.bcol0e5beb{background:#0e5beb;}
	.bcol10f2e6{background:#10f2e6;}
	.bcol130b37{background:#130b37;}
	.bcol152413{background:#152413;}
	.bcol17261f{background:#17261f;}
	.bcol1e1e1e{background:#1e1e1e;}
	.bcol1f679e{background:#1f679e;}
	.bcol200020{background:#200020;}
	.bcol2045bf{background:#2045bf;}
	.bcol283391{background:#283391;}
	.bcol2b4fe1{background:#2b4fe1;}
	.bcol2d2d2d{background:#2d2d2d;}
	.bcol2e95fc{background:#2e95fc;}
	.bcol2f002f{background:#2f002f;}
	.bcol304932{background:#304932;}
	.bcol309b02{background:#309b02;}
	.bcol325241{background:#325241;}
	.bcol35893e{background:#35893e;}
	.bcol37455f{background:#37455f;}
	.bcol383838{background:#383838;}
	.bcol400040{background:#400040;}
	.bcol4083f2{background:#4083f2;}
	.bcol484848{background:#484848;}
	.bcol49a3fc{background:#49a3fc;}
	.bcol4e046c{background:#4e046c;}
	.bcol4fa5fb{background:#4fa5fb;}
	.bcol508af5{background:#508af5;}
	.bcol525252{background:#525252;}
	.bcol534642{background:#534642;}
	.bcol5762c6{background:#5762c6;}
	.bcol58d365{background:#58d365;}
	.bcol606060{background:#606060;}
	.bcol61c613{background:#61c613;}
	.bcol666666{background:#666666;}
	.bcol670592{background:#670592;}
	.bcol8CB43C{background:#8CB43C;}
	.bcol6d3d3d{background:#6d3d3d;}
	.bcol6da0f5{background:#6da0f5;}
	.bcol74b8fc{background:#74b8fc;}
	.bcol756950{background:#756950;}
	.bcol75baff{background:#75baff;}
	.bcol777777{background:#777777;}
	.bcol7c1212{background:#7c1212;}
	.bcol8040bc{background:#8040bc;}
	.bcol808040{background:#808040;}
	.bcol808080{background:#808080;}
	.bcol273a40{background:#273a40;}
	.bcol8080ff{background:#8080ff;}
	.bcol92b1ed{background:#92b1ed;}
	.bcol93c8fd{background:#93c8fd;}
	.bcol950000{background:#950000;}
	.bcol9e9261{background:#9e9261;}
	.bcol9e9e9e{background:#9e9e9e;}
	.bcola220bf{background:#a220bf;}
	.bcola2cffd{background:#a2cffd;}
	.bcolad944f{background:#ad944f;}
	.bcolada961{background:#ada961;}
	.bcolb5b5b5{background:#b5b5b5;}
	.bcolbf0000{background:#bf0000;}
	.bcolc0c0c0{background:#c0c0c0;}
	.bcolc60063{background:#c60063;}
	.bcolc6c2b6{background:#c6c2b6;}
	.bcolc9c9c9{background:#c9c9c9;}
	.bcolccca9d{background:#ccca9d;}
	.bcolccff00{background:#ccff00;}
	.bcold1d1d1{background:#d1d1d1;}
	.bcold23f00{background:#d23f00;}
	.bcold26900{background:#d26900;}
	.bcold38913{background:#d38913;}
	.bcold5d1b3{background:#d5d1b3;}
	.bcole2e2e2{background:#e2e2e2;}
	.bcolec7600{background:#ec7600;}
	.bcoled0326{background:#ed0326;}
	.bcoledaf2a{background:#edaf2a;}
	.bcolf20c13{background:#f20c13;}
	.bcolf83418{background:#f83418;}
	.bcolfc1b5f{background:#fc1b5f;}
	.bcolfc2c6a{background:#fc2c6a;}
	.bcolfe5301{background:#fe5301;}
	.bcolfef3c7{background:#fef3c7;}
	.bcolff0000{background:#ff0000;}
	.bcolff6fff{background:#ff6fff;}
	.bcolff8800{background:#ff8800;}
	.bcolff88ff{background:#ff88ff;}
	.bcolff8b17{background:#ff8b17;}
	.bcolff952b{background:#ff952b;}
	.bcolffaaff{background:#ffaaff;}
	.bcolffdf00{background:#ffdf00;}
	.bcolffff00{background:#ffff00;}
	.bcolffff22{background:#ffff22;}
	.bcolffff62{background:#ffff62;}
	.bcold8620d{background:#d8620d;}
	.bcolb02560{background:#b02560;}
	.bcol0071ab{background:#0071ab;}
	.bcolffffff{background:#ffffff;border-color:#ccc;}
	.bcol366cac{background:#366cac;}
	.bcolff3300{background:#ff3300;}
	.bcol3300ff{background:#3300ff;}
	.bcol1e3e39{background:#1e3e39;}
	.bcol797880{background:#797880;}
	.bcolb3c8db{background:#b3c8db;}
	.bcolfac100{background:#fac100;}
	.bcola90a18{background:#a90a18;}
	.bcol171796{background:#171796;}
	.bcol00923f{background:#00923f;}
	.bcolff7f00{background:#ff7f00;}
	.bcolfff500{background:#fff500;}
	.bcol838281{background:#838281;}
	.bcol801d77{background:#801d77;}
	.bcoleed753{background:#eed753;}
	.bcol3ea742{background:#3ea742;}
	.bcolfdef0a{background:#fdef0a;}
	.bcol473938{background:#473938;}
	.bcol5d5d5d{background:#5d5d5d;}
	.bcol90c1e9{background:#90c1e9;}
	.bcol1d8c97{background:#1d8c97;}
	.bcold0c295{background:#d0c295;}


	.bcolbab9b5{background:#bab9b5;}
	.bcolbddae8{background:#bddae8;}
	.bcol1a3143{background:#1a3143;}
	.bcolff6d03{background:#ff6d03;}
	.bcol34424f{background:#34424f;}
	.bcol007488{background:#007488;}

	.bcol0e057f{background:#0e057f;}
	.bcol0c951e{background:#0c951e;}
	.bcolf9f6f6{background:#f9f6f6;border-color:#ccc;}
	.bcol060606{background:#060606;}
	.bcolf70505{background:#f70505;}

	.bcol0a2cba{background:#0a2cba;}
	.bcol2f8f09{background:#2f8f09;}
	.bcolfaf8f8{background:#faf8f8;border-color:#ccc;}
	.bcol050505{background:#050505;}
	.bcolf50303{background:#f50303;}

	.bcolf70606{background:#f70606;}
	.bcol0b38f2{background:#0b38f2;}

	.bcolbubble {width:20px;height:20px;border-radius:20px;float:left;margin:2px 3px 2px 2px}

    .otlistfilter {margin-left:5px;margin-bottom:5px;}
	.bigBtn_ok, .d_wMenu_btn, .d_mMenu_btn{background:#F05029;}

	.colorfilter, .resetcf {float:left;width:16px;height:16px;margin:0 0 0 3px;border:1px solid transparent;cursor:pointer;}
	.resetcf {font-weight:bold;}
	.colorfilter.bcolffffff{background:#ffffff;}
	.colorfilter.active {border-color:#ffffff;}
	.colorfilter.active.bcolffffff {border-color:#ccc;}
	.motivDs .addToCart {background:#f05029;border-radius:0;color:#fff;width:90%;margin-right:0;margin-left:0;text-align:center;font-size:1.2857em;}
	.headerrow div {background:#F9F8F6;}
	.headerrow {margin-bottom:10px;}
	.headerrow h3 {margin:0;padding:.5em;}
	.akdetails {border-top:1px solid #ccc;margin-bottom:5px;}
	.txtright {text-align:right;}
	.txtcenter {text-align:center;}
	.txtright .button {float:right;margin:5px 0 0 5px;}

	#d_main {border:none;}
	#d_adminMenu {right:0 !important;}

	#chProgress {
		margin-bottom:20px;
	}
	#chProgress .inactive {
		background:#F9F8F6;
		color:#666;
		display:block;
		}
	#chProgress .active, #chProgress .done {
		background:#ccc;
	}
	#chProgress .inner {
		padding:.5em;
	}
	#chProgress .ym-gbox-left {
		padding-right:2px;
	}
	#chProgress .ym-gbox-right {
		padding-left:2px;
	}
	#chProgress .ym-gbox {
		padding-left:0;
		padding-right:0;
	}
	#chProgress .inner {
		padding-left:10px;
		padding-right:2px;
	}
	#chProgress a{
		color:#000;
		display:block;
	}
	#chProgress a:hover{
		color:#F05029;
	}
	#chProgress .active {
		color:#F05029;
		font-weight:bold;
	}
	#chProgress {
		color:#fff;
	}
	.psa {cursor:pointer;}
	/* mod designer */
	.bgsf {
		background:#ece9e2;
		background:#fff;
	}
	.textswitcher .ym-label {padding:3px;cursor:pointer;float:left;font-size:.8571em;color:#444;font-weight:bold;}
	.textswitcher .selected {background:#f9f8f6}
	.bgsf .ym-label {color:#000000;text-align:left;}
	.tplelselect {
		cursor:pointer;
		font-size:1;
	}

	.body_seite_mdtest #nav, .body_seite_mdtest #breadcrumbs, .body_seite_mdtest #mfooter, .body_seite_mdtest footer, .body_seite_mdtest header {
		display:none;
	}
	/* menu */

		#katSelector, #slideMenu {
			position:absolute;

			display:none;
			background:#fff;
			z-index:233;
			top:33px;
			left:0;
		}
		#katSelector  ul, #katSelector li {
			margin:0;
			padding:0;
			list-style-type:none;
		}
		#katSelector .pad {
			padding:10px;
		}
		#katSelector .mlevel1 .active {font-weight:bold;}
		#katSelector a:hover {font-weight:bold;}
		#katSelector a {color:#000;}
		#katSelector .ym-gr {border-left:1px solid #000;}



#menu {
	display:none;
	position: absolute;
	top: 0px;
	left:0px;
	height: 100%;
	z-index:200;
}



.multilevelpushmenu_wrapper {
	position: absolute;
	overflow: hidden;
	min-width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}

.multilevelpushmenu_wrapper .levelHolderClass {
	position: absolute;
	overflow: hidden;
	top: 0;
	background: #737373;
	width: auto;
	min-height: 100%;
	zoom: 1;
}

.multilevelpushmenu_wrapper .ltr {
	margin-left: -100%;
	left: 0;
	-moz-box-shadow: 5px 0 5px -5px #1f4164;
	-webkit-box-shadow: 5px 0 5px -5px #1f4164;
	box-shadow: 5px 0 5px -5px #1f4164;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f4164,direction=90,strength=2);
}

.multilevelpushmenu_wrapper .rtl {
	margin-right: -100%;
	right: 0;
	-moz-box-shadow: 5px 0 5px 5px #4F4F4F;
	-webkit-box-shadow: 5px 0 5px 5px #4F4F4F;
	box-shadow: 5px 0 5px 5px #4F4F4F;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#4F4F4F,direction=270,strength=2);
}

.multilevelpushmenu_wrapper .multilevelpushmenu_inactive {
	background: #979797;
}

.multilevelpushmenu_wrapper h2 {
	font-weight: bold;
	color: #ffffff;
	padding: 10px .4em 0 .4em;
}

.multilevelpushmenu_wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.multilevelpushmenu_wrapper li {
	cursor: pointer;
	border-top: 1px solid #4F4F4F;
	padding: .4em .4em .4em .4em;
}

.multilevelpushmenu_wrapper li:last-child {
	border-bottom: 1px solid #4F4F4F;
}

.multilevelpushmenu_wrapper li:hover, .multilevelpushmenu_wrapper li.act {
	background-color: #4F4F4F;
}

.multilevelpushmenu_wrapper a {
	display: block;
	outline: none;
	overflow: hidden;
	padding: 0 .2em;
	text-decoration: none;
	color: #fff !important;
}

.multilevelpushmenu_wrapper a:hover {
	color: #ffe !important;
}

.multilevelpushmenu_wrapper .backItemClass {
	display: block;
	padding: .4em .4em .4em .4em;
	background: #979797;
	border-top: 1px solid #4F4F4F;
}

.multilevelpushmenu_wrapper .floatRight {
	float: right;
}

.multilevelpushmenu_wrapper .floatLeft {
	float: left;
}

.multilevelpushmenu_wrapper .cursorPointer {
	cursor: pointer;
}

.multilevelpushmenu_wrapper .iconSpacing_ltr {
	padding: .3em .4em 0 0;
}

.multilevelpushmenu_wrapper .iconSpacing_rtl {
	padding: .3em 0 0 .4em;
}


	/* menu ende */
    #locationmap{
        width:100%;
        height:500px;
    }
	.hastheelements {width:70%;}
	.fwidth {width:100%;}
	.highZindex {z-index:5000;}
	.mtainfo {font-size:1.4286em;display:block;padding-top:20px;padding-bottom:20px;background:#f2f2f2;}
	.mtafunc {display:block;padding:10px 0 6px 0;}
	.priceinner {background:#f5f5f5;}
	.smel {font-size:.8571em;background:transparent;cursor:pointer;position:absolute;bottom:0;right:0;padding-top:0;color:#8CB43C}
	.insmel {margin-top:0;float:right;text-align:right;color:#8CB43C;cursor:pointer;padding:0 3px 0 5px;}
    .omdpra  {text-align:center;}
	.oinner {padding:0 30px 0 0;}
	.omdpra h2 {padding-right:25px;padding-left:10px;z-index:15999;}
	.omdpra .clb {background:#5A5A5A;z-index:16000;color:#fff;font-size:2em;position:fixed;top:5px;right:10px;cursor:pointer;font-weight:bold;padding:2px 10px;border-radius: 0.25em;display:none;}
    .flite {float:none;display:inline;}

	.motivDs .bordered {margin-bottom:10px;}
	.fllabel {float:left;}
    .tmhide {display:none;}
    .showmore, .cbtbut {cursor:pointer;}
    .showmore.smorbut {float:left;clear:both;}
    .motivlst .ym-label {padding-top:6px;}
    .cbtbut {float:left;clear:both;font-weight:bold;}
	.ym-form .ym-fbox.motivlst:last-child {margin-bottom:0;}
	.tplelselect img, .motivlist img, .detholder img {display:block;}
	.detholder img.elprev {display:inline;background:#808080;}
	.elprev {max-height:20px;max-width:20px;margin:0 3px 3px 0;}
	.elprevholder {text-align:center;height:23px;border-bottom:1px solid #f5f5f5;margin-bottom:5px;margin-top:5px;}
	.motivlist .item {margin-bottom:20px;float:left;}
	.motivlist .item .bordered {height:170px;}
	.motivImage {position:relative;text-align:left;}
	.motprev {display:block;margin:0 auto;float:none;}
	.temselect{display:block;padding-bottom:30px;}
	.tplelselect.temselect img, .tplelselect.detselected img, .tplelselect.favselect img{margin:0 auto;}
	.allelementsholder {display:none;background:#fff;background:#fff;width:100%;margin-top:0;}
	/* position:absolute;top:0;left:0; */
	.allelementsholder .ise, .detdeleter {width:50px;height:50px;}

	#qbview {display:none;}
	#qualitybar {position:relative;margin-bottom:20px;}
	.qbarholder {width:80%;position:absolute;left:10%;top:0;z-index:2000;}
	.qbarres {position:absolute;left:0;top:1px;z-index:2020;text-align:center;font-weight:bold;width:3px;height:20px;background:#000;}
	.qbarres span {font-size:.8571em;display:block;}

	#qualitybar .marker {position:absolute;left:0;top:0;z-index:2010;text-align:center;font-weight:bold;color:#c0c0c0;}
	#qualitybar .marker span {font-size:.8571em;display:block;}
	.badq {color:#E51031;font-weight:bold;}
	.ngoodq {color:#B6CE0F;font-weight:bold;}
	.goodq {color:#70C01A;font-weight:bold;}
	.perfectq {color:#00AE34;font-weight:bold;}
	#qualitytext {font-size:.8571em;margin-bottom:20px;}
	#qualitybar .marker0 {left:0;}
	#qualitybar .marker25 {left:25%;}
	#qualitybar .marker50 {left:50%;}
	#qualitybar .marker40 {left:40%;}
	#qualitybar .marker60 {left:60%;}
	#qualitybar .marker75 {left:75%;}
	#qualitybar .marker100 {left:100%;}

	.qualityError {border:1px dashed #E51031 !important;}

	.c1346 .ise, .c1346 .detdeleter, .ti1346 img  {background:#808080;}
	.detdeleter {line-height:50px;text-align:center;}
	.allelementsholder .detholder {float:left;margin:.3em;}
	.allelementsholder .ym-label {margin-left:.3em;}
	.allelementsholder .detholder .detselect {border:1px solid #f5f5f5;padding:.5em}
	.allelementsholder .detholder .selected {border:1px solid #000000;}
	.allelementsholder .tplelselect {float:left;}
	.adetselected {height:110px;}
	.adetselect {height:110px;}
	.fusedb.selected {border:1px solid #000000;}
	#motivElements .detholder .colorPicker {float:none;display:inline-block;margin:0;}
	#motivElements .detholder .colorPicker a {margin-right:0;}
	.elcloser {cursor:pointer;font-weight:bold;position:absolute;color:#000;width:30px;height:30px;right:-1px;top:-30px;background:#fff;text-align:center;line-height:30px;}
	.elholder .tplelselect img.needbg, .detholder img.needbg {
		 background:#5A5A5A;
	}
	.elholder .tplelselect:hover img, .elholder .tplelselect.selected img {
		background:#8CB43C;
		color:#fff;
	}

	.body_motivDesigner main .ym-wbox {padding-top:0;}
	.btop {border-top:1px solid #d0d1d1;padding-top:10px;}
	.likeli .btop {padding-top:0;}
	.hastabs {float:left;width:100%;margin-bottom:10px;}
	.otpro {z-index:2000;}
	.hastabs a {position:relative;z-index:2004;}
	.hastabs .slideMenu a {position:absolute;}

	.filler {position:absolute;bottom:0;background:#d0d1d1;left:0;z-index:2003;width:100%;height:1px;float:left;}
	.mottab {cursor:pointer;background:#f2f2f2;color:#5A5A5A;font-size:.8571em;font-weight:bold;float:left;padding:5px 5px;border-left:1px solid #d0d1d1;border-top:1px solid #d0d1d1;border-bottom:1px solid #d0d1d1;}
	#mproductsScroller .mottab {border:none;}
	.mottab.last {border-right:1px solid #d0d1d1;}
	.mottab.active, .mottab:hover {background:#fff;color:#5A5A5A;border-bottom:1px solid #fff;border-left:1px solid #d0d1d1;border-top:1px solid #d0d1d1}
	.mottab.active:first-child {border-left:1px solid #fff}
	.scrollbar .handle {cursor: e-resize}
	.mtastick .tplelselect.selected {
		background:#DCDCDC;
	}
	.thelist div.relative, .ellist div.relative, .prodlist div.relative {cursor:pointer;}
	.temporary {height:170px;}
	.whatami {width:16px;height:16px;border-radius:16px;color:#fff;text-align:center;font-weight:bold;text-transform:uppercase;display:inline-block;margin-right:5px;}
	.umotive {position:absolute;bottom:5px;left:5px;font-size:.8571em;font-weight:bold}
	.thelist .ym-gl .umotive {left:5px}
	.thelist .ym-gr .umotive {left:12px;}
	.bholder {width:100%;float:left}
	.ptholder {margin-bottom:5px;border:1px solid #d9d9d9;}
	.bhcont {padding:.5em;text-align:center;background:#fff}
	.widect {width:500px;text-align:left;}
	.otholder .btn, .thelist .btn {background:none;}
    .yym-label {line-height:20px;font-size:.8571em;width:100%;font-weight:bold;}
	.thwllist ul, .thwllist li {
		list-style-type:none;
		padding:0;
		margin:0;
	}
	.mitem {height:130px;display:table-cell}
	.thelist .ym-gbox-left, .ellist .ym-gbox-left, .prodlist .ym-gbox-left {padding-right:.0;background:#ebebeb;margin-right:.5em;}
	.thelist .ym-gbox, .ellist .ym-gbox, .prodlist .ym-gbox {padding-left:.0;padding-right:.0;background:#ebebeb;}
	.thelist .ym-gbox-right, .ellist .ym-gbox-right, .prodlist .ym-gbox-right {padding-left:.0;background:#ebebeb;margin-left:.5em;}
	.thelist, .ellist, .prodlist {margin-bottom:.5em;}

	.prodlist {text-align:center;}
	.prodlist .ym-gbox-left {background:#fff;}
	.prodlist .ym-gbox {background:#fff;}
	.prodlist .ym-gbox-right {background:#fff;}


	.sbutton {font-size:.8571em;float:left;padding:3px 1em;cursor:pointer;text-transform:uppercase;white-space: nowrap;margin:0 5px 5px 0;}
	.bgcol1 {background:#8CB43C;}
	.bgcol2 {background:#787878;}
	.sbutton {color:#fff;border:none;padding:1px .5em;}
	.sbutton.bgcol1 {background:#ffffff;color:#8CB43C;border:1px solid #d9d9d9}
	.sbutton.bgcol2 {background:#8CB43C;color:#ffffff;border:1px solid #8CB43C}
	.fuseda, .fusedb {padding:.5em;}
	.mtabinner {font-weight:bold;border:1px solid #d9d9d9;color:#8CB43C;
	text-transform:uppercase;padding:4px 0;color:#8CB43C;line-height:1;display:block;text-transform:uppercase;font-size:.8571em;text-align:center;}
	.active .mtabinner {background:#808080;border-color:#808080;color:#fff;}
	.mtabctinner {border:1px solid #d9d9d9;border-top:none;padding:.5em;background:#fff;}

	.tabcontent {display:none;}
	.meditorFuncs {display:none;}
	.fbutton {
		white-space: nowrap;
	}
	.mtabctheader .fbutton {
		background:#ebebeb;
		font-size:.8571em;
		padding:2px 5px;
		margin-right:5px;
		cursor:pointer;
		text-transform:uppercase;
		color:#444;
	}
	.txtright .fbutton {
		margin-right:0;
		margin-left:5px;
	}
	.mtabctheader .fbutton.mainColor1:hover {
		color:#8CB43C;
	}
	.mtabctheader .fbutton.mainColor1.active  {
		color:#8CB43C;
	}
	.mtabctinner .fbutton.active {
		background:#5a5a5a;
	}
	.mtabctheader .fbutton.noposs {
		 text-decoration: line-through;
		 cursor:none;
		 cursor:not-allowed;
		 background:#ccc;
	}
	.notPossible {
		 text-decoration: line-through;
		 cursor:none;
		 cursor:not-allowed;
	}
	#mtadf .tfilter {float:right;margin-right:5px}
	#motfilter select {
		font-size:.8571em;
		padding-top:1px;
		padding-bottom:1px;
		background:#ebebeb;
		border-color:#ebebeb;
		text-transform:uppercase;
        margin-right:5px;
		width:90px;
	}
	.fontpop {
		font-family:Arial, sans-serif;
	}
	.sfont {font-size:.8571em;}
	.txtColorPicker {margin-bottom:10px;}
	.ui-slider-handle {cursor:pointer;}
	.ui-slider {margin-bottom:7px;}
    .tagc {
		font-size:.8571em;
        color:#fff;
        cursor:pointer;
    }
	#motfilter input, #motfilter select {
		font-size:.8571em;
		padding-top:4px;
		padding-bottom:4px;
		background:#ebebeb;
		border-color:#ebebeb;
		text-transform:uppercase;
		width:90px;
		border:1px solid #ebebeb;
	}
	#motfilter input {width:110px;}

	.numc {display:none;}
	.overlayload {font-size:3em;}
	.overlayload p {opacity:1;}
	.themeworlds {margin-top:20px;text-align:center;font-weight: bold;}
	.themeworlds img{margin:5px 1% 0 0;}
	.themeworlds h3 {
		color:#fff;
		background:#8CB43C;
		text-align:center;
		margin:0;
		padding:6px 20px;
		border-radius:2px;
		font-size:1.1429em;
		font-weight: bold;
	}
	.themeworlds a {color:#fff;}
	h2.themeworlds  {
		margin:20px 0 0 0;
	}
	.themeworlds .box{
		padding:0;
		border-color:#8CB43C;
		border-radius:4px;
        min-height:180px;
	}
    .morehorse {
        padding:10px 5px;
        margin-bottom:10px;
		font-size:1em;
		font-weight:normal;
		font-weight:bold;
        cursor:pointer;
		border-radius:6px;
        float:left;
		text-align:center;
		white-space: normal;
    }
    .morehorse:hover {
        color:#F5F5F5;
        background:#8CB43C;
		border-color:#DA8916;
	}
	.ym-grid .topbox h3.centered {}
	.smorbut {
		font-size:0.8571em;font-weight:bold;
	}
	/*font-size:0.8571em;*/
	.thwllist {font-size:0.8571em;font-weight:bold;background:#8CB43C;width:100%;}
	.thwllist li {text-align:left;margin:0 0 0 0;border-right:1px solid #abdc49;border-left:1px solid #64802b;}
	.thwllist li:last-child {border-right:none;}
	.thwllist li:first-child {border-left:none;}
	.thwllist a {display:block;padding:5px 5px;background:#8CB43C;color:#fff;}
	.thwllist li.active a, .thwllist li  a:hover {background:#f2f2f2;color:#5A5A5A;}

	.thwllist {background:transparent;}
	.thwllist li a {background:transparent;color:#454545;border:none;}
	.thwllist li a:hover {background:#f2f2f2;color:#5A5A5A;}
	.thwllist li, .thwllist li:first-child, .thwllist li:last-child {border:none;}
	#meditor .mtafuncholder {border-bottom:1px solid #dadada;margin-bottom:10px;float:left;padding-bottom:10px;width:100%;}

	#thwlist {margin-top:0;}
		.thwllist li.active a {background:#f2f2f2;color:#5A5A5A}
	.thwllist a {padding:5px 10px;}
	.thwllist {border:none;}

	.mottype{ padding: 2px 5px; }
	.mottype, .textmottype {float:right;}
	.mottype .smico, .textmottype .smico {font-size:1.2143em;}
	.mottype .mte {font-size:.8571em;padding-left:5px;}
	.textmottype .mte {padding-left:5px;}
	.textmottype {margin-left:10px;}
	.motname {float:left;width:50%}
	.motinfos {text-transform:uppercase;color:#fff;}

	.posSelect {font-size:.9286em;}
	.bll {border-right:2px solid #fff;}
	.chang {font-size:.8571em;}

	.multichang {display:inline-block;margin-right:5px;}
	.multichang:last-child {margin-right:0;}

	.mcpick .colorPicker {position:relative !important;right:0 !important;top:0 !important;}
	.schd {
		padding:0;font-weight:bold;
	}
    .flkite {width:90px;height:90px;text-align:center;margin:0 auto;}

	---------.hidetheme {
		display:none;
	}
	.thelist, .ellist, .prodlist {z-index:2000;padding:0}
	.schd .ym-label {padding:4px .5em;line-height:1;display:block;text-transform:uppercase;font-size:.8571em;}
	.mschd .ym-label {padding-top:0;line-height:1.3}
	.mtabctinner .schd .ym-label {padding-left:0;}
	.mschd .icocircle {margin-top:1px;}
	#motivColors {display:none;}
	.colorPicker a {float:left;width:0px;height:18px;margin-right:5px;}
    .colorPicker input {width:18px;height:18px;cursor:pointer;border-radius:18px;}
	.colorPicker input {float:left;padding:0;margin:0;border:1px solid #fff;box-shadow:none !important;color:transparent !important;display:none;}
	#motivColors .colorPicker input {display:block;}

	.colorico {width:18px;height:18px;background-position:0 -152px;cursor:pointer;float:left;border-radius:18px;background:#ccc;border:1px solid #ccc;}

	.chang .colorPicker input {border-bottom:none;border-left:none;}
	.colorPicker img {border:none;}
    .chang .ui-state-highlight {border:none;}
	.colorPicker a {float:left;}

	#templateTextElements .colorPicker, #motivElements .colorPicker {margin-top:9px;float:left;}
	#templateTextElements .fef {margin-top:9px;float:left;}
	.boxhead h2 {
		text-transform:uppercase;
		color:#444444;
		font-size:1.2143em;
		margin:.75em 0 .75em 0;
	}
	.boxhead a {
		margin-top:1em;
		line-height:2;
		float:right;
		font-size:.929em;
	}
	.smico {
		font-family: 'Smake_Icons' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
	}
	.carticon {float:right;color:#000;font-size:3em;}
	.subbox, .fullbox {
		border:2px solid #f5f5f5;
	}
	.subbox h3, .fullbox h3 {
		font-family: 'Amatic SC', cursive;
		letter-spacing:1px;
		background:#8CB43C;
		text-transform:uppercase;
		color:#fff;
		margin:0;
		padding:0;
		font-size:1.571em;
		float:left;
		width:100%;
	}
	.fullbox h3 a {color:#fff;}
	.fullbox h3 {
		padding:7px 0;
		margin-bottom:.5em;
	}
	.fullbox .sti {padding:0 .5em;}
	.fullbox .fsinner {padding:.75em;}
	.fullbox img {
		float:left;
	}
	.nldiv {
		background:#8CB43C;
		color:#fff;
		padding:1em;
		padding-top:.5em;
	}
	.xpad {padding-left:1.5em;padding-right:1.5em;}
	.nldivbottom {
		background:#464646;
		padding:1em;
		padding-bottom:0.25em;
	}
	.gboxnarrow .nldiv.ym-gbox-right, .gboxnarrow .nldivbottom.ym-gbox-right {padding-left:1em;}
	.nldivbottom .ym-form label {
		color:#fff;
		font-size:0.857em;
	}
	.nldivbottom .cr_ipe_item input {
		width:100%;
		border: none;
	}
	.nldivbottom .ym-form button {
		border-radius:0;
		width:100%;
		padding:0;
		background:#8CB43C;
		text-align:center;
		text-transform:uppercase;
		letter-spacing:1px;
		line-height:1.5;
		margin-top:5px;margin-bottom:0;
		color:#fff;
	}
	.nldiv h2 {
		font-family: 'Amatic SC', cursive;
		letter-spacing:1px;
		text-transform:uppercase;
		color:#fff;
		font-size:2.571em;
		letter-spacing:1px;
		margin-bottom:0;
		line-height:1.4;

	}
	.nldiv ul {margin-bottom:0;}
	.subbox h3 .sti {
		margin-top:7px;
		display:inline-block;
		float:left;
	}
	.subbox h3.center .sti {
		text-align:center;
		float:none;
		padding-bottom:7px;
	}
	.subbox h3 .smico {
		font-size:1.364em;
		padding:7px 10px 0 10px;
		letter-spacing:0;
		display:inline-block;
		float:left;
	}
	.seq {overflow:hidden;}
	.themprev h3 {margin-bottom:10px;}
	.subbox p, .fullbox p {
		font-size:.857em;
		margin:0;
	}
	.sinnerleft {
		min-height:70px;
		text-align:center;
	}
	.sbButton {
		background:#464646;
		padding:3px 3em;
		color:#fff;
		font-size:1.571em;
		letter-spacing:1px;
		text-transform:uppercase;
	}
	.hfa {
		font-size:1.364em;
		padding:0 10px;
		letter-spacing:1px;
		text-transform:uppercase;
	}
	.fullboxc {
		border:2px solid #f5f5f5;
		padding:.5em;
		margin-top:.5em;
	}
	.horsefont {
		font-family: 'Amatic SC', cursive;
	}
	.sinnerleft .smico {
		font-size:2.286em;
		color:#8CB43C;
		display:inline-block;
		padding-top:15px;
		text-align:center;
	}
	.fullbox h4 {
		font-family: 'Amatic SC', cursive;
		color:#8CB43C;
		font-size:1.571em;
		letter-spacing:2px;
		text-transform:uppercase;
		margin:1em 0 0 0;
	}
	.fullbox h4 .smico {
		font-size:1.364em;
		margin-right:5px;
	}
	.fullbox h4.special {
		color:#c41934;
	}
	.fullbox .fulllink a {
		width:100%;
		color:#fff;
		background:#8CB43C;
		text-transform:uppercase;
		text-align:center;
		padding:3px 0;
		width:100%;
		float:left;
	}
	.topbox .avcols {display:none;}
	 .topbox .avcols {display:block;}
	 .tatitle a {color:#454545;font-weight:bold;text-transform:uppercase;}
	 .tarinfo {margin:0;}
	 .topbox .avcols {position:relative;left:inherit;top:inherit;background:#fff;text-align:center;margin:0 ;}
	 .topbox .avcols .colbubble {display:inline-block;margin:0 2px 0 2px;border-radius:6px;width:6px;height:6px;}

	.cbgf5f5f5 {background:#f5f5f5;}
	.ym-grid  .fle.w25 {width:25%;}
	 .fleinner {padding-top:1em;}
	 .fleinner .ndimg {padding-bottom:60px;display:block;}
	 .trcol1 .fleouter {padding-right:.5em;}
	 .trcol2 .fleouter {padding-right:.5em;padding-left:.5em;}
	 .trcol3 .fleouter {padding-right:.5em;padding-left:.5em;}
	 .trcol4 .fleouter {padding-left:.5em;}

.s_produkte_item_detailFrm{
	left: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	height: 61px;
	border-top: 1px solid #d9d9d9;
}
 .trcol1 .s_produkte_item_detailFrm {
	margin-right:.5em;
}
 .trcol2 .s_produkte_item_detailFrm {
	margin-right:.5em;
	margin-left:.5em;
}
 .trcol3 .s_produkte_item_detailFrm {
	margin-right:.5em;
	margin-left:.5em;
}
 .trcol4 .s_produkte_item_detailFrm {
	margin-left:.5em;
}
.s_produkte_item_detailContent{
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	overflow: hidden;

	border-bottom: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
}
.topbox .s_produkte_item_detailBtn{
	background-color: #454545;
	text-align: center;
	padding: 5px 0;
	margin: 5px 0 0 0;
	color: #ffffff;
	display: block;
	text-transform: uppercase;
	width:100%;
	display:none;
}

.s_produkte_item_produktText{
	text-align: center;
	height: 33px;
	overflow: hidden;
}
.s_produkte_item_detailHover{
	display: none;
	height: 60px;
	padding: 0 .5em;
}
.butpad {padding:0 .5em;display:block;}

.s_produkte_item_detailBg{
	background-color: #fff;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.s_produkte_item_detailColors{
	text-align: center;
	margin-top: 5px;
}

.s_produkte_item_detailPreis{
	top: -45px;
	left: 50%;
	margin-left: -55px;
	width: 110px;
	height: 45px;
	position: absolute;
	text-align: center;
	overflow: hidden;
}
.s_produkte_item_detailPreisBg{
	top: 0px;
	left: 0px;
	right: 0px;
	height: 55px;
	position: absolute;
	-webkit-border-radius: 55px 55px 0 0;
	border-radius: 55px 55px 0 0;
	background-color: #444;
}
.s_produkte_item_detailPreisL1{
	top: 2px;
	left: 0px;
	right: 0px;
	position: absolute;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}
.s_produkte_item_detailPreisL2{
	top: 20px;
	left: 0px;
	right: 0px;
	position: absolute;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}


	.aadestorb .s_produkte_item_detailPreis .prholinner {display:inline-block;color:#fff;width:60px;height:30px;background:#8CB43C;padding:5px 15px 0 15px;border-top-left-radius:400px;border-top-right-radius:400px;border: 0 solid red;}
	.aadestorb .s_produkte_item_detailPreis .prholinner span {padding-top:5px;display:inline-block;}
    border-bottom: 0;}
	.inspbox {background:#F5F5F5;text-align:center;}
	.inspbox img {margin-bottom:0;}
	.firstrow {margin-bottom:1em;}
	.katprev img.flexible {float:left;}
	.fullbox p {padding-left:0;}
	.fullbox p.fulllink {padding-left:0;font-size:1em;width:100%;margin-top:20px;}
	.gboxnarrow .ym-gbox-left {padding-right:.5em;}
	.gboxnarrow .ym-gbox {padding-right:.5em;padding-left:.5em;}
	.gboxnarrow .ym-gbox-right {padding-left:.5em;}
	.sinnerleft {
	}
	.sinner p {
		padding:7px;
		padding-bottom:0;
	}
	.withTopBorder {
		border-top:2px solid #d5d5d5;
		margin-top:20px;
	}

	.posidel {display:none;}

	.ym-form #templateTextElements .ym-fbox:last-child {margin-bottom:0;}
	.ym-form .colorPicker input[data-id="14"], .ym-form .colorPicker input[value="ffffff"] {border-color:#000;}

	.iubn-wrapper {
		background: #000;
		background: rgba(140,180,60,0.9);
		padding: 30px 0 0 0;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 11000;
		display: none;
		color:#fff;
		text-align:center;
	}
	.greenbg {
		background: #8CB43C;
	}
	.noli, .noli li {
		list-style-type:none;
		margin:0;padding:0;
	}
	.iubn-wrapper .biga {
		font-size:8em;
	}
	.iubn-wrapper .smia {
		font-size:6em;
	}
    .iubn-vf {
		background: #8CB43C;
        padding-top:10px;
	}
    .iubn-vf img {
        padding:0;
    }
	.mhpad {display:inline;text-align:center;}
	.mhpad .fleinner {padding:20px;float:left;}
	/* ende */
    .tagcloud a{color:#747578;}
    .tagcloud a:hover{background:none;}
    .tagcloud a.tag1{font-size:.7857em;font-weight:normal;}
    .tagcloud a.tag2{font-size:.8571em;font-weight:normal;}
    .tagcloud a.tag3{font-size:.9286em;font-weight:normal;}
    .tagcloud a.tag4{font-size:1em;font-weight:normal;}
    .tagcloud a.tag5{font-size:1.0714em;font-weight:normal;}
    .tagcloud a.tag6{font-size:1.1429em;font-weight:normal;}
    .tagcloud a.tag7{font-size:1.2143em;font-weight:normal;}
    .tagcloud a.tag8{font-size:1.2857em;font-weight:normal;}
    .tagcloud a.tag9{font-size:1.3571em;font-weight:normal;}
    .tagcloud a.tag10{font-size:1.4286em;font-weight:normal;}
    .tagcloud{margin:0 2px;padding:10px 0;line-height:1.8571em;text-align:justify;font-size:1em;}
    .tagcloud a{padding:0px;}
    .tagcloud li{display:inline;background:none;margin:0;padding:0;}
    .tagcloud {font-size:1em;}

	.tag {background:#fff;color:#000;padding:1px 5px;border-radius:4px;margin:2px 2px;float:left;font-size:.8571em;border:1px solid #ccc;}

	.motivZoom_article{
		z-index: 4000;
	}
	.motivZoom_img{
		z-index: 4000;
		position: absolute;
	}

	.motivZoom_overlay{
		position: absolute;
		z-index: 4001;
	}

	.motivZoom{
		z-index: 4000;
		position: absolute;
		top: 0px;
		margin: 0px auto;
		overflow: hidden;
	}

	/* Bundel-Produkt */
	.shop_bundel_frame{

	}

	.shop_bundel_page{
		clear: both;
		background-color: #ffffff;
		border: 1px solid #CDCFD2;
		display: none;
		-webkit-border-radius: 0 5px 5px 5px;
		border-radius: 0 5px 5px 5px;
	}

	.shop_bundel_frame > DIV.aktive{
		display: block;
	}

	.shop_bundel_pageBox{
		margin: 10px;
	}

	/*
	.shop_bundel_frame .shop_bundel_page:not(:first-child) {
		display: none;
	}
	*/
	.shop_bundel_menuFrame{

	}
	.shop_bundel_menu{
		margin: 0;
		padding: 0;
	}
	.shop_bundel_menu > LI{
		margin: 0;
		padding: 0;
		list-style-type: none;
		float: left;
	}
	.shop_bundel_menu > li > A{
		width: 80px;
		height: 70px;
		background-color: #ffffff;
		display: block;
		text-align: center;
		border-left: 1px solid #CDCFD2;
		border-top: 1px solid #CDCFD2;
		border-right: 1px solid #CDCFD2;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		position: relative;
	}
	.shop_bundel_menu > LI.aktive > A{
		border-bottom-color: #ffffff;
	}

	.shop_bundel_menu > li > A .shop_bundel_borderOverlay{
		display: none;
		position: absolute;
		width: 100%;
		height: 1px;
		background-color: #ffffff;
		left: 0;
		bottom: -1px;
	}
	.shop_bundel_menu > LI.aktive > A .shop_bundel_borderOverlay{
		display: block;
	}

	.shop_bundel_menu > li > A .shop_bundel_number{
		top: 2px;
		left: 2px;
		width: 20px;
	  height: 20px;
		font-size: 16px;
	  line-height: 20px;
		text-align: center;
	  -webkit-border-radius: 10px;
		border-radius: 10px;
	  background-color: #fe9090;
		color: #ffffff;
		font-weight: bold;
		display: block;
		position: absolute;
	}

	.clicked .shop_bundel_number, .aktive .shop_bundel_number{
		background-color: #a5c956!important;
	}

	.shop_bundel_menu > li > A .shop_bundel_preview{
		margin: 10px auto 0 auto;
	}

	.bundelState_frame{
		width: 30px;
	}
	.bundelState_step{
		background: #fe9090; /* Old browsers */

		text-align: center;
		padding: 2px 5px;
	}
	.bundelState_stepFooter{
		background-color: #fe9090;
	}
	.bundelState_number{
		width: 20px;
		height: 20px;
		line-height: 20px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background-color: #ffffff;
		margin: 0 auto;
	}
	.bundelState_stepArrow{
	  width: 0;
		height: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #ff5c5c;
	}
	.bundelState_aktiveBg{
		background: #cdeb8e; /* Old browsers */
	}
	.bundelState_aktiveBorder{
	  width: 0;
		height: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #a5c956;
	}
	.bundelState_aktiveFooter{
	  background-color: #cdeb8e;
	}


}


/* PIN */
.pin {
                width: 30px;
                height: 30px;
                border-radius: 50% 50% 50% 50%;
                background: #8CB43C;
                position: absolute;
                left: 50%;
                top: 50%;
                margin: -20px 0 0 -20px;
                display: block;
                -webkit-box-shadow: 0 0 3px 0 rgba(90,90,90,0.6);
                box-shadow: 0 0 3px 0 rgba(90,90,90,0.6);
}
.pin:after {
                content: "";
                width: 14px;
                height: 14px;
                margin: 8px 0 0 8px;
                background: #e6e6e6;
                position: absolute;
                border-radius: 50%;
}
.pin:hover:before{
                content: attr(data-title);
                border-radius: 5px;
                bottom: 40px;
                left: -40px;
                background: #fff;
                position: absolute;
                width: 100px;
                font-size: 10px;
                font-family: Arial;
                padding: 3px 5px;
                color: #333333;
                text-align: center;
                -webkit-box-shadow: 0 0 3px 0 rgba(255,255,255,1);
                box-shadow: 0 0 3px 0 rgba(255,255,255,1);
                clear:both;
                display: table;
}


.pin_pulse {
                height: 14px;
                width: 14px;
                position: absolute;
                left: 13px;
                top: 13px;
                display: block;
                z-index: -2;
}
.pin_pulse:after {
                content: "";
                border-radius: 50%;
                height: 30px;
                width: 30px;
                position: absolute;
                margin: -13px 0 0 -13px;
                animation: pin_pulsate 2s ease-out;
                animation-iteration-count: infinite;
                opacity: 0;
                box-shadow: 0 0 1px 2px #fff;
                animation-delay: 1s;
                -webkit-animation-duration: 2s;
                animation-duration: 2s;
}

@keyframes pin_pulsate {
	0% {
	   transform: scale(0.1, 0.1);
	   opacity: 0;
	}

	50% {opacity: 1;}

	100% {
	   transform: scale(1.2, 1.2);
	   opacity: 0;
	}
}
#fileuploader {float:left;margin-bottom:10px;width:100%;}
.fdroparea {width:100%;float:left;text-align:center;background:#fff;margin-bottom:.5em;clear:both;}
.fpad {padding:1em;}
.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinpudt-button .button {
	float:none;
	width:auto;
	display:inline-block;
	background:none;
	border:none;

}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.progress-animated .progress-bar,
.progress-animated .bar {
  background: url("../img/progressbar.gif") !important;
  filter: none;
}
.uploadselect .holder {cursor:pointer;}
.fileupload-process {
  float: right;
  display: none;
}
.files {float:left;width:100%;}
.fileupload-processing .fileupload-process,
.files .processing .preview {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../img/loading.gif") center no-repeat;
  background-size: contain;
}
.files audio,
.files video {
  max-width: 300px;
}
.fileupload-progress {
	margin: 10px 0;
}
.fileupload-progress .progress-extended {
	margin-top: 5px;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none;
  }
  .files .name {
    width: 120px;
    word-wrap: break-word;
  }
  .files audio,
  .files video {
    max-width: 120px;
  }
  .files img,
  .files canvas {
    max-width: 100%;
  }
}

@media screen {
.frame { width: 100%; height: 80px; padding: 0; overflow:hidden;z-index:1000}
.frame.wicon {height:100px;}
.frame.duo {height:160px;}
.otlist .frame {height: 61px;}
.hidee {display:none;}
.mtadruck {height:150px;}
.otae {float:left;}
.otae img {display:block;}
.hasScroller {height:450px;overflow: hidden;}
.mtalist .schd {margin-top:20px;}
.otpro ul {margin:0;}
.prodlist {font-weight:bold;font-size:.8571em;}
.otpro li {list-style-type:none;padding:.5em;margin:0 .5em .5em 0;float:left;background:#EBEBEB;}
.oldframe .slidee { margin: 0; padding: 0; height: 100%; list-style: none; list-style-type:none;}
.frame .slidee li { float: left; margin: 0 3px 0 0; padding: 0; list-style-type:none; }
.hasScroller .slidee { margin: 0; padding-right: 25px; }
.otlist .frame .slidee li {padding:0 5px;}

.cbordered {padding:0 10px;float:left;margin:0 .5em .5em 0;border:1px solid #d9d9d9}
.cbordered .ym-label {text-transform:uppercase;}
.cboritem {padding:0 5px;margin:0 5px 5px 0;float:left;cursor:pointer;}

.oldotlist li.sel img {border:1px solid #5a5a5a;}
div.vscrollbar { width: 10px; height: 450px; position:absolute; right:10px;top:10px;background:#ebebeb;display:none}
.vscrollbar .handle {
    width: 100%;
    height: 100px; /* overriden if dynamicHandle: 1 */
	cursor: n-resize
}

.scrollbar { width: 100%; height: 4px;margin-bottom:5px; }
.otlist .scrollbar {margin-top:5px;}
.scrollbar .handle {
    width: 60px; /* overriden if dynamicHandle: 1 */
    height: 100%;
    background: r;
}


	.mainColor1, .ym-form .mainColor1, .ym-form .ym-label.mainColor1  {color:#8CB43C;}

/* MotivDesigner Zoom */
.motivZoom_article{
    z-index: 4000;
}
.motivZoom_img{
    z-index: 4000;
    position: absolute;
}

.motivZoom_overlay{
    position: absolute;
    z-index: 4001;
}

.motivZoom{
    z-index: 4000;
    position: absolute;
    top: 0px;
    margin: 0px auto;
    overflow: hidden;
}

/* Pages */
.pages {
	list-style: none;
	margin: 2px 0;
	padding: 0;
	text-align: center;
}
.pages li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	text-indent: -999px;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.pages li:hover {
	background: #aaa;
}
.pages li.active {
	background: #8CB43C;
}
.btnold {cursor:pointer;position:absolute;background:#8CB43C;color:#fff;padding:0;text-align:center;border-radius:10px;height:20px;width:20px;line-height:18px;}
.btn {cursor:pointer;position:absolute;color:#5A5A5A;padding:0;text-align:center;font-size:2em;}
.nextPage {top:15px;right:-15px;}
.prevPage {top:15px;left:-15px;}
.otlist .nextPage, .otlist .prevPage {top:10px;}
.ym-form .motivlst {padding:0 25px !important;}
}
@media screen {
	#jquery-colour-picker {
		background: #fafafa;
		padding: 0;
		padding-bottom:0;
		border: 1px solid #ccc;
		z-index: 99;
	}

	#jquery-colour-picker ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		width:98px;
	}

	#jquery-colour-picker ul:after {
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
		clear: both;
	}

	#jquery-colour-picker ul li {
		margin: 1px;
		float:left;
	}

	#jquery-colour-picker ul li a {
		display: block;
		width: 20px;
		height: 20px;
		text-decoration: none;
		text-indent: -100000px;
		outline: 0;
		border: 1px solid #ccc;
	}
	#jquery-colour-picker ul li a.selected {
		border-color:#8cb43c;
	}
	#jquery-colour-picker ul li a:hover {
		border-color: #444;
	}

	#layerslider .horseTxt{
		color: #fff;
		font-size: 4em;
		line-height: 1.3;
	}

	#layerslider .horseTxtSpaceSmall{
		margin-right: 20px;
	}

	#layerslider .horseTxtSpace{
		margin-right: 40px;
	}

	#layerslider .horseTxtSpaceLarge{
		margin-right: 80px;
	}
	.toggle-slide {
	overflow: hidden;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	direction: ltr;
	text-align:center;
	}
	.toggle-modern {
		font-size:.7857em;
		text-transform:uppercase;
	}
	.toggle-slide .toggle-on,
	.toggle-slide .toggle-off,
	.toggle-slide .toggle-blob {
	float: left;
	}
	.toggle-slide .toggle-blob {
		position: relative;
		z-index: 99;
		cursor: hand;
		cursor: -webkit-grab;
		cursor: -moz-grab;
		cursor: grab;
	}
	.toggle-modern .toggle-slide {
		background:red;
	}
	.toggle-modern .toggle-on,
	.toggle-modern .toggle-off {
		background:green;
	}
	.toggle-modern .toggle-select .toggle-off,
	.toggle-modern .toggle-select .toggle-on {
		background: Gold ;
	}
	.toggle-modern .toggle-off,
	.toggle-modern .toggle-off.active {
		background:#fff;
	}
	.toggle-modern .toggle-on,
	.toggle-modern .toggle-on.active {
		background:Cyan ;
	}
	.toggle-modern .dataoff .toggle-blob {
		background:#c41934;
	}
	.toggle-modern .dataon .toggle-blob {
		background:#8CB43C;
	}
	.toggle-modern .toggle-on, .toggle-modern .toggle-on.active {background:#fff }


}
/* reset fallback values in modern browsers */
@media screen and (min-width: 0px) {
  body > header, body > nav, body > main, body > footer, body > #breadcrumbs, body > #mfooter {
    min-width: 0;
  }
}

/* optimize forms on small screens by forcing display mode: full */
@media screen and ( max-width: 740px )  {

  /* linearize form elements */
  .linearize-form label {
    float: none;
  }

  .linearize-form .ym-label,
  .linearize-form .ym-message,
  .linearize-form input,
  .linearize-form button,
  .linearize-form textarea,
  .linearize-form select {
    display: block;
    float: none;
    position: static;
    width: 100% !important;
    margin-left: 0 !important;
  }

  /* linearize grids */
  .linearize-form .ym-fbox-wrap,
  .linearize-form .ym-fbox-wrap [class*="ym-g"] {
    display: block;
    float: none;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* restore special form elements */
  .linearize-form input[type="checkbox"],
  .linearize-form input[type="radio"],
  .linearize-form input[type="image"] {
    margin-left: 0 !important;
    width: auto !important;
    display: inline;
  }
	#layerslider .horseTxt{
		color: #fff;
		font-size: 3em;
		line-height: 1.2;
	}
}


@media screen and (max-width: 760px) {
  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
  .linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] {
    /* linearization for grids and columns module */
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: auto !important;
  }
  #mfooter .linearize-level-1, #mfooter .linearize-level-1 > [class*="ym-c"], #mfooter .linearize-level-1 > [class*="ym-g"] {
	padding-bottom:20px;}
  .linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
    /* reset defined gutter values */
    margin: 0;
    padding: 0;
    /* optional for containing floats */
    overflow: hidden;
  }
  #subnav li, #mainnav li {
	margin-bottom:10px;
  }
	.fle.w20, .fle.w10 {width:33%;}
	.fle.w25 {width:33%;}
	.fle.w33 {width:33%;}
	.headerrow h3 {padding:.3em;font-size:.8571em;font-weight:bold;}
  	.ym-grid .fle.w16, .fle.w16 {width:33%;}

  header .ym-wbox {
    padding: 0.75em 10px;
  }
  nav .ym-wbox {
    padding: 0.2em 10px;
  }

  footer .ym-wbox,
  .ym-wbox {
    padding-left: 10px;
    padding-right: 10px;
  }
  nav .ym-hlist ul {
    padding-left: 0;
    padding-right: 0;
  }
  #mainnav a {padding-right:10px;}
  #mainnav li {font-size:1.2857em;}
  .asmaller {
	font-size:.8571em;
  }
  .onlypad {display:block;}
	.padandphone {display:block;}
	#breadcrumbs .ym-wbox {
		padding:5px 10px;
	}
		.thwllist {font-size:.8571em;}
	.ym-grid  .fle.w25 {width:50%;}
}
@media screen and (max-width: 480px) {
	.katprev img {margin-bottom:1em;}
	#layerslider {display:none;}
	.overlayload {font-size:2em;}

	.motivDs .prodconfig li {float:left;}
	  #motivDesignerForm h3 {
		color:#8CB43C;
		font-size: 1.4286em;
	  }

		li.nbr {clear:none;}
		.thwllist {font-size:.8571em;font-weight:normal;}
		.thwllist a {padding:5px 3px;}

	.pages {display:none;}
	#breadcrumbs {display:none;}

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
	.linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] {
		/* linearization for grids and columns module */
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: auto !important;
	}
	.linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
		/* reset defined gutter values */
		margin: 0;
		padding: 0;
	}
	header .ym-wbox {
		padding: 0.75em 10px;
	}
	#topnav li {line-height:30px;}
	nav .ym-wbox {
		padding: 0 10px;
	}
	header h1 {
		font-size: 1.5em;
		line-height: 1em;
		margin: 0;
	}
	nav .ym-hlist ul {
		padding-left: 0;
		padding-right: 0;
	}
	footer .ym-wbox,
	.ym-wbox {
		padding-left: 5px;
		padding-right: 5px;
	}
	nav .ym-hlist li  {
		padding-bottom:4px;
		padding-top:4px;
	}
	#subnav li, #mainnav li {margin-bottom:0;}
	#subnav li {float:left;}
	.onlyphone {display:block;}
	.onlypad {display:none;}
	.padandphone {display:block;}
	span.onlyphone {display:inline;}
	#navtoggler {
		display:block;
	}
	.slogan {display:block;float:none;line-height:1.5;margin-left:35px;margin-bottom:10px;clear:both;}
	.fle.w20, .fle.w10 {width:50%;}
	.fle.w25 {width:50%;}
	.fle.w33 {width:50%;}
	.ym-grid .fle.w16, .fle.w16 {width:50%;}

	#breadcrumbs .ym-wbox {
		padding:5px 10px;
	}
	.nophone {display:none;}
	#mfooter .ym-gbox {padding-bottom:.5em;padding-top:.5em;border-bottom:1px solid #5c5a5a;}
	#mfooter .ym-gbox-right .ym-grid .ym-gbox-right {border:none;padding-bottom:0;}
	.motivlist .item {width:50%;}
	.motivlist img {width:95%;}
	#footernav li {margin-bottom:10px;font-size:.8571em}
	#footernav a {padding:0 5px;}
	#footernav li:last-child a {margin-right:0;}
	#layerslider .horseTxt{
		color: #fff;
		font-size: 2em;
		line-height: 1.2;
	}
	.logo {max-width:150px}
	.qrlholder {display:none;}
	.ptholder .bhcont {padding-left:0;padding-right:0;}
	.bholder {float:left;margin-bottom:2px;margin-top:3px;}

}

/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */
@media print {
  body {
    font-size: 10pt;
    padding: 0 5px;
  }

  nav {
    display: none;
  }

  h1,  h2,  h3,  h4,  h5,  h6 {
    page-break-after: avoid;
  }
}

@media screen {

#mfooter, .tmpbullet.active, .button:hover {background:#8cb43c;}
.fileinput-button .button {
	margin:0;
	padding:0;
}

.button:hover {color:#fff;}
.fileinput-button .button:hover {
	background:transparent;
	color:#5A5A5A;
}
.upltext {color:#444;}

.logo {background:transparent;}
.tmpbullet.active {color:#fff;}
.tmpbullet {margin-bottom:10px;border-color:#8cb43c;}
.ym-searchform button, #subnav a:hover, #subnav li.active a, #mainnav li.active a,  #footernav a:hover, #footernav li.active a, #mainnav a:hover, #topnav a:hover,  #topnav a.active, .color1, #categories .level_0 li.active  a.selected, #categories .level_0 li  a:hover, .rlist a:hover, #chProgress a:hover, .motivDs .addToCart:hover, .smakeitbutton:hover, a, #chProgress .active {color:#8cb43c;}
#mfooter a.active, #mfooter a:hover, #mfooter li:before { color:#efefef;}
#mainnav a {color:#fff;}
#mainnav li {font-size:1em;}
footer {background:#333333;}
.slogan {font-style:italic;}
main {min-height:500px;}
#categories span span, .plisthead h2 span {font-style:italic;text-transform:none}
#breadcrumbs a span {display:none}

#categories span span:before, .plisthead h2 span:before {
	content: '\e045' /*fontawesome char code inside the ''*/;
	font-family: ios7-style-font-icons; /* or whatever */
	display: inline-block;
	margin-left: 0em; /*same as padding-left set on li*/
	width: 1.4em; /*same as padding-left set on li*/
	color:#fff;
	font-style:italic;
	font-size:.8em;
}
.plisthead h2 span:before {
	color:#8cb43c;
}
#categories .level_0 li a {
	text-transform:none;
}
#categories .level_0 li a {background:#8cb43c;}
#categories .level_1 li a {background:#fff;}
#subnav li {margin-bottom:5px;font-size:0.8571em;}
#subnav li a{
	padding:1px 4px;
	border-radius:.3em;
	background:#efefef;font-weight:bold;
}
#subnav li.active a {
	color:#000;
	background:#ccc
}
#mfooter a.active {color:#555555;}
.motivDs {background:none;}


.item, .topbox {background:none;}
.item .box {background:#fff;}
.inspirations .box {
	background: #eee;
	border: 4px solid white;
	box-shadow: 0 0 1px rgba(0,0,0, .4);
	margin-bottom: 14px;
	position: relative;
}
.inspirations .box:hover {
	box-shadow: 0 0 1px rgba(0,0,0, .8);
}
.inspirations .box IMG {
	width: 280px;
}
.inspirations .delete {
	display: block;
	position: absolute;
	right: -4px;
	bottom: -4px;
	background: #eee;
	box-shadow: 0 0 1px rgba(0,0,0, .4);
	padding: 3px;
}
.inspirations .delete:hover {
	background: pink;
	color: #000;
}
.topbox img.abordered{border-radius:1em;}

.d_mMenu_btn, .d_wMenu_btn, #info  {background:#8cb43c;}
input[name=color]::selection, input[name=alltexts]::selection {color:inherit;background:inherit;}
input[name=color]::-moz-selection, input[name=alltexts]::-moz-selection {color:inherit;background:inherit;}
#mfooter ::selection {
	background: #fff; /* Safari */
	color:#8cb43c;
	}
#mfooter ::-moz-selection {
	background: #fff; /* Firefox */
	color:#8cb43c;
}

.cart {width:36px;height:36px;background-position:-44px -36px;margin-bottom:5px;margin-right:0;}
h1, h1 a {float:left;font-size:1em;}
}



/* Produkte */
.s_produkte{
}

.s_produkte_padding{
	margin: 20px;
}
.s_produkte_topFrm {
	margin-bottom: 20px;
}


.s_produkte_topFrm {
	display: block;
	overflow: hidden;
	padding-right: 160px; /* column width */
	width: auto;
}
.s_produkte_topFrm .ym-col1 {
	position: relative;
	float: left;
	width: 100%;
	font-size: 12px;
}
.s_produkte_topFrm .ym-col3 {
	position: relative;
	float: left;
	width: 160px; /* column width */
	margin: 0 -160px 0 0;
}
.s_produkte_topFrm .ym-col3 SELECT{
	border: 1px solid #d9d9d9;
	line-height: 29px;
	height: 29px;
}

.s_breadcrumb{
	padding: 5px 10px;
	border: 1px solid #d9d9d9;
}
.s_breadcrumb A{
}
.s_breadcrumb A:hover{
	text-decoration: underline;
}
.s_breadcrumb SPAN.spacer{
	font-weight: bold;
	padding: 0px 3px;
}


.p_produkte_filter_order{
}
.s_produkte_frm {
}

.s_produkte_frm .ym-col1 {
	float: left;
	width: 140px;
	border-right: 1px solid #d9d9d9;
}
.s_produkte_frm .ym-col3 {
	margin: 0 0 0 140px;
	border-left: 1px solid #d9d9d9;
}

.s_produkte_frm .ym-col1 H2{
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	line-height: 1;
	text-transform: uppercase;
}
.s_produkte_frm .ym-col1 LABEL{
	font-size: 12px;
	white-space: nowrap;
}

.s_produkte_frm .ym-col1 .s_spacer{
	height: 20px;
}
.s_produkte_frm .ym-col1 .ym-fbox-wrap{
	width: 99%;
}

.s_produkte_itemWrapper{
	padding: 0px 0px 20px 20px;
}

.s_produkte_item{
	background-color: #f5f5f5;
	border: 1px solid #d9d9d9;
	position: relative;
}

.s_produkte_item_imgFrm{
	text-align: center;
	display: block;
	width: 220px;
	height: 250px;
	margin: 0px auto 70px auto;
}
.s_produkte_item_imgFrm IMG{
	margin: 10px auto;
}


.s_produkte_item_detailBg{
	background-color: #fff;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.s_produkte_item_detailPreis{
	top: -45px;
	left: 50%;
	margin-left: -70px;
	width: 140px;
	height: 45px;
	position: absolute;
	text-align: center;
	overflow: hidden;
}
.s_produkte_item_detailPreisBg{
	top: 0px;
	left: 0px;
	right: 0px;
	height: 70px;
	position: absolute;
	-webkit-border-radius: 70px 70px 0 0;
	border-radius: 70px 70px 0 0;
	background-color: #8cb43c;
}
.s_produkte_item_detailPreisL1{
	top: 2px;
	left: 0px;
	right: 0px;
	position: absolute;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}
.s_produkte_item_detailPreisL2{
	top: 20px;
	left: 0px;
	right: 0px;
	position: absolute;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}

.s_produkte_item_detailContent, .s_produkte_item_orderContent{
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	overflow: hidden;
}
.s_produkte_item_orderContent{
	display: none;
}

.s_produkte_item_detailContent H3, .s_produkte_item_orderContent H3{
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	color: #8cb43c;
	margin: 10px 0px 5px 0px;
	padding: 0px;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
}

.s_produkte_item_detailBtn{
	background-color: #8cb43c;
	text-align: center;
	padding: 5px;
	margin: 5px 10px 0px 10px;
	font-size: 13px;
	color: #ffffff;
	display: block;
	text-transform: uppercase;
}

.s_produkte_item_detailBtnLight{
	background-color: #fff;
	font-size: 13px;
	color: #8cb43c;
	text-transform: uppercase;
	border: 1px solid #d9d9d9;
}


.s_produkte_item_produktText{
	text-align: center;
	font-size: 12px;
	height: 33px;
	overflow: hidden;
}

.s_produkte_item_detailColorsH{
	font-size: 13px;
	color: #8cb43c;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}

.s_produkte_item_detailColors{
	text-align: center;
	margin-top: 5px;
}

.s_produkte_item_detailColors A{
	display: inline;
}

.s_produkte_item_detailColors A SPAN{
	display: inline-block;
	height: 20px;
	width: 10px;
	border-right: 1px solid #d3d3d3;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}

.s_produkte_item_detailColors A:first-child SPAN{
	border-left: 1px solid #d3d3d3;
}
.s_produkte_item_detailHover{
	display: none;
	height: 60px;
	padding: 0px 10px;
}

.s_produkte_moreFrm{
	text-align: center;
}

.s_produkte_moreFrm A{
	display: inline-block;
	font-size: 14px;
	color: #8cb43c;
	text-transform: uppercase;
	border: 1px solid #d9d9d9;
	padding: 5px 10px;
}

.s_produkte_moreFrm A SPAN{
}

.s_produkte_loader{
	text-align: center;
	color: #808080;
	display: none;
}

.s_produkte_loader IMG{
	width: 70px;
	height: 70px;
}

.s_produkte_item_orderPreis{
	padding: 0px 10px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #8cb43c;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 5px;
}


.s_produkte_item_orderGInfo, .s_produkte_item_orderPInfo{
	padding: 0px 10px;
	font-size: 11px;
	text-align: center;
	margin-bottom: 5px;
}
.s_produkte_item_orderFFrm{
	text-align: center;
	margin-bottom: 5px;
}
.s_produkte_item_orderFAnz{
	width: 45px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	border: 1px solid #d9d9d9;
	margin: 0px;
	padding: 0px;
}
.s_produkte_item_orderFX{
	font-size: 14px;
	font-weight: 700;
	padding: 0px 10px;
}
.s_produkte_item_orderFGroesse{
	height: 22px;
	line-height: 22px;
	width: 100px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	border: 1px solid #d9d9d9;
}
.s_produkte_item_orderFGroesse OPTION{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
}

.s_produkte_item_loader{
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;

}

.s_produkte_item_loader IMG{
	top: 50%;
	left: 50%;
	margin-left: -35px;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	position: absolute;
}

.s_produkte_item_loaderBg{
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	background-color: #fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;

}

.s_produkte_katTree UL, .s_produkte_katTree LI{
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}
.s_produkte_katTree UL UL{
	margin-left: 10px;
}
.s_produkte_katTree LI A{
	font-size: 12px;
}
.s_produkte_katTree LI A:hover, .s_produkte_katTree LI A.active{
	text-decoration: underline;
}


.s_produktDet_padding{
	margin: 20px;
}

.s_produktDet_box{
	border: 1px solid #d9d9d9;
}

.s_produktDet_boxP{
	margin: 5px 10px;
}

.s_produktDet_boxH{
	font-size: 14px;
	font-weight: 700;
	color: #8cb43c;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	line-height: 1;
	text-transform: uppercase;
}

.s_produktDet_boxH2{
	font-size: 20px;
	font-weight: 400;
	color: #000;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	line-height: 1;
	text-transform: uppercase;
}

.s_produktDet_boxSpacer{
	height: 20px;
}

.s_produktDet_info{
	border: 1px solid #d9d9d9;
	margin-top: 20px;
	font-size: 12px;
}
.s_produktDet_infoP{
	margin: 7px 10px;
}

.s_produktDet_info H2{
	font-size: 18px;
	font-weight: 400;
	color: #000;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	line-height: 1;
	text-transform: uppercase;
}

.s_produktDet_info H2 .spacer{
	padding: 0px 8px;
	color: #8cb43c;
}

.s_produktDet_info H3{
	font-size: 12px;
	font-weight: 700;
	color: #8cb43c;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	line-height: 1;
	text-transform: uppercase;
}

.s_produktDet_art{
	text-align: right;
}

.s_produktDet_info P{
	margin: 0px 0px 5px 0px;
}

.s_produktDet_infoL{
	margin-right: 10px;
}

.s_produktDet_infoR{
	margin-left: 10px;
}

.s_produktDet_infoR TH, .s_produktDet_infoR TD, .s_produktDet_infoR TABLE{
	border: none;
}
.s_produktDet_infoR TH{
	font-size: 12px;
	font-weight: 700;
}
.s_produktDet_infoR TD{
	border-top: 1px solid #d9d9d9;
}

.s_produktDet_imgL{
	text-align: center;
}

.s_produktDet_imgS{
	text-align: center;
}

.s_produktDet_imgS IMG{
	margin-top: 5px;
}

.s_produktDet_imgF IMG{
	margin: 5px 5px 0px 0px;
}

.s_produktDet_gr_einzel{
	padding: 5px 0px;
}

.s_produktDet_gr_einzel INPUT{

	width: 45px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	border: 1px solid #d9d9d9;
	margin: 0px;
	padding: 0px;
}


.s_produktDet_gr_einzel SPAN{
	font-size: 14px;
	font-weight: 700;
	padding: 0px 10px;
}
.s_produktDet_gr_einzel SELECT{
	height: 22px;
	line-height: 22px;
	width: 100px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	border: 1px solid #d9d9d9;
}
.s_produktDet_gr_einzel SELECT OPTION{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
}
.s_produktDet_preis_versand{
	font-size: 12px;
}

.s_produktDet_preis_l{
	float: left;
}

.s_produktDet_preis_r{
	float: right;
}

.s_produktDet_preis_z1{
	font-size: 12px;
	margin: 10px 0px 5px 0px;
}

.s_produktDet_preis_z2{
	border-top: 1px solid #d9d9d9;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 5px;
	padding-top: 5px;
	color: #8cb43c;
}

.s_produktDet_preis_z2 .s_produktDet_preis_l{
	text-transform: uppercase;
}

.s_produktdet_btn{
	background-color: #8cb43c;
	text-align: center;
	font-size: 13px;
	color: #ffffff;
	padding: 5px;
	display: block;
	text-transform: uppercase;
	border: 1px solid #8cb43c;
}

.s_produktDet_hInfo{
	display: none;
}
.ribbon-wrapper {
    display: block;
    height: 88px;
    overflow: hidden;
    position: absolute;
    right: -3px;
    top: -4px;
    width: 85px;
    z-index: 1000;
}
.item .ribbon-wrapper {
    top: 9px;
}
.ribbon-wrapper .red::before, .ribbon-wrapper .red::after {
    border-top: 3px solid #750202;
}
.ribbon::before {
    left: 0;
}
.ribbon::before, .ribbon::after {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #333;
    bottom: -3px;
    content: "";
    position: absolute;
}
.ribbon-wrapper .red::before, .ribbon-wrapper .red::after {
    border-top: 3px solid #750202;
}
.ribbon::after {
    right: 0;
}
.ribbon::before, .ribbon::after {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #333;
    bottom: -3px;
    content: "";
    position: absolute;
}
.ribbon-wrapper .red {
    background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.ribbon {
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    color: #333;
    display: block;
    font: bold 15px sans-serif;
    left: -5px;
    padding: 7px 0;
    position: relative;
    text-align: center;
    top: 15px;
    transform: rotate(45deg);
    width: 120px;
}
.ribbon-smallTxt{
    font: bold 12px sans-serif;
    line-height: 15px;
}

.rabatt_newPrice {
    color: red!important;
}
.rabatt_oldPrice, .rabatt_oldPriceBlock {
    text-decoration: line-through!important;
}

.sAccordion{
	border-top: 1px solid #d9d9d9;
}
.sAccordion H3{
	margin: 0px;
	padding: 5px 10px;
	font-size: 13px;
	font-weight: 700;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	text-transform: uppercase;
	color: #8cb43c;
	overflow: hidden;
}
.sAccordion > DIV{
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding: 0px 10px 10px 10px;
}
.sAccordion > DIV > H4{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: #8cb43c;
}
.sAccordion > DIV > UL{
	margin: 0px;
	padding: 0px;
}
.sAccordion > DIV > UL > LI{
	margin: 0px 0px 0px 15px;
	padding: 0px;
	font-size: 12px;
}
.sAccordion > DIV > UL > LI > A{
	color: #000;
}
.sAccordion > DIV > UL > LI > A:hover{
	color: #8cb43c;
	text-decoration: underline;
}
.cancel {
	margin-left: 5px;
	font-weight: bold;
}


.sMultiMenu{
	font-family: "Open Sans",sans-serif !important;
	font-size: 1em;
}

.sMultiMenu, .sMultiMenu A{
	color: #000;
}

.sMultiMenu NAV{
	overflow: hidden;
}

.sMultiMenu NAV, .sMultiMenu_page{
	background-color: #fff;
	position: relative;
	/*background-color: #3e4b5d*/
	/*background-color: rgb(46, 56, 70)*/
}

.sMultiMenu UL, .sMultiMenu LI, .sMultiMenu H2{
	margin: 0px;
	padding: 0px;
}

.sMultiMenu H2, .sMultiMenu_backSide SPAN{
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1em;
	color: #8CB43C;
}

.sMultiMenu H2{
    padding: 0.8em 0.4em;
}


.sMultiMenu UL, .sMultiMenu LI{
	list-style-type: none;
}
.sMultiMenu UL{
}

.sMultiMenu A{
	font-size: 1em;
    line-height: 1em;
    outline: medium none;
	display: block;
	overflow: hidden;
    padding: 0.6em 0.4em;
    text-decoration: none;
	padding-left: 1em;
}
.sMultiMenu LI > A > I{
	width: 1em;
	float: right;
	text-align: center;
}

.sMultiMenu A:hover{
	background-color: #D1D1D1;
}


.sMultiMenu_page{
	top: 0px;
	left: 30px;
	right: 0px;
	bottom: 0px;
	display: none;
	position: absolute;
}

DIV.sMultiMenu_page{
	-webkit-box-shadow: -2px 0 3px 0 rgba(0,0,0,0.4);
	box-shadow: -2px 0 3px 0 rgba(0,0,0,0.4);
}

.sMultiMenu_pageBehind, NAV.sMultiMenu_pageBehind{

}
.sMultiMenu_pageBehind > H2, .sMultiMenu_pageBehind > A, .sMultiMenu_pageBehind > UL > LI > A{
	display: none;
}
.sMultiMenu_pageBehind > A.sMultiMenu_backSide{
	display: block!important;
	padding: 0px!important;
	margin: 0px!important;
}

.sMultiMenu_backLink{
	background-color: #d1d1d1;
	padding-left: 0!important;
}
.sMultiMenu_backLink I{
	width: 1em;
	text-align: center;
	float: left;
}

.sMultiMenu_backSide{
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 30px;
	position: absolute;
	display: block;
}

.sMultiMenu_backSide:hover > SPAN{
	color: #fff;
}

.sMultiMenu_backSide SPAN{
    padding: 0.3em 0.4em;
	color: #d1d1d1;
	display: block;
    position: absolute;
    top: 0;
    right: 100%;
    white-space: nowrap;

    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: right top;
    -moz-transform: rotate(270deg);
    -moz-transform-origin: right top;
    -ms-transform: rotate(270deg);
    -ms-transform-origin: right top;
    -o-transform: rotate(270deg);
    -o-transform-origin: right top;
    transform: rotate(270deg);
    transform-origin: right top;
}

@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-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;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}

@keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}



.jello{
    -webkit-animation-name:jello;
            animation-name:jello;
    -webkit-transform-origin: center;

            transform-origin: center
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

	#slideMenu{
		width: 400px;
		height: 500px;
		background-color: #d1d1d1;
		margin: 0px auto;
		-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.4);
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.4);
	}