@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700&subset=latin-ext');

:root {
  color-scheme: dark;
}

.alert-blue{
	background:#1a5d92;
	border-color:#1a5d92;
	color:white;
}
.text-container{
	max-width:90%;
	width:1200px;
	margin:0 auto;
	background:#ddd;
	

}
.ttdt{
	background:#ddd;
}

.bgmysl{
	
background: rgb(221,223,226);
background: radial-gradient(circle, rgba(221,223,226,0.7749300403755253) 0%, rgba(166,166,166,1) 80%);
	border-radius:4px;
	padding:10px 5px;
	color:#eb1559;
	font-weight:bold;
	width:100%;
	font-size:18px;
	text-align:center;
	margin:10px 0;
}

@keyframes pulsed {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(0.8, 0.8);

    }
    100% {
        transform: scale(1, 1);
    };
}
.pulsed {
    
    -webkit-animation: pulse 2s linear infinite;
    animation: pulsed 1.5s linear infinite;
}

.zzn_pk{
	position:absolute;
	top:18px;
	left:40%;
	background:#1588cf;
	text-transform:uppercase;
	color:white;
	font-weight:bold;
	padding:5px 20px;
	transform: translateY(-50%);


	animation: pulsed 2s infinite;	
}

.zzn_p{
	position:absolute;
	top:18px;
	left:25%;
	background:#eb1559;
	text-transform:uppercase;
	color:white;
	font-weight:bold;
	padding:5px 20px;
	transform: translateY(-50%);


	animation: pulsed 2s infinite;	
}

@keyframes pulsed {
    0% {
        transform: scale(1, 1);
		border-radius:0px;
    }
    50% {
        transform: scale(1.2, 1.2);
		border-radius:8px;

    }
    100% {
        transform: scale(1, 1);
		border-radius:0px;
    };
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1, 1);
    }
    50% {
        -webkit-transform: scale(1.1, 1.1);
    }
    100% {
        -webkit-transform: scale(1, 1);
    };
}

	.typeahead { border: 2px solid #FFF;border-radius: 4px;padding: 8px 12px;max-width: 300px;min-width: 190px;background: rgba(255, 255, 255, 1);color: #000;}
	.tt-menu { width:300px; }
	ul.typeahead{margin:0px;padding:5px 0px;}
	ul.typeahead.dropdown-menu li a {padding: 5px !important;	border-bottom:#CCC 1px solid;color:#000;}
	ul.typeahead.dropdown-menu li:last-child a { border-bottom:0px !important; }
	
	
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
		text-decoration: none;
		background-color:#2a2f33;
		outline: 0;
		color:#fff!Important;
	}

.shp_bg{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.7);
	z-index:2232323232323;
}
.shp_bg_t{
	width:400px;
	padding:30px;
	background:#fff;
	border-radius:8px;
	height:auto;
	margin:10% auto 0 auto;

	border: 2px solid #18556d;
}
.shp_bg_txr{
	color:#000;
	font-size:30px;
	font-weight:bold;
	width:100%;
	text-align:center;
	margin-bottom:30px;
}


.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
	background:#eb1559;
	border-color:#eb1559;
}
.btn-outline-primary{
	border-color:#eb1559;
	color:#eb1559;
}
.btn-outline-primary:hover{
	border-color:#eb1559;
	color:#fff;
	background:#eb1559;
}
.btn-primary a{
	color:white!Important;
}
.vip_info{
	width:18px!Important;
	max-width:18px;
	max-height:18px;
}
.ulu_right_s{
	margin:10px 0 0 10px;
}
.get_ulubieni_dane{
	width:100%;
	height:300px;
	overflow-y: auto;
	overflow-x: hidden;	
	
}
.ulu_right_ile{
	color:white;
	font-size:12px;
	font-weight:bold;
	background:#eb1559;
	border-radius:100%;
	border:1px solid #fff;
	padding:3px;
	width:25px;
	height:25px;
	text-align:center;
	float:right;
	margin:-5px -5px 0 0;
	
}
.not_right{
	position:fixed;
	z-index:23234;
	bottom:20px;
	color:#eb1559;
	font-size:27px;
	left:20px;
	padding:10px 0 0 13px;
	background:#393d3e;
	border:1px solid #000;
	border-radius:45px;
	width:37px;
	height:40px;
	cursor:pointer;
	
}
.ulu_right{
	position:fixed;
	z-index:23234;
	bottom:20px;
	color:#fff;
	font-size:27px;
	left:5px;
	background:#eb1559;
	border:1px solid #fff;
	border-radius:45px;
	width:50px;
	height:50px;
	cursor:pointer;
	
}
.get_ulubieni_x{
	margin:-28px 0 0 0;
	float:right;
	cursor:pointer;
	border-radius:100%;
	font-size:16px;
	font-weight:bold;
	background:#eb1559;
	color:white;
	text-align:center;
	width:25px;
	height:25px;
	padding:0px 8px;
	z-index:232344;
}
.get_ulubieni{
	display:none;
	position:fixed;
	bottom:90px;
	z-index:232343;
	left:10px;
	width:300px;
	height:300px;
	border-radius:6px;
	background:#ddd;
	border:1px solid #fff;
}
@keyframes pulse {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);

    }
    100% {
        transform: scale(1, 1);
    };
}
#pulse {
    
    -webkit-animation: pulse 2s linear infinite;
    animation: pulse 1.5s linear infinite;
}

