body {
background:#fff;
color:#000;
font-family:'Open Sans', sans-serif;
letter-spacing:0.05em;
padding-top:65px;
font-size:14.5px;
font-size:0.94vw;
}



/*********  COLORS  *************/

.white-txt {
color:#fff;
}

.orange-txt {
color:#fa8b23;
}

.black-txt {
color:#000;
}


.orange-bg {
background:#fa8b23;
color:#fff;
}

.white-bg {
background:#fff;
}

.black-bg {
background:#000;
color:#fff;
}

.lightgrey-bg {
background:#f4f4f4;
}

.mediumgrey-bg {
background:#2d2d2d;
}

.darkgrey-bg {
background:#1b1b1b;
}


/*************  GENERAL ***************/

ul, li, p, span, table, h1, h2, h3, h4, h5, h6, div , td, tr{
margin:0;
padding:0;
}

ul {
list-style:none;
}


ul.square {
list-style:square;
list-style-position:inside;

}

ul.square li {
line-height:170%;
}

.fullwidth {
padding:0;
margin:0;
}

.fullheight img{
display:block;
height:100%;
}

.fullwidth img {
display:block;
width:100%;
}

.width50 {
display:block;
width:50%;
}

.width80 img {
display:block;
width:80%;
margin:0 auto;
}


.clearfix {
float:none;
clear:both;
}

a {
color:#fa8b23;
}

a:hover {
color:#e64802;
text-decoration:none;
}


.container {
width:76%;
margin-left:12%;
margin-right:12%;

}

.module-padding {
padding-left:6vw;
padding-right:6vw;
padding-top:1vw;
padding-bottom:1vw;
}

.module-padding-left {
padding-left:6vw;
padding-right:0;
}

.module-padding-left-2 {
padding-left:6vw;
padding-right:3vw;
}
.module-padding-right {
padding-right:6vw;
padding-left:0;
}

.module-padding-right-2 {
padding-right:6vw;
padding-left:3vw;
}

.half-module-padding {
padding-left:3vw;
padding-right:3vw;
padding-top:1vw;
padding-bottom:1vw;
}

.two-module-padding {
padding-left:10vw;
padding-right:10vw;
padding-top:1vw;
padding-bottom:1vw;
}
.third-module-padding {
padding-left:2vw;
padding-right:2vw;
padding-top:3vw;
padding-bottom:3vw;
}

.no-padding {
padding:0;
}

.space-half {
display:block;
width:100%;
padding-top:1.5vw;
height:0;
}

.space {
display:block;
width:100%;
padding-top:3vw;
height:0;
}

.space2 {
display:block;
width:100%;
padding-top:6vw;
height:0;
}




.section {
display:block;
position:relative;
}




/****************VIDEO*********************/

.video-embed {
position:absolute;
display:block;
width:100%;
height:25vw;
overflow:hidden;
}

.video-embed iframe {
display:block;
position:absolute;
width:100%;
height:58vw;
top:0;
left:0;
overflow:hidden;
}

.overlayer-video {
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:rgba(0,0,0,0.4);
}

.overlayer-video-content {
color:#fff;
margin-top:6vw;
/*padding-left:3vw;*/
text-align:center;
}


.o-nas #main {
padding-top:22vw;
}

.overlayer-video h1 {
font-size:3vw;
}

.overlayer-video p.firetech {
font-size:8vw;
line-height:100%;
}

/************ TEXT ***************/

h1,  h3, h4, h5, p.firetech, p.h2 {
  font-family: 'Dosis', sans-serif;

}



h1{
font-size: 64px;
font-size:3vw;
line-height:130%;

}

h2, p.h2 {
font-size: 30px;
font-size:1.8vw;
line-height:130%;
}

h2 {
/*border-top:5px solid #000;*/
padding-top:1.5vw;
}
.o-nas h2, .realizacje .item-list h2, h2.bordered {
border-top:5px solid #000;
font-size:2.2vw;
}

.o-nas #klienci h2 {
border:none;
font-size:1.8vw;
}

.realizacje .item-list h2 {
font-size:1.8vw;
}
p.h2{
font-size:2.2vw;
}

h3 {
font-size:28px;
font-size:1.82vw;
}

h4 {
font-size:36px;
font-size:2.34vw;
}

h5 {
font-size:24px;
font-size:1.4vw;
padding-bottom:1vw;
}

p{
font-size:14.4px;
font-size:0.94vw;
}

p.lead{
font-size:19px;
font-size:1.15vw;
margin:0;
line-height:175%;
padding-bottom:3vw;
}

.realizacje .item-list p {
font-size:19px;
font-size:1.15vw;
}

