/*!
 * Start Bootstrap - One Page Wonder v5.0.6 (https://startbootstrap.com/template-overviews/one-page-wonder)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-one-page-wonder/blob/master/LICENSE)
 */

body {
  font-family: 'Roboto', sans-serif;
  font-size: 1.1rem;
  line-height: 1.4;
}

a {
    color: #3456cd;
    text-decoration: underline;
}
a:hover {
    color: #00568f;
}
b, strong {
    font-weight: 800;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto';
  font-weight: 200;
  color: #3456cd;
  padding: 0.4rem;
}
h2 {
  color: #3456cd;
  font-size: 2.3rem;
  scroll-margin-top: 100px; 
}
h3 {
  color: #2c2c2c;
  font-size: 2rem;
}
h4 {
  color: #2c2c2c;
  font-size: 1.7rem;
}
p {
  margin: 16px;
  line-height: 1.4;
}
.btn-xl {
  text-transform: uppercase;
  text-decoration: none;
  padding: 1.5rem 3rem;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
}

.bg-black {
  background-color: #264ac2 !important;
}

.rounded-pill {
  border-radius: 5rem;
}

.navbar {
    padding: 0.2rem 0.3rem;
}
.navbar-custom {
  background-color: rgb(255 255 255 / 91%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(9px);
}

.navbar-custom .navbar-brand {
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-weight: 700;
  text-decoration: none;
}

.navbar-custom .navbar-nav .nav-item .nav-link {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
}
.navbar-brand {
    max-width: 200px;
    overflow: hidden;
    white-space: normal;
    margin-right: 0rem;
}
header.masthead {
  position: relative;
  overflow: hidden;
  padding-top: calc(3.2rem + 56px);
  padding-bottom: 3.9rem;
  background-image: -webkit-linear-gradient(90deg, rgba(31, 69, 205, 0.92) 44.55%, rgba(58, 107, 139, 0) 96.88%), url(..../images/bgbodytep.jpg);
background-image: -moz-linear-gradient(90deg, rgba(31, 69, 205, 0.92) 44.55%, rgba(58, 107, 139, 0) 96.88%), url(..../images/bgbodytep.jpg);
background-image: -o-linear-gradient(90deg, rgba(31, 69, 205, 0.92) 44.55%, rgba(58, 107, 139, 0) 96.88%), url(..../images/bgbodytep.jpg);
background-image: linear-gradient(90deg, rgba(31, 69, 205, 0.92) 44.55%, rgba(58, 107, 139, 0) 96.88%), url(..../images/bgbodytep.jpg);
  background-image: linear-gradient(90deg, rgba(31, 69, 205, 0.92) 44.55%, rgba(58, 107, 139, 0) 96.88%), url(..../images/bgbodytep.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  -webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
}
@media (min-width: 992px) {
  header.masthead {
    padding-top: calc(5.6rem + 78px);
    padding-bottom: 7.2rem;
    margin-bottom: 0.7rem;
  }
header.masthead .masthead-content {
  z-index: 1;
  position: relative;
}

header.masthead .masthead-content .masthead-heading {
  font-size: 2rem;
}

header.masthead .masthead-content .masthead-subheading {
  font-size: 2rem;
}

header.masthead .bg-circle {
  z-index: 0;
  position: absolute;
  border-radius: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#ee0979), to(#ff6a00));
  background: linear-gradient(0deg, #ee0979 0%, #ff6a00 100%);
}

header.masthead .bg-circle-1 {
  height: 90rem;
  width: 90rem;
  bottom: -55rem;
  left: -55rem;
}

header.masthead .bg-circle-2 {
  height: 50rem;
  width: 50rem;
  top: -25rem;
  right: -25rem;
}

header.masthead .bg-circle-3 {
  height: 20rem;
  width: 20rem;
  bottom: -10rem;
  right: 5%;
}

header.masthead .bg-circle-4 {
  height: 30rem;
  width: 30rem;
  top: -5rem;
  right: 35%;
}
  header.masthead .masthead-content .masthead-heading {
    font-size: 3.2rem;
  }
  header.masthead .masthead-content .masthead-subheading {
    font-size: 2.5rem;
  }
}

.btn-secondary {
  background-color: #ff6a00;
  border-color: #ff6a00;
}

.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
  background-color: #f9a623 !important;
  border-color: #f9a623 !important;
}

.btn-secondary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 106, 0, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 106, 0, 0.5);
}

