/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,700');



body {
    width: 100%;
    height: 100%;
    font-family: "Poppins", Helvetica,Arial,sans-serif;
    color:#536d90;
    background-color: #fff;
	min-width:250px;
}


html {
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 0 0;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
	
}

p,td,th {
    margin: 0 0 20px;
    font-size: 18px;
    line-height: 1.5;
}

@media(min-width:768px) {
	
	
	.logo_b {
	display:none !important;
	
	}
	
.logo_w {
	display:block !important;
	
	}
	
    p {
        margin: 0 0 20px;
        font-size: 20px;
        line-height: 1.6;
    }
}

a {
    color: #56A3DA ;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #000;
	   -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}

.light {
    font-weight: 400;
}

.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #fff;
}

.navbar-custom .navbar-brand {
    font-weight: 700;
}

.navbar-custom .navbar-brand:focus {
    outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color: #fff;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover {
    outline: 0;
    color: rgba(255,255,255,.8);
    background-color: transparent;
}

.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    outline: 0;
    background-color: transparent;
}

.navbar-custom .nav li.active {
    outline: 0;
}

.navbar-custom .nav li.active a {
    background-color: rgba(255,255,255,.3);
}

.navbar-custom .nav li.active a:hover {
    color: #fff;
}

@media(min-width:768px) {
    .navbar-custom {
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .navbar-custom.top-nav-collapse {
        padding: 0;
        border-bottom: 1px solid rgba(255,255,255,.3);
        background: #efc151;
    }
}

.intro {
    display: table;
    width: 100%;
    height: 100px;
    padding: 100px 0;
    text-align: center;
    color: #fff;
	background:url(../../../image/t1.jpg) no-repeat !important;
	background-repeat: no-repeat;
	background-position: center top;
	
	background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.intro .intro-body {
    display: table-cell;
    vertical-align: middle;
}

.intro .intro-body .brand-heading {
    font-size: 40px;
}

.intro .intro-body .intro-text {
    font-size: 18px;
}

@media(min-width:768px) {
    .intro {
        padding: 0;
    }

    .intro .intro-body .brand-heading {
        font-size: 100px;
    }

    .intro .intro-body .intro-text {
        font-size: 26px;
    }
}

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 100%!important;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {    
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0 {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.content-section {
    padding-top: 10px; 
}

.download-section {
    width: 100%;
    /*padding: 50px 0; */
    color: #fff;
    background: url(../img/downloads-bg.jpg) no-repeat center center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#map {
    width: 100%;
    height: 200px;
    margin-top: 100px;
}

@media(min-width:767px) {
    .content-section {
       padding-top: 10px; 
    }

    .download-section {
        padding: 100px 0;
    }

    #map {
        height: 400px;
        margin-top: 250px;
    }
}

.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default {
  border: 1px solid #56A3DA;
    color: #56A3DA;
    background-color: transparent;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #56A3DA;
    outline: 0;
    color: #fff;
    background-color: #56A3DA;
}

ul.banner-social-buttons {
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}

@media(max-width:767px) {
	
	
		
.logo_b {
	display:block !important;
	margin: 5px;
	
	}
	
.logo_w {
	display:none !important;
	
	}
	
	
	 .intro {
		height:50px !important;
		padding: 70px 0px 20px;
		background-position:top;
    }
	
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
}

footer {
    padding: 50px 0;
}

footer p {
    margin: 0;
}

::-moz-selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

::selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: rgba(255,255,255,.2);
}

.home_header img{
	
	}
	.plugins{
		margin-bottom:20px;
		
		}
	.desc{
		height:150px;
	}
	.desc p{
		font-size:20px !important;
		font-weight:100;
		
		}
		
		
		.upbut{
			position:fixed;
			right:10px;
			bottom:10px;
			background:url(../../../image/goup.png) no-repeat;
			width:60px;
			height:60px;
			cursor:pointer;
			display:none;
			
			opacity: 0.6; /* - ?????????????? Firefox'?? ? ?????? (CSS3 spec)*/
    -moz-opacity: 0.6; /* - ??? ????????? Firefox ???? 1.5 ?????? ? ???????*/
    filter: alpha(opacity=60); /*- Internet Explorer*/
			
			}
			
			
			
			/*KOmentarze BOX*/

#komentarze_box textarea{
width:700px;
max-width:100%;
}

.smallbut{
	cursor:pointer;
	padding:3px;
	text-transform:lowercase;
	background:none;
	border:1px solid #8B89C9;
	color:#8B89C9;
	font-size:85%;
	transition: all 0.3s ease-in-out 0s;
	margin:2px;
	}
	
	.smallbut:hover{
		background:#8B89C9;
		color:#fff;
		transition: all 0.3s ease-in-out 0s;
		
		}

#komentarze_box{
	
padding:10px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
background:#f7f7f7 ; 
color:#999999;
margin-top:40px;
}

