/*!
 * Start Bootstrap - Grayscale v3.3.7+1 (http://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
body {
  width: 100%;
  height: 100%;
  font-family: "Rajdhani", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #03141a;
  background-color: #fff;
  letter-spacing:2px;
}
html {
  width: 100%;
  height: 100%;
}
hr {
  border-color: #fcb316;
  border-width: 3px;
  max-width: 50px;
}
hr.light {
  border-color: white;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 35px;
  text-transform: uppercase;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 2px;
  color:#fff;
}
h2 {  
  padding-bottom:25px;
  font-size:48px; 
  letter-spacing:5px; 
} 
h4.cars {  font-size:18px; text-transform:none; font-weight:600; margin:10px 0;}
h4.cars a { color:#a18119; }
p {
  margin: 0 0 25px;
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  p {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 1.6;
    font-weight:400; 
  }
}
a {
  color: #5e7da8;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #3f6191;
}
.light {
  font-weight: 200;
}
.right.carousel-control { background:none; margin-right:0;}
.left.carousel-control { background:none; margin-left:0;}
.brand { display: none }
.navbar-brand { display:block }
.logo-s { height:40px;}
.clear { clear:both}
.gold { color:#a48b01}
.navbar-custom {
  margin-bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  font-family: "Rajdhani", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #e4e8e9;
}
.navbar-custom .navbar-toggle {
  color: white;
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 12px;
}
.navbar-custom .navbar-toggle:focus,
.navbar-custom .navbar-toggle:active {
  outline: none;
}
.navbar-custom .navbar-brand {
  font-weight: 400;
}
.navbar-custom .navbar-brand:focus {
  outline: none;
}


.navbar-custom a {
  color: white;
}
.navbar-custom .nav li a {
  padding-top:20px;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  color:#fff;
  font-weight:400;
  font-size:22px;
  letter-spacing:2px;
}

.navbar-custom .nav li a:hover { color: #8399b8;
  outline: none;
  background-color: transparent; }
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active,
.navbar-custom .nav li a:visited  {
  outline: none;
  background-color: transparent;
}
.navbar-custom .nav li.active {
  outline: none;
}
.navbar-custom .nav li.active a {
  background-color: rgba(255, 255, 255, 0.3);
}
.navbar-custom .nav li.active a:hover {
  color: white;
} 
.navbar-custom .nav li.menu-logo { display:none; }

@media (min-width: 768px) {
  .brand { display: block; margin:15px 0; }
  .navbar-brand { display:none; }
  .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
  .navbar-custom {
    padding: 0;
    border-bottom: none;
    letter-spacing: 1px;
    background: transparent;
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
  }
  .navbar-custom .nav li a {
  padding-top:120px;
  }
  .navbar-custom .nav li.menu-logo { display:block; }
  .navbar-custom.top-nav-collapse {
    padding: 0; 
    background: #e4e8e9;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .navbar-custom.top-nav-collapse .brand { display:none; }
  .navbar-custom.top-nav-collapse .nav li.menu-logo { display:block; }
  .navbar-custom.top-nav-collapse .nav li.menu-logo img { height:50px; }
  .navbar-custom.top-nav-collapse .nav li a { padding-top:15px; }
  .navbar-custom.top-nav-collapse .nav li a:hover { color: #8399b8 }
  
   
.navbar-custom .navbar-nav .dropdown-menu>li>a, .navbar-default .navbar-nav .dropdown-menu { 
 	font-weight:400;  color:#fff; outline: none; text-align:left; font-size:14px; padding:10px;
} 
.navbar-custom .navbar-nav .dropdown-menu { border-radius:0;  background-color:rgba(0,0,0,0.4);
}   
.navbar-custom .navbar-nav .dropdown-menu>li>a:hover {   } 
  
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

.carousel-caption h2.naglowek { font-size:22px; font-weight:600; }
.carousel-caption p { font-size:14px; font-weight:400; line-height:18px; }

.intro {
  display: table;
  width: 100%;
  height: auto;
  padding: 100px 0;
  text-align: center;
  color: white;
  background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.intro .intro-body {
  display: table-cell;
  vertical-align: middle;
}
.intro .intro-body .brand-heading {
  font-size: 40px; 
  margin:30px 0;
}
.intro .intro-body .intro-text {
  font-size: 18px;
  color:#f2d94f;
  font-weight:400;
}
.intro .intro-body p.tel { background:url(../images/ico_tel.png) no-repeat 10px; padding:0 0 0 55px; display:inline-block; font-size:24px; }

.lang-bar { position:absolute; margin-top:15px;  margin-bottom:0; right:30%; clear:both; } 
.lang-bar span.languages > a.on {
    background-color:#bda833;
    text-decoration:none;
    color:#FFF;
}    
.lang-bar span.languages > a:hover {
    background-color:#bda833;
    text-decoration:none;
    color:#FFF;
}  
.lang-bar span.languages > a span { display: inline; color:#000; } 
.lang-bar span.languages > a {
	  font-size:14px;
    padding: 1px 5px;   
    margin-top:14px;    
    border:1px #ccc solid;
    text-transform:uppercase;
} 

@media (min-width: 768px) {
  .lang-bar { position:absolute; top:3px; right:50px;  padding:0 0 5px 15px; } 
  
.carousel-caption h2.naglowek { font-size:48px; font-weight:600; }
.carousel-caption p { font-size:28px; font-weight:400; line-height:34px; text-shadow:1px 1px 1px #000;}
  .intro {
    height: 100%;
    padding: 0;
  }
  .intro .intro-body .brand-heading {
    font-size: 80px; 
  }
  .intro .intro-body .intro-text {
    font-size: 26px;
  }
  .navbar-custom .nav li a:hover {
  color:#cfd7e2;
  }
  .intro .intro-body p.tel { font-size:34px; }
}

.parallax-one {
  color: #ffffff; 
  height: 30%;  
  background: url('../images/parallax.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
} 
	
	
section h2, section h4 { color:#363636 }
#section1 { padding-bottom:200px; background: #FFF }
#section1 .ic { margin-bottom:5px;}
#section1 h4 { margin:20px; text-transform:none;}

#section2 { padding-bottom:250px; background: url(../images/tlo-section2.jpg) no-repeat bottom center; }
#section2 h2,#section2 p {  color:#fff; }

#section3 { padding-bottom:250px; background: url(../images/tlo-section3.jpg) no-repeat top center; background-size:cover; color:#fff; }
#section3 h2 { padding-left:20px; background: none; color:#fff; }
#section3 h3 { font-size:68px; font-weight:500; margin:25px 0 0 0 ; color:#bfac3f;}
#section3 h3.red { color:#f26b72 }
#section3 p { font-size:22px; }
#section3 .b1 { padding:20px; border-bottom:1px #cbcbcb solid; border-right:1px #cbcbcb solid; }
#section3 .b2 { padding:20px; border-bottom:1px #cbcbcb solid; }
#section3 .b3 { padding:20px; border-right:1px #cbcbcb solid; } 
#section3 .b4 { padding:20px;  } 

#section4 { padding-bottom:100px;  }
#section4 h3 { font-size:28px; font-weight:800; color:#363636; background: url(../images/kreska-pionowa.png) no-repeat right; padding:50px 0 30px 0; } 
#section4 p {   font-size:16px; line-height:20px; font-weight:300; letter-spacing:0; padding:5px; margin:0; text-transform:none;} 
#section4 p.podpis, .content p.podpis { color:#7a602e; font-size:18px; font-weight:500; letter-spacing:1px; padding:0; margin:0; text-transform:none;} 
#section4 .brd { border:1px #c9c9c9 solid; padding:10px; margin-bottom:30px; }

#section5 { padding-bottom:0px; background-color: #f2f2f2; overflow:hidden}
#section5 h2 { font-weight:500;} 
#section5 h3 { background:none; padding:0; font-weight:800;} 
#section5 h3,#section5 p {  color:#03141a; }
#section5 p.upcs { text-transform:uppercase; padding-top:15px; }
#section5 p.gold {  color:#a48b01; font-size:24px; }
.p50 { padding:50px }
#section5 ul { list-style:none; padding: 0;}
#section5 ul li {  padding:10px 0; border-bottom:1px #999 solid; color:#000; font-size:16px; }


#section6 { padding-bottom:100px; background: url(../images/tlo-section6.jpg) no-repeat top center; }
#section6 h3 { font-size:38px; font-weight:700; padding:40px 0;  }

#section7 { padding-bottom:100px; background: url(../images/tlo-section7.jpg) no-repeat top center; }
#section7 h3 { color:#363636; padding-bottom:30px; background: url(../images/kreska.png) no-repeat bottom center; }
 
#section8 { padding-bottom:100px; background-color: #000; }
#section8 h2 { color:#fff; padding-bottom:30px; }
#section8 h3 { text-transform:none; padding:0px; font-weight:600; margin:0; color:#fff; text-transform:uppercase;}
#section8 a { color:#ebebeb; text-decoration:underline }
#section8 a.btn { color:#ebebeb; text-decoration:none; }
#section8 a:hover{ color:#fff; text-decoration:none; }
#section8 a.btn-defualt:hover{ color:#000; }
#section8 span { color:#aa8641 }
#section8 p,#section8 ol,#section8 ul { color:#FFF; }


.nagpage { min-height:360px;  background:url('../images/slide-podstrona.jpg') center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size:cover;
  -o-background-size: cover; 
  color: white;
   }
.nagpage .naglowek{ text-transform:none; color:#fff; text-shadow:1px 1px #000; display:inline-block; border:1px #fff solid; padding:10px 40px; margin-top:30%;  font-size:28px; }
.nagpage p { background:none;  color:#FFF; font-size:14px; margin:0; display:inline-block; }
.nagpage p.haslo { padding:0 }
.nagpage p.haslo2 { padding:0; }
.nagpage img.znaczek { height:40px; margin-bottom:15px;}

.obrazeknews { padding:10px 20px 10px 0; width:50%; }

@media (min-width: 768px) {
#section6 h3 { font-size:98px; }
}

.content { 
    padding-top: 0; 
    color:#e4e8e9;
}  
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 { color:#e4e8e9; }

/* boksy */ 
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px; 
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.floating-label-form-group {
    position: relative;
    margin-bottom: 0;
    padding-bottom: .5em;
}
input.form-control, textarea.form-control {
    border-radius: 0; 
    border: 1px solid #ceccc7; 
}
.floating-label-form-group input,
.floating-label-form-group textarea {
    z-index: 1; color: #e4e8e9; text-align:center; font-size:18px; font-weight:500;
    position: relative;
    padding-right: 0;
    padding-left: 10px; 
    border-radius: 0; 
    border:none;
    border-bottom: 2px solid #ceccc7;
    background: 0 0;
    box-shadow: none!important;
    resize: none;
}
.floating-label-form-group label {
    display: block;
    z-index: 0;
    position: relative;
    top: 2em;
    margin: 0;
    font-size: .85em;
    line-height: 1.764705882em;
    vertical-align: middle;
    vertical-align: baseline;
    opacity: 0;
    -webkit-transition: top .3s ease,opacity .3s ease;
    -moz-transition: top .3s ease,opacity .3s ease;
    -ms-transition: top .3s ease,opacity .3s ease;
    transition: top .3s ease,opacity .3s ease;
}
.floating-label-form-group::not(:first-child) {
    padding-left: 14px;
    border-left: 1px solid #eee;
}
.floating-label-form-group-with-value label {
    top: 0;
    opacity: 1;
} 

