html {
	font-family: termina, sans-serif !important;
	font-weight: 300;
	
}

body{
	margin: 0px;
	padding: 0px;
	background: url('/images/bg_page2.jpg') top repeat-x #ffffff;
	font-family: termina, sans-serif;
		
}

.scrollToTop a{
	font-size: 11px;
}


h1, h2, h3, h3 {
	font-family: termina, sans-serif;
	font-weight: 700;
}

h1 {
	font-size: 42px;
}

.box_images  img{
	max-width: 100%;
	border: 1px solid #d4d4d4;
	padding: 2px;
}

.offset-link {
	display: block;
    height: 0;
    overflow: hidden;
    position: relative;

    visibility: hidden;
    width: 0;
	
}

.box_oferta img { 
	max-width: 100%;
	border: 1px solid #d4d4d4;
	padding: 1px;
}
 
/* =================================================================== */
/* Header
====================================================================== */


header{
	height: 130px;
	background: url('/images/bg_menu.png');
	width: 100%;
	transition: all 0.6s ease 0s;
	z-index: 99999;
	padding: 0 50px;

}

header .logo {
	margin-top: 10px;
	transition: all 0.6s ease 0s;
	text-align: left;
	position: absolute;
}

header .logo img{
	max-width: 100%;
	transition: all 0.6s ease 0s;
}


header .contact_info {
	text-align: right;
	margin-top: 18px;
	padding-right: 17px;
	font-size: 10px;
	margin-bottom: 0px !important;
	font-weight: 700;
}

header .contact_info i{
	padding: 0px 5px 0px 20px;
	color: #026431;
}

header .contact_info a{
	color: #323232;
	font-weight: 300;
	font-size: 12px;
}

header  nav.navigation{
	height: 45px;
	text-align: right;
	margin-top: 40px;
	padding-top: 0px;
}

header  nav .navigation a {
	font-size: 18px;
	font-weight: 700;
	color: #000;
}



header.sticky {
	height: 80px;
	position: fixed;
	background: #fff;
	border-bottom: 1px solid #026431;
}

header.sticky .contact_info {
	display: none; 
}

header.sticky  nav.navigation{
	height: 45px; 
	text-align: right;
	margin-top: 25px;
	padding-top: 0px;
}  

header.sticky .logo {
	margin-top: 10px;
	width: 120px;  
}

header.sticky .logo img{
	max-width: 100%;
	
}




/* =================================================================== */
/* Slider
====================================================================== */

.slider{
	width: 100%;
	height: auto;
	z-index: -99999999 !important;
	background: #f4f4f4;
	border-top: 2px solid #026431; 

}




/* =================================================================== */
/* Line
====================================================================== */

.line{
	width: 100%;
	height: 60px;
	padding-top: 20px;
	z-index: -99999999 !important;
	background: #fff;
	border-bottom: 1px solid #d4d4d4;
}

.line i {
	color: #0674b7;
	size: 18px;
	padding: 3px 5px 0 15px;
}

.line_left{
	float: left;
}


.line_right{
	float: right !important;
}



.breadcrumb {
		margin-bottom: 10px;
		padding-top: 20px;
		background: none;
}

.breadcrumb .divider img {
	padding-top: 5px;	
	vertical-align: top;
}

.module_top {
	margin-top: 90px;
	position: absolute;
	width: 100%;
	}


/* =================================================================== */
/* Boxes
====================================================================== */

.boxes{
	z-index: 999 !important;
	color: #fff;
	height: auto; 
	position: relative;
	background:  top repeat-x #d4d4d4;
	margin-bottom: 0px;
	padding: 20px 0px 100px 0px;


}

.nomargin {
	margin: 0px !important;
	padding: 0px !important;
	
}




.nomargin img{
	max-width: 100%;
}

.boxes .box{

	padding-top: 0px;
	font-size: 13px;
	line-height: 22px;
	border: 0px solid #d3d3d3;
	opacity: 1;
	text-align: center;  
	height: auto;
	color: #000;
	overflow: hidden;
	margin-top: -200px; 

}

.boxes .box .box_content{
	background: #166851; 
	margin: 0px;
	 
}

.boxes .box .box_title{

	font-size: 28px;
	padding: 40px 30px 80px 30px;
	font-weight: 700;
	color: #fff;
	height: auto; 
	line-height: 38px;
	background: none; 
	text-shadow: 2px 2px #000000;
	opacity: 1 !important;  
      
}



.boxes .box .box_desc{
	padding: 30px;
	font-size: 13px;
	text-align: justify;
	line-height: 22px;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 300;
	color: #000;
	height: auto;
}

.boxes .box .box_button {
	height: 45px;
	width: 140px;
	/*background: #1b8f07;*/
	background: #1b8f07;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 30px;
	transition: all 0.6s ease 0s;
	padding: 12px;
	
}

.boxes .box .box_button:hover {
	background: #1b5a2e;
	transition: all 0.6s ease 0s;
}

.boxes .box .box_button i{
	padding-right: 10px;
}

 
.boxes .box_img:hover  {
	max-width: 100%;

	transition: all 0.6s ease 0s;
}
 
.boxes .box_img img{
	max-width: 100%;
	border-bottom: 0px solid #ff0000;
	transition: all 0.3s ease 0s;
		border-radius: 40px 0 40px 0; 
}  

 
/* =================================================================== */
/*  Maps module
====================================================================== */

.maps {

	display: block;
	overflow: hidden;
}

.maps .mapa_box {
		border: 1px solid #d4d4d4;
	padding: 0 !important;
}

.phocamaps-box {
	margin-top: 0px !important;
}





/* =================================================================== */
/*  Contact Form
====================================================================== */

.rapid_contact {
	background: #dfdfdf;
	padding: 60px 20px;
}

form .rapid_contact {
	padding: 10px;
	background: #fff;
}
  
div.intro_text {
	display: none;
}

.rapid_contact .button  {
	color: #fff;
    background-color: #e80031;
    border-color: #000;
}

/* =================================================================== */
/*  Banki module
====================================================================== */

