@CHARSET "UTF-8";
@font-face {
	font-family: "Tele-GroteskFet";
	src: url("../fonts/t036016t_v21-2.eot");
}
@font-face {
	font-family: "Tele-GroteskFet";
	src: url("../fonts/t036016t_v21-2.ttf");
}
@font-face {
	font-family: "Tele-Grotesk-Fett";
	src: url("../fonts/t036016t_v21-2.eot");
}
@font-face {
	font-family: "Tele-Grotesk-Fett";
	src: url("../fonts/t036016t_v21-2.ttf");
}
@font-face {
	font-family: "Tele-GroteskHal";
	src: url("../fonts/t036014t_v21-2.eot");
}
@font-face {
	font-family: "Tele-GroteskHal";
	src: url("../fonts/t036014t_v21-2.ttf");
}
@font-face {
	font-family: "Tele-Grotesk-Halb";
	src: url("../fonts/t036014t_v21-2.eot");
}
@font-face {
	font-family: "Tele-Grotesk-Halb";
	src: url("../fonts/t036014t_v21.ttf");
}
@font-face {
	font-family: "Tele-GroteskNor";
	src: url("../fonts/t036013t_v21.eot");
}
@font-face {
	font-family: "Tele-GroteskNor";
	src: url("../fonts/t036013t_v21-2.ttf");
}
@font-face {
	font-family: "Tele-GroteskUltra";
	src: url("../fonts/telegroteskheadlineultra.eot");
}
@font-face {
	font-family: "Tele-GroteskUltra";
	src: url("../fonts/telegroteskheadlineultra.ttf");
}
@font-face {
	font-family: "Tele-GroteskRegular";
	src: url("../fonts/telegroteskheadlineregular.eot");
}
@font-face {
	font-family: "Tele-GroteskRegular";
	src: url("../fonts/telegroteskheadlineregular.ttf");
}
@font-face {
	font-family: 'BebasNeueBook';
	src: url('../fonts/BebasNeueBook.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeueBook.otf') format('opentype'),  url('../fonts/BebasNeueBook.woff') format('woff'), url('../fonts/BebasNeueBook.ttf') format('truetype'), url('../fonts/BebasNeueBook.svg#BebasNeueBook') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "bebas_neue";
	src: url("../fonts/bebasneue.eot");
	src: url("../fonts/bebasneue.eot#iefix") format("embedded-opentype"),  url("../fonts/bebasneue.woff") format("woff"),  url("../fonts/bebasneue.ttf") format("truetype"),  url("../fonts/bebasneue.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "cooper_hewittbook";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/cooperhewitt-book.eot#iefix") format("embedded-opentype"), url("../fonts/cooperhewitt-book.woff") format("woff"), url("../fonts/cooperhewitt-book.ttf") format("truetype"), url("../fonts/cooperhewitt-book.svg") format("svg");
}
@font-face {
	font-family: "cooper_hewittbold";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/cooperhewitt-bold.eot#iefix") format("embedded-opentype"), url("../fonts/cooperhewitt-bold.woff") format("woff"), url("../fonts/cooperhewitt-bold.ttf") format("truetype"), url("../fonts/cooperhewitt-bold.svg") format("svg");
}
@font-face {
	font-family: "cooper_hewittlight";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/cooperhewitt-light.eot#iefix") format("embedded-opentype"), url("../fonts/cooperhewitt-light.woff") format("woff"), url("../fonts/cooperhewitt-light.ttf") format("truetype"), url("../fonts/cooperhewitt-light.svg") format("svg");
}
@font-face {
	font-family: 'CooperHewitt-Semibold';
	src: url('../fonts/CooperHewitt-Semibold.eot');
	src: local('☺'), url('../fonts/CooperHewitt-Semibold.woff') format('woff'), url('../fonts/CooperHewitt-Semibold.ttf') format('truetype'), url('../fonts/CooperHewitt-Semibold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */

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-size: 100%;
	font: inherit;
	vertical-align: top;
	box-sizing: border-box;
	color: white;
}
.ico_img {
}
.right-side img {
	margin-bottom: 10px;
}
.fett {
	font-family: Tele-GroteskFet !important;
}
.halb {
	font-family: Tele-Grotesk-Halb !important;
}
.ultra {
	font-family: Tele-GroteskUltra !important;
}
.center {
	text-align: center
}
body {
	margin: 0;
	display: block;
	background-color: #4B4B4B;
	font-family: Tele-GroteskNor;
	font-size: 20px;
}
.mod1 a:hover {
	border: 1px solid #e20074;
	color: #e20074;
}
table.area {
	width: 100%
}
a {
	text-decoration: none;
	color: #4379ab;
}
a:hover {
}
a:hover, a:active, a:focus {
	outline: medium none;
	text-decoration: underline;
}
b, strong {
	font-family: Tele-GroteskFet;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}
.clear {
	clear: both;
	float: none;
	font-size: 0px;
	height: 0px;
	background: none;
	padding: 0;
}
.logo {
	margin-top: 30px;
	position: absolute;
}
.l {
	left: 20px;
}
.r {
	right: 20px;
}
.btn {
	width: 100%;
	border: 1px solid white;
	color: white;
	font-family: "Tele-GroteskNor";
	font-size: 0.8em;
	height: auto;
	letter-spacing: -0.5px;
	line-height: 1.3em;
	padding: 0.3em 0.1em;
	margin: 0 auto;
	margin-top: 0.7em;
	text-align: center;
	text-decoration: none !important;
	white-space: nowrap;
	display: inline-block;
	text-transform: uppercase;
}
.ar {
	vertical-align: middle;
	margin-left: 10px;
	margin-bottom: 5px;
}
.btn:hover {
}
.btn-white {
	background-color: white;
}
.btn-white:hover {
}
.wrapper {
	max-width: 1920px;
	/* width: 1520px; */
    /* display: block; */
    /* position: relative; */
	margin: 0 auto;
	box-shadow: 0 0 35px rgba(0,0,0,0.77);
	width: 100%;
	background-color: white;
}
h1 {
	font-family: "Tele-GroteskNor";
	color: white;
	font-size: 1.6em;
	line-height: 3.8em;
	padding-top: 85px;
	max-width: 400px;
	float: right;
	margin-right: 100px;
	text-align: center;
}
h1 span {
	font-size: 0.48em;
	color: #333;
	line-height: 1em
}
h1 span span {
	font-size: 1.25em;
	color: #333;
}
h2 {
	font-size: 2.5em;
	font-family: "Tele-GroteskNor";
	text-align: center;
	padding-bottom: 0.5em
}
h3 {
	font-size: 1.5em;
	font-family: "Tele-GroteskNor";
	text-align: center;
	padding-top: 2em;
	padding-bottom: 0.5em
}
.mainCon a:hover {
	text-decoration: none
}
.section {
	width: 100%;
	height: auto;
	position: relative;
}
.section.header {
	background: url(../images/header_960.jpg) center top no-repeat;
	height: 500px;
	position: relative;
}
.section .content960 {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.visible-sm {
	display: none
}
.visible-md {
	display: none
}
.visible-lg {
	display: block
}
.hidden-sm {
	display: block
}
.hidden-md {
	display: block
}
.hidden-lg {
	display: none
}
/* TYLKO DLA TEJ STRONY ---------------------------------------------- */

i {
	display: block;
	position: absolute;
	bottom: -25px;
	right: 0px;
	width: 19px;
	height: 19px;
	background: url(../images/tip_ico.png) top center no-repeat;
	cursor: pointer;
}
/*dodajemy arrow do qtip */
.qtip.qtip-default {
	font-size: 14px;
	line-height: 15px;
	text-align: center
}
.qtip.qtip-default:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(75, 101, 117, 0);
	border-bottom-color: #505050;
	border-width: 6px;
	margin-left: -6px;
}
.section.mod1 {
	background: url(../images/top_bg_xl.jpg) top center no-repeat;
	height: 730px;
	position: relative;
}
.section.mod1 .btn:hover {
}
.section.mod2 {
	background: black;
	overflow: hidden;
}
/* ------------------------------------ slider --------------------------------*/
.section.mod2 .slider .arrow-right {
	background: url(../images/arrow_right.png) top center no-repeat;
	width: 32px;
	height: 112px;
	display: block;
	position: absolute;
	right: 10%;
	top: 50%;
	margin-top: -200px;
	z-index: 200
}
.section.mod2 .slider .arrow-left {
	background: url(../images/arrow_left.png) top center no-repeat;
	width: 32px;
	height: 112px;
	display: block;
	position: absolute;
	left: 10%;
	top: 50%;
	margin-top: -200px;
	z-index: 200
}
.section.mod2 .slider-list {
	position: relative;
	height: 1000px;
	width: 100%;
}
.section.mod2 .slider-list * {
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}
.section.mod2 .slide {
	display: block;
	position: absolute;
	width: 100%;
	height: auto;
	text-align: center;
	z-index: 100;
	opacity: 0
}
.section.mod2 .slide .left-side {
	width: 60%;
	height: 400px;
	float: left;
	left: 0px;
	position: relative;
	padding-top: 50px;
	padding-left: 60px
}
.section.mod2 .slide .right-side {
	width: 100%;
	height: 1000px;
	float: right;
	right: 0px;
	position: relative;
}
.section.mod2 .slide[data-id="0"] {
	opacity: 1;
	z-index: 150;
}
.section.mod2 .slide[data-id="1"] {
	opacity: 0;
}
.section.mod2 .slide[data-id="1"] .left-side {
	width: 100%;
	float: left;
	left: -700px;
	position: relative;
}
.section.mod2 .slide[data-id="1"] .right-side {
	width: 100%;
	float: right;
	position: relative;
}
.section.mod2 .slide[data-id="-1"] {
	opacity: 0;
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
}
.s1 {
	background-image: url(../images/rot1_xl.jpg);
	background-position: center;
	background-size: cover;
}
.s1_icons {
	max-width: 750px;
	margin: 0 auto;
	margin-top: 100px;
}
.s1_ico {
	min-width: 150px;
	margin-bottom: 30px;
	color: white;
	text-align: center;
	width: 32%;
	float: left;
}
.s2 {
	background-image: url(../images/rot2_xl.jpg);
	background-position: center;
	background-size: cover;
}
.s2_icons {
	max-width: 750px;
	margin: 0 auto;
	margin-top: 100px;
}
.s2_ico {
	color: white;
	text-align: center;
	width: 25%;
	float: left;
}
.s3 {
	background-image: url(../images/rot3_xl.jpg);
	background-position: center;
	background-size: cover;
}
.s3_icons {
	max-width: 750px;
	margin: 0 auto;
	margin-top: 100px;
}
.s3_ico {
	color: white;
	text-align: center;
	width: 32%;
	float: left;
}
.s4 {
	background-image: url(../images/rot4_xl.jpg);
	background-position: center;
	background-size: cover;
}
.s4_icons {
	max-width: 750px;
	margin: 0 auto;
	margin-top: 100px;
}
.s4_ico {
	color: white;
	text-align: center;
	width: 50%;
	float: left;
}
.s5 {
	background-image: url(../images/rot5_xl.jpg);
	background-position: center;
	background-size: cover;
}
.s5_icons {
	max-width: 750px;
	margin: 0 auto;
	margin-top: 100px;
}
.s5_ico {
	color: white;
	text-align: center;
	width: 32%;
	float: left;
}

/* ------------------------------------ END slider --------------------------------*/





/* -------------- MOBILE ------------------------------------------------*/

@media screen and (max-width: 1200px) {   /* ------------------------------ 960 --------------------------------*/
}

@media screen and (max-width: 960px) {   /* ------------------------------ 640 --------------------------------*/
.section.mod2 .slider .arrow-left {
	left: 20px;
}
.section.mod2 .slider .arrow-right {
	right: 20px;
}
.section.mod2 .slide .right-side, .section.mod2 .slider-list {
	height: 700px;
	font-size: 18px;
}
.section.mod2 .slider .arrow-right {
	margin-top: -140px;
}
.section.mod2 .slider .arrow-left {
	margin-top: -140px;
}
.s1_icons, .s2_icons, .s3_icons, .s4_icons, .s5_icons {
	margin-top: 10px;
	width: 80%;
}
.section.mod1 {
	background: url(../images/top_bg_l.jpg) top center no-repeat;
	height: 700px;
}
.s1 {
	background-image: url(../images/rot1_l.jpg);
}
.s2 {
	background-image: url(../images/rot2_l.jpg);
}
.s3 {
	background-image: url(../images/rot3_l.jpg);
}
.s4 {
	background-image: url(../images/rot4_l.jpg);
}
.s5 {
	background-image: url(../images/rot5_l.jpg);
}
.ico_img {
	height: 47px;
}
}

@media screen and (max-width: 640px) {   /* ------------------------------ 320 --------------------------------*/
.section.mod2 .slide .right-side, .section.mod2 .slider-list {
	height: 650px;
}
.logo {
	height: 44px;
	margin-top:10px;
}

h1 {
	margin-right: 50px;
	font-size: 1.3em;
	max-width: 290px;
	padding-top: 40px;
}
h2 {
	font-size: 2.0em;
	margin-left: 40px;
    margin-right: 40px;
}
h3 {
	font-size: 1.2em;
}
.btn {
	font-size: 0.75em;
}

.ilogo {
	width: 270px;
}
.s1_icons, .s2_icons, .s3_icons, .s4_icons, .s5_icons {
	max-width: 74%;
}
.section.mod1 {
	background: url(../images/top_bg_m.jpg) top center no-repeat;
	height: 500px;
}
.s1 {
	background-image: url(../images/rot1_m.jpg);
}
.s2 {
	background-image: url(../images/rot2_m.jpg);
}
.s3 {
	background-image: url(../images/rot3_m.jpg);
}
.s4 {
	background-image: url(../images/rot4_m.jpg);
}
.s5 {
	background-image: url(../images/rot5_m.jpg);
}
.section.mod2 .slider .arrow-left {
	width: 25px;
	background-position: left;
	margin-top: -175px;
}
.section.mod2 .slider .arrow-right {
	width: 25px;
	background-position: right;
	margin-top: -175px;
}
}

@media screen and (max-width: 630px) {
.s1_ico, .s2_ico, .s3_ico, .s4_ico, .s5_ico {
	width: 50%;
	min-width: 150px;
	height: 130px;
}
.cent {
	width: 100%;
}
}

@media screen and (max-width: 400px) {
.section.mod2 .slider .arrow-left {
	left: 5px;
}
.section.mod2 .slider .arrow-right {
	right: 5px;
}
h1 {
	margin-right: initial;
	font-size: 1.2em;
	max-width: initial;
}
h2 {
	font-size: 1.8em;
    margin-left: 40px;
    margin-right: 40px;
}
.btn {
	width: 85%;
}
.s1_ico, .s2_ico, .s3_ico, .s4_ico, .s5_ico {
	min-width: 10px;
	font-size: 0.8em;
	margin-bottom: 0;
}
.section.mod2 .slider .arrow-right {
    margin-top: -140px;
}
.section.mod2 .slider .arrow-left {
    margin-top: -140px;
}
}

@media screen and (max-width: 320px) {
.logo {
    margin-top: 10px;
}
.l {
	left: 20px;
}
.r {
	right: 20px;
}
.section.mod1 {
	background: url(../images/top_bg_s.jpg) top center no-repeat;
	height: 650px;
}
.s1 {
	background-image: url(../images/rot1_s.jpg);
}
.s2 {
	background-image: url(../images/rot2_s.jpg);
}
.s3 {
	background-image: url(../images/rot3_s.jpg);
}
.s4 {
	background-image: url(../images/rot4_s.jpg);
}
.s5 {
	background-image: url(../images/rot5_s.jpg);
}
}