@font-face {
  font-family: 'pt_sansregular';
  font-display: fallback;
  src: url('/css/fonts/PTS55F-webfont.eot');
  src: url('/css/fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
       url('/css/fonts/PTS55F-webfont.woff') format('woff'),
       url('/css/fonts/PTS55F-webfont.ttf') format('truetype'),
       url('/css/fonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'pt_sansregular';
  font-display: fallback;
  src: url('/css/fonts/PTS75F-webfont.eot');
  src: url('/css/fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
       url('/css/fonts/PTS75F-webfont.woff') format('woff'),
       url('/css/fonts/PTS75F-webfont.ttf') format('truetype'),
       url('/css/fonts/PTS75F-webfont.svg#pt_sansbold') format('svg');
  font-weight: bold;
  font-style: normal;

}
/* @font-face {
  font-family: 'pt_sansitalic';
  src: url('PTS56F-webfont.eot');
  src: url('PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
       url('PTS56F-webfont.woff2') format('woff2'),
       url('PTS56F-webfont.woff') format('woff'),
       url('PTS56F-webfont.ttf') format('truetype'),
       url('PTS56F-webfont.svg#pt_sansitalic') format('svg');
  font-weight: normal;
  font-style: normal;

} */

/* ----------------------------------------- */
/* ------------------ GLOBAL ----------------- */
/* ----------------------------------------- */
* {
	padding: 0;
	margin: 0;	
	box-sizing: border-box;
}
html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: 'pt_sansregular', sans-serif;
	color: rgba(0,0,0,0.87);
}
body {
	background: url('https://podobnestrony.pl/img/bg.png') repeat;
	/*background: #f3f3f3;*/
}
.clear {
	clear: both;
}
a {
	text-decoration: none;
	color: #111111;
}
a:hover {
	/*color: #ec0263;*/
	color: #ff9800;
}
.choiced {
	font-weight: bold;
}
.red {
	color: red;
}
.orange {
	color: #ff9800;
}

/* ----------------------------------------- */
/* ------------------ HEADER ----------------- */
/* ----------------------------------------- */
.header {
	width: 100%;	
	text-align: center;
	background: #ffffff;
    -moz-box-shadow: 0px 0 8px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0 8px 0px rgba(0, 0, 0, 0.1);
    float: left;	
}
.header .nav {
    margin: 10px auto;
    max-width: 1180px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;	
}
#logo {	
	width: 250px;
	z-index: 9999999;
}
.logo {
	width: 100%;
	height: auto;	
	transition: all .4s ease-in-out;		
}
.fixed {
	position: fixed !important;
	top: 10px;
}
.hide {
	display: none;
}
.menu {
	list-style-type: none;
}
.menu li {
    float: left;
    line-height: 29px;
    margin: 0 0 0 2px;
    position: relative;    
}
/*.menu li:before {
	content: '|';
	position: relative;
	float: right;
	margin: 0 10px;
}	
.menu li:last-child:before {
	content: '';
	margin: 0 10px 0 0;
}*/
.menu li a {
    color: #212121;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    padding: 5px 10px;
    position: relative;
}
/*.menu li a:before {
	content: '/';
	margin: 0 5px 0 0;
}*/
.menu li a span {
	color: #ec0263;
}
.menu li .online {
    color: #212121;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    padding: 0 10px;
    position: relative;
}
.menu li:hover a, .menu li:hover a span {
	color: #fff;
	background: #009fff;
}
#show-menu {
  display: none;
  width: 40px;
  height: 30px;
  position: relative;
  margin: 5px 5px 0 10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  float: right;
  overflow: hidden;
  z-index: 9999999;
}
#show-menu span {
  display: block;
  position: absolute;
  height: 5px;
  width: 50%;
  background: #2b2b2b;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#show-menu span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#show-menu span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#show-menu span:nth-child(1), #show-menu span:nth-child(2) {
  top: 0px;
}

#show-menu span:nth-child(3), #show-menu span:nth-child(4) {
  top: 11px;
}

#show-menu span:nth-child(5), #show-menu span:nth-child(6) {
  top: 22px;
}

#show-menu.open span:nth-child(1),#show-menu.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#show-menu.open span:nth-child(2),#show-menu.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#show-menu.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#show-menu.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

#show-menu.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#show-menu.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#show-menu.open span:nth-child(5) {
  left: 5px;
  top: 17px;
}

#show-menu.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 17px;
}
.set-lang {
	vertical-align: middle;
    margin: -4px 0 0 5px;
}
.stats {
	width: 100%;
	display: inline-block;
	list-style-type: none;
	
	margin: 0 0 20px 0;

}
.stats li {
	display: inline-block;
}
.search {
    width: 100%;
    float: left;
    border-bottom: 1px #ffffff solid;
    outline: 1px #e2e2e2 solid;
    /* background: url('../img/bg2.jpg'); */
    /* background: rgb(68, 114, 174); */
    background: #fff;
    position: relative;
}
.search button {
    position: absolute;
    right: 3px;
    top: 50%;
    width: 26px;
    height: 26px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 14px;
    text-indent: 0;
    border: 0;
    background: transparent;
    border: 3px #b9b9b9 solid;
    color: #b9b9b9;
    white-space: nowrap;
    text-indent: -9999px;
    margin: -10px 14px 0 0;
    cursor: pointer;
}
.search button:after {
    content: '';
    position: absolute;
    width: 11px;
    height: 4px;
    background: currentColor;
    right: -6px;
    bottom: -3px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 8px;
}
.search button:hover {
	border: 3px #6d6d6d solid;
	color: #6d6d6d;
}
.recently-searched {
	color: #0076be;
	margin: 3px 0 10px 0;
	font-size: 14px;
	padding: 0 10px;
    	
}
/* .recently-searched a {
	color: #c27400;
} */
.recently-searched a:hover {
	/*color: rgba(0,191,165, 0.57);*/
	text-decoration: underline;
}
.form-search {
    max-width: 900px;
    width: 90%;
    margin: 0px auto;
    position: relative;
}
/*
.search-input {
    width: 100%;
    text-align: center;
    
    padding: 14px;
    margin: 25px 0 10px 0;
    border: 0;
    border-radius: 6px;
    font-size: 16px;
    background: #172149;
    color: #ffffff;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;	    
}*/
.search-input {
    width: 100%;
    text-align: center;    
    padding: 10px 15px;
    margin: 20px 0 10px 0;
    outline: none;
    border: 1px solid #cecece;
    border-radius: 2px;
    font-size: 18px;
    background: #f1f1f1;
    color: #6d6d6d;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    position: relative;
}
.search-input:hover {
	background: #f0f0f0;
}
.search-input:focus,
.search-input:active {
	background: #f0f0f0;
}
.search-label {
  width: 100%;
  text-align: center;
  display: block;
  margin: 30px auto 10px auto;
  font-weight: bold;
  position: absolute;
  z-index: 999;
  pointer-events: none;
  user-select: none;
  top: 0;
}
.search-input:focus ~ .search-label {
  /* transform: scale(0.85) translate(0, -57px);     */
  opacity: 0;
}
#search-results {
	position: absolute;
	top: 63px;
	left: 0;
	width: 100%;
    padding: 0;
    box-sizing: border-box;
    z-index: 99999;	
}
#search-results #websites {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 100%;
}
#search-results #websites li {
    background: #f1f1f1;
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 15px;
    border: 1px #cecece solid;
    border-top: 1px #fff solid;
    transition: .5s ease-in-out all;
}	
#search-results #websites li:hover {
	background: #fff;
}	
#search-results #websites li a{
    text-decoration: none;
    display: block;
    width: 100%;
    color: #676767;
    font-family: sans-serif;
    padding: 10px 0;
    font-size: 14px;
    transition: .5s ease-in-out all;    
    display: flex;
    justify-content: space-between;        
}
#search-results #websites li:hover a {
	color: #ff9800;
}	
.search-link-count {
	font-size: 12px;
}
/*
.search-input:focus,
.search-input:active {
	outline: none;
	background: #0a2356;
	color: #dce7fd;
}
.search-input::-webkit-input-placeholder {
   color: #ffffff;
}
.search-input:-moz-placeholder { 
   color: #ffffff;  
}
.search-input::-moz-placeholder { 
   color: #ffffff;  
}
.search-input:-ms-input-placeholder {  
   color: #ffffff; 
}*/
/* ----------------------------------------- */
/* ------------------ MAIN ----------------- */
/* ----------------------------------------- */

