/**
     * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
     * http://cssreset.com
     */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font: inherit;
    	vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    body {
    	line-height: 1;
    }
    ol, ul {
    	list-style: none;
    }
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
	
	
    body {
	   	background:#fff;
	 	  font-family:Arial, Helvetica, sans-serif;
      font-family: 'Montserrat', sans-serif;
    	padding: 0;
	    position: relative;
    	margin: 0;
    }
	
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

 
  A:link {COLOR: inherit; TEXT-DECORATION: underline;}
  A:visited {COLOR: inherit; TEXT-DECORATION: none;}
  A:active {COLOR: inherit; TEXT-DECORATION: none;}
  A:hover {COLOR: inherit; TEXT-DECORATION: none;}


html, body { 
   
  font-family: 'Montserrat', sans-serif;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	font-weight:400;
	background: #fff;
	color: #000;
  margin: 0px;
  padding: 0px;
  font-size: 20px;
}


* {-webkit-font-smoothing: antialiased;}
/**{-webkit-appearance: none;}*/

strong, b{ font-weight:bold;}
em,i{ font-style:italic;}
u{ text-decoration:underline;}
small{ font-size:70%;}
ul{ list-style:disc; margin:25px 0 25px 30px; }
ul li{ margin: 10px 0 20px; }

.clear{ clear:both;}
.clearR{ display: none; }


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


.center{ width:1170px; margin:auto; position:relative; }
.center-top{ height: 100%; position: relative; }

