body {color: #030a3e;}

a {color: #58ace9;}

.nav-link:focus, .nav-link:hover {
    color: #fff;
}

#hlavicka {
	background: url(img/pozadi.jpg) no-repeat top right;	/*50% 50%*/
	background-size: cover; 
	color: #fff;
}

#horniNavigace a {font-weight: 500; color: #030a3e; font-size: 0.875rem; border-bottom: 1px solid transparent; transition: 0.5s border-bottom;}
#horniNavigace a:hover {border-bottom: 1px solid #030a3e;}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(3, 10, 62, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-toggler {border: none;}
.navbar-toggler:focus {outline: none; box-shadow: none;}
li.nav-item.ikony a.nav-link { display: inline-block; }
@media (max-width: 767.9px) {
  .navbar ul {background: rgba(255, 255, 255, 0.2); padding-left: 10px; padding-right: 10px;}
}




#produkty { background: #f8f8f8; padding-bottom: 80px; }
#produkty .kartaProduktNew {
	background: #fff; 
	text-align: center; 
	margin-top: -20px; 
	text-align: right;
	position: relative;	/* kvůli stretched link: */

	/*transition: 0.5s background;*/

	/*padding: 10px 30px;*/
	/*
	background: linear-gradient(130deg, var(--bs-white) 0%, rgb(237 243 249) 100%);
	background: linear-gradient(329deg, rgba(217, 217, 217, 1) 0%, rgba(189, 189, 252, 1) 35%, rgba(189, 242, 252, 1) 100%);
	*/
	overflow: hidden;
}
#produkty .kartaProdukt h2 {font-weight: 900; text-transform: uppercase; font-size: 1.9rem;}
#produkty .kartaProdukt h3 {text-transform: uppercase; font-weight: normal; font-size: 1rem;}
#produkty .kartaProdukt .lead {color: #256ba7; text-transform: uppercase;}
/*#produkty .kartaProdukt:hover {background: #fefbfe;}*/

#produkty .kartaProdukt img {transition: 0.5s transform;}
#produkty .kartaProdukt:hover img {transform: scale(1.1);}

@media (max-width: 991.98px) { 
	#produkty .kartaProdukt.kartaProduktDruhy {
		margin-top: 30px;
	}
}


