body {
background-color: #f1f0ff;    color: #000;
    font-style:normal; font-variant:normal; font-weight:normal;     
        font: 300 12px/20px Helvetica, Helvetica Neue, Arial;
     /* background-image: url('../images/noise2.png');
    background-repeat: repeat;  */   
     margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}

.wrapper {
    overflow: hidden;
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

.header {
    background-color: #371b64;
}

.container {
    max-width: 1620px;
    margin: 0 auto;
    padding: 0 10px;
}

.container::after, .container::before {
    display: table;
    clear: both;
    content: '';
}

.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 900ms;
}

/* p { margin: 0px; line-height: 100%; } */








/* ----------------------- header row stuff ------------------------------- */

.header-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 80px;

}

.logo-holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
	order: 1;
}

.logo {
    margin: 0 20px 0 0;
}

.main-menu, .socials {
    display: -ms-flexbox;
    display: flex;
    
}


.socials .icon, .main-menu .link .icon, .menubutton .icon {
    font-size: 22px;
    color: #f8bbd0;
    transition: color .3s;
    margin: 0 20px 0 0;
}

.menubutton { display: none; }

.main-menu .link .icon { margin: 0; color: #43375a; }


.socials .icon:hover {
    color: #ffc209;
}



.main-menu .link {
    border-right: 1px solid #43375a;
    
    line-height: 70px;
    position: relative;
   padding: 10px 15px 0px 15px;
       transition: background-color .3s,box-shadow .3s;
    text-align: center;
    display: inline-block;

 background-image: url('../../hub5/images/grad.jpg');
    background-repeat: repeat-x;
    background-size: auto 100%;
	text-decoration: none;
}

.main-menu .home {

   padding: 10px 15px 0px 15px !important;
	max-width: 55px;
}


.main-menu .link.active, .main-menu .link:hover {
    box-shadow: 0 3px 0 #fff,0 3px 29px rgba(33,33,33,.29);
    background-color: #43375a;
   background-image: url('../../hub5/images/grad-on.jpg');
   }


#cloud > li:hover > a, .main-menu .link.active .text, .main-menu .link:hover .text {
    color: #fff;
}
.main-menu .link .text {
    color: #421C52;
    transition: color .3s;
    font-size: 18px;
    display: block;
}


.actions-holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.block-search {
    position: relative;
    min-width: 50px;
}




.register-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.btn-action, .register-menu .link {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
}

.btn-action {
    border-radius: 6px;
    background-color: #ffc108;
    color: #000;
    line-height: 44px;
    padding: 0 15px;
    transition: background-color .3s;
    white-space: nowrap;
}







.register-menu .link:hover {
    text-decoration: underline;
}

.register-menu > * + * {
    margin: 0 0 0 30px;
}


.actions-holder > * + * {
    margin: 0 0 0 30px;
}






.block-search .btn-search {
    width: 50px;
    height: 50px;
    right: 0;
    top: 0;
    background-color: #d172c5;
    border-radius: 50%;
    position: absolute;
}



.blue {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8a73b7+0,937fbc+20,a291c7+39,ad9dca+53,b7abd3+66,c3b8da+82,ccc3de+100 */
background: #8a73b7; /* Old browsers */
background: -moz-linear-gradient(top, #8a73b7 0%, #937fbc 20%, #a291c7 39%, #ad9dca 53%, #b7abd3 66%, #c3b8da 82%, #ccc3de 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #8a73b7 0%,#937fbc 20%,#a291c7 39%,#ad9dca 53%,#b7abd3 66%,#c3b8da 82%,#ccc3de 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #8a73b7 0%,#937fbc 20%,#a291c7 39%,#ad9dca 53%,#b7abd3 66%,#c3b8da 82%,#ccc3de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a73b7', endColorstr='#ccc3de',GradientType=0 ); /* IE6-9 */

}





.block-search .input {
    width: 0;
    height: 50px;
    border-radius: 25px;
    background-color: #fff;
    color: #c2185b;
    font-size: 18px;
    line-height: 22px;
    border: 0;
    visibility: hidden;
}

.block-search.active .input {
    visibility: visible;
    padding: 0 55px 0 20px;
    width: 620px;
}

.block-search .btn-search, .btn-upload {
    cursor: pointer;
    transition: background-color .3s;
}

.block-search .btn-search .icon {
    font-size: 26px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.block-search .btn-search:hover {
    background-color: #fd2f75;
}

/*---------------------- insert stuff ------------------------------------ */

#insert { padding: 8px 5px; }
#insert .title { font-size: 16px;
			    line-height: 1.3;
			    font-weight: bold;
			    color:#fff;
			    }
#insert ul {     display: -ms-flexbox;
   				 display: flex;
   				 -ms-flex-align: center;
   				 align-items: center;
   				 flex-wrap: wrap;
    			 justify-content: space-between; }


