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');
}

.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: #174e57;
}

.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: 310px;
  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: #6D4200 !important;
  color: #fff;
  border: 1px solid transparent;
}
.second-color {
  background: #1D1100 !important;
  color: #fff !important;
  border: 1px solid transparent;
}
.second-color-reverse {
  background: #fff;
  color: #1D1100;
}

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

.second-color.btn-success:hover {
  background: #1D1100;
}

.second-color.btn-success.disabled {
  background: #1D1100;
}

.modal-content.modal-interactive-whiteboard .btn-success {
  background: #1D1100;
  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;
  }
}

.main-baner-kluczak {
    background: #fff !important;
    color: #000;
    border: 1px solid transparent;
    padding: 4px 80px 4px 22px;
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
}
.main-baner-kluczak >img
{
	width:53%;
	-moz-transform:  scale(0.75);
	/*-moz-transform-origin: left center;*/
}