/*
Theme Name: Oil Bistro
Version: 1.1
Description: Вполне себе годная темка, получше некоторых
Author: Василий
Author URI: http://www.iki.kz
*/


* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}

body, html{ height:100%;}

body {
font: 15px/120% 'Hortensia', Arial, Helvetica, sans-serif;
color:#32251d;  
background:rgba(255,255,255,1);
-webkit-font-smoothing: antialiased;
}

/* Fonts
--------------------------------------------------------------------------------------- */
@font-face {
	font-family: 'Hortensia';
	src: url('../fonts/Hortensia.eot');
	src: local('☺'), url('../fonts/Hortensia.woff') format('woff'), url('../fonts/Hortensia.ttf') format('truetype'), url('../fonts/Hortensia.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Styles
--------------------------------------------------------------------------------------- */


p {margin: 0 0 18px 0px;}

ol {margin: 15px 0 15px 40px;}
ol li {margin-bottom:6px ;}

ul {margin: 15px 0 15px 40px;}
ul li {margin-bottom:6px ;}

dt {font-weight: normal; margin-top:15px;}
dd {margin-left:50px; margin-bottom:15px;}

sup {font-size: 9px; }


.special {
color:rgba(255,255,255,0.86);
font-size: 18px;
line-height: 27px;
margin: 0 0 25px 0px;
}

.small {color: inherit; font-size: 10px;}
.red {color: #d12003; font-weight: bold;}
.bigger { font-weight:bold; font-size:14px}

hr {
height:0px;
border-top: 9px solid #1D1A19;
border-top: 9px solid rgba(255,255,255,0.09);
margin:40px 0 30px 0
}

.script-text {
font-size: 24px;
line-height: 27px;
}

.dopisek-przed {
margin:0 0 4px -36px
}

/* Links
--------------------------------------------------------------------------------------- */

a, a:link, a:visited { color:inherit; text-decoration:none  }
a:hover { color:#fff; }

.content a, a:link { color:#efff00: }
.content a:visited { color:#efff00; }
.content a:hover { color:#51d480; }
.content a:active { color:#38ad61; }



/* Headers
--------------------------------------------------------------------------------------- */

h1 {
font: 38px/45px 'Hortensia', Arial, sans-serif;
text-transform:uppercase;
font-weight: normal;
margin:0px 0 30px 0;
}

.subheader {
font-size: 24px;
line-height: 24px
}

h2 {
font: 26px/32px 'Hortensia', Arial, sans-serif;
text-transform:uppercase;
font-weight: normal;
margin:30px 0 20px 0;
}

h1 + h2 {
margin-top:-15px
}


h3 {

}
h3 a {
color:inherit !important;
}
h1 + h3 {
margin-top:-10px
}


/* Tables
--------------------------------------------------------------------------------------- */


table {
border: 1px solid #dadada;
border-collapse: collapse;
text-align:left;
width:100%;
margin: 15px 0 20px 0;
font-size:inherit
}

table td {
border: 1px solid #d3d3d3;
vertical-align: top;
padding: 4px 6px;
}

table th {
border: 1px solid #d3d3d3;
background: #EFEFEF;
text-align:center;
padding: 3px 3px;
font-weight: bold;
}



/* Layout
--------------------------------------------------------------------------------------- */


.section {
position: relative;
margin: 0 auto;
width:100%;
min-width:1020px;
overflow:hidden;
}

.section-single-page {
min-height:100%;
}

.content {position: relative;margin: 0 auto;width:100%;height:100%;padding:0px;overflow:hidden;z-index:1;}

.section-single-page .content {
margin-top:120px;

}
.section-single-page .content:after {
content:"";
display:block;position:relative;
clear:both;
}


.column {
width:340px;
}


/* Navigation
--------------------------------------------------------------------------------------- */


#navigation {
position:fixed;
top:0px;
left:0px;
width:100%;
height:131px;
background: url(../design/pasek.png) bottom center repeat-x;
z-index:10;
}

#pasek {
position:absolute;
top:0px;
left:0px;
width:100%;
height:46px;
background: url(../design/pasek2.png) repeat-x;
}

#logo {
display:block;
position:relative;
margin:-4px auto -70px auto;
width:264px;
height:129px;
background:url(../design/logo.png) -3px 0px;
text-indent:-5000px;
}


#nav {
position:relative;
list-style-type: none;
width:1020px;
margin:17px auto;

}

#nav li {
float:left;
margin:0px 55px 0 0;
font-size: 24px;
}

#nav li a {
font: 20px/20px 'Hortensia', Arial, sans-serif;
margin-left:3px;
color:inherit
}
#nav li a:hover {
color:#918171
}
#nav li#menu-item-2 {margin-right:350px;}
#nav li#menu-item-4 {margin-right:0px; margin-left:-4px;}


/* Footer
--------------------------------------------------------------------------------------- */

#footer {
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:73px;
background: url(../design/pasek.png)repeat-x;
z-index:5;
}
#footer div {
position: relative;
margin: 0 auto;
width:1020px;
padding:30px 0;
font-size:12px;
color:#fff;
}