.home_info {
	height: auto;
	color: #000;
	text-align: center;
	line-height: 28px;
	display: block; 
	margin: 100px 0 100px 0;
	overflow: hidden;
	
}

.home_info h3 {
	color: #165c40;
}

.home_info img {
	max-width: 100%; 
	padding: 1px;
	border: 1px solid #d4d4d4;
}

.home_info .box_left{
	margin-top: 50px;
	height: auto;
	padding: 30px;

}


.home_info .box_center{
	margin-top: 50px;	
	height: auto;
	padding: 30px;
} 



.home_info .box_right{
	margin-top: 50px;
	height: auto;
	padding: 30px;
}

.blogbg {
	background: #c31e3c !important;
	padding-bottom: 40px;
}


.blogitembg {
	background: #fff; 
	padding: 40px 20px;
	margin-top: 40px;
	text-align: justify;
}

/* =================================================================== */
/*  blog_modHome
====================================================================== */


.blog_modHome {
	
	padding: 60px 0 120px 0;
}

.news_box_thumb img {
	max-width: 100%;
}

.news_box_date {
	font-size: 10px;
	font-weight: 700;
	margin-top: 5px;
	color: #c21f3c;
}


.news_box_title {
	font-size: 18px;
	font-weight: 700;
	margin-top: 10px;
}

.news_box_title a{
	color: #000;
}

.news_box_desc{
	font-size: 11px; 
	line-height: 20px;
	font-weight: 400;
	margin-top: 10px;
}





/* =================================================================== */
/*  JM Effects
====================================================================== */


.jm-item {

    display: inline-block;
    text-align: left;
}

.jm-item-wrapper { 
	position: relative;

	background: #E8D7B6;
}

.jm-item-image {
	position: relative;
    overflow: hidden;
}
.jm-item-image img {
	display: block;
}

 
.jm-item-overlay {
	background: #000;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.4s ease-in 0s;
	-moz-transition: opacity 0.4s ease-in 0s;
	-o-transition: opacity 0.4s ease-in 0s;
	transition: opacity 0.4s ease-in 0s;
}
.jm-item-wrapper:hover .jm-item-overlay {
	opacity: 0.5;
	
}



.jm-item-button a:hover {
	background: #c21f3c; 
	    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
	opacity: 0.9;
}
.first .jm-item-button {
	-webkit-transition: all 0.2s ease-in 0.2s;
	-moz-transition: all 0.2s ease-in 0.2s;
	-o-transition: all 0.2s ease-in 0.2s;
	transition: all 0.2s ease-in 0.2s;
	top: -100px;	
}
.first .jm-item-wrapper:hover .jm-item-button {
	top: 34%;	
}





.o_accordeon {
	padding-bottom: 80px;
	background: url('/images/bg_faq.jpg') top #d4d4d4;
	padding-top: 60px;
	
}	


.o_accordeon .o_accordeon { 
	background: none !important;
}

.o_accordeon .vina-accordion-container {
	display: block;
	color: #000;
	font-weight: bold;
	

}

.o_accordeon .accordion-open {
		background: #ac001f !important;
}


.o_accordeon .accordion-close {
	background: #c21f3c !important;
	color: #fff !important;
}



.o_accordeon .vina-accordion-item{
	padding: 30px 30px !important;
	font-size: 20px;
	overflow: hidden;
	height: auto !important;
	transition: all 0.3s ease 0s;
}

.o_accordeon .vina-accordion-item:hover{
	background: #004a76;
	transition: all 0.4s ease 0s;	
}

.o_accordeon .vina-accordion-item span{
	color: #ffffff;
}

.o_accordeon .vina-accordion-container {
	padding: 30px !important; 
}

.o_accordeon .vina-accordion-container ul {
	padding: 0 30px !important;
	margin: 0px !important;
}

.o_accordeon .vina-accordion-container ul li{
		list-style-position: outside;
}



.page_content {
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
} 













.box_img .jm-item-button {
	height: 200px;
	width: 80px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -40px;

}
 
 
.box_img .jm-item-button a {
	/*background: #cd9a7d;*/
	border: 0px solid #fff;
    font-family: termina, sans-serif !important;
	font-weight: 700;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 10px 0px;
	padding: 10px 0px;
		text-align: center;
    -webkit-transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
    transition: all 0.4s ease-in 0s;
    text-decoration: none !important;
    display: block;
}
 

.blog_modHome .jm-item-button {
	height: 100px;
	width: 100px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -50px;

}

.blog_modHome .jm-item-button a {
	/*background: #cd9a7d;*/
	border: 0px solid #fff;
    font-family: termina, sans-serif !important;
	font-weight: 700;
    color: #FFFFFF;
    font-size: 32px;
    line-height: 10px 0px;
	padding: 10px 0px;
		text-align: center;
    -webkit-transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
    transition: all 0.4s ease-in 0s;
    text-decoration: none !important;
    display: block;
}
 


.blog_modHome .jm-item-title {
    position: absolute;
    left: -10px;
    bottom: 17px;
    background: #c21f3c;
    padding: 10px 13px 8px;
    font-family: termina, sans-serif !important;
	font-weight: 400;
	font-size: 10px;
    color: #FFFFFF;
}

.blog_modHome .first .jm-item-wrapper:hover .jm-item-button {
	top: 38%;	
}

.blog_modHomea a .moduleItemImage {
	border: 0 !important;
}


 

.oferta_top{
	background: url('/images/oferta_bg.jpg') top fixed;
	padding: 50px;
	color: #fff;
}




.oferta .jm-item-button {
	height: 100px;
	width: 100px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -50px;

}




.oferta .jm-item-button a {
	/*background: #cd9a7d;*/
	border: 1px solid #fff;
    font-family: termina, sans-serif !important;
	font-weight: 700;
    color: #fff;
    font-size: 14px;
    line-height: 10px 0px;
	padding: 10px 0px;
		text-align: center;
    -webkit-transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
    transition: all 0.4s ease-in 0s;
    text-decoration: none !important;
    display: block;
}
 


