/* raleway-200 - latin-ext_latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('../vendor/fonts/raleway-v26-latin-ext_latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../vendor/fonts/raleway-v26-latin-ext_latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-200.woff') format('woff'), /* Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-200.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-300 - latin-ext_latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../vendor/fonts/raleway-v26-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../vendor/fonts/raleway-v26-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin-ext_latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../vendor/fonts/raleway-v26-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../vendor/fonts/raleway-v26-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin-ext_latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../vendor/fonts/raleway-v26-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../vendor/fonts/raleway-v26-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600 - latin-ext_latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../vendor/fonts/raleway-v26-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../vendor/fonts/raleway-v26-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin-ext_latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../vendor/fonts/raleway-v26-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../vendor/fonts/raleway-v26-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800 - latin-ext_latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../vendor/fonts/raleway-v26-latin-ext_latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../vendor/fonts/raleway-v26-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-200italic - latin-ext_latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 200;
  src: url('../vendor/fonts/raleway-v26-latin-ext_latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../vendor/fonts/raleway-v26-latin-ext_latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-200italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-300italic - latin-ext_latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('../vendor/fonts/raleway-v26-latin-ext_latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../vendor/fonts/raleway-v26-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-300italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-italic - latin-ext_latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('../vendor/fonts/raleway-v26-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../vendor/fonts/raleway-v26-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500italic - latin-ext_latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('../vendor/fonts/raleway-v26-latin-ext_latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../vendor/fonts/raleway-v26-latin-ext_latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-500italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600italic - latin-ext_latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('../vendor/fonts/raleway-v26-latin-ext_latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../vendor/fonts/raleway-v26-latin-ext_latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-600italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700italic - latin-ext_latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('../vendor/fonts/raleway-v26-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../vendor/fonts/raleway-v26-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-700italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800italic - latin-ext_latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  src: url('../vendor/fonts/raleway-v26-latin-ext_latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../vendor/fonts/raleway-v26-latin-ext_latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../vendor/fonts/raleway-v26-latin-ext_latin-800italic.svg#Raleway') format('svg'); /* Legacy iOS */
}



html{
  scroll-behavior: smooth;
}

body {
  font-family: "Raleway", sans-serif;
  color: #444444;
  font-weight:500;
}

a {
  color: #009ee3;
  text-decoration: none;
}
.microzoom {

  -webkit-transition: transform .3s;
  -moz-transition: transform .3s;
  -ms-transition: transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
}

.gslide-image img.zoomable {
  border-radius: 10px;
}

.gslide-image img {
  border-radius: 10px!important;
}

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


h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif;
}

.linkcolor:visited{
  color:#fff
}

.klasa{
  margin-top:-3%;
}

.ikonkaKar{
  border: 2px solid #fff;
  border-radius: 50%;
  max-width: 300px;
}

.ikonkaKar2{
  width: 101%;
  margin:auto;
  border-radius: 62%;
  /* transform: scale(-1,1);  */
}

.karTitle2span{
  font-size:1.3rem;
  color:#333333;
  font-weight: 600;
}

.karTitle3span{
  font-size:1rem;
  color:#333333;
  font-weight: 600;
  padding-left:40px;
  padding-right:40px
}

.karTitle{
  margin-bottom:40px;
  color: #fff;
  text-align: center;
  font-size:50px;
  text-shadow: 0 0.05em 0.1em rgb(68 68 68 / 50%);
  width: 100%;
}

.grecaptcha-badge
{
  display:none!important;
}

.karTitle2{
  color: #333333!important;
  text-align: center!important;
  font-size:36px!important;
  width: 100%;
}

.mt-10{
  margin-top:10px;
}

.mt-20{
  margin-top:20px;
}

.politykaTitle{  
  color:#333333;
}

.politykaTitle2{
  margin-bottom:40px;
}

/* ---------------------------- Moje ---------------------------- */

.m1t{
  display:none;
}

.prx2{
  display: none;
}

.pik4{
  display: none;
}

.pik2{
  display:none;
}

.btnyMobMain2{
  display: none;
}

.mt-60{
  margin-top:60px!important;
}
.mt-50{
  margin-top:50px!important;
}

.spn2{
  display:none!important;
}

.ii2{
  display:none;
}

.in2{
  display:none;
}
.on2{
  display:none;
}
.rr2{
  display:none;
  
}
.l2{
  display:none;
}

.gr2{
  display:none;
}

.szt2{
  display:none;
}

.j2{
  display: none;
}

.kk2{
  display:none;
}

.ch2{
  display:none
}

.kk4{
  display:none;
}

.kk5{
  display:none;
}
.carousel-indicators [data-bs-target] {
  opacity:.2;
}
.carousel-indicators .active {
  opacity: 1;
}


h5 {
  margin: 0;
  font-size: 42px;
  font-weight: bolder;
  line-height: 64px;
  color: #fff;
  text-shadow: 0.015em 0 0.2em #00000080;
  /* backdrop-filter: blur(2px); */
}

/* to make the header only as wide as the content and centering it */




.centerD {
  margin: auto;
  width: 60%;
  border: 3px solid #73AD21;
  padding: 10px;
}

.gslide-media {
  box-shadow: none!important;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(0, 0, 0, 0.8)
}

::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 10px;
  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}
.swiper-slide{
  margin: auto;
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #2590eb;
}

.text-right{
  text-align: right;
}
/* -------------------------------------------------------------- */
span.special {
  position: relative;
}
span.special:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 165px;
  height: 4px;
  background: linear-gradient(to right, #fff 0%, #ffc451 15%, #ffc451 43%, #ffc451 43%, #ffc451 57%, #ffc451 57%, #ffc451 85%, #fff 100%);
}

span.special:after {
  position: absolute;
  top: 130%;
}



h1.specialU {
  position: relative;
}
h1.specialU:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 165px;
  height: 4px;
  background: linear-gradient(to right, #fff 0%, #ffc451 15%, #ffc451 43%, #ffc451 43%, #ffc451 57%, #ffc451 57%, #ffc451 85%, #fff 100%);
}

h1.specialU:after {
  position: absolute;
  top: 120%;
}

h1.speciala {
  position: relative;
}
h1.speciala:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 165px;
  height: 4px;
  background: linear-gradient(to right, #fff 0%, #ffc451 15%, #ffc451 43%, #ffc451 43%, #ffc451 57%, #ffc451 57%, #ffc451 85%, #fff 100%);
}

h1.speciala:after {
  position: absolute;
  top: 130%;
}

@media (max-width:467px){
  h1.specialU:after {
    top: 105%!important;
  }
}

@media (max-width:329px){
  h1.special3:after {
    top: 110%!important;
  }
}

/* */


h1.special343 {
  position: relative;
}

h1.special343:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width:165px;
  height: 4px;
  background: linear-gradient(to right, #fff 0%, #ffc451 15%, #ffc451 43%, #ffc451 43%, #ffc451 57%, #ffc451 57%, #ffc451 85%, #fff 100%);
}

h1.special343:after {
  position: absolute;
  top: 120%;
}


h1.special3 {
  position: relative;
}

h1.special3:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width:165px;
  height: 4px;
  background: linear-gradient(to right, #fff 0%, #ffc451 15%, #ffc451 43%, #ffc451 43%, #ffc451 57%, #ffc451 57%, #ffc451 85%, #fff 100%);
}

h1.special3:after {
  position: absolute;
  top: 130%;
}


h1.special4 {
  position: relative;
}

h1.special4:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width:165px;
  height: 4px;
  background: linear-gradient(to right, #fff 0%, #ffc451 15%, #ffc451 43%, #ffc451 43%, #ffc451 57%, #ffc451 57%, #ffc451 85%, #fff 100%);
}

h1.special4.afb {
  position: absolute;
  top: 130%;
}

.cursor-pointer{
  cursor:pointer;
}


h1.special44 {
  position: relative;
}
h1.special44:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 165px;
  height: 4px;
  background: linear-gradient(to right, transparent 0%, #ffc451 15%, #ffc451 43%, #ffc451 43%, #ffc451 57%, #ffc451 57%, #ffc451 85%, transparent 100%);
}
h1.special44.about {
  position: absolute;
  top: 120%;
}

h1.special {
  position: relative;
}
h1.special:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 165px;
  height: 4px;
  background: linear-gradient(to right, #fff 0%, #ffc451 15%, #ffc451 43%, #ffc451 43%, #ffc451 57%, #ffc451 57%, #ffc451 85%, #fff 100%);
}
h1.special:after {
  position: absolute;
  top: 135%;
}

/* */
h1.special2 {
  position: relative;
}
h1.special2:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 165px;
  height: 4px;
  background: linear-gradient(to right, #fff 0%, #ffc451 15%, #ffc451 43%, #ffc451 43%, #ffc451 57%, #ffc451 57%, #ffc451 85%, #fff 100%);
}
h1.special2:after {
  position: absolute;
  top: 120%;
}
h1.special366 {
  position: relative;
}
h1.special366:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 165px;
  height: 4px;
  background: linear-gradient(to right, #F6F7FA 0%, #ffc451 15%, #ffc451 43%, #ffc451 43%, #ffc451 57%, #ffc451 57%, #ffc451 85%, #F6F7FA 100%);
}

h1.special366:after {
  position: absolute;
  top: 170%;
}

h1.special366x {
  position: relative;
}
h1.special366x:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 165px;
  height: 4px;
  background: linear-gradient(to right, #F6F7FA 0%, #ffc451 15%, #ffc451 43%, #ffc451 43%, #ffc451 57%, #ffc451 57%, #ffc451 85%, #F6F7FA 100%);
}

h1.special366x:after {
  position: absolute;
  top: 130%;
}
/* */

/* */
h1.special3 {
  position: relative;
}
h1.special3:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 165px;
  height: 4px;
  background: linear-gradient(to right, #F6F7FA 0%, #ffc451 15%, #ffc451 43%, #ffc451 43%, #ffc451 57%, #ffc451 57%, #ffc451 85%, #F6F7FA 100%);
}

h1.special3:after {
  position: absolute;
  top: 135%;
}

h1.special5 {
  position: relative;
}
h1.special5:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 165px;
  height: 4px;
  background: linear-gradient(to right, #F6F7FA 0%, #ffc451 15%, #ffc451 43%, #ffc451 43%, #ffc451 57%, #ffc451 57%, #ffc451 85%, #F6F7FA 100%);
}

h1.special5:after {
  position: absolute;
  top: 120%;
}

h1.special55:after {
  position: absolute;
  top: 120%;
}


h1.special55 {
  position: relative;
}
h1.special55:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 165px;
  height: 4px;
  background: linear-gradient(to right, transparent 0%, #ffc451 15%, #ffc451 43%, #ffc451 43%, #ffc451 57%, #ffc451 57%, #ffc451 85%, transparent 100%);
}

h1.special55:after {
  position: absolute;
  top: 120%;
}


/* */

.underline-gradient:after {
  content: "";
  margin: 10px auto 0px;
  display: block;
  width: 165px;
  height: 5px;
  border-radius: 2px;
  background: linear-gradient(25deg, #fff, #2590eb, #fff);
}

.underline-gradient2:after {
  content: "";
  margin: 10px auto 0px;
  display: block;
  width: 165px;
  height: 5px;
  border-radius: 2px;
  background: linear-gradient(25deg, transparent, #ffc451, transparent);
}

.underline--magical {
  background: linear-gradient(25deg, transparent, #eb2e90, transparent);
  background-repeat: no-repeat;
  background-size: 100% 0.2em;
  background-position: 0 88%;
}

.zasadap{
  margin-left:14px!important;
  color:#444444!important;
  font-weight: 600!important;
  text-align: left!important;
}

.stari{
  color:#FFC451!important;  
  font-size: 35px!important;
  top: -4px!important;
  left: -11px!important;
}

.pxd{
  display: inline-block!important;
  margin-left:14px!important;
  color: #444444!important;
  font-weight: 600!important;
}

.colorBlue{
  color:#2590eb!important;
}

.color444textinitial{
  color:#444444!important;
  text-align: initial!important;
}

.spanBlue{
  color: #2590eb!important;
}

.bgwhite3{
  background: #F6F7FA!important;
  background:none!important;
}

.paddingAll0{
  padding: 0 0 0 0!important;
}

.btnContactFixed{
  position:fixed;
  right: 75px;
  bottom: 12.5px;
  z-index: 10;
}

.cont1{
  position:relative;
  padding-top:20px;
}

.secondbg{
  background: linear-gradient(to bottom, white 18%, rgb(251, 248, 242) 18% 50%, rgb(251, 248, 242) 50% 90%, white 90% )!important;
}

.superbg{
  background: linear-gradient(to bottom, white 7%, #F6F7FA 7%, #F6F7FA 93%, white 93%);
}

.extrabg{
  background-color: #F6F7FA;
}

.svgImg{
  width: 95%
}


.blob1{
  position: absolute;top: -111px;left: 7px;width: 116%;  z-index: 4;
  
}

.blob2{
  position: absolute;top: -103px;left: -61px;width: 116%;  z-index: 4;transform:scale(-1,1)
}

.blob3{
  position: absolute;
  top: -92px;
  left: 7px;
  width: 116%;  
  z-index: 4;
}
.colorWhite{
  color:#fff;
}
.overlay413 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Czarny overlay z przezroczystością 50% */
}
.half-half-image-text2 .content {
  height: 100%;
  align-items: center;
}
.half-half-image-text2 .img {
  min-height: 636px;
  height: 100%;
  border-radius: 10px;
}
.overlay {
  bottom: 0; 
  width: 100%;
  height:100%;
  padding: 20px;
  padding-bottom:40px;
  margin-top:20px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

  -webkit-transition: .5s ease;
  -moz-transition: .5s ease;
  -ms-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;

}

.mask1color {
  /* background-image: linear-gradient(to bottom, rgb(0, 140, 253, 0.78), rgb(16, 146, 253, 0.78), rgb(30, 152, 253, 0.78), rgb(43, 157, 253, 0.78), rgb(55, 163, 252, 0.78)); */
  background-attachment: fixed;
  bottom: -55px;
  color: #fff;
  padding: 5px 17px
17px
17px;
  position: absolute;
  width: 100%;
  text-align: left;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;

}
#text-up{
  position: absolute; 
  color: white;
  padding: 40px;
  display: none;
  }

.astrodivider {
  margin: 64px auto;
  width: 400px;
  max-width: 100%;
  position: relative;
}

.astrodividermask {
  overflow: hidden;
  height: 20px;
}

.astrodividermask:after {
  content: "";
  display: block;
  margin: -25px auto 0;
  width: 100%;
  height: 25px;
  border-radius: 125px / 12px;
  box-shadow: 0 0 8px #2590eb;
}
.astrodivider span {
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 100%;
  margin-bottom: -25px;
  left: 50%;
  margin-left: -25px;
  border-radius: 100%;
  box-shadow: 0 2px 4px #2590eb;
  background: #fff;
}
.astrodivider i {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
  border-radius: 100%;
  border: none;
  text-align: center;
  line-height: 40px;
  font-style: normal;
  color: #2590eb;
}


/* 
width: 70%;
    position: absolute;
    top: 50%;
    left: 10%;
    border-radius: 62%;
    border: 2px solid #fff;
    transform: translate(-50%, -50%) scale(-1,1); */


.Omniehidden{
  font-size: calc(.9rem + 1.5vw)!important;
  color:#fff;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  margin-top: 12%;
  text-align: center;
  z-index: 1;
  display:none;
}



.omnieBlueBanner{
  padding: 60px 40px 40px;
}

.omnieBlueBannerSmall {
  padding: 60px 40px 50px;
}



.supertlo{
  background: linear-gradient(rgb(0 109 196 / 30%), rgb(3 112 200 / 60%)), url(../img/paralax/paralaxsmall.jpg) fixed center center;
  background-size: cover;
}

.zoom {
  -webkit-transition: transform .2s;
  -moz-transition: transform .2s;
  -ms-transition: transform .2s;
  -o-transition: transform .2s;
  transition: transform .2s;
}

.zoom:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}



.minizoom {

  -webkit-transition: transform .1s;
  -moz-transition: transform .1s;
  -ms-transition: transform .1s;
  -o-transition: transform .1s;
  transition: transform .1s;
}

.glow-on-hover {
  width: 250px;
  height: 60px;
  border: none;
  outline: none;
  color: #fff;
  background: transparent;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 80px;
  font-weight: bold;
  font-size: 20px;
}

.glow-on-hover:before {
  content: "";
  background: linear-gradient(
    45deg,
    #ffc451,
    #fdd88d,
    #ffc451,
    #ffc4518f,
    #ffc451
  ); /* Using #25aae1 and shades of white */
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing 20s linear infinite;
  opacity: 1; /* Set the opacity to 1 to make it always visible */
  border-radius: 80px;
  transition-delay:11s;
}


.glow-on-hover:active:after {
  background: transparent;
}

.glow-on-hover:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  background: transparent;
  left: 0;
  top: 0;
  border-radius: 80px;
  
}
.glow-on-hover:hover{
  color:#333333;
  transition: 0.6s all;
}