#insert ul li a { color: #fff; font-size: 16px; padding: 3px 10px; }




/*------------------------------- block stuff -------------------------------- */
.block {
    background-color: rgba(255,255,255,0.7);
    padding: 10px 0;
     background-image: url('/hub5/images/noise5.png'); 
    background-repeat: repeat;     
}


.block-bg {
    background-color: rgba(156,138,165,0.7);
    padding: 10px 0;
    background-image: url('/hub5/images/noise6.png');
    background-repeat: repeat;    
   /* border-top: 2px solid #371b64;
    border-bottom: 2px solid #371b64; */
}

.block-bg .headline .title.white, .block-bg .item-thumb .title, .btn-all {
    color: #421C52;
}

.headline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.headline .title {
    font-size: 30px;
    line-height: 1.3;
    color: #421C52;
   /* letter-spacing: -1.65px; */
    margin: 0 10px 0 0;
    font-weight: 700;
}

.block .headline .title span {
    color: #d172c5;
}

.block-bg .headline .title span {
    color: #e6e5f6;
}


.subheadline {
    color: #757575;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -1px;
}

.headline + .subheadline {
    margin: -15px 0 0;
}


.btn-all {
   
    font-size: 15px;
     border-radius: 6px 0px 0px 6px;
    background-color: #371b64;
    padding: 6px 15px;
        color: #fff !important;
    position: relative;
    text-transform: uppercase;
}



.btn-all::after {
    content: "";
    position: absolute;
    border-left: 16px solid #371b64;
    border-bottom: 16px solid transparent;
    border-top: 16px solid transparent;
    height: 0px;
    width: 0px;
    margin-right: -15px;
    right: 0;
    top: 0px;
    
}

