body.with_topbar {
    padding-top: 40px;
}

header {
	
	margin-top: 18px;
	
}

.logo {
	font-family: 'Righteous', cursive;
	color: #FFF;
	font-size: 60px;
	text-align: center;
}

.logo a {
	color: #FFF;
}

.logo a:hover {
	text-decoration: none;
}

.slogan {
	text-align: center;
	color: #FFF;
	font-size: 20px;
}

.top_header {
	width: 100%;
	text-align: center;
	padding-top: 35px;
}

.top_header a {
	text-transform: uppercase;
	color: #3a3b45;
	padding-top: 8px;
	padding-bottom: 5px;
	background: #FFF;
	width: 200px;
	display: inline-block;
	font-weight: bold;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

.top_header a.active span {
    text-decoration: none;
    border-bottom: 2px solid #3a3b45!important;
    line-height: 15px;
}

.top_header a span {
	display:inline-block;
}

.top_header a:hover {
	text-decoration: none;
	background: #FAFAFA;
}

.top_header a:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.top_header a:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.main_uploader_block h1 {
}

.main_uploader_block .btn-upload {
	text-transform: uppercase;
	font-size: 17px;
	font-weight: bold;
	width: 180px;
}

.main_uploader_block .btn-upload i {
	margin-right: 5px;
}

.dropzone {
    text-align: center;
    margin-top: 21px;
    padding: 20px;
    background: #F3F3F2;
    border-radius: 7px;
    font-weight: bold;
    color: #a7a7a7;
    cursor: pointer;
    border:none;
}

.or_separator {
    margin-top: 25px;
    position: relative;
    display: grid;
	grid-template-columns: 1fr auto 1fr;
	grid-template-rows: 14px 0;
	grid-gap: 20px;
	font-size: 18px;
}

.or_separator:before,
.or_separator:after {
	content: " ";
	display: block;
	
	border: 0; 
	box-sizing: content-box;
	background-position:center bottom;
 	background-size: 100% 2px;
	background-repeat: repeat-x;
 	background-image: -webkit-linear-gradient(left, #FFFFFF, #E8E8E8, #FFFFFF);
	background-image: -moz-linear-gradient(left, #FFFFFF, #E8E8E8, #FFFFFF);
	background-image: -ms-linear-gradient(left, #FFFFFF, #E8E8E8, #FFFFFF);
	background-image: -o-linear-gradient(left, #FFFFFF, #E8E8E8, #FFFFFF); 
}
.or_separator:before {
	right: 100%;
	margin-right: 5px;
}
.or_separator:after {
	left: 100%;
	margin-left: 5px;
}

.uploading-container {
	display: none;
}

.uploading-container .cssload-spin-box {
    margin-top: 37px;
    margin-bottom: 15px;
}

.uploading-container h1 {
    text-transform: uppercase !important;
    font-size: 33px;	
}

.alert-error-upload {
	display: none;
}

.cropping-container {
	display: none;
}

.cropping-container .btn-crop {
	text-transform: uppercase;
	font-size: 17px;
	font-weight: bold;	
}

.cropping-container .btn-crop i {
	margin-right: 5px;
}

.cropping-container .btn-skip-crop {
	text-transform: uppercase;
	margin-top: 10px;
}

.cropping-container .crop-upload-img {
	max-width: 100%;
	max-height: 600px;
}

.cropping-container .cropper-block {
	margin-bottom: 20px;
}

.align-left {
	text-align: left;
}

.p_photo_container img {
	width: 100%;
	border-radius: 4px;
}

.p_row_actions {
	margin-top: 40px;
}

.btn-photo-create-account {
	margin-top: 10px;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: bold;		
}


.p_row_actions li {
	color: #3a3b45!important;
}

.p_row_actions li i {
	color: #27ae60;
}

.dz-success-mark {
	display: none;
}

.dz-error-mark {
	display: none;
}

.dz-image {
	display: none;
}

.dz-details {
	display: none;
}

.jssocials-share {
	width: 200px;
}

.jssocials-share a {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    border-radius: .35rem;
    width: 100%;
}

.jssocials-share a:hover {
	text-decoration: none;
}

.jssocials-share:last-child {
	margin-right: 0.6em;
}

.p_row_actions .col-md-6:first-child {
    border-right: 1px solid #eaeaea;
    padding-right: 20px;
    margin-right: 0;	
}

.p_row_actions .col-md-6:last-child {
	padding-left: 20px;
}

.input-group-copy-link {
	margin-top: 5px;
	margin-bottom: 20px;
}

.p_row_actions h4 {
    font-size: 20px !important;
}

.form-control {
	color:#3a3b45;
}

.btn-copy {
    font-weight: bold;
}

#photo-link {
	resize: none;
}

.row_sign_up .col-md-6:first-child {
    border-right: 1px solid #eaeaea;
    padding-right: 20px;
    margin-right: 0;	
}

.row_sign_up .col-md-6:last-child {
	padding-left: 20px;
}

.row_sign_up h4 {
    font-size: 20px !important;
}

.row_sign_up {
	margin-top: 40px;
}

.row_sign_up ul {
	width: 100%;
}

.row_sign_up li {
	color: #3a3b45!important;
}

.row_sign_up li:first-child {
    background: rgb(78, 115, 223);
    color: #FFF !important;
}

.row_sign_up li h4 {
	margin-bottom: 0;
}

.row_sign_up li i {
	color: #27ae60;
}

.row_sign_up .btn-primary {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    border-radius: .35rem;	
}

.row_sign_up .alert {
    font-size: 15px;
}

form.user {
	width: 100%;
}

.lost_pass_sign_in {
	text-align: center;
	font-size: 14px;
	margin-top: 14px;
}

.lost_pass_sign_in a {
	color: #3a3b45!important;
}

.lost_pass_sign_in a:hover {
	text-decoration: none;
}

.row_my_photos {
	margin-top: 20px;
}

.grid-container {
	padding-left: 3rem!important;
	padding-right: 3rem!important;
	padding-bottom: 3rem!important;
	padding-top: 3rem !important;
	background: #f8f9fc !important;
}

.grid-container .grid .col-md-4 {
	margin-bottom: 20px;
}

.card-photo-container {

	position: relative;
}

.grid-container .card-body .btn {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 8px;
}

.grid-container .card-body .col-md-6:first-child .btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.grid-container .card-body .col-md-6:last-child .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.p-no-bottom {
	padding-bottom: 10px !important;
}

.my_photo_actions .btn {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    border-radius: .35rem;	
}

.photo_edit_title {
	display: none;
    margin-bottom: 20px;
}

.photo_edit_title small {
	color: #e74c3c;
}

.photo_edit2_title {
	display: none;
}

.photo_edit2_title small {
	color: #e74c3c;
}

.input_photo_title {
	height: 70px;
    font-size: 40px;
    text-align: center;
}

.h3-your-photo {
    margin-bottom: 16px;
}

.action-community a {
    font-size: 16px !important;
}

.actions-my-photos {
	margin-bottom: 20px;
}

.alert-community:after, .alert-community:before {
	bottom: 100%;
    left: 5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.alert-community:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #d7f1f5;
	border-width: 10px;
	margin-left: -10px;
}
.alert-community:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c7ebf1;
	border-width: 11px;
	margin-left: -11px;
}

.btn-webcam {
	text-transform: uppercase;
	font-size: 17px;
	font-weight: bold;
	width: 180px;
	margin-top: 15px;
}

.btn-webcam i {
	margin-right: 5px;
}

.btn-webcam.btn-capture {
	width: inherit;
	margin-top: 15px;
}

.webcam_capture_container {
	display: none;
}

.webcam_capture_container video {
  max-width: 100%;
  height: auto;
  margin:10px auto;
}

#video-webcam {
	display: none;
	margin-top: 15px;
}

.alert-action-index {
	text-align: center;
	margin-top: 20px;
}

.row-account-actions {
	margin-top: 20px;
}

.row-account-actions a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;	
	color: #333;
}

.admin-link {
	background: #e74c3c !important;
	color: #FFF !important;
}

.back-to-website-btn {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;	
}

.second-admin-header {
	margin-top: 20px;
}

.lst-shortcuts .card {
    font-size: 21px;
}

.lst-shortcuts .small {
	font-size: 15px;
}

.lst-shortcuts a:hover {
	text-decoration: none;
}

.form-admin .btn {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 40px;		
}

.form-admin input[type=checkbox] {
    zoom: 0.6;
}

.form-centered {
	text-align: center;
}

.alert-center {
	text-align: center;
}

tr.user-line td {
	vertical-align: middle;
}

.copyright-container {
	text-align: center;
	
}

.copyright-container a {
	color: #FFF;
	font-size: 11px;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
}


.copyright-container a:hover {
	text-decoration: none;
}

.copyright-container li:after {
    content: "-";
    color: #FAFAFA;
    padding-left: 12px;
}

.copyright-container  li:last-child:after {
    content: "";
}

.banner_block {
	text-align: center;
}

.banner_block img {
	width: 80%;
	margin-top: 30px;
}


.features_block {
	margin-bottom: 40px;
	margin-top: 40px;
}

.features_block h3 {
	text-align: center;
	color: #FFF;
	padding-bottom: 40px;
}

.feature-line {
	color: #FFF;
	height: 100px;
}

.feature-line h4 {
	margin-bottom: 5px;
}

.feature-line .icon-feature {
	text-align: right;
	color: #FFF;
	font-size: 40px;
}

.feature-line .feature-desc {
    margin-top: 5px;
    line-height: 18px;
    font-size: 13px;
}

.topbarsite {
    text-align: center;
    background: #686de0;
    color: #FFF;
    padding-top: 10px;
    border-bottom: 2px solid #3e63d2;
    padding-bottom: 11px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 44px;
    z-index: 9999;
}

.topbarsite a {
	margin-top: -6px;
    padding-top: 2px;
    padding-bottom: 0px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 5px;
}

.grid .card-photo {
	display: none;
}

footer .list-inline {
	margin-bottom: 0;
	padding-bottom: 10px;
}

.paste-upload-feature {
	text-align: center;
    font-family: 'Indie Flower', cursive;
    margin-top: 31px;
    font-size: 27px;
    color: #393a44;
}

.progress-upload {
	height: 50px;
	margin-top: 45px;
}

@media(max-width: 700px) {
	
	.paste-upload-feature {
	    font-size: 17px;
	}
	
	.topbarsite {
		display: none;
	}
	
	.features_block {
		display: none;
	}
	
	.actions-my-photos a {
		border-radius: 0px !important;
	}
	
	.grid-container a {
		border-radius: 0 !important;
	}
	
	.row_sign_up .col-md-6:first-child {
		display: none !important;
	}
	
}

.checkmark2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
  border:1px solid #727272;

}
.marapetsnew:hover input ~ .checkmark2 {
  background-color: #E8E8E8;
}
.marapetsnew input:checked ~ .checkmark2 {
  background-color: #E81313;
  border:0px;
}
.checkmark2:after {
  content: "";
  position: absolute;
  display: none;
}
.marapetsnew input:checked ~ .checkmark2:after {
  display: block;
}
.marapetsnew .checkmark2:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.search-box-menu{
 width:165px;
 margin-top:1px;
 margin-left:5px;
}
.search-box-menu input[type=text]{
  float:left;	
  width: 140px;
  height:25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  border: 1px solid #333333;
  border-radius: 10px;
  font-size: 0.917rem; font-family:verdana,arial,helvetica,sans-serif; text-decoration:none;
  background-color: white;
  background-image: url('https://images.marapets.com/sitesearch.png');
  background-position: 1px 1px; 
  background-repeat: no-repeat;
  opacity:0.5;
  padding: 2px 10px 2px 25px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}
