html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
}

body {
	background:#ac9e7c;
	font-weight:bold;
	font-size:1.1em;
 	color:#111;
	width:100%;}

.llink {text-decoration:none;}




h1 {    position:fixed;
	color:#fff;
	font-family: 'BenchNine', serif; font-size:0.7em; font-weight:400; line-height:0.7em;
	top: 52px;
	left: 202px;
	z-index:201;}


h2 {
	color:black;
	font-weight:bold;
	font-size:1.5em;
	margin-bottom:-0.2em;}

h4 {
	color:black;
  	margin-top:20px;
	font-weight:bold;
	font-size:1.2em;}
	

nav {
	background: #49423a;
	height:70px;
	position:fixed;
	width:100%;
	top:0px;
 	z-index:100;}

footer {
	height: 60px;
	bottom:-200px;
	position:relative;
	background: #49423a;
	width:100%;}

.social {height:30px;
	 top:15px;
	 opacity:0.8;
	 left: 50px;
	 position:relative;
	 text-align:right;}

.dragimg{width:50px;
	 position:relative;
	 top:10px;}

.arrow{width:40px;
	 position:relative;
	 top:-4px;}

.drag{	top:-40px;
	position:relative;
	font-family: 'BenchNine', serif; font-size:0.9em; font-weight:400; line-height:0.7em;
	margin-bottom:-25px;
	text-align:center;}

.explain{top:-30px;
	right:80px;
	position:relative;
	font-family: 'BenchNine', serif; font-size:1.5em; font-weight:400; line-height:0.7em;
	margin-bottom:0px;
	text-align:right;}

.explain2{top:-30px;
	left:0px;
	position:relative;
	font-family: 'BenchNine', serif; font-size:1.5em; font-weight:400; line-height:0.7em;
	margin-bottom:-20px;
	text-align:left;}

#maincontainer {
	top:105px;
	min-height:800px;
	width:95%;
	margin: 0 auto;
	position:relative;
}

.logo{
	top:5px;
	left:15px;
	position:fixed;
	z-index:101;
	height:60px;}