body,html {
    height:100%;
}
body{
	color:#6c757d;
	margin:0;
	padding:0;

	border:0;
	font-size:100%;
	font-family: Roboto;
	background:#ebeff2;
	 overflow-wrap: break-word;
	
	height:100%;


}
		  #custom-handle {
			width: 4em;
			height: 1.6em;
			top: 50%;
			margin-top: -.8em;
			text-align: center;
			line-height: 1.6em;
		  }
.col-3{
	width:33%;
	float:left;
}

.ic_r_r{
	position:absolute;
	bottom:10px;
	left:calc(50% - 130px);
	width:50px;
	height:50px;
	border-radius:60px;
	color:white;
	background:red;
	font-size:32px;
	cursor:pointer;
}
.ic_r_r:hover{
	background:#9c0000;
}
.ic_r_s{
	position:absolute;
	bottom:10px;
	padding-top:3px;
	left:calc(50% - 25px);
	width:50px;
	height:50px;
	border-radius:60px;
	color:red;
	background:white;
	font-size:32px;
	cursor:pointer;
}
.ic_r_s:hover{
	background:red;
	color:white;
}
.ic_r_p{
	position:absolute;
	bottom:10px;
	left:calc(50% + 80px);
	width:50px;
	height:50px;
	border-radius:60px;
	color:white;
	background:lime;
	font-size:32px;
	cursor:pointer;
}
.ic_r_p:hover{
	background:#1e820e;
}


.col-2{
	width:50%;
	float:left;
}

.col-37{
	width:30%;
	text-align:center;
	float:left;
}
.col-73{
	width:70%;
	float:left;
}

.modal-dialog {
    max-width: 700px;
}
.td_btn{
	text-align:center;
	font-weight:bold;
	background:#282a2b;
	color:white;
	cursor:pointer;
	padding:3px 0;
}
.td_btna{
	text-align:center;
	font-weight:bold;
	background:#ec1559;
	color:white;
	cursor:pointer;
	padding:3px 0;
}
.roz-end{
	color:#ddd;
	font-weight:bold;
	padding:10px 0;
}
.left_b{
	width:100%;
	margin:20px 0;
}
.left_vca{

	border-radius:4px;
	margin:0 10px 5px;
	padding:10px;
	
	width:100%;
	
}

.left_vca a{
	color:black!Important;
}
.left_vc{

	border-radius:4px;
	margin:0 10px 5px;
	padding:10px;
	color:black;
width:100%;
	
}

.left_vc a{
	color:black!Important;
}
.left_v{
	background:#ddd;
	border-radius:4px;
	margin:0 0 5px;
	padding:10px;
	position:relative;
	
}

.left_v a{
	color:black!Important;
}
.left_vu{
	background:#fff;
	color:black;
	margin:0 0 5px 5px;
	padding:5px;
	position:relative;
	
}

.left_vu a{
	color:#000!Important;
}
.left_vuc{
	background:#3b3c3d;
	color:#fff;
	margin:0 5px 5px 5px;
	border-radius:4px;
	padding:5px 0px;
	position:relative;
	
}

.left_vuc a{
	color:#fff!Important;
}
.kup_pay_typ{

	text-align:center;
	padding:8px 0;
	font-weight:bold;
	font-size:16px;
	color:white;
	background:#212529;
	cursor:pointer;
}
.kup_pay_typ:hover{

	background:#ee1459;
}
.kup_pay_typ_a{

	text-align:center;
	padding:8px 0;
	font-weight:bold;
	color:white;
	font-size:16px;
	background:#ee1459;
}


.kup_pay_box{
	text-align:center;
	padding:8px 0;
	font-weight:bold;
	font-size:18px;
	background:#5491bd;
	margin:10px;
	color:white;
	padding:10px;
}


.roz_b_a a{
	color:black!Important;
}
.td_hoverrt{
	padding:10px 20px;
	font-size:14px;
}
.td_hoverrtwa{
	padding:5px 20px;
	font-size:14px;
	border-bottom:2px solid #eb1559;
}
.td_hoverrtw{
	padding:5px 20px;
	font-size:14px;
}
.td_hoverrta{
	padding:10px 20px;
	font-size:14px;
	border-bottom:2px solid #eb1559;
}

.td_hoverrts{
	background: #eb1559;
	color:white;
	padding:3px 8px;
	border-radius:40px;
	font-size:12px;
}
#gpform_all{
	z-index: 105110;
	position: fixed;
	text-align: center;
	background:url('../images/ptlo.png');
	top:0px;
	left:0px;
	height:100%;
	width: 100%;
	display:none;
}

#gpform_tlo{
	z-index: 10522221;
	margin: calc((50vh - 150px) / 2) auto 0 auto;
	background:#ddd;
	height:80%;
	max-height:600px;
	width:100%;
	max-width:950px;
	position:relative;
	
}


#gpform_title{
	float:left;
	padding:5px;
	font-size:14px;
	font-weight:bold;
	color:#3d3d3d;
}
#gpform_txt{
	text-align:center;
	width:100%;
	height:100%;
	font-size:12px;
	
	font-weight:bold;
	overflow-y: auto;
	overflow-x: hidden;
	clear:both;
	color:#3d3d3d;
}
#gpform_close{
	float:right;
	margin:-30px -30px 0 0 ;
	width:20px;
	height:20px;
	background:url('../images/close.gif');
	background-size:20px;
	cursor:pointer;
	
}
#gpform_p{
	position:absolute;
	left:15px;
	background:#1f1f1f;
	border-radius:40px;

	z-index:141414;
	top:49%;
	cursor:pointer;
