/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018-05-21, 08:50:01
    Author     : mzieba
*/

@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Merriweather:300,400,400i,700|Libre+Baskerville:700");
@import url("font-awesome/css/font-awesome.min.css");
@import url("font-awesome/css/fontawesome-all.css");

article, aside, details, figcaption, figure, footer, toper, hgroup, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

 
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;  height: 100%;}
html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);}

html, button, input, select, textarea { font-family: 'Open Sans', 'PT Sans', sans-serif; }

body { margin: 0; font-family: 'Open Sans', sans-serif; height: 100%; background-color: #ffffff; overflow-x: hidden;}

a:focus { outline: 0; }

a:active, a:hover { outline: 0; }
 
h1 { font-size: 2em; margin: 0.67em 0; color: #353535; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.75em; margin: 2.33em 0; }
/* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }
/* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
/* * Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }
/* * Addresses styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }
/* * Addresses margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }
/* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* * Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
/* * Addresses CSS quotes not supported in IE 6/7. */
q { quotes: none; }
/* * Addresses `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
/* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* ==========================================================================
Lists
========================================================================== */
/* * Addresses margins set differently in IE 6/7. */
 
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
/* * Addresses paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }
/* * Corrects list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }
/* ==========================================================================
Embedded content
========================================================================== */
/* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7. */
 
img { border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */ }
/* * Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }
/* ==========================================================================
Figures
========================================================================== */
/* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
 
figure { margin: 0; }
/* ==========================================================================
Forms
========================================================================== */
/* * Corrects margin displayed oddly in IE 6/7. */
 
form { margin: 0; }
/* * Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/* * 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */
	padding: 0; white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */ }
/* * 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, *    and Chrome.
* 3. Improves appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */ }
/* * Addresses Firefox 3+ setting `line-height` on `input` using ` !important` in
* the UA stylesheet. */
button, input { line-height: normal; }
/* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
*    `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
*    Known issue:inner spacing remains in IE 6. */
button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
*overflow: visible; /* 4 */ }
/* * Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }
/* * 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
*    Known issue:excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	*height: 13px; /* 3 */
*width: 13px; /* 3 */ }
/* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box; }
/* * Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* * Removes inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* * 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */
vertical-align: top; /* 2 */ }
/* ==========================================================================
Tables
========================================================================== */
/* * Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/* --------------------------------------------------------------------------- */

body {
    background: #ffffff;
    
}


/* ===================================================================
 * Header
 * ------------------------------------------------------------------- */
.header {
    position : absolute;
    left     : 15px;
    right    : 15px;
    top      : 40px;
    z-index  : 9;
}

.header  .row-header {
  position: relative;
  height: 72px;
  max-width: 1400px;
  margin: 0 auto;
}

 /*Logo*/
.navbar-brand {
    padding : 0;
    height  : auto;
    margin  : 5px 0 !important;
    }

.HeaderFix1{
  font-family: inherit !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: inherit !important;
  font-size: 1.17em !important;
}

.HeaderFix2{
  color: #ffffff !important;
  font-size: 60px !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  line-height: 1.2 !important;
}

@media (max-width : 768px) {
    .navbar-brand {
        width : 200px;
        }

    .navbar-brand img {
        max-width : 100%;
        height    : auto;
        }
}   

.header-logo {
  display: inline-block;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 501;
}

.header-logo a {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    width: 370px;
    height: 30px;
    background: url("../images/logo.png") no-repeat top;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}  

