@import url('google-fonts.css?v=1');
/*
Theme Name: Main Theme
Author: Ernest Stasicki @ estasicki.pl
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.htmlf
*/


@font-face { font-family: "Maryam"; src: url("./fonts/Maryam-Alternate.eot"); src: url("./fonts/Maryam-Alternate.eot?#iefix") format("embedded-opentype"), url("./fonts/Maryam-Alternate.woff2") format("woff2"), url("./fonts/Maryam-Alternate.woff") format("woff"), url("./fonts/Maryam-Alternate.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }

@media (min-width: 992px) { [data-toggle="modal"]:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); } }

body { overflow-x: hidden; font-family: "Open Sans", sans-serif; font-weight: 400; }

@media (min-width: 992px) { .container { max-width: 1440px; } }

b, strong { font-weight: 700; }

img.alignright { display: block; width: 100%; height: auto; margin: 20px auto; }

@media (min-width: 768px) { img.alignright { float: right; width: inherit; margin: 0 0 1em 1em; } }

img.alignleft { display: block; width: 100%; height: auto; margin: 20px auto; }

@media (min-width: 992px) { img.alignleft { float: left; width: inherit; margin: 0 1em 1em 0; } }

img.aligncenter { display: block; width: 100%; height: auto; margin: 20px auto; }

@media (min-width: 992px) { img.aligncenter { display: block; width: inherit; margin-right: auto; margin-left: auto; } }

a img.alignright { display: block; width: 100%; height: auto; margin: 20px auto; }

@media (min-width: 992px) { a img.alignright { float: right; width: inherit; margin: 0 0 1em 1em; } }

a img.alignleft { display: block; width: 100%; height: auto; margin: 20px auto; }

@media (min-width: 992px) { a img.alignleft { float: left; width: inherit; margin: 0 1em 1em 0; } }

a img.aligncenter { display: block; width: 100%; height: auto; margin: 20px auto; }

@media (min-width: 992px) { a img.aligncenter { display: block; width: inherit; margin-right: auto; margin-left: auto; } }

