/*@font-face {
  font-family: "600RegularCaps";
  src: url("../fonts/PH-600RegularCaps.otf");
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "600RegularCaps";
  src: url("../fonts/PH-600RegularCaps.eot"); /* IE9 Compat Modes */
  src: url("../fonts/PH-600RegularCaps.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/PH-600RegularCaps.otf") format("opentype"), /* Open Type Font */
    url("../fonts/PH-600RegularCaps.svg") format("svg"), /* Legacy iOS */
    url("../fonts/PH-600RegularCaps.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/PH-600RegularCaps.woff") format("woff"), /* Modern Browsers */
    url("../fonts/PH-600RegularCaps.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
#fullpage{
  padding: 0;
}
a:hover,
a:focus{
  text-decoration: none;
  outline: none;
}
.section{
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
#section0{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4e9ff+0,86ccf5+77,73c4f4+100 */
background: #c4e9ff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #c4e9ff 0%, #86ccf5 77%, #73c4f4 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #c4e9ff 0%,#86ccf5 77%,#73c4f4 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #c4e9ff 0%,#86ccf5 77%,#73c4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4e9ff', endColorstr='#73c4f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#section1{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4e9ff+0,86daf5+77,73d4f4+100 */
background: #c4e9ff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #c4e9ff 0%, #86daf5 77%, #73d4f4 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #c4e9ff 0%,#86daf5 77%,#73d4f4 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #c4e9ff 0%,#86daf5 77%,#73d4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4e9ff', endColorstr='#73d4f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#section2{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87e3eb+23,75c9d0+100 */
background: #87e3eb; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #87e3eb 23%, #75c9d0 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #87e3eb 23%,#75c9d0 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #87e3eb 23%,#75c9d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e3eb', endColorstr='#75c9d0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
position: relative;
z-index: 18;
}
#section3{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cbc2f4+17,a99ede+70 */
background: #cbc2f4; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #cbc2f4 17%, #a99ede 70%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #cbc2f4 17%,#a99ede 70%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #cbc2f4 17%,#a99ede 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbc2f4', endColorstr='#a99ede',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
z-index: 20;
position: relative;
}
.vel{
  position: absolute;
   bottom: 30%;
  left: 47%;
  margin: auto;
  -moz-transform:   translate3d(-250%, 50%, 0);
-webkit-transform:  translate3d(-250%, 50%, 0);
-o-transform:   translate3d(-250%, 50%, 0);
-ms-transform:  translate3d(-250%, 50%, 0);
transform:  translate3d(-250%, 50%, 0);
max-width: 90%;
width: 780px;
-webkit-transition: transform 6s ease;
-moz-transition: transform 6s ease;
-ms-transition: transform 6s ease;
-o-transition: transform 6s ease;
transition: transform 6s ease;
-webkit-animation: vel 2s infinite linear;
    -moz-animation: vel 2s infinite linear;
    -ms-animation: vel 2s infinite linear;

    -o-animation: vel 2s infinite linear;
    animation: vel 2s infinite linear;
    /*animation: none; */
    /*animation: none; */
        max-height: 44vh;
        width: 780px;
}
.vel.active{
  -moz-transform:   translate3d(-50%, 50%, 0);
-webkit-transform:  translate3d(-50%, 50%, 0);
-o-transform:   translate3d(-50%, 50%, 0);
-ms-transform:  translate3d(-50%, 50%, 0);
transform:  translate3d(-50%, 50%, 0);
}

.velin{
  padding-bottom: 64.87%;
width: 100%;
position: relative;
    max-height: 44vh;
    width: 100%;
}

.velimg{
  max-width: 60vw;
  max-height: 44vh;
  width: auto;
  height: auto;
  position: absolute;
  left: 0;

}

.leftwheel{
    width: 39.23%;
    height: auto;
    position: absolute;
    top: 39%;
    left: 3.2%;
    display: block;
}

