body {
 background-image: url(images/1.jpeg);
position: inline-block;
 overflow:visible;
  background-size:cover;
  background-attachment: fixed;


}


 
h1 {
 margin:100px auto;
 text-align:center;
 font-size:100px;
 color:blue;
 position:relative;
 left:0;
 text-shadow:
 1px 1px 0px #c4dbe2,
 2px 2px 0px #b4d1d9,
 3px 3px 0px #a6c6cf,
 4px 4px 0px #94b8c3,
 5px 5px 0px #87aeb9,
 6px 6px 0px #7aa3af,
 7px 7px 0px #6d97a3,
 8px 8px 0px #618b98,
 9px 9px 0px #56818e,
 10px 10px 0px #4c7683,
 15px 15px 25px rgba(0,0,0,.9);
 transition: .5s ease-in-out;
 font-family: Russian, 'fonts/old.ttf', cursive;
}
 
h1:hover {
 left:20px;
 text-shadow:
 -1px 1px 0px #c4dbe2,
 -2px 2px 0px #b4d1d9,
 -3px 3px 0px #a6c6cf,
 -4px 4px 0px #94b8c3,
 -5px 5px 0px #87aeb9,
 -6px 6px 0px #7aa3af,
 -7px 7px 0px #6d97a3,
 -8px 8px 0px #618b98,
 -9px 9px 0px #56818e,
 -10px 10px 0px #4c7683,
 -15px 15px 25px rgba(0,0,0,.9);
}

html, body { 
 margin: 0;  
 padding: 0;
}


 

h1{
   color: #fff;
   font-weight: bold;
   font-family: Impact;
   font-size:60px;
   margin:0;
    font-family: Russian, 'fonts/old.ttf', cursive;
}

h2{
   color: #e026e0;
   padding: 10px 0 0 0;
   font-weight: bold;
   font-family: Impact;
   font-size:32px;
   text-align: center;
    font-family: Russian, 'fonts/old.ttf', cursive;
}
h3{
  color:#e39000;
   font-family: Russian, 'fonts/old.ttf', cursive;
}

p{
   color:#fcba03;
   font-family:"Impact", Impact, serif;
   font-size:20px;
   text-align: center;
    font-family: Russian, 'fonts/old.ttf', cursive;
}

a {
   color: #00aaff;
   text-decoration: none;
   font-size:16px;
   text-align: center;
    font-family: Russian, 'fonts/old.ttf', cursive;
} 