table, td, th { text-align: left; border: 1px solid #ddd; }

table { width: 100%; border-collapse: collapse; }

th, td { padding: 15px; }

.hr-line { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #d50c83; background: -webkit-linear-gradient(left, #d50c83 0%, #33aef4 100%); background: linear-gradient(90deg, #d50c83 0%, #33aef4 100%); }

header.header { position: fixed; z-index: 100; top: 0; right: 0; left: 0; height: 90px; }

@media (min-width: 992px) { header.header { height: auto; } }

@media all and (max-width: 992px) { header.header { padding-top: 15px; } }

header.header .container { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; }

header.header .container .logo { width: 70%; }

@media (min-width: 992px) { header.header .container .logo { width: auto; padding-top: 70px; }
  header.header .container .logo a { display: block; } }

@media all and (max-width: 992px) { header.header .container .logo img { width: 150px; } }

header.header .container .header-menu { display: none; }

@media (min-width: 992px) { header.header .container .header-menu { display: block; padding-top: 40px; }
  header.header .container .header-menu ul { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style: none; }
  header.header .container .header-menu ul li { margin: 0 10px; text-transform: uppercase; font-size: 14px; font-weight: 700; } }

@media (min-width: 992px) and (min-width: 1200px) { header.header .container .header-menu ul li { margin: 0 15px; font-size: 16px; } }

@media (min-width: 992px) and (min-width: 992px) { header.header .container .header-menu ul li.contact_btn a { background: #d50c83; background: -webkit-linear-gradient(left, #d50c83 0%, #33aef4 100%); background: linear-gradient(90deg, #d50c83 0%, #33aef4 100%); } }

@media (min-width: 992px) { header.header .container .header-menu ul li:last-child { margin-right: 0; text-transform: none; }
  header.header .container .header-menu ul li:last-child a { border-radius: 15px; }
  header.header .container .header-menu ul li:last-child a:hover { color: #fff; }
  header.header .container .header-menu ul li a { padding: 5px 10px; text-decoration: none; color: #fff; } }

@media (min-width: 992px) and (min-width: 1200px) { header.header .container .header-menu ul li a { padding: 5px 15px; } }

@media (min-width: 992px) { header.header .container .header-menu ul li a:hover { color: #4f9ded; }
  header.header .container .header-menu ul li#menu-item-188 { position: absolute; top: -45px; right: -15px; }
  header.header .container .header-menu ul li#menu-item-188 a { color: #d50c83 !important; border-radius: 20px; background: #fff; } }

header.header .container .mobile-icon { color: #000; }

@media (min-width: 992px) { header.header .container .mobile-icon { display: none; } }

header.header .container .mobile-icon i { padding: 10px 12px; background: #fff; font-size: 21px; }

header.header .hr-line { opacity: 0; }

header.header.scrolled { background: #212f5f; }

header.header.scrolled .hr-line { opacity: 1; }

header.header.scrolled .logo { padding: 15px 0; padding-top: 15px; }

header.header.scrolled .logo img { width: 120px; }

header.header.scrolled .header-menu { padding-top: 0; }

header.header.scrolled #menu-item-188 { position: relative !important; top: 0 !important; right: 0 !important; }

@media (min-width: 992px) { header.header.scrolled #menu-item-188 { right: 0 !important; } }

@media all and (max-width: 992px) { header.header.scrolled { padding-top: 0; } }

#responsive-menu-button { display: none !important; }

@media all and (max-width: 992px) { #responsive-menu-container { border-right: 3px solid #fff; background: #212f5f !important; }
  #responsive-menu-container li { border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; }
  #responsive-menu-container a { height: auto !important; padding: 0 15px !important; border: none !important; background: transparent !important; font-size: 16px !important; font-weight: 700; }
  #responsive-menu-container #responsive-menu-wrapper { background: transparent !important; } }

section#footer { position: relative; overflow: hidden; padding-top: 30px; padding-bottom: 30px; color: #fff; border-top: 1px solid #fff; background: #212f5f; }

section#footer p { margin: 0; }

section#footer a { text-decoration: none; font-weight: 700; }

section#footer .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 992px) { section#footer .container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }

section#footer .cookies { margin-bottom: 30px; text-align: center; font-size: 13px; }

@media (min-width: 992px) { section#footer .cookies { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 0; text-align: left; } }

section#footer .cookies a { color: #13b6e6; }

section#footer .copy { text-align: center; font-size: 13px; }

@media (min-width: 992px) { section#footer .copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } }

section#footer .copy a { color: #fff; font-weight: 700; }

section#top-leading { position: relative; height: auto; background-size: cover !important; }

@media (min-width: 992px) { section#top-leading { height: 1009px; } }

section#top-leading .hr-line { height: 10px; }

section#top-leading .container { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; }

@media (min-width: 992px) { section#top-leading .container { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-top: 225px; } }

section#top-leading .container .top-text { width: 100%; }

@media (min-width: 992px) { section#top-leading .container .top-text { width: auto; } }

section#top-leading .container .leading-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 130px 0 50px 0; color: #fff; }

@media (min-width: 992px) { section#top-leading .container .leading-text { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-top: 50px; padding-bottom: 0; } }

section#top-leading .container .leading-text h1 { font-size: 46px; font-weight: 900; }

@media (min-width: 992px) { section#top-leading .container .leading-text h1 { max-width: 450px; font-size: 58px; } }

section#top-leading .container .leading-text h1 br { display: none; }

@media (min-width: 992px) { section#top-leading .container .leading-text h1 br { display: block; } }

section#top-leading .container .leading-text h3 { font-size: 21px; font-weight: 700; }

@media (min-width: 992px) { section#top-leading .container .leading-text h3 { font-size: 30px; } }

section#top-leading .container .leading-text .desc-text { padding-top: 30px; }

section#top-leading .container .leading-text .desc-text p { font-size: 21px; }

@media (min-width: 768px) { section#top-leading .container .leading-text .desc-text p { text-align: center; } }

@media (min-width: 992px) { section#top-leading .container .leading-text .desc-text p { padding-top: 0; text-align: left; font-size: 21px; } }

section#top-leading .container .leading-text .desc-text p br { display: none; }

@media (min-width: 992px) { section#top-leading .container .leading-text .desc-text p br { display: block; } }

section#top-leading .container .leading-text .action-btn { width: 100%; margin-top: 30px; }

@media (min-width: 992px) { section#top-leading .container .leading-text .action-btn { margin-top: 50px; } }

section#top-leading .container .leading-text .action-btn a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 40px; text-decoration: none; color: #fff; border-radius: 40px; background: #d50c83; background: -webkit-linear-gradient(left, #d50c83 0%, #33aef4 100%); background: linear-gradient(90deg, #d50c83 0%, #33aef4 100%); font-size: 18px; font-weight: 700; }

@media (min-width: 992px) { section#top-leading .container .leading-text .action-btn a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: auto; padding: 0 25px; } }

section#offer { position: relative; }

section#offer .hr-line { height: 10px; }

section#offer .container { padding-top: 50px; padding-bottom: 50px; }

section#offer .container-last-box { padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #c7c7c7; background: #f4f4f4; }

section#offer .container-last-box .container { padding-top: 20px; padding-bottom: 20px; }

@media (min-width: 992px) { section#offer .container-last-box .container { padding-top: 40px; padding-bottom: 40px; } }

section#offer .container-last-box .offer-last-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 992px) { section#offer .container-last-box .offer-last-box { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

section#offer .container-last-box .offer-last-box-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 992px) { section#offer .container-last-box .offer-last-box-item { width: 35%; padding: 0 20px; } }

section#offer .container-last-box .offer-last-box-item h2 { margin: 20px 0 20px 0; text-align: center; color: #000; font-size: 18px; font-weight: 700; }

@media (min-width: 992px) { section#offer .container-last-box .offer-last-box-item h2 { margin-top: 30px; font-size: 18px; } }

section#offer .container-last-box .offer-last-box-item h2 br { display: none; }

@media (min-width: 992px) { section#offer .container-last-box .offer-last-box-item h2 br { display: block; } }

section#offer .container-last-box .offer-last-box-item ul { margin: 0; padding: 0; list-style: none; }

section#offer .container-last-box .offer-last-box-item ul li { text-align: center; }

section#offer .container-last-box .offer-last-box-item ul i { color: #4f9ded; }

section#offer .container-last-box .offer-last-box-item p { width: 100%; text-align: center; }

section#offer .container-last-box .offer-last-box-item p br { display: none; }

@media (min-width: 992px) { section#offer .container-last-box .offer-last-box-item p br { display: block; } }

section#offer .container-last-box .offer-last-box-item p:last-child { margin-bottom: 0; }

section#offer .container-last-box .offer-last-box-item:last-child { margin-top: 40px; }

@media (min-width: 992px) { section#offer .container-last-box .offer-last-box-item:last-child { margin-top: 0; } }

section#offer .offer-top-text { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

section#offer .offer-top-text .icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; }

section#offer .offer-top-text h1 { margin: 0 0 20px 0; text-align: center; color: #4f9ded; font-size: 18px; font-weight: 900; }

@media (min-width: 992px) { section#offer .offer-top-text h1 { font-size: 46px; } }

section#offer .offer-top-text h1 br { display: none; }

@media (min-width: 992px) { section#offer .offer-top-text h1 br { display: block; } }

section#offer .offer-top-text p { text-align: justify; color: #1e2844; font-family: "PT Sans", sans-serif; font-size: 16px; }

@media (min-width: 992px) { section#offer .offer-top-text p { text-align: center; } }

section#offer .offer-top-text p br { display: none; }

@media (min-width: 992px) { section#offer .offer-top-text p br { display: block; } }

section#offer .offer-tests { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; }

@media (min-width: 992px) { section#offer .offer-tests { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 50px; } }

section#offer .offer-tests .offer-tests-item { margin-top: 15px; }

@media (min-width: 992px) { section#offer .offer-tests .offer-tests-item { margin-top: 0; }
  section#offer .offer-tests .offer-tests-item:first-child { margin-top: 0; } }

@media (min-width: 992px) { section#offer .offer-tests .offer-tests-item { width: 35%; padding: 0 20px; }
  section#offer .offer-tests .offer-tests-item p { text-align: center; } }

section#offer .offer-tests .offer-tests-item:first-child { margin-top: 0; }

section#offer .offer-tests .offer-tests-item .icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

section#offer .offer-tests .offer-tests-item h2 { margin: 20px 0 20px 0; text-align: center; color: #000; font-size: 18px; font-weight: 700; }

@media (min-width: 992px) { section#offer .offer-tests .offer-tests-item h2 { margin-top: 30px; font-size: 32px; } }

section#offer .offer-tests .offer-tests-item h2 br { display: none; }

@media (min-width: 992px) { section#offer .offer-tests .offer-tests-item h2 br { display: block; } }

section#offer .offer-tests .offer-tests-item p { text-align: justify; font-family: "PT Sans", sans-serif; font-size: 16px; }

section#offer .offer-tests .offer-tests-item ul { margin: 0; padding: 0; list-style: none; }

section#offer .offer-tests .offer-tests-item ul li { text-align: center; }

section#offer .offer-tests .offer-tests-item ul i { color: #4f9ded; }

section#offer .offer-icons { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 30px auto; }

@media (min-width: 768px) { section#offer .offer-icons { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

section#offer .offer-icons .offer-icons-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 768px) { section#offer .offer-icons .offer-icons-item { width: 50%; padding: 0 35px; }
  section#offer .offer-icons .offer-icons-item:last-child { width: 100%; padding: 0; } }

@media (min-width: 992px) { section#offer .offer-icons .offer-icons-item { width: 33.333%; margin-top: 45px; }
  section#offer .offer-icons .offer-icons-item:nth-child(4), section#offer .offer-icons .offer-icons-item:nth-child(5) { width: 50%; padding: 0; }
  section#offer .offer-icons .offer-icons-item:nth-child(4) { padding-right: 50px; padding-left: 240px; }
  section#offer .offer-icons .offer-icons-item:nth-child(5) { padding-right: 240px; padding-left: 50px; } }

section#offer .offer-icons .offer-icons-item .icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 20px auto; }

@media (min-width: 768px) { section#offer .offer-icons .offer-icons-item .icon { height: 130px; } }

section#offer .offer-icons .offer-icons-item h2 { margin: 0 0 20px 0; text-align: center; color: #1e2844; font-size: 18px; font-weight: 700; }

@media (min-width: 992px) { section#offer .offer-icons .offer-icons-item h2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 30px; font-size: 30px; } }

@media all and (min-width: 1400px) { section#offer .offer-icons .offer-icons-item h2 { height: 75px; } }

section#offer .offer-icons .offer-icons-item h2 br { display: none; }

@media (min-width: 992px) { section#offer .offer-icons .offer-icons-item h2 br { display: block; } }

section#offer .offer-icons .offer-icons-item p { text-align: justify; font-family: "PT Sans", sans-serif; font-size: 16px; }

section#about-company { position: relative; background-color: #212f5f; background-size: cover !important; }

section#about-company .container { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 40px; padding-bottom: 40px; color: #fff; }

@media (min-width: 1200px) { section#about-company .container { min-height: 914px; padding-top: 0; padding-bottom: 0; } }

section#about-company .container h5 { margin-bottom: 40px; text-align: center; color: #fff; font-size: 48px; font-weight: 700; }

@media (min-width: 1200px) { section#about-company .container h5 { margin-bottom: 60px; text-align: left; font-size: 63px; } }

section#about-company .container p { text-align: justify; }

@media (min-width: 1200px) { section#about-company .container p { margin-bottom: 30px; font-size: 18px; }
  section#about-company .container p:last-child { margin-bottom: 0; } }

section#about-company .container .text { position: relative; width: 100%; }

section#about-company .container .text h5 { text-align: center; }

section#about-company .container .text h5 br { display: none; }

@media (min-width: 992px) { section#about-company .container .text h5 br { display: block; } }

section#about-company .container .text a { color: #4f9ded; }

section#about-company .container .text p { text-align: center; }

section#about-company .container .text p a { font-weight: bold; }

section#about-company .container .text p br { display: none; }

@media (min-width: 992px) { section#about-company .container .text p br { display: block; } }

section#about-company .container .text .text-alternative { margin: 30px 0; text-align: center; color: #4f9ded; font-family: "Maryam"; }

@media (min-width: 992px) { section#about-company .container .text .text-alternative { margin: 50px 0; } }

section#about-company .container .text .text-alternative p { font-size: 46px; line-height: 46px; }

@media (min-width: 992px) { section#about-company .container .text .text-alternative p { font-size: 50px; line-height: 50px; } }

section#about-company .container .text .signature { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

section#realizations { position: relative; }

section#realizations .realizations-row-1 { position: relative; display: block; padding: 25px 0; }

@media (min-width: 992px) { section#realizations .realizations-row-1 { padding-top: 45px; } }

section#realizations .realizations-row-1 h1 { margin: 0 0 20px 0; text-align: center; color: #4f9ded; font-size: 18px; font-weight: 900; }

@media (min-width: 992px) { section#realizations .realizations-row-1 h1 { font-size: 46px; } }

section#realizations .realizations-row-1 h1 br { display: none; }

@media (min-width: 992px) { section#realizations .realizations-row-1 h1 br { display: block; } }

section#realizations .realizations-row-1 p { text-align: center; }

@media (min-width: 992px) { section#realizations .realizations-row-1 p { margin: 30px auto; margin-top: 45px; } }

section#realizations .realizations-row-1 p br { display: none; }

@media (min-width: 992px) { section#realizations .realizations-row-1 p br { display: block; } }

section#realizations .realizations-row-2 { position: relative; padding: 25px 0; text-align: center; background: #f4f4f4; }

section#realizations .realizations-row-2 p { text-transform: uppercase; font-weight: bold; }

section#realizations .realizations-row-2 p:last-child { margin: 0; }

section#realizations .realizations-row-2 p br { display: none; }

@media (min-width: 992px) { section#realizations .realizations-row-2 p br { display: block; } }

section#realizations .realizations-row-3 { position: relative; padding: 25px 0; text-align: center; }

section#realizations .realizations-row-3 ul { margin: 0; padding: 0; list-style: none; }

@media (min-width: 992px) { section#realizations .realizations-row-3 ul { padding: 30px 0; } }

@media (min-width: 992px) { section#realizations .realizations-row-3 ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  section#realizations .realizations-row-3 ul li { width: 50%; } }

section#realizations .realizations-row-3 ul i { margin-right: 5px; color: #4f9ded; }

section#realizations .realizations-row-3 ul li { padding: 10px 0; }

section#realizations .realizations-row-4 { position: relative; padding: 25px 0; text-align: center; border-top: 1px solid #c7c7c7; background: #f4f4f4; }

@media (min-width: 992px) { section#realizations .realizations-row-4 { padding: 45px 0 30px 0; } }

section#realizations .realizations-row-4 p:last-child { margin: 0; }

section#realizations .realizations-row-4 p br { display: none; }

@media (min-width: 992px) { section#realizations .realizations-row-4 p br { display: block; } }

section#realizations .realizations-row-4 h3 { margin: 20px 0 0 0; text-align: center; text-transform: uppercase; color: #4f9ded; font-size: 18px; line-height: 26px; }

@media (min-width: 992px) { section#realizations .realizations-row-4 h3 { margin: 20px 0; font-size: 24px; line-height: 38px; } }

section#realizations .realizations-row-4 h3 br { display: none; }

@media (min-width: 992px) { section#realizations .realizations-row-4 h3 br { display: block; } }

section#realizations .realizations-row-4 .action-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 20px auto; }

section#realizations .realizations-row-4 .action-btn span { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 10px 60px; cursor: pointer; color: #fff; border-radius: 20px; background: #d50c83; background: -webkit-linear-gradient(left, #d50c83 0%, #33aef4 100%); background: linear-gradient(90deg, #d50c83 0%, #33aef4 100%); font-weight: 700; }

section#realizations .realizations-row-4 .action-btn span a { text-decoration: none; color: #fff; }

section#certificates { position: relative; display: block; padding: 25px 0; }

@media (min-width: 992px) { section#certificates { padding-top: 45px; } }

section#certificates h1, section#certificates h5 { margin: 0 0 20px 0; text-align: center; color: #4f9ded; font-size: 18px; font-weight: 900; }

@media (min-width: 992px) { section#certificates h1, section#certificates h5 { font-size: 46px; } }

section#certificates h1 br, section#certificates h5 br { display: none; }

@media (min-width: 992px) { section#certificates h1 br, section#certificates h5 br { display: block; } }

section#certificates h5 { margin-top: 55px; }

section#certificates p { text-align: center; }

@media (min-width: 992px) { section#certificates p { margin: 30px auto; margin-top: 45px; } }

section#certificates p br { display: none; }

@media (min-width: 992px) { section#certificates p br { display: block; } }

section#certificates .certs-wrapper { position: relative; padding: 0 30px; /* the slides */ /* the parent */ }

@media (min-width: 992px) { section#certificates .certs-wrapper { padding: 20px 50px 50px 50px; } }

section#certificates .certs-wrapper .slick-slide { margin: 0 27px; }

section#certificates .certs-wrapper .slick-list { margin: 0 -27px; }

section#certificates .certs-wrapper .slick-arrow { z-index: 100; }

section#certificates .certs-wrapper .slick-next:before, section#certificates .certs-wrapper .slick-prev:before { opacity: 1; color: #212f5f; }

section#certificates .certs-wrapper .slick-prev { left: -35px; }

section#certificates .certs-wrapper .slick-next { right: -35px; }

section#certificates .certs-wrapper .cert-item { position: relative; background-size: cover !important; }

section#certificates .certs-wrapper .cert-item a { display: block; }

section#certificates .certs-wrapper .cert-item a img { width: 100%; height: auto; }

section#contact { position: relative; background: #212f5f; }

@media (min-width: 992px) { section#contact { padding: 30px 0; } }

section#contact .hr-line { height: 2px; }

section#contact .container { position: relative; padding-top: 30px; padding-bottom: 30px; color: #fff; }

section#contact .container .box-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 992px) { section#contact .container .box-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

@media (min-width: 992px) { section#contact .container .box-row .box-1 { width: 60%; } }

section#contact .container .box-row.box-row-1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 992px) { section#contact .container .box-row.box-row-1 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

section#contact .container .box-row.box-row-1 h5 { padding: 0; text-align: center; text-transform: uppercase; color: #4f9ded; font-size: 28px; font-weight: 700; }

@media (min-width: 992px) { section#contact .container .box-row.box-row-1 h5 { text-align: left; font-size: 42px; font-weight: 900; } }

section#contact .container .box-row.box-row-1 h5 br { display: none; }

@media (min-width: 992px) { section#contact .container .box-row.box-row-1 h5 br { display: block; } }

section#contact .container .box { position: relative; }

section#contact .container .box ul { margin: 0; padding: 0; list-style: none; }

@media (min-width: 992px) { section#contact .container .box-1 { width: 50%; } }

section#contact .container .box-1 p:last-child { margin: 30px 0; }

@media (min-width: 992px) { section#contact .container .box-1 p:last-child { margin: 0; } }

section#contact .container .box-1 p br { display: none; }

@media (min-width: 992px) { section#contact .container .box-1 p br { display: block; } }

@media (min-width: 992px) { section#contact .container .box-2 { width: 50%; } }

section#contact .container .box-2 ul { margin-bottom: 30px; text-align: center; font-size: 21px; font-weight: bold; }

@media (min-width: 992px) { section#contact .container .box-2 ul { margin-bottom: 0; } }

section#contact .container .box-2 ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 0 15px 0; }

@media (min-width: 992px) { section#contact .container .box-2 ul li { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 10px; } }

section#contact .container .box-2 ul li a { text-decoration: none; color: #fff; }

section#contact .container .box-2 ul li a img { margin-right: 10px; }

section#contact .container .box-2 p { text-align: center; color: #4f9ded; }

@media (min-width: 992px) { section#contact .container .box-2 p { margin: 0; text-align: right; } }

section#contact .container .box-2 p br { display: none; }

@media (min-width: 992px) { section#contact .container .box-2 p br { display: block; } }

@media (min-width: 992px) { section#contact .container .box-3 { width: 60%; margin-top: 40px; } }

section#contact .container .box-3 h5 { margin: 20px 0; text-align: center; color: #fff; font-size: 26px; font-weight: bold; }

@media (min-width: 992px) { section#contact .container .box-3 h5 { margin-bottom: 40px; text-align: left; font-size: 42px; font-weight: 900; } }

section#contact .container .box-3 p { text-align: center; }

@media (min-width: 992px) { section#contact .container .box-3 p { text-align: left; } }

section#contact .container .box-3 p br { display: none; }

@media (min-width: 992px) { section#contact .container .box-3 p br { display: block; } }

section#contact .container .box-4 { width: 100%; }

@media (min-width: 992px) { section#contact .container .box-4 { width: 40%; } }

section#contact .container .box-4 .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

section#contact .container .box-4 .item .logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 30px 0; }

@media (min-width: 992px) { section#contact .container .box-4 .item .logo { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 50px; }
  section#contact .container .box-4 .item .logo img { width: 150px; } }

section#contact .container .box-4 .item .items { text-align: center; }

@media (min-width: 992px) { section#contact .container .box-4 .item .items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: left; }
  section#contact .container .box-4 .item .items .contacts { width: 50%; } }

section#contact .container .box-4 .item .items .menu { margin-top: 30px; }

@media (min-width: 992px) { section#contact .container .box-4 .item .items .menu { width: 50%; margin-top: 0; }
  section#contact .container .box-4 .item .items .menu li { text-align: right; } }

section#contact .container .box-4 .item .items .menu a { text-decoration: none; color: #fff; }

body.home .our-projects { position: relative; }

body.home .our-projects .container { padding-top: 20px; padding-bottom: 0px; }

@media (min-width: 576px) { body.home .our-projects .container { padding-bottom: 40px; } }

@media (min-width: 1200px) { body.home .our-projects .container { padding-top: 100px; padding-bottom: 100px; } }

body.home .our-projects h5 { color: #242424; font-size: 32px; font-weight: 700; }

@media (min-width: 1200px) { body.home .our-projects h5 { font-size: 48px; line-height: 57px; margin-bottom: 35px; } }

body.home .our-projects .section-desc p { color: #c5c5c5; font-weight: 300; font-size: 19px; }

@media (min-width: 1200px) { body.home .our-projects .section-desc p { font-size: 23px; line-height: 48px; } }

body.home .our-projects .section-desc p:last-child { margin-bottom: 0; }

.page-id-195 .page-wrapper { position: relative; padding: 30px 0; }

@media (min-width: 992px) { .page-id-195 .page-wrapper { padding: 50px 0; } }

.page-id-195 .page-wrapper h1 { margin: 20px; color: #822d9f; font-size: 26px; font-weight: bold; }



/* === Formularz kontaktowy (2026-07) === */
#contactForm h5 { margin-bottom: 26px; color: #33aef4; font-size: 28px; font-weight: 700; text-transform: uppercase; }
#contactForm .cf-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 22px; }
#contactForm label { display: block; color: #c9d4e8; font-size: 14px; font-weight: 600; }
#contactForm .cf-msg { grid-column: 1 / -1; }
#contactForm input[type="text"], #contactForm input[type="email"], #contactForm input[type="tel"], #contactForm textarea {
  display: block; width: 100%; margin-top: 7px; padding: 12px 15px;
  color: #fff; font-size: 16px; font-family: inherit;
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.22); border-radius: 8px;
  outline: none; box-sizing: border-box; transition: border-color .2s, background .2s;
}
#contactForm input:focus, #contactForm textarea:focus { border-color: #33aef4; background: rgba(255,255,255,.11); }
#contactForm textarea { resize: vertical; min-height: 120px; }
.cf-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.cf-consent { display: flex !important; gap: 10px; align-items: flex-start; margin-top: 20px; font-weight: 400 !important; line-height: 1.5; }
.cf-consent input { margin-top: 3px; accent-color: #d50c83; }
.cf-consent a { color: #33aef4; text-decoration: underline; }
.cf-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 24px; }
.cf-submit {
  height: 46px; padding: 0 40px; border: 0; border-radius: 46px; cursor: pointer;
  color: #fff; font-size: 18px; font-weight: 700; font-family: inherit;
  background: #d50c83;
  background: -webkit-linear-gradient(left, #d50c83 0%, #33aef4 100%);
  background: linear-gradient(90deg, #d50c83 0%, #33aef4 100%);
}
.cf-submit:hover { opacity: .92; }
.cf-submit:disabled { opacity: .55; cursor: default; }
.cf-status { font-size: 15px; color: #c9d4e8; }
.cf-status.is-ok { color: #6fe3a1; font-weight: 700; }
.cf-status.is-err { color: #ff8fb0; font-weight: 700; }
@media (max-width: 767px) {
  #contactForm .cf-grid { grid-template-columns: 1fr; }
}

/* === Kontakt: dwie kolumny (tekst | formularz), 2026-07 === */
@media (min-width: 992px) {
  section#contact .contact-main { align-items: flex-start; }
  section#contact .contact-main .contact-left { width: 44%; }
  section#contact .contact-main .contact-left .box { width: 100% !important; }
  section#contact .contact-main .box-form { width: 56%; padding-left: 64px; box-sizing: border-box; }
}
@media (max-width: 991px) {
  section#contact .contact-main { flex-direction: column; }
  section#contact .contact-main .contact-left,
  section#contact .contact-main .box-form { width: 100%; padding-left: 0; }
  section#contact .contact-main .box-form { margin-top: 36px; }
}
section#contact .contact-main .box-form #contactForm { max-width: none; margin: 0; }
section#contact #contactForm h5 { font-size: 26px; text-align: left; text-transform: uppercase; color: #33aef4; font-weight: 700; }
/* dane kontaktowe w lewej kolumnie: do lewej (relikt starego 2-kolumnowego ukladu) */
section#contact .contact-main .contact-left .box-2 ul,
section#contact .contact-main .contact-left .box-2 p { text-align: left; }
section#contact .contact-main .contact-left .box-2 ul li { justify-content: flex-start; }
/* === Mobile fix kolumny kontaktu: bez sztywnych <br>, wszystko do lewej === */
@media (max-width: 991px) {
  section#contact .contact-main .contact-left p br { display: none !important; }
}
section#contact .contact-main .contact-left .box-2 ul,
section#contact .contact-main .contact-left .box-2 p,
section#contact .contact-main .contact-left .box-1 p { text-align: left !important; }
section#contact .contact-main .contact-left .box-2 ul li { text-align: left !important; }
/* === Desktop fix lewej kolumny kontaktu: bez sztywnych <br>, mniejszy naglowek === */
section#contact .contact-main .contact-left p br { display: none !important; }
@media (min-width: 992px) {
  section#contact .contact-main .contact-left h5 { font-size: 32px !important; line-height: 1.2; }
  section#contact .contact-main .contact-left .box-1 p { max-width: 42ch; }
  section#contact .contact-main .contact-left .box-2 p { max-width: 42ch; }
}
/* === Kontakt: naglowek lewej kolumny (wszystkie szerokosci) === */
section#contact .contact-main .contact-left h5 { text-align: left !important; }
section#contact .contact-main .contact-left h5 br { display: none !important; }
section#contact .contact-main .contact-left .box-2 p { margin-top: 18px; }
/* === Hero: skrocony o 15% (decyzja wlasciciela 2026-07-18) === */
@media (min-width: 992px) {
  section#top-leading { height: 858px; }
}
/* === CSP cleanup 2026-07: tla i kolory wyniesione z atrybutow style="" === */
section#top-leading { background: url('images/top-leading-bg.jpg?v=3') center center no-repeat; }
.bg-ofirmie { background: url('../uploads/o-firmie.jpg?v=3') center center no-repeat; }
.txt-lilac { color: #c08bd2; }
/* === Realizacje jako siatka kart (2026-07) === */
section#realizations .realizations-row-3 ul {
  display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 16px;
  max-width: 1050px; margin: 0 auto !important; padding: 0 15px !important; list-style: none;
}
section#realizations .realizations-row-3 ul li {
  position: relative; width: auto !important; float: none !important;
  text-align: left !important; background: #fff; border: 1px solid #e6e9ee; border-radius: 10px;
  padding: 16px 18px 16px 24px !important; margin: 0 !important;
  font-size: 15px; line-height: 1.45; color: #2a2f3a;
  box-shadow: 0 2px 10px rgba(20,30,60,.05);
  transition: transform .18s ease, box-shadow .18s ease;
  display: flex; align-items: center;
}
section#realizations .realizations-row-3 ul li::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  border-radius: 10px 0 0 10px;
  background: linear-gradient(180deg, #d50c83 0%, #33aef4 100%);
}
section#realizations .realizations-row-3 ul li:hover {
  transform: translateY(-3px); box-shadow: 0 10px 24px rgba(20,30,60,.11);
}
section#realizations .realizations-row-3 ul li i { display: none; }
@media (max-width: 991px) {
  section#realizations .realizations-row-3 ul { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  section#realizations .realizations-row-3 ul { grid-template-columns: 1fr; }
}
/* separatory przywrocone przy about-company i realizations - grubosc jak w top-leading/offer */
section#about-company .hr-line, section#realizations .hr-line { height: 10px; }