p.bigger {
font-size:16px;
font-size:1.04vw;
margin:0;
line-height:175%;
}

p.smaller {
font-size:13px;
font-size:0.85vw;
margin:0;
line-height:175%;
}

p {
padding-bottom:1vw;
margin:0;
line-height:175%;
}

.bold{
font-weight:700;
}




.uppercase {
text-transform:uppercase;
}

.italic {
font-style:italic;
}

.line {
display:block;
width:100%;
height:2px;
border-bottom:1px solid #ddd;
}

.item-page ul, .item-list ul {
list-style:square;
padding-top:1vw;
list-style-position:inside;
padding-bottom:1vw;
}

.item-page ul li, .item-list ul li {
font-size:1.1vw;
padding-top:0.5vw;
padding-bottom:0.5vw;
font-style:italic;

}

.privacy .item-page ul li{
font-size:1vw;
font-style:normal;

}

.privacy .item-page ul {
padding-top:0;
padding-bottom:1vw;;
}
.privacy p {
padding-top:1vw;
padding-bottom:1vw;
}

.item-list {
display:block;
margin-bottom:4vw;
}


.icon-fire {
display:block;
position:relative;
left:50%;
width:6vw;
height:6vw;
margin-left:-3vw;
border:3px solid #fa8b23;
border-radius:3vw;
background:url(../images/icon-fire.png) no-repeat center;
background-size:60%;
}


.partner img {
display:block;
width:50%;
margin:0 auto;
}

/********** NAVBAR  ******************/
.navbar-default {
height:85px;
background:#f5f5f5;
border-bottom:1px solid #eee;
}

.mainmenu-block {
border-bottom:1px solid #fa8b23;
}

@media all and (min-width: 768px){
	
.navbar-default .container-fluid, .navbar-default .navbar-header, .navbar-default .row, .navbar-default .col-xs-10, .navbar-default .col-xs-12, .navbar-default .col-xs-2, .navbar-default .collapse, .navbar-default .mainmenu-block,.navbar-default .mainmenu, .navbar-default .mainmenu>li , .navbar-default .mainmenu>li >a, .navbar-default .moduletable_menu{
height:100%!important;
position:relative;
display:block;
}

.navbar-default .mainmenu>li {
height:60px!important;
}

.navbar-nav {
    float: none;
	width:100%;
    margin: 0;
}

.col-sm-2.logo-centered{
display:block;
position:absolute;
top:0;
left:0;
z-index:100;
height:85px!important;
background:#f5f5f5;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
margin-left:0;
}

}

.menu-to-left {
float:left;
}

.menu-to-right {
float:right;
}


.navbar-nav li a {
font-family:'Open Sans', sans-serif;
font-size:0.95vw;
display:block;

}

.navbar-nav li.item-112, .navbar-nav li.item-113, .navbar-nav li.item-132  {
float:right;
}

.navbar-nav li.dropdown ul {
padding:0;
margin:0;
background:transparent;
}

.navbar-nav li.dropdown ul li{
padding:0;
background:#222;
border-top:1px solid #2d2d2d;
border-bottom:1px solid #2d2d2d;
}

.navbar-nav li.dropdown ul li a{
/*background:rgba(0,0,0,0.8);*/
padding-top:12px;
padding-bottom:12px;
padding-left:20px;
padding-right:20px;
color:#f4f4f4;
margin-top:0;
margin-bottom:0;
}
.navbar-nav li.dropdown ul li :hover{
background:#111111;
}

.navbar-nav>li>a {
padding-top:22px;
color:#666;
background:transparent;
padding-left:35px;
padding-right:35px;
max-width:160px;
line-height:100%;

}

.navbar-default .navbar-nav>li>a{
color:#666;
 border-bottom:3px solid #f5f5f5;
 
}

.navbar-nav>li>a:hover ,  .navbar-nav>li.active>a, .navbar-nav>li.current>a  {
 color:#fa8b23!important;
 border-bottom:3px solid #fa8b23;
 background:transparent!important;
}



.navbar-brand {
position:relative;
padding:0;
height:80%;
margin-top:8px;

}


.navbar-brand img {
display:block;
width:100%;
}







  
  
/************** FOOTER ******************/

.footer {
background:#000;
color:#fff;
padding-top:0.5vw;
padding-bottom:0.75vw;
}

.footer ul li {
display:inline-block;
padding-left:15x;
padding-right:15px;
}

.footer a {
color:#aaa;
font-size:11px;
font-size:0.7vw;
text-transform:uppercase;
}

.footer a:hover {
color:#eee;
}




.dropdown .caret {
display:block;
position:absolute;
width:5px;
height:5px;
top:30px;
right:5px;
color:#fa8b23;
}