.header.offset {
  -webkit-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.header.scrolling {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.header-menu-toggle {
  display: none;
  position: absolute;
  right: 29px;
  top: 18px;
  height: 42px;
  width: 42px;
  line-height: 42px;
  font-family: "Montserrat", sans-serif;
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: .2rem;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1000;
}

.header-menu-toggle::before {
  display: inline-block;
  content: "Menu";
  height: 42px;
  left: auto;
  text-align: right;
  padding-left: 15px;
  padding-right: 10px;
  position: absolute;
  top: 0;
  right: 100%;
}

.header-menu-toggle:hover,
.header-menu-toggle:focus {
  color: #FFFFFF;
}

.header-menu-toggle span {
  display: block;
  width: 24px;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  left: 9px;
  top: 50%;
  right: auto;
  bottom: auto;
  background-color: white;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  font: 0/0 a;
  text-shadow: none;
  
}

.header-menu-toggle span::before,
.header-menu-toggle span::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: inherit;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.header-menu-toggle span::before {
  top: -9px;
}

.header-menu-toggle span::after {
  bottom: -9px;
}

.header.sticky .header-menu-toggle {
  top: 12px;
}

.header-menu-toggle.is-clicked span {
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.header-menu-toggle.is-clicked span::before,
.header-menu-toggle.is-clicked span::after {
  background-color: white;
}

.header-menu-toggle.is-clicked span::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.header-menu-toggle.is-clicked span::after {
  bottom: 0;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.header-nav-wrap {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .3rem;
  position: absolute;
  top: 0;
  right: 0px;
}

.header-nav {
  display: inline-block;
  list-style: none;
  margin: 0;
  height: 72px;
}

.header-nav li {
  display: inline-block;
  padding-left: 0;
  margin-right: 2rem;
}

.header-nav li a {
  display: block;
  line-height: 72px;
  color: rgba(255, 255, 255, 0.8);
}

.header-nav li.current a,
.header-nav li a:hover {
  color: #FFFFFF;
}


@media only screen and (max-width:800px) {
  .header {
    top: 20px;
  }

  .header > .row {
    max-width: none;
    width: auto;
  }

  .header-logo {
    left: 0px;
    top: 3rem;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .header-logo img {
    width: 120px;
    height: 34px;
  }

  .header.sticky .header-logo {
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .header-menu-toggle {
   
    right: 40px;
  }

  .header-nav-wrap {
    display: none;
    height: auto;
    width: 100%;
    right: auto;
    top: 0;
    left: 0;
    background-color: #000000;
    padding: 120px 40px 21px;
  }

  .header-nav-wrap .header-nav {
    display: block;
    height: auto;
    margin: 0 0 4.2rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
  }

  .header-nav-wrap .header-nav li {
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.07);
  }

  .header-nav-wrap .header-nav li a {
    padding: 18px 0;
    line-height: 18px;
  }

  .header.sticky .header-nav-wrap {
    right: 0;
  }

  .header-menu-toggle {
    display: block;
  }

}

@media only screen and (max-width:400px) {
  .header-logo {
    left: 30px;
  }

  .header.sticky .header-logo {
    left: 10px;
  }

  .header-menu-toggle {
    right: 30px;
  }

  .header-menu-toggle::before {
    display: none;
  }

}

@media only screen and (min-width:801px) {
  .header-nav-wrap {
    display: block !important;
  }

}

.sticky {
    position           : fixed;
    right              : 0;
    left               : 0;
    top                : 0;
    z-index            : 999;
    background         : #ffffff !important;
    padding            : 5px 0;
    box-shadow         : 0 2px 5px rgba(0, 0, 0, .1);
    -webkit-transition : all .5s ease-in-out;
    -moz-transition    : all .5s ease-in-out;
    transition         : all .5s ease-in-out;
	
}




.sticky .header-nav li a {
    color : #2baae1;
}

.sticky .header-menu-toggle span {
    background-color: #0e1555;
}

.sticky .mobile .header-nav li a {
    color: #ffffff;
}



/* ===================================================================
 * Social Icon
 * ------------------------------------------------------------------- */    

/* home social-list */
.home-social-list {
  position: absolute;
  left: 48px;
  bottom: 54px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.4rem;
  line-height: 1.75;
  text-align: center;
}
.home-social-list::before {
  display: block;
  content: "";
  width: 2px;
  height: 42px;
  background-color: rgba(255, 255, 255, 0.3);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
}
.home-social-list li {
  padding-left: 0;
}
.home-social-list li a, .home-social-list li a:visited {
  color: #FFFFFF;
}
.home-social-list li a:hover, 
.home-social-list li a:focus, 
.home-social-list li a:active {
  color: #2BAAE1;
}

/* scroll down */
.scrolldown {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: right top 0;
  -ms-transform-origin: right top 0;
  transform-origin: right top 0;
  float: right;
}
.scrolldown i {
  padding-left: 9px;
}
.scrolldown a:hover, .scrolldown a:focus, .scrolldown a:active {
  color: #2BAAE1 !important;
  text-decoration: none;
}

html[data-useragent*='MSIE 10.0'] .scrolldown,
.oldie .scrolldown {
  display: none;
}

.scroll-icon {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 0.8rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .3rem;
  color: #FFFFFF !important;
  background: transparent;
  position: relative;
  top: 36px;
  right: 42px;
  -webkit-animation: animate-it 3s ease infinite;
  animation: animate-it 3s ease infinite;
}

/* vertical animation */
@-webkit-keyframes animate-it {
  0%, 60%, 80%, 100% {
    -webkit-transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-5px);
  }
  40% {
    -webkit-transform: translateX(20px);
  }
}
@keyframes animate-it {
  0%, 60%, 80%, 100% {
    -webkit-transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-5px);
  }
  40% {
    -webkit-transform: translateX(20px);
  }
}


/* ===================================================================
 * Home
 * ------------------------------------------------------------------- */


#home {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  background-image: url(../images/warsaw-bg-1.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  min-height: 720px;
  position: relative;
}
#home .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .2;
  background-color: #19191b;
}

.home-content-table {
  width: 100%;
  height: 100%;
  display: table;
  position: relative;
  text-align: center;
}

.home-content-tablecell {
  display: table-cell;
  vertical-align: middle;
  z-index: 500;
}
.home-content-tablecell .row {
  position: relative;
  padding-top: 16.2rem;
  padding-bottom: 15rem;
}
.home-content-tablecell h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.1rem;
  color: white;
  text-transform: uppercase;
  letter-spacing: .3rem;
  margin: 0 0 .8rem 0;
  font-weight: 400;
}
.home-content-tablecell h1 {
  font-family: "Montserrat", serif;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.133;
  color: #FFFFFF;
}

