body {
  font-family: Lato, sans-serif;
}

.jumbotron {
  padding: 0;
  margin: 0;
}

a:active {
  border: none;
  box-shadow: none;
}

#home-jumbotron {
  float: left;
  width: 18%;
  display: block;
  position: absolute;
  top: 3vh;
}  

.slick-track {
  padding-top: 1vw;
}

.cutoff {
  height: 100vh;
  overflow: hidden;
}

p {
  margin: 0;
}

.sidebar {
  position: fixed;
  width: 17vw;
  height: 75vh;
  right: 0;
  top: 0;
  z-index: 9;
}

#nav2 {
  float: right;
  margin-right: 7vw;
  width: 3vw;
  margin-top: 1vh;
}


#nav2 img {
    width: 2.5vw;
    margin-bottom: 1vh;
    margin-left: -0.25vw;
}

#nav2 a.nav-link:hover {
  color: white !important;
  padding: 0.31vw 0.6vw 1.6vw 0.7vw !important;
  font-size: 1vw;
  width: 5vw !important;
  margin-left: -3vw;
  border-radius: 0%;
}

#nav2 .nav-link-active {
  color: white !important;
  padding: 0.31vw 0.6vw 1.6vw 0.7vw !important;
  font-size: 1vw;
  width: 5vw !important;
  margin-left: -3vw;
  border-radius: 0% !important;
}


#nav2 a.nav-link:hover:before, #nav2 a.nav-link:hover:after, #nav2 .nav-link-active:after, #nav2 .nav-link-active:before {
  display: inline-block;
  width: 2vw;
  height: 2vw;
  border-radius: 100%;
  background: #0c5680;
  content: '';
  position: absolute;
  top: -0.15%;
  z-index: -1;
}

#nav2 a.nav-link:hover:before, #nav2 .nav-link-active:before {
  left: -15%;
}

#nav2 a.nav-link:hover:after, #nav2 .nav-link-active:after {
  right: -15%;
}

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

#nav2 a.nav-link:first-child:hover, #nav2 a.nav-link:first-child:active  {
  color: transparent  ;
}

#nav-border {
  border-bottom: none !important;
}

.nav-link {
  display: block;
  padding: 1vw 0vw 1vw 1vw;
}

#nav a.nav-link-active {
  background-color: none;
  color: #fff;
  background: #66C6C9;  
  border: 0.4vh solid #305084;
}

#nav a {
  font-weight: bold;
  color: #fff !important;
}

:focus {
  box-shadow: none;
  color: transparent;
  background-color: transparent;
}


#nav {
  display: block;

}

a.nav-link {
  width: 7vw;
  color: #fff;
  background: #0c5680;
  font-weight: bold;
  font-size: 1vw;
  border-radius: 8%;
  position: relative;
}

#nav a.nav-link {
  margin-top: 1vh;
  margin-left: 1vw;
}

#nav2 a.nav-link {
  width: 2vw;
  height: 2vw;
  cursor: pointer;
  background-color: #0c5680;
  border-radius: 100%;
  color: transparent;
  padding: 0;
  margin-bottom: 1vh;
  text-align: center;
}

#nav-mobile {
  z-index: 9999;
  background: #fff;
  width: 40vh;
}

#nav-mobile a.nav-link {
  background: none;
  border: none;
  color: #0c5680;
}

.mobile-menu {
  margin-left: 67%;
  z-index: 9999999999999;
  display: block;
  margin-top: 7vh;
}

.mobile-menu img {
  max-width: 5vh;
}

.bars {
  opacity: 0.15;
  width: 5vh;
}

.dropdown {
  width: 40vh;
  background: white;
  margin-left: -26%;
}


#home-jumbotron h1 {
  color: #0c5680;
  text-align: left;
  font-size: 3.2vw;
  font-weight: 700;
}

#home-jumbotron h2 {
  color: #0c5680;
  text-align: left;
  font-size: 1.6vw;
  font-weight: 600;
  margin-top: -3%;
}

#main {
  margin: 0 !important;
}