.dropdown:hover .caret, .dropdown.active .caret {
color:#fa8b23;
}



.map iframe {
width:100%;
height:350px;
border:2px solid #212121;
}


/****VIEWPORTCHECKER****/

.hidden-vc{
     opacity:0;
}
.visible-vc{
     opacity:1;
}






@media all and (max-width: 767px){


body {
letter-spacing:1.1px;
font-size:13px;
padding-top:40px;
}

.container {
width:100%;
margin:0;

}


.navbar-default {
height:50px;
}

.navbar-brand img{
max-height:30px;
width:auto;
}

.navbar-toggle {
    border-radius: 0px;
	margin-right:0;
}

.navbar-toggle:hover { 
background:#fff!important;
}

.navbar-default .navbar-toggle {
    border:none;
}

.navbar-toggle .icon-bar {
width:30px;
height:3px;
}

.navbar-default .navbar-toggle .icon-bar {
background-color:#d60108;
}

.main-nav .col-xs-12, .navbar-collapse {
padding:0;
}

.o-nas #main {
padding-top:40vw;
}

.video-embed {
height:45vw;
}

.overlayer-video-content {
margin-top:12vw;
}


/*****FONT SIZES *******/



h1 {
font-size: 40px;
}


h3{
font-size:22px;
}

h4, p.h2, .o-nas h2, .realizacje .item-list h2, h2, .o-nas #klienci h2  {
font-size:30px;
margin-top:30px;
}

h5 {
font-size:20px;
padding-bottom:7px;
}

p {
font-size:12px;
}

.item-page ul li, .item-list ul li {
font-size:14px;
}

p.lead, .realizacje .item-list p {
font-size:16px;
}

p.bigger {
font-size:14px;
}

p.smaller {
font-size:11px;
}

p {
padding-bottom:7px;
}



.footer a {
    font-size: 10px;
}


/**********  MAIN DIVS *********/


.module-padding {
padding-left:30px;
padding-right:30px;
padding-top:15px;
padding-bottom:15px;
}

.module-padding-left {
padding-left:30px;
padding-right:30px;
}

.module-padding-left-2 {
padding-left:30px;
padding-right:30px;;
}
.module-padding-right {
padding-right:30px;
padding-left:30px;
}

.module-padding-right-2 {
padding-right:30px;
padding-left:30px;
}

.half-module-padding {
padding-left:30px;
padding-right:30px;
padding-top:15px;
padding-bottom:15px;;
}

.two-module-padding {
padding-left:50px;
padding-right:50px;
padding-top:5px;
padding-bottom:5px;
}
.third-module-padding {
padding-left:30px;
padding-right:30px;
padding-top:15px;
padding-bottom:15px;
}


.space-half {
padding-top:5px;
}

.space {
padding-top:15px;
}

.space2 {
padding-top:30px;
}

.pull-right {
/*float:none!important;*/
}


.icon-fire {
margin-top:20px;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    margin-left: -30px;

}







.navbar-nav li a {
    font-size: 18px;
	float:none!important;
	
}

.navbar-nav>li {
background:#fff;
width:100%;
display:block;
float:none!important;
}

.navbar-nav>li>a {
padding-top:14px;
padding-bottom:14px;
padding-left:30px;
border-bottom:1px solid #ccc;
background:#fff;
max-width:100%;
}

.navbar-nav {
margin:0;
}

#firetech-menu {
position:relative;
top:-2px;
}





}



/****** COOKIES WARNING ***********/

body.cookiewarning {


}
body div.cookiewarning {
	display: none;
}
body.cookiewarning div.cookiewarning {
	padding-bottom:1.5vw;
	padding-top:1.5vw;
	padding-left:8vw;
	padding-right:8vw;
	display: block;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 100;
	background-color: rgba(210,210,210,.95);
	color: #000;
}

body .removecookie {
	display: inline-block;
}

body.cookiewarning .removecookie {
	display: none;
}

.close.cookie-btn {
display:block;
width:3vw;
height:3vw;
padding:0;
border-radius:2vw;
background:#fa8b23;
margin-top:1.5vw;
margin-right:8vw;
color:#fff;
font-size:2vw;
position:absolute;
top:0;
right:0;

    opacity: 0.8;
    font-weight: 400;
}

.cookie-img {
display:block;
width:3vw;
height:3vw;
float:left;
margin-right:2vw;
}

.cookie-img img{
display:block;
width:100%;
}