.button, a.button {
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-size: 1.0rem;
  text-transform: uppercase;
  letter-spacing: .3rem;
  height: 3.5rem;
  line-height: 3.5rem;
  padding: 0 2rem;
  margin: 0 5px 5px 0;
  background: #A5A5A5;
  color: #222222;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  border: none;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.button:hover,
a.button:hover,
.button:focus{
  background: #989898;
  color: #000000;
  outline: 0;
}


.home-content-tablecell .more {
  margin: 4.8rem 0 0 0;
}
.home-content-tablecell .more .button{
  border-color: #FFFFFF;
  color: #FFFFFF;
  margin-bottom: 1.2rem;
}

button.stroke, .button.stroke{
  background: transparent !important;
  border: 3px solid #313131;
  line-height: 3.5rem;
}

@media only screen and (max-width: 1200px) {
  .home-content-tablecell h3 {
    font-size: 1.1rem;
  }
  .home-content-tablecell h1 {
    font-size: 4rem;
  }
  
  
  
}
@media only screen and (max-width: 1024px) {
  .home-content-tablecell h3 {
    font-size: 1.1rem;
  }
  .home-content-tablecell h1 {
    font-size: 4rem;
  }
   .header-nav-wrap {
      letter-spacing: 0.05rem;
      font-size: 11px;
  }
  
}
@media only screen and (max-width: 768px) {

  .home-content-tablecell h3 {
    font-size: 0.9rem;
  }
  .home-content-tablecell h1 {
    font-size: 3rem;
  }
  .home-content-tablecell h1 br {
    display: none;
  }

  .home-social-list {
    left: 36px;
    bottom: 30px;
    font-size: 1.5rem;
  }
  .home-social-list::before {
    height: 30px;
  }

  .scrolldown .scroll-icon {
    font-size: 0.8rem;
    top: 24px;
    right: 10px;
  }
  

  
}
@media only screen and (max-width: 600px) {
  #home {
    min-height: 702px;
  }

  .home-content-tablecell .row {
  
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .home-content-tablecell h3 {
    font-size: 1.2rem;
  }
  .home-content-tablecell h1 {
    font-size: 3.4rem;
  }
}
@media only screen and (max-width: 500px) {

  .home-content-tablecell h3 {
    font-size: 1rem;
  }
  .home-content-tablecell h1 {
    font-size: 3.2rem;
  }

  .home-social-list {
    left: 30px;
    bottom: 30px;
    font-size: 1.5rem;
  }
  .home-social-list::before {
    height: 24px;
  }
  
 
}
@media only screen and (max-width: 400px) {
  #home {
    min-height: 654px;
  }

  .home-content-tablecell .row {
    padding-top: 4.8rem;
    padding-bottom: 10.8rem;
  }
  .home-content-tablecell h3 {
    font-size: 1rem;
  }
  .home-content-tablecell h1 {
    font-size: 3rem;
  }
}

