/*   
Theme Name: Indekor
Description: Strona internetowa
Version: S3.0-B5.1
*/

body {

margin: 0;

font-family: "Roboto", "Rubik", "Segoe UI", "Helvetica Neue", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 150%;

color: #ffffff;

background: #1a2227;

padding: 0;

/*mm-styl*/

-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;

}

body#mm-body.mm-body-01 {
color: #dcdcdd;
}

@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}

.row > * {
  padding-right: 15px;
  padding-left: 15px;
}

/*FONTY - POMOC
--------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 2rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

dfn {
  font-style: italic;
}

b, strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

a {
color: #c8252c;
text-decoration: none;
background-color: transparent;
}

a:hover {
color: #ed1c24;
text-decoration: none;
}

a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}

img {
  vertical-align: middle;
  border-style: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Rubik", "Segoe UI", "Helvetica Neue", -apple-system, BlinkMacSystemFont, Arial, sans-serif;

margin-top: 30px;
margin-bottom: 15px;

font-weight: 500;
line-height: 120%;
color: inherit;

/*mm-styl*/
color: #ffffff;
}

body.mm-body-00 h1, body.mm-body-00 h2, body.mm-body-00 h3, body.mm-body-00 h4, body.mm-body-00 h5, body.mm-body-00 h6 {
font-weight: 500;
}

body.mm-body-01 h1, body.mm-body-01 h2, body.mm-body-01 h3, body.mm-body-01 h4, body.mm-body-01 h5, body.mm-body-01 h6 {
font-weight: 300;
margin-top: 15px;
color: #c9cacb;
}

h1, .h1 {font-size: 40px;}
h2, .h2 {font-size: 38px;}
h3, .h3 {font-size: 32px;}
h4, .h4 {font-size: 22px;}
h5, .h5 {font-size: 20px;}
h6, .h6 {font-size: 18px;}

@media (min-width: 768px) and (max-width: 1199.98px) {
h1, .h1 {font-size: 40px;}
h2, .h2 {font-size: 38px;}
h3, .h3 {font-size: 32px;}
h4, .h4 {font-size: 22px;}
h5, .h5 {font-size: 20px;}
h6, .h6 {font-size: 18px;}
}

@media (min-width: 480px) and (max-width: 767.98px) {
h1, .h1 {font-size: 40px;}
h2, .h2 {font-size: 40px;}
h3, .h3 {font-size: 34px;}
h4, .h4 {font-size: 20px;}
h5, .h5 {font-size: 18px;}
h6, .h6 {font-size: 18px;}
}

@media (max-width: 479px) {
h1, .h1 {font-size: 40px;}
h2, .h2 {font-size: 40px;}
h3, .h3 {font-size: 34px;}
h4, .h4 {font-size: 20px;}
h5, .h5 {font-size: 18px;}
h6, .h6 {font-size: 18px;}
}

.mm-h2-01 {
margin: 0 0 25px 0;
font-size: 50px;
line-height: 40px;
font-weight: 700;
}

.mm-h3-01 {
color: #868686;
margin: 0 0 15px 0;
font-size: 30px;
line-height: 30px;
}

p.mm-box-font {
	margin: 30px 0;
}

.mm-p-01 {
	font-size: 14px;
	line-height: 18px;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #e5e5e5;
}

/*POMOC
--------------------------------------------------*/

/*LISTA
--------------------------------------------------*/

#mm-content ul {
list-style: none;
padding: 0;
}

#mm-content ul li {
padding-left: 1.5em;
line-height: 160%;
margin-bottom: 10px;
}

#mm-content ul li:before {
color: #c9252c;
font-size: 16px;
content: "\f138";
font-family: "Font Awesome 6 Free"; 
font-weight: 900; 
display: inline-block;
margin-left: -1.5em;
width: 1.5em;
}

#mm-content ol {
list-style: none; 
counter-reset: li; 
}

#mm-content ol li {
counter-increment: li; 
line-height: 160%;
}

#mm-content ol li::before {
content: "." counter(li);
color: #c9252c;
display: inline-block; 
width: 1.5em;
margin-left: -1.5em;
margin-right: 0.5em; 
text-align: right; 
direction: rtl;
}

.mm-img-center {
display: block;
margin: 0 auto;
}

@media (min-width: 768px) {
.mm-display-mobile,
.display-mobile {
display: none !important;
}
}

@media (max-width: 767.98px) {
.mm-display-normal,
.display-normal {
display: none !important;
}
}

.mm-bb {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* WP - FUNKCJA
--------------------------------------------------*/

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 20px 25px;
  color: #ffffff;
  
  font-size: 30px;
  
  text-decoration: none;
  background-color: transparent;
  border: 1px solid rgba(48, 52, 63, 1);
}

@media (max-width: 767px) {
.list-group-item {
  font-size: 20px;
}
}

.list-group-item-action {
  width: 100%;
  color: #ffffff;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #ffffff;
  text-decoration: none;
  background-color: #ca252b;
}
.list-group-item-action:active {
  color: #ffffff;
  background-color: #ca252b;
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

@media (min-width: 768px) {
#mm-kontakt-row.mm-footer-tlo {
	background: url('images/tlo-dane-y.png') repeat-y center;
}
}

@media (max-width: 767.98px) {
#mm-kontakt-row {
text-align: center;
}
}

#mm-kontakt-row h4 {
	margin: 0 0 20px 0;
	font-size: 16px;
	color: #7d7f81;
}

#mm-kontakt-row h2 {
	margin: 0;
	font-size: 30px;
	font-weight: 500;
}

#mm-kontakt-row h3 {
	color: #ffffff;
	margin: 0 0 20px 0;
	font-size: 20px;
	font-weight: 400;
}

#mm-kontakt-row .mm-telefon {
	color: #ffffff;
	margin: 0 0 5px 0;
	font-size: 20px;
	font-weight: 400;
}

#mm-kontakt-row.mm-footer-tlo .mm-telefon {
	color: #94969c;
}

#mm-kontakt-row .mm-telefon a,
#mm-kontakt-row .mm-telefon a:hover {
	color: #ffffff;
}

#mm-kontakt-row.mm-footer-tlo .mm-telefon a,
#mm-kontakt-row.mm-footer-tlo .mm-telefon a:hover {
	color: #94969c;
}

#mm-kontakt-row .mm-email span, 
#mm-kontakt-row .mm-telefon span {
	font-size: 16px;
	color: #7d7f81;
}

#mm-kontakt-row .mm-email {
	color: #ffffff;
	margin: 0 0 5px 0;
}

#mm-kontakt-row.mm-footer-tlo .mm-email {
	color: #94969c;
}

#mm-kontakt-row .mm-email a, 
#mm-kontakt-row .mm-email a:hover {
	color: #ffffff;
}

#mm-kontakt-row.mm-footer-tlo .mm-email a, 
#mm-kontakt-row.mm-footer-tlo .mm-email a:hover {
	color: #94969c;
}

#mm-kontakt-row table {
	margin: 0 0 20px 0;
}

#mm-kontakt-row table td {
	padding-right: 10px;
}

#mm-kontakt-row td.mm-dzien {
	color: #7d7f81;
}

#mm-kontakt-row.mm-footer-tlo td.mm-dzien {
	color: #94969c;
}

.mm-godziny-otwarcia {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;

}

@media (max-width: 767.98px) {
.mm-godziny-otwarcia {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	
	padding: 0;
}
}

.mm-go-dzien {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;

min-width: 80px;

padding-right: 10px;

color: #7d7f81;
}

.mm-go-godzina {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;

color: #ffffff;
}

#mm-kontakt-row.mm-footer-tlo .mm-go-godzina {
	color: #94969c;
}

.mm-dane {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	
	margin: 30px 0;
	
	padding: 0;
}
@media (min-width: 768px) {
.mm-dane.mm-02 {
	padding-left: 30px;
}
}

@media (max-width: 767.98px) {
.mm-dane {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	
	padding: 0;
}
}

@media (max-width: 767.98px) {
.mm-dane.mm-02 {
	border-top: 1px solid #7d7f81;
	padding-top: 30px;
}
}


.mm-dane-kolumna-left {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;

padding: 0px;
}

.mm-dane-kolumna-right {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;

padding: 0px;
}

@media (max-width: 575.98px) {
.mm-dane-kolumna-left,
.mm-dane-kolumna-right {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
text-align: center;
padding: 0px;
}
}










/* WP - PLUGIN
--------------------------------------------------*/

.wp-block-file{
margin: 20px 0;
border-top: 1px solid #d1cec7;

display: flex;
display: -ms-flexbox;

flex-wrap: wrap;
-ms-flex-wrap: wrap;

padding: 10px 0;
}

.wp-block-file a {
-ms-flex: 0 0 auto;
flex: 0 0 auto;

color: #444444;
font-size: 20px;
line-height: 30px;
}

.wp-block-file.aligncenter{
text-align:center
}
.wp-block-file.alignright{
text-align:right
}
.wp-block-file .wp-block-file__button{
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 5px 15px;
font-size: 14px;
line-height: 20px;
border-radius: 5px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

color: #ffffff;
background-color: #ed3334 !important;
border-color: #ed3334;

align-self: flex-end;
}
.wp-block-file a.wp-block-file__button{
text-decoration:none
}
.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:visited {
box-shadow:none;color:#fff;
opacity:.85;
text-decoration:none
}

.wp-block-file a.wp-block-file__button:hover {
box-shadow:none;
background: #d1cec7;
border-color: #d1cec7;
color:#fff;
opacity:.85;
text-decoration:none
}

.wp-block-file *+.wp-block-file__button{
margin-left:.75em
}

/*WORDPRESS
--------------------------------------------------*/

.alignleft {
display: inline;
float: left;
}

.alignright {
display: inline;
float: right;
}

.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

table.aligncenter {
display: table;
}

table caption {
text-align: center; 
font-size: 15px; 
}

.center-img {
display: block;
margin: 0 auto;
padding: 0;
}

/* GALERIA
--------------------------------------------------*/

.mm-gal-box {
float: left;
width: 100%;
margin: 0;
border: 0;
background: #30343f;
border: 4px solid #1a2227;
}

@media (min-width: 1200px) {
.mm-gal-box {
min-height: 244px;
}
}

.mm-gal-box {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  
  will-change: transform;
}

.mm-gal-box:hover {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
  border: 4px solid #1a2227;
}