color: white;
  text-align: center;
  width: 30px;
  height: 30px;
  padding-top: 4px;
  padding-right: 2px;
}
#gpform_n{
	position:absolute;
	left:60%;
	top:49%;
	border-radius:40px;
	background:#1f1f1f;

	z-index:141414;
	cursor:pointer;
	color: white;
	  text-align: center;
	  width: 30px;
	  height: 30px;
	  padding-top: 4px;
	  padding-left: 2px;
}
.fr_pop{
	width:100%;
	margin:0 auto;
	height:380px;
	border:0px solid red;
	
}

.tleft{
	float:left;
}

.pr_img{
	float:left;
	width:20%;
}
.pr_col{
	float:left;
	padding:0 5px 0 5px;
	width:38%;
}
.pr_in{
	float:right;
	width:77.7%;
	margin-right:10px;
}
.pr_pp{
	margin:0px 0 10px 0;
	float:left;
	padding:0 5px 0 5px;
	width:78%;
	position:absolute;
	top:2px;
	right:-8px;
}
.pr_om{
	margin:0px 0 10px 0;
	float:left;
	padding:0 5px 0 0px;
	width:100%;
}
.pr_kom{
	margin:10px 0 10px 0;
	float:left;
	width:100%;
}
#drop-zone {
    /*Sort of important*/
    width: 100%;
    /*Sort of important*/
    height: 150px;
    

    border: 2px dashed rgba(0,0,0,.3);
    border-radius: 20px;
    font-family: Arial;
    text-align: center;
    position: relative;
    line-height: 50px;
    font-size: 20px;
    color: #000;
	
}

    #drop-zone input {
        /*Important*/
        position: absolute;
        /*Important*/
        cursor: pointer;
        left: 0px;
        top: 0px;
        
        opacity:0; 
    }

    /*Important*/
    #drop-zone.mouse-over {
        border: 2px dashed rgba(0,0,0,.5);
        color: rgba(0,0,0,.5);
    }


/*If you dont want the button*/
#clickHere {
    
  
    z-index:222;
	padding:0px;
	margin:30px auto 0 auto;
  
    color: white;
    font-size: 12px;
    width: 200px;
  
    border-radius: 4px;
    background-color: #eb1559;
	cursor:pointer;
}

    #clickHere:hover {
        background-color: #eb1559;

    }


.gal_body{
	display:inline-flex;
	margin:10px 0px;
	cursor:pointer;
	width:19%;
	min-width:240px;
	height:160px;
}
.gal_body img{
	width:100%;
	height:100%;
}
#gpform_ps{
	position:absolute;
	left:20px;
	top:45%;
	cursor:pointer;
}
#gpform_ns{
	position:absolute;
	right:20px;
	top:45%;
	cursor:pointer;
}
.pgl_a0s{
	height:100%;
	width:100%;
	overflow:hidden;
	position:relative;
	bottom:0px;
	background:#111;

	
}
.pgl_a0b{
	height:100%;
	width:90%;
	overflow:hidden;
	background:#111;
	z-index:213423;
	margin:0 auto;
}
.pgl_a0s1{
	float:left;
	margin:0 10px;
}
.pgl_a0{
	width:100%;
	max-width:620px;
	height:100%;
	background:#212529;
	position:relative;
	text-align:center; 
	white-space: nowrap;
	overflow:hidden;
}
.gl_a0s{
	height:20%;
	width:100%;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	background:#111;
	z-index:213423;
	
}
.gl_a0b{
	height:100%;
	width:90%;
	overflow:hidden;
	background:#111;
	z-index:213423;
	margin:0 auto;
}
.gl_a0s1{
	float:left;
	margin:0 10px;
}
.gl_a0{
	width:100%;
	max-width:620px;
	height:100%;
	background:#000;
	position:relative;
	text-align:center; 
	white-space: nowrap;
	overflow:hidden;
}
.gl_a1{
	width:100%;
	max-width:620px;
	height:100%;
	background:#212529;
	position:relative;
	text-align:center; 
	white-space: nowrap;
}

.gl_a1a{
	width:100%;
	max-width:620px;
	height:80%;
	background:#212529;
	position:relative;
	text-align:center; 
	overflow:hidden;
	white-space: nowrap;
}