.oferta .jm-item-title {
    position: absolute;
    left: -10px;
    bottom: 17px;
    background: #fff;
    padding: 10px 13px 8px;
    font-family: termina, sans-serif !important;
	font-weight: 700;
	font-size: 10px;
    color: #000;
}

.oferta .first .jm-item-wrapper:hover .jm-item-button {
	top: 38%;	
}

.oferta a .moduleItemImage {
	border: 0 !important;
}




.onas_top{
	background: url('/images/oferta_bg.jpg') top fixed;
	padding: 50px;
	color: #fff; 
} 


.pza_top{
	background: url('/images/oferta_bg.jpg') top fixed;
	padding: 50px;
	color: #fff;
} 






.box_blog .jm-item-button {
	height: 100px;
	width: 100px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -50px;

}




.box_blog .jm-item-button a {
	/*background: #cd9a7d;*/
	border: 1px solid #fff;
    font-family: termina, sans-serif !important;
	font-weight: 700;
    color: #fff;
    font-size: 14px;
    line-height: 10px 0px;
	padding: 10px 0px;
		text-align: center;
    -webkit-transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
    transition: all 0.4s ease-in 0s;
    text-decoration: none !important;
    display: block;
}
 


.box_blog .jm-item-title {
    position: absolute;
    left: -10px;
    bottom: 17px;
    background: #fff;
    padding: 10px 13px 8px;
    font-family: termina, sans-serif !important;
	font-weight: 700;
	font-size: 10px;
    color: #000;
}

.box_blog .first .jm-item-wrapper:hover .jm-item-button {
	top: 38%;	
}

.box_blog a .moduleItemImage {
	border: 0 !important;
}












/* =================================================================== */
/*  Main
====================================================================== */

main{
	margin-top: 0px;
	border: 0px solid #e1e1e1;
	background: #eaeaea;
	padding: 0px 0px 0px 0 !important;
	
	

}

main  h1 {
	color: #000;
}

main  p {
	color: #000;
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
}


.is_articletimeline {
	padding: 0 0 50px 0;
}

.jmm-item {
	padding: 60px !important;
}

.jmm-item img {
	max-width: 100%;
	border: 1px solid #d4d4d4;
	padding: 2px;
}

.jmm-item .jmm-name {
	font-weight: 700;
	font-size: 24px;
}

.jmm-item .jmm-desc {
	font-weight: 300;
	font-size: 13px;
	line-height: 24px;
}




/* =================================================================== */
/* K2 template Regiony
====================================================================== */

.itemtitle_box{
	background: url('/images/bg_line2.png') repeat-x center bottom #000;
	margin-bottom: 0px;
	padding: 20px 50px;
}

.itemtitle_box h2{
	color: #fff;
	padding: 12px 0px !important;
	margin: 20px 0 20px 40px !important;
	font-size: 22px;
}

.itemtitle_box h2::before{
	content: "\f105";
	font-family: "Font Awesome 5 Free"; 
	font-weight: 700;
	color: #fff;
	padding-right: 10px;
}


.itemtext_box{
	background: #fff;
	padding: 0px 0; 
	font-size: 14px;
	line-height: 24px;
}

.itemtext_box .itemDateCreated {
	font-size: 11px;
	font-weight: 700;
	color: #c21f3c;
}

.itemtext_box h2 {
	font-size: 26px;
	font-weight: 700;
	color: #000;
	padding-bottom: 20px;
	margin-top: 15px;
}

.itemtext_box .itemImage img {
	padding: 1px;
	border: 1px solid #d4d4d4;
	max-width: 100%;
}

.itemtext_box_home{
	
	padding-top: 50px;
}


.itemtext_box2 {
	margin-top: 0px;
	background: #fff;
	border: 1px solid #d4d4d4;
	padding: 20px 30px;
}

.itemtext_box2 img{
	max-width: 100%;
	padding: 2px;
	border: 1px solid #d4d4d4;
}

.itemtext_box2 h2{
	margin-bottom: 20px;
}

.itemtext_box2 .itemImageBlock {
	margin-bottom: 30px !important;
}

.itemtext_box2  {
	line-height: 28px;
}

/* =================================================================== */
/* K2 module "Kadra"
====================================================================== */

.kadra {
	padding: 30px 0px;
	background: #d4d4d4;
}

h2.titlemodule {
	padding: 30px 0px 0px 0px;
	
}	

.kadra .title {
	font-size: 22px;
	font-weight: 700;
	line-height: 26px;
	margin-top: 20px;
}

.kadra .desc {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
}



/* =================================================================== */
/* Blog
====================================================================== */

.blog_boxlist,
.blog_boxlist2  {

	margin: 20px 0px;
}

.blog_boxlist .listbox_img,
.blog_boxlist2 .listbox_img{
	text-align: left;
	padding: 0px !important;
	margin: 0px !important;
}

.blog_boxlist .listbox_desc{
	text-align: left;
	font-size: 11px;
	color: #000;
}

.blog_boxlist .listbox_desc a{
	color: #000;
}



.blog_boxlist .listbox_date{
	font-size: 11px;
	font-weight: 700;
	transition: all 0.5s ease 0s;
	padding: 5px 0;
	color: #c21f3c;
}


.blog_boxlist .listbox_desc .listbox_title,
.blog_boxlist2 .listbox_desc .listbox_title{
	font-size: 18px;
	font-weight: 700;
	transition: all 0.5s ease 0s;
	padding: 5px 0;
}

.blog_boxlist .listbox_desc .listbox_title a,
.blog_boxlist2 .listbox_desc .listbox_title a{ 
	color: #000;
	transition: all 0.5s ease 0s;
}

.blog_boxlist:hover .listbox_desc .listbox_title a,
.blog_boxlist2:hover .listbox_desc .listbox_title a{ 
	color: #c21f3c;
	text-decoration: none;
	transition: all 0.5s ease 0s;
}


.blog_boxlist img,
.blog_boxlist2 img {
	max-width: 100%;
	padding: 2px;
	border: 1px solid #d4d4d4;
}

.blog_cat {
	padding: 30px;
	background: #fff;
	margin-top: 30px;
	overflow: hidden;
	margin-bottom: 40px;
}