/* Custom template changes */

}
.text-masthead
{
  color: #fff;
  text-shadow: rgb(0, 0, 0) 2px 0px 0px, rgb(0, 0, 0) 1.75517px 0.958851px 0px, rgb(0, 0, 0) 1.0806px 1.68294px 0px, rgb(0, 0, 0) 0.141474px 1.99499px 0px, rgb(0, 0, 0) -0.832294px 1.81859px 0px, rgb(0, 0, 0) -1.60229px 1.19694px 0px, rgb(0, 0, 0) -1.97998px 0.28224px 0px, rgb(0, 0, 0) -1.87291px -0.701566px 0px, rgb(0, 0, 0) -1.30729px -1.5136px 0px, rgb(0, 0, 0) -0.421592px -1.95506px 0px, rgb(0, 0, 0) 0.567324px -1.91785px 0px, rgb(0, 0, 0) 1.41734px -1.41108px 0px, rgb(0, 0, 0) 1.92034px -0.558831px 0px;
}
.mb-0
{
  color: #fff;
}
.img-fluid {
    max-width: 100%;
}
.navbar-light .navbar-nav .nav-link {
    color: #080607;
    text-decoration: none;
}
.btn-primary {
    color: #2c2c2c;
    background-color: #fbf42d;
    border-color: #fbf42d;
    text-shadow:none;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: #2c2c2c;
    background-color: #bdd8f4 !important;
    border-color: #bdd8f4 !important;
    text-shadow:none;
}
.gula {
border-radius: 10rem;
text-decoration: none;
}
.sqr {
text-decoration: none;
}
.item--colored {
  background-color: #dcebf9;
  border: 1px solid ##cbe1f6;
  border-radius: 4px;
  padding: 8px;
  font-size: 1.2rem;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.29);
}
.item--colored-yellow {
  background-color: #FDFBC3;
  border: 1px solid #FCF99C;
  border-radius: 4px;
  padding: 6px;
  margin: 4px;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.29);
}
.item--colored-blue {
  color: #fff;
  background-color:#264ac2;
  border: 1px solid #264ac2;
  border-radius: 4px;
  padding: 10px;
  margin: 4px;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.29);
}
.yello, .yello:hover {
  color: #f7f02c;
  text-decoration: underline;
}
.card {
  border: 1px solid #333;
  margin-bottom: 2rem;
  font-size: 0.9rem;
  line-height: 1.1;
}
.card-title a {
  color: #fbf42d;
  text-decoration: none;
}
.greybcg {
   background-color: #f8f8f8;
}
.card-header {
background-color: #fee0d2;
}
.fontsm {
font-size: 0.9rem;  
}
.julian li {
    margin-top: 2px;
    margin-bottom: 13px;
    padding-left: 3px;
    line-height: 26px;
}
body::-webkit-scrollbar {
  width: 16px;
}

body::-webkit-scrollbar-track {
  background-color: #f6f6f6;
  border: 1px solid #bce2f3;
}

body::-webkit-scrollbar-thumb {
    background-image: linear-gradient(180deg, #fbf42d 0%, #bdd8f4 70%, #3456cd 99%);
    box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
    border-radius: 0px;
}
.text-white a {
    color: #fff;
    text-decoration: underline;
}
.link-orange a {
    color: #ee6d4e;
    text-decoration: none;
}
.text-red {
    color: #da301e;
}
.separ {
  margin-bottom: 0.2rem;
}
.anchor {
padding-top: 100px; 
margin-top: -100px;
}
ul.nobullets {
  list-style-type: none; 
  padding: 0.2rem; 
}
.logotextb {
 font-size: 1.7rem; 
}
.logotexts {
 font-size: 0.7rem; 
}
.logotexts {
 font-size: 0.7rem; 
}
.table .thead-dark th {
    color: #2c2c2c;
    background-color: #fbf42d;
    border-color: #fbf42d;
}
.left {
    flex: 1; 
    margin-right: 10px; 
}

.right {
    flex: 0; 
    justify-content: flex-end; 
    display: flex; 
}
sup {
    top: -0.5em;
}
::selection {
    background-color: #fbe907;
    color: #222;
}
caption {
    caption-side: top;
    font-weight: 700;
    font-size: 24px;
    color: #000;
}
.pricing-table {
margin-bottom: 50px;
}
.pricing-tables .table-responsive {
  background: #fff;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.49);
  border-radius: 20px;
  padding: 30px 30px 0; }
  .pricing-tables .table-responsive table {
    margin-bottom: 0; }
    .pricing-tables .table-responsive table tbody td {
      overflow: hidden; }
      .pricing-tables .table-responsive table tbody td > * {
        display: inline-block;
        vertical-align: middle; }
      .pricing-tables .table-responsive table tbody td .left ul li::before {
        content: '•';
        margin: 0 10px; }
      .pricing-tables .table-responsive table tbody td .right {
        width: 22%;
        float: right;
        text-align: left; }
      .pricing-tables .table-responsive table tbody td .right, .pricing-tables .table-responsive table tbody td.number {
        color: #1F45CD;
        font-weight: 700; }
    .pricing-tables .table-responsive table tfoot {
      border-top: 1px solid #333333; }
      .pricing-tables .table-responsive table tfoot td {
        padding: 30px 0; }

body#cennik .pricing-table {
  margin-bottom: 50px; }
  body#cennik .pricing-table thead th {
    color: #000;
    vertical-align: middle; }
    body#cennik .pricing-table thead th:first-child {
      font-family: "Poppins", sans-serif;
      font-weight: 700; }
  .pricing .container > .row {
    display: none; }
  .pricing {
    margin-top: 50px; }
  .pricing-tables .table-responsive table tbody td > * {
    vertical-align: top; }
  .pricing-tables .table-responsive table tbody td .left {
    width: 60%; }
  .pricing-tables .table-responsive table tbody td .right, .pricing-tables .table-responsive table tbody td.number {
    width: 35%; }
  .pricing-tables .table-responsive table tbody td.number {
    padding: 0; }
 .pricing-tables .table-responsive {
    padding-left: 20px;
    padding-right: 20px; }
    .pricing-tables .table-responsive .number {
      vertical-align: middle;
      text-align: center; }

  .pricing-tables .table-responsive {
    padding-left: 15px;
    padding-right: 15px; }
  .pricing-tables .table-responsive table tbody tr:last-child td {
    padding-bottom: 15px;
    border-bottom: 1px solid #dee2e6; }
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
}
.nav-item.dropdown .dropdown-menu {
    transition: visibility 0.2s, opacity 0.2s linear;
}
.stretch-to-fit {
  width: 100%;
  height: auto;
  object-fit: cover;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.29);
}