/**

	@Projekt: 	System pszczoła
	@Autor:   	LEMONIT
	@Zakodował: AM
	@Data:      07/2016
	-------------------
	STYLE.CSS
	-------------------

**/


body{
	font-family: 'Archivo', serif;
}
a,btn{
	outline:none !important;
}
.float--100{
	float:left;
	width:100%;
}
.bgBlack{
	background:#000;
}
.bgGray{
	background:#efefef;
}
.bgBlue{
	background:#86b543;
}
.bgLightBlack{
	background:#010602;
}
html,body{
	width:100%;
	max-width:100%;
	overflow-x:hidden;
}
.padding--30{ 
	padding:30px 0px 50px 0px;
}
.padding--15{
	padding:15px 0px;
}
.position--relative{
	position:relative;
}
.parallax-content-holder {
    position: relative;
    width: 100%;
    padding: 40px 0px;
    float: left;
    z-index: 9;
}
.parallax-content-holder.no--padding{
	padding:0px;
}
.dzsparallaxer.autoheight {
    height: auto !important;
}
.dzsparallaxer.autoheight .dzsparallaxer--target {
    position: absolute;
    width: 100%;
}
.background-wstep{
	    background-size: 100%;
    background-position: right center;
}
.dron-parallax{
	overflow:hidden;
}
.parallax-layer{
	position:absolute;
}
.wow{
	visibility: hidden;
}
[class*="btn"]{
	transition:all ease .3s;
	-webkit-transition:all ease .3s;
}
.parallax-bg-semiblack{
	    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: rgba(0,0,0,0.5);
    height: 100%;
    z-index: 1;
}
.parallax--footer-logo{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	    z-index: 2;
	max-width:80%;
}
.parallax--footer-logo img{
	float:left;
	max-width:100%;
}
/**
 *
 * PRELOADER
 * 
 */

.preloader{
	width:100%;
	height:100vh;
	position:relative;
	background-size:cover;
	z-index:0;
	top:0px;
    float:left;
	left:0px;
	background-position: 0px 0px;
	background-color:#000; 
}
/*
.preloader:before{
	content:'';
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.2);
	z-index:1;
	position:absolute;
}
*/
.preloader .preloader--content{
/*
	max-width:250px;
	float:left;
	position:absolute;
	top:50%;
	left:50%;
	z-index:3;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
    */
    position: relative;
    left: 0; top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 3;
    overflow: hidden;
}
.preloader .preloader--content video{
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    object-position: top;
}
.preloader .logo_big{
	float:left;
	width:100%;
}
.preloader .btn-wejdz{
	float:left;
	width:80%;
	position:relative;
	padding:7px 30px;
	margin-left:10%;
	margin-top:30px;
	text-align:center;
	text-decoration:none !important;
	transition:all ease .3s;
	-webkit-transition:all ease .3s;
	color:#86b543;
    z-index:99999;
}
.preloader .btn-wejdz:focus,
.preloader .btn-wejdz:active,
.preloader .btn-wejdz:focus:active{
	color:#86b543;
}
.preloader .btn-wejdz:hover{
	color:#FFF;
	background:#86b543;
}

body.fixed{
	position:fixed;
}



/**
 *
 * HEADER
 * 
 */

