﻿/*


Theme Name: Kubik Active
Author: Artisco
Author URI: http://grupaperun.net/
Description: Twenty Seventeen mod for Kubik Active
Version: 1.0
Template: twentyseventeen


*/
@import url('font-awesome-4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,800&subset=latin-ext');
body{
	font-family: 'Poppins', sans-serif;
	}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #666;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
	color: #666;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
	color: #666;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #666;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title, .single-post .entry-title {
    font-weight: normal;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: normal;
	color: #333;
	padding-bottom: 1em;
	padding-top: 0;
	margin-bottom: 2em;
	border-bottom: 3px solid #d9c06a;
	text-align:center;
    letter-spacing: 0em;
    text-transform: uppercase;
}

.wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 1100px;
	padding-left: 2em;
	padding-right: 2em;
}

.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
}

.single-post .entry-title{
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	text-align:left;
	}

.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.page:not(.home) #content {
    padding-bottom: 0em;
}

.navigation-top .wrap {
	max-width: 1100px;
	padding: 0;
}

.navigation-top {
    background: none;
    border-bottom: none;
    border-top: none;
	background-color:#FFF;

}

.navigation-top a {
    color: #fff;
    font-weight: 600;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.main-navigation ul ul {
    background: none;
	background-color: rgba(32, 32, 32, 1.0);
    border: none;
    left: -999em;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 99999;
}

.navigation-top ul a {
    color: #333;
	font-size:16px;
	line-height: 33px;
	font-weight:400;
}

.navigation-top ul a:hover {
    color: #999;
}

.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a{
	color: #d9c06a;
	}
	
.home .navigation-top .current-menu-item > a, .home .navigation-top .current_page_item > a{
	color: #333;
	}

.home .navigation-top .current-menu-item > a:hover, .home .navigation-top .current_page_item > a:hover{
	color: #999;
	}

.header-top-logo{
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 999;
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	padding: 15px 15px 15px 15px;
	}

a.custom-logo-link{
	display:block;
    padding-right: 0em;
	}

.custom-logo-link img {
    display: block;
    width: auto;
}

.post-template-default.single-post .entry-title, .category-realizacje .page-title {
	font-size: 44px;
	color: #333;
	text-align: left;
	font-weight: 800;
	font-style: normal;
	text-transform: none;
    margin-bottom: 0em;
    border-bottom: none;
}

.title_separator{
	display:block;
	width:100%;
	margin: 10px 0 10px 0;
	text-align:left;
	}

.title_separator.title_separator_25 span.title_separator_underline{
	width:25%;
	}

.title_separator span.title_separator_underline{
	display:inline-block;
	border-bottom:4px solid #d9c06a;
	}

.navigation-top .wrap div.main-navigation-container{
	display: inline-block;
	vertical-align: middle;
	float: right;
	}

.menu-gorne-menu-container{
	text-align:right;
	}

h2.vc_custom_heading.section-sub-header{
	margin:0;
	font-weight:300;
	}
	
h1.vc_custom_heading.section-main-header{
	margin:0;
	padding:0px 0;
	text-transform:uppercase;
	font-weight:800;
	font-size:72px;
	line-height:1.2;
	}

.single-portfolio h1.single-portfolio-title, .page-one-column .vc_row-has-fill.vc_parallax h1.vc_custom_heading.section-main-header {
	margin:0;
	padding:200px 0;
	text-transform:uppercase;
	font-weight:800;
	font-size:72px;
	line-height:1.2;
	}

.home h1.vc_custom_heading.section-main-header, .home h1.vc_custom_heading.section-main-header, .page-one-column .vc_row-has-fill.vc_custom_1521549039204 h1.vc_custom_heading.section-main-header  {
	margin:0;
	padding:0px 0;
	}

.section-title-separator{
	margin:10px 0 30px 0;
	}

.arrow-list ul{
	list-style:none;
	}

.arrow-list ul li:before{
	display:inline-block;
	position:relative;
	content: "\f105";
	font-family: 'FontAwesome';
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	color:#d9c06a;
	font-size:24px;
	padding-right:16px;
	}
.home .entry-header{
	display:none !important;
	}

.page.page-one-column.wpb-js-composer .entry-header{
	display:none;
	}

h1.page-h1-title{
	padding:0.5em 0;
	margin-bottom:0.5em;
	}

.page-p-subtitle p{
	color:#999;
	font-weight:lighter;
	font-size:18px;
	font-style:italic;
	}

.navigation-top.site-navigation-fixed2 .header-top-logo .custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
    max-height: 90px;
}