.gl_a2{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.gl_a3{
	max-width:100%;
	max-height:100%;
	
	vertical-align:middle;
}

.gl_a4{
	position:absolute;
	top:10px;
	right:20px;
	width:300px;
	text-align:left;
	background:#fff;
	padding:5px;
}

.gl_a5{
	position:absolute;
	top:215px;
	right:20px;
	width:300px;
	text-align:left;
	background:#fff;
	padding:5px;
}

.gl_a6{
	position:absolute;
	top:220px;
	right:20px;
	width:300px;
	text-align:left;
	background:#fff;
	padding:5px;
}
.roz_b_a{
	margin:10px auto;
	color:black;
	width:98%;
	max-width:100%;
	background:#fff;
	border-radius:4px;
	padding:10px 0;
	position:relative;
}
.roz_b_ty{
	float:left;
	font-weight:bold;
	color:#5cb85c;
	padding-right:15px;
	width:50px;
}
.emojionearea > .emojionearea-editor {
    min-height: 40px;
    max-height: 40px;
}
.roz_b_obcy{
	float:left;
	font-weight:bold;
	color:#FF9933;
	width:50px;
	padding-right:15px;
}

.roz_b_t{
	float:left;
	
}


.roz{
	background:#ddd;
	width:100%;
	height:500px;
	padding:10px 0px 20px 0px;
	overflow-x: visible;
	overflow: auto;
	position:relative;
}
.roz_inf{
	font-weight:bold;
	color:#3b6c99;
}
.online_e{
	color:white;
	position:absolute;
	top:20px;
	right:0px;
	font-size:22px;
}
.wia_b{
	width:100%;
	padding:10px 0;
	font-weight:bold;
	background:#ddd;
	text-align:center;
}
.wia_b_a{
	width:100%;
	padding:10px 0;
	font-weight:bold;
	background:#3097d1;
	color:white;
	text-align:center;
}
.wia_b_a a{
	color:white;
}

.msg_a{
	width:80%;
	float:left;
	border-radius:4px;
	background:#ddd;
	margin-bottom:30px;
	padding:5px;
}
.msg_b{
	padding:5px;
	width:80%;
	float:right;
	border-radius:4px;
	background:#3097d1;
	margin-bottom:30px;
	color:white;
}

.msg_b a{
	color:white;
}

.cright_ig{
	overflow:hidden;
	width:300px;
	float:right;
	position:fixed;
	top:0px;
	right:0px;
	background:#2a2f33;
	height:100%;
	z-index:22222;
}
.cleft_igt{
	width: calc(100% - 300px);
	float:left;
	position:relative;
	padding-top:70px;
}

.cleft_igta{
	width: 100%;
	float:left;
	position:relative;
	padding-top:80px;
}

.f_m{
	margin: 0 0 5px 0;
	font-size:12px;
}

.f_m a{ 
	color:white!Important;
}


.emojionearea-editor{
	height:35px!Important;
	min-height:35px!Important;
}

.pw_do{
	float:left;
	max-width:800px;
	padding:5px;
	border-radius:6px;
	margin-bottom:20px;
	font-size:14px;
	background:#6c757d;
	color:white;
}
.pw_od{
	
	float:right;
	max-width:700px;
	padding:5px;
	font-size:14px;
	border-radius:6px;
	margin-bottom:20px;
	background:#ddd;
	color:#212529;
}

.img_gal{
	max-width:90%;
	margin:0 auto;
}
img{
	border:0px;
}

h1{
	margin:0px;
	padding:0px;
}
.main_ig{
	height:calc(100% - 105px);
	
}
.main_nig{
	min-height:calc(100% - 135px);
	padding:0 20px;
}
#footer{
	

	
	width:100%;
	background:#212529;
	color:white;
	padding:20px 0;
}

.new_logo{
	max-height:40px;
}

.btn-primary{
	background:#eb1559;
	border-color:#eb1559;
}
.btn-primary:hover{
	background:#eb1559;
	border-color:#eb1559;
}


.index_f{
	position:relative;
	width:100%;
	margin-top:85px;
	height:100%!Important;
	min-height:100%!Important;
	z-index:1;
	background-size:cover;
	
}
.new_ifd{
	background-color:rgba(0,0,0,0.8);
	margin-top:50px;
	width:100%;
	border-radius:4px;
	min-height:100px;
	padding:20px 0 20px 0;
}
.count_uir{
	color:white;
	font-size:20px;
	font-weight:bold;
	margin-top:20px;
}
.new_if{
	background-color:rgba(0,0,0,0.4);
	margin-top:50px;
	width:100%;
	border-radius:4px;
	min-height:300px;
	padding:0px 0 20px 0;
}

.new_if a{
	color:white!Important;
}

.container_all{
	margin-top:30px;
	padding:0 0 30px 0;

}
.container_at{
	background:#fff;
	height:100%;
}
.container_at .left{
	height:100%;
	padding:20px 10px;
	background:#fff;
	position:relative;
}
.container_all .left{
	-webkit-box-shadow: 1px 3px 7px rgba(0,0,0,.3);
	box-shadow: 1px 3px 7px rgba(0,0,0,.3);		
	padding:20px 10px;
	background:#fff;
	position:relative;
}

.btn-smn{
	border-radius:0px;
	margin-bottom:5px;
	background:#ea1659;
	border-color:#ea1659;
}

.btn-mn{
	border-radius:0px;
	margin-bottom:5px;
	font-size:12px;
	padding:6px 10px;

}
.menu_usp{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}
.menu_uspi{
	height:10px;
}

.img_box{
	background:#ebeff2;
	padding:5px;
	width:200px;
	height:250px;
	float:left;
	margin:5px;
}

.img_box img{
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	
}

