@import url("print.css") print;
@import url("normalize.css") screen;
@import url("bootstrap.min.css") screen;
@import url("animate.css") screen;
@import url("book.css") screen;
@import url("jquery.fancybox-1.3.4.css") screen;
@import url("main.css") screen;
    
@import url("standart.css") screen;
@import url("clean.css") screen;

@import url("theme_grain.css") screen;
@import url("custom.css") screen;
@import url("icomoon/style.css") screen;
@import url("responsiveslides.css") screen;

.comment {
	color: #666;
	font-size: .75em;
	margin:0.5em 0;
	font-weight:normal;
	padding: 3px 15px;
	background-color: #e1e1e1;
	border-radius: 3px;
	text-align: center;

}

.noFLicker {
  -webkit-backface-visibility: hidden;
}

.resetPT {
	padding-top: 0px !important;
}

.loaded.loadbar05 {
	animation: loadbar05 .2s normal forwards ease-in-out;
	-webkit-animation: loadbar05 .2s normal forwards ease-in-out;
}

@keyframes loadbar05 {

  0% {
    width: 0%;
  }

  100% {
    width: 5%;
  }
}
@-webkit-keyframes loadbar05 {

  0% {
    width: 0%;
  }

  100% {
    width: 5%;
  }

}

.loaded.loadbar10 {
	animation: loadbar10 .2s normal forwards ease-in-out;
	-webkit-animation: loadbar10 .2s normal forwards ease-in-out;
}

@keyframes loadbar10 {

  0% {
    width: 0%;
  }

  100% {
    width: 10%;
  }
}
@-webkit-keyframes loadbar10 {

  0% {
    width: 0%;
  }

  100% {
    width: 10%;
  }

}

.loaded.loadbar20 {
	animation: loadbar20 .4s normal forwards ease-in-out;
	-webkit-animation: loadbar20 .4s normal forwards ease-in-out;
}

@keyframes loadbar20 {

  0% {
    width: 0%;
  }

  100% {
    width: 20%;
  }
}
@-webkit-keyframes loadbar20 {

  0% {
    width: 0%;
  }

  100% {
    width: 20%;
  }

}

.loaded.loadbar30 {
	animation: loadbar30 .6s normal forwards ease-in-out;
	-webkit-animation: loadbar30 .6s normal forwards ease-in-out;
}

@keyframes loadbar30 {

  0% {
    width: 0%;
  }

  100% {
    width: 30%;
  }
}
@-webkit-keyframes loadbar30 {

  0% {
    width: 0%;
  }

  100% {
    width: 30%;
  }

}

.loaded.loadbar40 {
	animation: loadbar40 .2s normal forwards ease-in-out;
	-webkit-animation: loadbar40 .2s normal forwards ease-in-out;
}

@keyframes loadbar40 {

  0% {
    width: 0%;
  }

  100% {
    width: 40%;
  }
}
@-webkit-keyframes loadbar40 {

  0% {
    width: 0%;
  }

  100% {
    width: 40%;
  }

}

.loaded.loadbar50 {
	animation: loadbar50 1s normal forwards ease-in-out;
	-webkit-animation: loadbar50 1s normal forwards ease-in-out;
}

@keyframes loadbar50 {

  0% {
    width: 0%;
  }

  100% {
    width: 50%;
  }
}
@-webkit-keyframes loadbar50 {

  0% {
    width: 0%;
  }

  100% {
    width: 50%;
  }

}

.loaded.loadbar60 {
	animation: loadbar60 1.2s normal forwards ease-in-out;
	-webkit-animation: loadbar60 1.2s normal forwards ease-in-out;
}

@keyframes loadbar60 {

  0% {
    width: 0%;
  }

  100% {
    width: 60%;
  }
}
@-webkit-keyframes loadbar60 {

  0% {
    width: 0%;
  }

  100% {
    width: 60%;
  }

}

.loaded.loadbar70 {
	animation: loadbar70 1.4s normal forwards ease-in-out;
	-webkit-animation: loadbar70 1.4s normal forwards ease-in-out;
}

@keyframes loadbar70 {

  0% {
    width: 0%;
  }

  100% {
    width: 70%;
  }
}
@-webkit-keyframes loadbar70 {

  0% {
    width: 0%;
  }

  100% {
    width: 70%;
  }

}

.loaded.loadbar80 {
	animation: loadbar80 1.6s normal forwards ease-in-out;
	-webkit-animation: loadbar80 1.6s normal forwards ease-in-out;
}

@keyframes loadbar80 {

  0% {
    width: 0%;
  }

  100% {
    width: 80%;
  }
}
@-webkit-keyframes loadbar80 {

  0% {
    width: 0%;
  }

  100% {
    width: 80%;
  }

}

.loaded.loadbar90 {
	animation: loadbar90 1.8s normal forwards ease-in-out;
	-webkit-animation: loadbar90 1.8s normal forwards ease-in-out;
}

@keyframes loadbar90 {

  0% {
    width: 0%;
  }

  100% {
    width: 90%;
  }
}
@-webkit-keyframes loadbar90 {

  0% {
    width: 0%;
  }

  100% {
    width: 90%;
  }

}

.loaded.loadbar100 {
	animation: loadbar10 2s normal forwards ease-in-out;
	-webkit-animation: loadbar10 2s normal forwards ease-in-out;
}

@keyframes loadbar100 {

  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}
@-webkit-keyframes loadbar100 {

  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }

}

/* Tab style */
#scrollUp {
  bottom: 0px;
  right: 30px;
  width: 90px;
  height: 30px;
  margin-bottom: -10px;
  padding: 10px 5px;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  color: #828282;
  -webkit-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
  background-color: #E6E6E6;
  background-image: -moz-linear-gradient(top, #EBEBEB, #DEDEDE);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EBEBEB), to(#DEDEDE));
  background-image: -webkit-linear-gradient(top, #EBEBEB, #DEDEDE);
  background-image: -o-linear-gradient(top, #EBEBEB, #DEDEDE);
  background-image: linear-gradient(to bottom, #EBEBEB, #DEDEDE);
  background-repeat: repeat-x;
  -webkit-transition: margin-bottom 150ms linear;
  -moz-transition: margin-bottom 150ms linear;
  transition: margin-bottom 150ms linear;
}
  #scrollUp:hover {
    margin-bottom: 0px;
  }