.site-footer{
	background-color:#000;
	color:#FFF;
	}

.menu-glowne-container{
	text-align:right;
	}

.footer-content{
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	align-items: flex-start;
	padding-top:60px;
	}

.footer-content .footer-middle{
	width:33%;
	padding-right:1.5em;
	padding-top:1.4em;
	
	}

.footer-content .footer-logo{
	width:25%;
	
	}

.footer-content .footer-tele{
	width:37%;
	padding-left:35px;
	text-align:left;
	}

.footer-content h4{
	color:#FFF;
	text-transform:uppercase;
	font-size:24px;
	padding:0;
	margin:0;
	}

.footer-content .section-separator{
	display:block;
	text-align:left;
	}

.footer-content .section-separator-line{
	display:inline-block;
	height:4px;
	width:20%;
	background-color:#d9c06a;
	}

.footer-content .footer-logo a img{
	max-width:200px;
	}

.footer-content .footer-tele span{
	display:block;
	padding:0.75em 30px 0.75em 0;
	}
	
.footer-content .footer-tele h6{
	color:#FFF;
	font-size:16px;
	font-weight:300;
	display:inline;
	padding:0;
	margin:0;
	font-style:italic;
	}

.footer-content .footer-tele span a{
	color:#fff;
	text-decoration:none;
	}

.footer-content .footer-tele span a:hover{
	color:#d9c06a;
	}

.footer-content .footer-info h4{
	color:#d9c06a;
	}

.footer-content .footer-info span{
	display:block;
	}

.site-footer {
    border-top: none;
}

.site-footer .wrap {
    padding-bottom: 1.5em;
    padding-top: 0em;
	margin-top:1.0em
}

.footer-animals{
	display:block;
	background-image:url(assets/images/footer-animals.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;
	height:250px;
	}
	
.bolded{
	font-weight:bold;
	}

.menu-toggle {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
    display: none;
    font-size: 18px;
    font-size: 1.375rem;
    font-weight: 800;
    line-height: 1.5;
    margin: 0;
	float:right;
    padding: 0.3em;
    text-shadow: none;
	text-transform:uppercase;
}

.toggled-on .menu-topmenu-container{
	position: absolute;
	top: 63px;
	background-color: rgba(0, 0, 0, 0.60);
	width: 100%;
	z-index: 99;
	left: 0;
	height: auto;
	}
	
.toggled-on.main-navigation .menu-topmenu-container ul{
	background-color:transparent;
	border-top: none;
	text-align:center;
	position:relative;
	}

.toggled-on.main-navigation .menu-topmenu-container ul li{
	border: none;
	border:1px solid #666;
	margin-bottom:0.5em;
	text-align:center;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	background-color: rgba(217, 192, 106, 0.0);
	}

.toggled-on.main-navigation .menu-topmenu-container ul li:hover{
	border:1px solid #d9c06a;
	background-color: rgba(217, 192, 106, 1.0);
	}

.toggled-on.main-navigation .menu-topmenu-container ul li a{
	text-transform:uppercase;
	font-style:20px;
	font-size:1.225rem;
	color:#FFF;
	display:block;
	}

.break-txt .wpb_wrapper > div.vc_custom_heading{
		padding-top:120px;
		}
	
	.break-txt .wpb_wrapper > div.vc_custom_heading + div.vc_custom_heading{
		padding-top:0px;
		padding-bottom:120px;
		}

.custom-logo-link img {
    max-height: 35px;
}

.fblbCenterOuter{
	box-sizing:content-box;
	}

.js .menu-toggle {
    position: relative;
    float: none;
    margin: auto;
}

.entry-content a img, .widget a img {
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 0px #fff;
}

.vc_grid a.vc_gitem-link.vc_btn3 {
    border-bottom: 2px solid !important;
}


/* News */

.kubik-news-container .vc_gitem-animated-block .vc_gitem_row .vc_gitem-col {
	padding-right:0px;
	text-align:right;
	}

.kubik-news-container .vc_gitem-zone .vc_gitem_row .vc_gitem-col {
	padding:15px 30px;
	}

.kubik-news-container .vc_gitem-animated-block{
	position: relative;
	overflow: hidden;
	}

.kubik-news-container .vc_gitem-animated-block .kubik-news-box{
	z-index:-1;
	-webkit-transition: transform 600ms ease-in-out;
	-moz-transition: transform 600ms ease-in-out;
	-ms-transition: transform 600ms ease-in-out;
	-o-transition: transform 600ms ease-in-out;
	transition: transform 600ms ease-in-out;
	}

.kubik-news-container .vc_grid-item .kubik-news-box{
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	}

.kubik-news-container .vc_grid-item:hover .kubik-news-box{
	-moz-transform: scale(1.2) rotate(-5deg);
	-webkit-transform: scale(1.2) rotate(-5deg);
	-o-transform: scale(1.2) rotate(-5deg);
	-ms-transform: scale(1.2) rotate(-5deg);
	transform: scale(1.2) rotate(-5deg);
	}

.kubik-news-container .kubik-news-data{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.2);
	padding:4px 6px 3px 6px;
	display:inline-block;
	margin-right:-30px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}