.mm-gal-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -4px;
margin-left: -4px;
}

.mm-gal-col {
margin: 0;
padding: 0;

-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}

.mm-content-box-galeria .mm-gal-col {
margin: 0;
padding: 5px;

-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}

@media (max-width: 767.98px) {
.mm-gal-col {
margin: 0;
padding: 0;

-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.mm-content-box-galeria .mm-gal-col {
margin: 0;
padding: 0;

-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}

.mm-gal-box img {

}

.mm-gallery-img {
display: block;
margin: 0 auto;

}

.baguetteBox-button#next-button:focus, 
.baguetteBox-button#previous-button:focus {
outline: 0 !important;
}

.mm-col-gal {

}

.mm-gallery-img {

}
.mm-gallery-img:hover {

}

/* FLEX CONTENT
--------------------------------------------------*/

.mm-flex-content {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;

}

.mm-flex-content-box {
position: relative;
}

.mm-flex-content-inside {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;

}

.mm-flex-content-inside-box {
position: relative;
}

/* CONTENT BOX
--------------------------------------------------*/

.mm-header-box {
float: left; 
width: 100%; 
}

.mm-content-box {
float: left; 
width: 100%; 
}

.mm-footer-box {
float: left; 
width: 100%; 
}

/* STRONA
--------------------------------------------------*/

#mm-page {
overflow: hidden;
position: relative;
padding-top: 79px;
}

@media (max-width: 767.98px) {
#mm-page {
padding-top: 70px;
}
}

header { 
margin: 0;
padding: 0;
}

#mm-header {
	
}

footer {
margin: 0;
padding: 0;
}

#mm-footer {

}

/* NAWIGACJA - MENU - STYL - BOOTSTRAP
--------------------------------------------------*/

.mm-navbar-web {
background: #30343f;

border-bottom: 0;

padding: 0;
margin: 0;

-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

@media (max-width: 767.98px) {
.mm-navbar-web.mm-nw-top {top: 0;}
.mm-navbar-web .navbar-collapse.collapse.show {padding-bottom: 30px;}
.mm-navbar-web {padding: 0 5px;}
.mm-navbar-web.mm-nw-top .navbar-nav {padding: 0 5px 10px 0;}
}

.navbar .navbar-collapse {
  overflow-y: auto;
}

@media screen and (min-width: 768px)  { 
  .navbar .navbar-collapse {
    overflow-y: visible !important;
    max-height: none !important;
  }
}

.mm-navbar-web {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {

}


/* pojawia sie po 150px */
.mm-navbar-web.mm-nw-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;

animation-duration: 1s;
animation-fill-mode: both;
-webkit-animation-name: fadeInDown;

-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-name: fadeInDown;

-webkit-box-shadow: 0px 1px 1px 0px rgba(37,49,58,1);
-moz-box-shadow: 0px 1px 1px 0px rgba(37,49,58,1);
box-shadow: 0px 1px 1px 0px rgba(37,49,58,1);
}

.mm-navbar-web .navbar-brand {
width: 290px;
height: 104px;
background: url('images/indekor_logo.png') no-repeat top center;
background-size: contain;
margin-right: 30px;
margin-bottom: -24px;

will-change: transform;
}

@media (max-width: 767.98px) {
.mm-navbar-web .navbar-brand {
width: 195px;
height: 70px;
background: url('images/indekor_logo.png') no-repeat top center;
background-size: contain;
margin-right: 60px;
margin-bottom: 0;

will-change: transform;
}
}

.mm-navbar-web.mm-nw-top .navbar-brand {
width: 195px;
height: 70px;
background: url('images/indekor_logo.png') no-repeat top center;
background-size: contain;
margin-right: 60px;
margin-bottom: 0;

will-change: transform;
}

.navbar-brand {
display: inline-block;
padding-top: 0;
padding-bottom: 0;
min-height: 70px;
}
	
@media (max-width: 767.98px) {
.navbar-brand {height: 70px;}
}

.mm-navbar-web .navbar-nav .nav-link {

color: #ffffff;

font-size: 14px;
line-height: 30px;
padding: 5px 10px;

margin: 0;

font-weight: 500;

background: transparent;

text-transform: uppercase;

-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;

-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;

-webkit-transition-property: color, background-color;
transition-property: color, background-color;

}

.mm-navbar-web.mm-nw-top .navbar-nav .nav-link.wyrozniony {
color: #ffffff;
}

@media (min-width: 768px) and (max-width: 991.98px) {
	
.mm-navbar-web .navbar-nav .nav-link {

font-size: 15px;
line-height: 30px;
padding: 5px 15px;

margin: 0;

}
	
}

@media (max-width: 767.98px) {

.mm-navbar-web .navbar-nav .nav-link {
border-top: 1px solid #25313a;

text-align: center;

padding: 15px 15px;
font-weight: 500;

}

.mm-navbar-web .navbar-nav li:first-child .nav-link {
border-top: 0;
}

}
 
.mm-navbar-web .navbar-nav .nav-link:focus {

background: transparent;
}

.mm-navbar-web .navbar-nav .nav-link:hover {
color: #57646d;
background: transparent;
}

.mm-navbar-web.mm-nw-top .navbar-nav .nav-link:hover {

}

.mm-navbar-web .navbar-nav .nav-link.disabled {
color: #7d7d7d;
}

@media (min-width: 768px) {

.mm-navbar-web .navbar-nav .show > .nav-link,
.mm-navbar-web .navbar-nav .active > .nav-link,
.mm-navbar-web .navbar-nav .nav-link.show,
.mm-navbar-web .navbar-nav .nav-link.active {
color: #57646d;
background: transparent;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.mm-navbar-web .navbar-nav .show > .nav-link:hover,
.mm-navbar-web .navbar-nav .active > .nav-link:hover,
.mm-navbar-web .navbar-nav .nav-link.show:hover,
.mm-navbar-web .navbar-nav .nav-link.active:hover {
color: #57646d;
background: transparent;

}

}

@media (max-width: 767.98px) {

.mm-navbar-web .navbar-nav .show > .nav-link,
.mm-navbar-web .navbar-nav .active > .nav-link,
.mm-navbar-web .navbar-nav .nav-link.show,
.mm-navbar-web .navbar-nav .nav-link.active {
color: #57646d;
background: transparent;

}

.mm-navbar-web .navbar-nav .show > .nav-link:hover,
.mm-navbar-web .navbar-nav .active > .nav-link:hover,
.mm-navbar-web .navbar-nav .nav-link.show:hover,
.mm-navbar-web .navbar-nav .nav-link.active:hover {
color: #57646d;
background: transparent;

}

}

.mm-navbar-web.mm-nw-top.mm-nw-top-0 .navbar-nav .show > .nav-link,
.mm-navbar-web.mm-nw-top.mm-nw-top-0 .navbar-nav .active > .nav-link,
.mm-navbar-web.mm-nw-top.mm-nw-top-0 .navbar-nav .nav-link.show,
.mm-navbar-web.mm-nw-top.mm-nw-top-0 .navbar-nav .nav-link.active {

background: transparent;
}

.mm-navbar-web.mm-nw-top.mm-nw-top-0 .navbar-nav .show > .nav-link:hover,
.mm-navbar-web.mm-nw-top.mm-nw-top-0 .navbar-nav .active > .nav-link:hover,
.mm-navbar-web.mm-nw-top.mm-nw-top-0 .navbar-nav .nav-link.show:hover,
.mm-navbar-web.mm-nw-top.mm-nw-top-0 .navbar-nav .nav-link.active:hover {

background: transparent;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

.mm-navbar-web .navbar-toggler {
color: rgba(255, 255, 255, 0.9);
border-color: rgba(48, 53, 63, 1);
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
	
color: rgba(255, 255, 255, 0.9);
border-color: rgba(48, 53, 63, 1);
}

.mm-navbar-web .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.mm-navbar-web .navbar-text {
color: rgba(85, 58, 48, 0.5);
}

.mm-navbar-web .navbar-text a {

}

.mm-navbar-web .navbar-text a:hover, .navbar-dark .navbar-text a:focus {

}

/* NAWIGACJA - HEADER - DROPDOWN-MENU - STYL - BOOTSTRAP
--------------------------------------------------*/

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #ffffff;
  text-align: left;
  list-style: none;
  background-color: #30343f;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

/* show second menu*/
.dropdown-menu li:hover a+ul {
     display: block;
     top: 80%;
}



@media (max-width: 767px) {
	
.dropdown-menu li a+ul {
     display: block;
     top: 80%;
}	
	
.dropdown-menu {
background-color: #252831;
}

.dropdown-menu .dropdown-menu {
background-color: #191b21;
}

}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.8rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #ffffff;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

@media (max-width: 767px) {
.dropdown-item {
text-align: center;
}
}

.dropdown-item:hover, .dropdown-item:focus {
color: #57646d;
  background-color: #30343f;
}

.dropdown-menu .current_page_item.active > .dropdown-item, 
.dropdown-item.active, .dropdown-item:active {
color: #57646d;
  text-decoration: none;
  background-color: #30343f;
}

@media (max-width: 767px) {
	
.dropdown-item:hover, .dropdown-item:focus {
color: #57646d;
  background-color: transparent;
}

.dropdown-menu .current_page_item.active > .dropdown-item, 
.dropdown-item.active, .dropdown-item:active {
color: #57646d;
  text-decoration: none;
  background-color: transparent;
}
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

/*FOOTER - MENU
--------------------------------------------------*/

#mm-footer-menu  {
	float: left;
	width: 100%;
	position: relative;
	margin-top: 128px;
}

.nav.mm-footer-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;

}

.nav.mm-footer-nav .nav-link,
.nav.mm-footer-nav .menu-item a {
  display: block;
  padding: 10px 10px;

}

.nav.mm-footer-nav .nav-link:hover, 
.nav.mm-footer-nav .nav-link:focus,
.nav.mm-footer-nav .menu-item a:hover,
.nav.mm-footer-nav .menu-item a:focus {
  text-decoration: none;
}

.nav.mm-footer-nav .nav-link,
.nav.mm-footer-nav .nav-item,
.nav.mm-footer-nav .menu-item {
font-size: 15px;
color: #f0e3cd;
font-weight: 400;
background-color: transparent;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.nav.mm-footer-nav .nav-item > a:hover,
.nav.mm-footer-nav .nav-item > a:focus,
.nav.mm-footer-nav .menu-item > a:hover,
.nav.mm-footer-nav .menu-item > a:focus {
color: #f0e3cd;
text-decoration: none;
background-color: transparent;
}

.nav.mm-footer-nav .nav-item.active > a,
.nav.mm-footer-nav .nav-item.active > a:hover,
.nav.mm-footer-nav .nav-item.active > a:focus,
.nav.mm-footer-nav .nav-item.current_page_item > a,
.nav.mm-footer-nav .nav-item.current_page_item > a:hover,
.nav.mm-footer-nav .nav-item.current_page_item > a:focus,
.nav.mm-footer-nav .menu-item.active > a,
.nav.mm-footer-nav .menu-item.active > a:hover,
.nav.mm-footer-nav .menu-item.active > a:focus,
.nav.mm-footer-nav .menu-item.current_page_item > a,
.nav.mm-footer-nav .menu-item.current_page_item > a:hover,
.nav.mm-footer-nav .menu-item.current_page_item > a:focus {
color: #f0e3cd;
background-color: transparent;
}

/* SEARCH
--------------------------------------------------*/

.mm-search-box {
float: left;
width: 100%;
margin: 0;
padding: 20px 0 5px 0;
}

/* OKRUSZKI - PODSTRONA
--------------------------------------------------*/

#crumbs {
float: left;
width: 100%;
font-size: 13px;
line-height: 15px;
padding: 0;
margin: 0;
list-style: none;
background-color: transparent;
color: #686868;
}

@media (max-width: 767px) {
#crumbs {
text-align: center;
padding: 20px 0px 10px 0;
}
}

.crumbs-slash {
color: #686868;
}

#crumbs a {
font-size: 13px;
line-height: 15px;
color: #686868;
}