.tekst{ font-size: 16px; line-height: 1.5; color: #000; }

.button{ border-radius: 28px; background-color: #3CE1F6; background: linear-gradient(90deg, #10C0DC 0%, #3CE1F6 100%); padding: 15px 40px; color: #fff; font-size: 14px; filter: drop-shadow(0px 0px 15px rgba(33, 181, 227, 0.4)); display: inline-block; margin: 20px 0; font-weight: 600; position: relative; z-index: 100;}
.button-form{ width: 380px; text-align: center; margin: 30px auto; display: block; margin-bottom: 100px; cursor: pointer;}
.button-form-final{ width: 280px; text-align: center; margin: 30px 20px; display: inline-block; margin-bottom: 100px; cursor: pointer;}
.button-form-final-dark{background: linear-gradient(90deg, #B8C4C6 0%, #7B7B7B 100%); filter: drop-shadow(0px 0px 15px rgba(147, 147, 147, 0.4));}
.center a.button_link { text-decoration: none; }



.all{ position: relative; width: 100%; overflow: hidden; }

.vertical-outer{display:table;width:100%;height:100%;}
.vertical-inner{display:table-cell;vertical-align:middle; background: transparent;}

.kolor{ color: #21B5E3; }

.top{ width: 100%; height: 180px; margin: 0px; }

.logo-container{ position: absolute; left: 0px; top: 45px; }
.logo-container .logo-wp{ height: 90px; display: inline-block; }
.logo-container .logo-wp img, .logo-container .logo-zz img{ height: 100%; display: block; }
.logo-container .logo-zz{ height: 90px; display: inline-block; margin-left: 16px; }


.top ul.menu{ list-style: none; margin: auto; padding: 0px; right: 0px; top: 73px; position: absolute;}
.top ul.menu:after{ display: none; }
.top ul.menu li{ display: inline-block; font-size: 15px; font-weight: bold; margin-left: 25px; position: relative; color: #2D2D2D;}
.top ul.menu li:first-of-type{ margin-left: 0px; }
.top ul.menu li.menu-click:after{ display: block; content: ''; position: absolute; bottom: -10px; right: 0px; width: 0%; height: 5px; border-radius: 28px; background: linear-gradient(90deg, #10C0DC 0%, #3CE1F6 100%); 
              -webkit-transition: all .2s linear;
              -moz-transition: all .2s linear;
              -ms-transition: all .2s linear;
              -o-transition: all .2s linear;
              transition: all .2s linear;}
.top ul.menu a{ text-decoration: none; color: inherit; }
.top ul.menu li.menu-click:hover:after, .top ul.menu li.menu-click.active:after{ width: 100%; left: 0px; right: auto; }
.top ul.menu li.menu-zamow{ border-radius: 28px; background-color: #3CE1F6; background: linear-gradient(90deg, #10C0DC 0%, #3CE1F6 100%); margin-left: 0px; padding: 10px 25px; color: #fff; font-size: 14px; filter: drop-shadow(0px 0px 30px rgba(33, 181, 227, 0.4));
              -webkit-transition: all .2s linear;
              -moz-transition: all .2s linear;
              -ms-transition: all .2s linear;
              -o-transition: all .2s linear;
              transition: all .2s linear;}
.menu-zamow-click{ display: inline-block; margin-left: 20px; }
.top ul.menu .menu-zamow-click:hover li.menu-zamow{ background: #10C0DC; }



.menuMobileClick{ width:40px; height:40px; cursor:pointer; position:absolute; right:0px; top:50%; margin-top:-20px; display:none; z-index:980; text-align:center; 
-webkit-transition: all .25s linear;
   -moz-transition: all .25s linear;
   -ms-transition: all .25s linear;
   -o-transition: all .25s linear;
  transition: all .25s linear;}
.top-scroll .menuMobileClick{ margin-top: -20px; }
.menuMobileClick div {
    width: 40px;
    height: 3px;
    background-color: #111;
    display:block;
    margin: 7px 0;
    border-radius: 2px;
}
.menuMobileClick div:nth-of-type(1){ width: 35px; margin-left: 5px; }
.menuMobileClick div:nth-of-type(3){ width: 28px; margin-left: 12px; }

.menuFixed{ position: fixed; width: 100%; height: 100%; background-color: #fff; z-index: 1001; left: 0px; top: 0%; opacity: 0; display: none; overflow-x: hidden; overflow-y: scroll; text-align: center;}
.closeMenuContainer{ width:100%; text-align:right; margin-bottom: 40px; position: relative; z-index: 900;}
.closeX { height: 40px; width: 40px; position: relative; box-sizing: border-box; line-height: 40px; display: inline-block; margin-top: 15px; cursor: pointer; z-index: 900;}
.closeX:before, .closeX:after {  width: 40px; height: 4px; transform: rotate(-45deg); content: ''; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -20px; display: block; background-color: #111; transition: all 0.25s ease-out;}
.closeX:after { transform: rotate(-135deg);}
.menuFixedUl{ margin: 0px; padding: 0px; list-style: none; }
.menuFixedKlik{ color: #21B5E3; text-align: center; overflow: hidden; margin: 27px 0 0px; font-size: 35px; text-transform: uppercase; font-weight: bold; padding: 5px 0; position: relative; z-index: 100;}
.menuFixedKlik.active a{ border-bottom: 2px solid #21B5E3; }
.klik-menu-2{ font-weight: bold; color: #21B5E3; text-align: center; overflow: hidden; margin: 9px 0 9px; font-size: 30px; text-transform: uppercase; font-weight: 700; padding: 5px 0; position: relative; z-index: 100;}
.menuFixed a{ color: inherit; text-decoration: none; }
.menuFixedKlik a{ display: inline-block; border-bottom: 4px solid transparent; padding-bottom: 5px; position: relative;}
.menuFixedKlik img{ width: 50px; }



.header-main{ width: 100%; position: relative; margin-bottom: 50px;}
.header-main:after{ content: ''; display: block; padding-top: 40%; }
.header-main-inner{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; font-weight: 400; font-size: 50px; color: #fff; line-height: 1.3; z-index: 2;}

.header-top{ width: 100%; position: relative; margin-bottom: 75px; text-align: center;}
.header-top:after{ content: ''; display: block; padding-top: 20%; }
.header-top-inner{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; font-weight: 600; font-size: 50px; color: #fff; line-height: 1.3; }


.header-shape{ position: absolute; }
.header-shape img{ width: 100%; display: block; }
.header-shape-1{ width: 130px; right: 25%; top: -3%; }
.header-shape-2{ width: 70px; left: 3%; bottom: -3%; }
.header-shape-3{ width: 130px; right: 8%; bottom: -3%; }
.header-shape-4{ width: 335px; right: 0; top: 33%; }
.header-shape-5{ width: 122px; right: 0; bottom: 33%; }
.header-shape-fala{ width: 347px; right: 0; top: -7%; opacity: .2; }
.header-back{ position: absolute; z-index: 1; width: 100%; height: 100%; background: #000; display: none;}

.header-small{ color: #21B5E3; font-size: 15px; font-weight: 500; margin-bottom: 20px }


.main-subheader{ font-size: 40px; color: #2D2D2D; margin-bottom: 30px; font-weight: 700; }
.main-subheader span{ font-size: 20px; }
.main-subheader-txt{ font-size: 25px; color: #21B5E3; font-style: italic; line-height: 1.4; width: 70%; margin-bottom: 25px; font-weight: 500;}
.main-subheader-shape{ position: absolute; right: -50px; top: 150px; width: 46px; }
.main-subheader-shape img{ width: 100%; display: block; }

.main-dla-domu{ position: relative; background: #F8F8F8; padding: 75px 0; }
.main-foto-dla-domu{ float: left; width: 40%; margin-right: 10%; border-radius: 10px; overflow: hidden; }
.main-foto-dla-domu img{ width: 100%; display: block; }
.main-txt-dla-domu{ float: left; width: 50%; padding-top: 80px; position: relative; }
.main-txt-dla-domu .tekst{ width: 70%; margin-top: 40px; margin-bottom: 25px; position: relative; z-index: 100; }
.fala_dla_domu1{ position: absolute; top: 50%; left: -35px; }
.fala_dla_domu2{ position: absolute; top: 200px; left: 30px; z-index: 1; height: 200px; }
.fala_dla_domu2 img{ height: 100%; }


.main-zrodlo{ background: rgba(33, 181, 227, 0.15); position: relative; padding: 75px 0; }
.main-txt-zrodlo{ float: left; width: 40%; padding-right: 40px; }
.main-txt-zrodlo .main-subheader{ font-weight: 500; }
.main-txt-zrodlo .tekst-zrodlo{ font-size: 25px; font-style: italic; color: #21B5E3; line-height: 1.4; margin-top: 50px; margin-bottom: 20px; }
.main-foto-zrodlo{ float: left; width: 60%; font-size: 14px; text-align: center; color: #21B5E3;}
.main-foto-zrodlo img{ width: 100%; display: block; }



.zrodlo-txt-1{ font-size: 25px; color: #21B5E3; font-style: italic; line-height: 1.4; width: 70%; margin-bottom: 45px; font-weight: 400;}

.zrodlo-L{ float: left; position: relative; width: 50%; padding-right: 20px; margin-bottom: 60px;  }
.zrodlo-R{ float: left; position: relative; width: 50%; padding-left: 20px; font-size: 14px; text-align: center; color: #21B5E3; margin-bottom: 60px;}
.zrodlo-R img{ width: 100%; display: block; }

.zrodlo-L ul{ list-style: none; margin: 0px; padding: 0px; margin-top: 15px;}
.zrodlo-L ul li{ padding: 0px; margin: 0px; display: inline-block; width: 185px; padding: 5px 10px; font-size: 16px; font-weight: 500; text-align: center; background: #DEF4FB; border-radius: 10px; margin: 0 15px 12px 0;}

.oferta-inner{ position: relative; z-index: 100; }

.oferta-mini-container{ width: 100%; position: relative; margin-bottom: 40px; margin-top: 60px; }
.oferta-mini{ width: 30%; margin-right: 5%; float: left; }
.oferta-mini:nth-of-type(3){ margin-right: 0px; }

.oferta-mini .foto{ width: 277px; border-radius: 10px; margin-bottom: 20px; }
.oferta-mini .foto:after{ padding-top: 100%; display: block; position: relative; content: ''; }
.oferta-mini .nazwa{ font-size: 25px; color: #000; font-weight: 500; margin-bottom: 25px; }
.oferta-mini .txt{ min-height: 125px; margin-bottom: 20px; }


.sub-page-L{ width: 65%; padding-right: 20px; margin-bottom: 55px; float: left; position: relative; z-index: 100; }
.sub-page-R{ width: 35%; padding-left: 20px; margin-bottom: 55px; float: left; position: relative; z-index: 100; }
.sub-page-R .foto{ width: 100%; display: block; }
.sub-page-R .foto img{ width: 100%; display: block; }
.sub-page-R .shape{ position: absolute; right: -5%; top: 24%; width: 13%; z-index: 100; }
.sub-page-R .shape img{ width: 100%; display: block; position: relative; z-index: 1; }

.sub-page-L .nazwa{ font-size: 40px; color: #2D2D2D; margin-bottom: 30px; font-weight: 700; }
.sub-page-L ul{ list-style: none; margin-left: 0px; }
.sub-page-L ul li{ padding-left: 27px; position: relative; }
.sub-page-L ul li:after{ display: block; position: absolute; top: 5px; left: 0px; width: 18px; height: 17px; content: ''; background: url('../grafika/li.png') center center; background-size: 100%; }

.fala-sub{ position: absolute; left: -40%; top:0%; width: 1000px; z-index: 1;}
.fala-sub-kontakt{ top: auto; bottom: -150px; }
.fala-sub img{ width: 100%; display: block; }

.kontakt-kol{ width: 30%; float: left; position: relative; margin-right: 5%; margin-top: 30px; }
.kontakt-kol-3{ margin-right: 0px; }


.dzial-sprzedazy{ position: relative; padding: 70px 0; background: #F8F8F8; margin-top: 100px; }
.dzial-sprzedazy .shape{ position: absolute; right: -10px; top: -30px; width: 170px; z-index: 100; }
.dzial-sprzedazy .shape img{ width: 100%; display: block; position: relative; z-index: 1; }

.dzial-sprzedazy-container{ width: 106%; margin-left: -3%; position: relative; }
.dzial-sprzedazy-container .person{ width: 27.333%; float: left; margin: 3%; margin-bottom: 20px; text-align: center; }
.dzial-sprzedazy-container .person:nth-of-type(3n+1){ clear: both; }
.dzial-sprzedazy-container .person .foto{ width: 53%; margin: auto; border-radius: 100%; overflow: hidden; filter: drop-shadow(0px 0px 15px rgba(98, 98, 98, 0.4)); margin-bottom: 15px;}
.dzial-sprzedazy-container .person .foto:after{ display: block; content: ''; padding-top: 100%;  }
.dzial-sprzedazy-container .person .nazwa{ font-size: 16px; line-height: 1.4; font-weight: 600; margin-bottom: 5px; }



.zamow-online-baner{ width: 100%; position: relative; margin: 0px 0 0; padding: 70px 0 50px; text-align: center; }
.zamow-online-baner .center{ z-index: 100; }
.zamow-online-baner .foto{ width: 100%; display: block; }
.zamow-online-baner .foto img{ width: 100%; display: block; }
.zamow-online-baner .txt{ font-size: 30px; line-height: 1.4; }
.zamow-online-baner .button{ padding-left: 50px; padding-right: 50px; }
.zamow-online-baner-back{ position: absolute; top: 0px; left: 0px; height: 55%; width: 100%; z-index: 1; background: #F8F8F8; }



.krok-container{ margin-bottom: 70px; position: relative; }
.krok1{ margin-top: 50px; }
.krok-container-3{ margin-bottom: 30px; }
.zamow-krok{ color: #21B5E3; font-weight: 500; font-size: 15px; margin-bottom: 20px;}

.dystrybutor-item{ width: 31.111%; margin: 1%; float: left; position: relative; cursor: pointer; }
.dystrybutor-item-flex{ display: flex; height: 250px; flex-direction: column; align-items: stretch; border:1px solid #21B5E3; padding: 30px 15px; border-radius: 15px;
              -webkit-transition: all .2s linear;
              -moz-transition: all .2s linear;
              -ms-transition: all .2s linear;
              -o-transition: all .2s linear;
              transition: all .2s linear;}
.dystrybutor-item.active .dystrybutor-item-flex{ border-width: 5px; border-color: #21B5E3;}
.dystrybutor-item-flex .foto{ max-height: 120px; flex-grow: 1; }
.dystrybutor-item-flex .nazwa{ font-size: 18px; text-align: center; margin-top: 20px; font-weight: 500; line-height: 1.15; }
.dystrybutor-item-flex .cena{ font-size: 18px; text-align: center; margin-top: 10px; font-weight: 400; }

.dystrybutor-radio, .butle-radio{ width: 1px; height: 1px; overflow: hidden; }


.butle-item{ width: 23%; margin: 1%; float: left; position: relative; cursor: pointer; }
.butle-item-flex{ display: flex; height: 250px; flex-direction: column; align-items: stretch; border:1px solid #21B5E3; padding: 30px 15px; border-radius: 15px;   align-items: center;
  justify-content: center;
              -webkit-transition: all .2s linear;
              -moz-transition: all .2s linear;
              -ms-transition: all .2s linear;
              -o-transition: all .2s linear;
              transition: all .2s linear;}
.butle-item.active .butle-item-flex{ border-width: 5px; border-color: #21B5E3;}
.butle-item-flex .foto{ max-height: 120px; flex-grow: 1; width: 100%; }
.butle-item-flex .cena{ font-size: 18px; text-align: center; font-weight: 500; margin-top: 25px; }


.butle-item-flex span, .produkt-item-flex span{ color: #BABABA; font-size: 14px; margin-bottom: 10px; margin-top: 30px; text-align: center;}
.produkt-item-flex span{ margin-top: 20px; }
.produkty_form_container {text-align: center;}
.produkty_form_container .icon_form{ display: inline-block; width: 40px; height: 40px; border:2px solid #21B5E3; margin: 0 10px; border-radius: 100%; cursor: pointer; }
.produkty_form_container .icon_plus{ background: url('../grafika/icon_plus.svg') center center no-repeat; }
.produkty_form_container .icon_minus{ background: url('../grafika/icon_minus.svg') center center no-repeat; }
.butle-item input, .produkt-item input{ display: inline-block; width: 60px; border-radius: 5px; border: 1px solid #BABABA; padding: 7px 2px; vertical-align: top; font-size: 20px; text-align: center; color: #2D2D2D; }


.produkt-item{ width: 31.111%; margin: 1%; float: left; position: relative; }
.produkt-item-flex{ display: flex; height: 370px; flex-direction: column; align-items: stretch; border:1px solid #21B5E3; padding: 25px 15px; border-radius: 15px;
              -webkit-transition: all .2s linear;
              -moz-transition: all .2s linear;
              -ms-transition: all .2s linear;
              -o-transition: all .2s linear;
              transition: all .2s linear;}
.produkt-item.active .produkt-item-flex{ border-width: 5px; border-color: #21B5E3;}
.produkt-item-flex .foto{ max-height: 170px; flex-grow: 1; }
.produkt-item-flex .nazwa{ font-size: 18px; text-align: center; margin-top: 15px; font-weight: 500; line-height: 1.15; }
.produkt-item-flex .cena{ font-size: 18px; text-align: center; margin-top: 5px; font-weight: 400; }


.butle-item-flex .produkty_form_container{ margin-bottom: 20px; }


.zamowienia-kol{ width: 50%; float: left; padding-right: 3%; }


.zestawienie-pozycja{ position: relative; width: 85%; }
.zestawienie-produkt-pozycja{ position: relative; }
.zestawienie-name{ font-size: 20px; font-weight: bold; padding-right: 200px; position: relative; margin-bottom: 14px;}
.zestawienie-produkt{ font-size: 20px; padding-right: 100px; position: relative; margin-bottom: 20px; }
.zestawienie-cena{ position: absolute; right: 0px; top: 0px; font-size: 20px; font-weight: 600; }
.zestawienie-line{ background: #BABABA; height: 1px; width: 100%; margin-top: 30px; margin-bottom: 15px; }

.formName{ display:block; font-size: 20px; font-weight: 600; margin-top:25px; margin-bottom:5px;}
.zamowienia-kol input[type=text]{ width:100%; display:inline-block; padding:10px; background:none; border-radius:5px; color:#000; font-size:16px; font-weight:300; margin:0px; margin-top:5px; font-family: 'Montserrat', sans-serif;}
.zamowienia-kol input#kodpocztowy{ width: 40%;  }
.zamowienia-kol input#miasto{ width: 57%; margin-left: 3%; margin-top: 15px;  }
.zestawienie-click{ text-align: center; }

.field_normal{ border:1px solid #BABABA;}
.errorMessage{ color:#760000; font-size:16px; margin-top:3px; margin-bottom:15px; font-weight:500; text-transform:uppercase;}
.alertReg{ margin-top:0px;}
.input_errorr{ border:2px solid #ff0000;}

.zamowienie-center{ text-align: center; }


::-webkit-input-placeholder { /* WebKit browsers */
   color:    #BABABA;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #BABABA;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #BABABA;
   opacity:  1;

}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #BABABA;
}




.reg{ width: 600px; padding:30px 0; border-bottom:1px solid #fff; margin: auto; margin-top:20px; margin-bottom:30px; color:#adadad; line-height:1.4; font-size:13px; position:relative;
  -webkit-transition: all .20s linear;
  -moz-transition: all .20s linear;
  -ms-transition: all .20s linear;
  -o-transition: all .20s linear;
  transition: all .20s linear;}
.reg .txtReg{ display:block; width:100%; padding-left:35px; z-index:500;
  -webkit-transition: all .20s linear;
  -moz-transition: all .20s linear;
  -ms-transition: all .20s linear;
  -o-transition: all .20s linear;
  transition: all .20s linear; }


.reg input[type=checkbox]{ width: 25px; height: 25px; border-radius: 4px; padding: 0px; margin: 0px; position: absolute; left: 0px; top: 30px;
  -webkit-appearance: none;
  -moz-appearance: none; 
    appearance: none;}
.reg input[type=checkbox]:after{ position: absolute; display: block; left: 2px; top: 2px; width: 20px; height: 20px; content: ''; z-index: 988; }
.reg input[type=checkbox]:checked:after{ background: url(../grafika/check.svg) no-repeat; }

/*
.check{ font-size:14px; font-family:'nobelpllight'; line-height:1; color:#FFFFFF; position:absolute; top:30px; left:0px; }
.check span{ display:block; margin:5px 0 0 5px;}
.checkName{ display:inline-block; margin:5px 0 0 0px;}
label {
  display: inline;
}






.regular-checkbox {
  display: none;
}

.regular-checkbox + label {
  background:#fff; 
  padding: 12px;
  border-radius: 5px;
  display: inline-block;
  float:left;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: 1px solid #D5D8D9;
}

.regular-checkbox + label:hover{ border-color:#21B5E3;}

.regular-checkbox + label:active, .regular-checkbox:checked + label {border-color:#21B5E3;}

.regular-checkbox:checked + label {
  color: #444;
}

.regular-checkbox:checked + label:after {
  content: '\2714';
  font-size: 15px;
  position: absolute;
  top: 5px;
  left: 7px;
  color: #21B5E3;
}
*/



.pfr{ width: 70%; margin: 40px auto 100px; }
.pfr img{ width: 100%; display: block; }


.stopka{ background: #2D2D2D; width: 100%; position: relative; z-index: 800; padding: 70px 0; text-align: center; }
.stopka .logo-top{ width: 90px; height: 90px; position: absolute; top: -45px; left: 50%; margin-left: -45px; }
.stopka .logo-top img{ width: 100%; }

.stopka .menu-footer{ padding: 0px; margin: 0px; list-style: none; margin-bottom: 30px; }
.stopka .menu-footer li{ display: inline-block; margin: 0 10px 8px; color: #EAEAEA; font-weight: bold; font-size: 15px; }
.stopka .menu-footer li a{ color: inherit; text-decoration: none; }

.stopka .txt{ font-size: 16px; line-height: 1.5; color: #EAEAEA; margin-top: 60px;}


.fs-25{ font-size:25px;}
.fs-30{ font-size:30px;}
.fs-40{ font-size:40px;}
.f-kolor{ color:#21B5E3;}