a{text-decoration:none;}
a:hover{text-decoration:none;}
a, a:hover, a:visited, a:link {color:#3f3f3f;}

.cleara{
	clear:both;
	margin:10px; 
	height:10px;
}

.head_all{
	background:#D11800;
	padding:10px;
	height:30px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#D11800)');
	background:-webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#D11800)));
	background:-moz-linear-gradient(top, #ff0000,  #D11800);
	background:-o-linear-gradient(top,  #ff0000,  #D11800);
}

.head_logo{
	font-size:30px;
	color:white;
	font-weight:bold;
	margin-top:-5px;
}

.head_left{
	float:left;
	width:10%;
	margin-left:20px;
}

.head_left_nl{
	float:left;
	width:100%;
	text-align:center;
}

.head_center{
	float:left;
	width:50%;
	text-align:right;
	margin-left:20px;

	background:blue;
}
.head_right{
	float:right;
	width:30%;
	margin-right:20px;
	text-align:right;
}



.head_ico{
	float:right;
	margin-top:5px;
}

.head_ico_search{
	cursor:pointer;
	float:left;
	width:20px;
	height:20px;
	background:url(../images/ico-searchw.png);
	background-size:20px 20px;
}

.head_ico_invitation{
	position:relative;
	float:left;
	width:20px;
	height:20px;
	margin-left:15px;
	background:url(../images/ico-adduser.png);
	background-size:20px 20px;
}
#menu_n{
	cursor:pointer;
}
.head_ico_friend{
	position:relative;
	float:left;
	width:20px;
	height:20px;
	margin-left:15px;
	background:url(../images/ico-users.png);
	background-size:20px 20px;
}

.head_ico_messages{
	position:relative;
	float:left;
	width:20px;
	height:20px;
	margin-left:15px;
	background:url(../images/ico-message.png);
	background-size:20px 20px;
}

.head_ico_menu{
	cursor:pointer;
	float:left;
	width:22px;
	height:22px;
	margin-top:-1px;
	margin-left:15px;
	background:url(../images/ico-menu.png);
	background-size:22px 22px;
}

.count_ico{
	position:absolute;
	padding:1px;
	width:18px;
	text-align:center;
	color:black;
	font-size:9px;
	top:-14px;
	background:white;
}

.head_ico_profil{
	cursor:pointer;
	float:left;
	margin-top:-10px;
	margin-right:20px;
	margin-left:20px;
}

.head_ico_profil_img{

	width:40px;
}

.top_search_input{
	border:0px solid #cccccc!Important;
	padding:7px!Important;
	margin:0px!Important;
	width:92%;
	background:#F5F5F5;
	position:absolute;
	top:0px;
	left:0px;

}
.top_search_submit{
	border:0px solid #cccccc!Important;
	background:url(../images/ico-search.png) #F5F5F5!Important;
	background-repeat:no-repeat!Important;
	background-position: center!Important;
	background-size: 25px 25px!Important;
	width:33px!Important;
	cursor:pointer;
	height:29px!Important;
	margin-left:-4px!Important;
	padding:6px!Important;
	position:absolute;
	z-index:12;
	top:0px;
	right:0px;
}
.hide_user_menu a{
	color:white;
	font-size:12px;
}
.hide_user_menu{
	padding:0px 0 0px 0;
	width:300px;
	
	color:#fff;
	position:relative;
	font-size:12px;
	z-index:22323;
	border-top:1px solid #30353b;

	right:0px;

}

.top_border{
	border-top:1px solid #30353b;
}

.menu_cat_g{
	text-decoration:none;
	border-bottom:1px solid #30353b;
	padding:10px 10px 10px 15px;
	font-size:14px;
}
.menu_cat_g .far{
	margin-right:10px;
}
.menu_cat_g .fab{
	margin-right:10px;
}
.menu_cat_g .fas{
	margin-right:10px;
}
.menu_cat_g:hover{
	text-decoration:none;

	border-right:5px solid #E90505;
}

.box_index{
	width:90%;
	max-width:430px;
	margin-right:30px;
	float:left;
}

.hide_search_all{
	width:100%;
	padding:15px 0 15px 0;
	background:white;
	position:fixed;
	z-index:23434;
	top:50px;
	border-bottom:2px solid #D11800;
	display:none;
}

.hide_search{
	text-align:center;
	width:95%;
	max-width:960px;
	margin:0 auto;
}

.hide_search_el{
	float:left;
	height:35px;
	margin-right:10px;
}

.is_online_l{
	position:absolute;
	top:7px;
	left:7px;
	float:left;
	margin:2px 5px 0 0px;
	width:10px;
	height:10px;
	border-radius: 45px;
	background:lime;
}
.is_offline_l{
	position:absolute;
	top:7px;
	left:7px;
	float:left;
	margin:2px 5px 0 0px;
	width:10px;
	height:10px;
	border-radius: 45px;
	background:#6f6f6f;
}

.is_online{
	float:left;
	margin:5px 0 0 5px;
	width:10px;
	height:10px;
	border-radius: 45px;
	background:lime;
}
.is_offline{
	float:left;
	margin:5px 0 0 5px;
	width:10px;
	height:10px;
	border-radius: 45px;
	background:#6f6f6f;
}

.lista_del_znaj{
	position:absolute;
	right:5px;
	top:5px;
}

#pform_all{
	z-index: 10522220;
	position: fixed;
	text-align: center;
	background:url('../images/ptlo.png');
	top:0px;
	left:0px;
	height:100%;
	width: 100%;
	display:none;
}

#pform_tlo{
	margin:10% auto 0 auto;
	background:#fff;

	height:80%;
	max-height:430px;
	width:100%;
	max-width:650px;
}