.rightwheel{
    width: 39.23%;
    position: absolute;
    top: 37.8%;
    right: 1.2%;
    display: block ;
    height: auto;
}
.leftwheel, .rightwheel{
     -webkit-animation: preloader 20s infinite linear;
    -moz-animation: preloader 20s infinite linear;
    -ms-animation: preloader 20s infinite linear;
    -o-animation: preloader 20s infinite linear;
    animation: preloader 20s infinite linear;
}
.shester{
  width: 19.23%;
  height: 29.644%;
    position: absolute;
    top: 59.4%;
    left: 37.2%;
    display: block;
    -webkit-animation: preloader 4s infinite linear;
    -moz-animation: preloader 4s infinite linear;
    -ms-animation: preloader 4s infinite linear;
    -o-animation: preloader 4s infinite linear;
    animation: preloader 4s infinite linear;
}
.shester img.shest{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pedal1{
    width: 28.67%;
        position: absolute;
    top: 60%;
    right: 0;
    display: block;
    height: auto;
    -webkit-animation: pedal1 4s infinite linear;
    -moz-animation: pedal1 4s infinite linear;
    -ms-animation: pedal1 4s infinite linear;
    -o-animation: pedal1 4s infinite linear;
    animation: pedal1 4s infinite linear;
}
.pedal2{
    width: 28.67%;
        position: absolute;
    top: 12%;
    left: 0;
    display: block;
    height: auto;
    -moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-animation: pedal2 4s infinite linear;
    -moz-animation: pedal2 4s infinite linear;
    -ms-animation: pedal2 4s infinite linear;
    -o-animation: pedal2 4s infinite linear;
    animation: pedal2 4s infinite linear;
}
.cartimg{
        width: 22.1794%;
    position: absolute;
    top: -4.2%;
    right: 17.2%;
    display: block;
    height: auto;
    -webkit-animation: cart 2s infinite linear;
    -moz-animation: cart 2s infinite linear;
    -ms-animation: cart 2s infinite linear;
    -o-animation: cart 2s infinite linear;
    animation: cart 2s infinite linear;
}
.salad{
    width: 46.41%;
        position: absolute;
    top: -46.2%;
    right: 10.2%;
    display: block;
    height: auto;
    -webkit-animation: salad 2s infinite linear;
    -moz-animation: salad 2s infinite linear;
    -ms-animation: salad 2s infinite linear;
    -o-animation: salad 2s infinite linear;
    animation: salad 2s infinite linear;
}
.kapusta{
    width: 33.974%;
        position: absolute;
    top: -31.2%;
    right: 7.2%;
    display: block;
    height: auto;
    -webkit-animation: kapusta 2s infinite linear;
    -moz-animation: kapusta 2s infinite linear;
    -ms-animation: kapusta 2s infinite linear;
    -o-animation: kapusta 2s infinite linear;
    animation: kapusta 2s infinite linear;
}
.look{
    width: 37.56%;
    position: absolute;
    top: -43.2%;
    right: 15.2%;
    display: block;
    height: auto;
}
.look2{
    width: 8.718%;
        position: absolute;
    top: -36.2%;
    right: 24.2%;
    display: block;
    height: auto;
}
.list1, .list2, .list3{
    width: 100%;
        position: absolute;
    top: -46.2%;
    right: 9.2%;
    display: block;
    height: auto;
}
.list1{
    -webkit-animation: list 6s infinite linear ;
    -moz-animation: list 6s infinite linear ;
    -ms-animation: list 6s infinite linear ;
    -o-animation: list 6s infinite linear ;
    animation: list 6s infinite linear ;
}
.list2{
    -webkit-animation: list 6s infinite linear 2s;
    -moz-animation: list 6s infinite linear 2s;
    -ms-animation: list 6s infinite linear 2s;
    -o-animation: list 6s infinite linear 2s;
    animation: list 6s infinite linear 2s;
}
.list3{
    -webkit-animation: list 6s infinite linear 4s;
    -moz-animation: list 6s infinite linear 4s;
    -ms-animation: list 6s infinite linear 4s;
    -o-animation: list 6s infinite linear 4s;
    animation: list 6s infinite linear 4s;
}
.bee1{
  position: absolute;
  -webkit-animation: bee 7s infinite linear;
    -moz-animation: bee 7s infinite linear ;
    -ms-animation: bee 7s infinite linear ;
    -o-animation: bee 7s infinite linear;
    animation: bee 7s infinite linear;
}
.bee2{
  position: absolute;
  -webkit-animation: bee 6s infinite linear;
    -moz-animation: bee 6s infinite linear ;
    -ms-animation: bee 6s infinite linear ;
    -o-animation: bee 6s infinite linear;
    animation: bee 6s infinite linear;
}
.bee3{
  position: absolute;
  -webkit-animation: bee 5s infinite linear;
    -moz-animation: bee 5s infinite linear ;
    -ms-animation: bee 5s infinite linear ;
    -o-animation: bee 5s infinite linear;
    animation: bee 5s infinite linear;
}
.bee1{
   width: 10.128% ;
    top: -55.2%;
    left: 64.2%;
    display: block;
    height: auto;
}
.bee2{
   width: 4.87%;
    top: -59.2%;
    left: 36%;
    display: block;
    height: auto;
}
.bee3{
   width:3.846% ;
    top: -11.2%;
    left: 3.2%;
    display: block;
    height: auto;
}
.trava{
  width: 132.3%;
    bottom: -4%;
    left: -5.8%;
    display: block;
    height: auto;
    position: absolute;
    -webkit-animation: trava 2s infinite linear;
    -moz-animation: trava 2s infinite linear;
    -ms-animation: trava 2s infinite linear;
    -o-animation: trava 2s infinite linear;
    animation: trava 2s infinite linear;
}

/*������*/
@-webkit-keyframes preloader {
    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes preloader {
    to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes preloader {
    to { -ms-transform: rotate(360deg); }
}

@-o-keyframes preloader {
    to { -o-transform: rotate(360deg); }
}

@keyframes preloader {
    to { transform: rotate(360deg); }
}
/*������*/
/*������*/
@-webkit-keyframes pedal1 {
    to { -webkit-transform: rotate(-360deg); }
}

@-moz-keyframes pedal1 {
    to { -moz-transform: rotate(-360deg); }
}

@-ms-keyframes pedal1 {
    to { -ms-transform: rotate(-360deg); }
}

@-o-keyframes pedal1 {
    to { -o-transform: rotate(-360deg); }
}

@keyframes pedal1 {
    to { transform: rotate(-360deg); }
}
/*������*/
/*������*/
@-webkit-keyframes pedal2 {
    to { -webkit-transform: rotate(-180deg); }
}

@-moz-keyframes pedal2 {
    to { -moz-transform: rotate(-180deg); }
}

@-ms-keyframes pedal2 {
    to { -ms-transform: rotate(-180deg); }
}

@-o-keyframes pedal2 {
    to { -o-transform: rotate(-180deg); }
}

@keyframes pedal2 {
    to { transform: rotate(-180deg); }
}
/*������*/
/*���*/
@-webkit-keyframes vel {
    0%   {margin-bottom: 0%;}
    50%  {margin-bottom: 1%;}
    100% {margin-bottom: 0%;}
}

@-moz-keyframes vel {
    0%   {margin-bottom: 0%;}
    50%  {margin-bottom: 1%;}
    100% {margin-bottom: 0%;}
}

@-ms-keyframes vel {
    0%   {margin-bottom: 0%;}
    50%  {margin-bottom: 1%;}
    100% {margin-bottom: 0%;}
}

@-o-keyframes vel {
    0%   {margin-bottom: 0%;}
    50%  {margin-bottom: 1%;}
    100% {margin-bottom: 0%;}
}

@keyframes vel {
    0%   {margin-bottom: 0%;}
    50%  {margin-bottom: 1%;}
    100% {margin-bottom: 0%;}
}
/*���*/
/*trava*/
@-webkit-keyframes trava {
    0%   {margin-bottom: 0%;}
    50%  {margin-bottom: -1vh;}
    100% {margin-bottom: 0%;}
}

@-moz-keyframes trava {
    0%   {margin-bottom: 0%;}
    50%  {margin-bottom: -1vh;}
    100% {margin-bottom: 0%;}
}

@-ms-keyframes trava {
    0%   {margin-bottom: 0%;}
    50%  {margin-bottom: -1vh;}
    100% {margin-bottom: 0%;}
}

@-o-keyframes trava {
    0%   {margin-bottom: 0%;}
    50%  {margin-bottom: -1vh;}
    100% {margin-bottom: 0%;}
}

@keyframes trava {
    0%   {margin-bottom: 0%;}
    50%  {margin-bottom: -1vh;}
    100% {margin-bottom: 0%;}
}
/*�������*/
@-webkit-keyframes cart {
    0% { -webkit-transform: rotate(-5deg); }
    50% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(-5deg); }
}

@-moz-keyframes cart {
    0% { -moz-transform: rotate(-5deg); }
    50% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(-5deg); }
}

@-ms-keyframes cart {
    0% { -ms-transform: rotate(-5deg); }
    50% { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(-5deg); }
}

@-o-keyframes cart {
    0% { -o-transform: rotate(-5deg); }
    50% { -o-transform: rotate(0deg); }
    100% { -o-transform: rotate(-5deg); }
}

@keyframes cart {
    0% { transform: rotate(-5deg); }
    50% { transform: rotate(0deg); }
    100% { transform: rotate(-5deg); }
}
/*�������*/
/*salat*/
@-webkit-keyframes salad {
    0% {-webkit-transform: rotate(-3deg);right:10%; }
    50% {-webkit-transform: rotate(0deg);right: 9.2%; }
    100% {-webkit-transform: rotate(-3deg);right: 10%; }
}

@-moz-keyframes salad {
    0% {-moz-transform: rotate(-3deg);right:10%; }
    50% {-moz-transform: rotate(0deg);right: 9.2%; }
    100% {-moz-transform: rotate(-3deg);right: 10%; }
}

@-ms-keyframes salad {
    0% {-ms-transform: rotate(-3deg);right:10%; }
    50% {-ms-transform: rotate(0deg);right: 9.2%; }
    100% {-ms-transform: rotate(-3deg);right: 10%; }
}

@-o-keyframes salad {
    0% {-o-transform: rotate(-3deg);right:10%; }
    50% {-o-transform: rotate(0deg);right: 9.2%; }
    100% {-o-transform: rotate(-3deg);right: 10%; }
}

@keyframes salad {
    0% {transform: rotate(-5deg);right:10%; }
    50% {transform: rotate(0deg);right: 9.2%; }
    100% {transform: rotate(-5deg);right: 10%; }
}
/*salat*/
/*kapusta*/
@-webkit-keyframes kapusta {
    0%   {top: -31.2%;}
    50%  {top: -32.2%;}
    100% {top: -31.2%;}
}

@-moz-keyframes kapusta {
    0%   {top: -31.2%;}
    50%  {top: -32.2%;}
    100% {top: -31.2%;}
}

@-ms-keyframes kapusta {
    0%   {top: -31.2%;}
    50%  {top: -32.2%;}
    100% {top: -31.2%;}
}

@-o-keyframes kapusta {
    0%   {top: -31.2%;}
    50%  {top: -32.2%;}
    100% {top: -31.2%;}
}

@keyframes kapusta {
    0%   {top: -31.2%;}
    50%  {top: -32.2%;}
    100% {top: -31.2%;}
}
/*kapusta*/
/*list2*/
@-webkit-keyframes list {
    0%   {top: -46.2%; right: 9.2%;}
    50%  {top: -44.2%;right: 6.2%;}
    100% {top: -46.2%;right: 9.2%;}
}

@-moz-keyframes list {
    0%   {top: -46.2%;right: 9.2%;}
    50%  {top: -44.2%;right: 6.2%;}
    100% {top: -46.2%;right: 9.2%;}
}

@-ms-keyframes list {
    0%   {top: -46.2%;right: 9.2%;}
    50%  {top: -44.2%;right: 6.2%;}
    100% {top: -46.2%;right: 9.2%;}
}

@-o-keyframes list {
    0%   {top: -46.2%;right: 9.2%;}
    50%  {top: -44.2%;right: 6.2%;}
    100% {top: -46.2%;right: 9.2%;}
}

@keyframes list {
    0%   {top: -46.2%;right: 9.2%;}
    50%  {top: -44.2%;right: 6.2%;}
    100% {top: -46.2%;right: 9.2%;}
}
/*list*/
/*bee*/
@-webkit-keyframes bee {
    0%    {margin-top: -5%; margin-left: 0;}
    12%    {margin-top: -4; margin-left: -4%;}
    25%   {margin-top: 0; margin-left: -5%;}
    37%   {margin-top: 4%; margin-left: -4%;}
    50%   {margin-top: 5%; margin-left: 0;}
    62%    {margin-top: 4%; margin-left: 4%;}
    75%    {margin-top: 0%; margin-left: 5%;}
    87%    {margin-top: -4%; margin-left: 4%;}
    100%   {margin-top: -5%; margin-left: 0;}
}

@-moz-keyframes bee {
    0%    {margin-top: -5%; margin-left: 0;}
    12%    {margin-top: -4; margin-left: -4%;}
    25%   {margin-top: 0; margin-left: -5%;}
    37%   {margin-top: 4%; margin-left: -4%;}
    50%   {margin-top: 5%; margin-left: 0;}
    62%    {margin-top: 4%; margin-left: 4%;}
    75%    {margin-top: 0%; margin-left: 5%;}
    87%    {margin-top: -4%; margin-left: 4%;}
    100%   {margin-top: -5%; margin-left: 0;}
}

@-ms-keyframes bee {
    0%    {margin-top: -5%; margin-left: 0;}
    12%    {margin-top: -4; margin-left: -4%;}
    25%   {margin-top: 0; margin-left: -5%;}
    37%   {margin-top: 4%; margin-left: -4%;}
    50%   {margin-top: 5%; margin-left: 0;}
    62%    {margin-top: 4%; margin-left: 4%;}
    75%    {margin-top: 0%; margin-left: 5%;}
    87%    {margin-top: -4%; margin-left: 4%;}
    100%   {margin-top: -5%; margin-left: 0;}
}

@-o-keyframes bee {
    0%    {margin-top: -5%; margin-left: 0;}
    12%    {margin-top: -4; margin-left: -4%;}
    25%   {margin-top: 0; margin-left: -5%;}
    37%   {margin-top: 4%; margin-left: -4%;}
    50%   {margin-top: 5%; margin-left: 0;}
    62%    {margin-top: 4%; margin-left: 4%;}
    75%    {margin-top: 0%; margin-left: 5%;}
    87%    {margin-top: -4%; margin-left: 4%;}
    100%   {margin-top: -5%; margin-left: 0;}
}

@keyframes bee {
    0%    {margin-top: -5%; margin-left: 0;}
    12%    {margin-top: -4; margin-left: -4%;}
    25%   {margin-top: 0; margin-left: -5%;}
    37%   {margin-top: 4%; margin-left: -4%;}
    50%   {margin-top: 5%; margin-left: 0;}
    62%    {margin-top: 4%; margin-left: 4%;}
    75%    {margin-top: 0%; margin-left: 5%;}
    87%    {margin-top: -4%; margin-left: 4%;}
    100%   {margin-top: -5%; margin-left: 0;}
}


.navbar-nav{
  align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-grow:1;
}
  .navbar-nav > li {
    float: left;
    flex-grow: 5;
}
.languidges{
  position: absolute;
  top: 5%;
  right: 5%;
  z-index: 300;
}
.home .languidges{
  position: fixed;
}

.languidges ul li{
  float: left;
  margin: 5px;
  /*background-color: #94c11f;*/
  color: #fff;
  font-family: "600RegularCaps";
  position: relative;
}
.languidges ul li img:hover{
    outline: 2px #337ab7 solid;
    -moz-outline-radius: 3px;
}
/*.languidges ul li:before{
  content: "";
  left: 1px;
  top: 1px;
  right: 1px;
  bottom: 1px;
  position: absolute;
  background-color: #7d2082;
  opacity: 0;
  z-index: 1;
  -moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.languidges ul li:hover:before,
.languidges ul li.active:before{
  -moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
opacity: 1;
}*/

.languidges ul li a{
  color: #fff;
  padding: 0 5px;
  display: block;
  font-size: 18px;
  position: relative;
  z-index: 3;
  line-height: 1.2;
}
.languidges ul li a:hover{
  text-decoration: none;
}

.main-menu{
  width: 1070px;
  margin: auto;
  position: absolute;
  z-index: 200;
  left: 50%;
  top: 40px;
  -moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.home .main-menu{
  position: fixed;
}

.navigation{
  padding-left: 0;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 0px solid transparent;
        background-color: transparent;
    border-color: transparent;
}
.navbar-default .navbar-nav > li > a{
   font-family: "600RegularCaps";
   padding: 11px 0 9px;
   text-align: center;
   font-size: 22px;
   color: #fff;
   letter-spacing: 2px;
   background-size: 100% 100%;
   -webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
text-shadow: 1px 1px 2px rgba(0,0,0,.7);
}
.navbar-default .navbar-nav > li:nth-child(1) > a{
  background-image: url(/template/images/menu1.png);
}
.navbar-default .navbar-nav > li:nth-child(2) > a{
  background-image: url(/template/images/menu2.png);
}
.navbar-default .navbar-nav > li:nth-child(3) > a{
  background-image: url(/template/images/menu3.png);
}
.navbar-default .navbar-nav > li:nth-child(4) > a{
  background-image: url(/template/images/menu4.png);
}
.navbar-default .navbar-nav > li:nth-child(5) > a{
  background-image: url(/template/images/menu5.png);
}
.navbar-default .navbar-nav > li > a:hover{
  color: #fff;
  padding: 8px 0 12px;
}
.navbar-default .navbar-nav > li:nth-child(1) > a:hover,
.navbar-default .navbar-nav > li:nth-child(1).active > a{
  background-image: url(/template/images/menu1_hover.png);
}
.navbar-default .navbar-nav > li:nth-child(2) > a:hover,
.navbar-default .navbar-nav > li:nth-child(2).active > a{
  background-image: url(/template/images/menu2_hover.png);
}
.navbar-default .navbar-nav > li:nth-child(3) > a:hover,
.navbar-default .navbar-nav > li:nth-child(3).active > a{
  background-image: url(/template/images/menu3_hover.png);
}
.navbar-default .navbar-nav > li:nth-child(4) > a:hover,
.navbar-default .navbar-nav > li:nth-child(4).active > a{
  background-image: url(/template/images/menu4_hover.png);
}
.navbar-default .navbar-nav > li:nth-child(5) > a:hover,
.navbar-default .navbar-nav > li:nth-child(5).active > a{
  background-image: url(/template/images/menu5_hover.png);
}
.logo{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  padding-top: 45px;
  -webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.home .logo{
  position: fixed;
}

.logolist{
  position: absolute;
  bottom: 11%;
    left: -30%;

width: 60%;
height: auto;
}
/*list2*/
@-webkit-keyframes logolist {
    0%   {-webkit-transform: rotate(0deg);}
    25%   {-webkit-transform: rotate(-2deg);}
    50%  {-webkit-transform: rotate(5deg);}
    75%  {-webkit-transform: rotate(-2deg);}
    100% {-webkit-transform: rotate(0deg);}
}

@-moz-keyframes logolist {
    0%   {-moz-transform: rotate(0deg);}
    25%   {-moz-transform: rotate(-2deg);}
    50%  {-moz-transform: rotate(5deg);}
    75%  {-moz-transform: rotate(-2deg);}
    100% {-moz-transform: rotate(0deg);}
}

@-ms-keyframes logolist {
    0%   {-ms-transform: rotate(0deg);}
    25%   {-ms-transform: rotate(-2deg);}
    50%  {-ms-transform: rotate(5deg);}
    75%  {-ms-transform: rotate(-2deg);}
    100% {-ms-transform: rotate(0deg);}
}

@-o-keyframes logolist {
    0%   {-o-transform: rotate(0deg);}
    25%   {-o-transform: rotate(-2deg);}
    50%  {-o-transform: rotate(5deg);}
    75%  {-o-transform: rotate(-2deg);}
    100% {-o-transform: rotate(0deg);}
}

@keyframes logolist {
    0%   {transform: rotate(0deg);}
    25%   {transform: rotate(-2deg);}
    50%  {transform: rotate(5deg);}
    75%  {transform: rotate(-2deg);}
    100% {transform: rotate(0deg);}
}
/*list*/
.logobee{
  position: absolute;
  bottom: 79%;
  left: 35%;
  margin-bottom: -5%;
  margin-left: 0;
width:12.35% ;
height: auto;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.logo:hover{
  padding-top: 50px;
}
.logo:hover .logolist{
  -webkit-animation: logolist 1s linear;
    -moz-animation: logolist 1s linear;
    -ms-animation: logolist 1s linear;
    -o-animation: logolist 1s linear;
    animation: logolist 1s linear;
}
@-webkit-keyframes logobee {
    0%    {margin-bottom: -5%; margin-left: 0;}
    12%    {margin-bottom: -4; margin-left: -4%;}
    25%   {margin-bottom: 0; margin-left: -5%;}
    37%   {margin-bottom: 4%; margin-left: -4%;}
    50%   {margin-bottom: 5%; margin-left: 0;}
    62%    {margin-bottom: 4%; margin-left: 8%;}
    75%    {margin-bottom: 0%; margin-left: 12%;}
    87%    {margin-bottom: -4%; margin-left: 8%;}
    100%   {margin-bottom: -5%; margin-left: 0;}
}

@-moz-keyframes logobee {
    0%    {margin-bottom: -5%; margin-left: 0;}
    12%    {margin-bottom: -4; margin-left: -4%;}
    25%   {margin-bottom: 0; margin-left: -5%;}
    37%   {margin-bottom: 4%; margin-left: -4%;}
    50%   {margin-bottom: 5%; margin-left: 0;}
    62%    {margin-bottom: 4%; margin-left: 8%;}
    75%    {margin-bottom: 0%; margin-left: 12%;}
    87%    {margin-bottom: -4%; margin-left: 8%;}
    100%   {margin-bottom: -5%; margin-left: 0;}
}

@-ms-keyframes logobee {
    0%    {margin-bottom: -5%; margin-left: 0;}
    12%    {margin-bottom: -4; margin-left: -4%;}
    25%   {margin-bottom: 0; margin-left: -5%;}
    37%   {margin-bottom: 4%; margin-left: -4%;}
    50%   {margin-bottom: 5%; margin-left: 0;}
    62%    {margin-bottom: 4%; margin-left: 8%;}
    75%    {margin-bottom: 0%; margin-left: 12%;}
    87%    {margin-bottom: -4%; margin-left: 8%;}
    100%   {margin-bottom: -5%; margin-left: 0;}
}

@-o-keyframes logobee {
    0%    {margin-bottom: -5%; margin-left: 0;}
    12%    {margin-bottom: -4; margin-left: -4%;}
    25%   {margin-bottom: 0; margin-left: -5%;}
    37%   {margin-bottom: 4%; margin-left: -4%;}
    50%   {margin-bottom: 5%; margin-left: 0;}
    62%    {margin-bottom: 4%; margin-left: 8%;}
    75%    {margin-bottom: 0%; margin-left: 12%;}
    87%    {margin-bottom: -4%; margin-left: 8%;}
    100%   {margin-bottom: -5%; margin-left: 0;}
}

@keyframes logobee {
    0%    {margin-bottom: -5%; margin-left: 0;}
    12%    {margin-bottom: -4; margin-left: -4%;}
    25%   {margin-bottom: 0; margin-left: -5%;}
    37%   {margin-bottom: 4%; margin-left: -4%;}
    50%   {margin-bottom: 5%; margin-left: 0;}
    62%    {margin-bottom: 4%; margin-left: 8%;}
    75%    {margin-bottom: 0%; margin-left: 12%;}
    87%    {margin-bottom: -4%; margin-left: 8%;}
    100%   {margin-bottom: -5%; margin-left: 0;}
}
.logo:hover .logobee{
  -webkit-animation: logobee infinite 1.5s linear;
    -moz-animation: logobee infinite 1.5s linear;
    -ms-animation: logobee infinite 1.5s linear;
    -o-animation: logobee v 1.5s linear;
    animation: logobee infinite 1.5s linear;
    -webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;

}

.fleft{
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  -webkit-transition: all .3s ease-in ;
-moz-transition: all .3s ease-in ;
-ms-transition: all .3s ease-in ;
-o-transition: all .3s ease-in ;
transition: all .3s ease-in ;
-moz-transform: translateX(-100%) translateY(100%);
-webkit-transform: translateX(-100%) translateY(100%);
-o-transform: translateX(-100%) translateY(100%);
-ms-transform: translateX(-100%) translateY(100%);
transform: translateX(-100%) translateY(100%);
z-index: 2;
width: auto;
height: auto;
max-width: 25vw;
max-height: 25vh;
}
.fleft.active{
  -moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
.fright{
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: all .3s ease-in ;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in ;
-o-transition: all .3s ease-in ;
transition: all .3s ease-in;
-moz-transform: translateX(100%) translateY(100%);
-webkit-transform: translateX(100%) translateY(100%);
-o-transform: translateX(100%) translateY(100%);
-ms-transform: translateX(100%) translateY(100%);
transform: translateX(100%) translateY(100%);
z-index: 2;
width: auto;
height: auto;
max-width: 30vw;
max-height: 50vh;
}
.fright.active{
  -moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: auto !important;
    right: auto;
    bottom: 5%;
    opacity: 1;
    left: 5%;
    -webkit-transform: translate3d(0,0,0);
    width: 200px;
    -webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
#fp-nav.bott{
  bottom: 120px;
}

#fp-nav ul{
  width: 100%;
  float: left;
}

#fp-nav ul li{
  float: left;
  width: 25%;
  margin: 0;
  height: 25px;
}
#fp-nav ul li a{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;

}


.zalilw{
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 2px;
  width: 100%;
    background-color: rgba(255,255,255,.5);
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
z-index: 0;
}

.zalil{
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 2px;
  background: #c73e90;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
z-index: 1;
}

#fp-nav ul li a span{
  width: 0;
  height: 2px;
  background: transparent;
  border-radius: 0;
  left: 0;
  bottom: 0;
  top: auto !important;
  -webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
margin: 0;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span, #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{
   width: 0%;
  height: 2px;
  border-radius: 0;
  margin :0;
  left: 0;
  bottom: 0;
  top: auto !important;
}

#fp-nav ul li a.active span{
   width: 100%;
  height: 2px;
  background: transparent;
  border-radius: 0;
  margin :0;
  left: 0;
  bottom: 0;
  top: auto !important;
}
#fp-nav ul li.full a >span {
   width: 100% !important;
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: 0;
    color: #fff;
    font-size: 15px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: auto;
    cursor: pointer;
    -webkit-transition: all .3s linear 0s;
-moz-transition: all .3s linear 0s;
-ms-transition: all .3s linear 0s;
-o-transition: all .3s linear 0s;
transition: all .3s linear 0s;
}
#fp-nav ul li a.active + .fp-tooltip {
    overflow: visible;
    opacity: 1;
    -webkit-transition: all .3s linear .5s;
-moz-transition: all .3s linear .5s;
-ms-transition: all .3s linear .5s;
-o-transition: all .3s linear .5s;
transition: all .3s linear .5s;
}
#fp-nav ul li:hover .fp-tooltip{
    overflow: hidden;
    opacity: 0;
}
#fp-nav ul li .fp-tooltip.right{
  right: 0;
}
#fp-nav ul li:hover .fp-tooltip{
  opacity: .5;
}
.post{
  display: block;
}
.li4{
  display: none !important;
}
.firstnext,.secondnext,.thirdnext,.fourthnext{
  position: absolute;
  right: 0;
  bottom: 5%;
  width: 25%;
  z-index: 20;
}
.fourthnext{
  bottom: 110px;
}

.firstnext{
  padding-bottom: 15%;
}

.firstnext a, .secondnext a{
  display: block;
}