.kubik-news-container .vc_grid-item:hover .kubik-news-data{
	background-color: rgba(0, 0, 0, 0.0);
	color: rgba(255, 255, 255, 0);
	}
	
.kubik-news-container .kubik-news-tytul{
	margin-top:15px;
	}

.kubik-news-container .kubik-news-tytul a{
	margin-top:15px;
    border-bottom: none !important;
	}

.kubik-news-container .kubik-news-tytul h3{
	line-height:1.0;
	}

.kubik-news-container .kubik-news-zajawka a p{
	font-size:14px;
	}

.kubik-news-container .vc_btn3.vc_btn3-size-lg{
	font-size:18px;
	text-transform:uppercase;
	padding: 17px 24px 17px 24px;
}

.kubik-news-container .vc_btn3.vc_btn3-size-lg:hover{
	color:#fff !important;
	border-bottom-color:rgb(217, 192, 106) !important;
}

.kubik-news-container .vc_btn3.vc_btn3-size-lg .vc_btn3-icon {
    font-size: 22px;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;

}

/* --- */

/* Footer Social Nav */
.footer-social-menu{
	padding: 1em 1em 0.4em 1em;
	max-width: 100%;
	background-color: #222;
	}

.social-navigation ul {
	text-align:center;	
}

.social-navigation ul li{
	display:inline-block;
}

.social-navigation ul li i.fa-circle{
	font-size: 6px;
	color: #d9c06a;
	padding-right: 12px;
	vertical-align: 4px;
}

.social-navigation ul li:last-of-type i.fa-circle{
	display:none;
}

.social-navigation a {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius:0;
    color: #fff;
    display: inline-block;
    height: auto;
    margin: 0 1em 0.5em 0;
    text-align: center;
    width: auto;
	font-size:16px;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

.social-navigation a:hover{
    background-color: transparent;
	color:#d9c06a;
}

.social-navigation a:before{
	display:inline-block;
	position:relative;
	content: "\f105";
	font-family: 'FontAwesome';
	font-size:18px;
	padding-right:10px;
}

.social-navigation a[href*="facebook"]:before{
	content: "\f082";
}

.social-navigation a[href*="youtube"]:before{
	content: "\f167";
}

.social-navigation a[href*="instagram"]:before{
	content: "\f16d";
}
/* --- */

/* Archive */


.archive .site-content {
    padding: 0 0 0;
}

.archive .archive-header{
	margin-bottom:80px;
	background-size:cover;
}

.archive .archive-header h1.page-title {
	color:#fff;
    margin: 0;
    padding: 200px 0;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 72px;
    line-height: 1.2;
	border-bottom: none;
}

.archive .site-main article{
	display:flex;
	flex-wrap: wrap;
	padding-bottom:5px;
	margin-bottom:35px;
	border-bottom:1px dotted #ccc;
	}

.archive article .post-thumbnail{
	width:35%;
	position:relative;
	}

.archive article .entry-content{
	width:65%;
	padding:0 0 0 35px;
	}

.archive article .post-thumbnail .posted-on{
	position:absolute;
	z-index:2;
	top:5px;
	left:0px;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.2);
	padding: 4px 6px 3px 6px;
	display: inline-block;
	}