.blog_cat h2 {
	color: #000 !important;
	font-size: 24px;
	padding-left: 0px !important;
}

.blog_cat h4 {
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	color: #000 !important;
	font-size: 20px;
	padding: 12px 0px 14px 0px !important;
	font-weight: 700;
}



.blog_cat p {
	color: #000 !important;
	font-size: 14px;
	line-height: 28px;
	padding-left: 0px !important;
}

.blog_cat .subCategory h2{
	padding: 0px 20px !important;
}

.blog_cat .subCategory p{
	padding: 0px 20px !important;
}















.galerie {
	background: #d4d4d4;
	padding: 60px 0px 60px 0px;
	color: #000;
}

.galerie a h3{
	color: #000;
}

.galerie a h3::before{
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";
padding-right: 8px;
}

.galerie h4 {
	font-size: 18px;
	font-weight: 700;
	border-bottom: 1px solid #000;
	padding-bottom: 15px;
}



.line_top{
	width: 100%;
	height: 120px;
	background: none;
}




.page {	
	padding-top: 90px;
	padding-bottom: 60px;
	font-weight: 400; 
}

.page h2 {
	font-size: 34px;
	padding: 30px 0px;
}

.page .title1 {
	font-size: 28px;
	font-weight: 700;
}

.boxes .title-main {
	color: #0074b7;
	text-align: center;
	font-size: 32px;
	padding-bottom: 25px;
	margin-bottom: 15px;
}

.page .title2 {
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}

.page .title3 {
	font-size: 12px;
	font-weight: 700;
	line-height: 12px;
}

.page .content1 {
	font-size: 16px;
	font-weight: 400;
	padding-top: 30px;
	line-height: 22px;
}


.page .content2 {
	font-size: 14px;
	font-weight: 300;
}

.page  i{
	padding-right: 9px;
	margin: 0px;
	color: #1a78ab;
}

.page i.fa-mobile{
	padding-right: 15px;
	font-size: 20px;
}

.page a {
	color: #444;

	}

a.produktnavi {
	padding: 20px 30px;
	border: 1px solid #d4d4d4;
	overflow: hidden;

	width: 80px;
	transition: all 0.5s ease 0s;
	background: #157ebb;
	color: #fff;
}

a.produktnavi:hover {
	background: none;
	color: #fff;
	transition: all 0.5s ease 0s;
}

.navi {

margin: 40px 0px;
}


.produkt {
	padding-bottom: 30px;
}

.produktdesc {
	text-align: justify;
	line-height: 24px;
}

.produktdesc h2{
	text-align: left;
}

.produktimg img {
	max-width: 100%;
	padding: 2px;
	border: 1px solid #d4d4d4;
	
}

.produktpdf {
	display: block;
	margin-top: 20px;
	height: 45px;
	padding: 10px 20px;
	width: 140px;
	background: #fff;
	border: 1px solid #0074b7;
	font-weight: bold;
	text-align: center;
	transition: all 0.5s ease 0s;
}

.produktpdf:hover {
	border: 1px solid #0074b7;
	background: #0074b7;
	transition: all 0.5s ease 0s;
	color: #fff;
}


.subCategory img {
	max-width: 100%;
	border: 1px solid #d4d4d4;
	padding: 1px;
}

.subCategory {
	padding: 0px;
	border: 0px #d4d4d4 solid !important;
	margin-top: 20px !important;
	background: #fff !important;
}

.subCategory:hover h3{
	color: #1b8f07;
	transition: all 0.5s ease 0s;
}

.subCategory h3{
	padding: 0px 0px;
	color: #000;
	font-size: 20px;
	transition: all 0.5s ease 0s;
}

.subCategory p{
	padding: 10px 15px;
	text-align: justify;
}

.subCategory  .box_button {
	height: 45px;
	width: 180px;
	background: #0074b7;
	color: #fff;
	margin-top: 20px;
	padding: 12px;
	transition: all 0.6s ease 0s;
	
}

.subCategory .box_button:hover {
	background: #00598c;
	transition: all 0.6s ease 0s;
}

.subCategory  .box_button i{
	padding-right: 10px;
}


ul.sigProResponsive li.sigProThumb a.sigProLink {
    background-color: #d4d4d4;
    border: 6px solid #d4d4d4;
}






.regiony_boxlist {
	overflow: hidden;
	padding: 10px;
	border: 0px #d4d4d4 solid !important;
	margin-top: 20px !important;
	background: #fff !important;
}

.regiony_boxlist:hover {
	border: 0px #d4d4d4 solid !important;
}



.regiony_boxlist2 {
	overflow: hidden;
	padding: 10px;
	transition: all 0.5s ease 0s;
	margin-top: 20px !important;
	
}

.regiony_boxlist2:hover {
	border: 0px #000 solid !important;
	background: #f5f5f5;
	transition: all 0.5s ease 0s;
}




/* =================================================================== */
/* Oferta2
====================================================================== */
.oferta2 {
	text-align: center;
}

.oferta2 .menu_top  {
	margin-top: 350px;
	width: 100%;
	height: 80px;
	border: 0px solid #d4d4d4;

	overflow: hidden;
}

.oferta2 .menu_top  .btn{
	border: 1px solid #0f6ea3;
	height: 60px;
	width: 175px;
	background: #fff;
	padding-top: 18px;
	margin: 0 3px;
	transition: all 0.6s ease 0s;
}

.oferta2 .menu_top  .btn:hover{
	background: #0f6ea3;
	transition: all 0.6s ease 0s;
}

.oferta2 .menu_top  a .btn {
	font-weight: 700;	
	transition: all 0.6s ease 0s;
}

.oferta2 .menu_top  a .btn:hover {
	color: #fff;
	text-decoration: none;
	transition: all 0.6s ease 0s;
}

.oferta2 .menu_top  .btn i{
	padding-right: 5px;
	margin-left: -5px;
}

/* =================================================================== */
/* k2CategoriesListBlock
====================================================================== */

.k2CategoriesListBlock {
	border: 0px solid #d4d4d4;
	margin-top: 0px;
}

