.center{
width: 10em;
height: 10em;
margin-top: -51px;
margin-left: -37px;
}

.circle-container {
 /* background-image: url("../img/logo/ newnavi.png");*/
 //background-image: url(../images/bg_first_m.png);
    position: relative;
    width: 34em;
    height: 34em;
    padding: 2.8em;

   

    /*2.8em = 2em*1.4 (2em = half the width of a link with img, 1.4 = sqrt(2))*/
    -moz-border-image: url(../img/logo/navi.png) 30 round round;
    -webkit-border-image: url(../img/logo/navi.png) 30 round round; 
    -o-border-image: url(../img/logo/navi.png) 30 round round;
    border-image: url(../img/logo/navi.png) 30 round round;
      border-image: url(../img/logo/navi.png) 30 round round;
    margin: 10.75em auto 0;

    
}
.first.slider{
  background-image: url(../images/bg_first_m.png);
    position: relative;
    width: 34em;
    height: 34em;
    padding: 2.8em;

   

    /*2.8em = 2em*1.4 (2em = half the width of a link with img, 1.4 = sqrt(2))*/
    -moz-border-image: url(../img/logo/navi.png) 30 round round;
    -webkit-border-image: url(../img/logo/navi.png) 30 round round; 
    -o-border-image: url(../img/logo/navi.png) 30 round round;
    border-image: url(../img/logo/navi.png) 30 round round;
      border-image: url(../img/logo/navi.png) 30 round round;
    margin: 10.75em auto 0;
}
#first{

width: 600px;
height: 500px;
z-index: 15;
margin: 10.75em auto 0;

}

.circle-container a {
    display: block;
    position: absolute;
    top: 50%; left: 50%;
    width: 4em; height: 4em;
    margin: : 20%;

}

#fine{
color:green;
padding-top: 62px;
background-position: 175px center;
font-size: 35px;
padding-top: 55px;
}

.circle-container img { display: block; width: 100%; height: 100%; border-radius: 100px; z-index: 10;}
.deg0 { transform: translate(12em); } /* 12em = half the width of the wrapper */
.deg45 { transform: rotate(35deg) translate(10em) rotate(-35deg); }
.deg135 { transform: rotate(105deg) translate(11em) rotate(-105deg); }
.deg180 { transform: translate(-14em); }
.deg225 { transform: rotate(226deg) translate(15em) rotate(-245deg); }
.deg315 { transform: rotate(315deg) translate(13em) rotate(-315deg); }


.light{
    box-shadow: 0px 0px 3px 9px rgba(243,247,118,1);
}
.hower{
margin-top: -51px;
margin-left: -37px;
    width: 8em; height: 8em;
}

#p{
color: red;
font-size: 45px;
}
#white{
text-align: center;
color: white;
font-size: 4em;
text-transform: uppercase;
}
#green{color: blue;}

.slider-logo{
  width: 160px;
  text-align: center;
  margin-top: -45px!important;
  margin: 0 auto;
  margin-bottom: 30px;
    display: block;
  }
#fest{
 text-align: center; 
}
#spy{
position: absolute;
top: 0;
right: 0;
color :  #fff;
border: none;
display: none; 
}
#spy2{
position: absolute;
top: 0;
right: 0;
color :  #fff;
border: none;
display: none;
}

#head{
  width: 100%;
  height:141%; 
  margin-left: 3%;
}
#cent{
width: 9em;
height: 8em;
margin-top: -22px;
margin-left: -23px;
}
/* html{}
background-image: url("../img/bg/bg1.jpg");
background-repeat: no-repeat;
@font-face {
    font-family: Mtcorsva; /* Гарнитура шрифта */
    /*src: url("../fonts/Mtcorsva.ttf"); }/* Путь к файлу со шрифтом */
   

}
.logotip{
 position: relative;
 width: 100%;
 height: 200px;   
z-index: 3;
bottom: 1030px;
}

#logo {
  
  background-image: url(../images/logo_m.png));
  background-repeat: no-repeat;
  background-position: 30px center;

  display: block;
}
#text{
color: red;
margin-left: 43%;
font-size: 25px;
}

#front{
  text-transform: uppercase;
 /*background-image: url("../img/bg/bg11111-min.jpg");*/
  height: 100%;
}
#long{
  height: 1081px;
  width: 100%;
}
@media only screen and (max-width: 480px) {
circle-container img { display: block; width: 50%; height: 50%; border-radius: 100px;
 }
 #long{
width: 100%;  
}
}

@media only screen and (max-width: 992px) {
    }
}
@media only screen and (max-width: 1200px) {

}

@media only screen and (min-width: 993px) {
   
}

@media only screen and (max-width: 1029px) {
    
}
@media only screen and (max-width: 767px) {


}
/* iPhone 5 in portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
circle-container img { display: block; width: 50%; height: 50%; border-radius: 100px; }
#long{
width: 100%;  
}






}

@media only screen and (max-device-width : 270px){
circle-container img { display: block; width: 50%; height: 50%; border-radius: 100px; }


}
@media screen and (min-width: 1240px)  {
}
#bg {
position: relative;
top: 0px;
height: 100%;
width: 100%;
z-index: 0;
}