.center, .ranking {
	max-width: 1180px;
	width: 100%;
	margin: 0px auto;
	clear: both;
    	
}
main, .main {
	max-width: 1180px;
	width: 100%;
	margin: 0px auto;
}
.center main {
	float: left;
	width: -moz-calc(100% - 330px);
	width: -webkit-calc(100% - 330px);
	width: calc(100% - 330px);
	margin: 20px 0 0 0;
}
aside {
	float: right;
	width: 300px;
	margin: 40px 0 0 0;
}
.aside-t0 {
	margin: 0;
}
.aside-2 {
	margin: 0;
}
main h1, h2, h3 {
	font-size: 30px;
}
main h1:first-letter {
	text-transform: uppercase;
}
.left {
	float: left;
	width: -moz-calc(100% - 330px);
	width: -webkit-calc(100% - 330px);
	width: calc(100% - 330px);	
}


/** Site of the week **/
	.site-of-the-week {
		margin: 0 0 40px 0;
		float: left;
		position: relative;
	}
	.amazing-site {
		margin: 10px 0 10px 0;
		position: relative;
		float: left;
	}
	.amazing-site h1 {
	    position: absolute;
	    color: #fff;
	    z-index: 9999;
	    width: 100%;
	    text-align: center;
	    top: 33%;
	    font-size: 40px;
	    text-shadow: 0 0 10px #000;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;		    
	    opacity: 1;
	}	
	.amazing-site:hover h1 {
		display: none;
		opacity: 0;
	}	
	.amazing-site figure {
		float: left;
		width: 100%;
		position: relative;
		background: #f1f1f1;	
		-webkit-border-radius: 3px;	
		-moz-border-radius: 3px;	
		border-radius: 3px;		
	}
	.amazing-site figure:after {
		content: '';
		left: 0;
		top: 0;
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;		
	    background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.76) 0%, rgba(125,185,232,0.11) 100%);
	    background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.76) 0%,rgba(125,185,232,0.11) 100%);
	    background: linear-gradient(135deg, rgba(0, 0, 0, 0.76) 0%,rgba(125,185,232,0.11) 100%);	
		-webkit-border-radius: 3px;	
		-moz-border-radius: 3px;	
		border-radius: 3px;		
		opacity: 1;	        
	}
	.amazing-site:hover figure:after {
		background: none;
		position: relative;
		opacity: 0;
	}
	.amazing-site figure img {
	    width: 100%;
	    float: left;
	    	  
		-webkit-border-radius: 3px;	
		-moz-border-radius: 3px;	
		border-radius: 3px;			      			
	}
	.amazing-site-desc {
	    position: absolute;
	    bottom: 0;
	    width: 100%;
    	background: #313131;
    	/* background: rgb(189, 79, 79); */
	    
	    padding: 20px;
	    color: #fff;
	    float: left;
	    font-size: 18px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.amazing-site-desc strong {
		color: #ff9800;
	}
	.site-of-the-week-sub {
		width: 100%;
		background: #fffbd4;
		float: left; 
		padding: 10px 10px;
		
		text-align: center;
		cursor: pointer;
		position: relative;
		text-transform: uppercase;
		font-weight: bold;
		border: 1px solid #E0DFDF;		
	    -moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
	    border-radius: 3px;		
		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;		    
	}
	.site-of-the-week-sub:hover {
		background: #ffca53;
	}
	
	.site-of-the-week-sub span {	
		position: relative;
	}	
	.site-of-the-week-sub span:before {	
	    content: '';
	    position: relative;
	    top: -4px;
	    left: 0;
	    margin: 0 10px 0 0;
	    vertical-align: middle;
	    background: url(https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/mail-128.png);
	    width: 33px;
	    height: 28px;
	    float: none;
	    background-size: cover;
	    display: inline-block;
	}	

/** Recommended sites **/

	.recomennded-sites {
		margin: 0 0 30px 0;
		width: 100%;
		float: left;
	}
	.rec-sites {
		float: left;
	    -webkit-transform: translate(1px, 0);
	    -moz-transform: translate(1px, 0);
	    -ms-transform: translate(1px, 0);
	    -o-transform: translate(1px, 0);				
	    transform: translate(1px, 0);
	    margin: 10px 0 0 0;
	    display: flex;
	    flex-wrap: wrap;

	}
	.rec-site {		
		margin: 10px 10px 0 0;
		width: -moz-calc(25% - 8px);
		width: -webkit-calc(25% - 8px);
		width: calc(25% - 8px);
		position: relative;
		background: #fff;
		padding: 7px;		
	    border: 1px solid #e4e5e7;
	    /*outline: 1px dotted #C5C5C5;	*/
	    text-align: center;	    
	    -moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
	    border-radius: 3px;	    
	    -webkit-transition: all .4s;
	    -moz-transition: all .4s;
	    -ms-transition: all .4s;
	    -o-transition: all .4s;
	    transition: all .4s;		    
	}
	.rec-site:hover {
		left: -1px;
		top: -1px;
	}	
	.rec-site:nth-of-type(4n) {
		margin: 10px 0 0 0;
	}
	.rec-site:nth-of-type(4n+1) {
		clear: both;
	}	
	.rec-site img {
		width: 100%;
		float: left;
		margin: 0 0 5px 0;
	}
	.counter {
		display: none;
	    position: absolute;
	    top: 0;
	    left: 0;
	    opacity: 0;
	    color: #212121;
	    font-size: 10px;
	    width: 100%;
	    height: -webkit-calc(100% - 27px);
	    height: -moz-calc(100% - 27px);
	    height: calc(100% - 27px);
	    font-weight: 700;
	    background: #fff;
	    -webkit-transition: all .4s;
	    -moz-transition: all .4s;
	    -ms-transition: all .4s;
	    -o-transition: all .4s;
	    transition: all .4s;	
	    display: flex;
	    flex-direction: column;	    
	    align-items: center;
	    align-content: flex-start;	    
	}
	.count {
		font-size: 43px;
	    line-height: 43px;
	    width: 100%;
	    display: block;
	    margin: 12px 0 0 0;
	}
	.txt {
		font-size: 14px;
		box-sizing: border-box;
	    padding: 0 10px;
	    display: flex;
	    justify-content: center;
	    align-content: center;
	    align-items: center;
	    flex-grow: 1;
	}
	.rec-site:nth-child(1) .counter{
		animation: recSite1 64s infinite;      
	}
	.rec-site:nth-child(2) .counter{
		animation: recSite1 64s infinite; 
		animation-delay: 4s;     
	}
	.rec-site:nth-child(3) .counter{
		animation: recSite1 64s infinite; 
		animation-delay: 8s;     
	}
	.rec-site:nth-child(4) .counter{
		animation: recSite1 64s infinite; 
		animation-delay: 12s;     
	}
	.rec-site:nth-child(5) .counter{
		animation: recSite1 64s infinite; 
		animation-delay: 16s;     
	}
	.rec-site:nth-child(6) .counter{
		animation: recSite1 64s infinite; 
		animation-delay: 20s;     
	}
	.rec-site:nth-child(7) .counter{
		animation: recSite1 64s infinite; 
		animation-delay: 24s;     
	}
	.rec-site:nth-child(8) .counter{
		animation: recSite1 64s infinite; 
		animation-delay: 28s;     
	}
	.rec-site:nth-child(9) .counter{
		animation: recSite1 64s infinite; 
		animation-delay: 32s;     
	}
	.rec-site:nth-child(10) .counter{
		animation: recSite1 64s infinite; 
		animation-delay: 36s;     
	}
	.rec-site:nth-child(11) .counter{
		animation: recSite1 64s infinite; 
		animation-delay: 40s;     
	}
	.rec-site:nth-child(12) .counter{
		animation: recSite1 64s infinite; 
		animation-delay: 44s;     
	}
	.rec-site:nth-child(13) .counter{
		animation: recSite1 64s infinite; 
		animation-delay: 48s;     
	}
	.rec-site:nth-child(14) .counter{
		animation: recSite1 64s infinite; 
		animation-delay: 52s;     
	}
	.rec-site:nth-child(15) .counter{
		animation: recSite1 64s infinite; 
		animation-delay: 56s;     
	}
	.rec-site:nth-child(16) .counter{
		animation: recSite1 64s infinite; 
		animation-delay: 60s;     
	}


	@keyframes recSite1 {
		0%   {opacity: 0;}
		1%  {opacity: 1;}
		4%  {opacity: 1;}
		5%   {opacity: 0;}
		100%   {opacity: 0;}
	}
	@-webkit-keyframes recSite1 {
		0%   {opacity: 0;}
		1%  {opacity: 1;}
		4%  {opacity: 1;}
		5%   {opacity: 0;}
		100%   {opacity: 0;}
	}
	
	.rec-site:hover .counter {
		opacity: 1 !important;		
	}



/** About **/
	.about, .site-slider, .newest-sites, .recently-commented, .last-articles {
		margin: 0 0 20px 0;
		clear: both;
	}
	.site-codes h2 {
		margin: 0 0 20px 0;
	}
	.site-codes h5{
		margin: 0 0 15px 0;
	    font-weight: bold;
	    font-size: 18px;	
	    width: 100%;
	 }
	.site-codes h4, 
	.site-codes-similar h4,
	.about h4, 
	.site-slider h5, 
	.newest-sites h6, 
	.recently-commented h6, 
	.last-articles h6 {
	    margin: 0 0 15px 0;
	    font-weight: bold;
	    font-size: 18px;		
	}
	.mt30 {
		margin: 30px 0 0 0;
	}
	.coupons-codes {
		width: 100%;
		float: left;
	}
	.coupons-codes h1, .coupons-codes h2 {
		float: left;
	}
	.coupons {
		width: 100%;
		margin: 20px 0 0 0;
	}	
	.coupons-more {
		width: 100%;
	    margin: 0 10px 10px 0;
	    float: left;
	    background: #fff;
	    padding: 10px;
	    display: flex;
	    text-align: center;
	    justify-content: center;
	    outline: 1px dashed #C5C5C5;		
	}
	.coupon {
	    width: -webkit-calc(50% - 5px);
	    width: -moz-calc(50% - 5px);
	    width: calc(50% - 5px);
	    margin: 0 10px 10px 0;
	    float: left;
	    background: #fff;
	    padding: 10px;
	    
	    display: table;
	    outline: 1px dashed #C5C5C5;
	    height: 120px;
	}
	.coupon:hover {
		outline: 3px dashed #C5C5C5;
		/*box-shadow: 0 0 0 3px #FFFFFF;
		animation: 0.6s animateBorderOne ease-in-out infinite;*/
	}
	/*
	@keyframes animateBorderOne {
	  to {
	    outline-color: #FFFFFF;
	    box-shadow: 0 0 0 3px #C5C5C5;
	  }
	}*/
	.site-codes .coupon, .site-codes-similar, .coupon-similar {
		width: 100%;
	}
	.coupon-similar {
	    margin: 0 10px 10px 0;
	    float: left;
	    background: #fff;
	    padding: 10px;
	    
	    display: table;
	    outline: 1px dashed #C5C5C5;
	    height: auto;		
	}
	.coupon:nth-of-type(2n) {
		margin: 0 0 10px 0;
	}
	.coupon-logo {
		width: 100px;
		min-width: 100px;
	    display: table-cell;
	    vertical-align: middle;
	    padding: 0 10px 0 0;
	}
	.coupon-logo img {
	    width: 100%;
	    display: block;
	    height: auto;
	    margin-left: auto;
	    margin-right: auto;
	    max-width: 75px;
	    max-height: 80px;
	}
	.coupon-right {
	    
	    padding: 10px 0 10px 10px;
	}
	.coupon-shop a {
	    font-size: 12px;
	    margin: 0 0 5px 0;
	    color: #000;
	}	
	.coupon-title a {
		font-weight: bold;
		color: #000;
	}
	.coupon-title a:hover, 
	.coupon-shop a:hover {
		/*color: #ec0263;*/
		color: #ff9800;
	}	
	.coupon-date-exp {
		font-size:11px;
		display: table;
		margin: 7px 0 0 0;
		white-space: nowrap;
		color: #676767;
	}
	.show-results {
		float: right;
		margin: 5px 0 0 0;
	}
	.show-results ul {
		list-style-type: none;
	}
	.show-results span,
	.show-results ul,
	.show-results ul li {
		float: left;
	}
	.show-results ul li {
		margin: 0 0 0 10px;
		cursor: pointer;
	}
	.show-results ul li:hover {
		/*color: #ec0263;*/
		color: #ff9800;
	}

	.coupon-info {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		border: 1px dashed #d0d0d0;
		padding: 20px;
		margin: 20px 0 0 0;
		background: #fbfbfb;
	}
	.coupon-txt-before {
		display: flex;
		width: 100%;
		justify-content: center;
		text-align: center;
	}
	.coupon-code, .coupon-link {
	    padding: 8px 14px;
	    background: #ff9800;
	    display: block;
	    margin: 20px 0 0 0;
	    color: #fff;
	    border: 1px dashed #fff;
	    outline: 2px solid #ff9800;
	    transition: all .3s;
	    cursor: pointer;
	}
	.coupon-code:hover, .coupon-link:hover {
		background: #444;
		outline: 2px solid #444;
		color: #fff;
	}
	.coupon-comment {
		font-size: 22px;
	}
	.coupon-code-after {
		width: 100%;
		margin: 20px 0 0 0;
		justify-content: center;
		text-align: center;		
	}
	.coupon-code-after a {
		font-weight: bold;
	}



/** Artykuły **/

.webart {
    margin: 30px 0 0 0;
    float: left;
    position: relative;
    background: #fff;
    padding: 10px 15px 15px 15px;
    border: 1px solid #dddddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.webart a {
	color: #ff9800;
}
.webart a:hover {
	text-decoration: underline;
}
.webart__header {
	margin: 0 0 5px 0;
    width: 100%;
    font-size: 19px;
    display: block;
}
.webart__text {
	margin: 0 0 20px 0;
}
.webart__figure {
  background: #f2f2f2;
  border: 1px solid #ccc;
  box-sizing: border-box;
  margin: 20px 0 0 0;
  padding: 10px;
}
.webart__img {
  width: 100%;
}
.webart__figcaption {
  font-weight: bold;
  margin: 8px 0 0 0;
}
.article-small {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	overflow: hidden;
	margin: 0 0 5px 0;
	height: 80px;
}
.article-small-right {
	padding: 0 0 0 10px;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.article-small-link {
	font-size: 14px;
    display: block;
    display: -webkit-box;
    color: #111111;
    padding: 0;
    box-sizing: border-box;
    align-items: flex-start;
    overflow: hidden;    
    height: 57px;    
    line-height: 1.4;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.article-small-link:hover {
	color: #ff9800;
}
.article-small-date {
    margin: 3px 0 0 0;
    font-size: 12px;
    color: #929292;
	width: 100%;    
}

/** RANKING **/
.ranking aside {
	display: inline-block;
	margin: 0 0 0 30px;
	float: none;
}
.ranking main {
	float: left;
	width: -moz-calc(100% - 330px);
	width: -webkit-calc(100% - 330px);
	width: calc(100% - 330px);
}

.ad300 {
	width: 100%;
	display: flex;
	margin: 0 0 10px 0;
}


footer {
	width: 100%;
	background: #fff;
	float: left;
	margin: 40px 0 0 0;	
	border-top: 1px #d6dfdf solid;
}
.footer, .foot-center {
	max-width: 1180px;
	width: 100%;
	margin: 0px auto;	
}
.foot-links {
	margin: 25px 0 30px 0;
	display: block;
	float: left;
	width: 100%
}
.foot-links ul {
	float: left;
	list-style-type: none;
}
.foot-links ul li {
	margin: 6px 60px 0 0;
}
.foot-links ul li a {
	font-size: 14px;
	color: #737373;
}
.foot-links ul li a:hover {
	/*color: #ec0263;*/
	color: #ff9800;
}
.foot-bottom {
	float: left;
	width: 100%;
	border-top: 1px #f3f3f3 solid;
	padding: 20px 0;
	

}
.foot-sitelogo {
	color: #737373;
	font-size: 14px;
	text-align: right;
}
.foot-sitelogo img {
	vertical-align: bottom;
	margin: 0 5px 0 0;
}
.foot-info {
	color: #737373;
	font-size: 14px;	
	float: left;
	margin: 0 30px 10px 0;
}
.foot-newsletter {
	float: right;
	color: #737373;
	font-size: 16px;	
	text-align: left;
	max-width: 400px;
	margin: 3px 0 0 0;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.foot-newsletter:hover {
	color: #000000;
}
.foot-label {
  font-weight: bold;
}
.foot-newsletter span {
	font-size: 12px;
	display: block;
	margin: 5px 0;
}
.foot-newsletter input {
    padding: 2px 10px;
    margin: 0 5px 0 0;
    width: 250px;
    height: 27px;
    border: 1px #ababab dotted;	
}
.foot-newsletter:hover input  {
	background: #fffdf0;
}
.foot-newsletter input:focus {
	background: #faf3c8;
}
.foot-newsletter button {
    padding: 6px;
    border: 0;
    background: #6a6a6a;
    color: #fff;
    border-radius: 1px;
    cursor: pointer;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;    
}
.foot-newsletter button:hover {
	background: #000;
}

.blue {
	color:#009fff;
}


.urlbox {
    display: inline-block;
    text-decoration: none;
    padding: 4px 7px;
    color: #555;
    border: 1px solid #dddddd;
    background: #FFFFFF;
    margin: 0 2px 3px 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
#urlbox:hover .urlbox {
    opacity: .5;
}
#urlbox:hover .urlbox:hover {
	opacity: 1;
}
.urlbox img {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    border: 0;
    margin: 0 5px 0 0;
}    
.urlbox-more {
	background: #f1f1f1;
}
.adsite {
	background: #fff;
	border: 1px solid #dddddd;
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
}
.adsite-prev, .adsite-next {
	width: 50px;
	height: 115px;
	position: relative;
	cursor: pointer;
}
.adsite-prev span, 
.adsite-next span {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;	
}
.adsite-prev:hover span {
	left: 20px;
}
.adsite-next:hover span { 
	right: 20px;
}
.adsite-prev {
	float: left;
}
.adsite-prev span {
    width: 5px;
    height: 30px;
    background: #656565;
    display: block;
    position: absolute;
    top: 35px;
    left: 25px;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);    
    transform: rotate(30deg);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.adsite-prev span:before {
    content: '';
    width: 5px;
    height: 30px;
    background: #656565;
    display: block;
    position: absolute;
    top: 19px;
    left: 12px;
    -webkit-transform: rotate(115deg);
    -moz-transform: rotate(115deg);
    transform: rotate(115deg);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;    
}
.adsite-next {
	float: right;
}
.adsite-next span {
    width: 5px;
    height: 30px;
    background: #656565;
    display: block;
    position: absolute;
	top: 35px;
    right: 25px;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);    
    transform: rotate(-30deg);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;        
}
.adsite-next span:before {
    content: '';
    width: 5px;
    height: 30px;
    background: #656565;
    display: block;
    position: absolute;
    top: 20px;
    right: 11px;
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    transform: rotate(55deg);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;        
}
.adsite-img {
	width: -webkit-calc(100% - 102px);
	width: -moz-calc(100% - 102px);
	width: calc(100% - 102px);
	height: 115px;
	float: left;
	text-align: center;
}
.adsite-img img {
	margin: 6px 0 0 0;
    width: 170px;
}
.adsite-url {
	width: 100%;
    float: left;
    border-top: 1px solid #efefef;
    text-align: center;
    
    padding: 5px;
    font-size: 18px;
    font-weight: 500;
}
.last-votes {
	width: 100%;
	float: left;
}
.vote {
	width: 100%;
	min-width: 100px;
	float: left;
	margin: 0;
	padding: 0 0 5px 0;
}
.vote img {
	float: left;
	width: 20px;
}
.vote-name, 
.vote-site {
	float: left;
	margin: 0 0 0 10px;
}
.vote-site a {
	font-size: 14px;
	line-height: 14px;
}
.vote-site img {
    float: none;
    width: auto;
    vertical-align: middle;	
}
.vote-date {
	padding: 5px 0 0 0;
    
    font-size: 12px;
    color: #929292;
    display: block;
    width: 100%
}
.review {
	margin: 0 0 15px 0;
}
.site-avg {
	margin: 10px 0 0 0;
	position: absolute;
	bottom: 65px;
}
.review-add {
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
	background: #009fff;
	color: #fff;
	padding: 6px 0 7px 0;
	text-align: center;
	position: absolute;
	bottom: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}
.review-add:hover {
	background: #2173fa;
	color: #fff;
}
.review-box {
	width: 100%;
	float: left;
	visibility: hidden;
	opacity: 0;
	transition: all .5s;
	display: none;
}

.review-box--show {
	visibility: visible;
	opacity: 1;	
	display: flex;
}
.header-about {
	font-weight: bold;
	display: block;
	width: 100%;
	margin: 15px 0 5px 0;	
	line-height: 22px;
}

.adult {
  -webkit-filter: blur(2px);
    filter: blur(2px);
}


/* do przeniesienia */
@media screen and (min-width : 980px) { 
	.review-box {
	    position: fixed;
	    top: 0;
	    left: 0;
	    display: flex;
	    flex-wrap: wrap;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    right: 0;
	    bottom: 0;
	    z-index: 9999999;
	    width: 100%;
	    background: rgba(0,0,0,0.7);
	    height: 100%;
	}
}	
.review-box h6 {
    font-size: 20px;
	width: 100%;
    padding: 10px 0;    
}    
@media screen and (min-width : 980px) {
	.review-box h6 {
		margin: 0 0 20px 0;
	    font-size: 20px;
	    width: 100%;
	    background: #000;
	    color: #fff;
	    padding: 10px 20px;
	}
}	
.review-form {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
@media screen and (min-width : 980px) {
	.review-form {
	    max-width: 100%;
	    width: 100%;
	    background: #fff;
	    margin: 0;
	}
	.review-form select {
		margin: 0 20px;
	}	
}	
.review-form button {
    background: #000;
    border: 0;
    padding: 10px 15px;
    color: #fff;
    cursor: pointer;	
}
.review-form button:hover {
	background: #333333;
}
@media screen and (min-width : 980px) {
	.review-form button {
	    margin: 0 0 20px 0;
	}
}
.review-form input {
	width: 100%;
	height: 28px;
	border: 1px solid #eeeeee;
	float: left;
	margin: 0 0 8px 0;
	padding: 0 10px;
}
@media screen and (min-width : 980px) {
	.review-form input {
	    margin: 10px 0;
	    height: auto;
	    padding: 10px;
	    font-size: 14px;
	}
}
.review-form textarea {
	width: 100%;
	height: 150px;
	border: 1px solid #eeeeee;
	float: left;
	margin: 0 0 8px 0;
	padding: 10px 10px;
}
@media screen and (min-width : 980px) {
	.review-form textarea {
		padding: 10px 10px;
	    margin: 10px 0;
	    font-size: 14px;
	}
}
.voted-site {
	float: left;
	margin: 0 0 5px 0
}
/** Breadcrumbs **/

.breadcrumbs {
    width: 100%;
    float: left;
    list-style-type: none;
    margin: 0;    
    padding: 0 10px 10px 10px;
}
.breadcrumbs__li {
	float: left;
	margin: 10px 5px 0 0;
	font-size: 12px;
	color: #929292;
}
.breadcrumbs__li:after {
	content: '/';
	margin: 0 5px;
}
..breadcrumbs__li:last-child:after {
	content: '';
	margin: 0;
}
.breadcrumbs__li a:hover {
	text-decoration: underline;
}

/** Site **/

.site, .rank-desc, .article {
    margin: 0 0 0 0;
    float: left;
    position: relative;
    background: #fff;
    padding: 5px 15px 5px 15px;
    
    border: 1px solid #dddddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.rank-desc {
	width: 100%;
}
.rank-desc figure {
	float: right;
    margin: 15px 20px 10px 30px;
}
.rank-desc figure img {
	max-width: 200px;
}
.site-left {
	width: -moz-calc(100% - 330px);
	width: -webkit-calc(100% - 330px);
	width: calc(100% - 330px);
	float: left;
}
.site h1 {
	font-size: 35px;
	display: inline-block;
	margin: 0 10px 0 0;
}
.site-visit {
    display: inline-block;
    margin: 0 10px 0 0;	
    position: relative;
	-webkit-transform: translate(0,-3px);    
	-moz-transform: translate(0,-3px);    
	-o-transform: translate(0,-3px);    
	transform: translate(0,-3px);
}
.site-visit-link {
	font-size: 22px;
    color: #000;	
}
.site-visit-link:hover {
	/*color: #ec0263;*/
	color: #ff9800;
}
.more-links {
	position: absolute;
	width: 151%;
	padding: 10px;
	left: 0;
	background: #272727;
	font-size: 12px;
	color: #fff;
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.more-links span {
	display: block;
	margin: 0 0 10px 0;
	font-family: arial;
}
.more-links a {
	font-size: 14px;
	/*color: #ec0263;*/
	color: #ff9800;
	margin: 5px 0 0 0;
}
.more-links a:hover {
	text-decoration: underline;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #000;
    display: inline-block;
    margin: 0 5px 2px 5px;	
}
.site-visit-link:hover .arrow-down {
	border-top: 8px solid #ff9800;
}
.site-upd {
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #929292;
	display: block;
}

.social-buttons {
	position: absolute;
	width: 150px;
	left: -170px;
	top: 10px;	
}
.social-fb {
	margin: 0 0 10px 0;
	text-align: right;
}
.social-gplus {
	text-align: right;	
}
.similars {
	float: left;
	width: -moz-calc(100% - 330px);
	width: -webkit-calc(100% - 330px);
	width: calc(100% - 330px);
	margin: 30px 0 0 0;
}
.search-results {
	margin: 0;
}
.site-desc {
	margin: 10px 0 0 0;	
}
.site-desc a {
	color: #3665a1;
}
.site-desc a:hover {
	text-decoration: underline;
}
.site-desc-right {
	float: right;
	display: block;
	max-width: 360px;
	margin: 8px 0 5px 15px;	
}
.site-left figure,
.tag-desc figure {	
	padding: 5px;
    background: #f5f5f5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: left;
}
.site-left figure img,
.tag-desc figure img {
	float: left;
	width: 100%;
}
.site-left figcaption,
.tag-desc figcaption {	
	text-align: center;
	padding: 5px 0;
	
	background: #f5f5f5;
	float: left;
	width: 100%;
}
.article-header {
    line-height: 35px;
    margin: 0 0 5px 0;
}
.article-text p {
	width: 100%;
	margin: 10px 0 10px 0;
	line-height: 22px;
}
.article-text a {
	color: #ff9800;
}
.article-text a:hover {
	text-decoration: underline;
}
.article-figure {
	width: 100%;
	margin: 20px 0;
	float: left;
}
.article-image {
	width: 100%;
	float: left;
}

.site-tags, .site-links {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    border-top: 1px #f5f5f5 solid;
    padding: 20px 0 0 0;
    display: flex;
    align-items: baseline;    
    flex-wrap: wrap;
}
.site-tags a {
	float: left;
	padding: 6px 8px 7px 8px;
	background: rgb(54, 101, 161);
	margin: 0 5px 5px 0;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
}
.site-tags a:hover {
	color: #fff;
	background: rgb(35, 81, 139);
}
.site-tags a.new-tags, .add-button {
    background: #009fff;
    color: #fff;
}
#addSiteTags {
	margin: 10px 0 20px 0;
}
#addSiteTags input {
	height: 20px;
	margin: 0 0 5px 0;
	width: 155px;
}
.addTagInfo {
	font-size: 14px;
}
.add-button {
    background: #009fff;
    color: #fff;
    border: 0;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 7px 15px 6px 15px;
	cursor: pointer;
}
.add-button:hover {
	background: #2173fa;
}
.site-tags a.new-tags:hover {
	background: #2173fa;
}
.site-links span {
	display: inline-block;
	margin: 0 5px 8px 0;
}
.site-links a {
	font-weight: bold;
    white-space: nowrap;
    display: inline-block;
    background: #e9e9e9;
    padding: 4px 28px 4px 9px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: flex;
    align-items: center;	
    margin: 0 5px 7px 0px;
    position: relative;
    color: #111111;
}
.site-links a:after {
    content: url(/img/link-icon.png);    
    display: block;
    position: absolute;
    right: 6px;
    top: 5px;
}
.site-reviews {
	float: right;
	width: 290px;
	position: absolute;
	right: 0;
	min-height: 100%;
	margin: 0 15px 0 0;
	padding: 10px 0 0 0;
	
}
.site-reviews ::-webkit-scrollbar
{
  width: 6px;  /* for vertical scrollbars */
  height: 6px; /* for horizontal scrollbars */
}

.site-reviews ::-webkit-scrollbar-track
{
  background: rgba(0,0,0, 0.1);
}

.site-reviews ::-webkit-scrollbar-thumb
{
  background: rgba(0,0,0, 0.3);
}
.site-reviews h2 {
	margin: 0 0 20px 0;
	font-size: 24px;
	white-space: nowrap;	
	overflow: hidden;
    text-overflow: ellipsis;	
}
.site-reviews-box {
    overflow-y: auto;
    
    padding: 0 10px 0 0;
    position: absolute;
    top: 50px;
    overflow-y: auto;
    height: -webkit-calc(100% - 156px);
    height: -moz-calc(100% - 156px);
    height: calc(100% - 156px);
}
.site-edit {
	float: left;
	width: 100%;
	margin: 20px 0 5px 0;
	font-size: 12px;
	color: #5D5D5D;
}
.site-codes {
	margin: 0 0 20px 0;
	width: 100%;
	float: left;
}
.site-codes-all {
    text-align: right;
    font-size: 12px;
    float: right;
    margin: 0 0 20px 0;
}
.site-codes-all a {
	color: #727272;
}
.site-codes-all a:hover {
	/*color: #ec0263;*/
	color: #ff9800;
}
.similars h2, .similars h3 {
	float: left;
	margin: 0 40px 18px 0;	
	display: block;
}
.similar-h3 {
	position: relative;
}
.similar-h3:before {
    content: '';
    position: absolute;
    left: -30px;
    top: 13px;
    border: solid black;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.show-tags {
	float: right;
	display: block;	
	position: relative;
	margin: 12px 0 5px 0;
}
.show-tags em {
	cursor: pointer;
	font-weight: bold;
}	
.show-tags ul {
	list-style-type: none;
	position: absolute;
	background: #272727;
	color: #fff;
	min-width: 100%;
	width: auto;
	right: 0;
	
	padding: 5px;
	display: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	z-index: 999;
}
.show-tags ul li {
	cursor: pointer;
	white-space: nowrap;
}
.show-tags ul li:hover {
	/*color: #ec0263;*/
	color: #ff9800;
}
.similar {
	width: -moz-calc(100% - 2px);
	width: -webkit-calc(100% - 2px);
	width: calc(100% - 2px);
	background: #fff;
	min-height: 50px;
	float: left;
	margin: 0 0 10px 0;
	border: 1px solid #dddddd;
	padding: 10px 0 0 0;	
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;	
    position: relative;
    overflow: hidden;
}
.similar:hover {
	background: #fff;
	-webkit-box-shadow: 0 1px 5px #ccc;
	-moz-box-shadow: 0 1px 5px #ccc;
	box-shadow: 0 1px 5px #ccc;
	top: -1px;
	left: -1px;

}
.similar-visit {
	color: #000;
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
	padding: 0 0 0 40px;	
	float: left;
	display: flex;
	align-items: center;	
	margin: 0 0 15px 0;
}
.newWebsite {
	margin: 0 0 0 5px;
    padding: 1px 4px;
    border-radius: 2px;
    color: #fff;
    background: #ff9800;
    font-size: 11px;
    align-self: center;
}
.similar-thumb {
	/*margin: 5px 10px 15px 10px;*/
	vertical-align: sub;
	width: 140px;
	height: 90px;
    float: right;
    margin: 0 10px 10px 10px;	
    max-width: 140px;	
    border: 1px #d1d1d1 solid;
}
.similar-logo {
	float: right;
	max-width: 150px;
	max-height: 50px;
	margin: 10px;
}
.similar-desc {
	margin: 35px 10px 10px 10px;
}
.similar-workhour {
    float: left;
    display: block;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 5px;
    background: #f5f5f5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
}
.similar-workhour-h {
    font-size: 15px;
    margin: 0 0 5px 0;
}
.similar-links {
	width: 100%;
	clear: both;
	float: left;
	border-top: 1px #f2f2f2 solid;
	background: #f9f9f9;
}
.similar-links ul {
	list-style-type: none;
	display: flex;
    justify-content: flex-start;
    align-items: center;
}
.similar-links li {
	float: left;
	margin: 7px 10px;
	display: flex;
}
.similar-links li span {
	/*color: #ec0263;*/
	color: #ff9800;
}

.similar-links a {
	font-size: 12px;
	color: #727272;
	font-weight: normal;
}
.similar-links a:hover {
	/*color: #ec0263;*/
	color: #ff9800;
}
.li-form {
    flex-grow: 1;
    justify-content: flex-end;
}
.similar-links a.li-form-a {
	background: #dc8300;
    padding: 2px 5px;
    color: #fff;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;	  
    text-align:center;  
}	
.similar-links a.li-form-a:hover {
	background: #ff9800;
}	
.suggest-similar {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
}
.suggest-similar a {
    background: #009fff;
    color: #fff;
    float: right;
    padding: 6px 7px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.suggest-similar a:hover {
	background: #2173fa;
}
.similar-rek {
	background: #f1faff;
}
.similar-rek:hover {
	background: #f1faff;
}
.similar-rek .similar-links {
	background: #e8f6fd;
}
.similar-rek .similar-links li {
	font-size: 14px;
	font-weight: bold;
}
.similar-rek .bx {
	background: #ffa425;
}
/** FB **/


#face-slider {    
    z-index: 9999;
}
.fbSlide {
	right: -286px;
	top: 215px;
	position: fixed;
}
.fbStatic {
	position: relative;
	top: 0;
	right: 0;
}
#tab {
    cursor: pointer;
    height: 117px;
    width: 36px;
    float: left;
    background: url('https://podobnestrony.pl/img/facebookSlider.png') no-repeat center center;
}
.fbStatic #tab {
	display: none;
}
#face-code {
    padding: 5px;
    border: solid #3b5997 3px;
    background: #fff;
    float: left;
    width: 286px;
    height: 520px;
    border-radius: 0 0 0 8px;
}
.fbStatic #face-code {
	border: none;
}
/** TAGS **/
.tag-desc, .page-desc {
	/*float: left;*/
	width: 100%;
	margin: 5px 0;
}
.tag-desc a {
	color: #ff9800;
}
.tag-desc a:hover {
	text-decoration: underline;
}
.textarea-desc {
	width: 100%;
	height: 150px;
	resize: vertical;
	overflow: auto;
}
.star {
	background: url('https://podobnestrony.pl/img/icon/ic_star_black_24px.svg');
	width: 20px;
	float: left;
	height: 20px;
}
.bx {
	background: #212121;
    color: #fff;
    border-radius: 10px;
    height: 18px;
    width: 18px;    
    display: inline-block;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    margin: 3px 2px 0 10px;
    text-transform: uppercase;
    font-weight: normal;
}
.urlbox .bx {
	margin: 3px 2px 0 0;
}
.urlbox-more .bx {
	background: #0076be;
}
.similar-visit .bx {
	position: absolute;
    left: 0;
    top: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;    
}
.chart {    
    width: 24px;
    height: 24px;
    /* background: #000; */
    position: relative;
    /* float: left; */
    display: inline-block;
    vertical-align: middle;
    margin: -4px 5px 0 0;	
}


