body {
  font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0px;
  font-size: 15px;
   background: #fff;


}



#line_0 {
    background-color: #e8e; 
    height: 500px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: -100;
    background: url(http://cheshuyka.ru/vr/bg2.jpg);  

 overflow:hidden;
}
#line_0_1 {
  
    height: 500px;
    position: absolute;
    top: 0px;
    width: 100%;
  background-image: linear-gradient(
  rgba(255,255,255,0) 20%,  
  rgba(255,255,255,1) 99%);
    
}

#line_1 {
    height: 100px;
}



#s_menu{
    display:none;
	color: #A9763B;
    font: 26px  Arial; 
	height: 40px;
	width: 70px;
	position: fixed;
    top: 0px;
	right: 5px;
	padding: 5px 0px 0px 0px;
	z-index: 1000;
}

#s_menu_box {
	position: fixed;
	 top: 50px;
  display: none;
  
  width: 100%;

  background: #decfb1;
  padding: 10px 5px 15px 15px;
  z-index: 1000;
}


.logo_line {
  
 
    position: absolute;
    top: 100px;
    width: 100%;
   z-index: 104;

}

#line_2 {
    background-color: #c5b085;
    height: 40px;

   width: 100%;
   
     -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
   z-index: 105;
  opacity: 0.6;
}

#line_2_name {

       position: relative;
    top: -38px;
  width: 100%;
 
 z-index: 106;
}

#line_2_name_1 {

  max-width: 1200px;
  min-width: 1000px;
  margin: 0  auto;
    height: 40px;
    padding: 0px 0px 0px 5px;
 z-index: 107;
}





a.logo {
  color: #A9763B;
  font: 30px  Georgia; 
  text-decoration:none;}
a.logo:focus,a.logo:hover,a.logo:active {
  text-decoration:none;
  }



#line_3 {
   / background-color: #0ff; 
        position: relative;
    top: 40px;


 margin: 0 0 50px 0;

}


#line_3_all {

   / background-color: #ef4; 
      overflow:hidden;
  max-width: 1200px;
//  min-width: 1000px;
  margin: 0 auto;
       min-height: 900px;
       padding: 20px 0px 0px 0px;
}


#line_3_right {
  /  background-color: #ff00dd; 
float:right;
width: 300px;
padding: 0px 0px 0px 20px;
}
#line_3_left {
  /  background-color: #30ff00; 
/padding: 100px;
}



#line_4 {


    

   
margin: 30px;


//  max-width: 1400px;
 // min-width: 1000px;
}

#line_4_all {
background-color: rgba(87,52,36,0.8); 

   padding: 100px 20px 100px 20px;

      overflow:hidden;

  margin: 0 auto;

}


#line_4_left {


    float:left;
 text-align: center;
  width:600px;
}
#line_4_right {
 text-align: left;
 
 
 padding: 20px 0px 0px 650px;

}

.line_4{
  text-transform: uppercase;
 font: 40px Arial;
 line-height:1.5em;
 color: #fff;
}










#line_podval {
  

      position: relative;

    text-align: center;
    padding: 30px;


 z-index: -1;
}


#content {

    background-color: #fff; 
     overflow:hidden;

       min-height: 600px;
       padding: 10px 10px 10px 10px;
       
        text-align: justify;
 
 font: 15px  Georgia;
 line-height:1.3em;

opacity: 0.85;
}

#rk{
  background-color: #fff; 
  margin: 0px 0px 20px 0px;
  padding: 10px 10px 10px 10px;
  opacity: 0.85;
}


.ad{
    position: relative;
  margin: 0px 0px 60px 0px;

 z-index: 100;
}



a.a1 {
  color: #A9763B;
  font-weight: bold; 
  FONT-SIZE:  18px ; 
  text-decoration:none; 
  }