#komentarze_box #formnew{
background:url(../../../image/koment_swiatlo.png) no-repeat top center;
text-align:center !important;

}
/*
#komentarze_box:before{
position:absolute;
content:".";
width:100% ;
height:34px;
background:url(../../../image/koment_cien_nad.png) no-repeat top center;

margin-top:-45px;
}*/

#komentarze_box h3{
color:#999999;
padding-top:15px;
padding-bottom:15px;

}

.item_komentarz {
min-height:70px; 
padding:9px; 
text-align:left !important;
vertical-align:top;
color:#000000;
background:url(../../../image/koment_linia.png) no-repeat center bottom;
}

.item_komentarz .text{
margin-left:75px;

}



.item_komentarz .text .data{
color:#CCCCCC;
float:right;
font-size:80%;

}

.item_komentarz h4{
}

.item_komentarz h4 span{
color:#CCCCCC;
font-weight:500;

}

.item_komentarz .foto img{
width:70px;
height:auto;

}


.like_box{
margin:5px;
padding:5px;
text-align:right;
margin-bottom:0;

}

.dod{
font-size:75%; 
padding:3px;
color:#999999;
}

			
			/*Forum*/
.forum_table{
border:1px solid #999999;
text-align:left;
min-width:500px;

}

.forum_table td{
border-bottom:1px solid #999999;
 text-align:left;
 padding:9px;
}

.forum_table tr{
cursor:pointer;

}
.forum_table tr:hover{
background:#ccc;
color:#FFFFFF;

}

.forum_table tr.name td{
font-size:115%;
font-weight:bold;
cursor:default;
color:#444444;

}

.name_topic{
font-weight:bold;

}

.topic_desc{
color:#333333;
font-size:10px;

}

/*end forum*/

.form_before{
							background:url(../../../image/tlo.png);
							position:fixed;
							left:0;
							top:0;
							width:100%;
							height:100%;
							z-index:9998;
							display:none;
							
							}
						 .form{
							display:none;
							position:absolute;
							background:#FFF;
							padding:10px;
							width:70% ;
							left:15%;
							top:5%;
							z-index:9999; 
							
										-moz-border-radius: 15px;
						-webkit-border-radius: 15px;
							border-radius: 15px;
							
							}
							
							
							
							/*BASKET*/
										.itemsy, .itemsy_lek{
													/*min-height:200px;*/
													color:#111111;
													
													padding: 25px ;
													text-align:left;
													padding-left:20px;
													overflow:hidden; 
													
													border-top:1px solid #f3f3f3;
													}
													
													.itemsy_lek{
													}
													.itemsy .cena, .itemsy_lek .cena{
													float:right;
													padding-left:20px;
													padding-right:20px;
													
													}
													
													.itemsy_lek .basket_delete, .itemsy .basket_delete{
													float:right;
													
													
													}
													
													.itemsy:after, .itemsy_lek:after, #suma_panel:after{
													content:'';
													position:absolute;
													
													left:20px;
													width:599px;
													height:8px;
													
													}
													
													 .itemsy_lek:after{
													 margin-top:35px;
													 }
													.itemsy h4 {
														
														 color:#8B89C9 !important;
														 margin-bottom:0;
														 
													}
													.itemsy h4, .itemsy_lek h4{
													
													float:left;
													padding-right:10px;
													}
													.itemsy h5, .itemsy_lek h5{
													padding:0;
													margin:0;
													float:left;
													
													margin-left:30px;
													
													}
													
													.itemsy_lek h5{
													margin-left:18px;
													
													}
													
													.itemsy_lek h5 span{
													color:#999999;
													
													}
													
													
													#pay_panel{
													padding:30px;
													text-align:right;
													}
													
													#pay_panel .butblack{
													float:right;
													
													}
													
													.itemsy a{
													color:#cccccc;
													}
													
													#suma_panel{
													padding:10px;
													
													}
													
													#suma_panel #id_tran{
													float:left;
													color:#999999;
													
													}
													
													
													#suma_panel #suma_all{
													float:right;
													margin-right:20px;
													font-size:140%;
													color:#000000;
													font-weight:bold;
													
													}
													
																							/*END BASKET*/
																							
																							
																							
				/*MEMEBER*/
				
				.member_box{
	text-align:center;
	
	}