header{
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 98;
    transition:all ease .3s;
    -webkit-transition:all ease .3s;
}
header.position--absolute{
    position: absolute!important;
    top: 0px;
    bottom: auto;
}
header.inactive{
	display:none;
}
header.bottom--fixed{
	bottom:0px;
	top:auto;
}
header .logo_small{
    max-height: 100px;
    width: auto;
    margin-top: 0;

	transition:all ease .3s;
	-webkit-transition:all ease .3s;
}
header .logo_href{
	float:left;
	width:100%;
	    text-align: left;
}
header .menu--holder{
	display:table;
	table-layout: fixed;

}
header .menu{
	float: none;
	list-style-type:none;
	display:table;
    table-layout: auto;
    width: 100%;
	margin:0px;
	padding:0px;
}
header .menu li{
	display:table-cell;
	text-align:center;
	vertical-align: middle;
	height:100px;
	width:auto; 
	padding:0px 15px;
	border-left:1px solid #131714;
	position:relative;

	transition:all ease .3s;
	-webkit-transition:all ease .3s;
}
header .menu li a img{
	max-width:100%;
}
header .menu li:last-child img{
	max-width: 80px;
}
header .menu *{
	transition:all ease .3s;
	-webkit-transition:all ease .3s;
}
header .menu li:before,
header .menu li:after{
	content: '';
    width: 5px;
    height: 5px;
    background: #898988;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.ie header .menu li:before,
.ie header .menu li:after{
	display:none;
}

header .menu li:before{
	left: -3px;
}
header .menu li:after{
	right: -3px;
}
header .menu li a {
    color: #fff;
    font-size: 16px;
    font-weight:400;
    float: left;
    width: 100%;
    text-decoration: none !important;
    text-transform: uppercase;
    font-family: 'Archivo Black', sans-serif;
    
}
header .menu li a:hover {
    color: #b0f74b;
}
/*header .menu li:nth-last-child(3){
	border-right: 1px solid #3c3c3c;
}*/
header .menu li:not(:nth-last-child(2)).active{
	background:#86b543;
}
header .menu li:not(:nth-last-child(2)):hover a{
	color:#86b543;
}
header .menu li:not(:nth-last-child(2)):hover a,
header .menu li:not(:nth-last-child(2)).active a{
	color:#b0f74b;
	text-decoration:none;
}
header .menu li:not(:nth-last-child(2)):hover:before,
header .menu li:not(:nth-last-child(2)):hover:after,
header .menu li:not(:nth-last-child(2)).active:before,
header .menu li:not(:nth-last-child(2)).active:after{
	background:#86b543;
	z-index:99;
}
header .menu li:last-child a{
	font-family: 'Archivo Black',sans-serif;
}
header .toggleMenu{
    float: right;
    font-size: 30px;
    width: 103px;
    color: #FFF;
    padding: 0px;
    display: none;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    position: relative;
    height: 30px;
    margin-top: 35px;
    overflow:hidden;
    transition:all ease .3s;
	-webkit-transition:all ease .3s;
}
header .toggleMenu .text{
    font-size: 23px;
    color: #FFF;
    float: left;
    margin-right: 10px;
}
header .toggleMenu i{
	transition:all ease .3s;
	-webkit-transition:all ease .3s;
    color:#fff;
}
header .toggleMenu .lemonicon-menu{
	transform:translateY(0px);
	-webkit-transform:translateY(0px);
}
header .toggleMenu .lemonicon-cross{
	transform:translateY(200%);
	-webkit-transform:translateY(200%);
}
header .toggleMenu.active .lemonicon-menu{
	transform:translateY(-200%);
	-webkit-transform:translateY(-200%);
}
header .toggleMenu.active .lemonicon-cross{
		transform:translateY(0px);
	-webkit-transform:translateY(0px);
}
header .toggleMenu:hover{
	color:#86b543;
	text-decoration: none;
}
header .toggleMenu i{
	position:absolute;
}


header.small .logo_small,
header.smallex .logo_small{
	    max-height: 60px;
	        margin-top: 5px;
}
header.small .menu li,
header.smallex .menu li{
	height:70px;
}
header.small .toggleMenu,
header.smallex .toggleMenu{
	margin-top:20px;
}
.lang-img{
	    max-width: 40px !important;
}

aside.sidebar{
    width: 250px;
    background: #000;
    position: fixed;
    height: 100vh;
    z-index: 9999999;
    border-right: 5px solid #86b543;
    left:-280px;
    transition:all ease .3s;
	-webkit-transition:all ease .3s;
}
aside.sidebar.active{
	left:0px;
}
aside.sidebar .sidebar_logo{
	    float: left;
    margin-left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin-top: 30px;
    max-width: 100%;
    max-height: 20%;
}
aside.sidebar .menu{
	    float: left;
    width: 100%;
    padding: 0px;
    margin: 30px 0px;
    list-style-type: none;
    border-top: 1px solid #3a3a3a;
        padding-top: 0px;
}
aside.sidebar .menu li{
	float:left;
	width:100%;
}
aside.sidebar .menu li a{
    float: left;
    padding: 10px 10px;
    color: #969696;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #353535;
    transition:all ease .3s;
    font-family: ''Archivo Black'';
    -webkit-transition:all ease .3s;
        font-size: 18px;
}
aside.sidebar .menu li:not(:last-child) a:hover{
	background:#86b543;
	color:#FFF;
	text-decoration: none;
}
aside.sidebar .menu li:last-child a{
	border-bottom:none;
}
aside.sidebar .menu_holder{
	    float: left;
    width: 100%;
    height: calc(100vh - 140px);
}

/**
 *
 *	SLIDER HOME
 * 
 */
.slide .dzsparallaxer{
	    height: 100% !important;
}
.slider:after{
	content:'';
	width:100%;
	height: 200px;
	position:absolute;
	bottom:0px;
	left:0px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	z-index: 9;
	display:none;
}
.slider--home .slide{
	float:left;
	width:100%;
	height:80vh;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.slider--home .owl-nav{
	display:none;
}

/**
 *
 * BOXY HOME
 *
 * 
 */
.boxy--home{
	    box-shadow: 0px 0px 130px rgba(0, 0, 0, 0.52);
    z-index: 9;
}
.boxy--home-box{
	float:left;
	width:25%;
	position:relative;
	background-size:cover;
	background-position:center center;
	cursor:pointer;
}
.boxy--home-ratio{
	float:left;
	width:100%;
	padding-bottom:70%;
}
.boxy--home-content{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.boxy--home-content:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
	transition:all ease .3s;
	-webkit-transition:all ease .3s;
}
.boxy--home-content .boxy--home-title{
	position:absolute;
	width:100%;
	text-align:center;
	top:50%;
	transform:translateY(60%);
	-webkit-transform:translateY(60%);
	color:#FFF;
	font-size:30px;
	font-family: ''Archivo Black'';
	opacity:0;

	

	transition:all ease .3s;
	-webkit-transition:all ease .3s;

}
.boxy--home-box:hover .boxy--home-content:before{
	    background: rgba(0, 141, 210, 0.7);
}
.boxy--home-box:hover .boxy--home-title{
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	opacity:1;
	 -webkit-transition-delay: .2s;
    transition-delay: .2s;
}



.seperate-page .default-page {
	padding-top: 150px;
}
.default-page h1 {
	font-family: 'Archivo Black';
}
h2, h3, h4, h5 {
	font-family: 'Archivo';
	text-transform: uppercase;
}
.default-page h1 {
	padding: 10px 0 10px 20px;
	border-left: 5px solid #86b543;
}
.default-page h2 {
	font-size: 30px;
    margin-bottom: 30px;
    border-bottom: 2px solid #86b543;
    font-family: 'Archivo Black';
}
.default-page h3 { 
    font-size: 25px;
}
.default-page h4 { 
    font-size: 22px;
}
.default-page h5 {
	font-size: 18px;
}

.default-page ul li {
    margin-top:10px;

}
/**
 *
 *	WSTĘP
 * 
 */

.section--header{
	float:left;
	width:100%;
	border-left:5px solid #86b543;

	padding:5px 10px;
	margin-bottom:30px;
}
.section--header h2{
	font-family:'Archivo Black';
	float:left;
	width:100%;
    border-bottom: none;
}
.section--header h3{
	float:left;
	width:100%;
    font-size: 18px;
    border-bottom: none;
}
.section--header.dark--text h2,
.section--header.dark--text h3{
	margin:0px;
	color:#000;
}
.section--header.light--text h2,
.section--header.light--text h3{
	margin:0px;
	color:#FFF;
}
.section--subheader{
	float:left;
	width:100%;
	padding-left:15px;
	margin-top: -15px;
}
.section--subheader p{
	font-weight: 300;
    font-size: 13px;
}
.section--subheader.light-text p{
	color:#FFF;
}
section.text p{
	color:#000000;
	font-size:14px;
	float:left;
	width:100%;
	margin-bottom:14px;
    font-weight: 300;
}
section.text p strong{
	
}
.featured_icons{
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
	list-style-type: none;
}
.featured_icons li{
	float:left;
	margin-right:15px;
}
.featured_icons li img{
	float:left;
	max-width:80px;
}
.dron--parallax{
	position:absolute;
	right:0px;
	top: 9%;
	max-width:30%;
	float:left;
}
.dron--parallax img{
	    float: left;
    max-width: 100%;
    height:auto;
}
.wstep--column{
	padding:50px 15px;
	    background: rgba(0,0,0,0.9);
}
.wstep--column * {
	color: #FFF !important;
}

.wstep--new {
    background-color: #000;
}

/**
 *
 *	BSL UDERZENIOWY
 * 
 */
section[data-adres="bsl-uderzeniowy"] *{
	transition:all ease .3s;
	-webkit-transition:all ease .3s;
	    transition-delay: 0.3s;
	    -webkit-transition-delay: 0.3s;
}

.bsl-subheader{
	float:none;
	display:table;
	    width: calc(100% + 15px);
}
.bsl-subheader > p{
	display:table-row;
	font-size:20px;

}
.bsl-subheader p span{
	font-family:''Archivo Black'',sans-serif;
	    display: table-cell;
    text-align: left;
}
.bsl-subheader p span img{
	margin-right:15px;
}
.bsl-subheader p > span:nth-child(3),
.bsl-subheader p > span:nth-child(4){
	text-align:right;
}
.bsl-subheader p span strong{
	    color: #86b543;
}
.uderzeniowy--properties{
	    margin: 60px 0px;
	position:relative;
}
.uderzeniowy--properties img.dron{
	margin-left:50%;
	float:left;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	max-width:80%;
}

.prop{
	position:absolute;
	    z-index: 9;
}
.prop p,
.prop strong{
	color:#FFF;
	font-size:22px;
	margin:0px;
	width:100%;
	float:left;
}
.prop p{
	font-family: ''Archivo Black'';
}
.prop strong{
	font-family: 'Archivo Black';
}


/** TOP LEFT   **/

.prop[data-placement="top-left"] {
    top: 8%;
    left: 30px;
    width: 25%;
}
.prop[data-placement="top-left"]:before{
	left: calc(100% + 5px);
}

/** TOP LEFT SKOS  **/

.prop[data-placement="top-left-skos"] {
    top: -17%;
    left: 30px;
    width: 43%;
}
.prop[data-placement="top-left-skos"]:before{
    left: calc(100% + -10px);
    bottom: -95px;

}
.prop[data-placement="top-left-skos"] strong:after{
    height: 70px !important;
    width: 1px;
    right: 0px;
    bottom: -70px;
}


/** LEFT CENTER **/


.prop[data-placement="center-left"] {
    top: 33%;
    left: 30px;
    width: 27%;
}
.prop[data-placement="center-left"]:before{
	left: calc(100% + 5px);
}

/** BOTTOM LEFT **/

.prop[data-placement="bottom-left"] {
    top: 59%;
    left: 30px;
    width: 39%;
}
.prop[data-placement="bottom-left"]:before{
	left: calc(100% + 5px);
}

/** BOTTOM LEFT SKOS **/


.prop[data-placement="bottom-left-skos"]{
	    top: 90%;
    left: 30px;
    width: 44%;
}
.prop[data-placement="bottom-left-skos"]:before{
	    left: calc(100% + -10px);
    top: -10px;
}
.prop[data-placement="bottom-left-skos"] strong:after{
    height: 50px !important;
    width: 1px;
    right: 0px;
    bottom: 0px;
}





.prop[data-placement*="right"] p,
.prop[data-placement*="right"] strong{
	text-align:right;
}

.prop[data-placement*="right"]:before{
	left:-25px;
}

/** RIGHT TOP SKOS **/

.prop[data-placement="top-right-skos"]{
	top:-17%;
	right: 0px;
    width: 43%;
}
.prop[data-placement="top-right-skos"] strong:after{
	left: 0px;
    height: 70px !important;
    width: 1px;
    bottom: -70px;
}
.prop[data-placement="top-right-skos"]:before{
    left: -9px;
    bottom: -95px;
}

/** RIGHT TOP  **/

.prop[data-placement="top-right"]{
	top:8%;
	right: 0px;
	width: 30%;
}
.prop[data-placement="center-right"]{
	top:33%;
	right: 0px;
	    width: 40%;
}
.prop[data-placement="bottom-right"]{
	top:59%;
	right: 0px;
	width: 31%;
}


.prop[data-placement="bottom-right-skos"]{
	top:86%;
	right: 0px;
	 width: 45%;
}
.prop[data-placement="bottom-right-skos"] strong:after{
	left: 0px;
    height: 70px !important;
    width: 1px;
       bottom: 0px;
}
.prop[data-placement="bottom-right-skos"]:before{
    left: -9px;
       bottom: 75px;
}

.prop:after{
    content: '';
    width: 100%;
    height: 1px;
    background: #86b543;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.prop:before{
    content: '';
    background-image: url('../img/prop_bg.png');
    background-repeat: no-repeat;
    position: absolute;
    z-index: 10;
    width: 20px;
    height: 20px;
    bottom: -10px;
}
.prop[data-placement*="-skos"] strong{
	position:relative;
}
.prop[data-placement*="-skos"] strong:after{
	position:absolute;
	 height: 1px;
    background: #86b543;
    content:'';
}

section[data-adres="bsl-uderzeniowy"].hover .bsl-subheader p span:not(.active){ opacity: 0.3; }
section[data-adres="bsl-uderzeniowy"].hover .uderzeniowy--properties > div.prop:not(.active){ opacity: 0.3; }

/**
 *
 *	GŁOWICA UDERZENIOWA
 * 
 */
.uderzeniowa--box{
	position:relative;
	float:left;
	margin: 30px 0px 30px 0px;
}
.wielokat--image{
	position:absolute;
	float:left;
	width:150px;
	    height: 130px;
	background-size:cover;
	background-position:center center;
	background-repeat: no-repeat;
	/*-webkit-clip-path: polygon(20% 0px, 80% 0px, 100% 50%, 80% 100%, 20% 100%, 0px 50%);
	clip-path: url("../img/wielokat.svg");*/
	z-index:2;
}
.wielokat--cien{
    position: absolute;
    width: 150px;
    /*-webkit-clip-path: polygon(20% 0px, 80% 0px, 100% 50%, 80% 100%, 20% 100%, 0px 50%);
    clip-path: url("#wielokat");*/
    height: 130px;
    /*background: #f3f3f3;*/
    top: -6px;
    left: 26px;
    z-index: 1;
}
.uderzeniowa--content{
	float:left;
	width:100%;
	padding: 100px 0px 0px 0px;
    text-align: justify;
}
.uderzeniowa--content p{
	color:#7d7d7d;
	    font-size: 13px;
    font-weight: 300;
}
.uderzeniowa--content h4{
	color:#252525;
	font-size:20px;
	padding-left:150px;
}
.uderzeniowa--content p{
	    float: left;
    padding-left: 150px;
}
.glowice--boxy{
	float:left;
	width:100%;
    height: 650px;
}
.glowica--box{
	float:left;
	    width: calc(40% - 60px);
	height:50%;
	position:absolute;
}
.glowice--boxy .wielokat--image{
    width: 90%;
    height: 100%;
    left: 5%;
}
.box-left,
.box-right{
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.box-left{
	top:50%;
	left: 15%;
}
.box-right{
	left: auto;
    right: 12.5%;    
    top:50%;
}
.box-top{
	    top: -11.5px;
	    left: calc(50% + 15px);
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
}
.box-bottom{
	    left: calc(50% + 15px);
	bottom:-14.5px;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
}
.glowica--box strong{
	    position: absolute;
    top: 50%;
    left: 50%;
        transform: translate(-50%,50%);
        -webkit-transform: translate(-50%,50%);
    color: #FFF;
    opacity:0;
    font-size: 2vw;    
    line-height: 2vw;
    text-align: center;
    font-family: 'Archivo Black';
    transition:all ease .3s;
	-webkit-transition:all ease .3s;
}
.glowica--box p{
	    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    color: #FFF;
    opacity: 0;

    text-align: center;
    font-family: 'Archivo Black';
 transition: all ease .3s; 
     -webkit-transition: all ease .3s; 
    font-size: 20px;
    z-index: 9;
    text-transform: uppercase;
}
.glowica--box:hover .wielokat--image:before{
	background:rgba(0, 141, 210, 0.7);
}
.glowica--box:hover strong{
	opacity:1;
	transform: translate(-50%,-100%);
        -webkit-transform: translate(-50%,-100%);
    transition-delay:.2s;
    -webkit-transition-delay:.2s;
}
.glowica--box:hover svg image{
	opacity:0.2;
}
.glowica--box:hover p{
	opacity:1;
	 transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
}
.wielokat--image:before{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	/*background:rgba(0,0,0,0.3);*/
	content:'';
	transition:all ease .3s;
	-webkit-transition:all ease .3s;
}
/*.box-bottom .wielokat--image:before{
	background:rgba(0, 141, 210, 0.7);
}*/

/*
.gb--line{
    position: absolute;
    background: #F0F0F0;
    width: 20%;
    height: 10px;
    transform: skew(30deg);
}
.gb--line.top-left{
	    top: 7%;
	left:10%;
}
.gb--line.top-right{
	    top: 7%;
	right:10%;
}
.gb--line.bottom-left{
	bottom:7%;
	left:10%;
}
.gb--line.bottom-right{
	bottom:7%;
	right:10%;
}
*/

/**
 *
 *  
 *  GŁOWICA OBSERWACYJNA
 * 
 */


.black-overlay{
	background:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	position:absolute;
}
.parallax-second-row{
	margin:30px 0px;
}

.light--text p{
	color:#FFF;
	font-weight:300;
}
.light--text p strong{
	color:#86b543;
}


/**
 *
 * KONTENER STARTOWY
 * 
 */

.startowy-bg-image{
    position: absolute;
    width: 60%;
    left: 0px;
    top: 0px;
    height: 100%;
    background-image: url('../img/kontener_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.startowy-bg-video{
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
   /* background-image: url('../img/kontener_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;*/
    overflow:hidden;
}
#startowy-video{
/*    min-height: 100% !important;

    min-width: 100%;
    position: absolute;
        left: 36%;
        top: 20%;
    width: auto;
    height: auto;

    background-size: cover;
    overflow: hidden;
    transform: translate(-50%,-50%);*/
}
section[data-adres="kontener-startowy"] .wstep--column{
	    padding: 50px 15px 10% 15px;
}
#startowy-video{
	    min-height: 100% !important;
    /* width: auto !important; */
    min-width: 100%;
    position: absolute;
    left: 50%;
    top: 40%;
    width: auto;
    height: auto;
    /* z-index: -100; */
    background-size: cover;
    overflow: hidden;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.startowy-bg-image:after{
	content:'';
	position:absolute;
	height:100%;
	width: 70%;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(239,239,239,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(239,239,239,1)));
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(239,239,239,1) 100%);
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(239,239,239,1) 100%);
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(239,239,239,1) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(239,239,239,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#efefef',GradientType=1 );
	right:0px;
}
.play-video-startowy{
	float: left;
    position: relative;
    padding: 10px 30px;
    color:#FFF !important;
    text-decoration:none !important;
}
.no-touchevents .play-video-startowy{
	display:none;
}
.touchevents .play-video-startowy{
	display:block;
}
.play-video-startowy li a:hover svg polygon{
	    stroke: #00abff;
}
.play-video-startowy li a:hover svg line{
	    stroke: #00abff;
}

/**
 *
 * SPOT PROMOCYJNY
 * 
 */
.spot--holder{
	position:relative;
}
.spot--holder{
	width:calc(50% - 10px);
	float:left;
	transition:all ease .5s;
}
.spot--holder:nth-child(2n){
	float:right;
}
.spot--holder iframe{
	width:100% !important;
}
.playing .spot--holder.active{
	width:100%;
}
.playing .spot--holder:not(.active){
	width:0px;
}
.spot--thumb{
	width:100%;
	float:left;
	height:250px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
	overflow: hidden;
}
.spot--play{
	position:absolute;
	width:100%;
	height:100%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.spot--play div[class*="wielokat"]{
	-webkit-clip-path: polygon(20% 0px, 80% 0px, 100% 50%, 80% 100%, 20% 100%, 0px 50%);
	clip-path: url("#wielokat");
	background:rgba(255,255,255,0.6);
	position:absolute;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.spot--play .wielokat--first{
	    width: 270px;
	    height: 210px;
	transition:all ease .3s;
	transition-delay:.1s;
}
.spot--play .wielokat--second{
       width: 350px;
        height: 280px;
    transition:all ease .3s;
    transition-delay: .3s;
}
.spot--play .play-ico{
	float: left;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    font-size: 50px;
    color: #7b7b7b;
    transition:all ease .3s;
    transition-delay: .4s;
}

.spot--play:hover .wielokat--first{
	    background: rgba(0, 141, 210, 0.6);
}
.spot--play:hover .wielokat--second{
	    background: rgba(0, 141, 210, 0.35);
}
.spot--play:hover .play-ico{
		color:#FFF;
}
/*
*
*  MATERIAŁY DO POBRANIA 
*  
*/
.materialy--download{
    float: left;
    padding: 0px;
    margin: 0px;
    width: 100%;
    text-align: center;
}
.materialy--download li{
	display:inline-block;
	margin:0px 10px;
}
.materialy--download li a{
	color:#FFF;
	float:left;
	padding: 9px 30px;
	/*border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;*/
	position:relative;
	-webkit-clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
	clip-path: url("#wielokat_btn");
}
.materialy--download li a span{
	margin-right: 10px;
}
.materialy--download li a,
.materialy--download li a *{
	transition:all ease .3s;
	-webkit-transition:all ease .3s;
}
html:not(.ie) .materialy--download li a:hover{
	background: #005e8c;
	text-decoration: none;
}
.materialy--download li a:hover svg *{
	transition-delay:.2s;
	-webkit-transition-delay:.2s;
}
.materialy--download li a:hover svg polygon{
	    stroke: #00abff;
}
.materialy--download li a:hover svg line{
	    stroke: #00abff;
}

svg.pierwszy--svg{
	position: absolute;
    left: -32px;
    top: -2px;
    height: calc(100% + 4px);
}
svg.pierwszy--svg polygon{
	stroke-width: 1px;
    fill: transparent;
    stroke: #FFF;
}
svg.drugi--svg{
	position: absolute;
    right: -32px;
    top: -2px;
    height: calc(100% + 4px);
}
svg.drugi--svg polygon{
	stroke-width: 1px;
    fill: transparent;
    stroke: #FFF;
}
svg.border--svg{
	position: absolute;
    top:0px;
    left:0px;
    height: 100%;
    width:100%;

}
svg.border--svg polygon{
	stroke-width: 2px;
    fill: transparent;
    stroke: #FFF;
}
svg.border--svg line{
	stroke-width: 9px;
	stroke:#FFF;
}
/*.materialy--download li a:before{
	content:'';
	border:2px solid #FFF;
	width:20px;
	height:20px;
	position:absolute;
	left:0px;
	top:0px;
}*/



.rozwoj--img{
	    float: left;
    width: 48%;
}
.rozwoj--img.last{
	    margin-left: 4%;
}
.rozwoj--img-full{
	float:left;
	width:100%;
	margin-top:20px;
}
.komputer--holder{
	float:left;
	width:70%;
	margin-left:15%;
	position:relative;
}
.komputer--one{
	    width: 100%;
	    float:left;
}
.komputer--two{
    position: absolute;
    left: 6%;
    top: 3%;
    width: 100%;
}
.videoWrapper {
    position: relative;
    padding-bottom: 29.3%;
    padding-top: 25px;
    height: 0;
    float: left;
    width: 100%;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.contact-col p{
	float:left;
	width:100%;
	margin-bottom:20px;
	color:#7d7d7d;
	font-weight:300;
}
.form-control{
	border-radius:0px;
	-webkit-border-radius:0px;
	font-size:13px;
}
.form-column{
	padding:0px 5px;
	    margin-top: 20px;
}
.form-column input,
.form-column textarea{
	margin-bottom:10px;
}
.form-column .input--half{
	float:left;
	width:calc(50% - 5px);
}
.form-column .input--half.email-input{
	margin-left:10px;
}

.form-column textarea{
	    min-height: 78px;
}
.form-column-1-4{
	float:left;
	width:25%;
}
.form-column-1-2{
	width:50%;
	float:left;
}
.form-column-1-2 .btn-blue{
	float:right;
}
.btn-blue{
	background: #86b543;
    color: #FFF;
    border-radius: 0px;
    padding: 8px 20px;
    border: 1px solid transparent;
}
.btn-blue:hover{
	background: #016b9e;
	color:#FFF;
}
.footer--copyright{
	border-top:1px solid #151916;
	padding:30px 0px 30px 0px;
}
.footer--copyright p{
    margin-bottom: 0px;
    text-align: center;
    width: 100%;
    float: left;
    color: #7a7a7a;
    font-weight: 300;
}

.parallax--footer .divimage{
	    background-position: bottom center !important;
}
/**
 *
 *  HOTSPOT
 * 
 */

.lemon--hotspot {
    width: 33px;
    height: 29px;
    background-image: none;
    position: absolute;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    animation: hotspot 3s linear 0s infinite;
    background-size: cover;
    background-repeat: no-repeat;
    background: #86b543;
    -webkit-clip-path: polygon(20% 0px, 80% 0px, 100% 50%, 80% 100%, 20% 100%, 0px 50%);
    clip-path: url("#wielokat");
}


@keyframes hotspot{
	0%{
		opacity:1;
	}
	50%{
		opacity:0.5;
	}
	100%{
		opacity:1;
	}
}
@-webkit-keyframes hotspot{
	0%{
		opacity:1;
	}
	50%{
		opacity:0.5;
	}
	100%{
		opacity:1;
	}
}

.qtip-content {
    padding: 10px;
    text-align: left;
    word-wrap: break-word;
    font-size: 14px;
}
.qtip-dark {
    background-color: #000000;
    border-color: #303030;
    color: #ffffff;
}

/**
 *
 * W BUDOWIE
 *
 * 
 */
.full--screen{
	width:100%;
	height:100vh;
	overflow:hidden;

}
.p--layer{
	position:absolute;
}
.bg--layer{
	background-image:url('../img/preloader.jpg');
	background-size:cover;
	width:120%;
	height:120%;
	background-position:center center;
}
.bg--layer:before{
	content:'';
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	position:absolute;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 36%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 36%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0) 36%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 36%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 36%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );

}
.logo--layer{
	    z-index: 9;
    top: 70px;
    left: calc(50% - 43px);
}
.text--layer{
	background:#000;
	padding:10px;
	    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.text--layer p{
	color:#FFF;
	margin-bottom:0px;
}
.text--layer p strong{
	color:#86b543;
}
.footer--layer{
	    border-top: 1px solid rgba(0, 0, 0, 0.21);
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
}
.footer--layer p{
	float:left;
	width:100%;
	color:#FFF;
	padding-top:20px;
	padding-bottom:10px;
}
.footer--layer p a{
	color:#FFF;
	text-decoration: none !important;
	transition:all ease .3s;
	-webkit-transition:all ease .3s;
}
.footer--layer p a:hover{
	color:#DDD;
		transition:all ease .3s;
	-webkit-transition:all ease .3s;
}
.footer--layer p a[href*="tel"]:hover,
.footer--layer p a[href*="mailto"]:hover{
	color:#DDD;
}

.text--right{
	text-align:right;
}
.bg-bottom .divimage{
	    background-position: bottom center !important;
}
.form-control{
	    color: #eee;
    background-color: #272727;
    background-image: none;
    border: 1px solid #3e3e3e;
}

.btn-wyslij,
.zamknij-spot{
	float:right;
	padding:7px 30px;
	position:relative;
	color:#86b543;
	text-decoration: none !important;
}
.zamknij-spot{
	margin-left:50%;
	float:left;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	margin-top:30px;
	display:none;
}
.btn-wyslij svg.border--svg polygon ,
.zamknij-spot svg.border--svg polygon ,
.btn-wejdz svg.border--svg polygon {
    stroke-width: 2px;
    fill: transparent;
    stroke: #86b543;
}
.btn-wyslij svg.border--svg line ,
.zamknij-spot svg.border--svg line ,
.btn-wejdz svg.border--svg line {
    stroke-width: 9px;
    stroke: #86b543;
}
.btn-wyslij:hover,
.btn-wyslij:active,
.btn-wyslij:focus {
    color:#97ef18;
}



.svg-background, .svg-image { 
    /*clip-path: url(#clip-triangle); */
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.svg-image {
    -webkit-transition: all 0.5s ease 0.2s;
    -moz-transition: all 0.5s ease 0.2s;
    opacity: 1;
    transition: all 0.5s ease 0.2s;
}

svg.clip-svg { height: 100%; position: absolute; width: 100%; }
#svg-1 { left: 0px; top: 0px; }
#svg-2 { left: 0px; top: 0px; }
#svg-3 { left: 0px; top: 0px; }


input.form-control.footer-input.error {
    border: 1px solid #9c0000;
}
input.form-control.footer-input.error:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(156, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(156, 0, 0);
}
.form-success{
	    background: transparent;
    border-color: #06a730;
    color: #06a730;
    margin-bottom: 0px;
    position:relative;
    display:none;
}
.form-alert-powrot{
	    float: right;
    color: #006b9d;
    text-decoration: none !important;
    background: #06a730;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0px 20px;
    line-height: 50px;
    color: #010602;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
}
.form-alert-powrot:hover{
	color:#FFF;
	 transition: all ease .3s;
    -webkit-transition: all ease .3s;
}

.image-to-left {
	float: left;
	margin: 0 25px 10px 0;
}
.image-to-right {
	float: right;
	margin: 0 0 10px 25px;
}

#kontener-startowy .parallax-content-holder, #kontener-startowy .parallax-content-holder div:not(.section--header), #sttu .parallax-content-holder, #sttu .parallax-content-holder div:not(.section--header){ 
	position:relative;
	height:100%;
}

table.parametry {
    border:0;
}

table.parametry th {
    font-weight:bold;
    text-align:center;
    padding:10px 15px;
}


table.parametry thead tr {
    background-color: #d9d9d9;

}

table.parametry tbody tr:nth-child(even) {
    background-color: #ededed;
}

table.parametry td {
    padding:10px 15px;
}
table.parametry tbody tr td:nth-child(1) {
    max-width: 550px;
}