.main-splash {
  position: relative;
  width: 100vw;
  height: 100vw;
  margin-top: 17vw;
}

.logo {
  width: 25%;
  height: 25%;
  margin: -5% 0 0 35%;
  position: absolute;
}

.circle1 {
  width: 25.5%;
  height: 25.5%;
  margin: -6.5% 0 0 34.1%;
  background: transparent;
  border: 0.35vw solid;
  border-radius: 100%;
  position: absolute;
  color: #fff;
  z-index: 3;
}

.circle2 {
  width: 25.5%;
  height: 25.5%;
  margin: -4.5% 0 0 34.5%;
  background: transparent;
  border: 0.35vw solid;
  border-radius: 100%;
  position: absolute;
  color: rgba(41, 135, 141, 1);
  z-index: 1;
}

.circle3 {
  width: 24.5%;
  height: 24.5%;
  margin: -5% 0 0 35.7%;
  background: transparent;
  border: 0.35vw solid;
  border-radius: 100%;
  position: absolute;
  color: #0c5680;
  z-index: 1;
}

.mobile-circle1 {
  margin: -2.5% 0 0 1.1%;
  background: transparent;
  border: 0.35vw solid;
  border-radius: 100%;
  position: absolute;
  color: #fff;
  z-index: 99999;
}

.mobile-circle2{
  margin: 2.5% 0 0 -4.5%;
  background: transparent;
  border: 0.35vw solid;
  border-radius: 100%;
  position: absolute;
  color: rgba(41, 135, 141, 1);
  z-index: 9999;
}

.mobile-circle3 {
  margin: -10% 0 0 1.7%;
  background: transparent;
  border: 0.35vw solid;
  border-radius: 100%;
  position: absolute;
  color: #0c5680;
  z-index: 999;
}

.active {
  filter: contrast(0.3) brightness(1.6);
}

.specjalizacja {
  width: 25%;
  margin: -5% 0 0 35%;
  position: absolute;
  z-index: 5;
  background: rgba(9, 65, 97, 0.75);
  height: 25vw;
  border-radius: 100%;
  color: #fff;
  opacity: 1;
  transition-duration: 0.3s;
  transition-property: opacity;
}

.specjalizacja .ball {
  margin-left: 36%;
  margin-top: 4%;
  width: 6vw;
  height: 6vw;
  position: relative;
}


.milk {
  position: fixed;
  z-index: 3;
  opacity: 0.7;
  background: #a7b9cd;
  width: 100vw;
  height: 150vh;
  top: 0;
  left: 0;
}

.hidden { 
  height: 0;
  opacity: 0;
  width: 0;
  margin-top: -100%;
}

.collapsed {
  display: none;
}

.spec_ex {
  text-align: center;
  font-size: 1.2vw;
  padding: 0px 9%;
  color: #fff;
  margin-top: -1%;
  border-radius: 100%;
  position: relative;
}

.spec_ex p:last-child {
  margin: 0;
  padding: 1vh 3vw;
}

.blog .spec_ex p:last-child {
  margin: 0;
  padding: inherit;
}

.specjalizacja-single .spec_ex {
  z-index: 3;
}


.spec_ex a {
  color: #61f49f;
}

.spec_title {
  text-align: center;
  font-size: 1.7vw;
  font-weight: 700;
  z-index: 4;
  color: #fff;
  text-decoration: none;
}

a.spec_title:hover {
  text-decoration: none;
}

  a:hover {
  text-decoration: none;
}

.readmore {
  font-weight: 700;
  margin-top: 25%;
}

.ball {
  width: 7vw;
  height: 7vw;
  position: absolute;
  cursor: pointer;
  overflow: hidden;
  border-radius: 100%;
}

#footer .container {
  display: none !important;
}

.spec1 {
  margin: -6.6% 0 0 23.7%;
}

.spec2 {
  margin: 3.6% 0 0 63.7%;
}

.spec3 {
  margin: 15.6% 0 0px 23.7%;
}

.spec4 {
  margin: 5% 0 0 25.7%;
}

