/* Global */
body, html {
	width: 100%;
	height: 100%;
}

body {
	font-family: 'Armata', sans-serif;
	font-weight: 400;
	font-size: 1.0em;
	color: #8a8683;
	background-color:#ffffff;

}

img {
	max-width: 100%;
}
a:link {
	color: #c0a062;
	text-decoration: none;
}
a:hover {
	color: #50432e;
	text-decoration: none;
}
a:visited {
	color: #c0a062;
	text-decoration: none;
}

@font-face {
  font-family: 'typicons';
  src: url("typicons/typicons.eot");
  src: url("typicons/typicons.eot?#iefix") format('embedded-opentype'),
       url("typicons/typicons.woff") format('woff'),
       url("typicons/typicons.ttf") format('truetype'),
       url("typicons/typicons.svg#typicons") format('svg');
  font-weight: normal;
  font-style: normal;
}


.whitebox  {
	background :#fff;
	opacity : 0.8;
	display: inherit;
	padding: 2%;
}

.whitebox2 {
	background :#fff;
	color : #333;
	display: inherit;
	text-align: center;
	-webkit-transition: all 0.5s ease-In-Out;
	-moz-transition: all 0.5s ease-In-Out;
	transition: all 0.5s ease-In-Out;
	font-size: 0.8em;
}

.whitebox2:hover {
	background :#c0a062;
	color : #fff;
	display: inherit;
	text-align: center;
}

.redbox  {
	background :#c0a062;
	color : #fff;
	opacity : 0.95;
	display: inherit;
	padding: 2%;
}

/* Navigation */

#menu {
	-webkit-transition: all 0.5s ease-In-Out;
	-moz-transition: all 0.5s ease-In-Out;
	transition: all 0.5s ease-In-Out;
	background : #fff; 
}

#menu img { width :100%; 
	-webkit-transition: all 1s ease-In-Out;
	-moz-transition: all 1s ease-In-Out;
	transition: all 1s ease-In-Out;
}

.is-sticky { 
	background :#fff !important;
	box-shadow: 0 1px 10px #333;
}

.is-sticky img {
	width : 70% !important;

}
.menu {
	position:fixed;
	/*top:0px; */
	width:100%; 
	height:auto; 
	background-color: #fff;
	z-index:1000;
	display: block;
	position: relative;
}
#logo {
	text-align: center;
	margin: 20px 0;
}
#nav {
	text-align: right;
	margin: 30px 0 0 0;
}


.navigation{
	float: right;
	list-style: none;
	margin: 0;
}
.navigation li{
	float: left;
	padding:0 0 0 30px;
}
.navigation li:hover, .navigation a:hover{
	cursor:pointer;
	color : #c0a062;
	color: inrehit;
}

.navigation a {
	color: inherit;
}
.navigation .active, .navigation .current {
	cursor:pointer;
	color: #c0a062 !important;
	font-weight:bold;
}

/* serwis box */
.serwis-box { 
	
	color: #eee; 
	width: 220px; 
	position: fixed; 
	right: 0px; 
	top: 10px; 
	z-index: 100; 
	padding : 10px;

}

.serwis-box a { color : #fff;} 

.serwis-box2 { 
	
	float: right;
	color: #eee; 
	width: 240px; 
	position: relative; 
	right: 0px; 
	top: 0px; 
	z-index: 100; 
	padding : 0px;
	display: none; 
} 

.serwis-box2 h2 {
	display: inline;
	font-size: 1em;
}
/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:140px 0;
}



/* Slide 1 */ 

#slide1{
	background-color:#000;
	background-image: url(../images/home_bg.jpg);
	background-size: cover;
	color : #333;
	display: table;
	width: 100%;
	height: 100%;
	

}
#slide1 h1 {
	font-size: 3.8em;
	letter-spacing: -1px;
	line-height: 1;
	color:#eee;
	font-weight: 700;
	
}
#slide1 h2 {
	font-size: 1.6em;
	color: #fff;
	line-height: 1;
	padding-bottom:20px;
	font-weight: 400;
}

 a {
	font-size: 0.9em;
	letter-spacing: -1px;
	line-height: 1;
	color:#eee !important;
	font-weight: 700;
	text-shadow: 1px 1px #000;
	
}