#crumbs a:hover,
#crumbs a:focus {
color: #dcdcdd;
}

#crumbs span.current {
font-size: 13px;
color: #686868;
}


/* HOME - HEADER
--------------------------------------------------*/

#mm-header.mm-home {
background: transparent;
}

#mm-header.mm-home {
background: transparent;
}

/* HOME - HEADER - MOBILE BANER
--------------------------------------------------*/

@media (min-width: 768px) {
#mm-img-header-mobile {
display: none;
height: 0;
width: 0;
margin: 0;
overflow: hidden;
border: 0;
}
}

@media (max-width: 767.98px) {
#mm-img-header-mobile {
display: block;
margin: 0 auto;
}
}

/* HOME - HEADER - MAIN - A
--------------------------------------------------*/

#mm-mh-a {
position: relative;
padding: 0; 

background: url('images/home/tlo-ah.png') repeat-x top;
}

#mm-mh-a-inside {
position: relative;
padding: 0; 

background: url('images/home/tlo_01_02.jpg') no-repeat top center;
background-position: calc(50% - 300px) 0;
}

@media (max-width: 767.98px) {

#mm-mh-a {
position: relative;
padding: 0; 
background: transparent;
}

#mm-mh-a-inside {
position: relative;
padding: 0; 

background: transparent;
}


}

/* HOME - HEADER - CONTENT - 001
--------------------------------------------------*/

#mm-h-001 {
float: left; 
width: 100%; 

padding-top: 0px; 
padding-bottom: 0px;
position: relative;

}

#mm-h-001-01 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
	
margin: 0;

overflow: hidden;
}

@media (min-width: 768px) {
#mm-h-001-01 {

min-height: 720px;

}
}

@media (max-width: 767.98px) {
#mm-h-001-01 {
padding-top: 60px;
min-height: 0px;

}
}

#mm-h-001-01-01 {
-webkit-flex: 0 0 330px;
-ms-flex: 0 0 330px;
flex: 0 0 330px;

height: 100%;

padding: 0;

position: relative;

}

@media (max-width: 767.98px) {
	
#mm-h-001-01-01 {
display: none;
height: 0;
width: 0;
margin: 0;
overflow: hidden;
border: 0;

}

#mm-img-001-h-001 {
display: none;
height: 0;
width: 0;
margin: 0;
overflow: hidden;
border: 0;
}

}

#mm-h-001-01-01 h1 {
	color: #ffffff;
	font-size: 60px;
	line-height: 50px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

#mm-h-001-01-01 h2 {
	color: #ffffff;
	font-size: 22px;
	line-height: 24px;
	font-weight: 300;
	margin: 10px 0;
}

@media (max-width: 767.98px) {
#mm-h-001-01-01 h1 {
	color: #ffffff;
	font-size: 40px;
	line-height: 38px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

#mm-h-001-01-01 h2 {
	color: #ffffff;
	font-size: 18px;
	line-height: 20px;
	font-weight: 300;
	margin: 10px 0;
}
}


#mm-h-001-01-02 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;

padding: 40px 0 0 60px;
height: 250px;

position: relative;

background: #30343f url('images/home/baner_kontakt.png') no-repeat top center;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;


}

@media (max-width: 767.98px) {
#mm-h-001-01-02 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;

margin-top: 60px;

padding: 30px 20px 250px 20px;
height: auto;

background: #30343f url('images/home/baner_kontakt.png') no-repeat right bottom;

}
}



#mm-h-001-01-02 .mm-text-box h3 { 
margin: 0;
}

#mm-h-001-01-02 .mm-text-box p { 
color:#b9babc;
font-weight: 300;
margin: 10px 0 0 0;
}

@media (min-width: 768px) {
#mm-h-001-01-02 .mm-text-box p span {
	display: block;
}
}

#mm-h-001-01-02 .mm-text-box {
	width: 400px;
}

@media (max-width: 767.98px) {
	
#mm-h-001-01-02 .mm-text-box h3 { 
font-size: 26px;
}
	
#mm-h-001-01-02 .mm-text-box {
	width: 100%;
}
}


#mm-img-ab-h-001 {
	position: absolute;
	bottom: 0;
	left: calc(50% - 124px);
}

.mm-img-hh-001 {
	
}

/* HOME - MAIN - CONTENT
--------------------------------------------------*/

#mm-content.mm-home {

}

/* HOME - MAIN - CONTENT - A
--------------------------------------------------*/

#mm-mc-a {
position: relative;
}

/* HOME - MAIN - CONTENT - BOX - 001
--------------------------------------------------*/

#mm-c-001 {
float: left; 
width: 100%; 
padding-top: 30px; 
padding-bottom: 30px;
position: relative;
}

#mm-c-001-01 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

min-height: 540px;

position: relative;

}

#mm-c-001-01-01 {
-webkit-flex: 0 0 250px;
-ms-flex: 0 0 250px;
flex: 0 0 250px;

padding-right: 60px;

min-height: 340px;

position: relative;
}

@media (max-width: 767.98px) {

#mm-c-001-01-01 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;

padding: 30px 0;

min-height: 50px;

text-align: center;
}

#mm-c-001-01-01 img {
	display: block;
	margin: 0 auto;
}

}


#mm-c-001-01-02 {
-webkit-flex: 0 0 calc(100% - 250px);
-ms-flex: 0 0 calc(100% - 250px);
flex: 0 0 calc(100% - 250px);

position: relative;

}


@media (max-width: 767.98px) {

#mm-c-001-01-02 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;

}

}


#mm-c-001-01-01 p {color: #b9babc; font-weight: 400;}
#mm-c-001-01-02 p {color: #b9babc; margin-top: 20px;}

#mm-inside-001 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	
	background: url('images/tlo-ikonka.jpg') repeat-x center;

	margin: 0;
}

@media (max-width: 767.98px) {
#mm-inside-001 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	
	background: transparent;

	margin: 30px 0 60px 0;
}
}

.mm-inside-001-00 {
    -webkit-flex: 0 0 120px;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
	
background: #1a2227;
	
	padding: 0;
	margin: 0;
}

@media (max-width: 767.98px) {
.mm-inside-001-00 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
	
background: #1a2227;
	
text-align: center;
	
	padding: 0 10px;
	margin: 0;
}

.mm-inside-001-00 img {
	display: block;
	margin: 0 auto;
}


}



/* HOME - MAIN - CONTENT - B
--------------------------------------------------*/

#mm-mc-b {
position: relative;
background: #30343f;
}

/* HOME - MAIN - CONTENT - BOX - 002
--------------------------------------------------*/

#mm-c-002 {
float: left; 
width: 100%; 
padding-top: 30px; 
padding-bottom: 30px;
position: relative;
}

#mm-c-002-01 {

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

margin: 0;

min-height: 540px;

position: relative;

}

#mm-c-002-01-01 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;

padding: 0;
position: relative;

overflow: hidden;
}

/* HOME - SWIPER - 01
--------------------------------------------------*/

.swiper-container-01 {
width: 100%;

padding: 0;
margin: 0;

visibility: hidden;
}

@media (max-width: 767.98px) {
.swiper-container-01 {
padding: 30px 0 30px 0;
}

}




.swiper-container-01 .swiper-wrapper {
width: 100%;
}

.swiper-container-01 .swiper-slide {
width: 100%;

}

.swiper-button-prev.mm-01::after,
.swiper-button-next.mm-01::after {
font-family: "Font Awesome 5 Free"; 
font-size: 60px;
font-weight: 900;
}

.swiper-button-prev.mm-01::after {
	content: "\f053";
}

.swiper-button-next.mm-01::after {
	content: "\f054";
}

.swiper-button-prev.mm-01,
.swiper-button-next.mm-01 {
color: #ffffff;
opacity: 0.2;
font-size: 30px;
visibility: hidden;
}

.swiper-container-01:hover .swiper-button-prev.mm-01,
.swiper-container-01:hover .swiper-button-next.mm-01 {
visibility: visible;
}

.swiper-button-prev.mm-01 {
left: 25px;

}

.swiper-button-next.mm-01 {
right: 25px;

}

@media (max-width: 767.98px) {
.swiper-button-prev.mm-01 {
left: 25px;
bottom: 40px;
}
.swiper-button-next.mm-01 {
right: 25px;
bottom: 40px;
}
}

.swiper-pagination.mm-01 .swiper-pagination-bullet {
  background: #ffffff;
}

.mm-slide-header-content {

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

padding: 0;
margin: 0;

width: 100%;

}


@media (min-width: 768px) {
	
.mm-slide-header-content {
height: 446px;
}

}

@media (max-width: 767.98px) {
.mm-slide-header-content {
height: auto;
}
}


