.bg-uzsklanda{
  background-image:url('/site/templates/bg2.jpg');

  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

* {
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}


.justify-content-evenly{
  justify-content:space-evenly;
}

.close{
  visibility:hidden!important;
}

.carousel-item img{
  object-fit:contain;
  height:70vh;
}

.vh-100{
  height:100vh;
}

.carousel-control-next, .carousel-control-prev{
  opacity:1!important;
}

.carousel-control-prev-icon ,.carousel-control-next-icon{
  background-color:var(--main-color)!important;
  padding:20px;
  border-radius:50%;
}

body a:hover{
  text-decoration:none;
}

.rounded-circle{
  overflow:hidden!important;
  position:relative;
}

body {
  background: url(/site/assets/img/mokykla6.jpg);
  height: 100vh;
  background-size: cover;
  color: var(--font-color) !important;
  background-repeat: no-repeat;
  overflow: hidden;
}

#overlay-sleep {
  width: 100vw;
  height: 100vh;
  position: absolute;
  background: linear-gradient(0deg, rgba(2, 2, 2, 0.876), rgba(0, 0, 0, 0.534)),
    url(/site/assets/img/mokykla6.jpg);
  z-index: 9;
}

#overlay-sleep .logoStyle{
  filter: brightness(0) invert(1);
  width:4vw;
}

#overlay-sleep.inactive {
  display: block !important;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
}

.languages {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
  width: 30%;
  font-size: 80%;
}

