/*!
Theme Name: Online Planner
Theme URI: http://underscores.me/
Author: Volodymyr Yukhymchuk
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: online_planner
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

KD-Max is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
*::-webkit-input-placeholder {
	color: #666;
	opacity: 1;
}
*:-moz-placeholder {
	color: #666;
	opacity: 1;
}
*::-moz-placeholder {
	color: #666;
	opacity: 1;
}
*:-ms-input-placeholder {
	color: #666;
	opacity: 1;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
	
}
body input:required:valid,
body textarea:required:valid {
	
}

html.js .loader {
	background: none repeat scroll 0 0 #ffffff;
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 9999;
}
html.js .loader_inner {
	background-image: url("img/preloader.gif");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	height: 60px;
	width: 60px;
	margin-top: -30px;
	margin-left: -30px;
	left: 50%;
	top: 50%;
	position: absolute;
}

body {
	font-family: sans-serif;
	font-size: 15px;
	min-width: 320px;
	position: relative;
	line-height: 1.4;
	/*font-family: "OpenSansRegular", sans-serif;*/
  font-family: 'Poppins', sans-serif;
	overflow-x: hidden;
}
.hidden {
	display: none;
}
/*
=================================================
              FONTS CLASSES
================================================= 
*/
/*.roboto-regular {
font-family: "OpenSansRegular";
}
.roboto-light {
font-family: "OpenSansLight";
}
.roboto-medium {
font-family: "OpenSansMedium";
}
.roboto-bold {
font-family: "OpenSansBold";
}*/



/*
=================================================
              HEADER STYLES
================================================= 
*/


header {
  width: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  font-size: 14px;
  box-shadow: 0px 0px 10px rgb(0, 0, 0, 0.15);
}
.navbar {
  margin-bottom: 0;
  /* margin-top: 15px; */
}
.navbar-brand {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 0;
  align-items: center;
}
header .navbar .navbar-header h1{
	margin-bottom: 0;
    margin-top: 0;
    color: #ffffff;
    font-size: 30px;
}
header .navbar .navbar-header h1:hover {
	color: #ffffff;
}
/*header .navbar .navbar-brand a {
	font-size: 30px;
	color: #ffffff;
}
header .navbar .navbar-brand a:hover {
	text-decoration: none;
}*/
header .navbar .navbar-brand img {
	max-height: 70px;
  max-width: 250px;
}
.navbar-default {
  background-color: transparent;
  border: none;
}

.header-button {
    display: block;
    width: 150px;
    position: relative;
    height: 70px;
}

a.demo-button {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    width: 148px;
    height: 90px;
    background: #493548;
    border-radius: 0px 0px 24px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    position: absolute;
    top: 0;
}

.navbar-collapse {
  margin: 0 !important;
}

.header-flex-row {
  justify-content: space-between;
}



.blue-button {
  padding: 8px 40px !important;
  border-radius: 50px;
  background-color: #29b297 !important;
  font-size: 14px;
  color: #fff !important;
  text-decoration: none;
  font-family: "OpenSansBold" !important;
  position: relative;
  z-index: 999;
  transition: background 0.2s ease-in, color 0.2s;
    -moz-transition: background 0.2s ease-in, color 0.2s;
    -ms-transition: background 0.2s ease-in, color 0.2s;
    -o-transition: background 0.2s ease-in, color 0.2s;
    -webkit-transition: background 0.2s ease-in, color 0.2s;
}
.blue-button:hover{
  background-color: #45c1a9 !important;
  text-decoration: none !important;
  color: #ffffff !important;
}
.nav > li.dropdown.open {
  position: static;
}

.nav > li.dropdown.open .dropdown-menu {
  display: table;
  border-radius: 0px;
  width: 100%;
  text-align: center;
  left: 0;
  right: 0;
  background-color: #d7d7d7;
  box-shadow: none;
  /* padding: 15px 0; */
  padding: 0;
  border: none;
}
.dropdown-menu > li {
  display: inline-block;
  line-height: 50px;
  vertical-align: middle;
  position: relative;
}
.dropdown-menu > li:first-child {
	margin-left: 203px;
}
.current-menu-item a{
	box-shadow:inset 0px -3px 0px 0px #ffffff;
}
.current-menu-ancestor a{
	box-shadow:inset 0px -3px 0px 0px #ffffff;
}
.dropdown-menu>li>a {
	box-shadow:none !important;
}
.nav .open .current-menu-item a{
	box-shadow: none;
	color: #29b297;
	background-color: #e9e9e9;
   box-shadow: -1px 0px 0px 0px #e9e9e9;
}
.nav .open .current-menu-item {
   box-shadow: -1px 0px 0px 0px #e9e9e9;
 }
.nav .open .current-menu-item:after{
   display: none;
 }
  .dropdown-menu>li>a {
   padding: 21px 18px;
   font-family: "OpenSansRegular";
 }
 .dropdown-menu>li>a:hover {
   background-color: transparent;
 }
 .dropdown-menu>li>a:focus {
    background-color: #e9e9e9;
   box-shadow: -1px 0px 0px 0px #e9e9e9;
 }
 .dropdown-menu>li:after{
   content: '';
   position: absolute;
   height: 36px;
   width: 1px;
   right: 0;
   top: 15px;
   background-color: #b5b5b5;
 }
 .dropdown-menu>li:last-child:after{
   display: none;
 }
 .dropdown-menu>li:hover{
   background-color: #e9e9e9;
   box-shadow: -1px 0px 0px 0px #e9e9e9;
 }
 .dropdown-menu>li:hover:after{
   display: none;
 }
 .navbar-default .navbar-nav>li>a {
    position: relative;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #252525;
   position: relative;
 }

 .navbar-default .navbar-nav>li>a:visited {
   color: #252525;
 }

 .navbar-default .navbar-nav>li>a:hover {
   font-weight: bold;
   color: #252525;
   box-shadow:inset 0px -3px 0px 0px #252525;
 }
 .navbar-default .navbar-nav>.open>a,
 .navbar-default .navbar-nav>.open>a:focus{
   background-color: transparent;
   color: #ffffff;
   font-weight: bold;
 }
 .navbar-default .navbar-nav>.open>a:hover {
  color: #ffffff;
  background-color: transparent;
}
.navbar-header button.navbar-toggle {
  margin-right: 0;
}
.navbar-header button.navbar-toggle:hover {
  background-color: transparent;
}
@media screen and (max-width: 1200px) {
	.navbar-default .navbar-nav>li>a {
		padding: 18px 10px;
		font-size: 13px;
	}
	.dropdown-menu>li>a {
		padding: 15px 11px;
		font-size: 13px;
	}
	.dropdown-menu>li:after {
		height: 30px;
		top: 9px;
	}
}
@media screen and (max-width: 1024px) {
	.navbar-default .navbar-nav>li>a {
		padding: 13px 7px;
		font-size: 11px;
	}
	.dropdown-menu>li>a {
		padding: 10px 6px;
		font-size: 11px;
	}
	.dropdown-menu>li:after {
		height: 23px;
    	top: 6px;
	}
}
@media screen and (max-width: 767px) {
  .dropdown-menu > li {
    display: block;
  }
  .header-button {
  	display: none;
  }
  .navbar-default .navbar-nav>li>a {
    color: #777;
    font-weight: lighter;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .navbar-default .navbar-nav>li>a:hover {
    box-shadow: none;
  }
  .navbar-default .navbar-nav>li>a:visited{
   color: #777;
 }
 .navbar-default .navbar-nav>.open>a:focus {
   color: #777;
 }
 .navbar-nav .open .dropdown-menu>li>a {
  border-bottom: 1px solid #777;
  margin: 0 20px;
}
.dropdown-menu > li:first-child {
	margin-left: 0px;
}
	.navbar-nav .open .dropdown-menu>li:last-child a{
		border-bottom: none;
}
	header .navbar .navbar-brand img {
		max-height: 50px;
}
.current-menu-item a{
	box-shadow:none;
}
.current-menu-ancestor a{
	box-shadow:none;
}
}
@media (min-width: 768px) {
	.navbar-collapse.collapse {
   display: inline-block!important;
 }
 .header-flex-row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  line-height: 100%;
}
.navbar-collapse {
 margin: 0 50px 0 auto;
}
}