.spec5 {
  margin: -15.6% 0 0 44%;
}
.spec6 {
  margin: -7% 0 0 63.7%;
}

.spec7 {
  margin: -12.2% 0 -0 55%;
}

.spec8 {
  margin: 17.6% 0 0 56.7%;
}
.spec9 {
  margin: 19% 0 0px 33%;
}
.spec10 {
  margin: 14.6% 0 0 66.7%;
}
.spec11 {
  margin: 21.7% 0 0px 45.8%;
}
.spec12 {
  margin: -12% 0 0 32.7%; 
}

.blog h1, .blog h2 {
  font-size: 1.5vh;
  padding-left: 0%;
  padding-top: 6%;
}

.specjalizacja-single {
  width: 35vw;
  margin: 1% 0 0 28.5%;
  position: absolute;
  z-index: 5;
  background: rgba(9, 65, 97, 1);
  height: 35vw;
  border-radius: 100%;
  color: #fff;
  opacity: 1;
}

.spec_title-single {
  margin: 27% 0 0 0%; 
  text-align: center;
  font-size: 2vw;
  font-weight: 700;
  z-index: 4;
  color: #fff;
  text-decoration: none;
}

.blog h1, .blog h2 {
  font-size: 2vw;
  padding-left: 9%;
  padding-top: 6%;
}

.specjalizacja-single .spec_ex {
  font-size: 0.95vw;
}

.specjalizacja-single .ball {
  margin-left: 42%;
  margin-top: 8%;
}

.zespol .spec_ex {
  font-size: 0.95vw;
  line-height: 1vw;
  margin-top: 1%;
}

.specjalizacja-single.technicy {
  background-color: #48A4B4;
}

.zespol.specjalizacja-single .circle1, .specjalizacja-single .circle1 {
  width: 101%;
  height: 101%;
  margin: -2% 0 0 -1.9%;
  background: transparent;
  border: 0.5vw solid;
  border-radius: 100%;
  position: absolute;
  z-index: 3;
}

.zespol.specjalizacja-single .circle2, .specjalizacja-single .circle2 {
  width: 101%;
  height: 101%;
  margin: 2% -2% 0 1%;
  background: transparent;
  border: 0.5vw solid;
  border-radius: 100%;
  position: absolute;
  z-index: 3;
}

.zespol.specjalizacja-single .circle3, .specjalizacja-single .circle3 {
  width: 101%;
  height: 101%;
  margin: 0% -2.5% 2% 1%;
  background: transparent;
  border: 0.5vw solid;
  border-radius: 100%;
  position: absolute;
  z-index: 3;
}

.oneslide .circle1 {
  width: 8vw;
  height: 8vw;
  margin: -3% 0 0 -2.9%;
  background: transparent;
  border: 0.35vw solid;
  border-radius: 100%;
  position: absolute;
  z-index: 7;
}

.oneslide .circle2 {
  width: 8vw;
  height: 8vw;
  margin: -2% -2% 0 1%;
  background: transparent;
  border: 0.35vw solid;
  border-radius: 100%;
  position: absolute;
  z-index: 3;
}

.oneslide .circle3 {
  width: 7.8vw;
  height: 7.8vw;
  margin: -4% -2.5% 2% 1%;
  background: transparent;
  border: 0.35vw solid;
  border-radius: 100%;
  position: absolute;
  z-index: 3;
}

.oneslide.technicy .circle1 {
  margin: -5.5% 0 0 -6.9%;
  z-index: 3;
}

.oneslide.technicy .circle2 {
  margin: -3% -2% 0 -5%;
  z-index: 7;
}

.oneslide.technicy .circle3 {
    margin: -4% 0 5% -3%;
    z-index: 8;
}

.blogo .bottom-list {
  padding-top: 1.5vw;
  left: 2.8vw;
}

.bottom-list {
  padding-top: 1.5vw;
  left: 0.35vw;
}

.zesp {
  background:#a7b9cd;
}

