/*!
 * Start Bootstrap - Creative v3.3.7+1 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
 
html,
body {
    height: 100%; 
    font:400 16px 'Poppins', sans-serif; 
    background-color:#fff;
}
hr {
  border-color: #ecebeb;
  border-width: 2px;
  max-width: 250px;
  margin:0;
}
hr.red {
  border-color: #e22126;
  max-width: 100px;
  border-width: 5px;
}
hr.center { 
  margin:20px auto; 
} 
hr.right { 
  margin-right:0;  
  text-align:right;
  margin-left:auto;  
}
.clear { clear:both }
a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #83b3e8;
}
a:hover,
a:focus {
  color: #668cb6;
  text-decoration:none
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Poppins', sans-serif;  
}

p,ul,ol {
  font-size: 16px;
  font-weight:300;
  line-height: 1.6;
  margin-bottom: 20px;
  letter-spacing:1px;
}
p.upper { text-transform:uppercase; font-size:14px; }
.czerwony { color:#d5213f }
.bialy { color:#fff }
.nomargin {padding:0; margin:0;}
.btn-slide { color:#FFF; border:1px #205897 solid; border-radius:0; background-color:#205897; }
.btn-slide:hover { background-color:#588eca;  color:#FFF; border:1px #588eca solid; }
.btn-slide.grey { background-color:#a9a9a9; border:1px #a9a9a9 solid;  color:#FFF; }
.carousel-control  { 
    outline: black;
    background-color: #fff; 
    color: #fff;
}
.right.carousel-control { background:none; }
.left.carousel-control { background:none; }

.floating-label-form-group {
    position: relative;
    margin-bottom: 0;
    padding-bottom: .5em;  
}
.floating-label-form-group .text-danger { color:yellow; position:absolute; right:0; font-size:14px; }

.bg-primary {
  background-color: #f30735;
}
.bg-dark {
  background-color: #222222;
  color: white;
}
.bg-fiolet { background-color: #f30735; color: white; }
.text-faded {
  color: rgba(255, 255, 255, 0.7);
}

aside {
  padding: 50px 0;
}
.no-padding {
  padding: 0;
}

.lang-bar { position:absolute; margin-top:15px;  margin-bottom:0; right:30%; clear:both; } 
.lang-bar span.languages > a.on {
    background-color:#736440;
    text-decoration:none;
    color:#FFF;
}    
.lang-bar span.languages > a:hover {
    background-color:#736440;
    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;
    color:#FFF;
} 

@media (min-width: 768px) {
  .lang-bar { position:absolute; top:65px; right:10px;  padding:0 0 5px 15px; } 
}
	
@media (min-width: 1024px) {
  .lang-bar { position:absolute; top:35px; right:10px;  padding:0 0 5px 15px; } 
}
.navbar-default { 
  border-color: rgba(34, 34, 34, 0.05); 
  font-family: 'Poppins', sans-serif; 
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s; 
  background-color: #0c54a0; 
}
.navbar-collapse { 
   max-height: 100% !important; 
  border:none;
}
.navbar-default .navbar-header .navbar-brand {
  color: #FFF; 
  font-family: 'Poppins', sans-serif; 
  font-weight: 500;
  font-size:26px;  padding:0;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
  color: grey;
}

.navbar-default .navbar-header .navbar-toggle {
  font-weight: 700;
  font-size: 12px;
  color: #222222; 
  border:1px transparent solid;
} 
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background:none;
  border:1px  #fff solid; border-radius:0;
}
.navbar-default .navbar-brand .logo { display:none }
.navbar-default .navbar-brand .logo_mobile { height:48px;}
.navbar-default .navbar-brand span { display:block }
.navbar-default .nav { margin-top:20px;}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  text-transform: none;
  font-weight: 400;
  font-size: 14px;
  letter-spacing:1px;
  color: #fff;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
  color: #fff;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
  color: #fff !important;
  background-color: transparent;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
  background-color: transparent;
} 
.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu {
    background-color: rgba(24,24,24,0.9); line-height:26px; font-size:14px; outline: none; font-weight:300; 
    color:#ffffff;
  }
 
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { background-color: rgba(24,24,24, 0.6);  color: rgba(255,255,255, 0.7); }

.telefon,.navbar .title2,.navbar .title3 { display: none; }

.address-bar-smart { display:none }
	
.address-bar {
        display: none; 
    }   
	
@media (min-width: 768px) {
  .navbar-default .nav { margin-top:0px;}

  .telefon { display: block; }
  .navbar-default {  
  margin-bottom: 0;
  padding-bottom:10px;
  background-color: #fcfcfc; 
    /* border-color: rgba(255, 255, 255, 0.3); */
  }
  .navbar-default .navbar-header .navbar-brand {
    color: rgba(255, 255, 255, 0.7);
  }
  .navbar-default .navbar-header .navbar-brand:hover,
  .navbar-default .navbar-header .navbar-brand:focus {
    color: white;
  }
  .navbar-default .nav { 
    background-color: none;
    padding:10px 0 0 0;
    }
  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus {
    color: #5a5151;  
  }
  .navbar-default .nav > li > a:hover,
  .navbar-default .nav > li > a:focus:hover {
    color: #1170d4;
  }
  .navbar-default.affix {
    background-color: rgba(253,253,253, 1); 
    border-color: rgba(34, 34, 34, 0.05);
  }
  .navbar-default.affix .navbar-brand .logo_mobile { display:none }
  .navbar-default.affix .navbar-brand .logo { display:block; height:53px; }
  .navbar-default .navbar-brand .logo { height:53px; display:block;  margin-top:10px; }
  .navbar-default .navbar-brand .logo_mobile {  display:none; }
  .navbar-default .navbar-brand span { display:none }
  .navbar-default.affix .navbar-brand span { display:block }
  .navbar-default.affix .navbar-header .navbar-brand {
    color: #fff;
    font-size: 28px; padding:0;
  }
  .navbar-default.affix .navbar-header .navbar-brand:hover,
  .navbar-default.affix .navbar-header .navbar-brand:focus {
    color: #eb3812;
  }
  .navbar-default.affix .nav > li > a,
  .navbar-default.affix .nav > li > a:focus {
    color: #5a5151; 
  }
  .navbar-default.affix .nav > li > a:hover,
  .navbar-default.affix .nav > li > a:focus:hover {
    color: #09407a;
  }
  