.testimonials.grey_section {
  background: url(https://onlineplanner.pl/1-22-2.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

/*
=================================================
              FOOTER STYLES
================================================= 
*/


footer {
  background: #252525;
  padding: 80px 0 100px;
}
footer .social {
  display: block;
  text-align: center;
  width: auto;
  float: none;
  margin: 0 auto;
}
footer .social a {
  padding: 0px 10px;
  color: #4f4f4f;
  font-size: 35px;
  width: 35px;
  height: 35px;
  text-decoration: none;
}
footer .footer-form {
  text-align: center;
}

.footer-form {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-left: 1px dashed #d2d2d2;
  margin-left: 90px;
  margin-top: 50px;
}
.footer-form p{
  font-family: "OpenSansRegular";
  font-size: 16px;
  margin-bottom: 20px;
  color: #fff;
}
footer .footer-form input,
footer .footer-form textarea {
  border: none;
  padding: 8px;
  width: 370px;
  display: block;
  margin-bottom: 0;
}

#cenna-form textarea,
footer .footer-form textarea {
  height: 60px;
  resize: none;
}

footer .contact-form {
	display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
    flex-direction: column;
    align-items: center;
}
footer .footer-form input:focus,
footer .footer-form textarea:focus {
  outline: none;
}
footer .contact-form textarea {
  resize: none;
}
footer .footer-form .blue-button {
    border: none;
    margin-top: 10px;
    width: 170px;
}
footer .contact-form br {
	display: none;
}
footer .part {
  margin-top: 100px;
  text-align: center;
}
footer .part ul {
  list-style: none;
  display: table;
  text-align: center;
  width: auto;
  padding: 0 0 0 30px;
}
footer .part ul li.cat_name {
  font-family: "OpenSansMedium";
  font-size: 16px;
  padding: 0px 55px 0px 0px;
  vertical-align: middle;
  color: #fff;
}
footer .part ul li {
  display: table-cell;
  padding: 0px 15px;
}
footer .part ul li a {
  font-family: "OpenSansLight";
  font-size: 15px;
  color: #000;
}
footer .part ul li img {
  max-height: 22px;
}
footer .part ul li a img {
  opacity: .5;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: opacity .3s , -webkit-filter .3s linear;
  transition: opacity .3s , -webkit-filter .3s linear;
  -o-transition: filter .3s linear , opacity .3s;
  transition: filter .3s linear , opacity .3s;
  transition: filter .3s linear , opacity .3s , -webkit-filter .3s linear;
}
footer .part ul li a:hover > img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}
footer .part ul li p {
  padding-top: 16px;
  margin-bottom: 0;
  font-size: 14px;
  color: #fff;
}
footer .social a {
  padding: 0px 10px;
  color: #4f4f4f;
  font-size: 35px;
  width: 35px;
  height: 35px;
  text-decoration: none;
}
footer .social a.fb:hover {
  color: #4867AA;
}
footer .social a.tw:hover {
  color: #1DA1F2;
}
footer .social a.in>i:hover {
  background: #f2ce09;
  background: -webkit-linear-gradient(45deg, #f2ce09 0%, #aa0839 50%, #490383 100%);
  background: -o-linear-gradient(45deg, #f2ce09 0%, #aa0839 50%, #490383 100%);
  background: linear-gradient(45deg, #f2ce09 0%, #aa0839 50%, #490383 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

footer .social a.yt:hover {
  color: #D22222;
}
footer .menu {
  margin-top: 70px;
}
footer .current-menu-item a {
    box-shadow: none;
}

footer .wpcf7-form .gdpr-info,
footer .wpcf7-checkbox span.wpcf7-list-item {
  color: #fff;
}

input[type="checkbox"] {
    display: inline-block!important;
    width: 13px!important;
    margin-right: 10px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    margin: 0 0 5px 0;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #EEEFF1 !important;
    opacity: 0.7;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}



@media screen and (max-width: 1200px) {
	 footer .footer-form {
	 	margin-left: 0;
	 	border-left: none;
	 }
}
@media screen and (max-width: 767px) {

  footer .part {
    margin-top: 50px;
  }
  footer .part ul {
    margin: 0 auto;
    padding: 0;
  }
  footer .part ul li.cat_name {
    padding: 20px 0;
  }
  footer .part ul li {
    display: block;
    width: 100%;
    text-align: center;
    clear: left;
    float: left;
    padding: 10px 0;
  }
  footer .menu, 
  footer .footer-form, 
  footer .part {
    margin-top: 20px;
  }
  footer .menu ul {
    margin-top: 10px;
  }

}
@media screen and (max-width: 440px) {
  footer .footer-form input,
  footer .footer-form textarea {
    width: 310px;
  }
}


.wymag-sect table,
.wymag-sect tr,
.wymag-sect td {
  border: none;
}

.wymag-sect td ul {
    margin-left: 25px;
}


/*
=================================================
              HOME PAGE STYLES
================================================= 
*/


.top_slider {
  width: 100%;
  min-height: 700px;
	height: 100vh;
  padding: 80px 0;
  background-size: cover;
  background-position: center center;
  position: relative;
  color: #ffffff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.header-phone {
  margin-top: 25px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.header-phone img{
  margin-right: 10px;
}
.header-phone a{
	color: #ffffff;
}
.header-phone .telephone {
  margin-bottom: 5px;
    margin-right: 15px;
}
.header-phone i {
  font-size: 20px;
  margin-right: 5px;
}
.header-phone a:visited,
.header-phone a:focus,
.header-phone a:active {
	text-decoration: none;
	
}
.header-phone a:hover {
	text-decoration: none;
	color: #009FE4;
}
/*  .top_slider .container {
   display: table;
   height: 85%;
} 
*/

.gray-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(54, 59, 72, 0.5);
  z-index: -1;
}
.home-slider-images {
  position: relative;
}
.home-slider-images .image1 {
  position: relative;
  margin-left: -220px;
  margin-top: 35px;
  z-index: 2;
  max-width: 680px;
}
.home-slider-images .image2 {
  position: absolute;
  top: 0;
  left: -185px;
  z-index: 1;
  max-width: 680px;
}
.home-slider-images img{
  border-radius: 9px;
  /* border: 2px solid #ffffff; */
}
.home-slider-images .image1 {
  -webkit-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.3);
box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.3);
}

.top_slider .container .title {
  vertical-align: middle;
  font-size: 45px;
  font-family: "OpenSansLight";
  line-height: normal;
}
.top_slider .container .title .title-descr {
  margin-top: 40px;
  font-size: 25px;
}
a.button_transp {
  display: inline-block;
  margin-top: 25px;
  padding: 6px 25px;
  border-radius: 50px;
  border: 2px solid #ffffff;
  background-color: transparent;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  font-family: "OpenSansBold";
  position: relative;
  z-index: 99;
}
a.button_transp:hover {
  background-color: #29b297;
  border: 2px solid #29b297;
  transition: background 0.1s ease-in, color 0.1s;
    -moz-transition: background 0.1s ease-in, color 0.1s;
    -ms-transition: background 0.1s ease-in, color 0.1s;
    -o-transition: background 0.1s ease-in, color 0.1s;
    -webkit-transition: background 0.1s ease-in, color 0.1s;
}
@media screen and (max-width: 1500px) {
  .top_slider {
    width: 100%;
    min-height: 600px;
  }
}
@media screen and (max-width: 767px) {
  .home-slider-images {
    display: none;
  }
  .top_slider .container .title{
    margin-top: 20px;
    font-size: 30px;
  }
  .top_slider .container .title .title-descr {
    font-size: 18px;
  }
  .top_slider {
    padding: 40px 0;
  }
}


.special_offers {
  background-color: #e6e6e6;
  padding: 20px 0 40px 0;
  font-family: "OpenSansLight";
  position: relative;
}
.special_offers .row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  /* flex-wrap: wrap; */
}
.special_offers .offers-carousel {
  position: relative;
}
.special_offers .offers_slide {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  overflow: hidden;
  /* -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; */
}
.offers-carousel .owl-stage {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.offers-carousel .owl-item {
   display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
      flex-direction: column;
    justify-content: center;
  height: auto !important;
}
.offers-carousel .owl-item img{
  width: auto;
}
.offers-carousel .owl-dots {
  position: absolute;
  width: 100%;
  bottom: -20px;
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 1;
}
.offers-carousel .owl-dots .owl-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #333;
  border-radius: 50%;
  opacity: .25;
  cursor: pointer;
}
.offers-carousel .owl-dots .active {
  opacity: 1;
}
.offers-carousel .owl-prev, 
.offers-carousel .owl-next {
  width: 25px;
  height: 50px;
  display: inline-block;
  color: transparent;
}

.offers-carousel .owl-prev {
  position: absolute;
    bottom: 50%;
    left: -50px;
    margin-bottom: -25px;
  background: transparent url(img/slider-arrow-left.png) 0 0 no-repeat !important;
}
.offers-carousel .owl-next {
  position: absolute;
  right: -50px;
    bottom: 50%;
    margin-bottom: -25px;
  background: transparent url(img/slider-arrow-right.png) 0 0 no-repeat !important;
}

.special_offers span {
  text-transform: uppercase;
  color: #d56337;
}
.special_offers .description p {
  margin: 10px 0 10px 0;
}
.special_offers .description a {
  display: inline-block;
  margin-top: 30px;
}
.special_offers .image {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.special_offers .image img {
  max-width: 600px;
  max-height: 300px;
}
/* .special_offers img {
  position: absolute;
  left: 56%;
  top: 26%;
} */
@media screen and (max-width: 767px) {
  .special_offers .offers_slide {
    display: block;
  }
  .special_offers .image {
    margin-top: 40px;
  }
    .special_offers .image img {
    max-width: 100%;
  }
  .offers-carousel .owl-prev {
      left: 15px;
  }
   .offers-carousel .owl-next {
     right: 15px;
  }
}

.dlaczego {
	margin-bottom: 55px;
}
.dlaczego .row {
	display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row; 
   align-items: stretch;
  /*  -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap; */
}

.dlaczego .image {
  width: 100%;
  height: 150px;
  background-size: cover;
  background-position: center center;
}
.dlaczego .text .title {
  font-family: "OpenSansRegular";
  font-size: 18px;
  padding: 15px 0px;
}
.dlaczego .text {
  margin-bottom: 30px;
}
.dlaczego .excerpt {
  font-family: "OpenSansLight";
  color: #727272;
  font-size: 14px;
  line-height: 20px;
}

.grey_section {
  margin: 0;
  padding: 85px 0;
  background-color: #f0f0f0;
}
@media screen and (max-width: 767px) {
  .grey_section {
    margin: 0;
    padding: 55px 0;
    background-color: #f0f0f0;
  }
  .dlaczego .row {
    display: block;
  }
  .dlaczego .image {
  	max-width: 265px;
  	margin: auto;
  }
  .dlaczego .text {
  	text-align: center;
  }
}
.programm .title {
  border-bottom: 1px dashed #d2d2d2;
  padding-bottom: 10px;
}
.programm ul {
  list-style-type: none;
  margin-top: 40px;
  margin-bottom: 0;
}
.programm ul li p {
  font-family: "OpenSansLight";
  font-size: 15px;
  line-height: 18px;
}
.programm ul li h4 {
  margin-bottom: 0px;
  font-size: 19px;
}
.programm ul li {
  position: relative;
  margin-bottom: 15px;
}
.programm ul li:last-child {
  margin-bottom: 0;
}
.programm ul li:before {
  content: url(img/Ellipse-plus.png);
  height: 100%;
  position: absolute;
  left: -35px;
}
.programm-flex-row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
} 
.programm-flex-row img {
  padding-top: 50px;
}
.programm .blue-button {
  margin-top: 15px;
}

  #home-slider .slider_img_container {
   width: 970px;
   position: relative;
   height: 582px;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
 }
 #home-slider .owl-dots {
  position: absolute;
  width: 100%;
  bottom: -50px;
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 1;
}
#home-slider .owl-dots .owl-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: .25;
  cursor: pointer;
}
#home-slider .owl-dots .active {
  opacity: 1;
}
#home-slider .owl-prev, #home-slider .owl-next {
  width: 25px;
  height: 50px;
  display: inline-block;
  color: transparent;
}
#home-slider .owl-nav {
  position: absolute; 
  left: 0; 
  right: 0; 
  bottom: 50%;
  margin-left: auto; 
  margin-right: auto; 
  max-width: 1170px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