#slide1 #moreHome {
	display: none;
	
}
#slide1 img {
	width: 60%;
}

#slide1 .scrollmore {
	position: absolute;
	width: 100%;
	bottom: 5%;
	left: 0;
	margin: auto;
	text-align: center;
}

#slide1 .flexslider {
	color : #fff;
	font-size : 1.35em !important;
}

#slide1 b {
	color: #c0a062;
	text-shadow: 1px 1px #111;
}

.centerBox {
	margin-top : 10px;
	text-align: center;

}

.findmore {
	font-size: 1.2em;
	color: #777;
	padding: 15px;
	background-color: #c0a062;
	color : #fff !important;
	border: 3px solid #fff;
	font-weight: bold;
	display: block;
	margin: 0 auto;
	width : 200px;
	min-width: 50%;
	-webkit-transition: all 0.5s ease-In-Out;
	-moz-transition: all 0.5s ease-In-Out;
	transition: all 0.5s ease-In-Out;
	
}

.findmore:hover {
	background: none;
	border: 3px solid #c0a062;
	color: #c0a062 !important;
}

.findmore2 {
	display: inline-block;
	font-size: 1em;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 10px;
	text-align: center;
	line-height: 1;
	padding: 15px 25px;
	border: 2px solid;
	color: #fff;
	-webkit-transition: all 0.5s ease-In-Out;
	-moz-transition: all 0.5s ease-In-Out;
	transition: all 0.5s ease-In-Out;
}

.findmore2:hover {
 background-color : #c0a062 !important;
}

.findmore3 {
	font-size: 1.2em;
	color: #777;
	padding: 15px;
	background: none;
	border: 3px solid #c0a062;
	color: #c0a062 !important;
	font-weight: bold;
	display: block;
	margin: 0 auto;
	width : 200px;
	min-width: 50%;
	-webkit-transition: all 0.5s ease-In-Out;
	-moz-transition: all 0.5s ease-In-Out;
	transition: all 0.5s ease-In-Out;
	
}

.findmore3:hover {
	background-color: #c0a062;
	color : #fff !important;
	border: 3px solid #fff;
}
.aspec, .aspec:hover { color :#fff !important; }

.boxHello {
	display: table;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.hello {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%; 
	height: 100%;
	
}

.overlay {
	background-image: url(../images/darkdot.png);
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: repeat;
}


/* Slide 1a */ 

#slide1a {
	background-color:#ffffff;
	background-image: url(../images/home_bg2.jpg);
	background-size: cover;
	color : #fff;text-align: center;
	text-shadow: 1px 1px #000;
	
}
#slide1a h2 {
	
}

/* Slide 1b */ 

#slide1b {
	background-color:#ffffff;
	background-image: url(../images/home_bg3.jpg);
	background-size: cover;
	color : #fff;text-align: center;
	text-shadow: 1px 1px #000;
	
}

/* Slide 1b */ 

#slide1c {
	background-color:#ffffff;
	background-image: url(../images/home_bg4.jpg);
	background-size: cover;
	color : #fff;
	text-align: center;
	
	
}


/* Slide 1 Baner */
#slide1baner {
	background-color:#ffffff;
	background-size: cover;
	color : #333;
	display: table;
	width: 100%;
	height: 70%;


}
#slide1baner  h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0em;
	color:#fff;
	font-weight: 700;
	
}
#slide1baner  h2 {
	font-size: 2em;
	color: #fff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

#slide1baner  #moreHome {
	display: none;
	
}

.subpage {
	padding-top: 0px !important;
}

/* Slide Banner class */

	

/* Slide 2 */ 