/***** CATEGORY ****/

.category {
    float: left;
    position: relative;
    background: #fff;
    padding: 10px 10px 10px 10px;
    
    border: 1px solid #dddddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.category-link-main {
	font-size: 24px;
}
.category-box {
	width: 48%;
	float: left;
	margin: 0 0 30px 0;
}
.category-box:nth-of-type(2n+1) {
	margin: 0 4% 30px 0;
}
.category-box div {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
}
.category-box span {
	width: 100%;
	float: left;
}
.category-box p {
	float: left;
	width: 100%;
}
.category-box p a {
    width: 32%;
    margin: 5px 2% 0 0;
    float: left;
    text-align: center;
    font-size: 13px;
    background: #ececec;
    padding: 3px 4px 5px 4px;
    overflow: hidden;
    text-overflow: ellipsis;    
}
.category-box p a img {
	width: 100%;
	margin: 0 0 2px 0;
}
.category-box p a:nth-of-type(3n) {
    margin: 5px 0 0 0;
}

.notifications {
	position: fixed;
	background: #000;
	color: #fff;
	border-radius: 5px;
	top: 15px;
	padding: 10px;
	right: 20px;
	display: none;
}
.pagination {
	width: 100%;
	float: left;
	display: flex;
}
.pagenumBG, .pagenumBGchosen {
	margin: 0 5px;
    padding: 5px;
    border: 1px #f2f2f2 solid;
}
.pageDots {
	margin: 0 5px;
    padding: 5px;	
}
.pageNumChosen {
	color: #ff9800;
}