#home-slider .owl-prev {
  margin-left: 30px;
  background: transparent url(img/slider-arrow-left.png) 0 0 no-repeat !important;
}
#home-slider .owl-next {
  margin-right: 30px;
  background: transparent url(img/slider-arrow-right.png) 0 0 no-repeat !important;
}
@media screen and (max-width: 767px) {
   #home-slider .slider_img_container {
  	width: 100%;
  } 
  #home-slider .owl-nav {
    bottom: 43%;
  }
  #home-slider .owl-prev {
  	margin-left: 10px;
  	background: transparent url(img/slider-arrow-left.png) 0 0 no-repeat !important;
  }
  #home-slider .owl-next {
  	margin-right: 10px;
  	background: transparent url(img/slider-arrow-right.png) 0 0 no-repeat !important;
  }
  #home-slider .owl-dots {
    bottom: -30px;
  }
}


 @media screen and (max-width: 991px){
	#home-slider .slider_img_container {
    height: 450px;
    width: 100%;
}
}
@media screen and (max-width: 600px){
	#home-slider .slider_img_container {
    height: 380px;
    width: 100%;
}
}
@media screen and (max-width: 480px){
	#home-slider .slider_img_container {
    height: 240px;
    width: 100%;
}
}


.prodboard {
  margin-bottom: 55px;
}
.prodboard .row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row; 
   align-items: stretch;
}

.prodboard .image {
  width: 100%;
  height: 150px;
  background-size: cover;
  background-position: center center;
  display: flex;
    align-items: center;
    justify-content: center;
}
.prodboard .text .title {
  font-family: "OpenSansRegular";
  font-size: 18px;
  padding: 15px 0px;
  text-align: center;
}
.prodboard .text {
  margin-bottom: 30px;
  text-align: center;
}
.prodboard .excerpt {
  font-family: "OpenSansLight";
  color: #727272;
  font-size: 14px;
  line-height: 20px;
}

@media screen and (max-width: 767px) {
  .prodboard .row {
    display: block;
  }
  .prodboard .image {
    max-width: 265px;
    margin: auto;
  }
  .prodboard .text {
    text-align: center;
  }
}