.archive article .post-thumbnail .posted-on a{
	color: rgba(255, 255, 255, 1);
	}
	
.archive article h2.entry-title {
    font-size: 26px;
    color: #333;
    text-align: left;
    font-weight: 800;
    font-style: normal;
    text-transform: none;
    margin-bottom: 0em;
    border-bottom: none;
    padding-bottom: 0em;
    padding-top: 0em;
}

.archive article .link-more a.more-link {
	border:2px solid;
	border-color: rgb(51, 51, 51);
	color: rgb(51, 51, 51);
	background-color: transparent;
	text-transform:uppercase;
	padding:10px 18px 8px 18px;
	display:inline-block;
	margin-top:1.5em;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

.archive article .link-more a.more-link:before {
    content: "";
    display: block;
    margin-top: 0em;
}

.archive article .link-more a.more-link:hover{
	border-color: rgb(217, 192, 106);
	color: rgb(255, 255, 255);
	background-color: rgb(217, 192, 106);
}


/* --- */

/* Formularze kontaktowe */
.formularz-kontaktowy .form-control {
	
    display: block;
    width: 100%;
    max-width: 100%;
    height: 54px;
    margin: 0;
    font: 300 12px 'Poppins', sans-serif;
    letter-spacing: .2px;
    color: #9d9d9d;
    background-color: rgba(0, 0, 0, .05);
    border: none;
    box-shadow: none;
    border-radius: 0px;
    outline: none;
    padding: 15px 20px;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    -ms-transition: background-color .3s;
    transition: background-color .3s;
}
.formularz-kontaktowy .form-control:focus,
.formularz-kontaktowy .form-control:hover {
    background-color: rgba(0, 0, 0, .08);
    box-shadow: none;
}

.formularz-kontaktowy .form-group {
	clear:both;
	margin-bottom:14px;
}

.formularz-kontaktowy .form-group.with-title {
	background-color: rgba(0, 0, 0, .05);
 	padding: 15px 20px;
}

.formularz-kontaktowy .form-group.with-title .wpcf7-checkbox{
	display:block;
	width:100%;
	text-align:center;
}

.formularz-kontaktowy .form-group.zgoda label {
	font-weight:400;
	text-align:left;
}

.formularz-kontaktowy .form-group.zgoda label input, .formularz-kontaktowy .form-group.zgoda label span {
	display:inline-block;
	vertical-align: middle;
}

.formularz-kontaktowy .form-group.zgoda label input{
	max-width:5%;
}

.formularz-kontaktowy .form-group.zgoda label span {
	display:inline-block;
	width:auto;
	max-width:95%;
	padding:0 0.75em;
	color:#999;
}

.formularz-kontaktowy .form-group .btn {
    margin-left: 0;
}
.formularz-kontaktowy .form-group:first-child {
    float: left;
    width: 40%;
	clear:none;
}
.formularz-kontaktowy .form-group:nth-child(2) {
    float: right;
    width: 55%;
	clear:none;
}
@media ( max-width: 480px ) {
    .formularz-kontaktowy .form-group:first-child {
        width: 100%;
        float: none;
		clear:both;
    }
    .formularz-kontaktowy .form-group:nth-child(2) {
        width: 100%;
        float: none;		
		clear:both;
    }    
}
.formularz-kontaktowy.form-horizontal .form-group {
    margin-right: auto;
    margin-left: auto;
}

.formularz-kontaktowy div.wpcf7-mail-sent-ok {
	display: inline-block !important;
    margin: 15px !important;
    width: 97.2% !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #398f14;
    background-color: #398f14;
    color: #fff;
}
.formularz-kontaktowy div.wpcf7-mail-sent-ok {
    background: #398F14;
    border: 2px solid #398f14;
	color: #fff;
}

.wpcf7 button, .wpcf7  input, .wpcf7  select, .wpcf7  textarea {
   /* font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: 0;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 10px;
    width: 100%;*/
    display: inline-block;
}
/*
.wpcf7-submit {
	max-width: 200px;
    margin: 0 auto;
    width: 200px;
    display: inherit;
    background: #288dfb;
    color: #fff;
	border: 0;
}
*/
.wpcf7 br {
	display: none;
}

.formularz-kontaktowy fieldset{
	border:none;
    margin: 0;
    padding:0;
	}

.formularz-kontaktowy .wpcf7-textarea.form-control{
	height:200px;
	}

.home .entry-content .vc_row.wpb_row{
	padding:100px 0;
	}

.wpb_button, .wpb_content_element, .wpb_revslider_element.wpb_content_element, ul.wpb_thumbnails-fluid > li {
    margin-bottom: 0px;
}

/* */

@media screen and (min-width: 67em) {
.navigation-top .wrap {
    padding: 0.15em 2em;
}
}

@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap {
    max-width: 768px;
	}
	
	.panel-content .wrap {
		padding-bottom: 0;
		padding-top: 0;
	}
	
}

