body {
    background: #EEF6FF 0% 0% no-repeat padding-box;
opacity: 1;
margin: 0;
padding: 0;
}





*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}








.fab {
    padding: calc(.1rem + .2vw);
    font-size: calc(.5rem + .7vw);
    width: calc(.5rem + .7vw);;
    text-align: center;
    text-decoration: none;
    margin: .5vw .5vw;
    border-radius: 50%;
    border: .2vw solid;
    color: #0080FF;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  
  .fab:hover {
      opacity: 0.7;
  }

.boss-header {

margin: 0;
background: #FFFFFF 0% 0% no-repeat padding-box;
opacity: 1;
display: flex;
justify-content: space-between;
padding-left: 5vw;
padding-right: 5vw;
height: 15vw;
}

.boss-header .boss-element{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.boss-header .boss-element p{
    font-family: 'Montserrat';
    color:#0080FF;
    font-weight: 800;
    font-size: calc(.1rem + 1vw);
    margin-top: .2vw;
    margin-bottom: .2vw;
}

.boss-header .boss-element img{
    width: 30vw;
}
.boss-nav-top{
    height: 2vw;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    display: none;
}

/* Trojkat przy dropdown'ach */
nav span.triangle-down{
	border-left: .3vw solid transparent;
    border-right: .3vw solid transparent;
    border-top: .5vw solid #0080FF;
	display: inline-block;
}

/* NAV - Ogolny */
nav.main{
	display: flex;
	background: #000941 0% 0% no-repeat padding-box;
	position: relative;
  border-radius: 2vw;
  opacity: 1;
  font-family: 'Montserrat';
  font-size: .9vw;
  padding-left: 10vw;
  padding-right: 10vw;
  margin-left: 1.5vw;
  margin-right: 1.5vw;
  justify-content: space-between;
  color: white;
  height: 4vw;
}

/* NAV - Konfiguracja trojkata */
nav.main > ul > li > a.top-navig > span.triangle-down{
	margin-left: .5vw;
	border-top-color: white;
}
nav a.top-navig > span.triangle-down{
	transition: transform 0.25s;
}
nav a.top-navig:hover > span.triangle-down{
	transform: rotate(180deg);
	transition: transform 0.4s ease;
}
/* NAV - Dropdown - Pojedyncza sekcja/kwadrat */
nav ul.top-navig-menu > div.section-menu{
	width: 14vw;
  height: 16vw;
  display: inline-block;
	box-sizing: border-box;
	padding: .5vw 1vw;
	border-right: 1px solid #0066CC;
  position: relative;
  float: left;
}
/* NAV - Dropdown - Pojedyncza sekcja - Konfiguracja borderow dla sekcji */
nav ul.top-navig-menu > div.section-menu:nth-of-type(5),
nav ul.top-navig-menu > div.section-menu:nth-of-type(10){
	border-right: 0px solid #0066CC;
}
nav ul.top-navig-menu > div.section-menu:nth-of-type(1),
nav ul.top-navig-menu > div.section-menu:nth-of-type(2),
nav ul.top-navig-menu > div.section-menu:nth-of-type(3),
nav ul.top-navig-menu > div.section-menu:nth-of-type(4),
nav ul.top-navig-menu > div.section-menu:nth-of-type(5){
	border-bottom: 1px solid #0066CC;
}
/* NAV - Dropdown - Pojedyncza sekcja - Konfiguracja linkow */
nav ul.top-navig-menu > div.section-menu > a.header{
	font-weight: bold;
	margin: .16vw .16vw .16vw 0;
	padding: .1vw;
	display: block;
	text-decoration: none;
	color: white;
	font-size: .7vw;
}
nav ul.top-navig-menu > div.section-menu > a.link{
	display: block;
	text-decoration: none;
	font-weight: 300;
	color: white;
	margin: .05vw;
  padding: .1vw;
  font-size: .7vw;
}
nav ul.top-navig-menu > div.section-menu > a.button{
	display: block;
	text-decoration: none;
	color: white;
	padding: .25vw;
	border-radius: .78vw;
	border: 1px solid white;
	position: absolute;
	text-align: center;
	width: 3vw;
	left: .5vw;
  bottom: 1vw;
  font-size: .7vw;
}

/* Konfiguracja listy */
nav ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
	background-color: #000941;
	border-radius: 1vw;
  }

nav ul li {
    color: #fff;
    position: relative;
    text-decoration: none;
  transition: opacity 0s, visibility 0.6s ease, ease 0.4s;
  height: 4vw;
  padding: 1.5vw 1vw 1.5vw 1vw;
}
    
nav ul li a {
	font-weight: 600;
	letter-spacing: 0;
	color: #FFFFFF;
  opacity: 1;
	text-decoration: none;
} 

nav ul li.dropdowns:hover,
nav ul li.dropdowns:focus-within {
    background: #0080FF;
    border-top-left-radius: 1vw;
    border-top-right-radius: 1vw;
    height: 4vw;
}

nav li:hover > a > span.triangle-down,
nav li:focus-within > a > span.triangle-down {
	transform: rotate(180deg);
	transition: transform 0.4s ease;
}
  
nav ul li ul.top-navig-menu {
	visibility: hidden;
	opacity: 0;
	border-radius: 0 1vw 1vw 1vw;
	position: absolute;
  background-color: #0080FF;
  width: max-content;
  max-width: 70vw;
	top: 4vw;
	left: 0;
	z-index: 1;
	transition: opacity 0s, visibility 0.6s ease, ease 0.4s;
}

nav ul li:hover > ul,
nav ul li:focus-within > ul,
nav ul li ul:hover,
nav ul li ul:focus {
    visibility: visible;
    opacity: 1;
    display: block;
}





.boss-container {
    padding-top: 6.5vw;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
}



.pictures{
     overflow-y: auto;
     height: 67.6vw;
position: relative;
padding-left: .2vw;
padding-top: .2vw;
display: block;
 }



.boss-thumb img{
    width: 12.92vw;
    height: 11.04vw;
    object-fit: scale-down;
    margin-bottom: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #0080FF59;
border-radius: 1vw;
opacity: 1;
display: block;
 }

 .boss-thumb img:hover {
    border: 2px solid #0080FF;
 }

 .pictures input {
  display: none;
  }
  
  #picture1, #picture2, #picture3, #picture4, #picture5, #picture6, #picture7, #picture8, #picture9, #picture10, #picture11, #picture12, #picture13, #picture14, #picture15, #picture16, #picture17, #picture18, #picture19, #picture20, #picture21, #picture22, #picture23, #picture24, #picture25, #picture26, #picture27, #picture28, #picture29, #picture30 {
    display: none;
  } 
  
  #pic1:checked ~ #picture1,
  #pic2:checked ~ #picture2,
  #pic3:checked ~ #picture3,
  #pic4:checked ~ #picture4,
  #pic5:checked ~ #picture5,
  #pic6:checked ~ #picture6,
  #pic7:checked ~ #picture7,
  #pic8:checked ~ #picture8,
  #pic9:checked ~ #picture9,
  #pic10:checked ~ #picture10,
  #pic11:checked ~ #picture11,
  #pic12:checked ~ #picture12,
  #pic13:checked ~ #picture13,
  #pic14:checked ~ #picture14,
  #pic15:checked ~ #picture15,
  #pic16:checked ~ #picture16,
  #pic17:checked ~ #picture17,
  #pic18:checked ~ #picture18,
  #pic19:checked ~ #picture19,
  #pic20:checked ~ #picture20,
  #pic21:checked ~ #picture21,
  #pic22:checked ~ #picture22,
  #pic23:checked ~ #picture23,
  #pic24:checked ~ #picture24,
  #pic25:checked ~ #picture25,
  #pic26:checked ~ #picture26,
  #pic27:checked ~ #picture27,
  #pic28:checked ~ #picture28,
  #pic29:checked ~ #picture29,
  #pic30:checked ~ #picture30 {
    display: block;
  }
  
 .boss-mainpic img {
    width: 78vw;
    height: 67vw;
    object-fit: scale-down;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #0080FF59;
    border-radius: 2vw;
opacity: 1;
position: absolute;
left: 16vw;
top: .2vw;
 }

 .boss-description {
   width: 100%;
   height: 67.6vw;
 }