.control-group ::-webkit-input-placeholder { 
   color: #e4e8e9; font-size:16px; font-weight:500;  text-align:center; 
}
.control-group :-moz-placeholder {
  /* Firefox 18- */ 
  color: #e4e8e9; font-size:16px; font-weight:500;  text-align:center; 
}
.control-group ::-moz-placeholder {
  /* Firefox 19+ */ 
  color: #e4e8e9; font-size:16px; font-weight:500;  text-align:center; 
}
.control-group :-ms-input-placeholder { 
   color: #e4e8e9; font-size:16px; font-weight:500;  text-align:center; 
}


div.formularz h2 { font-size:36px;}

div.formularz .form-group {
  margin-bottom: 25px;
}
div.formularz .form-group input,
div.formularz .form-group textarea {
  padding: 10px; 
  box-shadow:none; 
  border-radius:0;
  color:#fff;
  font-size:16px; 
}
div.formularz .form-group select {
  padding: 5px; 
  width:100%;
  box-shadow:none; 
  border-radius:0;
  color:#e4e8e9;
  font-size:16px;
}
div.formularz .form-group input.form-control {
  height: auto;
}
 

div.formularz .form-group textarea.form-control {
  height: 150px;
}
div.formularz .form-control:focus {
  border-color: #e4e8e9;
  box-shadow: none;
}
div.formularz ::-webkit-input-placeholder {
  font-family: 'Rajdhani', "Helvetica Neue", Helvetica, Arial, sans-serif; 
  color: #e4e8e9; 
}
div.formularz :-moz-placeholder {
  /* Firefox 18- */
  font-family: 'Rajdhani', "Helvetica Neue", Helvetica, Arial, sans-serif; 
  color: #e4e8e9; 
}
div.formularz ::-moz-placeholder {
  /* Firefox 19+ */
  font-family: 'Rajdhani', "Helvetica Neue", Helvetica, Arial, sans-serif; 
  color: #e4e8e9; 
}
div.formularz :-ms-input-placeholder {
  font-family: 'Rajdhani', "Helvetica Neue", Helvetica, Arial, sans-serif; 
  color: #e4e8e9; 
}
div.formularz .text-danger {
  color: #e74c3c;
} 


