html {
     font-size: 65%;
}

.wrap {position:absolute;top:0px;left:0px;width:100%;height:100%}
/*body.small .wrap { left:0px;}*/
.wrap .sh {overflow:hidden;height:100%;}
.wrap .sh .in {height:200%; position:relative; transition:top 0.3s ease 0s}
.wrap .sh .in .content {height:50%;position:relative;}
.wrap .sh .in .content .container {left:0px;margin-left:0px;  transition: left 600ms cubic-bezier(0, 0, 0.25, 1) 0s;;position:absolute;
                                   z-index:101;	
                                   font-size: 0;
                                   height: 100%;
                                   white-space: nowrap;
                                   width: 100%;
}
.wrap .sh .in .content .container  .page { display: inline-block;height: 100%;overflow: hidden;position: relative;vertical-align: top;white-space: normal;width: 100%;background-size:cover;background-position:center;}
.wrap .sh .in .content .container  .page#home6 {background-position:center top;}
.wrap .sh .in .content .container  .page .show_video { right:-50%; height: 100%;min-height: 1080px;min-width: 1920px;position: relative;top: 50%; transform: translateZ(0px);width: 100%; }
.wrap .sh .in .content .container  .page .show_video.left { left:0px;}
.wrap .sh .in .content .container  .page .show_video.right { right:0px;}
.wrap .sh .in .content .container  .page .show_video video {    min-height: 100%;     min-width: 100%; position: relative; top: -50%;left:-50%;}
.wrap .sh .in .content .container  .page .show_vidao.left video {  left:0px;  }
.wrap .sh .in .content .container  .page .show_vidao.right video {  float:right:right:0px;  }

#arrow_left { position:absolute;left:10px;top:50%;margin-top:-70px;width:40px;height:40px;cursor:pointer;z-index:202;background:url(images/strzalka_navi.png);background-size:cover;}
#arrow_right { position:absolute;right:10px;top:50%;margin-top:-70px;width:40px;height:40px;cursor:pointer;z-index:202;background:url(images/strzalka_navi.png); background-size:cover; 
               transform:rotate(180deg);
               -o-transform:rotate(180deg);
               -moz-transform:rotate(180deg);
               -webkit-transform:rotate(180deg);
               -ms-transform:rotate(180deg);
}
/*            body.small #arrow_left, body.small #arrow_right {top:25%;}
            body.small #menu button {right:10px;padding:5px;top: 30px;}*/

#menu { position:absolute;left:0px;top:100%;margin-top:-70px;width:100%;height:70px;background-color: rgba(255,255,255,1);z-index:602; 
        transition:top 1s ease;
        -webkit-transition:top 1s ease;
        -moz-transition:top 1s ease;
        -ms-transition:top 1s ease;
        -o-transition:top 1s ease;
}

body.menu #menu { top:0px !important;z-index:600;background-color: rgba(255,255,255,1);margin-top:0px;}
#menu .ico {    height: 50px;
                position: absolute;
                top: 10px !important;
                width: 50px;}
#menu h2 { color:black;left:72px;top:20px;font-family:"Open Sans"; font-weight: lighter; font-size:	20.8px; display:inline;position:relative;float:left;}
/*body.small #menu h2 {left:10px;top: 0px;font-size:0.8em;}*/
#menu h2 strong { font-family:"Open Sans";}
#menu button{  background: none repeat scroll 0 0 black;
               border: 0 none;
               color: white;
               cursor: pointer;
               float: right;
               font-family: DINProReg;
               font-size: 19px;
               font-weight: bold;
               height: 50px;
               padding-left: 13px;
               padding-right: 13px;
               position: absolute;
               right: 90px;
               text-align: center;
               top: 10px;}
#menu .ico.fb { background:url(images/fb_icon.png);right:268px;}
#menu .ico.tweet { background:url(images/twitter_icon.png);right:333px;}
#menu .ico.google { background:url(images/google_icon.png);right:398px}

/*
body.small  #menu .ico.fb { right:128px;top: 35px;}
body.small #menu .ico.tweet { right:163px;top: 35px;}
body.small #menu .ico.google { right:198px;top: 35px;}
*/

body.first #arrow_left { display:none;}
body.last #arrow_right { display:none;}
#allsee { position:absolute;width:100%;height:0%;z-index:200;background:black;bottom:0px;
          transition:height 1s ease;
          -webkit-transition:height 1s ease;
          -moz-transition:height 1s ease;
          -ms-transition:height 1s ease;
          -o-transition:height 1s ease;
}
#allsee .inn {display:none; }
body.menu #allsee { display:block;z-index:500;height:100%; overflow-y:scroll;}
body.menu #allsee .inn  {   float: left; display:block; width:400px;margin-top:120px;}
/*body.menu.small #allsee .inn  { width:80%;}*/
body.menu #allsee .inn .one { margin-left:10%;color:white;text-transform:uppercase;margin-bottom:5px;font-family:"Open Sans"; list-style: none;padding: 2px 10px; font-size: 1.3em;}
/*body.menu.small #allsee .inn .one { margin-left:0%;}*/
body.menu #allsee .inn .one:hover { background:white;color:black;cursor:pointer; }

#socials { position:absolute;top:0px;right:0px;width:80px;height:30px;z-index:200; }
#container .header { position:absolute;top: 17%;;left:10%;width: 80%; /* text-shadow:1px 1px 3px #808080 */}

.page{color:white;font-family:"Open Sans"; font-weight: lighter;font-size:2rem;}

#container .page .full {
   height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99999;
}

#container .page .full .top {
    top:40px;
    left:70px;
       position: absolute;
}

