body, html {
    background-color: #edecea;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
@font-face {
    font-family: BetinaScriptC; /* Имя шрифта */
    src: url("../FONTS/BetinaScriptC.otf") format("opentype"); /* Путь к файлу со шрифтом */
}
@font-face {
    font-family: Shket-Regular; /* Имя шрифта */
    src: url("../FONTS/Shket-Regular.otf") format("opentype"); /* Путь к файлу со шрифтом */
}
#firstload {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #edecea;
    z-index: 11;	
}

#overlay img{
    width: 1024px;
    height: 678px;
    margin: auto;
    z-index: 1;	
}

.head {}

@keyframes play { 
      0% { background-position:    0px 0; } 
    100% { background-position: -3000px 0; }
}

.htop {
    position: relative;

    width: 1000px;
    height: 91px;
    margin-left: auto;
    margin-right: auto;
    
    margin-bottom: -91px;
    
    background: url(../IMG/ball-anim.png) no-repeat;

    animation: play 3s steps(3) infinite;
}
.hbottom {
    width: 1000px;
    height: 695px;
    margin: auto;    
    background: url(../IMG/fon.jpg) no-repeat;    
}
.content {
    top: -180px;
    position: relative;
    width: 1000px;
    height: 681px;
    margin: auto;      
}
.cvideohead {
    width: 900px;
    height: 509px;
    background: url(../IMG/video-fon.png) top center no-repeat;
    margin: auto;  
}

.cvideo {
    width: 762px;
    height: 509px;
    margin: auto;  
}
.cvideo iframe{
    padding-top: 40px;
    padding-bottom: 40px;

    margin: auto;
    
}
.ctext {
    top: -30px;
    position: relative;
    width: 762px;
    margin: auto;    
}
.ctext h1{
    text-align: center;
    color: #7030A0;
    font-family: BetinaScriptC;
    font-size: xx-large;
    font-weight: 100;
}
.ctext p{
    text-indent: 50px;
    font-size: large;
    font-style: italic;
	color: rgb(100,100,100);
}
.caddtext{
    width: 762px;
    margin: auto;
    display: block;
}
.scontent {
    width: 762px;
    margin: auto;
    overflow: hidden;
}
.sheader {
    cursor: pointer;
    background: url(../IMG/button_down.png) center no-repeat;
    height: 70px;
    width: 762px;
    opacity: 0.5;
}
.sheader:hover {
    opacity: 1;
}

.footer {
    width: 762px;
    height: 200px;
   /* background: url(../IMG/ytbutton.jpg) right no-repeat; */
    margin: auto;
    font-family: Shket-Regular;
	font-size: 150%;
	color: rgb(150,150,150);
	padding-top: 50px;
	text-align: center;
    
}
.footer span{
    margin-left: -19px;
    
}

.yt {

    width: 106px;
    margin: auto;

}
.yt a{
    width: 106px;
    height: 106px;
    display: block;
    background: url(../IMG/youtube.png) center no-repeat;
    cursor: pointer;
}
.minphoto_container {
    width: 828px;
    margin: auto;
}
.minphoto {
    margin: 14px;
    margin-bottom: 50px;
    width: 220px;
    height: 146px;
    display: block;
    float: left;
    border: 3px solid #7030A0;
    cursor: pointer;
}
.minphoto img{
    width: 220px;
    height: 146px;
}
/*1) В первую очередь опишем фоновый блок:*/
.overlay{
    position: fixed;
    background-color: #000;
    opacity: 0.3;
    z-index: 9;	
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
}
/*2) Правила для выпадающего блока:*/
.nonebox1{
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index: 101;
    background: url(../IMG/photo/photo_1.jpg) no-repeat center center;
}
.nonebox2{
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index: 101;
    background: url(../IMG/photo/photo_2.jpg) no-repeat center center;
}
.nonebox3{
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index: 101;
    background: url(../IMG/photo/photo_3.jpg) no-repeat center center;
}
/*3) И еще есть элемент после клика по которому наш блок будет закрываться:*/
a.box-close{
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    cursor:pointer;
    z-index:102;
}