.mm-slide-header-content-box {

-webkit-order: 0;
-ms-flex-order: 0;
order: 0;

-webkit-flex: 0 0 440px;
-ms-flex: 0 0 440px;
flex: 0 0 440px;

width: 440px;

padding: 30px 30px 0 30px;
margin: 0;

position: relative;

}

.mm-slide-header-content-box-img {

-webkit-order: 0;
-ms-flex-order: 0;
order: 0;

-webkit-flex: 0 0 calc(100% - 440px);
-ms-flex: 0 0 calc(100% - 440px);
flex: 0 0 calc(100% - 440px);

width: calc(100% - 440px);

padding: 0;
margin: 0;

position: relative;

}


@media (max-width: 767.98px) {
	
.mm-slide-header-content-box {

-webkit-order: 0;
-ms-flex-order: 0;
order: 0;

-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;

padding: 30px 20px 0 20px;
margin: 0;

position: relative;

}

.mm-slide-header-content-box-img {

-webkit-order: 0;
-ms-flex-order: 0;
order: 0;

-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;

padding: 0 0 30px 0;
margin: 0;

position: relative;

}

}




.mm-slide-header-content-box h2 {
	color: #ffffff;
	font-size: 50px;
	margin: 0 0 15px 0;
	text-align: left;
}

.mm-slide-header-content-box p {
	color: #ffffff;
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	margin: 20px 0;
	text-align: left;
}

/* HOME - MAIN - CONTENT - C - 2024 V2
--------------------------------------------------*/

.mm-mcc-b-v2-01 {
position: relative;
background: #30343f;
}

.mm-mcc-b-v2-02 {
position: relative;
background: transparent;
}


.mm-cc-002-v2 {
float: left; 
width: 100%; 
padding-top: 30px; 
padding-bottom: 30px;
position: relative;
}

.mm-cc-002-01-v2 {

    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
	
margin: 0;

position: relative;

}

@media (min-width: 768px) {
.mm-cc-002-01-v2 {

min-height: 600px;

}
}


@media (max-width: 767.98px) {
.mm-cc-002-01-v2 {

padding: 60px 0;

}
}

@media (min-width: 768px) {
.mm-cc-002-01-01-v2 {
-webkit-flex: 0 0 50%;
flex: 0 0 50%;

width: 50%;
max-width: 50%;

padding: 0;
position: relative;

}
}


@media (max-width: 767.98px) {

.mm-cc-002-01-01-v2 {
-webkit-flex: 0 0 100%;
flex: 0 0 100%;

width: 100%;
max-width: 100%;

padding: 0;
position: relative;

}

.mm-mob-order-top {
    -webkit-order: 1;
    order: 1;
}

.mm-mob-order-bottom {
    -webkit-order: 2;
    order: 2;
}

}

.mm-img-okna-01-v2 {
	margin: 0 auto;
}

.mm-h3-02-v2 {
margin: 0 0 15px 0;
font-size: 50px;
line-height: 50px;
}

@media (min-width: 768px) {
.mm-cc-002-txt-box-v2.mm-p-left {
padding-left: 60px;
}

.mm-cc-002-txt-box-v2.mm-p-right {
padding-right: 60px;
}
}


/* HOME - MAIN - CONTENT - C
--------------------------------------------------*/

#mm-mc-c {
position: relative;

background: url('images/home/tlo_technika_oslonowa_02.png') no-repeat;
background-position: calc(50% + 200px) 50%;
}

#mm-mc-cc {
position: relative;

background: url('images/home/tlo_technika_oslonowa.png') no-repeat;
background-position: calc(50% - 400px) 50%;
}

@media (max-width: 767.98px) {
#mm-mc-c {
position: relative;

background: transparent;
}

#mm-mc-cc {
position: relative;

background: transparent;
}
}



/* HOME - MAIN - CONTENT - BOX - 003
--------------------------------------------------*/

#mm-c-003 {
float: left; 
width: 100%; 
padding-top: 30px; 
padding-bottom: 30px;
position: relative;
}

#mm-c-003-01 {

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

margin: 0;

min-height: 700px;

position: relative;

}

#mm-c-003-01-01 {
-webkit-flex: 0 0 420px;
-ms-flex: 0 0 420px;
flex: 0 0 420px;
width: 420px;


padding: 0;
position: relative;
}


@media (min-width: 768px) {
#mm-img-001-c-003 {
height: 0;
margin: 0;
overflow: hidden;
border: 0;
display: none;
}
}

@media (max-width: 767.98px) {
#mm-c-003-01-01 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;


padding: 0;
position: relative;
}
}

/* HOME - MAIN - CONTENT - D
--------------------------------------------------*/

#mm-mc-d {
position: relative;
}

/* HOME - MAIN - CONTENT - BOX - 004
--------------------------------------------------*/

#mm-c-004 {
float: left; 
width: 100%; 
padding-top: 30px; 
padding-bottom: 30px;
position: relative;
}

#mm-c-004-01 {

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

margin: 0;
padding: 0;

position: relative;

}

#mm-c-004-01-01 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;


padding: 30px;

position: relative;

background: url('images/home/tlo_rolety_01.jpg') no-repeat;
background-size: cover;
min-height: 550px;
}

@media (max-width: 767.98px) {
#mm-c-004-01-01 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;

padding: 30px 15px;

position: relative;

background: url('images/home/tlo_rolety_01.jpg') no-repeat;
background-size: cover;
min-height: 550px;
}
}

#mm-c-004-01 h2 {
text-align: center;	
}

#mm-c-004-01 p {
text-align: center;	
}

#mm-c-004-01-02 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;

padding: 30px;

position: relative;
min-height: 550px;
background: url('images/home/tlo_markizy_01.jpg') no-repeat;
background-size: cover;
min-height: 550px;
}

@media (max-width: 767.98px) {
#mm-c-004-01-02 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;

padding: 30px 15px;

position: relative;

background: url('images/home/tlo_markizy_01.jpg') no-repeat;
background-size: cover;
min-height: 550px;
}
}



.mm-img-cc-004 {
	display: block;
	margin: 0 auto;
}

/* HOME - MAIN - CONTENT - E
--------------------------------------------------*/

#mm-mc-e {
position: relative;
}

/* HOME - MAIN - CONTENT - BOX - 005
--------------------------------------------------*/

#mm-c-005 {
float: left; 
width: 100%; 
padding-top: 30px; 
padding-bottom: 30px;
position: relative;

overflow: hidden;
}

#mm-c-005-01 {

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

margin: 0;

position: relative;

}

@media (min-width: 768px) {
#mm-c-005-01 {
min-height: 500px;
}
}

#mm-c-005-01-01 {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

padding: 0;
position: relative;
}

@media (min-width: 768px) {
#mm-c-005-01-01 {
height: 280px;
}
}

@media (max-width: 767.98px) {

#mm-c-005-01-01 {
padding: 60px 0;
}

}

#mm-img-c-005 {
	display: block;
	margin: 0 auto;
}

#mm-inside-005 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

margin: 0;
}

@media (min-width: 768px) {
#mm-inside-005 {
height: 280px;
}
}

#mm-inside-005 h3 {
	color: #ffffff;
	font-size: 30px;
	line-height: 30px;
	font-weight: 300;
	margin: 10px 0;
}

#mm-inside-005-01 {
-webkit-flex: 0 0 460px;
-ms-flex: 0 0 460px;
flex: 0 0 460px;
width: 460px;

text-align: left;
}

#mm-inside-005-02 {
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
width: 100px;


}

#mm-inside-005-03 {
-webkit-flex: 0 0 460px;
-ms-flex: 0 0 460px;
flex: 0 0 460px;
width: 460px;

text-align: right;
}

@media (max-width: 767.98px) {

#mm-inside-005-01 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;

text-align: center;
}

#mm-inside-005-02 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;

text-align: center;
}

#mm-inside-005-03 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;

text-align: center;
}

}

#mm-inside-005-03 p {
	margin: 10px 0;
}

@media (min-width: 992px) {
#mm-inside-005-03 p span {
	display: block;
}
}

#mm-c-005-01-02 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
	
height: 280px;

padding: 0 0 40px 0;
position: relative;

}

@media (max-width: 767.98px) {
#mm-c-005-01-02 {

min-height: 280px;

padding: 0 0 30px 0;

}
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

#mm-img-ab-c-005 {
	position: absolute;
	bottom: 0;
	left: calc(50% - 70px);
	z-index: 800;

}

@media (max-width: 767.98px) {
#mm-img-ab-c-005 {
	position: absolute;
	bottom: 0;
	bottom: 30px;
	left: calc(50% - 70px);
	z-index: 800;

}
}

@media (min-width: 768px) {

.mm-img-cc-005.visible  {
opacity: 1;

  -webkit-animation-duration: 1s;
  animation-duration: 1s;

-webkit-animation-fill-mode: both;
animation-fill-mode: both;
 
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;

-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;

will-change: transform;
  
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
}

}

/* HOME 005 - SWIPER - 02
--------------------------------------------------*/

.swiper-container-02 {

padding: 0 0 30px 0;
margin: 0 auto;

visibility: hidden;

}

@media (min-width: 1200px) {
.swiper-container-02 {
width: 990px;
}
}

@media (max-width: 1199px) {
.swiper-container-02 {
width: 100%;
}
}

.swiper-container-02 .swiper-wrapper {

}

.swiper-container-02 .swiper-slide {


}

.swiper-container-02 .swiper-slide img {
display: block;
margin: 0 auto;
width: 330px;

}

/* HOME - MAIN - CONTENT - F
--------------------------------------------------*/

#mm-mc-f {
position: relative;

}

/* HOME - MAIN - CONTENT - BOX - 006
--------------------------------------------------*/

#mm-c-006 {
float: left; 
width: 100%; 
padding-top: 30px; 
padding-bottom: 30px;
position: relative;
}

#mm-c-006-01 {

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

margin: 0;

min-height: 300px;

position: relative;

}

#mm-c-006-01-01 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;

padding: 0;
position: relative;
}

#mm-c-006-01-01 h2 {
	margin: 0;
	
}

@media (max-width: 767.98px) {
#mm-c-006-01-01 h2 {
font-size: 22px;
	
}
}



/* HOME 006 - SWIPER - 03
--------------------------------------------------*/

.swiper-container-03 {
width: 100%;

padding: 0;
margin: 30px auto;
height: 100px;
visibility: hidden;
}

.swiper-container-03 .swiper-wrapper {
width: 100%;
}