.gg-widget {
	border: 1px solid #084972; -webkit-border-radius: 2px; background: linear-gradient(#2389c9 0%, #084972 100%); background:-webkit-linear-gradient(#2389c9 0%, #084972 100%); background: -o-linear-gradient(#2389c9 0%, #084972 100%); background: -moz-linear-gradient(#2389c9 0%, #084972 100%); border-radius: 2px; box-shadow: 0px 1px 2px -1px #fff inset; -webkit-box-shadow: 0px 1px 2px -1px #fff inset; -moz-box-shadow: 0px 1px 2px -1px #fff inset; color: #fff; display: inline-block; font-family: Arial, sans-serif; font-size: 13px; height: 30px; max-width: 300px; text-decoration: none;	
}
.gg-widget-img {
	display: inline-block; line-height: 30px; padding: 6px 1px 6px 6px; vertical-align: top;
}
.gg-widget-span {
	display: inline-block; line-height: 30px; max-width: 262px; overflow: hidden; padding: 0 6px 0 0; text-overflow: ellipsis; white-space: nowrap;
}
.fb-pageview {
	display:none;
	width: 1px;
	height: 1px;
}


.similar-result {
	background: #fff;
	border: 1px solid #ddd;
	float: left;
	margin: 9px 0 1px 0;
}	
.similar-result:last-child {
	margin: 9px 0 15px 0;
}	
.similar-result-link {
	width: 100%;
	float: left;
	border-bottom: 1px #f2f2f2 solid;
	background: #f9f9f9;
	padding: 5px;	
}
.similar-result-desc {
	padding: 5px;
	float: left;
}
.similar-result-img {
	margin: 10px 0 10px 10px;
	width: 50px;
	float: right;
}