.chtomi{
  position: absolute;
  top: 0;
  left: 50%;
  width: 43%;
  height: 0;
  padding-bottom: 8.335%;
  -moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.chtomi>div{
  position: absolute;
  width: 15%;
  height: 0;
  overflow: hidden;
}
.chtomi>div.active{
  height: 100%;
}

.chtomi>div>div{
  background-image: url(/template/images/chtomi.png);
  background-size: auto 100%;
  position: absolute;
  left: 0;
  right: 0;
}

.chtomi1{
  left: 0;
  top:0;
  -webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.chtomi1>div{
   background-position: left top;
   top: 0;
}
.chtomi2{
  left: 15%;
  bottom: 0;
}
.chtomi2>div{
  background-position: left 20% bottom;
   bottom: 0;
}
.chtomi3{
  left: 30%;
  top: 0;
}
.chtomi3>div{
  background-position: left 42% top;
   top: 0;
}
.chtomi4{
  left: 60%;
  bottom: 0;
}
.chtomi4>div{
  background-position: left 74% bottom;
   bottom: 0;
}
.chtomi5{
  left: 75%;
  top: 0;
}
.chtomi5>div{
  background-position: left 97% top;
   top: 0;
}
.predlagaem{
  position: absolute;
  top: 15%;
  left: 50%;
  width: 81%;
  padding-bottom: 12.5%;
  -moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.predlagaem>div{
  position: absolute;
  width: 9%;
  height: 100%;
  height: 0;
  overflow: hidden;
}
.predlagaem>div>div{
  position: absolute;
  right: 0;
  left: 0;
  background-image: url(/template/images/predlagaem.png);
  background-size: auto 100%;
}

.predlagaem1{
  left: 0;
  top:0;
}
.predlagaem1>div{
  top: 0;
  background-position: left top;
}

.predlagaem2{
  left: 9%;
  bottom:0;
}
.predlagaem2>div{
  bottom: 0;
  background-position: left 9% top;
}
.predlagaem3{
  left: 18%;
  top:0;
}
.predlagaem3>div{
  top: 0;
  background-position: left 19% top;
}
.predlagaem4{
  left: 27%;
  bottom:0;
}
.predlagaem4>div{
  bottom: 0;
  background-position: left 31% bottom;
}
.predlagaem5{
  left: 36%;
  top:0;
}
.predlagaem5>div{
  top: 0;
  background-position: left 41% top;
}
.predlagaem6{
  left: 45%;
  bottom:0;
}
.predlagaem6>div{
  bottom: 0;
  background-position: left 50% bottom;
}
.predlagaem7{
  left: 54%;
  top:0;
}
.predlagaem7>div{
  top: 0;
  background-position: left 59% top;
}
.predlagaem8{
  left: 63%;
  bottom:0;
}
.predlagaem8>div{
  bottom: 0;
  background-position: left 69% bottom;
}
.predlagaem9{
  left: 72%;
  top:0;
}
.predlagaem9>div{
  top: 0;
  background-position: left 80% top;
}
.predlagaem10{
  left: 81%;
  bottom:0;
}
.predlagaem10>div{
  bottom: 0;
  background-position: left 92% bottom;
}
.predlagaem11{
  left: 90%;
  top:0;
}
.predlagaem11>div{
  top: 0;
  background-position: left 100% top;
}
.firstarrow{
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 30%;
  height: 60%;
  margin-bottom: 0;
  -moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
/*���*/
@-webkit-keyframes arrow {
    0%   {bottom: 0px;}
    5%  {bottom: 10px;}
    10% {bottom: 0px;}
    15%  {bottom: 10px;}
    20%  {bottom: 0px;}
}

@-moz-keyframes arrow {
    0%   {bottom: 0px;}
    5%  {bottom: 10px;}
    10% {bottom: 0px;}
    15%  {bottom: 10px;}
    20%  {bottom: 0px;}
}

@-ms-keyframes arrow {
    0%   {bottom: 0px;}
    5%  {bottom: 10px;}
    10% {bottom: 0px;}
    15%  {bottom: 10px;}
    20%  {bottom: 0px;}
}

@-o-keyframes arrow {
    0%   {bottom: 0px;}
    5%  {bottom: 10px;}
    10% {bottom: 0px;}
    15%  {bottom: 10px;}
    20%  {bottom: 0px;}
}

@keyframes arrow {
    0%   {bottom: 0px;}
    5%  {bottom: 10px;}
    10% {bottom: 0px;}
    15%  {bottom: 10px;}
    20%  {bottom: 0px;}
}
/*���*/
.firstarrow.active{
  -webkit-animation: arrow 4s infinite linear;
    -moz-animation: arrow 4s infinite linear;
    -ms-animation: none;
    -o-animation: arrow 4s infinite linear;
    /*animation: arrow 4s infinite linear; */
}
.firstarrowleft{
  position: absolute;
  width: 50%;
  left: 0;
  top: 0;
  height: 0%;
  overflow: hidden;
}
.firstarrowleft div{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-image: url(/template/images/firstarrow.png);
  background-position: left center;
  background-size: 200% 100%;
}

.firstarrowright{
  position: absolute;
  width: 50%;
  left: 50%;
  bottom: 0;
  height: 0%;
  overflow: hidden;
}
.firstarrowright div{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(/template/images/firstarrow.png);
  background-position: right center;
  background-size: 200% 100%;
}





/*���������*/
.cat-name{
   position: relative;
   width: 220px;
   left: -30px;
}
.cat-name h3{
   display: block;
   font-family: "600RegularCaps";
   padding: 5px 0 2px;
   text-align: center;
   font-size: 22px;
   letter-spacing: 2px;
   color: #fff;
   background-color: #94c11f;
   margin: 0 auto;
   z-index: 16;
   line-height: 36px;
   position: relative;
}

.cat-name:after{
 content: "";
 position: absolute;
 left: 0;
 top: 98%;
  width: 0;
height: 0;
border-style: solid;
border-width: 10px 220px 0 0;
border-color: #94c11f transparent transparent transparent;


}
.ugolza{
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 13px 24px;
    border-color: transparent transparent #a3d423 transparent;
    z-index: 9;
}
.ugolza:after{
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 0 3px;
    border-color: transparent transparent transparent #a3d423;
}
.afterarrow{
    position: absolute;
    right: -33px;
    top: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 28px 0 28px 27px;
    border-color: transparent transparent transparent #94c11f;
    z-index: 12;
}
.betweenarrow{
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    background: #7ea615;
    width: 6px;
    z-index: 12;
}
.betweenarrow:before{
    content: "";
    position: absolute;
    top: -2px;
    right: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 2px 6px;
    border-color: transparent transparent #7ea615 transparent;
}
.betweenarrow:after{
    content: "";
    position: absolute;
    top: 100%;
    right: 0px;
    width: 0;
    height: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 11px 0;
    border-color: transparent #7ea615 transparent transparent;
}
.img-cat-wrapper{
  /*border: 4px solid #94c11f;*/
  /*-moz-transform: rotate(-13deg);
-webkit-transform: rotate(-13deg);
-o-transform: rotate(-13deg);
-ms-transform: rotate(-13deg);
transform: rotate(-13deg);*/
left: -29px;
z-index: 11;
position: relative;
/*-webkit-box-shadow: 0 0 10px -1px rgba(0,0,0,.5);
box-shadow: 0 0 10px -1px rgba(0,0,0,.5);*/
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;

}
.img-cat-wrapper img{
    width: 70%;
    height: auto;
    z-index: 5;
}
.img-cat-wrapper img:first-child{
    width: 50%;
    height: auto;
    position: absolute;
    left: 25%;
    z-index: -1;
    top: 15%;
}
.img-cat-wrapper img:last-child{
    width: 50%;
    height: auto;
    position: absolute;
    right: 25%;
    z-index: -1;
    top: 15%;
}

.category:hover,
.category:hover .cat-name h3,
.category:hover .cat-name:after,
.category:hover .afterarrow,
.category:hover .betweenarrow:after,
.category:hover .betweenarrow:before,
.category:hover .betweenarrow,
.category:hover .ugolza,
.category:hover .ugolza:after{
  -webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
}

.category:hover .img-cat-wrapper{
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
/*border: 4px solid #c73e90;*/
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);

}
.category1:hover img:first-child{
    left: -20%;
    width: 60%;
    top: 5%;
    transition: all .5s ease-out;
    webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
}
.category1:hover img:last-child{
    right: -20%;
    width: 60%;
    top: 5%;
    transition: all .5s ease-out;
    webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
}

.category2:hover img:first-child{
    left: -20%;
    width: 60%;
    top: 5%;
    transition: all .5s ease-out;
    webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
}
.category2:hover img:last-child{
    right: -20%;
    width: 60%;
    top: 5%;
    transition: all .5s ease-out;
    webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
}

.category3:hover img:first-child{
    left: -20%;
    width: 60%;
    top: 5%;
    transition: all .5s ease-out;
    webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
}
.category3:hover img:last-child{
    right: -20%;
    width: 60%;
    top: 5%;
    transition: all .5s ease-out;
    webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
}

.category:hover .cat-name h3{
  background-color: #c73e90;
}
.category:hover .cat-name:after{
  border-color: #c73e90 transparent transparent transparent;
}
 .category:hover .afterarrow{
  border-color: transparent transparent transparent #c73e90;
}
.category:hover .betweenarrow{
  background-color: #7d2082;
}
.category:hover .betweenarrow:before{
  border-color: transparent transparent #7d2082 transparent;
}
.category:hover .betweenarrow:after{
  border-color: transparent #7d2082 transparent transparent;
}
.category:hover .ugolza{
   border-color: transparent transparent #c35697 transparent;
}
.category:hover .ugolza:after{
   border-color: transparent transparent transparent #c35697;
}
.first-container{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#88ca5a+0,7bc251+80,76c147+100 */
background: #88ca5a; /* Old browsers */
background: -moz-linear-gradient(top,  #88ca5a 0%, #7bc251 80%, #76c147 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #88ca5a 0%,#7bc251 80%,#76c147 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #88ca5a 0%,#7bc251 80%,#76c147 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88ca5a', endColorstr='#76c147',GradientType=0 ); /* IE6-9 */

}
.category a{
  text-decoration: none;
}
.category{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 300px;
  -moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
opacity: 0;
}
.category1.active{
  left: 35%;
  top: 35%;
  opacity: 1;
  -webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.category2.active{
  left: 65%;
  top: 35%;
  opacity: 1;
  -webkit-transition: all .6s ease-in-out .4s;
-moz-transition: all .6s ease-in-out .4s;
-ms-transition: all .6s ease-in-out .4s;
-o-transition: all .6s ease-in-out .4s;
transition: all .6s ease-in-out .4s;
}
.category3.active{
  left: 50%;
  top: 75%;
  opacity: 1;
  -webkit-transition: all .6s ease-in-out .8s;
-moz-transition: all .6s ease-in-out .8s;
-ms-transition: all .6s ease-in-out .8s;
-o-transition: all .6s ease-in-out .8s;
transition: all .6s ease-in-out .8s;
}



/*���������*/
/*�������*/
.recept-row{
  position: relative;
  z-index: 30;
}
.recepttitle{
  position: relative;
  z-index: 5;
}

.recepttitle h3{
  font-family: "600RegularCaps";
   text-align: center;
   font-size: 30px;
   letter-spacing: 2px;
   color: #00646c;
   text-shadow: 0 0 2px #FFFFFF;
   background-size: 100% auto;
   background-repeat: no-repeat;
       padding: 0px 0 30px;
       margin-bottom: 0;

}
.recept-image{
  min-height: 300px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
      -webkit-filter: drop-shadow(-1px 1px 2px rgba(0, 0, 0, .3));
    filter: drop-shadow(-1px 1px 2px rgba(0, 0, 0, .3));
  -webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
position: relative;
}
.resinner{
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  left: 10%;
   top: 10%;
   bottom: 10%;
   right: 10%;
}

.recept-image-1{
  background-image: url(/template/images/reswrap1.png);
}
.recept-image-1 .resinner{
   background-image: url(/template/images/res1.png);
   left: 0;
    right: 0;
}

.recept-image-2{
  background-image: url(/template/images/reswrap2.png);
}
.recept-image-2 .resinner{
   background-image: url(/template/images/res2.png);
   top: 33%;
    left: 15%;
}
.recept-image-3{
  background-image: url(/template/images/reswrap3.png);
}
.recept-image-3 .resinner{
   background-image: url(/template/images/res3.png);
}

.recept-item{
  width: 300px;
  display: inline-block;
  padding: 0 15px;
  margin: 0 25px;
  left: -100%;
  position: relative;
}
.recept-item.active{
  left: 0;
}
.recept-item1{
  -webkit-transition: all .8s ease-out;
-moz-transition: all .8s ease-out;
-ms-transition: all .8s ease-out;
-o-transition: all .8s ease-out;
transition: all .8s ease-out;
}
.recept-item2{
  -webkit-transition: all .8s ease-out .5s;
-moz-transition: all .8s ease-out .5s;
-ms-transition: all .8s ease-out .5s;
-o-transition: all .8s ease-out .5s;
transition: all .8s ease-out .5s;
}
.recept-item3{
  -webkit-transition: all .8s ease-out 1s;
-moz-transition: all .8s ease-out 1s;
-ms-transition: all .8s ease-out 1s;
-o-transition: all .8s ease-out 1s;
transition: all .8s ease-out 1s;
}
.recept-title{
  max-width: 200px;
  text-align: center;
  margin: 10px auto;
  border: 2px solid #00646c;
  padding: 4px 0;
  font-family: "600RegularCaps";
   font-size: 22px;
   letter-spacing: 2px;
   color: #00646c;
   -webkit-border-radius: 13px;
border-radius: 13px;
background-color: transparent;
position: relative;
left: -20px;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.recept-title:after{
  content: "";
  position: absolute;
  left: 102%;
  top: 0;
  bottom: 0;
  width: 25px;
  background-image: url(/template/images/arrow.png);
  background-position: left center;
  background-repeat: no-repeat;
  -webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.recept-title.active:after{
   background-image: url(/template/images/arrow-hover.png);
   -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .7));
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .7));
}

.recept-item:hover .recept-image{

}
.recept-item a:hover{
  text-decoration: none;
}
.recept-item:hover .recept-title,
.recept-title.active{
  border: 2px solid #c73e90;
  -webkit-box-shadow: 0 0 7px 0px rgba(0,0,0,.7);
box-shadow: 0 0 7px 0px rgba(0,0,0,.7);
background-color: #85e0e8;
}
.recept-item:hover .recept-title:after{
   background-image: url(/template/images/arrow-hover.png);
   -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .7));
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .7));
}
.recept-item:hover .recept-image{
   -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, .7));
    filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, .7));
}

/*�������*/
.uzor{
  background-image: url(/template/images/thirdbg.png);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}


.secondnext{
  width: 35%;
  padding-bottom: 15%;
}
.secondnext a{
  display: block;
}

.mnogo{
  position: absolute;
  top: 15%;
  left: 50%;
  width: 100%;
  padding-bottom: 9.5%;
  -moz-transform: translateX(-50%) rotate(-20deg);
-webkit-transform: translateX(-50%) rotate(-20deg);
-o-transform: translateX(-50%) rotate(-20deg);
-ms-transform: translateX(-50%) rotate(-20deg);
transform: translateX(-50%) rotate(-20deg);
}
.mnogo>div{
  position: absolute;
  width: 5%;
  height: 100%;
  height: 0;
  overflow: hidden;
}
.mnogo>div>div{
  position: absolute;
  right: 0;
  left: 0;
  background-image: url(/template/images/mnogo.png);
  background-size: auto 100%;
}

.mnogo1{
  left: 0;
  top:0;
}
.mnogo1>div{
  top: 0;
  background-position: left top;
}

