@font-face {
	font-family: 'DINPro';
	src: url('fonts/DINPro-Medium.eot');
	src: url('fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
			url('fonts/DINPro-Medium.woff2') format('woff2'),
			url('fonts/DINPro-Medium.woff') format('woff'),
			url('fonts/DINPro-Medium.ttf') format('truetype'),
			url('fonts/DINPro-Medium.svg#DINPro-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

*{
  font-family: 'DINPro';
}
@media (min-width: 768px)
.navbar-right {
margin-right:0px;
}
.checkheight{height:200px;}

.link{
height:75px;
}
.navbar{
border-radius: 0px;
margin-bottom: 0px;
}

.navbar-right{
margin-right: 0px;
}
nav.navbar.shrink {
  max-height: 40px;
}
nav.shrink a {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  font-size: 15px;
}

nav.shrink .navbar-brand>img{
height:45px;
padding-bottom: 5px;
}
.navbar-brand>img{
padding-bottom: 5px;
margin-top: -5px;
}
nav.shrink .navbar-nav>li{
min-height:50px;
height:50px;
}
nav.shrink .navbar-nav>li>a{
min-height:0px;
line-height:30px;
height:50px;
}
.navbar-toggle{
margin-top: 40px;
}

nav.shrink .navbar-brand {
  font-size: 25px;
}

nav.shrink .navbar-toggle {
  padding: 4px 5px;
  margin: 30px 15px 8px 0;
}
nav.shrink .container-fluid{
padding-left:0px;
padding-right:0px;
}

.opis_hk{
color: #7D7D7D;
font-size: 18px;
text-align:center;
}
.opis_hk a:link{
text-decoration: none;
}
a:hover{
text-decoration: none;
}
a:active {
    text-decoration: none;
}

@media (max-width: 1425px) {
.checkheight{height:150px;}
}

@media (max-width: 1225px) {

.checkheight{height:120px;}
}
@media (max-width: 745px) {
.opis_kat{
    font-size: 20px;
}
}
@media (max-width: 1225px) {
.about-menu{
    padding-left:15px;
}
}

@media (max-width: 978px) {
.about-menu{
    padding-left:15px;
}
.checkheight{height:85px;}
}
.circle{
left:300px;
}
.arrow{
left: 322px;
top: 15px;
}
bot_a{
margin-top: 4%;
}
.opis_kat{
padding-top:12px;
text-align:center;
}
.about{
line-height:30px;
text-align: center;
}

.head_about{
background-color:#E3E3E5;
text-align: center;
height: 50px;
line-height:45px;
font-size: 24px;
}

.show-more{
position: relative;
top: 150px;
}
.row{
margin-top: 4%;
margin-right: 0px;
}
.about-menu{
    
}

.about-menu li{
padding-bottom: 50px;
}
.products{
text-align:center;
line-height:30px;
}
.contact{
text-align:center;
line-height:30px;
}

.head_products{
background-color:#E3E3E5;
text-align: center;
line-height: 45px;
height: 50px;
font-size: 24px;
}
.head_contact{
background-color:#E3E3E5;
text-align: center;
margin-bottom: 20px;
line-height: 45px;
height: 50px;
font-size: 24px;
}

.products-menu{
float: right;
}


.products-menu li{
padding-bottom: 50px;
width: 250px;
}

.tab-content>.tab-pane{
}
.products-menu li a{
background-color:#FFFFFF;
color: #E6303C;
border: 2px solid  #D5DADB;
}
.products-menu li a:hover{
background-color:#E6303C;
color: #FFFFFF;
}
.products-menu li a:focus{
background-color:#E6303C;
color: #FFFFFF;
}
.about-menu li a{
background-color:#FFFFFF;
color: #E6303C;
border: 2px solid  #D5DADB;
font-size:20px;
}
.about-menu li a:hover{
background-color:#E6303C;
color: #FFFFFF;
}
.about-menu li a:focus{
background-color:#E6303C;
color: #FFFFFF;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover
{
background-color:#E6303C;
color: #FFFFFF;
font-size: 20px;
} 
.nav-pills>li.active>a:hover
{
background-color:#E6303C;
color: #FFFFFF;
} 
.form-control{
font-size:12px;
}

.carousel_text{
    position: absolute;
    left: 347px;
    padding-bottom: 3px;
	padding-top: 3px;
	font-size: 12px;
	padding-right:5px;
    bottom: -45px;
    padding-left: 8px;
    color: white;
    background: black;
}
.show-more img{
position: absolute;
z-index:2;
}

.navbar-inverse{
background-color:#E3E3E5;
border: 0px;
}

.navbar-nav>li>a{
padding-top:0px;
padding-bottom:0px;

}
.navbar-inverse .navbar-nav>li>a{
text-align: center;
    color: #4D4D4D;
	padding-top: 25px;
    font-size: 14px;
}
.header-text {
    position: absolute;
    top: 55%;
    left: 1.8%;
    right: auto;
    color: grey;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
display:inline-block;

}
.carousel-text{
background: white;
background: white;
margin-top: -10px;
max-width: 450px;
text-align: left;
padding: 15px;
font-size: 30px;
color: #333333;
}

.carousel-text2{
background: white;
background: white;
margin-top: -10px;
text-align: left;
font-size: 20px;
padding: 15px;
color: #333333;
}

.arrows{
position: absolute;
top: 250px;
right: 20px;
}

.carousel{
margin-top:80px;
}

.navbar-brand{
float:none;
}
.navbar-nav>li{
min-height:80px;
}
.grow{
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow:hover {
    transform: scale(1.1, 1.1);
    opacity: 0.7;

}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
    margin-right: 0;
    margin-left: 50px;
    margin-top: -20px;
    margin-bottom: -20px;
}
.orange{
border-left: 1px solid #D5DADB;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.orange:after{
  position: absolute;
  transition: all 0.3s ease-in;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-top: 5px solid #F7A633;
}


.orange:hover:after {
  height: 0;
  bottom: 0;
  top: 100%;
}
.orange:hover{
background-color: #bbbbc0;
}
.red{
border-left: 1px solid #D5DADB;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.red:hover{
background-color: #bbbbc0;
}
.red:after{
  position: absolute;
  transition: all 0.3s ease-in;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-top: 5px solid #E6303C;
}

.red:hover:after {
  height: 0;
  bottom: 0;
  top: 100%;
}
.blue{
border-left: 1px solid #D5DADB;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.blue:hover{
background-color: #bbbbc0;
}
.blue:after{
  position: absolute;
  transition: all 0.3s ease-in;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-top: 5px solid #8E9FD3;
}

.blue:hover:after {
  height: 0;
  bottom: 0;
  top: 100%;
}
.black{
border-left: 1px solid #D5DADB;
border-right: 1px solid #D5DADB;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.black:hover{
background-color: #bbbbc0;
}
.black:after{
  position: absolute;
  transition: all 0.3s ease-in;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-top: 5px solid #544355;
}

.black:hover:after {
  height: 0;
  bottom: 0;
  top: 100%;
}
#o_nas{
    text-align: left;
    max-width: 78%;
    margin-left: 10%;
	margin-bottom: 20px;
	color: #7D7D7D;
}
#nasza_misja{
    text-align: left;
    max-width: 78%;
    margin-left: 10%;
	margin-bottom: 20px;
	color: #7D7D7D;
}

#certyfikaty{
    text-align: left;
    max-width: 78%;
    margin-left: 10%;
	margin-bottom: 20px;
	color: #7D7D7D;
}
#hk{
    text-align: left;
    max-width: 78%;
    margin-left: 10%;
	margin-bottom: 20px;
}
#kz{
    text-align: left;
    max-width: 78%;
    margin-left: 10%;
	margin-bottom: 20px;
}
#r, #s{
    text-align: left;
    max-width: 78%;
    margin-left: 10%;
	margin-bottom: 20px;
}
.btn_modal{
float:right;
}

