/**
     * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
     * http://cssreset.com
     */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font: inherit;
    	vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    body {
    	line-height: 1;
    }
    ol, ul {
    	list-style: none;
    }
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }

	
    body {
	   	background:#dedede;
	 	  font-family:Arial, Helvetica, sans-serif;
      font-family: 'Bebas Neue', cursive;
      font-family: 'PT Sans', sans-serif;
    	padding: 0;
	    position: relative;
    	margin: 0;
    }
	
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

 
  A:link {COLOR: inherit; TEXT-DECORATION: underline;}
  A:visited {COLOR: inherit; TEXT-DECORATION: none;}
  A:active {COLOR: inherit; TEXT-DECORATION: none;}
  A:hover {COLOR: inherit; TEXT-DECORATION: none;}


html, body { 
   
  font-family: 'PT Sans', sans-serif;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	font-weight:400;
	background: url('../grafika/top_back.jpg') center top no-repeat #272727; background-size: contain;
	color: #fff;
  margin: 0px;
  padding: 0px;
  font-size: 50px;
}


* {-webkit-font-smoothing: antialiased;}
*{-webkit-appearance: none;}

strong, b{ font-weight:bold;}
em,i{ font-style:italic;}
u{ text-decoration:underline;}
small{ font-size:70%;}
ul{ list-style:disc; margin:25px 0 25px 30px; }
ul li{ margin: 10px 0 20px; }

.clear{ clear:both;}
.clearR{ display: none; }


.center{ width:1100px; margin:auto; position:relative; }
.center-top{ height: 100%; position: relative; }