@keyframes glowing {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}
.iconsnav{
  font-size: 20px!important;
  color:#fff;
}
.minizoom313 {

  -webkit-transition: transform .1s;
  -moz-transition: transform .1s;
  -ms-transition: transform .1s;
  -o-transition: transform .1s;
  transition: transform .1s;
}

.minizoom313:hover {
  color: #ffc451!important;
}


.minizoom:hover {
  -ms-transform: scale(1.04); /* IE 9 */
  -webkit-transform: scale(1.04); /* Safari 3-8 */
  transform: scale(1.04); 
  color: #ffc451!important;
}

.half-half-image-text {
  padding: 20px 0px;
}
.half-half-image-text h1 {
  color: #444444;
  font-size: 1.75rem;
  text-align: center;
  padding-bottom: 60px;
}
.half-half-image-text .content {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 35px 0px;
  z-index: 6;
  position:relative;
}
.half-half-image-text .content p {
  font-size: 22px;
}
.half-half-image-text .img {
  min-height: 420px;
  height: 100%;
  box-shadow: 0 0 20px 20px rgb(0 0 0 / 15%);
}

/* Panels. */
.splitview img {
  z-index: 3;
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15);
  width: 20%;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 60%;
  border: 2px solid #fff;
  transform: translate(-50%, -50%);
}

.bgx {
  width:100%;
  height: 600px;
  border-radius: 0 0 100% 100%;
  background-color: #cfe2fc;
  margin-top:-130px;
  position:absolute;
  z-index: 44;
}

/* Panels. */

.splitview {
  /* background: linear-gradient(rgba(253, 186, 0, 0.3), rgba(253, 186, 0, 0.6)), 
  url("../img/paralax/2.jpg")bottom;
  background-size: cover; */
  
  position: relative;
  width: 100%;
  min-height: 30vw;
  overflow: hidden;
}

.panel {
  position: absolute;
  width: 100vw;
  min-height: 30vw;
  overflow: hidden;
}

.panel .content {
  position: absolute;
  width: 100vw;
  min-height: 30vw;
  color: #FFF;
}

.panel .description {
  width: 33%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}

.bottom {
  
  z-index: 1;
}

.bottom .description {
  right: 4%;
}

.top {
  /* background: linear-gradient(rgba(0, 140, 253, 0.3), rgba(0, 140, 253,0.6)), url("../img/paralax/snow.jpg") top; */
  background-image: linear-gradient(to left, rgb(37, 170, 225), rgb(68, 129, 235), rgb(4, 190, 254), rgb(63, 134, 237));
  width: 50vw;
  z-index:2;
  /*-webkit-clip-path: polygon(60% 0, 100% 0, 100% 100%, 40% 100%);
    clip-path: polygon(60% 0, 100% 0, 100% 100%, 40% 100%);*/
}

.top .description {
  left: 4%;
}

/* Handle. */

.handle {
  height: 100%;
  position: absolute;
  display: block;
  width: 5px;
  top: 0;
  left: 50%;
  z-index: 3;
}

#kontakt::before {
  content: "";
  display: block;
  height: 200px; /* Wysokość marginesu */
  margin-top: -200px; /* Przesunięcie elementu */
}


/* Skewed. */

.skewed .handle {
  top: 50%;
  transform: rotate(30deg) translateY(-50%);
  height: 200%;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  transform-origin: top;
}

.skewed .top {
  transform: skew(-30deg);
  margin-left: -1000px;
  width: calc(50vw + 1000px);
}

.skewed .top .content {
  transform: skew(30deg);
  margin-left: 1000px;
}

.ofertalayout1{
  margin:auto;
  /* padding:0 0 0 120px */
}

#logoHalfId{
  margin-right: auto!important;

  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}

.ofertalayout1text{
  margin:auto;padding:0 120px 0 60px
}

.ofertalayout1text2{
  margin:auto;padding:0 60px 0 60px
}

.intromsg{
  margin-bottom:30%;
  margin-left:1.5%;
}

.modal {
  overflow-y:auto;

}



/* ----------------------------------------------- */





.carousel-control-prev /*, .carousel-indicators */ {
    width:2%;
}

.carousel-control-next /*, .carousel-indicators */ {
    width:2%;
}


.carousel-indicators [data-bs-target]{
  background-color: #ffc451;
}

.photoClass{
  max-width: 121%;
  height: auto;
}



/* ----------------------------------------------- */


.hoverEff:hover{
  color:#2590eb;
}

.h3omnie{
  color:#fff;
  font-size: 30px;
  font-weight: 700;
}

.ofertafont{
  font-size:.9rem!important;
  font-weight:500;
}

.font500{
  font-weight: 500!important;
}

.marginb30{
  margin-bottom:30px;
}

.mb-20{
  margin-bottom:20px;
}

.mb-10{
  margin-bottom:1cqmin;
}

.font500s{
  font-weight: 500!important;
  color:#444444;
  text-align: initial;
  padding-top:30px;
  padding-left:40px;
  padding-right:40px
}

.ofertafontblack{
  font-size:.9rem!important;
  font-weight:500;
  color:#151515;
}

.pomnie{
  margin-top:20px;
  color:#fff;
  font-size:17px;
}



.footerikonki{
  display:grid;
  margin-top:2rem;
}


.ikonkimargin{
  margin:5px auto;
}



.rozwinhover:hover{
  color:#337ab7!important;
}


.footerlogo{
  width:20%;
  margin-bottom:26px
}

.imgfront{
  bottom: 0;
    position: absolute;
    right: 7%;
    max-width: 21%;
}


.ofertabgindy {
  position:relative;
  width:100%!important;
  height:100%!important;
  background-size: cover!important;
  background:  url('../img/ofertaServices/indySmall.jpg'); /* linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.6),rgba(0,0,0,0.6)),*/
}





.dolewej{
  text-align: left!important;
}






.modal-footer{
  display:initial;
}

.ofertabgindy:hover .hoferta{
  color:#444444;
  text-shadow: 0 0 20px #eee;
}

.hoferta{
  padding-top:5px;
  color:#444444!important;
  text-shadow: 0 0 20px #eee;
  font-weight: 700;
}

.ofertabggrupa {
  position:relative;
  width:100%!important;
  height:100%!important;
  background-size: cover!important;
  background: url('../img/ofertaServices/grupaSmall.jpg');
}


.ofertabggrupa:hover .hoferta{
  color:#fff;
  text-shadow: 0 0 20px #eee;
}

.ofertabgrodzic {
  position:relative;
  width:100%!important;
  height:100%!important;
  background-size: cover!important;
  background: url('../img/ofertaServices/rodzicSmall.jpg');
}
.ofertabgrodzic:hover .hoferta{
  color:#fff;
  text-shadow: 0 0 20px #eee;
}

.ofertabgsztab {
  position:relative;
  width:100%!important;
  height:100%!important;
  background-size: cover!important;
  background:  url('../img/ofertaServices/sztab2Small.jpg') center;
}

.ofertabgsztab:hover .hoferta{
  color:#fff;
  text-shadow: 0 0 20px #eee;
}

.ofertabgklub {
  position:relative;
  width:100%!important;
  height:100%!important;
  background-size: cover!important;
  background:  url('../img/ofertaServices/klubSmall.jpg');
}


.ofertabgklub:hover .hoferta{
  color:#fff;
  text-shadow: 0 0 20px #eee;
}

.ofertabgonline {
  position:relative;
  width:100%!important;
  height:100%!important;
  background-size: cover!important;
  background:  url('../img/ofertaServices/onlineSmall.jpg');
}


.ofertabgonline:hover .hoferta{
  color:#fff;
  text-shadow: 0 0 20px #eee;
}

.omnieKursy{
  display: inline-flex;
  margin-left:40px
}



.footerlinki{
  display: inline-block;
  padding:0 15px 0 15px;
}

.footlink{
  color:black!important;
  position:absolute;
  text-decoration: none;
  pointer-events: none;
}


.klasaDiv{
  margin:auto;
}

.klasaPadding1{
  margin-bottom:0!important;
  text-align: initial;
  padding-left:20%!important;
}

/* ---------------------------- End Moje ---------------------------- */

.thankyou_message{
  display:none;
}

.image2{
  display: none;
}


/* .modal-backdrop.show {
  opacity: 0.8;
}
.modal-backdrop {
  position: initial;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
} */

/* .img-size{ */
  /* 	padding: 0;
    margin: 0; */
    /* height: 450px;
    width: 700px;
    background-size: cover;
    overflow: hidden;
  }
  .modal-content {
     width: 700px;
    border:none;
  }
  .modal-body {
     padding: 0;
  }
  
  .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%474bff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    width: 30px;
    height: 48px;
  }
  
  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%474bff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    width: 30px;
    height: 48px;
  } */



.omnieImg{
  width:70%;
  border-radius: 50%;
  border: 2px solid #fff;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.rozwin{
  font-weight:500!important;
  font-size:2rem!important;
  text-transform: none!important;
  color:#009ee3
}

a.button {
  font-size: 30px;
}

.arrow {
  color: #009ee3;
  background-color: #fff;
}
.arrow::before {
  display: inline-block;
  padding-left: 8px;
  content: "🠔";

  -webkit-transition:transform 0.3s ease-out;
  -moz-transition:transform 0.3s ease-out;
  -ms-transition:transform 0.3s ease-out;
  -o-transition:transform 0.3s ease-out;
  transition:transform 0.3s ease-out;
}
.arrow:hover {
  color: #0d6efd;
  background-color: #fff;
}

.arrow:hover::before {
  transform: translateX(-4px);
}

/* .arrowIntro {
  color: #fff;
  font-size:60px;
  margin-left:-2%;
}
.arrowIntro::before {
  display: inline-block;
  padding-left: -8px;
  content: "🠒";
  transition: transform 0.3s ease-out;
  position: relative;
  top: 16px;
  left: 3px;
}
.arrowIntro:hover {
  color: #fff;
}

.arrowIntro:hover::before {
  transform: translateX(12px);
} */

.klasa2{
  font-size:18px!important;
  position:absolute;
  white-space: nowrap;
  margin-left: -40px;
  margin-top: 15px;
}

.superClass{
  max-width: 360px!important;
    box-shadow: 0 0 20px 20px rgb(0 0 0 / 15%);
    border: solid 2px #fff;
    right: 16%;
}

.arrow2 {
  color: #0d6efd;
}
.arrow2::after {
  display: inline-block;
  padding-left: 14px;
  content: "🠓";
  -webkit-transition:transform 0.3s ease-out;
  -moz-transition:transform 0.3s ease-out;
  -ms-transition:transform 0.3s ease-out;
  -o-transition:transform 0.3s ease-out;
  transition:transform 0.3s ease-out;
  margin-top: 35px;
}
.arrow2:hover {
  color: #151515;
}

.arrow2:hover::after {
  transform: translateY(4px);
}
/* */

.klasa3{
  font-size:18px!important;
  position:absolute;
  white-space: nowrap;
  margin-left:5px;
  margin-top: 50px;
}

.arrow3 {
  color: #0d6efd;
}
.arrow3::after {
  display: inline-block;
  padding-left:10px;
  content: "🠕";
  -webkit-transition:transform 0.3s ease-out;
  -moz-transition:transform 0.3s ease-out;
  -ms-transition:transform 0.3s ease-out;
  -o-transition:transform 0.3s ease-out;
  transition:transform 0.3s ease-out;
  margin-top: 5px;
  margin-left: 8px;
}
.arrow3:hover {
  color: #151515;
}

.arrow3:hover::after {
  transform: translateY(-4px);
}
/* */





.arrow33 {
  color: #009ee3;
}
.arrow33::after {
  display: inline-block;
  padding-left: 8px;
  content: "🠕";
  -webkit-transition:transform 0.3s ease-out;
  -moz-transition:transform 0.3s ease-out;
  -ms-transition:transform 0.3s ease-out;
  -o-transition:transform 0.3s ease-out;
  transition:transform 0.3s ease-out;
  margin-top: 5px;
  margin-left: 8px;
}
.arrow33:hover {
  color: #0d6efd;
}

.arrow33:hover::after {
  transform: translateY(-4px);
}
/* */

.to-top {
	color: #009ee3;
	padding-top: 2.3em;
	display: inline-block; /* or block */
	position: relative;
	text-decoration: none;
	transition: all 0.3s ease-out;
  font-weight: 500;
}
.to-top:before {
	content: "▲";
	font-size: 32px;
	position: absolute;
	top: 0;
	left: 48%;
	margin-left: -0.68em;
	border-radius: 10em;
	width: 1.4em;
	height: 1.4em;
	line-height: 1.1em;
	border-color: inherit;
	transition: transform 0.5s ease-in;
}
.to-top:hover {
	color: #0d6efd;
}
.to-top:hover:before {
	transform: rotate(360deg);
}

/* background: linear-gradient(rgba(0, 75, 136, 0.3), rgba(1, 45, 82, 0.6)), url(../img/murawa.jpg) center; */
/* rgba(0, 75, 136, 0.3), rgba(175, 122, 9, 0.322)) */
.navtransparent{
  background:transparent!important;
}



#kimjestem{
  transition: 4s;
  padding: 80px 0 40px!important;
  background-size: cover;
  /* margin: 80px 0 80px; */

  -webkit-transition:  4s;
  -moz-transition:4s;
  -ms-transition:4s;
  -o-transition:4s;
  transition:4s;
  
}

.to-bottom {
	color: #009ee3;
	padding-top: 2.3em;
	display: inline-block; /* or block */
	position: relative;
	text-decoration: none;
	transition: all 0.3s ease-out;
  font-weight: 500;
}
.to-bottom:after {
	content: "▼";
	font-size: 32px;
	position: absolute;
	top: 0;
	left: 48%;
	margin-left: -0.68em;
	border-radius: 10em;
	width: 1.4em;
	height: 1.4em;
	line-height: 1.1em;
	border-color: inherit;
	transition: transform 0.5s ease-in;
}
.to-bottom:hover {
	color: #0d6efd;
}
.to-bottom:hover:after {
	transform: rotate(360deg);
}

/* Kursy */



.bgwhite2{
  background-color: #fff!important;
  background:#fff!important;
}



.kurs2{
  margin: 23px 0 0 0!important;
}

.kurs3{
  margin: 26px 0 0 0!important;
}

.kurs4{
  margin: 20px 0 0 0!important;
}

.kurs1img{
  width:100%;
}

.kurs2img{
  width:100%;
  margin-top: 5px;
}

.kurs3img{
  width:100%;
  margin-top: 9px;
}

.fontkursy{
  font-size: .9rem!important;
  color:#444444!important;
}

.kurs4img{
  width:80%;
}


.kurs5{
  margin: 30px 0 0 0!important;
}

.kurs6{
  margin: 42px 0 0 0!important;
}

.kurs7{
  margin: 36px 0 0 0!important;
}

.kurs8{
  margin: 37px 0 0 0!important;
}

.kurs9{
  margin: 20px 0 0 0!important;
}



.kurshover{
  margin: auto 20px;
}



#kurs .container {
  position: relative;
  padding-top: 74px;
  text-align: center;
}

#kurs h1 {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 64px;
  color: #111;
}

#kurs h1 span {
  color: #009ee3;
}

#kurs h2 {
  color: #111;
  margin: 10px 0 0 0;
  font-size: 24px;
}


#kurs .icon-box {
  padding: 30px 5px 10px;
  height: 100%;
  text-align: center;

  -webkit-transition: ease-in-out 0.3s;
  -moz-transition:ease-in-out 0.3s;
  -ms-transition:ease-in-out 0.3s;
  -o-transition:ease-in-out 0.3s;
  transition:ease-in-out 0.3s;
}

#kurs .icon-box i {
  font-size: 32px;
  line-height: 1;
  color: #009ee3;
}

#kurs .icon-box h3 {
  font-weight: 500;
  margin: 10px 0 0 0;
  padding: 0;
  line-height: 1;
  font-size: 17px;
  line-height: 26px;
}

#kurs .icon-box h3 a {
  color: #111;
  -webkit-transition: ease-in-out 0.3s;
  -moz-transition:ease-in-out 0.3s;
  -ms-transition:ease-in-out 0.3s;
  -o-transition:ease-in-out 0.3s;
  transition:ease-in-out 0.3s;
}

#kurs .icon-box h3 a:hover {
  color: #009ee3;
}

#kurs .icon-box:hover {
  border-color: #009ee3;
}

@media (min-width: 1024px) {
  #kurs {
    background-attachment: fixed;
  }
}

