@charset "utf-8";
body {width : 100%;height : 100%;margin : 0px; color:#404040; background:#fff;padding: 100px 0 0 0;overflow-x : hidden; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:24px;}
a:focus{outline:none; text-decoration:none}
.modal {overflow-y: auto;}
.modal-open {overflow: auto;}
#preloader{position: fixed; top: 50%; left: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px; border: 8px solid #96002e; border-right-color: transparent; border-radius: 50%;
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	-ms-animation: spin 1s linear infinite;
	-o-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	display:none; z-index: 1099;
}
@keyframes spin
{
	from { transform: rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	50%  { transform: rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
	to   { transform: rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}
#preloader-layer{position:fixed; top:0; right:0; bottom:0; left:0; background: rgba(255,255,255,0.6); z-index:1008; display:none}
#loading{position:fixed; top:0; left:0; width:0%; height:2px; background:#f00; z-index:1199;}

h2{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding:15px 0; margin:0 0 15px 0}
h3{font-size:16px; font-weight:700}

.mainalert{position: fixed; top:150px; z-index: 999; width: 600px; left:50%; margin-left: -300px}
.mainalert ul{list-style-type: none}

a#menu-22{color:#e11c3f}

.breadcrumb{margin-top:10px; background:#fff; border-bottom:1px solid #eee; border-radius:0; font-size:12px; padding:0}
hr{border-color:#8c8c8c}
.simplepage hr{clear: both}
.container.main{margin-top:0px; margin-bottom:30px;}
.row.separate{margin-top:50px}
hr{border-color:#ccccd6}
.nopadding{padding:0}
.nomargin{margin-left:0px;margin-right:0px}
.btn-default{border: none; border-radius:0; background:#e11c3f; color:#fff}
.btn-primary{border: none; border-radius:0; background:#e11c3f; color:#fff}
.btn-success{border: none; border-radius:0; background:#e11c3f; color:#fff}
.btn-warning{border: none; border-radius:0; background:#e11c3f; color:#fff}
.btn-arrow{font-size:14px; font-weight:bold; padding:0; color:#e11c3f; position: relative}
.btn-arrow:after{content:""; position: absolute; width:23px; height:7px; top:7px; right:-33px; background: url(../img/arrows.png) no-repeat 0 -7px}
.tables{margin-top:30px}
p.lead{font-size:18px; font-weight: bold}



.gallery{float: left; width:100%}
.gallery #bigfoto{max-width:100%}
.buttons{float: left; width:100%; margin:20px 0}
.buttons .btn-global-wrap{width:100%;}
.buttons .btn.btn-primary{width:100%; background:#1d205e; padding:7px 5px; font-size:12px}
.buttons .btn.btn-primary:last-child{background:#308630}
.buttons .btn.btn-primary:focus,.buttons .btn.btn-primary:active,
.buttons .btn.btn-primary:hover{color:#333; background:#ebebeb}
.buttons .btn.btn-success{width:100%;font-size:12px;padding:7px 5px;}
.buttons .open .dropdown-toggle.btn-success,
.buttons .btn.btn-success:focus,.buttons .btn.btn-success:active,
.buttons .btn.btn-success:hover{color:#333; background:#ebebeb}
.buttons .btn-wrap .dropdown-menu{min-width: 100%; background:#e11c3f; border:0; border-radius: 0; margin:0}
.buttons .btn-wrap .dropdown-menu > li > a{color:#fff}
.buttons .btn-wrap .dropdown-menu > li > a:hover{color:#333}
.buttons .btn-wrap{width:100%}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group{margin-left:0px}
.youtube{float: left; width:100%;}
.youtube h3{margin: 0 0 10px 0}

.navbar-default{background:#fff; height:100px;}
.navbar-default .navbar-brand{width:170px; height:60px; margin: 20px 0 20px 20px; background: url(../img/logo_intermik.png) no-repeat; overflow: hidden; text-indent:170px}
.navbar-default .navbar-form{margin:0px; max-width:100%}
.navbar-default .form-group{display: inline-block; width:50%; vertical-align:middle; margin-bottom:0}
.navbar-default .input-group-addon{padding:0; border:0; border-radius:0; box-shadow:0;}
.navbar-default .form-control{background:#ebebeb; border:0; border-radius:0; height:32px}
.nav.navbar-top{float: none;background:#2a366d}
.nav.navbar-top a{text-transform: uppercase; color:#fff; padding: 5px 0px 4px 0px; margin: 10px; font-size:12px; border-top: 1px solid #2a366d; border-bottom: 1px solid #2a366d;}
.navbar-default .navbar-nav > li > a{color:#fff}
.navbar-default .nav.navbar-top a:hover,
.navbar-default .nav.navbar-top a:focus,
.navbar-default .nav.navbar-top .active a:hover,
.navbar-default .nav.navbar-top .active a:focus,
.navbar-default .nav.navbar-top .active a{border-top: 1px solid #e11c3f; border-bottom: 1px solid #e11c3f; color:#fff; background:none}
.navbar-default .dropdown{display: inline-block}
.navbar-default .dropdown .btn{text-transform: uppercase}
.navbar-default .dropdown .dropdown-menu{background:#e11c3f; border:0; border-radius:0; width:41px; margin:0; padding:0; min-width:10px}
.navbar-default .dropdown .dropdown-menu > li > a{padding:0; text-align:center; color:#fff; padding: 5px 0; text-transform: uppercase}
.navbar-default .dropdown .dropdown-menu > li > a:hover{color:#333}
.navbar-toggle{margin: 35px 20px 0 0}
.navbar-collapse{background: #2a366d; text-align: center; max-height:240px; width:100%}
.navbar-collapse.in{overflow-y:visible; overflow-y: auto}
.carousel {height: 300px; margin: 0 0 50px 0}
.carousel-caption {z-index: 10; left:10%; right:10%; padding-bottom: 40px;}
.carousel-caption .btn.btn-primary{position: absolute; right:0; bottom: 0;}
.carousel-control{width:10%}
.carousel .item {height: 300px; background-color: #fff;}
.carousel .item  h1{text-align:left;font-size:40px; font-weight:bold; line-height:35px; width:70%; padding: 20px 0; border: 1px solid #fff; border-width:1px 0;}
.carousel .item  h1 span{font-size: 26px; font-weight:normal}
.carousel .item p{width: 55%; margin-left:45%; border-bottom:1px solid #fff; text-align:left;}
.carousel .item .btn-arrow{padding:15px 0; color:#fff}
.carousel .item .btn-arrow:after {top:22px; background: url(../img/arrows.png) no-repeat 0 0}
.carousel-inner > .item > img {position: absolute; top: 0; left:50%;width: 1920px; margin-left:-960px; height: 300px; max-width:1920px;}
.carousel-inner > .item {overflow:hidden}
.carousel-indicators{text-align:center; bottom:-35px}
.carousel-indicators li{border-color: #2a366d}
.carousel-indicators .active{background: #2a366d}
.carousel-control.right{background:none}
.carousel-control.left{background:none}

.firstcategory{border-top: 1px solid #ccccd6}
.category{border-bottom: 1px solid #ccccd6; padding:0}
.noborder .category:last-of-type{border: 1px solid #ccccd6; border-width: 0 0 1px 0;}
.category a{float: left; text-align:center; font-size:14px; font-weight: bold; text-transform:uppercase; color:#2a366d; position: relative;display: inline-block;width:100%;height:200px; line-height:16px;}
.category a:after{content:""; position: absolute; left:0; bottom:0px; width:100%; height:5px; background:#e3284a; opacity:0; z-index:150;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.category a:hover:after{bottom:-5px;opacity:1}
.category a:before{content:""; position: absolute; left:0; top:0; width:100%; height:100%; z-index:98; background:rgba(23,21,76,0);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.category a:hover:before{background:rgba(23,21,76,0.8)}
.category a i{position: absolute; top:0; left:0; width:100%; height:200px; overflow: hidden; text-align:center}
.category a i img{position: absolute; top:0; left:50%; margin-left:-100px; width:200px; height:200px}
.category a span{position: absolute; bottom:0px; left:0; width:100%; padding:10px 0; z-index:99; background: rgba(255,255,255,0.7);
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;}
.category a:hover span{color:#fff; background:rgba(255,255,255,0)}
.icon_uboj{width:100%; height:200px; background: url(../img/icon_uboj.png) no-repeat center;}
.icon_dodatki{width:100%; height:200px; background: url(../img/icon_dodatki.png) no-repeat center;}
.icon_drzwi{width:100%; height:200px; background: url(../img/icon_drzwi.png) no-repeat center;}
.icon_higiena{width:100%; height:200px; background: url(../img/icon_higiena.png) no-repeat center;}
.icon_termokomory{width:100%; height:200px; background: url(../img/icon_termokomory.png) no-repeat center;}
.icon_termokomory{width:100%; height:200px; background: url(../img/icon_termokomory.png) no-repeat center;}
.icon_klimakomory{width:100%; height:200px; background: url(../img/icon_klimakomory.png) no-repeat center;}
.icon_logistyka{width:100%; height:200px; background: url(../img/icon_logistyka.png) no-repeat center;}
.icon_maszyny{width:100%; height:200px; background: url(../img/icon_maszyny.png) no-repeat center;}
.icon_oczyszczalnie{width:100%; height:200px; background: url(../img/icon_oczyszczalnie.png) no-repeat center;}
.icon_odpady{width:100%; height:200px; background: url(../img/icon_odpady.png) no-repeat center;}
.icon_projektowanie{width:100%; height:200px; background: url(../img/icon_projektowanie.png) no-repeat center;}
.icon_rozbior{width:100%; height:200px; background: url(../img/icon_rozbior.png) no-repeat center;}
.icon_special_pl{width:100%; height:200px; background: url(../img/icon_special_pl.png) no-repeat center;}
.icon_special_en{width:100%; height:200px; background: url(../img/icon_special_en.png) no-repeat center;}

.nav-stacked > li + li{margin-top:0}
.nav-stacked li a{color:#2a366d; font-size: 14px; font-weight: bold; text-transform: uppercase; border-radius: 0; border-bottom: 1px solid #cbcbcb; }
.nav-stacked li.active a,
.nav-stacked li.active a:hover,
.nav-stacked li a:hover{background:#e11c3f; color:#fff}

tr.custom{background:#1d205e; color:#fff}

#bigfoto{float: left; width:100%; height:300px; background:#fff; margin: 0 auto 15px auto; position: relative; overflow: hidden;}
#bigfoto img{position: absolute; top:0; left:0;}
.thumb{float: left; width:90px; height:70px; margin:5px 5px 5px 0}

#footer{float: left; width:100%; margin-top: 50px; padding-top:50px; background:#f0f0f0; border-top:3px solid #e11c3f; min-height:400px; text-align:center;}
.media-heading{font-size:18px; color:#17154c; text-transform: uppercase; border-top:1px solid #8c8c8c; border-bottom:1px solid #8c8c8c; padding:10px 0; margin-bottom:20px}
.media-heading a{color:#17154c;}
.media-body{font-size:12px}
.media-body img{margin: 0 15px 0 0}
.media-body .btn-arrow{margin-top:20px}
.nav.navbar-bottom a{padding:0 10px; color:#8c8c8c; text-transform: uppercase; font-size:12px;}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    body{padding-top:140px}
    
    .navbar-default{background:#fff; height:140px;}
    .navbar > .container > .navbar-header > .navbar-brand{margin:20px 0 8px 0;}
	.nav.navbar-top{float: right; width:100%; text-align: left;background:#2a366d}
    .nav.navbar-top > li {float: none; display: inline-block}
    .nav.navbar-top a{margin: 10px; font-weight: bold; font-size: 14px;}
	.navbar-default .navbar-form{margin-top:27px; text-align:right; padding:0; width:750px}
    .navbar-default .navbar-form .form-group{width:250px;}
	#footer{text-align:left;}
	#footer .col-md-3{text-align:right;}
	.bordercol{position: relative}
	.bordercol:after{position: absolute; top:0; left:-5px; width:5px; height:100%; background:#e11c3f; content:''}
	.bordercolright{position: relative}
	.bordercolright:after{position: absolute; top:0; right:0px; width:5px; height:100%; background:#e11c3f; content:''; z-index:5}
	.thumb{float: left; width:90px; height:70px; margin:5px 30px 5px 0}
	.thumb:nth-child(5n+0){margin:5px 0px 5px 0}
	.category{border-right: 1px solid #ccccd6;}
	.buttons .btn.btn-primary{width:30%}
	.buttons .btn-wrap{width:40%}
	.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group{margin-left:-1px}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1600px and up) */
@media (min-width: 1600px) {
.carousel-caption {z-index: 10; left:20%; right:20%}
.carousel-control{width:20%}
.carousel .item  h1{width:80%}
}