.swiper-container-03 .swiper-slide {
width: 100%;

}

.swiper-container-03 .swiper-slide img {
display: block;
margin: 0 auto;
width: 330px;

}


/* PAGE - HEADER
--------------------------------------------------*/

#mm-header.mm-page {
background: transparent;
}

#mm-header.mm-page {
background: transparent;
}

/* PAGE - HEADER - MAIN - B
--------------------------------------------------*/

#mm-mh-b {
position: relative;
padding: 0; 

background: transparent;
}

/* PAGE - HEADER - CONTENT - 001
--------------------------------------------------*/

#mm-h-002 {
float: left; 
width: 100%; 

padding-top: 0px; 
padding-bottom: 0px;
position: relative;

}

#mm-h-002-01 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	
margin: 0;

overflow: hidden;
}

#mm-h-002-01-01 {
-webkit-flex: 0 0 calc(100% - 300px);
-ms-flex: 0 0 calc(100% - 300px);
flex: 0 0 calc(100% - 300px);

padding: 30px 0;
}

@media (max-width: 767.98px) {
#mm-h-002-01-01 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;

padding: 30px 0;
}
}

#mm-h-002-01-01 h1 {
letter-spacing: -1px;
margin: 50px 0 10px 0;
font-size: 46px;
color: #ffffff;
font-weight: 500;
line-height: 100%;
}

@media (max-width: 767.98px) {
	
#mm-h-002-01-01 h1 {
letter-spacing: -1px;
margin: 50px 0 10px 0;
font-size: 30px;
color: #ffffff;
font-weight: 500;
line-height: 100%;

text-align: center;
}

}

#mm-h-002-01-02 {
-webkit-flex: 0 0 300px;
-ms-flex: 0 0 300px;
flex: 0 0 300px;

padding: 45px 0 0 0;

}

@media (max-width: 767.98px) {
#mm-h-002-01-02 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;

padding: 0;

height: 0;
margin: 0;
overflow: hidden;
border: 0;

}
}


.mm-baner {
display: flex;
display: -ms-flexbox;

flex-wrap: wrap;
-ms-flex-wrap: wrap;

align-items: center;
-ms-flex-align: center;

margin-bottom: 0px;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width: 300px;
background: #ffffff;
}

@media (max-width: 767.98px) {

.mm-baner {
margin: 20px auto 0 auto;
width: 380px;
}

}

.mm-baner:hover {
background: #f6f6f6;
}

@media (max-width: 767.98px) {
.mm-baner:hover {
background: transparent;
}
}

.mm-baner .mm-baner-ikonka {
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
}

.mm-baner .mm-baner-opis {
-webkit-flex: 0 0 calc(100% - 100px);
-ms-flex: 0 0 calc(100% - 100px);
flex: 0 0 calc(100% - 100px);

padding: 5px;
}

.mm-baner .mm-baner-opis p {
	margin: 0;
	line-height: 150%;
}

.mm-baner .mm-baner-opis p a {
	color: #575757;
}

@media (max-width: 767.98px) {
	
.mm-baner .mm-baner-ikonka { 
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
}

.mm-baner .mm-baner-opis{
-webkit-flex: 0 0 calc(100% - 100px);
-ms-flex: 0 0 calc(100% - 100px);
flex: 0 0 calc(100% - 100px);

padding: 5px 5px 5px 15px;
}
	
.mm-baner .mm-baner-opis p a {
font-size: 20px;
line-height: 40px;
}
}

/* PAGE - MAIN - CONTENT - G
--------------------------------------------------*/

#mm-mc-g {
position: relative;

}

/* PAGE - MAIN - CONTENT - BOX - 007
--------------------------------------------------*/

#mm-c-007 {
float: left; 
width: 100%; 
padding-top: 0px; 
padding-bottom: 0px;
position: relative;
}

#mm-c-007-01 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	
margin: 0;

min-height: 300px;

position: relative;

}

#mm-c-007-01-01 {
-webkit-flex: 0 0 calc(100% - 300px);
-ms-flex: 0 0 calc(100% - 300px);
flex: 0 0 calc(100% - 300px);
max-width: calc(100% - 300px);

padding: 0 60px 120px 0;
position: relative;

min-height: 400px;

}

#mm-c-007-01-02 {
-webkit-flex: 0 0 300px;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
width: 300px;
overflow: hidden;

padding: 0;
position: relative;


}

#mm-c-007-01-03 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;

padding: 0 0 60px 0;
position: relative;

min-height: 300px;

}

#mm-c-007-01-01 h1 {
letter-spacing: -1px;
margin: 50px 0 10px 0;
font-size: 46px;
line-height: 100%;
}

#mm-c-007-01-01 h2 {
color: #ffffff;
}

@media (max-width: 767.98px) {
	
#mm-c-007-01-01 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0;
position: relative;

min-height: 400px;

}

#mm-c-007-01-02 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 60px 0;
position: relative;
}
	
}

#mm-lista-podstron {
	margin-top: 60px;
	display: block;
}

.mm-baner-podstrona {
	display: block;
	margin: 0 0 30px 0;
}

.mm-link-podstrona {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	
	background: #ffffff;
	
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;


color: #000000;
}

.mm-link-podstrona:hover {
color: #30343f;
}

.mm-lp-tytul {
-webkit-flex: 0 0 calc(100% - 444px);
-ms-flex: 0 0 calc(100% - 444px);
flex: 0 0 calc(100% - 444px);
max-width: calc(100% - 444px);
position: relative;
font-size: 36px;
line-height: 36px;
text-align: left;

padding: 0 25px 0 50px;
}

.mm-lp-obrazek {
-webkit-flex: 0 0 444px;
-ms-flex: 0 0 444px;
flex: 0 0 444px;
max-width: 444px;

padding: 0;

position: relative;
}

@media (max-width: 991.98px) {
	
.mm-lp-tytul {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;

font-size: 36px;
line-height: 36px;
text-align: center;

padding: 50px 30px;
}

.mm-lp-obrazek {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;

padding: 0;

}	
	
}

.mm-produkt {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	
	border-top: 1px solid #30343f;
	
	padding: 40px 0;
	margin: 0;

}


#mm-c-007-01-01 .mm-produkt:first-child {
	border-top: 0;
}

.mm-produkt-opis-02 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
position: relative;

padding: 0;
}

.mm-produkt-opis-01 {
-webkit-flex: 0 0 calc(100% - 400px);
-ms-flex: 0 0 calc(100% - 400px);
flex: 0 0 calc(100% - 400px);
max-width: calc(100% - 400px);
position: relative;

padding: 0;
}

#mm-c-007-01-01 .mm-produkt h3 {
	color: #ffffff;
	margin: 0 0 20px 0;
}

.mm-produkt-obrazek-01 {
-webkit-flex: 0 0 400px;
-ms-flex: 0 0 400px;
flex: 0 0 400px;
max-width: 400px;

padding: 0 0 0 30px;

position: relative;
}

.mm-produkt-obrazek-01 img {
	display: block;
	margin: 0 auto;
}

@media (max-width: 1199.98px) {
	
.mm-produkt-opis-01 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
position: relative;

padding: 0;
}

.mm-produkt-obrazek-01 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
position: relative;

padding: 0;
}

}

.mm-ikonka {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	
	padding: 5px 0;
	
	margin: 0;

}

.mm-ikonka-opis {
-webkit-flex: 0 0 calc(100% - 100px);
-ms-flex: 0 0 calc(100% - 100px);
flex: 0 0 calc(100% - 100px);
max-width: calc(100% - 100px);

position: relative;

padding: 0 0 0 30px;
}

.mm-ikonka-obrazek {
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
max-width: 100px;

position: relative;

padding: 0;

}

/* PAGE - OKNA - PRODUCENT
--------------------------------------------------*/

.mm-lista-producentow {

    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
	
margin: 0;

position: relative;

}

@media (min-width: 768px) {
.mm-lista-producentow {


}
}


@media (max-width: 767.98px) {
.mm-lista-producentow {

padding: 60px 0;

}
}

@media (min-width: 768px) {
.mm-producent-z-listy {
--mm-szerokosc-sekcji: calc(50% - 10px);	
	
-webkit-flex: 0 0 var(--mm-szerokosc-sekcji);
flex: 0 0 var(--mm-szerokosc-sekcji);
width: var(--mm-szerokosc-sekcji);
max-width: var(--mm-szerokosc-sekcji);

padding: 0;
position: relative;

margin-bottom: 20px;
min-height: 600px;

background: #30343f;
}
}


@media (max-width: 767.98px) {

.mm-producent-z-listy {
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
max-width: 100%;

padding: 30px 0;
position: relative;

background: #30343f;

margin-bottom: 20px;
}



}

.mm-img-producent {
	margin: 0 auto;
	display: block;
}

.mm-producent-opis {
	padding: 30px;
	text-align: center;
}

.mm-h-producent {
	font-weight: 500 !important;
	color: #ffffff !important;
}


@media (min-width: 768px) {
.mm-h-producent {font-size: 38px;}
}

@media (min-width: 480px) and (max-width: 767.98px) {
.mm-h-producent {font-size: 30px;}
}

@media (max-width: 479px) {
.mm-h-producent {font-size: 28px;}
}


/* PAGE - OKNA - PRODUKTY
--------------------------------------------------*/

.mm-lista-produktow {
margin: 0;
position: relative;
}

@media (min-width: 992px) {
.mm-produkt-z-listy {
display: grid;
grid-template-columns: 400px 1fr;
grid-template-rows: repeat(3, auto);
grid-column-gap: 0px;
grid-row-gap: 0px;

border-bottom: 2px solid #30343f;
padding: 60px 0;

align-content: space-between;
}

.mm-nazwa-produktu { grid-area: 1 / 2 / 2 / 3; padding-left: 60px;align-self: end;}
.mm-grafika-produktu { grid-area: 1 / 1 / 3 / 2;}
.mm-opis-produktu { grid-area: 2 / 2 / 3 / 3; padding-left: 60px;}
.mm-baner-produktu { grid-area: 3 / 1 / 4 / 3;}
}

@media (max-width: 991.98px) {
.mm-produkt-z-listy {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(4, auto);
grid-column-gap: 0px;
grid-row-gap: 0px;

border-bottom: 2px solid #30343f;
padding: 60px 0;
}

.mm-nazwa-produktu { grid-area: 1 / 1 / 2 / 2; }
.mm-grafika-produktu { grid-area: 2 / 1 / 3 / 2; padding: 30px;}
.mm-opis-produktu { grid-area: 3 / 1 / 4 / 2; }
.mm-baner-produktu { grid-area: 4 / 1 / 5 / 2; }
}