@media all and (max-width: 767px){
.cookie-img {
display:none;
}


.close.cookie-btn {
width:12vw;
height:12vw;
border-radius:6vw;
margin-top:6vw;
margin-right:8vw;
font-size:7vw;
}


body.cookiewarning div.cookiewarning {
	padding-bottom:3vw;
	padding-top:3vw;
	padding-left:8vw;
	padding-right:24vw;
	}
	
	
	body.cookiewarning div.cookiewarning p.lead {
	font-size:12px;
	line-height:140%;
	}

}

.certyfikaty-thumbs a img{
display:block;
width:100%;
height:auto;

}

.certyfikaty-thumbs .col-sm-3 {
margin-bottom:3vw;
}

.certyfikaty-thumbs  .thumb-img{
display:block;
width:90%;
height:auto;
position:relative;
opacity:1;
transition:all 0.5s;
margin-bottom:1vw;
}

.certyfikaty-thumbs  .thumb-img:after{
display:block;
width:100%;
height:100%;
content:'';
position:absolute;
top:0;
left:0;
background-color:rgba(0,0,0,.35);
background-image:url(../images/lupa.png);
background-repeat:no-repeat;
background-size:20%;
background-position:center;

}

.certyfikaty-thumbs  .thumb-img:hover{
opacity:0.75;
}



.certyfikaty-thumbs h3 {
margin-bottom:3vw;
margin-top:2vw;
}




/**FOUR COLUMN CAROUSEL**/


.multicarousel .cloneditem-1,
.multicarousel .cloneditem-2,
.multicarousel .cloneditem-3 {
  display: none;
}
@media all and (min-width: 768px) {
  .fourcol .carousel-inner > .active.left,
  .fourcol .carousel-inner > .prev,
  {
    left: -50%;
  }
  .fourcol .carousel-inner > .active.right,
  .fourcol .carousel-inner > .next {
    left: 50%;
  }
  
  
  
  .multicarousel .carousel-inner > .left,
  .multicarousel .carousel-inner > .prev.right,
  .multicarousel .carousel-inner > .active {
    left: 0;
  }
  

  .fourcol .carousel-inner .cloneditem-1,
.threecol .carousel-inner .cloneditem-1,
.threecol .carousel-inner .cloneditem-2   {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .fourcol .carousel-inner > .item.active.right,
  .fourcol .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .fourcol .carousel-inner > .item.active.left,
  .fourcol .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .fourcol .carousel-inner > .item.left,
  .fourcol .carousel-inner > .item.prev.right,
  .fourcol .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .fourcol .carousel-inner > .active.left,
  .fourcol .carousel-inner > .prev {
    left: -25%;
  }
  .fourcol .carousel-inner > .active.right,
  .fourcol .carousel-inner > .next {
    left: 25%;
  }
  

  
  
  .multicarousel .carousel-inner > .left,
  .multicarousel .carousel-inner > .prev.right,
  .multicarousel .carousel-inner > .active {
    left: 0;
  }
   
   
  .twocol .carousel-inner .cloneditem-1, 
  .threecol .carousel-inner .cloneditem-1, 
   .threecol .carousel-inner .cloneditem-2,  
  .fourcol .carousel-inner .cloneditem-2,
  .fourcol .carousel-inner .cloneditem-3 {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .fourcol .carousel-inner > .item.active.right,
  .fourcol .carousel-inner > .item.next {
    -webkit-transform: translate3d(25%, 0, 0);
            transform: translate3d(25%, 0, 0);
    left: 0;
  }
  .fourcol .carousel-inner > .item.active.left,
  .fourcol .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-25%, 0, 0);
            transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  

  
  


  
  .multicarousel .carousel-inner > .item.left,
  .multicarousel .carousel-inner > .item.prev.right,
  .multicarousel .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}



.multicarousel {
display:block;
position:relative;
}

 #klienci.multicarousel .item {
 text-align:center;
 }
 
 #klienci .multicarousel .item img{
text-align:center;
margin:0 auto;
width:75%;
display:block;
}


.multicarousel .carousel-control {
background:none;
opacity:0.6;
width:70px;
}



.carousel-control:hover {
opacity:0.8;
}

.multicarousel .carousel-control.left i, .multicarousel .carousel-control.right i{
background:none;

}





.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
width:60px;
height:60px;
}

.glyphicon-chevron-left:before, .glyphicon-chevron-right:before {
  content:'';
  display:block;
  width:100%;
  height:100%;
  position:absolute;

}

.glyphicon-chevron-right:before {
background:url(../images/arrow-right.png) no-repeat center;
background-size:30%;
}

.glyphicon-chevron-left:before {
background:url(../images/arrow-left.png) no-repeat center;
background-size:30%;
}


.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
left:15px;;

}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
right:15px;
}