@media screen and (min-width: 48em) {
	body{
		line-height: 1.7 !important;
		}
	
	.panel-content .wrap {
		padding-bottom: 0em;
		padding-top: 0em;
	}
	
	.page-one-column .panel-content .wrap {
    max-width: 1200px;
	}
	
	.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 1em;
}
	
	.navigation-top {
		top: 0;
		bottom:auto;
		font-size: 14px;
		font-size: 0.875rem;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 3;
	}
	.custom-logo-link {
		padding-right: 0;
	}
	
	.js .main-navigation ul, .js .main-navigation ul ul, .js .main-navigation > div > ul {
    display: inline-block;
}

	.site-header .menu-scroll-down{
		display:none;
		}
	
	.single-zakres_uslug .content-area#primary{
		float:none;
		width:100%;
	}
	.page:not(.twentyseventeen-front-page) .site-content, .blog .site-content {
    padding: 0;
    padding-bottom: 0px;
	}
	.main-navigation a {
    padding: 1em 15px 1em 15px;
	}
	
	.site-footer {
		margin-top: 0em;
	}
	
	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 64%;
	}
	
	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 28%;
	}
	
	.single-portfolio.has-sidebar:not(.error404) #primary {
		float: none;
		width: 100%;
	}
	
	.social-navigation {
		clear: both;
		float: none;
		margin-bottom: 0;
		width: 100%;
	}
	
	.single-portfolio .site-content {
		padding: 0;
	}
	
	.page:not(.home) #content {
		padding-bottom: 0em;
	}

	}

@media screen and (max-width: 1299px) {
	.kubik-portfolio-container .vc_gitem-zone .vc_gitem-post-data-source-post_title h1{
		font-size: 22px;
		line-height:25px;
		}
}

