*{padding:0;margin:0;font-family: Arial;}
body{width: 100%;min-width:505px;background-color: #fff;background-attachment:fixed; color:#334;line-height: 1.5;}
/* box-shadow: 0px 0px 10px #000;position: absolute;background-attachment: fixed;background-size:cover;font-family: Arial,Helvetica,sans-serif;position: fixed; */
a {text-decoration: none;}
p{display: inline-block;}
ul{list-style-type:none}
h1{text-align: center;}
h3{padding: 5px 0;color:#fff;}
header{width: 100%;background: linear-gradient(180deg, #d38b00 0%, #e0c67d 60%, #c70 96%, #b66822 97%, #be7026 100%);overflow: hidden;height: 123px;}
div.schir a{color:#fff;}
div.schir{width: 100%;background-color: #e6ae51;}
div.l{max-width: 1200px;padding: 0 ;margin: 0 auto 0 auto;}
header img {height: 115px;float: left;position: relative;z-index: 1; -webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}/* padding:5px 0 0 10px; */
header img.wat{height: 45px;float: left;position: relative;z-index: 3; -webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
header span.wat-no{float: right;margin: 80px -150px 0 0;position: relative;z-index: 2;color:#fff;display: none;}
header span.wat{float: right;margin: 70px -260px 0 0;position: relative;z-index: 2;color:#fff;}
header p {font-size: 24px;float: right;margin: 0px 5px 0 0;position: relative;z-index: 2;color:#fff;text-shadow: -1px 1px 0px #333;}
header span.wat-no a{color:#ffd977;text-shadow: -1px 1px 0px #333;border: 4px solid #e5b940;padding: 3px 25px;background-color: rgba(183, 133, 64, 0.65);
box-shadow: -1px 1px 0px #333;font-size: 20px;border-radius: 10px;}
header span a:hover{color:#fff;background-color: #ffa63f;box-shadow: none;text-shadow: none;}
.fon{background-image: url('bd.jpg');overflow: hidden;width: 100%;height: 120px;}
nav{max-width: 1200px;background-color: #e6ae51;margin: 0 auto 0 auto;}
nav p{line-height: 2.5;text-align:justify;vertical-align: top;width: 100%;}
nav a{padding: 12px 3% 11px 3%;transition: .4s all linear;background:#e6ae51;color:#fff;}
nav a:hover{background-color: #bd6f25;color:#000;}
nav span.wip{background-color: #bd6f25;color:#fff;padding: 12px 3% 10px 3%;}
nav a.wip{background-color: #bb6d24;color:#fff;padding: 12px 3% 10px 3%;}
nav span.wip img{height: 32px; margin-bottom: -11px;}
.cont{overflow: hidden;max-width: 1200px;min-width:505px;padding: 0 ;margin: 20px auto;display: block;}
.cen{margin: 0 auto;background-color: #fff;}
footer{width: 100%;box-shadow: 0px 0px 5px #333;min-height: 150px;background-color: linear-gradient(0deg, #d38d04 0%, #dfc477 60%, #ce7d0a 96%, #bb6d24 97%, #99672a 100%);
color:#845419;text-shadow: -1px 1px 0px rgba(238, 227, 255, 0.48);overflow: hidden;background-image: url(bd.jpg);/* background-size: cover; */}
footer p{font-size: 20px;border-top: 2px solid #d3a063;margin: 2px 0 0 0;text-align: center;width: 100%;}
footer a{color:#99672A;}
footer ul{width: 40%;float: left;overflow: hidden;padding: 0 0 0 10%;}
.center{margin:0 0 20px 0;overflow: hidden;}
p.center{width: 100%;}
.z1{width: 31%;margin: 10px 1%;background-color: #e6ae51;float: left;overflow: hidden;box-shadow: -1px 1px 4px #000;
-webkit-box-shadow: -1px 1px 4px #000;border-radius: 20px;background-image: url(bon.jpg);background-size: 100%;}
/* .z1:hover{background-color: #bb6d24;} */
.z1 img.w{width: 100%;}
.z1 a{color:#fff;}
.z1 p{font-size: 20px;font-weight: 700;color: #68360c;text-shadow: -1px 1px 1px #ffffff59;}
div.z2{
	width: 23%;
	box-shadow: -1px 1px 2px #333;
	-webkit-box-shadow: -1px 1px 2px #333;
}
div.z3{
	width: 48%;
	height: 200px;
	box-shadow: -1px 1px 2px #333;
	-webkit-box-shadow: -1px 1px 2px #333;
}
div.z3 img{width: 100%;}
div.dop{background-color: #99672a;margin:20px 0;overflow: hidden;text-align: center;padding: 5px;}
div.dop div{min-height: 25px;margin: 5px;background: #e6ae51;float: left;transition: .5s all linear;}
.dop1{width: 44%;}
.dop2{width: 26%;}
div.dop div:hover{background-color: #99672a;background-image: none;}
/* .sl  {box-shadow: 0px 0px 5px #333;background-color: #fff;} */
.header{position: relative;z-index:2;border-bottom: 2px solid #99672a;color:#334;}
p.left{text-align:left;padding:30px 0 30px 140px;background-color: #ffeeac;}
p.right{text-align:right;padding:30px 140px 30px 0;background-color:#fff;}
.a{background-image:url('img/klic1.png');background-repeat: no-repeat;background-position: 0% 50%;}
.b{background-image:url('img/klic3.jpg');background-repeat: no-repeat;background-position: 100% 50%;}
.c{background-image:url('img/klic2.png');background-repeat: no-repeat;background-position: 0% 50%;}
.d{background-image:url('img/klic4.jpg');background-repeat: no-repeat;background-position: 100% 50%;}
.e{background-image:url('img/klic5.png');background-repeat: no-repeat;background-position: 100% 50%;}
.f{background-image:url('img/klic6.png');background-repeat: no-repeat;background-position: 0% 50%;}
.header p{font-size: 18px;display: block;}
.center {text-align: center;}
div.blok1{border-bottom: 2px solid #ab77d1;overflow: hidden;background-image:url('img/PSofia08.jpg');background-attachment: fixed;background-size: cover;
background-position: 50% 50%;background-repeat: repeat;height: 600px;}
.width{max-width: 1200px;margin: 210px auto 0 auto;}
.width h2 {text-align: center;color:#fff;max-width: 800px;text-shadow: -2px 2px 2px #000;font-size: 24px;background-color: rgba(89, 89, 89, 0.41);
padding: 10px;margin: 0 auto 0 auto;}
.width a{color: #fff;box-shadow: -1px 1px 2px #000;font-size: 18px;display: block;background-color: rgba(183, 127, 26, 0.58);
border: 3px solid #99672a;margin: 1% auto;max-width: 380px;padding: 5px;transition: .1s all linear;}
.width a:hover{background-color: #99672a;box-shadow: 0px 0px 0px #000;}
div.blok2{border-bottom: 2px solid #ab77d1;overflow: hidden;background-image:url('img/biewer-york-pups-fokker.jpg');background-attachment: fixed;
background-size: cover;background-position: 50% 50%;background-repeat: repeat;height: 600px;}
.sl img{width: 100%;margin-bottom: -7px;}
.strelka{margin-top: -43px;}
.knop{font-weight: 700;text-align: center;margin: 25px auto 20px auto;padding: 10px 10px;font-size: 26px;background: linear-gradient(0deg, #7eb137 0%, #abe950 60%, #74a433 100%);
color: #fff;border-radius: 20px;box-shadow: -3px 3px 3px #333, inset 0 0 10px #405A1C;display: inline-block;}
.no{background: linear-gradient(0deg, #e11b1b 0%, #fc7f55 60%, #e91c1c 100%);box-shadow: -3px 3px 3px #333, inset 0 0 10px #5A1C1C;}
.knop:hover{background: linear-gradient(0deg, #b0e764 0%, #bbfe59 60%, #b1e66a 100%);box-shadow: 0px 0px 0px #fff, inset 0 0 10px #405A1C;}
.no:hover{background: linear-gradient(0deg, #f00 0%, #ffa88b 60%, #f00 100%);box-shadow: 0px 0px 0px #fff, inset 0 0 10px #5A1C1C;}
.skr_bok{position: fixed;background-image:url('led_bg.png');background-color: rgba(0, 0, 0, 0.6);padding: 0 10px 0 5px;z-index: 100;
border: 1px solid #333;border-radius: 0 20px 20px 0;
font-weight: 700;box-shadow: 2px 2px 3px #333;top:60%;left: 0px;text-align: right;}
.skr_bok a{color:#fff;}
.skr_bok a:hover{color:#f79;}
.skr_bok li{padding: 7px 0 7px 0;}
p.stat{display: block;font-size: 21px;line-height: 1;padding: 5px;}
p.stat a{color:#fff;display: block;}
.kartinka {width: 90%;display: block;margin: 0 auto;}
.ser {font-size: 22px;color:#999;}
.foto_rek{border: 5px solid #fff;width: 48%;box-shadow: -1px 1px 3px #333;}
.foto_obr{margin: 0 auto;width: 100%;}/* display: block;margin: 15px auto;max-width: 700px; */
.drewo{margin: 0 auto;max-width: 600px;}
.centr{max-width: 1200px;margin: 0 auto;background-image: url(img/2018.jpg);
background-repeat: no-repeat;
background-position: 100% 0%;}
.fon_glav{background-image:url('img/yorkie-calendar-2016-22b.jpg');background-size: 100% 100%;background-repeat: no-repeat;}
video.cent{margin: 0 auto;display: block;}
video.foto_rek{border: 5px solid #000;box-shadow: -1px 1px 2px #333;}
.objav p{margin: 0 0 0 206px;}
.nizok{overflow: hidden;}
p.coment{font-size: 10px;margin: -23px auto 0 auto;display: block;}

.kartina{overflow: hidden;}
.kartina img{display: block;transition: .8s all linear;}
.kartina img.w_1{width: 100%;}
div.bol img{width: 100%;}
div.mal{width: 50%;float: left;}
div.mal_a{width: 50%;float: right;}
div.mal_1{overflow: hidden;float: right;width: 50%;}
div.mal_2{overflow: hidden;float: left;width: 50%;}
div.mal_1 p, div.mal_2 p{font-weight: 700;margin-top: -48px;z-index: 2;position: relative;color: #fff;background-color: #0000004d;height: 48px;}
div.bol p{font-weight: 700;margin-top: -90px;z-index: 2;position: relative;color: #fff;background-color: #0000004d;height: 90px;font-size: 30px;}
div.bol{width: 50%;float: right;overflow: hidden;}
div.bol_a{width: 50%;float: left;overflow: hidden;}
div.bol_a p{font-weight: 700;margin-top: -90px;z-index: 2;position: relative;color: #fff;background-color: #0000004d;height: 90px;font-size: 30px;}
div.bol_a img{width: 100%;}


.c_c{text-align: center;}
.osnov{padding:25px 3px 20px 3px;margin: 15px 5px;}
.osno{padding:25px 0;margin: 15px 5px;}
#j-p{margin-top: 45px;}
.osnov p{text-align: justify;display: block;}
.objav:hover{background:#bd6f25;box-shadow: 0px 0px 0px #fff;}
.objav{transition: .4s all linear;background:#FDE9AE;box-shadow: -2px 2px 3px #000;}
div.objav{min-height: 220px;}
.objav h3{color:#000;}
.chenki{float:left; width:220px; margin:0 23px 0 15px;}
.chenki1{float:left; width:210px; margin:0 10px 0 0;}
.chenki2{float:left; width:180px; margin:0 23px 0 15px;}
.sl .chenki{float:left; width:160px; margin:0 10px 0 0;}
.chenki-p{float:left; height:180px; margin:0 10px 0 0;}
.ot{margin-bottom: 0px;}
.objav  a{color:#000;}
.wazchno p{font-size:24px;}
.sl .wazchno p{font-size:20px;font-weight: 100;}
.wazchno img {float:left;}
.izbr{color:#D38A3C;}
.red{color: #fff;padding: 3px 5px;background-color: #bd6f25;border: 2px solid #fff;}
.gre{color: #fff;padding: 3px 5px;background: linear-gradient(0deg, #7eb137 0%, #abe950 60%, #74a433 100%);border: 2px solid #fff;}
.wazchno{color: #bd6f25;padding: 10px;border: 4px dashed #bd6f25;font-weight: 700;}
.waz{color: #f00;padding: 10px;border: 4px dashed #F00;font-weight: 700;font-size:24px;}
.kor1{float:left;width:13%;margin:0 3% 0 4%;}
.kor{max-width: 650px;margin: 0 auto;overflow: hidden;}
.toto{float:left;margin:0 20px 0 10px;box-shadow:-1px 1px 2px #333;}
.toto1{display:block;float:right;margin:0 0 0 20px;box-shadow:-1px 1px 2px #333;}
p.d_b, .d_b{display:block;color:#000;}
p.r_s{font-size:24px;background: linear-gradient(0deg, #7eb137 0%, #abe950 60%, #74a433 100%);border: 2px solid #fff;border-radius: 20px;}
p.r_s:hover{font-size:24px;background: linear-gradient(0deg, #b0e764 0%, #bbfe59 60%, #b1e66a 100%);border: 2px solid #a2d261;}
p.objav{margin:10px 20% ;padding:0; color:#000;}
p.objav a{color:#fff;display: block;}
.standart{background-image:url('fon.jpg');background-size:cover;background-position: 50% 50%;padding: 20px 0;}
.standart .cont{background-color: rgba(255, 255, 255, 0.4);box-shadow: -1px 1px 3px #666;padding: 10px;min-width: 405px;}
.vverch{background-image:url('f2.jpg');background-size:cover;background-position: 50% 50%;padding-top: 5px;}
table tbody tr td p{text-align:center;}
table.rodotable, table.rodotable td {border: 1px solid #000;}
td{background-color: rgba(255, 255, 255, 0.4);}
table.rodotable p{text-align:center;}
table.rodotable{text-align:center;}
p.c_c , .c_c p{text-align: center;}
h3.zcher{color:#222;font-size:22px;text-align: center;}
.kon{background-image:url('fon1.jpg');background-size:cover;background-position: 50% 50%;padding: 5px 0;}
.foto{padding: 15px;}
.nak{margin-top: -40px;}
.foto img{height: 250px;width: 16%;border: 10px solid #fff;box-shadow: -1px 1px 2px 2px #333;margin-right: -20px;transition: .4s all linear;}
.foto img:hover{border: 10px solid #bd6f25;position: relative;z-index:20;transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
img.foto_1{transform: rotateX(9deg) rotateY(-21deg) rotateZ(0deg);}
img.foto_2{transform: rotateX(9deg) rotateY(-21deg) rotateZ(10deg);}
img.foto_3{transform: rotateX(19deg) rotateY(30deg) rotateZ(-5deg);}
img.foto_4{transform: rotateX(29deg) rotateY(0deg) rotateZ(2deg);}
img.foto_5{transform: rotateX(9deg) rotateY(-1deg) rotateZ(-5deg);}
img.foto_6{transform: rotateX(9deg) rotateY(-21deg) rotateZ(10deg);}
td p{display: block;}
h3.c_c{background-color: #c25d6f;}


/* анимация */
.kartina a:hover img {
    -moz-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}
.line {overflow: hidden;width: 98%;border: 2px solid #fff;box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.7);display: block;margin: 10px auto;
border-radius: 15px;
position: relative;}
.ot img{float: left;position: relative;z-index: 3;margin: -100px 0 0 0;}
#l1.line {min-height: 100px;background: rgb(242, 158, 69);}
#l1.line .line_text {border-radius:15px;font-size: 34px;font-weight: bold;color: #fff;-webkit-animation: l1_animation 20s linear infinite;
-moz-animation: l1_animation 20s linear infinite;}
.line .line_text {width: 100%;height: 100%;position: absolute;z-index: 1;}
.line .line_cover {width: 100%;height: 100%;position: absolute;z-index: 2;background: url(led_bg.png);border-radius:15px;}
@-webkit-keyframes l1_animation {0%{left:100%;}100%{left:-100%;}}
@-moz-keyframes l1_animation {0%{left:100%;}100%{left:-100%;}}

	@-webkit-keyframes buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}
	@-moz-keyframes buzz-out{10%{-moz-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-moz-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-moz-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-moz-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-moz-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-moz-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-moz-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-moz-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-moz-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-moz-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}
	@-o-keyframes buzz-out{10%{-o-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-o-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-o-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-o-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-o-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-o-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-o-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-o-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-o-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-o-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}
	@keyframes buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}

	@-webkit-keyframes si-rotate {from {-webkit-transform:rotate(0deg);transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
	@-moz-keyframes si-rotate {from {-moz-transform:rotate(0deg);transform:rotate(0deg);} to {-moz-transform:rotate(360deg);transform:rotate(360deg);}}
	@-o-keyframes si-rotate {from {-o-transform:rotate(0deg);transform:rotate(0deg);} to {-o-transform:rotate(360deg);transform:rotate(360deg);}}
	@keyframes si-rotate {from {-webkit-transform:rotate(0deg);transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
	
div.fon_glav:hover span{-webkit-animation:buzz-out 1 linear 1.0s;-moz-animation:buzz-out 1 linear 1.0s;-o-animation:buzz-out 1 linear 1.0s;animation:buzz-out 1 linear 1.0s;}
div.blok2:hover .width a{-webkit-animation:buzz-out 1 linear 1.0s;-moz-animation:buzz-out 1 linear 1.0s;-o-animation:buzz-out 1 linear 1.0s;animation:buzz-out 1 linear 1.0s;}
div.blok1:hover .width a{-webkit-animation:buzz-out 1 linear 1.0s;-moz-animation:buzz-out 1 linear 1.0s;-o-animation:buzz-out 1 linear 1.0s;animation:buzz-out 1 linear 1.0s;}
div.nizok:hover span.akz1{-webkit-animation:buzz-out 1 linear 1.0s;-moz-animation:buzz-out 1 linear 1.0s;-o-animation:buzz-out 1 linear 1.0s;animation:buzz-out 1 linear 1.0s;}
.z1:hover .knop{-webkit-animation:buzz-out 1 linear 1.0s;-moz-animation:buzz-out 1 linear 1.0s;-o-animation:buzz-out 1 linear 1.0s;animation:buzz-out 1 linear 1.0s;}
/* .strelka img{-webkit-animation:si-rotate infinite linear 13.8s;-moz-animation:si-rotate infinite linear 13.8s;-o-animation:si-rotate infinite linear 13.8s;animation:si-rotate infinite linear 13.8s;} */
header img:hover {-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}

svg.ya-chat-icon{
	-webkit-animation: muli infinite ease-in-out 15s;
	-moz-animation: muli infinite ease-in-out 15s;
	-o-animation: muli infinite ease-in-out 15s;
	animation: muli infinite ease-in-out 15s;
}
@-webkit-keyframes muli {
 from {
  transform:rotateY(0deg);
 }
 10% {
  transform:rotateY(360deg);
 }
 50% {
  transform:rotateY(360deg);
 }
 60% {
  transform:rotateY(0deg);
 }
 to {
  transform:rotateY(0deg);
 }
}
@-moz-keyframes muli {
 from {
  transform:rotateY(0deg);
 }
 10% {
  transform:rotateY(360deg);
 }
 50% {
  transform:rotateY(360deg);
 }
 60% {
  transform:rotateY(0deg);
 }
 to {
  transform:rotateY(0deg);
 }
}
@-o-keyframes muli {
 from {
  transform:rotateY(0deg);
 }
 10% {
  transform:rotateY(360deg);
 }
 50% {
  transform:rotateY(360deg);
 }
 60% {
  transform:rotateY(0deg);
 }
 to {
  transform:rotateY(0deg);
 }
}
@keyframes muli {
 from {
  transform:rotateY(0deg);
 }
 10% {
  transform:rotateY(360deg);
 }
 50% {
  transform:rotateY(360deg);
 }
 60% {
  transform:rotateY(0deg);
 }
 to {
  transform:rotateY(0deg);
 }
}


img.pro_1{
	-webkit-animation: floating1 infinite ease-in-out 15s;
	-moz-animation: floating1 infinite ease-in-out 15s;
	-o-animation: floating1 infinite ease-in-out 15s;
	animation: floating1 infinite ease-in-out 15s;
}
img.pro_2{
	-webkit-animation: floating2 infinite ease-in-out 20s;
	-moz-animation: floating2 infinite ease-in-out 20s;
	-o-animation: floating2 infinite ease-in-out 20s;
	animation: floating2 infinite ease-in-out 20s;
}
img.pro_3{
	-webkit-animation: floating3 infinite ease-in-out 15s;
	-moz-animation: floating3 infinite ease-in-out 15s;
	-o-animation: floating3 infinite ease-in-out 15s;
	animation: floating3 infinite ease-in-out 15s;
}
@-webkit-keyframes floating1 {
 from {
  -webkit-transform:translate(0, 0px);
 }
 20% {
  transform:translate(35px, -150px);
 }
 40% {
  transform:translate(200px, -130px);
 }
 60% {
  transform:translate(320px, 20px);
 }
 80% {
  transform:translate(100px, 110px);
 }
 to {
  -webkit-transform:translate(0, -0px);
 }
}
@-moz-keyframes floating1 {
 from {
  -moz-transform:translate(0, 0px);
 }
 20% {
  transform:translate(35px, -150px);
 }
 40% {
  transform:translate(200px, -130px);
 }
 60% {
  transform:translate(320px, 20px);
 }
 80% {
  transform:translate(100px, 110px);
 }
 to {
  -moz-transform:translate(0, -0px);
 }
}
@-o-keyframes floating1 {
 from {
  -o-transform:translate(0, 0px);
 }
 20% {
  transform:translate(35px, -150px);
 }
 40% {
  transform:translate(200px, -130px);
 }
 60% {
  transform:translate(320px, 20px);
 }
 80% {
  transform:translate(100px, 110px);
 }
 to {
  -o-transform:translate(0, -0px);
 }
}
@keyframes floating1 {
 from {
  transform:translate(0, 0px);
 }
 20% {
  transform:translate(35px, -150px);
 }
 40% {
  transform:translate(200px, -130px);
 }
 60% {
  transform:translate(320px, 20px);
 }
 80% {
  transform:translate(100px, 110px);
 }
 to {
  transform:translate(0, -0px);
 }
}

@-webkit-keyframes floating2 {
 from {
  -webkit-transform:translate(0, 0px);
 }
 15% {
  transform:translate(-35px, 150px);
 }
 30% {
  transform:translate(-200px, 70px);
 }
 45% {
  transform:translate(-420px, 160px);
 }
 60% {
  transform:translate(-500px, 70px);
 }
 75% {
  transform:translate(-300px, -100px);
 }
 90% {
  transform:translate(-150px, 70px);
 }
 to {
  -webkit-transform:translate(0, -0px);
 }
}
@-moz-keyframes floating2 {
 from {
  -moz-transform:translate(0, 0px);
 }
 15% {
  transform:translate(-35px, 150px);
 }
 30% {
  transform:translate(-200px, 70px);
 }
 45% {
  transform:translate(-420px, 160px);
 }
 60% {
  transform:translate(-500px, 70px);
 }
 75% {
  transform:translate(-300px, -100px);
 }
 90% {
  transform:translate(-150px, 70px);
 }
 to {
  -moz-transform:translate(0, -0px);
 }
}
@-o-keyframes floating2 {
 from {
  -o-transform:translate(0, 0px);
 }
 15% {
  transform:translate(-35px, 150px);
 }
 30% {
  transform:translate(-200px, 70px);
 }
 45% {
  transform:translate(-420px, 160px);
 }
 60% {
  transform:translate(-500px, 70px);
 }
 75% {
  transform:translate(-300px, -100px);
 }
 90% {
  transform:translate(-150px, 70px);
 }
 to {
  -o-transform:translate(0, -0px);
 }
}
@keyframes floating3 {
 from {
  transform:translate(0, 0px);
 }
 15% {
  transform:translate(-135px, 150px);
 }
 22% {
  transform:translate(-200px, 70px);
 }
 30% {
  transform:translate(-300px, 160px);
 }
 45% {
  transform:translate(-150px, 300px);
 }
 60% {
  transform:translate(-50px, 150px);
 }
 75% {
  transform:translate(150px, 270px);
 }
 87% {
  transform:translate(250px, 90px);
 }
 to {
  transform:translate(0, -0px);
 }
}

	/* Анимация */



.glav{border-bottom: 3px solid #c65563; color:#000;overflow: hidden;padding: 10px;}
.glav p{display: block;}
.glav  li {background-position: 0 4px;background-repeat: no-repeat;padding-left: 35px;margin-bottom: 20px;}/* background-image: url(coffe.png); */
.r{width: 210px;float: right;}
.r img{width: 200px;margin: 5px;}
.text-bold{font-weight: 700;}
.os div.center div.z2 img{width: 96%;margin: 2%;}
.os div.center div.z2{box-shadow: 2px 1px 3px #333;transition: .5s all linear;}
.r1, .r2, .r3, .r4, .r5, .r6{position: relative;}
.r1{z-index: 10;}
.r2{z-index: 9;margin-left: -8%;}
.r2:hover{z-index: 9;margin-left: 0px;}
.r3{z-index: 8;margin-left: -8%;}
.r3:hover{z-index: 8;margin-left: 0px;}
.r4{z-index: 7;margin-left: -8%;}
.r4:hover{z-index: 7;margin-left: 0px;}
.r5{z-index: 6;margin-left: -8%;}
.r5:hover{z-index: 6;margin-left: 0px;}


/* акция */
.bok_l{width: 50%;float: left;}
.bok_r{width: 50%;float: right;}
del{color:#888;}
.sl img.svet{width: 46px; z-index:99; position: absolute;}
img.pro_1{top: 300px;left: 73px;}
img.pro_2{top: 300px;left: 505px;}
img.pro_3{left: 305px;}

/* предложения партнеров */
img.pred{width: 30%;}
p.t_r{text-align: right;}
div.bloc_pred{overflow: hidden;margin: 0 3%;}
@media screen and (min-width:200px) and (max-width:700px) {img.pred{width: 47%;}}

@media screen and (min-width:200px) and (max-width:710px) {div.mal{width: 100%;}}
@media screen and (min-width:200px) and (max-width:710px) {div.bol{width: 100%;}}
@media screen and (min-width:200px) and (max-width:700px) {.sl img.svet{display:none;}}
@media screen and (min-width:200px) and (max-width:600px) {.chenki{width:200px; margin:0 3px 0 0;}}
@media screen and (min-width:200px) and (max-width:965px) {#l1.line .line_text {line-height: 1.2;} #l1.line .line_text {font-size: 28px;}}
@media screen and (min-width:200px) and (max-width:570px) {#l1.line .line_text {font-size: 26px;}}
@media screen and (min-width:200px) and (max-width:850px) {.foto img{width: 32%;}}
@media screen and (min-width:200px) and (max-width:780px) {.dop1{width: 98%;}}
@media screen and (min-width:200px) and (max-width:780px) {.dop2{width: 98%;}}
@media screen and (min-width:200px) and (max-width:780px) {.z1{width: 48%;}}
@media screen and (min-width:200px) and (max-width:780px) {div.z2{width: 48%;}}
@media screen and (min-width:200px) and (max-width:700px) {.foto_rek{width: 98%;}}
@media screen and (min-width:200px) and (max-width:650px) {header p {font-size: 16px;margin: 15px 5px 0 0;}}
@media screen and (min-width:200px) and (max-width:620px) {nav a{padding: 11px 1% 10px 2%;} nav span.wip{padding: 11px 2% 10px 2%;}}
@media all and (not handheld) {header span.wat{display: none;}}
@media screen and (min-width:720px) and (max-width:9999px) {header span.wat{display: none;} header span.wat-no{display: inline;}}
/* p {-moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
 */

/* ---- 3D вид ----
img{transform: rotateX(9deg) rotateY(-21deg) rotateZ(16deg);
perspective: 248px;} */


div.zakaz span {
	padding:5px 20px;
	font-size: 26px;
	background: linear-gradient(0deg, #7eb137 0%, #abe950 60%, #74a433 100%);
	color: #fff;
	border-radius: 20px;
	box-shadow: inset 0 0 10px #405A1C;
	display: inline-block;
}
div.zakaz {width: 100%;padding-top: 30px;
	display: none;
	font-weight: 700;
    text-align:center;
    position: fixed;
    bottom: 0px;
    z-index:999;
}
div.zakaz span:hover {
	background: linear-gradient(0deg, #b0e764 0%, #bbfe59 60%, #b1e66a 100%);
	box-shadow: 0px 0px 0px #000, inset 0 0 10px #405A1C;
}
div.zakaz span{
        border:2px solid #8cc240;
        transition:.3s;
        -webkit-animation:hoverWave linear 1s infinite;
        animation:hoverWave linear 1s infinite;
}
@media only screen and (max-width: 640px) {div.zakaz {display: block;}}



@-webkit-keyframes hoverWave {
0% {
        box-shadow:0 8px 10px rgba(61, 253, 56, 0.4),0 0 0 0 rgba(82, 253, 56, 0.3),0 0 0 0 rgba(68, 253, 56, 0.3)
}
40% {
        box-shadow:0 8px 10px rgba(75, 253, 56, 0.5),0 0 0 15px rgba(68, 253, 56, 0.4),0 0 0 0 rgba(75, 253, 56, 0.4)
}
80% {
        box-shadow:0 8px 10px rgba(82, 253, 56, 0.5),0 0 0 30px rgba(68, 253, 56, 0),0 0 0 26.7px rgba(75, 253, 56, 0.2)
}
100% {
        box-shadow:0 8px 10px rgba(68, 253, 56, 0.5),0 0 0 30px rgba(56, 253, 72, 0),0 0 0 40px rgba(75, 253, 56, 0)
}
}
@keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(61, 253, 56, 0.4),0 0 0 0 rgba(82, 253, 56, 0.3),0 0 0 0 rgba(68, 253, 56, 0.3)
}
40% {
        box-shadow:0 8px 10px rgba(75, 253, 56, 0.5),0 0 0 15px rgba(68, 253, 56, 0.4),0 0 0 0 rgba(75, 253, 56, 0.4)
}
80% {
        box-shadow:0 8px 10px rgba(82, 253, 56, 0.5),0 0 0 30px rgba(68, 253, 56, 0),0 0 0 26.7px rgba(75, 253, 56, 0.2)
}
100% {
        box-shadow:0 8px 10px rgba(68, 253, 56, 0.5),0 0 0 30px rgba(56, 253, 72, 0),0 0 0 40px rgba(75, 253, 56, 0)
}
}