.korzysci .row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 40px;
    position: relative;
}
.korzysci .row:last-child:after {
  content: '';
  width: 100%;
  height: 1px;
  background: #d2d2d2;
  position: absolute;
  bottom: -60px;
}
.korzysci .korzysc-title {
  font-family: "OpenSansRegular";
  font-size: 18px;
  margin-bottom: 15px;
}
.korzysci ul {
  font-family: "OpenSansLight";
   font-size: 15px;
  line-height: 25px;
}
.korzysci .big-number {
  font-size: 50px;
    color: #29b297;
    font-weight: bold;
}
.korzysci p {
  font-family: "OpenSansLight";
  font-size: 15px;
  line-height: 25px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.korzysci p .fa {
  color: #d6d6d6;
  font-size: 30px;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .korzysci .row .col-sm-5 {
    order: 2;
  }
  .korzysci .row .col-sm-7 {
    order: 1;
  }
  .korzysci .row:last-child:after {
    bottom: -45px;
  }
}
.wymagania .ul-content {
  font-size: 15px;
    font-family: "OpenSansLight";
    line-height: 25px;
}
.wymagania .ul-content ul {
    padding-left: 10px;
}
 .testimonials .title a {
  margin-top: 0;
  font-family: "OpenSansLight";
  display: inline-block;
  font-size: 35px;
  color: #333;
  border: none;
  margin-left: 0;
} 
.testimonials .title-descr .link_to_site{
  color: #29b297;
  font-family: "OpenSansRegular";
}
.testimonial .link_to_site {
  color: #29b297;
  font-family: "OpenSansRegular";
  bottom: 50px;
  position: absolute;
}
.testimonials .row{
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   flex-direction: row; 
   align-items: stretch;
   flex-wrap: wrap;
   margin-bottom: -30px;
}
.testimonials .testimonial {
  background-color: #ffffff;
  padding: 60px 30px;
  position: relative;
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
  /*width: 30.5%;*/
  width: calc(50% - 30px);
}
.testimonial .text .name {
  font-family: "OpenSansRegular";
  font-size: 18px;
}
.testimonial .text .position {
  font-family: "OpenSansLight";
  font-size: 16px;
}
.testimonial .text .words {
  font-family: "OpenSansLight";
  color: #727272;
  font-size: 14px;
  line-height: 20px;
  padding: 25px 0;
}
.testimonial .text .words a {
	color: #000;
}
.testimonial .text .words a:hover {
	text-decoration: none;
}
.testimonials .photo {
 width: 85px;
 height: 85px;
 border-radius: 50px;
 border: 1px solid #e7e7e7;
 background: #ffffff;
 background-repeat: no-repeat;
 background-position: center;
 position: absolute;
 top: -40px;
 left: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.testimonials .photo img {
  max-width: 75px;
  max-height: 60px;
}
.partners {
  margin: 0;
  padding: 85px 0 35px;
  background-color: #455b6b;
  color: #ffffff;
}

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

  .partners {
    padding: 55px 0 0 5px;
  }
  .testimonials .testimonial {
    padding: 40px 20px;
    width: 100%;
  }
  .testimonials .photo {
    width: 65px;
    height: 65px;
    top: 5px;
    right: 5px !important;
    left: inherit;
  }
  .testimonials a{
    bottom: 20px;
  }
}
.partners .title-descr {
  border-bottom: 1px dashed #d2d2d2;
  padding-bottom: 10px;
}

.partners-flex-row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.partners .logo{
  margin-bottom: 30px;
  padding: 0 10px;
  position: relative;
  width: 16.66%; 
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
}
.color-logo {
  background-color: #455b6b;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s ease, opacity 0.3s ease;
 
}
.partners .logo:hover .color-logo{
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .partners .logo {
    margin-bottom: 15px;
    width: 25%;
  }
}
.actualnosci .row{
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   flex-direction: row; 
   align-items: stretch;
   flex-wrap: wrap;
}
.news-post .image {
  height: 164px;
  background-size: cover;
  background-position: center center;
}
.news-post a {
  color: #29b297;
  font-family: "OpenSansRegular";
 bottom: 25px;
 position: absolute;
}
.news-post .news-words {
	width: 100%;
	overflow: hidden;
}
.actualnosci .news-post {
  margin-top: 20px;
  width: 30.5%;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
  background-color: #ffffff;
}
.news-post .post-text {
  padding: 30px 30px 50px;
  overflow: hidden;
  
}
.news-post .post-text .news-title {
  font-family: "OpenSansRegular";
  font-size: 18px;
}
.news-post .post-text .news-words {
  font-family: "OpenSansLight";
  color: #727272;
  font-size: 14px;
  line-height: 20px;
  padding: 25px 0;
}
@media screen and (max-width: 767px) {
  .actualnosci .news-post {
	  margin-top: 20px;
	  width: 100%;
	  margin-left: 15px;
	  margin-right: 15px;
	  position: relative;
	  background-color: #ffffff;
	}
}
.kd-max {
  margin: 0;
  padding: 85px 0;
  color: #ffffff;
  font-size: 16px;
  font-family: "OpenSansLight";
  background-image: url(img/kd-max-background-new.jpg);
  background-position: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.kd-max:after{
  content: '';
  width: 100%;
  height: 100%;
  background-color: #426279;
  opacity: 0.5;
  position:absolute;
  top:0;
  left:0;
}
.kd-max .logo{
  z-index: 5;
}
.kd-max .text {
  max-width: 600px;
  margin: 40px 15px;
  z-index: 5;
}
.kd-max .text p{
  margin-bottom: 20px;
}
.kd-max .blue-button:visited,
.kd-max .blue-button:focus {
	color: #ffffff;
	text-decoration: none;
	
}
@media screen and (max-width: 767px) {
  .kd-max {
    padding: 55px 0;
  }
}

/*
=================================================
              GALLERY PAGE STYLES
=================================================
*/
.gallery {
  margin-top: 130px;
}
.gallery .title-descr {
  max-width: 800px;
}
.gallery .title-descr p:last-child {
  font-size: 14px;
}
.categories {
  padding: 20px 0 40px;
  list-style-type: none;
  text-align: center;
}

.categories li {
  display: inline-block;
  padding: 5px 5px;
  margin: 5px 30px;
  font-family: "OpenSansLight";
  font-size: 18px;
  cursor: pointer;
}
.categories .selected {
  color: #29b297;
  font-family: "OpenSansBold";
  position: relative;
}
.categories .selected:after{
  content: "";
  position: absolute;
  z-index: -1;
  left: 0%;
  right: 0%;
  bottom: 0;
  background: #29b297;
  height: 3px;
}
.grid .photo {
  padding-bottom: 20px;
}
.grid .photo img {
  border: 2px solid #d3d1d6;
  /* width: 100%; */
  /* height: 164px;
  overflow: hidden; */
  width: 274px;
  height: 164px;
}
.grid .photo a:focus,
.grid .photo a:active,
.grid .photo a:hover {
  outline: none;
}
@media screen and (max-width: 767px) {
  .gallery {
    margin-top: 80px;
  }
  .categories li {
    margin: 5px 10px;
  }
  .categories {
    padding: 20px 0 20px;
  }
 /*  .grid .photo img {
 height: 100px;
 overflow: hidden;
 } */
}

.footer-blue-head {
  margin: 0;
  padding: 85px 0;
  color: #ffffff;
  font-size: 16px;
  font-family: "OpenSansLight";
  background-image: url(img/footer-blue-head-bg-new.jpg);
  background-position: top;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.footer-blue-head:after{
  content: '';
  width: 100%;
  height: 100%;
  background-color: #2d678c;
  opacity: 0.5;
  position:absolute;
  top:0;
  left:0;
  z-index: -1;
}
.footer-blue-head .title h2{
  font-size: 30px;
  margin: 30px 0 20px;
}
.footer-blue-head .title-descr p {
  margin-bottom: 20px;
}
.footer-blue-head .title-descr a{
  color: #4cc9ff;
  font-family: "OpenSansRegular";
  border-bottom: 1px dashed #4cc9ff;
}
.footer-blue-head .title-descr a:hover{
  border-bottom: none;
  text-decoration: none;
}
.footer-blue-head .download-sect{
  padding: 90px 0 90px 35px;
  border-left: 1px dashed #d2d2d2;  
}
.footer-blue-head .download {
  margin-bottom: 35px;
}
.footer-blue-head .download img {
  float: left;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .footer-blue-head {
    padding: 35px 0;
  }
  .footer-blue-head .download-sect{
    padding: 20px;
    border-left: none;  
  }
}

/*
=================================================
              CENNIK PAGE STYLES
=================================================
*/
.cennik-kd-max {
  margin-top: 130px;
}
.cennik-kd-max .cennik-title {
  font-family: "OpenSansLight"
}
.cennik-kd-max .cennik-title h2 {
  margin-top: 40px;
  margin-bottom: 0;
}
.cennik-kd-max .cennik-title a{
    color: #4cc9ff;
    font-family: "OpenSansRegular";
    border-bottom: 1px dashed #4cc9ff;
    margin: 0;
    font-size: 14px;
}
.cennik-kd-max .cennik-title a:hover{
    border-bottom: none;
    text-decoration: none;
}
.plates {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  padding: 0 10px;
  flex-wrap: wrap;
}
.plates .plate {
  padding: 30px;
  border: 2px solid #d4d4d4;
  max-width: 270px;
  margin: 0 20px;
  text-align: center;
}
 .plates .plate:hover{
  z-index: 10;
  border:2px solid transparent;
  transform: scale(1.03);
  background-color: #f5f5f5;
  -webkit-box-shadow: 0px -1px 20px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px -1px 20px 0px rgba(0,0,0,0.25);
  box-shadow: 0px -1px 20px 0px rgba(0,0,0,0.25);
}
.plates .plate .title {
  font-family: "OpenSansLight";
  font-size: 26px;
}
.plates .plate .price {
  position: relative;
  font-family: "OpenSansBold";
  font-size: 30px;
  margin-bottom: 25px;
}
.plates .plate .price i {
  font-size: 20px;
  font-style: normal;
}
.plates .plate .price span {
  position: absolute;
  font-size: 12px;
  font-family: "OpenSansLight";
  left: 40%;
  bottom: -15%;
}
.plates .plate .blue-button {
  margin: 15px 0;
  cursor: pointer;
}
.plates .plate p {
  font-family: "OpenSansRegular";
  margin: 30px 0;
  font-weight: bold;
}
.plates .plate ul {
  list-style-type: none;
  text-align: left;
  padding-left: 35px;
}
.plates .plate ul li {
  position: relative;
  margin-top: 10px;
  font-size: 14px;
}
.plates .plate ul li:before {
  content: url(img/Ellipse-plus-small.png);
  height: 100%;
  width: 100%;
  position: absolute;
  left: -28px;
  top: 3px;
}
.plates .plate ul .fa {
  font-size: 12px;
  color: #009fe3;
  margin-left: 5px;
  margin-top: 4px;
  position: relative;
}
.baloon {
    position: absolute;
    font-weight: normal;
    font-style: normal;
    white-space: normal;
    background: #fff;
    padding: 11px;
    border: 1px solid #ccc;
    box-shadow: 0 5px 10px rgba(0,0,0,.19);
    /* overflow: hidden; */
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
    cursor: default;
    z-index: 100;
    color: #333;
    max-width: 360px;
    min-width: 300px;
    top: 18px;
    left: -11px;
    font-size: 14px;
    display: none;
    font-family: "OpenSansLight";
}
.baloon-corner {
    position: absolute;
    top: -7px;
    width: 9px;
    height: 7px;
    background: url(img/additional_menu_corner.png) 50% 50% no-repeat;
}
.plates .plate ul li:hover .fa .baloon {
  display: block;
}

 .cennik-kd-max .finansow {
  max-width: 300px;
  margin-left: 80px;
  margin-top: 40px;
  padding-left: 20px;
} 
.cennik-kd-max .finansow {
  font-family: "OpenSansBold";
  font-size: 18px;
}
.cennik-kd-max .finansow .link {
  display: block;
  margin-top: 10px;
}
.cennik-kd-max .finansow a{
  color: #4cc9ff;
  font-family: "OpenSansRegular";
  border-bottom: 1px dashed #4cc9ff;
  font-size: 14px;
}
.cennik-kd-max .finansow a:hover{
  border-bottom: none;
  text-decoration: none;
}
.tables-kd-max table {
  margin-bottom: 35px;
  font-family: "OpenSansLight";
  width: 100%;
}
.tables-kd-max table:last-child {
  margin-bottom: 0;
}
.tables-kd-max table,
.tables-kd-max th,
.tables-kd-max td {
    border: 1px solid #d2d2d2;
    border-collapse: collapse;
}
.tables-kd-max table th {
  background-color: #f5f5f5;
  text-align: center;
  font-family: "OpenSansRegular";
  font-size: 14px!important;
  border-bottom: 1px solid #f5f5f5;
  
}
.tables-kd-max table td {
  padding: 18px 22px;
}
.tables-kd-max table .col1 {
  width: 33%;
  font-size: 22px;
}
.tables-kd-max table .col2 {
  width: 50%;
}
.tables-kd-max table .col3 {
  width: 16%;
  text-align: center;
  font-size: 22px;
}
.tables-kd-max .aktualizacje .col3 a{
  color: #4cc9ff;
  font-family: "OpenSansRegular";
  border-bottom: 1px dashed #4cc9ff;
  font-size: 14px;
}
.tables-kd-max .aktualizacje .col3 a:hover{
  border-bottom: none;
  text-decoration: none;
}
.tables-kd-max .aktualizacje .col3 .link {
  margin-top: -10px;
}
@media screen and (max-width: 767px) {
  .cennik-kd-max {
    margin-top: 40px;
  }
  .plates{
    margin-top: 20px;
  }
  .plates .plate {
   padding: 20px;
    margin-bottom: 20px;
  }
  .plates .plate .blue-button {
    padding: 8px 20px;
  }
  .plates .plate p {
    margin: 15px 0;
  }
   .baloon {
    min-width: none;
    max-width: none;
    width: 230px;
  }
   .cennik-kd-max .finansow {
    margin-left: 0;
  }
  /*.cennik-kd-max .aktualizacje a {
    margin-top: 10px;
  } */
  .tables-kd-max {
    max-width: 100%;
    margin: 20px 10px;
  }
  .tables-kd-max table td{
    padding: 10px;
  }
  .tables-kd-max table .col1,
  .tables-kd-max table .col3 {
    font-size: 16px;
  }
  .tables-kd-max table .col2 {
    font-size: 12px;
  }
}

/*
=================================================
              BIBLIOTEKI PAGE STYLES
=================================================
*/
.biblioteki {
  margin-top: 130px;
  margin-bottom: 130px;
}
.biblioteki p{
  font-size: 16px;
  font-family: "OpenSansLight";
  margin-top: 10px;
}
.biblioteki p a{
  color: #4cc9ff;
}
.biblioteki h3 {
  font-family: "OpenSansLight";
  display: block;
  margin-bottom: 30px;
}
.biblioteki table {
  width: 100%;
}
.biblioteki table tr {
  border-top: 2px solid #cccccc;
}
.biblioteki table td {
  padding: 20px 0;
}
.biblioteki table tr:last-child {
  border-bottom: 2px solid #cccccc;
}
.biblioteki table .col1 {
  width: 2%;
  text-align: left;
}
.biblioteki table .col2 {
  width: 23%;
  text-align: center;
}
.biblioteki table .col2 img {
  max-height: 80px;
  display: inline-block;
  
}
.biblioteki table .col3 {
  width: 30%;
  text-align: left;
}
.biblioteki table .col4 {
  width: 15%;
  text-align: center;
}
.biblioteki table .col4 a{
  color: #cbcbcb;
  border: 1px solid #cbcbcb;
  border-radius: 8px;
  font-size: 12px;
  padding: 5px;
}
.biblioteki table .col4 a:hover {
  text-decoration: none;
}
.biblioteki table .col5 {
  width: 15%;
  text-align: right;
}
.biblioteki table .col6 {
  width: 15%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .biblioteki {
    margin-top: 80px;
    margin-bottom: 60px;
  }
  .biblioteki table td {
    padding: 10px 0;
  }
  .biblioteki table .col1 {
    font-size: 12px;
  }
  .biblioteki table .col2 img{
    margin-left: -5px;
  }
  .biblioteki table .col3 {
    font-size: 10px;
    padding-left: 5px;
  }
  .biblioteki table .col4{
    text-align: right;
  }
  .biblioteki table .col4 a{
    font-size: 10px;
    padding: 3px;
  }
}
/*
=================================================
              BLOG PAGE STYLES
=================================================
*/
.blog-section {
  margin-top: 130px;
}
 .blog-section .blog-post{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 35px;
}
.blog-post-thumbnail {
    max-height: 208px;
}
.blog-post-thumbnail .image {
    width: 370px;
    height: 208px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.blog-section .post-text {
  padding-left: 30px;
}
.blog-section .post-text .post-title {
  font-size: 20px;
  font-family: "OpenSansLight";
  font-weight: bold;
  margin-bottom: 20px;
}
.blog-section .post-text .post-title a{
  color: #000;
  font-family: "OpenSansLight";
}
.blog-section .post-text .post-title a:hover{
  text-decoration: none;
}
.blog-section .post-text .read_more {
  margin-top: 15px;
}
.blog-section .post-text .read_more a {
    color: #29b297;
    border-bottom: 1px dashed #29b297;
}
.blog-section .post-text .read_more a:hover {
    border-bottom: none;
    text-decoration: none;
}
.blog-section .pagination {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  margin: 0;
}
.blog-section .pagination .wp-pagenavi span, 
.blog-section .pagination .wp-pagenavi a {
    font-family: "RobotoThin";
    font-size: 32px;
    position: relative;
    padding: 0px 10px;
    line-height: 38px;
    margin-left: 0;
    color: #23527c;
    text-decoration: none;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    margin-right: 6px;
}
 .blog-section .pagination .wp-pagenavi a:hover {
    background-color: #eee;
    border-color: #ddd;
}
 .blog-section .pagination .wp-pagenavi .current{
    color: #fff;
    cursor: default;
    background-color: #74b9ff;
    border: none;
}
@media screen and (max-width: 767px) {
  .blog-section {
    margin-top: 80px;
  }
  .blog-post {
    margin-bottom: 50px;
  }
  .blog-post-thumbnail {
    width: 100%;
  }
  .blog-post-thumbnail .image {
    width: 100%;
  }
  .blog-section .blog-post{
    flex-wrap: wrap;
  }
  .blog-section .post-text {
    padding-left: 0;
  }
}

/*
=================================================
              CONTACTS PAGE STYLES
=================================================
*/

.contacts {
  margin-top: 130px;
}
.contacts .contact-form {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contacts .contact-form br {
	display: none;
}
.contacts .contact-form input,
.contacts .contact-form textarea {
    border: none;
    background-color: #eeeeee;
    padding: 8px;
    width: 370px;
    display: block;
    margin-bottom: 14px;
}
.contacts .contact-form .blue-button {
    border: none;
    margin-top: 10px;
    width: 170px;
}
.contacts .contact-form input:focus,
.contacts .contact-form textarea:focus  {
  outline: none;
}
.contacts .contact-form textarea {
  resize: none;
}
.wpcf7-form .wpcf7-not-valid {
    border: 1px solid red !important;
}
.wpcf7-form .wpcf7-not-valid-tip {
	display: none;
}
.contacts ul {
  list-style-type: none;
  font-family: "OpenSansLight";
  border-left: 1px dashed #d2d2d2;
  padding-left: 30px;
}
.contacts ul li {
    margin-bottom: 25px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}
.contacts ul i {
   color: #cfcfcf;
    margin-right: 10px;
    font-size: 25px;
    width: 30px;
    text-align: center;
}
.contacts .fa-mobile {
  font-size: 35px;
}

@media screen and (max-width: 767px) {
   .contacts {
    margin-top: 80px;
  }
  .contacts ul {
    border-left: none;
    margin-top: 30px;
  }
  .contacts .contact-form button {
    margin-top: 0;
}
  .contacts .contact-form input,
  .contacts .contact-form textarea {
    width: 100%;
    margin-bottom: 10px;
  }
}

#online_planner-map {
  width: 100%;
}


/*
=================================================
              Funkcje PAGE STYLES
=================================================
*/
.top_title_banner {
	height: auto;
	margin: 134px 0 0 0;
	color: #ffffff;
	font-size: 28px;
	font-family: "OpenSansLight";
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.top_title_banner .main-title {
	padding: 44px 0;
}
.sidebar-page-content {
	background-color: #f1f1f1;
	position: relative;
	padding-bottom: 60px;
}
.sticky {
  position: fixed;
  z-index: 101;
}
.stop {
  position: relative;
  z-index: 101;
}
.sidebar-menu {
	background-color: #f1f1f1;
	z-index: 1000;
	padding-top: 40px;
	margin: 0 -30px;
}
.sidebar-menu ul{
	list-style-type: none;
	padding: 0;
}
.sidebar-menu li{
	color: #000;
	font-size: 15px;
	background-color: inherit;
    cursor: pointer;
    transition: 0.3s;
    padding: 5px 0;
}
.sidebar-menu li span {
	display: block;
	padding: 15px;
	color: #828282;
}
.sidebar-page-content .list-items {
	background-color: #ffffff;
	padding: 20px 40px 60px 55px;
	font-family: "OpenSansLight";
}
.sidebar-page-content .list-items .item {
	padding: 30px 0 50px;
	border-bottom: 1px solid #d2d2d2;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.sidebar-page-content .list-items .item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.sidebar-page-content .list-items .item .item-description {
	padding-right: 30px;
	max-width: 543px;
}
.sidebar-page-content .list-items .item .item-video {
	padding-top: 5px;
	margin-left: 25px;
}
.sidebar-page-content .list-items .item .video-block {
	width: 282px;
	height: 166px;
	background-size: cover;
  	background-position: center center;
}
.sidebar-page-content .list-items .item .video-block a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.sidebar-page-content .list-items .item .video-block a i{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 45px; 
    background-image: url(img/youtube-play-button.png);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: -20px;
    margin-left: -27px;
}
.sidebar-page-content .list-items .item-title {
	font-size: 33px;
	margin-bottom: 20px;
	line-height: 40px;
}
.sidebar-page-content .list-items .item-text {
	font-size: 15px;
}
.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.sidebar-menu ul .active span{
    background-color: #29b297;
    color: #ffffff;
}
.sidebar-menu ul a:hover,
.sidebar-menu ul a:focus{
    text-decoration: none;
}

@media screen and (max-width: 1200px) {
	.sidebar-page-content .list-items .item {
		justify-content: center;
	}
	.sidebar-page-content .list-items .item .item-description {
		padding-right: 0;
		max-width: 100%;
	}
}
@media screen and (max-width: 767px) {
   .top_title_banner {
    margin: 50px 0 0 0;
    font-size: 24px;
    text-align: center;
   }
   .top_title_banner .main-title {
    padding: 10px;
	}
	.sidebar-menu {
		margin: 0;
		text-align: center;
		/* height: 155px !important; */
		padding: 10px 0;
	}
	.sidebar-menu ul {
		margin: 0;
	}
	.sidebar-menu .sticky {
		padding-top: 10px !important;
	}
	.sidebar-menu .sticky ul {
		padding-bottom: 8px;
	}
	.sidebar-menu ul li {
	    display: inline-block;  
	    padding: 0;
	    font-size: 13px;
	}
	.sidebar-menu ul li span {
		padding: 5px;
	}
	.sidebar-page-content .list-items {
    	padding: 10px;
    }
    .sidebar-page-content .list-items .item {
    	padding: 10px 0 30px;
	}
	.sidebar-page-content .list-items .item .item-video {
    margin-left: 0;
}
	 .fancybox-slide--iframe .fancybox-content {
		width  : 90%;
		height : 50%;
		max-width  : 100%;
		max-height : 90%;
	}
	.sticky {
		padding: 15px 0 0 !important;
	}
}
@media screen and (max-width: 440px) {
	/* .sidebar-page-content .list-items .item .video-block {
		width: 100%;
	} */
}

/*
=================================================
              iScan PAGE STYLES
=================================================
*/
.simple-page-content {
	background-color: #f1f1f1;
	padding-bottom: 60px;
}
.iscan-sect .container {
	background-color: #ffffff;
}
.iscan-sect {
	margin: 0;
}
.iscan-sect img,
.iscan-sect iframe {
	max-width: 100%;
}
.iscan-sect .title-descr {
	margin-bottom: 50px;
}
.iscan-sect .p100 {
	padding: 70px 100px;
}
.iscan-program {
	margin-top: 50px;
	border-top: 1px dashed #d2d2d2;
	padding-top: 50px;
}
.iscan-program .title {
	font-size: 20px;
}
.iscan-program .description {
	margin-bottom: 30px;
	font-family: "OpenSansLight";
}
.iscan-program .link {
  font-family: "OpenSansRegular";
  font-size: 14px;
  color: #29b297;
  border-bottom: 1px dashed #29b297;
  margin-left: 45px;
}
.iscan-program .link:hover {
  text-decoration: none;
  border-bottom: none;
  cursor: pointer;
}
.iscan-program p {
	margin-top: 10px;
}
.iscan-program .row {
	display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: center;
}

@media screen and (max-width: 440px) {
	.iscan-sect .p100 {
		padding: 10px;
	}
}
@media screen and (max-width: 767px) {
	.iscan-sect img,
	.iscan-sect iframe {
		height: auto;
	}
}
/*
=================================================
              iMeasure PAGE STYLES
=================================================
*/

.imeasure-program {
	margin-top: 50px;
	border-top: 1px dashed #d2d2d2;
	padding-top: 50px;
}
.imeasure-program .title {
	font-size: 20px;
}
.imeasure-program .description {
	margin-bottom: 30px;
	font-family: "OpenSansLight";
}
.imeasure-program .link {
  font-family: "OpenSansRegular";
  font-size: 14px;
  color: #29b297;
  border-bottom: 1px dashed #29b297;
  margin-left: 45px;
}
.imeasure-program .link:hover {
  text-decoration: none;
  border-bottom: none;
  cursor: pointer;
}
.imeasure-program p {
	margin-top: 10px;
}
.imeasure-program .row {
	display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: center;
}

/*
=================================================
              Wymagania PAGE STYLES
=================================================
*/

.wymag-sect .container {
	background-color: #ffffff;
}
.wymag-sect {
	margin: 0;
}
.wymag-sect .title-descr {
	margin-bottom: 50px;
}
.wymag-sect .p100 {
	padding: 70px 100px;
}
.wymag-sect .ul-content {
	font-size: 15px;
	font-family: "OpenSansLight";
	line-height: 25px;
}
.wymag-sect .ul-content ul {
	padding-left: 10px;
}
.wymag-sect .wymagania_descr {
	padding-top: 50px;
	font-family: "OpenSansLight";
	font-size: 15px;
}
@media screen and (max-width: 440px) {
	.wymag-sect .p100 {
		padding: 10px;
	}
}

/*
=================================================
              Porownaj PAGE STYLES
=================================================
*/
.porownaj-sect .container {
	background-color: #ffffff;
}
.porownaj-sect {
	margin: 0;
}
.porownaj-sect .title-descr {
	margin-bottom: 50px;
}
.porownaj-sect .p100 {
	padding: 70px 100px;
}
/*
=================================================
              Finansowanie PAGE STYLES
=================================================
*/
.finansow-sect .container {
	background-color: #ffffff;
}
.finansow-sect {
	margin: 0;
	padding: 30px;
	background-color: #ffffff;
	font-family: "OpenSansLight";
}
.finansow-sect table{
		max-width: 100%;
	}
@media screen and (max-width: 767px) {
	.finansow-sect {
		padding: 0;
	}
	.finansow-sect table span{
		font-size: 10px !important;
		display: inline-block;
	}
}
/*
=================================================
              Pomoc PAGE STYLES
=================================================
*/
.pomoc-sect .container {
	background-color: #ffffff;
}
.pomoc-sect {
	margin: 0;
	padding: 30px;
	background-color: #ffffff;
	font-family: "OpenSansLight";
}
.pomoc-sect  i.fa {
	border: 2px solid #6696cd;
    color: #6696cd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    padding: 10px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    text-align: center;
    width: 2.2em;
    cursor: pointer;
}
.pomoc-sect i.fa:hover {
    color: #fff;
    background: #6696cd;
}
.pomoc-sect .fa-2x {
    font-size: 1.4em;
}
.skrypty-sect .title,
.filmy-sect .title {
	font-size: 35px;
	font-family: "OpenSansLight";
}
.skrypty-sect .descr,
.filmy-sect .descr {
	font-size: 16px;
	margin: 10px 0;
}
.skrypty-sect {
	padding-bottom: 40px;
	border-bottom: 1px solid #d2d2d2;
}

.skrypty-sect p {
	font-size: 20px;
	font-weight: bold;
	margin: 30px 0;
}
.skrypty-sect ul {
	list-style-type: none;
	padding-left: 0;
}
.skrypty-sect ul li {
	padding-bottom: 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.skrypty-sect .text-body{
	display: inline-block;
	font-size: 16px;
	font-family: "OpenSansLight";
	font-weight: 300;
	padding-left: 10px;
}
.filmy-sect {
	padding-top: 40px;
}
.filmy-sect .descr {
	margin-bottom: 30px;
}
.filmy-sect .row-videos {
	display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
   flex-direction: row; 
   align-items: stretch;
   flex-wrap: wrap;
   justify-content: space-between;
}
.filmy-sect .film-block {
	width: 24.7%;
	margin-bottom: 30px;
}
.filmy-sect .film-image {
	width: 100%;
	height: 116px;
	background-size: cover;
  	background-position: center center;
}
.filmy-sect .film-block .film-descr {
	margin-top: 10px;
	font-weight: bold;
	padding-right: 20px;
	line-height: 15px;
    font-size: 14px;
}
.filmy-sect .film-block a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.filmy-sect .film-block a i{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 35px; 
    background-image: url(img/youtube-play-button.png);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: -20px;
    margin-left: -27px;
}
@media screen and (max-width: 767px) {
	.pomoc-sect {
		padding: 0;
	}
	.filmy-sect .film-block {
	    width: 49.5%;
	}
	.filmy-sect .film-image {
		width: 100%;
		height: 170px;
	}
}
@media screen and (max-width: 440px) {
	.filmy-sect .film-block {
	    width: 100%;
	    height: auto;
	    
	}
}
/*
=================================================
              Opinie PAGE STYLES
=================================================
*/
.opinie-sect .container {
	background-color: #ffffff;
}
.opinie-sect {
	margin: 0;
}
.opinie-sect .p100 {
	padding: 70px 100px;
}
.opinie-sect .title-descr a{
	color: #29b297;
	font-family: "OpenSansRegular";
}
.opinie-sect .list-items {
    background-color: #ffffff;
    padding: 0;
    font-family: "OpenSansLight";
}
.opinie-testimonial {
	padding: 40px 0;
	border-bottom: 1px solid #d2d2d2;
}
.opinie-testimonial:last-child {
	border-bottom: none;
}
.opinie-testimonial .person .photo{
	width: 85px;
    height: 85px;
    border-radius: 50px;
    border: 1px solid #e7e7e7;
    background: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.opinie-testimonial .person .photo img {
  max-width: 75px;
  max-height: 60px;
}
.opinie-testimonial .person .name {
	margin-left: 90px;
	padding-top: 10px;
	font-size: 20px;
}

.opinie-testimonial .person .position {
	margin-left: 90px;
	font-size: 18px;
	font-family: "OpenSansLight";
}
.opinie-testimonial .text {
	font-family: "OpenSansLight";
	margin-top: 15px;
}
.opinie-testimonial a {
  font-family: "OpenSansRegular";
  font-size: 14px;
  color: #29b297;
  border-bottom: 1px dashed #29b297;
}
.opinie-testimonial a:hover {
  text-decoration: none;
  border-bottom: none;
  cursor: pointer;
}
/*
=================================================
              Post PAGE STYLES
=================================================
*/
.single-post-page-content {
	margin-top: 130px;
}
.single-post-page-content .entry-title {
	font-size: 35px;
	font-family: "OpenSansLight";
	padding: 0 0 30px 0;
}
article .entry-content {
	padding: 50px 0;
	font-family: "OpenSansLight";
}
article .entry-content iframe {
  max-width: 100%;
}
article .entry-content img {
  max-width: 100%;
  height: auto;
}
article .post-image img {
	max-width: 1024px;
	width:100%;
	height: auto;
}
.inside-aside {
    padding: 100px 0 0 40px;
}
.inside-aside-caption {
    display: block;
    font-size: 16.84px;
    font-family: "OpenSansLight";
    color: #4d4d4d;
    margin-bottom: 25px;
}
.inside-aside-box {
    position: relative;
    margin-bottom: 50px;
    max-width: 300px;
}
.inside-aside-number {
    position: absolute;
    top: 0;
    left: -20px;
    font-size: 16.84px;
    font-family: "OpenSansLight";
    color: #4d4d4d;
}
.inside-aside a {
    clear: both;
    display: block;
    color: #000;
    font-family: "OpenSansLight";
}
.inside-aside a:hover {
  text-decoration: none;
}
.inside-aside-box img {
    margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .single-post-page-content {
    margin-top: 80px;
  }
  .single-post-page-content .entry-title {
    font-size: 28px;
  }
  .inside-aside {
    padding: 50px 0 0 40px;
  }
}

/*
=================================================
              Default PAGE STYLES
=================================================
*/
.page-php-content {
  margin-top: 130px;
}
.page-php-content .title {
  margin-bottom: 30px;
}
.page-php-content .title h2 {
  margin-top: 0;
  font-family: "OpenSansLight";
  display: inline-block;
  font-size: 35px;
}

@media screen and (max-width: 767px) {
  .page-php-content {
    margin-top: 80px;
  }
  .page-php-content .title {
  margin-bottom: 20px;
}
  .page-php-content .title h2{
    display: block;
    font-size: 28px;
  }
}

/*
=================================================
              Demo PAGE STYLES
=================================================
*/
.steps {
  margin-top: 130px;
}
.steps .row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
}
.steps .step {
  padding-left: 100px;
  position: relative;
}
.steps .step .title {
    font-family: "OpenSansRegular";
    font-size: 18px;
    padding: 15px 0px;
}
.steps .step .text {
  font-size: 15px;
    font-family: "OpenSansLight";
    line-height: 25px;
}
.steps .step .number {
  position: absolute;
  font-size: 60px;
  color: #29b297;
  top: 0px;
  left: 35px;
}
.demo-section .kitchen-post {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding-bottom: 50px;
  padding-top: 50px;
  border-bottom: 1px solid #d2d2d2;
}
.demo-section .col-sm-12:last-child .kitchen-post {
  border-bottom: none;
}
.kitchen-post-thumbnail {
    max-height: 300px;
}
.kitchen-post-thumbnail .image {
    width: 470px;
    height: 300px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.demo-section .kitchen-text {
  padding-left: 35px;
}
.demo-section .kitchen-text .kitchen-title {
  font-size: 20px;
  font-family: "OpenSansLight";
  font-weight: bold;
  margin-bottom: 20px;
}
/* .demo-section .kitchen-text .kitchen-title a{
  color: #000;
  font-family: "OpenSansLight";
}
.demo-section .kitchen-text .kitchen-title a:hover{
  text-decoration: none;
} */
.demo-section .kitchen-text .read_more {
  margin-top: 30px;
}
.demo-section .kitchen-text .read_more a {
    color: #29b297;
    display: inline-block;
}




.demo-section {
  margin-top: 80px;
}


.white-popup-block {
    width: 80%;
    max-width: 740px;
    position: relative;
    margin: 5% auto;
    background-color: #dedede;
    padding: 70px 20px 70px 20px;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
}
button.mfp-close {
	position: absolute;
    right: 10px;
    top: 6px;
    transition: color 0.3s ease-in;
    -moz-transition: color 0.3s ease-in;
    -ms-transition: color 0.3s ease-in;
    -o-transition: color 0.3s ease-in;
    -webkit-transition: color 0.3s ease-in;
    width: 29px;
    height: 30px;
    opacity: 0.7;
}
.white-popup-block .text {
	max-width: 75%;
	margin-bottom: 30px;
}
.white-popup-block form p{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.white-popup-block input,
.white-popup-block textarea {
    border: none;
    padding: 8px;
    width: 430px;
    display: block;
    margin-bottom: 12px;
    background: #FFFFFF;
    border-radius: 4px;
    resize: none;
}
.white-popup-block input:focus,
.white-popup-block textarea:focus {
  outline: none;
}
.white-popup-block .blue-button {
    border: none;
    margin-top: 10px;
    width: 230px;
}
.white-popup-block br {
	display: none;
}
.white-popup-block .radio-demo {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  text-align: left;
  font-family: "OpenSansLight";
  padding: 0;
  margin-left: -50px;
}
.white-popup-block .radio-demo .wpcf7-list-item {
  margin: 10px 0 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.white-popup-block .radio-demo label {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    max-width: 315px;
}
.white-popup-block input[type=checkbox], 
.white-popup-block input[type=radio] {
  width: auto;
  display: inline-block;
  margin: 0 10px 0 0;
}
#thanks-form .mfp-close {
  display: none;
}
@media screen and (max-width: 767px) {
	.white-popup-block {
		width: 100%;
		padding: 0; 
	}
	.white-popup-block input, .white-popup-block textarea,
  .white-popup-block .radio-demo {
		width: 300px;
	}
  .white-popup-block .radio-demo {
    margin-left: 0;
  }
}

.vertical-menu {
	width: 100px !important;
	position: absolute !important;
	
}
.vertical-menu li a {
	white-space: normal;
}
.vertical-menu > li {
  display: block !important;
  line-height: 50px;
  vertical-align: middle;
  position: relative;
  text-align: left;
}
.vertical-menu > li:first-child {
    margin-left: 0;
}
.vertical-menu>li>a {
    padding: 7px 15px;
}
.nav .open .vertical-menu .current-menu-item {
    box-shadow: none !important;
}
.vertical-menu>li:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 94%;
    left: 3%;
    top: 34px;
    background-color: #b5b5b5;
}
 .vertical-menu>li:hover {
   background-color: #e9e9e9 !important;
   box-shadow: none !important;
 }
 .vertical-menu>li:hover:after {
   display: none;
 }



@media screen and (max-width: 767px) {
	.p100 {
		padding: 20px 15px !important;
	}
}


.finansowanie_post {
  margin-top: 72px;
}
.finansowanie_post .sticky {
    top: 72px !important;
}
@media screen and (max-width: 767px) {
  .finansowanie_post {
    margin-top: 50px;
  }
  .finansowanie_post .sticky {
    margin-top: -22px !important;
  }
}


.zamov-page {
  padding-bottom: 50px;
}
.zamov-page h2 {
  text-align: center;
  margin-bottom: 30px;
}
 .zakaz-form {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
} 
/* .zakaz-form br {
  display: none;
} */
.zakaz-form input,
.zakaz-form textarea {
    border: none;
    background-color: #eeeeee;
    padding: 8px;
    width: 370px;
    display: block;
}
.zakaz-form .blue-button {
    border: none;
    margin-top: 10px;
    width: 193px;
}
.zakaz-form p {
  padding-left: 25px;
}
.zakaz-form input:focus,
.zakaz-form textarea:focus  {
  outline: none;
}
.zakaz-form textarea {
  resize: none;
}
.zakaz-form input>checkbox {
  display: inline-block;
}
.checkbox-zakaz input {
  display: inline-block;
  width: 13px;
}
.zakaz-form td {
  padding-bottom: 10px;
  padding-right: 20px;
  vertical-align: top;
}
.zakaz-form label {
  font-weight: normal;
}
.checkbox-zakaz span.wpcf7-list-item {
    display: block;
    margin: 0;
}
.radio-zakaz input {
  display: inline-block;
  width: 13px;
}
.radio-zakaz span.wpcf7-list-item {
    display: block;
    margin: 0;
}
.zakaz-form tr:nth-child(6) td {
  padding-top: 20px;
}
.zakaz-form tr:nth-child(7) td {
  padding: 10px 0 30px;
}
@media screen and (max-width: 767px) {
  .zakaz-form input,
  .zakaz-form textarea {
     width: 100%;
  }
 .checkbox-zakaz input,
 .radio-zakaz input {
    width: 13px;
  }
  .zakaz-form .descr,
  .zakaz-form label {
    font-size: 10px;
  }
  .zakaz-form p {
    padding: 0;
  }
} 

.h1-seo {
    margin-top: 0;
    font-family: "OpenSansLight";
    display: inline-block;
    font-size: 35px;
}

.error-404 {
  margin-top: 130px;
}

.share-buttons {
  margin-top: 50px;
}
.is-f {
    background-color: #4864b4;
}
.is-f:hover {
    background-color: #5e7dd6;
}
.is-tw {
    background-color: #00acee;
}
.is-tw:hover {
    background-color: #34c4fb;
}
.inside-social {
    display: inline-block;
    width: 190px;
    height: 50px;
    line-height: 50px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 24px;
    color: #fff;
    margin-right: 16px;
    text-align: center;
    margin-top: 10px;
}
.inside-social:hover, 
.inside-social:active, 
.inside-social:visited {
  text-decoration: none;
  color: #ffffff;
}
.inside-social i {
    color: #fff;
    font-size: 30px;
    margin-right: 15px;
}
.inside-social i {
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
}



 .pobierz-page {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-bottom: 50px;
  } 
  .pobierz-page .text {
    max-width: 600px;
    margin-bottom: 30px;
  }
.pobierz-page .wpcf7 br {
  display: none;
}
.pobierz-page .wpcf7 input,
.pobierz-page .wpcf7 textarea {
    border: none;
    background-color: #eeeeee;
    padding: 8px;
    width: 370px;
    display: block;
    margin-bottom: 14px;
}
.pobierz-page .wpcf7 .blue-button {
    border: none;
    margin-top: 10px;
    width: 170px;
    margin-left: 90px;
}
.pobierz-page .wpcf7 input:focus,
.pobierz-page .wpcf7 textarea:focus  {
  outline: none;
}
.pobierz-page .wpcf7 textarea {
  resize: none;
}
.pobierz-page .wpcf7 .radio-demo {
  border: none;
  padding: 8px;
  width: 370px;
  display: block;
  margin-bottom: 12px;
}
.pobierz-page .wpcf7 .radio-demo {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  text-align: left;
  font-family: "OpenSansLight";
  padding: 0;
}
.pobierz-page .wpcf7 .radio-demo .wpcf7-list-item {
  margin: 10px 0 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.pobierz-page .wpcf7 .radio-demo label {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    max-width: 315px;
}
.pobierz-page .wpcf7 input[type=checkbox], 
.pobierz-page .wpcf7 input[type=radio] {
  width: auto;
  display: inline-block;
  margin: 0 10px 0 0;
}
@media screen and (max-width: 767px) {
  .pobierz-page .wpcf7 .blue-button {
    margin-left: 0;
  }
 .pobierz-page .wpcf7 button {
    margin-top: 0;
}
.wpcf7-form-control-wrap .radio-demo {
  width: 100%;
}
  .pobierz-page .wpcf7 input,
  .pobierz-page .wpcf7 textarea {
    width: 100%;
    margin-bottom: 10px;
  }
  .pobierz-page .wpcf7 .radio-demo label {
    max-width: 100%;
  }
}

#prodboard-container {
  width: 100%;
    height: 100%;
    position: fixed;
    top: 72px;
}
#prodboard-container iframe {
  width: 100%;
      height: 90vh;
  border: none;
}
.wpcf7-checkbox span.wpcf7-list-item {
  margin: 0 0 5px 0;
  line-height: 1.2em;
  font-size: 12px;
}

.wpcf7-form .gdpr-info {
  line-height: 1.1em;
  margin-top: 20px;
	font-size: 14px;
}


/**/


.container-online {
    width: 1420px;
    margin: 0 auto;
}

.home-video-banner {
    margin: 50px 0;
}

.home-content {
    padding-left: calc((100% - 1420px)/2 + 15px);
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    position: relative;
}

.home-content-left {
    width: 100%;
    max-width: 590px;
    padding-right: 40px;
}

.home-content-right {
    width: calc(100% - 590px);
}

.home-content-right video {
  height: 610px;
  width: 100%;
  max-width: 1085px;
}

.home-video-banner-title {
    padding-top: 90px;
    padding-bottom: 20px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    color: #252525;
}

.home-video-banner-description {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #536271;
    padding-bottom: 30px;
}

.dark-button a {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #FDFDFD;
    width: 225px;
    height: 47px;
    background: #493548;
    border-radius: 4px;
    padding: 14px 65px;
}

.dark-button a:hover {
  text-decoration: none;
}

.demo-home-section {
    padding: 100px 0;
}

.demo-home-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.demo-home-block-image {
    width: 560px;
    height: 325px;
}

.demo-home-block-image img {
  width: 100%;
}

.demo-home-block {
    width: 100%;
    max-width: 660px;
}

.demo-home-block-grey {
    background: #EEEFF1;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
    border-radius: 0 0 64px 0;
    padding: 50px;
    margin-bottom: 30px;
}

.demo-home-block-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 120%;
    color: #252525;
    padding-bottom: 20px;
}

.demo-home-block-description {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #536271;
    padding-bottom: 25px;
}

.green-button a {
    width: 254px;
    height: 47px;
    background: #76877D;
    border-radius: 4px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.demo-home-block .green-button {
  display: flex;
  justify-content: center;
}

.demo-home-content .demo-home-block:last-child {
  padding-top: 160px;
}

.grey-section {
    background: #EEEFF1;
}

.dlaczego-section {
    margin-top: 50px;
    padding: 150px 0;
}

.section-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    color: #252525;
    position: relative;
    padding-bottom: 20px;
    z-index: 3;
}

.section-title:after {
  content: '';
  position: absolute;
  top: -50px;
  left: -35px;
  background: #fff;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  z-index: -1;
}

.section-description {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #536271;
    padding-bottom: 50px;
}

.dlaczego-content-one {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 100px;
}

.dlaczego-content-one .dlaczego-content-one-image {
  width: 100%;
  max-width: 650px;
}

.dlaczego-content-one .dlaczego-content-one-image img {
  width: 100%;
}

.dlaczego-content-one-text {
    padding: 0 50px;
}

.dlaczego-number {
    font-family: 'Share Tech Mono';
    font-style: normal;
    font-weight: 400;
    font-size: 96px;
    line-height: 100%;
    color: #FFFFFF;
}

.dlaczego-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #252525;
    padding-bottom: 10px;
}

.dlaczego-description {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #536271;
}

.dlaczego-content-one-text .dlaczego-description {
  width: 100%;
  max-width: 325px;
}

.dlaczego-content-two {
    padding-left: 205px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 100px;
}

.dlaczego-content-two-block:first-child {
    margin-right: 100px;
}

.dlaczego-content-two-block .dlaczego-content-one-image {
  width: 100%;
  max-width: 455px;
  height: 295px;
  margin-bottom: 30px;
}

.dlaczego-content-two-block .dlaczego-content-one-image img {
  width: 100%;
}

.dlaczego-content-two-text {
    display: flex;
    flex-direction: row;
}

.dlaczego-content-two-text .dlaczego-description {
  max-width: 250px;
  width: 100%;
}

.section-title span {
  color: #76877D;
}

.dlaczego-last-row {
    padding: 50px 0;
    border-bottom: 2px solid #536271;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.dlaczego-last-image {
    width: 225px;
    height: 150px;
    margin-right: 100px;
    border-radius: 4px;
    overflow: hidden;
}

.dlaczego-last-title {
    width: 100%;
    margin-right: 100px;
    max-width: 300px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #252525;
}

.dlaczego-last-section-content .dlaczego-last-title { 
  font-size: 24px;
}

.dlaczego-last-description {
    width: 100%;
    max-width: 500px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #536271;
}

.dlaczego-last-row:last-child {
  border-bottom: none;
}

.dlaczego-last-section {
  border-radius: 0 0 128px 0;
}

.dlaczego-last-section .section-title:before {
  content: '';
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 30px;
  position: absolute;
  top: -80px;
  left: 55px;
}

.dlaczego-last-section {
    padding-bottom: 100px;
}

.onlineplanner-gallery {
    padding: 150px 0 50px;
}

.home-content-right.gallery-block {
    height: 660px;
}

.home-content-right.gallery-block .swiper-container {
    border-radius: 500px 0px 0px 500px;
    overflow: hidden;
    border: 1px solid #EEEFF1;
    height: 100%;
}

.swiper-slide img {
  width: 100%;
}

.onlineplanner-gallery .home-content-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 80px;
}

.gallery-block-img {
    width: 100%;
    height: 100%;
    background-position: left top !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.home-big-slider {
    position: relative;
    height: 100%;
    display: block;
}

.home-big-slider .swiper-pagination {
    top: 35%;
    left: -30px;
    display: flex;
    flex-direction: column;
}

.swiper-pagination-bullet {
    border-radius: 10px;
    width: 10px;
    height: 10px;
    background: transparent;
    border: 1px solid #493548;
    margin: 10px;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #493548 !important;
}

.faq-card {
    background: #EEEFF1;
    border-radius: 4px;
    margin-bottom: 10px;
}
    
.question {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #536271;
    padding: 20px 30px;
    position: relative;
}

.question::after {
  content: "";
    position: absolute;
    right: 16px;
    top: 16px;
    height: 32px;
    width: 32px;
    background: url(/wp-content/themes/Online%20Planner%20theme/img-new/more.png) no-repeat;
    background-size: contain;
    transition: .2s;
}

.question.active::after {
  transform: rotate(180deg);
}

.answercont {
  max-height: 0;
  overflow: hidden;
  transition: 0.5s;
}

.answer {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #536271;
    display: block;
    padding: 10px 100px 20px 30px;
}

.question.active + .answercont {
}

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

.question {
      font-size: 18px;
    line-height: 22px;
}

.question::after {
    top: 0;
    width: 20px;
    height: 40px
}

.faq-card-spoiler p {
    margin-bottom: 5px;
    line-height: 16px;
}

}

.oferta-section .container-online {
      display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    position: relative;
}

.oferta-section .section-title:after {
  content: '';
  width: 100px;
  height: 100px;
  position: absolute;
  background: url(/wp-content/themes/Online%20Planner%20theme/img-new/oferta.png);
  left: 5px;
  top: -50px;
  z-index: -1;
}

.big-button {
    width: 100%;
}

.big-button a {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 30px;
    border: 1px solid #536271;
    border-radius: 4px;
    margin-top: 20px;
}

.big-button a:hover {
  text-decoration: none;
}

.big-button span {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #252525;
    max-width: 420px;
}

.big-button img {
    width: 32px;
    height: 32px;
    margin-left: 30px;
}

.oferta-section {
    padding: 100px 0 150px;
}

.oferta-section .section-title {
  padding-bottom: 30px;
}

.opinie-section .photo {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    overflow: hidden;
    background: #fff;
    padding: 5px;
    margin-right: 30px;
}


.opinie-section {
    padding: 140px 0;
    border-radius: 128px 0 0 0;
    background: #76877D;
    overflow: hidden;
}

.opinie-section .section-title {
  color: #fff;
}

.opinie-section .section-title:after {
  display: none;
}

.grey-section-title-description {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #EEEFF1;
    margin-bottom: 100px;
}

.grey-section-title-description a {
    color: #56CCF2 !important;
}

.opinie-section-block .text {
    max-width: 325px;
    margin-right: 70px;
}

.opinie-section-block .name {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #EEEFF1;
    margin-bottom: 10px;
}

.opinie-section-block .position {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #EEEFF1;
    margin-bottom: 10px;
}

.opinie-section-block a.link_to_site {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #56CCF2;
    display: block;
    max-width: 250px;
    word-break: break-all;
}

.opinie-section .words,
.opinie-section .words a {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #EEEFF1;
    width: 100%;
    max-width: 800px;
}

.opinie-section-block {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    position: relative;
}

.big-slider-content-swiper.big-slider-one {
    position: relative;
    max-height: 200px;
}

.swiper-button.two-slider-s {
    position: absolute;
    top: 30%;
    /*border: 1px solid red;*/
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: 9;
    left: -35px;
}

.swiper-button-prev-one {
    width: 30px;
    height: 30px;
    background: url(/wp-content/themes/Online%20Planner%20theme/img-new/arrow-left.png) no-repeat; 
    background-size: contain;
}

.swiper-button-next-one {
    width: 30px;
    height: 30px;
    background: url(/wp-content/themes/Online%20Planner%20theme/img-new/arrow-right.png) no-repeat;
    background-size: contain;
}

.disabled_swiper_button {
  opacity: 0;
}

.footer-logo {
    width: 300px;
    height: 44px;
    margin-bottom: 50px;
}

.footer-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #F9E9AF;
    padding-bottom: 20px;
    text-align: left;
}

.footer-kontakt ul {
    margin: 0;
    padding: 0;
}

.footer-kontakt li,
.footer-kontakt li a {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #EEEFF1;
    list-style: none;
}

#footer .container-online {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

footer .part {
    margin-top: 50px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

footer .part ul {
    list-style: none;
    text-align: center;
    width: auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    position: relative;
    max-width: 470px;
}

footer .part ul li {
    display: block;
    padding: 0;
    max-width: 220px;
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
}

footer .part ul li p {
    padding-top: 16px;
    margin-bottom: 0;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 120%;
    color: #EEEFF1;
    opacity: 0.7;
}

.footer-form {
    align-items: flex-start;
    border-left: 1px solid #eeeff1b7;
    padding-left: 150px;
    margin-top: 0;
    margin-left: 0;
}

footer .contact-form {
  align-items: flex-start;
}

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

footer .footer-form input, footer .footer-form textarea {
    border: none;
    padding: 8px;
    width: 430px;
    display: block;
    margin-bottom: 0px;
    background: #FFFFFF;
    border-radius: 4px;
    color: #252525 !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #536271;
}
::-moz-placeholder { /* Firefox 19+ */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #536271;
}
:-ms-input-placeholder { /* IE 10+ */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #536271;
}
:-moz-placeholder { /* Firefox 18- */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #536271;
}

.footer-white-title {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 112%;
  color: #EEEFF1;
  padding-bottom: 25px;
}

.wpcf7-checkbox span.wpcf7-list-item {
    margin: 0 0 5px 0;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #EEEFF1 !important;
    opacity: 0.7;
}

footer .footer-form .blue-button {
    border: none;
    margin-top: 10px;
    width: 250px;
    background: #F9E9AF !important;
    border-radius: 4px;
    height: 50px;
    font-family: 'Poppins' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #252525 !important;
}

.gdpr-info {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 150%;
    color: #EEEFF1;
    opacity: 0.7;
}

div#cenna-form {
    background: #EEEFF1;
    border-radius: 8px;
    padding: 40px 90px;
}

.cenna-form-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 112%;
    color: #252525;
    text-align: left;
    width: 100%;
    padding-bottom: 30px;
}

#cenna-form form.wpcf7-form.init p {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

#cenna-form .zgoda_checkboxes {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.popup-form input,
.popup-form textarea {
  font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border: none;
    padding: 8px;
    width: 430px;
    margin-bottom: 12px;
    background: #FFFFFF;
    border-radius: 4px;
    resize: none;
}

.popup-form .contact-form {
  text-align: left;
}

.white-popup-block .wpcf7-checkbox span.wpcf7-list-item {
  font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #536271 !important;
    text-align: left;
}

.white-popup-block .wpcf7-checkbox span.wpcf7-list-item label {
      color: #536271 !important;
}

.white-popup-block .blue-button {
    border: none;
    background: #493548 !important;
    border-radius: 4px;
    width: 225px;
    height: 47px;
    font-family: 'Poppins' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #FDFDFD !important;
    margin: 20px auto 0;
    display: block;
}

.white-popup-block .gdpr-info {
  font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 150%;
    color: #536271;
    text-align: left;
}


.white-popup-block {
    width: 80%;
    max-width: 740px;
    position: relative;
    margin: 5% auto;
    background-color: #dedede;
    padding: 70px 20px 70px 20px;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
}
button.mfp-close {
  position: absolute;
    right: 10px;
    top: 6px;
    transition: color 0.3s ease-in;
    -moz-transition: color 0.3s ease-in;
    -ms-transition: color 0.3s ease-in;
    -o-transition: color 0.3s ease-in;
    -webkit-transition: color 0.3s ease-in;
    width: 29px;
    height: 30px;
    opacity: 0.7;
}

#big-button-popup {
    background: #EEEFF1;
    border-radius: 8px;
    padding: 40px 90px;
    text-align: left;
}