@media screen and (max-width: 1080px) {
	.kubik-portfolio-container .vc_gitem-zone .vc_gitem-post-data-source-post_title h1{
		font-size: 20px;
		line-height:24px;
	}
	
	.kubik-portfolio-container .vc_grid.vc_row .vc_grid-item .vc_icon_element{
		margin-bottom:0;
		}
		
	.kubik-portfolio-container .vc_gitem-zone-b .vc_gitem-row-position-middle{
		display:none;
		}
}

	
@media screen and (max-width: 999px) {
	.single-portfolio h1.single-portfolio-title, .page-one-column .vc_row-has-fill.vc_parallax h1.vc_custom_heading.section-main-header {
	margin:0;
	padding:140px 0;
	font-size:56px;
	}

	h1.vc_custom_heading.section-main-header {
		font-size: 46px;
	}
	
	h2.vc_custom_heading.section-sub-header {
		font-size: 26px;
	}	
	
	.break-txt .wpb_wrapper div.vc_custom_heading{
		font-size:44px !important;
		}
		
	.break-txt .wpb_wrapper > div.vc_custom_heading{
		padding-top:70px;
		}
	
	.break-txt .wpb_wrapper > div.vc_custom_heading + div.vc_custom_heading{
		padding-top:0px;
		padding-bottom:70px;
		}

	.home .entry-content .vc_row.wpb_row{
		padding:50px 0 !important;
	}
	
	.entry-content .vc_row.wpb_row.vc_custom_1521624023212{
		padding:0px 0 !important;
	}
	
}

@media screen and (max-width: 899px) {
	.navigation-top ul a {
		color: #333;
		font-size: 14px;
		line-height: 25px;
		font-weight: 400;
	}
	
	.custom-logo-link img {
		max-height: 23px;
	}
	
}

@media screen and (max-width: 830px) {
	.footer-content .footer-logo{
	width:33%;
	}

	.footer-content .footer-tele{
		width:33%;
		}
	
	.footer-content .footer-info{
		width:33%;
		}
}

@media screen and (max-width: 799px) {
	.break-txt .wpb_wrapper div.vc_custom_heading{
		font-size:32px !important;
		}
		
	.break-txt .wpb_wrapper > div.vc_custom_heading{
		padding-top:40px;
		}
	
	.break-txt .wpb_wrapper > div.vc_custom_heading + div.vc_custom_heading{
		padding-top:0px;
		padding-bottom:40px;
		}	
}

@media screen and (max-width: 767px) {
	.custom-logo-link img {
		max-height: 35px;
	}
	
	.site-content{
		padding-top:0;
		}
	
	.js .menu-toggle {
		right:0;
		padding:0.70em 1em 0.70em 1em;
	}
	.header-top-logo{
		left:0;
		padding:0.85em 0em 0.85em 1em;
		text-align:center;
		}
	a.custom-logo-link {
		text-align:center;
	}
	.custom-logo-link img {
		display:block;
		width: auto;
	}
	
	.single-portfolio h1.single-portfolio-title, .page-one-column .vc_row-has-fill.vc_parallax h1.vc_custom_heading.section-main-header {
		margin:0;
		padding:100px 0;
		font-size:44px;
	}

	h1.vc_custom_heading.section-main-header {
		font-size: 44px;
	}
	
	h2.vc_custom_heading.section-sub-header {
		font-size: 32px;
	}	
	
	.footer-content .footer-logo{
	width:100%;
	text-align:center;
	padding-right:0;
	}

	.footer-content .footer-tele{
		width:100%;
		text-align:center;
		padding-top:2em;
		}
	
	.footer-content .footer-tele span{
		display:inline-block;
		width:auto;
		vertical-align:middle;
		padding:0 2em;
		}
	
	.footer-content .footer-info{
		width:100%;
		text-align:center;
		padding-top:2em;
		}

	.menu-gorne-menu-container{
		text-align:center;
		}
	
	.main-navigation ul {
		position: absolute;
		z-index: 999999;
		background-color: rgba(0, 0, 0, 0.75);
		left: 0;
		right: 0;
		border-top: none;
	}
	
	.main-navigation > div > ul {
		border-top: none;
	}
	
	.main-navigation ul li{
		text-align:center;
		border-bottom-color: #333;
	}
	
	.vc_grid-item-zone-c-right .vc_gitem-animated-block {
		float: none !important;
		width: 100% !important;
	}
	
	.vc_grid-item-zone-c-right .vc_gitem-zone-c {
		float: none !important;
		width: 100% !important;
	}
	
	.vc_custom_1520588862813{
		display:flex;
		flex-direction: column-reverse;
		}
	
	.vc_custom_1520588862813 .vc_custom_heading.section-sub-header, .vc_custom_1520588862813 .vc_custom_heading.section-main-header{
		text-align:center !important;
		}
	
	.vc_custom_1520588862813 .vc_sep_pos_align_left {
		margin-left: auto;
		margin-right: auto;
	}
	
	.vc_custom_1520588862813 .wpb_wrapper .wpb_single_image{
		display:none;
		}
	
	.vc_video-bg-container.vc_parallax.vc_parallax-content-moving .vc_hidden-xs{
		display:block !important;
		}
	
	.vc_video-bg-container.vc_parallax.vc_parallax-content-moving .wpb_wrapper .vc_empty_space{
		height:300px !important;
		}
	
	.vc_grid-container.vc_masonry_grid .vc_pageable-slide-wrapper{
		max-width:60%;
		margin:auto !important;
		}
	
	.vc_grid-container.vc_masonry_grid .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
		padding-right:0px;
	}
	
	.kubik-news-container .vc_gitem-zone.vc_gitem-zone-a{
		position:relative;
		z-index:1;
		}
	
	.footer-content .section-separator {
		display: block;
		text-align: center;
	}

	.footer-content .footer-tele {
		padding-left: 0px;
	
	}
	
	.footer-content .footer-tele span {
		display: block;
		width: auto;
		padding: 0 2em;
		margin:1em auto;
	}
	
	.kubik-portfolio-container .vc_gitem-zone .vc_gitem-post-data-source-post_title h1{
		font-size: 24px;
		line-height:28px;
	}
	
	.kubik-portfolio-container .vc_grid.vc_row .vc_grid-item .vc_icon_element{
		margin-bottom:0;
		}
		
	.kubik-portfolio-container .vc_gitem-zone-b .vc_gitem-row-position-middle{
		display:block;
		}
}