a:hover{
   color: #345bab;
}
.mainmenubtn {
    background-color:#e026e0;
    color: white;
    border: none;
    cursor: pointer;
    padding:20px;
    margin-top:20px;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-child {
    display:none;
    background-color: black;
    min-width: 200px;
}
.dropdown-child a {
    color: white;
    padding: 20px;
    text-decoration: none;
    display: inline-block;
}
.dropdown:hover .dropdown-child {
    display:inline-block;
}









span.cap {
 display:none;
}
ul.slider {
 margin:0 auto;
 height:455px;
 list-style:none;
 position:relative;
 width:706px;
}
ul.slider li {
 float:left;

 -moz-transition: 1s;
 -ms-transition: 1s;
 -o-transition: 1s;
 -webkit-transition: 1s;
 transition: 1s;
}
ul.slider li.slides {
 border:1px solid #888;
 height:453px;
 overflow:hidden;
 position:relative;
 width:604px;
 z-index:10;

 -moz-transition: 1s;
 -ms-transition: 1s;
 -o-transition: 1s;
 -webkit-transition: 1s;
 transition: 1s;
}
ul.slider li.slides img {
 display:block;
 left:50%;
 opacity:0;
 position:absolute;
 top:0;

 -moz-transform: scale(0.5);
 -ms-transform: scale(0.5);
 -o-transform: scale(0.5);
 -webkit-transform: scale(0.5);
 transform: scale(0.5);

 -moz-transition: 1s;
 -ms-transition: 1s;
 -o-transition: 1s;
 -webkit-transition: 1s;
 transition: 1s;
}
ul.slider li.slides img.g1,
ul.slider li.slides img.g2,
ul.slider li.slides img.g3,
ul.slider li.slides img.g4,
ul.slider li.slides img.g5 {
 margin-left:-302px
}
ul.slider li.lArrow,
ul.slider li.rArrow {
 background-color:#bbb;
 border:2px solid #888;
 height:451px;
 position:relative;
 width:48px;
 z-index:5;
}
ul.slider li.lArrow {
 border-radius:100px 0 0 100px;
 border-width:2px 0 2px 2px;
}
ul.slider li.rArrow {
 border-radius:0 100px 100px 0;
 border-width:2px 2px 2px 0;
}
ul.slider li.lArrow a,
ul.slider li.rArrow a {
 display:block;
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:50px;
}
ul.slider li.lArrow:hover {
 background-color:#eee;
 left:2px;
}
ul.slider li.rArrow:hover {
 background-color:#eee;
 left:-2px;
}
ul.slider li.track {
 background-color:rgba(255,255,255,0.3);
 clear:left;
 height:25px;
 margin-left:51px;
 margin-top:-25px;
 position:relative;
 text-align:center;
 width:604px;
 z-index:20;
}
ul.slider li.track a {
 background-color:#fff;
 display:inline-block;
 height:15px;
 margin:5px;
 width:10px;

 border-radius:5px;
 -moz-box-shadow:2px 1px 1px #000000;
 -ms-box-shadow:2px 1px 1px #000000;
 -webkit-box-shadow:2px 1px 1px #000000);
 -o-box-shadow:2px 1px 1px #000000;
 box-shadow:2px 1px 1px #000000;
}
ul.slider li.track a:hover {
 background-color:#0f0;
}
span#slide1:target ~ ul.slider li.slides .g1,
span#slide2:target ~ ul.slider li.slides .g2,
span#slide3:target ~ ul.slider li.slides .g3,
span#slide4:target ~ ul.slider li.slides .g4,
span#slide5:target ~ ul.slider li.slides .g5 {
 opacity:1;

 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 -webkit-transform: scale(1);
 transform: scale(1);
}
ul.slider li.slides .g0 {
 margin-left:-302px;
 opacity:1;

 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 -webkit-transform: scale(1);
 transform: scale(1);
}
span#slide1:target ~ ul.slider li.slides .g0,
span#slide2:target ~ ul.slider li.slides .g0,
span#slide3:target ~ ul.slider li.slides .g0,
span#slide4:target ~ ul.slider li.slides .g0,
span#slide5:target ~ ul.slider li.slides .g0 {
 opacity:0;

 -moz-transform: scale(0);
 -ms-transform: scale(0);
 -o-transform: scale(0);
 -webkit-transform: scale(0);
 transform: scale(0);
}
span#slide1:target ~ ul.slider li.track .tr1,
span#slide2:target ~ ul.slider li.track .tr2,
span#slide3:target ~ ul.slider li.track .tr3,
span#slide4:target ~ ul.slider li.track .tr4,
span#slide5:target ~ ul.slider li.track .tr5 {
 background-color:#f00;
}

span#slide1:target ~ ul.slider li.lArrow a,
span#slide1:target ~ ul.slider li.rArrow a {z-index:10}
span#slide1:target ~ ul.slider li.rArrow .a2 {z-index:100}
span#slide1:target ~ ul.slider li.lArrow .a8 {z-index:100}

span#slide2:target ~ ul.slider li.lArrow a,
span#slide2:target ~ ul.slider li.rArrow a {z-index:10}
span#slide2:target ~ ul.slider li.rArrow .a3 {z-index:100}
span#slide2:target ~ ul.slider li.lArrow .a1 {z-index:100}

span#slide3:target ~ ul.slider li.lArrow a,
span#slide3:target ~ ul.slider li.rArrow a {z-index:10}
span#slide3:target ~ ul.slider li.rArrow .a4 {z-index:100}
span#slide3:target ~ ul.slider li.lArrow .a2 {z-index:100}

span#slide4:target ~ ul.slider li.lArrow a,
span#slide4:target ~ ul.slider li.rArrow a {z-index:10}
span#slide4:target ~ ul.slider li.rArrow .a5 {z-index:100}
span#slide4:target ~ ul.slider li.lArrow .a3 {z-index:100}

span#slide5:target ~ ul.slider li.lArrow a,
span#slide5:target ~ ul.slider li.rArrow a {z-index:10}
span#slide5:target ~ ul.slider li.rArrow .a6 {z-index:100}
span#slide5:target ~ ul.slider li.lArrow .a4 {z-index:100}

.up{ 
   color:#fff;
   position:fixed; 
   bottom:20px; 
   left: 40px;
   font-size:40px;