.mm-nazwa-produktu .h1 {
letter-spacing: -1px;
margin: 0 0 10px 0;
font-size: 46px;
color: #ffffff;
font-weight: 500;
line-height: 100%;
}


.mm-opis-produktu .h3 {
margin: 0 0 15px 0;
}

@media (max-width: 767.98px) {
	
.mm-nazwa-produktu .h1 {
letter-spacing: -1px;
margin: 0 0 10px 0;
font-size: 30px;
color: #ffffff;
font-weight: 500;
line-height: 100%;

text-align: left;
}

.mm-opis-produktu .h3 {
margin: 0 0 15px 0;
font-size: 24px;
}

}



/* PAGE - SWIPER - 04
--------------------------------------------------*/

.swiper-container-04 {
float: left;
position: relative;
padding: 0;
margin: 0;
width: 100%;
visibility: hidden;
}

.swiper-container-04 .swiper-wrapper {
width: 100%;
}

.swiper-container-04 .swiper-slide {
width: 100%;
}

.swiper-container-04 .swiper-slide img {
	display: block;
	margin: 0 auto;
}

.swiper-button-prev.mm-04::after,
.swiper-button-next.mm-04::after {
font-family: "Font Awesome 5 Free"; 
font-size: 60px;
font-weight: 900;
}

.swiper-button-prev.mm-04::after {
	content: "\f053";
}

.swiper-button-next.mm-04::after {
	content: "\f054";
}

.swiper-button-prev.mm-04,
.swiper-button-next.mm-04 {
color: #ffffff;
opacity: 0.5;
font-size: 30px;
visibility: hidden;
}

.swiper-container-04:hover .swiper-button-prev.mm-04,
.swiper-container-04:hover .swiper-button-next.mm-04 {
visibility: visible;
}

@media (max-width: 767.98px) {
.swiper-container-04 .swiper-button-prev.mm-04,
.swiper-container-04 .swiper-button-next.mm-04 {
visibility: visible;
}
}

.swiper-button-prev.mm-04 {
left: 25px;

}

.swiper-button-next.mm-04 {
right: 25px;

}

@media (max-width: 767.98px) {
.swiper-button-prev.mm-04 {
left: 10px;

}
.swiper-button-next.mm-04 {
right: 10px;

}
}




/* FOOTER
--------------------------------------------------*/

#mm-footer.mm-home {
background: transparent;
}

/* HOME - FOOTER - CONTENT
--------------------------------------------------*/

#mm-mf-a {
background-color: #c9252c;
background-image: url('images/tlo_dolne.png'), url('images/tlo_dolne-x.png');
background-position: center;
background-repeat: no-repeat, repeat-x;

min-height: 296px;
}

@media (max-width: 767.98px) {
	
#mm-mf-a {
background-color: #c9252c;
background-image: url('images/tlo_dolne_RWD.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
min-height: 296px;
}
}








/* HOME - FOOTER - CONTENT - BOX
--------------------------------------------------*/

#mm-f-001 {
float: left; 
width: 100%; 
padding-top: 0px; 
padding-bottom: 0px;
position: relative;
}

#mm-f-001-01 {

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

margin: 0;

min-height: 230px;

}

#mm-f-001-01-01 {

-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;

padding: 10px 0;
text-align: right;
}

#mm-f-001-01-02 {

-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;

padding: 10px 0;
text-align: left;
}

/* HOME - FOOTER - CONTENT
--------------------------------------------------*/

#mm-mf-b {
position: relative;
background: #30343f;
}

/* HOME - FOOTER - CONTENT - BOX
--------------------------------------------------*/

#mm-f-002 {
float: left; 
width: 100%; 
padding-top: 60px; 
padding-bottom: 60px;

position: relative;
}

#mm-f-002-01 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;

margin: 0;

min-height: 400px;

}

.mm-ff-002-01-00 {

-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;

padding: 10px 30px;

}

@media (max-width: 767.98px) {
.mm-ff-002-01-00 {

-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;

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

#mm-f-002 p {
color: #b9babc;
font-weight: 400;
}

#mm-f-002-02 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;

margin: 0;

min-height: 100px;

}

#mm-f-002-02-01 {

-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;

padding: 10px 30px;

}

#mm-f-002-02 p {
	color: #b9babc;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}

#mm-f-002-02 p a {
	color: #b9babc;
}


/* KONTAKT
--------------------------------------------------*/

.mm-knt {

position: relative;
	
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

padding: 5px 10px;
margin: 5px 0 5px 0;

background: transparent;


}

.mm-knt-ikonka {
-ms-flex: 0 0 40px;
flex: 0 0 40px;
max-width: 40px;
text-align: center;
padding: 0px;

}

.mm-knt-ikonka p {
color: #9f7f73;
font-size: 20px;

line-height: 30px;
margin: 0 10px 0 0;

border: 2px solid #9f7f73;

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

}

.mm-knt:hover .mm-knt-ikonka p {
color: #c9252c;
}

.mm-knt-link {

-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;

-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;

padding: 0;

}

.mm-knt-link p {
font-size: 20px;
line-height: 20px;
text-align: center;
margin: 0;
color: #553a30;

font-weight: 500;
line-height: 150%;

}

.mm-knt-link p.mm-knt-telefon {
font-size: 30px;
line-height: 30px;
}


.mm-knt-link p a {
color: #553a30;
}

.mm-knt:hover .mm-knt-link p a {
color: #553a30;
}

.mm-knt .mm-knt-link p, 
.mm-knt .mm-knt-ikonka p {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;

-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;

-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}



@media (max-width: 991.98px) {



.mm-knt {
padding: 5px 0px;
margin: 10px 0;

}

.mm-knt.mm-m-top {margin-top: 30px;}

.mm-knt-ikonka {
-ms-flex: 0 0 40px;
flex: 0 0 40px;
max-width: 40px;
text-align: center;
padding: 5px 0px;

}

.mm-knt-ikonka p {

line-height: 30px;
margin: 0;
}

.mm-knt-link {
-ms-flex: 0 0 calc(100% - 40px);
flex: 0 0 calc(100% - 40px);
max-width: calc(100% - 40px);
padding: 5px 0 5px 10px;
}

.mm-knt-link p {
font-size: 20px;

line-height: 30px;
text-align: left;
margin: 0;

}

.mm-knt-email p {
font-size: 14px;
line-height: 14px;
}

.mm-knt-link p a {

}

}


/* FORMULARZ
--------------------------------------------------*/

.mm-form-box {
float: left; 
width: 100%; 
padding: 30px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.mm-form-zgoda span.wymagane, 
.mm-form-box .form-label span {
color: #51a4b7;
font-size: 14px;
}

.mm-form-box .form-label span.mm-kolor-01 {
color: #dcdcdd;
} 

.control-label {
color: #dcdcdd;
}

.control-label span {
color: #dcdcdd;
}

.mm-flex-content-page-kontakt-box.mm-right .mm-form-box {
padding: 15px 0;
}

.mm-form-box p {

}

.mm-form-box p.mm-info {
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	font-style: italic;
	color: #ffffff;
}

.mm-content-box.mm-pc.mm-06b p.mm-p-male {
	text-align: center;
}

@media (max-width: 767.98px) {
.mm-form-box p.mm-p-male {
	text-align: center;
}
}

.form-control {
color: #dcdcdd;
border-color: #292c36;
background-color: #30343f;
}

.mm-form-box textarea.form-control {
height: 200px;
}

.input-group-btn .btn.btn-primary {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.form-control:focus {
border-color: #738287;
color: #000000;
background-color: #ffffff;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}

.form-control::-moz-placeholder {
color: #000000;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #000000;
}
.form-control::-webkit-input-placeholder {
color: #000000;
}

.wpcf7-submit {
margin: 20px 0;
}

.wpcf7-response-output {
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;

padding: 15px !important;
margin: 10px 0 !important;

font-size: 14px;
}

.wpcf7-spam-blocked {
color: #fff;
background-color: #1d1c1a;
border: 1px solid #000 !important;
}

.wpcf7-validation-errors,
.wpcf7-mail-sent-ng {
color: #fff;
background-color: #e51e25;
border: 1px solid #e51e25 !important;
}

.wpcf7-not-valid-tip {
color: #e51e25;
font-size: 14px !important;
}

.wpcf7-mail-sent-ok {
color: #fff;
background-color: #0f9f00;
border: 1px solid #0f9f00 !important;
}

.wpcf7-spinner {
	display: none !important;
	visibility: hidden !important;
}

.form-group span.ajax-loader {
display: none;
visibility: hidden !important;
}

.mm-recaptcha-box {
	min-height: 90px;
	display: block;
	margin: 10px 0 10px 0;
}

.grecaptcha-badge { visibility: hidden; }

.mm-form-zgoda {
	margin-top: 30px;
	padding: 20px;
	background: #30343f;
	
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}

#mm-google-info {
color: #dcdcdd;
text-align: justify;
line-height: 22px;
font-size: 14px;
font-style: italic;
margin: 10px 0;
}

#mm-google-info a {
	text-decoration: underline;
	color: #dcdcdd;
}

#mm-google-info a:hover {
	text-decoration: underline;
	color: #ffffff;
}

#mm-pokaz-info-link {
	text-decoration: underline;
	color: #ffffff;
	cursor: pointer;
}