.rank-position {
	display: flex;
	align-items: center;
	align-content: center;
	padding: 0 0 10px 0;			
}
.rank-extratext {
	color: green;
	font-size: 12px;
	position: relative;
	display: flex;
	align-items: center;
}
.rank-extratext:before {
	content: '+';
    margin: 0 5px;
    background: green;
    color: #fff;
    border-radius: 12px;
    width: 15px;
    text-align: center;
}
.rankbox {
	display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5px 10px;
    box-sizing: border-box;
    border-top: 1px #f2f2f2 solid;
    align-items: center;
    align-content: center;
}
.rankinfo {
    flex-grow: 1;
    box-sizing: border-box;
    display: flex;
    max-width: 25%;
    min-width: 171px;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 10px 0 0;
}
.rankinfoMore {
	display: none;
}
.rankinfo1 {
	color: #ff9800;
	margin: 0 0 5px 0;
}
.rankinfo-logo {
    margin: 10px 0;
    max-height: 35px;
    width: 100%;
}
.rankinfo-logo img {
	height: 35px;
    max-width: 100%;
}
.rankinfo-title {
	width: 100%;
	margin: 5px 0 0 0;
}
.rankinfo-visit {
    color: #000;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    padding: 0 0 0 5px;
    float: left;
    display: block;
    align-items: center;
    flex-shrink: 0;
}
.rankinfo-desc {
	padding: 0 10px 20px 10px;
}	
.rankinfo-desc-more {
	display: none;
}
.bx {
    background: #212121;
    color: #fff;
    border-radius: 10px;
    height: 18px;
    width: 18px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    margin: 0 0 0 10px;
    text-transform: uppercase;
    font-weight: normal;
    flex-shrink: 0;
}				
.li-form-more {
    background: #717171;
    padding: 2px 5px;
    color: #fff;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    text-align: center;
    cursor: pointer;
}
.rank-li {
    margin: 0 0 0 18px;	
}