.member:hover{
	background:#56A3DA;
		color:#fff;
		transition: all 0.3s ease-in-out 0s;
}

.member:hover a{
	color:#ccc;
	
}



.member:hover input[type=button],.member:hover  input[type=submit],.member:hover .butblack,.member:hover button{
	background:#FFF;
	
}
	
.member{
	width:250px;
	vertical-align:top;
	min-height:280px;
	padding:24px;
	color:#56A3DA;
	font-weight:100;
	text-align:center;
	display:inline-block;
	margin-right:10px;
	font-size:130%;
	background:none;
	
	margin-bottom:10px;
		transition: all 0.3s ease-in-out 0s;
	/*
background: -moz-linear-gradient(45deg,  #f28246 57%, #e02b0b 100%); 
background: -webkit-gradient(linear, left bottom, right top, color-stop(57%,#f28246), color-stop(100%,#e02b0b)); 
background: -webkit-linear-gradient(45deg,  #f28246 57%,#e02b0b 100%);
background: -o-linear-gradient(45deg,  #f28246 57%,#e02b0b 100%);
background: -ms-linear-gradient(45deg,  #f28246 57%,#e02b0b 100%); 
background: linear-gradient(45deg,  #f28246 57%,#e02b0b 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28246', endColorstr='#e02b0b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border:1px solid #56A3DA;
	
	}
	
	.member .m_month{
		
		font-size:180%;
		
	}
	
	.member .m_down{
		margin-top:20px;
		font-size:90%;
		color:#CCC;
		
		}
		
	.member .m_down span{
		font-weight:bold;
		
	}
	
	.member .info{
		margin-top:20px;
		
	}
	
	.member .cost{
		font-size:140%;
		margin-top:20px;
		
		}
		.member .small{
			color:#CCC;
			font-size:60%;
			
		}
		 input[type=button],  input[type=submit], .butblack, button:not(.navbar-toggle):not(.help_menu){
	  border: 1px solid #56A3DA;
    color: #56A3DA !important;
			background:none;
			
			transition: all 0.3s ease-in-out 0s;
			padding:10px;
			margin:5px;
			text-transform:uppercase;
		}
		
		.member input[type=button]:hover {
			border:1px solid #fff !important;
			transition: all 0.3s ease-in-out 0s;
			}
		input[type=button]:hover, .butblack:hover,  input[type=submit]:hover, button:not(.navbar-toggle):not(.help_menu):hover{
			border:1px solid #8B89C9;
			
			color:#fff !important;
			background:#56A3DA !important;
			
			transition: all 0.3s ease-in-out 0s;
		}
		
		.butblack:hover a{
			color:#FFF;
			
			}
		/*END MEMEBER*/																		
		
		
		/*Logowanie*/

.login h5{
	color:#CCC;
	
}
.login{

right:15px;
position:absolute;
z-index:9999;

							margin-top:5px;
							
							
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
	
	font-size:16px;


}


.login #log_over{
	clear:both;
	
	}
.login #log_over a{
	color:#8B89C9 !important;
	text-transform:none;
	font-weight:100 !important; 
	
}

.login #log_over li{
	list-style:none;
	
	}
/*CHAT BOX*/

.login #log_over, #form_signup, .reception #chat_box, .login img{
background:#FFFFFF;
padding:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display:none;
color:#6C0F04;

/*box-shadow:0px 0px 2px #999;
*/

}
.login .login_but img{
	float:right;
	display:block ;
	padding:0;
	cursor:pointer;
	
	/* background:#8B89C9; */


}

.arrow_box:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;  border-left-color: #ffffff; border-width: 12px; margin-top: -12px; }