.desc-heading {
    margin: 0;
    height: 10vw;
    text-align: left;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 4vw;
letter-spacing: 0;
color: #0080FF;
opacity: 1;
}

.desc-paragraf {
    margin: 0;
    height: 20.24vw;
    text-align: left;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 1.8vw;
letter-spacing: 0;
color: #000000;
opacity: 1;
}

.info-container {
  display: flex;
}

.info1 {
    display: inline-block;
    width: 46vw;
    height: 37.36vw;
    background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #0080FF40;
border-radius: 1vw;
opacity: 1;
}
.info1 p {
  margin: 0;
  text-align: left;
  font-family: 'Montserrat';
  font-weight: 400;
  font-size: 1.8vw;
letter-spacing: 0;
color: #000000;
opacity: 1;
}

.info1-top{
  display: flex;
  width: 100%;
  height: 9.76vw;
  padding-left: 1vw;
  padding-right: 1vw;
  border-bottom: 1px solid #d3d3d3;
}
.info1-bottom{
  padding-left: 1vw;
  padding-right: 1vw;
}
.info1-bottom1 {
  display: flex;
  width: 100%;
  height: 9.2vw;
  border-bottom: 1px solid #d3d3d3;
}
.info1-bottom2 {
  display: flex;
  width: 100%;
  height: 9.2vw;
}
.info1-bottompic {
  display: inline-block;
  width: 10vw;
  font-size: 4vw;
  margin: auto;
  text-align: center;
}