@media screen and (max-width: 639px) {
		.single-portfolio h1.single-portfolio-title, .page-one-column .vc_row-has-fill.vc_parallax h1.vc_custom_heading.section-main-header {
		margin:0;
		padding:80px 0;
		font-size:36px;
	}

	h1.vc_custom_heading.section-main-header {
		font-size: 36px;
	}
	
	h2.vc_custom_heading.section-sub-header {
		font-size: 28px;
	}	
}

	
@media screen and (max-width: 456px) {

	.break-txt .wpb_wrapper div.vc_custom_heading{
		font-size:28px !important;
		}
		
	.break-txt .wpb_wrapper > div.vc_custom_heading{
		padding-top:30px;
		padding-right:1em;
		padding-left:1em;
		}
	
	.break-txt .wpb_wrapper > div.vc_custom_heading + div.vc_custom_heading{
		padding-top:0px;
		padding-bottom:30px;
		}
	.single-portfolio h1.single-portfolio-title, .page-one-column .vc_row-has-fill.vc_parallax h1.vc_custom_heading.section-main-header {
		margin:0;
		padding:50px 0;
		font-size:32px;
	}
	
	h1.vc_custom_heading.section-main-header {
		font-size: 32px;
	}
	
	h2.vc_custom_heading.section-sub-header {
		font-size: 24px;
	}	
}

@media screen and (max-width: 360px) {
	.custom-logo-link img {
		max-height: 25px;
	}
	.js .menu-toggle {
		right: 0;
		padding: 0.50em 1em 0.50em 1em;
	}
	
	.toggled-on .menu-topmenu-container {
		top: 47px;
	}
	.single-portfolio h1.single-portfolio-title, .page-one-column .vc_row-has-fill.vc_parallax h1.vc_custom_heading.section-main-header {
			margin:0;
			padding:50px 0;
			font-size:26px;
		}	

	h1.vc_custom_heading.section-main-header {
		font-size: 26px;
	}
	
	h2.vc_custom_heading.section-sub-header {
		font-size: 18px;
	}

}

@media screen and (max-width: 360px) {
	.custom-logo-link img {
		max-height: 20px;
	}
	.js .menu-toggle {
		right: 0;
		padding: 0.35em 1em 0.35em 1em;
	}
}