@import url(http://fonts.googleapis.com/css?family=Roboto:100,400,500,600,700,300,200&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900&subset=latin,latin-ext);

body {
	background: #fff;
	font-family: 'CoreSansA35Light', sans-serif;
}
a:hover {
	text-decoration: none;
}
#MainBg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../gfx/bg_main.jpg) no-repeat center top;
	background-attachment: fixed;
}
#Top {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
	border-bottom: 1px solid #ccc;
}

#Top .navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
}
#Top .navbar-header {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}
#Top .navbar {
	position: relative;
	margin: 0;
	height: 80px;
	padding: 20px 0;
    border-radius: 0;
    background-color: transparent;
    border: none;
	transition: 0.3s;
}
body.bgMenu #Top .navbar {
    background-color: #fff;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.25);
}
#Top .navbar img {
	height: 40px;
	width: 205px;
	transition: 0.3s;
}
#Top .navbar.fix {
	height: 80px;
	padding: 20px 0;
    background-color: #fff;
	transition: 0.3s;
}

#MainMenu {
	padding-top: 0;
	transition: 0.3s;
}
#MainMenu a {
	padding: 10px 15px;
	font-size: 16px;
	color: #000;
	font-family: 'CoreSansA35Light', serif;
	font-weight: normal;
	font-style: normal;
}
#MainMenu a span {
	position: absolute;
	display: block;
	top: -20px;
	left: 0;
	right: 0;
	height: 5px;
	transition: 0.3s;
}
.fix #MainMenu a span {
	top: -25px;
}
#MainMenu a:hover, #MainMenu li.active a {
	color: #b29460;
	background: transparent;
	transition: 0.3s;
}
#MainMenu a:hover span, #MainMenu li.active a span {
	background: #b29460;
	transition: 0.3s;
}
#Top .navbar-toggle {
	margin-top: 0;
	background: transparent;
	border-color: #888;
}
#Top .navbar-toggle:hover {
	border-color: #b29460;
}
#Top .navbar-toggle:hover * {
	background: #b29460;
}

/* ======================================================================= */

#Page section {
	position: relative;
	overflow: hidden;
}
#Page section .vpadd {
	padding: 130px 0;
}
#Page section .vpadd2 {
	padding: 70px 0;
}
#Page section .vpaddMini {
	padding: 70px 0 20px 0;
}
#Page section .vpadd-top {
	padding-top: 130px;
}
#Page section .vpadd-bot {
	padding-bottom: 130px;
}
#Page section .BgText {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#Page section .Text {
	position: relative;
	z-index: 3;
} 

#start .BgText {
	background: url(../gfx/newTop.png) no-repeat center 80px;
}

#atuty {
	background: #c0bbb8 url(../gfx/bg_klienci.jpg) no-repeat center top;
}
#atuty .BgText {
	background: url(../gfx/bg_section_talent.png) no-repeat center 110px;
}
#atuty .BigSpace {
	height: 200px;
}

#zakres-uslug .BgText {
	background: url(../gfx/bg_section_produkcja.png) no-repeat center 108px;
}
#zakres-uslug .Bg01 {
	background: url(../gfx/bg_section_produkcja_01.png) no-repeat center center;
}
#zakres-uslug .Bg02 {
	background: url(../gfx/bg_section_produkcja_02.png) no-repeat center center;
}
#zakres-uslug .Bg03 {
	background: url(../gfx/bg_section_produkcja_03.png) no-repeat center center;
}
#zakres-uslug .BallRow {
	margin-top: 100px;
}

#kontakt {
	background: url(../gfx/bg_kontakt.jpg) no-repeat center top;
}
#kontakt .BgText {
	background: url(../gfx/bg_section_jestesmy.png) no-repeat center 95px;
}

/* ======================================================================= */

#Boxes .mItem {
	position: relative;
	float: left;
	padding: 0;
	text-align: center;
	overflow: hidden;
}
#Boxes .mItem .ins {
	display: table;
	height: inherit;
}
#Boxes .mItem .ins .insc {
	padding: 20px;
	display: table-cell;
	vertical-align: middle;
	transition: 0.3s;
}
@media (max-width: 768px) { 
	#Boxes .mItem {
		float: none;
	}
}