.mnogo2{
  left: 7%;
  bottom:0;
}
.mnogo2>div{
  bottom: 0;
  background-position: left 8% bottom;
}
.mnogo3{
  left: 11%;
  top:0;
}
.mnogo3>div{
  top: 0;
  background-position: left 12.5% top;
}
.mnogo4{
  left: 15%;
  bottom:0;
}
.mnogo4>div{
  bottom: 0;
  background-position: left 17% bottom;
}
.mnogo5{
  left: 22%;
  top:0;
}
.mnogo5>div{
  top: 0;
  background-position: left 25% top;
}
.mnogo6{
  left: 26.5%;
  bottom:0;
}
.mnogo6>div{
  bottom: 0;
  background-position: left 7.5% bottom;
}
.mnogo7{
  left: 30.5%;
  top:0;
}
.mnogo7>div{
  top: 0;
  background-position: left 34% top;
}
.mnogo8{
  left: 34.5%;
  bottom:0;
}
.mnogo8>div{
  bottom: 0;
  background-position: left 38% bottom;
}
.mnogo9{
  left: 39.5%;
  top:0;
}
.mnogo9>div{
  top: 0;
  background-position: left 43% top;
}
.mnogo>div.mnogo10{
  left: 45.5%;
  bottom:0;
}
.mnogo10>div{
  bottom: 0;
  background-position: left 50% bottom;
}
.mnogo>div.mnogo11{
  left: 50%;
  top:0;
}
.mnogo11>div{
  top: 0;
  background-position: left 55.5% top;
}
.mnogo>div.mnogo12{
  left: 54.5%;
  bottom:0;
}
.mnogo12>div{
  bottom: 0;
  background-position: left 61% bottom;
}
.mnogo>div.mnogo13{
  left: 59%;
  top:0;
  width: 6%;
}
.mnogo13>div{
  top: 0;
  background-position: left 67% top;
}
.mnogo>div.mnogo14{
  left: 65.5%;
  bottom:0;
}
.mnogo14>div{
  bottom: 0;
  background-position: left 74% bottom;
}
.mnogo>div.mnogo15{
  left: 70.5%;
  top:0;
}
.mnogo15>div{
  top: 0;
  background-position: left 79.5% top;
}
.mnogo>div.mnogo16{
  left: 75.5%;
  bottom:0;
  width: 6%;
}
.mnogo16>div{
  bottom: 0;
  background-position: left 86% bottom;
}
.mnogo>div.mnogo17{
  left: 81%;
  top:0;
}
.mnogo17>div{
  top: 0;
  background-position: left 91% top;
}
.mnogo>div.mnogo18{
  left: 86%;
  bottom:0;
  width: 6%;
}
.mnogo18>div{
  bottom: 0;
  background-position: left 97% bottom;
}
.mnogo>div.mnogo19{
  left: 92%;
  top:0;
  width: 3%;
}
.mnogo19>div{
  top: 0;
  background-position: left 100% top;
}
.mnogo>div.polosa1{
  width: 0;
    padding-bottom: 3.2%;
    position: absolute;
    left: 53%;
    top: 105%;
    height: auto;

}
.mnogo>div.polosa1>div{
  background-image: url(/template/images/polosa1.png);
  background-size: contain;
  background-position: left top;
  background-repeat: no-repeat;
}
.mnogo>div.polosa2{
  width: 0;
    padding-bottom: 3.2%;
    position: absolute;
    left: 61%;
    top: 134%;
    height: auto;

}
.mnogo>div.polosa2>div{
  background-image: url(/template/images/polosa2.png);
  background-size: contain;
  background-position: left top;
  background-repeat: no-repeat;
}

.secondarrow{
  position: absolute;
  bottom: 0;
  left: 52%;
    width: 14%;
  height: 60%;
  -moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
/*���*/
@-webkit-keyframes arrow {
    0%   {margin-bottom: 0%;}
    5%  {margin-bottom: 1vh;}
    10% {margin-bottom: 0%;}
    15%  {margin-bottom: 1vh;}
    20%  {margin-bottom: 0%;}
}

@-moz-keyframes arrow {
    0%   {margin-bottom: 0%;}
    5%  {margin-bottom: 1vh;}
    10% {margin-bottom: 0%;}
    15%  {margin-bottom: 1vh;}
    20%  {margin-bottom: 0%;}
}

@-ms-keyframes arrow {
    0%   {margin-bottom: 0%;}
    5%  {margin-bottom: 1vh;}
    10% {margin-bottom: 0%;}
    15%  {margin-bottom: 1vh;}
    20%  {margin-bottom: 0%;}
}

@-o-keyframes arrow {
    0%   {margin-bottom: 0%;}
    5%  {margin-bottom: 1vh;}
    10% {margin-bottom: 0%;}
    15%  {margin-bottom: 1vh;}
    20%  {margin-bottom: 0%;}
}

@keyframes arrow {
    0%   {margin-bottom: 0%;}
    5%  {margin-bottom: 1vh;}
    10% {margin-bottom: 0%;}
    15%  {margin-bottom: 1vh;}
    20%  {margin-bottom: 0%;}
}
/*���*/
.secondarrow.active{
  -webkit-animation: arrow 4s infinite linear;
    -moz-animation: arrow 4s infinite linear;
    -ms-animation: none;
    -o-animation: arrow 4s infinite linear;
    /*animation: arrow 4s infinite linear;*/
}
.secondarrowleft{
  position: absolute;
  width: 50%;
  left: 0;
  top: 0;
  height: 0;
  overflow: hidden;
}
.secondarrowleft div{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-image: url(/template/images/secondarrow.png);
  background-position: left center;
  background-size: 200% 100%;
}

.secondarrowright{
  position: absolute;
  width: 50%;
  left: 50%;
  bottom: 0;
  height: 0%;
  overflow: hidden;
}
.secondarrowright div{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(/template/images/secondarrow.png);
  background-position: right center;
  background-size: 200% 100%;
}


.thirdnext{
  padding-bottom: 20%;
  width: 30%;
}
.thirdnext a{
  display: block;
}

.bigbaloon{
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
}
.bigbaloon img{
  float: right;
  height: 100%;
  width: auto;
  display: block;
  -webkit-animation: vel 2s infinite linear;
    -moz-animation: vel 2s infinite linear;
    -ms-animation: none;
    -o-animation: vel 2s infinite linear;
    /*animation: vel 2s infinite linear; */
    position: absolute;
    bottom: 0;
    right: 25px;
}


.legko{
  position: absolute;
  bottom: 8%;
  left: 0%;
  width: 60%;
  padding-bottom: 9.5%;

}
.legko>div{
  position: absolute;
  width: 8%;
  height: 0;
  overflow: hidden;
}
.legko>div>div{
  position: absolute;
  right: 0;
  left: 0;
  background-image: url(/template/images/legko.png);
  background-size: auto 100%;
}

.legko1{
  left: 0;
  top:0;
}
.legko1>div{
  top: 0;
  background-position: left top;
}

.legko2{
  left: 12%;
  bottom:0;
}
.legko2>div{
  bottom: 0;
  background-position: left 12% bottom;
}
.legko3{
  left: 19%;
  top:0;
}
.legko3>div{
  top: 0;
  background-position: left 19% top;
}
.legko4{
  left: 27%;
  bottom:0;
}
.legko4>div{
  bottom: 0;
  background-position: left 28% bottom;
}
.legko5{
  left: 36% ;
  top:0;
}
.legko5>div{
  top: 0;
  background-position: left 38% top;
}
.legko6{
  left:48% ;
  bottom:0;
}
.legko6>div{
  bottom: 0;
  background-position: left 52% bottom;
}
.legko7{
  left:54% ;
  top:0;
  width: 12% !important;
}
.legko7>div{
  top: 0;
  background-position: left 62% top;
}
.legko8{
  left: 67%;
  bottom:0;
}
.legko8>div{
  bottom: 0;
  background-position: left 75% bottom;
}
.legko9{
  left: 75%;
  top:0;
}
.legko9>div{
  top: 0;
  background-position: left 85% top;
}
.legko>div.legko10{
  left: 82%;
  bottom:0;
}
.legko10>div{
  bottom: 0;
  background-position: left 93% bottom;
}
.legko>div.legko11{
  left: 91%;
  top:0;
  width: 5%;
}
.legko11>div{
  top: 0;
  background-position: left 100% top;
}
.smallbaloon {
    position: absolute;
    bottom: 25%;
    left: 36%;
    width: 14%;
    height: 20% !important;
}
.smallbaloonin{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 0;
  overflow: hidden;
}
.smallbaloonin div{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-image: url(/template/images/smallbaloon.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}


.clouds1{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(/template/images/clouds1.png);
  background-position: left 0% top;
  background-size: cover;
}
.zamet{
  background-color: #68b644;
  background-image: url(/template/images/zamet-wrap.png);
  background-size: 100% 100%;
  margin-top: -10px;
  padding-bottom: 25px;
}
.zamitem{
  padding: 0 15px;
  position: relative;
  -moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.owl-wrapper .owl-item .zamitem.active{
  -moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.owl-wrapper .owl-item:nth-child(1) .zamitem.active{
  -webkit-transition: all .8s ease-out;
    -moz-transition: all .8s ease-out;
    -ms-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
}
.owl-wrapper .owl-item:nth-child(2) .zamitem.active{
  -webkit-transition: all .8s ease-out .5s;
    -moz-transition: all .8s ease-out .5s;
    -ms-transition: all .8s ease-out .5s;
    -o-transition: all .8s ease-out .5s;
    transition: all .8s ease-out .5s;
}
.owl-wrapper .owl-item:nth-child(3) .zamitem.active{
  -webkit-transition: all .8s ease-out 1s;
    -moz-transition: all .8s ease-out 1s;
    -ms-transition: all .8s ease-out 1s;
    -o-transition: all .8s ease-out 1s;
    transition: all .8s ease-out 1s;
}

.zamet h3{
   font-family: "600RegularCaps";
   text-align: center;
   font-size: 32px;
   color: #fff;
}
.zamet-title{
  padding: 10px 25px 18px 15px;
  font-family: "600RegularCaps";
   text-align: center;
   font-size: 21px;
   letter-spacing: 2px;
   color: #fff;
   background-image: url(/template/images/zamtitle.png);
   background-size: 100% 100%;
   float: left;
   clear: both;
   min-width: 70%;
   -webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.zamet-img{
       width: 80%;
    float: left;
    margin: -16px 0 0 10%;
    border: 4px solid #fff;
    z-index: 20;
    position: relative;
    -webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.6);
box-shadow: 0 0 15px 0 rgba(0,0,0,.6);
}
.zamet-img img{
  width: 100%;
}
.zamet-description{
  width: 100%;
  float: left;
  padding: 20px 20px;
  background-image: url(/template/images/zamdescr.png);
  background-size: 100% 100%;
  z-index: 19;
    position: relative;
   font-size: 15px;
    color: #fff;
    margin-top: -17px;
    min-height: 100px;
    text-align: left;
}
.zamet-description:after{
  content: "";
  position: absolute;
  right: 15px;
  bottom: 7px;
  width: 22px;
  height: 31px;
  background-image: url(/template/images/arrow-hover.png);
  background-size: 100% 100%;
  opacity: 0;
  -webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
-webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, .4));
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, .4));

}
.zamitem:hover .zamet-img{
   border: 4px solid #a64d82;

}
.zamitem:hover .zamet-title{
  background-image: url(/template/images/zamtitle-hover.png);
}

.zamitem:hover .zamet-description:after{
   opacity: 1;
 }
 .owl-theme .owl-controls .owl-page span{
   border: 2px solid #c16fb8;
   background: transparent;
   width: 16px;
   height: 16px;
 }

.owl-theme .owl-controls .owl-page.active span{
  background: #c16fb8;
  border: 1px solid #c16fb8;
}
#owl-example{
  width: 1170px;
  margin: 0 auto 10%;
}
.zamettiele, .zametka{
  position: relative;
  z-index: 22;
    margin-top: -50px;
}
.zamettiele h3{
  font-family: "600RegularCaps";
    text-align: center;
    font-size: 30px;
    letter-spacing: 2px;
    color: #7d2082;
    text-shadow: 0 0 2px #FFFFFF;
    padding: 30px 0 69px;
    margin-bottom: 0;

}
.fourthnext{
  width: 40%;
  padding-bottom: 20%;
}


.snami{
  position: absolute;
    bottom: 15%;
    left: 33%;
    width: 20%;
    padding-bottom: 6.5%;

}
.snami>div{
  position: absolute;
  width: 16%;
  height: 0;
  overflow: hidden;
}
.snami>div>div{
  position: absolute;
  right: 0;
  left: 0;
  background-image: url(/template/images/legko.png);
  background-size: auto 100%;
}

.snami1{
  left: 0;
  top:0;
}
.snami1>div{
  top: 0;
  background-position: left top;
}

.snami2{
  left: 23%;
  bottom:0;
}
.snami2>div{
  bottom: 0;
  background-position: left 12% bottom;
}
.snami3{
  left: 36%;
  top:0;
}
.snami3>div{
  top: 0;
  background-position: left 19% top;
}
.snami4{
  left: 52%;
  bottom:0;
}
.snami4>div{
  bottom: 0;
  background-position: left 28% bottom;
}
.snami5{
  left: 70% ;
  top:0;
}
.snami5>div{
  top: 0;
  background-position: left 38% top;
}

.interest{
  position: absolute;
  bottom: 0%;
  left: 20%;
  width: 49%;
  padding-bottom: 8.5%;

}
.interest>div{
  position: absolute;
  width: 10%;
  height: 0;
  overflow: hidden;
}
.interest>div>div{
  position: absolute;
  right: 0;
  left: 0;
  background-image: url(/template/images/interest.png);
  background-size: auto 100%;
}

.interest1{
  left: 0;
  top:0;
}
.interest1>div{
  top: 0;
  background-position: left top;
}

.interest2{
  left: 10%;
  bottom:0;
}
.interest2>div{
  bottom: 0;
  background-position: left 11% bottom;
}
.interest3{
  left: 20%;
  top:0;
}
.interest3>div{
  top: 0;
  background-position: left 22% top;
}
.interest4{
  left: 30%;
  bottom:0;
}
.interest4>div{
  bottom: 0;
  background-position: left 35% bottom;
}
.interest5{
  left: 40% ;
  top:0;
}
.interest5>div{
  top: 0;
  background-position: left 49% top;
}
.interest6{
  left:50% ;
  bottom:0;
}
.interest6>div{
  bottom: 0;
  background-position: left 61% bottom;
}
.interest7{
  left:60% ;
  top:0;
  width: 12% !important;
}
.interest7>div{
  top: 0;
  background-position: left 75% top;
}
.interest8{
  left: 70%;
  bottom:0;
}
.interest8>div{
  bottom: 0;
  background-position: left 84% bottom;
}
.interest9{
  left: 80%;
  top:0;
}
.interest9>div{
  top: 0;
  background-position: left 95% top;
}
.interest div.interest10{
  left: 90%;
  bottom:0;
  width: 5% !important;
}
.interest10>div{
  bottom: 0;
  background-position: left 100% bottom;
}
.twoclouds{
  width: 15%;
  padding-bottom: 9%;
  position: absolute;
  left: 10%;
  bottom: 30%;
}
.twocloudsin{
  width: 100%;
  position: absolute;
  top: 0;
  left :0;
  height: 0;
  overflow: hidden;
}
.twocloudsin div{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  background-image: url(/template/images/twoclouds.png);
  background-size: 100% 100%;
}
.twocloudsbonus{
  background-image: url(/template/images/twocloudsbonus.png);
  background-position: right 5% top 10%;
  background-size: 47% 53%;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
}
.halfclouds{
  width: 20%;
  padding-bottom: 31%;
  position: absolute;
  right: 0%;
  top: 0%;
}
.halfcloudsin{
  width: 100%;
  position: absolute;
  top: 0;
  left :0;
  height: 0;
  overflow: hidden;
}
.halfcloudsin div{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  background-image: url(/template/images/halfcloud.png);
  background-size: 100% 100%;
}
.halfcloudsbonus{
  background-image: url(/template/images/halfcloudbonus.png);
  background-position: right top 16%;
  background-size: 81% 52%;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
}
.post{

}
.home .post .footer{
   background-color: #94c11f;
  border-top: 10px solid #c8bff2;
  border-bottom: 10px solid #c8bff2;
      background-image: url(/template/images/foobg.png);
      position: relative;
    bottom: 0;
    min-height: 100px;
    left: 0;
    width: 100%;
}
.foocopy{
  color: #fff;
  position: absolute;
  width: 350px;
  top: 25%;
  left: 5%;
}