@media (max-width: 768px) {
  .omnieImg{
    width:60%!important;
    margin-bottom:40px;
  }

  .footerlogo{
    width:60%!important;
  }

.intromsg{
  margin-left:unset;
}
  .pomnie{
    text-align: center;
  }

  .h3omnie{
    text-align: center;
  }

  .orderx1{
    order: 1!important;
  }

  .orderx2{
    order: 2!important;
  }

  #kurs {
    height: auto;
  }
  #kurs h1 {
    font-size: 28px;
    line-height: 36px;
  }
  #kurs h2 {
    font-size: 20px;
    line-height: 24px;
  }

  .kurs1img{
    width: 40%;
  }
  .kurs2img{
    width: 40%;
  }
  .kurs3img{
    width: 40%;
  }
  .kurs4img{
    width: 35%;
  }
}



/* End Kursy */

/* Timeline */


.main-timeline:after{
    content: '';
    display: block;
    clear: both;
}
.main-timeline .timeline{
    width: 50%;
    padding: 17px 0 0;
    margin: 0 5px 0 0;
    float: left;
}
.main-timeline .timeline-content{
    color: #555;
    padding: 0 110px 0 0;
    display: block;
    position: relative;
}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-year{
    color: #009ee3;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    line-height: 57px;
    height: 60px;
    width: 120px;
    border: none;
    position: absolute;
    top: -17px;
    right: -60px;
    z-index: 1;
}
.main-timeline .timeline-year:before,
.main-timeline .timeline-year:after{
    content: '';
    background-color: #009ee3;
    height: 3px;
    width: 50px;
    transform: translateY(-50%);
    position: absolute;
    left: -50px;
    top: 50%;
}
.main-timeline .timeline-year:after{
    height: 8px;
    width: 8px;
    border-radius: 50%;
}
.main-timeline .title{
    color: #009ee3;
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 10px;
}
.main-timeline .description{
    font-size: .9rem;
    letter-spacing: 1px;
    margin: 0;
}
.main-timeline .timeline:nth-child(even){
    float: right;
    margin: 0 0 0 5px;
}
.main-timeline .timeline:nth-child(even) .timeline-content{ padding: 0 0 0 120px; }
.main-timeline .timeline:nth-child(even) .timeline-year{
    right: auto;
    left: -60px;
}
.main-timeline .timeline:nth-child(even) .timeline-year:before,
.main-timeline .timeline:nth-child(even) .timeline-year:after{
    left: auto;
    right: -50px;
}
.main-timeline .timeline:nth-child(4n+2) .timeline-year{
    color: #009ee3;
    border-color: #009ee3;
}
.main-timeline .timeline:nth-child(4n+2) .timeline-year:before,
.main-timeline .timeline:nth-child(4n+2) .timeline-year:after{
    background-color: #009ee3;
}
.main-timeline .timeline:nth-child(4n+2) .title{ color: #009ee3; }
.main-timeline .timeline:nth-child(4n+3) .timeline-year{
    color: #F4130D;
    border-color: #F4130D;
}
.main-timeline .timeline:nth-child(4n+3) .timeline-year:before,
.main-timeline .timeline:nth-child(4n+3) .timeline-year:after{
    background-color: #F4130D;
}
.main-timeline .timeline:nth-child(4n+3) .title{ color: #F4130D; }
.main-timeline .timeline:nth-child(4n+4) .timeline-year{
    color: #F86B13;
    border-color: #F86B13;
}
.main-timeline .timeline:nth-child(4n+4) .timeline-year:before,
.main-timeline .timeline:nth-child(4n+4) .timeline-year:after{
    background-color: #F86B13;
}
@media (max-width:530px){
  .ofertaMobMarg2{
    margin-top: 260px!important;
  }
}


@media screen and (max-width:767.5px) {
.ofertaMobMarg{
  margin-top: 255px!important;
}

.ofertaMobMargR{
  margin-top: 235px!important;
}


.modalmarg{
  margin-top:200px!important;
}

.ofertaMobMarg2{
  margin-top: 240px!important;
}

.ofertaMobMarg3{
  margin-top: 215px!important;
}
}

@media screen and (max-width:480px) {
.ofertaMobMarg{
  margin-top: 250px!important;
}

.ofertaMobMargR{
  margin-top: 250px!important;
}


.ofertaMobMarg2{
  margin-top: 255px!important;
}


}

@media (max-width:479.5px){
  .ofertaMobMarg3{
    margin-top: 230px!important;
  }
}

@media (max-width:530px){
  .ofertaMobMarg2{
    margin-top: 260px!important;
  }
}



.main-timeline .timeline:nth-child(4n+4) .title{ color: #F86B13; }
@media screen and (max-width:767px) {
    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even){
        width: 100%;
        padding: 70px 0 0 0;
        margin: 0 0 30px 0;
    }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(even) .timeline-content{
        padding: 0;
    }
    .main-timeline .timeline-year,
    .main-timeline .timeline:nth-child(even) .timeline-year{
        top: -70px;
        left: 0;
        right: auto;
    }
    .main-timeline .timeline-year:before,
    .main-timeline .timeline-year:after{
        display: none;
    }

    h1.special5::after{
      top:110%!important;
    }
    

}
@media screen and (max-width:479px) {
    .main-timeline .title{ font-size: 22px; }

    .ikonkaKar{max-width: 200px;}

    .ikonkaKar2{max-width: 200px;}
}

/* End timeline */

.timelinex {
	width:1200px;
	height: 20px;
	list-style: none;
	text-align: justify;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 45%, rgba(255, 196, 81,1) 51%, rgba(255,255,255,0) 57%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(45%, rgba(255,255,255,0)), color-stop(51%, rgba(255, 196, 81,1)), color-stop(57%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 45%, rgba(255, 196, 81,1) 51%, rgba(255,255,255,0) 57%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 45%, rgba(255, 196, 81,1) 51%, rgba(255,255,255,0) 57%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 45%, rgba(255, 196, 81,1) 51%, rgba(255,255,255,0) 57%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 45%, rgba(255, 196, 81,1) 51%, rgba(255,255,255,0) 57%, rgba(255,255,255,0) 100%);
}

.timelinex:after {display: inline-block; content: ""; width: 100%;}

.timelinex li {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #ffc451;
	text-align: center;
	line-height: 1.2;
	position: relative;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.timelinex li:before {
	display: inline-block;
	content: attr(data-year);
	font-size: 26px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.timelinex li:nth-child(odd):before {
	top: -40px;
}
.timelinex li:nth-child(even):before {
	bottom: -40px;
}

.timelinex li:after {
	display: inline-block;
	content: attr(data-text);
	font-size: 16px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.timelinex li:nth-child(odd):after {
	bottom: 0;
	margin-bottom: -10px;
	-webkit-transform: translate(-50%, 100%);
	   -moz-transform: translate(-50%, 100%);
	    -ms-transform: translate(-50%, 100%);
	     -o-transform: translate(-50%, 100%);
	        transform: translate(-50%, 100%);
}
.timelinex li:nth-child(even):after {
	top: 0;
	margin-top: -10px;
	-webkit-transform: translate(-50%, -100%);
	   -moz-transform: translate(-50%, -100%);
	    -ms-transform: translate(-50%, -100%);
	     -o-transform: translate(-50%, -100%);
	        transform: translate(-50%, -100%);
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
#scroll-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  visibility: hidden; /* Ukrywamy elementy od razu */
  opacity: 0; /* Ukrywamy elementy */
  transition: opacity 0.4s ease, visibility 0s 0.4s; /* Opóźniamy zmianę visibility */
}

#scroll-container.active {
  visibility: visible; /* Element staje się widoczny */
  opacity: 1; /* Zwiększamy przezroczystość do 1 */
  transition: opacity 0.4s ease; /* Tylko płynne pojawianie się */
}

.back-to-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #2590eb;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s ease;
  box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%);
}

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  color: #fff;
  text-shadow: 0 0 2px #eee;
  border-color: #ffbc38!important;
  background: #ffbc38;
  box-shadow: 0 4px 15px 0 rgb(255 196 81 / 75%);
  border: 2px solid;
}

.back-to-top:hover i {
  color: #fff;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}



#preloader:before {
  content: "";
  position: fixed;
  top: calc(45% - 0px);
  left: calc(50% - 30px);
  border: 2px solid #f3f3f3;
  border-top: 3px solid #2489CE;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}


@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInBottom{
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInTop {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInTitle {
  from {
    opacity: 0;
    transform: translateX(10px);

  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  z-index: 997;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.7);

  -webkit-transition: all 0.5s;
  -moz-transition:all 0.5s;
  -ms-transition:all 0.5s;
  -o-transition:all 0.5s;
  transition:all 0.5s;
}

.header-scrolled, #header.header-inner-pages {
  padding: 5px 0!important;
  background: rgba(0, 0, 0, 0.8)!important;
}

#header .logo {
  font-size: 24px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.tloheadera{
  background: rgba(0, 0, 0, 0.8);
}

#header .logo a {
  color: #fff;
}

#header .logo a span {
  color: #009ee3;
}

#header .logo img {
  max-height: 70px;
}

.hoferta{
  color:#fff;
  position:relative;
  z-index:2;
}

.hoferta:hover{
  color:#ffc451;
}

.aoferta{
  width:100%;
  height:100%
}

.divoferta{
  background-size: cover!important;
  width:100%!important;
  height:100%!important;
}

.pfff{
  padding-top:10px;
  color :#777777;
  position:relative;
  z-index:2;
}

.afb{
  color:#009ee3;
}

.afb2{
  color:#25afeb;
}

.hintro{
  white-space: nowrap;
  /* color:#151515!important; */
  color:#343a40!important;
  font-size:50px!important;
}

.h2intro{
  color:#343a40!important;
  font-size:28px!important;
}

.navbarActive{
  font-weight:500!important;
}

.navbarActive2{
  font-weight:500!important;
}

.colorNavIndex{
  color:#0ea6d8!important;
}

.ikonki{
  max-width: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  transform: rotate(45deg);
  transition: ease-in-out 0.3s;
}


.customZoomOmnie{
  transition: ease-in-out 0.3s;
}

.customZoomOmnie:hover{
  -webkit-transform : scale(1.01); /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform     : scale(1.01); /* IE 9 */
  transform         : scale(1.01);
  box-shadow: 0 4px 15px 0 rgba(255, 196, 81, 0.75)!important;
}

.pikonki{
  text-align: center;
  font-weight: 500;
  font-size: .9rem;
  color: #444444!important;
}

.aikonki{
  color:#444444;
  cursor:default;
  margin-top:25px;
}

.titleikonki{
  text-align: center;
}
/* transition: transform .3s;
  -ms-transform: scale(1.2); IE 9 
  -webkit-transform: scale(1.2);  Safari 3-8 
  transform: scale(1.2);  */

.titleikonki:after{
  content: "";
  display: block;
  margin: 0 auto 25px;
  width: 40%;
  padding-top: 30px;
  border-bottom: 5px solid #ffc451;
  width: 115px;
}

.blur {
  filter: blur(8px);
  -webkit-filter: blur(8px);
  height: 100%; 
}



@media (max-width: 500px) {

}


@media (max-width: 600px) {

  .Omniehidden{
    display:unset!important;
    z-index:3;
  }

  .imgfront{
    display:table;
    margin: 0 auto;
    width:35%;
    position:initial;
    right:initial;
    max-width: 35%;
  }

  .superClass{
    width: 75%;
    max-width: 75%!important;
  }



  /* Panels. */
.splitview img {
  z-index: none;
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15);
  width: 40%;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 60%;
  border: 2px solid #fff;
  transform: translate(-50%, -50%);
}

.splitview {
  background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
  position: relative;
  width: 100%;
  min-height: 100vw;
  overflow: hidden;
}

.panel {
  position: absolute;
  width: 100vw;
  min-height: 100vw;
  overflow: hidden;
}

.panel .content {
  position: absolute;
  width: 100vw;
  min-height: 100vw;
  color: #FFF;
}

.panel .description {
  width: 90%;

  text-align: center;


  left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 86%;
}

.omnieFont1{
  font-size: calc(.55rem + 1.2vw)!important;
  color: #fff!important;
}

.omnieFont2{
  font-size: calc(0.4rem + 1vw)!important;
  color: #fff!important;
}

.top{
  transform:none!important;
  margin-left:0!important;
  z-index: 0!important;
}

.bottom {
  
  z-index: 1;
}




  .btn-gradMain{
    
    white-space: nowrap;
    margin-left:0!important;
    position: absolute;
    top: 50%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, -50%);
  }

  #intromsgID{
    margin:auto;
  }

  .hintro {
    font-size: 25px!important;
  }

  .h2intro{
    font-size:18px!important;
    margin: 0!important;
  }
  .btnMain {
    padding: 15px 40px!important;
    position: absolute!important;
    margin-left: auto!important;
    margin-right: auto!important;
    left: 10%!important;
    right: 10%!important;
    text-align: center!important;
  }
  /* .logoImg{
    width:220px!important;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: -45%;
  } */
  .navbar{
    margin-left:2%;
  }
  .znikaj{
    display:none!important;
  }
  .btn-contact{
    width:200px;
  }
}



@media (min-width:409px) and (max-width:576px){
  .arrowRightSlider{
    bottom: 28px;
    right: 100%;
    position: absolute;
  }
  .arrowLeftSlider{
    bottom: 28px;
    left: 100%;
    position: absolute;
  }
}

@media (max-width: 576px) {
  .mobilePadding{
    width:94%!important;
    margin:auto;
  }



  .footerlinki{
    padding:0 5px 0 5px!important;
  }

  .mobilePadding2{
    text-align: center!important;
  }

  .mobileTextPadding{
    padding-right: 12px;
    padding-left: 12px;
  }
}
/*--------------------------------------------------------------
#  Get Startet Button
--------------------------------------------------------------*/
.get-started-btn {
  color: #343a40;
  border-radius: 4px;
  white-space: nowrap;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 4px;
  transition: 0.5s;
  display: inline-block;
  border: none;
}

.get-started-btn:hover {
  background: #0499da;
  color: #fff;
}

@media (max-width: 991.5px) {
  .footerikonki{
    display:inline;
    text-align: center;
  }
  .ikonkimargin{
    margin:0 10px;
  }
  .karTitle{
    font-size:30px;
  }
  
}

@media(max-width: 991.4px){
  .order111{
    order:1!important;
  }
}

@media (max-width: 991.6px){
  .cta{
    padding: 30px 0 0 0!important;
  }
  .prostuj22{
    text-align: center!important;
  }
  .xcp{
    padding: 60px 0 40px 0!important;
  }
}



@media (max-width: 1399px) and (min-width:1200px){
  .kk2{
    display:block;
  }
  .kk1{
    display:none;
  }
  .mbb1{
    margin-bottom:20px!important;
    margin-top:20px!important;
  }
  .pbx12{
    padding-top:20px!important;
  }
}

@media(max-width:991px){
  .m1t{
    display:block!important;
  }
  .navit{
    display:none!important;
  }
}

@media(max-width:230px){
  .ppmit{
    font-size:12px!important;
  }
}

@media(max-width:1199px) and (min-width:992px){
  .zx123{
    margin-top:20px!important;
  }
}

@media (max-width: 1199px) and (min-width:992px){
  .bigpadd{
    padding: 315px 0 0 0!important;
  }
  .modalmargAfter {
    margin-top: 200px!important;
}
.zxczx{
  padding: 40px 0 74.5px 0!important;
}
  .kk2{
    display:none;
  }
  .kk1{
    display:none;
  }
  .kk5{
    display:block;
    padding-top: 23px!important;
  }
  .kk4{
    display:block;
    padding-top: 0px!important;
    padding-bottom: 15px!important;
  }
  .cc5{
    margin:0 auto!important;
  }
  .ch2{
    display:block;
    padding:0 40px!important;
  }
  .ch1{
    display:none;
  }
  .gr2{
    display:block;
    padding:0 18px!important;
  }
  .gr1{
    display:none;
  }
  .szt2{
    display:block;
    padding:0 18px!important;
  }
  .szt1{
    display:none;
  }
}

@media(max-width: 991.5px){
  .superBorderCircle{
    border-radius: 66%;
    box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%);
    margin:auto!important;
  }

  .superpadd{
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .image1{
    display: none;
  }

  .image2{
    display: block;
  }
}

@media (max-width: 576px) {
  .mrl0{
    margin-left:0!important;
    margin-right:0!important;
  }
}

@media (max-width: 992px) and (min-width:768px) {
.bigpadd{
  padding:55px 0 0 0!important;
}
}

@media(max-width:991.4px){
  .ii2{
    display:block!important;
  }

  .ii1{
    display:none!important;
  }

  .ptpt0{
    padding-top:10px!important;
  }

  .ordr3{
    order:3!important;
  }
}


@media(max-width:992px) and (min-width:409px){

#rozBtnWyksztalcenie {
    margin-bottom: 0px!important;
}
}