/* ===================================================================
 * Preloader
 * ------------------------------------------------------------------- */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #1d1d1d;
	z-index: 900;
	height: 100%;
	width: 100%;
}

.no-js #preloader,
.oldie #preloader {
	display: none;
}

#loader {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	padding: 0;
}

#loader:before {
	content: "";
	display: block;
	height: 60px;
	width: 60px;
	-webkit-animation: rotate .9s infinite linear;
	animation: rotate .9s infinite linear;
	border: 10px solid #FFFFFF;
	border-right-color: transparent;
	border-radius: 50%;
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}

}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}

}


/**
 * go to top
 * -
 */

#go-top {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 600;
	display: none;
}
#go-top a {
	text-decoration: none;
	border: 0 none;
	display: block;
	height: 66px;
	width: 60px;
	line-height: 66px;
	text-align: center;
	background: #2BAAE1;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#go-top a i {
	font-size: 15px;
	line-height: inherit;
        font-weight: normal;
}
#go-top a:hover {
	background: #0C1532;
	color: #FFFFFF;
}

/* ===================================================================
 * FOOTER
 * ------------------------------------------------------------------- */
#section-contact {
 

background: rgba(10,33,63,1);
background: -moz-linear-gradient(left, rgba(10,33,63,1) 0%, rgba(12,54,77,1) 21%, rgba(9,41,52,1) 57%, rgba(4,16,28,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(10,33,63,1)), color-stop(21%, rgba(12,54,77,1)), color-stop(57%, rgba(9,41,52,1)), color-stop(100%, rgba(4,16,28,1)));
background: -webkit-linear-gradient(left, rgba(10,33,63,1) 0%, rgba(12,54,77,1) 21%, rgba(9,41,52,1) 57%, rgba(4,16,28,1) 100%);
background: -o-linear-gradient(left, rgba(10,33,63,1) 0%, rgba(12,54,77,1) 21%, rgba(9,41,52,1) 57%, rgba(4,16,28,1) 100%);
background: -ms-linear-gradient(left, rgba(10,33,63,1) 0%, rgba(12,54,77,1) 21%, rgba(9,41,52,1) 57%, rgba(4,16,28,1) 100%);
background: linear-gradient(to right, rgba(10,33,63,1) 0%, rgba(12,54,77,1) 21%, rgba(9,41,52,1) 57%, rgba(4,16,28,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a213f', endColorstr='#04101c', GradientType=1 );


  color: #ffffff;
 }
#section-contact a {
  color: #ffffff;
}
#section-contact a:hover {
  color: #fff !important;
  text-decoration: underline;
}
#section-contact .section-title {
  font-size: 22px;
  color: #fff;
  position: relative;
  padding-bottom: 20px;
}
#section-contact .section-title:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  display: block;
  width: 35px;
  height: 2px;
  background: #2BAAE1;
}
#section-contact .copy-right {
  position: relative;
  padding-top: 20px;
  margin-top: 40px;
}
#section-contact .copy-right > a {
  color: rgba(255, 255, 255, 0.4);
}
#section-contact .copy-right:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  height: 2px;
  background: #2BAAE1;
}
#section-contact .contact-info {
  margin: 0 0 60px 0;
  padding: 0;
}
#section-contact .contact-info li {
  font-size: 14px;
  list-style: none;
  margin: 0 0 20px 0;
  position: relative;
  padding-left: 40px;
  font-weight: 300;
}
#section-contact .contact-info li i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  color: #ffffff;
}
#section-contact .social-media {
  margin: 0 0 30px 0;
  padding: 0;
 
}
#section-contact .social-media li {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 20px;
  margin-right: 10px;
}
#section-contact .social-media li a {
  color: #ffffff;
}
#section-contact .social-media li a:hover, #section-contact .social-media li a:focus, #section-contact .social-media li a:active {
  text-decoration: none;
}