.k2CategoriesListBlock ul.level0,
.k2CategoriesListBlock ul.level1{
	list-style: none;
	padding-left: 0px;
	background: none;
	
}

.k2CategoriesListBlock ul.level1{
	padding-top: 8px;
}

.k2CategoriesListBlock ul.level0 li{
	border: 1px solid #d4d4d4;
	padding: 10px 0px;
	margin: 3px;
	background: #fff;
	padding-left: 0px;
	color: #fff;
}
 
.k2CategoriesListBlock ul.level0 li a span.catTitle{
	padding-left: 20px;
	font-size: 16px;
	font-weight: 700;
	color: #000;
	display: block;
	margin-left: 0px;
}

.k2CategoriesListBlock ul.level0 li ul.level1 li a span.catTitle{
	padding-left: 20px;
	font-size: 14px !important; 

	color: #000;
	display: block;
	margin-left: 0px;
}
 
.k2CategoriesListBlock ul.level1 li ul.level2 li a span.catTitle{
	font-size: 12px !important;	
}


 
.k2CategoriesListBlock ul.level1 li{
	border: 1px solid #d4d4d4;
	padding: 8px 0px;
	margin: 2px;
	background: #1b8f07;
	padding-left: 5px;
	transition: all 0.4s ease 0s;
}

.k2CategoriesListBlock ul.level1 li:hover{
	background: #164725;
	transition: all 0.5s ease 0s;
}

.k2CategoriesListBlock ul.level2 {
	list-style: none;
	padding: 10px;
	
}


.k2CategoriesListBlock ul.level2 li{
	border: 0px solid #d4d4d4;
	padding: 2px 0px;
	margin: 2px;
	background: #1b8f07;
	padding-left: 5px;
	transition: all 0.4s ease 0s;

}


.k2CategoriesListBlock ul.level2 li:hover{
	background: #11391d;
	transition: all 0.5s ease 0s;
}



 
.k2CategoriesListBlock ul.level1 li a span.catTitle{
	font-size: 13px !important;
	font-weight: 400;
	color: #fff !important;
}

.k2CategoriesListBlock ul.level1 li a span.catTitle::before{
	content: "\f101";
	font-family: "Font Awesome 5 Free"; 
	font-weight: 700;
	color: #fff;
	padding-right: 10px;
}

.k2CategoriesListBlock ul.level2 li a span.catTitle::before{
	content: "\f105";
	font-family: "Font Awesome 5 Free"; 
	font-weight: 700;
	color: #fff;
	padding-right: 10px;
}






.itemToolbar {
	
}

.itemToolbar ul {
	padding-left: 0px;
	margin-left: 0px;
}

.itemExtraFields {
	border: 0px solid #d4d4d4;
}

.itemExtraFields ul{
	list-style: none;
}

.itemExtraFields .typeTextfield {
	font-weight: 400;
}

.itemExtraFields ul li.odd{
	background: #d4d4d4;
	padding: 8px;
}

.itemExtraFields ul li.even{
	background: #f5f5f5;
	padding: 8px;
}


 
/* =================================================================== */
/* Menu_box
====================================================================== */

.menu_box {
	margin: 20px 0px 0px 0px;
}

.menu_box .menu_box_title {
	border: 1px solid #dc0812;
	background: #c52032;
	padding: 15px 20px;
	margin: 3px;
	color: #ffffff;
	font-weight: 700;
}

.menu_box .menu_box_list {
	border: 1px solid #d3d3d3;
	background: #efefef;
	padding: 11px 10px 11px 20px;
	margin: 3px;
	font-weight: 400;
}

.menu_box .menu_box_list i {
	 margin-right: 7px;
}

.menu_box .menu_box_list a {
	color: #323232;
	transition: all 0.5s ease 0s;
}

.menu_box .menu_box_list a:hover {
	color: #000000;
	transition: all 0.5s ease 0s;
	
}

.menu_box .active,
.menu_box .menu_box_list:hover {
	background: #636363; 
	border: 1px solid #d4d4d4;
	color: #ffffff;
	transition: all 0.5s ease 0s;
}

.menu_box .menu_box_list2:hover {
	background: #b1c4d5;
	border: 1px solid #b1c4d5;
	color: #ffffff;

	}

.menu_box .menu_box_list:hover a{
	color: #ffffff;
}
	
.menu_box .active a,
 .menu_box .active i {
	color: #ffffff;
}

.menu_box .active a:hover {
	color: #f4f4f4;
	text-decoration: none;
}


/* Module TOP */

h1.top_title {
	padding-top: 0px;
	padding-bottom: 25px;
	font-weight: 300;
	border-bottom: 1px solid #acacac; 
}




.polecamy {
	margin-top: 0px;
	background: #fff;
	padding: 30px 0px 50px 0px;


}

.polecamy .news_box2 a {
	text-decoration: none;

}

.polecamy .news_box2 a h3{
	color: #000;
	font-size: 16px;
	margin-top: 10px;
	padding: 0px 15px;
}

.polecamy img {
	max-width: 100%;
	border: 0;
	padding: 0;
}


.polecamy .boxtext3{
	padding: 70px 15px 15px 15px;
	text-align: center;
	overflow: hidden;
	color: #fff;
	font-weight: 700;
	font-size: 32px;
}

.polecamy .boxtext3 .bold{
	font-size: 42px;
}

.polecamy .news_box {
	padding: 0px;
	margin: 0px;
}

.polecamy .news_box .news_box2{
	padding: 10px;
	margin:  4px 5px 10px 5px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e4e4e4;
	height: 280px;
}

.polecamy .news_box .news_box_thumb {
	overflow: hidden;
	position: relative;
	display: block;
}

.polecamy .news_box .news_box_thumb img{
	max-width: 100%;

	border: 1px solid #d4d4d4;
	padding: 2px;
}

.polecamy .news_box:hover .news_box_thumb .img_overlay{
	opacity: 1;
	display: block !important;
	width: 100%;
	transition: all 0.4s ease 0s;
}