.search-box-menu input[type=text]:focus {
  width: 100%;
}
.mara-block{
width:100%;
height:70px !important;
z-index:1000;
overflow:visible;
}
.mara-container{
margin:0 auto;
position:relative;
width:728px;
height:90px;
z-index:1000;
overflow:visible;
}
.marapetsmax {
	width:1003px;
	margin:0 auto;	
  	margin-top:-35px;
}
.marapetsend {
	width:1003px;
	margin:0 auto;	
}
.flex-table2 {
  width:100%;
  justify-content:center;
  align-content:space around;
  
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  flex-wrap: wrap;
  text-align:center;
  padding:5px;
	
}

.maralayout.sitecontent {
  width: 900px;
  max-width:900px;
  overflow:hidden;
	position: absolute;
  left:103px;
}
.maralayoutmiddle {
  background-color:#FFF;
  min-height:670px;
  min-width:885px;
  max-width:885px;
  border-radius: 10px;
  margin: 0;
  padding:6px;
  float:left;
}	
	
.maralayout {
  float: left;
}
	
.maralayout.leftbar {
  width: 103px;
  position: absolute;
}


.maracontent {
   display: block;
   position: relative;
}

/* Clear floats after the columns */

.maracontent:after {
  content: "";
  display: table;
  clear: both;
}
.ad-container{
position: relative;
left:-22px;
width:728px;
height:90px;
overflow:visible;
z-index:9999999999999999999999999;
}

.verytoptext {
	font-size:11px;
}