#section-contact p {
    font-weight: 300;
}



/* ===================================================================
 * Section About
 * ------------------------------------------------------------------- */  

.to-animate,
.to-animate-2,.animate-intro, .animate-image-holder {
  opacity: 0;
}

.about .box {
   position: relative;
   margin-bottom: 70px; 
}

.about .box i, .about .box img {
    position: absolute;
    left: 0;
    top: 0;
    color: #1fb5f6; 
    width: 52px;
    height: 52px;
}

#section-about .post {
  padding-left: 75px;
  color: #7f7f7f;
}
#section-about .post h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

.about p {
    margin-bottom: 1.5em;
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}

#section-about {
  padding: 5em 0;
}
@media screen and (max-width: 768px) {
 #section-about {
    padding: 2em 0;
  }
}

.section-heading {
  float: left;
  width: 100%;
  padding-bottom: 50px;
  margin-bottom: 0px;
  clear: both;
}
.section-heading h2 {
  margin: 0 0 0 0;
  font-size: 40px;
  font-weight: 400;
  color: #333;
  position: relative;
  display: block;
  padding-bottom: 10px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .section-heading h2 {
    font-size: 28px;
  }
}
.section-heading h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: #8f989f;
  position: relative;
  display: block;
  padding-bottom: 30px;
}
.section-heading h3:after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 2px;
  background: #1fb5f6;
  left: 50%;
  margin-left: -25px;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .section-heading h3 {
    font-size: 16px !important;
    line-height: 28px;
  }
}


/*---------------------
	Services section
-----------------------*/
.sp-title {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 45px;
    letter-spacing: 6px;
}
.services-section {
	position: relative;
}

.services-warp {
	position: relative;
}

.services-text {
	position: absolute;
	width: 490px;
	left: 140px;
}

.services-text p {
        color: #313131;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 50px;
        line-height: 2.2;
        text-align: justify;
}

.service-more-link {
	position: absolute;
	right: 150px;
	top: 50%;
	margin-top: -15px;
}

/* Icon Box */
.icon-box {
	margin-bottom: 70px;
}

.icon-box i {
	display: block;
	font-size: 50px;
	color: #d3d3d3;
	margin-bottom: 30px;
}

.icon-box h1 {
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 1em;
    margin: 1.33em 0;
}

.icon-box h4 {
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
    font-weight: 600;
}

.icon-box p {
	font-size: 14.2px;
	color: #6e6e6e;
	line-height: 2.2;
        text-align: justify;
}

.spad {
	padding-top: 90px;
	padding-bottom: 80px;
}

.sp-pad {
	padding-left: 150px;
	padding-right: 150px;
}



/* RESPONSIVE */


@media only screen and (max-width: 1650px) {
	.sp-pad {
		padding-left: 90px;
		padding-right: 90px;
	}
	
	.services-text {
		left: 80px;
	}
}