.navbar-default .navbar-nav .dropdown-menu>li>a, .navbar-default .navbar-nav .dropdown-menu { 
	background-color: rgba(24,24,24,0.9);   color: #5a5151; outline: none; font-weight:300; line-height:26px; font-size:14px;   text-align:right;
  } 
.navbar-default .navbar-nav .dropdown-menu {   }   
.navbar-default .navbar-nav .dropdown-menu>li>a:hover { background-color: rgba(253,253,253, 0.1); color: rgba(0,0,0, 0.7); }

	.address-bar {
        display: block; 
        margin: 20px 0 0 0;
        padding: 0;  
    }  
	.address-bar p { display:block; float:right; margin:0; padding:0px 15px; color:5a5151; font-size:12px; background-color:#736440; }
	.address-bar p span {  color:#406e9f; }
	.address-bar p.tel { float:right; font-size:12px; font-weight:400; background:url(../images/ico-tel.png) no-repeat left; margin:0 0 0 50px; padding:5px 0 5px 50px; }
	.address-bar p.mail {float:right; font-size:12px; font-weight:400;  background:url(../images/ico-mail.png) no-repeat left; margin:0 0 0 10px;padding:5px 0 5px 50px; }
	.address-bar p.miejsce { float:right; font-size:12px; background:url(../images/ico-miejsce.png) no-repeat left; margin:0 0 0 50px; padding:0 0 2px 50px; }
	.address-bar p a { color:#5a5151;  } 
  .navbar-default.affix .address-bar { display:none }
  .navbar-custom.affix .telefon,.navbar-custom.affix .title2,.navbar-custom.affix .title3 {
    display:none;
  }  
}
@media (min-width: 1024px) {
  .navbar-default .navbar-brand .logo { height:53px; display:block;}
  }
   p.tel { font-size:22px; font-weight:400; background:url(../images/ico-tel.png) no-repeat left; margin:0 0 0 10px; padding:0 0 2px 40px; }
	 p.mail { font-size:22px; background:url(../images/ico-mail.png) no-repeat left; margin:0 0 0 10px; padding:25px 0 2px 40px; }
header {
  position: relative;
  width: 100%;
  min-height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat:no-repeat;
  -o-background-size: cover;
  background-position: center;
  background-image: url('../images/header.jpg');
  background-color:#09407a;
  text-align: center;
  color: white;
}
header .header-content {
  position: relative;
  text-align: left;
  padding: 100px 15px 100px;
  width: 100%;
}
header .header-content .header-content-inner h1 {
  line-height:38px;
    font-size:28px;
  font-weight: 300;  
}
  header .header-content .header-content-inner h1 span {
    font-size:38px;
    font-weight:600;}
header .header-content .header-content-inner hr {
  margin: 30px auto;
}
header .header-content .header-content-inner p { 
  font-size: 16px; 
}

header .btn-default {
  margin-top:20px;
  color: #fff;
  background-color: #0c54a0;
  border: 1px #0c54a0 solid;
  font-size:14px;
  letter-spacing:1px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
header .btn-default.red {
  color: white;
  background-color: #e22126;
}
header .btn-default.red:hover {
  color: white;
  background-color: #a7181b;
}


@media (min-width: 768px) {
  header {
    background-size: 100%;
    min-height: 80%;
  }
  header .header-content {
    position: absolute;
    top: 50%; 
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 50px;
  }
  header .header-content .header-content-inner {
    max-width: 900px; 
  }
  header .header-content .header-content-inner h1 { 
    line-height:58px;
    font-weight:300;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin:0;
  }
  header .header-content .header-content-inner h1 span {
    font-size:58px;
    font-weight:600;} 
}
.btn-default {
  color: #fff;
  font-weight:300;  
  background-color: #0c54a0;
  border: 1px #0c54a0 solid; 
  font-size:14px; 
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #0c54a0;
  background: none;
  border: 1px #0c54a0 solid;  
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: white;
  border-color: white;
}
.btn-default.red {
  color: white;
  border:1px  #e22126 solid;
  background-color: #e22126;
}
.btn-default.red.btn-xl { padding:25px 40px; } 
.btn-default.red:hover {  color: #e22126;
  background:none;
  border:1px #e22126 solid; }
.btn-default.white {
  color: white;
  background:none;
  border:1px white solid;
}
.btn-default.white:hover {
  color: black;
  background-color:white;
  border:1px white solid;
}
.call-to-action h2 {
  margin: 0 auto 20px;
}

#social-slider {
	display: none;
} 
@media(min-width:767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px;
    }
    
#social-slider {
display:block;
	position:fixed;
	padding-top:25px;
	left:0px;
	top:125px;
	z-index:100;
	background:none ;
	width:85px;
	height:232px; 
} 

#social-slider img {
	float:left;
	padding:5px 5px 0 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 { 
  font-weight: 400;
  font-size: 12px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category span { 
  font-size: 10px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-size: 14px;
}
.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 p {
    font-size: 18px; 
  }
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category span { 
  font-size: 12px;
}
  .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;
}
.news-box { padding-bottom:30px; margin:0px 0;}
.news-box .opis { padding:10px; text-align:center;}
.news-box a { color:black}
.news-box a:hover { text-decoration:none; }
.news-box a.more { color:#f30735 }
.news-box a.more:hover { color:grey }
.news-box p.data { 
font-size:14px; text-shadow:none; padding:0; margin:0;
}
.news-box h4 { 
 padding:5px 20px; margin:0;
}

#section1 { padding:50px 0; background-color:#f2f2f2; }
#section1 h4 { background: url(../images/keska-pauza.png) no-repeat center 0px; padding-top:15px; font-size:24px; }

#section2 { padding:50px 0; }
#section2 h2 {  padding-top:0px; line-height:40px; } 
#section2 h2 span { font-weight:300; font-size:16px;  }


#section3 { padding:50px 0; background-color:#f2f2f2 }
#section3 p { padding-top:20px; }
#section3 h3 { font-weight:500; font-size:32px;}
#section3 #tlo { background:#f2f2f2 url(../images/tlo-jak-pracujemy.png) no-repeat top center; overflow:hidden; padding:100px 0; }
#section4 { padding-top:0px; background-color: #eae8e3;  }
#section4 .bialy {  text-shadow:1px 1px 1px grey;}
#section4 h3 { padding-top:20%; font-weight:500; font-size:32px;}
#section4 .input-group { padding-top:0 }
#section4 p { font-weight:500; font-size:18px;} 
#section4 div.zostaw-telefon .input-group input {
  margin-top:0;
  padding: 15px; 
  box-shadow:none; 
  border-radius:0;
  border-color:#fff;
  color:#000;
  font-size:16px;
  background:none;
}
#section4 .btn-primary { color:#000; background-color:#FFF; border:1px #fff solid; font-weight:600; font-size:14px; padding: 6px 20px; letter-spacing:1px;}
#section4 .btn-primary:hover { color:#000; background-color:#e4e6e9; border:1px #e4e6e9 solid; }
#section4 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
} 
#section4 :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
} 
#section4 ::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