.modal {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.8);
	position: fixed;
	display: none;
	align-items: center;
	justify-content: center;
	overflow: auto;
	opacity: 0;
	transition: 1.5s ease-in-out all;
	top:0;
	z-index: 999999999;
}
.modal--show {
display: flex;
opacity: 1;
}
.modal__window {
max-width: 800px;
width: 100%;
min-height: 100px;
background: #fff;
border-radius: 5px;
margin: 20px;
top: 40px;
align-self: baseline;
font-family: 'PT Sans', sans-serif;
box-sizing: border-box;
padding: 20px;
transition: 1.5s ease-in-out all;
opacity: 0;
position: relative;
box-shadow: 0 0 1px 6px rgba(0,0,0,0.1);
}
.modal--show .modal__window {
opacity: 1;
}
.modal__text {
margin: 0 0 20px 0;
padding: 0 40px 0 0;
}
.modal__close {
position: absolute;
right: 10px;
top: -10px;
font-size: 70px;
cursor: pointer;
}
.modal__close:after {
display: inline-block;
content: "\00d7"; /* This will render the 'X' */
}

@media only screen and (max-width : 1180px) {
	.site-left figure,
	.tag-desc figure {	
		max-width: 300px;
	}
}	

@media only screen and (max-width : 1080px) {
	.site-left figure,
	.tag-desc figure {	
		max-width: 270px;
	}
	.foot-links {
	    margin: 25px 0 30px 0;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    padding: 0 20px;
	    
	}	
	.foot-links ul {
		margin: 0 0 30px 0;
	}
	.foot-newsletter {
		margin: 10px 0 0 0;
	}
	.foot-center {
		display: flex;
	    flex-wrap: wrap;
	    padding: 0 20px;
	    
	    justify-content: space-between;
	}
	.left {
		width: 100%;
	}
	aside {
		padding: 0 10px;
	}
	.aside-t0 {
		width: 100%;
		margin: 20px 0 0 0;
	}
	.aside-2 {
		width: 100%;
		margin: 20px 0 0 0;
	}
	.site-codes {
	    width: -webkit-calc(50% - 5px);
	    width: -moz-calc(50% - 5px);
	    width: calc(50% - 5px);
	    margin: 20px 10px 10px 0;
	    float: left;
	}
	.site-codes:nth-of-type(2n) {
	    margin: 20px 0 10px 0;
	}	
	.ranking main {
		width: 100%;
	}
	.ranking aside {
		margin: 20px 0 0 0;
		width: 100%;
		float: left;
	}
	.ad300 {
    	margin: 0px auto 30px 0;
    	text-align: center;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;    
	    width: 100%;
	    float: left;	
	}
}	
@media only screen and (max-width : 980px) {

	.similars, .site-of-the-week, .amazing-site, .center main  {
		width: 100%;
	}
	.similars, .coupons-codes, .site-codes, .recomennded-sites {
		padding: 0 5px;
		box-sizing: border-box;	
	}
	.site-left, .site-reviews {
		width: 100%;
	}
	.site-reviews, .site-reviews-box, .site-avg, .review-add {
		position: relative;
	}
	.site-reviews {
		padding: 10px 0 0 15px;
		
	}
	.site-reviews-box {
		top: 0;
	}
	.site-avg {
		bottom: 0;
	}
	aside {
	    float: left;
	    width: 100%;	    
	    margin: 20px 0 0 0;
	    
	}	
	.review-add {
	    float: left;
	    display: block;
	    width: auto;
	    margin: 30px 0 0 0;
	    background: #009fff;
	    color: #fff;
	    padding: 6px 10px 7px 10px;
	}
	.site, .rank-desc, .article {
		padding: 5px 15px 5px 15px;
	}
	.last-votes {
		display: flex;
    	flex-wrap: wrap;
    	justify-content: space-between;
    	margin: 0 0 10px 0;
	}
	.ranking main {
		width: 100%;
	}
}	
@media only screen and (max-width : 880px) {
	.menu {
	    z-index: 99999;
	    top: 0;
	    left: 100%;
	    position: fixed;
	    margin: 0;
	    padding: 0;
	    height: 0;
	    width: 100%;
	    height: 100vh;
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	    -webkit-transition: -webkit-transform 0.3s;
	    transition: transform 0.3s;
	    background: #ffffff;	
	    border-left: 5px #c2c2c2 solid;
    	
	}
	.menu-open {
		display: block;
	    -webkit-transform: translate3d(-100%, 0, 0);
	    transform: translate3d(-100%, 0, 0);
	}
	.menu-open .hide {
		display: block;
	}
	.menu-open li {
	    float: left;
	    line-height: 29px;
	    margin: 9px 0 0 50px;
	    position: relative;
	    width: 70%;
	    
	    text-align: left;
	    padding: 0 0 10px 0;
	    border-bottom: 1px #e8e8e8 solid;
	}
	.menu-open li:first-child {
		margin: 70px 0 0 50px;
	}
	/*
	.menu-open li:last-child {
		display: none;
	}*/
	.menu-open li a {
	    padding: 5px 10px;
	    position: relative;
	    font-size: 15px;
	    color: #2b2b2b;
	}	
	.menu-open li:hover a, .menu-open li:hover a span {
		background: none;
		color: #2b2b2b;
	}		
	.menu-open li a span {
	    color: #2b2b2b;
	}	
	.open {
		position: fixed !important;
    	right: 10px;		
	}
	#show-menu {
		display: block;
		position: fixed;
		right: 0;
		top: 10px;
	}
}
@media only screen and (max-width : 800px) {
	.amazing-site-desc {
		position: relative;
	}
	.amazing-site h1 {
		top: 50%;
		transform: translateY(-30px);		
	}
	.arrow-down {
		display: none;
	}
	.more-links {
		display: none !important;
	}
}