#../design{
float:right;
text-align:right;
}
#../design a{
color:inherit
}


/* Front page
--------------------------------------------------------------------------------------- */
#nav-scroll {
position:fixed;
right:0px;
bottom:43%;
list-style-type: none;
-background:white;
z-index:100;
margin:0;
padding:15px;
}
#nav-scroll li{
width:14px;
height:15px;
margin:15px 0px
}

#nav-scroll a {
text-indent:-6000px;
display:block;
width:10px;
height:10px;
border-radius:10px;
background:#fff;
border:2px solid #32251d;
}
#nav-scroll a.active {
background:#32251d;
border:2px solid #fff
}
#nav-scroll #scrollto-up,
#nav-scroll #scrollto-down {
position:relative;
color:#32251d;
font-size:10px;
background:transparent;
margin:10px 0 20px 0;
}

#nav-scroll #scrollto-up:after,
#nav-scroll #scrollto-down:after {
content:'▲';
position:absolute;
left:-3px;
bottom:0px;
z-index:-1;
color:#fff;
font-size:16px;
}
#nav-scroll #scrollto-down:after {
content:'▼';
left:-3px;
top:3px;
}
/* Section 1
--------------------------------------------------------------------------------------- */
#section1 {height: 642px;/* padding-bottom: 134px; */}
#section1 .content {
	position: relative;
	margin: 0 auto;
	width:100%;
	height: 100%;
	padding: 0;
	z-index:1;
}
#section1 .column {
text-align:center;
}
#section1 .column h1{
text-align: center;
width: 100%;
margin: 0;
top: 35%;
position: absolute;
z-index:10;
font: 12pc 'Hortensia';
color: rgba(255,255,255,1);
text-shadow: 2px 8px 8px rgba(0,0,0,0.85);
text-transform:lowercase;
}
#section1 .column .wtime{text-align: center;top: 35%;right: 10%;position: absolute;font: 3.25pc 'Hortensia';color: rgba(255,255,255,1);text-shadow: 2px 4px 4px rgba(0,0,0,0.85);text-transform: none;z-index: 4;}
.subheader{
position:relative
}
.subheader:before{
content:'';
position:absolute;
top:16px;
left:-41px;
display:block;
width:32px;
height:3px;
background: url(../design/icons.gif) -69px -16px no-repeat;
}
.subheader:after{
content:'';
position:absolute;
top:16px;
right:-41px;
display:block;
width:32px;
height:3px;
background: url(../design/icons.gif) -69px -31px no-repeat;
}
#section1 .style2{
margin:60px 0 70px 0;
}
.arrow-down {
position:retive;
margin:15px auto 0px auto;
display:block;
width:46px;
height:55px;
background: url(../design/icons.gif) -4px -7px no-repeat;
}

#element12 {
position: absolute;
width: 100%;
height: 100%;
background: url(../imgs/top-bg.jpg) 0px 0px no-repeat;
z-index: -1;
}

