/*#####################################################################################################################*/
/* ------------------------------------------- Własny CSS -------------------------------------------------------------*/ 
/*#####################################################################################################################*/

/*#####################################################################################################################*/
/* Główne*/
/*#####################################################################################################################*/
body{
	
	font-family: 'Open Sans';
	color: #34495e;
	background-color: #ffffff;
}

.btn-success{
	background-color: #1ABC9C;
	border-color: #1ABC9C;
	margin-top: 4rem;
}
.btn-success:hover{
	background-color: #48c9b0;
	border-color: #48c9b0;
}

/*#####################################################################################################################*/
/* Typografia */
/*#####################################################################################################################*/

h1,h2,h3,h4,h5,h6{
	color: #5c6166;
	font-weight: 300;
	}

h1{
	font-size: 6rem;
}

h2{
	font-size: 4rem;
	line-height: 6rem;
}

h3{
	font-size: 2.5rem;
	line-height: 3rem;
}
h4{
	font-size: 2rem;
	line-height: 3rem;
	color: #a4abb3;
}
h5{
	font-size: 2rem;
	line-height: 3rem;
}
.naglowek_czerwony{
	color: #FC4349;
}
a:hover{
	text-decoration: none;
}

.glyphicon{
	color: #6DBCDB;
}

/*#####################################################################################################################*/
/* Menu Górne*/
/*#####################################################################################################################*/

#menu{
	background-color: #2c3e50;
	
}

.navbar{
	background-color: #2c3e50;
	font-size: 1.7rem;
	color: #ffffff;
	padding-top: 3rem;
	border-color: #2c3e50;
}

.navbar-outer{
	width: 1200px;
}

.navbar-inverse .navbar-nav > li > a{
	color: #ffffff;
	margin-left: 5px;
	border: 1px solid transparent;
	line-height: 1rem;
}

.navbar-inverse .navbar-nav > li > a:hover{
	display: block;
	color: #fc4349;
	border: 1px solid transparent;
	border-color: #fc4349;
	line-height: 1rem;
	border-radius: 4px;
	transition: all 0.7s ease;
}

.navbar-inverse .navbar-nav > .active > a{
	display: block;
	border-color: #ffffff;
    background-color: #2c3e50;
    border-radius: 4px;
}

.navbar-inverse .navbar-nav > .active > a:hover{
	color: #fc4349;
	background-color: #2c3e50;
}

#logo img{
	display: block;
	float: none;
	margin-top: -2.8rem;
}

/*#####################################################################################################################*/
/* Efekt Carousel pełna szerokośc okna */
/*#####################################################################################################################*/

#pokaz-slajdow{
	padding-top: 9rem;
}

.carousel .item{
	width: 100%;
	max-height: 900px;
}

.carousel .item img{
	width: 100%;
}

.carousel .carousel-control{
	background: none;
	border: none;
	top: 50%;
}

.carousel-caption{
	top: 100px;
	bottom: auto;
}

.carousel-caption h1{
	text-transform: uppercase;
	font-weight: 600;
	line-height: 8rem;
	color: #ffffff;
}

.carousel-caption p{
	font-size: 2.5rem;
	font-weight: 300;
	color: #ffffff;
}
/*#####################################################################################################################*/
/* Nowosci*/
/*#####################################################################################################################*/
#nowosci{
	padding-top: 8rem;
	padding-bottom: 3rem;
	text-align: center;
}

.nowosci_panel{
	padding-top: 1rem;
	padding-bottom: 2rem;
	text-align: left;
	border-bottom: solid 1px #E5E5E5;
}
.nowosci_panel:hover{
	background-color: #F7F8FA;
}

#nowosci a:hover{
	-webkit-animation: pulse .8s;
	-moz-animation: pulse .8s;
	
}
/*#####################################################################################################################*/
/* O nas */
/*#####################################################################################################################*/

#onas{
	padding-top: 8rem;
	padding-bottom: 3rem;
	text-align: center;
}

.onas_naglowek{
	margin-bottom: 5rem;
}

.thumbnail{
	background-color: #1ABC9C;
	border-radius: 6px;
	padding: 2rem;
}
.thumbnail h3{
	color: #ffffff;
	
}
.thumbnail p{
	font-size: 1.5rem;
	color: #ffffff;
	
}
/*#####################################################################################################################*/
/* Liczby */
/*#####################################################################################################################*/
#liczby{
	padding-top: 8rem;
	padding-bottom: 3rem;
	background-color: #6dbcdb;
}
#liczby h1,
#liczby h5{
	color: #6dbcdb;
}
#liczby h3,
#liczby p{
	color: #ffffff;
}
.liczby_kafelek{
	background-color: #ffffff;
	padding-top: 2rem;
	padding-bottom: 3rem;
	margin-bottom: 2rem;
	text-align: center;
	border-radius: 0.4rem;
}
.liczby_kafelek h1{
	font-weight: 500;
	
}
.liczby_kafelek h5{
	font-size: 2rem;
	
}

/*#####################################################################################################################*/
/* Zespół */
/*#####################################################################################################################*/
#zespol{
	padding-top: 8rem;
	padding-bottom: 3rem;
	text-align: center;
}