#mm-pokaz-info-ukryty {
	display: none;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {

margin: 0;
padding: 10px 15px;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label {
cursor: pointer;
color: #dcdcdd;
text-align: left;
line-height: 20px;
font-size: 14px;
font-style: italic;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label a {
	text-decoration: underline;
	color: #696969;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label {

}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label:hover {
	color: #ffffff;
}


/* FORMULARZ STALY
--------------------------------------------------*/

.mm-offcanvas {
background-color: #ffffff;

  right: 0;
  left: 0;
  height: auto;
  max-height: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
  
	z-index: 99999; 
}

@media (min-width: 992px) {
.mm-offcanvas {
	visibility: visible;
}
}

.mm-offcanvas .offcanvas-body {
  flex-grow: 1;
  padding: 5px 1rem;
  overflow-y: auto;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #fff;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}

.mm-offcanvas-close {
	position: absolute;
	bottom: 24px;
	right: 5px;
opacity: 1;
}

@media (min-width: 992px) {
.mm-ukryj-niewyslany {
	visibility: hidden;
}
}

.mm-bezplatny-pomiar-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.mm-bezplatny-pomiar-box > * {
	flex-shrink: 0;
	padding: 0 30px 0 10px;
}

@media (min-width: 1200px) {

.mm-bpb-tytul {
	flex: 0 0 auto;
	padding: 5px 10px;
}

.mm-bpb-kod-label {
	flex: 0 0 auto;
	padding: 5px 0 5px 15px;
}

.mm-bpb-kod-input {
	flex: 0 0 auto;
	padding: 5px 10px;
}

.mm-bpb-telefon-label {
	flex: 0 0 auto;
	padding: 5px 0 5px 15px;
}

.mm-bpb-telefon-input {
	flex: 0 0 auto;
	padding: 5px 10px;
}

.mm-bpb-przycisk {
	flex: 0 0 auto;
	padding: 5px 10px;
}

}

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

.mm-bpb-tytul {
	flex: 0 0 auto;

	width: 100%;
	max-width: 100%;
	padding: 15px 10px 30px 10px;
	
	text-align: center;
}

.mm-bpb-kod-label {
	flex: 0 0 auto;
	
	padding: 5px 10px;
	text-align: right;
}

.mm-bpb-kod-input {
	flex: 0 0 auto;

	padding: 5px 10px;
}

.mm-bpb-telefon-label {
	flex: 0 0 auto;

	padding: 5px 10px;
	text-align: right;
}

.mm-bpb-telefon-input {
	flex: 0 0 auto;

	padding: 5px 10px;
}

.mm-bpb-przycisk {
	flex: 0 0 auto;

	padding: 5px 10px;
}

}


@media (max-width: 767.98px) {
.mm-bpb-tytul {
		flex: 0 0 auto;

		width: 100%;
		max-width: 100%;
		padding: 5px 15px;
}

.mm-bpb-kod-label {
		flex: 0 0 auto;

		width: 90px;
		max-width: 90px;
		padding: 5px 15px;

}

.mm-bpb-kod-input {
		flex: 0 0 auto;

		width: calc(100% - 90px);
		max-width: calc(100% - 90px);
		padding: 5px 15px;

}

.mm-bpb-telefon-label {
		flex: 0 0 auto;

		width: 90px;
		max-width: 90px;
		padding: 5px 15px;
	
}

.mm-bpb-telefon-input {
		flex: 0 0 auto;

		width: calc(100% - 90px);
		max-width: calc(100% - 90px);
		padding: 5px 15px;
		
}

.mm-bpb-przycisk {
		flex: 0 0 auto;

		width: 100%;
		max-width: 100%;
		padding: 5px 15px;
}
}


.mm-bpb-kod-input .wpcf7-not-valid-tip, 
.mm-bpb-telefon-input .wpcf7-not-valid-tip {
font-size: 11px !important;
width: 120px;
line-height: 100%;
margin-bottom: -10px;

}

.mm-bezplatny-pomiar-box .form-label {
	line-height: 100%; 
	padding: 0; 
	margin: 0;
	color: #1a2127;
	}

.mm-offcanvas .mm-btn-lg {
padding: 14px 15px;
font-size: 16px;
line-height: 16px;
}

.mm-bp-tytul {
font-size: 18px;
	text-decoration: underline;
	color: #1a2127;
}


.btn.mm-btn-01.mm-btn-bezplatny-pomiar {
	background: #fff;
	color: red;
}

.mm-bpb-input-kod {
	width: 120px;
	
color: #1a2127;
border-color: #1a2127;
background-color: #ffffff;
}

.mm-bpb-input-telefon {
	width: 160px;
	
color: #1a2127;
border-color: #1a2127;
background-color: #ffffff;
}

.mm-offcanvas .wpcf7-response-output {
color: #1a2127;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -2deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -2deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 2deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 2deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -2deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -2deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -2deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -2deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 2deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 2deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -2deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -2deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

#mm-btn-offcanvas {
position: fixed; 
bottom: 10px; 
right: 10px; 
box-shadow: 1px 1px 5px 0px rgba(26,34,39,1);
z-index: 99999; 

  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation-name: tada;
  animation-name: tada;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
}



.mm-form-respond-box {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 991.98px) {
.mm-form-respond-box {
	margin-top: 0;
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: 0;

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}
}

@media (min-width: 992px) {
.mm-form-respond-box {
	margin-top: 0;
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: 0;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}
}

.mm-form-respond-box > * {
	flex-shrink: 0;
	flex: 0 0 auto;
}


@media (max-width: 991.98px) {
.mm-form-respond-01 {
	margin: 0;
	padding: 0 15px;
	
	width: 100%;
	max-width: 100%;
}

.mm-form-respond-02 {
	margin: 0;
	padding: 0 15px;
	
	width: 100%;
	max-width: 100%;
}
}

@media (min-width: 992px) {
.mm-form-respond-01 {
	margin: 0;
	padding: 0 15px;
}

.mm-form-respond-02 {
	margin: 0;
	padding: 0 15px;
}
}

#mm-btn-offcanvas-close {
	z-index: 100;
}


@media (min-width: 992px) {
.mm-ukryj-niewyslany {
	visibility: hidden;
}
}

.mm-bpb-turnstile {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.mm-bpb-turnstile.show {
  display: block;
  opacity: 1;
  pointer-events: auto;
}

/* INFO: Podniesienie warstwy banera cookies - wtyczka seo */
#moove_gdpr_cookie_info_bar,
.moove-gdpr-infobar,
.moove-gdpr-cookie-overlay {
    z-index: 100000 !important;
    position: fixed !important;
}


/* MAPA - FUNCTION SHORDCODE
--------------------------------------------------*/

#mm-mapa-box {
float: left;
position: relative;
display: block; 
margin: 0;
width: 100%; 
border-top: 1px solid #0f6e74;
border-bottom: 1px solid #0f6e74;
}

#mm-mapa-box-page {
float: left;
position: relative;
display: block; 
margin: 60px 0;
padding: 0;
width: 100%; 
border: 1px solid #0f6e74;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#mm-mapa-box-page #mapa_google {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#mapa_google {
float: left;
margin: 0; 
display: block; 
width: 100%; 
height: 400px;
background: #e8e8e8;
}

@media (max-width: 767.98px) {
#mapa_google {
height: 500px;
}
}

/*PRZYCISK TOP
--------------------------------------------------*/

.mm-scrollup {
position: fixed;
bottom: 10px;
right: 10px;
width: 50px;
height: 50px;
text-align: center;
z-index: 10000;
font-size: 30px;
vertical-align: middle;
line-height: 50px;
color: #fff;
display: none;
background: rgba(180, 0, 0, 1);
padding: 0;
}

.mm-scrollup:focus,  
.mm-scrollup:hover {
color: #fff;
background: rgba(180, 0, 0, 0.5);
}

@media (max-width: 767.98px) {
.mm-scrollup {display: none !important;}
}

/*MENU
--------------------------------------------------*/

#mm-menu-info {
position: fixed;
bottom: 0px;
right: 60px;

z-index: 9000;
padding: 0;

cursor: pointer;
}

#mm-menu-info .mm-img-menu-info {
	width: 200px;
}

@media (max-width: 767.98px) {
#mm-menu-info {
position: fixed;
bottom: 5px;
right: 5px;
}
#mm-menu-info .mm-img-menu-info {width: 150px;}
}

/*PODPIS
--------------------------------------------------*/

.mm-caption-copyright, 
.mm-caption-webdesigner {
float: left;
width: 100%;
padding: 10px 0 0 0;
}

.mm-caption-copyright p ,
.mm-caption-copyright p a,
.mm-caption-webdesigner p,
.mm-caption-webdesigner p a {
font-size: 12px;
font-weight: 400;
margin: 5px 0;
color: #ffffff;
text-decoration: none;
}

.mm-caption-copyright p a:hover,
.mm-caption-webdesigner p a:hover {color: #ffffff;}

.mm-caption-copyright p {text-align: center;}
.mm-caption-webdesigner p {text-align: center;}


@media (max-width: 767.98px) {
.mm-caption-copyright p,
.mm-caption-webdesigner p {text-align: center;}
}

/*MODAL
--------------------------------------------------*/

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  outline: 0;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 40px 30px;
}

.modal-body.mm-iframe {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 60px 30px 40px 30px;
  background: #ffffff;
}

@media (min-width: 992px) {
  .modal-dialog {
    max-width: 890px;
	margin: 30px auto;
  }
.modal-content {
  min-height: 580px;
  
  background: url('images/home/tlo_kalkulator_01.png') no-repeat center;
  
}
.modal-content.mm-iframe {
background: #ffffff;
}
}

.mm-ratio {
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
}

@media (max-width: 991.98px) {
  .modal-dialog {
    margin: 60px auto;
	max-width: 600px;
  }
  
.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 60px 30px;
  background: #4243a2;
}

.modal-body.mm-iframe {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 60px 30px;
  background: #ffffff;
}

}

.mm-modal-close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 30px;
line-height: 40px;
vertical-align: bottom;
height: 40px;
width: 40px;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.mm-modal-close.mm-iframe {
color: #333333;
}

@media (max-width: 767.98px) {
.mm-modal-close {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 40px;
line-height: 50px;
vertical-align: bottom;
height: 50px;
width: 50px;

}

.mm-modal-close.mm-iframe {
color: #333333;
}
}

.mm-modal-close {
  color: #ffffff;

}

button.mm-modal-close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;

background: transparent;
border: 0;

}
.mm-modal-close:hover,
.mm-modal-close:focus {
  color: #828dbc;
  text-decoration: none;
  cursor: pointer;
background: transparent;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000249;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.8;
}

/*COOKIES
--------------------------------------------------*/

#cookieWarningBox {
	position: fixed; 
	bottom: 0px; 
	left: 0px; 
	width: 100%; 
	padding: 10px 5px; 
	display: none;
	color: #ffffff;
	z-index: 900; 
	background: rgba(0, 0, 0, 0.9);
}

@media (min-width: 768px) {
#cookieWarningBox {
	padding: 10px 5px 120px 5px; 
}
#cookieWarningBox.mm-zmien-styl {
	padding: 10px 5px; 
	padding: 10px 5px 70px 5px; 
}
}