.blog-body, .usługi-body, .godziny-otwarcia-body, .blog-body .botto, .usługi-body .botto, .godziny-otwarcia-body .botto{
  background:#a7b9cd;
}

.kontakt-body {
  background: #3AC1CA;
}

.blog {
  width: 60.5vw;
  margin: -12% 0 1px 18%;
  z-index: 5;
  background: rgba(9, 65, 97, 1);
  color: #fff;
  height: fit-content;
  padding-bottom: 54vh;
}

.blog .spec_title-single {
  margin: 27% 0% 0% 5%;
  font-size: 2.6vw;
  font-weight: 700;
  z-index: 4;
  color: #fff;
  text-decoration: none;
  text-align: left;
  line-height: 3vw;
  padding-top: 3vh;
}

.blog img {
  max-width: 25vw;
  float: right;
  margin-left: 2vh;
  margin-bottom: 1vh;
}

.blog .spec_ex {
  text-align: left;
  font-size: 1.1vw;
  padding: 0px 3%;
  color: #fff;
  margin-top: 0;
  border-radius: 0;
}

.blog .spec_ex p {
  margin: 3vh;
}

.botto {
  width: 100%;
  position: fixed;
  display: block;
  bottom: 0;
  background: #fff;
}



.botto .slides img {
  opacity: 1;
  transition: 0.5s;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.oneslide {
  background-color: rgb(29, 87, 128, 0);
  width: 7vw;
  height: 7vw;
  border-radius: 100%;
  overflow: hidden;
  margin-bottom: 2vw;
  margin-left: 2.2vw;
}

.blogo.botto .oneslide {
  margin-left: 0vw;
}

.botto .slides img:hover {
  opacity: 0;
}

.botto .slides {
  position: relative;;
}

.slick-list {
 overflow-y: visible !important;
}

.botto .zespol_title, .botto .spec_title {
    color: #fff;
    text-align: center;
    font-size: 0.65vw;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    z-index: 99;
    position: relative;
    opacity: 0;
    margin-top: -7vw;
    padding-top: 0vw;
    transition: 0.5s;
}

.oneslide.technicy .zespol_title:hover {
  background-color: #48A4B4;
}

.botto .zespol_title:hover, .botto .spec_title:hover {
  opacity: 1;
  color: #fff;
  background-color: rgb(29, 87, 128, 1);
}

.botto .zespol_title a, .botto .spec_title a {
  padding-top: 5vh;
  width: 100%;
  height: 100%;
  display: block;
}

.botto .zespol_title a:hover, .botto .spec_title a:hover {
  color: #fff;
  width: 100%;
  height: 100%;
  display: block;
}

.my-next-arrow {
  bottom: 24%;
  right: 1%;
  position: absolute;
  color: rgba(9, 65, 97, 1);
  font-size: 3vw;
  cursor: pointer;
}

.my-prev-arrow {
  left: 0.5%;
  position: fixed;
  color: rgba(9, 65, 97, 1);
  font-size: 3vw;
  cursor: pointer;
  z-index: 999999999999;
  bottom: 6.1%;
}

.blogo.botto {
  background: #a7b9cd;
  position: fixed;
  padding-top: 0vh;
}

.blogo.botto .slides img {
  opacity: 1;
  transition: 0.5s;
  position: relative;
  z-index: 9;
  cursor: pointer;
  max-width: unset;
  height: unset;
  width: 13.2vw;
  margin-left: -3.8vw;
  margin-top: 0vh;
}

.blogo.botto .oneslide {
  width: 7.5vw;
  height: 7.5vw;
  position: relative;
}

.blogo.botto .spec_title {
  color: #fff;
  text-align: center;
  font-size: 0.55vw;
  text-transform: uppercase;
  z-index: 11;
  position: absolute;
  padding-top: 31%;
  padding-bottom: 0vh;
  top: 0;
  margin-top: 0;
  padding-left: 10%;
  padding-right: 10%;
}


.blogo.blogo .spec_title a {
  padding: 1vh 0 0 0;
}

.blogo.botto .spec_title a:hover {
  color: #ddd;
}

.kontakt {
  width: 26vw;
  height: 26vw;
  border-radius: 100%;
  background: #48a4b4;
  display: block;
  position: relative;
  margin-left: 19vw;
  margin-top: 5vw;
}

.map {
  overflow: hidden;
  width: 55vw;
  position: relative;
  left: 20.5vw;
  top: 11vw;
}

.map-responsive{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.map-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

.kontakt .circle1 {
  width: 101%;
  height: 101%;
  margin: -5.5% 0 0 1%;
  background: transparent;
  border: 0.5vw solid;
  border-radius: 100%;
  position: absolute;
  color: #fff;
  z-index: 3;
}

.kontakt .circle2 {
  width: 101%;
  height: 101%;
  margin: -1.5% 0 0 3.4%;
  background: transparent;
  border: 0.5vw solid;
  border-radius: 100%;
  position: absolute;
  color: rgba(41, 135, 141, 1);
  z-index: 1;
}

.kontakt .circle3 {
  width: 101%;
  height: 101%;
  margin: -1% 0 0 1%;
  background: transparent;
  border: 0.5vw solid;
  border-radius: 100%;
  position: absolute;
  color: #0c5680;
  /* z-index: 1; */
}

.kontakt .content {
  padding: 23% 18%;
  text-align: center;
  font-size: 1.7vw;
  color: #fff;
}

.kontakt:nth-child(2) {
  margin-left: 54vw;
  text-align: center;
  margin-top: -29vh;
}

.kontakt.godziny {
    width: 35vw;
    height: 35vw;
    margin-top: 18vh;
    margin-left: 32vw;
}


@media only screen and (max-width: 800px) {

  p {
    text-align: center;

  }

  .blog img {
    max-width: 90vw;
    float: right;
    margin: 3vh auto 4vh auto;
}


  .mobile-circle1, .mobile-circle2, .mobile-circle3 {
    width: 105%;
    height: 105%;
    display: block;
    border: 0.5vh solid;
  } 
  

  .botto .zespol_title a, .botto .spec_title a {
    padding-top: 0vh;
    margin-top: -11vh;
    padding-top: 30%;
    font-size: 0.9vh;
  }

  .blogo.botto .spec_title {
    color: #fff;
    text-align: center;
    font-size: 0.55vw;
    text-transform: uppercase;
    z-index: 11;
    position: absolute;
    padding-top: 31%;
    padding-bottom: 0vh;
    top: 0;
    margin-top: 0;
    padding-left: 10%;
    padding-right: 10%;
  }
  
  
  .blogo.blogo .spec_title a {
    padding: 10% 0 0 0;
    margin-top: 0;
  }
  

  .main-splash, .desktop, .specjalizacja-single .circle1, .specjalizacja-single .circle2, .specjalizacja-single .circle3 {
    display: none;  
  }


.bottom-list {
  padding-top: 4vh;
  left: 2.8vw;
}
.slick-track {
  padding-top: 3vh;
}

  .ball-mobile {
    width: 19vw;
    height: 19vw;
    cursor: pointer;
    overflow: hidden;
    border-radius: 100%;
    float: left;
    margin-top: 7vh;
    margin-left: 9vw;
    position: relative;
  }
  .zespol .spec_ex {
    font-size: 0.95vw;
    line-height: 1vw;
    margin-top: 1%;
}
  .mobile-splash {
      margin-top: 18vh;
    }

    .specjalizacja-single {
      width: 80vw;
      margin: auto;
      z-index: 5;
      color: black;
      opacity: 1;
      position: relative;
      height: fit-content;
      background: no-repeat;
      border-radius: 0;
  }


  .spec_title-single {
    margin: 12% 0 5% 0%;
    text-align: center;
    font-size: 2.5vh;
    font-weight: 700;
    z-index: 4;
    color: black;
    text-decoration: none;
}

.sidebar {
  height: 20vh;
  width: 29vw;
}

.spec_ex p:last-child {
  padding: 0;
}


#nav a {
  width: 12vh;
  right: 0;
  position: absolute;
  border-radius: 0;
  font-size: 1.7vh;
  text-align: center;
}

a.nav-link {
  background-image: none;
  font-size: 2.5vh;
  padding: 2vw 2vw 2vw 3.5vw;
}

.kontakt {
  width: 28vh;
  height: 28vh;
  border-radius: 100%;
  background: #48a4b4;
  display: block;
  position: relative;
  margin-top: 14vh;
  margin-left: 0vw;
}

.kontakt.godziny {
  width: 35vh;
  height: 35vh;
  margin-top: 18vh;
  margin-left: 14vw;
}

.kontakt .content {
  padding: 23% 17%;
  text-align: center;
  font-size: 1.75vh;
  color: #fff;
}

.blog .spec_title-single {
  font-size: 2.2vh !important;
  line-height: 2.2vh !important;
}

.kontakt:nth-child(2) {
  margin-left: 19vh;
  text-align: center;
  margin-top: 6vh;
}

.specjalizacja-single .spec_ex {
  color: black;
  padding-bottom: 32vh;
  font-size: 2vh;
  text-align: left;
}

  .zespol .spec_ex {
    color: black;
    text-align: left;
    font-size: 2vh;
    line-height: 2.5vh;
}



.specjalizacja-single .ball {
  position: relative;
  margin: 13% auto 0% auto;
  width: 13vh;
  height: 13vh;
  
}

.specjalizacja-single.technicy {
  background-color: transparent;
}

.botto {
  width: 100%;
  position: fixed;
  top: 72vh;
  z-index: 9999;
}


.botto .slides img {
  height: 11vh;
  width: auto;
}

.oneslide {
  width: 11vh;
  height: 11vh;
}

.my-next-arrow {
  display: none;
}


.my-prev-arrow {
  display: none !important;
}


.oneslide {
  margin-left: 2vw;
}

.oneslide .circle1, .oneslide .circle2, .oneslide .circle3 {
  width: 11vh;
  height: 11vh;
}

.oneslide .circle1 {
  margin: 1% 0 0 -0.9%;
}


.mobile-logo {
  width: 7vh;
  left: 2vw;
  position: absolute;
  top: 3vh;
}


#home-jumbotron {
  position: absolute;
  top: 4.5vh;
  float: left;
  width: 18%;
  left: 14vw;
}

#home-jumbotron h1 {
    font-size: 2vh;
    margin-left: 2vw;
}