#slide2{
	background:url('../images/home_bg2.jpg') center center; 
	background-color:#000;
	background-size: cover;
	color:#fff;
	height: 100%;
    width: 100%;
}
#slide2 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#fff;
	font-weight: 700;
}
#slide2 h2 {
	font-size: 2em;
	color: #fff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

#slide2 b {
	color: #c0a062;
}

.fx {
	font-size: 7em;
}
.fx3 {
	font-size: 3em;
	color :#fff;
}
/* Slide 3 */ 

#slide3{
	background:url('../images/home_bg3.jpg') center center; 
	background-color:#000;
	background-size: cover;
	color:#fff;
	height: 100%;
    width: 100%;
}
#slide3 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#c0a062;
	font-weight: 700;
}
#slide3 h2 {
	font-size: 2em;
	color: #c0a062;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}
#test{
	background-color:#333;
	color:#ffffff;
	text-align:center;
	font-size: 2em;
	font-weight: 400;
}




/* Slide 4 */

#slide4{
	background:url('../images/home_bg4.jpg') center center; 
	background-color:#000;
	background-size: cover;
	color:#fff;
	height: 100%;
    width: 100%;
}
#slide4 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#fff;
	font-weight: 700;
}
#slide4 h2 {
	font-size: 2em;
	color: #eee;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

/* Slide 5 */

#slide5{
	background:url('../images/home_bg5.jpg') center center; 
	background-color:#000;
	background-size: cover;
	color:#fff;
	height: 100%;
    width: 100%;
}
#slide5 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#fff;
	font-weight: 700;
}
#slide5 h2 {
	font-size: 2em;
	color: #eee;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

/* Slide 5 */

#slide6{
	background:url('../images/home_bg0.jpg') center center; 
	background-color:#000;
	background-size: cover;

	color:#fff;
	height: 100%;
    width: 100%;
}
#slide6 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#fff;
	font-weight: 700;
}
#slide6 h2 {
	font-size: 2em;
	color: #eee;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

/* Tablet */
@media screen and (max-width: 1024px) {
.serwis-box { 
	background: #c0a062; 
	color: #eee; 
	width: 240px; 
	position: fixed; 
	right: 0px; 
	top:0px; 
	z-index: 100; 
	font-size: 0.7em;
	padding : 5px;
}
.serwis-box h2 {
	display: inline;
	font-size: 1em;
}
#logo {
	/* width: 100%;*/
	text-align: center;
	
}

#nav {
	/*width:100%;
	text-align:center;
	margin:10px 0; */
}

.navigation{
	/* width: 100%;
	float: center; 
	list-style: none;
	margin: 0;
	padding:0;*/
}

.navigation li{
	float: left;
	/*width:20%; */
	padding-left:10px;/* */
}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:150px 0;
}

#decorative {
	display:none;
}

#content {
	text-align:center;
	width:100%;
}

#slide1 h1 {
	line-height: 1em;
}
#slide1 img {
	width: 100%;
}
#slide1 h2 {
	line-height: 1em;
}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}

}




/* Mobile */
@media screen and (max-width: 480px) {

.serwis-box { 
	
	color: #eee; 
	width: 240px; 
	position: relative; 
	right: 0px; 
	top: 0px; 
	z-index: 100; 
	padding : 10px;
	display: none;
}

.serwis-box h2 {
	display: inline;
	font-size: 1em;
}


.serwis-box2 { 

	display: block;

}


#logo {
	width: 100%;
	text-align: center;
	display: none;
}

#nav {
	width:100%;
	margin:5px 0;
	display: none;
}

.navigation{
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
	float: left;
	width:20%;
}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:150px 0;
}


#slide1 h1 {
	line-height: 1em;
}
#slide1 img {
	width: 100%;
}
#slide1 h2 {
	line-height: 1em;
}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}


}

/* Addons */