#Boxes .typeWhite {
	background: #fff;
	color: #444;
}
#Boxes .typeBlack {
	background: #000;
	color: #fff;
}
#Boxes .typeBrown {
	background: #362e2c;
	color: #dbdbdb;
}
#Boxes .typeLightGray {
	background: #f8f8f8;
	color: #232122;
	color: #444;
}
#Boxes .typeGray {
	background: #eee;
	color: #232122;
	color: #444;
}
#Boxes .mItem .ins .insc:hover {
	box-shadow: inset 0 0 0 10px #000;
	background: rgba(0,0,0,.1);
	transition: 0.3s;
}
#Boxes .mItem.typeBlack .ins .insc:hover, #Boxes .mItem.typeBrown .ins .insc:hover {
	box-shadow: inset 0 0 0 10px #fff;
	background: rgba(255,255,255,.1);
}

#Boxes .mItem h3 {
	margin-bottom: 20px;
	padding: 0 0 15px 0;
	color: #000;
	font-size: 20px;
	font-weight: 300;
	background: url('data:image/gif;base64,R0lGODlhZAABAJEAAAAAAAAAAAAAAAAAACwAAAAAZAABAAAIEgABCBxIsKDBgwgTKlzIsGHCgAA7') no-repeat center bottom; 
	transition: 0.3s;
		font-family: 'CoreSansA45Regular', serif;
}

#Boxes .mItem.typeBlack h3, #Boxes .mItem.typeBrown h3 {
	color: #fff;
	background: url('data:image/gif;base64,R0lGODlhZAABAJEAAP///////////////ywAAAAAZAABAAAIEgABCBxIsKDBgwgTKlzIsGHCgAA7') no-repeat center bottom; 
}

/* ======================================================================= */

.Text h1, .Text h2 {
	display: block;
	margin: 7px;
	font-family: 'Playfair Display', serif;
	font-size: 34px;
	font-weight: 400;
	color: #000;
	text-transform:uppercase;
}

.Text h3 {
	display: block;
	margin: 10px 0 30px 0;
	font-family: 'CoreSansA45Regular', serif;
	font-size: 44px;
	font-weight: 100;
	letter-spacing: 1px;
	color: #000;
}

.Text h4 {
	display: block;
	margin: 0 0 5px 0;
	font-family: 'CoreSansA45Regular', serif;
	color: #5C4D4A;
	font-weight: 300;
	font-size: 20px;
	line-height: 1.2em;
}

.Text p {
	font-family: 'CoreSansA35Light', serif;
	font-size: 16px;
}
.Text a {
	color: inherit;
	text-decoration: underline;
}
.Text a:hover {
	text-decoration: none;
}

.Text.White h1, .Text.White h2, .Text.White h3, .Text.White h4, .Text.White p {
	color: #fff;
}

#Page .FatLine {
	display: inline-block;
	margin: 30px 0;
	padding-bottom: 4px;
	width: 100%;
	background: url('data:image/gif;base64,R0lGODlhkwAEAIAAAP///////yH5BAEKAAEALAAAAACTAAQAAAIWhI+py+0Po5y02ouz3rz7D4biSJZfAQA7') no-repeat center bottom;
}

#Page .FatLine.Black {
	background: url('data:image/gif;base64,R0lGODlhkwAEAIABAAAAAP///yH5BAEKAAEALAAAAACTAAQAAAIWhI+py+0Po5y02ouz3rz7D4biSJZfAQA7') no-repeat center bottom;
}
#Page .img-responsive {
	display: inline-block;
}

#Page canvas#canvas-start {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/* ======================================================================= */

#Slider  {
	position: relative;
	width: inherit;
	height: 100%;
}
#Slider .SlidePage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#Slider .SlideNavi {
	position: absolute;
	bottom: 15px;
	right: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 40;
}
#Slider .SlideNavi li {
	display: inline;
	margin-left: 10px;
}
#Slider .SlideNavi a {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 3px #fff;
	transition: 0.3s;
}
#Slider .SlideNavi .act a, #Slider .SlideNavi a:hover {
	box-shadow: 0 0 0 0 #fff;
	transition: 0.3s;
}
#Slider .SlideNavi a:hover {
	background: #000;
	box-shadow: 0 0 0 0 #000;
}
#Slider .SlideNavi span {
	display: none;
}