.foomenu{
  width: 640px;
  margin: 5px auto 0;
  padding: 0;
  list-style: none;
  position: relative;
  top: 10px;
}
.foomenu li{
  width: 25%;
  float: left;
}
.foomenu li a{
  display: block;
  padding: 8px 0 34px;
  text-align: center;
  font-family: "600RegularCaps";
    text-align: center;
    font-size: 22px;
    color: #fff;
    background-image: url(/template/images/footerli.png);
    background-size: cover;
    background-repeat: no-repeat;

}
.foomenu li a:hover{
    background-image: url(/template/images/footerlihover.png);
    text-decoration: none;
    -webkit-transition: all .1s ease-in;
-moz-transition: all .1s ease-in;
-ms-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
transition: all .1s ease-in;
}
.menu-btn{
  display: none;
  background-image: url(/template/images/menu.png);
  background-size: 100% 100%;
}
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*--------------------------�������------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
#wrap{
  width: 100%;
  min-height: calc( 100vh - 100px );
  background: #c4e9ff;
    background: -moz-radial-gradient(center, ellipse cover, #c4e9ff 0%, #86ccf5 77%, #73c4f4 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #c4e9ff 0%,#86ccf5 77%,#73c4f4 100%);
    background: radial-gradient(ellipse at center, #c4e9ff 0%,#86ccf5 77%,#73c4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4e9ff', endColorstr='#73c4f4',GradientType=1 );
    padding-top: 125px;
}
.recipes #wrap{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87e3eb+23,75c9d0+100 */
background: #87e3eb; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #87e3eb 23%, #75c9d0 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #87e3eb 23%,#75c9d0 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #87e3eb 23%,#75c9d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e3eb', endColorstr='#75c9d0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.zametki #wrap{
    background: #cbc2f4;
    background: -moz-radial-gradient(center, ellipse cover, #cbc2f4 17%, #a99ede 70%);
    background: -webkit-radial-gradient(center, ellipse cover, #cbc2f4 17%,#a99ede 70%);
    background: radial-gradient(ellipse at center, #cbc2f4 17%,#a99ede 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbc2f4', endColorstr='#a99ede',GradientType=1 );

}
.post .footer{
   background-color: #94c11f;
  border-top: 10px solid #c8bff2;
  border-bottom: 10px solid #c8bff2;
      background-image: url(/template/images/foobg.png);
      position: relative;
    bottom: 0;
    min-height: 100px;
    left: 0;
    width: 100%;
}
.product .post .footer,
.catalog .post .footer{
  border-bottom: 10px solid #91e4ff;
  border-top: 10px solid #91e4ff;
}
.recipes .post .footer{
  border-bottom: 10px solid #a2f7ff;
  border-top: 10px solid #a2f7ff;
}
.home .post .footer{
  position: absolute;
}

.home .katalog-menu{
  margin-bottom: 50px;
}
.katalog-menu .cat-name{
  left: auto;
  margin: auto;
}
.katalog-menu .cat-name .ugolza{
  display: none;
}
.katalog-menu .cat-name h3,
.katalog-menu .cat-name:after,
.katalog-menu .afterarrow,
.katalog-menu .betweenarrow:after,
.katalog-menu .betweenarrow:before,
.katalog-menu .betweenarrow{
  -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.katalog-menu .cat-name:hover h3,
.katalog-menu .cat-name.active h3{
   background-color: #c73e90;
}
.katalog-menu .cat-name:hover:after,
.katalog-menu .cat-name.active:after{
    border-color: #c73e90 transparent transparent transparent;
}
.katalog-menu .cat-name:hover .afterarrow,
.katalog-menu .cat-name.active .afterarrow {
    border-color: transparent transparent transparent #c73e90;
}
.katalog-menu .cat-name:hover .betweenarrow,
.katalog-menu .cat-name.active .betweenarrow {
    background-color: #7d2082;
}
.katalog-menu .cat-name:hover .betweenarrow:before,
.katalog-menu .cat-name.active .betweenarrow:before {
    border-color: transparent transparent #7d2082 transparent;
}
.katalog-menu .cat-name:hover .betweenarrow:after,
.katalog-menu .cat-name.active .betweenarrow:after {
    border-color: transparent #7d2082 transparent transparent;
}
.katalog-menu:hover a{
  text-decoration: none;
}
.catalog-title{
  margin-top: 25px;
  width: 100%;
  float: left;
}
.catalog-title h3{
      font-family: "600RegularCaps";
    text-align: center;
    font-size: 30px;
    letter-spacing: 2px;
    color: #2277a9;
    text-shadow: 0 0 2px #FFFFFF;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 0px 0 30px;
    margin-bottom: 0;
}
.products.loop{
    width: 100%;
    float: left;
    text-align: center
}
.products.loop .product{
  width: 29%;
  float: none;
  padding: 15px 28px;
  margin: 0 2% 25px 0;
  display: inline-block;
}
.loop-img{
  width: 100%;
  text-align: center;
  z-index: 15;
  position: relative;
}
.loop-img img{
  -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, .5));
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, .5));
    -moz-transform: scale(1) translateY(0px);
-webkit-transform: scale(1) translateY(0px);
-o-transform: scale(1) translateY(0px);
-ms-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
width: 75%;
}
.loop-title {
    width: 100%;
    float: left;
    position: relative;
    z-index: 12;
    padding: 15px 19px 12px 19px;
    background-size: 100% 100%;
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.loop-title h3{
   font-size: 20px;
   margin: 0;
   display: block;
   position: absolute;
   top: 25px;
   left: 50%;
       font-family: "600RegularCaps";
       letter-spacing: 2px;
           text-shadow: 1px 1px 2px rgba(0,0,0,.7);
   -moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;

}
.product:hover .loop-title h3{
   text-shadow: 1px 1px 4px rgba(0,0,0,.9);
   top: 28px;

}

.loop-sostav {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    background-size: 100% 100%;
    width: 100%;
    float: left;
    margin: -18px 0 0;
    padding: 16px 19px 8px 30px;
    position: relative;
    z-index: 14;
    text-align: left;
}
.mixes .loop-title{
    #background-image: url(/template/images/plashka.png);
    #min-height: 125px;
}
.mixes .loop-sostav{
    #background-image: url(/template/images/plashka.png);
}
.monoproducts .loop-title{
    #background-image: url(/template/images/plashka.png);
    #margin: -50px 0 0;
    #padding: 50px 19px 12px 19px;
    #min-height: 106px;
}
.monoproducts .loop-title h3{
  #top: 72px;
}

.monoproducts .loop-sostav{
    background-image: url(/template/images/plashka.png);
}
#.gotovsalat .loop-title{
    #background-image: url(/template/images/plashka.png);
    #margin: -50px 0 0;
    #padding: 50px 19px 12px 19px;
    #min-height: 106px;
}
.gotovsalat .loop-title h3{
  #top: 72px;
}
.gotovsalat .loop-sostav{
    background-image: url(/template/images/plashka.png);
    margin: -10px 0 0;
    padding: 7px 19px 8px 30px;
}

.products.loop .product:hover  .loop-img img{
   -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, .7));
    filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, .7));
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
    -moz-transform: scale(1.05) translateY(-5px);
-webkit-transform: scale(1.05) translateY(-5px);
-o-transform: scale(1.05) translateY(-5px);
-ms-transform: scale(1.05) translateY(-5px);
transform: scale(1.05) translateY(-5px);
}
.products.loop .product:hover .loop-title{
   -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

.products.loop .product:hover .loop-sostav{
   -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}
/*.mixes .products.loop .product:hover .loop-title{
   background-image: url(/template/images/plashka1.png);
}
.mixes .products.loop .product:hover .loop-sostav{
   background-image: url(/template/images/plashka1.png);
}
.monoproducts .products.loop .product:hover .loop-title{
   background-image: url(/template/images/plashka1.png);
}
.monoproducts .products.loop .product:hover .loop-sostav{
   background-image: url(/template/images/plashka1.png);
}
.gotovsalat .products.loop .product:hover .loop-title{
   background-image: url(/template/images/plashka1.png);
}
.gotovsalat .products.loop .product:hover .loop-sostav{
   background-image: url(/template/images/plashka1.png);
}   */
.monoproducts{
  /*background-image: url(/template/images/mono_bg.png);*/
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.sertificate{
  position: absolute;
  top: -15px;
  right: 10%;
  width: 30%;
  height: auto;
  z-index: 20;
}
.products.loop .product{
  position: relative;
}

.sertificate img{
  width: 100%;
  height: auto;
  -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, .7));
    filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, .7));
}

/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*-------------------------�������-------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/


/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*-------------------------�����---------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
.single-wrap{
  background-image: url(/template/images/single-bg.png);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-filter: drop-shadow(0px 0px 32px rgba(39, 127, 168, .4));
    filter: drop-shadow(0px 0px 32px rgba(39, 127, 168, .4));
    margin-bottom: 65px;
    position: relative;
}
.single-product-title{
  padding: 15px 4% 15px 15%;
}
.single-katalog-menu{
  margin-bottom: 35px;
}