.btn-all:hover { background-color: #e81e63; color: #000; }

.btn-all:hover:after { border-left: 16px solid #e81e63; }


/*--------------------- items -------------------------------- */

.thumbs-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0 -.66%;
    justify-content: space-between;
}

.item-thumb {
    width: 12%;
    margin: 0 0 20px .5%;
}

.footer-links li, .item-thumb, .item-thumb .wrap-thumb {
    position: relative;
    text-align: center;
}

.item-thumb .img-holder {
   display: inline-block; 
  /*  padding-bottom: 152%; */
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    border: 2px solid transparent; 
    /* border: 1px solid #fff; */
    transition: border-color .3s;
    max-width: 100%;
    box-shadow: rgba(0,0,0,0.4) 0px 0px 2px 1px; 
    width: 100%; 
        }



.item-thumb .img-holder-video {

	/* box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 2px 2px; */
	padding-bottom: 75%;

	}




.item-thumb:hover .img-holder {
    border-color: #e81e63;
}

.item-thumb:hover .title {
    color: #e81e63;
}


.item-thumb:hover .joinme_corner {
    background-position: 0 -80px;
}



.item-thumb .img-holder > img {
    width: 100%;
    min-height: 100%;
    display: block;
   /* position: absolute; */
    object-fit: cover;
}



.item-thumb .img-holder-video img {
		position: absolute; 
		}



.item-thumb .img-holder img.type, .item-thumb .img-holder img.updatetype {
    width: 70px;
    min-height: 70px;
    display: block;
    position: absolute;
    top:-2px;
    left:-2px;
   /* z-index:10; */
}

.updated_corner, .joinme_corner {
    width: 75px;
    height: 75px;
    background-image: url("/hub5/images/update_corner2.png");
    background-repeat: no-repeat;
    background-position: center top;
   /* background-size: 100% 100%; */
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.joinme_corner { background-image: url("/hub5/images/joinme3.png"); }

.updated_corner span.lastupd {
    font-size: 11.5px;
    color: #000;
    position: absolute;
    left: 25px;
    top: 36px;
    margin: 0px;
    font-weight: 400;
    line-height: 14px;
    font-family: "Open Sans",sans-serif;
    letter-spacing: 0px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    writing-mode: horizontal-tb;
   text-align: center;
}




.updated_corner span.joinme {
    font-size: 12.5px;
    color: #000;
    position: absolute;
   /* left: 25px; */
    top: 36px;
    margin: 0px;
    font-weight: 600;
    line-height: 14px;
    font-family: "Open Sans",sans-serif;
    letter-spacing: 0px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    writing-mode: horizontal-tb;
    text-align: center;
}










.item-thumb .info-holder {
    padding: 3px 3px 3px 3px;
    text-align: center;
}

.item-thumb .info-holder .text {
   	font-size: 13px;
	color: #4a4a4a;
	text-align: center;
	margin: 2px 0px;
	line-height: 110%;
	display: block;
	height: 60px;
	text-overflow: ellipsis;
	max-height: 70px;
	overflow: hidden;
	font-style: italic;
	}



.item-thumb .text-wrapper {
	font-size: 13px;
	color: #4a4a4a;
	text-align: center;
	line-height: 130%;

}


.item-thumb .title {
    color: #212121;
    font-size: 16px;
    font-weight: 600;
    text-align:center;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .3s;
    display: block;
    margin: 5px 0px;
}


.item-thumb .details {
    /* font-family: 'Flama-Basic'; */
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 0px 3px 5px 4px;
    color: #474545;
    max-width: 250px;
	margin: 0px auto;
}

.item-thumb .details .item {
  /*   display: -ms-flexbox; */
  /* display: flex; */
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}


.item-thumb .details .item .text {
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-decoration: none;
}


.item-thumb .details .item .text i { margin: 0 3px 0 0; }

.item-thumb .details .item:last-child .text {
	font-size:14px;

}



.item-thumb .details .item:last-child a {
    margin-left: 14px;
    color:#474545;
    text-decoration: underline;
    font-weight: bold;
}

.item-thumb .details .item:last-child a:hover {
	 color: #e81e63;


}


.item-thumb .quality {
    right: 8px;
    background-color: #212121;
    color: #fff;
}
.item-thumb .isnew, .item-thumb .quality {
    position: absolute;
    top: 8px;
    border-radius: 8px;
    font-family: 'Roboto';
    font-size: 11px;
    font-weight: 500;
    line-height: 15px;
    text-transform: uppercase;
    padding: 0 6px;
}




/*------------------------------ album thumbs ---------------------------- */

.thumbs-albums {
    margin: 0 0 0 -1%;
}

.thumb-album {
    width: 11.5%;
    margin: 0 0 15px 1%;
}

.thumb-album .title {
	font-size: 14px;

	}


 .img-holder-album {
    padding-bottom: 133% !Important;
}





/*------------------------------ video thumbs ---------------------------- */

.thumbs-videos {
    margin: 0 0 0 -1%;
}

.thumb-video {
    width: 16%;
    margin: 0 0 15px .66%;
    padding: 0px 1px; 
    /*   border: 2px solid #371b64; */
border-radius: 6px;
box-shadow: rgba(84, 84, 84, 0.7) 0px 0px 2px 2px;
background-color: #E2D7F8;
}

.thumb-video .title {
	font-size: 14px;

	}


/*.thumb-video .img-holder-video > img {
    width: 100% !important;
     display: block;
    object-fit: cover;
} */



 .img-holder-video {
  /* padding-bottom: 75% !important; */
}



/*----------------------------------------- site thumbs ------------------------------------ */

.sites .item-thumb {
	/* border: 1px solid #c9c9c9; */
	box-shadow: rgba(0,0,0,0.7) 0px 0px 2px 0px;
			border-radius: 8px;
		background-color: #f1f0ff; }




/*---------------------- pagination -------------------------------------- */
.pagination, .pagination > ul {
    margin: 10px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.pagination .item, .pagination > ul > li {
    color: #212121;
    margin: 2px;
    letter-spacing: -1.3px;
    transition: color .3s;
    font-size: 26px;
}



.pagination .btn, .pagination > ul > li > a, .pagination > ul > li > span {
    display: block;
    border-radius: 6px;
    background-color: #eaeaea;
    line-height: 35px;
    min-width: 35px;
    padding: 0 5px;
}

.pagination > ul > li > a {
    color: #212121;
    transition: color .3s;
}




.pagination .btn.active, .pagination > ul > li > span {
    color: #fff;
    background: #371b64;
}

.pagination .nav, .pagination .prevnext {
    text-transform: uppercase;
    background-color: transparent !important; 
    color:#fff;
}


.order-wrapper {
    margin: 15px 3px 20px 3px;
    text-align: center;
    width: auto;
    font-size: 15px;
    color: #fff;
    line-height: 18px;
}

.order-wrapper span {
    padding: 0px 10px;
}

.order-wrapper span.active {
	color: #371b64;
	font-weight: 600;

	}

.order-wrapper span a {
    color: #fff;
    text-decoration: underline;
}

/*--------------- pagination for updates ---------------- */

.block .pagination .prevnext {	color: #000; 	}
.block .pagination > ul > li > a { background-color: #c7c7c7; }

.block .order-wrapper, .block .order-wrapper a  { color: #000; }


 .item-event span, .pagination .item:hover, .pagination > ul > li > a:hover, .pagination > ul > li > a.active {
    color: #e91e64 !important;
    background-color:#371b64;
}




/* ---------------------- cloud stuff ---------------------------------- */

#cloud, .list-tags, #sitetags, .tagsearch {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px 0 0 0;
    position: relative;
       overflow: hidden;
}

#cloud > li:hover, .list-tags .item:hover, #sitetags > li a:hover, .tagsearch li:hover, #catstable ul li a:hover {
    color: #fff;
    background-color: #371b64;
}

#cloud > li, #cloud > li > a, .list-tags .item, #sitetags > li > a, #sitetage > li, .tagsearch li, .topcats_more a {
    color: #212121;
    transition: color .3s,background-color .3s;
}
#cloud > li, .list-tags .item {
    padding: 3px 5px;
    border-radius: 6px;
    background-color: #c7c7c7;
    /* font-family: 'Flama-Basic'; */
    font-size: 14px;
    line-height: 20px;
    margin: 3px 6px;
    box-shadow: rgba(0,0,0,0.8) 2px 1px;
}	


.topcats_more {
    display: none;
      width: 100%;
    font-size: 16px;
    text-align: center;
    padding: 5px;
    margin: 10px auto;
    background-color: #c7c7c7;
    max-width: 240px;
    border-radius: 6px;
}

/*------------------ tag search -------------------------------- */

ul.tagsearch {
	font-size: 11px; 
	margin: 15px 0 0 0;
 height: 119px;   overflow: hidden; 
	}

ul.tagsearch li {
	margin: 3px 3px 0 0;
	display: inherit;
	padding: 3px 5px;
	 background-color:#c7c7c7;
	 
	  -webkit-border-radius: 6px;
	font-weight: normal; 
    -moz-border-radius: 6px;
    border-radius: 6px;
	}

ul.tagsearch li a {
	 color: #212121; 

    
    
    text-decoration: none;
     }



 .tagsearch_more a {
    display: block;
 	background-color:#c7c7c7;
	-webkit-border-radius: 6px;
	font-weight: normal; 
    -moz-border-radius: 6px;
    border-radius: 6px;
	color:#212121;
    width: 100%;
    font-size: 16px;
    text-align: center;
    padding: 5px;
    margin: 0 auto;
    max-width: 240px;
    
}






#sitetags > li {

	width: 24%;
    margin: 0 0 10px 1%;
	}
	
#sitetags > li a {
	padding: 5px;
	border-radius: 6px;
	background-color: #c7c7c7;
	font-size: 16px;
	line-height: 22px;
	display: block;
	}
	
	


#sitetags li a span {
    float: right;
    font-size: 90%;
    font-weight: normal;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #6B6B6B;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #6B6B6B;
}	