.languages li {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.languages a {
  padding: 0 0.5em;
  border: none;
  display: inline;
  border-left: 1px solid #ccc;
}
.languages li.current a {
  font-weight: bold;
}
.languages li:first-child a {
  border: none;
  padding-left: 0;
}

.logoStyle {
  object-fit: contain;
  width: 12vw;
}

.laikrodis h3,
.diena {
  font-size: 1.2vw;
}



.inline-YTPlayer {
  margin: 0 auto !important;
}

.mb_OnlyYT.ytpicon {
  display:none!important;
}

body .modal-xll {
  max-width: var(--main-width);
}

.boxai {
  background: var(--box-color);
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}

.circlesize {
  width: 15vw;
  height: 15vw;
}

.boxai:active {
  opacity: 0.9;
  transform: translateY(10px);
  transition: 0.2s;
}

.boxai.noanim:active {
  transform: none;
  opacity: 1;
}

/*.an {*/
/*	padding: 20px;*/
/*	margin:5px;*/
/*	!*-webkit-animation: beat 1s ease-in-out backwards;*!*/
/*	!*animation: beat 1s ease-in-out backwards;*!*/
/*}*/
.an {
  position: relative;
  display: inline-block;
}

.an a {
  color: #3d403b;
  font-size: 36px;
  text-align: center;
  text-decoration: none;
  background-color: #f8f9fad6;
  /*display:block;*/
  position: relative;
  /*padding:20px 40px;*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-shadow: 0px 1px 0px #000;
  filter: dropshadow(color=#000, offx=0px, offy=1px);
  -webkit-box-shadow: inset 0 1px 0 #ffe5c4, 0 10px 0 #915100;
  -moz-box-shadow: inset 0 1px 0 #ffe5c4, 0 10px 0 #915100;
  box-shadow: inset 0 1px 0 #ffe5c4, 0 10px 0 #915100;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.an a:active {
  top: 10px;
  background-color: #f78900;
  -webkit-box-shadow: inset 0 1px 0 #ffe5c4, inset 0 -3px 0 #915100;
  -moz-box-shadow: inset 0 1px 0 #ffe5c4, inset 0 -3pxpx 0 #915100;
  box-shadow: inset 0 1px 0 #ffe5c4, inset 0 -3px 0 #915100;
}

.data {
  color: #f4f4f4 !important;
  text-shadow: 2px 2px #1a1c20;
}

.lygiavimas h3 {
  font-weight: bold;
  padding-bottom: 3rem;
  font-size: 75px;
}

#main {
  clear: both;
}

.wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.wrapper > div {
  flex: 1 1 30%;
  /*padding: 1rem;*/
}
.wrapper .klasesVadovai {
  flex: 1 1 20% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.administracija {
  padding: 0 !important;
  margin: 0.5rem;
  /*background: #f8f9fad6  !important;*/
  background: rgb(26, 28, 32, 0.9) !important;
  text-align: center;
}

.align_left {
  /* for images placed in rich text editor */
  float: left;
  margin: 0 1em 0.5em 0;
  position: relative;
  top: 0.5em;
  max-width: 50%;
}

.align_right {
  /* for images placed in rich text editor */
  float: right;
  margin: 0 0 0.5em 1em;
  max-width: 50%;
}

.align_center {
  /* for images placed in rich text editor */
  display: block;
  margin: 1em auto;
  position: relative;
  top: 0.5em;
}

figure {
  display: table;
  width: 1px;
  margin: 1em 0;
}

figure img {
  display: table-row;
  margin-bottom: 0.5em;
}

figure figcaption {
  display: table-row;
  font-size: smaller;
  color: #777;
  line-height: 1.4em;
}

.main-content-basic p {
  font-size: 0.8vw;
}

.main-content-basic h3 {
  font-size: 1vw;
}

.main-content-basic h2 {
  font-size: 1.2vw;
}

.carousel-caption {
  left: 0 !important;
  bottom: 0 !important;
  background-color: rgba(0, 0, 0, 0.521);
  width: 100%;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  white-space: nowrap;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
}

/* Show bypass link on hover */

.element-focusable:focus {
  clip: auto;
  overflow: visible;
  height: auto;
}

/* Sample styling for bypass link */

.bypass-to-main:focus {
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #333;
  color: #fff;
}

.atgal {
  position: absolute;
  top: 1rem;
  padding: 1rem 2rem !important;
  z-index: 99999;
}
.back {
  box-shadow: 8px 0px 14px -12px #000!important;
  position:fixed!important;
  left:0;
  height:100vh;
  width: 6%!important;
  background-color: var(--main-color)!important;
  filter: brightness(1.1)!important;
  float: left;
  z-index: 999;
  font-size: 6rem !important;
  color: var(--font-color) !important;
  text-shadow: 2px 2px #1a1c20;
}
.pasiekimai{
  margin-top:4vh;
}

@media(min-height:2000px){
  .pasiekimai{
    margin-top:15vh;
  }
}



.page-header-title {
  flex: 1;
  align-self: center;
  justify-content: center;
  display: flex;
  padding: 20px 0px;
}

.back:active{
  opacity:0.7;
}

:root {
  --main-color: rgb(0, 134, 255) !important;
  --box-color: rgb(0, 134, 255, 0.9) !important;
  --font-color: #f4f4f4 !important; /*f4f4f4 */
  --main-width: 1500px!important;
}

body .bg-garliava {
  background-color: var(--main-color);
}

body .accordion-button.btn-garliava.bg-garliava:not(.collapsed) {
  background-color: var(--main-color);
  color: var(--font-color);
}
body .text-garliava {
  color: var(--main-color);
}

.pamoku-laikas li {
  list-style-type: none;
  font-size: 1vw;
}

.pamoku-laikas ul {
  margin-left: 0;
  padding: 0;
}

.pamoku-laikas h2 {
  font-size: 1.2vw;
}

body .btn-garliava {
  background-color: var(--main-color);
  color: var(--font-color);
  outline: none;
}

.garliava .btn-close,
.accordion-button.btn-garliava.bg-garliava:after {
  opacity: 1;
  filter: brightness(0) invert(1);
}

.modal {
  overflow-y: hidden !important;
}

h1 {
  margin-top: 1rem !important;
}
.pamoku_laikas a:hover {
  color: #cf9a3e !important;
}
.sarasas {
  padding: 6.5rem;
  font-size: 3rem;
  color: #f4f4f4 !important;
}
.dezutes a {
  /*background: rgb(182,224,148,0.4) !important;*/
  text-align: center;
  text-decoration: none !important;
  color: #242d1e !important;
}
.dezutes {
  margin: 1rem;
  font-size: 45px;
  width: 100%;
  /*background-color: #f8f9fad6;*/
  background: rgb(26, 28, 32, 0.9) !important;

  position: relative;
  /*padding:20px 40px;*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-shadow: 0px 1px 0px #000;
  filter: dropshadow(color=#000, offx=0px, offy=1px);
  -webkit-box-shadow: inset 0 1px 0 #ffe5c4, 0 10px 0 #f8f9fad6;
  -moz-box-shadow: inset 0 1px 0 #ffe5c4, 0 10px 0 #f8f9fad6;
  box-shadow: inset 0 1px 0 #ffe5c4, 0 10px 0 #f8f9fad6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.dezutes:active {
  top: 10px;
  background-color: #f8f9fad6;
  -webkit-box-shadow: inset 0 1px 0 #ffe5c4, inset 0 -3px 0 #f8f9fad6;
  -moz-box-shadow: inset 0 1px 0 #ffe5c4, inset 0 -3pxpx 0 #f8f9fad6;
  box-shadow: inset 0 1px 0 #ffe5c4, inset 0 -3px 0 #f8f9fad6;
}

.pdf-size {
  height: 80vh;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.centered_two {
  position: fixed;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.table-wrap {
  height: 75vh;
  overflow-y: auto;
}
.table {
  color: #f4f4f4 !important;
}
.lenteles {
  width: 70% !important;
  /*background: #f8f9fad6  !important;*/
  background: rgb(26, 28, 32) !important;
}
.pagalbos_tel {
  padding: 6rem !important;
  /*background: #f8f9fad6  !important;*/
}
.pagalbos_text {
  width: 100%;
}

.pagalbos-telefonai{
  height: 60vh;
  width: 80vw;
  border-radius:50rem;
}

.r-planas-inner{
  height: 70vh;
  overflow-y:auto;
}

.r-planas{
  width:30vw;
}


.youtube-puslapis{
  margin-top:10vh;
}

.pagalbos-telefonai h2 {
  font-size: 1.5vw;
}
.pagalbos-telefonai h4 {
  font-size: 1vw;
}

.lenteles::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  background-color: #f5f5f5;
}

.lenteles::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}