.nav-link {color: #fff;}

hr {color: #0059a3;}

.fa-gradient {
	background: -webkit-gradient(linear, left top, left bottom, from(#65ace9), to(#0059a3));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 900 !important;
}

.text-gradient {
	background: -webkit-linear-gradient(45deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
	/*background: -webkit-linear-gradient(45deg, #030a3e 20%, rgba(131, 58, 180, 1) 40%, rgba(253, 29, 29, 1) 66%, rgba(252, 176, 69, 1) 90%);*/
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	text-transform: uppercase;
  	display: inline-block;
}

/*
.bgWaveTmaveModra {margin-top: -1px; background: #030a3e; color: #fff; border-bottom-left-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important;}
.bgWaveTmaveModra small, .bgWaveTmaveModra a small {text-transform: uppercase; color: #65ace9; } 
.bgWaveTmaveModra strong {font-size: 1.2rem;}
*/
.bgWaveTmaveModra {background: #010427; color: #fff; border-radius: 30px;}
.bgWaveTmaveModra small, .bgWaveTmaveModra a small {text-transform: uppercase; color: #7a8ce4; } 
.bgWaveTmaveModra strong {font-size: 1.2rem; font-weight: 600;}
.bgWaveTmaveModra i {color: #7a8ce4;}
.bgWaveTmaveModra a.aKontakt {color: #fff; font-weight: 600; text-decoration: none; font-size: 1.2rem;}

@media (max-width: 991.98px) { 
	img#imgTPS2000 {width: 100%; height: auto;}
}


#argumenty { background: #f8f8f8;}
@media (max-width: 767.98px) { 
	#argumenty i {font-size: 3rem;}
}

#titanPowerStorage2000 li {	margin-bottom: 1.3rem;}
#titanPowerStorage2000 li strong {display: block;}


#nam {
  background: #e7e8f1;
  /* fialkova       background: #e4e7fd; */
  /* tmave modra    background: #01052a; color: #fff; */
  /* motiv          background: #01052a url(img/pozadi-1.jpg) no-repeat; background-size: 100% auto;*/
}
/*
#nam ul {list-style: none;}
#nam li {margin-bottom: 1.3rem; text-align: center;}
*/
/*#nam li:nth-child(odd) {color: #6ebcff;}*/
#nam .row div.p-3 {/*background: #050b3f;*/ background: rgba(0,0,0,0.7); color: rgba(255, 255, 255, 0.9); border-radius: 10px;}

#parametry { background: #f8f8f8;}
.tenkyModryNadpis, h2.tenkyModryNadpis, h3.tenkyModryNadpis {color: #256ba7; font-weight: normal; text-transform: uppercase;}
/*#parametry table {background: #f8f8f8;}*/


#parametry table tr {background: #fff; border-bottom: 2px solid #f8f8f8;}
#parametry td, #parametry th {padding: 5px 10px;}
#parametry tr.nadpis {border-bottom: 1px solid #58ace9;}
#parametry tr.nadpis th {background: #f8f8f8; color: #58ace9; text-transform: uppercase; font-weight: normal; padding-top: 2rem;}

#parametry table.tps300 {border-top: 4px solid #fff;}
#parametry table.tps300 tr {border-bottom: 4px solid #f8f8f8;}
#parametry table.tps300 td {text-align: center; border-right: 4px solid #f8f8f8; font-size: 0.9rem; padding: 10px 15px;}
#parametry table.tps300 th {border-right: 4px solid #f8f8f8; font-size: 0.9rem; padding: 10px 15px;}
#parametry table.tps300 tr.nadpis th {border-right: 4px solid #fff; font-size: 1.1rem;}



.btn-primary {background: #030a3e; text-transform: uppercase; border: none; letter-spacing: 1px; border-radius: 0; padding: 0.5rem 2rem;}
.btn-primary:hover {background: #0059a3;}

.btn-outline-primary {
    border-radius: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
    color: #1c2662;
    border-color: #1c2662;
}

.btn-outline-secondary {
    border-radius: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
    color: #d7dcfa;  /* 7a8ce4 */
    border-color: #d7dcfa;
    
}
.btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus {color: #030a3e; border-color: #7a8ce4; background-color: #7a8ce4;}

#kontakt {background: #030a3e; color: #fff;}
/*#kontakt a {font-size: 1.4rem; font-weight: bold; text-decoration: none; color: #fff;}*/
#kontakt i {font-size: 1.2rem;}

#paticka {background: #fff; font-size: 0.9rem;}
#paticka a {color: #030a3e; text-decoration: none;}
#paticka a:hover {text-decoration: underline;}


/* --- NAM --- */
section#namFeatures {height: 90vh; min-height: 60rem; position: relative;}
img#namImg {
  width: 50%; 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/* ------------------- CIRCLES ------------------- */
/* https://css-tricks.com/using-css-to-set-text-inside-a-circle/ */

.quote-wrapper {
  width: 200px;
  height: 200px;
  /*position: relative;*/
  position: absolute;
  /*margin: 10vh auto 0;*/ /*OPTIONAL MARGIN*/
  
}
.quote-wrapper#namFeature1 {top: 10%; left: 20%; width: 100px; height: 100px;}


#namFeatures .text {
  width: 100%;
  height: 100%;
  background: radial-gradient(
    ellipse at center,
    rgba(3, 10, 62, 1) 0%,
    rgba(3, 10, 62, 1) 70%,
    rgba(3, 10, 62, 0) 70.3%
  );
  position: relative;
  margin: 0;
  color: white;
}
#namFeatures .text::nth-child(odd) {
  background: radial-gradient(
    ellipse at center,
    rgba(12, 22, 93, 1) 0%,
    rgba(12, 22, 93, 1) 70%,
    rgba(12, 22, 93, 0) 70.3%
  );
}

.text p {
  height: 100%;
  font-size: 18px;
  line-height: 1.5;
  padding: 0;
  text-align: center;
  text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.3);
  font-weight: 400;
}

.text::before {
  content: "";
  width: 50%;
  height: 100%;
  float: left;
  shape-outside: polygon(
    0 0,
    98% 0,
    50% 6%,
    23.4% 17.3%,
    6% 32.6%,
    0 50%,
    6% 65.6%,
    23.4% 82.7%,
    50% 94%,
    98% 100%,
    0 100%
  );
  shape-margin: 7%;
}

.text p::before {
  content: "";
  width: 50%;
  height: 100%;
  float: right;
  shape-outside: polygon(
    2% 0%,
    100% 0%,
    100% 100%,
    2% 100%,
    50% 94%,
    76.6% 82.7%,
    94% 65.6%,
    100% 50%,
    94% 32.6%,
    76.6% 17.3%,
    50% 6%
  );
  shape-margin: 7%;
}

.quote-wrapper::before {
  /*
  content: "\201C";
  font-size: 270px;
  */
  content: "1";
  font-size: 100px;
  font-weight: bold;
  height: 40px;
  width: 40px;
  line-height: 40px;
  position: absolute;
  top: 45%;
  left: 45%;
  z-index: 1;
  /*font-family: sans-serif, serif;*/
  color: #fff;
  opacity: 0.15;
  /*
  background: #fff;
  border-radius: 50%;
  
  */
  text-align: center;
}

/*@media (min-width: 1200px) {*/
  .quote-wrapper {
    width: 250px;
    height: 250px;
  }
  
  .quote-wrapper#namFeature1 {top: 10%; left: 20%; width: 150px; height: 150px;}
  .quote-wrapper#namFeature1::before {content: "1"; font-size: 120px;}
  .quote-wrapper#namFeature1 .text p {line-height: 1.7;}
  
  .quote-wrapper#namFeature2 {top: 10%; left: 40%; width: 220px; height: 220px;}
  .quote-wrapper#namFeature2::before {content: "2"; font-size: 160px;}
  .quote-wrapper#namFeature2 .text p {line-height: 1.6;}

  .quote-wrapper#namFeature3 {top: 25%; left: 5%; width: 240px; height: 240px;}
  .quote-wrapper#namFeature3::before {content: "4"; font-size: 200px;}
  .quote-wrapper#namFeature3 .text p {line-height: 1.5;}

  .quote-wrapper#namFeature4 {top: 5%; right: 25%; width: 160px; height: 160px;}
  .quote-wrapper#namFeature4::before {content: "3"; font-size: 120px;}
  .quote-wrapper#namFeature4 .text p {line-height: 1.7;}

  .quote-wrapper#namFeature5 {top: 20%; right: 5%; width: 290px; height: 290px;}
  .quote-wrapper#namFeature5::before {content: "5"; font-size: 240px;}
  .quote-wrapper#namFeature5 .text p {line-height: 1.6;}

  .quote-wrapper#namFeature6 {bottom: 15%; left: 7%; width: 340px; height: 340px;}
  .quote-wrapper#namFeature6::before {content: "6"; font-size: 280px;}
  .quote-wrapper#namFeature6 .text p {line-height: 1.3;}

  .quote-wrapper#namFeature7 {bottom: 20%; left: 37%; width: 180px; height: 180px;}
  .quote-wrapper#namFeature7::before {content: "7"; font-size: 150px;}
  .quote-wrapper#namFeature7 .text p {line-height: 1.6;}

  .quote-wrapper#namFeature8 {bottom: 10%; right: 23%; width: 270px; height: 270px;}
  .quote-wrapper#namFeature8::before {content: "8"; font-size: 220px;}
  .quote-wrapper#namFeature8 .text p {line-height: 1.8;}

  .quote-wrapper#namFeature9 {bottom: 32%; right: 10%; width: 160px; height: 160px;}
  .quote-wrapper#namFeature9::before {content: "9"; font-size: 120px;}
  .quote-wrapper#namFeature9 .text p {line-height: 1.7;}

  .quote-wrapper::before {
    font-size: 100px;
  }

  .text p {
    /*font-size: 26px;*/
  }
/*}*/

@media (max-width: 1200px) {
  .quote-wrapper .text p {
    line-height: 1;
    font-size: 1rem;
  }  
    
  .quote-wrapper#namFeature1 {top: 10%; left: 20%; width: 130px; height: 130px;}
  .quote-wrapper#namFeature1::before {font-size: 120px;}
  
  .quote-wrapper#namFeature2 {top: 10%; left: 40%; width: 190px; height: 190px;}
  .quote-wrapper#namFeature2::before {font-size: 160px;}

  .quote-wrapper#namFeature3 {top: 25%; left: 5%; width: 200px; height: 200px;}
  .quote-wrapper#namFeature3::before {font-size: 200px;}

  .quote-wrapper#namFeature4 {top: 5%; right: 25%; width: 130px; height: 130px;}
  .quote-wrapper#namFeature4::before {font-size: 120px;}

  .quote-wrapper#namFeature5 {top: 18%; right: 5%; width: 260px; height: 260px;}
  .quote-wrapper#namFeature5::before {font-size: 240px;}

  .quote-wrapper#namFeature6 {bottom: 15%; left: 7%; width: 300px; height: 300px;}
  .quote-wrapper#namFeature6::before {font-size: 280px;}

  .quote-wrapper#namFeature7 {bottom: 23%; left: 40%; width: 160px; height: 160px;}
  .quote-wrapper#namFeature7::before {font-size: 150px;}

  .quote-wrapper#namFeature8 {bottom: 13%; right: 16%; width: 240px; height: 240px;}
  .quote-wrapper#namFeature8::before {font-size: 220px;}

  .quote-wrapper#namFeature9 {bottom: 35%; right: 10%; width: 140px; height: 140px;}
  .quote-wrapper#namFeature9::before {font-size: 120px;}
}


@media (max-width: 992px) {
  .quote-wrapper .text p {
    line-height: 1;
    font-size: 0.9rem;
  }
  .quote-wrapper#namFeature1 {top: 5%; left: 13%; width: 90px; height: 90px;}
  .quote-wrapper#namFeature1::before {font-size: 120px;}
  .quote-wrapper#namFeature1 .text p {line-height: 1;}
  
  .quote-wrapper#namFeature2 {top: 10%; left: 30%; width: 150px; height: 150px;}
  .quote-wrapper#namFeature2::before {font-size: 160px;}
  .quote-wrapper#namFeature2 .text p {line-height: 1;}

  .quote-wrapper#namFeature3 {top: 18%; left: 0%; width: 160px; height: 160px;}
  .quote-wrapper#namFeature3::before {font-size: 200px;}
  .quote-wrapper#namFeature3 .text p {line-height: 1;}

  .quote-wrapper#namFeature4 {top: 7%; right: 28%; width: 100px; height: 100px;}
  .quote-wrapper#namFeature4::before {font-size: 120px;}
  .quote-wrapper#namFeature4 .text p {line-height: 1;}

  .quote-wrapper#namFeature5 {top: 15%; right: 0%; width: 180px; height: 180px;}
  .quote-wrapper#namFeature5::before {font-size: 240px;}
  .quote-wrapper#namFeature5 .text p {line-height: 1;}

  .quote-wrapper#namFeature6 {bottom: 15%; left: 4%; width: 240px; height: 240px;}
  .quote-wrapper#namFeature6::before {font-size: 280px;}
  .quote-wrapper#namFeature6 .text p {line-height: 1;}

  .quote-wrapper#namFeature7 {bottom: 23%; left: 42%; width: 130px; height: 130px;}
  .quote-wrapper#namFeature7::before {font-size: 150px;}
  .quote-wrapper#namFeature7 .text p {line-height: 1;}

  .quote-wrapper#namFeature8 {bottom: 13%; right: 12%; width: 170px; height: 170px;}
  .quote-wrapper#namFeature8::before {font-size: 220px;}
  .quote-wrapper#namFeature8 .text p {line-height: 1;}

  .quote-wrapper#namFeature9 {bottom: 35%; right: 3%; width: 100px; height: 100px;}
  .quote-wrapper#namFeature9::before {font-size: 120px;}
  .quote-wrapper#namFeature9 .text p {line-height: 1;}

  img#namImg {width: 70%;}

}

@media (max-width: 767.9px) {
  .quote-wrapper#namFeature1 {top: 5%; left: 13%; width: 90px; height: 90px;}
  .quote-wrapper#namFeature1::before {font-size: 120px;}
  
  .quote-wrapper#namFeature2 {top: 12%; left: 32%; width: 150px; height: 150px;}
  .quote-wrapper#namFeature2::before {font-size: 160px;}

  .quote-wrapper#namFeature3 {top: 18%; left: 0%; width: 160px; height: 160px;}
  .quote-wrapper#namFeature3::before {font-size: 200px;}

  .quote-wrapper#namFeature4 {top: 10%; right: 19%; width: 100px; height: 100px;}
  .quote-wrapper#namFeature4::before {font-size: 120px;}

  .quote-wrapper#namFeature5 {top: 20%; right: 0%; width: 180px; height: 180px;}
  .quote-wrapper#namFeature5::before {font-size: 240px;}

  .quote-wrapper#namFeature6 {bottom: 10%; left: 0%; width: 240px; height: 240px;}
  .quote-wrapper#namFeature6::before {font-size: 280px;}

  .quote-wrapper#namFeature7 {bottom: 25%; left: 45%; width: 130px; height: 130px;}
  .quote-wrapper#namFeature7::before {font-size: 150px;}

  .quote-wrapper#namFeature8 {bottom: 8%; right: 12%; width: 170px; height: 170px;}
  .quote-wrapper#namFeature8::before {font-size: 220px;}

  .quote-wrapper#namFeature9 {bottom: 30%; right: 0%; width: 100px; height: 100px;}
  .quote-wrapper#namFeature9::before {font-size: 120px;}

  img#namImg {width: 90%;}

}

@media (max-width: 515px) {
  .quote-wrapper#namFeature1 {top: 0%; left: 10%; width: 90px; height: 90px;}
  .quote-wrapper#namFeature1::before {font-size: 120px;}
  
  .quote-wrapper#namFeature2 {top: 2%; left: 47%; width: 150px; height: 150px;}
  .quote-wrapper#namFeature2::before {font-size: 160px;}

  .quote-wrapper#namFeature3 {top: 13%; left: 0%; width: 160px; height: 160px;}
  .quote-wrapper#namFeature3::before {font-size: 200px;}

  .quote-wrapper#namFeature4 {top: 17%; right: 5%; width: 100px; height: 100px;}
  .quote-wrapper#namFeature4::before {font-size: 120px;}

  .quote-wrapper#namFeature5 {top: 27%; right: 0%; width: 180px; height: 180px;}
  .quote-wrapper#namFeature5::before {font-size: 240px;}

  .quote-wrapper#namFeature6 {bottom: 24%; left: 0%; width: 240px; height: 240px;}
  .quote-wrapper#namFeature6::before {font-size: 280px;}

  .quote-wrapper#namFeature7 {bottom: 10%; left: 0%; width: 130px; height: 130px;}
  .quote-wrapper#namFeature7::before {font-size: 150px;}

  .quote-wrapper#namFeature8 {bottom: 1%; right: 0%; width: 170px; height: 170px;}
  .quote-wrapper#namFeature8::before {font-size: 220px;}

  .quote-wrapper#namFeature9 {bottom: 18%; right: 0%; width: 100px; height: 100px;}
  .quote-wrapper#namFeature9::before {font-size: 120px;}

  /*img#namImg {width: 100%;}*/
  section#namFeatures {min-height: 70rem;}

  .dlouheSlovo {font-size: 1.7rem; letter-spacing: -1px;}

}
/* ------------------------------------ */


/*  --- REDESIGN ---  */ 
body.montserrat {font-family: Montserrat, sans-serif; font-weight: 300;}

#sHlavni {
  background: url(img/pozadi-main.jpg) no-repeat right top; 
  background-size: cover; 
  /*height: 100vh; overflow: hidden; */
  position: relative; 
  color: #fff;
}
#sHlavniIn {
  background: url(img/pozadi-main.jpg) no-repeat right top; 
  background-size: cover; 
  position: relative; 
  color: #fff;
}
#sHlavni .display-4, #sHlavniIn .display-4 {font-weight: 200;}
#sHlavni h1 span, #sHlavniIn h1 span {font-weight: 600;}
.sipka {min-height: 146px; background: url(img/sipka.png) no-repeat left top; background-size: auto 146px; padding-left: 70px;}
.typewritter {font-size: 1.4rem;}
@media (max-width: 1024.9px) {
  .typewritter {font-size: 1.2rem;}
  #claim h1.display-4 {font-size: 2.9rem;}
}


/* KURZOR A TYPEWRITTER   https://codepen.io/Danielgroen/pen/VeRPOq */
span.kurzor {
  border-right: .05em solid;
  animation: caret 1s steps(1) infinite;
}

@keyframes caret {
  50% {
    border-color: transparent;
  }
}

.kartaProduktNew {position: relative;} /* kvůli stretched link: */
.kartaProduktNew img {transition: 0.5s transform;}
.kartaProduktNew:hover img {transform: scale(1.1);}
.kartaProduktNew h3 {color: #7a8ce4; text-transform: uppercase; font-weight: 400; font-size: 1rem; margin-bottom: 0;}
.kartaProduktNew h2 {font-weight: 600; font-size: 1.8rem; margin-bottom: 0.3rem;}
.kartaProduktNew p {
  display: inline-block;
  background-color: rgba(122,140,228,0.2); 
  clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,5.00% 50.00%);
  padding: 0.2rem 1.5rem 0.2rem 2rem; 
  color: #fff; font-weight: 400; 
  margin-bottom: 0;
}
.kartaProduktNew i {color: #7a8ce4;}
.kartaProduktNew small {color: #7a8ce4;}
.kartaProduktNew strong {font-weight: 600;}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #010427;
    border-color: #010427;
}

#claim a {color: #fff; text-decoration: none;}
#claim a:hover {color: #fff; text-decoration: none;}

.myForm {background: #e7e8f1; padding: 1rem 2rem; border-radius: 30px;}

.breadcrumbs a {color: #7a8ce4;}

.stuha {
  display: inline-block;
  background-color: #010427; 
  clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,5.00% 50.00%);
  padding: 0.5rem 1.5rem 0.5rem 2rem; 
  color: #fff; font-weight: 400; 
  max-width: 28rem;
}

#produktTitulek {background: #f8f8f8;}
#produktTitulek p strong {font-weight: 600;}



@media (max-width: 991.9px) {
  #sHlavni {
    background: #000 url(img/pozadi-portrait-high-2.jpg) no-repeat right top; 
    background-size: 100% auto;
  }
  #sHlavniIn {
    background: #000 url(img/pozadi-portrait-high-2.jpg) no-repeat right top; 
    background-size: cover;
  }

  .sipka {display: none;}
  #claim h1 {margin-top: 30px; /*text-align: center;*/ width: 70%;}

  .kartaProduktNew img#kartaProduktNewImg300 {max-width: 50vw;}
  .kartaProduktNew h2 {font-size: 1.2rem;}
  .kartaProduktNew strong {font-size: 0.9em; font-weight: 500;}
}

@media (max-width: 1400px) {
  .kartaVyhoda h2.display-4 {font-size: 3rem;}
}
@media (max-width: 560px) {
  .kartaVyhoda h2.display-4 {font-size: 2rem;}
  .lead.w-50 {width: 100% !important;}
  .bgWaveTmaveModra a.aKontakt {font-size: 1rem;}
  #claim h1.display-4 {font-size: 2rem; width: 90%; margin-left: 20px;}
}
@media (max-width: 399px) {
  #claim h1.display-4 {font-size: 2rem; width: 100%; margin-left: 20px;}
}