.single-product-title h3{
  padding-left: 50%;
  color: #fff;
  background-image: url(/template/images/single-title.png);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 12px 0 8px 40%;
  font-weight: normal;
  letter-spacing: 3px;
  font-family: "600RegularCaps";
}
.single-product-image-wrap{
  margin-top: -80px;
  text-align: right;
}
.single-product-image img.main-product-img{
  -webkit-filter: drop-shadow(0px 0px 7px rgba(39, 127, 168, .8));
    filter: drop-shadow(0px 0px 7px rgba(39, 127, 168, .8));
    max-width: 100%;
    -webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.single-product-image img.opacity-product-img{
  position: absolute;
  top: 0;
  right: 15px;
  opacity: 1;
  max-width: calc( 100% - 30px );
  width: auto;
  -webkit-filter: drop-shadow(0px 0px 7px rgba(39, 127, 168, .8));
    filter: drop-shadow(0px 0px 7px rgba(39, 127, 168, .8));
}
.single-product-image-wrap:hover img.main-product-img{
  #opacity: 0;
}

.single-advent{           
  position: relative;
}
.single-product-parameters{
  padding: 15px 0 25px 25px;
}

.single-product-parameters-inner{
  width: 100%;
  float: left;
  background-image: url(/template/images/parameters.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 8px 15px 5px;
  color: #fff;
}
.single-product-parameters-inner table{
  width: 100%;
}

.single-product-parameters-inner table thead tr th{
  text-align: center;
  font-size: 18px;
  letter-spacing: 2px;
  border-bottom: 5px solid #c3ffc4;
}
.single-product-parameters-inner table tbody tr th{
  border-bottom:1px solid #c3ffc4;
  border-right:1px solid #c3ffc4;
  text-align: center;
  padding: 3px 2px;
}
.single-product-parameters-inner table tbody tr th:last-child{
  border-right:none;
}
.single-product-parameters-inner table tbody tr td{
  border-right:1px solid #c3ffc4;
  text-align: center;
  padding: 3px 2px;
}
.single-product-parameters-inner table tbody tr td:last-child{
  border-right:none;
}
.single-weight{
  padding: 20px 0 25px 3px;
}

.single-weight-inner{
  float: left;
  background-image: url(/template/images/massa.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 8px 15px 5px;
  color: #fff;
  width: 100%;
}
.single-weight-inner table{
  width: 100%;
  top: -5px;
  position: relative;
}
.single-weight-inner table thead tr th{
  text-align: center;
  font-size: 18px;
  letter-spacing: 2px;
  border-bottom: 5px solid #c3ffc4;
}
.single-weight-inner table tbody tr th{
  text-align: center;
  font-size: 32px;
  letter-spacing: 3px;
}
.single-advent{
  padding: 0 0 0 15px;
}

.single-advent-list li{
  padding: 20px 0 20px 45px;
  color: #0c648d;
  letter-spacing: 2px;
  font-size: 15px;
}
.single-advent-list li.water{
  background-image: url(/template/images/water.png);
  background-position: left 5px center;
  background-repeat: no-repeat;
}
.single-advent-list li.gotovi{
  background-image: url(/template/images/gotovi.png);
  background-position: left 5px center;
  background-repeat: no-repeat;
}
.single-advent-list li.polezno{
  background-image: url(/template/images/polezno.png);
  background-position: left center;
  background-repeat: no-repeat;
}
.single-sostav{
  padding-right: 5%;
  text-align: center;
}
.single-sostav h3{
  margin: 0 0 5px;
  color: #427d02;
  text-align: underline;
  letter-spacing: 2px;
  text-align: left;
}
.salatik{
  text-align: left;
  display: block;
  max-width:100%;
  padding: 0 10px;
}
.single-sostav-a{
    display: block;
    width: 100%;
    float: left;
}

.salatik p{
  color: #427d02;
  letter-spacing: 2px;
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
}
.salatik img{
  display: block;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 7px 0 rgba(0,177,193,.6);
box-shadow: 0 0 7px 0 rgba(0,177,193,.6);
 -webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
max-width: 30px;
margin: 0 15px 0px 0;
float: left;
position: relative;
top: -7px;

}

.salatik:hover img{
  -webkit-box-shadow: 0 0 20px 0 rgba(199,62,144,.7);
box-shadow: 0 0 20px 0 rgba(199,62,144,.7);
}
.nazad{
  position: absolute;
  left: -49px;
    top: 0px;
    width: 105px;
    height: 70px;
  background-image: url(/template/images/nazad.png);
  background-size: 100% 100%;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(39, 127, 168, .6));
    filter: drop-shadow(0px 0px 5px rgba(39, 127, 168, .6));
}
.nazad a{
  display: block;
}
.nazad-inner{
  background-image: url(/template/images/nazad-arrow.png);
  background-size: 100% 100%;
  position: absolute;
  left: 10%;
  right: 10%;
  top: 15%;
  bottom: 15%;
  color: #fff;
      font-family: "600RegularCaps";
    text-align: center;
    padding: 14px 0 14px 5px;
    letter-spacing: 1.5px;
}
.arrow-left{
  position: absolute;
  left: -75px;
  top: 50%;
  height: 100px;
  width: 50px;
  margin-top: -50px;
  background-image:  url(/template/images/single-arrow-left.png);
  background-size: 100% 100%;
}
.arrow-right{
  position: absolute;
  right: -75px;
  top: 50%;
  height: 100px;
  width: 50px;
  margin-top: -50px;
  background-image:  url(/template/images/single-arrow-right.png);
  background-size: 100% 100%;
}
.arrow-left a,
.arrow-right a{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.zoomContainer{
  z-index: -1;
}
.zoomContainer.active{
  z-index: 1340;
  cursor: crosshair;
}
.woocommerce div.product div.images img{
  border: 1px solid #efefef;
}
.zoomLens{
  #background-color: #fff;
}
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*-------------------------�����---------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/


/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*-------------------------��������------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
.contacts_title{
  background-image: url(../images/contacts_title.png);
      padding: 30px 35px 12px 60px;
      background-size: 100% 100%;
      color: #fff;
      font-family: "600RegularCaps";
      font-size: 30px;
      text-transform: uppercase;
      letter-spacing: 2px;
}
.contacts_left{
  padding: 0px 15px 15px 35px;
}

.contacts_left p{
  color: #00672b;
  font-family: "600RegularCaps";
  font-size: 26px;
}
.contacts_left p span{
   font-family: "Arial";
}
.contacts-map{
  position: relative;
  margin-top: -60px;
}
.kharkov{
  position: absolute;
  top: 32%;
  right: 17%;
  padding: 3px 15px 7px 25px;
  background-image: url(../images/kharkov.png);
      background-size: 100% 100%;
      color: #fff;
      font-family: "600RegularCaps";
      font-size: 22px;
      text-transform: uppercase;
      letter-spacing: 2px;
       -webkit-filter: drop-shadow(-1px 1px 2px rgba(0, 0, 0, .3));
    filter: drop-shadow(-1px 1px 2px rgba(0, 0, 0, .3));
}
.contacts-form-message{
  width: 100%;
  float: left;
}

.contacts-form-message>div{
  width: 100%;
    padding: 25px;
    border: 4px solid red;
    margin: 35px auto;
    background-color: #fff;
    /* float: left; */
    max-width: 400px;
    clear: both;
    overflow: hidden;
    position: relative;
    top: 20px;

}
.contacts-form-message>div.sent{
    text-align: center;
    border-color: #14a150;
   font-family: "600RegularCaps";
    font-size: 26px;
    color: #14a150;
}

   .contacts-form-title {
    color: #fff;
    font-family: "600RegularCaps";
    font-size: 26px;
    background-image: url(../images/form-title.png);
    background-size: 100% 100%;
    width: 83%;
    padding: 12px 35px 22px;
    margin-left: -17px;
    margin-bottom: -17px;
    position: relative;
    z-index: 15;
    letter-spacing: 2px;
    margin-top: 35px;
}
.contacts-form-title:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 74%;
    width: 18px;
    height: 200px;
    background-image: url(../images/form-title-after.png);
    background-size: 100% 100%;
}

.contacts-form-title span{
  display: inline-block;
  font-size: 32px;
  margin-left: 60px;
}

.contact-form{
  width: 100%;
  padding: 35px 35px 15px 35px;
  background-image: url(../images/contact-form.png);
  background-size: 100% 100%;
  float: left;
  margin-bottom: 120px;
  position: relative;
}
.contact-form input,
.contact-form textarea{
  width: 100%;
  padding: 8px;
  font-size: 18px;
}
.contact-form input{
  margin-bottom: 16px;
}
.form-submit {
    position: absolute;
    background-image: url(../images/form-submit.png);
    background-size: 100% 100%;
    bottom: -81px;
    right: 3px;
    height: 90px;
    padding-left: 65px;
}
.form-submit input{
  font-family: "600RegularCaps";
  padding: 20px 0;
  text-align: center;
  font-size: 24px;
  letter-spacing: 2px;
  color: #fff;
  background-image: url(../images/submit_btn.png);
  background-size: 100% 100%;
  border: 0px;
  background-color: transparent;
}

/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*-------------------------��������------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*-------------------------�������-------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/


.reciept-name .recept-title{
   text-decoration: none !important;
}

.reciept-name.active .recept-title,
.reciept-name .recept-title:hover{
  border: 2px solid #c73e90;
    -webkit-box-shadow: 0 0 7px 0px rgba(0,0,0,.7);
    box-shadow: 0 0 7px 0px rgba(0,0,0,.7);
    background-color: transparent;
    text-decoration: none !important;
}
.reciept-name.active .recept-title:after,
.reciept-name .recept-title:hover:after{
  background-image: url(/template/images/arrow-hover.png);
    -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .7));
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .7));
}
.reciepts .reciept{
  width: 30.33%;
  margin: 0 1.5% 15px;
  float: left;
  background-size: 100% 100%;
  position: relative;
  padding-bottom: 50px;
  min-height: 265px;
}
.reciepts.hostrie .reciept{
  background-image: url(../images/hostrie_wrap.png)
}
.reciepts.prostie .reciept{
  background-image: url(../images/prostie_wrap.png)
}
.reciepts.detskie .reciept{
  background-image: url(../images/detskie_wrap.png)
}
.reciepts .reciept .reciept-img{
  position: absolute;
  left: -15px;
  top: -15px;
  width: 50%;
  border: 4px solid #bdffd9;
  -webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-moz-transform: scale(1) rotate(0deg) translateY(0px);
-webkit-transform: scale(1) rotate(0deg) translateY(0px);
-o-transform: scale(1) rotate(0deg) translateY(0px);
-ms-transform: scale(1) rotate(0deg) translateY(0px);
transform: scale(1) rotate(0deg) translateY(0px);
}
.reciepts .reciept .reciept-img img{
  width: 100%;
  height: auto;
}
.reciepts .reciept .loop-reciept-title{
    padding: 15px 34px 15px 30px;
    color: #fff;
    font-size: 17px;
    background-size: 100% 100%;
    margin: 10px 0 5px 40%;
    letter-spacing: 1px;
    -webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.reciepts.hostrie .reciept .loop-reciept-title{
  background-image: url(../images/hostrie_title.png);
}
.reciepts.prostie .reciept .loop-reciept-title{
  background-image: url(../images/prostie_title.png);
  padding: 25px 34px 25px 30px;
}
.reciepts.detskie .reciept .loop-reciept-title{
  background-image: url(../images/detskie_title.png);
  padding: 25px 34px 25px 30px;
}
.reciepts.hostrie .reciept:hover .loop-reciept-title{
  background-image: url(../images/hostrie_title_hover.png);
}
.reciepts.prostie .reciept:hover .loop-reciept-title{
  background-image: url(../images/prostie_title-hover.png);
}
.reciepts.detskie .reciept:hover .loop-reciept-title{
  background-image: url(../images/detskie_title_hover.png);
}
.reciepts .reciept:hover .reciept-img{
  -moz-transform: scale(1.05) rotate(6deg) translateY(-7px);
-webkit-transform: scale(1.05) rotate(6deg) translateY(-7px);
-o-transform: scale(1.05) rotate(6deg) translateY(-7px);
-ms-transform: scale(1.05) rotate(6deg) translateY(-7px);
transform: scale(1.05) rotate(6deg) translateY(-7px);
border: 4px solid #c73e90;
}

.loop-reciept-sostav{
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 5px 15px 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.reciepts.prostie .loop-reciept-sostav{
  padding: 5px 5px 10px 35px;
}
.reciepts.detskie .loop-reciept-sostav{
  padding: 5px 0px 10px 35px;
}

.time{
  display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../images/time.png);
    background-size: 100% 100%;
    margin: 0 5px 0 0;
    position: relative;
    top: 1px;
}

/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*-------------------------�������-------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*-------------------------������_1------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
.reciepts-row, .recepttitle{
  width: 100%;
  float: left;
}

.single-pecipe-wrap{
    background-image: url(/template/images/single_recipe_wrap.png);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-filter: drop-shadow(0px 0px 32px rgba(39, 127, 168, .4));
    filter: drop-shadow(0px 0px 32px rgba(39, 127, 168, .4));
    margin-bottom: 65px;
    position: relative;
    margin-top: 75px;
}
.single-recipe-title-wrap{
  position: relative;
  width:85%;
  left: 15%;
}
.single-recipe-title-wrap h3{
  background-image: url(../images/single_recipe_title.png);
  background-size: 100% 100%;
  padding: 15px 15px 10px 13%;
  position: relative;
  color: #fff;
  letter-spacing: 2px;
  font-size: 18px;
}

.single-recipe-img{
  position: absolute;
  top: -25px;
  left: -10%;
  z-index: 35;
  width: 20%;
  -moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
border: 4px solid #bdffd9;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
cursor: pointer;
-webkit-transition: all .05s ease-in;
-moz-transition: all .05s ease-in;
-ms-transition: all .05s ease-in;
-o-transition: all .05s ease-in;
transition: all .05s ease-in;
}
.single-recipe-img.active{
  position: fixed;
  top:50%;
  left: 50%;
  width: auto;
  height: auto;
  max-width: 90vw;
  max-height: 90vh;
  -moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
z-index: 300;
}
.recipe-bg{
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -5;
  opacity: 0;
  -webkit-transition: all .05s ease-in;
-moz-transition: all .05s ease-in;
-ms-transition: all .05s ease-in;
-o-transition: all .05s ease-in;
transition: all .05s ease-in;
}
.recipe-bg.active{
  z-index: 1;
  opacity: 1;
  -webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
}

.single-recipe-table-note .time{
  background-image: url(../images/time_single.png);
  position: relative;
  top: 2px;
}
.single-recipe-table-note{
  margin: 0;
  font-size: 14px;
  text-align: right;
  color: #1d7443;
  letter-spacing: 1px;
}
.single-recipe-table-box{
  width: 100%;
  float: left;
  background-image: url(../images/single_recipe_table.png);
  background-size: 100% 100%;
  padding: 15px;
}
.single-recipe-table-wrap{
  padding: 115px 10px 25px 50px;
}
.single-recipe-table{
  width :100%;
  color: #cefbff;
  font-size: 15px;
  letter-spacing: 2px;
}
.single-recipe-table thead th{
  text-align: center;
  font-size: 17px;
  padding: 3px 0 15px 25%;
}
.single-recipe-table tbody tr td:first-child{
  padding: 0px 4px 0px 8px;
  border-left: 4px solid #cefbff;
  border-bottom: 1px solid #cefbff;
}
.single-recipe-table tbody tr td:last-child{
  border-bottom: 1px solid #cefbff;
  padding: 0 4px 0 15px;
}
.single-recipe-table tbody tr:last-child td:last-child,
.single-recipe-table tbody tr:last-child td:first-child{
  border-bottom: 0px solid #cefbff;
}
.kolpak{
  display: inline-block;
  width: 25px;
  background-image: url(../images/kolpak.png);
  background-size: 100% 100%;
  color: #5cbd49;
  text-align: center;
}
.single-table-link{
  margin: 5px;
  padding: 0 25px;
  font-size: 13px;
  color: #00cdac;
  letter-spacing: 2px;
}
.single-recipe-description{
  padding:0 50px 25px 35px;
}
.single-recipe-description h4{
  font-size: 15px;
  letter-spacing: 2px;
  color: #00672b;
}
.single-recipe-description p{
  font-size: 14px;
  letter-spacing: 1px;
  color: #333;
}
.nazad-inner-recipes{
  font-size: 12px;
  line-height: 20px;
}

/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*-------------------------������_1------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*-------------------------�������-------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
.zametki .zamettiele h3{
  /*padding: 15px 0;*/
}
.zametki-wrap{
  width: 100%;
  display: block;
}
.zamitema{
  display: inline-block;
  width: 30%;
  margin: 0 1.5% 25px;
  position: relative;
  z-index: 2;
}
.zametki-sidebar{
  width: 33%;
  float: right;
  min-height: 500px;
}
.sticker{
  margin: auto;
  width: 250px;
  font-family:"600RegularCaps";
  font-size: 17px;
  letter-spacing: 2px;
  position: relative;
  line-height: 1.3;
}
.sticker span{
  color: #7e2183;
  font-size: 21px;
}
.sticker1-label{
  position: absolute;
  left: 50%;
  top: -13px;
  height: 30px;
  width: 30px;
  margin-left: -15px;
  border-radius: 100%;
  background-color: #5a78cd;
  background-image: url(../images/label_1.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 70%;
  -webkit-box-shadow: 0 1px 4px -1px rgba(0,0,0,.8);
box-shadow: 0 1px 4px -1px rgba(0,0,0,.8);

}
.sticker1{
  -moz-transform: rotate(13deg);
-webkit-transform: rotate(13deg);
-o-transform: rotate(13deg);
-ms-transform: rotate(13deg);
transform: rotate(13deg);
z-index: 5;
}
.sticker1-inner{
  background-color: #ffd2df;
  padding: 20px 15px;

}

.sticker1 .shadow_1{
  position: absolute;
  left: 2%;
  width: 48%;
  top: 5px;
  height: 40%;
  -webkit-box-shadow: 0 0 11px 4px rgba(0,0,0,.25);
box-shadow: 0 0 11px 4px rgba(0,0,0,.25);
-moz-transform: rotate(3deg) skewX(10deg);
-webkit-transform: rotate(3deg) skewX(10deg);
-o-transform: rotate(3deg) skewX(10deg);
-ms-transform: rotate(3deg) skewX(10deg);
transform: rotate(3deg) skewX(10deg);
z-index: -1;
}
.sticker1 .shadow_2{
  position: absolute;
  right: 3%;
  width: 48%;
  top: 6px;
  height: 40%;
  -webkit-box-shadow: 0 0 11px 4px rgba(0,0,0,.25);
box-shadow: 0 0 11px 4px rgba(0,0,0,.25);
-moz-transform: rotate(-3deg) skewX(-10deg);
-webkit-transform: rotate(-3deg) skewX(-10deg);
-o-transform: rotate(-3deg) skewX(-10deg);
-ms-transform: rotate(-3deg) skewX(-10deg);
transform: rotate(-3deg) skewX(-10deg);
z-index: -1;
}
.sticker1 .shadow_3{
  position: absolute;
  left: 2%;
  width: 58%;
  bottom: 5px;
  height: 50%;
  -webkit-box-shadow: 0 0 11px 4px rgba(0,0,0,.25);
box-shadow: 0 0 11px 4px rgba(0,0,0,.25);
-moz-transform: rotate(-3deg) skewX(-6deg);
-webkit-transform: rotate(-3deg) skewX(-6deg);
-o-transform: rotate(-3deg) skewX(-6deg);
-ms-transform: rotate(-3deg) skewX(-6deg);
transform: rotate(-3deg) skewX(-6deg);
z-index: -1;
}
.sticker1 .shadow_4{
  position: absolute;
  right: 1.5%;
  width: 78%;
  bottom: 5px;
  height: 60%;
  -webkit-box-shadow: 0 0 11px 4px rgba(0,0,0,.25);
box-shadow: 0 0 11px 4px rgba(0,0,0,.25);
-moz-transform: rotate(3deg) skewX(5deg);
-webkit-transform: rotate(3deg) skewX(5deg);
-o-transform: rotate(3deg) skewX(5deg);
-ms-transform: rotate(3deg) skewX(5deg);
transform: rotate(3deg) skewX(5deg);
z-index: -1;
}
.sticker2{
  -moz-transform: rotate(25deg);
-webkit-transform: rotate(25deg);
-o-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
z-index: 5;
margin-top: 10px;
}
.sticker2-inner{
  background-color: #ffdae5;
  padding: 35px 15px 50px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
box-shadow: 0 0 5px 0 rgba(0,0,0,.1);

}
.sticker2-label{
  position: absolute;
  left: 10%;
  top: -13px;
  height: 30px;
  width: 30px;
  margin-left: -15px;
  border-radius: 100%;
  background-color: #6f34db;
  background-image: url(../images/label_1.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 70%;
  -webkit-box-shadow: 0 1px 4px -1px rgba(0,0,0,.8);
box-shadow: 0 1px 4px -1px rgba(0,0,0,.8);

}
.sticker2 .shadow_2{
  position: absolute;
  right: 3%;
  width: 48%;
  top: 6px;
  height: 40%;
  -webkit-box-shadow: 0 0 11px 4px rgba(0,0,0,.25);
box-shadow: 0 0 11px 4px rgba(0,0,0,.25);
-moz-transform: rotate(-3deg) skewX(-10deg);
-webkit-transform: rotate(-3deg) skewX(-10deg);
-o-transform: rotate(-3deg) skewX(-10deg);
-ms-transform: rotate(-3deg) skewX(-10deg);
transform: rotate(-3deg) skewX(-10deg);
z-index: -1;
}
.sticker2 .shadow_3{
  position: absolute;
    left: 8.5%;
    width: 88%;
    bottom: 5px;
    height: 66%;
    -webkit-box-shadow: 0 0 11px 10px rgba(0,0,0,.25);
    box-shadow: 0 0 11px 10px rgba(0,0,0,.25);
    -moz-transform: rotate(2deg) skewX(6deg);
    -webkit-transform: rotate(2deg) skewX(6deg);
    -o-transform: rotate(2deg) skewX(6deg);
    -ms-transform: rotate(2deg) skewX(6deg);
    transform: rotate(2deg) skewX(6deg);
    z-index: -1;
}
.smile{
  position: absolute;
  bottom: 19px;
  right: 17%;
  width: 50px;
  height: 50px;
  background-image: url(../images/smile.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.sticker3{
  -moz-transform: rotate(9deg);
-webkit-transform: rotate(9deg);
-o-transform: rotate(9deg);
-ms-transform: rotate(9deg);
transform: rotate(9deg);
z-index: 5;
}
.sticker3-inner{
  background-color: #ffe7ee;
  padding: 35px 15px 35px 30px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
box-shadow: 0 0 5px 0 rgba(0,0,0,.1);

}
.sticker3-label{
  position: absolute;
  left: 25%;
  top: -13px;
  height: 30px;
  width: 30px;
  margin-left: -15px;
  border-radius: 100%;
  background-color: #ff005a;
  background-image: url(../images/label_1.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 70%;
  -webkit-box-shadow: 0 1px 4px -1px rgba(0,0,0,.8);
box-shadow: 0 1px 4px -1px rgba(0,0,0,.8);

}
.sticker3 span{
  color: #ff005a;
  font-size: 21px;
}
.znak{
  position: absolute;
  left: 5px;
  top: 5%;
  height: 50%;
  width: 20px;
  color: #ff005a;
      font-family: "600RegularCaps";
      font-size: 120px;
}
.sticker3 .shadow_4{
  position: absolute;
  right: 3%;
  width: 90%;
  bottom: 8px;
  height: 80%;
  -webkit-box-shadow: -2px 5px 11px 12px rgba(0,0,0,.25);
box-shadow: -2px 5px 11px 12px rgba(0,0,0,.25);
-moz-transform: rotate(3deg) skewX(5deg);
-webkit-transform: rotate(3deg) skewX(5deg);
-o-transform: rotate(3deg) skewX(5deg);
-ms-transform: rotate(3deg) skewX(5deg);
transform: rotate(3deg) skewX(5deg);
z-index: -1;
}
.sticker4{
  -moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
z-index: 4;
left: 15px;
}
.sticker4-inner{
  background-color: #ffdae5;
  padding: 35px 15px 35px 30px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
box-shadow: 0 0 5px 0 rgba(0,0,0,.1);

}
.sticker4-label{
  position: absolute;
  left: -0;
  top: 75%;
  height: 30px;
  width: 30px;
  margin-left: -15px;
  border-radius: 100%;
  background-color: #5952e5;
  background-image: url(../images/label_1.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 70%;
  -webkit-box-shadow: 0 1px 4px -1px rgba(0,0,0,.8);
box-shadow: 0 1px 4px -1px rgba(0,0,0,.8);

}
.sticker4 .shadow_4{
  position: absolute;
  right: 3%;
  width: 90%;
  bottom: 8px;
  height: 80%;
  -webkit-box-shadow: -2px 5px 11px 12px rgba(0,0,0,.25);
box-shadow: -2px 5px 11px 12px rgba(0,0,0,.25);
-moz-transform: rotate(3deg) skewX(5deg);
-webkit-transform: rotate(3deg) skewX(5deg);
-o-transform: rotate(3deg) skewX(5deg);
-ms-transform: rotate(3deg) skewX(5deg);
transform: rotate(3deg) skewX(5deg);
z-index: -1;
}
.zzz{
  position: absolute;
  bottom: 14px;
  right: 17%;
  width: 80px;
  height: 40px;
  background-image: url(../images/zzz.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.sticker5{
  -moz-transform: rotate(-13deg);
-webkit-transform: rotate(-13deg);
-o-transform: rotate(-13deg);
-ms-transform: rotate(-13deg);
transform: rotate(-13deg);
z-index: 3;
margin: 15px auto 0;
left: -15px;
}
.sticker5-inner{
  background-color: #ffd2df;
  padding: 35px 15px 35px 30px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
box-shadow: 0 0 5px 0 rgba(0,0,0,.1);

}
.sticker5-label{
  position: absolute;
  left: 50%;
  top: -13px;
  height: 30px;
  width: 30px;
  margin-left: -15px;
  border-radius: 100%;
  background-color: #5a78cd;
  background-image: url(../images/label_1.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 70%;
  -webkit-box-shadow: 0 1px 4px -1px rgba(0,0,0,.8);
box-shadow: 0 1px 4px -1px rgba(0,0,0,.8);

}
.sticker5 .shadow_1{
  position: absolute;
  left: 2%;
  width: 48%;
  top: 5px;
  height: 40%;
  -webkit-box-shadow: 0 0 11px 4px rgba(0,0,0,.25);
box-shadow: 0 0 11px 4px rgba(0,0,0,.25);
-moz-transform: rotate(3deg) skewX(10deg);
-webkit-transform: rotate(3deg) skewX(10deg);
-o-transform: rotate(3deg) skewX(10deg);
-ms-transform: rotate(3deg) skewX(10deg);
transform: rotate(3deg) skewX(10deg);
z-index: -1;
}
.sticker5 .shadow_2{
  position: absolute;
  right: 3%;
  width: 48%;
  top: 6px;
  height: 40%;
  -webkit-box-shadow: 0 0 11px 4px rgba(0,0,0,.25);
box-shadow: 0 0 11px 4px rgba(0,0,0,.25);
-moz-transform: rotate(-3deg) skewX(-10deg);
-webkit-transform: rotate(-3deg) skewX(-10deg);
-o-transform: rotate(-3deg) skewX(-10deg);
-ms-transform: rotate(-3deg) skewX(-10deg);
transform: rotate(-3deg) skewX(-10deg);
z-index: -1;
}
.sticker5 .shadow_3{
  position: absolute;
  left: 2%;
  width: 58%;
  bottom: 5px;
  height: 50%;
  -webkit-box-shadow: 0 0 11px 4px rgba(0,0,0,.25);
box-shadow: 0 0 11px 4px rgba(0,0,0,.25);
-moz-transform: rotate(-3deg) skewX(-6deg);
-webkit-transform: rotate(-3deg) skewX(-6deg);
-o-transform: rotate(-3deg) skewX(-6deg);
-ms-transform: rotate(-3deg) skewX(-6deg);
transform: rotate(-3deg) skewX(-6deg);
z-index: -1;
}
.sticker5 .shadow_4{
  position: absolute;
  right: 1.5%;
  width: 78%;
  bottom: 5px;
  height: 60%;
  -webkit-box-shadow: 0 0 11px 4px rgba(0,0,0,.25);
box-shadow: 0 0 11px 4px rgba(0,0,0,.25);
-moz-transform: rotate(3deg) skewX(5deg);
-webkit-transform: rotate(3deg) skewX(5deg);
-o-transform: rotate(3deg) skewX(5deg);
-ms-transform: rotate(3deg) skewX(5deg);
transform: rotate(3deg) skewX(5deg);
z-index: -1;
}
.vert{
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: url(../images/vert.png);
  background-size: auto 100%;
}
.zamitema:hover .zamet-title {
    background-image: url(/template/images/zamtitle-hover.png);
}
.zamitema:hover .zamet-img {
    border: 4px solid #a64d82;
}
.zamitema:hover .zamet-description:after {
    opacity: 1;
}
.zametka-popup-bg{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4caff+0,aca2e0+100&0.73+0,0.79+100 */
background: -moz-linear-gradient(top, rgba(212,202,255,0.73) 0%, rgba(172,162,224,0.79) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(212,202,255,0.73) 0%,rgba(172,162,224,0.79) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(212,202,255,0.73) 0%,rgba(172,162,224,0.79) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bad4caff', endColorstr='#c9aca2e0',GradientType=0 ); /* IE6-9 */
z-index: -5;
opacity: 0;


-webkit-transition: all .3s linear .2s;
-moz-transition: all .3s linear.2s;
-ms-transition: all .3s linear.2s;
-o-transition: all .3s linear.2s;
transition: all .3s linear.2s;
}
.zametka-popup-bg.active{
  opacity: 1;
  z-index: 9999;
  -webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}

.zametka-popup{
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: scale(0) translateX(-50%) translateY(-50%);
-webkit-transform: scale(0) translateX(-50%) translateY(-50%);
-o-transform: scale(0) translateX(-50%) translateY(-50%);
-ms-transform: scale(0) translateX(-50%) translateY(-50%);
transform: scale(0) translateX(-50%) translateY(-50%);
padding: 25px;
border: 6px solid #c16fb8;
background-color: #ffeef3;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
opacity: 0;

}
.zametka-popup-bg.active .zametka-popup{
 -moz-transform: scale(1) translateX(-50%) translateY(-50%);
-webkit-transform: scale(1) translateX(-50%) translateY(-50%);
-o-transform: scale(1) translateX(-50%) translateY(-50%);
-ms-transform: scale(1) translateX(-50%) translateY(-50%);
transform: scale(1) translateX(-50%) translateY(-50%);
opacity: 1;
-webkit-transition: all .1s linear .2s;
-moz-transition: all .1s linear.2s;
-ms-transition: all .1s linear.2s;
-o-transition: all .1s linear.2s;
transition: all .1s linear.2s;
}
.zametka-popup-row{
  max-height: 80vh;
  overflow: auto;
}

.zametka-popup-title{
  text-align: center;
      font-family: "600RegularCaps";
      color: #fff;
      background-image: url(../images/zametka-popup-title.png);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      padding: 15px 0 50px;
      font-size: 24px;
      letter-spacing: 2px;

}
.zametka-popup-img img{
  width: 90%;
  height: auto;
  border: 4px solid #fff;
  -webkit-box-shadow: 0 0 15px 1px rgba(193,111,184,.4);
box-shadow: 0 0 15px 1px rgba(193,111,184,.4);
margin: -50px auto 15px;
display: block;
position: relative;
left: 2%;
}
.zametka-popup-text{
  padding: 40px 40px 0px 15px;
  color: #2d2d2d;
  font-size: 15px;
  letter-spacing: 2px;
  text-align: justify;
}
.zametka-popup-text p{
    text-indent: 40px;
}

 .zametka-popup-text span {
    color: #7d2082;
    font-weight: bold;
  }
.zametka-popup-cross{
  position: absolute;
  top: -20px;
  right: -30px;
  background-image: url(../images/zamcross.png);
  width: 100px;
  height: 80px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-filter: drop-shadow(0px 0px 7px rgba(193,111,184,.4));
    filter: drop-shadow(0px 0px 7px rgba(193,111,184,.4));
    cursor: pointer;
}

/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*-------------------------�������-------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
.single-product-text ul, .single-product-text ul{
  list-style: disc;
  padding-left: 20px;
}
.home .zametka-popup-bg.active,
.home .zametka-popup-bg{
  position: absolute;
}
.single-product-text ul.single-advent-list{
  padding: 0;
  list-style: none;
}
.single-product-text{
    line-height: 1.5;
    font-size: 17px;
    text-align: justify;
    padding-right: 45px;
}
.single-advent{
    line-height: 1;
    text-align: left;
}

@media (max-width: 1500px){
  .logoimg{
    width: 200px;
  }
   .navbar-default .navbar-nav > li > a{
     font-size: 21px;
   }
   .main-menu {
    width: 900px;
    }
    .firstnext {
    padding-bottom: 15%;
    width: 31%;
    }
    .category {
    width: 200px;
    }
    .cat-name {
    width: 100%;
    }
    .cat-name h3 {
    font-size: 21px;
    }
    .recept-item {
    width: 250px;
    }
    .recept-image {
    min-height: 225px;
    }
    .recepttitle h3 {
    padding: 15px 0;
    }
    #owl-example {
    width: 900px;
    }
    .zamettiele h3 {
    padding: 15px 0;
    }
    .fourthnext {
    width: 30%;
    padding-bottom: 19%;
    }
    .foomenu {
    float: right;
    margin-right: 15px;
}
.katalog-menu {
    margin-bottom: 0;
    margin-top: 100px;
}
   .katalog-menu .cat-name {
    width: 220px;
    }
   .product .katalog-menu {
    margin-bottom: 50px;
    margin-top: 75px;
}
.single-pecipe-wrap,
.single-wrap{
  margin: 0 50px 50px;
}
.arrow-left {
    left: -50px;
}
.arrow-right {
    right: -50px;
}
.katalog-menu.single-katalog-menu {
    margin-bottom: 35px;
}
}
@media (max-width: 1200px){
  .main-menu {
    width: 840px;
    left: auto;
    right: 0;
        -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}
.languidges{
  top: 1%;
  right: 1%;
}
    .foomenu {
    max-width: 60%;
}
  .foocopy{
    max-width: 30%;
  }
  .foomenu li a {
    background-size: 100% 100%;
}
.products.loop .product {
    width: 31%;
}
.single-advent-list li {
    padding: 8px 0 8px 40px;
    font-size: 14px;

}
.single-product-parameters{
  width: 100%;
}
.reciepts .reciept{
  width: 47%;
}
.reciepts .reciept .reciept-img {
    width: 45%;
}
}
@media (max-width: 1000px){
    .main-menu {
    width: 600px;
    }
    .navbar-default .navbar-nav > li > a {
    font-size: 18px;
}
.logoimg {
    width: 170px;
}
.recept-item {
    width: 200px;
}
#owl-example{
  width: 90%;
}
 .fourthnext {
    width: 50%;
}
.secondnext {
    width: 50%;
    padding-bottom: 15%;
}
 .category1.active{
   margin-left: -30px;
 }
 .category2.active{
   margin-left: 30px;
 }
 .reciepts .reciept .reciept-img {
    width: 50%;
}
}
@media (max-width: 992px){
 .katalog-menu .cat-name {
    width: 80%;
}
.katalog-menu {
    margin-bottom: 0;
    margin-top: 40px;
}
.cat-name:after {
    border-width: 10px 173px 0 0;
}
.single-product-image-wrap {
     margin-top: -33px;
}
.single-advent-list li {
    padding: 20px 0 20px 40px;
    font-size: 14px;
}
.single-product-parameters-inner {
    width: 96%;
}
.single-sostav{
  margin-top: 15px;
}
.salatik {
    padding-right: 15px;
}.salatik img {

}
.arrow-left, .arrow-right{
  display: none;
}
.single-pecipe-wrap,
.single-wrap {
    margin: 0 0px 50px 50px;
}
.single-recipe-description {
    padding: 0 50px 45px 35px;
}
.single-recipe-title-wrap h3{
      padding: 15px 15px 10px 25%;
}
.single-recipe-img {
    top: 4px;
    left: -7%;
    z-index: 35;
    width: 30%;
}
.zamitema{
  width:46%;
}
.zametki-sidebar{
  width: 50%;
}
.zametki-wrap{
  padding-top: 30px;
}



}

@media (max-width: 767px){
   .foomenu {
    max-width: none;
    float: none;
    margin-right: 0;
}
  .foocopy{
    max-width: none;
  }
   .menu-btn.menu-open{
     display: block;
     font-family: "600RegularCaps";
     color: #fff;
     float: right;
     padding: 5px 55px 5px 15px;
     float: right;
     cursor: pointer;
     font-size: 24px;
     text-shadow: 1px 1px 1px #2277a9;
     margin-right: 15px;
     position: relative;
     top: 44px;
     letter-spacing: 1px;
   }
   .menu-btn{
         -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
   }

   .menu-btn:hover{
     background-image: url(/template/images/menu_hover.png);
   }

   .menu-btn.menu-close{
     display: block;
     font-family: "600RegularCaps";
     color: #fff;
     float: right;
     padding: 5px 55px 5px 15px;
     float: right;
     cursor: pointer;
     font-size: 24px;
     text-shadow: 1px 1px 1px #2277a9;
     margin-right: 15px;
     position: relative;
     top: 44px;
     letter-spacing: 1px;
   }
   .main-menu{
     top: 0;
     right: 0;
     position: fixed;
   }
   .navbar{
     margin-bottom: 0;
   }
   .collapse{
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#81cfff+5,5fbbf3+87 */
background: #81cfff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #81cfff 5%, #5fbbf3 87%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #81cfff 5%,#5fbbf3 87%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #81cfff 5%,#5fbbf3 87%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81cfff', endColorstr='#5fbbf3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding: 0;
    }
    .collapse-wrap{
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
          background-image: url(/template/images/menuback.png);
    }
    .vel {
    bottom: 40%;
    }
    #menu{
      position: absolute;
      top: 50%;
      left: 50%;
      width: 300px;
      margin-left: -150px;
      -moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
    }

   .menu-btn.menu-open:after{
     content: "";
     position: absolute;
     width: 30px;
     height: 30px;
     right: 13px;
     top: 7px;
     background-image: url(/template/images/poloski.png);
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
   }
   .menu-btn.menu-close:after{
     content: "";
     position: absolute;
     width: 30px;
     height: 23px;
    right: 13px;
    top: 12px;
     background-image: url(/template/images/cross.png);
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
   }
   .navbar-default .navbar-nav > li:nth-child(1) > a,
   .navbar-default .navbar-nav > li:nth-child(2) > a,
   .navbar-default .navbar-nav > li:nth-child(3) > a,
   .navbar-default .navbar-nav > li:nth-child(4) > a,
   .navbar-default .navbar-nav > li:nth-child(5) > a{
     background-image: none;
     padding: 11px 0 9px;
     display: block;
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
   }
   .navbar-default .navbar-nav > li:nth-child(1) > a:hover, .navbar-default .navbar-nav > li:nth-child(1).active > a,
   .navbar-default .navbar-nav > li:nth-child(2) > a:hover, .navbar-default .navbar-nav > li:nth-child(2).active > a,
   .navbar-default .navbar-nav > li:nth-child(3) > a:hover, .navbar-default .navbar-nav > li:nth-child(3).active > a,
   .navbar-default .navbar-nav > li:nth-child(4) > a:hover, .navbar-default .navbar-nav > li:nth-child(4).active > a,
   .navbar-default .navbar-nav > li:nth-child(5) > a:hover, .navbar-default .navbar-nav > li:nth-child(5).active > a{
     background-image: url(/template/images/menu_item_hover.png);
     background-size: 100% 100%;
     background-position: center;
     background-repeat: no-repeat;
   }

  .thirdnext {
    width: 90%;
    right: 0;
    padding-bottom: 45%;
}
  .recept-row ,.recepttitle{
    top: 0;
    position: relative;
    }
    .recept-image {
    min-height: 100px;
}
  .category, .category.active{
   /* position: static;
    margin: 0 auto 20px;
    -moz-transform: translateX(0%) translateY(0%);
    -webkit-transform: translateX(0%) translateY(0%);
    -o-transform: translateX(0%) translateY(0%);
    -ms-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%);  */
    width: 150px;
  }
   .cat-name:after {
        border-width: 10px 150px 0 0;
    }
    .afterarrow {
    border-width: 21px 0 26px 27px;
}
    .logoimg {
        width: 150px;
    }
    #owl-example {
        width: 80%;
      }
      #fp-nav {
          width: 250px;
          left: 50%;
          margin-left: -125px;
          bottom: 2%;
      }
      .fourthnext {
          width: 65%;
      }
      .snami {
        bottom: 26%;
      }
      .foomenu li a {
          padding: 6px 0 23px;
          font-size: 16px;
      }
      .foomenu {
            width: 450px;
            margin: 0 auto;
       }
     .category3.active {
    left: 50%;
    top: 77%;
    margin-left: 23%;
    z-index: 15;
}
    .category2.active {
    left: 50%;
    top: 53.5%;
    margin-left: 5%;
    z-index: 15;
}
     .category1.active {
    left: 50%;
    top: 30%;
    margin-left: -17%;
    z-index: 15;
}
.cat-name h3 {
    display: block;
    font-family: "600RegularCaps";
    padding: 0px 0 2px;
    text-align: center;
    font-size: 22px;
    letter-spacing: 2px;
    color: #fff;
    background-color: #94c11f;
    margin: 0 auto;
    z-index: 16;
    line-height: 31px;
    position: relative;
}
    .main-menu {
    width: 260px;
}
    .navbar-nav {
    display: block;
    }
    .navbar-nav > li {
    float: right;
    flex-grow: 5;
    clear: both;
    width: 100%;
    margin-top: 10px;
}
   .navbar-default .navbar-nav > li > a {
    font-size: 32px;
    font-weight: normal;
    -webkit-filter: drop-shadow(-1px 1px 2px rgba(0, 0, 0, .3));
    filter: drop-shadow(-1px 1px 3px rgba(0, 0, 0, .3));
    width: 90%;
    margin: auto;
    text-shadow: 1px 1px 2px rgba(61,131,176,.7);
}
.firstnext {
    padding-bottom: 17%;
    width: 375px;
    right: 50%;
    margin-right: -188px;
}
.chtomi {
    left: 30%;
}
.predlagaem {
    position: absolute;
    top: 40%;
    left: 0;
    width: 66%;
    padding-bottom: 10.5%;
    -moz-transform: translateX(-0%);
    -webkit-transform: translateX(-0%);
    -o-transform: translateX(-0%);
    -ms-transform: translateX(-0%);
    transform: translateX(-0%);
}
.firstarrow {
    position: absolute;
    bottom: 0;
    left: auto;
    width: 25%;
    right: 5%;
    height: 100%;
    -moz-transform: translateX(-0%);
    -webkit-transform: translateX(-0%);
    -o-transform: translateX(-0%);
    -ms-transform: translateX(-0%);
    transform: translateX(-0%);
}
.secondnext {
    width: 100%;
    padding-bottom: 0;
    height: 100vh;
    bottom: 0;
    z-index: 1;
}
.mnogo {
    position: absolute;
        top: 33%;
    left: 88%;
    width: 107%;
    padding-bottom: 8.5%;
    -moz-transform: translateX(-50%) rotate(30deg);
    -webkit-transform: translateX(-50%) rotate(30deg);
    -o-transform: translateX(-50%) rotate(30deg);
    -ms-transform: translateX(-50%) rotate(30deg);
    transform: translateX(-40%) rotate(30deg);
}
.mnogo>div.mnogo10 {
    left: 0;
    bottom: -90%;
}
.mnogo>div.mnogo11 {
    left: 5%;
    top: 90%;
}
.mnogo>div.mnogo12 {
    left: 10%;
    bottom: -90%;
}
.mnogo>div.mnogo13 {
    left: 15%;
    top: 90%;
    width: 6%;
}
.mnogo>div.mnogo14 {
    left: 22%;
    bottom: -90%;
}
.mnogo>div.mnogo15 {
    left: 27%;
    top: 90%;
}
.mnogo>div.mnogo16 {
    left: 32.5%;
    bottom: -90%;
    width: 6%;
}
.mnogo>div.mnogo17 {
    left: 38%;
    top: 90%;
}
.mnogo>div.mnogo18 {
    left: 43%;
    bottom: -90%;
    width: 6%;
}
.mnogo>div.mnogo19 {
    left: 49%;
    top: 100%;
    width: 3%;
}
.mnogo>div.polosa1 {
    width: 0;
    padding-bottom: 3.2%;
    position: absolute;
    left: 15%;
    top: 183%;
    height: auto;
}
.mnogo>div.polosa2 {
    width: 0;
    padding-bottom: 3.2%;
    position: absolute;
    left: 23%;
    top: 214%;
    height: auto;
}


.secondarrow {
    position: absolute;
    bottom: 7%;
    left: 5%;
    width: 70px;
    height: 150px;
    -moz-transform: rotateY(180deg) translateX(0px);
-webkit-transform: rotateY(180deg) translateX(0px);
-o-transform: rotateY(180deg) translateX(0px);
-ms-transform: rotateY(180deg) translateX(0px);
transform: rotateY(180deg) translateX(0px);
}
.recept-item {
    left: -150%;
    width: 100%;
    margin: 0;
}
.recept-row {
    top: 0;
    position: relative;
    width: 320px;
    margin: auto;
}
.recept-image {
    width: 60%;
    background-size: 100% 100%;
}
.recept-image-1 .resinner {
    left: 5%;
    right: 0;
    top: 0;
    bottom: 0;
}
.recept-image-2 .resinner {
    top: 0;
    left: 10%;
    bottom: 0;
}

.recept-title {
    position: absolute;
    width: 140px;
    font-size: 15px;
    left: auto;
    right: 10%;
    margin: -15px 0 0;
    top: 50%;
    background-color: #92f0f8;
    margin-top: -15px;
    letter-spacing: 1px;
}
.foomenu {
    top: 0;
    width: 375px;
    margin: 0 auto;
}
.foocopy {
    top: 43px;
    font-size: 13px;
    line-height: 1;
    width: 100%;
    border-top: 1px solid #ccc;
    left: 0;
    padding-top: 4px;
}
.languidges {
    top: 1%;
    right: 25px;
    position: fixed;
}
.logo,.logo:hover {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    padding-top: 30px;
}
.home .logo,.home .logo:hover {
    position: fixed;
}
.afterarrow {
    border-width: 21px 0 22px 27px;
}
.cat-name:after {
    top: 99%;
}
.zamettiele h3 {
    padding: 9px 0;
    margin-top: 0;
    font-size: 24px;
}
.zamet-title {
    padding: 6px 25px 15px 15px;
    }
    .zamet-img {
    width: 63%;
    margin-left: 15%;
}
.zamet-description {
    padding: 18px 10px 10px;
}
.zamet-title {
    padding: 6px 6px 15px 9px;
         font-size: 13px;
    }
    .bigbaloon img {
    float: right;
    height: 100%;
    width: auto;
    display: block;
    -webkit-animation: vel 2s infinite linear;
    -moz-animation: vel 2s infinite linear;
    -ms-animation: vel 2s infinite linear;
    -o-animation: vel 2s infinite linear;
    animation: vel 2s infinite linear;
    position: absolute;
    bottom: 8%;
    right: 6px;
}
.legko {
    width: 80%;
    padding-bottom: 11.5%;
    bottom: 28%;
    left: 0;
    }
    .legko6 {
    left: 30%;
    bottom: -100%;
}
.legko7 {
    left: 35%;
    top: 100%;
    width: 12% !important;
}
.legko8 {
    left: 48%;
    bottom: -100%;
}
.legko9 {
    left: 56%;
    top: 100%;
}
.legko>div.legko10 {
    left: 63%;
    bottom: -100%;
}
.legko>div.legko11 {
    left: 70%;
    top: 100%;
    width: 5%;
}
.smallbaloon {
    position: absolute;
    bottom: 27%;
    left: 47%;
    width: 14%;
    height: 27% !important;
}
.zamettiele, #owl-example {
    position: relative;
    top: -7vh;
}
.foomenu{
  margin-top: 5px;
}

.foocopy {
    width: 96%;
    margin: auto;
    border-top: 2px solid rgba(255,255,255,.6);
    left: 2%;
}
#fp-nav.bott {
    bottom: 149px;
}
.vel.active {
    left: 50%;
}
.rotate .vel.active{
  left: 25%;
  bottom: 30%;
}
.rotate .firstnext {
    padding-bottom: 17%;
    width: 50%;
    right: 0;
    margin-right: 0;
}
.rotate .category3.active {
    left: 80%;
    top: 65%;
    margin-left: 0;
    z-index: 15;
}
.rotate .category2.active {
    left: 50%;
    top: 65%;
    margin-left: 0;
    z-index: 15;
}
.rotate .category1.active {
    left: 20%;
    top: 65%;
    margin-left: 0;
    z-index: 15;
}
.rotate .secondnext , .rotate .thirdnext, .rotate .fourthnext{
    display: none;
}
.rotate .category, .rotate .category.active {
    width: 135px;
}
.rotate .cat-name h3 {
    font-size: 18px;
}
.rotate .recept-row {
    width: 100%;
}
.rotate .recept-item{
  width: 31%;
}
.rotate .recept-image {
    width: 100%;
 }
.rotate .recept-title {
    top: 100%;
}
.rotate .zamet-img {
    width: 42%;
 }
.rotate .zamet-description {
    line-height: 1;
    font-size: 11px;
    min-height: 50px;
}
.rotate .zamettiele, #owl-example {
    position: relative;
    top: -10vh;
}
.rotate #fp-nav.bott {
    bottom: 2%;
}
.rotate #owl-example {
    width: 270px;
}
.products.loop .product {
    width: 300px;
}
.katalog-menu .cat-name {
    width: 220px;
    margin-bottom: 13px;
}
.katalog-menu {
    margin-bottom: 0;
    margin-top: 0;
}
.katalog-menu .cat-name:after {
    border-width: 10px 200px 0 0;
}
.product .katalog-menu {
    margin-bottom: 20px;
    margin-top: 0px;
}
.single-product-image-wrap {
    width: 66%;
    float: left;
}
.single-advent {
  width: 34%;
  float: left;
}
.cat-menu-item{
  width: 100%;
  float: left;
}
.cat-menu-item .recept-title{
  position: relative;
  margin: 5px auto 0;
  left: auto;
  right: auto;
  top: auto;
}
.reciepts .reciept {
    width: 350px;
    float: none;
    margin: 20px auto;
}
.zamitema{
  width:350px;
  display: block;
  margin: 0 auto 25px;
  overflow: hidden;
}
.zametki-sidebar{
  width: 100%;
  margin-bottom: 50px;
}
.zametki-wrap{
  padding-top: 30px;
}
 .zametki .zamettiele{
   top: 0;
 }
 .zametka-popup{
   width: 80%;
 }

}
@media (max-width: 600px){
   #owl-example{
     width: 300px;
   }


   .zamettiele h3 {
    padding: 9px 0;
}

  .fourthnext {
    width: 80%;
    padding-bottom: 25%;
    bottom: 140px;
}
 .single-product-image-wrap {
    width: 100%;
    float: left;
    text-align: left;
}
.single-advent {
  width: 80%;
  float: none;
  margin: 15px auto 0;
  overflow: hidden;
}
.single-product-title {
    padding: 15px 4% 15px 15px;
}
.single-product-title h3 {
    padding: 12px 0 8px 23%;
}
.single-product-image img.opacity-product-img{
  right: auto;
  left: 15px;
}
.single-wrap {
    margin: 0 0px 50px 25px;
    background-color: #ecfaff;
}
.single-pecipe-wrap{
    margin: 0 0px 50px 25px;
    background-color: #cefbff;
}
.single-recipe-description {
    padding: 0 15px 45px 15px;
}
.single-product-parameters {
    padding: 15px 0 15px 15px;
}
.single-product-parameters-inner table tbody tr th,
.single-product-parameters-inner table tbody tr td{
  font-size: 12px;
}
.single-recipe-title-wrap h3 {
    padding: 15px 15px 10px 50%;
}
.single-recipe-img {
    top: 4px;
    left: -7%;
    z-index: 35;
    width: 47%;
}
}