.lenteles::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #a1a4a7;
}

.kazkas {
  flex: 1 1 25% !important;
  /*background: #f8f9fad6  !important;*/
  background: rgb(26, 28, 32, 0.9) !important;
  margin: 5px;
  padding: 5px;
  text-align: center;
  border-radius: 15px;
}
/*.klasesVadovai a {*/
/*	color: black;*/
/*	text-decoration: none!important;*/
/*	font-size: 26px;*/
/*}*/

.klasesVadovai {
  position: relative;
  display: inline-block;
}

.klasesVadovai a {
  /*color: #3d403b;*/
  color: #f4f4f4 !important;

  font-size: 36px;
  text-decoration: none;
  /*background-color: #f8f9fad6 ;*/
  background: rgb(26, 28, 32, 0.8) !important;

  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-shadow: 0px 1px 0px #000;
  filter: dropshadow(color=#000, offx=0px, offy=1px);
  /*-webkit-box-shadow: inset 0 1px 0 #ffe5c4, 0 10px 0 #75c476;*/
  /*-moz-box-shadow: inset 0 1px 0 #FFE5C4, 0 10px 0 #915100;*/
  /*box-shadow: inset 0 1px 0 #ffe5c4, 0 10px 0 #67ba6d;*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 100%;
  width: 103%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.klasesVadovai a:active {
  top: 10px;
  background-color: #cf9a3e;
  color: black;
  /*-webkit-box-shadow:inset 0 1px 0 #FFE5C4, inset 0 -3px 0 #67ba6d;*/
  /*-moz-box-shadow:inset 0 1px 0 #FFE5C4, inset 0 -3pxpx 0 #67ba6d;*/
  /*box-shadow:inset 0 1px 0 #FFE5C4, inset 0 -3px 0 #67ba6d;*/
}
.klasesVadovai a:hover {
  color: #cf9a3e;
  text-decoration: none;
}

.h1,
h1 {
  font-size: 4rem !important;
  text-shadow: 2px 2px #1a1c20;
}

.pagr a {
  color: #f4f4f4 !important;
  text-decoration: none;
  font-size: 2vw;
}

#scroll-container {
  border-radius: 5px;
  overflow: hidden;
  width: 30vw;
}

#scroll-text {
  /* animation properties */
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  font-size: 0.5vw;

  -moz-animation: my-animation 15s linear infinite;
  -webkit-animation: my-animation 15s linear infinite;
  animation: my-animation 15s linear infinite;
}

/* for Firefox */
@-moz-keyframes my-animation {
  from {
    -moz-transform: translateX(100%);
  }
  to {
    -moz-transform: translateX(-100%);
  }
}

/* for Chrome */
@-webkit-keyframes my-animation {
  from {
    -webkit-transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
  }
}

@keyframes my-animation {
  from {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

#P1 {
  width: 65vw !important;
  background-size: contain !important;
  background-attachment: inherit !important;
}

.changeVideoBtn {
  font-size: 0.5vw !important;
  flex: 0 0 10vw;
  margin-right:10px;
}

.videoPicker {
  overflow-x: auto;
  max-width: var(--main-width);
}

@media (max-width: 2000px) {
  .circlesize {
    width: 15vw;
    height: 15vw;
  }
  .pagr a {
    font-size: 1.2vw;
  }

  #P1 {
    width: 50vw !important;
  }
}