.polecamy .news_box .news_box_thumb .img_overlay{
	opacity: 0;
	display: block !important;
	width: 100%;
	transition: all 0.8s ease 0s;
}


.polecamy .news_box:hover .news_box_thumb .img_overlay2{
	opacity: 1;
	display: block !important;
	width: 100%;
	transition: all 0.4s ease 0s;

}


.polecamy .news_box .news_box_thumb .img_overlay2{
	opacity: 1;
	display: block !important;
	width: 100%;
	transition: all 0.8s ease 0s;
	padding: 15px;
	background: #fff;

}



.polecamy .news_box:hover .news_box_thumb img {

}


.img_overlay{
    background: url("/images/overlay-pattern.png") repeat scroll 0 0;
    height: 100% !important;
    bottom: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.7s ease 0s;
	height: 0;	
}




.img_overlay_arrow{
    background: url("/images/arrow_down.png") no-repeat scroll center bottom;
    height: 100% !important;
    left: 0;
    opacity: 0;
    position: absolute;
    bottom: 0;
    transition: all 0.5s ease 0s;
	margin-bottom: -100px;
	text-align: center;
	color: #ffffff;
}


.news_box:hover .news_box_thumb .img_overlay_arrow{
	opacity: 1;
	display: block !important;
	width: 100%;
	height: 100%;
	margin-bottom: 40px;
	text-align: center;
	color: #ffffff;
	transition: all 0.6s ease 0s;
}

.img_overlay_www{
    background: url("/images/www_icon.png") no-repeat scroll center center;
    height: 100% !important;
    left: 0;
    opacity: 0;
    position: absolute;
    bottom: 0;
    transition: all 0.5s ease 0s;
	text-align: center;
	color: #ffffff;
}


.news .newsrow .news_box .news_box_text{
	border-right: 1px solid #ffffff;
	transition: all 0.4s ease 0s;
}

.news .newsrow .news_box:hover  {
	background: #004b80;
	color: #ffffff;
	
}

.news .newsrow .news_box .news_box_thumb {
	overflow: hidden;
	position: relative;
	display: block;
}

.news .newsrow .news_box:hover .news_box_thumb .img_overlay{
	opacity: 1;
	display: block !important;
	width: 100% !important;
	height: 100%;
	 transition: all 0.5s ease 0s;
	text-align: center;
}

.news .newsrow .news_box .news_box_thumb .img_overlay{
	opacity: 0;
	display: block !important;
	width: 100% !important;
	height: 100%;
	 transition: all 0.5s ease 0s;
	text-align: center;
}



.news .newsrow .news_box .news_box_text{
	height: 250px;
}



.news .newsrow .news_box img{
	max-width: 100%;
	transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	-webkit-transform: scale(1.0, 1.0);
	transition: all 0.5s ease 0s;
}  

.news .newsrow .news_box:hover img{
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transition: all 0.5s ease 0s;
}

.news .title_box {
	margin-bottom: 10px;
}


.news .title_box .subtitle1 {
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 700;
	font-size: 28px;
	color: #ffffff;

}

.news .title_box .subtitle1 i{
	border-radius: 50%;
    background: #226099;
    font-size: 28px;
    height: 55px;
	width: 55px;
	color: #ffffff;
    padding: 13px;
    text-align: center;
    transition: all 0.4s ease 0s;
	margin-right: 15px;
}


.news .news_desc {
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 300;
	color: #646464;
	font-size: 14px;


	padding: 0px 30px 30px 30px;
	text-align: center;
}

.news .newsrow .news_box:hover  > .news_box_text .news_desc {
	color: #ffffff;
}

.news_title {
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 700;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	padding: 30px 30px 20px 30px;
	position: absolute;
}


.news_box  .news_box_thumb  .news_title {
	position: absolute;
	color: #ffffff;
	transition: all 0.5s ease 0.5s;
	width: 100%;
	text-align: center;
	font-size: 32px;
}


.news_box:hover  .news_box_thumb  .news_title {
position: absolute;
		color: #ffffff;
	transition: all 0.5s ease 0.5s;

}

.img_overlay_fotografia{
    background: url("/images/camera_icon.png") no-repeat scroll center center;
    height: 100% !important;
    left: 0;
    opacity: 0;
    position: absolute;
    bottom: 0;
    transition: all 0.5s ease 0.2s;
	text-align: center;
	color: #ffffff;
}

.news_box:hover .news_box_thumb .img_overlay_fotografia{
	opacity: 1;
	display: block !important;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #ffffff;
}



/* =================================================================== */
/* Oferta Home
====================================================================== */

.firma {
	background: #e6e6e6;
	padding: 40px 0px 80px 0px;
	
}
 
.firma  h4.title {
	color: #3b3b3b;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 700;
	font-size: 16px;
	padding: 10px 0px;
}

.firma  h3.title {
	color: #000;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 700;
	font-size: 36px;
}

.firma  h2.title {
	color: #0074b7;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 700;
	font-size: 32px;
}


.firma li{
	font-size: 16px;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 400;
	color: #000;
	list-style: none;
	margin: 20px 0px;
}

.firma li i{
	color: #ffffff;
	background: #ff0000;
	font-size: 18px;
	margin-right: 15px;
    border-radius: 50%;
    height: 35px;
    padding: 7px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 35px;
	
}

.firma li:hover i{
	background: #ffffff;
	color: #ff0000;
	transition: all 0.4s ease 0s;
}

.firma img ,
.imgwidth{
	max-width: 100%;
}





.page .itemIntroText {
	font-size: 14px !important;
	font-weight: 700;
	line-height: 24px;
}

.page .itemFullText {
	font-size: 14px !important;
	font-weight: 400;
	line-height: 24px;
	
}




/* =================================================================== */
/* Firma Homepage
====================================================================== */

.homepage {
	background: url('/images/bg_homepage.jpg') #e6e6e6;
	padding: 80px 0px 80px 0px;
	color: #fff;
	
}
 
.homepage  h4.title {
	color: #3b3b3b;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 700;
	font-size: 16px;
	padding: 10px 0px;
}