.btn-circle {
  width: 70px;
  height: 70px;
  margin-top: 15px;
  padding: 7px 16px;
  border: 2px solid white;
  border-radius: 100% !important;
  font-size: 40px;
  color: white;
  background: transparent;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.btn-circle:hover,
.btn-circle:focus {
  outline: none;
  color: white;
  background: rgba(255, 255, 255, 0.1);
}
.btn-circle i.animated {
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1s;
  -moz-transition-property: -moz-transform;
  -moz-transition-duration: 1s;
}
.btn-circle:hover i.animated {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
.content-section {
  padding-top: 50px;
}
.download-section {
  width: 100%;
  padding: 50px 0;
  color: white;
  background: url(../img/downloads-bg.jpg) no-repeat center center scroll;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

/* facebook slider */
#face-slider{
	position:fixed;
	left:-290px;
	top:270px;
	z-index:100;
}
#face-slider #tab{
	cursor:pointer;
	height:110px;
	width:35px;
	float:right;
	background: url(../images/facebook-slider.png) no-repeat center center;
}
#face-code{
	padding:5px;
	border: solid #3c599b 1px;
	background: #fff;
	float:right;
	width:288px;
	height:246px;
	-moz-border-radius: 0 0 0 8px;
	-webkit-border-radius: 0 0 0 8px;
	border-radius: 0 0 0 8px;
} 

