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

html {
  height: 100%;
}



@media (max-width:1024px)
{
	html
	{
		zoom:0.75;
		zoom: 0.75;
		-ms-zoom: 0.5;
		-webkit-zoom: 0.75;
		/*-moz-transform:  scale(0.75,0.75);*/
		/*-moz-transform-origin: left center;*/
	}
}


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


.title {
  position: relative;
  display: block;
  font-family: Lato-Semibold;
  font-size: 3.2vh;
  color: #fff;
  background: #1d0e47;
  padding: 5px 30px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-bottom:10px;

}

.title2 {
  font-family: Lato-Semibold;
  font-size: 3.2vh;
  color: #fff;
  background: #ed6346;
  padding: 5px 30px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-top:5px;
  display: inline-block;
  float: right;
}

.title2:hover{
  background:#1d0e47;
}

.title-and-back-menu{
  position: absolute;
  top:5%;
  right:0;
}



.main-color:hover {
   border:2px solid #000;
}

.fa-2x {
    font-size: 1.2em;
	margin-top:12px;
}


/*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;
    font-family: Lato-Regular;
}

.btn-lg {
  width: 170px;
  height: 68px;
  margin: 3px;
  font-family: Lato-Semibold;
}
.orange {
  background: #fd6812;
  border: 1px solid transparent;
}
.blue {
  background: #38c0ed;
  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: #eee7d3;
  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-Semibold;
}

.main-baner-kluczak {
  background: #fff !important;
  position: absolute;
  width: 100%;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-baner-kluczak .logo{
  width: 20%;
  margin: 10px 0px
}

.main-baner-kluczak .logo:before{
  display: block;
  content: '';
  padding-top: 33%;
}

.eduexpert{
  background: url('../../img/eduexpert.png') no-repeat;
  background-position: center;
  background-size:contain;
}

.metoda{
  background: url('../../img/metoda.png') no-repeat;
  background-position: center;
  background-size:contain;
}

.matematyka{
  background: url('../../img/matematyka.png') no-repeat;
  background-position: center;
  background-size:contain;
}


.button-image:hover+.second-color{
  background: #1d0e47!important;
}


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

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

.second-color.btn-success:hover {
  background: #38C0ED;
}

.second-color.btn-success.disabled {
  background: #38C0ED;
}

.color-submenu{
  background: #1d0e47 !important;
}