#home-jumbotron h2 {
  margin-top: -7%;
  font-size: 1.1vh;
  margin-left: 2vw;
}

.blog {
  width: 90.5vw;
  margin: 25% 0 1px 0%;
  z-index: 5;
  background: transparent;
  color: navy;
  height: fit-content;
  padding-bottom: 54vh;
}

.blog .spec_ex {
  text-align: left;
  font-size: 1.6vh;
  padding: 0px 1%;
  z-index: 0;
  color: navy;
  margin-top: 0;
  border-radius: 0;
}

.blog h1, .blog h2 {
  font-size: 1.5vh;
  padding-left: 9%;
  padding-top: 6%;
}

.blogo.botto .oneslide {
  width: 11vh;
  height: 11vh;
}

.blogo.botto .slides img {
  width: 19vh;
  margin-left: -5vh;
  margin-top: 0vh;
}


.blogo.botto .spec_title {
  color: #fff;
  text-align: center;
  font-size: 1.2vh;
}

#nav {
  display: block;
  margin-left: -7vw;
}

.map {
  height: 90vh;
  left: 1vw;
  top: 15vh;
  width: 90vw;
}

.map-responsive {
  overflow: hidden;
  padding-bottom: 82vh;
  position: relative;
  height: 0;
}

.oneslide .circle1, .oneslide .circle2, .oneslide .circle3 {
  display: none;
} 
}

@media only screen and (min-width: 801px) {
.mobile-menu {
  display: none;
}

.mobile-logo {
 display: none;
}

.mobile-circle1, .mobile-circle2, .mobile-circle3 {
  display: none;
} 

}