.smallonlinenow {
    background: #26C281;
	border:1px solid #26C281;
    width: 7px;
    height: 7px;
	border-radius: 50%;
	display:inline-block;
  	margin: 0 auto;
}
.smallofflinenow {
    background: #C23616;
	border:1px solid #C23616;
    width: 7px;
    height: 7px;
	border-radius: 50%;
	display:inline-block;
  	margin: 0 auto;
}
.top-nav-menu {
	margin-top:59px;
	width:1003px;
	background:#FFFFFF;
	border-radius:12px;
	height:28px;
	margin-bottom:40px;
}
.top-nav-menu > ul{
	list-style:none;
	width:1003px;
}
.top-nav-menu > ul > li{
	position:relative;
	float:left;
	z-index:5;
}
.top-nav-menu > ul > li:first-child{
	z-index:4;
	width:134px;
	height:85px;
	margin-top:-56px;
	margin-left:-40px;
	margin-right:35px;	
}
.top-nav-menu > ul > li:first-child > img{
	width:323px;
	height:85px;
	margin-left:0px;
	margin-top:-56px;	
}
.tooltips-selections-menu{
	width:46px;
	height:45px;
	margin-top:-14px;
	position:relative;
	z-index:10;
}
.tooltips-selections-menu2{
	width:46px;
	height:85px;
	margin-top:-56px;	
}
.mini-items{
	width:180px;
	margin-right:10px;	
}
.mini-items-first-move{
	margin-left:-10px;
}
.first-tooltip-selection{
	margin-left:-20px;	
}
.maramail-class{
	margin-top:1px;	
}
.mini-items p{
	float:left;
	margin-top:6px;	
	margin-left:5px;
	margin-right:8px;
	color:#9B9B9B;
	font-size:8pt;
	font-weight:bold;
}
.mini-items img{
	float:left;
}
.last-mini-items{
	margin-right:30px;
}
.last-mini-items p{
	float:left;
	margin-top:6px;	
	margin-left:5px;
	color:#4A8D00;
	font-size:8pt;
	font-weight:bold;
}
.last-mini-items img{
	float:left;
}
.up-a-little{
	margin-top:-30px;	
}
.smalldoll{
	float:left;
	margin:0;
	overflow:hidden;
	border:3px solid #FFFFFF;
	border-radius: 50%;
	height:70px;
	width:70px;
    background: #FFFFFF;
}
.smalldoll img
{
	width:140px;
	height:140px;
	margin:-15px -27px -55px -30px;
}
.smalldoll2{
	float:left;
	margin:0;
	overflow:hidden;
	border:2px solid #E8E8E8;
	border-radius: 50%;
	height:70px;
	width:70px;
    background: #FFFFFF;
}
.smalldoll2 img
{
	width:140px;
	height:140px;
	margin:-15px -27px -55px -30px;
}
.bigdoll{
	float:left;
	margin:0;
	overflow:hidden;
	border:3px solid #FFFFFF;
	border-radius: 50%;
	height:140px;
	width:140px;
}
.bigdoll img
{
	margin:-30px -55px -110px -45px;
}
.bigdollpadding {
	padding:3px 3px 3px 20px;
}
.marapetsmax2 {
	width:100%;
	margin:0 auto;
	position:absolute;
	top:30px;
	right:20px;
	z-index:10000000;
}
.googlead {
	max-width:728px;
	min-height:90px;	
	width:728px;
	height:90px;
	z-index:10000000;
	margin:0 auto;
}
.itemwidth {
	max-width:20%;
	min-width:20%;
	width:20%;
	padding-bottom:10px;
	margin:0;
	padding:0;
}
.currencytext {
	display:inline-block;
}
.currencytext img {
	vertical-align:middle;
	max-width:100%;
	height:auto;
}
.width25 {
	max-width:25%;
	padding-bottom:15px;
}
.fixed25 {
	max-width:25%;
}
.fixed50 {
	min-width:49%;
	width:49%;
	max-width:50%;
}
iframe {
    border:none;
}
.backtoworld {
	float:right;
	padding:3px;
	margin-right:3px;
	margin-left:3px;
	text-align:center;
	background-color:#E8E8E8;
	border: 2px solid #41ADA1; 
	border-radius: 8px;
	box-sizing: border-box; 
	border: 4px solid #E8E8E8;
	color:#727272; 
}
.backtoworld img{
	margin:-10px -10px -10px -10px;
	opacity: 0.80;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}
.marapetscheckmark {
  display: block;
  position: relative;
  vertical-align:middle;
  cursor: pointer;
  font-family:verdana,arial,helvetica,sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height:30px;
}
.marapetscheckmark input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.marapetscheckmark:hover input ~ .checkmark {
  background-color: #AAAAAA;
}
.marapetscheckmark input:checked ~ .checkmark {
  background-color: #037AD6;
  border:0px;

}
.marapetscheckmark input:checked ~ .checkmark:after {
  display: block;
}
.marapetscheckmark .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.petwidth, .petwidth_one {
	width:155px;
	min-width:155px;
	padding:1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
}
.petpadding {
	margin:2px;
	padding:3px;
}
.itempadding {
	margin:1px;
	padding:2px;
}
.morepadding {
	padding:3px;
}
.xmorepadding {
	padding:4px;
}
.xlmorepadding {
	padding:5px;
}
.xxlmorepadding {
	padding:6px;
}
.xxxlmorepadding {
	padding:7px;
}
.xxxxlmorepadding {
	padding:8px;
}
.moremargin {
	margin-left:3px;
	margin-right:3px;
}
.xmoremargin {
	margin-left:3px;
	margin-right:3px;
}
.xlmoremargin {
	margin-left:4px;
	margin-right:4px;
}
.xxlmoremargin {
	margin-left:5px;
	margin-right:5px;
}
.xxxlmoremargin {
	margin-left:6px;
	margin-right:6px;
}
.xxxxlmoremargin {
	margin-left:7px;
	margin-right:7px;
}

.mainfeature_start {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
	width:100%;
	padding:3px;
	text-align:left;
	margin-bottom:3px;
}
.mainfeature_npc {
	width:100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    flex-direction: row;
	flex-wrap: wrap;
	justify-content:center;
	align-items:center;
}
.mainfeature_npc2 {
	width:100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    flex-direction: row;
	flex-wrap: nowrap;
	justify-content:center;
	align-items:center;
}
.mainfeature_npc3 {
	width:100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    flex-direction: row;
	flex-wrap: nowrap;
	justify-content:space-between;
	align-items:center;
}
.mainfeature_art {
	margin:5px;
	text-align:center;
}
.mainfeature_art img {
   border: 1px solid #FFF;
   border-radius: 8px;
}
.mainfeature_art2 {
	margin:5px;
	text-align:center;
	width:300px;
	min-width:300px;
	max-width:300px;
}
.mainfeature_art2 img {
   border: 1px solid #FFF;
   border-radius: 8px;
}