.big-button-popup-content {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #536271;
}

.big-button-popup-content ul {
    padding-left: 20px;
}

.big-button-popup-content ul li {
  list-style: none;
  position: relative;
}

.big-button-popup-content ul li:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: #493548;
  border-radius: 10px;
  left: -20px;
    top: 5px;
}

.demo-menu {
  display: none !important;
}


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

.home-content {
    padding: 0 15px;
}

.container-online {
    max-width: 1420px;
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
}

.demo-home-block {
    width: 100%;
    max-width: 48%;
    margin: 0 1%;
}

.demo-home-block-image {
    width: 100%;
    height: auto;
}

.onlineplanner-gallery .home-content {
  padding: 0 0 0 15px;
}

.opinie-section .words, .opinie-section .words a {
    font-size: 24px;
    width: 55%;
}

.opinie-section {
    padding: 80px 0;
}

}


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



.container-online {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 15px;
}  

.home-content {
    padding-left: 10px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
    position: relative;
}

.home-content-right {
    width: 100%;
    padding-right: 15px;
}

.home-content-right video {
    height: auto;
    width: 100%;
    max-width: 1085px;
    margin-top: 50px;
}

.demo-home-content {
  flex-direction: column;
  justify-content: flex-start;
}

.demo-home-block-image {
    width: 100%;
    height: auto;
}