.zespol_naglowek{
	padding-bottom: 5rem;
	
}

.nav-pills > li{
	float:none;
	padding-left: 1rem;
	display: inline-block;
}
.nav-pills > li > a{
	color:#FC4349;
	border:1px solid #FC4349;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover{
	color:#ffffff;
	background-color: #FC4349;
}
.nav-pills > li > a:hover{
	border:1px solid #FC4349;
	background-color: #ffffff;
}
.nav-pills {
	text-align: center;
	padding-bottom: 2rem;
}

.zespol_ikonki a:hover span{
	-webkit-animation: rubberBand .8s;
	-moz-animation: rubberBand .8s;
	
}

.zespol_przyciski a:hover{
	-webkit-animation: rotateOut .4s;
	-moz-animation: rotateOut .4s;
	
}
/*#####################################################################################################################*/
/* Wspolpracowicy */
/*#####################################################################################################################*/
#wspolpracownicy{
	padding-top: 8rem;
	padding-bottom: 3rem;
	text-align: center;
}
.wspolpracownicy_naglowek{
	padding-bottom: 5rem;
}
.wspolpracownicy_foto{
	padding: 1.7rem;
	margin: 0 auto;
	width: 26rem;
}
#wspolpracownicy a:hover img{
	-webkit-animation: pulse .9s;
	-moz-animation: pulse .9s;
	
}
#wspolpracownicy a:hover span{
	-webkit-animation: flip .5s;
	-moz-animation: flip .5s;
	
}
/*#####################################################################################################################*/
/* Kursy */
/*#####################################################################################################################*/
#kursy{
	padding-top: 8rem;
	padding-bottom: 3rem;
	text-align: center;
}

.kursy_naglowek{
	padding-bottom: 5rem;
}
.kursy_zdjecia{
	margin-bottom: 1.5rem;
}
.kursy_zdjecia a:hover img{
	-webkit-animation: pulse .7s;
	-moz-animation: pulse .7s;
	opacity: 0.8;
}
/*#####################################################################################################################*/
/* Klienci */
/*#####################################################################################################################*/
#klienci{
	padding-top: 8rem;
	padding-bottom: 3rem;
	text-align: center;
	height: 40rem;
	background-color: #000000;
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	background: url('../images/klienci_tlo.jpg') repeat 0 1000px fixed;
}

#klienci h2{
	color: #ffffff;
	margin-bottom: 4rem;
}


/*#####################################################################################################################*/
/* Promocje */
/*#####################################################################################################################*/
#promocje{
	padding-top: 8rem;
	padding-bottom: 3rem;
	text-align: center;
	
}

.promocje_naglowek{
	padding-bottom: 5rem;
}
.promocje_naglowek{
	
}

#promocje h5,
#promocje p{
	text-align: left;
	margin-top: 4rem;
}
/*#####################################################################################################################*/
/* Wyprzedaż */
/*#####################################################################################################################*/
#wyprzedaz{
	padding-top: 8rem;
	padding-bottom: 3rem;
	text-align: center;
}

.wyprzedaz_naglowek{
	padding-bottom: 5rem;
}

.wyprzedaz_kafelek_naglowek{
	padding-top: 1.5rem;
	padding-bottom: 2rem;
	background-color: #ECF0F1;
	border-top-left-radius: 0.4rem;
	border-top-right-radius: 0.4rem;
	-webkit-border-top-left-radius: 0.4rem;
	-webkit-border-top-right-radius: 0.4rem;
	-moz-border-radius-topleft: 0.4rem;
	-moz-border-radius-topright: 0.4rem;
}

.wyprzedaz_kafelek_opis{
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	font-size: 1.5rem;
	background-color: #E4E4E4;
	border-bottom-left-radius: 0.4rem;
	border-bottom-right-radius: 0.4rem;
	-webkit-border-bottom-left-radius: 0.4rem;
	-webkit-border-bottom-right-radius: 0.4rem;
	-moz-border-radius-bottomleft: 0.4rem;
	-moz-border-radius-bottomright: 0.4rem;
}

.wyprzedaz_zdjecie{
	position: relative;
	left: 0;
	top: 0;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#wyprzedaz a:hover{
	-webkit-animation: pulse .7s;
	-moz-animation: pulse .7s;
	opacity: 0.8;
}
/*#####################################################################################################################*/
/* Kontakt */
/*#####################################################################################################################*/
#kontakt{
	padding-top: 15rem;
	padding-bottom: 15rem;
	text-align: left;
}
#kontakt button:hover{
	-webkit-animation: wobble .7s;
	-moz-animation: wobble .7s;
	opacity: 0.8;
}
/*#####################################################################################################################*/
/* Stopka */
/*#####################################################################################################################*/
#stopka{
	padding-top: 8rem;
	padding-bottom: 6rem;
	text-align: left;
	background-color: #000000;
	color: #ffffff;
}

#stopka h4{
	color: #ffffff;
}

#stopka img{
	float: right;
	margin-right: 2rem;
	width: 4rem;
	
}