@CHARSET "UTF-8";

@font-face { font-family: 'Century Gothic'; src: url('../fonts/CenturyGothic.ttf'); }

body { color: #24211d; font-size:12pt; font-weight:lighter; font-family: 'Century Gothic', 'Alata', sans-serif;  /*font-family: 'Didact Gothic', sans-serif;*/ }

strong, .strong { font-weight:bold !important; }

#loader { display:none; position:absolute; top:-999px; left:-999px; }
.menu a:hover { font-weight:bold; }

.top { background:white url('../img/gorneTlo.jpg') top center no-repeat; background-size:cover; min-height:650px; color:white; }
.top h1 { color:#605d5c; margin:250px 0 0 0; font-size:3.5em; }
.top h2 { margin:10px 0 0 0; font-size:2em; }
.top p img { width:80px; margin:20px 0 0 0; }
.top .menu { margin:0px; padding:0px; }
.top .menu li { display:inline-block; margin:120px 20px 0; }
.top .menu li img { width:50px; }
.top .menu li a { color:white; font-size:16pt; }

.info { text-align: center; }
.info p { margin:0 10em 2em 10em; }
.info p.name { display: inline-block; background-color: #24211d; color: white; padding:10px 20px; margin:0 0 30px 0; }
.info p.name2 { display: inline-block; background-color: #24211d; color: white; padding:10px 100px; margin:0 0 30px 0; }

.portfolio { background-color: #24211d; color:white; }
.portfolio .menu { margin:0px; padding:0px; }
.portfolio .menu li { display:inline-block; margin: 0 5px; padding:180px 0; min-width:270px; border-radius:15px; }
.portfolio .menu li:nth-child(1) { background: url('../img/galeria_01.jpg') no-repeat center center transparent; background-size:cover; }
.portfolio .menu li:nth-child(2) { background: url('../img/galeria_02.jpg') no-repeat center center transparent; background-size:cover; }
.portfolio .menu li:nth-child(3) { background: url('../img/galeria_03.jpg') no-repeat center center transparent; background-size:cover; }
.portfolio .menu li:nth-child(4) { background: url('../img/galeria_04.jpg') no-repeat center center transparent; background-size:cover; }
.portfolio .menu li img { width:50px; }
.portfolio .menu li a { color:white; font-size:16pt; }
.portfolio .menu li a.selected { font-weight:bold; }

.fotorelacje { background-color: #24211d; color:white; }
.fotorelacje .menu { margin:0px; padding:0px; }
.fotorelacje .menu li { display:inline-block; margin: 0; padding:10px 0; vertical-align: top; min-width:350px; }
.fotorelacje .menu li img { width:50px; }
.fotorelacje .menu li a { color:white; font-size:16pt; }
.fotorelacje .menu li a.selected { font-weight:bold; }

.kontakt { text-align: center; border-bottom:70px solid #24211d; }
.kontakt p { margin:0px; font-size:16pt; }
.kontakt p.name { display: inline-block; background-color: #24211d; color: white; padding:10px 20px; margin:0 0 30px 0; }
.kontakt img { width:80px; }
.kontakt a { color:inherit; }


.carousel { text-align:center; }
.carousel .carousel-control-prev, .carousel .carousel-control-next { margin-bottom:200px; }
.carousel .carousel-control-prev img, .carousel .carousel-control-next img { height:40px; }
.carousel .carousel-item { max-height:500px; max-width:100%; padding:0 120px; }
.carousel .carousel-item img { max-height:500px; max-width:100%; margin:0px auto; }
.carousel .carousel-indicators { position:static; overflow-x:scroll; justify-content:normal; margin:0 3% 0; }
.carousel .carousel-indicators li { text-indent: 0px; background-color: transparent; height:150px; width:150px;  }

.carousel .carousel-indicators::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; }
.carousel .carousel-indicators::-webkit-scrollbar { width: 12px; background-color: #24211d; }
.carousel .carousel-indicators::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; }



@media (min-width: 455px) {
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1600px) {
}


@media (max-width: 1600px) {
}

@media (max-width: 1200px) {
	.top { min-height:500px; }
	.top h1 { margin:200px 0 0 0; font-size:3em; }
	.top h2 { margin:10px 0 0 0; font-size:1.7em; }
	.top p img { width:60px; margin:20px 0 0 0; }
	.top .menu li { margin:60px 20px 0; }
	
	.portfolio .menu li { display:inline-block; margin: 0 5px; padding:130px 0; min-width:200px; border-radius:15px; }
	
	.fotorelacje .menu li { min-width:300px; margin: 0; padding:10px 0;  }
	.fotorelacje .menu li img { width:50px; }
	.fotorelacje .menu li a { color:white; font-size:12pt; }
	
}


@media (max-width: 992px) {
	.top { min-height:400px; }
	.top h1 { margin:155px 0 0 0; font-size:2em; }
	.top h2 { margin:10px 0 0 0; font-size:1.2em; }
	.top p img { width:60px; margin:20px 0 0 0; }
	.top .menu li { margin:40px 20px 0;  }
	.top .menu li a { font-size: 0.7em; }
	.top .menu li img { width:40px; }
	
	.info p { margin:0 4em 2em 4em; }
	.portfolio .menu li { display:inline-block; margin:5px; padding:100px 0; min-width:150px; border-radius:15px; }
	.portfolio .menu li img { width:40px; }
	.portfolio .menu li a { font-size:12pt; }
	
	.fotorelacje .menu li { min-width:200px; margin: 0 0px; padding:10px 0;  }
	.fotorelacje .menu li a { color:white; font-size:10pt; }  
}

@media (max-width: 768px) {
	.top { min-height:300px; }
	.top h1 { margin:120px 0 0 0; font-size:2em; }
	.top h2 { margin:5px 0 0 0; font-size:1.2em; }
	.top p img { width:45px; margin:5px 0 0 0; }
	.top .menu li { margin:10px 10px 0;  }
	.top .menu li a { font-size: 0.7em; }
	.top .menu li img { width:40px; }
	
	.info p { margin:0 2em 2em 2em; }

	.portfolio .menu li { display:inline-block; margin:5px; padding:100px 0; min-width:100px; border-radius:15px; }
	.portfolio .menu li img { width:30px; }
	.portfolio .menu li a { font-size:10pt; }  

	.fotorelacje .menu li { min-width:150px; margin: 0px; padding:10px 0;  }
	.fotorelacje .menu li img { width:35px; }
	.fotorelacje .menu li a { color:white; font-size:8pt; }  
	
	.carousel {  }
	.carousel .carousel-control-prev, .carousel .carousel-control-next { margin-bottom:70px; }
	.carousel .carousel-control-prev img, .carousel .carousel-control-next img { height:15px; }
	.carousel .carousel-item { max-height:500px; max-width:100%; padding:0 40px; }
	.carousel .carousel-item img { max-height:500px; max-width:100%; margin:0px auto; }
	.carousel .carousel-indicators li { height:50px; width:50px;  }
	.carousel .carousel-indicators li img { height:50px; width:50px;  }
	
}

@media (max-width: 576px) {
	
}

@media (max-width: 455px) {
	
}