.hexagon {
display: block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
float: none;
z-index: auto;
width: 100%;
height: auto;
position: relative;
content: ;
cursor: default;
opacity: 1;
top: auto;
right: auto;
bottom: auto;
left: auto;
margin: 0;
padding: 0;
overflow: visible;
outline: none;
border: 0 solid rgba(0,0,0,1);
-webkit-border-radius: 0;
border-radius: 0;
font: normal normal normal 100%/normal Arial, Helvetica, sans-serif;
color: rgba(0,0,0,1);
text-decoration: none;
text-align: left;
text-transform: none;
text-indent: 0;
-o-text-overflow: clip;
text-overflow: clip;
letter-spacing: 0;
white-space: normal;
word-spacing: 0;
word-wrap: ;
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
transform: scaleX(1) scaleY(1) scaleZ(1);
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
}

.hexagon:before {
display: block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
float: none;
z-index: auto;
width: 0;
height: 0;
position: absolute;
content: "";
cursor: default;
opacity: 1;
top: -40px;
right: auto;
bottom: auto;
left: 0;
margin: 0;
padding: 0;
overflow: visible;
outline: none;
border: 75px solid rgba(0,0,0,0);
border-top: 0 solid rgba(0,0,0,1);
border-bottom: 40px solid #fff;
-webkit-border-radius: 0;
border-radius: 0;
font: normal normal normal 100%/normal Arial, Helvetica, sans-serif;
color: rgba(0,0,0,1);
text-decoration: none;
text-align: left;
text-transform: none;
text-indent: 0;
-o-text-overflow: clip;
text-overflow: clip;
letter-spacing: 0;
white-space: normal;
word-spacing: 0;
word-wrap: ;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
transform: scaleX(1) scaleY(1) scaleZ(1);
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
}

.hexagon:after {
display: block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
float: none;
z-index: auto;
width: 0;
height: 0;
position: absolute;
content: "";
cursor: default;
opacity: 1;
top: auto;
right: auto;
bottom: -40px;
left: 0;
margin: 0;
padding: 0;
overflow: visible;
outline: none;
border: 75px solid rgba(0,0,0,0);
border-top: 40px solid #fff;
border-bottom: 0 solid rgba(0,0,0,1);
-webkit-border-radius: 0;
border-radius: 0;
font: normal normal normal 100%/normal Arial, Helvetica, sans-serif;
color: rgba(0,0,0,1);
text-decoration: none;
text-align: left;
text-transform: none;
text-indent: 0;
-o-text-overflow: clip;
text-overflow: clip;
letter-spacing: 0;
white-space: normal;
word-spacing: 0;
word-wrap: ;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
transform: scaleX(1) scaleY(1) scaleZ(1);
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
}

.foot {
	position: relative;
	text-align: right;
	background: #222;	
	font-size: 9px;
	color: #eee;
	padding: 10px;
}

.owl-item  {
	opacity: 1;
}

.owl-item :hover {
	opacity: 0.9;
}

#mobile-header {
    display: none;
	background: #333;
	width: 100%;
	padding: 10px;
	
}

#mobile-header a {
	font-size :1em;
	color : #fff;
}

@media only screen and (max-width: 767px){
    #mobile-header, .serwis-box2 {
        display: block;	
    }
	#logo, #nav ,.serwis-box {
	 display : none;
	}
	
	.grid_2 { width: 30%;} 
}
@media only screen and (max-width: 420px){
	.grid_2 { width: 40%;} 
}

#sidr-id-logo { padding : 10px; background : #eee; }

.sidr ul li { padding-left : 0px; }

.cH1 { font-size : 4em;}
.cH2 { font-size : 5em; margin : 0 auto;}
.link {text-decoration : underline; color : #c0a062;  }
.link:hover {text-decoration : underline; color : #333;  }

.hand {  cursor: pointer;
  cursor: hand;
}

.ta { text-align: center;}
.tj { text-align: justify;}

.boxshadow {
	box-shadow: 5px 0px 5px #777; 
	z-index: 1;
 }
 
 .relative {
 z-index: 2;
 position: relative;
}

.overlay2 {
 z-index:1;
 top:0;
 }
 
 .none {
  display: none;
 }
 
 /* Animation */
 
 .intro {
     animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */
}
 
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
}