/* ======================================================================= */

#Page .PageCol {
	color: #ede0cb;
	text-align: center;
	font-family: 'CoreSansA45Regular', sans-serif;
}

#Page .PageCol strong {
	display: block;
	margin-top: 35px;
	margin-bottom: 25px;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 22px;
	color: #ede0cb;
	text-transform: uppercase;
	background: url('data:image/gif;base64,R0lGODlhZAABAJEAAAAAAAAAAAAAAAAAACwAAAAAZAABAAAIEgABCBxIsKDBgwgTKlzIsGHCgAA7') no-repeat center bottom; 
}
#Page .PageCol p {
	color: #fff;
	font-size: 15px;
}
#Page .PageCol.White {
	color: #fff;
}
#Page .PageCol.White h3 {
	background: url('data:image/gif;base64,R0lGODlhZAABAJEAAP///////////////ywAAAAAZAABAAAIEgABCBxIsKDBgwgTKlzIsGHCgAA7') no-repeat center bottom; 
}
#Page .PageCol.White p {
	color: #ccc;
}
#Page .PageCol a {
	display: block;
	color: inherit;
	transition: 0.3s;
}
#Page .PageCol a:hover {
	color: #ede0cb;
	transition: 0.3s;
}

#Page .BigIco {
	display: inline-block;
	width: 220px;
	height: 220px;
	border-radius: 110px;
	background: url(../gfx/icon_page.png) no-repeat left center;
	transition: 0.3s;
}
#Page a:hover .BigIco {
	box-shadow: 0 0 0 15px #fff;
}
#Page .BigIco.wspolpraca {
	background-position: center top;
}
#Page .BigIco.satysfakcja {
	background-position: right top;
}

#Social {
	margin: 120px 0;
}
#Social a {
	display: inline-block;
	width: 80px;
	height: 80px;
	box-shadow: 0 0 0 5px #fff;
	border-radius: 40px;
	background: url(../gfx/icon_social.png) no-repeat;
	transition: 0.3s;
}
#Social a:hover {
	box-shadow: 0 0 0 5px #46629e;
	background-color: #333;
	background-color: rgba(70,98,158,.5);
	transition: 0.3s;
}
#Social a span {
	display: none;
}
#Social a.in {
	background-position: left top;
}
#Social a.i {
	background-position: center top;
}
#Social a.p {
	background-position: right top;
}

/* ======================================================================= */

#Page .Footer {
	padding: 100px 0 0 0;
	text-align: center;
}

/* ======================================================================= */


@media (max-width: 768px) { 
	#MainMenu {
		margin: 0;
		margin-top: 5px;
		width: 100%;
		border: none;
		background-color: rgba(223,223,223,.9);
	}
	.fix #MainMenu {
		background-color: rgba(255,255,255,.9);
	}
	#MainMenu a {
		padding: 8px 15px 8px 25px;
		text-align: right;
		font-size: 20px;
	}
	#MainMenu li a span {
		display: none;
	}


	#Page section .BgText {
		background-size: contain;
	}
	#zakres-uslug .Bg01, #zakres-uslug .Bg02, #zakres-uslug .Bg03 {
		margin-top: 20px;
		background-size: contain;
	}
	#Page section .vpadd {
		padding: 50px 0;
	}
	#Page section .vpadd2 {
		padding: 40px 0;
	}
	#Page section .vpaddMini {
		padding: 40px 0 0 0;
	}
	#Page section .vpadd-top {
		padding-top: 50px;
	}
	#Page section .vpadd-bot {
		padding-bottom: 50px;
	}
	#Page section .BallRow {
		margin-top: 40px;
	}
	#Page section .BallRow .vpadd {
		padding: 30px 0;
	}
	#klienci .BigSpace {
		height: 50px;
	}
	.hideOnMobile {display:none !important;}

	#Page .PageCol {
		margin: 50px 0 20px 0;
	}
}

.sendMessage {float:right;}

#bootstrapCaptchaDiv li {list-style-type:none;}

#Page #start {margin-top:10px;}