@charset "utf-8";
/* CSS Document */

* {       box-sizing: border-box;
		  margin: 0;padding: 0;}

html {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 1.0em;}

body {}

.animal {padding: 5px;float:left;width:100px;background-color:#FFF;}
.outerwrap {padding:10px; overflow:hidden;}

.topcontent {clear:both;margin-top:50px;}
.topcontent-homepage {clear:both;margin-top:50px;}
.wrap {clear: both;max-width:100%;}
.wrapwide {clear: both;width:100%;padding:10px;}
.adverts {max-width:1366px;clear: both;overflow:hidden;margin: 0 auto;}

.content {max-width: 100%; padding: 10px;}
.side-content {min-width: 300px;max-width:400px; padding: 10px;}

.amazon {clear: both;max-width:100%;}
.disclaimer {text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.9em; font-style:italic;}

.box-pic {width:300px;height:auto;padding:5px;margin:5px;float: left;}
.box-pic img {width:100%; max-width:100%;height:auto;}

.wrap-box-pic {width:19%;height:auto;padding:0.55%;margin:0;float: left;}

.shop {border:#CCC thin solid; border-radius:2%;padding:10px;float:left;margin:10px;width:290px;height:560px;}
.shopimage {height:340px;padding:10px;}
.shopimage img {max-width:100%;height:auto;}
.shopimage p {text-align:center;}
.amazon {height:110px;width:100%;}
.shop h5 {text-align:center; font-size:1.0em;}

.wrappuzzle {max-width:100%;margin: 0 auto;border:#CCC thin solid;overflow:auto; border-radius:1%;padding:10px;clear:both;margin:10px 0 10px 0; overflow:hidden;}
.jigsaw {width:100%;height:500px;}

.footer {width:100%;background-color:#996;padding:20px;margin-bottom:-30px;color:#FFF;clear:both;min-height:160px;}
.footer-content {float:left;padding:10px;width:100%;background-color:#996;}
.footer-links {float:left;padding:10px;background-color:#996;width:100%;}

h1, h2, h3, h4 {line-height: 1.4em;font-size:1em;color:#000;font-weight:lighter;padding:10px;}
h1 {font-size:1.4em;}
h2 {font-size:1.4em; text-align:center;}
h3 {font-size:1.0em;}	
h5 {font-size:1.0em;padding:5px;}
h6 {font-size:1.0em;padding:5px;}

.shop h6 a {width:100%;display:block; padding:20px;border: #000 thin solid;border-radius:8px;margin:5px; background-color:#F66; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.shop h6 a:link {text-decoration: none; display:inline-block;text-align:center; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;  font-size:1.0em; padding:5px; background-color:#00F; color:#FFF; line-height:1.4em;}
.shop h6 a:visited {text-decoration: none; background-color:#00F;color:#FFF;}
.shop h6 a:hover {text-decoration: none;background-color:#F66;color:#FFF;}
.shop h6 a:active {text-decoration: none;background-color:#00F;color:#FFF;}

.topcontent h1 {font-size:1.2em;padding:5px; text-align:center;}
.topcontent h2 {font-size:1.0em;padding:5px;text-align:center;}	

.topcontent-homepage h1 {font-size:1.6em;padding:5px; text-align:center;}
.topcontent-homepage h2 {font-size:1.0em;padding:5px;text-align:center;}	

.topcontent h1 a:link {text-decoration: none; color:#000;display:inline-block;}
.topcontent h1 a:visited {text-decoration: none;color:#000;}
.topcontent h1 a:hover {text-decoration: underline;color:#666;}
.topcontent h1 a:active {text-decoration: none;color:#000;}

.content h2 {font-size:2.0em;padding:5px;text-align:center; font-family: Verdana, Geneva, sans-serif}	

p {font-size:1.1em; line-height: 1.5em; margin: 0;padding: 8px 0 8px 0; font-weight:normal; color:#000;}

a:link {text-decoration: underline; display:inline-block;color:#000;}
a:visited {text-decoration: underline;color:#000;}
a:hover {text-decoration: none; color:#000;}
a:active {text-decoration: underline;color:#000;}

h2 a:link {text-decoration: none; color:#000;display:inline-block;}
h2 a:visited {text-decoration: none;color:#000;}
h2 a:hover {text-decoration: underline;color:#666;}
h2 a:active {text-decoration: none;color:#000;}

.wrapwide h2 a:link {text-decoration: none; display: block; text-align:center; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;  font-size:1.0em; padding:5px; background-color:#FFF; color:#000; line-height:1.4em;clear:both; width:100%;}
.wrapwide h2 a:visited {text-decoration: none; background-color:#FFF;color:#000;}
.wrapwide h2 a:hover {text-decoration: none;background-color:#EFEFEF;color:#000;}
.wrapwide h2 a:active {text-decoration: none;background-color:#FFF;color:#000;}

h5 a:link {text-decoration: none; display: block; text-align:center; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;  font-size:1.0em; padding:5px; background-color:#FFF; color:#000; line-height:1.4em;clear:both; max-width:300px;}
h5 a:visited {text-decoration: none; background-color:#FFF;color:#000;}
h5 a:hover {text-decoration: none;background-color:#EFEFEF;color:#000;}
h5 a:active {text-decoration: none;background-color:#FFF;color:#000;}

.blockmenu {text-align:center; width:100%; padding:10px; margin:20px 0;border:#3CF thin solid; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius:10px;}
.blockmenu h5 a:link {text-decoration: none; display: inline-block; text-align:center; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;  font-size:1.2em; padding:5px; background-color:#FFF; color:#000; line-height:1.4em;clear:both; max-width:100%;margin:10px auto;}
.blockmenu h5 a:visited {text-decoration: none; background-color:#FFF;color:#000;}
.blockmenu h5 a:hover {text-decoration: none;background-color:#EFEFEF;color:#000;}
.blockmenu h5 a:active {text-decoration: none;background-color:#FFF;color:#000;}

h6 a:link {text-decoration: none; display: block; text-align:center; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;  font-size:1.0em; padding:5px; background-color:#FFF; color:#000; line-height:1.4em;border: #000 thin solid;border-radius:8px;margin:0px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);clear:both; max-width:300px;}
h6 a:visited {text-decoration: none; background-color:#FFF;color:#000;}
h6 a:hover {text-decoration: none;background-color:#EFEFEF;color:#000;}
h6 a:active {text-decoration: none;background-color:#FFF;color:#000;}

.alignmiddle {text-align:center;}
.alignleft {text-align:left;}
.largeheading {font-family:Verdana, Geneva, sans-serif; font-size:1.2em; text-align:center;margin:10px 0;}

.footer p {font-size:1em; line-height: 1.5em;margin: 0;padding: 5px 0 5px 0; font-weight:lighter;color:#FFF;text-align:left;}
.footer h2 {font-size:1.2em; line-height: 1.5em;margin: 0;padding: 5px 0 5px 0; font-weight:lighter;color:#FFF;text-align:center;}
.footer h3 {font-size:0.95em; line-height: 1.5em;margin: 0;padding: 5px 0 5px 0; font-weight:lighter;color:#FFF;text-align:center;}
.footer a:link {text-decoration: none; color:#FFF;}
.footer a:visited {text-decoration: none;color:#FFF;}
.footer a:hover {text-decoration: underline;color:#FFF;}
.footer a:active {text-decoration: none;color:#FFF;}

ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.share-buttons li{
  display: inline;
}

ul.share-buttons .sr-only{
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

ul.share-buttons img{
  width: 32px;
}



.picturecaption {text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.0em; font-style:italic; display:block;}
.picturecaption a:link {text-decoration: underline; display:inline-block;color:#000;}
.picturecaption a:visited {text-decoration: underline;color:#000;}
.picturecaption a:hover {text-decoration: none;color:#000;}
.picturecaption a:active {text-decoration: none;color:#000;}

img {max-width:100%;height: auto;
  border: #000 thin solid;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius:8px;
  
  }


img a {
  max-width:100%;
  height: auto;
  border: #000 thin solid;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius:8px;
  }

.topbtn {
  font-size: 18px;
  cursor: pointer;
  background-color: #F00;
  color: white;
  padding: 10px 20px 0 20px;
  border: none;
  position: fixed;
  right: 80px;
  top: 0px;
  z-index: 10;
  border: #000 thin solid;
  border-top:none;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius:0px 0px 8px 8px;

  
}

.topbtn:hover {
  background-color: #444;
}

.topbtn a:link {text-decoration: none; display:inline-block;color:#FFF;}
.topbtn a:visited {text-decoration: none;color:#FFF;}
.topbtn a:hover {text-decoration: none;color:#FFF;}
.topbtn a:active {text-decoration: none;color:#FFF;}

.topbtn2 {
  cursor: pointer;
  color: white;
  padding: 5px;
  border: none;
  position: fixed;
  right: 20px;
  top: 0px;
  z-index: 10;
  
}

.topbtn2 img {width:auto; border-radius:0;padding:0; margin:0;box-shadow: none; border:none;}


#bottomBtn {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #666;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#bottomBtn:hover {
  background-color: #555;
}

#cookie-law{width:100%;background:#09F;position:fixed;bottom:0;} 
#cookie-law p{padding:10px;font-size:0.85em;font-weight:lighter;text-align:center;color:#FFF;margin:0;}
#cookie-law a:link {text-decoration: none;color:#FF6;}
#cookie-law a:visited {text-decoration: none;color:#FFF;}
#cookie-law a:hover {text-decoration: none;color:#FFF;}
#cookie-law a:active {text-decoration: none;color:#FFF;}

.noradius { box-shadow: none;border-radius: 0px; border:none;}

/* Start of slide-out-side menu */
.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 90px;
}

.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.6s;
}

.sidebar a:hover {
  color: #f1f1f1;
}

.sidebar .closebtn {
  position: absolute;
  top: 30px;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #636;
  color: white;
  padding: 10px 15px;
  border: none;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1;
  
}

.openbtn:hover {
  background-color: #444;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}

/* end of slide-out-side menu end */

@media only screen and (min-width:1024px) {
	
.wrap {max-width: 1024px; padding: 5px;margin:0 auto;}
.amazon {clear: both;max-width: 1024px; padding: 5px;margin:0 auto; text-align:center;}

.content {width: 674px; padding: 5px;margin:5px;float:left;overflow:hidden;}
.side-content {width: 300px; padding: 5px; margin:80px 10px; float:left;overflow:hidden;}

.wrappuzzle {max-width:95%;margin: 0 auto;}
.jigsaw {width:100%;height:860px; overflow:hidden;} 

.topcontent-homepage h1 {font-size:2.2em;padding:5px; text-align:center;}
.topcontent-homepage h2 {font-size:1.4em;padding:5px;text-align:center;}	

.topcontent h1 {font-size:1.6em; text-align:center;margin:0;}
.topcontent h2 {font-size:1.3em;text-align:center;margin:0;}
.content h2 {font-size:3.0em;}
.content h3 {font-size:1.6em;}

.area-a {float:left; padding:10px;width:430px;}  


.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.footer {min-height:80px;}
.footer-content {float:left;padding:0px 0;width:700px;}
.footer-links {float:right;padding:0px 0;width:300px;}

}

@media only screen and (min-width:1280px) {
	
.wrap {max-width: 1280px; padding: 0px;margin:0 auto;}
.content {width: 840px; padding: 10px;float:left;overflow:hidden;}
.side-content {width: 330px; padding: 10px; float:left;overflow:hidden;}
.content h2 {font-size:3.4em; border-bottom:thin #000 solid;}

.topcontent-homepage h1 {font-size:2.6em;padding:5px; text-align:center;}
.topcontent-homepage h2 {font-size:1.4em;padding:5px;text-align:center;}	

.wrappuzzle {max-width:95%;margin: 0 auto;}
.jigsaw {width:100%;height:960px;} 

.footer-content {float:left;padding:0px 0;width:750px;}
.footer-links {float:right;padding:0px 0;width:300px;}


	
}

@media only screen and (min-width:1366px) {

.wrap {max-width: 1366px; padding: 0px;margin:0 auto;}
.content {width: 900px; float:left;overflow:hidden;}
.side-content {width: 365px; float:left;overflow:hidden;}

.wrappuzzle {max-width:95%;margin: 0 auto;}
.jigsaw {width:100%;height:960px;} 

.topcontent-homepage h1 {font-size:3.6em;padding:5px; text-align:center;}
.topcontent-homepage h2 {font-size:1.4em;padding:5px;text-align:center;}	

.topcontent h1 {font-size:2em;padding:5px; text-align:center;}
.topcontent h2 {font-size:1.4em;padding:5px;text-align:center;}	

.footer-content {float:left;padding:0px 0;width:1000px;}
.footer-links {float:right;padding:0px 0;width:300px;}

h3 a:link {font-size:1.8em;}
h6 a:link {font-size:1.0em;}
.large {font-size:1.6em;}

#bottomBtn {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #666;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#bottomBtn:hover {
  background-color: #555;
}
}