#element13 {
position:absolute;
top:-130px;
right:0px;
width:236px;
height:453px;
background: url(../design/tla-png-optimized.png) -1503px -45px no-repeat;
z-index:-1;
}

#element14 {
position:absolute;
top:-95px;
right:-71px;
width:308px;
height:426px;
background: url(../design/tla-png-optimized.png) -1514px -511px no-repeat;
z-index:-1;
}

#element15 {
position:absolute;
top:285px;
right:205px;
width:37px;
height:36px;
background: url(../design/tla-png-optimized.png) -422px -532px no-repeat;
z-index:-1;
}

#element22 {
position:absolute;
top:-17px;
right:-68px;
width:112px;
height:53px;
background: url(../design/tla-png-optimized.png) -376px -691px no-repeat;
z-index:2;
opacity:0.65
}
#element28 {position: absolute;top: 25%;right: 10%;width: 248px;height: 230px;background: url(../imgs/spec-1.png) no-repeat;background-size: 100%;z-index: 3;}
#element29{
    position: absolute;
    top: 60%;
    left: 15%;
    width: 290px;
    height: 230px;
	background: url(../imgs/trava.png) no-repeat;
	background-size: 100%;
	z-index: 2;
}
#element33{
	position: absolute;
	top: 20%;
	left: -400px;
	width: 380px;
	height: 480px;
	background: url(../imgs/bludo-1.png) no-repeat;
	background-size: 100%;
	z-index: 3;
}
/* Section 2
--------------------------------------------------------------------------------------- */
#section2 {
    overflow: unset;
}
#section2 .content {
    background: url(../imgs/uzor.png) 0 90px no-repeat;
	height:auto;
}
#section2 .content.style2, #section4 .content.style2, #section5 .content.style2 {
    background: url(../imgs/top-bg.jpg) 0px 0px no-repeat;
	background-size: 100% 100%;
	/*box-shadow: 0px 0px 12px rgba(0, 0, 0, 1);*/
	padding: 2% 0;
	z-index:2;
}
#element30 {position: absolute;top: -25%;right: 0;width: 260px;height: 390px;background: url(../imgs/narezka.png) no-repeat;background-size: 100%;z-index: 2;}
#section2 h2.top {
    text-align: center;
    margin: 20px 0px 60px;
    padding: 16px;
    border: 5px dotted rgba(30, 30, 30, 1);
    border-left: none;
    border-right: none;
    text-transform: none;
    font-family: 'Century Gothic', sans-serif;
    font-size: 34px;
    font-weight: bold;
    color: rgba(30,30,30,1);
}
#section2 p.top {
    font-family: 'Century Gothic', sans-serif;
    font-size: 24px;
    text-align: center;
    margin: 0 20%;
    padding: 24px 0;
    line-height: initial;
}
#section2  p.top nm {
    font-family: 'Hortensia';
    font-size: 34px;
}
#section2 h2.top2 {
	text-align: center;
	font-family: 'Century Gothic', sans-serif;
	font-size: 48px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	text-shadow: 1px 2px 4px rgba(30,30,30,0.85);
	width: 35%;
	margin: 5% 0;
	padding: 20px;
	float: left;
	line-height: normal;
}
#section2 h2.top2 span{
	font-size: 18px;
}
#section2 ul.top2 {
    font-family: 'Century Gothic', sans-serif;
	color: rgb(255, 255, 255);
	text-shadow: 1px 2px 4px rgba(30,30,30,0.85);
    font-size: 24px;
    text-align: left;
    line-height: initial;
    list-style-type: none;
    text-decoration: underline;
    width: 25%;
    margin: 5% 0;
    padding: 20px;
    float: left;
}
#section2 ul.top2 li {
    font-family: 'Century Gothic', sans-serif;
    font-size: 34px;
}
#element31 {position: absolute;bottom: 25%;right: 0;width: 300px;height: 485px;background: url(../imgs/bludo-2.png) no-repeat;background-size: 100%;z-index: 3;}
#element32 {
    position: absolute;
    bottom: 30%;
    left: 0px;
    width: 200px;
    height: 320px;
    background: url(../imgs/salat-1.png) no-repeat;
    background-size: 100%;
    z-index: 3;
}
.rev{transform: rotate(180deg);}
#element25.rev {
    bottom: 0;
    right: 0;
    left: unset;
    top: unset;
	z-index: -1;
}
#element26.rev {
    bottom: 0;
    left: 0;
    right: unset;
    top: unset;
	z-index: -1;
}
.ramka {
	position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
	width:100%;
	height:50px;
	background:#1b1b1b url(../design/bg-jasnedrewno.jpg);
	box-shadow:inset 0px 4px 1px rgba(255,255,255,0.4),inset 0px -4px 1px rgba(0,0,0,0.4),0px 4px 5px rgba(0,0,0,0.5);
}
.ramka.rev {
	bottom: 0;
    right: 0;
    left: unset;
    top: unset;
}
/* Section 3
--------------------------------------------------------------------------------------- */

