@import"reset.css";
@font-face {
font-family:VOVAN;
src: url(Shrift/VOVAN.ttf);
}
.wrapper {
z-index: -1;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-size: 100%;
background-repeat:no-repeat;
background-size: cover;
}
A:hover {
color: yellow;
}
A:visited {
color: red;
}
A:active {
color: wait;
}
A:link {
color: red;
font-weight: bolder;
}
ARTICLE {
margin:5px auto;
width:90%;
}
MARQUEE {
behavior:scroll;
direction:left;
height:25px;
position:fixed;
top:5px;
left:1px;
}
.txt {
font-size:20px;
margin-top:0px;
}
HEADER {
display: block;
margin-top:30px;
height:110px;
}
#div {
width:100%;
margin-top:0px;
text-align: center;
}
#divMagazine {
width:90%;
height:10%;
margin-top:-20px;
margin-left:5%;
text-align: center;
}
.fixed {
position: fixed;
top:73px;
left:0%;
}
.fixedMagazine {
width:300px;
position: fixed;
top:3%;
margin-left:5%;
text-align: center;
}
.navstyleyacheiki {
margin-left:2%;
background: rgba(26, 126, 238, 0.3);
border-radius: 5px;
}
.navstyleyacheikiMagazine{
margin-left:1%;
}
.navstyleyacheikiFoto {
margin-left:10%;
}
.navstyleyacheikiPol {
margin-left:40%;
}
.navstyleRegistr {
margin-left:2%;
font-size:100%;
background: rgba(26, 126, 238, 0.2);
border: 2px inset black;
border-radius: 5px;
padding:3px;
}
.asideleft {
float:left;
width:17%;
border-right:1px solid black;
padding: 15px;
font-size:20px;
}
.sectionper {
float:left;
width:78%;
}
.sectionperFoto {
float:left;
width:100%;
}
.adapterSectionper {
float:left;
width:61.5%;
}
.asideright {
float:right;
width:17%;
border-left:1px solid black;
padding: 15px;
font-size:20px;
}
ul{
list-style-type:square;
margin: 5px;
}
li{
padding: 5px;
}
b {
font-weight: bold;
}
.verVir{
vertical-align: middle;
}
.naverh{
background-color:#fc3;
width:50px;
height:50px;
position:fixed;
bottom:5%;
right:1%;
z-index: 2;
line-height: 1.3em;
font-size:40px;
text-align:center;
color:white;
border-radius: 45px 45px 45px 45px;
}
.brd {
border: 4px double black;
background: #fc3;
padding: 10px;
font-size:15px;
border-radius: 35px 35px 35px 35px;
height:40px;
text-align:center;
}
h1 {
display: block;
font-size: 1.5em;
margin-top: 0em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
h4 {
display: block;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
.CheiFoto{
float:left;
margin-left:25px;
margin-right:25px;
}
.adapter1{
text-align:center;
font-family:VOVAN;
color:red;
font-size:48px;
}
.adapter2{
text-align:center;
font-family:VOVAN;
font-size:30px;
}
.adapter3{
text-align:center; 
font-size:150%;
}
.adapteAasiderightKulinarRecept {
float:left;
padding-left: 15px;
font-size:20px;
}
.asideleftKulinarGlav {
float:left;
width:14%;
padding-left: 15px;
padding-right: 15px;
margin: 10px;
font-size:20px;
}
.articleKulinarGlav {
float:left;
width:60%;
border-left:1px solid black;
border-right:1px solid black;
padding-left: 15px;
padding-right: 15px;
margin: 10px;
font-size:20px;
}
.asiderightKulinarGlav {
float:left;
width:15%;
padding-left: 15px;
padding-right: 15px;
margin: 10px;
font-size:20px;
}
@media screen and (max-width: 1536px) {
.asideleftKulinarGlav {
width:15%;
}
.articleKulinarGlav {
width:55%;
}
.asiderightKulinarGlav {
width:11%;
}
.adapterSectionper {
width:61%;
}
}
@media screen and (max-width: 1475px) {
.adapter1 {
font-size:40px;
}
.adapter2 {
font-size:25px;
}
.adapterSectionper {
width:60%;
}
}
@media screen and (max-width: 1152px) {
.adapterSectionper {
width:59.6%;
}
}
@media screen and (max-width: 1075px) {
.adapter1 {
font-size:35px;
}
.adapter2 {
font-size:25px;
}
.adapteAasiderightKulinarRecept{
padding-left: 0px;
}
.asideleftKulinarGlav {
width:14%;
}
.articleKulinarGlav {
width:55%;
}
.asiderightKulinarGlav {
width:11%;
}
.adapterSectionper {
width:58.7%;
}
}
.asideleftRozd {/**/
position:relative;
float:right;
width:29%;
padding: 15px;
}
.asiderightRozd {
position:relative;
float:right;
width:29%;
border-right:1px solid black;
padding: 15px;
}
.asideCenterRozd {
position:relative;
float:left;
width:100%;
max-height: 3150px;
min-height: 2950px;
padding: 15px;
}
.sectionperRozd {
position:relative;
float:right;
width:29%;
border-right:1px solid black;
padding: 15px;
}
.asideleftFAMILY {
float:left;
min-height: 500px;
padding: 1px;
font-size:20px;
}
.asideleftFAMILYP {
float:left;
min-height: 500px;
padding: 1px;
font-size:20px;
}
.asideleftFAMILYT {
float:left;
min-height: 500px;
padding: 1px;
font-size:20px;
}
.asiderightFAMILY {
float:right;
width:180px;
min-height: 500px;
border-left:1px solid black;
padding: 1px;
font-size:20px;
}
.asiderightFAMILYT {
float:right;
width:0%;
min-height: 500px;
padding: 1px;
font-size:20px;
}
.sectionperFAMILY {
float:right;
width:180px;
min-height: 500px;
border-left:1px solid black;
padding: 1px;
font-size:20px;
}
.sectionperFAMILYT {
float:right;
min-height: 500px;
padding: 1px;
font-size:20px;
}
.table {
margin:5px auto;
border:10px ridge;
width: 40%;
}
.video {
background-color:grey;
width:175px;
height:110px;
margin:10px;
}
.videoDR {
height:135px;
width: 175px;
padding:10px;
}
.fotop {
width:175px;
height:135px;
padding:10px;
}
.fotopFFF {
width: 175px;
height: 165px;
}
.imagesfotopFFF {
overflow: hidden;
width: 175px;
height: 135px;
padding-top:10px;
text-align:center;
}
.imagesfotopFFF img {
max-width: 175px;
width:expression(this.width > 175 ? "175px" : this.width);
max-height: 135px;
height:expression(this.width > 135 ? "135px" : this.height);
}
.sriftp {
color:black;
font-size:25;
}
.link a {
padding:10px;
display: block;
width:70%;
}
.zagolovoktable {
text-align:center;
font-family:VOVAN;
font-size:35px;
}
.abzac{
text-align:center;
width:50%;
}
.tablefoto {
margin:1px auto;
border:1px ridge white;
width: 17%;
}
.tablefotoZT {
margin:1px auto;
border:1px ridge white;
width: 260px;
height: 400px;
}
.images-postZT {
overflow: hidden;
padding: 10px;
padding-bottom: 0px;
width: 260px;
height: 200px;
}
.images-postZT img {
max-width: 240px;
width:expression(this.width > 240 ? "240px" : this.width);
max-height: 200px;
height:expression(this.width > 200 ? "200px" : this.height);
}
.tablerazmFoto {
width:70%;
height:100px;
}
.tablefotoF {
margin:1px auto;
border:1px ridge white;
width: 200px;
height:400px;
}
.tablefotoFSVYAZ {
margin:1px auto;
border:1px ridge white;
padding: 5px;
}
.images-post {
overflow: hidden;
padding: 5px;
padding-bottom: 5px;
padding-top: 5px;
width: 200px;
}
.images-post img {
max-width: 200px;
width:expression(this.width > 200 ? "200px" : this.width);
max-height: 130px;
height:expression(this.width > 130 ? "130px" : this.height);
}
.tablefotoFM {
margin:1px auto;
border:1px ridge white;
width: 150px;
height:400px;
}
.tablefotoFMSVYAZ {
margin:1px auto;
border:1px ridge white;
}
.images-postM {
overflow: hidden;
padding: 5px;
padding-bottom: 5px;
padding-top: 5px;
width: 150px;
}
.images-postM img {
max-width: 150px;
width:expression(this.width > 150 ? "150px" : this.width);
max-height: 90px;
height:expression(this.width > 90 ? "90px" : this.height);
}
.tablefotoChuzoi {
margin:1px auto;
border:1px ridge white;
width: 250px;
height: 400px;
}
.images-postChuzoi {
overflow: hidden;
padding: 1px;
padding-bottom: 5px;
width: 250px;
}
.images-postChuzoi img {
max-width: 250px;
width:expression(this.width > 250 ? "250px" : this.width);
max-height: 150px;
height:expression(this.width > 150 ? "150px" : this.height);
}
.tablefotoRozd {
margin:1px auto;
border:1px ridge white;
width: 230px;
height: 430px;
font-size:20px;
}
.images-postRozd {
overflow: hidden;
width: 200px;
}
.images-postRozd img {
max-width: 200px;
width:expression(this.width > 200 ? "200px" : this.width);
max-height: 140px;
height:expression(this.width > 140 ? "140px" : this.height);
}
.tablefotoDateRozd {
border:10px ridge white;
width: 100%;
font-size:20px;
}
.sectionperKulinarGlav {
height:250px;
}
.asideleftKulinarRecept {
float:left;
width:60%;
border-right:1px solid black;
padding-right: 15px;
font-size:20px;
}
.articleKulinarRecept {
float:left;
width:60%;
border-right:1px solid black;
padding-left: 15px;
padding-right: 15px;
font-size:20px;
min-height: 2000px;
}
.asideleftKulinarReceptOtziv {
position: relative;
top: 0px;
float:left;
width:50%;
border-right:1px solid black;
padding-left: 15px;
padding-right: 15px;
font-size:20px;
min-height: 200px;
}
.asiderightKulinarReceptOtziv {
position: relative;
top: 0px;
float:left;
padding-left: 15px;
padding-right: 15px;
font-size:20px;
min-height: 200px;
}
.asideleftDachaGlav {
float:left;
width:17%;
padding-left: 15px;
padding-right: 15px;
font-size:20px;
position: relative;
top:-350px;
right:0px;
z-index: 0;
}
.articleDachaGlav {
float:left;
width:59%;
border-left:1px solid black;
border-right:1px solid black;
padding-left: 15px;
padding-right: 15px;
font-size:20px;
position: relative;
top:-350px;
right:0px;
z-index: 0;
}
.asiderightDachaGlav {
padding-left: 15px;
padding-right: 15px;
font-size:20px;
position: relative;
top:-350px;
right:0px;
z-index: 0;
}
.asideleftDachaPlan {
float:left;
width:80%;
border-right:1px solid black;
padding-left: 15px;
padding-right: 15px;
font-size:20px;
}
.asiderightDachaPlan {
float:left;
padding-left: 15px;
padding-right: 15px;
font-size:20px;
}
.headerRukodelie {
position: relative;
top: 4%;
z-index: 3;
width:80%;
margin: 0 auto;
}
.sectionperleftRukodelie {
position: relative;
z-index: 0;
top: -80px;
float:left;
width:80%;
margin-left: 1%;
padding-left: 15px;
padding-right: 15px;
font-size:20px;
}
.asiderightRukodelie {
position: relative;
z-index: 0;
top: -80px;
float:left;
padding-left: 15px;
padding-right: 15px;
font-size:20px;
}
#book1_1 {
height:70%;
width: 15%;
position: absolute;
z-index: 2;
top: 37%;
left:7%;
-webkit-transition-property: z-index, width, height, top, left;
-moz-transition-property: z-index, width, height, top, left;
-o-transition-property: z-index, width, height, top, left;
transition-property: z-index, width, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s, 0s;
}
#book1_1:hover {z-index: 3; width: 17%; height:80%; top: 27%; left:6.5%;}
#book1_2 {
height:70%;
width: 15%;
position: absolute;
z-index: 2;
top: 37%;
left:14%;
-webkit-transition-property: z-index, width, height, top, left;
-moz-transition-property: z-index, width, height, top, left;
-o-transition-property: z-index, width, height, top, left;
transition-property: z-index, width, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s, 0s;
}
#book1_2:hover {z-index: 3; width: 17%; height:80%; top: 27%; left:13.5%;}
#book1_3 {
height:70%;
position: absolute;
width: 15%;
z-index: 2;
top: 37%;
left:21%;
-webkit-transition-property: z-index, width, height, top, left;
-moz-transition-property: z-index, width, height, top, left;
-o-transition-property: z-index, width, height, top, left;
transition-property: z-index, width, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s, 0s;
}
#book1_3:hover {z-index: 3; width: 17%; height:80%; top: 27%; left:20.5%;}
#book1_4 {
height:70%;
position: absolute;
width: 15%;
z-index: 2;
top: 37%;
left:28%;
-webkit-transition-property: z-index, width, height, top, left;
-moz-transition-property: z-index, width, height, top, left;
-o-transition-property: z-index, width, height, top, left;
transition-property: z-index, width, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s, 0s;
}
#book1_4:hover {z-index: 3; width: 17%; height:80%; top: 27%; left:27.5%;}
#book1_5 {
height:70%;
position: absolute;
width: 15%;
z-index: 2;
top: 37%;
left:35%;
-webkit-transition-property: z-index, width, height, top, left;
-moz-transition-property: z-index, width, height, top, left;
-o-transition-property: z-index, width, height, top, left;
transition-property: z-index, width, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s, 0s;
}
#book1_5:hover {z-index: 3; width: 17%; height:80%; top: 27%; left:34.5%;}
#book1_6 {
height:70%;
position: absolute;
width: 15%;
z-index: 2;
top: 37%;
left:42%;
-webkit-transition-property: z-index, width, height, top, left;
-moz-transition-property: z-index, width, height, top, left;
-o-transition-property: z-index, width, height, top, left;
transition-property: z-index, width, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s, 0s;
}
#book1_6:hover {z-index: 3; width: 17%; height:80%; top: 27%; left:41.5%;}
#book1_7 {
height:70%;
position: absolute;
width: 15%;
z-index: 2;
top: 37%;
left:49%;
-webkit-transition-property: z-index, width, height, top, left;
-moz-transition-property: z-index, width, height, top, left;
-o-transition-property: z-index, width, height, top, left;
transition-property: z-index, width, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s, 0s;
}
#book1_7:hover {z-index: 3; width: 17%; height:80%; top: 27%; left:48.5%;}
#book1_8 {
height:70%;
position: absolute;
width: 15%;
z-index: 2;
top: 37%;
left:56%;
-webkit-transition-property: z-index, width, height, top, left;
-moz-transition-property: z-index, width, height, top, left;
-o-transition-property: z-index, width, height, top, left;
transition-property: z-index, width, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s, 0s;
}
#book1_8:hover {z-index: 3; width: 17%; height:80%; top: 27%; left:55.5%;}
#book1_9 {
height:70%;
position: absolute;
width: 15%;
z-index: 2;
top: 37%;
left:63%;
-webkit-transition-property: z-index, width, height, top, left;
-moz-transition-property: z-index, width, height, top, left;
-o-transition-property: z-index, width, height, top, left;
transition-property: z-index, width, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s, 0s;
}
#book1_9:hover {z-index: 3; width: 17%; height:80%; top: 27%; left:62.5%;}
#book1_10 {
height:70%;
position: absolute;
width: 15%;
z-index: 2;
top: 37%;
left:70%;
-webkit-transition-property: z-index, width, height, top, left;
-moz-transition-property: z-index, width, height, top, left;
-o-transition-property: z-index, width, height, top, left;
transition-property: z-index, width, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s, 0s;
}
#book1_10:hover {z-index: 3; width: 17%; height:80%; top: 27%; left:69.5%;}
#book1_11 {
height:70%;
position: absolute;
width: 15%;
z-index: 2;
top: 37%;
left:77%;
-webkit-transition-property: z-index, width, height, top, left;
-moz-transition-property: z-index, width, height, top, left;
-o-transition-property: z-index, width, height, top, left;
transition-property: z-index, width, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s, 0s;
}
#book1_11:hover {z-index: 3; width: 17%; height:80%; top: 27%; left:76.5%;}
#book1_12 {
height:70%;
position: absolute;
width: 15%;
z-index: 2;
top: 37%;
left:84%;
-webkit-transition-property: z-index, width, height, top, left;
-moz-transition-property: z-index, width, height, top, left;
-o-transition-property: z-index, width, height, top, left;
transition-property: z-index, width, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s, 0s;
}
#book1_12:hover {z-index: 3; width: 17%; height:80%; top: 27%; left:83.5%;}
#book2_1 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:7%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book2_1:hover {z-index: 2; height:80%; top: 27%; left:6.5%;}
#book2_2 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:14%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book2_2:hover {z-index: 2; height:80%; top: 27%; left:13.5%;}
#book2_3 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:21%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book2_3:hover {z-index: 2; height:80%; top: 27%; left:20.5%;}
#book2_4 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:28%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book2_4:hover {z-index: 2; height:80%; top: 27%; left:27.5%;}
#book2_5 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:35%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book2_5:hover {z-index: 2; height:80%; top: 27%; left:34.5%;}
#book2_6 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:42%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book2_6:hover {z-index: 2; height:80%; top: 27%; left:41.5%;}
#book2_7 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:49%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book2_7:hover {z-index: 2; height:80%; top: 27%; left:48.5%;}
#book2_8 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:56%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book2_8:hover {z-index: 2; height:80%; top: 27%; left:55.5%;}
#book2_9 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:63%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book2_9:hover {z-index: 2; height:80%; top: 27%; left:62.5%;}
#book2_10 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:70%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book2_10:hover {z-index: 2; height:80%; top: 27%; left:69.5%;}
#book2_11 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:77%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book2_11:hover {z-index: 2; height:80%; top: 27%; left:76.5%;}
#book2_12 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:84%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book2_12:hover {z-index: 2; height:80%; top: 27%; left:83.5%;}
#book3_1 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:7%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book3_1:hover {z-index: 2; height:80%; top: 27%; left:6.5%;}
#book3_2 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:14%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book3_2:hover {z-index: 2; height:80%; top: 27%; left:13.5%;}
#book3_3 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:21%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book3_3:hover {z-index: 2; height:80%; top: 27%; left:20.5%;}
#book3_4 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:28%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book3_4:hover {z-index: 2; height:80%; top: 27%; left:27.5%;}
#book3_5 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:35%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book3_5:hover {z-index: 2; height:80%; top: 27%; left:34.5%;}
#book3_6 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:42%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book3_6:hover {z-index: 2; height:80%; top: 27%; left:41.5%;}
#book3_7 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:49%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book3_7:hover {z-index: 2; height:80%; top: 27%; left:48.5%;}
#book3_8 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:56%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book3_8:hover {z-index: 2; height:80%; top: 27%; left:55.5%;}
#book3_9 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:63%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book3_9:hover {z-index: 2; height:80%; top: 27%; left:62.5%;}
#book3_10 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:70%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book3_10:hover {z-index: 2; height:80%; top: 27%; left:69.5%;}
#book3_11 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:77%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book3_11:hover {z-index: 2; height:80%; top: 27%; left:76.5%;}
#book3_12 {
height:70%;
position: absolute;
z-index: 1;
top: 37%;
left:84%;
-webkit-transition-property: z-index, height, top, left;
-moz-transition-property: z-index, height, top, left;
-o-transition-property: z-index, height, top, left;
transition-property: z-index, height, top, left;
-webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#book3_12:hover {z-index: 2; height:80%; top: 27%; left:83.5%;}
#ustanovkaVpered1 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 1500px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 4.75s;
-o-transition-duration: 2s, 2s, 4.75s;
-moz-transition-duration: 2s, 2s, 4.75s;
transition-duration: 2s, 2s, 4.75s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s;
}
#ustanovkaVpered2 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 1400px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 4.5s;
-o-transition-duration: 2s, 2s, 4.5s;
-moz-transition-duration: 2s, 2s, 4.5s;
transition-duration: 2s, 2s, 4.5s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 0.25s, 0.25s, 0.25s;
-o-transition-delay: 0.25s, 0.25s, 0.25s;
-moz-transition-delay: 0.25s, 0.25s, 0.25s;
transition-delay: 0.25s, 0.25s, 0.25s;
}
#ustanovkaVpered3 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 1300px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 4.25s;
-o-transition-duration: 2s, 2s, 4.25s;
-moz-transition-duration: 2s, 2s, 4.25s;
transition-duration: 2s, 2s, 4.25s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 0.5s, 0.5s, 0.5s;
-o-transition-delay: 0.5s, 0.5s, 0.5s;
-moz-transition-delay: 0.5s, 0.5s, 0.5s;
transition-delay: 0.5s, 0.5s, 0.5s;
}
#ustanovkaVpered4 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 1200px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 4s;
-o-transition-duration: 2s, 2s, 4s;
-moz-transition-duration: 2s, 2s, 4s;
transition-duration: 2s, 2s, 4s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 0.75s, 0.75s, 0.75s;
-o-transition-delay: 0.75s, 0.75s, 0.75s;
-moz-transition-delay: 0.75s, 0.75s, 0.75s;
transition-delay: 0.75s, 0.75s, 0.75s;
}
#ustanovkaVpered5 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 1100px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 3.75s;
-o-transition-duration: 2s, 2s, 3.75s;
-moz-transition-duration: 2s, 2s, 3.75s;
transition-duration: 2s, 2s, 3.75s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 1s, 1s, 1s;
-o-transition-delay: 1s, 1s, 1s;
-moz-transition-delay: 1s, 1s, 1s;
transition-delay: 1s, 1s, 1s;
}
#ustanovkaVpered6 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 1000px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 3.5s;
-o-transition-duration: 2s, 2s, 3.5s;
-moz-transition-duration: 2s, 2s, 3.5s;
transition-duration: 2s, 2s, 3.5s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 1.25s, 1.25s, 1.25s;
-o-transition-delay: 1.25s, 1.25s, 1.25s;
-moz-transition-delay: 1.25s, 1.25s, 1.25s;
transition-delay: 1.25s, 1.25s, 1.25s;
}
#ustanovkaVpered7 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 900px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 3.25s;
-o-transition-duration: 2s, 2s, 3.25s;
-moz-transition-duration: 2s, 2s, 3.25s;
transition-duration: 2s, 2s, 3.25s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 1.5s, 1.5s, 1.5s;
-o-transition-delay: 1.5s, 1.5s, 1.5s;
-moz-transition-delay: 1.5s, 1.5s, 1.5s;
transition-delay: 1.5s, 1.5s, 1.5s;
}
#ustanovkaVpered8 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 800px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 3s;
-o-transition-duration: 2s, 2s, 3s;
-moz-transition-duration: 2s, 2s, 3s;
transition-duration: 2s, 2s, 3s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 1.75s, 1.75s, 1.75s;
-o-transition-delay: 1.75s, 1.75s, 1.75s;
-moz-transition-delay: 1.75s, 1.75s, 1.75s;
transition-delay: 1.75s, 1.75s, 1.75s;
}
#ustanovkaVpered9 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 700px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 2.75s;
-o-transition-duration: 2s, 2s, 2.75s;
-moz-transition-duration: 2s, 2s, 2.75s;
transition-duration: 2s, 2s, 2.75s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 2s, 2s, 2s;
-o-transition-delay: 2s, 2s, 2s;
-moz-transition-delay: 2s, 2s, 2s;
transition-delay: 2s, 2s, 2s;
}
#ustanovkaVpered10 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 600px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 2.5s;
-o-transition-duration: 2s, 2s, 2.5s;
-moz-transition-duration: 2s, 2s, 2.5s;
transition-duration: 2s, 2s, 2.5s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 2.25s, 2.25s, 2.25s;
-o-transition-delay: 2.25s, 2.25s, 2.25s;
-moz-transition-delay: 2.25s, 2.25s, 2.25s;
transition-delay: 2.25s, 2.25s, 2.25s;
}
#ustanovkaVpered11 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 500px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 2.25s;
-o-transition-duration: 2s, 2s, 2.25s;
-moz-transition-duration: 2s, 2s, 2.25s;
transition-duration: 2s, 2s, 2.25s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 2.5s, 2.5s, 2.5s;
-o-transition-delay: 2.5s, 2.5s, 2.5s;
-moz-transition-delay: 2.5s, 2.5s, 2.5s;
transition-delay: 2.5s, 2.5s, 2.5s;
}
#ustanovkaVpered12 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 400px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 2s;
-o-transition-duration: 2s, 2s, 2s;
-moz-transition-duration: 2s, 2s, 2s;
transition-duration: 2s, 2s, 2s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 2.75s, 2.75s, 2.75s;
-o-transition-delay: 2.75s, 2.75s, 2.75s;
-moz-transition-delay: 2.75s, 2.75s, 2.75s;
transition-delay: 2.75s, 2.75s, 2.75s;
}
#ustanovkaVpered_a1 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 1500px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 4.75s;
-o-transition-duration: 2s, 2s, 4.75s;
-moz-transition-duration: 2s, 2s, 4.75s;
transition-duration: 2s, 2s, 4.75s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s;
}
#ustanovkaVpered_a2 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 1400px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 4.5s;
-o-transition-duration: 2s, 2s, 4.5s;
-moz-transition-duration: 2s, 2s, 4.5s;
transition-duration: 2s, 2s, 4.5s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 0.25s, 0.25s, 0.25s;
-o-transition-delay: 0.25s, 0.25s, 0.25s;
-moz-transition-delay: 0.25s, 0.25s, 0.25s;
transition-delay: 0.25s, 0.25s, 0.25s;
}
#ustanovkaVpered_a3 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 1300px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 4.25s;
-o-transition-duration: 2s, 2s, 4.25s;
-moz-transition-duration: 2s, 2s, 4.25s;
transition-duration: 2s, 2s, 4.25s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 0.5s, 0.5s, 0.5s;
-o-transition-delay: 0.5s, 0.5s, 0.5s;
-moz-transition-delay: 0.5s, 0.5s, 0.5s;
transition-delay: 0.5s, 0.5s, 0.5s;
}
#ustanovkaVpered_a4 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 1200px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 4s;
-o-transition-duration: 2s, 2s, 4s;
-moz-transition-duration: 2s, 2s, 4s;
transition-duration: 2s, 2s, 4s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 0.75s, 0.75s, 0.75s;
-o-transition-delay: 0.75s, 0.75s, 0.75s;
-moz-transition-delay: 0.75s, 0.75s, 0.75s;
transition-delay: 0.75s, 0.75s, 0.75s;
}
#ustanovkaVpered_a5 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 1100px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 3.75s;
-o-transition-duration: 2s, 2s, 3.75s;
-moz-transition-duration: 2s, 2s, 3.75s;
transition-duration: 2s, 2s, 3.75s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 1s, 1s, 1s;
-o-transition-delay: 1s, 1s, 1s;
-moz-transition-delay: 1s, 1s, 1s;
transition-delay: 1s, 1s, 1s;
}
#ustanovkaVpered_a6 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 1000px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 3.5s;
-o-transition-duration: 2s, 2s, 3.5s;
-moz-transition-duration: 2s, 2s, 3.5s;
transition-duration: 2s, 2s, 3.5s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 1.25s, 1.25s, 1.25s;
-o-transition-delay: 1.25s, 1.25s, 1.25s;
-moz-transition-delay: 1.25s, 1.25s, 1.25s;
transition-delay: 1.25s, 1.25s, 1.25s;
}
#ustanovkaVpered_a7 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 900px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 3.25s;
-o-transition-duration: 2s, 2s, 3.25s;
-moz-transition-duration: 2s, 2s, 3.25s;
transition-duration: 2s, 2s, 3.25s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 1.5s, 1.5s, 1.5s;
-o-transition-delay: 1.5s, 1.5s, 1.5s;
-moz-transition-delay: 1.5s, 1.5s, 1.5s;
transition-delay: 1.5s, 1.5s, 1.5s;
}
#ustanovkaVpered_a8 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 800px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 3s;
-o-transition-duration: 2s, 2s, 3s;
-moz-transition-duration: 2s, 2s, 3s;
transition-duration: 2s, 2s, 3s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 1.75s, 1.75s, 1.75s;
-o-transition-delay: 1.75s, 1.75s, 1.75s;
-moz-transition-delay: 1.75s, 1.75s, 1.75s;
transition-delay: 1.75s, 1.75s, 1.75s;
}
#ustanovkaVpered_a9 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 700px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 2.75s;
-o-transition-duration: 2s, 2s, 2.75s;
-moz-transition-duration: 2s, 2s, 2.75s;
transition-duration: 2s, 2s, 2.75s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 2s, 2s, 2s;
-o-transition-delay: 2s, 2s, 2s;
-moz-transition-delay: 2s, 2s, 2s;
transition-delay: 2s, 2s, 2s;
}
#ustanovkaVpered_a10 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 600px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 2.5s;
-o-transition-duration: 2s, 2s, 2.5s;
-moz-transition-duration: 2s, 2s, 2.5s;
transition-duration: 2s, 2s, 2.5s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 2.25s, 2.25s, 2.25s;
-o-transition-delay: 2.25s, 2.25s, 2.25s;
-moz-transition-delay: 2.25s, 2.25s, 2.25s;
transition-delay: 2.25s, 2.25s, 2.25s;
}
#ustanovkaVpered_a11 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 500px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 2.25s;
-o-transition-duration: 2s, 2s, 2.25s;
-moz-transition-duration: 2s, 2s, 2.25s;
transition-duration: 2s, 2s, 2.25s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 2.5s, 2.5s, 2.5s;
-o-transition-delay: 2.5s, 2.5s, 2.5s;
-moz-transition-delay: 2.5s, 2.5s, 2.5s;
transition-delay: 2.5s, 2.5s, 2.5s;
}
#ustanovkaVpered_a12 {
height:70%;
width:15%;
position: absolute;
top: 800px;
left: 400px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 2s;
-o-transition-duration: 2s, 2s, 2s;
-moz-transition-duration: 2s, 2s, 2s;
transition-duration: 2s, 2s, 2s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 2.75s, 2.75s, 2.75s;
-o-transition-delay: 2.75s, 2.75s, 2.75s;
-moz-transition-delay: 2.75s, 2.75s, 2.75s;
transition-delay: 2.75s, 2.75s, 2.75s;
}
#ustanovkaVpered_b1 {
height:70%;
width:15%;
position: absolute;
top: -800px;
left: 1500px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 4.75s;
-o-transition-duration: 2s, 2s, 4.75s;
-moz-transition-duration: 2s, 2s, 4.75s;
transition-duration: 2s, 2s, 4.75s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s;
}
#ustanovkaVpered_b2 {
height:70%;
width:15%;
position: absolute;
top: -800px;
left: 1400px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 4.5s;
-o-transition-duration: 2s, 2s, 4.5s;
-moz-transition-duration: 2s, 2s, 4.5s;
transition-duration: 2s, 2s, 4.5s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 0.25s, 0.25s, 0.25s;
-o-transition-delay: 0.25s, 0.25s, 0.25s;
-moz-transition-delay: 0.25s, 0.25s, 0.25s;
transition-delay: 0.25s, 0.25s, 0.25s;
}
#ustanovkaVpered_b3 {
height:70%;
width:15%;
position: absolute;
top: -800px;
left: 1300px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 4.25s;
-o-transition-duration: 2s, 2s, 4.25s;
-moz-transition-duration: 2s, 2s, 4.25s;
transition-duration: 2s, 2s, 4.25s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 0.5s, 0.5s, 0.5s;
-o-transition-delay: 0.5s, 0.5s, 0.5s;
-moz-transition-delay: 0.5s, 0.5s, 0.5s;
transition-delay: 0.5s, 0.5s, 0.5s;
}
#ustanovkaVpered_b4 {
height:70%;
width:15%;
position: absolute;
top: -800px;
left: 1200px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 4s;
-o-transition-duration: 2s, 2s, 4s;
-moz-transition-duration: 2s, 2s, 4s;
transition-duration: 2s, 2s, 4s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 0.75s, 0.75s, 0.75s;
-o-transition-delay: 0.75s, 0.75s, 0.75s;
-moz-transition-delay: 0.75s, 0.75s, 0.75s;
transition-delay: 0.75s, 0.75s, 0.75s;
}
#ustanovkaVpered_b5 {
height:70%;
width:15%;
position: absolute;
top: -800px;
left: 1100px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 3.75s;
-o-transition-duration: 2s, 2s, 3.75s;
-moz-transition-duration: 2s, 2s, 3.75s;
transition-duration: 2s, 2s, 3.75s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 1s, 1s, 1s;
-o-transition-delay: 1s, 1s, 1s;
-moz-transition-delay: 1s, 1s, 1s;
transition-delay: 1s, 1s, 1s;
}
#ustanovkaVpered_b6 {
height:70%;
width:15%;
position: absolute;
top: -800px;
left: 1000px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 3.5s;
-o-transition-duration: 2s, 2s, 3.5s;
-moz-transition-duration: 2s, 2s, 3.5s;
transition-duration: 2s, 2s, 3.5s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 1.25s, 1.25s, 1.25s;
-o-transition-delay: 1.25s, 1.25s, 1.25s;
-moz-transition-delay: 1.25s, 1.25s, 1.25s;
transition-delay: 1.25s, 1.25s, 1.25s;
}
#ustanovkaVpered_b7 {
height:70%;
width:15%;
position: absolute;
top: -800px;
left: 900px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 3.25s;
-o-transition-duration: 2s, 2s, 3.25s;
-moz-transition-duration: 2s, 2s, 3.25s;
transition-duration: 2s, 2s, 3.25s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 1.5s, 1.5s, 1.5s;
-o-transition-delay: 1.5s, 1.5s, 1.5s;
-moz-transition-delay: 1.5s, 1.5s, 1.5s;
transition-delay: 1.5s, 1.5s, 1.5s;
}
#ustanovkaVpered_b8 {
height:70%;
width:15%;
position: absolute;
top: -800px;
left: 800px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 3s;
-o-transition-duration: 2s, 2s, 3s;
-moz-transition-duration: 2s, 2s, 3s;
transition-duration: 2s, 2s, 3s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 1.75s, 1.75s, 1.75s;
-o-transition-delay: 1.75s, 1.75s, 1.75s;
-moz-transition-delay: 1.75s, 1.75s, 1.75s;
transition-delay: 1.75s, 1.75s, 1.75s;
}
#ustanovkaVpered_b9 {
height:70%;
width:15%;
position: absolute;
top: -800px;
left: 700px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 2.75s;
-o-transition-duration: 2s, 2s, 2.75s;
-moz-transition-duration: 2s, 2s, 2.75s;
transition-duration: 2s, 2s, 2.75s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 2s, 2s, 2s;
-o-transition-delay: 2s, 2s, 2s;
-moz-transition-delay: 2s, 2s, 2s;
transition-delay: 2s, 2s, 2s;
}
#ustanovkaVpered_b10 {
height:70%;
width:15%;
position: absolute;
top: -800px;
left: 600px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 2.5s;
-o-transition-duration: 2s, 2s, 2.5s;
-moz-transition-duration: 2s, 2s, 2.5s;
transition-duration: 2s, 2s, 2.5s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 2.25s, 2.25s, 2.25s;
-o-transition-delay: 2.25s, 2.25s, 2.25s;
-moz-transition-delay: 2.25s, 2.25s, 2.25s;
transition-delay: 2.25s, 2.25s, 2.25s;
}
#ustanovkaVpered_b11 {
height:70%;
width:15%;
position: absolute;
top: -800px;
left: 500px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 2.25s;
-o-transition-duration: 2s, 2s, 2.25s;
-moz-transition-duration: 2s, 2s, 2.25s;
transition-duration: 2s, 2s, 2.25s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 2.5s, 2.5s, 2.5s;
-o-transition-delay: 2.5s, 2.5s, 2.5s;
-moz-transition-delay: 2.5s, 2.5s, 2.5s;
transition-delay: 2.5s, 2.5s, 2.5s;
}
#ustanovkaVpered_b12 {
height:70%;
width:15%;
position: absolute;
top: -800px;
left: 400px;
z-index: 1;
opacity: 1;
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
-webkit-transition-duration: 2s, 2s, 2s;
-o-transition-duration: 2s, 2s, 2s;
-moz-transition-duration: 2s, 2s, 2s;
transition-duration: 2s, 2s, 2s;
transition-timing-function:ease-out, ease-out, step-end;
-webkit-transition-delay: 2.75s, 2.75s, 2.75s;
-o-transition-delay: 2.75s, 2.75s, 2.75s;
-moz-transition-delay: 2.75s, 2.75s, 2.75s;
transition-delay: 2.75s, 2.75s, 2.75s;
}
#ustanovkaNazad {
height:730px;
width:565px;
position: absolute;
top: 20px;
left: 500px;
z-index: 2;
-webkit-transition-property: width, height, top, left;
-moz-transition-property: width, height, top, left;
-o-transition-property: width, height, top, left;
transition-property: width, height, top, left;
-webkit-transition-duration: 2s, 2s, 2s, 2s;
-o-transition-duration: 2s, 2s, 2s, 2s;
-moz-transition-duration: 2s, 2s, 2s, 2s;
transition-duration: 2s, 2s, 2s, 2s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#ustanovkaNazad_a {
height:730px;
width:565px;
position: absolute;
top: -214px;
left: 439px;
z-index: 2;
-webkit-transition-property: width, height, top, left;
-moz-transition-property: width, height, top, left;
-o-transition-property: width, height, top, left;
transition-property: width, height, top, left;
-webkit-transition-duration: 2s, 2s, 2s, 2s;
-o-transition-duration: 2s, 2s, 2s, 2s;
-moz-transition-duration: 2s, 2s, 2s, 2s;
transition-duration: 2s, 2s, 2s, 2s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#ustanovkaNazad_b {
height:730px;
width:565px;
position: absolute;
top: -445px;
left: 500px;
z-index: 2;
-webkit-transition-property: width, height, top, left;
-moz-transition-property: width, height, top, left;
-o-transition-property: width, height, top, left;
transition-property: width, height, top, left;
-webkit-transition-duration: 2s, 2s, 2s, 2s;
-o-transition-duration: 2s, 2s, 2s, 2s;
-moz-transition-duration: 2s, 2s, 2s, 2s;
transition-duration: 2s, 2s, 2s, 2s;
transition-timing-function:ease-out, ease-out, ease-out, ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#fon {
opacity:0;
z-index: -1;
position: fixed;
top: 250px;
left: 600px;
height: 100%;
width: 10%;
background-size: 100%;
background-repeat:no-repeat;
background-image: url(../../../../../images/Rukodelie/POLKA373.png);
-webkit-transition-property: width, top, left, opacity;
-moz-transition-property: width, top, left, opacity;
-o-transition-property: width, top, left, opacity;
transition-property: width, top, left, opacity;
-webkit-transition-duration: 2s, 2s, 2s, 0.7s;
-o-transition-duration: 2s, 2s, 2s, 0.7s;
-moz-transition-duration: 2s, 2s, 2s, 0.7s;
transition-duration: 2s, 2s, 2s, 0.7s;
transition-timing-function:ease-out, ease-out, ease-out, ease-in;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#fon1 {
opacity:1;
z-index: -2;
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background-size: 100%;
background-repeat:no-repeat;
background-image: url(../../../../../images/Rukodelie/stol555.jpg);
-webkit-transition-property: width, top, left, opacity;
-moz-transition-property: width, top, left, opacity;
-o-transition-property: width, top, left, opacity;
transition-property: width, top, left, opacity;
-webkit-transition-duration: 2s, 2s, 2s, 0.7s;
-o-transition-duration: 2s, 2s, 2s, 0.7s;
-moz-transition-duration: 2s, 2s, 2s, 0.7s;
transition-duration: 2s, 2s, 2s, 0.7s;
transition-timing-function:ease-out, ease-out, ease-out, ease-in-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s;
}
#fon2 {
opacity:0;
width:10%;
-webkit-transition-property: width, opacity;
-moz-transition-property: width, opacity;
-o-transition-property: width, opacity;
transition-property: width, opacity;
-webkit-transition-duration: 1s, 1s;
-o-transition-duration: 1s, 1s;
-moz-transition-duration: 1s, 1s;
transition-duration: 1s, 1s;
transition-timing-function:ease-out, linear;
-webkit-transition-delay: 1s, 1s;
-o-transition-delay: 1s, 1s;
-moz-transition-delay: 1s, 1s;
transition-delay: 1s, 1s;
}
#polkaStart1{
opacity:1;
z-index: 0;
position: absolute;
width:100%;
top: 300%;
left:200%;
-webkit-transition-property: left, top;
-moz-transition-property: left, top;
-o-transition-property: left, top;
transition-property: left, top;
-webkit-transition-duration: 3s, 3s;
-o-transition-duration: 3s, 3s;
-moz-transition-duration: 3s, 3s;
transition-duration: 3s, 3s;
transition-timing-function:ease-out, linear;
-webkit-transition-delay: 1s, 1s;
-o-transition-delay: 1s, 1s;
-moz-transition-delay: 1s, 1s;
transition-delay: 1s, 1s;
}
#polkaStart1a{
opacity:1;
z-index: 0;
position: absolute;
width:100%;
top: -10%;
left:200%;
-webkit-transition-property: left, top;
-moz-transition-property: left, top;
-o-transition-property: left, top;
transition-property: left, top;
-webkit-transition-duration: 3s, 3s;
-o-transition-duration: 3s, 3s;
-moz-transition-duration: 3s, 3s;
transition-duration: 3s, 3s;
transition-timing-function:ease-out, linear;
-webkit-transition-delay: 1s, 1s;
-o-transition-delay: 1s, 1s;
-moz-transition-delay: 1s, 1s;
transition-delay: 1s, 1s;
}
#polkaStart1b{
opacity:1;
z-index: 0;
position: absolute;
width:100%;
top: -100%;
left:50%;
-webkit-transition-property: left, top;
-moz-transition-property: left, top;
-o-transition-property: left, top;
transition-property: left, top;
-webkit-transition-duration: 3s, 3s;
-o-transition-duration: 3s, 3s;
-moz-transition-duration: 3s, 3s;
transition-duration: 3s, 3s;
transition-timing-function:ease-out, linear;
-webkit-transition-delay: 1s, 1s;
-o-transition-delay: 1s, 1s;
-moz-transition-delay: 1s, 1s;
transition-delay: 1s, 1s;
}
#magazinStart1{
z-index: 1;
position: fixed;
top: 0%;
left:1%;
width:800px;
height:30%;
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 4.73s;
-o-transition-duration: 4.73s;
-moz-transition-duration: 4.73s;
transition-duration: 4.73s;
transition-timing-function:step-end;
-webkit-transition-delay:0s;
-o-transition-delay:0s;
-moz-transition-delay:0s;
transition-delay:0s;
}
#magazinStart1a{
z-index: 1;
position: fixed;
top: 30%;
left:5%;
width:800px;
height:30%;
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 4.73s;
-o-transition-duration: 4.73s;
-moz-transition-duration: 4.73s;
transition-duration: 4.73s;
transition-timing-function:step-end;
-webkit-transition-delay:0s;
-o-transition-delay:0s;
-moz-transition-delay:0s;
transition-delay:0s;
}
#magazinStart1b{
z-index: 1;
position: fixed;
top: 60%;
left:1%;
width:800px;
height:30%;
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 4.73s;
-o-transition-duration: 4.73s;
-moz-transition-duration: 4.73s;
transition-duration: 4.73s;
transition-timing-function:step-end;
-webkit-transition-delay:0s;
-o-transition-delay:0s;
-moz-transition-delay:0s;
transition-delay:0s;
}
#magazinStart2{
z-index: 0;
position: fixed;
top: 0%;
left:1%;
width:800px;
height:30%;
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 5s;
-o-transition-duration: 5s;
-moz-transition-duration: 5s;
transition-duration: 5s;
transition-timing-function:ease-out;
-webkit-transition-delay:1s;
-o-transition-delay:1s;
-moz-transition-delay:1s;
transition-delay:1s;
}
#magazinStart2a{
z-index: 0;
position: fixed;
top: 30%;
left:5%;
width:800px;
height:30%;
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 5s;
-o-transition-duration: 5s;
-moz-transition-duration: 5s;
transition-duration: 5s;
transition-timing-function:ease-out;
-webkit-transition-delay:1s;
-o-transition-delay:1s;
-moz-transition-delay:1s;
transition-delay:1s;
}
#magazinStart2b{
z-index: 0;
position: fixed;
top: 60%;
left:1%;
width:800px;
height:30%;
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 5s;
-o-transition-duration: 5s;
-moz-transition-duration: 5s;
transition-duration: 5s;
transition-timing-function:ease-out;
-webkit-transition-delay:1s;
-o-transition-delay:1s;
-moz-transition-delay:1s;
transition-delay:1s;
}
#magazinStart3{
z-index: 0;
position: fixed;
top: 20%;
right:0%;
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 5s;
-o-transition-duration: 5s;
-moz-transition-duration: 5s;
transition-duration: 5s;
transition-timing-function:ease-out;
-webkit-transition-delay:1s;
-o-transition-delay:1s;
-moz-transition-delay:1s;
transition-delay:1s;
}
#magazinStart4{
z-index: 0;
position: fixed;
top: 45%;
right:0%;
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 5s;
-o-transition-duration: 5s;
-moz-transition-duration: 5s;
transition-duration: 5s;
transition-timing-function:ease-out;
-webkit-transition-delay:1s;
-o-transition-delay:1s;
-moz-transition-delay:1s;
transition-delay:1s;
}
#magazinStart5{
z-index: 0;
position: fixed;
top: 75%;
right:0%;
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 5s;
-o-transition-duration: 5s;
-moz-transition-duration: 5s;
transition-duration: 5s;
transition-timing-function:ease-out;
-webkit-transition-delay:1s;
-o-transition-delay:1s;
-moz-transition-delay:1s;
transition-delay:1s;
}
#magazinStartDOP{
z-index: 0;
position: fixed;
top: 0%;
left:1%;
width:800px;
height:30%;
opacity: 1;
visibility: visible;
-webkit-transition-property: visibility;
-moz-transition-property: visibility;
-o-transition-property: visibility;
transition-property: visibility;
-webkit-transition-duration: 5s;
-o-transition-duration: 5s;
-moz-transition-duration: 5s;
transition-duration: 5s;
transition-timing-function:step-end;
-webkit-transition-delay:0s;
-o-transition-delay:0s;
-moz-transition-delay:0s;
transition-delay:0s;
}
#magazinStartDOPa{
z-index: 0;
position: fixed;
top: 30%;
left:5%;
width:800px;
height:30%;
opacity: 1;
visibility: visible;
-webkit-transition-property: visibility;
-moz-transition-property: visibility;
-o-transition-property: visibility;
transition-property: visibility;
-webkit-transition-duration: 5s;
-o-transition-duration: 5s;
-moz-transition-duration: 5s;
transition-duration: 5s;
transition-timing-function:step-end;
-webkit-transition-delay:0s;
-o-transition-delay:0s;
-moz-transition-delay:0s;
transition-delay:0s;
}
#magazinStartDOPb{
z-index: 0;
position: fixed;
top: 60%;
left:1%;
width:800px;
height:30%;
opacity: 1;
visibility: visible;
-webkit-transition-property: visibility;
-moz-transition-property: visibility;
-o-transition-property: visibility;
transition-property: visibility;
-webkit-transition-duration: 5s;
-o-transition-duration: 5s;
-moz-transition-duration: 5s;
transition-duration: 5s;
transition-timing-function:step-end;
-webkit-transition-delay:0s;
-o-transition-delay:0s;
-moz-transition-delay:0s;
transition-delay:0s;
}
FOOTER {
position: relative;
z-index: 0;
background-color:hsl(230,10%,50%);
height: 100px;
bottom: 10px;
margin: 0 auto;
}