.head_modal{
color: #E6303C;
font-size: 18px;
}
.adress{
line-height: 15px;
}

.adress a{
color: #7D7D7D;
}

.adress p{
color: #7D7D7D;
}

.content_modal_top{
color: #7D7D7D;
font-size: 14px;
text-align: left;
}

.content_modal_bottom{
font-size: 14px;
text-align: left;
}

.modal-footer{
text-align:left;
border-top: none;
}
.text_products{
color: #7D7D7D;
margin-bottom: 20px;
width: 80%;
margin-left: auto;
text-align: left;
margin-right: auto;
margin-top:30px;
}

.catalog_whole{
margin-top: -30px;
}

.container-fluid>.navbar-collapse{
margin-right: 0;
margin-left: 0;
margin-top: -25px;
background-color: #E3E3E5;
}



.head_catalogs{
background-color:#E3E3E5;
text-align: center;
line-height: 45px;
height: 50px;
font-size: 24px;
}
img.img-responsive.hidden-xs.arrow{
display: inline;
}

.cat{
padding-top:15px;
}


.catalogs{
margin-bottom: 20px;
padding-bottom:20px;
}
.catalog{
text-align: center;
    min-height: 160px;
	font-size: 16px;
    font-weight: 900;
    background-color: #E3E3E5;
	margin-bottom: 20px;
	/*margin-right: 4px;*/
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.catalog:hover{
background-color: #bbbbc0;
}

.send_form{
margin-bottom:30px;
float: right;
}
.bottom{
background-color: #E3E3E5;
max-height: 20px;
}
.bottom li{
height: 20px;
}
.bottom .navbar-nav>li{
min-height: 20px;
}
.bottom ul{
margin-left: 10%;
}
.bottom_right
{
padding-top: 12px;
color: #7D7D7E;
padding-right: 200px;
}
.img-responsive{
display: block;
margin: 0 auto;
}

li.language >a{
padding-top:5px;
}
a.pl{
padding-top: 10px !important;
}
a.en{
padding-top: 10px !important;
}
nav.shrink a.pl {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: 20px !important;
  font-size: 14px;
}
nav.shrink a.en {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-size: 14px;
}
.tabela_opis{
width: 100%;
}
.tabela_opis th{
text-align: center;
}
.tabela_opis td{
text-align: center;
width:50%;
}
.tabela_opis th {background-color:#e6303c;color:#fff;}
.tabela_opis tr:nth-child(odd) {background: #e3e3e5;}
.tabela_opis tr:nth-child(even) {background: #fff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background:none;}
@media (min-width: 768px){
.modal-dialog{
width: 700px;
}
}

@media (max-width:768px) {
.checkheight{height:auto !important;}
.checkheight img{max-width:70%;}
}
.row{margin-left:0% !important;}
.back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 20px;display:none;}
.btn-primary{background-color:#e6303c !important;border-color:#e3e3e5 !important;}