#sitetags .tag_more {
	display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;

	}
	
#sitetags .tag_more a {
	font-size: 16px;
    text-align: center;
    padding: 3px 5px;
    margin: 0;
    background-color: #c7c7c7;
	}	





/*------------------------- catstable stuff------------------------------------ */

#catstable ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px 0 0 0;
    position: relative;
    overflow: hidden;
}

#catstable ul li {
    width: 25%;
    margin: 0;
    padding: 0;
}


#catstable ul li a {
    padding: 5px;
    border-radius: 6px;
    background-color: #c7c7c7;
    font-size: 16px;
    line-height: 22px;
    display: block;
    margin: 3px 5px;
    color: #000;
}


#catstable ul li a span {
    float: right;
    font-size: 90%;
    font-weight: normal;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #6B6B6B;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #6B6B6B;
}


/*-----------------------------------------------*/







.bigbox {
	margin: 20px auto;
		display: block;
	    overflow: hidden;
    position: relative;
   clear: both;

	}

.bigbox a { display: block;
			width: 100%;
			height: 100%; 
			position: absolute; }
			
			
			
			

.last-updated {
    display: block;
    font-size:16px;
    line-height: 18px;
    padding: 2px 0px 5px 0px;
}

.block-bg .last-updated { color:#fff; font-wieght: 500;}			
			
			
			
/*--------------- members only popup ---------------------------- */

#members-only-popup, #adults-only-popup {
	 position: fixed;
  	top: 50%;
  	left: 50%;
	background-color:#fff;
	border-radius: 8px;
	text-align: center;
	color: #666;
	display: none;
	padding: 5px;
	font-size: 15px;
	z-index: 5;
	line-height: 20px;
}