.mainfeature_ad {
	margin:5px;
}
.mainfeature_circleicon {
	padding:2px;
	width:58px;
}
.mainfeature_middle {
	padding:2px;
	text-align:left;
	flex: auto;
}
.eachfeature_box {
	width:50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    flex-direction: row;
	flex-wrap: wrap;
	justify-content:center;
	align-items:flex-start;
	text-align:center;
	padding:3px;
	margin-bottom:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
}
.pets_show_each {
	min-width:25%;
	width:25%;
	padding:3px;
	margin-bottom:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
}
.pets_stats_icon { 
	max-width:25px;
	width:25px;
	min-width:25px;
}
.eachfeature_each {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	flex-wrap: nowrap;
    flex-direction: row;
	justify-content:space-between;
	align-items:center;
	padding:3px;
	margin-bottom:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
	flex:1;
}
.freeuni {
	text-decoration: underline overline wavy #841FC8; color:#841FC8;
}
.doublestats {
	text-decoration: underline overline wavy #1F22C8; color:#1F22C8;
}
.eachfeature_reminder {
	max-width:30px;
	width:30px;
	min-width:30px;
	padding-bottom:20px;
	margin:2px;
	line-height:30px;
	flex:none;
}
.always100 {
	min-width:100%;
	width:100%;
	max-width:100%;
}
.always99 {
	min-width:99%;
	width:99%;
	max-width:99%;
}
.always50 {
	min-width:50%;
	width:50%;
	max-width:50%;
}
.always75 {
	min-width:75%;
	width:75%;
	max-width:75%;
}
.always25 {
	min-width:25%;
	width:25%;
	max-width:25%;
}
.always20 {
	min-width:20%;
	width:20%;
	max-width:20%;
	flex-basis:20%;
}
.always33 {
	min-width:33%;
	width:33%;
	max-width:33%;
}
.flex-table3 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
	text-align:center;
	flex-wrap: nowrap;
}

.flex-table4 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    align-items: center;
    justify-content: space-around;
	text-align:center;
	flex-wrap: wrap;
    flex-direction: row;
	max-width:300px;
	min-width:300px;
	width:300px;
}
.flex-table5 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    align-items: center;
    justify-content: space-between;
	flex-wrap: nowrap;
    flex-direction: row;
}
.flex-table6 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-between;
}
.flex-table7 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    align-items: center;
    justify-content: center;
	flex-wrap: nowrap;
    flex-direction: row;
}
.flex-table8 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    justify-content: space-between;
	flex-wrap: nowrap;
    flex-direction: row;
}
.flex-table9 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    justify-content: flex-start;
    flex-direction: column;
	flex-wrap: nowrap;
}
.flex-table10 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    justify-content: center;
    flex-direction: column;
	flex-wrap: wrap;
}
.flex-table11 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    align-items: center;
    justify-content: center;
	flex-wrap: wrap;
    flex-direction: row;
}
.flex-table12 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    justify-content: space-between;
	flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
}
.flex-table13 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    align-items: center;
    justify-content: flex-start;
	flex-wrap: nowrap;
    flex-direction: row;
}
.flex-table14 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    align-items: center;
    justify-content: flex-start;
	flex-wrap: wrap;
    flex-direction: row;
}
.flex-table15 {
  padding: 0;
  margin: 0;
  list-style: none;
  
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
	flex-wrap: nowrap;
 justify-content: space-around;
  justify-content: space-evenly;
}
.flex-table16 {
  padding: 0;
  margin: 0;
  list-style: none;
  
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
 justify-content: space-around;
  justify-content: space-evenly;
}
.flex-table17 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    align-items: flex-start;
    justify-content: flex-start;
	flex-wrap: wrap;
    flex-direction: row;
}
.flex-bottom {
	align-self: flex-end;
	vertical-align: bottom;
}
.flex-top {
	align-self: flex-start;
}
.flex-middle {
align-self:center;
}
.petbar{height:4px;margin:2px 0;width:65px;max-width:65px;border:1px solid #ccc;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.eachpet_box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
	text-align:center;
	padding:5px;
	margin-bottom:5px;
	margin-left:2px;
	margin-right:2px;
}
.fairyreward_box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
	text-align:center;
  	min-width:150px;
	max-width:150px;
	min-height:165px;
	width:150px;
	padding:5px;
	margin-bottom:6px;
	margin-left:3px;
	margin-right:3px;
}
.shoppromo_box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
	text-align:center;
  	min-width:130px;
	max-width:130px;
	min-height:120px;
	max-height:120px;
	height:120px;
	width:130px;
	padding:5px;
	margin-bottom:10px;
	margin-left:3px;
	margin-right:3px;
}
.fadeit img {
  opacity: 0.50;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}
.fadeit2 img {
  opacity: 0.30;
  filter: alpha(opacity=30); /* For IE8 and earlier */
}
.fadeit3 img {
  opacity: 0.20;
  filter: alpha(opacity=20); /* For IE8 and earlier */
}
.itemsize {
  width:80px;
  height:80px;
  background-color:#FFF;
}
.marapets_border2 {
   border: 1px dashed #E8E8E8;
   border-radius: 8px;
}
.marapets_border3 {
   border: 2px solid #037AD6;
   border-radius: 8px;
}
.marapets_border4 {
   border: 2px solid #E8E8E8;
   border-radius: 8px;
}
.marapets_border5 {
   border: 2px dashed #037AD6;
   border-radius: 8px;
}
.marapets_border6 {
   border: 2px solid #FFF;
   border-radius: 8px;
}
.marapets_border7 {
   border: 1px solid #FFF;
   border-radius: 8px;
}
.marapets_border8 {
   border: 2px solid #A361E0;
   border-radius: 8px;
}
.marapets_border9 {
   border: 1px solid #333;
   border-radius: 8px;
}
.marapets_border10 {
   border: 2px solid #333;
   border-radius: 8px;
}
.marapets_border11 {
   border: 1px solid #000;
   border-radius: 8px;
}
.marapets_border12 {
   border: 2px solid #000;
   border-radius: 8px;
}
.marapets_border13 {
   border: 2px solid #A40707;
   border-radius: 8px;
}
.marapets_border14 {
   border: 2px solid #FF9900;
   border-radius: 8px;
}
.marapets_border15 {
   border: 2px solid #FF0000;
   border-radius: 8px;
}
.flex-checkbox {
  display:block;
  min-height:30px;
  text-align:left;
  padding:2px;
  margin:3px;
}
.flex-checkbox2 {
  margin-top:1px;
  min-height:25px;
  line-height:25px;
}
.flex-buttons {
	margin-top:2px;	
	margin-bottom:3px;
	flex-grow:1;
}
.mobile_btmbuttons {
	flex-grow:1;
}
.failbox {
	border: 2px solid #A40707; padding: 10px; border-radius: 8px; margin: 3px auto; color:#A40707; min-width:250px;
}
.comebackbox {
	padding: 10px; color:#727272; background:#E8E8E8; width:100%; box-sizing: border-box; border-radius: 8px; border: 4px solid #E8E8E8;
}
.questdaybox {
	border: 2px solid #037AD6; padding: 10px; border-radius: 8px; margin: 3px auto; text-align:left; min-width:250px;
}
.missionsbox {
	border: 2px solid #E8E8E8; padding: 10px; border-radius: 8px; margin: 3px auto; text-align:left; min-width:250px;
}
.progressbox {
	border: 2px solid #41ADA1; padding: 10px; border-radius: 8px; margin: 3px auto; width:85%;
}
.progressquote {
	border: 2px solid #FFFFFF; padding: 10px; border-radius: 8px; margin: 3px auto; width:85%; background-color:#F9F9FA;
}
.progressquote2 {
	border: 2px solid #FFFFFF; padding: 10px; border-radius: 8px; margin: 3px auto; width:95%; background-color:#AEEBED;
}
.eventbox {
	border: 2px solid #E8E8E8; padding: 10px; border-radius: 8px; margin: 3px auto; min-width:250px;
}
.halloweenbox {
	border: 2px solid #FF9900; padding: 10px; border-radius: 8px; margin: 3px auto; min-width:250px;
}
.gbbox {
	padding: 0; border:0; margin: 2px auto; width:95%;
}
.mpbox {
	border: 2px dotted #B87231; padding: 10px; border-radius: 8px; margin: 6px auto; width:85%;
}
.flex-links {
	margin:6px;	
}
.flex-links2 {
	margin:3px 5px 3px 5px;	
}
.flex-links3 {
	margin:8px;	
}
.flex-left {
	padding-left:8px;	
}
.flex-right {
	padding-right:8px;	
}
.flex-sleft {
	padding-left:6px;	
}
.flex-sright {
	padding-right:6px;	
}
.flex-vsleft {
	padding-left:3px;	
}
.flex-vsright {
	padding-right:3px;	
}
.mobileheader {
	display:none;
}
.exploremap_top {
	width:100%;
	padding:10px;
	margin-right:15px;
	background-color:#F9F9FA;
  	border:1px solid #F9F9FA;
  	border-radius: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
 }
 .exploremap_first {
	float:left;
	vertical-align:middle;
	padding-right:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
}
.exploremap_second {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
}
.width33 {
	max-width: 33.3%;
}
.exploremap_vtop {
	width:100%;
	padding:10px;
	background-color:#E8E8E8;
  	border:1px solid #E8E8E8;
  	border-radius: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
	margin-bottom:10px;
 }
