@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	  font-family: 'Karma', serif;
	  font-weight:300;
	color:#262d31;

	/*padding-top: 75px;*/
	font-size:16px;
	background: rgb(255,255,255); 


}

body a{

	padding:0px 3px 0px 3px;
}

body a:hover{

 text-decoration: none;
}


a.normal{
	background: none;
	padding:0px;
}

a.normal:hover{
	background: none;
	padding:0px;
	color: rgb(0,0,0);
}

::selection {
  background: rgba(0,173,193,0.9); 
}
::-moz-selection {
  background: rgba(0,173,193,0.9);  
}



section{
	/*padding: 35px 0px 50px 0px;*/
	
}



h1{
	font-size:60px;
	font-weight: 700;
	letter-spacing: -1px;
	font-family: 'Open Sans Condensed', sans-serif;
}

h3{
	font-size:22px;
	font-weight: 300;
	margin-top: 20px;
}

h4{
	font-size:20px;
	font-weight: 700;
	margin-top: 5px;
	font-family: 'Open Sans Condensed', sans-serif;
}
p{
	margin-top: 10px;
}

#topbar{
	background: rgba(24,28,30,0.3);
	position: fixed;
	top:0px;
	left:0px;
	width:100%;
	height:55px;
	z-index:1000;
}
#logonav{
	margin-top: -10px;
}




#main{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border-bottom: #252d30 solid 1px; 
	overflow: hidden;
	background-color: rgb(0,173,193);
	
}

#informacje img{
	width:150px;
	height:auto;
	border-radius:3px;
}



#light{
	 opacity: 0.0;
	    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

#insightclash{
	z-index: 100;
}

#idea{
	/*background-color: rgb(0,173,193);*/
	padding:30px 0px 50px 0px;
	/*color:rgb(255,255,255);*/
	
}

.idea{
	background-color: #b1d136;
	border-radius:3px;
	padding:40px 20px 20px 20px;
	box-shadow: 4px 4px rgba(38,45,49,0.9);
	color:rgba(255,255,255,1);
}

strong{
	font-weight: 600;
}

.idea h1{
		font-size:50px;
}

.temat{

}

#cta{
	position:absolute;
	width:400px;
	left:50%;
	margin-left:-200px;
	bottom:10%; 
	z-index:110;
	color:#fff;
	text-align:center;
	font-weight: 700;
	font-family: 'Open Sans Condensed';
	font-size: 28px;
}


#logo_container{
	position: absolute;
	top:0px;
	left:0px;
	z-index:100;
}

#gospodarze img{
	width:150px;
	height:auto;
	border-radius: 3px;
}



#kontakt_button{
	position: absolute;
	top:50px;
	right:50px;
}

#content{
	position: absolute;
	top:100%;
	width:100%;
}

#footer{
	width:100%;
	background-color: #262d31;
	color:#fff;
}

#footer a{
color:rgb(71,192,255);
}

#footer hr{
	background-color: rgba(255,255,255,0.3);
}

#footer h3{
	font-size:20px;
	font-weight:400;
}

#footer img{
	margin-top: 20px;
}

.outer {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
}

.middle {
  display: table-cell;
  vertical-align: middle;
	text-align: center;
}

.navbar-nav{
	font-family: 'Lobster', cursive;
	font-size: 22px;
}

.header{
font-family: 'Lobster', cursive;
	font-size:44px;	
	line-height: 46px;
}

@media (max-width:768px){
	.header{
	font-size:34px;	
	line-height: 36px;
	}
}


#nav_cta{
	background-color: rgb(178,210,53); 
	border-radius: 3px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	margin-left: 20px;
	text-align:center!important;
}



#nav_cta:hover{
	color:#fff!important;
}

#daty{
	background-color:#262d31;
	color:#fff;

		
}

.daty img{
	margin:2px;
}

.daty{
	text-align: center;
	font-size:30px;

}

.daty img{

}



#osoba1, #osoba2, #osoba3, #osoba4, #osoba5{
	padding:0px;
}

#osoba1, #osoba2, #osoba3 div{

}

.bio{
   font-weight:500; 
	padding-top:30px;
	font-style: italic;
}




.button{
	margin-bottom: 10px;
	background: rgb(178,210,53);
	font-weight: 700;
	padding:3px 10px 3px 10px;
	font-size:33px;
	border-radius: 2px;
	letter-spacing: -1px;
	font-family: 'Open Sans Condensed', sans-serif;
	color:#fff;

	text-align: center;
	
}

.button:hover{
	background-color: rgb(255,255,255); 
	cursor: pointer;
	color:#181c1e;
}




.numberCircle {
    display: block;
    height: 30px;
    width: 30px;
    line-height: 37px;

    -moz-border-radius: 30px; /* or 50% */
    border-radius: 30px; /* or 50% */

    background-color: #181c1e;
    color: #fff;
    text-align: center;
    font-size: 22px;
	font-weight: 700;
	float: left;
	
	margin-right: 10px;
	margin-top: -5px;
	
}


/*BOOTSTRAP OVERRIDES*/
.bg-light{
	background:none;
}

nav{
	background:none;
}

nav a{
	background:none;
}

nav a:hover{
	background:none;
}

.navbar-light .navbar-brand{color:rgb(255,255,255)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgb(255,255,255)}.navbar-light .navbar-nav .nav-link{color:rgb(255,255,255)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgb(255,255,255)}.navbar-light .navbar-nav .nav-link.disabled{color:rgb(255,255,255)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(255,255,255)}.navbar-light .navbar-toggler{color:rgba(255,255,255);border-color:rgba(255,255,255)}

.navbar-light {
	border-bottom: none;
}



.navbar-toggler-icon{
	color:#ffffff!important;
}


.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,1);
}

.nav-item img{
	margin-top:-5px;
}

.carousel-inner .carousel-item {
  transition: -webkit-transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
}

.carousel-item {
	padding: 70px 0px 60px 0px;
}

.carousel-control-prev{
	opacity: 1 !important;
}

.carousel-control-next{
	opacity: 1 !important;
}
/*BOOTSTRAP OVERRIDES END*/



@media (min-width:992px){
	
	/*.bio{
	position: absolute;
	bottom:70px;
	padding-top:0px;
}*/
	
	#main img{

	width:100%;
		height: auto;
		position: absolute;
		bottom:0px;

}

	
}




@media (min-width:768px){
	
	.mobile{
		display:none;
	}
	
	.inner img{
		margin-top:-150px;
	}


}


/*@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav .dropdown-menu{
		right:100px!important;
		width:300px;
	}
}*/

@media (max-width:768px){
	
.outer {
  display: block;
	margin-top:30px;

}

.middle {
  display: block;

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

nav a{
	background:rgba(0,0,0,0.9);
}

nav a:hover{

}
	
#nav_cta{
	margin-left: 0px;
	}
	

}