.info1-bottompic img {
  max-width: 70%;
}
.info1-bottomtext {
  display: inline-block;
  width: 100%;
margin-top: auto;
margin-bottom: auto;
}
.one-third{
  width: 33.33%;
  margin: auto;
  text-align: center;
}

.one-third img {
  max-width: 100%;
}
.info2 {
  display: inline-block;
  width: 46vw;
  height: 37.36vw;
  padding-left: 3vw;
}
.info2-top {
  width: 100%;
  height: 6vw;
  padding-top: 2vw;
  
}
.info2-top p {
  margin: 0;
  text-align: left;
  font-family: 'Montserrat';
  font-weight: 800;
  font-size: 1.8vw;
letter-spacing: 0;
color: #000000;
opacity: 1;
}
.info2-bottom {
  width: 100%;
  height: 31.36vw;
  display: block;
}
.info2-row {
  display: flex;
  height: 10.44vw;
}
.info2-wbox-row{
  display: flex;
  width: 100%;
  
  justify-content:space-between;
}
.info2-wbox{
  bottom: 0;
  background-color: #FFFFFF;
  width: 12.92vw;
  height: 7.34vw;
  border-radius: 1vw;
  box-shadow: 0px 3px 6px #00000029;
  overflow: hidden;
}
.info2-wbox1{
  bottom: 0;
  width: 12.92vw;
  height: 7.34vw;
  
}

.info2-wbox img{
  object-fit: scale-down;
  max-width: 100%;
}

.tabinator {
  font-family: 'Montserrat';
  color:#000000;
  font-weight: 400;
  margin-top: 2vw;
}

.tabinator input {
  display: none;
  
}
.tab-spacer {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  width: 1.5vw;
  height: 4.5vw;
  margin-bottom: 0px;
}
.tabinator label {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  padding-top: 2vw;
  text-align: center;
  width: 18vw;
  height: 9vw;
  background-color: #E3EDF9;
  color: #000000;
  border-radius: 1vw 1vw 0 0;
  font-size: 4vw;
  margin-left: -1px;
  margin-bottom: 0px;
}
.tabinator input:checked + label:before {
  content:'';
  display:block;
  width:100%;
  height:15px;
  background-color:#fff;
  position:absolute;
  bottom:-11px;
  left:0;
    
}
.tabinator label:hover {
  color: #888;
  cursor: pointer;
}
.tabinator input:checked + label {
  position: relative;
  color: #0080FF;
  background: #FFFFFF;
  border: 1px solid #0080FF;
  border-bottom: 1px solid #FFFFFF;
  border-radius: 1vw 1vw 0 0;
  height: calc(9vw + 1px);
}
.tabinator input:checked + label:after {
  display: block;
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  
}
#content1, #content2, #content3, #content4, #content5 {
  display: none;
  border-top: 1px solid #0080FF;
  background: #FFFFFF;
  padding: 15px;
}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
  display: block;
}
.tab-labelb {
  display: none;
}
.content-container {
  padding-top: 3vw;
  padding-bottom: 3vw;
  width: 100%;
  max-width: 100%;
  overflow-x: scroll;
}
.tblv {
  width: 100%;
  min-width: 35vw;
  margin-right: auto;
  margin-left: auto;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: calc(.5rem + .5vw);
  table-layout:fixed;
}
.tblv tr:nth-child(odd) {
  background-color: rgb(0,128,255,0.1)
}
.tblv tr td {
  padding-left: .5vw;
  padding-right: .5vw;
  padding-top: .3vw;
  padding-bottom: .3vw;
}
.tblv tr td:nth-child(odd) {
  text-align: right;
  color: #505050;
}
.tblh tr:nth-child(even) {
  background-color: rgb(0,128,255,0.1)
}
.tblh{
  width: 100%;
  
}

.tblh tr td {
  text-align: center;
  padding-left: .5vw;
  padding-right: .5vw;
  padding-top: .3vw;
  padding-bottom: .3vw;

  white-space: nowrap;
}

.bottom-container{
border-top: 1px solid rgb(112,112,112,0.28);
background-color: #FFFFFF;
}