@media only screen and (max-width: 1510px) {
	.sp-pad {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.services-text {
		left: 30px;
		width: 350px;
	}
	.service-more-link {
		right: 30px;
	}
	
}


/* Medium screen : 992px. */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	.services-text {
		width: 100%;
		position: relative;
		margin-bottom: 50px;
		left: 0;
	}
	
	.service-more-link {
		right: 0;
		position: relative;
		text-align: center;
	}
	#section-image-holder h1 {
            font-size: 50px !important;
        }
        #section-demo h4 {
        font-size: 85px !important;
        }
        #section-demo h2 {
        font-size: 85px !important;
        }
        #section-demo h1 {
            font-size: 40px !important;
            top: 0px !important;
            left: 35% !important;
        }
        #section-app h4 {
        font-size: 85px !important;
        }
        #section-app h2 {
        font-size: 85px !important;
        }
        #section-app h1 {
            font-size: 40px !important;
            top: 0px !important;
            left: 35% !important;
        }
}

/* Tablet :768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .services-text {
	width: 100%;
	position: relative;
	margin-bottom: 50px;
	left: 0;
    }
	
    .service-more-link {
	right: 0;
	position: relative;
	text-align: center;
    }	
    #section-image-holder h1 {
        font-size: 45px !important;
    }
    #section-multisensor h1 {
        font-size: 28px !important;
    }
    #section-demo h4 {
        font-size: 63px !important;
    }
    #section-demo h2 {
        font-size: 63px !important;
    }
    #section-demo h1 {
        font-size: 30px !important;
        top: 0px !important;
        left: 35% !important;
    }
    #section-app h4 {
        font-size: 63px !important;
    }
    #section-app h2 {
    font-size: 85px !important;
    }
    #section-app h1 {
        font-size: 30px !important;
        top: 0px !important;
        left: 35% !important;
    }
    
}

/* Large Mobile :480px. */
@media only screen and (max-width: 767px) {
    .services-text {
	width: 100%;
	position: relative;
	margin-bottom: 50px;
	left: 0;
    }
    .service-more-link {
	right: 0;
	position: relative;
	text-align: center;
    }
    #section-image-holder h1 {
        font-size: 40px !important;
    }
    #section-demo h4 {
        font-size: 40px !important;
    }
    #section-demo h2 {
        font-size: 63px !important;
    }
    #section-demo h1 {
        font-size: 30px !important;
        top: -8px !important;
        left: 28% !important;
    }
    #section-app h4 {
        font-size: 40px !important;
    }
    #section-app h2 {
    font-size: 85px !important;
    }
    #section-app h1 {
        font-size: 30px !important;
        top: -8px !important;
        left: 28% !important;
    }

    .HeaderFix2{
      font-size: 35px !important;
    }
    
}

@media only screen and (max-width: 468px) {
    #section-image-holder h1 {
        font-size: 35px !important;
    }
    #section-multisensor h1 {
        font-size: 24px !important;
    }
    #section-demo h4 {
        font-size: 35px !important;
    }
    #section-demo h2 {
        font-size: 63px !important;
    }
    #section-demo h1 {
        font-size: 25px !important;
        top: -10px !important;
        left: 28% !important;
    }
    #section-app h4 {
        font-size: 35px !important;
    }
    #section-app h2 {
    font-size: 85px !important;
    }
    #section-app h1 {
        font-size: 25px !important;
        top: -10px !important;
        left: 28% !important;
    }

    .HeaderFix2{
      font-size: 35px !important;
    }
}

#section-image-holder {
    padding-top: 70px;
    padding-bottom: 70px;
    color: rgba(255, 255, 255, 1);
    background-color: #000000;
    background-image: url(../images/image-bg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    overflow: hidden;
    position: relative;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    max-height: 734px; 
}

#section-image-holder h1 {
    color: #ffffff;
   font-size: 60px;
    font-weight: 600;
}