.homepage  h3.title {
	color: #000;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 700;
	font-size: 36px;
}

.homepage img {
	max-width: 100%;
}

.homepage p{
	text-align: justify;
	padding: 20px 0px;
}


 
/* =================================================================== */
/* Kontakt Home
====================================================================== */

.kontakt {
	background: url('/images/bg_kontakt.jpg') 0px 400px fixed #d4d4d4;
	padding: 50px 0px;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
}

.kontakt .kontakt_left {
		float: left;
}


.kontakt div .kontakt_right{
		float: right;
		text-align: right;
}


.kontakt  h4.title {
	color: #ff0000;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 700;
	font-size: 24px;
	padding: 10px 0px;
}

.kontakt  h3.title {
	color: #000;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 700;
	font-size: 28px;
}

.kontakt  h2.title {
	color: #ff0000;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 300;
	font-size: 24px;
}


.kontakt i  {
	padding-left: 15px;
}



/* =================================================================== */
/* Oferta Tworzywa 
====================================================================== */

.oferta_tworzywa1 {
	background: url('/images/bg_tworzywa1.jpg') #e6e6e6;
	padding: 40px 0px 40px 0px;
	color: #000 !important;
	
}
 
.oferta_tworzywa1  h2 {
	color: #3b3b3b;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 700;
	font-size: 28px;
	padding: 10px 0px;
}

.homepage  h3.title {
	color: #000;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 700;
	font-size: 36px;
}

.homepage img {
	max-width: 100%;
}

.homepage p{
	text-align: justify;
	padding: 20px 0px;
}


/* =================================================================== */
/* Oferta Pochłaniacze
====================================================================== */



.oferta_tworzywa1  h2 {
	color: #3b3b3b;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 700;
	font-size: 28px;
	padding: 10px 0px;
}

.homepage  h3.title {
	color: #000;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 700;
	font-size: 36px;
}

.homepage img {
	max-width: 100%;
}

.homepage p{
	text-align: justify;
	padding: 20px 0px;
}




/* =================================================================== */
/* Breadcrumbs
====================================================================== */

.breadcrumbs {
	overflow: hidden;
}

.breadcrumbs a{
	font-size: 12px;
	color: #000;
}

.breadcrumbs span.divider {
	display: none;
}

.breadcrumbs  .active {
	font-weight: 700 !important;
	font-size: 12px;
}

/* =================================================================== */
/* Kontkat
====================================================================== */

.kontakt_bottom {
	background: url('/images/bg_offer2.jpg') fixed #fff;
	padding: 50px 0px;
	color: #262626 !important;

}

.kontakt_bottom h3.title {
	text-shadow: 1px 1px #fff;
}

/* =================================================================== */
/* Footer
====================================================================== */

.footer {
	background: #333333;
	padding: 45px;
	margin-top: 0px;
	font-family: termina, sans-serif !important;
	font-weight: 300;
	color: #fff;
	font-size: 13px;
	line-height: 24px;
}

.footer .left {
	float: left;
	text-align: left;
}

.footer .right {
	float: right;
	text-align: right;
}


.footer h4 {
	margin-top: 0px;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 400;
	color: #ffffff;
	font-size: 18px;
}

.footer ul {
	list-style: none;
	padding-left: 0px;
}

.footer ul li{
	line-height: 22px;
	margin-left: 10px;
}

.footer ul li i{
	padding-right: 7px;
	margin: 0px;
}

.footer ul li i.fa-envelope {
	font-size: 12px;
	padding-top: 8px;
}

.footer ul li i.fa-map-marker {
	padding-right: 11px;
}

.footer ul li i.fa-phone{
	padding-right: 7px;
}

.footer a {
	color: #fff !important;
}

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




.footer_bottom {
	background: #0b0b0b;
	padding: 30px;
	font-weight: 700;
	color: #aeaeae;
	font-size: 10px;
	line-height: 24px;
	height: auto;
	display: block;
	overflow: hidden;
}

.footer_bottom .left{
	text-align: left;
	overflow: hidden;
	display: block;
}

.footer_bottom .right{
	text-align: right;
	overflow: hidden;
	display: block;

}

.footer_bottom a {
	color: #aeaeae;
}









.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}
 
.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}
 
 
@-webkit-keyframes bounceIn {
 
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
 
 
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
 
 
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
 
@-moz-keyframes bounceIn {
 
  0% {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
 
 
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
 
 
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
 
@-o-keyframes bounceIn {
 
  0% {
    opacity: 0;
    -o-transform: scale(0.8);
  }
 
 
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
 
 
  100% {
    opacity: 1;
    -o-transform: scale(1);
  }
}
 
@keyframes bounceIn {
 
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
 
 
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
 
 
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
 
.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
 
 
 
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
 
    100% {
        opacity: 1;
    }
}
 
@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
 
    100% {
        opacity: 1;
    }
}
 
@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
 
    100% {
        opacity: 1;
    }
}
 
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
 
    100% {
        opacity: 1;
    }
}
 
.delay {
    -webkit-animation-delay: 0.30s;
    -moz-animation-delay: 0.30s;
    -o-animation-delay: 0.30s;
    animation-delay: 0.30s;
}
 
.delay-three {
    -webkit-animation-delay: 0.60s;
    -moz-animation-delay: 0.60s;
    -o-animation-delay: 0.60s;
    animation-delay: 0.60s;
}
 
 
.delay-two {
    -webkit-animation-delay: 1.0s;
    -moz-animation-delay: 1.0s;
    -o-animation-delay: 1.0s;
    animation-delay: 1.0s;
}
 
.delay-one {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
 
.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}
 
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
 
@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
 
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
 
@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }
 
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}
 
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
 
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
 
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
 
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
 
@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
 
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
 
@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }
 
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}
 
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
 
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
 
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
 
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
 
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
 
@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
 
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
 
@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }
 
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}
 
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
 
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
 
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
 
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
 
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
 
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
}
 
@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
 
    100% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
}
 
@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }
 
    100% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }
}
 
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
 
    100% {
        opacity: 0;
        transform: translateX(-20px);
    }
}
 
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
 
    100% {
        opacity: 0;
    }
}
 
