html, body {
	max-width: 100%;
    overflow-x: hidden;
}

body {
	background-image: url(assets/bck.png);
	background-attachment: fixed;
	background-size: cover;
	font-family: "proxima-nova", Arial, sans-serif;
	position: relative;
}

body:after {
	content: "";
	width: 1px;
	height: 100%;
	position: fixed;
	display: block;
	left: 50%;
	background: #af8d62;
	top: 0;
	z-index: 99999;
}

.tekst {
	font-size: 16px;
	font-family: "proxima-nova", Arial, sans-serif;
	color: white;
	width: 100%;
	line-height: 22px;
	text-align: justify;
}

.tekst-oferta {
	font-size: 16px;
	font-family: "proxima-nova", Arial, sans-serif;
	color: white;
	width: 100%;
	line-height: 22px;
	text-align: left;
	text-align: justify;
}

.tekst-oferta h3 {
	font-size: 21px;
	color: #af8d62;
	line-height: 22px;
	margin: 65px 0 20px 0;
	text-align: left;
}

.tekst-oferta li {
	font-size: 16px;
	color: white;
	line-height: 22px;
	margin: 20px 0 20px 20px;
	text-align: left;
}

.kontakt {
	font-size: 16px;
	font-family: "proxima-nova", Arial, sans-serif;
	color: white;
	line-height: 22px;
	text-align: left;
}

.kontakt h3 {
	font-size: 21px;
	color: white;
	line-height: 26px;
	margin: 0 0 20px 0;
	text-align: left;
}

.kontakt li {
	font-size: 16px;
	color: white;
	line-height: 22px;
	margin: 20px 0 20px 20px;
	text-align: left;
}

.tekst p {
	margin-bottom: 20px;
}

.content {
	width: 1200px;
	max-width: 90%;
	margin: 0 auto;
}

.content .logo {
	padding: 100px 0;
	display: block;
}
.content .logo .mobile-logo {
	display: none;
}
.content .menu li {
	font-size: 14px;
	padding: 35px 0 0 0;
	display: inline-block;
	color: white;
	text-transform: uppercase;
}

.content .menu li:after {
	content: "|";
	padding: 20px;
	color: #af8d62;
}

.content .menu a {
	color: white;
	text-decoration: none;
}

.content .menu a:hover {
	color: white;
	text-decoration: underline;
}

.content .dag {
	z-index: 999;
	float: right;
	right: 0;
	position: absolute;
}

.content .dag-oferta {
	z-index: 999;
	float: right;
	right: 0;
	position: fixed;
}

.content .jezyk li {
	font-size: 14px;
	padding: 15px 0 0 0;
	display: inline-block;
	color: white;
	text-transform: uppercase;
}

.content .jezyk li:hover {
	text-decoration: underline;	
}

.content .jezyk li:after {
	content: "|";
	padding: 20px;
	color: #af8d62;
}

.content .jezyk li:last-child:after{
	display: none;
}

.footer {
	margin-top: 120px;
	position: relative;
	z-index: 9999;
	background-color: #000;
	min-height: 150px;
}

.footerlogo {
	text-align: center;
}

.footerlogo img {
	z-index: 999999;
	position: absolute;
	bottom: 80px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.footer .footerleft {
	line-height: 23px;
	padding: 80px 0;
	width: 1200px;
	max-width: 90%;
	margin: 0 auto;
	min-height: 150px;
}

.footer .footerleft h3 {
	color: #af8d62;
	font-size: 17px;
	padding: 10px 0;
	text-transform: uppercase;
}

.footer .footerleft ul {
	width: 20%;
	color: #af8d62;
	float: left;
	font-size: 14px;
}


/*----- Tabs -----*/
.tabs {
    width:40%;
    display:inline-block;
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links li {
        font-size: 14px;
		padding: 15px 0 0 0;
		display: inline-block;
		color: white;
		text-transform: uppercase;
        list-style:none;
    }
 
        .tab-links a {
            padding:9px 0px;
            display:inline-block;
            border-radius:3px 3px 0px 0px;
            font-size:16px;
            text-decoration: none;
            color:#fff;
            transition:all linear 0.15s;
        }
 
        .tab-links a:hover {
            text-decoration: underline;
        }
 
    li.active a, li.active a:hover {
        background: none;
        color: none;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
        padding:0px;
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
}

iframe {
	max-width: 100%;
}

@media(min-width: 1000px) and (max-width:1100px) {
	.content .dag, .content .dag-oferta {
		right: -75px;
	}
}
@media(max-width: 768px) {
	.content .dag, .content .dag-oferta {
		display: none;
	}
	.tabs {
	    width: 100%;
	}
	.footer .footerleft ul {
		width: 50%;
		margin-bottom: 50px;
	}
	.footer .footerleft ul:nth-child(3) {
		display: none;
	}
	.footerlogo img {
		position: relative;
		bottom: auto;
    	top: 195px;	
	}
	.footer {
		margin-top: 0;
		min-height: 150px;
    padding-top: 110px;
    padding-bottom: 110px;
	}
	body:after {
		display: none;
	}
}

@media (max-width: 500px) {
	.content .logo img {
		display: none;
	}
	.content .logo .mobile-logo {
		display: block;
	}
	.footer .footerleft ul {
	    width: 100%;
	    margin-bottom: 20px;
	    text-align: center;
	}
	.footer {
		padding-bottom: 310px;
	}
	.content .logo {
	    padding: 0;
	}
	.content .logo img {
		max-width: 100%;
		height: auto;
	}
	.content .menu li {
		display: block;
		text-align: center;
	}
	.content .menu li:after {
		display: none;
	}
	.footer ul a {
		color: #af8d62;
		text-decoration: none;
	}
	body {
		background: #005247;
	}
	.menu {
		text-align: center;
	}
	.menu:before {
		content: "";
		background: url(assets/hamburger.png);
		width: 32px;
		height: 32px;
		display: inline-block;
		margin-top: 40px;
	}
	.menu ul {
		height: 0;
    	overflow: hidden;
	}
	.menu.active ul {
		height: auto;
	}
	.footer .footerleft ul:nth-child(2), .footer .footerleft ul:nth-child(5) {
		margin-top: -60px;
	}
}