#members-only-popup {
  	margin-top: -75px;
  	margin-left: -155px;
     width: 310px;
     height: 150px;
	
		}

#adults-only-popup {
	width: 450px;
	height: 250px;
	margin-top: -125px;
	margin-left: -225px;
		
}





		
#members-only-popup p, #adults-only-popup p { margin: 10px 0px; }		

#members-only-popup p.title, #adults-only-popup p.title { font-weight: 600;
							 font-size: 16px;
							 margin: 0px 0px 20px 0px;
							 text-align: left; }



#members-only-popup .close, #adults-only-popup .close { float: right; font-size: 12px; color:#000; }

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}			
			
	


/*------------------- footer stuff ---------------------------- */

.footer-holder {
    padding: 40px 0 20px;
    text-align: center;
}

.footer-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.footer-links a, .footer-holder a {
    color: #fff;
   /* font-family: 'Flama-Basic'; */
    font-size: 15px;
    line-height: 18px;
}

.footer-links li + li {
    margin: 0 0 0 6px;
    padding: 0 0 0 6px;
}

.footer-links li + li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2px;
    height: 13px;
    background: #fff;
}

.footer-text {
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    margin: 12px 0;
    text-align: center;
}


.block-description .text {
    color: #421C52;
   /* font-family: 'Flama-Basic'; */
    font-size: 17px;
    letter-spacing: -1px;
    line-height: 1.2em;
}


.block-description .text p {
    margin: 0px 0px 1.6em 0px;
    line-height: 1.3em;
}

.block-description .text a {
		color: #d172c5 !important;
		text-decoration: underline;
		}


/*--------------------- column stuff --------------------------- */

.columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: stretch;
}

.column-60 {
    width: 55%;
    margin: 0 0 0 0;
    padding: 0 10px 0 0;
}

.column-40 {
    width: 45%;
    margin: 0 0 0 0;
}


.column-ownsite .ownsite-holder {
	width: 100%;
	display: flex;
   
    align-items: flex-start;
	/*justify-content: space-between; */
	margin: 10px 0 0 0;

}


.column-ownsite .ownsite-holder .girlwrapper {
	margin: 5px 10px;
	max-width: 170px;
	border-radius: 8px;
	overflow: hidden;
	 box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	border: 1px solid #bfbfbf; 
}


.ownsite-holder .listwrapper {

	display: inline-block;
	 font-size: 16px;
	}


.ownsite-holder .listwrapper ul li {
    background-image: url("/hub5/images/tick.png");
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 25px;
    font-weight: 600;
    color: #4d4d4d;
    margin: 6px 0px;
   
}


/*---------------------- breadcrumbs -------------------------------- */

#breadcrumbs {
    line-height: 21px;
    padding: 8px 5px;
    border: 1px solid #000;
    text-align: left;
    margin: 3px 4px;
    color: #000;
    background-color: #fff;
    box-shadow: rgba(0,0,0,0.75) 2px 2px 0px 0px;
    border-radius: 10px;
}


#breadcrumbs ol {
    list-style-type: none;
    text-align: left;
    font-size: 16px;
    line-height: 1.3em;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

#breadcrumbs ol li {
    display: inline;
    padding: 4px 5px;
        padding-left: 5px;
    font-weight: 500;
}

#breadcrumbs ol li a { text-decoration: underline; color:#0000ff; }

/*-------------------------- join stuff ---------------------------------- */

#jointop {
    margin: 30px 10px 30px 10px;
}

