/*here place your custom css code*/

.grey-area .tt_button{
    border-radius: 0;
    height: 23px;
    line-height: 20px;
    display: inline-block;
    float: none;
    margin-top: 0;
    margin-bottom: 3px;
}
.teaser .grey-area{
    text-align: center;
    background: #f1f1f3;
    left: 0px;
    width: 281px;
    padding-left: 6px;
    padding-right: 6px;
    margin-top: 0;
    padding-bottom: 8px;
    padding-top: 6px;
    min-height:118px;
}

.grey-area-last h2,
.grey-area-last p{
    padding: 0!important;
}
.white-bottom.grey-area-last p{
    font-size: 13px;
}

.white-bottom.grey-area-last, .white.grey-area-last{
    text-align:center;
    background: #fff;
    border-top: 1px solid #f1f1f3;
    padding-top:11px;
    color: #676767;
}
.white-bottom:before{
    border: none;
}

.grey-area-title{
    font-size: 14px;
    line-height: 42px;
    margin-bottom: 0px;
    font-weight: 600;
    color: #676767;
}
.teaser {
height: 229px;
}
.masonry .element .images img, .index .element .images img{
    opacity:1!important;   

}
ul#container li{

}
ul#container li:hover,ul#container li:hover{

}
.images img{
    width:100%;
}
.vg_blog_mod h2 a{
    font-size:19px;
}
.vg_blog_mod .images img{
    height: 212px;
    width: auto;
    max-height: none;
}
.tt_button span, .tt_button a{
    color: #A8A8A8!important;
}
.gs-masonry{
    max-width: 1290px;
    margin-top: 9px!important;
}
.white-teasers .gs-masonry  .images{
    padding:0;
}
.home-oferta .owl-carousel{
    margin-bottom:20px;
}
@media only screen and (max-width: 1279px) and (min-width: 977px){
    .gs-masonry{
        max-width: 960px;
    }
}
@media only screen and (max-width: 976px) and (min-width: 657px){
    .gs-masonry{
        max-width: 640px;
    }
}
@media only screen and (max-width: 656px){
    .gs-masonry{
        max-width: 320px;
    }
}

.page-contact .white-bottom{
    padding:0px
}
@media (min-width: 1200px) {}
@media (min-width: 768px) and (max-width: 979px) {}
@media (max-width: 959px) {
    .page-contact #gs-bodyright-container{
        width:auto;
        float:none;
        margin:0;
    }
    .page-contact #gs-bodyright-container .Chronoform{
        width: 298px;
        float: left;
        margin-right: 51px;
    }
    .page-contact #gs-bodyright-container .custom{
        margin-left:10px;
    }
    .page-contact #gs-bodyright-container .custom img{
        max-height:373px;
        
    }
}
@media (max-width: 767px) {
    .contact-form input{
        width:280px;        
    }
    .page-contact #gs-bodyright-container{
        width:auto;
        float:none;
        margin:0;
    }
    .page-contact #gs-bodyright-container .Chronoform{
        width: 298px;
        float:none;
        margin:0 auto;
    }
    .page-contact #gs-bodyright-container .custom{
        margin-left:0px;
        text-align:center;
    }
        
}
@media (max-width: 480px) {
    .contact-form input,
    .contact-form textarea{
        width:280px;        
    }
    .page-contact #content .container{
        width:100% !important;
        padding: 5px !important;
    }
    .page-contact .contact-component{
        max-width:290px;
        margin:0 auto;
    }
}

div.item-page.blog-single h1 img {
border: 1px solid #CCC;
}

/* Header - Informacje kontaktowe */
.header-contact-info{
	position: absolute;
	right: 25px;
	top: 28px;
}
.header-contact-info p{
	color:#FC5C40;
	display:block;
	padding:0;
	text-align:right;
	
}
.header-contact-info p a{
	color:#FC5C40;
	float:none;
	padding:0;
	border:none;
}
.header-contact-info p a:hover{
	color:#FF7844;
}
.header-contact-info p a.tel{
	display:none;
}
.header-contact-info p span.tel{
	font-weight:bold; 
}
@media (max-width: 959px) {
	.header-contact-info{
		right: 0;
		left:0;
		top: 27px;
		margin:0 auto;
		text-align:center;
	}
	.header-contact-info p{
		text-align:center;

	}
	.header-contact-info p a.tel{
		display:inline;
	}
	.header-contact-info p span.tel{
		display:none;
	}
}
@media (max-width: 479px) {
	.header-contact-info{
		display:block;
		top: 27px;
		left: 60px;
	}
	.header-contact-info p{
		display:block;

	}
	
}
@media (max-width: 340px){
	.header-contact-info{
		display:block;
		position:relative;
		top: -12px;
		left: 0;
	}
}

/* Dane Adresowe - Kontakt */
.contact_address{
	margin-top:25px;
}
/* MAPA GOOGLE */
.g_map{
	margin-top:25px;
	width:100%;
	height:400px;
}
@media (max-width: 767px) {
	.g_map{
		width:100%;
	}
}

.blog-featured {
	display:none;
}