.boss-footer h1 {
  margin: 0;
  font-family: 'Montserrat';
  font-weight: 400;
  font-size: calc(.5rem + 1.5vw);
letter-spacing: 0;
color: #FFFFFF;
opacity: 1;
}
.desc-paragraf1 {
  margin-top: 1vw;
  margin-bottom: 2vw;
  text-align: center;
  font-family: 'Montserrat';
  font-weight: 400;
  font-size: .9vw;
letter-spacing: 0;
color: #000000;
opacity: 1;
}
.desc-heading1 {
  margin-top: 3vw;
  margin-bottom: 1vw;
  text-align: center;
  font-family: 'Montserrat';
  font-weight: 400;
  font-size: 2vw;
letter-spacing: 0;
color: #0080FF;
opacity: 1;
}
.boss-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #DCDCDC;
  border-radius: 1vw;
}
.pic-tmb {
  margin: -1px;
  height: 29.4vw;
  padding: 1vw;
}
.pic-tmb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: scale-down;
}
.pic-rest {
  height: 29.4vw;
  padding: 3vw;
}
.pic-name{
  margin: 0;
  text-align: left;
  font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 2.2vw;
  font-weight: 900;
  letter-spacing: 0;
  color: #000941;
  opacity: 1;
  height: 8vw;
  border-bottom: 1px solid #DCDCDC;
}
.pic-price{
  margin: 0;
  padding-top: 2vw;
  text-align: left;
  font-family: 'Montserrat';
  font-size: 5vw;
  font-weight: 700;
  letter-spacing: 0;
  color: #000941;
  opacity: 1;
  height: 10vw;
}
.boss-btn {
  display: block;
  height: 5.4vw;
  padding-top: 1.8vw;
  text-align: center;
  background: #0080FF 0% 0% no-repeat padding-box;
  text-decoration: none;
  color: #FFFFFF;
  font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.6vw;
  font-weight: 900;
border-radius: 10vw;
opacity: 1;
box-shadow: 0px 3px 6px #00000029;
}
    .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      
      .col-2, .col-6, .col-10, .col-12,
      .col-md-3, .col-md-6 {
        position: relative;
        width: 100%;
      }

      .col-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
      }

      .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
      }

      .col-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
      }
      
      .col-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
      }
            
      @media (min-width: 768px) {
        .boss-nav-top {
          display: block;
        }
        .pictures{
          height: 34.5vw;
      }
     
     .boss-thumb img {
         width: 6.46vw;
         height: 5.52vw;
      }
      .boss-mainpic img {
         width: 39vw;
         height: 33.8vw;
         left: 8vw;
top: .2vw;
      }
      .boss-description {
        padding-left: 2vw;
        height: 33.8vw;
      }
     
     .desc-heading {
         height: 5vw;
         font-size: 2vw;
     }
     
     .desc-paragraf {
         height: 10.12vw;
         font-size: .9vw;
     }
     .info1 {
         width: 23vw;
         height: 18.68vw;
     }
     .info1 p {
       font-size: .9vw;
     }
     
     .info1-top{
       height: 4.88vw;
       padding-left: .5vw;
       padding-right: .5vw;
     }
     .info1-bottom{
       padding-left: .5vw;
       padding-right: .5vw;
     }
     .info1-bottom1 {
       height: 4.6vw;
     }
     .info1-bottom2 {
       height: 4.6vw;
     }
     .info1-bottompic {
       width: 5vw;
       font-size: 2vw;
     }
     .info2 {
       width: 23vw;
       height: 18.68vw;
       padding-left: 1.5vw;
     }
     .info2-top {
       height: 3vw;
       padding-top: 1vw;
       
     }
     .info2-top p {
       font-size: .9vw;
     }
     .info2-bottom {
       height: 15.68vw;
     }
     .info2-row {
       height: 5.22vw;
     }
     .info2-wbox{
       width: 6.46vw;
       height: 3.67vw;
     }
     .info2-wbox1{
      width: 6.46vw;
      height: 3.67vw;
    }

.tabinator label {
  padding-top: 2vw;
  width: 14.7vw;
  height: 4.5vw;
  font-size: .9vw;
}
.tabinator input:checked + label {
  height: calc(4.5vw + 1px);
}
.tab-labela {
  display: none;
}
.tab-labelb {
  display: inline-block;
}
.tblv {
  width: 50%;
}
.pic-tmb {
  height: 14.7vw;
}
.pic-rest {
  height: 14.7vw;
  padding: 1.5vw;
}
.pic-name{
  font-size: 1.1vw;
  height: 4vw;
}
.pic-price{
  padding-top: 1vw;
  font-size: 2.5vw;
  height: 5vw;
}
.boss-btn {
  height: 2.7vw;
  padding-top: .9vw;
  font-size: .8vw;
border-radius: 5vw;
}

        .col-md-3 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%;
        }
        .col-md-6 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
        }
     
 
      }