#jointop p.big, #jointop h1.big {
    font-size: 24px;
    margin: 15px 10px;
}
#jointop p.text, #jointop h1.text {
    text-align: center;
    margin: 10px;
    color: #fff;
}

#ownsitetop p.text, #chickpasstop p.text, #jointop p.text {
    color: #fff;
    margin: 0px 0px 10px 10px;
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 1.4em;
}


#chickpass .item-thumb .img-holder > img {
    max-width: 133px;
}
		
#chickpass .item-thumb .img-holder { width: auto; }			
			
#chickpasstop p.text { color:#000000; font-size: 1.2rem; }

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

.row-title {
  font-size: 1.5rem;
  display: inline-block;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: .5rem;
}
/*----------------------- media queries------------------------------------ */


@media only screen and (max-width: 1500px) { 

	.logo {    margin: 0 20px 0 0; }
	.main-menu .link {    padding: 10px 30px 0px;}
	.actions-holder > * + * {    margin: 0 0 0 20px; }	
	.block-search.active .input {    width: 400px;}
		.main-menu { order: 2; }
	.actions-holder { order: 3; }
}


@media only screen and (max-width: 1350px) { 

	.logo { width: 250px; }
	.main-menu .link {    padding: 10px 10px 0;}
	.actions-holder > * + * {    margin: 0 0 0 15px; }	
	.item-thumb { 	width: 12%;	 margin: 0 0.25% 20px .25%;	}
	.thumb-video { width: 16%;	 margin: 0 0 20px .66%; }
		.main-menu { order: 2; }
	.actions-holder { order: 3; }
}



@media only screen and (max-width: 1200px) { 
	.thumbs-items {   margin: 0 0 0 -.5%;
	/*	justify-content: start; */
	}
	.item-thumb { width: 19.5%;    margin: 0 0.25% 20px .25%; } 
	
	.thumbs-albums {    margin: 0 0 0 -.66%;}
	.thumb-album {    width: 16%;    margin: 0 0 20px .66%;}
	
	.thumbs-videos {    margin: 0 0 0 -.66%;}
	.thumb-video {    width: 19.5%;    margin: 0 0 20px .5%;}
	.main-menu { order: 2; }
	.actions-holder { order: 3; }
}


@media only screen and (max-width: 1024px) { 

	.header-row {    height: 100%;		}
	.main-menu {    order: 1; }
	.main-menu .link {    line-height: 60px; }
	.actions-holder {   order: 2;    margin: 8px 0;	 }
	.nsfw .actions-holder { width: 100%; }
	.block-search {
    -ms-flex-positive: 1;
    flex-grow: 1;
	}
		.header-row {     -ms-flex-wrap: wrap;    flex-wrap: wrap; }
	.block-search .input {
    visibility: visible;
    width: 100%;
    padding: 0 55px 0 20px;
        padding-right: 55px;
	}
	.headline .title {    font-size: 28px;    line-height: 1.2;}
	.item-thumb {  width: 24.5%;    margin: 0 0.25% 20px .25%; }
	.thumbs-albums {    margin: 0 0 0 -.66%; }
	.thumb-album {    width: 19.5%; }
	
	.thumbs-videos {    margin: 0 0 0 -.5%; }
	.thumb-video {    width: 24.5%; margin: 0px 0px 10px 0px !Important; }
	.column-ownsite .ownsite-holder { flex-wrap: wrap; }
	
	.block-description .text {  font-size: 16px; }
	.headline .title { font-size: 28px;   line-height: 1.2; }
	.footer-holder {  padding: 20px 0; }
	.linklist li { width: 33%; }
	#catstable ul li { width: 33%;}
	#quotestable .quotes_holder li { width: 32.5%; }
	#ownsitetop img.ownsite { float: none; margin: 10px auto; }
}