#section-find-solution{
    padding-top: 70px;
    padding-bottom: 70px;
    color: rgba(255, 255, 255, 1);
    background-color: #000000;
    background-image: url(../images/find-solution-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    font-family: 'Montserrat', sans-serif;
}

#section-find-solution .more .button {
    color: #ffffff ;
    border: 1px solid #ffffff;
   
}

#section-find-solution h2{
    font-weight: 500;
    font-size: 30px;
}

#section-demo {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    text-align: justify;
    font-weight: 300;
}

#section-demo h4 {
    font-size: 100px; 
    color:#eeeeee; 
    font-weight: 700; 
    font-family: 'Montserrat';
    margin: 0px;
}

#section-demo h2 {
    font-size: 100px; 
    color:#eeeeee; 
    font-weight: 700; 
    font-family: 'Montserrat';
    margin: 0px;
}
#section-demo h1
{
    position: absolute; 
    top:13px; 
    left: 40%; 
    font-size: 40px; 
    font-weight: 600;
}

#section-demo .btn.btn-round {
	-webkit-border-radius: 40px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 40px;
	-moz-background-clip: padding;
	border-radius: 40px;
	background-clip: padding-box;
}

#section-demo .btn {
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 2px;
	padding: 13px 17px;
	border: none;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	-moz-background-clip: padding;
	border-radius: 2px;
	background-clip: padding-box;
	transition: color 0.2s linear, background-color 0.2s linear;
}

#section-demo .btn.btn-lg {
	font-size: 20px;
	padding: 10px 60px;
}

#section-demo .btn.btn-default {
	background-color: #ef4036;
    color: #ffffff;
	margin-bottom: 10px;
	margin-right: 25px;
}

#section-demo p{
    color: #6e6e6e;
    line-height: 2em;
}

#section-app {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    text-align: justify;
    font-weight: 300;
}


#section-app h4 {
    font-size: 100px; 
    color:#eeeeee; 
    font-weight: 700; 
    font-family: 'Montserrat';
    margin: 0px;
}
#section-app h2 {
    font-size: 100px; 
    color:#eeeeee; 
    font-weight: 700; 
    font-family: 'Montserrat';
    margin: 0px;
}
#section-app h1
{
    position: absolute; 
    top:13px; 
    left: 40%; 
    font-size: 40px; 
    font-weight: 600;
}

#section-app .btn.btn-round {
  -webkit-border-radius: 40px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 40px;
  -moz-background-clip: padding;
  border-radius: 40px;
  background-clip: padding-box;
}

#section-app .btn {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 2px;
  padding: 13px 17px;
  border: none;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  transition: color 0.2s linear, background-color 0.2s linear;
}

#section-app .btn.btn-lg {
  font-size: 20px;
  padding: 10px 60px;
}

#section-app .btn.btn-default {
  background-color: #ef4036;
    color: #ffffff;
  margin-bottom: 10px;
  margin-right: 25px;
}

#section-app p{
    color: #6e6e6e;
    line-height: 2em;
}

#section-multisensor h1 { 
    font-size: 34px;    
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
}

.new:before {
    content: '';
    left: -15px;
    top: -20px;    
    position: absolute;
    background-image: url(../images/new.svg);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;

}

.header-nav .new:before {    
	left: -20px;
    top: 5px; 
	z-index: -1;
}

.new-menu:before {
    content: '';
    left: 80px;
    top: 3px;   
    position: absolute;
    background-image: url(../images/new-menu.svg);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
	z-index: -1;

}

.header.sticky .new-menu:before {
display: none;
}

#section-demo a span {
	position: absolute;
	font-weight: 300;
	font-size: 8px;
	left: 30%;
	bottom: 5px;	
}

#section-app a span {
  position: absolute;
  font-weight: 300;
  font-size: 8px;
  left: 30%;
  bottom: 5px;  
}

/* map */

#map{
  width: 100%;
  height: 500px;
  pointer-events: none;
}