#map {
  width: 100%;
  height: 200px;
  margin-top: 100px;
}
@media (min-width: 767px) {
  .content-section {
    padding-top: 150px;
  }
  .download-section {
    padding: 100px 0;
  }
  #map {
    height: 400px;
    margin-top: 250px;
  }
}

.section-heading {
  margin-top: 0;
}
.service-box {
  max-width: 400px;
  margin: 50px auto 0;
}
@media (min-width: 992px) {
  .service-box {
    margin: 20px auto 0;
  }
}
.service-box p {
  margin-bottom: 0;
}
.portfolio-box {
  position: relative;
  display: block;
  max-width: 650px;
  margin: 0 auto;
}
.portfolio-box .portfolio-box-caption {
  color: white;
  opacity: 0;
  display: block;
  background: rgba(0,0,0, 0.6);
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { 
  padding: 0 15px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-size: 18px;
}
.portfolio-box:hover .portfolio-box-caption {
  opacity: 1;
}
.portfolio-box:focus {
  outline: none;
}
@media (min-width: 768px) {
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    font-size: 16px;
  }
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 22px;
  }
}

.call-to-action h2 {
  margin: 0 auto 20px;
}
.text-primary {
  color: #F05F40;
}
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.btn {
  text-transform: uppercase;
  font-family: "Rajdhani", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  letter-spacing:1px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 0;
}
.btn-default {
  border: 1px solid #fff;
  color: #fff;
  padding:15px 30px;
  background: none; 
  border-radius:0;
}
.btn-default:hover,
.btn-default:focus {
  border: 1px solid #a2843a;
  outline: none;
  color: #000;
  background-color: #a2843a;
}
.btn-default.red { background-color:#f26b72; border:0}
.btn-default.red:hover { background-color:#bf5258; border:0}

.btn-default.btn-form { 
  color: #e4e8e9; 
  background: none;
  border-radius:0;
}
.btn-default.btn-form:hover {  
  color: #000;
  background-color: #e4e8e9;
  border-radius:0;
}

ul.banner-social-buttons {
  margin-top: 0;
}
@media (max-width: 1199px) {
  ul.banner-social-buttons {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  ul.banner-social-buttons li {
    display: block;
    margin-bottom: 20px;
    padding: 0;
  }
  ul.banner-social-buttons li:last-child {
    margin-bottom: 0;
  }
}

.image-block { 
    background-color: black;
    padding: 0px;    
    margin: 0px;
    height:250px;
    text-align: center;
    vertical-align: bottom;
}
.image-block.first {  
    height:500px; 
}
.image-block > p {
    width: 100%;
    height: 100%; 
    padding-top: 150px;
    background-color: rgba(3,3,3,0.0);
    color: rgba(6,6,6,1);
}
.image-block:hover > p {
    background-color: rgba(3,3,3,0.5);    
    color: white;    
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
footer {
  padding: 50px 0;
}
footer p {
  margin: 0;
}
::-moz-selection {
  text-shadow: none;
  background: #fcfcfc;
  background: rgba(255, 255, 255, 0.2);
}
::selection {
  text-shadow: none;
  background: #fcfcfc;
  background: rgba(255, 255, 255, 0.2);
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
body {
  webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
}