#pform_title{
	float:left;
	padding:5px;
	font-size:14px;
	font-weight:bold;
	color:#3d3d3d;
}
#pform_txt{
	text-align:center;
	width:100%;
	height:100%;
	max-height:400px;
	font-size:12px;
	
	font-weight:bold;
	overflow:auto;
	clear:both;
	color:#3d3d3d;
}
#pform_close{
	float:right;
	margin:5px;
	width:20px;
	height:20px;
	background:url('../images/close.gif');
	background-size:20px;
	cursor:pointer;
	
}

.fr_pop{
	width:100%;
	margin:0 auto;
	height:350px;
	border:none;
}

.tleft{
	float:left;
}

.pr_img{
	float:left;
	width:20%;
}
.pr_col{
	float:left;
	padding:0 5px 0 5px;
	width:38%;
}
.pr_in{
	float:right;
	width:77.7%;
	margin-right:10px;
}
.pr_pp{
	margin:0px 0 10px 0;
	float:left;
	padding:0 5px 0 5px;
	width:78%;
	position:absolute;
	top:2px;
	right:-8px;
}
.pr_om{
	margin:0px 0 10px 0;
	float:left;
	padding:0 5px 0 0px;
	width:100%;
}
.pr_kom{
	margin:10px 0 10px 0;
	float:left;
	width:100%;
}
.td_hover{

	border:1px solid #dddddd;
	padding:8px 10px 8px 10px;
	float:right;
	font-weight:bold;
	margin-right:2px;
}
.td_hover:hover{
	text-decoration:none;
	background:#dddddd;
	float:right;

	margin-right:2px;
	
}

.td_hover a{
	text-decoration:none;
}

.td_pr_name{
	width:50%;
	text-align:left;
	font-weight:bold;
	padding:5px;
	border-bottom:0px solid #dddddd;
}
.td_pr_value{
	width:50%;
	text-align:left;
	font-weight:bold;
	padding:5px;
	border-bottom:0px solid #dddddd;
}
.tr_hover:hover{
	background: #dddddd;
}
.przerwa{
	margin:120px auto 0 auto;
	padding: 5px 5px 5px 5px;
	width:560px;
	clear: both;
	overflow: hidden;
	border:1px solid #dddddd;
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
	background:#ffffff;

}


.p_title{
	font-size:18px;
	border-bottom:1px solid #dddddd;
	padding-bottom:3px;
	margin-bottom:3px;
	
}

.p_text{
	padding: 0px 5px 5px 5px;
	
}

.site_body{
	margin:15px auto 0 auto;
	width:95%;
	max-width:960px;
	clear: both;
	overflow: hidden;
	border:1px solid #dddddd;
	background:#ffffff;

}




.site_body_content_all{
	padding:10px 0px 10px 0px;
	width:98%;
	margin:0 auto;
	position:relative;
}

.post_all{
	width:100%;
	margin:0 0 0px 15px;
}

.title_all{
	font-size:18px;
	border-bottom:1px solid #dddddd;
	padding:0 0 3px 0;
	margin:0 0 3px 0;
	font-weight:normal;

}

.entry_all{
	font-size:12px;
}

.box1, .post, .left{
	width:100%;
	margin:0 auto 10px auto;
}

.title, ng, H2, H1{
	font-size:18px;
	border-bottom:1px solid #dddddd;
	padding:0 0 3px 0;
	margin:0 0 3px 0;
	font-weight:normal;

}

.entry{
	font-size:12px;
}

.site_footer_all{
	width:100%;
	background: #393D3E;
	padding:20px 0 20px 0;
	margin-top:20px;
}
.site_footer{
	color:white;
	margin:0 auto;
	width:100%;
	max-width:960px;
	clear: both;
	overflow: hidden;
}


.site_footer_left{
	float:left;
	width:740px;
	padding:5px 5px 10px 0px;
	text-align:left;
}

.site_footer_right{
	float:left;
	width:200px;
	padding:5px 5px 10px 5px;
	text-align:right;

}

.footer_menu{
	margin:0px;
	padding:0px 5px 0 0px;
	list-style: none;
	line-height: normal;
}

.footer_menu li{

	float: left;
	padding:0px 8px 8px 8px;


}

.footer_menu li a{

	color:silver;
	text-decoration:none;

}

.footer_menu li a:hover{

	color:white;


}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

.center{
	text-align:center;
}





.cookie-alert {
	z-index: 1010;
	opacity: 0.9;
	position: fixed;
	bottom: 0px;
	background: #ffffff;
	border-top: 1px solid #aaaaaa;
	padding: 10px;
	text-align: center;
	font-size: 13px;
	line-height: 16px;
	width: 100%;
}

.cookie-alert p {
	width: 1000px;
	margin: 0px auto;
	text-align: left;
	line-height: 20px;
	color:black;
}