@media (max-width: 767.98px) {
#cookieWarningBox {
	padding: 10px 5px 70px 5px; 
}
}

#cookieWarningBox div#cookies-close {
	margin: 0;
	padding: 0;
	align-self: center;
	place-self: center;
	grid-area: sekcja-b;
}

#cookieWarningBox div#cookies-close .mm-close {
	display: block;
	color: #ffffff; 
	padding: 0;
	cursor: pointer;
	width: 40px;
	height: 40px;
	filter: invert(1) grayscale(100%) brightness(200%);
	--cookie-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23000'%3e%3cpath d='M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z'/%3e%3c/svg%3e");
	background: transparent var(--cookie-close-bg) center/30px auto no-repeat;
}

#cookieWarningBox div#cookies-close .mm-close:hover {
opacity: 0.7;
}

@media (min-width: 768px) {
#mm-cookie-box {
	display: grid;
	grid-template-columns: auto 30px;
	grid-template-rows: auto;
	grid-column-gap: 20px;
	grid-row-gap: 0;

	width: 100%;
	margin: 0 auto;
	
	justify-items: stretch;
	
	grid-template-areas: "sekcja-a sekcja-b";
}
}

@media (max-width: 767.98px) {
#mm-cookie-box {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: repeat(2, auto);
	grid-column-gap: 0;
	grid-row-gap: 5px;
	
	grid-template-areas: "sekcja-b" "sekcja-a";
}
}

#mm-cookie-info {
	margin: 0;
	padding: 0;
	align-self: center;
	
	grid-area: sekcja-a;

}

#mm-cookie-p {
	font-size: 0.76rem;
	line-height: 1.2;
	margin: 0;
	color: var(--bs-body-color-lite);
	align-self: center;
}

#mm-cookie-p a,
#mm-cookie-p a:hover,
#mm-cookie-p a:focus {
	text-decoration: underline;
	color: var(--bs-body-color-lite);
}

/* SCROLLREVEAL
--------------------------------------------------*/
.mm-animacja,
.mm-animacja-box {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.mm-animacja-box {
display: block;
}

/*BUTTON
--------------------------------------------------*/

.btn {
display: inline-block;
font-weight: 500;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

border: 2px solid transparent;

padding: 12px 24px;
font-size: 16px;
line-height: 16px;

transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;


-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;

-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;

-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}

.btn.btn-sm {
padding: 5px 10px;
}

.btn .btn-ikonka {
margin-left: 10px;
}

@media (max-width: 767.98px) {
.btn.btn-sm {
margin: 10px;
}

}

#searchsubmit.btn {
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

@media screen and (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}

.btn:hover, .btn:focus {
text-decoration: none;
}

.btn:focus, .btn.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none;
}

.mm-btn-lg, .mm-btn-group-lg > .mm-btn {
padding: 10px 15px;
font-size: 16px;
line-height: 16px;
}

.mm-btn-sm, .mm-btn-group-sm > .mm-btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}


/*BUTTON ikonka
--------------------------------------------------*/

.btn .mm-ikonka {
margin: 0 5px 0 0;
font-size: 20px;
line-height: 20px;
vertical-align: middle;
}


/*BUTTON mm-btn-01
--------------------------------------------------*/

.mm-btn-01 {
color: #ffffff;
background-color: #c9252c;
border-color: #c9252c;
}

.mm-btn-01:hover {
color: #ffffff;
background-color: #ac1f26;
border-color: #ac1f26;
}

.mm-btn-01:focus, .mm-btn-01.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(222, 222, 222, 0.2);
}

/*BUTTON mm-btn-02
--------------------------------------------------*/

.mm-btn-02 {
color: #ffffff;
background-color: #202a30;
border-color: #202a30;
}

.mm-btn-02:hover {
color: #ffffff;
background-color: #1a2227;
border-color: #1a2227;
}

.mm-btn-02:focus, .mm-btn-02.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(222, 222, 222, 0.2);
}

/*BUTTON mm-btn-03
--------------------------------------------------*/

.mm-btn-03 {
color: #1a2127;
background-color: #ffffff;
border-color: #dedede;
}

.mm-btn-03:hover {
color: #1a2127;
background-color: #dedede;
border-color: #dedede;
}

.mm-btn-03:focus, .mm-btn-03.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(222, 222, 222, 0.2);
}

.mm-btn-03.mm-wybrany {
	cursor: default;
	background-color: #ff5621;
}




/*BTN FILE
--------------------------------------------------*/

#mfcf7_zl_add_file {
display: inline-block;
font-weight: 500;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

border: 2px solid transparent;

padding: 10px 24px;
font-size: 14px;
line-height: 14px;

transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;


-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;

-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;

-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}


#mfcf7_zl_add_file {
color: #ffffff;
background-color: #c9252c;
border-color: #c9252c;
}

#mfcf7_zl_add_file:hover {
color: #ffffff;
background-color: #ac1f26;
border-color: #ac1f26;
}

#mfcf7_zl_add_file:focus, #mfcf7_zl_add_file.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(222, 222, 222, 0.2);
}

#mfcf7_zl_multifilecontainer {
	position: relative;
	margin-top: 0 !important;
}

#mm-zalaczniki p {
	margin: 0;
}

.mfcf7-zl-multifile-name { font-size: 12px; }


/* KONTAKT
--------------------------------------------------*/

@media (min-width: 768px) {
.mm-kontakt-box,
#mm-h-linki-mobile {
display: none;
height: 0;
width: 0;
margin: 0;
overflow: hidden;
border: 0;
}
}

@media (max-width: 767.98px) {
.mm-kontakt-box {

position: relative;
	
display: flex;
display: -ms-flexbox;

flex-wrap: wrap;
-ms-flex-wrap: wrap;

align-items: center;
-ms-flex-align: center;

justify-content: center;
-ms-flex-pack: center;

padding: 10px;
margin: 5px auto;

min-width: 310px;
max-width: 400px;

}

.mm-kontakt-box .mm-kontakt-box-inside.mm-ikonka {
-webkit-flex: 0 0 40px;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
width: 40px;

text-align: center;
padding: 0px;

}

.mm-kontakt-box .mm-kontakt-box-inside.mm-ikonka p {
color: #1a2227;
font-size: 24px;
margin: 0;
line-height: 40px;

background: #c8242b;

width: 40px;
height: 40px;

-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

.mm-kontakt-box .mm-kontakt-box-inside.mm-ikonka p {
	padding-top: 1px;
}

.mm-kontakt-box .mm-kontakt-box-inside.mm-link {
-webkit-flex: 0 0 calc(100% - 40px);
-ms-flex: 0 0 calc(100% - 40px);
flex: 0 0 calc(100% - 40px);
width: calc(100% - 40px);

padding: 0 0 0 20px;
height: 40px;
}

.mm-kontakt-box .mm-kontakt-box-inside.mm-link p {
font-family: "Rubik", "Segoe UI", "Helvetica Neue", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
font-weight: 500;

font-size: 20px;
line-height: 40px;
text-align: left;
margin: 0;
color: #ffffff;

}

.mm-kontakt-box .mm-kontakt-box-inside.mm-link p a {
color: #ffffff;
}


.mm-kontakt-box .mm-kontakt-box-inside.mm-link p.mm-numer-telefonu {
	font-size: 32px;
}


#mm-h-linki-mobile {
display: flex;
display: -ms-flexbox;

flex-wrap: wrap;
-ms-flex-wrap: wrap;

align-items: flex-start;
-ms-flex-align: flex-start;

justify-content: center;
-ms-flex-pack: center;

padding: 0;
margin: 30px auto;

width: 100%;
}

.mm-h-link-010-01, 
.mm-h-link-010-02 {
padding: 5px;
margin: 5px 15px;
background: #c8242b;
color: #1a2227;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 30px;
line-height: 30px;
width: 50px;
text-align: center;

-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);

-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;

-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;

-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}

.mm-h-link-010-01:hover, 
.mm-h-link-010-02:hover {
color: #ffffff;
}

}

/*FACE-SLIDER FACEBOOK
--------------------------------------------------*/

.face-slider {
position: fixed;

z-index: 1200;
margin: 0;
padding: 0;
}

.face-slider.box-01 {
top: 122px;
right: -204px;
}

.face-slider.box-02 {
top: 182px;
right: -204px;
}

.face-slider.box-03 {
top: 242px;
right: -204px;
}

.face-slider .tab {
cursor: pointer;
padding: 2px 4px 2px 0px;
width: 56px;
height: 50px;
position: relative;
float: left;
text-align: center;
color: #ffffff;
font-size: 40px;
line-height: 50px;

background: #ca252b;

-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;

}

.tab.box-01 {
font-size: 38px;
}

.tab.box-02 {
font-size: 30px;
}

.tab.box-03 {
font-size: 30px;
}

.face-slider .tab:hover {
color: #bebfc1;	
}

.face-slider .tab.mm-ikonka-3d {

    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;

    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 6s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
	
    -webkit-transition: width 2s; /* Safari */
    transition: width 2s;
  }

.face-slider .tab.mm-ikonka-3d:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.face-code {
padding: 0px;
margin: 0;
float: left;
width: 200px;
background: #30343f;
}

.face-slider.box-01 .face-code {
width: 200px;
min-height: 50px;
}

.face-slider.box-02 .face-code {
width: 200px;
min-height: 50px;
}

.face-slider.box-03 .face-code {
width: 200px;
min-height: 50px;
}

.mm-fb-link-btn {
cursor: pointer;
padding: 0;
position: relative;
float: left;
text-align: center;
color: #ffffff;
font-size: 18px;
line-height: 46px;
background: #30343f;
width: 100%;
height: 46px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.mm-fb-link-btn .fa-chevron-right {
	font-size: 16px;
}

.mm-fb-link-btn:hover {
color: #ffffff;	
}

.mm-fb-link-btn .fas {
	font-size: 14px;
	margin-left: 5px;
}

/*EFEKTY
--------------------------------------------------*/

/* fadeIn */

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}





@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@media (min-width: 768px) {

.mm-img-hh-001 {
	opacity: 0;
-webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  
      -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
animation-delay: 0.3s;
}

.mm-img-hh-001.visible  {
opacity: 1;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;

  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;

-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;


-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

}

@media (min-width: 767px) {
  #menu-menu-strony .dropdown-menu .dropdown-menu {
    top: 0;
    left: 100%;
  }
}