@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
 
    100% {
        opacity: 0;
    }
}
 
@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }
 
    100% {
        opacity: 0;
    }
}
 
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
 
    100% {
        opacity: 0;
    }
}
 
.animated.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}
 
.animated.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}




.jm-item {

    display: inline-block;
    text-align: left;
}

.jm-item-wrapper { 
	position: relative;

	background: #E8D7B6;
}

.jm-item-image {
	position: relative;
    overflow: hidden;
}
.jm-item-image img {
	display: block;
}

 
.jm-item-overlay {
	background: #000;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.4s ease-in 0s;
	-moz-transition: opacity 0.4s ease-in 0s;
	-o-transition: opacity 0.4s ease-in 0s;
	transition: opacity 0.4s ease-in 0s;
}
.jm-item-wrapper:hover .jm-item-overlay {
	opacity: 0.5;
	
}



.jm-item-button a:hover {
	background: #553c2e; 
	    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
	opacity: 0.9;
}
.first .jm-item-button {
	-webkit-transition: all 0.2s ease-in 0.2s;
	-moz-transition: all 0.2s ease-in 0.2s;
	-o-transition: all 0.2s ease-in 0.2s;
	transition: all 0.2s ease-in 0.2s;
	top: -100px;	
}
.first .jm-item-wrapper:hover .jm-item-button {
	top: 34%;	
}




















@media (min-width: 980px) and (max-width: 1199px) {

span.titreck {
	padding: 4px 6px !important;
	    	
}

}


@media (min-width: 768px) and (max-width: 979px) {

span.titreck {
	padding: 4px 2px !important;
	font-size: 12px !important;
}

.boxes .box{
	height: auto;

	font-size: 11px;
	line-height: 15px;
	transition: all 0.6s ease 0s;
	opacity: 1;
}


.news_box .news_box_container .news_box_title a,
.news_list .news_list_container .news_box_title a{
	font-size: 18px;
	line-height: 20px;

}

.news_box .news_box_container .news_box_desc {
	color: #2a2a2a;
	font-size: 12px;
	font-family: 'Open Sans', verdana;
	font-weight: 400;
	padding-top: 7px;
	line-height: 18px;
	text-align: justify;
}

}
	

	
@media (max-width: 768px) {
	.slider{
		
	}

	.o_accordeon {
		padding: 20px 10px;
	}
	
	.o_accordeon h2{
		padding: 0px 15px 0px 15px;
	}
	
	.blog_modHome_box  {
		padding-bottom: 40px;
	}
	
	.itemtitle_box {
		margin: 0 !important;
		padding: 5px;
	}
	
	.oferta_top {
			padding: 25px 10px 35px 10px !important;
	}
	
	.oferta_top h2{
		font-size: 20px;
	
	}
	
	.jmm-name {
		margin-bottom: 7px;
	}
	
	.flag {
			text-align: center !important;
	}
	
	.itemDateCreated {
		padding-top: 10px;
	}
	
	.mobilemenuck-bar-title {
		display: none !important; 
	}
	
	.mobilemenuck {
		background: #000 !important;
	}
	
	.mobilemenuck-title {
		padding: 3px 40px 3px 10px !important;
		background: none !important;
	}
	
	.mobilemenuck-item {
		font-size: 10px;

	}
	
	 h2.titlemodule{ 
		margin-top: 10px !important;
		display: block;

	}
	
	
	.blog_modHome {
		padding: 0px 20px;
	}
	
.home_info .box_left,
.home_info .box_center,
.home_info .box_right{
	height: auto !important;
}


	.mobilemenuck-item > .level1{
		padding-right: 20px;
		background: none !important; 
		border-top: 1px solid #ff0024;
	}
	
	.mobilemenuck-button {
		padding-top: 3px !important;
	}
	
	.boxes{ 

		padding-top: 0px !important;
	
	}
	
	.boxes .box{ 

		padding-top: 10px !important;
	
	}
	
	header {
		
			padding: 0 15px !important;

	}
	
	main {
		padding: 0px 0px 0px 0 !important;
	}

	
	header nav.navigation {
		margin-top: 8px;
		
	}
	
		header.sticky nav.navigation {
		margin-top: 11px;
	}
	
	.contact_info {
		display: none;
	}
	
	.page{
		padding: 80px 20px;
	}
	

	.boxes {
	
		height: auto !important;
	}

	.boxes .box .box_desc {
		overflow: hidden;
	}
	
	.boxes .box .box_content {
		height: auto !important;
	}
		
	.box img{
		width: 100% !important;
	}
	
	.box {
		padding-bottom: 20px;
		margin-top: 20px !important;
		height: auto !important;
	}
	
	.regiony_cat,
	.itemtext_box2	{
		margin-bottom: 30px;
	}
	
	.regiony_boxlist .listbox_img{
		text-align: left;

	}
	
	.regiony_boxlist .listbox_desc,
	.regiony_boxlist .listbox_title{
	text-align: left;
	padding-left: 0px !important;
	margin-left: 0px;
	}
	
	
	.footer_bottom .left,
	.footer_bottom .right,
	.kontakt_left,
	.kontakt_right,
	.kontakt div	{
		text-align: center !important;

		
	}
	
	
	.kontakt_left  {
	
	}
	
	
}
	
	
	
	


.coockie_banner {
	background: #000000;
	opacity: 0.8 !important;
	
}

.coockie_banner p{
	font-size: 10px  !important;
	font-family: 'Open Sans', sans-serif, verdana !important;
	font-weight: 400 !important;
}

.coockie_banner .butonDefecto {
	background: #8b4584;
	border: 1px solid #264c72;
	font-size: 10px  !important;
	font-family: 'Open Sans', sans-serif, verdana !important;
	font-weight: 400 !important;
	transition: all 0.3s ease 0s;
}

.coockie_banner .butonDefecto:hover {
	background: #5f2959;
	transition: all 0.3s ease 0s;
	border: 1px solid #264c72;
}

#cookieMessageContainer .cookie_button {
	height: auto !important;
}