@font-face {
 font-family: regular;
 src: url("../font/Lato-Regular.ttf") 
}

@font-face {
 font-family: Italica;
 src: url("../font/Lato-Italic.ttf") 
}

@font-face {
 font-family: bold_regular;
 src: url("../font/Lato-Bold.ttf") 
}


@font-face {
 font-family: Light_Italic;
 src: url("../font/Lato-LightItalic.ttf") 
}


@font-face {
 font-family: digital;
 src: url("../font/digital-7.ttf") 
}




span, div, a, h1, h2, h3, h4, p, html, form, body, dl,ul, img, object {margin: 0; border: 0; padding: 0; text-decoration: none; color: #fff;  list-style-type: none; font-family:bold_regular; font-size:15px;    }

h1 {font-family: Italica; margin: 10px 0; color:#232326; font-size: 22px; }
h2 {margin: 10px 0; color:#ff6600;}
p {text-shadow: 0px 0px 8px #000;}

 

body { margin: 0; }




#top {margin: 0 auto;  width: 100%; background:url("../img/top_bg.png") no-repeat; background-position: center;  height:162px;  } 

a.logo { position:relative;    width:116px; height:81px;  display:block;   background:url(../img/logo.png) no-repeat ; text-indent:-9999px; z-index:1; margin: 0 auto; }

p.ph { position:relative; float: right; text-align: center;  width:200px;   display:block; z-index:2;   margin: -60px 50px 0 0; font-size:25px; color:#ff6600; font-family:bold_regular;   }

p.ph span {font-size:15px; background:#2b2b2b; color: #fff; padding: 5px; font-family:Light_Italic; }



#menu_wrap { margin: 0 auto;  width: 100%; background:url("../img/menu_bg.png") no-repeat; background-position: center;  height:45px; text-align: center; padding: 15px 0 0 0; 
	border-bottom: 2px solid; border-image-source: linear-gradient(90deg, #2b2b2b, #ff6600, #2b2b2b);  border-image-slice: 1; }

 

#menu_wrap li { display:inline; margin:0 15px ; position:relative;}
#menu_wrap a { font-size:20px; color:#2b2b2b; font-family:Italica;     }

.meffect {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.meffect:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #ff6600;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.meffect:hover:before, .meffect:focus:before, .meffect:active:before {
  right: 0;
}


#ban_bg { width: 100%; height: 522px; background:url("../img/ban_bg.jpg") repeat-x; text-align: center;  }

#elv1 {width: 340px; height: 522px;   display:inline-block;  overflow: hidden; }
#elv2 {width: 291px; height: 522px; background:url("../img/elev_02.png") no-repeat; display: inline-block;   }


/* Bounce To Left */
.hvr-bounce-to-left {
	width: 340px; height: 522px;  display: block;
	 padding: 58px 0 0 10px;
	font-family: digital; color: #000;
   
  vertical-align: middle;
	background:url("../img/elev_01.png") no-repeat;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 75px;
  bottom: 0;
  background:url("../img/elev_01anim.gif") no-repeat;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: #f3e586;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}



#main_wrap_main { margin: 0 auto; width:100; display:block; overflow:hidden;  background:url("../img/ban_bg_main.jpg") repeat; text-align: center; }

#main_wrap_main_inside {margin: 0 auto; max-width:1100px;  }

#main_wrap_main_inside_bg {margin: 15px auto; max-width:1100px;  background-color: rgba(255,255,255,.6); text-align: left; padding: 15px; -webkit-box-shadow: 0px 0px 17px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 17px -3px rgba(0,0,0,0.75);
box-shadow: 0px 0px 17px -3px rgba(0,0,0,0.75);   }

#main_wrap_main_inside_bg p {color:#232326; font-size: 18px;}



#infobox { width: 300px; height: 300px; margin: 20px;  position: relative; display:inline-block; background: #A26C6D; overflow: hidden; }


 .hovereffect-3 {
	width: 300px;
	height: 340px;
	 display: inline-block;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default; margin: 20px;
	background: url(../img/photo_shadow.png) no-repeat; background-position:bottom;
}
.hovereffect-3 .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
	transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
}
.hovereffect-3 img {
	display: block;
	position: relative;
	-webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
	transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
}
.hovereffect-3 h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transform: translatey(-100px);
	-ms-transform: translatey(-100px);
	transform: translatey(-100px);
	-webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
	transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
	padding: 10px;
}
.hovereffect-3 a.info {
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 7px 14px;
}
.hovereffect-3 a.info:hover {
	box-shadow: 0 0 5px #fff;
}
.hovereffect-3:hover img {
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.hovereffect-3:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
}
.hovereffect-3:hover h2 {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-transform: translatey(0);
	-webkit-transform: translatey(0);
	transform: translatey(0);
}
.hovereffect-3:hover a.info {
	opacity: 1;
	filter: alpha(opacity=100);
}
.hovereffect-3:hover a.info {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}




#footer { background:#232326; overflow: hidden;  }

#stopka_wrap {max-width:1200px;      text-align:center; padding:18px 0 0 0; margin:auto; display: block;   }
#stopka_box { width:260px; min-height: 200px;   display:inline-table; text-align:left; overflow:hidden; padding: 0 15px; border-right:1px #e7e7e7 solid; }
#stopka_box p, #stopka_box a { color:#e7e7e7; }
 


@media only screen and (max-width: 1280px) { 
	p.ph { float: none; margin: 35px auto;}
	#menu_wrap { margin: 20px auto 0; display: block; }
    main_wrap_main_inside {width: 100%; text-align: center;}	
	
}


@media only screen and (max-width: 840px) { 
	
	
	
 
	
}


@media only screen and (max-width: 630px) { 
	#elv2 {display: none;}
	

}


@media only screen and (max-width: 440px) { 
 
	
}