#container .page .full .bottom {
    bottom: 110px;
    left: 70px;
    font-size: 1.5em;
    position: absolute;
}

#container .page .full .top_right {
    top:80px;
    right:70px;
       position: absolute;
}

#container .page .full .bottom_right {
    bottom: 110px;
    right: 70px;
    position: absolute;
    text-align:right;
    font-size: 1.5em;
}

.half{
    width:40%;
}
    
#container .header .stats {font-size:2em;}
/*body.small #container .header { font-size:1.8em;left:50px;top:25%}*/
#container .header strong{font-size:0.9em;font-weight:600;font-family:"Open Sans";
    font-weight: bold;}
/*#container .header .small { color:white;font-family:DINProMedium;font-size:0.5em}*/
#container .header button, .full button {  background:white;color:black;text-align:center;border:0px none;cursor:pointer;text-decoration:none;display:block;margin-top:40px;font-size:0.7em;font-family:"Open Sans"; font-weight: lighter;padding:5px 13px;font-weight:bold;cursor:pointer;}
.headercenter {width:90%;left:50% !important;margin-left:-40% !important;text-align:center;top:38% !important;margin-top:-10% !important;}

.stats{
    color:#000;
}

.stats ul{
    margin:0;
    padding:0;
    list-style: none;
}

.stats ul li{
    margin:0;
    padding-left:43px;
    background: url(images/tr.png) 0px 7px no-repeat;
    margin-bottom: 7%;
}

.counter {
    font-weight:bold;
}
.black_header{
    background: black;
    color:#02ff7f;
    display: inline-block;
}

/*.small #container .header button {font-size:0.4em;}*/ 
@font-face {
    font-family: 'DINProLight';
    src: url('../css/autofonts/DINPro/dinpro-light.eot');
    src: url('../css/autofonts/DINPro/dinpro-light.eot?#iefix') format('embedded-opentype'),
        url('../css/autofonts/DINPro/dinpro-light.woff') format('woff'),
        url('../css/autofonts/DINPro/dinpro-light.ttf') format('truetype'),
        url('../css/autofonts/DINPro/dinpro-light.svg#dinpro-light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'DINProReg';
    src: url('../css/autofonts/DINPro/dinpro-regular.eot');
    src: url('../css/autofonts/DINPro/dinpro-regular.eot?#iefix') format('embedded-opentype'),
        url('../css/autofonts/DINPro/dinpro-regular.woff') format('woff'),
        url('../css/autofonts/DINPro/dinpro-regular.ttf') format('truetype'),
        url('../css/autofonts/DINPro/dinpro-regular.svg#dinpro-regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'DINProMedium';
    src: url('../css/autofonts/DINPro/dinpro-medium.eot');
    src: url('../css/autofonts/DINPro/dinpro-medium.eot?#iefix') format('embedded-opentype'),
        url('../css/autofonts/DINPro/dinpro-medium.woff') format('woff'),
        url('../css/autofonts/DINPro/dinpro-medium.ttf') format('truetype'),
        url('../css/autofonts/DINPro/dinpro-medium.svg#dinpro-medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DINProBold';
    src: url('../css/autofonts/DINPro/dinpro-bold.eot');
    src: url('../css/autofonts/DINPro/dinpro-bold.eot?#iefix') format('embedded-opentype'),
        url('../css/autofonts/DINPro/dinpro-bold.woff') format('woff'),
        url('../css/autofonts/DINPro/dinpro-bold.ttf') format('truetype'),
        url('../css/autofonts/DINPro/dinpro-bold.svg#dinpro-bold') format('svg');
    font-weight: 600;
    font-style: normal;
}

.data_left{
    width:40%;
    float:left;
    text-align: right;
    margin-left: 4%;
}

.data_right{
    width:40%;
    float:right;
    text-align: left;
    margin-right: 4%;
}

.data_left2{
    width:50%;
    margin-top: -3%;
    margin-left: 9%;
    float:left;
    text-align: left;
}

.data_right2{
    width:40%;
    float:left;
    margin-top: -3%;
    text-align: left;
}

.big {
font-size: 1.2em !important;    
}

.mniejsze {
font-size: 0.7em !important;
}

.jeszcze_mniejsze {
    font-size: 0.8em !important;
  }
  
  
.p_left{
    width:46%;
    float:left;
    text-align: left;
}

.p_right{
    width:46%;
    float:left;
    text-align: right;
}

.numer_slajdu
{
    z-index: 9999;
    position:absolute;
    top:20px;
    right:20px;
    color: green;
}

h1{
    font-weight: bolder;
    font-size: 2.5em;
    margin:0;
    font-family:"Open Sans";
    font-weight: bold;
    
}

.full{
    text-shadow: 1px 1px 2px rgba(68, 68, 68, 1);
}

.headercenter h1 {
    font-size:1.5em;
    font-family:"Open Sans";
    font-weight: normal;
}
h2 {
    margin-top:0;
}

h3{
    font-weight:bold;
}

.p_right.bottom {
    top:inherit;
    bottom:100px;
}

.bigbig {
    font-size:4em !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px), screen and (max-width: 767px) {

.wrap .sh .in .content .container  .page { font-size: 0.8rem;}
#menu h2{
    font-size:12px;
}

#menu .ico {
background-size: cover !important;
width:20px;
height:20px;
top:15px !important;
}

#menu button{
    font-size:12px;
    height: 30px;
}

#menu .ico.tweet{
 right:    243px;
}

#menu .ico.fb {

right: 208px;
}

#menu .ico.google { 
right: 278px;
}

#menu { 
margin-top: -50px;
height: 50px;
}


#container .page .full .bottom_right {
    font-size: inherit;
}

}