#section3 {
	height: auto;
}

#section3 .content{padding: 48px 0; height: auto;}
#section3 h1{margin-bottom:58px}

#pin-box {
width:340px;
}

#element1 {
position:absolute;
top:0px;
right:-185px;
width:783px;
height:742px;
background: url(../design/tlo2.jpg) -553px 0px no-repeat;
box-shadow:inset 0px 6px 1px -1px rgba(255,255,255,0.3);
z-index:-1;
}

#element2 {
position:absolute;
top:850px;
right:-60px;
width:147px;
height:162px;
background: url(../design/tla-png-optimized.png) -220px -508px no-repeat;
z-index:-1;
}

#element3 {
position:absolute;
top:640px;
right:165px;
width:423px;
height:388px;
background: url(../design/tla-png-optimized.png) -498px -362px no-repeat;
z-index:-1;
}

#element4 {
position:absolute;
top:865px;
right:35px;
width:180px;
height:176px;
background: url(../design/tla-png-optimized.png) -1300px -575px no-repeat;
z-index:-1;
}

#element5 {
position:absolute;
top:975px;
right:80px;
width:209px;
height:196px;
background: url(../design/tla-png-optimized.png) -1284px -369px no-repeat;
z-index:-1;
}

#element6 {
position:absolute;
top:1110px;
left:-130px;
width:538px;
height:742px;
background: url(../design/tlo2.jpg) 0px 0px no-repeat;
z-index:-1;
box-shadow:inset 0px -3px 1px -1px rgba(0,0,0,0.7);
}

#element7 {
position:absolute;
top:1400px;
left:-135px;
width:324px;
height:346px;
background: url(../design/tla-png-optimized.png) -505px -6px no-repeat;
z-index:-1;
}

#element8 {
position:absolute;
top:1170px;
left:115px;
width:312px;
height:348px;
background: url(../design/tla-png-optimized.png) -830px -3px no-repeat;
z-index:-1;
}

#element9 {
position:absolute;
top:1310px;
left:570px;
width:347px;
height:360px;
background: url(../design/tla-png-optimized.png) -1150px 0px no-repeat;
z-index:-1;
}

#element10 {
position:absolute;
top:1240px;
left:245px;
width:294px;
height:335px;
background: url(../design/tla-png-optimized.png) -1508px -976px no-repeat;
z-index:-1;
}

#element11 {
position:absolute;
top:1295px;
left:230px;
width:352px;
height:313px;
background: url(../design/tla-png-optimized.png) -926px -352px no-repeat;
z-index:-1;
}


#element23 {
position:absolute;
top:1030px;
right:355px;
z-index:-1;
text-align:right
}


#element23:before{
content:'';
position:absolute;
top:-60px;
right:65px;
display:block;
width:44px;
height:44px;
background:url(../design/icons.gif) -11px -93px ;
}
#element23:after{
content:'';
position:absolute;
bottom:-50px;
right:-60px;
display:block;
width:48px;
height:28px;
background:url(../design/icons.gif) -64px -110px ;
}

#element24 {
position:absolute;
top:1230px;
right:0px;
z-index:-1;
}