@media (max-width: 450px){
   .velimg {
    max-width: 96vw;
    }
    .vel {
    max-width: 96%;
    }
  .foomenu li a {
          padding: 5px 0 18px;
          font-size: 14px;
      }
      .foomenu {
            margin: 5px auto 0;
            width: 320px;
       }
    .firstnext {
    padding-bottom: 23%;
    width: 300px;
    right: 50%;
    margin-right: -150px;
}
   .category, .category.active {
    width: 125px;
}
.cat-name h3 {
    font-size: 16px;
    line-height: 27px;
}
.recept-image {
    min-height: 90px;
}
#owl-example {
    width: 250px;
}
.zamet-title {
    font-size: 15px;
}
.zamet-description {
    padding: 20px 10px 10px;
    font-size: 13px;
}
.zamet-img {
    width: 70%;

}
.logo, .logo:hover {
    padding-top: 18px;
}
.logoimg {
    width: 145px;
}
.languidges {
    top: 10px;
    right: 5px;
}
.menu-btn.menu-open,
.menu-btn.menu-close {
    padding: 0px 38px 0px 9px;
    font-size: 23px;
    font-weight: normal;
    margin-right: 4px;
    top: 44px;
}
.menu-btn.menu-open:after {
    width: 27px;
    height: 30px;
    right: 6px;
    top: 2px;
}
.menu-btn.menu-close:after {
    content: "";
    position: absolute;
    width: 21px;
    height: 18px;
    right: 13px;
    top: 8px;
    background-image: url(/template/images/cross.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.recepttitle h3 {
    padding: 15px 0;
    margin-top: 0;
    font-size: 26px;
}
 .recept-image {
    min-height: 100px;
}
 .fourthnext {
    width: 100%;
    padding-bottom: 30%;
    bottom: 165px;
}
    .snami {
    bottom: 9%;
        left: 15%;
    }
    .interest {
    position: absolute;
    bottom: 4%;
    left: 37%;
    }
    .twoclouds {
    width: 15%;
    padding-bottom: 9%;
    position: absolute;
    left: 3%;
    bottom: 22%;
}
.halfclouds {
    width: 15%;
    padding-bottom: 25%;
    position: absolute;
    right: 0%;
    top: 0%;
}
.post .footer {
    bottom: 0;
    min-height: 140px;
}
 .foomenu li a {
    background-size: 100% 100%;
    letter-spacing: 1px;
    font-size: 12px;
}
.single-product-title h3 {
    background-color: #7ea615;
}
.reciepts .reciept {
    width: 300px;
    float: none;
    margin: 20px auto;
}
.single-recipe-title-wrap h3{
  background-color: #008f7f;
  padding: 15px 15px 10px;
}
.single-recipe-img {
    top: 0;
    left: -12%;
    z-index: 35;
    width: 47%;
    position: relative;
}
.single-recipe-table-wrap {
    padding: 0px 10px 25px 10px;
}
.single-recipe-table {
    letter-spacing: 0;
}
.zamitema {
    width: 300px;
}

}
@media (max-width: 374px){
.velimg {
    max-width: 80vw;
}
.category, .category.active {
    width: 100px;
}
.cat-name h3 {
    font-size: 14px;
    line-height: 19px;
}
.cat-name {
    width: 110%;
    left: -40px;
}
.afterarrow {
    border-width: 17px 0 17px 19px;
        right: -25px;
}
.cat-name:after {
    border-width: 10px 111px 0 0;
}
.category1.active {
    left: 50%;
    top: 34%;
    margin-left: -17%;
    z-index: 15;
}
.category2.active {
    left: 50%;
    top: 56%;
    margin-left: 5%;
    z-index: 15;
}
.category3.active {
    left: 50%;
    top: 79%;
    margin-left: 23%;
    z-index: 15;
}
.mnogo {
    top: 39%;
    width: 84%;
}
.recept-image {
    min-height: 70px;
}
.recept-row {
    width: 250px;
}
.post .footer {
    bottom: 0;
    min-height: 110px;
}
#fp-nav.bott {
    bottom: 117px;
}
.zamet-img {
    width: 50%;
}
.zamet-description {
    padding: 20px 7px 10px;
    font-size: 11px;
    min-height: 75px;
}
.zamettiele{
    margin-top: 25px;
}
.fourthnext {
    width: 100%;
    padding-bottom: 30%;
    bottom: 124px;
}
.products.loop .product {
    width: 250px;
}
.post {
  overflow: hidden;



}
.single-product-parameters-inner {
    width: 120%;
    left: -15%;
    position: relative;
}
.reciepts .reciept {
    width: 250px;
    float: none;
    margin: 20px auto;
}
.single-recipe-table {
    width: 100%;
    color: #cefbff;
    font-size: 15px;
    letter-spacing: 0;
    font-size: 13px;
}



}

.container{
    padding-top: 50px;
    padding-bottom: 30px;
}
.single-margin-img{
    border: 4px solid #bdffd9;
}
.single-margin-img:hover{
    border: 4px solid #c73e90;
}