#nasza-oferta { padding-top:0px; background: url(../images/tlo-oferta.jpg) no-repeat top center; }

#realizacje { padding:0px; background: url(../images/tlo-realizacje.jpg) no-repeat top center; }
#realizacje p.wstep { padding-top:120px }
.parallax-one {
  margin-top:50px;
  color: #ffffff; 
  height: 40%; 
  background: url('../images/parallax-smart.jpg') no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
   transform:skewY(-2deg); 
   
}

section {
  padding: 50px 0;
}
section h2 { color:#151515; font-size:38px;} 
section p.wstep { color:#d5213f } 
section p.wstep.bialy { color:#fff; padding-top:100px;} 

.parallax-one h3 { font-size:32px; padding-top:8%}
.parallax-one p { font-size:18px }
.parallax-one h3, .parallax-one p { transform:skewY(2deg); }
.parallax-two {
  color: #ffffff; 
  height: 40%; 
  background: url('../images/parallax-smart.jpg') no-repeat center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.parallax-one h5,.parallax-two h5 { background-color:#6f9e2a; color:#fff; padding:10px 30px; font-size:17px; display:inline } 
.parallax-one .nag,.parallax-two .nag  { padding-top:90px }
 nav {
	padding:0;
	margin:0; 
}
 ul.nav-tabs  { margin:0; padding:0; }
 ul.nav-tabs li { background:none; padding: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;    
}

div.wrapper-left { 
display: inline-block;
overflow:hidden;
position:relative;   
}  
div.wrapper-left p {  
  color:#fff; font-size:14px; line-height:18px;  
} 
div.wrapper-left a {  
  color:#fff; font-size:14px; 
} 
div.wrapper-left:hover, div.wrapper-left a:hover {  
  color:#ff9829;
}    
.img-content {
  display: flex;
  align-items: center;   
} 
div.description-left {  
background-color:#000; 
bottom:0;
background: -moz-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0.6)); /* Firefox 3.6+ */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0.6))); /* Safari/Chrome */
position:absolute;
width:100%;
z-index:1000;
text-align:left;
} 
.description-left p {

}   
.imagefill { 
display: block; 
overflow:hidden;
position:relative; 
margin-bottom:20px;
background-color:#FFF; height:400px;
} 

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.carousel,
.item,
.active {
    height: 42rem;  
}
.carousel-inner {   height: 420px;   }