.tekst{ font-family: 'PT Sans', sans-serif; font-size: 17px; line-height: 1.7; color: #EDEAEA; font-weight: 300;}

.all{ position: relative; width: 100%; overflow: hidden; }

.top{ background: rgba(59,59,59,.5); width: 100%; height: 95px; position: absolute; top: 50px; left: 0px; z-index: 1100;}
.top.active{ position: fixed; top: 0px; background: rgba(59,59,59,.95); }
.top-main{ width: 100%; height: 145px; position: relative; z-index: 1;}
.top.active-menu{ background: none !important; }

.separator{ height: 80px; width: 100%; position: relative; display: block; }

.logo{ width: 400px; position: absolute; top: 6px; left: 50%; margin-left: -200px; cursor: pointer; }
.logo img{ width: 100%; display: block;  }
.logo-R{ display: none; width: 90px; left: 0px; top: 8px; margin: 0px; }

#nav-icon { width: 60px; height: 44px; background: #c6a47e; top: 50%; margin-top: -22px; right: 0px; position: absolute; padding: 16px 9px; cursor: pointer; display: none;}
#menu-bar { width: 42px; height: 30px; position: relative;  }
.bar { height: 4px; width: 100%; background-color: #fff; display: block; border-radius: 1px; transition: 0.3s ease;}
#bar1 { transform: translateY(-6px);}
#bar2{   }
#bar3 { transform: translateY(6px);}
.change { display: block;}
.change .bar { background-color: white;
-webkit-box-shadow: none;
box-shadow: none;}
.change #bar1 { transform: translateY(4px) rotateZ(-45deg);}
.change #bar2 { opacity: 0;}
.change #bar3 { transform: translateY(-6px) rotateZ(45deg);}
.change #bar3 { transform: translateY(-3px) rotateZ(45deg);}

.menu{ list-style: none; position: absolute; top: 38px; font-size: 17px; font-family: 'PT Sans'; font-weight: 800; letter-spacing: 1px; margin: 0px; padding: 0px;}
.menu li{ display: inline-block; text-transform: uppercase; margin: 0px; padding: 0px; cursor: pointer;
              -webkit-transition: all .1s linear;
              -moz-transition: all .1s linear;
              -ms-transition: all .1s linear;
              -o-transition: all .1s linear;
              transition: all .1s linear;}
.menu-left{ left: 0px; }
.menu-left li{ margin-right: 35px; }
.menu-right{ right: 0px; }
.menu-right li{ margin-left: 35px; }
.menu li:hover, .menu li.active{ color: #c6a47e; }


.main{ width: 100%; position: relative; height: 30px; }
._main:after{ padding-top: 30%; display: block; content: ''; }
.main-container{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.main-inner{ align-items: center; display: flex; height: 100%; }
.main-inner div{ font-family: 'Oswald'; font-weight: 200; text-transform: uppercase; font-size: 100px; line-height: 1.1; }


.header{ font-family: 'Bebas Neue'; font-size: 49px; margin-bottom: 10px; }

.content-frame-container{ display: flex; align-items: center; margin-bottom: 70px; }
.content-frame-container .foto{ width: 55%; float: left; position: relative; }
.content-frame-container .foto img{ width: 115%; display: inline-block; }
.content-frame-container .foto-R img{ float: right; }
.content-frame-container .txt{ position: relative; width: 45%; float: left; z-index: 500; background: #c6a47e; padding: 65px 40px; }
.content-frame-container .foto-mobile{ display: none; }


.history2 .foto{ width: 100%; display: block; margin-top: -250px; margin-bottom: 70px; }
.history2 .foto img{ width: 100%; display: block; }
.fotoHistory-R{ display: none; }

.color{ margin-top: 40px; margin-bottom: 40px; }
.color-lp{ width: 100%; display: block; }
.color-lp img{ width: 100%; display: block; }
.color-lp-R{ display: none; max-width: 600px; margin: auto; }
.color-lp-R img{ width: 100%; display: block; }

.services{margin-top: 40px; margin-bottom: 40px; }

.faq{ padding: 0 0 200px; }
.faq-pytanie{ color: #c6a47e; text-transform: uppercase; font-size: 23px; letter-spacing: 1px; margin-top: 20px; padding-left: 30px; position: relative; cursor: pointer; line-height: 1.3;}
.faq-pytanie:after{ display: block; width: 20px; height: 20px; content: ''; position: absolute; left: 3px; top: 4px; background: url('../grafika/arrow.svg'); background-size: cover; transform: rotate(90deg); 
              -webkit-transition: all .1s linear;
              -moz-transition: all .1s linear;
              -ms-transition: all .1s linear;
              -o-transition: all .1s linear;
              transition: all .1s linear;}
.faq-pytanie.active:after{ transform: rotate(180deg) }
.faq-odp{ margin-top: 10px; display: none; padding-left: 33px;}



.contact{margin-top: 40px; margin-bottom: 40px; padding-bottom: 300px; }
.contact-content{ padding-left: 180px; width: 530px; margin: auto; font-size: 27px; color: #fff; line-height: 1.4; position: relative; }
.contact-content:after{ position: absolute; content: ''; display: block; left: 0px; top: 0px; width: 145px; height: 110px; background: url('../grafika/logo_footer.svg') center center; background-size: cover; }
.social-contact{ text-align: center; margin-top: 30px; display: none; }
.social-contact .social-icon{ display: inline-block; margin:  0 10px; }




.social{ position: absolute; right: 100px; top: 145px; height: 100%; width: 40px; z-index: 900; }
.social.active{ position: fixed; top: 95px; }

.social .line1{ width: 2px; height: 70px; background: #fff; position: absolute; top: 0px; left: 50%; margin-left: -1px; }
.social .line2{ width: 2px; height: 100%; background: #fff; position: absolute; top: 250px; left: 50%; margin-left: -1px; }
.social-container{ position: absolute; top: 110px; }
.social-icon{ width: 40px; height: 40px; border-radius: 100%; display: block; margin-bottom: 20px; 
              -webkit-transition: all .1s linear;
              -moz-transition: all .1s linear;
              -ms-transition: all .1s linear;
              -o-transition: all .1s linear;
              transition: all .1s linear;}
.social-f{ background: url('../grafika/f.svg') center center #fff no-repeat; background-size: 60%; }
.social-i{ background: url('../grafika/ig.svg') center center #fff no-repeat; background-size: 60%; }
.social-icon:hover{ transform: scale(1.1); }


.footer{ font-size: 15px; color: #fff; text-align: center; padding: 20px 15px 30px; color: #ddd; line-height: 1.4; }
.footer span{ display: inline-block; margin: 0 15px; }
.footer a{ color: #c6a47e; text-decoration: none; }



.menuFixed{ position: fixed; width: 100%; height: 100%; background: #c6a47e; z-index: 1000; left: 0px; top: 0%; opacity: 0; display: none; overflow-x: hidden; overflow-y: scroll; text-align: center; padding-bottom: 100px; padding-top: 100px; }
.menuFixedUl{ margin: 0px; padding: 0px; list-style: none; margin-bottom: 40px; }
.menuFixedKlik{ font-weight: bold; color: #fff; text-align: center; overflow: hidden; margin: 35px 0 0px; font-size: 42px; text-transform: uppercase; font-weight: 600; padding: 5px 0; position: relative; z-index: 100; cursor: pointer;}
.menuFixed a{ color: inherit; text-decoration: none; }
.menuFixedKlik img{ width: 150px; }

.menuMainLista{ list-style: none; display: block; margin: 0px; padding: 0px; }
.menuMainLista li{display: inline-block; margin: 0 12px; position: relative;}