.talkcircle {
    position: absolute;
	left:5px;
	top:100px;
	z-index:999;
}
.talkcircle img {
    width: 40px;
    height: 40px;
}
.onlinenow {
    background: #26C281;
}
.offlinenow {
    background: #C23616;
}
.eachdoll {
	height:200px;
	width:160px;
	max-height:200px;
	max-width:160px;
}
.crop{
	float:left;
	margin:0;
	overflow:hidden;
	border:3px solid #FFFFFF;
	border-radius: 50%;
	height:140px;
	width:140px;
}
.crop img
{
	margin:-30px -55px -110px -45px;
}
.friendsbackground {
	background:#F9F9FA;
	border:4px solid #F9F9FA;
    border-radius: 8px 8px 8px 8px;
}
.circles {
    position: relative;
}
.status {
	border:3px solid #FFFFFF;
    width: 15px;
    height: 15px;
    position: absolute;
	left:115px;
	top:110px;
	z-index:999;
	border-radius: 50%;
}
.removecircle {
	z-index:999;
    width: 25px;
    height: 25px;
	border-radius: 50%;
    position: absolute;
	background: #FFFFFF url(https://images.marapets.com/icons/remove.svg) center no-repeat;
	background-size: 25px 25px;
	left:5px;
	top:5px;
	border:3px solid #FFFFFF;
}
.eachsmalldoll {
	height:100px;
	width:80px;
	max-height:100px;
	max-width:80px;
}
.smallstatus {
	border:2px solid #FFFFFF;
	width: 10px;
	height: 10px;
	position: absolute;
	left:57px;
	top:55px;
	z-index:2;
	border-radius: 50%;
}
.onlinebg {
	background: #26C281;
}
.offlinebg {
	background: #C23616;
}
.clipusername {
  text-overflow: ellipsis;

  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}