@media only screen and (max-width : 680px) {
	.site-left figure, .tag-desc figure {
	    max-width: 220px;
	}
	.coupon-title a {
	    font-weight: bold;
	    color: #000;
	    font-size: 15px;
	}	
	.rec-sites {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}
	.rec-site {
	    margin: 10px 0 0 0;
	    width: 49%;
	}	
	.amazing-site-desc {
		font-size: 14px;
	}
	.coupon {
		width: 100%;
		display: flex;
    	align-items: center;	
    	height: auto;	
	}
	.coupon-right {
		height: 100%;
	    display: flex;
	    flex-wrap: wrap;		
	}
	.coupon-shop, .coupon-title, .coupon-date-exp {
		flex-basis: 100%;
	}
	.site-of-the-week-sub {
		font-size: 13px;		
	}
	.site-of-the-week-sub span:before {
	    width: 29px;
	    height: 24px;		
	}
	.foot-links {
		margin: 25px 0 10px 0;
	}
	#face-code {
		height: auto;
	}
	.fb-box {
		display: flex;
    	flex-basis: 100%;
    	justify-content: center;		
	}	
	.similars h2, .similars h3 {
		width: 100%;		
	}
	.show-tags {
		margin: 0 10px 12px 0;
	}
	.show-results {
	    width: 100%;
	    margin: 10px 0 -10px 0;
	}
	.category-box {
		width: 100%;
	}
	.txt {
    	font-size: 16px;    
    	padding: 0 15px;		
	}
}
@media only screen and (max-width : 580px) {
	.foot-links ul {
		flex-basis: 40%;
	}
	.foot-links ul li {
	    margin: 6px 20px 0 0;
	}
	.getemail {
      display: flex;
      flex-wrap: wrap;
    	justify-content: space-between;		
	}
	.foot-newsletter input {
		align-self: stretch;
    	flex-grow: 1;
   		margin: 0 10px 0 0;
   		width: auto;
	}	
	.foot-newsletter button {
		white-space: nowrap;
	}
	.foot-bottom {
		padding: 15px 0 20px 0;
	}
	.site-of-the-week, .recomennded-sites {
		margin: 0 0 30px 0;
	}
	.search-input {		
		text-align: left;
	}
	.site-tags a {
		font-size: 14px;
	}
	.site h1 {
		font-size: 30px;
	}
	.rank-desc figure img {
	    max-width: 150px;
	}	
}
@media only screen and (max-width : 480px) {
	.site-left figure, .tag-desc figure	{
	    max-width: 100%;
	    display: block;
	    width: 100%;
	}	
	.site-codes {
		width: 100%;
		margin: 20px 0 0 0;
	}
	.site-codes h2 {
		margin: 0 0 10px 0;
	}
	footer {
		margin: 30px 0 0 0;
	}
	.site-visit {
		margin: 0;
	}
	.rank-desc figure {
	    width: 100%;
	    text-align: center;
	    margin: 20px 0;		
	}
	.rank-desc figure img {
	    max-width: 200px;
	    width: 100%;
	}		
}
@media only screen and (max-width : 420px) {
	.coupon-logo {
		width: 80px;
		min-width: 80px;
	}
	.foot-links ul li a {
		white-space: nowrap;
	}
	.amazing-site h1 {
		font-size: 32px;
	}
	.count {
		font-size: 32px;
    	line-height: 32px;		
	}
	.search-input {
		font-size: 13px;
	}	
	.search button {
		right: -1px;
	}
	.search-results {
		top: 72px;
	}
	#logo {
		width: 200px;
		height: 40px;
		display: flex;
		align-items: center;		
	}
	.similar-thumb {
		width: 110px;
		height: 71px;
	}
	.site-visit-link {
		font-size: 21px;
	}
	.menu-open li {
	    margin: 9px 0 0 32px;
	}
	.menu-open li:first-child {
		margin: 70px 0 0 32px;
	}	
	.site-desc-right {
		width: 100%;
		max-width: 100%;
		margin: 8px 0 5px 0;
	}
}