body {
background:#fff;
font-family:Arial, sans-serif;
}


.clearout {
height:20px;
clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
    overflow: auto;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;
    background:#fcfcfc;
    /* background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); 
    background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eee)); 
    background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); 
    background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); 
    background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); 
    background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); */
    /*border:1px solid #ccc;*/
   /* border-radius:5px;*/
    -moz-border-radius:5px;
    -webkit-border-radius:5px;  
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    max-width: 71%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    padding:5px 10px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;      
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);   
    background: rgba(0,0,0,0.5);
    color: #fff;;     
}

.nbs-flexisel-nav-left {
    left: 10px;
}

.nbs-flexisel-nav-left:before {
    content: "<"
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 5px;    
}

.nbs-flexisel-nav-right:before {
    content: ">"
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}
.flex .container {
font-size: 13px !important;
}


section a {
opacity: 0.9;	
}
section a:hover {
opacity: 1;	
}


/*Новые стили*/

.form-m {
margin-bottom: 5%;
}
.dbdata {
color: #3d7ba0;
}
.dateentr {
border: 2 !important;
border:1px solid black; 
background-color: none!important;
}
.dateentrfon{
height: 53px;
}
.link {
  position: relative;
  color: #4d5752!important; 
}
.link::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
}


.link::after {
  width: 0;
  transition: 0.3s;
  text-decoration: none
}
.link:hover:after {
  width: 100%;
}

.link::after {
  left: 50%;
  transform: translateX(-50%);
}
.link {
  background-size: 0 1px;
  transition: 0.3s;
}
.link:hover {
  background-size: 100% 1px;
}

.linkm {
margin-bottom: 2%;
}

.bdfin {
color: #3e84a6!important;
}

ul.hr {
    /* Обнуляем значение отступов и полей */
    margin: 0; padding: 0;
   }
   ul.hr li {
    display: inline-block; /* Строчно-блочный элемент */

    padding: 3px; /* Поля вокруг текста */
   }
   
   .hasCD:focus {
  border-color: #486193!important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #70b1ea!important;
   }
   .hasCD{
  border-color: #526988!important;
   }
   
.er{
   margin-bottom: 70px;
   }
   
 .moogfon{  

 
 
background-image: url(/images/moog-grandmother-2.png);
background-repeat: no-repeat;
width: 100%;
height: 100%;
position: absolute;
}


.moogfon-3{  

 
 
background-image: url(/images/Katya.png);
background-repeat: no-repeat;
width: 100%;
height: 100%;
position: absolute;
}





.bottom-icon {

}

.bottom-iconxs{


}


.blink-1 {
  animation-name: blink;
  animation-timing-function: linear;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
}
.blink-2 {
  animation-name: blink;
  animation-timing-function: linear;
  animation-duration: 0.3s;
  animation-iteration-count: infinite;  
}
@keyframes blink {
  28% {
    opacity: 0.5;
  }
}
.moogbottom {

}

.moogimg {
opacity: 0.7;
background-image: url(/images/moogbottom.png);
background-repeat: no-repeat;
  width: 53px;
  height: 54px;
  left: 256px;
position: relative;
top: 157px;
}

.moogimg :hover {
bottom: -154px;
margin-left: 253px;
}

.moogimgxs {
opacity: 0.7;
background-image: url(/images/moogbottom.png);
background-repeat: no-repeat;
  width: 53px;
  height: 54px;
left: 257px;
position: relative;
top: 157px;
}






.moogimgb {
background-image: url(/images/moogbottom.png);
width: 6%;
height: 77%;
position: absolute;
}
.sdr {
color: #40e85a !important;
margin-top: 16%;
margin-left: 7%;
}

.sdr2 {
color: #40e85a !important;
margin-top: 0%;
margin-left: 7%;
}
.sdrxs{
margin-top: 0%;
margin-left: 50%;
color: #40e85a !important;

}

.posbeatles {
margin-top: 9%;
margin-left: 14%;
color: #14712b;
}

.posgar {
margin-top: 1%;
margin-left: 14%;
color: #14712b;
}

.posbeatlesxs {
margin-top: 33%;
margin-left: 28%;
color: #14712b;
}


.sdrk {
margin-left: 5%
}

@keyframes blink {
            0% {
                opacity: 1;
            }
            30% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }

        .blinking-text {
            text-align: center;
            margin-top: 20%;
            font-size: 24px;
            color: green;
            animation: blink 1s infinite; 
        }
		
		
.photo-sl  {
margin-left: 16%;
}
.backi {
background-image: url(/images/zoo4.png);
}
.auxs{
display: block !important;
vertical-align: baseline;
width: 100% !important;
}

.rowxs {
  margin-left: 0%!important;
}


/*Новый слайдер до после*/
.slayden-savnena {  
  height: 74vw;
  margin: 1vw auto;
  max-height: 748px;
 /* max-width: 1000px;*/
  max-width: 95%;
  overflow: hidden;
  width: 100vw;
}







.slayden-savnena figure {  
background-image: url(/img/7.jpg);
  background-size: cover;
  font-size: 0;
  height: 90%;
  margin: 0;  
  position: relative;
  width: 100%;  
}
#kobavenusab {
background-image: url(/img/5.jpg);
  background-size: cover;
  bottom: 0;
  border-right: 5px solid rgba(243, 240, 240, 0.7);
  box-shadow: 10px 0 15px -13px #171717;
   height: 100%;

  max-width: 98.6%;
  min-width: 0.6%;
  overflow: visible;
  position: absolute;
  width: 50%;  
  animation: first 2s 1 normal ease-in-out 0.1s;  
  -webkit-animation: first 2s 1 normal ease-in-out 0.1s;  
}
input#pedsumid {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;  
  background: transparent;
  cursor: col-resize;
  height: 100vw;
  left: 0;
  margin: 0;
  outline: none;  
  padding: 0;
  position: relative;
  top: -100vw;
  width: 100%;
}
input#pedsumid::-moz-range-track {  
  background: transparent;  
}
input#pedsumid::-ms-track {
  border: none;  
  background-color: transparent;
  height: 100vw;  
  left: 0;  
  outline: none;  
  position: relative;
  top: -100vw;  
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: col-resize;
  color:transparent;
}
input#pedsumid::-ms-fill-lower {
  background-color:transparent;
}
input#pedsumid::-webkit-slider-thumb {
  -webkit-appearance:none;
  height: 100vw;
  width: 0.5%;
  opacity: 0;
}
input#pedsumid::-moz-range-thumb {
  -moz-appearance: none;
  height: 100vw;
  width: 0.5%;
  opacity: 0;
}  
input#pedsumid::-ms-thumb {
  height: 100vw;
  width: 0.5%;  
  opacity:0;
}
input#pedsumid::-ms-tooltip {
  display:none;
}
#kobavenusab::before {
  background: url(https://zornet.ru/ABVUN/Aba/detunis/comparision.png) no-repeat scroll 0 center transparent;
  background-size:contain;
  content: " ";
  float: right;
  height: 100%;
  margin-right: -34px;
  position: relative;
  top:0;
  width: 64px;
}
@keyframes first {
  0% {width: 0%; }
  50% {width: 80%; }
  100% {width: 50%; }
}
@-webkit-keyframes first {
  0% {width: 0%; }
  50% {width: 80%; }
  100% {width: 50%; }
}
/*Новый слайдер до после*/