.carousel-caption { padding:5px 20px; line-height:50px;

text-align:right;
top:20px; 
right:0;
width:70%;
}
.carousel-caption h2 {   text-transform:none; font-size:34px; }
.carousel-caption p {  color:black; text-transform:none; font-size:18px;   }
.carousel-inner {
    height: 100%;
}

 .photos { 
   line-height: 0; 
   -webkit-column-count: 1;
   -webkit-column-gap:   0;
   -moz-column-count:    1;
   -moz-column-gap:      0;
   column-count:         1;
   column-gap:           0;
   
}
@media (min-width: 576px) { 
 .photos { 
   line-height: 0; 
   -webkit-column-count: 2;
   -webkit-column-gap:   0;
   -moz-column-count:    2;
   -moz-column-gap:      0;
   column-count:         2;
   column-gap:           0;
   
	} 
	}    
@media (min-width: 768px) {	
 .photos { 
   line-height: 0px; 
   -webkit-column-count: 4;
   -webkit-column-gap:   0;
   -moz-column-count:    4;
   -moz-column-gap:      0;
   column-count:         4;
   column-gap:           0;
   
}
}
.stopka { background-color: #0c54a0; color:#fff; overflow:hidden }
.stopka h3 { font-size:22px;  color:#fff; padding:0px 0 10px 0; margin-bottom:25px; }
.stopka p,ul,ol { font-size:18px }

.stopka p.tel-mini { margin:0; font-size:14px; font-weight:400; background:url(../images/ico-tel-mini.png) no-repeat left; padding:5px 0 5px 30px; }
.stopka p.mail-mini { font-size:14px; font-weight:400;  background:url(../images/ico-mail-mini.png) no-repeat left; padding:5px 0 5px 30px; }
	
footer p { padding:10px; font-size:16px;  }
@media (min-width: 768px) {
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    font-size: 26px;
  }
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name p {
    font-size: 16px;
    padding:0 20px;
    line-height:22px;
  }  
.news-box .opis { padding:0px; text-align:left;}
.news-box h4 { 
 padding:10px 0; margin:0;
}
.parallax-one { 
 background: -webkit-linear-gradient(top, #2897e0 40%, #F1F1F1 40%);
  background: url('../images/parallax.jpg') no-repeat top center fixed;  
  /* background-image: -webkit-linear-gradient(30deg, #013A6B 50%, #004E95 50%); */
   transform:skewY(-2deg); 
}
.parallax-one h3 { font-size:38px; padding-top:5%}
.parallax-two { 
  background: url('../images/parallax.jpg') no-repeat center bottom fixed; 
}  
#section4 .input-group { padding-top:35%; }
#section4 h3 { padding-top:30%; }
div.zostaw-telefon .input-group input {
  margin-top:10%;
}
}
@media (min-width: 767px) {
  #portfolio .portfolio-item {
    margin: 0 0 30px;
  }
}
@media (min-width: 1440px) {
.parallax-one h3 { font-size:38px; padding-top:15%}
}

.text-primary {
  color: #F05F40;
}
.no-gutter > [class*='col-'] {
  margin: 1px 0 0 0;  
  padding: 0;
  
}  
div.formularz { padding:0 50px; }
div.formularz h2 { font-size:36px;}

div.formularz .form-group {
  margin-bottom: 25px;
}
#form-porady label { font-weight:300 }
div.formularz .form-group input,
div.formularz .form-group textarea {
  padding: 10px; 
  box-shadow:none; 
  border-radius:0;
  border:0;
  border-bottom:1px #3971ac solid;
  color:#83b3e8;
  font-size:16px;
  background:none;
}
div.formularz .form-group select {
  padding: 5px; 
  width:100%;
  box-shadow:none; 
  border-radius:0;
  color:#83b3e8;
  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: #000;
  box-shadow: none;
}
div.formularz ::-webkit-input-placeholder {
  font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif; 
  color: #83b3e8;
}
div.formularz :-moz-placeholder {
  /* Firefox 18- */
  font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif; 
  color: #83b3e8;
}
div.formularz ::-moz-placeholder {
  /* Firefox 19+ */
  font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif; 
  color: #83b3e8;
}
div.formularz :-ms-input-placeholder {
  font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif; 
  color: #83b3e8;
}
div.formularz .text-danger {
  color: #e74c3c;
} 

.specjalnosci-sg { background-color: #f30735; color: white; } 
.specjalnosci-sg ul { padding-top:20px; font-size:22px; } 
.specjalnosci-sg ul li a { color:white }

.lekarze-sg { background-color: #8eb3e7; color: 424242; } 
.lekarze-sg h4 { padding-top:50px; margin:0; font-size:26px; } 
.lekarze-sg p { font-size:22px;  }
.lekarze-sg p span a { font-size:18px; color:#fff}
.lekarze-sg-bg { 
	min-height:200px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-position: center;
  background-image: url('../images/lekarze-sg.jpg');
}
/* Map */
#map {
		width: 100%;
		height: 350px; 
	} 

@media(max-width:768px) {
    #map {
        height: 75%;
    }
}

#portfolio .portfolio-item, #specjalisci .portfolio-item {
  margin: 0 0 15px;
  right: 0;
}
#portfolio .portfolio-item .portfolio-link,
#specjalisci .portfolio-item .portfolio-link {
  display: block;
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover,
#specjalisci .portfolio-item .portfolio-link .portfolio-hover {
  
  background: rgba(128,0,0, 0.6); background: -webkit-linear-gradient(0deg, rgba(35,54,197, 0.6), rgba(255,54,0, 0.6)); 
  background: -o-linear-gradient(0deg, rgba(35,54,197, 0.6), rgba(255,54,0, 0.6)); 
  background: -moz-linear-gradient(0deg, rgba(35,54,197, 0.6), rgba(255,54,0, 0.6)); 
  background: linear-gradient(0deg, rgba(35,54,197, 0.6), rgba(255,54,0, 0.6)); 
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover, #specjalisci .portfolio-item .portfolio-link .portfolio-hover:hover {
  opacity: 1;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content  {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 20px;
  text-align: center;
  top: 40%;
  margin-top: -12px;
  color: white;
}
#specjalisci .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 20px;
  text-align: center;
  top: 15%;
  margin-top: -12px;
  color: white;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content p,
#specjalisci .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content p { font-size:16px; padding:20px;}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i,
#specjalisci .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
  margin-top: -12px;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4,
#specjalisci .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4,
#specjalisci .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3 {
  margin: 0;
}
#portfolio .portfolio-item .portfolio-caption {
  max-width: 400px;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
  padding: 15px;
}  
#portfolio .portfolio-caption a:hover h4,#portfolio .portfolio-caption a:hover p { 
  	color:#a90707
}
#specjalisci .portfolio-item .portfolio-caption {
  max-width: 400px;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
  padding: 15px;
  border-bottom:1px #a8a9b1 solid;
}
#portfolio .portfolio-item .portfolio-caption h4, #specjalisci .portfolio-item .portfolio-caption h4 {
  text-transform: none;
  margin: 0;
  font-size:22px;
  line-height:32px;
  color:#424454; 
} 
#portfolio .portfolio-item .portfolio-caption p, #specjalisci .portfolio-item .portfolio-caption p {
  text-transform: none;
  font-size:14px;
  color:#0c0c0c
} 
#portfolio .portfolio-item .portfolio-caption p a, #aktualnosci p a, #aktualnosci li  { font-size:14px; text-transform:uppercase; font-weight:400  }
#portfolio .portfolio-item .portfolio-caption p a:hover,  #aktualnosci p a:hover {  }
#portfolio *, #specjalisci * {
  z-index: 2;
}
.nagpage { min-height:360px;  background:url('../images/slide-podstrona.jpg') bottom center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; 
  color: white;
   }
   