@media (max-width: 992px) {
  
  .mbb1{
    margin-top:40px!important;
  }



  .arrow2R{
    bottom: 29px;
    right: 100%;
    position: absolute;
    width:2rem!important;
    height:2rem!important;
    font-size:42px!important;
  }

  .arrow2L{
    bottom: 29px;
    left: 62%;
    position: absolute;
    width:2rem!important;
    height:2rem!important;
    font-size:42px!important;
  }

  .ofertaMobFoty{
    border-radius: 10px 10px 0 0!important;
    margin-left:0!important;
  }


  .spbb{
    padding-bottom: 50px!important;
  }


  .footerlogo{
    width:40%;
  }
  .prostuj{
    text-align: center!important;
  }

  .bgwhite{
    background-color: #fff!important;
    background:#fff!important;
  }

  .width100{
    width: 100%!important;
  }

  .btnmargin{
    margin-bottom:40px;
  }



  .prostujImg{
    text-align: center!important;
  }

  .prostujImg2{
    float:initial!important;
  }

  .order11{
    order:1!important;
  }

  .prostujImg3{
    height: auto!important;
    min-height: auto!important;
    text-align: center!important;
    float:initial!important;
  }

  .dodajprzerwe{
    margin-bottom:20px;
  }

  .mobilnyMarginP{
    padding-right: calc(var(--bs-gutter-x)/ 2)!important;
  }



  .dajPadding{
    padding-right: calc(var(--bs-gutter-x)/ 2)!important;
    padding-left: calc(var(--bs-gutter-x)/ 2)!important;
  }



  .prostujbtn{
    display: table!important;
    margin: 0 auto!important;
    margin-top:20px!important;
  }

  .przerwa{
    margin-bottom:20px!important;
  }

  .superClass{
    right:initial!important;
    width:100%;
  }



  .s3{
    margin-left:52px;
  }

  .s2{
    margin-top:40px;
    background-position: center!important;
    margin-right:52px;
  }

  .zeruj{
    margin-left:0!important;
    margin-right:0!important;
  }

  .s5{
    margin-top:40px;
    margin-right:52px;
    background-position: left!important;
  }

  .marginestop {
    margin-top:20px;
  }

  .marginestop2{
    margin-top:40px;
  }

  .omnieKursy{
    margin-left:0!important;
  }

  .omnieImg{
    width:100%;
  }

  .footerikonki2{
    text-align: center;
  }

  .kurs2 {
    margin: 24px 0 0 0;
}

.kurs3 {
  margin: 28px 0 0 0;
}

.ofertalayout1{
  padding-right: calc(var(--bs-gutter-x)/ 2);
  padding-left: calc(var(--bs-gutter-x)/ 2);
}

.ofertalayout1text{
  padding-right: calc(var(--bs-gutter-x)/ 2);
  padding-left: calc(var(--bs-gutter-x)/ 2);
}

.ofertalayout1text2{
  padding-right: calc(var(--bs-gutter-x)/ 2);
  padding-left: calc(var(--bs-gutter-x)/ 2);
}

  .get-started-btn {
    padding: 7px 20px 8px 20px;
    margin-right: 15px;
  }

  .btn-contact{
    padding: 15px -1px!important;
    width:100%!important;
    margin:0 auto;
  }

  .klasa{
    margin-top:0!important;
  }

  .ikonkaKar{
    margin: 0 auto 10%!important;
    display: block;
  }

  .ikonkaKar2{
    margin: 0 auto 10%!important;
    display: block;
  }

}

@media(max-width:500px){
  .arrow2R{
    bottom: 24px;
    right: 100%;
    position: absolute;
    width:2rem!important;
    height:2rem!important;
    font-size:32px!important;
  }

  .arrow2L{
    bottom: 24px;
    left: 62%;
    position: absolute;
    width:2rem!important;
    height:2rem!important;
    font-size:32px!important;
  }
}

@media(min-width: 991.4px) and (max-width:992px){
  .maxwidth100{
    max-width: 175%!important;
  }
}

@media (max-width:377px)  {
  .in1{
    display: none;
  }
  .in2{
    display: block;
    padding: 0 32px!important;
  }
  }
  @media (max-width:505px)  {
  .tytulyO{
    padding: 0 20px!important;
  }
  }

@media (max-width:455px)  {
.on1{
  display: none;
}
.on2{
  display: block;
  padding: 0 32px!important;
}
}


@media (max-width:575.4px) {
  .ovfh{
    border-radius: 0!important;
  }
  .klb23{
    padding: 0 8px!important;
  }
  .ch1{
    display: none;
  }
  .ch2{
    display: block;
    padding: 0 32px!important;
  }

  .gr1{
    display: none;
  }
  .gr2{
    display: block;
    padding: 0 32px!important;
  }
  .rr1{
    display: none;
  }
  .rr2{
    display: block;
    padding: 0 32px!important;
  }
  .szt1{
    display: none;
  }
  .szt2{
    display: block;
    padding: 0 32px!important;
  }

}


@media (max-width:767px) and (orientation:landscape) {
  .ovfh{
    border-radius:10px!important;
  }


}

@media(max-width:767.4px) and (min-width:532px){
  .btnoK3{
    padding: 8px 18px!important;
    margin: 0 4px!important;
  }
  .btnoD3{
    padding: 8px 18px!important;
    margin: 0 4px!important;
  }
  .btnoW3{
    padding: 8px 18px!important;
    margin: 0 4px!important;
  }
}

@media(min-width:480px) and (max-width:532px){
  .btnoK3{
    padding: 5px 10px!important;
    margin: 0 4px!important;
  }
  .btnoD3{
    padding: 5px 10px!important;
    margin: 0 4px!important;
  }
  .btnoW3{
    padding: 5px 10px!important;
    margin: 0 4px!important;
  }

}

@media(max-width:767px){
  .hehe23{
    scroll-margin: 14px!important;
  }
  .ovfh{
    border-radius: 0!important;
  }


}

@media(min-width:768px) and (max-width:992px){
  .hehe23{
    scroll-margin: 22px!important;
  }
}

@media (max-width:422.4px) {
  h1.speciala:after {
    top: 110%!important;
  }
}

@media(max-width:767.6px){
  .bigpadd{
    padding:50px 0 0 0!important;
  }
}


@media(max-width:766.4px){
  .bigpadd{
    padding:65px 0 0 0!important;
  }
}

@media (max-width:767px) {

  .ofertaMobFoty{
    border-radius: 0 0 0 0!important;
  }
  .arrowLeftSlider{
    bottom:32px!important;
    font-size:42px!important
  }
  .arrowRightSlider{
    bottom:32px!important;
    font-size:42px!important
  }
  }

  @media (max-width:500px) {
    .arrowLeftSlider{
      bottom:41px!important;
      font-size:32px!important
    }
    .arrowRightSlider{
      bottom:41px!important;
      font-size:32px!important
    }
    }

  @media(max-width:408px){
    .arrowRightSlider{
      bottom: 57px!important;
      right: 100%;
      position: absolute;
      width:2rem!important;
      height:2rem!important;
      font-size:32px!important;
    }
    .arrowLeftSlider{
      bottom: 57px!important;
      left: 100%;
      position: absolute;
      width:2rem!important;
      height:2rem!important;
      font-size:32px!important;
    }
  }
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  color: #fff;
  white-space: nowrap;
  transition: 0.3s;

  letter-spacing: 0.8px;
  font-weight:400;

font-style: normal;
  font-size:20px;
}

.navbar a i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover, .navbar , .navbar li:hover > a {
  color: #fff;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  color: #151515;
  font-weight: 400;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  background-color: #009ee3;
}

.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #fff;
  font-size: 44px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }
  .navbar ul {
    display: none;
  }
  .fotaPadding{
    padding-right:0!important;
  }


}


@media (max-width: 991.4px){
  .goram{
    margin-top:15px!important;
  }

  .superwiz{
    font-size:35px!important;
  }

  .xd1{
    padding: 40px 0 72.5px 0!important;
  }
}

@media (max-width: 1399.4px) and (min-width:1200px){
  .pi1{
    padding: 60px 0 57px 0!important;
  }
}

@media (max-width: 1399.4px) {

  
  .mtt0{
    margin-top:-10px!important;
  }
}

@media(max-width:1200px){
  .od2{
    order:2;
  }
}

@media (max-width: 1199.4px) {
  .tKim{
    font-size: 21px!important;
  }
  .mta{
    margin-top:10px!important;
  }


  .pb1{
    padding: 40px 0 64px 0!important;
  }

  .mta2{
    margin-top:22px!important;
  }

  .pb2{
    padding: 40px 0 90px 0!important;
  }

  .mta3{
    margin-top:-10px!important;
  }

  .mta4{
    margin-top:30px!important;
  }

  .pb3{
    padding-top: 0!important;
  }

  .mtt0{
    margin-top:0!important;
  }

}

@media (max-width: 991.4px){
  .usunPaddingL{
    padding-left:0!important;
  }

  .usunPaddingR{
    padding-right:0!important;
  }

  .usunMarginL{
    margin-left:0!important;
  }

  .pttt0{
    margin-top:-10px!important;
  }

  .mr00{
    margin-right:0!important;
  }

  .par0{
    padding-right:0!important;
  }

  .p00{
    padding-right: 0!important;
    padding-left: 0!important;
  }
}

@media(max-width:324px){
  .photoClass{
    max-width: 100%!important;
  }
}

@media (max-width: 312px)  {
  .maxwidth100{
    max-width: 100%!important;
  }
}

@media (max-width: 330px) and (min-width: 312px) {
  .maxwidth100{
    max-width: 90%!important;
  }
}

@media (max-width: 369px) and (min-width: 330px) {
  .maxwidth100{
    max-width: 85%!important;
  }
}



@media (max-width: 357px)  {
  .maxw6{
    max-width: 100%!important;
  }
  }


@media (max-width: 367px) and (min-width: 357px) {
  .maxw6{
    max-width: 99%!important;
  }
  }


@media (max-width: 374px) and (min-width: 367px) {
  .maxw6{
    max-width: 96%!important;
  }
  }

@media (max-width: 390px) and (min-width: 374px) {
  .maxw6{
    max-width: 94%!important;
  }
  }


@media (max-width: 408px) and (min-width: 390px) {
.maxw6{
  max-width: 90%!important;
}
}

@media (max-width: 408px) and (min-width: 369px) {
  .maxwidth100{
    max-width: 75%!important;
  }

  .maxw68{
    max-width: 81%!important;
  }

}

@media (max-width: 460px) and (min-width: 408px) {
  .maxwidth100{
    max-width: 75%!important;
  }

  .maxw68{
    max-width: 80%!important;
  }

  .maxw6{
    max-width: 86%!important;
  }
}

@media (max-width: 493px) and (min-width: 441px) {
  .maxw6{
    max-width: 78%!important;
  }
}

@media (max-width: 767.4px) and (min-width: 493px) {
  .maxw6{
    max-width: 69%!important;
  }
}

@media (max-width: 767.4px) and (min-width: 460px) {
  .maxwidth100{
    max-width: 65%!important;
  }

  .maxw68{
    max-width: 69%!important;
  }


}

@media (max-width:500px){
  .tcenter2{
    text-align: center!important;
  }
}

@media (max-width: 991.4px) and (min-width:768px){
  .mwidth{
    max-width:85%!important;
  }
  .maxwidth100{
    max-width: 54%!important;
  }
}

@media (max-width: 991.4px) and (min-width:500px){
  .tcenter{
    text-align: center!important;
  }
}

@media (max-width: 382px){
  .ml5{
    margin-left:5px!important;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #272626a8;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile ul li .bb {
  border-bottom: 1px solid #ffffff30;
  border-radius: 0%!important;
}

.navbar-mobile ul li .bba{
  color:#ffc451!important;
}

.navbar-mobile a {
  padding: 10px 20px;
  font-size: 15px;
  color: #ffffffde!important;
}

.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #ffffffde;
  background-color: #009ee3;
}

.navbar-mobile .getstarted {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
  color: #151515;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
  background-color: #009ee3;
}

.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}

.shadowbg1{
  background: url('../img/test.png') no-repeat right bottom;
  position: absolute;
  width: 111%;
  height: 91%;
    z-index: 0;
    opacity: 6%;
}

/*--------------------------------------------------------------
# Hero Section 
--------------------------------------------------------------*/

#hero {
  width: 100%;
  height: 100vh;
  /* background:  url("../img/background/hero-bg.png") bottom center;
  background-size: cover; */
  position: relative;

  background: url(../img/background/heroblur.jpg) bottom center;
  background-size: cover;
  display:inline-flex;
}

#hero:before {
  content: "";
  /* background: rgba(0, 0, 0, 0.15); */
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero .container {
  position: relative;
  padding-top: 74px;
  text-align: center;
}

#hero h1 {
  margin: 0;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  color: #fff;
}

#hero h1 span {
  color: #009ee3;
}

#hero h2 {
  color: rgba(255, 255, 255, 0.9);
  margin: 10px 0 0 0;
  font-size: 24px;
}

#hero .icon-box {
  padding: 30px 20px;
  transition: ease-in-out 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.3);
  height: 100%;
  text-align: center;
}

#hero .icon-box i {
  font-size: 32px;
  line-height: 1;
  color: #009ee3;
}

#hero .icon-box h3 {
  font-weight: 700;
  margin: 10px 0 0 0;
  padding: 0;
  line-height: 1;
  font-size: 20px;
  line-height: 26px;
}

#hero .icon-box h3 a {
  color: #fff;
  transition: ease-in-out 0.3s;
}

#hero .icon-box h3 a:hover {
  color: #009ee3;
}

#hero .icon-box:hover {
  border-color: #009ee3;
}

@media (min-width: 1024px) {
  /* #hero {
    background-attachment: fixed;
  } */
}

@media(max-width: 768px)and (min-width:515px){
  .about .content h3{
    font-size: 31px!important;
  }

}

@media (max-width: 768px) {
  /*#hero {
    height: auto;
  }*/
  .linkcolor:visited{
    color:#151515;
  }



  .navbar a {
    font-size: 20px;
    padding: 20px 20px;
    display:block!important;
  }
  .navbar-mobile ul { 
    text-align: center;
  }



  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }
  #hero h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .karTitle{
    text-align:center;
  }
  .politykaTitle{
    text-align:center;
  }


}
@media (max-width: 515px) and (min-width: 321px){
  .karTitle2span {
    font-size: 1.2rem!important;
    padding: 0 5px;
  }
}

@media (max-width: 515px){
  .breakline1{
    content:"\a";
    white-space: pre;
  }

  .fs1{
    font-size:38px!important;
  }

  .br1{
    display: block;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom:10px;
    font-weight: 600;
  }


}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}

.section-title2 {
  padding-bottom: 40px;
}

.section-title2 h2 {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  line-height: 1px;
  margin: 0 0 5px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #cbcaca;
}

.section-title2 h2::after {
  content: "";
  width: 120px;
  height: 3px;
  display: inline-block;
  background: #ffc451;
  margin: 4px 10px;
}

.section-title2 p {
  margin: 0;
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  color: #151515;
}

.section-title {
  padding-bottom: 40px;
}

.section-title h2 {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  line-height: 1px;
  margin: 0 0 5px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #aaaaaa;
}

.section-title h2::after {
  content: "";
  width: 120px;
  height: 3px;
  display: inline-block;
  background: #25afeb;
  margin: 4px 10px;
}

.section-title p {
  margin: 0;
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  color: #151515;
}
/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/

.underline {
  --line: #009ee3;
  --color: #009ee3;
  text-decoration: none;
  color: var(--color);
  position: relative;
}
.underline span {
  background-image: linear-gradient(0deg, var(--line) 0%, var(--line) 100%);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: var(--background-size, 100%) 1px;
  transition: background-size 0.2s linear var(--background-delay, 0.15s);
  font-size: 16px;
  line-height: 20px;
  transform: translateZ(0);
}
.underline svg {
  vertical-align: top;
  display: inline;
  line-height: 1;
  width: 13px;
  height: 20px;
  position: relative;
  left: -2px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1px;
  stroke: var(--line);
  stroke-dasharray: 7.95 30;
  stroke-dashoffset: var(--stroke-dashoffset, 46);
  transition: stroke-dashoffset var(--stroke-duration, 0.15s) var(--stroke-easing, linear) var(--stroke-delay, 0s);
}
.underline:hover {
  --background-size: 0%;
  --background-delay: 0s;
  --stroke-dashoffset: 26;
  --stroke-duration: .3s;
  --stroke-easing: cubic-bezier(.3, 1.5, .5, 1);
  --stroke-delay: .195s;
}


/*--------------------------------------------------------------
#
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .content h3 {
  font-weight: 700;
  font-size: 29px;
}

.btn{
  font-size:1.2rem;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  padding: 0 0 8px 30px;
  position: relative;
}

.about .content ul i {
  position: absolute;
  color: #009ee3;

  font-size: 45px;
  top: -13px;
  left: -15px;
}

.about .content p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/






.clients .swiper-slide img {
  opacity: 1;
  transition: 0.3s;
  /* filter: grayscale(100); */
  
}

.clients .swiper-slide img:hover {
  filter: none;
  opacity: 1;
}

.clients .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.clients .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.4);
    opacity: 1;
}

.clients .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #FFC451;
}




/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features {
  padding-top: 20px;
}

.features .icon-box {
  padding-left: 15px;
}

.features .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 5px 0 10px 60px;
}

.features .icon-box i {
  font-size: 48px;
  float: left;
  color: #009ee3;
}