@media only screen and (max-width: 768px) { 

	.header-row {
 	   -ms-flex-pack: space-between;
  	  justify-content: space-between;
	}

	.logo-holder { margin: 0 0 14px;  }
	.main-menu {    width: 100%; order: 3; }
	.nsfw .main-menu { order: 2; }
	
	
	
	.main-menu .link {
   		 -ms-flex-positive: 1;
    	 flex-grow: 1;
    	 padding: 10px 0px;
    	line-height: 40px;
			}
			
	.actions-holder {   order: 2;    	}
	.actions-holder > * + * {    margin: 0 0 0 10px; }		
	.logo { width: 280px; }	

	.thumbs-items {  margin: 0 0 0 -.333%; justify-content: space-between; }
	
	.thumb-album {    width: 24.5%; }
	.thumb-video {    width: 32.83%; margin: 0px 0px 10px 0px !Important;  }
	#sitetags > li {	width: 33%;    margin: 0 0 10px 0.33%; }
	
	.pagination .item, .pagination > ul > li {    font-size: 22px;}
	.pagination .btn, .pagination > ul > li > a, .pagination > ul > li > span { line-height: 30px;  min-width: 30px;  padding: 0 3px; }
	.headline {   margin: 15px 0; } 
	.headline .title { font-size: 18px;   letter-spacing: 0;	}
	
	.bigbox {
		padding-bottom: 59.9%;
	    background-image: url("../images/smallbox3-sfw.webp");
		background-repeat: no-repeat;
		background-size: cover;
		}


		
	#quotestable .quotes_holder li { width: 49%; }
	.column-60, .column-40 { width: 100%; }
	
	
}


@media only screen and (max-width: 640px) { 

	.main-menu .link .text {    font-size: 14px;}
	.block-search .btn-search {    width: 35px;    height: 35px;		}

	.block-search .input {
    height: 35px;
    line-height: 35px;
    padding-right: 40px;
    font-size: 14px;
	}
	.register-menu .link {
    font-size: 15px;
    line-height: 1.2;
    text-align: center;
	}

	.btn-action {
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    padding: 5px 10px;
	}
	.thumbs-items {    margin: 0 0 0 -.5%; }
	.item-thumb {    width: 32%;    margin: 0 0.15% 20px .15%; }
	/* .thumb-album {    width: 32.83%; } */
	.headline .title {    font-size: 20px;    letter-spacing: 0;}
	.thumb-album {    width: 32.83%; }
	.thumb-video { width: 49.5%; margin: 0px 0px 10px 0px !Important;  }	
	
	#sitetags > li {	width: 49%;    margin: 0 0 10px 1%; }
	.column-quotes .quotes_holder li { width: 100%; }
	.column-ownsite .ownsite-holder .girlwrapper { display: block; float: none; margin: 5px auto; }
	.ownsite-holder ul { display: block; }

	#cloud { height: 95px; overflow: hidden; }
	.topcats_more {    display: block;} 

		.linklist li { width: 50%; }
	#links .columns .column { width: 100%; }
	#catstable ul li { width: 50%; }
	#jointop p.text { font-size: 18px; }
	#jointop p.big { font-size: 20px; }
	.btn-all { font-size: 13px;  padding: 6px 10px; }

}

@media only screen and (max-width: 480px) { 
		.logo { width: 240px; margin: 0 10px 0 0; }
		.headline .title {    margin: 0 0 5px;}
	
		.thumb-album {    width: 49.5%; }
	
		.item-thumb {    width: 49.0%;    margin: 0 0.25% 10px .25%;}
		
		.thumb-video {    width: 49.5%; margin: 0px 0px 10px 0px !Important; }	
		
		
		.list-tags {   height: 91px;   overflow: hidden; }
		/* #cloud { height: 89px; } */
		 .tagsearch {   height: 89px;   overflow: hidden; }

		#sitetags { height: 208px; overflow: hidden; }
		#sitetags .tag_more {    display: block;}
		#sitetags > li {	width: 100%;    margin: 0 0 10px 0; }
		.headline {  align-items: center; text-align: center; margin: 10px 5px;	} 
		.headline .title {   margin: 0 0 5px; }
		.socials-holder { display: none; margin: 10px 0 0 0; width: 100%; }
		.socials {  justify-content: space-around; }
		.menubutton { display: block; }
		.linklist li { width: 100%; }
		#catstable ul li { width: 100%; }
		#quotestable .quotes_holder li { width: 100%; }
		#ownsitetop .listwrapper { margin-left: 10px; }
	}
	
	
@media only screen and (max-width: 400px) { 
		.item-thumb .details { flex-wrap: wrap; }
		.item-thumb .details .item { text-align: center; width: 100%; }







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


.bigbox {
		padding-bottom: 21.3%;
	    background-image: url("../images/bigbox4-sfw.webp");
		background-repeat: no-repeat;
		background-size: cover;
		}



}


@media only screen and (min-width: 1500px) { 
			.main-menu { order: 2; }
	.actions-holder { order: 3; }
	
	
}