#pl-list-btn{
  background-color: #0078bd;
  margin-left: 1rem;
  /*margin-right: 1rem;*/
  border-radius: 10px 10px 0px 0px;
  font-size: 12pt;
  /*font-weight: bold;*/
  color: white;
  padding: 3px;
  letter-spacing: 0.5px;
}

#pl-list-btn:hover {
  background-color: #0078bd;
  color: white;
  cursor: pointer;
}

#eu-list-btn{
  background-color: #F0F0F0;
  border-radius: 10px 10px 0px 0px;
  font-size: 12pt;
  /*font-weight: bold;*/
  color: #616161;
  padding: 3px;
  letter-spacing: 0.5px;
}

#eu-list-btn:hover {
  background-color: #0078bd;
  color: white;
  cursor: pointer;
}

#list-container{
  margin-left: 1rem;
  /*margin-top: 1rem;*/
  border: 1px solid #D4D4D4;
}

.appName{
  /*margin-bottom: 0.5rem;*/
  /*margin-right: 1rem;*/
  /*background-color: #EAEAEA;*/
  padding: 1px;
  border-bottom: 1px solid #D4D4D4;
}

.appName:hover{
  background-color: #0078bd;
}

.appNameText{
  color: black;
  letter-spacing: 0.5px;
  width: 100%;
  height: 100%;
  display: block;
  font-size: 10pt;
}

.appNameText-Non-public{
  color: gray !important;
  letter-spacing: 0.5px;
  width: 100%;
  height: 100%;
  display: block;
  font-size: 10pt;
}

.appNameText:hover,
.appName:hover .appNameText{
  color: white;
  text-decoration: none;
}

/* Stylizowanie całego paska przewijania */
::-webkit-scrollbar {
    width: 6px; /* Szerokość pionowego paska przewijania */
    height: 6px; /* Wysokość poziomego paska przewijania */
}

/* Stylizowanie "thumb" (przesuwanej części paska przewijania) */
::-webkit-scrollbar-thumb {
    background-color: #C7C7C7; /* Kolor thumb */
    border-radius: 10px; /* Zaokrąglone rogi */
    /*border: 3px solid #fff;*/ /* Biały obrys wokół thumb */
}

/* Stylizowanie "track" (toru, po którym przesuwa się thumb) */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* Kolor track */
    border-radius: 10px; /* Zaokrąglone rogi */
    /*border: 1px solid #dcdcdc;*/ /* Obramowanie track */
}

/* Stylizowanie thumb podczas hover */
::-webkit-scrollbar-thumb:hover {
    background: #888; /* Kolor thumb podczas hover */
}

/* Stylizowanie track podczas hover */
::-webkit-scrollbar-track:hover {
    background: #e1e1e1; /* Kolor track podczas hover */
}



/* media queries */

@media (max-width: 768px) {
    .container {
    width: 100% !important;
      display: flex;
        flex-direction: column; /* Ustaw elementy w kolumnie */
        align-items: center; /* Wyśrodkuj elementy w pionie */
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      max-height: none !important;
      
    }

    #list-container {
      margin-left: 0rem;
    }

    #pl-list-btn {
      margin-left: 0rem;
    }

    #map {
        width: 100% !important;
        height: 50vw;
       /* pointer-events: all; - gdyby potrzebne było nawigowanie po mapie*/
    }

    #map-nav {
        width: 100% !important; /* Ustaw szerokość map-nav na 100% */
        height: 30vh;
        padding-top: 0.5rem;
    }

    #apps-list-pl {
        height: 200px;
    }

    .HeaderFix2{
      font-size: 35px !important;
    }
}


@media (max-width: 768px){
.MobileObliviewThumbnail{
  background-image: url("../images/Obliview_thumbnail.jpg"); 
  padding-top: 200px;
  background-size: cover;
  background-position: center; /* Ustawia obraz tła na środku */
  background-repeat: no-repeat;
  margin-bottom: 15px;
  }

    .HeaderFix2{
      font-size: 35px !important;
    }
}

.DemoTitle{
  width: 80%;
  margin: 0 auto;
}