.features .icon-box p {
  font-size: 15px;
  color: #848484;
  margin-left: 60px;
}

.features .image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}

/*-------------------------------------------------------------- */

.slider2 {
  background: white;
  /* box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);  */
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: auto;
}

.slider2::before,
.slider2::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 2;
}

.slider2::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider2::before {
  left: 0;
  top: 0;
}

.slider2 .slide-track2 {
  -webkit-animation: scroll 35s linear infinite;
  animation: scroll 35s linear infinite;
  display: flex;
  width: fit-content;
}

.slider2 .slide2 {
  height: 100px;
  width: 250px;
  display: flex;
}

@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    /* scroll only 50% */
    transform: translateX(-50%);
  }
}

/*
# Services
--------------------------------------------------------------*/
.services .icon-box {
  text-align: center;
  /* border: 1px solid #ebebeb; */
  padding: 10px 34px;
  transition: transform 0.3s ease-in-out 0s;
  /* border-radius: 10px 10px 10px 10px; */
  
}

.modalmarg{
  margin-top:450px;
}

.modalmargAfter{
  margin-top:240px;
}

.ofertaRamkiTop{
  box-shadow: 0px 4px 15px 0px rgb(65 132 234 / 75%);
   /* border-left: 1px solid rgba(65, 132, 234, 0.75);
  border-right: 1px solid rgba(65, 132, 234, 0.75);
  border-top: 1px solid rgba(65, 132, 234, 0.75);  */
  border-top-left-radius: 36px;
  border-top-right-radius: 36px;
  position: relative;
  z-index: 6;
}

.ofertaRamkiTop::before {
  background-color: #fff;
  height: 20px;
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0px;
  right: 0px;
}

@media (max-width:1500.4px){
  .jesli1{
    display:block;
  }
  .jesli2{
    display:none;
  }
}

@media (min-width:1500.4px){
  .jesli1{
    display:none;
  }
  .jesli2{
    display:block;
  }
}


@media (min-width:1400.4px){
  .mt2s{
    padding-bottom: 310px!important;
  }
}

@media(max-width:1399px){
  .spn2{display:none!important;}
  .sl3{
    margin-right:15px!important;
  }
}

@media(min-width:1400px){
  .spn1{
    display:none!important;
  }

  .spn2{
    display:block!important;
  }

  .prx2{
    display: block!important;
  }

  .prx1{
    display: none!important;
  }
}

.ofertaRamkiBottom{
  box-shadow: 0px 4px 15px 0px rgb(65 132 234 / 75%);
  /* border-left: 1px solid rgba(65, 132, 234, 0.75);
  border-right: 1px solid rgba(65, 132, 234, 0.75);
  border-bottom: 1px solid rgba(65, 132, 234, 0.75); */
  /* border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; */
  text-align: center;
  padding: 30px 20px 35px 20px;
  transition: transform 0.3s ease-in-out 0s;
  border-bottom-left-radius: 36px;
  border-bottom-right-radius: 36px;
  position: relative;
  z-index: 5;
  background-color: #fff;
}



.services .icon-box .icon {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  background: #009ee3;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: 0.3s;
}

.services .icon-box .icon i {
  color: #151515;
  font-size: 28px;
  transition: ease-in-out 0.3s;
}

.services .icon-box h4 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 24px;
}

.services .icon-box h4 a {
  color: #fff;
  transition: ease-in-out 0.3s;
}

.services .icon-box h4 a:hover {
  color: #FFC451;
}

.services .icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

/* .services .icon-box:hover {
  border-color: #fff;
  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
  transform: translateY(-10px);
}

.ofertaRamkiBottom:hover{
  transform: translateY(-10px);
} */

@media(max-width:992px){
  .of300{
    height:300px!important;
  }
  .dfn{
    display:block!important;
  }
}

@media (max-width: 450px){
.of300 {
    height: 280px!important;
}
}

@media (max-width: 400px){
  .of300 {
      height: 270px!important;
  }
  }

@media(min-width:1200px){
  .pik4{
    display:block!important;
  }

  .pik3{
    display: none!important;
  }
}

@media(max-width:767.4px) and (min-width:265px){
  .pik1{
    display:none!important;
  }
  .pik2{
    display:block!important;
  }
}

.mainRamka{
  transition: transform 0.3s ease-in-out 0s;
}
@media(min-width:767px){
.mainRamka:hover, .ofertaRamkiBottom{
  transform: translateY(-10px);
}



.ofertabgindy:after {
  width:100%!important;
  height:100%!important;
  background-size: cover!important;
  content: '';
  opacity: 0;
  position:absolute;
  z-index:1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  transition: opacity .3s;
  background:url('../img/ofertaServices/indySmall.jpg');
  box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%); 
}
.ofertabgindy:hover:after {
  opacity: 1;
}

.ofertabgrodzic:after {
  width:100%!important;
  height:100%!important;
  background-size: cover!important;
  content: '';
  opacity: 0;
  position:absolute;
  z-index:1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  transition: opacity .3s;
  background:url('../img/ofertaServices/rodzicSmall.jpg');
  box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%); 
}
.ofertabgrodzic:hover:after {
  opacity: 1;
}
.ofertabggrupa:after {
  width:100%!important;
  height:100%!important;
  background-size: cover!important;
  content: '';
  opacity: 0;
  position:absolute;
  z-index:1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  transition: opacity .3s;
  box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%); 
  background:url('../img/ofertaServices/grupaSmall.jpg');
}
.ofertabggrupa:hover:after {
  opacity: 1;
}

.ofertabgsztab:after {
  width:100%!important;
  height:100%!important;
  background-size: cover!important;
  content: '';
  opacity: 0;
  position:absolute;
  z-index:1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  transition: opacity .3s;
  background: url('../img/ofertaServices/sztab2Small.jpg') center;
  box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%); 
}
.ofertabgsztab:hover:after {
  opacity: 1;
}
.ofertabgklub:after {
  width:100%!important;
  height:100%!important;
  background-size: cover!important;
  content: '';
  opacity: 0;
  position:absolute;
  z-index:1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  transition: opacity .3s;
  background: url('../img/ofertaServices/klubSmall.jpg');
  box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%); 
}
.ofertabgklub:hover:after {
  opacity: 1;
}
.ofertabgonline:after {
  width:100%!important;
  height:100%!important;
  background-size: cover!important;
  content: '';
  opacity: 0;
  position:absolute;
  z-index:1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  transition: opacity .3s;
  background:url('../img/ofertaServices/onlineSmall.jpg');
  box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%); 
}
.ofertabgonline:hover:after {
  opacity: 1;
}

} 

@media(max-width:767px){
  .ofertabgindy:after {
    box-shadow:none;
  }
}

@media(max-width:575px){
  .stari{
    position: relative!important;
    left:0!important;
  }

  .mleft00{
    margin-left:0!important;
  }

  .zeropadding{
    padding:0 0 8px 0!important;
    text-align: center;
  }


}
@media(max-width:545px){
.l2{
  display:block;
}

.l1{
  display:none;
}
}



/* .mainRamka:hover, .ofertaRamkiTop::after {
  box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%); 
} */

@media(max-width:500px){
  #kontakt{
    scroll-margin:38px!important;
  }
}

/*                                                              */

.uslugi .icon-box {
  text-align: center;
  padding: 20px 0px;
  /* transition: box-shadow .6s; */
}



.uslugi .icon-box .icon {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  background: #009ee3;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: .3s;
}

.uslugi .icon-box .icon i {
  color: #151515;
  font-size: 28px;
  transition: ease-in-out 0.3s;
}

.uslugi .icon-box h4 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 24px;
}

.uslugi .icon-box h4 a {
  color: #fff;
  transition: ease-in-out 0.3s;
}

.uslugi .icon-box h4 a:hover {
  color: #FFC451;
}

.uslugi .icon-box p {
  line-height: 24px;
  font-size: 16px;
  margin-bottom: 0;
}

/* .services .icon-box:hover {
  box-shadow: 0px 2px 20px rgb(0 0 0 / 10%);
} */
.shaadow{
  transition: box-shadow .6s;
  border-radius:20px;
}

.shaadow:hover {
  /* box-shadow: 0px 2px 20px rgb(0 0 0 / 10%); */
  box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%); 
} 

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
  background: linear-gradient(rgba(0, 140, 253, 0.56), rgba(0, 140, 253,0.6)), url("../img/paralax/paralaxsmall.jpg") fixed center center;
  background-size: cover;
  padding: 60px 0;
}

.cta h3 {
  color: #fff;
  font-size: 29px;
  font-weight: 700;
}

.cta p {
  color: #fff;
}


.cta .cta-btn {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
 
  transition: 0.5s;
  background-size: 200% auto;          
  box-shadow: 0 0 20px #eee;
  margin-top: 10px;

  color: #fff;
  
}





.btn-grad {background-image: linear-gradient(to right, #ffb347 0%, #ffcc33  51%, #ffb347  100%)}
.btn-grad {
  margin:0;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 60px;
  text-align: center;
  text-transform: none;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;            
  box-shadow: 0 0 20px #eee;
  border-radius: 4px;
 }

 .btn-grad:hover {
   background-position: right center; /* change the direction of the change here */
   color: #4b4b4b;
   text-decoration: none;
 }
 
 
 .arrowIntro {
  margin-left:20px;
  display:inline-block;
  color: black;
  position:absolute;
  margin-top: -21.1px;
  transition: transform 500ms ease-in-out 25ms;
  }
  .arrowIntro::before {
  content: "→";
  font-size:40px;
  color: white;
  }
  .mt-35{
    margin-top:35px
  }

  .hzakres{
    font-size: 1.5rem;
    font-weight: 700;
    
  }

  .h1c{
    font-size: 28px;
    font-weight: 700;
  }

  .lisup{
    display: flex; align-items: center;margin:20px 0;
    padding: 0;
  }
  .bio{
    border: 2px solid #3cf3dc!important;
    background: #21e3ca!important;
    box-shadow: 0 4px 15px 0 rgb(33 227 202 / 75%)!important;
  }
  .bat2:hover{
    background: rgba(0,118,255,0.9)!important;
    box-shadow: 0 6px 20px rgb(0 118 255 / 23%)!important;
}
.bat3:hover{
  background: rgba(0,118,255,0.9)!important;
  box-shadow: 0 6px 20px rgb(0 118 255 / 23%)!important;
}
/* ------------------------------------------------- */

/* ------------------------------------------------- */


@supports not (-webkit-touch-callout: none) {
  .tlaOmnie{
    
    background:linear-gradient(rgba(0, 140, 253, 0.56), rgba(0, 140, 253,0.6)), url(../img/paralax/paralaxsmall.jpg) fixed center center;
    background-size: cover;
  }
  .ciastkoCta{
    background: linear-gradient(rgba(0, 140, 253, 0.56), rgba(0, 140, 253,0.6)), url("../img/paralax/paralaxsmall.jpg") fixed center center;
  }
  .tlaOmnieTrening{  
    background:linear-gradient(rgba(0, 140, 253, 0.56), rgba(0, 140, 253,0.6)), url(../img/ps.jpg) fixed center center;
    background-size: cover;
  }
  .tlaOmnieBio{  
    background:linear-gradient(rgba(0, 140, 253, 0.56), rgba(0, 140, 253,0.6)), url(../img/ps33.webp) fixed center center;
    background-size: cover;
  }
}

@supports (-webkit-touch-callout: none) {
  .tlaOmnie{
    background:linear-gradient(rgba(0, 140, 253, 0.56), rgba(0, 140, 253,0.6)), url(../img/paralax/paralaxsmall.jpg) 25% 25%!important;
  }
  .ciastkoCta{
    background: linear-gradient(rgba(0, 140, 253, 0.56), rgba(0, 140, 253,0.6)), url(../img/paralax/paralaxsmall.jpg) 25% 25%!important;
  }
  .tlaOmnieTrening{  
    background:linear-gradient(rgba(0, 140, 253, 0.56), rgba(0, 140, 253,0.6)), url(../img/ps.jpg) scroll center center;
    background-size: cover;
  }
  .tlaOmnieBio{  
    background:linear-gradient(rgba(0, 140, 253, 0.56), rgba(0, 140, 253,0.6)), url(../img/ps33.webp) scroll center center;
    background-size: cover;
  }
}






#collapseExampleKimjestem{
  transition: opacity 2s linear;  
  transform:translate(0);
  opacity: 1;
}

#collapseExampleDoswiadczenie{
  transition: opacity 2s linear;  
  transform:translate(0);
  opacity: 1;
}

#collapseExampleWyksztalcenie{
  transition: opacity 2s linear;  
  transform:translate(0);
  opacity: 1;
}

.hidden {  
  display:none;
  opacity: 0;  
}



  .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #ffc451;
    background-color: initial;
  }
 
  .btn-gradMain:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 20px #eee;
    
  }


  /*najelpszy jedyny cien ever shadow text-shadow best*/
  .shinyhover:hover{
    text-shadow: 0 0 2px #eee;
  }

  .btn-gradMain:hover .arrowIntro {
    transform: translateX(12px);
    }

    .cta-btn23x {

      font-weight: 600;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 8px 28px;
      border-radius: 80px;
      transition: 0.5s;
      border: 2px solid #39ddaf;
      color: #fff;
      background: #32cda2;
      box-shadow: 0 4px 15px 0 rgb(50 205 162 / 75%); 
    }
    .cta-btn23x:hover {
      color:#39ddaf;
      border-color: #32cca0;
      background: #fff;
    }
    .div-wrapper {
      position: relative;
      height: 940px;
  }
  
  .div-wrapper img {
      position: absolute;
      left: 0;
      bottom: 0;
  }
    .text-center{
      text-align: center!important;
    }
    .pura1{
      font-weight: bold;
    }
    .cta-btn24x {

      font-weight: 600;
      font-size: 20px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 8px 34px;
      border-radius: 80px;
      transition: 0.5s;
      border: none;
      color: #fff;
      background: #ffc451;
      box-shadow: 0 4px 15px 0 rgb(255 196 81 / 75%); 
    }
    
    .cta-btn24x:hover {
      color:#f8b538;
      border-color: #ffc451;
      background: #fff;
    }

    .cta-btn232x {

      font-weight: 600;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 8px 28px;
      border-radius: 80px;
      transition: 0.5s;
      border: 2px solid #3cf3dc;
      color: #fff;
      background: #21e3ca;
      box-shadow:0 4px 15px 0 rgb(33 227 202 / 75%); 
    }
    
    .cta-btn232x:hover {
      color:#21e3ca;
      border-color: #3cf3dc;
      background: #fff;
    }
    
    .cta-btn2x {

      font-weight: 600;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 8px 28px;
      border-radius: 80px;
      transition: 0.5s;
      border: none;
      color: #fff;
      background: #2590eb;
      box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%); 
    }
    
    .cta-btn2x:hover {
      color:#fff;
      text-shadow: 0 0 2px #eee;
      border-color: #ffbc38;
      background: #ffbc38;
      box-shadow: 0 4px 15px 0 rgb(255 196 81 / 75%); 
    }
    
    
    .cta-btn2xhoverX{
      color:#fff;
      text-shadow: 0 0 2px #eee;
      border-color: #ffbc38;
      background: #ffbc38;
      box-shadow: 0 4px 15px 0 rgb(255 196 81 / 75%); 
    }

    .cta-btn2ax {
      transition: all 0.4s;
      font-weight: 600;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 8px 28px;
      border-radius: 80px;
      border: none;
      color: #fff;
      background: #2590eb;
      box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%); 
    }
    
    .cta-btn2ax:hover {
      color:#fff;
      text-shadow: 0 0 2px #eee;
      border-color: #ffbc38;
      background: #ffbc38;
      box-shadow: 0 4px 15px 0 rgb(255 196 81 / 75%); 
    }
    
    
    .cta-btn2axhoverX{
      color:#fff;
      text-shadow: 0 0 2px #eee;
      border-color: #ffbc38;
      background: #ffbc38;
      box-shadow: 0 4px 15px 0 rgb(255 196 81 / 75%); 
    }

    .max-width85{
      max-width:85%;
    }

    /* CSS */
.body-scroll-spy {
  position: relative;
}

.fixed-top-header {
  position: fixed;
  top: 0;
}

.karSection1{
  background: url('../img/portfolio/karolcia2.png') no-repeat bottom center;
   background-size: contain;
    height: 100% !important;
}

.font-bolder{
  font-weight:bolder;
}
.mt-10{
  margin-top:10px;
}
.mt-15{
  margin-top:15px;

}
.mb-0{
  margin-bottom:0;
}

.full-width {
  width: 100%;
}
.ml-40{
  margin-left:40px
}
.section1buttons{
  display: inline-block;padding-top: 20px
}
.cpax1{
  margin-bottom:0!important;padding-top:14px
}
.arrow-down{
  position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 20px;
    font-size: 60px;
    color: #ffc451;
}
.section1lastp{
  color: #333333;font-size:17px
}
.mt-50{
  margin-top:50px;
}
.section1buttonsMobile{
  display: inline-block;padding-top: 30px
}
.mr-30{
  margin-right:30px
}
.section1ul{
  margin-bottom:0!important;padding-top:14px
}
.opc{
  margin:25px 0 15px 15px!important;
  font-size:17px
}
.opc2{
  margin:25px 0 15px 0!important;
  font-size:17px
}
.cpax{
  display: inline-block;padding-top: 0
}