#element24:after{
content:'';
position:absolute;
bottom:-70px;
left:155px;
display:block;
width:32px;
height:55px;
background:url(../design/icons.gif) -123px -83px ;
}
#element34{
	position: absolute;
    bottom: -12%;
    left: 15%;
    width: 230px;
    height: 230px;
    background: url(../imgs/spec-2.png) no-repeat;
    background-size: 100%;
    z-index: 3;
}
#element35{
	position: absolute;
    bottom: -12%;
    right: 15%;
    width: 220px;
    height: 220px;
    background: url(../imgs/spec-3.png) no-repeat;
    background-size: 100%;
    z-index: 3;
}
#element36{}

/* Section 4
--------------------------------------------------------------------------------------- */

#section4 {
height:864px;
}

#section4 h1{
position:absolute;
left:495px;
}

#flyin1 {
position:absolute;
left:-70px;
}

#flyin2 {
position:absolute;
left:0px;
}
#flyin3 {
position:absolute;
left:70px;
}

#circle {
position:absolute;
top:280px;
right:55px;
width:251px;
height:331px;
padding:90px 80px 0 90px;
text-align:center;
background:#fff;
-moz-border-radius: 210px;
-webkit-border-radius: 210px;
border-radius: 210px;
z-index:-1;
}


#circle-napis {
position:absolute;
top:235px;
right:-25px;
width:571px;
height:571px;
-moz-border-radius: 290px;
-webkit-border-radius: 290px;
border-radius: 290px;
background: url(../design/icons.gif) -90px 413px no-repeat;
z-index:-2;
}

#element16 {
position:absolute;
bottom:0px;
left:0px;
width:534px;
height:601px;
background: url(../design/tla3.jpg) 0px 0px no-repeat;
}

#element17 {
position:absolute;
top:0px;
right:0px;
width:560px;
height:601px;
background: url(../design/tla3.jpg) -560px 0px no-repeat;
}

#element18 {
position:absolute;
top:0px;
left:0px;
width:475px;
height:475px;
background: url(../design/tla-png-optimized.png) 0px -0px no-repeat;
}

#element19 {
position:absolute;
top:160px;
left:-30px;
width:668px;
height:679px;
background: url(../design/tla-png-optimized.png) -824px -768px no-repeat;
z-index:-1;
}
#section4 h2{	
	width: 100%;
    font: 48px 'Century Gothic', sans-serif;
    font-weight: bold;
    text-align: center;
    color: rgba(255,255,255,1);
    text-shadow: 0px 2px 4px rgba(30,30,30,0.85);
}
.bluda.rows-3 {width: 100%;text-align:center;margin: 0 auto;float: left;padding: 20px;box-sizing: border-box;}
.bluda.rows-3 .row{width:33%;float:left;padding: 20px;margin: 0;}
.bluda.rows-3 .row h3{
	width: 100%;
    font: 36px 'Century Gothic', sans-serif;
    font-weight: bold;
    text-align: center;
    padding: 12px;
    color: rgba(255,255,255,1);
    text-shadow: 0px 2px 4px rgba(30,30,30,0.85);
    background: rgba(30,30,30,0.75);
    margin-top: -68px;
}

#bluda-1 {
    background: url(../imgs/bluda/row-1.png) 0px 0px no-repeat;
}
#bluda-2 {
    background: url(../imgs/bluda/row-2.png) 0px 0px no-repeat;
}
#bluda-3 {
    background: url(../imgs/bluda/row-3.png) 0px 0px no-repeat;
}
.bluda.rows-3 .row-img {
    width: 100%;
    height: 600px;
	background-size: 100%;
	box-shadow: 4px 6px 24px rgba(0,0,0,0.85);
}
/* Section 5
--------------------------------------------------------------------------------------- */

#section5 {
height:1010px;
box-shadow:0px 0px 80px 5px rgba(0,0,0,0.15);
color:#fff;
}

.ramka-tablicy {
width:100%;
height:50px;
background:#1b1b1b url(../design/bg-jasnedrewno.jpg);
box-shadow:inset 0px 4px 1px rgba(255,255,255,0.4),inset 0px -4px 1px rgba(0,0,0,0.4),0px 4px 5px rgba(0,0,0,0.5);
}