.dlaczego-content-two-text,
.dlaczego-content-two,
.dlaczego-content-one {
    flex-direction: column;
}

.dlaczego-content-one-image {
    width: 100%;
    margin-bottom: 25px;
}

.dlaczego-content-one-image img {
    width: 100%;
}

.dlaczego-content-two {
      padding-left: 0;
}
.dlaczego-content-two-block:first-child {
    margin-right: 0;
    margin-bottom: 50px;
}

.dlaczego-content-one-text {
    padding: 0;
}

.dlaczego-content-two-block .dlaczego-content-one-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.dlaczego-last-row {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.dlaczego-last-title,
.dlaczego-last-image {
  margin-bottom: 25px;
}

.home-content-right.gallery-block {
    height: 350px;
    margin-top: 50px;
}

.home-content-right.oferta-section-block {
    padding-top: 50px;
}

.question::after {
    top: 20px;
}

.opinie-section .words, .opinie-section .words a {
    font-size: 20px;
    width: 100%;
    max-width: 90%;
}

.demo-section-content,
#footer .container-online {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.footer-form {
  padding-left: 0;
}

footer .footer-form input, footer .footer-form textarea {
      max-width: 430px;
    width: 100%;
}

.demo-menu {
  display: block !important;
}

.navbar-default .navbar-nav>li>a {
    font-weight: lighter;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #252525 !important;
}

.demo-section-left {
    width: 100%;
    max-width: 540px;
    position: relative;
    top: 0;
    margin-bottom: 50px;
}

.demo-section-right {
    width: calc(100% - 540px);
}



}


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


.home-video-banner-title {
    padding-top: 50px;
    font-size: 36px;
}

.section-title {
  font-size: 28px;
}


.cenna-form-title {
  display: 24px;
}

.white-popup-block {
  width: 90%;
}

#big-button-popup {
    padding: 20px;
}

.big-slider-content-swiper.big-slider-one {
    position: relative;
    max-height: 300px;
}


}