.margin-auto{
  margin:auto;
}
.section1div1{
  margin:0;padding:60px 0;padding-right:10%
}
.section1h3{
  font-size:45px!important;line-height: 45px;margin-bottom:0
}
.margin-bottom0{
  margin-bottom:0
}
.carfirstSectionText2{
  font-size: 1.5rem;
  line-height: 2rem;
  color: #333333!important;
  margin-top: 10px;
}

.nav-link-bold {
  font-weight: 600 !important;
}

.absolute-bottom {
  position: absolute;
  bottom: 0;
  width: 100% !important;
}

.privacy-policy-link {
  display: block;
  font-size: 14px;
  color: #ffffff87 !important;
  text-align: center;
  margin: auto;
}

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

    .animationCss{
      animation: fadeInTitle 1s ease-in-out;
      animation-delay: 200ms;
    }

    .animationCss2{
      transition: all 0.4s;
      cursor:pointer!important;
    }

    .mainIntroBtn {
      font-weight: 700;
      font-size: 17px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 8px 5px;
      border-radius: 80px;
      transition: .5s;
      width: 230px!important;
      height:55px;
      border: none;
      color: #fff;
      background: #2590eb;
      box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%); 
    }
    .mainIntroBtn:hover {
      /* color:#eb2e90;
      border-color: #eb2e90;
      background: #fff; */
      color:#fff;
      text-shadow: 0 0 2px #eee;
      border-color: #ffbc38!important;
      background: #ffbc38;
      box-shadow: 0 4px 15px 0 rgb(255 196 81 / 75%); 
    }

    .ciastko:hover {
      /* color:#eb2e90;
      border-color: #eb2e90;
      background: #fff; */
      color:#fff!important;
      text-shadow: 0 0 2px #eee!important;
      border-color: #ffbc38!important;
      background: #ffbc38!important;
      box-shadow: 0 4px 15px 0 rgb(255 196 81 / 75%)!important; 
    }

    .btnKimJestem {
      font-weight: 600;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 8px 28px;
      border-radius: 80px;
      transition: 0.5s;
      /* border: 2px solid #eb2e90;
      color: #fff;
      background: #eb258b;
      box-shadow: 0 4px 15px 0 rgba(235, 37, 139, 0.75);  */
      border: none;
      color: #fff;
      background: #2590eb;
      box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%); 
    }
    .mt-25{
      margin-top:25px;
    }
    .btnKimJestem:hover {
      /* color:#eb2e90;
      border-color: #eb2e90;
      background: #fff; */
      color:#fff;
      border-color: #ffbc38;
      background: #ffbc38;
      box-shadow: 0 4px 15px 0 rgb(255 196 81 / 75%)!important; 
    }

    .btnKimJestemY{
      font-weight: 600;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 8px 28px;
      border-radius: 80px;
      transition: 0.5s;
      border: none;
      color: #fff;
      background: #ffc451;
      box-shadow: 0 4px 15px 0 rgb(255 196 81 / 75%); 
    }
    
    .btnKimJestemY:hover {
      color:#f8b538;
      border-color: #ffc451;
      background: #fff;
    }
    .btnDos {
      font-weight: 600;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 8px 28px;
      border-radius: 80px;
      transition: 0.5s;
      /* border: 2px solid #f8c358;
      color: #fff;
      background: #ffc451;
      box-shadow: 0 4px 15px 0 rgb(255 196 81 / 75%);  */
      border: none;
      color: #fff;
      background: #2590eb;
      box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%); 
    }
    
    .btnDos:hover {
      /* color:#eba726;
      border-color: #ffc451;
      background: #fff; */
      color:#1d7bcb;
      border-color: #1d7bcb;
      background: #fff;
    }
    
    
    .cta-btn2xhoverXKim{
      /* color:#eb2e90;
      border-color: #eb2e90;
      background: #fff; */
      color:#fff;
      text-shadow: 0 0 2px #eee;
      border-color: #ffbc38!important;
      background: #ffbc38;
      box-shadow: 0 4px 15px 0 rgb(255 196 81 / 75%); 
    }

    .cta-btn2xhoverXDos{
      /* color:#eba726;
      border-color: #ffc451;
      background: #fff; */
      color:#fff;
      text-shadow: 0 0 2px #eee;
      border-color: #ffbc38!important;
      background: #ffbc38;
      box-shadow: 0 4px 15px 0 rgb(255 196 81 / 75%); 
    }


.cta-btn2 {
 
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 80px;
  transition: 0.5s;
  border: none;
  color: #1d7bcb;
  background: #fff;
  box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%); 
}

.cta-btn2:hover {
  color:#fff;
  border-color: #45a1f1;
  background: #2590eb;
}

.cta-btn2hover{
  color:#fff;
  border-color: #ffc451;
  background: #ffbb38;
}

.cta-btn2hoverX{
  color:#fff!important;
}