#section5 .column {
	width:550px;
	z-index:3;
}
#section5 h1 {
	z-index:3;
}
#section5 h2 {
    width: 100%;
    font: 48px 'Century Gothic', sans-serif;
    font-weight: bold;
    text-align: center;
    color: rgba(255,255,255,1);
    text-shadow: 0px 2px 4px rgba(30,30,30,0.85);
}
#section5 .style1{
text-align:center; 
margin-left:30px;
margin-top:90px;
}
#section5 .style2{
	position:relative;
	color:inherit;
    padding: 50px 0 !important;
}
#section5 .style2:after{
content:'';
position:absolute;
bottom:-3px;
left:0px;
display:block;
width:172px;
height:3px;
background: url(../design/icons.gif) -9px -152px no-repeat;
}
#section5 div.mp-bstr{
    position: absolute;
	width:100%;
    bottom: 0;
}
#section5 .ramka.mp-rm{
	margin-top: -50px;
}

.bistro.rows-4 {width: 100%;text-align:center;margin: 0 auto;float: left;padding: 20px;box-sizing: border-box;}
.bistro.rows-4 .row{width:25%;float:left;padding: 10px;margin: 0;}
.bistro.rows-4 .row h3{
	width: 100%;
	height:68px;
    font: 18px 'Century Gothic', sans-serif;
    font-weight: bold;
    text-align: center;
    padding: 12px;
    color: rgba(255,255,255,1);
    text-shadow: 0px 2px 4px rgba(30,30,30,0.85);
    background: rgba(30,30,30,0.75);
    margin-top: -68px;
}
.bistro.rows-4 .row.mid h3{
	width: 100%;
	height:68px;
    font: 18px 'Century Gothic', sans-serif;
    font-weight: bold;
    text-align: center;
    padding: 16px 12px;
    color: rgba(255,255,255,1);
    text-shadow: 0px 2px 4px rgba(30,30,30,0.85);
    background: rgba(30,30,30,0.75);
    margin-top: -68px;
}

#bistro-1 {
    background: url(../imgs/bistro/bistro-1.jpg) 50% 0px no-repeat;
}
#bistro-2 {
    background: url(../imgs/bistro/bistro-2.jpg) 50% 0px no-repeat;
}
#bistro-3 {
    background: url(../imgs/bistro/bistro-3.jpg) 50% 0px no-repeat;
}
#bistro-4 {
    background: url(../imgs/bistro/bistro-4.jpg) 50% 0px no-repeat;
}
.bistro.rows-4 .row-img {
    width: 100%;
    height: 400px;
	background-size: auto !important;
	box-shadow: 4px 6px 24px rgba(0,0,0,0.85);
}
.row[data-toggle="modal"] {cursor:pointer;}
/* Modal gallery - start */
#gallery {
    overflow: hidden;
	width: 100%;
    width: 100%;
	margin: 0px;
	padding: 10px !important;
	background: rgba(0,0,0,0.65);
}
#gallery .modal-dialog.modal-dialog-centered{
	width: inherit;
    height: inherit;
	margin:0px;
}
@media (min-width: 576px){
	#gallery .modal-dialog.modal-dialog-centered{
		max-width: 100%;
		width: inherit;
		height: inherit;
	}
}
#gallery .modal-content {
    height: inherit;
    width: inherit;
	background: transparent;
}
#gallery .carousel.slide{
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
	background: transparent;
}
#gallery .carousel-item {
    height: 100%;
	width:100%; /*x*/
	text-align:center;
}
#gallery .carousel.slide .carousel-indicators{
	bottom:10px;
}

#gallery .carousel.slide .img-responsive {
    max-width: 100%;
    max-height: 100%;
}