.login #log_over h4{
text-transform:uppercase;
font-weight:300;
color:#CCCCCC;
margin:0;
padding:5px;
font-size:20px;
}
/*Logowanie*/


#but_basket{
							position:absolute;
							right:60px;
							
							background:url(../../../image/basket.png) no-repeat center;
							width:40px;
							height:40px;
							cursor:pointer;
							display:none;
							margin-top:5px;
							
							
							}
							
							#but_basket #basket_mini{
								position:absolute;
								bottom:0px;
								left:0px;
								background:#36C;
								color:#fff;
								padding-left:4px;
								
								padding-right:4px;
								-moz-border-radius:8px;
							-webkit-border-radius:8px;
							border-radius:8px;
							font-size:85%;
							text-align:center;
							
								
								
								
								
								
							}	
							
							
							.close{
content:"";
float:right;
background:url(../../../image/close.png) no-repeat !important;
width:45px;
height:45px;
cursor:pointer;
}

.form h2{
	font-size:40px;
	
	}
	
	.start{
		/*position:absolute;*/
		line-height:50px;
		right:55px;
		font-size:115%;
		margin:15px;
		margin-right: 45px !important;
		
		}
		
		.group_item {
    width: 200px;
    display: inline-block;
    padding: 10px;
    margin: 5px;
}


.footer li{
	list-style:none;
	display:inline 	;
	padding:5px;
	text-transform:uppercase;
	color:#FCBB94;
	
	}
	
	.footer{
		margin-top:20px;
		padding-top:20px;
		text-align:left;
		border-top:1px solid #E5E5E5;
		
		}
		
		.help_box{
				
			
			}
		
		
		.spis{
			border:none !important;
			background:url(../../../image/menu_help.jpg) no-repeat !important;
			background-size:100% !important;
			width:60px;
			height:60px;
			cursor:pointer;
			position:absolute;
			top:65px;
			left:10px;
			z-index:100;
			
			
			
			}
		.help_menu{
			text-align:left;
			
			cursor:pointer;
			
			    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	   /* background:none !important; */
	background:url(../../../image/rytm_profil/menu_lewe_cien.png) right top no-repeat;
   
   cursor: pointer;
  
    float: left;
    padding-top: 60px;
    font-size: 18px;
	height:100%;

			}
			
			.help_menu:hover{
			
		
	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	
			
			}
			
		.left{
			font-size:20px;
			padding:15px;
		/**/	font-weight:300;
	text-align:left;
	border:#FFF 1px solid;
	
	}
	
	li{
		/*list-style:none;
		*/
		left: 30px !important;
position: relative;
		}
		
		img{
			max-width:100%;
			
			}
			/*
			iframe{
				max-width:95% !important;
				
				}
				*/
				
				.item_news {
    clear: both;
    padding: 20px;
    border-bottom: 1px solid #ccc;
}


.imgnews{
	width:300px;
	max-width:40%;
	margin:5px;
	
	}
	
	.item_news .data{
		
		float:right;
		border-left:1px solid #ccc;
		border-bottom:1px solid #ccc;
		padding:5px;
		color:#ccc;
		
		
	}
	
		.item_news .data div{
			font-size:180%;
			
		}
		
		@media (max-width: 768px) {
			.imgnews {
				width:100% !important;
				
	max-width:none !important;
			
			}
  h2 {
    font-size: 25px;
	}
}

iframe{
	width: 1px ;
        min-width: 100% ;
        *width: 100%  ;
	
	}
	
	.selected {
		background:#E6EDF3;
		/*color:#777; */
		padding:10px;
		
		}
		.selected a{
		/*	color:#777; */
			}
			
			
			input[type=text], input[type=password],  textarea, select, input[type=number]{
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background:#FFFFFF;
padding:8px;
border:1px solid #999999;
color:#999999;
min-width:150px;
max-width:65%;
}

	.name_pole{
											
											background:#f3f3f3;
											padding:2px;
											font-size:20px;
											font-weight:100;
											margin-top:8px;
											
											}
											
											 .red{
			 background-color:#DC3535 !important;
			 color:#FFF !important;
			 
			 
			 }
			 
			 .green{
				 
				 background-color:#8298B9 !important;
				 color:#FFF;}
				 
				 .green, .red{
					 font-size:25px;
					 padding:10px;
					 
					 
					 }