body {
  background: none;
  font-family: 'museo700regular';
  min-height: 100%;
  width: 100%;
}

html {
  height: 100%;
}
@font-face {
  font-family: 'museo700regular';
  src: url('../fonts/museo/museo700regular.eot');
  src: local('museo700regular'), url('../fonts/museo/museo700regular.woff') format('woff'), url('../fonts/museo/museo700regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('../fonts/Lato-Regular.ttf') format("truetype");
}

@font-face {
    font-family: 'Lato-Semibold';
    src: url('../fonts/Lato-Semibold.ttf') format("truetype");
}


.main-title {
  left: 0px;
  top: 50px;
  position: absolute;
  font-size: 32px;
  padding: 30px 110px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #fff;
  font-size: 40px;
  text-transform: uppercase;
  background: #1d0e47;
  font-family: Lato-Semibold;
}

.title {
  right: 0px;
  top: 50px;
  position: absolute;
  font-size: 32px;
  padding: 4px 80px 4px 22px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #fff;
}
.class-1-title {
  background: #171133;
}
.class-2-title {
  top: 120px;
  background: #bec822;
}
.class-3-title {
  top: 190px;
  background: #fb4f4a;
}

.class-4-title {
  top: 260px;
  background: #174e57;
  color:#fff;
}

.class-4-title:hover {
  top: 260px;
  background: #063d46;
  color:#fff;
}
.class-5-title {
  top: 410px;
  padding: 0px !important;
}


/*modal*/
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.0;
filter: alpha(opacity=0);
}
.modal-interactive-whiteboard {
  color: #414142;
  padding: 20px;
  margin-top: 10%;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-color: transparent;
}
.modal-interactive-whiteboard h1 {
  text-align: center;
}

.btn-lg {
  width: 170px;
  height: 68px;
  margin: 3px;
}
.orange {
  background: #013b64;
  border: 1px solid transparent;
}
.blue {
  /*background: #003A65;*/
  border: 1px solid transparent;
}

@media (max-width:1024px) {
  .title {
    padding: 4px 10px;
  }
}

.disable {
  display: none;
}

.normal-cursor {
  cursor: auto !important;
}

.buttons-sidebar {
  right: 0px;
  top: 5%;
  position: absolute;
}
@media (max-width:1280px) {
  .buttons-sidebar {
    display: none;
  }
}
.buttons-sidebar .btn-lg {
  margin: 2px 0;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.question-main {
  background: #FFF0D2;
  padding: 20px 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin: 2px 0;
  font-size: 18px;
  color: #414142;
}
.question-main .question-text {
  /*font-size: 22px;*/
}
@media (max-width: 1024px) {
  .question-main .question-text {
    font-size: 15px;
  }
  .question-main {
    font-size: 15px;
  }
  h3 {
    font-size: 17px;
  }
}
.question-main table {
  width: 100%;
}
.question-main .question-number, .question-main .question-sum {
  display: inline-block;
}

.main-color {
  background: #1d0e47 !important;
  color: #fff;
  border: 1px solid transparent;
  font-family: Lato-Regular;
}

.button-image:hover +.main-color{
  background: #a00058 !important;
  color: #fff;
  border: 1px solid transparent;
}

.second-color {
  background: #a00058 !important;
  color: #fff !important;
  border: 1px solid transparent;
  font-family: Lato-Semibold;
}
.second-color-reverse {
  background: #fff;
  color: #1487c8;
}

.main-color.btn-success:hover {
  background: #171133;
}
.main-color.btn-success.disabled {
  background: #171133;
}

.second-color.btn-success:hover {
  background: #1487c8;
}

.second-color.btn-success.disabled {
  background: #1487c8;
}

.modal-content.modal-interactive-whiteboard .btn-success {
  background: #1487c8;
  border-color: transparent;
}
.third-color {
  background: #FFCE00;
  color: #fff;
  border-color: transparent;
}
.third-color:hover {
  background: #FFCE00;
}

img.baner {
  position: absolute;
  bottom: 10px;
  margin-bottom: 2%;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
#question-policz {
  background: #FFF0D2 !important;
}
.klasa-button img {
  margin: 20px 0;
  height: 100%;
  width: 100%;
}
.wybierz-color {
  background: #bf1234;
  color: #fff;
}

@media (max-width: 1600px) {
  .main-title {
    font-size: 30px;
    padding: 25px 40px;
  }
}
@media (max-width: 1200px) {
  .main-title {
    font-size: 24px;
  }
}
@media (max-height: 1000px) {
  img.baner {
    height: 200px;
  }
}
@media (max-height: 700px) {
  img.baner {
    display: none;
  }
}

.download-image {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top:45px;
}
img.download-image {
  width: 60px;
}