.footnote{font-size:0.4em; margin-top:15px; margin-bottom:-20px;}
.footnote2{font-size:0.4em;  color:#aaa; top:1px;margin-bottom:0px; position:relative;}

.indexname{
  color:white;
  left: 0em;
  top:-65px;
  position:relative;
  margin-right:5px;
  width:85%;
  bottom: 10px;
  font-family: 'BenchNine', serif; font-size:1em; font-weight:400; line-height:1em;
   padding: 5px 5px 5px 5px; 
   margin-right:4px;
   margin-bottom:-48px;
background: rgba(20,20,20, 0.8);}

.indeximage{text-decoration:none;}

.photo{margin-top:25px;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body { font-family: sans-serif; }
.packery {
  width:100%;
}

/* clearfix */
.packery:after {
  content: ' ';
  display: block;
  clear: both;
}

.item {
  background: #C09;
  border: 8px solid #333;
  border-color:#ac9e7c;
  margin:0px;
  overflow:hidden;
  z-index:2;
}

.adsense{width:calc(100%);
	height:calc(100%);}

.adsense2{width:calc(100%);
	height:calc(100%);}

.itempadding{
	padding:15px;
}

.item:hover {
  border-color:#49423a;
  cursor: move;
  z-index:1;
}

.item.w2 { width:auto; background: #fbb535; }
.item.h2 h2{font-family: 'Fjalla One', serif; font-size:1.9em; font-weight:400; line-height:1em;}
.item.h2 { min-width:280px; max-width:480px; height:  auto; background: #cfe74e; background: repeating-linear-gradient(90deg, #cfe74e 20%, #cfe74e 40%, #dbf55b 40%  ,#dbf55b  60% ); }

.item.h3 h2{font-family: 'Unkempt', serif; font-size:1.8em; font-weight:400; line-height:1em; }
.item.w3 { width:auto; min-width:250px; max-width:420px;background: #c8197f; background: repeating-linear-gradient(90deg, #c8197f 10%, #c8197f 20%,#cf1e89 20%, #cf1e89 30%);  }

.item.h4 h2{font-family: 'Lusitana', serif; font-size:1.7em; font-weight:400; line-height:1.1em;}
.item.h4 { height: auto;}
.item.w4 { width:  280px; background: -webkit-radial-gradient(circle,  #25a7ad 20%, #31b3ba 20%,  #31b3ba 40%, #25a7ad  40%, #25a7ad 60%,  #31b3ba 60%,  #31b3ba 80%, #25a7ad  80% ); 
background: -o-radial-gradient(circle,  #25a7ad 20%, #31b3ba 20%,  #31b3ba 40%, #25a7ad  40%, #25a7ad 60%,  #31b3ba 60%,  #31b3ba 80%, #25a7ad  80% ); /* For Opera 11.6 to 12.0 */
background: -moz-radial-gradient(circle,  #25a7ad 20%, #31b3ba 20%,  #31b3ba 40%, #25a7ad  40%, #25a7ad 60%,  #31b3ba 60%,  #31b3ba 80%, #25a7ad  80% ); /* For Fx 3.6 to 15 */
background: radial-gradient(circle,  #25a7ad 20%, #31b3ba 20%,  #31b3ba 40%, #25a7ad  40%, #25a7ad 60%,  #31b3ba 60%,  #31b3ba 80%, #25a7ad  80% );}

.item.h5 h2{font-family: 'BenchNine', serif; font-size:2.2em; font-weight:400; line-height:1em;}
.item.h5 { height: auto; background: #df4b35; }
.item.w5 { width:auto;  min-width:280px; max-width:320px;    background-image: radial-gradient(ellipse at top left,#d94934  0%, #d94934  30%, #e55542  30%, #e55542  50%, #d94934  50% ,#d94934  70% , #df4f3c  70%, #df4f3c 90%);  }


.item.h6 h2{font-family: 'Chau Philomene One', serif; font-size:1.7em; font-weight:400; line-height:1em;}
.item.h6 { height: auto; background: #ffa435; }
.item.w6 { width:auto; min-width:250px; max-width:380px;  background-image: repeating-linear-gradient(-45deg, #ffa73f 15%, #ffa73f 30%, #ffa233 30%, #ffa233 45%); }


.item.h7 { height: auto; background: #df4b35;   }
.item.h7 h2{font-family: 'Lusitana', serif; font-size:1.7em; font-weight:400; line-height:1.1em;}
.item.w7 { width:auto; min-width:270px; max-width:295px; background: -webkit-radial-gradient(circle,  #d94934  0%, #d94934  30%, #e55542  30%, #e55542  50%, #d94934  50% ,#d94934  70% ,  #e55542  70%,  #e55542 90% ); 
background: -o-radial-gradient(circle,  #d94934  0%, #d94934  30%, #e55542  30%, #e55542  50%, #d94934  50% ,#d94934  70% ,  #e55542  70%,  #e55542 90% ); /* For Opera 11.6 to 12.0 */
background: -moz-radial-gradient(circle,  #d94934  0%, #d94934  30%, #e55542  30%, #e55542  50%, #d94934  50% ,#d94934  70% ,  #e55542  70%,  #e55542 90% ); /* For Fx 3.6 to 15 */
background: radial-gradient(circle, #d94934  0%, #d94934  30%, #e55542  30%, #e55542  50%, #d94934  50% ,#d94934  70% , #e55542  70%, #e55542 90% );}

.item.w8 { width:auto; min-width:270px; max-width:295px; background: #7e827a; }
.item.h8 { height:  auto; background: #ffa233; background-image: repeating-linear-gradient(90deg, #ffa73f 15%, #ffa73f 30%, #ffa233 30%, #ffa233 45%);}
.item.h8 h2{font-family: 'Chau Philomene One', serif; font-size:1.7em; font-weight:400; line-height:1em;}

.item.w9 { width:auto; min-width:270px; max-width:295px; background: #000; }
.item.h9 { height:  auto; background: #b4cc32; background: repeating-linear-gradient(45deg, #cfe74e 20%, #cfe74e 40%, #b4cc32 40%  ,#b4cc32  60% ); }
.item.h9 h2{font-family: 'Unkempt', serif; font-size:1.8em; font-weight:400; line-height:1em;}

.item.w10 { width:auto; min-width:250px; max-width:295px; background: #000; }
.item.h10 { height:  auto;     background: -webkit-linear-gradient(-30deg, #ffeeb0 20%, #a2d49f 20%, #a2d49f 30%, #c7c12f 30%, #c7c12f 40%, #fbb535 40%, #fbb535 50%, #f26247 50%, #f26247 60%,  #ffeeb0 60%, #ffeeb0 100%  );
    background: -moz-linear-gradient(-30deg, #ffeeb0 20%, #a2d49f 20%, #a2d49f 30%, #c7c12f 30%, #c7c12f 40%, #fbb535 40%, #fbb535 50%, #f26247 50%, #f26247 60%,  #ffeeb0 60%, #ffeeb0 100% );
    background: linear-gradient(-30deg, #ffeeb0 20%, #a2d49f 20%, #a2d49f 30%, #c7c12f 30%, #c7c12f 40%, #fbb535 40%, #fbb535 50%, #f26247 50%, #f26247 60%,  #ffeeb0 60%, #ffeeb0 100%  ); }
.item.h10 h2{font-family: 'Fjalla One', serif; font-size:1.8em; font-weight:400; line-height:1em;}

.item.w11 {  background: yellow; }
.item.h11 { min-height:  400px; width:auto; min-width:250px; max-width:550px;     background: -webkit-linear-gradient(210deg, #ffeeb0 10%, #ffeeb0 20%, #a2d49f 20%,#a2d49f 30% );
    background: -moz-linear-gradient(210deg, #ffeeb0 10%, #ffeeb0 20%, #a2d49f 20%,#a2d49f 30% );
    background: repeating-linear-gradient(210deg, #ffeeb0 10%, #ffeeb0 20%, #a2d49f 20%,#a2d49f 30%  ); }
.item.h11 h2{font-family: 'Fjalla One', serif; font-size:1.8em; font-weight:400; line-height:1em;}

.item.w12 {  background: #ffeeb0; }
.item.h12 { height:  auto; width:auto; min-width:250px; max-width:320px;   
    background: #ffeeb0 ; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgo8c3ZnCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgeG1sbnM6Y2M9Imh0dHA6Ly93ZWIucmVzb3VyY2Uub3JnL2NjLyIKICAgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vaW5rc2NhcGUuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIGlkPSJzdmcyIgogICBzb2RpcG9kaTp2ZXJzaW9uPSIwLjMyIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQyLjIiCiAgIHdpZHRoPSIyNTAuMjgwMDBwdCIKICAgaGVpZ2h0PSIzNDEuODkwMDBwdCIKICAgc29kaXBvZGk6ZG9jYmFzZT0iL2hvbWUvcGlvdHIiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImZpcmVJY29uLnN2ZyI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczUiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlua3NjYXBlOmN5PSIyMTIuOTMxNDAiCiAgICAgaW5rc2NhcGU6Y3g9IjE5Mi4wMzgzMCIKICAgICBpbmtzY2FwZTp6b29tPSIwLjg2ODMxNjcyIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjUwOSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjcyNCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBpZD0iYmFzZSIKICAgICBzaG93Z3VpZGVzPSJ0cnVlIgogICAgIGlua3NjYXBlOmd1aWRlLWJib3g9InRydWUiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjM2NCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iNDgiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJmaWxsOiNlNzM5MDA7ZmlsbC1vcGFjaXR5OjEuMDAwMDAwMDtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MS4wMDAwMDA0cHQ7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW9wYWNpdHk6MS4wMDAwMDAwIgogICAgIGQ9Ik0gNTguOTU0NTM4LDM0Ny4yMzM5NSBDIC05LjAzNzUzNjIsMjQyLjg1MDg3IDczLjA2MDA4NywyMzMuNTI4NDcgNTIuMTE4ODI2LDkwLjYyNDAyNyBDIDEwMy40NzYyNSwxNTguMDQwOTcgMTE3LjgxNDU2LDI0MC43MzUzOSAxMzkuMzc1MjcsMjY1LjE5NDAzIEMgMTU0LjI1NTYyLDI4NC40MDI2MiAxNjEuNTk0NDYsMzA3LjU4ODkyIDE1OS41OTM3NiwzMzEuNDExMjkgQyAxNTkuMzkyMDMsMzUwLjI2NDk1IDE4My4yMTg4NiwzNzMuMTA5NjAgMTc2LjcwMzU2LDM5MC43MTE3OSBDIDE0Mi4wNTk2NywzNjIuOTYzMDIgODIuNDcxMDU2LDM4MS4wNDk1MyA1OC45NTQ1MzgsMzQ3LjIzMzk1IHogIgogICAgIGlkPSJwYXRoMjA0MyIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjY2NjYyIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJmaWxsOiNlNzM5MDA7ZmlsbC1vcGFjaXR5OjEuMDAwMDAwMDtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MS4wMDAwMDAycHQ7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW9wYWNpdHk6MS4wMDAwMDAwIgogICAgIGQ9Ik0gMTYxLjc4MDkwLDM3Ny43MTM2OCBDIDE2Mi4xNzM5NCwzNTcuNzIzNDQgMTM3Ljk4NDc0LDM0OS4wNTEzMSAxMjguMjU0NjgsMzMzLjQzOTIxIEMgMTEyLjEzOTk4LDMyMS41MTQyNSAxMDcuMDM1MzksMzAyLjk1MjM3IDEwNi42Nzk3MCwyODQuNjczMzggQyAxMDUuMzY5OTAsMjU1LjQzOTY5IDEzMS40Mjc5Nyw4MS4xMzA3ODcgMTY5LjM5MDgzLDM0LjMxNzIyNyBDIDE1NC44NDI0MywxMDYuMjAzMTkgMTkwLjk1OTg2LDIwMS45NTk3NSAyMTMuMjczNjgsMjMzLjYzODAyIEMgMjI4LjM3MzI1LDI1OC4yNTE1OSAyMzQuMDQ5OTMsMjg2LjU5MDc3IDIyOC42MTA5OCwzMTQuNDc1NzAgQyAyMjUuOTM4NzUsMzM2LjcyMjk0IDIwNy41MDk4NSwzNTAuMDkxMDQgMTk3LjU0MDQ2LDM3MC4wNDQ3NyBDIDE4Ny41Njc5NCwzODIuMDYxNTUgMTczLjk5NjM3LDM4My4yMDAxMCAxNjEuNzgwOTAsMzc3LjcxMzY4IHogIgogICAgIGlkPSJwYXRoMjA0MSIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjY2NjY2NjIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6I2U3MzkwMDtmaWxsLW9wYWNpdHk6MS4wMDAwMDAwO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxLjAwMDAwMDJwdDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxLjAwMDAwMDAiCiAgICAgZD0iTSAxNzUuNTYwNzAsMzg3LjQ5MjU4IEMgMTgxLjM0NzMyLDM3MC4xMjU1NSAxNjkuODk1ODQsMzQyLjU5NzY0IDE2Ni4yODk3OCwzMjYuNDkwMzYgQyAxNTYuNTA2NDUsMzExLjk4NjU3IDE1Ny40NTE4MSwyOTQuNDc0MjEgMTYyLjE2NDE4LDI3OC40MTI2MyBDIDE2OS4xMDA5MCwyNTIuNTM3NTAgMTcwLjI0NjExLDEzMC40MzE3NiAyODIuMTg5MzEsNzMuMDkwNzQ3IEMgMTk1LjM3MTc2LDE1OC4yNzMzNyAyNTMuMDE4ODksMjI3LjUwMTYzIDI2Mi40MTY5OCwyNjAuODM2MjMgQyAyNjcuOTA3NDcsMjg2LjE2OTUwIDI2NS4xMDA3OSwzMTIuNTczMzggMjUyLjcxOTUxLDMzNS4zNTYwNSBDIDIzNS42MjU4OSwzNjYuODA5ODQgMTg5Ljk4NjQzLDM4NC4xNDUzMCAxNzUuNTYwNzAsMzg3LjQ5MjU4IHogIgogICAgIGlkPSJwYXRoMjA2MyIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjY2Njc2MiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDojZTc4YzAwO2ZpbGwtb3BhY2l0eToxLjAwMDAwMDA7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjEuMDAwMDAwMHB0O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEuMDAwMDAwMCIKICAgICBkPSJNIDE1Ny4xMTU5NSwzNzcuMzEzMDggQyAxNTcuNDEzMjQsMzYwLjk5MzMzIDEzOS4xMTY5OCwzNTMuOTEzNTMgMTMxLjc1NzM0LDM0MS4xNjgwMyBDIDExOS41Njg0OCwzMzEuNDMyNjYgMTE1LjcwNzQ3LDMxNi4yNzkwMSAxMTUuNDM4NDMsMzAxLjM1NjMwIEMgMTE0LjQ0NzcyLDI3Ny40OTAzMyAxMzguNzY0MTcsMTUxLjMxMDE2IDE1OC4yNjUzNSw5Ni45NjkwNzQgQyAxNDQuOTU3OTAsMjIwLjE0ODM1IDE3OS4xODYzNywyMzMuODMwMDYgMTk2LjA2NDEzLDI1OS42OTE3NSBDIDIwNy40ODUxNiwyNzkuNzg1OTIgMjExLjc3ODkwLDMwMi45MjE2MyAyMDcuNjY0OTgsMzI1LjY4NjQ5IEMgMjA1LjY0Mzc1LDM0My44NDg4MiAxOTYuOTMxMDEsMzYwLjQwMzUxIDE4OS4zOTAzNSwzNzYuNjkzNDUgQyAxODEuODQ3MzMsMzg2LjUwMzc4IDE2Ni4zNTU1MCwzODEuNzkyMTIgMTU3LjExNTk1LDM3Ny4zMTMwOCB6ICIKICAgICBpZD0icGF0aDEzMDUiCiAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJjY2NjY2NjYyIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJmaWxsOiNlNzhjMDA7ZmlsbC1vcGFjaXR5OjEuMDAwMDAwMDtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MS4wMDAwMDA0cHQ7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW9wYWNpdHk6MS4wMDAwMDAwIgogICAgIGQ9Ik0gODYuOTYyOTE2LDM1My45MjY1MiBDIDE3LjEyMjI3MSwyODIuMjIxODggOTMuMjE5NjU0LDI3Ny4yMjgyNSA3My44NTA0MjEsMTc4Ljc1MTgxIEMgOTYuODUzNDA2LDIyNS4xNjg0MSAxMTUuOTI4MzAsMjYwLjAzNzU3IDEyNC4zMDQyNywyOTIuOTk1NjQgQyAxMzYuNjk5NjUsMzA0LjYzMzcxIDE3OS41Mjk1NiwzNzUuNjc4NTggMTc2Ljk2MjYxLDM4OC41NTkxNyBDIDE0OS45NzAzNywzNzMuMTkyNTAgMTA3LjA3MjkyLDM3NC41NzMyNCA4Ni45NjI5MTYsMzUzLjkyNjUyIHogIgogICAgIGlkPSJwYXRoMjA2MSIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjY2NzIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6I2U3ZTEwMDtmaWxsLW9wYWNpdHk6MS4wMDAwMDAwO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxLjAwMDAwMDRwdDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxLjAwMDAwMDAiCiAgICAgZD0iTSAxMDAuOTA5OTMsMzQ5LjYwOTAyIEMgNTkuMTMxNTMwLDMwOS45NDk2MyA5MC4zMzE1MTksMjg2LjY2NDA1IDg5Ljk1ODI1NywyMzcuMTI5MTYgQyAxMDEuNTA3NTMsMjgwLjQ4MTkwIDEzOC4wMzgwMSwyOTEuMTY0MTggMTM3LjU2ODk5LDMxNy4yMDY4MyBDIDE0My42MDM5MCwzMjQuOTk3MTEgMTc1LjIwMzI5LDM4MC41NTEzOSAxNzIuNTYwOTMsMzg3LjY5MDE3IEMgMTU4LjUxMDY5LDM3Ni40MzYzMiAxMTYuNzM5MTcsMzY0LjYzNTM5IDEwMC45MDk5MywzNDkuNjA5MDIgeiAiCiAgICAgaWQ9InBhdGgyMDUxIgogICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2NjY3MiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDojZTc4YzAwO2ZpbGwtb3BhY2l0eToxLjAwMDAwMDA7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjEuMDAwMDAwMnB0O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEuMDAwMDAwMCIKICAgICBkPSJNIDE2OC4wNjQ2NiwzNDQuMjYzODYgQyAxNjAuNzI0MjcsMzMzLjM4MTcyIDE2MS40MzM1NywzMjAuMjQyMjYgMTY0Ljk2OTI0LDMwOC4xOTEzMiBDIDE3MC4xNzM4NCwyODguNzc3MzEgMTkzLjA0MDU4LDE4MC44NjcyOCAyMjUuNzA3MzMsMTU3LjM5NjQ2IEMgMjAyLjExNjMwLDIwMS43NTY3MyAyMzMuMTM3MTksMjY5Ljk5Mjk5IDI0MC4xODg1NCwyOTUuMDAzODEgQyAyNDQuMzA4MDMsMzE0LjAxMTI3IDI0NS40NjAxOSwzMzYuNDkzNjkgMjMyLjkxMjU2LDM1MC45MTU3NSBDIDIxMy45NTcxNiwzNzIuNzAyODIgMTkwLjAzMDc0LDM4NS4zOTA4MSAxNzYuNjIyNTcsMzg4LjQzMjgwIEMgMTY4LjA5ODkzLDM5NC40MTQzNSAxNzAuNzcwMjgsMzU2LjM0OTA5IDE2OC4wNjQ2NiwzNDQuMjYzODYgeiAiCiAgICAgaWQ9InBhdGgyMDQ1IgogICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2NjY3NjYyIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJmaWxsOiNlN2UxMDA7ZmlsbC1vcGFjaXR5OjEuMDAwMDAwMDtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MC45OTk5OTk4MXB0O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEuMDAwMDAwMCIKICAgICBkPSJNIDE1Ni4yNjI2MywzNzguNTA3NTQgQyAxNTYuODUyNDksMzY4LjUyMzE2IDE0NS44Mjc0NywzNjMuNzMxMjggMTQxLjY0MDAzLDM1NS43NDM4OSBDIDEzNC40MjA2NiwzNDkuNDc4NzcgMTMyLjQzNTQ1LDM0MC4xMDQ0MSAxMzIuNjQzNjYsMzMwLjk2MTIxIEMgMTMyLjYzMzUyLDMxNi4zMjQ0NCAxMzIuMTM0MDgsMjI1LjA4NDczIDE1MC42Njk2NSwyMDIuNDAzMjcgQyAxNDIuNDY1NzEsMjM4LjA1OTM3IDE3My4zNjEwOCwyOTEuMjExMTcgMTgzLjA0ODI0LDMwNy40NjY4NiBDIDE4OS41Mzg2MiwzMjAuMDU1MDEgMTkxLjU4OTI5LDMzNC4zMjcyMiAxODguNTAxNjMsMzQ4LjE2MjI3IEMgMTg2LjgxMDI0LDM1OS4yMzE3MCAxODEuMDYyMTEsMzY5LjE0OTYzIDE3Ni4wMzgyMiwzNzguOTM0NzUgQyAxNzEuMTc0ODEsMzg0Ljc1MjY0IDE2MS44MDc2NCwzODEuNDgwNzcgMTU2LjI2MjYzLDM3OC41MDc1NCB6ICIKICAgICBpZD0icGF0aDEzMTAiCiAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJjY2NjY2NjYyIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJmaWxsOiNlN2UxMDA7ZmlsbC1vcGFjaXR5OjEuMDAwMDAwMDtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MC45OTk5OTk4MXB0O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEuMDAwMDAwMCIKICAgICBkPSJNIDE2NS4wNzk3MSwzNzkuNzgyODUgQyAxNjkuODI1NDgsMzcyLjgzMjQwIDE2My45NDIxNywzNjQuNjAzNzkgMTY0LjM3NjEzLDM1Ny4wMjc1MyBDIDE2MS44NzY3OSwzNDkuMzgyMzMgMTY0LjUwMDE5LDM0MS43NTc5NiAxNjguNjA2NTcsMzM1LjI0OTQ3IEMgMTc0LjkzMjMzLDMyNC42ODE4NCAxODYuMDQ4NzksMjQ2LjE0ODA5IDIwOS4yMzk2OCwyMzcuNzk5MDggQyAxODcuODkxMTUsMjU5Ljk4MjEyIDIyNC45NjMzMSwzMTkuMjkzODUgMjI0LjkyMDkwLDMzNS4yMTY5MyBDIDIyNC4xNTgyNywzNDcuMTA5OTggMjA5LjY5MDc4LDM2My4xODM0OCAyMDEuNDc2MjUsMzcxLjgzMjE2IEMgMTk1LjQ2NjAyLDM3OS4wODkwNCAxODMuNTcxMzYsMzg2LjA2MjkzIDE3NS43MTE4MSwzOTAuOTUxMDMgQyAxNjkuNjg0NjAsMzg3LjI4NzE3IDE2Ny43OTUwMywzODQuMzI3ODMgMTY1LjA3OTcxLDM3OS43ODI4NSB6ICIKICAgICBpZD0icGF0aDIwNDciCiAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJjY2NjY2NjYyIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJmaWxsOiNmZmZmOWU7ZmlsbC1vcGFjaXR5OjEuMDAwMDAwMDtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MS4wMDAwMDExcHQ7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW9wYWNpdHk6MS4wMDAwMDAwIgogICAgIGQ9Ik0gMTU3LjA3OTUwLDM3MS44MzQ3NyBDIDE0Mi4zMjM0MywzNDguNTkzMzQgMTQ3Ljc5Nzk3LDMyMi42NjQ1MSAxNTQuMDczMTYsMjk0LjM4MzYyIEMgMTU2LjkzMTgwLDMxMy41NzI3OCAxNjguODM5NzgsMzM2Ljg1OTI5IDE3NS41NzEzOSwzNDQuNDk1NjggQyAxODAuMjE3MjgsMzUwLjQ5MjkyIDE4Mi41MDg1OSwzNTcuNzMyMDYgMTgxLjg4Mzk0LDM2NS4xNjk3OSBDIDE4MS44MjA5NSwzNzEuMDU2MjIgMTc4LjgzMjY5LDM3OC4xODg2OSAxNzYuNzk4NTEsMzgzLjY4NDM5IEMgMTY1Ljk4MjExLDM3NS4wMjA3NiAxNjQuNDIxNzQsMzgyLjM5MjU0IDE1Ny4wNzk1MCwzNzEuODM0NzcgeiAiCiAgICAgaWQ9InBhdGgyMDQ5IgogICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2NjY2NjIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmY5ZTtmaWxsLW9wYWNpdHk6MS4wMDAwMDAwO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxLjAwMDAwMTFwdDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxLjAwMDAwMDAiCiAgICAgZD0iTSAxNzMuNjY3NDIsMzYwLjMwNzUzIEMgMTg1LjA5ODY1LDMzNS4yNjI5MSAxNzMuNzgyMzMsMzE1LjU0NjA4IDE5OS45ODE1NCwyOTUuODk4NTUgQyAxOTIuMTU3OTYsMzE0LjExMzI1IDIxMC4wNTEyNSwzNDIuODc0MTEgMjA4LjEwNDI3LDM1Mi44NDcwMSBDIDIwNC44Mjk5OSwzNjkuNjE4NjEgMTgyLjIxOTE3LDM4Mi4xMDE0MyAxNzYuNTAzNDMsMzgzLjM5NDA2IEMgMTc3Ljg2NTE0LDM2OS42MDI4MCAxNjguODIzMTksMzcyLjIyMDA2IDE3My42Njc0MiwzNjAuMzA3NTMgeiAiCiAgICAgaWQ9InBhdGgyMDY1IgogICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2NzY2MiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDojZmZmZjllO2ZpbGwtb3BhY2l0eToxLjAwMDAwMDA7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjEuMDAwMDAxMXB0O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEuMDAwMDAwMCIKICAgICBkPSJNIDkyLjA0OTUzNSwyNzguMzM2ODkgQyAxNTMuNTAyNzcsMzU2LjA1MjkwIDE1Mi4xNDQ1NSwzMTYuODE3NDEgMTc2LjUxNDQ2LDM4My4zNzQxNyBDIDYwLjM1NTc3MSwzMzEuNjU2OTkgMTEyLjQ4ODUxLDMzNi4zMjQ5OSA5Mi4wNDk1MzUsMjc4LjMzNjg5IHogIgogICAgIGlkPSJwYXRoMjA2NyIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjYyIgLz4KPC9zdmc+Cg==); 
background-repeat:no-repeat; }
.item.h12 h2{font-family: 'Fjalla One', serif; font-size:1.8em; font-weight:400; line-height:1em;}

.item.w13 { width:auto; min-width:250px; max-width: 310px; background: #000; }
.item.h13 { height:  auto;     background:  #fff ; background-image:url('money.jpg'); }
.item.h13 h2{font-family: 'Chau Philomene One', serif; font-size:1.8em; font-weight:400; line-height:1em;}

@-webkit-keyframes super-rainbow {
    20%     { background: linear-gradient(20deg, #c7c12f 10%, #fbb535 10%, #fbb535 20%, #f26247 20%, #f26247 30%, #c7c12f 30%, #c7c12f 40%, #fbb535 40%, #fbb535 50%, #f26247 50%, #f26247 60%, #c7c12f 60%, #c7c12f 70%, #fbb535 70%, #fbb553 80%, #f26247 80%, #f26247 90%, #c7c12f 90%  );}
    40%    { background: linear-gradient(20deg, #fbb535 10%, #f26247 10%, #f26247 20%, #c7c12f 20%, #c7c12f 30%, #fbb535 30%, #fbb535 40%, #f26247 40%, #f26247 50%, #c7c12f 50%, #c7c12f 60%, #fbb535 60%, #fbb553 70%, #f26247 70%, #f26247 80%, #c7c12f 80%, #c7c12f 90%, #fbb535 90%  );}
    60%    { background: linear-gradient(20deg, #f26247 10%, #c7c12f 10%, #c7c12f 20%, #fbb535 20%, #fbb535 30%, #f26247 30%, #f26247 40%, #c7c12f 40%, #c7c12f 50%, #fbb535 50%, #fbb553 60%, #f26247 60%, #f26247 70%, #c7c12f 70%, #c7c12f 80%, #fbb535 80%, #fbb553 90%, #f26247 90%  );}
    80%     { background: linear-gradient(20deg, #c7c12f 10%, #fbb535 10%, #fbb535 20%, #f26247 20%, #f26247 30%, #c7c12f 30%, #c7c12f 40%, #fbb535 40%, #fbb535 50%, #f26247 50%, #f26247 60%, #c7c12f 60%, #c7c12f 70%, #fbb535 70%, #fbb553 80%, #f26247 80%, #f26247 90%, #c7c12f 90%  );}
    100%    { background: linear-gradient(20deg, #f26247 10%, #c7c12f 10%, #c7c12f 20%, #fbb535 20%, #fbb535 30%, #f26247 30%, #f26247 40%, #c7c12f 40%, #c7c12f 50%, #fbb535 50%, #fbb553 60%, #f26247 60%, #f26247 70%, #c7c12f 70%, #c7c12f 80%, #fbb535 80%, #fbb553 90%, #f26247 90%  );}


}
@-moz-keyframes super-rainbow {
    33%     { background: linear-gradient(90deg, #c7c12f 10%, #fbb535 10%, #fbb535 20%, #f26247 20%, #f26247 30%, #c7c12f 30%, #c7c12f 40%, #fbb535 40%, #fbb535 50%, #f26247 50%, #f26247 60%, #c7c12f 60%, #c7c12f 70%, #fbb535 70%, #fbb553 80%, #f26247 80%, #f26247 90%, #c7c12f 90%  );}
    66%    { background: linear-gradient(90deg, #fbb535 10%, #f26247 10%, #f26247 20%, #c7c12f 20%, #c7c12f 30%, #fbb535 30%, #fbb535 40%, #f26247 40%, #f26247 50%, #c7c12f 50%, #c7c12f 60%, #fbb535 60%, #fbb553 70%, #f26247 70%, #f26247 80%, #c7c12f 80%, #c7c12f 90%, #fbb535 90%  );}
    100%    { background: linear-gradient(90deg, #f26247 10%, #c7c12f 10%, #c7c12f 20%, #fbb535 20%, #fbb535 30%, #f26247 30%, #f26247 40%, #c7c12f 40%, #c7c12f 50%, #fbb535 50%, #fbb553 60%, #f26247 60%, #f26247 70%, #c7c12f 70%, #c7c12f 80%, #fbb535 80%, #fbb553 90%, #f26247 90%  );}
}

.item.w14 { width:auto; min-width:250px;max-width:  310px; background: fbb535; }
.item.h14 { height:  auto;     background: linear-gradient(90deg, #c7c12f 10%, #fbb535 10%, #fbb535 20%, #f26247 20%, #f26247 30%, #c7c12f 30%, #c7c12f 40%, #fbb535 40%, #fbb535 50%, #f26247 50%, #f26247 60%, #c7c12f 60%, #c7c12f 70%, #fbb535 70%, #fbb553 80%, #f26247 80%, #f26247 90%, #c7c12f 90%  ); ;     
     -webkit-animation: super-rainbow 10s infinite  linear; 
     -moz-animation: super-rainbow 10s infinite  linear; }
.item.h14 h2{font-family: 'Chau Philomene One', serif; font-size:1.8em; font-weight:400; line-height:1em;}

.item.w15 { width:  auto; background: #01939a; border:0px solid #333; margin:8px; }
.item.h15 { height: auto; background: #ac9e7c;   }
.item.h15 h2{font-family: 'BenchNine', serif; font-size:2em; font-weight:400; line-height:1.1em; }
@media (min-width: 320px) and (max-width:336px){ 
 .item.w15 { width:300px;}}
.item.w15:hover { border:0px solid #333;}

.item.w16 { width:  270px; background: #49423a; padding:2px; }
.item.h16 { height: auto; background: #49423a;  }
.item.h16 h2{font-family: 'BenchNine', serif; font-size:2em; font-weight:400; line-height:1.1em;}

.item.w17 { width:  270px; background: #49423a;  padding:2px; }
.item.h17 { height: 270px; background: #49423a;   }
.item.h17 h2{font-family: 'BenchNine', serif; font-size:2em; font-weight:400; line-height:1.1em;}

.item.is-dragging,
.item.is-positioning-post-drag {
  border-color: #222;
  opacity:0.8;
  background: #bc008d;
  z-index: 2;
}
@font-face {
  font-family: 'Damion';
  font-style: normal;
  font-weight: 400;
  src: local('Damion'), url(http://themes.googleusercontent.com/static/fonts/damion/v4/qyDz-al48wZmmi6RcQn1Mg.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Unkempt';
  font-style: normal;
  font-weight: 400;
  src: local('Unkempt'), url(http://themes.googleusercontent.com/static/fonts/unkempt/v5/MsFMwD9wD1OCzqw3trD0PA.woff) format('woff');
}


.nam {z-index:200; 
	  top:22px;
	  left:196px;
	  position:absolute;
	  color:white;
	  font-size:40px;
	  display:inline;}
.namebox {z-index:200; 
	  top:-16px;
	  position:relative;
	  display:inline;
	  font-family: 'BenchNine', serif; font-size:42px; font-weight:400; line-height:0.7em;
	  padding-left:7px;}
.like {z-index:200; 
	  top:-40px;
	  position:absolute;
	  display:inline-block;
	  margin-left:7px;}

.suche{
	position:absolute;
	right:25px;
}

input#search {
	width: 350px;
	height: 40px;
	padding: 5px;
	margin-top: 17px;
	margin-bottom: 15px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	outline: none;
	border: 0px solid #6f3c3d;
	font-size: 30px;
	line-height: 40px;
	color: #333;
	background:#fbfbfb;
}

*::-webkit-input-placeholder {color: #ddd;}
*:-moz-placeholder {color: #ddd;}
*::-moz-placeholder {color: #ddd;}
*:-ms-input-placeholder {color: #ddd;}

input#search:hover, input#search:focus {
	color: #333;
	border: 0px solid #111;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
}
h4#results-text {
	display: none;
background:white;
}

 #results a{ text-decoration:none; }
ul#results {
	display: none;
	width: 350px;
	margin-top: 4px;
	border: 1px solid #ababab;
	background:white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;
	-moz-box-shadow: rgba(0,0,0,.15) 0 1px 3px;
	box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;
}
ul#results li {
	padding: 8px;
	cursor: pointer;
	background:white;
	border-top: 1px solid #cdcdcd;
	transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
        list-style-type:none;
}
ul#results li:hover {
	background-color: #F7F7F7;
}
ul#results li:first-child {
	border-top: none;
}
ul#results li h3, ul#results li h4 {
	transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-webkit-transition: color .3s ease-in-out;
	color: #444;
	line-height: 1.2em;
}
ul#results li:hover h3, ul#results li:hover h4  {
	color: #3b3b3b;
	font-weight: bold;
}

.zodiac{font-size:3em;
	text-align:center;
	line-height:1.1em;
	margin-bottom:0em;}



svg {
    display: inline-block;
    opacity:0.09;
    position: absolute;
    top: 0;
    left: 0;
}


    #container {
        margin-top: 20px;
        color: #fff;
    }
    #container .adjust {margin-left:-70px;}
    #container .bar1, #container .bar2 , #container .bar3{
        font-weight: bold;
	margin-bottom:5px;
	margin-left:0px;
        letter-spacing: -1px;
        background: #0099cc;
        padding: 10px;
        font-size: 20px;
        color: #ffffff;
        border-left: 80px solid #333;
	height:50px;
        -webkit-border-radius:0 1em 1em 0;
        -moz-border-radius: 0 1em 1em 0;
        border-radius: 0 1em 1em 0 ;
    }
    #container .adjust a {
        border-radius: 0.3em;
        text-decoration: none;
        color: #0099cc;
	line-height:30px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right:80px;
	margin-left:-15px;
    }

    #container div a:hover {
        color: #fff;
    }

    #container .bar1:hover, #container .bar2:hover , #container .bar3:hover {
       border-left: 80px solid #444;
    }
    
    #container .hot{
	width:250px;
	position:relative;}

    #container .drug{
	width:250px;
	margin-left:10px;
	position:relative;}

.hot:hover {
    transform:scale(1.1);
    -ms-transform:scale(1.1); /* IE 9 */
    -moz-transform:scale(1.1); /* Firefox */
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -o-transform:scale(1.1); /* Opera */}

.drug:hover {
    transform:scale(1.05);
    -ms-transform:scale(1.05); /* IE 9 */
    -moz-transform:scale(1.05); /* Firefox */
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -o-transform:scale(1.05); /* Opera */
    transform:rotate(7deg);
    -ms-transform:rotate(7deg); /* IE 9 */
    -webkit-transform:rotate(7deg); /* Opera, Chrome, and Safari */}


input[type='range'] {
		-webkit-appearance: none;
		border-radius: 5px;
		box-shadow: inset 0 0 5px #333;
		background-color: #999;
		height: 20px;
		vertical-align: middle;
		width:99%;
		outline-style: none; -moz-outline-style:none;
	}
	input[type='range']::-moz-range-track {
		-moz-appearance: none;
		border-radius: 5px;
		border:1px solid #333;
		box-shadow: inset 0 0 5px #333;
		background-color: #666;
		height: 10px;
	}
	input[type='range']::-webkit-slider-thumb {
		-webkit-appearance: none !important;
		border-radius: 2px;
		background-color: #FFF;
		box-shadow:inset 0 0 10px rgba(000,000,000,0.3);
		border:1px solid #666;
		height: 50px;
		width: 20px;
	}
	input[type='range']::-moz-range-thumb {
		-moz-appearance: none;
		border-radius: 20px;
		background-color: #FFF;
		border:1px solid #666;
		box-shadow:inset 0 0 10px rgba(000,000,000,0.2);
		height: 20px;
		width: 20px;
	}

output {
	width:100%;	
	font-size:2em;
	color:#000;
        outline-style: none; -moz-outline-style:none;
	}

.output{
	width:50%;
	position:relative;
	display:inline;}

.outeroutput{
	width:auto;
	margin-top:20px;
	text-align:center;}

.dsign{
	width:20px;	
	font-size:2em;
	color:#000;
	position:relative;
	display:inline;
	}

.green-button {
    background:#a0d751;
    margin-top:5px;
    margin-left:52px;
    margin-bottom:15px;
    float:center;
    border:1px solid #9aca56;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:10px;
    color:#fff;
    width:60%;
    font-size:25px;
    text-align:center;
    transition:box-shadow .5s;
}

@font-face {
  font-family: 'BenchNine';
  font-style: normal;
  font-weight: 400;
  src: local('BenchNine Regular'), local('BenchNine-Regular'), url(http://themes.googleusercontent.com/static/fonts/benchnine/v2/xmB9oJNpSFKa3qTF2JABPj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Chau Philomene One';
  font-style: normal;
  font-weight: 400;
  src: local('Chau Philomene One'), local('ChauPhilomeneOne-Regular'), url(fonts/KKc5egCL-a2fFVoOA2x6tLCP4LGfprDLBfU97ANpU-o.woff) format('woff');
}
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(fonts/rxxXUYj4oZ6Q5oDJFtEd6hsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Lusitana';
  font-style: normal;
  font-weight: 400;
  src: local('Lusitana'), url(fonts/tAIvAkRzqMJf8Y4fM1R7PfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Unkempt';
  font-style: normal;
  font-weight: 400;
  src: local('Unkempt'), url(fonts/MsFMwD9wD1OCzqw3trD0PA.woff) format('woff');
}


.fb-comments, .fb-comments * {
    width:100% !important;
}

@media (min-width: 0px) and (max-width:1110px){ 
nav {	height:50px;}
.logo{	top:5px;
	left:15px;
	height:40px;}
.nam {  top:22px;
	  left:100px;
	  font-size:25px;
	  width:auto;}
.namebox { top:-11px;
	  font-family: 'BenchNine', serif; font-size:25px; font-weight:400; line-height:0.7em;
	  padding-left:7px;}
.like {	  position:relative;
	  top:-17px;
	  padding-left:7px;} 
h1 {   	font-family: 'BenchNine', serif; font-size:0.8em; font-weight:400; line-height:0.7em;
	color:#333;
        top:-45px;
	left: 0px;
   	margin-left:-10px;
   	margin-bottom:-10px;
   	margin-right:10px;
	z-index:2;
	position:relative;}
.suche{
	position:absolute;
	right:25px;}
input#search {
	width: 300px;
	height: 35px;
	font-size: 23px;
	line-height: 26px;
	margin-top:7px;}
ul#results {
	width: 300px;}
.explain{
        font-size:1.1em; font-weight:400; line-height:1.2em;}
.explain2{
        font-size:1.1em; font-weight:400; line-height:0.7em;}

@media (min-width: 0px) and (max-width:900px){ 
.explain2{margin-top:10px;}

@media (min-width: 0px) and (max-width:700px){ 
.logo{	top:5px;
	left:15px;
	height:40px;}
.namebox { top:-14px;
	  font-family: 'BenchNine', serif; font-size:25px; font-weight:400; line-height:0.7em;
         display: none;
	  padding-left:7px;}
h1{
   top:-45px;
   margin-left:-10px;
   margin-bottom:-10px;
   margin-right:10px;}
.like{display:none;}
@media (min-width: 0px) and (max-width:600px){ 
.explain{display:none;}

.explain2{margin-top:30px; margin-bottom:-25px;}

@media (min-width: 0px) and (max-width:500px){ 
h1{
   padding-left:10px;
   line-height:1em;}
.suche{	right:15px;}
input#search {
	width: 250px;
	height: 35px;}
ul#results {
	width: 250px;}
@media (min-width: 0px) and (max-width:450px){ 
.explain2{line-height:1em; font-size:1em;}
.like{display:none;}
.logo{left:10px;} 
@media (min-width: 0px) and (max-width:360px){
.logo{left:10px;} 
.suche{	right:10px;}
input#search {
	width: 220px;
	height: 35px;}
ul#results {
	width: 220px;}

}