/* .navhover:hover{
  color:#009ee3!important;
} */

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 20px auto;
  list-style: none;
  text-align: center;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px 10px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  color: #fff;
  background: #009ee3;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.top-left {
  position: relative;
}
.top-left:before, .top-left:after {
  content: "";
  position: absolute;
  top: -3px;
  left: -40px;
  
}
.top-left:before {
  bottom: -3px;
  width: 3px;
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(transparent), to(#0095d6));
  background-image: -webkit-linear-gradient(#0095d6, transparent);
  background-image: -moz-linear-gradient(#0095d6, transparent);
  background-image: -o-linear-gradient(#0095d6, transparent);
}
.top-left:after {
  right: -3px;
  height: 3px;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#0095d6), to(transparent));
  background-image: -webkit-linear-gradient(left, #0095d6, transparent);
  background-image: -moz-linear-gradient(left, #0095d6, transparent);
  background-image: -o-linear-gradient(left, #0095d6, transparent);
}





.bot-left {
  position: relative;
}
.bot-left:before, .bot-left:after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: -40px;
  
}
.bot-left:before {
  top: -3px;
  width: 3px;
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#0095d6), to(transparent));
  background-image: -webkit-linear-gradient(transparent, #0095d6);
  background-image: -moz-linear-gradient(transparent, #0095d6);
  background-image: -o-linear-gradient(transparent, #0095d6);
}
.bot-left:after {
  right: -3px;
  height: 3px;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#0095d6), to(transparent));
  background-image: -webkit-linear-gradient(left, #0095d6, transparent);
  background-image: -moz-linear-gradient(left, #0095d6, transparent);
  background-image: -o-linear-gradient(left, #0095d6, transparent);
}

.bot-Weird {
  position: relative;
  right: -40px;
  border:3px solid;
  border-image: linear-gradient(90deg,transparent, #0095d6) 3;
}

.bot-WeirdLeft {
  position: relative;
  left: -40px;
  border:3px solid;
  border-image: linear-gradient(270deg,transparent, #0095d6) 3;
}



.titleborder::after {
  content: "";
  display: block;
  margin: auto;
  width: 40%;
  padding-top: 20px;
  border-bottom: 5px solid #009ee3;
  width: 160px;
}

.titleborderBlue::after {
  content: "";
  display: block;
  margin: auto;
  width: 40%;
  padding-top: 20px;
  border-bottom: 5px solid #25afeb;
  width: 115px;
  border-radius: 5px;
}
.bottomBorderT::after {
  content: "";
  display: block;
  width: 10%;
  padding-top: 12px;
  border-bottom: 3px solid #FFC451;
  width: 160px;
}


.bottomBorder::after {
  content: "";
  display: block;
  width: 10%;
  padding-top: 12px;
  border-bottom: 3px solid #2590eb;
  width: 160px;
}


.bottomBorderRight::after {
  content: "";
  display: block;
  width: 10%;
  padding-top: 12px;
  border-bottom: 3px solid #2590eb;
  width: 160px;
  text-align:right;
  position: absolute;
 right: calc(var(--bs-gutter-x)/ 2);
}



.bottomBorderO::after {
  content: "";
  display: block;
  width: 10%;
  padding-top: 20px;
  border-bottom: 4px solid #FFC451;
  width: 60px;
}


.titleborderOrange::after {
  content: "";
  display: block;
  margin: auto;
  width: 40%;
  padding-top: 20px;
  border-bottom: 5px solid #ffc451;
  width: 115px;
  border-radius: 5px;
}



@media(max-width:446.5px){
  .ofertaMobMarg3{
    margin-top: 250px!important;
  }
}

@media(max-width:462px){
.modalmarg {
    margin-top: 200px!important;
}
}


.titleborderOrange2::after {
  content: "";
  display: block;
  margin: auto;
  width: 40%;
  padding-top: 20px;
  border-bottom: 5px solid #ffc451;
  width: 115px;
  border-radius: 5px;
}

.bot-left2 {
  position: relative;
}
.bot-left2:before, .bot-left2:after {
  content: "";
  position: absolute;
  bottom: -3px;
  right: -40px;
  
}
.bot-left2:before {
  top: -3px;
  width: 3px;
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#0095d6), to(transparent));
  background-image: -webkit-linear-gradient(transparent, #0095d6);
  background-image: -moz-linear-gradient(transparent, #0095d6);
  background-image: -o-linear-gradient(transparent, #0095d6);
}
.bot-left2:after {
  left: -3px;
  height: 3px;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(#0095d6));
  background-image: -webkit-linear-gradient(left, transparent, #0095d6);
  background-image: -moz-linear-gradient(left, transparent, #0095d6);
  background-image: -o-linear-gradient(left, transparent, #0095d6);
}




.bot-left3 {
  position: relative;
}
.bot-left3:before, .bot-left3:after {
  content: "";
  position: absolute;
  top: -3px;
  right: -40px;
  
}
.bot-left3:before {
  bottom: -3px;
  width: 3px;
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(transparent), to(#0095d6));
  background-image: -webkit-linear-gradient(#0095d6, transparent);
  background-image: -moz-linear-gradient(#0095d6, transparent);
  background-image: -o-linear-gradient(#0095d6, transparent);
}
.bot-left3:after {
  left: -3px;
  height: 3px;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(#0095d6));
  background-image: -webkit-linear-gradient(left, transparent, #0095d6);
  background-image: -moz-linear-gradient(left, transparent, #0095d6);
  background-image: -o-linear-gradient(left, transparent, #0095d6);
}

.bot-right {
  position: relative;
}
.bot-right:before, .bot-right:after {
  content: "";
  position: absolute;
  bottom: -3px;
  right: -40px;
  
}
.bot-right:before {
  top: -3px;
  width: 3px;
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#0095d6), to(transparent));
  background-image: -webkit-linear-gradient(transparent, #0095d6);
  background-image: -moz-linear-gradient(transparent, #0095d6);
  background-image: -o-linear-gradient(transparent, #0095d6);
}
.bot-right:after {
  left: -3px;
  height: 3px;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#0095d6), to(transparent));
  background-image: -webkit-linear-gradient(right, #0095d6, transparent);
  background-image: -moz-linear-gradient(right, #0095d6, transparent);
  background-image: -o-linear-gradient(right, #0095d6, transparent);
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: rgba(21, 21, 21, 0.6);
}

.customzoom{
  transition:0.3s;
  overflow:hidden;
  z-index:1;
  position:relative;
}

.customzoom:hover{
  transform: scale(1.02);
  cursor:pointer;
}

.customzoom2{
  transition:0.3s;
  overflow:hidden;
  z-index:1;
  position:relative;
}

.customzoom2:hover{
  transform: scale(1.04);
  cursor:pointer;
}

.customzoomBigger{
  transition:0.3s;
  overflow:hidden;
  z-index:1;
  position:relative;
}

.customzoomBigger:hover{
  transform: scale(1.09);
  cursor:pointer;
}

.portfolio-wrap2 {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.portfolio-wrap2::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio .portfolio-wrap::before  {
  content: "";
  background: rgba(21, 21, 21, 0.6);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio-wrap2 img {
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap img  {
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
}

.portfolio-wrap2 .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.portfolio-wrap2 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-style: italic;
}

.portfolio-wrap2 .portfolio-info p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-style: italic;
}
.portfolio-lightbow{
  width: 240px;
  display: block;
}

.portfolio .portfolio-wrap .portfolio-links {
  text-align: center;
  z-index: 4;
}

.portfolio-wrap2 .portfolio-links {
  text-align: center;
  z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #fff;
  margin: 0 5px 0 0;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio-wrap2 .portfolio-links a {
  color: #fff;
  margin: 0 5px 0 0;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #009ee3;
}

.portfolio-wrap2 .portfolio-links a:hover {
  color: #009ee3;
}

.portfolio .portfolio-wrap:hover::before {
  opacity: 1;
}

.portfolio-wrap2:hover::before {
  opacity: 1;
}

.portfolio .portfolio-wrap:hover img {
  transform: scale(1.2);
}

.portfolio-wrap2:hover img {
  transform: scale(1.02);
}

.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
}

.portfolio-wrap2:hover .portfolio-info {
  opacity: 1;
}

@media(max-width:415px){
  .stari{
    font-size: 34px!important;
  }
  .about .content ul i{
    top: -10px!important;
    left: -8px!important;
    font-size:42px;
  }
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #009ee3;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #009ee3;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(21, 21, 21, 0.08);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.cc{
  font-weight: bold;
  color: navy;
  content: "Reference ";
}

@media (min-width: 776px){
.modal-dialog {
    max-width: 900px;
    margin: 1.75rem auto;
}
}
.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts .content {
  padding: 30px 0;
}

.counts .content h3 {
  font-weight: 700;
  font-size: 34px;
  color: #151515;
}

.counts .content p {
  margin-bottom: 0;
}

.counts .content .count-box {
  padding: 20px 0;
  width: 100%;
}

.counts .content .count-box i {
  display: block;
  font-size: 36px;
  color: #009ee3;
  float: left;
}

.counts .content .count-box span {
  font-size: 36px;
  line-height: 30px;
  display: block;
  font-weight: 700;
  color: #151515;
  margin-left: 50px;
}

.counts .content .count-box p {
  padding: 15px 0 0 0;
  margin: 0 0 0 50px;
  font-size: 14px;
  color: #3b3b3b;
}

.counts .content .count-box a {
  font-weight: 600;
  display: block;
  margin-top: 20px;
  color: #3b3b3b;
  font-size: 15px;
  transition: ease-in-out 0.3s;
}

.counts .content .count-box a:hover {
  color: #626262;
}

.counts .image {
  background: url("../img/counts-img.jpg") center center no-repeat;
  background-size: cover;
  min-height: 400px;
}


@media (max-width: 991px) {
  .counts .image {
    text-align: center;
  }
  .counts .image img {
    max-width: 80%;
  }
}

@media (max-width: 667px) {
  .counts .image img {
    max-width: 100%;
  }
}


/* @media(max-width:404px){
  .about .content .karTitle2{
    font-size:1.4rem!important;
    text-align: center!important;
    margin-bottom: 30px!important;
  }
  
  .karTitle2span{
    padding: 2px 23px 0;
    font-size: 1.2rem!important;
    font-weight: 600;
    text-align: center!important;
  }
} */



  @media(max-width:379px){

  }
  

  @media(max-width:353px){
    .about .content .karTitle2{
      font-size:28px!important
    }
    
    .karTitle2span{
      font-size: 1.1rem!important;
      font-weight: 600;
    }

    .fontUL {
      font-size: .9rem!important;
  }
  .fontULs {
    font-size: .8rem!important;
}
  }

  @media (max-width: 276px){
.about .content .karTitle2 {
    font-size: 22px!important;
}
  }
  
@media (max-width: 408px) {
  .superpadd{
    padding-bottom: 50px!important;
  }

  .pt20{
    padding-top:20px!important;
  }
}

@media(max-width:299.4px){
  .client1{
    padding-left:7%!important;
  }
  .client2{
    padding-left:20%!important;
  }
  .client6{
    padding-right:5%!important;
  }
}


@media(max-width:270.4px){
  .client1{
    padding-left:4%!important;
  }
}

@media(max-width:410px){
  .zeromargin{
    margin:0 20px!important;
  }
}

@media(max-width:250.4px){
  .client1{
    padding-left:0%!important;
  }
  .client2{
    padding-left:15%!important;
  }
}
@media (max-width:430px){
  .smallrem{
    font-size:35px!important;
  }
}

  @media (max-width: 409px) {
    .btnpadding{
      padding:15px 80px!important;
    }
  
  .centruj{
    text-align: center!important;
  }

  .notabsolute{
    position:relative!important;
  }

  .zeropadding{
    padding:0!important;
  }

  .zeromarginleft{
    margin-left:0!important;
    margin-top:0!important;
  }

  .paddingtopten{
    padding-top:14px!important;
  }


  .xdx{
    margin-bottom:-3px!important;
  }

  .xdx1{
    margin-bottom:-1px!important;
  }

  .xdx2{
    margin-bottom:-2px!important;
  }


  .smallrem{
    font-size:32px!important;
  }

  .smallrem2{
    font-size: 30px!important;
  }

  .slider2mobile{
    border-radius:0!important;
  }

  .slider2::before, .slider2::after{
    background:none!important;
    z-index: -1;    
  }

  .afb{
    font-size:.9rem;
  }

  .apb2{
    font-size:.9rem!important;
  }

  .niecentruj{
    text-align: left!important;
  }

  .dajmargbottom{
    margin-bottom:20px!important;
  }
  .dajmargt{
    margin-top:20px;
  }

  .ofertaMobMarg2 {
    margin-top: 250px!important;
  }

  .ofertaMobMarg3 {
    margin-top: 249px!important;
}
}

@media(max-width: 767.4px) and (min-width: 410px) {
  .zeromargin2{
    margin: 0 0 20px 0!important;
  }
  .paddingT{
    padding-top:0!important;
  }
}

@media(max-width: 767px) and (min-width: 410px) {
  .paddingT{
    padding-top:0!important;
  }
}

@media (max-width: 300px) {

  .ofertaMargSmall{
    margin-top:282px!important;
  }

  .ofertaMobMarg2{
    margin-top: 330px!important;
  }

  .ofertaMobMarg3{
    margin-top: 248px!important;
  }
}

@media(max-width:297.6px){
  .ofertaMobMarg3{
    margin-top: 275px!important;
  }
}

@media(max-width:291.4px){
  .modalmarg{
    margin-top: 200px!important;
  }
}

@media (max-width: 336px) {
  .ofertaMobMarg{
    margin-top: 285px!important;
  }

  .ofertaMargSmall{
    margin-top:260px!important;
  }

  .ofertaMobMargC{
    margin-top: 305px!important;
  }
}

@media (max-width: 315px){
  .ofertaMobMarg2{
    margin-top: 330px!important;
  }
}



/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials {
  padding: 80px 0;
  padding: 60px 0;
  

  /* background: url("../img/testimonials-bg.jpg") no-repeat;
  background-position: center center;
  background-size: cover; */
  position: relative;
}

.testimonials::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /* background: rgba(0, 0, 0, 0.7); */
}

.testimonials .section-header {
  margin-bottom: 40px;
}

.testimonials .testimonial-item {
  text-align: center;
  color: #fff;
}

.testimonials .testimonial-item .testimonial-img {
  width: 100px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin: 0 auto;
}

.testimonials .testimonial-item h3 {
  font-size: 27px;
  font-weight: bold;
  margin: 10px 0 10px 0;
  color: #fff;
}

.testimonials .testimonial-item h4 {
  font-size: 20px;
  color: #ddd;
  margin: 0 0 10px 0;
}

.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
  color: rgba(255, 255, 255, 0.6);
  font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -2px;
  position: relative;
  top: 6px;
}

.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -2px;
  top: -7px;
  position: relative;

}

.testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 auto 15px auto;
  color: #eee;
}

.testimonials .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.4);
  opacity: .5;
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #FFC451;
  opacity: 1;
}

@media (min-width: 1024px) {
  .testimonials {
    background-attachment: fixed;
  }
}

@media (min-width: 992px) {
  .testimonials .testimonial-item p {
    width: 80%;
  }

  
}


@media (max-width: 2000px){
  .smallremMain{
    font-size: 36px!important;
	line-height:50px!important;
  }
}

@media (max-width: 991px){
  .smallremMain{
    font-size: 33px!important;
    line-height: 42px!important;
  }
}

@media (max-width: 767.4px){
  .smallremMain{
    font-size: 31px!important;
    line-height: 42px!important;
  }

}

@media (max-width: 576px){
  .smallremMain{
    font-size: 31px!important;
  }
}

@media (max-width: 327px){
.afb2 {
    font-size: .8rem;
}
}

@media (max-width:500px){
  .cta-btn3Fixed{
    width: 80%!important;
    margin:auto!important;
    margin-left:0!important;
    margin-right:0!important;
    margin-bottom:20px!important;
  }


}
@media (max-width:1200px) and (min-width: 993px){
.photoClass{
  max-width: 175%;
}
}
@media (max-width:1200px) and (min-width: 992px){
  .superClass {
    max-width: 330px!important;
  }
  .cta-btn3Fixed{
    width: 30%;
  }


  .klasaDiv{
    margin-left:7%;
  }
  .klasaPadding1{
    padding-left:10%!important;
  }

  .blob1{
    top: -92px!important;
    left: -3px!important;
    width: 120%!important;
  }
  .blob2{
    top: -95px!important;
    left: -52px!important;
    width: 120%!important;
  }
  .blob3{
    top: -84px!important;
    left: -37px!important;
    width: 137%!important;
  }

  .cta-btn2xPadding{
    padding: 8px 16px!important;
  }
  .ofertaRamkiBottomIndymax1200{
    padding: 56px 10px!important;
  }
  .ofertaRamkiBottom{
    padding: 43px 10px!important;
  }

  .ofertaRamkiBottomKlubmax1200{
    padding: 40px 10px!important;
  }

  .ofertaRamkiBottomOnlinemax1200{
    padding: 66px 10px!important;
  }


}


@media (max-width: 336px){
.ofertaMobMargC {
    margin-top: 250px!important;
}
.ofertaMobMargR {
  margin-top: 250px!important;
}
}

@media(max-width:420px){
  .bgtop1{
    background-position: top!important;
  }
}

@media (max-width: 334.4px){
  .ofertaMobMargC {
      margin-top: 271px!important;
  }
}

@media (max-width: 320px){
  .ofertaMobMargC {
      margin-top: 298px!important;
  }
}

@media(max-width:321px){
  .bgtop3{
    background-position: top!important;
  }
}

@media(max-width:301px){
  .bgtop2{
    background-position: top!important;
  }
}

@media (max-width: 300px){
  .ofertaMobMargR {
      margin-top: 276px!important;
  }
}




/* Testimonials 1 */

.testimonials1 {
  padding: 80px 0;
  padding: 60px 0;
  

  /* background: url("../img/testimonials-bg.jpg") no-repeat;
  background-position: center center;
  background-size: cover; */
  position: relative;
}

.testimonials1::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /* background: rgba(0, 0, 0, 0.7); */
}

.testimonials1 .section-header {
  margin-bottom: 40px;
}

.testimonials1 .testimonial-item {
  text-align: center;
  color: #fff;
}

.testimonials1 .testimonial-item .testimonial-img {
  width: 100px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin: 0 auto;
}

.testimonials1 .testimonial-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #fff;
}

.testimonials1 .testimonial-item h4 {
  font-size: 14px;
  color: #ddd;
  margin: 0 0 15px 0;
}

.testimonials1 .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
  color: rgba(255, 255, 255, 0.6);
  font-size: 26px;
}

.testimonials1 .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.testimonials1 .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}

.testimonials1 .testimonial-item p {
  font-style: italic;
  margin: 0 auto 15px auto;
  color: #eee;
}

.testimonials1 .swiper-pagination1 {
  margin-top: 20px;
  position: relative;
}

.testimonials1 .swiper-pagination1 .swiper-pagination1-bullet {
  width: 12px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.4);
  opacity: .5;
}

.testimonials1 .swiper-pagination1 .swiper-pagination1-bullet-active {
  background-color: #ffc451;
  opacity: 1;
}

@media (min-width: 1024px) {
  .testimonials1 {
    background-attachment: fixed;
  }
}

@media (min-width: 992px) {
  .testimonials1 .testimonial-item p {
    width: 80%;
  }
}


@media(max-width:460px){
  .ofertaMobMarg2{
    margin-top: 255px!important;
  }
}

@media(max-width:388px){
  .ofertaMobMarg2{
    margin-top: 272px!important;
  }
}

/* End Testimonials 1*/

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team {
  background: #fff;
  padding: 60px 0;
}

.team .member {
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.team .member .member-img {
  position: relative;
  overflow: hidden;
}

.team .member .social {
  position: absolute;
  left: 0;
  bottom: 30px;
  right: 0;
  opacity: 0;
  transition: ease-in-out 0.3s;
  text-align: center;
}

.team .member .social a {
  transition: color 0.3s;
  color: #151515;
  margin: 0 3px;
  border-radius: 4px;
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.8);
  transition: ease-in-out 0.3s;
  color: #484848;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.team .member .social a:hover {
  color: #151515;
  background: #009ee3;
}

.team .member .social i {
  font-size: 18px;
  line-height: 0;
}

.team .member .member-info {
  padding: 25px 15px;
}

.team .member .member-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
  color: #151515;
}

.team .member .member-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #aaaaaa;
}

.team .member .member-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #777777;
}

.team .member:hover .social {
  opacity: 1;
  bottom: 15px;
}

.btn-gradMain {background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed)}
.btn-gradMain {
  margin:0;
  margin-left:7%;
  margin-top: 30px;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 60px;
  text-align: center;
  text-transform: none;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;            
  box-shadow: 0 0 20px #eee;
  border-radius: 4px;
 }

 .gradient22 {
  background-image: linear-gradient(to right, #ffc451, #ffa900, #ffd300, #fbb11f);
  box-shadow: 0 4px 15px 0 #ffb930;
  width:200px!important;
}
.row.align-items-center {
  display: flex;
  align-items: center;
}
.btn-contact56 {
  margin-top: 1%;
  font-size: 16px!important;
  width: 100%;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;
  cursor: pointer;
  height: 50px;
  text-align: center;
  border: none;
  background-size: 300% 100%;
  border-radius: 30px;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; 
  border-radius: 30px;
}
.btn-contact56:hover {
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  color:#fff;
  cursor: pointer;
}

.btn-contact {
  margin-top: 1%;
  font-size: 16px!important;
  width: 100%;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;
  cursor: pointer;
  height: 50px;
  text-align: center;
  border: none;
  background-size: 300% 100%;
  border-radius: 30px;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.dissapear{
  display:none!important;
}

.btn-contact:hover {
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  color:#fff;
  cursor: pointer;
}

.btn-contact2 {
  margin-top: 2%;
  font-size: 16px!important;
  padding: 15px 120px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;
  cursor: pointer;
  height: 55px;
  text-align: center;
  border: none;
  background-size: 300% 100%;
  border-radius: 30px;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.btn-contact2:hover {
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.btn-contact3 {
  font-size: 16px!important;
  font-weight: 600;
  letter-spacing: 1px;
  cursor: pointer;
  height: 46px;
  text-align: center;
  border: none;
  border-radius: 30px;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;

  margin-top: 10px;
  background-color: #E2E3E6;
  color:#666666;
  padding: 10px 20px!important;
}

.btn-contact3:hover {
  color:#fff;
  border-color: #45a1f1;
  background: #2590eb;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.cta-btn3{
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 0px;
  border-radius: 4px;
  transition: 0.5s;
  border: none;
  color: #fff;
  background: #2c91eb;
  width: 24%;
}

.cta-btn3:hover{
  color:#000;
  border-color: #2590eb;
  background: #fff;
}

.cta-btn3Fixed{
  margin-top: 2%;
  font-size: 16px!important;
  padding: 15px 0px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;
  cursor: pointer;
  height: 55px;
  text-align: center;
  border: none;
  background-size: 300% 100%;
  border-radius: 30px;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  width:26%;
}

.cta-btn3Fixed:hover{
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  /* color:#ffcb66; */
}



@media (max-width: 312px){
  .ofertaMobMarg2 {
    margin-top: 295px!important;
}
}


.btn-contact.color-9 {
  background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
  box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%);
}

.btnMainHover{
  background-position: 100% 0;
  color:#fff;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
  

.btnMain {
  padding: 15px 110px;
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing:1px;
  margin-top:40px;
  font-size:14px;
  display: inline-block;
  border: 2px;
  cursor: pointer;
  moz-transition: all .4s ease-in-out;
  position: relative;
}

.btnMain:hover {
background-position: 100% 0;
color:#fff;
moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;

}
.gradient {
background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
box-shadow: 0 4px 16px 0 rgb(65 132 234 / 75%);
}

.btnMain:hover .arrowIntro {
transform: translateX(12px);
color: red;
}






.gradient2 {
  background-image: linear-gradient(to right, #c21500 0%, #ffc500  51%, #c21500  100%);
  box-shadow: 0 4px 15px 0 rgb(234 65 65 / 75%);
}

.gradient {
  background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
  box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%);
}


.pphover:hover{
  text-decoration: underline;
  color:#0d6efd;
}

@media (max-width: 287.4px){
.ofertaMobMargR {
    margin-top: 297px!important;
}}

@media (max-width: 285.4px){
  .ofertaMobMarg3 {
      margin-top: 270px!important;
  }



}
@media (max-width: 992px){
  .kooks{
    font-size:45px!important;
  }
}
@media (max-width: 767px){
  .bati1{
    margin-right:0!important;
  }
}

@media (max-width: 501px){
  h1.special366:after {
    position: absolute;
    top: 130%!important;
  }
  .colax1{
    width:95%!important;
  }

  .mrax2{
    margin:0!important;
  }

  .nav-icons{
    display: none !important;
  }
}

@media(max-width:767px){
  .bi123{
    width:95%!important;
  }
}

@media(max-width:657px){
  .ciacia{
    margin-left:0!important;
  }
}

@media(max-width:408px){
  .ciacia123{
    margin-bottom:10px!important;
  }
}

@media(max-width:992px){
  .section1div1{
    padding-right:0!important;
  }
  .carfirstSectionText2{
    text-align: center;
    line-height: 1.6rem;
  }
}

@media (max-width: 589px){
  .btnyMobMain2{
    display: block!important;
    display: grid!important;
    text-align: center;
  }
  

  .btnyMobMain1{
    display: none!important;
  }

  .ciacia{
    width: 100%!important;
    display: grid !important;
    margin: auto;
  }

  .czosnek{
    margin-top: 30px;
    text-align:center;
  }

  .czcza{
    margin-right:0!important;
  }

  .bbmob{
    width: 165px!important;
    padding: 8px 0!important;
  }

}

@media (max-width: 285px){
  .btn2xxx{
    padding: 8px 10px!important;
  }

}

@media (max-width: 268.4px){
  .btn2xxx{
    padding: 8px 5px!important;
  }

}


@media (max-width: 275.4px){
  .ofertaMobMarg2 {
    margin-top: 312px!important;
}

}

@media (max-width: 267.4px){
  .ofertaMobMargC {
    margin-top: 318px!important;
}

}

@media(max-width:259px){
  .zeromargin{
    margin: 0 0!important;
  }
}
@media (max-width: 255.4px){
.ofertaMobMarg3 {
    margin-top: 290px!important;
}
}
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info {
  width: 100%;
  background: #fff;
}

.contact .info i {
  font-size: 35px;
  color: #009ee3;
  float: left;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}

.contact .info h4 {
  padding: 0 0 0 60px;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #151515;
}

.contact .info p {
  padding: 0 0 0 60px;
  margin-bottom: 0;
  font-size: 16px;
  color: #484848;
}

.contact .info .email, .contact .info .phone {
  margin-top: 17px;
}

.contact .php-email-form {
  width: 100%;
  background: #fff;
}

.contact .php-email-form .form-group {
  padding-bottom: 8px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  border-radius: 30px;
}

.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 13px;
  font-weight: 600;
  border-radius: 30px;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  background-color: transparent;
  padding: 15px;
}

.senderek {
  text-shadow:0 0.05em 0.1em rgb(255 255 255 / 75%)!important;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0 10px 0px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  border-radius: 10px 10px 10px 10px;
}

.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
  border-color: #009ee3;
}

.contact .php-email-form input {
  height: 44px;
}

.contact .php-email-form textarea {
  padding: 10px 12px;
}

.contact .php-email-form button[type="submit"] {
  
}

.contact .php-email-form button[type="submit"]:hover {
  
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: whitesmoke;
  min-height: 40px;
  margin-top: 74px;
}

.breadcrumbs h2 {
  font-size: 28px;
  font-weight: 400;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.breadcrumbs ol li + li {
  padding-left: 10px;
}

.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #2f2f2f;
  content: "/";
}


@media (max-width:400px){
  h1.special5::after {
    top: 105%!important;
}
}

@media (max-width: 387px) {
  .smallremX{
    font-size:38px!important;
  }
}

@media (max-width: 349px) {
  .smallremX{
    font-size:36px!important;
  }

  .sk1{
    font-size:38px!important;
  }
}

@media(max-width:410px){
  .smallremXTr{
    font-size:34px!important
  }
}

@media(max-width:353px){
  .smallremXTr{
    font-size:28px!important
  }
}

@media (max-width: 991.3px){
  .sztabMob{
    margin-top:10px!important;
  }
}

@media (max-width:408px){
  .stari{
    left:0!important;
  }
}



@media (max-width:374px){
  .fontULs{
    font-size:.9rem!important;
  }
  .about .content ul i{
    font-size: 30px!important;
    top: -10px!important;
    left: -3px!important;
  }
  .pxd{
    margin-left:5px!important;
  }
}

@media(max-width:655px){
  .pxdd{
    display:none;
  }
  .pxdd2{
    display:block;
  }
}
@media(min-width:656px){
  .pxdd{
    display:block;
  }
  .pxdd2{
    display:none;
  }
}

@media(min-width:374px) and (max-width:420px){
  .fontULs{
    font-size:.9rem!important;
  }
  .about .content ul i{
    font-size: 26px!important;
    top: -6px!important;
    left: -4px!important;
  }
  .pxd{
    margin-left:2px!important;
  }
}

@media (max-width: 992px) {
  .breadcrumbs {
    margin-top: 68px;
  }


  


  .btnkolko{
    background-color: #2590eb!important;
  }


  .breadcrumbs .d-flex {
    display: block !important;
  }
  .breadcrumbs ol {
    display: block;
  }
  .breadcrumbs ol li {
    display: inline-block;
  }
  .blob1{
    top: -70px!important;
    left: -12px!important;
    width: 108%!important;
  }
  .blob2{
    top: -84px;
    left: -39px;
    width: 108%!important;
  }
  .blob3{
    top: -86px!important;
    left: -9px!important;
    width: 105%!important;
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: black;
  padding: 0 0 30px 0;
  color: #fff;
  font-size: 14px;
}

#footer .footer-top {
  background: #151515;
  border-bottom: 1px solid #222222;
  padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 20px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

#footer .footer-top .footer-info h3 span {
  color: #009ee3;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  color: #fff;
}

#footer .footer-top .social-links a {
  font-size: 22px;
  display: inline-block;
  color: #fff;
  padding: 1px 0;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;

  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-left: 6px;
  margin-right: 0;
  border-radius: 100%;
  background-color: #2590eb;
}

#footer .footer-top .social-links a:hover {
  background: #ffc451;
  color: #151515;
  text-decoration: none;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #ffc451;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  color: #009ee3;
}

#footer .footer-top .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4px;
}

#footer .footer-top .footer-newsletter form input[type="email"] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}

#footer .footer-top .footer-newsletter form input[type="submit"] {
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #ffc451;
  color: #151515;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
}

#footer .footer-top .footer-newsletter form input[type="submit"]:hover {
  background: #ffcd6b;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
  color: #fff;
}

@media (max-width: 1399px){
  .blob3{
    top: -84px;
    left: -14px;
    width: 125%;
  }
  .cta-btn3Fixed{
    width: 30%;
  }

  
}

@media (min-width:992px) and (max-width: 1200px){
  .karTitle2{
    font-size:28px!important;
  }
  .karTitle2span{
    font-size:1.1rem!important;
  }
  .mm{
    margin: -150px 0 0 0!important;
  }

  .ofertaRamkiTop{
    background-position: top;
  }


}

@media (max-width:340px){
  .j2 {
    display: block;
    line-height: 17px!important;
    margin-top: 4px!important;
  }
  .j1 {
    display: none;
  }
}

@media (min-width:992px) and (max-width: 1199px){
  .ofertaRamkiBottom {
    padding: 43px 10px!important;
}
.j2 {
  display: block;
}
.j1 {
  display: none;
}
}

@media(max-width:1400px){
  .ofertabgonline{
    background-position: top;
  }


}

@media (min-width:1200px) and (max-width: 1400px){
  .karTitle2{
    font-size:34px!important;
  }

  .photoClass{
    max-width: 150%;
  }

  .ofertaRamkiBottomKlubmax1200{
    padding: 51.4px 20px!important;
  }

  .ofertaRamkiBottomOnlinemax1200{
    padding: 77.2px 20px!important;
  }

  .ofertaRamkiBottomSztabmax1200{
    padding: 43px 20px!important;
  }

}

@media (max-width: 1199px) and (min-width: 992px){
.ofertaRamkiBottom {
    padding: 43px 10px!important;
}
}

@media (min-width:992px) and (max-width: 1200px){

  .ofertaRamkiBottomGrupamax1200{
    padding: 57px 10px!important;
  }

  .ofertaRamkiBottomRodzicmax1200{
    padding: 57px 10px!important;
  }

  .ofertaRamkiBottomKlubmax1200{
    padding: 51.4px 10px!important;
  }

  .ofertaRamkiBottomOnlinemax1200{
    padding: 77px 10px!important;
  }
}

@media (min-width:992px) and (max-width: 1400px){
  .karTitle{
    font-size:40px;
  }
  .secondbg{
    background:linear-gradient(to bottom, white 15%, rgb(251, 248, 242) 15% 53%, rgb(251, 248, 242) 53% 93%, white 93% )!important;
  }

}

@media(max-width:991px){
  .ptptpt0{
    padding-top:40px!important;
  }
}

@media (max-width: 1399px) {
  .kurs2{
    margin: 19px 0 0 0;
  }

  .kurs3{
    margin: 21px 0 0 0;
  }

  .kurs4{
    margin: 23px 0 0 0;
  }

  
}

@media (max-width: 992px) and (min-width: 768px) {
  .ofertaBoxIndy{
    margin: auto;
    width: 90%;
  }
  .ofertaBoxGrupa{
    margin: auto;
    width: 90%;
    margin-top: 22px!important;
  }
  .services .icon-box{
    padding: 160px 34px;
  }
  .modalmarg {
    margin-top: 194px;
}

}

@media(max-width:992px){
  .paddingbottom60{
    padding-bottom:60px!important;
  }
}

@media (max-width: 1201px) and (min-width: 1200px){
.ofertaRamkiBottomIndymax1200 {
    padding: 56px 10px!important;
}
}

@media (max-width: 1199px){
  
  .wd100{
    width: 100%!important;
  }

}

@media (max-width: 992px){
  
  .or2{
    order:2!important;
  }
  .karix1{
    box-shadow: rgba(0, 140, 253, 0.56) 0px 10px 10px -10px;
  }
}

@media (max-width: 550px){
  .i1{
    font-size: 70px!important;
    line-height: 70px!important;
    
  }
  .i2{
    font-size: 50px!important;
    line-height: 60px!important;
    text-shadow:1px 1px 2px rgba(0,0,0, 0.25);
  }
}
@media (max-width: 410px){
  .i1{
    font-size: 60px!important;
    line-height: 60px!important;
    
  }
  .i2{
    font-size: 45px!important;
    line-height: 55px!important;
    text-shadow:1px 1px 2px rgba(0,0,0, 0.25);
  }
}
@media (max-width: 575px){
  .stari{
    left:0!important;
  }
}

@media (max-width: 355px){
  .i1{
    font-size: 50px!important;
    line-height: 50px!important;
    
  }
  .i2{
    font-size: 35px!important;
    line-height: 45px!important;
    text-shadow:1px 1px 2px rgba(0,0,0, 0.25);
  }
}

@media (max-width: 662px){
  .kajkajmob{
    display:block;
  }
  .kajkaj{
    display:none;
  }
}
@media (min-width: 663px){
  .kajkajmob{
    display:none;
  }
  .kajkaj{
    display:block;
  }
}

@media (max-width: 1200px){
  .or1{
    order:1!important;
  }
  .or22{
    order:2!important;
  }
  .or3{
    order:3!important;
  }
}
@media (max-width:992px){
  .mainmob{
    width: 100%!important;
    text-align: center;
  }
  .mainmob2{
    margin-right:0!important;
    margin-top:30px!important;
  }
  .ofertamob{
    width:100%!important
  }
  h1.special3::before{
    top:119%!important;
  }

  .p0ma{
    padding-left:0!important;
    padding-right:0!important;
    margin:auto;
  }
}

.mt-10{
  margin-top:10px;
}

.mt-20{
  margin-top:20px;
  
}
.mt-30{
  margin-top:30px;
  
}
.mt-40{
  margin-top:40px;
  
}
.gb {
  padding: 8px 20px;
  margin-right: 25px;
  cursor: pointer;
  font-size: 18px;
  border-radius: 4px;
}

.gb-bordered {
  padding: 6px 20px;
  position: relative;
  border: 4px solid transparent;
  background-clip: padding-box;
  transition: 0.5s all;
}
.gb-bordered:after {
  transition: 0.5s all;
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  content: "";
  z-index: -1;
  border-radius: 4px;
}

.gb-rounded {
  border-radius: 50px;
}
.gb-rounded.gb-bordered:after {
  border-radius: 50px;
}

.hover-fill {
  transition: 0.6s all;
}
.hover-fill:hover {
  background-color: transparent;
  color: white;
}
.hover-fill.reverse {
  background-color: transparent;
  color: white;
}
.hover-fill.reverse:hover {
  background-color: white;
  color: #333;
}

.hover-slide {
  transition: 0.6s all;
}
.hover-slide:after {
  background-size: 200% 100%;
  background-position: 0% 0;
}
.hover-slide:hover:after {
  background-position: 100% 0;
}

#gb1:after {
  background-image: linear-gradient(45deg, #6b29b0 0%, #6b29b0 26%, #c918bb 26%, #c918bb 45%, #e014bd 45%, #e014bd 53%, #532dad 53%, #532dad 59%, #9a21b5 59%, #9a21b5 62%, #8225b2 62%, #8225b2 66%, #b11cb8 66%, #b11cb8 77%, #f810c0 77%, #f810c0 100%);
}

#gb2:after {
  background-image: linear-gradient(45deg, #0b2d7e 0%, #0b2d7e 44%, #155799 44%, #155799 45%, #1e81b5 45%, #1e81b5 61%, #28aad0 61%, #28aad0 67%, #31d4eb 67%, #31d4eb 100%);
}

#gb3 {
  color: white;
  border: none;
  background: linear-gradient(45deg, rgba(8, 211, 172, 0.45) 0%, rgba(8, 211, 172, 0.45) 12.5%, rgba(62, 29, 50, 0.45) 12.5%, rgba(62, 29, 50, 0.45) 25%, rgba(54, 55, 67, 0.45) 25%, rgba(54, 55, 67, 0.45) 37.5%, rgba(47, 81, 85, 0.45) 37.5%, rgba(47, 81, 85, 0.45) 50%, rgba(23, 159, 137, 0.45) 50%, rgba(23, 159, 137, 0.45) 62.5%, rgba(16, 185, 155, 0.45) 62.5%, rgba(16, 185, 155, 0.45) 75%, rgba(31, 133, 120, 0.45) 75%, rgba(31, 133, 120, 0.45) 87.5%, rgba(39, 107, 102, 0.45) 87.5%, rgba(39, 107, 102, 0.45) 100%), linear-gradient(135deg, #5774dd, #2304e5);
}

#gb4:after {
  background: linear-gradient(45deg, #ef0781 0%, #ef0781 6%, #d00a70 6%, #d00a70 25%, #b10d60 25%, #b10d60 40%, #93104f 40%, #93104f 45%, #74133e 45%, #74133e 53%, #55162e 53%, #55162e 66%, #36191d 66%, #36191d 100%);
}

#gb5:after {
  background: linear-gradient(0, rgba(151, 49, 241, 0.46) 0%, rgba(151, 49, 241, 0.46) 6%, rgba(163, 71, 217, 0.46) 6%, rgba(163, 71, 217, 0.46) 33%, rgba(175, 94, 193, 0.46) 33%, rgba(175, 94, 193, 0.46) 47%, rgba(187, 116, 169, 0.46) 47%, rgba(187, 116, 169, 0.46) 65%, rgba(200, 139, 146, 0.46) 65%, rgba(200, 139, 146, 0.46) 77%, rgba(212, 161, 122, 0.46) 77%, rgba(212, 161, 122, 0.46) 87%, rgba(224, 184, 98, 0.46) 87%, rgba(224, 184, 98, 0.46) 97%, rgba(236, 206, 74, 0.46) 97%, rgba(236, 206, 74, 0.46) 100%), linear-gradient(90deg, #e90e1b 0%, #e90e1b 15%, #eb291b 15%, #eb291b 39%, #ee431a 39%, #ee431a 42%, #f05e1a 42%, #f05e1a 52%, #f37819 52%, #f37819 61%, #f59319 61%, #f59319 76%, #f8ad18 76%, #f8ad18 88%, #fac818 88%, #fac818 100%);
}

#gb6:after {
  background: linear-gradient(164deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 50%, rgba(222, 222, 222, 0.08) 50%, rgba(222, 222, 222, 0.08) 100%), linear-gradient(73deg, rgba(182, 182, 182, 0.02) 0%, rgba(182, 182, 182, 0.02) 50%, rgba(216, 216, 216, 0.02) 50%, rgba(216, 216, 216, 0.02) 100%), linear-gradient(215deg, rgba(27, 27, 27, 0.09) 0%, rgba(27, 27, 27, 0.09) 50%, rgba(243, 243, 243, 0.09) 50%, rgba(243, 243, 243, 0.09) 100%), linear-gradient(236deg, rgba(242, 242, 242, 0.05) 0%, rgba(242, 242, 242, 0.05) 50%, rgba(16, 16, 16, 0.05) 50%, rgba(16, 16, 16, 0.05) 100%), linear-gradient(256deg, rgba(170, 170, 170, 0.07) 0%, rgba(170, 170, 170, 0.07) 50%, rgba(209, 209, 209, 0.07) 50%, rgba(209, 209, 209, 0.07) 100%), linear-gradient(126deg, rgba(204, 204, 204, 0.1) 0%, rgba(204, 204, 204, 0.1) 50%, rgba(26, 26, 26, 0.1) 50%, rgba(26, 26, 26, 0.1) 100%), linear-gradient(61deg, rgba(250, 250, 250, 0.01) 0%, rgba(250, 250, 250, 0.01) 50%, rgba(13, 13, 13, 0.01) 50%, rgba(13, 13, 13, 0.01) 100%), linear-gradient(56deg, rgba(210, 210, 210, 0.05) 0%, rgba(210, 210, 210, 0.05) 50%, rgba(79, 79, 79, 0.05) 50%, rgba(79, 79, 79, 0.05) 100%), linear-gradient(226deg, rgba(62, 62, 62, 0.08) 0%, rgba(62, 62, 62, 0.08) 50%, rgba(73, 73, 73, 0.08) 50%, rgba(73, 73, 73, 0.08) 100%), linear-gradient(90deg, #ec029e, #a1024f);
}

#gb7:after,
#gb10:after {
  background-image: linear-gradient(135deg, #f68918 0%, #f68918 31%, #ae3e9f 31%, #ae3e9f 42%, #d2645c 42%, #d2645c 49%, #8a19e3 49%, #8a19e3 100%);
}

#gb8:after {
  background-image: linear-gradient(90deg, #f47178 0%, #f47178 14.3%, #f4da71 14.3%, #f4da71 28.6%, #9df471 28.6%, #9df471 42.9%, #71f4b5 42.9%, #71f4b5 57.2%, #71c2f4 57.2%, #71c2f4 71.5%, #9071f4 71.5%, #9071f4 85.8%, #f471e7 85.8%, #f471e7 100.1%);
}

#gb9 {
  background-color: transparent;
  color: white;
}
#gb9:after {
  background-image: linear-gradient(135deg, #0d04b2 0%, #0d04b2 12.5%, #1119b6 12.5%, #1119b6 25%, #142eb9 25%, #142eb9 37.5%, #1843bd 37.5%, #1843bd 50%, #1c57c0 50%, #1c57c0 62.5%, #206cc4 62.5%, #206cc4 75%, #2381c7 75%, #2381c7 87.5%, #2796cb 87.5%, #2796cb 100%);
}
#gb9:hover {
  color: white;
}

#gb11:after {
  background-image: linear-gradient(135deg, #8ae553 0%, #8ae553 22%, #6ecb47 22%, #6ecb47 28%, #53b03b 28%, #53b03b 72%, #37962f 72%, #37962f 100%);
}

#gb12:after {
  background-image: linear-gradient(45deg, rgba(49, 74, 89, 0.45) 0%, rgba(49, 74, 89, 0.45) 12.5%, rgba(122, 86, 72, 0.45) 12.5%, rgba(122, 86, 72, 0.45) 25%, rgba(170, 94, 60, 0.45) 25%, rgba(170, 94, 60, 0.45) 37.5%, rgba(219, 102, 49, 0.45) 37.5%, rgba(219, 102, 49, 0.45) 50%, rgba(146, 90, 66, 0.45) 50%, rgba(146, 90, 66, 0.45) 62.5%, rgba(98, 82, 78, 0.45) 62.5%, rgba(98, 82, 78, 0.45) 75%, rgba(195, 98, 55, 0.45) 75%, rgba(195, 98, 55, 0.45) 87.5%, rgba(73, 78, 83, 0.45) 87.5%, rgba(73, 78, 83, 0.45) 100%), linear-gradient(135deg, #750698, #6e22fb);
}


.mb-10{
  margin-bottom:10px;
}
.mb-20{
  margin-bottom:20px;
  
}
.mb-30{
  margin-bottom:30px;  
}
.mb-40{
  margin-bottom:40px;  
}