a.a1:focus,a.a1:hover,a.a1:active {
  color:#A9763B;
  text-decoration:underline;
  }

  a {color: #A9763B; font-weight: bold; FONT-SIZE:  15px ; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#A9763B; text-decoration:underline;}


  a.a2 {color: #A9763B; font-weight: bold; FONT-SIZE:  18px ; text-decoration:none;}
  a.a2:focus,
  a.a2:hover,
  a.a2:active {color:#A9763B; text-decoration:underline;}


  a.a3 {color: #A9763B; font-weight: bold; FONT-SIZE:  16px ; text-decoration:none;}
  a.a3:focus,
  a.a3:hover,
  a.a3:active {color:#A9763B; text-decoration:underline;}

  a.a4 {color: #174119; font-weight: bold; FONT-SIZE:  15px ; text-decoration:none;}
  a.a4:focus,
  a.a4:hover,
  a.a4:active {color:#174119; text-decoration:underline;}

  a.a5 {color: #D2AF71; font-weight: bold; FONT-SIZE:  12px ; text-decoration:none;}
  a.a5:focus,
  a.a5:hover,
  a.a5:active {color:#D2AF71; text-decoration:underline;}

  a.rub {color: #A9763B; font-weight: bold; FONT-SIZE:  18px ; text-decoration:none;}
  a.rub:focus,
  a.rub:hover,
  a.rub:active {color:#A9763B; text-decoration:underline;}

  a.l { FONT-SIZE:  10px ; COLOR: #000000; FONT-FAMILY: Times New Roman ; TEXT-DECORATION: line}
  a.l:focus,
  a.l:hover,
  a.l:active {color:#000000; text-decoration:underline;}

  a.hh {color: #A9763B; font-weight: bold; FONT-SIZE:  22px ; text-decoration:none;   display:block;  margin: 10px 0px 20px 10px;}
  a.hh:focus,
  a.hh:hover,
  a.hh:active {color:#A9763B; text-decoration:underline;}

  a.chd {color: #A9763B; font-weight: bold; FONT-SIZE:  18px ; text-decoration:none;   display:block;  margin: 10px 0px 10px 0px;}
  a.chd:focus,
  a.chd:hover,
  a.chd:active {color:#A9763B; text-decoration:underline;}


h1 { FONT-SIZE: 22px ; COLOR: #A9763B; FONT-FAMILY: Times New Roman ; TEXT-DECORATION: none
}

h2 { FONT-SIZE: 18px ; COLOR: #A9763B; FONT-FAMILY: Times New Roman ; TEXT-DECORATION: none
}

b { FONT-SIZE: 13px ; COLOR: #174119; FONT-FAMILY: Times New Roman ; TEXT-DECORATION: none
}

img.a { border-top:  #A9763B 2px solid;  border-right: #A9763B 2px solid; border-bottom: #A9763B 2px solid; border-left : #A9763B 2px solid; }


span.h2 { FONT-SIZE: 22px ; COLOR: #8C8935; FONT-FAMILY: Times New Roman ; TEXT-DECORATION: none
}

span.h3 { FONT-SIZE: 18px ; COLOR: #8F8D4B; FONT-FAMILY: Times New Roman ; TEXT-DECORATION: none
}









.inst {
 display:block; 
  margin: 10px auto;   
  max-width:95%;
  height: auto;
  border: 4px solid rgba(255, 255, 255, 0.3);
    }

.gal_ins {
 / height: 300px;
padding: 0px 10px 50px 10px;

}





#instagram{
  
  
 
      padding: 20px 20px 5px 30px;
  
}

  a.insche {
    color: #A9763B;
    font-weight: bold;
    FONT-SIZE:  19px ;
    text-decoration:none;
      
    }
  a.insche:focus,
  a.insche:hover,
  a.insche:active {}

.i_logo {
   position: relative;
    top: 8px;
  
  width:30px;

  
    }


.inst{
  cursor: pointer;
}



#fff {
  background: #fff;
  position: relative;
  display: inline-block;
 overflow:hidden;
float:left;
  width:20%;
}


.loop, .loop_art{    
cursor: pointer;
  background: url(http://cheshuyka.ru/pic/loopa.png)100% 100% no-repeat;   /* Добавляем фон */
  background-size: cover; /* Масштабируем фон */
  position: absolute;
  width: 8px;
   height:8px;
	top: 50%;
	left: 50%;
  margin-top: -10px;
  margin-left: -10px;
	visibility: hidden;
  background-color: rgba(255,255,255,0.9); 
   
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  
  padding: 10px;
  opacity: 0.1;
    
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;  
  transition:  all 200ms ease-out;      
}
#fff:hover > .loop {
  
  width: 80px;
  height:80px;
  top: 50%;
	left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0.8;
  
	visibility: visible;
  
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;  
  transition:  all 200ms ease-out;  
}


.strelka {    
  background: url(http://cheshuyka.ru/pic/strelka.png)100% 100% no-repeat;   /* Добавляем фон */
  background-size: cover; /* Масштабируем фон */
  position: absolute;
  width: 300px;
   height:300px;
   top: 50%;
	left: 50%;
  margin-top: -150px;
  margin-left: -150px;

	visibility: visible;
  background-color: rgba(255,255,255,0.9); 
   
 text-align: center;

  opacity: 0.5;
    
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;  
  transition:  all 200ms ease-out;      
}
#fff:hover > .strelka {
  

  
	left: 300px;

  opacity: 0.1;
  
	visibility: hidden;
  
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;  
  transition:  all 100ms ease-out;  
}





#art{


padding: 0px 20px 5px 20px;





}

.artimg_a{
cursor: default;
}

.artimg, .artimg_art{
  display:block; 
  margin:0 auto;
  max-width:100%;
  height: auto;
  border: none;
cursor: pointer;
}

#artimg_fff {

 position: relative;
    display:block; 
 overflow:hidden;
margin:0 auto;
}



#artimg_fff:hover > .loop_art {
  
  width: 80px;
  height:80px;
  top: 50%;
	left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0.8;
  
	visibility: visible;
  
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;  
  transition:  all 200ms ease-out;  
}


iframe {
 display:block; 
  margin:0 auto;
  

}



#video{
position: relative;
max-width: 650px;
 margin: 0 auto;
}

.video-responsive { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow:hidden; 
} 
.video-responsive iframe, 
.video-responsive object, 
.video-responsive embed {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%;
  height: 100%; 
}


.a{
  display:block; 
  margin:0 auto;
  max-width:100%;
  height: auto;
  border: none;
}



#rvs{
padding: 10px 2px 10px 2px;

max-height: 400px; 

}


@media screen and (max-width:1000px){
	
	.logo_line {position: fixed; top: 0px; left: 0px;}
	.logo_line_2 {position: fixed; top: 0px; left: 0px;}
	#line_2 {opacity: 0.9;}
	#line_1 {display:none;}
	.logo_line{height: 40px; }
	
	#line_3_all {

       padding: 0px 0px 0px 0px;
	}
	
	
	#s_menu{display:block;}
	

	#line_4 {display:none;}
	
#line_3_right{display:none;}

#line_3_left {width: 100%;}

h1 {FONT-SIZE:  25px ;}
h2 {FONT-SIZE:  22px ;}


.oldimg{
  display:block; 
  margin:0 auto;
  max-width:50%;
  height: auto;
  border: none;
}





}