.blok_menu{

	background:#f1f1f1;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e8e8e8');
	background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e8e8e8));
	background:-moz-linear-gradient(top,  #f1f1f1,  #e8e8e8);
	background:-o-linear-gradient(top,  #f1f1f1,  #e8e8e8);
	padding:7px 7px 7px 7px;
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
	border:1px solid;
	border-color:#dddddd;

	float:left;
	margin:0 5px 5px 0;

}

.blok_menu_sel{
	float:left;
	background:#A12ED2;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CF7CF1', endColorstr='#A12ED2');
	background:-webkit-gradient(linear, left top, left bottom, from(#CF7CF1), to(#A12ED2));
	background:-moz-linear-gradient(top, #CF7CF1,  #A12ED2);
	background:-o-linear-gradient(top,  #CF7CF1,  #A12ED2);
	padding:7px 7px 7px 7px;
	color:white;
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
	border:1px solid;
	border-color:#dddddd;

	margin:0 5px 5px 0;

}

.blok_menu:hover{
	background:#A12ED2;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CF7CF1', endColorstr='#A12ED2');
	background:-webkit-gradient(linear, left top, left bottom, from(#CF7CF1), to(#A12ED2));
	background:-moz-linear-gradient(top, #CF7CF1,  #A12ED2);
	background:-o-linear-gradient(top,  #CF7CF1,  #A12ED2);
	padding:7px 7px 7px 7px;
	color:white;

	

}

.blok_menu:hover a{
	color:white;
}
.blok_menu a{
	font-weight:bold;
	text-decoration:none;
}
.blok_menu_sel:hover a{
	color:white;
}
.blok_menu_sel a{
	color:white;
	font-weight:bold;
	text-decoration:none;
}


.rating0{
   background-image: url('../images/0.png');
}
.rating1{
   background-image: url('../images/1.png');
}
.rating2{
   background-image: url('../images/2.png');
}

.l_p{
	padding: 5px 5px 5px 5px;
	border: 1px solid #DEDEDE;
	margin:0px 0 5px 0 ;
	width:670px;
}
.l_p a{
	color:black;
	text-decoration:none;
}
.l_p a:hover{
	text-decoration:underline;
}

.l_pr{
	padding: 5px 5px 5px 5px;
	background:#FFFA73;
	border: 1px solid #DEDEDE;
	margin:0px 0 5px 0 ;
	width:670px;

}




div.cookie-alert {
	z-index: 1010;
	opacity: 0.9;
	position: fixed;
	bottom: 0px;
	background: #ffffff;
	border-top: 1px solid #aaaaaa;
	padding: 10px;
	text-align: center;
	font-size: 13px;
	line-height: 16px;
	width: 100%;
}

div.cookie-alert p {
	width: 1000px;
	margin: 0px auto;
	text-align: left;
	line-height: 20px;
	color:black;
}

.logowanie{
	color:white;
	padding:5px 5px 5px 5px;
	margin:5px 10px 0 0;
	width:210px;
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
	float:right;
	background:url(../../images/ptlo.png) ;

}

.logowanie input[type="submit"]{


	background:#ff0000;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#d90909)');
	background:-webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#d90909)));
	background:-moz-linear-gradient(top, #ff0000,  #d90909);
	background:-o-linear-gradient(top,  #ff0000,  #d90909);
	padding:3px 3px 3px 3px;
	color:white;

	border:0px solid;
	border-color:#dddddd;

	font-weight:bold;
	margin:0 1px 1px 0;

}
.logowanie a{
	color:white;
}
.lp_online{
	position:absolute;
	top:5px;
	right:5px;
}
.lp_online img{
	width:10px;
}
.lp_im{
	width:100%;
	max-height:140px;
}
.lp_img{
	height:140px;
}
.lp_login{
	margin-top:10px;
	color:#212529;
	font-size:12px;
	font-weight:bold;
}
.profil-m{
	background-color:#ebeff2;
	position:relative;
	width:10.2%;
	height:190px;
	float:left;
	padding:10px 2px;
	margin:5px 5px;
	text-align:center;
	border-radius:2px;
	
}

.profil-menu{
	border:1px solid #dddddd;
	padding:4px 0px 4px 0px;
	text-align: center;
	width:100%;
	font-weight:bold;
	margin-right:2px;
}
.profil-menu:hover{

	background:#dddddd;
}
.profil-menu a{ 
	color:black; 
	text-decoration:none; 
}
.profil-menu a:hover{ 

} 

.imgm-container {
  /**
   * User input values.
   */
  --grid-layout-gap: 10px;
  --grid-column-count: 5;
  --grid-item--min-width: 50px;

  /**
   * Calculated values.
   */
  --gap-count: calc(var(--grid-column-count) - 1);
  --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
  --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
  grid-gap: var(--grid-layout-gap);
}

.profile-container {
  /**
   * User input values.
   */
  --grid-layout-gap: 10px;
  --grid-column-count: 8;
  --grid-item--min-width: 140px;

  /**
   * Calculated values.
   */
  --gap-count: calc(var(--grid-column-count) - 1);
  --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
  --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
  grid-gap: var(--grid-layout-gap);
}
.item-containerb {
  /**
   * User input values.
   */
  --grid-layout-gap: 10px;
  --grid-column-count: 6;
  --grid-item--min-width: 300px;

  /**
   * Calculated values.
   */
  --gap-count: calc(var(--grid-column-count) - 1);
  --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
  --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
  grid-gap: var(--grid-layout-gap);
}
.item-container {
  /**
   * User input values.
   */
  --grid-layout-gap: 10px;
  --grid-column-count: 6;
  --grid-item--min-width: 200px;

  /**
   * Calculated values.
   */
  --gap-count: calc(var(--grid-column-count) - 1);
  --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
  --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
  grid-gap: var(--grid-layout-gap);
}

.mob_off{
	
}
.mob_on{
	display:none;
}
.flag_top{
	position: absolute; 
	left: 130px;
	top:5px; 

}
.footer_right{
	text-align:right;

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

	.profil-m{
		width:15.5%;
	}
}
@media only screen and (max-width: 1350px) {
	.gal_body{

	width:19%;
	min-width:200px;

}
}
#mn_op{
	display:none; 
}
@media only screen and (max-width: 1450px) {

	.main_nig{
	
		padding:0px!Important;
	}
	.cright_ig{
	
		width:250px;

	}	
	.hide_user_menu{
		width:250px;
	}
	.cleft_igt {
		width: calc(100% - 250px);
	}
}
@media only screen and (max-width: 1350px) {
	body{
		margin-top:35px!Important;
	}
	.main_nig{
		min-height: calc(100vh - 270px);
		padding:0px!Important;
	}
	.cleft_igt{
		width: 100%;
		float:left;
		position:relative;
		padding-top:70px;
	}
	#mn_op{
		display:inline-block; 
	}
	#mn_ct{
		display:none; 
	}
	.tri{
		display:none;
	}
	.tre{
		width:100%!Important;
	}
	.cright_ig{
		overflow:hidden;
		width:300px;
		float:right;
		position:fixed;
		display:none;
		top:130px;
		padding-left:15px;
		right:0px;
		background:#2a2f33;
		height:100%;
		z-index:22222;
	}
	
	.gal_body{

	width:19%;
	min-width:200px;

	}
	.profil-m{
		width:23%;
	}
}
@media only screen and (max-width: 700px) {
	.gal_body{

	width:19%;
	min-width:210px;

	}
	.profil-m{
		width:47%;
	}	
}

@media only screen and (max-width: 1150px) {
	.gal_body{

	width:19%;
	min-width:240px;

}
.img_box{
	background:#ebeff2;
	padding:5px;
	width:150px;
	height:200px;
	float:left;
	margin:5px;
}

.img_box img{
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	
}
.nav{
flex-wrap: unset;
}
.footer_right{
	text-align:center;
	padding-top:20px;
}
#footer{
	

	
	width:100%;
	background:#212529;
	color:white;
	padding:20px 0;
}
	.index_f{
		min-height:800px!Important;
		claer:both;
	}
	.btn-mn{

		width:19%;
	}

	.menu_uspi{
		height:60px;
	}
	.head_all{
		background:#D11800;
		padding:10px 0 10px 0;
		height:30px;
	}
	.profil-m{
		font-weight: normal;
		font-size:11px;
	}
	.flag_top{
		position: relative; 
		left: 5px;
		top:95%;

		

	}
	.mob_on{
		display:block;
	}
	.mob_off{
		display:none;
	}
	.lis_hei{
		height:100%;
	}

	#prom_box{
		display:none;
	}

	.head_left{
		float:left;
		width:29%;
		margin-left:0px;
	}

	.head_right{
		float:right;
		width:70%;
		margin-right:0px;
		text-align:right;

	}


	.art_img{
		display:none;
	}
	.to_left{
		clear:both;
		float:left;
		width:100%;
	}
	.tyt_lista{
		clear:both;
		float:left;
		width:100%;
	}
	.box_list{
		display:none;
	}
	.site_search{
		display:none;
	}
	.site_footer{
		width:100%;
		color:white;
	}
	.site_footer_left{
		float:left;
		width:100%;
		clear:both;
	}
	.site_footer_right{
		float:left;
		width:100%;
		clear:both;
		text-align:center;

	}
	.menu_cat_g{
		padding:10px 0 10px 0px;
		font-size:16px;
	}
	.menu_cat_g:hover{
		padding:10px 0 10px 0px;
		font-size:16px;
	}



	.fo_mob{
		width:100%;
	}




	#info_alle{
		display:none;
	}
	#cookie_alert{
		display:none;
	}
	
	#info_alle{
		display:none;
	}




	.pr_img{
		float:left;
		width:100%;
	}
	.pr_col{
		float:left;
		padding:0 5px 0 5px;
		width:100%;
	}
	.pr_in{
		float:left;
		margin-left:5px;
		width:99%;
	}
	.pr_pp{
		margin:0px 0 10px 0;
		float:left;
		padding:0 5px 0 5px;
		width:100%;
		position:relative;
		right:0px;
	}
	.pr_om{
		margin:0px 0 10px 0;
		float:left;
		padding:0 5px 0 12px;

	}
	.pr_kom{
		margin:10px 12px 10px 12px;
		float:left;
		width:95%;
	}
	.left{
		width:100%;
	}
	.td_hover{
		width:100%;
		background-image: url('../images/menu.jpg');
		padding:8px 0px 8px 0px;
		text-align:center;
		margin-top:2px;
		color:black;
		float:right;
		font-weight:bold;
		margin-right:2px;
	}
	.td_hover:hover{
		text-decoration:none;
		background:#dddddd;
		float:right;
		color:#EB0404; 
		margin-right:2px;
	}

	.td_hover a{
		text-decoration:none;
	}

	.td_pr_name{
		width:50%;
		text-align:left;
		font-weight:bold;
		padding:5px;
		border-bottom:0px solid #dddddd;
	}
	.td_pr_value{
		width:50%;
		text-align:left;
		font-weight:bold;
		padding:5px;
		border-bottom:0px solid #dddddd;
	}
	.tr_hover:hover{
		background: #dddddd;
	}
	

	
}