#gallery div.close{
	top: 0;
    right: 0;
	padding:14px;
    position: absolute;
    width: 58px;
    height: 58px;
    background: rgba(185,0,0,1) !important;
    z-index: 1100;
	text-align:center;
}
#gallery div.close:hover {
  opacity: 1;
}
#gallery div.close:before, 
#gallery div.close:after {
  position: absolute;
  content: ' ';
  height: 33px;
  width: 3px;
  background-color: #fff;
}
#gallery div.close:before {
  transform: rotate(45deg);
}
#gallery div.close:after {
  transform: rotate(-45deg);
}
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  /* фоновый цвет 
  background: #e0e0e0;*/
  z-index: 1001;
}

.preloader__image {
  position: relative;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px;
  text-align: center;
  animation: preloader-rotate 2s infinite linear;
}

@keyframes preloader-rotate {
  100% {
    transform: rotate(360deg);
  }
}

.loaded_hiding .preloader {
  transition: 0.3s opacity;
  opacity: 0;
}

.loaded .preloader {
  display: none;
}

/* Modal gallery - closed */

#social {
position:relative;
width:550px;
margin-left:-20px;
padding-left:20px;
margin-top:115px;
background:transparent url(../design/icons.gif) -3px -160px no-repeat;
}

#social p  {
position:relative;
width:290px;
padding:22px 0 0 48px;
}

#social p .script-text  {
position:absolute;
left:0px;
top:20px;
}

#icon-facebook,
#icon-twitter,
#icon-pinterest {
position:absolute;
right:0px;
top:20px;
width:40px;
height:40px;
text-indent:-3000px
}
#icon-facebook {right:80px;}
#icon-twitter {right:40px;}

#element20 {
position:absolute;
top:295px;
left:-150px;
width:216px;
height:246px;
background: url(../design/tla-png-optimized.png) 0px -502px no-repeat;
z-index:-1;
}

#element21 {
position:absolute;
top:40px;
right:-285px;
width:768px;
height:735px;
background: url(../design/tla-png-optimized.png) 0px -766px no-repeat;
z-index:-1;
}

/* Section 6
--------------------------------------------------------------------------------------- */
#section6 {
height:520px;
background:#1b1b1b url(../design/bg-tablica.jpg);
box-shadow:0px 0px 80px 5px rgba(0,0,0,0.15);
color:#fff;
}

/* O firmie
--------------------------------------------------------------------------------------- */

#section-o-firmie {
background:#2b160d url(../design/bg-ciemnedrewno.jpg)  50% -253px;
color:#fff;
}
#section-o-firmie .content {
margin-bottom:50px;
}
#section-o-firmie #element25 {
position:absolute;
top:-1px;
right:-80px;
width:802px;
height:520px;
background: url(../design/bg-o-firmie.jpg) 0px -0px no-repeat;
z-index:-1
}

.sprobuj-link {
margin:40px 0;
padding-left:75px;
background: url(../design/arrow-o-firmie.png) 15px 10px no-repeat;
}

.sprobuj-link .script-text {
margin:0 0 10px 0;

}

/* Produkty
--------------------------------------------------------------------------------------- */
.produkty {
width:630px;
clear:both;
overflow:hidden;
margin-bottom:20px;
}
.produkty .thumbnail {
width:140px;
height:140px;
padding:30px;
float:left;
line-height:140px;
margin-right:30px;
background: url(../design/photo-produkt.gif) no-repeat;
}
.produkty .thumbnail img {
max-width:140px;
max-height:140px;
vertical-align: middle;
}
.produkty .produkty-details {
padding-top:1px;
}

.produkty h2 {
margin-top:20px;
}
.produkty p {
margin-bottom:10px;
}

.skladniki {
font-size:12px;
line-height:14px;
color:#9c9182;
margin-top:-20px;
}

/* Mapa
--------------------------------------------------------------------------------------- */
#section-mapa {
height: 100%;
}
#section-mapa.section-single-page .content {
position:relative;
width:100%;
min-height: 100%;
margin:0px;
padding:125px 0 0 0;
}

#map-canvas {
min-height: 100%;
}

/* Kontakt
--------------------------------------------------------------------------------------- */

#section-kontakt {
background:#1b1b1b url(../design/bg-tablica.jpg);
color:#fff;
}

#element25 {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 300px;
	background: url(../imgs/top-bg-l.png) no-repeat;
	background-size: 100%;
}