.nagpage { min-height:300px;  background:url('../images/header-page.jpg') bottom center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; 
  color: white;
   }

#photos {
   /* Prevent vertical gaps */
   line-height: 0; 
   -webkit-column-count: 2;
   -webkit-column-gap:   0;
   -moz-column-count:    2;
   -moz-column-gap:      0;
   column-count:         2;
   column-gap:           0;
   
}
#photos img { 
   padding:3px;
}
 
#news ul { list-style:none }  
.news-sg .nnews, #news .nnews { font-weight:600; font-size:16px; }  
.obrazeknews,.content img { padding:10px 20px 10px 0; } 
.news-sg .date {
	position:absolute;
	top:-20px;
	left:30px;
	border:1px #FFF solid;
	margin:0 10px 10px 0;
	width: 55px; height: 60px; 
  background-color:#f30735;   
}
.news-sg .dimg { position:relative; margin-bottom:30px;}
.news-sg .date p {  
	padding: 12px 0 6px 0;
	font-size: 28px; line-height:16px; font-weight: bold; color: #fff; text-transform: uppercase; 	
	text-align: center;  
}
.news-sg .date p span { 
	display: block;
	font-size: 14px; font-weight: 200; color: #fff; text-transform: uppercase; 	 
	padding: 6px 0 6px 0;
}  
.news-sg h3 span { font-size:16px; }
#news .dimg { position:relative }
#news .date { float:left;
	border:3px #FFF solid;
	margin:0 10px 10px 0;
	width: 65px; height: 70px; 
  background-color:#f30735;   
}
#news .date p {
	padding: 12px 0 6px 0;
	font-size: 32px; line-height:22px; font-weight: bold; color: #fff; text-transform: uppercase; 	
	text-align: center;  
}
#news .date p span {
	font-size: 14px; font-weight: 200; color: #fff; text-transform: uppercase; 	 
	padding: 6px 0 6px 0;
}
.content p, .content ul, .content ol { font-weight:400} 
.content { color:#151515 } 
.content ul.bez li { list-style:none; background:none; text-align:left; padding:5px 10px; } 
.content ul li { padding-left:5px; list-style-position:outside }  
.content .referencje p { font-size:18px }
.content #specjalisci h4 { font-size:24px; }
.content #specjalisci ul { list-style:circle; margin:0; padding-left:20px; }
.content #specjalisci p{ font-size:20px; line-height: 22px }


div.napisz { padding-top:30px; background-color: #fff; }
div.napisz.btlo { padding-top:30px;  background:none; }
div.napisz h2 { font-size:22px;}

div.napisz .form-group {
  margin-bottom: 25px;
}
div.napisz .form-group input,
div.napisz .form-group textarea {
  padding: 10px;
  background:none; 
  border-radius:0;
  box-shadow:none; 
  color:#000;
  font-size:16px;
}
div.napisz .form-group input.form-control {
  height: auto;
}
 

div.napisz .form-group textarea.form-control {
  height: 150px;
}
div.napisz .form-control:focus {
  border-color: #000;
  box-shadow: none;
}
div.napisz ::-webkit-input-placeholder {
  font-family: 'Poppins', sans-serif; 
  color: #000;
}
div.napisz :-moz-placeholder {
  /* Firefox 18- */
  font-family: 'Poppins', sans-serif; 
  color: #000;
}
div.napisz ::-moz-placeholder {
  /* Firefox 19+ */
  font-family: 'Poppins', sans-serif; 
  color: #000;
}
div.napisz :-ms-input-placeholder {
  font-family: 'Poppins', sans-serif; 
  color: #000;
}
div.napisz .text-danger {
  color: #e74c3c;
} 
.oferta-sg ul, .content .oferta-sg ul {
  font-size: 20px;
  list-style:none; 
  line-height: 1.5; 
  margin:0; padding:0;
}
.oferta-sg ul li, .content .oferta-sg ul li  {  
  padding:5px;
  margin:5px 0 0 0;
  border-bottom:2px #f30735 solid 
  } 
.oferta-sg ul li a, .content .oferta-sg ul li a { 
  color: #404043;   
  } 
.content p,.content ul,.content ol {
  font-size: 16px;
  font-weight:300;
  line-height: 1.6;
  margin-bottom: 20px;
  letter-spacing:1px;
}
.section-heading {
  margin: 0;
  display:inline-block;
  margin-bottom:16px;
  color:#f30735
}
.service-box {
  max-width: 400px;
  margin: 50px auto 0;
  background-color:#eeedef;
}
@media (min-width: 992px) {
  .service-box {
    margin: 20px auto 0;
  }
}
.service-box h3,.news-sg h3 {
  padding: 0 10px 10px 10px;
  color:#404043;
  font-weight:300;
  min-height:75px;
  border-left:4px #77678e solid;
} 
 
.call-to-action h2 {
  margin: 0 auto 20px;
}
.text-primary {
  color: #f30735;
}
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.btn-primary {
  color: white;
  font-size:14px;
  background-color: #f30735;
  border-color: #f30735;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: white;
  background-color: #8eb3e7;
  border-color: #86abe0;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #f30735;
  border-color: #f30735;
}
.btn-primary .badge {
  color: #f30735;
  background-color: white;
}
.btn {
  font-family: 'Poppins', sans-serif;  
  border-radius: 0;
  font-weight: 300; 
}
.btn-xl {
  padding: 10px 30px;
  font-size:18px;
}
::-moz-section4
ion {
  color: white;
  text-shadow: none;
  background: #222222;
}
::selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
img::selection {
  color: white;
  background: transparent;
}
img::-moz-selection {
  color: white;
  background: transparent;
}
body {
  webkit-tap-highlight-color: #222222;
}
@media (min-width: 1400px) {
#mainNav .container { min-width:1400px}
.container { min-width:1366px}
}