.suggest_left {
  text-align:center;
  min-width:90px;
  padding:5px;
  margin: auto;
}
.attic_eachbutton {
	margin:5px;
	color:#000;
	padding:5px 10px;
	border:1px solid #E8E8E8;
	border-radius:8px;
	text-decoration:none;
	background-color:#FFF;	
	cursor:pointer;
	font-size:1.272rem;
}
.randomeventsbox_remove img {
	border-radius: 50%;
	border:3px solid #FFFFFF;
	height: 25px;
	width: 25px;
}
.randomeventsbox_remove  {
	text-align:right;
}
.mobile_btmbuttons img {
   border: 1px solid #FFF;
   border-radius: 8px;
   background-color:#FFF;
}
.randomeventsbox {
	width:100%;
	padding:4px 8px;
	background-color:#FFF;
  	border:1px solid #FFF;
  	border-radius: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
	margin-bottom:5px;
}
.resizeimage { 
	max-width:100%;
	height:auto;
}
.resizeimage2 { 
	max-width:50%;
	height:auto;
}
.maintextarea_container {
    min-width: 50%;
    max-width: 75%;
	padding:5px;
	margin:auto;
}
.maintextarea_resize {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   float: left;
   width: 100%;
   height: auto;
}
.hideondesktop {
	display:none;
}
.suggest_right {
	display:none;
}
.maintextarea_resize textarea {
  float: left;
    width: 100%;
	min-height:200px;
   height: auto;
	outline: none;
}
.pets_show_one {
	max-width:85%;
	margin:auto;
}
.pets_stats_icon img { 
	width:25px;
	height:25px;
}
.darkerbackground {
	background:#E8E8E8;
	border:4px solid #E8E8E8;
    border-radius: 8px 8px 8px 8px;
}
.fadepet {
	opacity: 0.60;
}
.whitebg {
	background-color:#FFF;
}
.sitepages_mobile {
	display:none;	
}
.bordereachrow {
	border-top:1px solid #E8E8E8;
} 
.pages_all {
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 0;
	text-align:center;
	color:#333333;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    align-items: center;
    justify-content: center;
	flex-wrap: nowrap;
    flex-direction: row;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
}
.pages_each {
	margin: 0;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.pages_search form{
 margin:0px; padding:0px; display:inline;
}
.pages_search input {
	border:1px solid #E8E8E8;
	color:#000000;
	padding:4px 8px;
	border:1px solid #E8E8E8;
	text-decoration:none;
	width:35px;
	margin:0px;
	font-size:11px;
}
.pagesearch {
	border:1px solid #E8E8E8;
	color:#000000;
	padding:4px 8px;
	border:1px solid #E8E8E8;
	text-decoration:none;
	width:35px;
	margin:0px;
	font-size:11px;
}
.pages_each a {
	color:#333333;
	padding:4px 8px;
	border:1px solid #E8E8E8;
	text-decoration:none;
	background-color:#FFF;
}
.pages_each a:hover {
	background:#037AD6;
	color:#FFFFFF; 
} 
.pages_each a.current {
	background:#E8E8E8;
	font-weight:bold;
	color:#000000; 
}
.pages_each_submit {
	 visibility: hidden;
}
.flex50 {
	min-width:48%;
	width:48%;
	max-width:49%;
}
.btmpad3 {
	padding-bottom:3px;
}
.btmpad6 {
	padding-bottom:6px;
}
.btmpad10 {
	padding-bottom:10px;
}
.floatpricechecker {
	position:absolute;
	left: 50%;
	display:none;
	z-index:1000000000;
  	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
}
.showpricechecker {
	position: relative; 
	left: -50%;
	z-index:1000000000;
	background-color:#FFF;
    border: 4px solid #FFF;
    border-radius: 8px;
  	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
	min-width:300px;
}
.copyToClipboard input {
	border: none;
	background: transparent;
    outline: none;
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight:bold;
  text-align:center;
  width:99%;
  overflow:visible;
}
.copyToClipboard input:focus{
	border: none;
	background: transparent;
    outline: none;
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.fixedsmalldoll {
	height:80px;
	width:80px;
	max-height:80px;
	max-width:80px;
}
    .mobilemenubox2
    {
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
		flex-direction: column;
		height:100%;
		justify-content: space-around;
	}
	.mobilemenubox
    {
        background-color:#FFF;
        width: 200px; 
        z-index: 123456789;
        color:#000;
        border: 2px solid #FFF; 
        border-spacing: 5px; 
        border-radius: 8px;
	    display: flex;
	    align-items:center;
     }
	 .mobilemenubox3 {
		 line-height:70px;
	 }
	 
.mobilemenusearch{
  width: 180px;
  height:25px;
   border: 2px solid #FFF; 
   border-spacing: 5px; 
   border-radius: 8px;
  font-size: 0.917rem; font-family:verdana,arial,helvetica,sans-serif; text-decoration:none;
  background-color: #FFF;
  background-image: url('https://images.marapets.com/sitesearch.png');
  background-position: 1px 1px; 
  background-repeat: no-repeat;
  opacity:0.5;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}
.sitetemplate_reminders {
  line-height:13px;
  position:absolute;
  background-color:#FFF;
  width:145px;
  max-width:145px;
  border-radius: 10px;
  margin-top: -128px;
  margin-left:15px;
  padding:6px;
  text-align:center;
  overflow:hidden;
  z-index:50;
  font-size:12px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  justify-content: space-evenly;
  align-items: center;
  align-content: center;
}
.sitetemplate_reminders img {
	max-width:100%;
	height:auto;
   border: 1px solid #FFF;
   border-radius: 8px;
}
.mobile_mail {
	display:flex;
	left:146px;
	top:56px;
 	z-index: 999999;
	position:absolute;
  	align-items: center;
}
.reminder-container {
	display:none;	
}
.tree-search {
	display:none;	
}
.flex-returnto {
   padding:3px;
	flex-grow:1;
}
.suggestbox {
	min-width:115px;
	width:115px;
	max-width:115px;
	min-height:75px;
	max-height:75px;
	margin: 6px;
    background: #FFF;
    border-radius: 8px;
	padding:3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
}
.suggestbox_icon {
	float:left;
	margin:0;
	overflow:hidden;
	height:38px;
	width:38px;
	max-height:38px;
	max-width:38px;
	min-height:38px;
	min-width:38px;
	flex: none;
    background: #FFF;
    border-radius: 8px;
}
.suggestbox_icon img{
	margin:-10px -10px -10px -10px;
	opacity: 0.80;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}
.suggest_mobile{
	display:none;	
}
.flex-suggest {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
 justify-content: space-around;
  justify-content: space-evenly;
  align-content:space-around;
  align-items:center;

  margin:5px;
	flex-grow:1;
}
.tablet_layoutmsg{
	display:none;	
}
.mobile_bottombar {
	display:none;	
}
.mobile_sidebar {
	display:none;	
}
.mobile_sidebar2 {
	display:none;	
}
.mobile_topbar {
	display:none;	
}
.hidediv {
	display:none;
}
.flex-grow {
  flex-grow:1;
}
.flex-double {
  flex-grow:2;
}
.flex-auto {
  flex:auto;
}
.eachgame_box {
  min-width:50%;
  width:50%;
  max-width:50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:center;
  align-items:flex-start;
  text-align:center;
  padding:3px;
	margin-bottom:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
}
.switchtodesktop
{
	display:none;
}
.notinaclub {
	opacity: 0.35;
	filter: alpha(opacity=35);
}
.notinaclub2 {
	opacity: 0.50;
	filter: alpha(opacity=50);
}
.notinaclub3 {
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.notinaclub4 {
	opacity: 0.95;
	filter: alpha(opacity=95);
}
.mobilemenubox2
{
	align-items: stretch;
	align-content:center;
}
.mobilemenubox2 > div
{
	align-self:center;
}
.mobilemenubox
{
	margin:2px auto;
}
.eachdollhere {
	width:12%;
	max-width:12%;
}
.hiddenavatar_each {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
	justify-content: flex-start;
	padding:4px 10px;
	width:100%;
	background-color:#FFF;
  	border:1px solid #FFF;
  	border-radius: 8px;
	margin-bottom:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
	flex:1;
}

.hiddenavatar_icon {
	flex:none;
}
.hiddenavatar_text {
	font-size:1.167rem;
	flex:1;
	padding-left:5px;
}
.hiddenavatars_box {
	display:none;
	flex-direction: column;
	flex-wrap: nowrap;
    align-items: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
	max-height:260px;
	overflow:auto;
	flex-grow:1;
	padding-left:3px;
	padding-right:3px;
}
.flex-mainbtns {
	margin-top:2px;	
	margin-bottom:3px;
	flex-grow:1;
}
.mobile_layoutmsg {
	display:none;	
}
.flex-auto {
  flex:auto;
}
.pet_showone {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
	background:#F9F9FA;
	border:4px solid #F9F9FA;
    border-radius: 8px 8px 8px 8px;
	margin:10px auto;
}
.pet_showone .petwidth_one {
	margin:5px;
	flex:auto;
}
.pets_show_one_boxes {
	padding:10px;
	flex:auto;
}
.petfadebox {
	min-width:75px;
	width:75px;
	max-width:75px;
	min-height:75px;
	height:75px;
	max-height:75px;
	margin:0;
	padding:0;
	border:0;
}
.each-link-min {
	min-width:24%;
	flex-basis:24%;	
	margin-bottom:2px;
	margin-top:1px;
}
.fixborders {
 -moz-background-clip: border;     /* Firefox 3.6 */
  -webkit-background-clip: border;  /* Safari 4? Chrome 6? */
  background-clip: border-box;
}
.tabletsearch, .mobilesearch, .mobilesearch_close, .tablet_progress, .mobile_bottombar, .sitetemplate_mobilesearch {
	display:none;	
}
.fixhtml5spacing {
	font-size:2px;
}

b,strong {
	font-weight: 700;
}
img {
	border: 0;
}
ul.pagination {
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
  	text-align:center;
	color:#333333;
}
ul.pagination li {
  	list-style-type: none;
  	margin: 0;
	display:inline;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
}
ul.pagination input {
	border:1px solid #E8E8E8;
	color:#000000;
	display:inline-block;
	padding:4px 8px;
	border:1px solid #E8E8E8;
	text-decoration:none;
	width:25px;
}
ul.pagination a {
	color:#333333;
	display:inline-block;
	padding:4px 8px;
	border:1px solid #E8E8E8;
	text-decoration:none;
	background:#FFFFFF;
}
ul.pagination a:hover {
	background:#037AD6;
	color:#FFFFFF; 
} 
ul.pagination a.current {
	background:#E8E8E8;
	font-weight:bold;
	color:#000000; 
}
.layouttext {
	display: none;
	position: absolute;
	left: -9000px;
}
.stats {
	font-size:0.833rem;
}
.smaller {
	font-size:10px;
}
.same {
	font-size:11px;
}
.more {
	font-size:12px;
}
.smore {
	font-size:13px;
}
.xmore {
	font-size:14px;
}
.returnto {
	font-size:1.167rem;
}
.sbigger {
	font-size:1.272rem;
}
.bigger {
	font-size:1.417rem;
}
.biggest {
	font-size:1.500rem; 
}
.huge {
	font-size:1.667rem;
}
.huge2 {
	font-size:2.083rem;
}
.huge3 {
	font-size:2.500rem;
}
.middleit {
	text-align:center; display:table; margin:0 auto;
}
.middleit img {
	vertical-align:middle;
}
.middlediv {
	text-align:center; margin:0 auto;
}
.middlediv img {
	vertical-align:middle;
}

.centerit {
	position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.sitedate {
	color:#333333;
}
.maragrey {
	color:#E8E8E8;
}
.maramgrey {
	color:#DFDFDF;
}
.marangrey {
	color:#D7D7D7;
}
.maradgrey {
	color:#727272;
}
.marafeeds {
	color:#4A8D00;
}
.maramails {
	color:#9A5514;
}
.maragreen {
	color:#65CB9B;
}
.online {
	color:#006600;
}
.offline {
	color:#C00C00;
}
.banned {
	color:#A40707;
}
.ban {
	color:#0000FF;
}
.bingo {
	color:#14A464;
}
.pricecheck {
	color:#808080;
}
.bronzeshield {
	color:#AE7861;
}
.silvershield {
	color:#868686;
}
.goldshield {
	color:#F5D94E;
}
.marapetsshield {
	color:#348D64;
}
.platinumshield {
	color:#C7C7C7;
}
.mp {
	color:#B87231;
}
.rp {
	color:#467F3A;
}
.bp {
	color:#D41C0D;
}
.au {
	color:#CB5131;
}
.dukkacn {
	color:#6A422A;
}
.fakedukkacn {
	color:#BB6B13;
}
.olympicpts {
	color:#FFCE18;
}
.spypts {
	color:#57da54;
}
.recyclepts {
	color:#4F3550;
}
.stalkerpts {
	color:#FF75B9;
}
.scorepts {
	color:#57A6C9;
}
.memorypts {
	color:#6F6F6F;
}
.referralpts {
	color:#26DDC5;
}
.manager {
	color:#A361E0;
}
.admin {
	color:#1EABEC;
}
.createblue {
	color:#0033CC;
}
.creategreen {
	color:#009900;
}
.createyellow {
	color:#FFCC00;
}
.createred {
	color:#CC0000;
}
.female {
	color:#1EABEC;
}
.moderator {
	color:#DA4A4A;
}
.alsotry {
	color:#037AD6;
}
.trades {
	color:#6E4809;
}
.amber {
	color:#FF9900;
}
.veryred {
	color:#FF0000;
}
.ghost {
	color:#FFFFFF;
}
.progress {
	color:#41ADA1;
}
.italic {
	font-style: italic;
}
.freegym {
	text-decoration: underline overline wavy #941420; color:#941420;
}
.freeschool {
	text-decoration: underline overline wavy #33CC66; color:#33CC66;
}
.strong {
	font-weight:bold;
}
.defaultpet {
   	padding:0;
   	margin:0;
   border: 2px solid #E8E8E8;
   border-radius: 8px;
}
.specialpet {
	width:150px;
	height:150px;
	max-width:150px;
   	max-height:150px;
   	padding:0;
   	margin:0;
}
.marapets_border {
   border: 1px solid #E8E8E8;
   border-radius: 8px;
}
.prizetxt {
	font-size:1.167rem; font-weight:bold; text-align:center; width:250; padding:5px;
}
.prizetxt2 {
	font-size:1.167rem; text-align:center; width:250; padding:5px;
}
.firstrow {
	color:#000000; font-size:1.167rem; font-weight:bold; background-color:#E8E8E8; text-align:center; padding:5px; vertical-align:middle;
}
.thirdrow {
	border-top:1px solid #E8E8E8; font-weight:bold; font-size:1.167rem; text-align:center; color:#35332C; padding:5px;  vertical-align:middle;
}
.secondrow {
	font-size:1.167rem; padding:5px; vertical-align:middle;
}
.fourthrow {
	border-top:1px solid #E8E8E8; font-size:1.167rem; padding:5px; vertical-align:middle;
}
.fifthrow {
	border-top:1px solid #E8E8E8; text-align:center; font-size:1.167rem; padding:5px; vertical-align:middle;
}
.sixrow {
	border-top:1px solid #E8E8E8; font-weight:bold; font-size:1.167rem; padding:5px; vertical-align:middle;
}
.sevenrow {
	border-top:1px solid #E8E8E8; vertical-align:middle;
}
.tablepadding {
	padding: 5px;
}
.tablespacing {
	border-spacing: 5px;
}
.sitetable {
	border:1px solid #E8E8E8; width: 65%; border-spacing: 0; padding: 0px; border-radius: 8px; margin: 0 auto;
}
.sitetable2 {
	border:1px solid #E8E8E8; width: 70%; border-spacing: 0; padding: 0px; border-radius: 8px; margin: 0 auto;
}
.widesitetable {
	border:1px solid #E8E8E8; width: 75%; border-spacing: 0; padding: 0px; border-radius: 8px; margin: 0 auto;
}
.widesitetable2 {
	border:1px solid #E8E8E8; width: 80%; border-spacing: 0; padding: 0px; border-radius: 8px; margin: 0 auto;
}
.widesitetable3 {
	border:1px solid #E8E8E8; width: 90%; border-spacing: 5px; padding: 5px; border-radius: 8px; margin: 0 auto;
}
.mainsitetable {
	width: 100%; border-spacing: 0; padding: 0px;  margin: 0 auto;
}
.mainsitetable2 {
	width: 95%; border-spacing: 0; padding: 0px;  margin: 0 auto;
}
.mainsitetable3 {
	width: 95%; border-spacing: 0; padding: 0px;  margin: 0 auto;
}
.mainsitetable4 {
	width: 85%; border-spacing: 0; padding: 0px;  margin: 0 auto;
}
.mainsitetable5 {
	border-spacing: 0; padding: 0px;  margin: 0 auto;
}
.mainsitetable6 {
	width: 50%; border-spacing: 0; padding: 0px;  margin: 0 auto;
}
.width100 {
	min-width: 100%;
}
.width95 {
	min-width: 95%;
}
.width85 {
	min-width: 85%;
}
.width75 {
	min-width: 75%;
}
.width50 {
	min-width: 50%;
}
.width33 {
	min-width: 33.3%;
}
.width40 {
	min-width: 40%;
}
.width25 {
	min-width: 25%;
}
.width20 {
	min-width: 20%;
}
.searchbox {
	border: 2px solid #E8E8E8; width: 75%; border-spacing: 5px; padding: 5px;  border-radius: 8px; margin: 0 auto;
}
.progressbox {
	border: 2px solid #41ADA1; width: 85%; border-spacing: 5px; padding: 5px;  border-radius: 8px; margin: 0 auto;
}
.bigsearchbox {
	border: 2px solid #E8E8E8; width: 85%; border-spacing: 5px; padding: 5px;  border-radius: 8px; margin: 0 auto;
}
.bigsearchbox2 {
	border: 2px solid #E8E8E8; width: 95%; border-spacing: 5px; padding: 5px;  border-radius: 8px; margin: 0 auto;
}
.bigsearchbox3 {
	border: 1px dashed #A40707; width: 85%; border-spacing: 5px; padding: 5px;  border-radius: 8px; margin: 0 auto;
}
.onlinebox {
	border: 2px solid #006600; width: 95%; border-spacing: 5px; padding: 5px;  border-radius: 8px; margin: 0 auto;
}
.offlinebox {
	border: 2px solid #C00C00; width: 95%; border-spacing: 5px; padding: 5px;  border-radius: 8px; margin: 0 auto;
}
.managerbox {
	border: 2px solid #A361E0; width: 95%; border-spacing: 5px; padding: 5px;  border-radius: 8px; margin: 0 auto;
}
.questbox {
	width: 80%; border-spacing: 4; padding: 4px; text-align:center;
}
.sitetemplatebox {
  background-color:#FFF;
  border-radius: 10px;
  margin: 0;
  padding:6px;
  width: 100%;
  float:left;
}

.righttd {
 	text-align:right;
}
.lefttd {
 	text-align:left;
}
.centertd {
 	text-align:center;
}

.middletd {
 	vertical-align:middle;
}
.toptd {
 	vertical-align:top;
}
.bottomtd {
 	vertical-align:bottom;
}
.flex-table {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
 justify-content: space-around;
  justify-content: space-evenly;
}
.clear-table {
	display: table;
	clear: both;
	content: "";
	margin:0;
	padding:0;
	line-height:0.250rem;
}
.flex-center {
  align-items:center;
}
.maindashed {
 border:1px dashed #037AD6; border-radius: 8px; margin: auto;
}
.forum-likes{float:left;height:4px;border-right:1px solid #fff;background:#006600}
.forum-dislikes{float:right;height:4px;margin-right:-1px;background:#C00C00}
.forumbar{height:4px;margin:2px 0;width:100px;border:1px solid #ccc;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.forumbar2{height:4px;margin:2px 0;width:65px;border:1px solid #ccc;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.liketext{color:#666;font-size:0.9166em}
.container-tooltip{
	width:200px; height:auto; background:rgba(255,255,255,1); border:rgba(0,0,0,1) 1px solid; text-align:center; border-radius:2px; padding:5px;
}
.likebutton{color:#060;font-size:0.9166em}
.dislikebutton{color:#c00;font-size:0.9166em}
.marapetsnew {
  display: block;
  position: relative;
  padding-left: 30px;
  padding-top: 3px;
  vertical-align:middle;
  cursor: pointer;
  font-size:1.083rem; color:#000000; 
  font-family:verdana,arial,helvetica,sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.marapetsnew input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #E8E8E8;
  border-radius: 50%;
  border:1px solid #727272;
}
.marapetsnew:hover input ~ .checkmark {
  background-color: #AAAAAA;
}
.marapetsnew input:checked ~ .checkmark {
  background-color: #037AD6;
  border:0px;

}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.marapetsnew input:checked ~ .checkmark:after {
  display: block;
}
.marapetsnew .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.mobile_mail2 {
	padding-right:1vw;
	padding-left:1px;
}
@font-face {
  font-family: 'Marker Felt';
  src: url('/css/font/Marker Felt.eot');
  src: url('/css/font/Marker Felt.eot?#iefix') format('embedded-opentype'),
       url('/css/font/Marker Felt.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MarkerFelt';
  src: url('/css/font/MarkerFelt.svg#MarkerFelt') format('svg'),
       url('/css/font/MarkerFelt.ttf') format('truetype'),
       url('/css/font/MarkerFelt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
a {
	background-color: transparent;
	}
a:link {  text-decoration:none; }
a:active { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
	
	
.foldersbackground {
	background:rgba(255, 255, 255, 0.3);
	border-radius: 8px;
}

.upload-container {

}
.upload-maincontainer {
	padding:15px;
}




.buttonsforuploads {
	flex-basis:130px;
	margin:6px;
	flex-shrink:1;
}

.buttonsforuploads2 {
	flex-basis:200px;
	margin:6px;
}
.attic_eachbox {
	margin:15px auto;
	min-width:50%;
	width:50%;
	background-color:#FFF;
	padding:10px;
}

@media (max-width: 1500px) { 
	.attic_eachbox {
		margin:15px auto;
		min-width:65%;
		width:65%;
		padding:10px;
	}
}



@media (max-width: 991px) { 
	.attic_eachbox {
		margin:15px auto;
		min-width:75%;
		width:75%;
		padding:10px;
	}
}


@media(max-width: 700px) {
	.attic_eachbox {
		margin:10px auto;
		min-width:85%;
		width:85%;
		padding:10px;
	}
}

@media(max-width: 600px) {
	.attic_eachbox {
		margin:auto;
		min-width:100%;
		width:100%;
		padding-right: 1%;
		padding-left: 1%;
	}
	
	.container {
	  width: 100%;
	  padding-right: 1%;
	  padding-left: 1%;
	  margin-right: auto;
	  margin-left: auto;
	}
}

.shieldicon {
	min-width:16px;	
	width:16px;	
	max-width:16px;	
	min-height:15px;	
	height:15px;	
	max-height:15px;	
	margin-left:3px;
	margin-right:2px;
}