#element26 {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 300px;
	background: url(../imgs/top-bg-r.png) no-repeat;
	background-size: 100%;
	z-index: 2;
}

#element27 {
	position: absolute;
	top: -240px;
	left: 50%;
	right: 50%;
	margin: 0px -250px;
	width: 480px;
	height: 190px;
	background: url(../imgs/top-bg-c.png) no-repeat;
	background-size: 100%;
	z-index: 3;
}


/* Formularz
--------------------------------------------------------------------------------------- */

.formularz-kontaktowy {
float:right;

}

div.wpcf7 {	margin: 0;	padding: 5%;}
div.wpcf7-response-output {	margin: 2em 0.5em 1em;	padding: 0.2em 1em;}
div.wpcf7-mail-sent-ok {	border: 2px solid #398f14;}
div.wpcf7-mail-sent-ng {	border: 2px solid #ff0000;}
div.wpcf7-spam-blocked {	border: 2px solid #ffa500;}
div.wpcf7-validation-errors {	border: 2px solid #f7e700;}
span.wpcf7-form-control-wrap {	position: relative;}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}
span.wpcf7-not-valid-tip-no-ajax {
	font-size: 10pt;
	display: block;
}
span.wpcf7-list-item {	margin-left: 0.5em;}
.wpcf7-display-none {	display: none;}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}
div.wpcf7 .watermark {
}


.wpcf7 input {
width:300px;
padding: 3px 25px 9px 23px;
margin-bottom:10px;
font-family:inherit;
font-size:15px;
color:#fff;
font-style:italic;
}
.wpcf7 input[name=your-name] {
background:url(../design/tla-kontakt-optimized.png) -866px -25px no-repeat;

}
.wpcf7 input[name=your-email] {
background:url(../design/tla-kontakt-optimized.png) -866px -125px no-repeat;

}
.wpcf7 input[name=your-tel] {
background:url(../design/tla-kontakt-optimized.png) -860px -222px no-repeat;

}
.wpcf7 textarea {
width:595px;
padding: 20px 25px;
height:200px;
font-family:inherit;
font-size:15px;
color:#fff;
font-style:italic;
background:url(../design/tla-kontakt-optimized.png) -875px -320px no-repeat;
overflow:auto;
}


.wpcf7 input[type=submit]  {
width:100px;
padding: 2px 10px;
border: 2px solid #C9C7C6;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
float:right;
cursor: pointer;
margin-right:15px;
color:#fff;
text-shadow:0px 0px 1px rgba(0,0,0,0.1);
}


/* Images
--------------------------------------------------------------------------------------- */

.alignnone, a img.alignnone, .wp-caption.alignnone   {
    margin: 5px 30px 25px 0;
}

.aligncenter, div.aligncenter, .wp-caption.alignright {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright, a img.alignright {
    float:right;
    margin: 5px 0 25px 30px;
}

.alignleft, a img.alignleft, .wp-caption.alignleft {
    float:left;
    margin: 5px 30px 25px 0;
}

.aligncenter, a img.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}



/* Media Queries
--------------------------------------------------------------------------------------- */

/* 1024
--------------------------------------------------------------------------------------- */
@media screen and (max-width: 1100px) {


.content {
width:100%;
}
#nav {
width:100%;
}

#nav li {
margin:0px 40px 0 0;
}
#nav li#menu-item-2 {margin-right:320px;}
#nav li#menu-item-4 {margin-right:0px; margin-left:-4px;}

#circle {
z-index:1;
}

#footer div {
width:100%;
}

#element17 {
right:-80px;

}


	#element33{
		width: 280px;
		height: 380px;
	}
	#element29{
		width: 190px;
		height: 130px;
	}
	#element27 {
		width: 380px;
		height: 290px;

	}
}

/* Слайдер */

#section3 #slider{
	height: inherit;
	overflow: hidden;
	position: relative;
	width: inherit;
	background-color: #333;
}
#section3 #slider .carousel-indicators{
	bottom:-10px;
}

#slider .img-responsive {
    width: 100%;
}