@font-face {
    font-family: 'MuseoSansCyrl100';
    src: url('fonts/MuseoSansCyrl-100.eot'); /* IE9 Compat Modes */
    src: url('fonts/MuseoSansCyrl-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/MuseoSansCyrl-100.woff') format('woff'), /* Modern Browsers */
         url('fonts/MuseoSansCyrl-100.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/MuseoSansCyrl-100.svg#MuseoSansCyrl-100') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'MuseoSansCyrl300';
    src: url('fonts/MuseoSansCyrl-300.eot'); /* IE9 Compat Modes */
    src: url('fonts/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/MuseoSansCyrl-300.woff') format('woff'), /* Modern Browsers */
         url('fonts/MuseoSansCyrl-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/MuseoSansCyrl-300.svg#MuseoSansCyrl-300') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'MuseoSansCyrl500';
    src: url('fonts/MuseoSansCyrl-500.eot'); /* IE9 Compat Modes */
    src: url('fonts/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/MuseoSansCyrl-500.woff') format('woff'), /* Modern Browsers */
         url('fonts/MuseoSansCyrl-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/MuseoSansCyrl-500.svg#MuseoSansCyrl-500') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'MuseoSansCyrl700';
    src: url('fonts/MuseoSansCyrl-700.eot'); /* IE9 Compat Modes */
    src: url('fonts/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/MuseoSansCyrl-700.woff') format('woff'), /* Modern Browsers */
         url('fonts/MuseoSansCyrl-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/MuseoSansCyrl-700.svg#MuseoSansCyrl-700') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
html, body { height:100%;}
html { font-size:87.5%;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
* :focus { outline:none;}
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ border:none; }

body { padding:0; margin:0; font-family: 'MuseoSansCyrl500', sans-serif; font-size:1rem; color:#000000; background: url(../img/welcome.jpg) no-repeat center top; background-size:100% 100%;  overflow-x:hidden;}
.body { padding:0; margin:0 auto; width:100%; max-width:1100px;}



div.pop-up-container{position: fixed; z-index:99999; top: 0px; left: 0px; width: 100%; height:100%; background-color:black; opacity:0.5; visibility:hidden;}
div.pop-up{position: fixed; z-index:1111113; top:0; bottom:0; right:50%; left:50%; width:400px; height:400px; padding:0; margin-left:-200px; margin-top:-200px; background:#f2fafa; visibility:hidden; opacity:0.4; border-radius:5px; border-top:8px solid #FFF; border-right:10px solid #FFF; border-bottom:14px solid #FFF; border-left:10px solid #FFF; text-align:center;}
div.pop-up a.close{float:right; margin-top:-27px; margin-right:-27px; background:#97bf0d; border-radius:50px; width:30px; height:30px;}
div.pop-up .banner{padding:0; margin:0; float:left; width:100%;}
div.pop-up .banner a img{width:auto;}
.fa-stack {line-height: 2em;}
.fa-lg {font-size: 1.33333em; line-height: 0.75em;}
.fa-remove:before, .fa-close:before, .fa-times:before {content: ""; background:url(../img/close_btn.png) no-repeat; width:20px; height:18px; float:right; margin-right:-23px; margin-top:6px;}
.fa-stack-1x {line-height: inherit;}
.fa-stack-1x, .fa-stack-2x {left: 0; position: absolute; text-align: center; width: 100%;}
.fa {display: inline-block; font-family: FontAwesome; font-feature-settings: normal;   font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto;}
div.pop-up a {text-decoration:none; color:#492106;}



.pear { padding:90px 0 0 0; margin:-90px 0 0 0; width:100%; height:100%; clear:both; border-bottom:2px solid #ffffff; background:url(../img/pear.jpg) no-repeat center 90px; background-size:100% 100%; position:relative;z-index:9}
.apple { padding:90px 0 0 0; margin:-90px 0 0 0; width:100%; height:100%; float:left; border-bottom:2px solid #ffffff; background:url(../img/apple.jpg) no-repeat center 90px; background-size:100% 100%; position:relative; z-index:3}
.cherry { padding:90px 0 0 0; margin:-90px 0 0 0; width:100%; height:100%; float:left; border-bottom:2px solid #ffffff; background:url(../img/cherry.jpg) no-repeat center 90px; background-size:100% 100%; position:relative;z-index:4}
.orange { padding:90px 0 0 0; margin:-90px 0 0 0; width:100%; height:100%; float:left; border-bottom:2px solid #ffffff; background:url(../img/orange.jpg) no-repeat center 90px; background-size:100% 100%; position:relative;z-index:5}
.tropic { padding:90px 0 0 0; margin:-90px 0 0 0; width:100%; height:100%; float:left; border-bottom:2px solid #ffffff; background:url(../img/tropic.jpg) no-repeat center 90px; background-size:100% 100%; position:relative;z-index:6}
.peach { padding:90px 0 0 0; margin:-90px 0 0 0; width:100%; height:100%; float:left; border-bottom:2px solid #ffffff; background:url(../img/peach.jpg) no-repeat center 90px; background-size:100% 100%; position:relative;z-index:9}
.family { padding:90px 0 0 0; margin:-90px 0 0 0; width:100%; height:100%; float:left; border-bottom:2px solid #ffffff; background:url(../img/family.jpg) no-repeat center 90px; background-size:100% 100%; position:relative;z-index:8;}
.container { display:table; max-width:1100px; width:100%; margin:0 auto; height:90vh; border:0px solid #F00;}
.apple .body, .cherry .body, .orange .body, .tropic .body, .peach .body, .pear .body, .family .body { display:table-cell; vertical-align:middle; max-width:1100px;}

.bottle { width:32%; float:left; text-align:center;}
.cherry .bottle, .tropic .bottle, .pear .bottle { float:right;}

/*.bottle img { height:55vh;}*/
.description { width:45%; float:left; padding-top:56px;}
.cherry .description, .tropic .description, .pear .description { text-align:right;}
.family .description { width:30%;}
.family .bottle { float:left; width:50%;}

.description h3 { padding:0; margin:0; font-size:2.571rem; font-family: 'MuseoSansCyrl100', sans-serif; font-weight:normal; text-transform:uppercase;}
.description h4 { padding:1rem 0 0; margin:0; font-size:1.143rem; font-family: 'MuseoSansCyrl700', sans-serif; font-weight:normal;line-height:1.5;}
.description h5 { padding:0; margin:0; font-size:1.143rem; font-family: 'MuseoSansCyrl700', sans-serif; font-weight:normal;line-height:1.5;}
.description p { line-height:1.8; padding:0; margin:1.5rem 0 0;}

.apple .description h3, .apple .description h4, .apple .description h5 { color:#34732e;}
.cherry .description h3, .cherry .description h4, .cherry .description h5 { color:#66000f;}
.orange .description h3, .orange .description h4, .orange .description h5 { color:#994000;}
.tropic .description h3, .tropic .description h4, .tropic .description h5 { color:#005580;}
.peach .description h3, .peach .description h4, .peach .description h5 { color:#ff002a;}
.peach .description h5 img { vertical-align: text-bottom}
.pear .description h3, .pear .description h4, .pear .description h5 { color:#0e7f5a;}
.family .description h3, .family .description h4, .family .description h5 { color:#34732e;}

.button {width:23%; float:right; text-align:center; padding-top:82px;}
.family .button {width:20%; }
.cherry .button, .tropic .button, .pear .button, .family .button { float:left;}
.button img { max-width:100%;}
.button a { display:inline-block; font-size:0.857rem; text-transform:uppercase; color:#ffffff; text-decoration:none; padding:.5rem .5rem .3rem; margin-top:2rem; border:none; -webkit-border-radius:4px; border-radius:4px; transition:all .3s ease-in-out;}
.apple .button a {
background: #709e69;
background: -moz-linear-gradient(top,  #709e69 0%, #4a7345 100%);
background: -webkit-linear-gradient(top,  #709e69 0%,#4a7345 100%);
background: linear-gradient(to bottom,  #709e69 0%,#4a7345 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#709e69', endColorstr='#4a7345',GradientType=0 );
-webkit-box-shadow:inset 0 1px 1px 0 #87ae75, 0 0 1px 0 #3c533a;
box-shadow:inset 0 1px 1px 0 #87ae75, 0 0 1px 0 #3c533a;
}
.apple .button a:hover {
background: #8ad126;
background: -moz-linear-gradient(top, #8ad126 0%, #54b00b 100%);
background: -webkit-linear-gradient(top, #8ad126 0%,#54b00b 100%);
background: linear-gradient(to bottom, #8ad126 0%,#54b00b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ad126', endColorstr='#54b00b',GradientType=0 );
-webkit-box-shadow:inset 0 1px 1px 0 #a0da32, 0 0 1px 0 #378a06;
box-shadow:inset 0 1px 1px 0 #a0da32, 0 0 1px 0 #378a06;
}
.apple .button a:focus {
background: #c5ffb2;
background: -moz-linear-gradient(top,  #c5ffb2 0%, #edffe4 100%);
background: -webkit-linear-gradient(top,  #c5ffb2 0%,#edffe4 100%);
background: linear-gradient(to bottom,  #c5ffb2 0%,#edffe4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ffb2', endColorstr='#edffe4',GradientType=0 );
-webkit-box-shadow:inset 0 1px 1px 0 #c9c4c9, 0 0 1px 0 #edffe4;
box-shadow:inset 0 1px 1px 0 #c9c4c9, 0 0 1px 0 #edffe4;
color:#096000;
outline:none;
}

.cherry .button a {
background: #af2b52;
background: -moz-linear-gradient(top,  #af2b52 0%, #752b33 100%);
background: -webkit-linear-gradient(top,  #af2b52 0%,#752b33 100%);
background: linear-gradient(to bottom,  #af2b52 0%,#752b33 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af2b52', endColorstr='#752b33',GradientType=0 );
-webkit-box-shadow:inset 0 1px 1px 0 #be2b5d, 0 0 1px 0 #5b2b2f;
box-shadow:inset 0 1px 1px 0 #be2b5d, 0 0 1px 0 #5b2b2f;
}
.cherry .button a:hover {
background: #f50097;
background: -moz-linear-gradient(top,  #f50097 0%, #e6004c 100%);
background: -webkit-linear-gradient(top,  #f50097 0%,#e6004c 100%);
background: linear-gradient(to bottom,  #f50097 0%,#e6004c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f50097', endColorstr='#e6004c',GradientType=0 );
-webkit-box-shadow:inset 0 1px 1px 0 #f700a2, 0 0 1px 0 #db0031;
box-shadow:inset 0 1px 1px 0 #f700a2, 0 0 1px 0 #db0031;
}
.cherry .button a:focus {
background: #ffd1e5;
background: -moz-linear-gradient(top,  #ffd1e5 0%, #ffebf3 100%);
background: -webkit-linear-gradient(top,  #ffd1e5 0%,#ffebf3 100%);
background: linear-gradient(to bottom,  #ffd1e5 0%,#ffebf3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd1e5', endColorstr='#ffebf3',GradientType=0 );
-webkit-box-shadow:inset 0 1px 1px 0 #ffb7d9, 0 0 1px 0 #ffeff5;
box-shadow:inset 0 1px 1px 0 #ffb7d9, 0 0 1px 0 #ffeff5;
color:#88000c;
outline:none;
}

.orange .button a {
background: #cb822b;
background: -moz-linear-gradient(top,  #cb822b 0%, #ae572b 100%);
background: -webkit-linear-gradient(top,  #cb822b 0%,#ae572b 100%);
background: linear-gradient(to bottom,  #cb822b 0%,#ae572b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb822b', endColorstr='#ae572b',GradientType=0 );
-webkit-box-shadow:inset 0 1px 1px 0 #d4942b, 0 0 1px 0 #963f2b;
box-shadow:inset 0 1px 1px 0 #d4942b, 0 0 1px 0 #963f2b;
}
.orange .button a:hover {
background: #ff8700;
background: -moz-linear-gradient(top,  #ff8700 0%, #ff5100 100%);
background: -webkit-linear-gradient(top,  #ff8700 0%,#ff5100 100%);
background: linear-gradient(to bottom,  #ff8700 0%,#ff5100 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8700', endColorstr='#ff5100',GradientType=0 );
-webkit-box-shadow:inset 0 1px 1px 0 #ff9a00, 0 0 1px 0 #ff2a00;
box-shadow:inset 0 1px 1px 0 #ff9a00, 0 0 1px 0 #ff2a00;
}
.orange .button a:focus {
background: #ffe7c2;
background: -moz-linear-gradient(top,  #ffe7c2 0%, #fff4df 100%);
background: -webkit-linear-gradient(top,  #ffe7c2 0%,#fff4df 100%);
background: linear-gradient(to bottom,  #ffe7c2 0%,#fff4df 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe7c2', endColorstr='#fff4df',GradientType=0 );
-webkit-box-shadow:inset 0 1px 1px 0 #ffd8aa, 0 0 1px 0 #fff4df;
box-shadow:inset 0 1px 1px 0 #ffd8aa, 0 0 1px 0 #fff4df;
color:#df4c00;
outline:none;
}

.tropic .button a {
background: #2b83a3;
background: -moz-linear-gradient(top,  #2b83a3 0%, #2b6081 100%);
background: -webkit-linear-gradient(top,  #2b83a3 0%,#2b6081 100%);
background: linear-gradient(to bottom,  #2b83a3 0%,#2b6081 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4789a6', endColorstr='#2b6081',GradientType=0 );
-webkit-box-shadow:inset 0 1px 1px 0 #2b96ab, 0 0 1px 0 #2b4667;
box-shadow:inset 0 1px 1px 0 #2b96ab, 0 0 1px 0 #2b4667;
}
.tropic .button a:hover {
background: #00a5e2;
background: -moz-linear-gradient(top,  #00a5e2 0%, #007dd1 100%);
background: -webkit-linear-gradient(top,  #00a5e2 0%,#007dd1 100%);
background: linear-gradient(to bottom,  #00a5e2 0%,#007dd1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a5e2', endColorstr='#007dd1',GradientType=0 );
-webkit-box-shadow:inset 0 1px 1px 0 #00b4e4, 0 0 1px 0 #0052be;
box-shadow:inset 0 1px 1px 0 #00b4e4, 0 0 1px 0 #0052be;
}
.tropic .button a:focus {
background: #cceaf4;
background: -moz-linear-gradient(top,  #cceaf4 0%, #dff2f9 100%);
background: -webkit-linear-gradient(top,  #cceaf4 0%,#dff2f9 100%);
background: linear-gradient(to bottom,  #cceaf4 0%,#dff2f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cceaf4', endColorstr='#dff2f9',GradientType=0 );
-webkit-box-shadow:inset 0 1px 1px 0 #b7dcef, 0 0 1px 0 #e6f4f9;
box-shadow:inset 0 1px 1px 0 #b7dcef, 0 0 1px 0 #e6f4f9;
color:#00418a;
outline:none;
}

.peach .button a {
background: #df2b5a;
background: -moz-linear-gradient(top,  #df2b5a 0%, #d22b40 100%);
background: -webkit-linear-gradient(top,  #df2b5a 0%,#d22b40 100%);
background: linear-gradient(to bottom,  #df2b5a 0%,#d22b40 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df2b5a', endColorstr='#d22b40',GradientType=0 );
-webkit-box-shadow:inset 0 1px 1px 0 #e42b64, 0 0 1px 0 #c32b37;
box-shadow:inset 0 1px 1px 0 #e42b64, 0 0 1px 0 #c32b37;
}
.peach .button a:hover {
background: #ff0043;
background: -moz-linear-gradient(top,  #ff0043 0%, #ff0020 100%);
background: -webkit-linear-gradient(top,  #ff0043 0%,#ff0020 100%);
background: linear-gradient(to bottom,  #ff0043 0%,#ff0020 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0043', endColorstr='#ff0020',GradientType=0 );
-webkit-box-shadow:inset 0 1px 1px 0 #ff0050, 0 0 1px 0 #ff0012;
box-shadow:inset 0 1px 1px 0 #ff0050, 0 0 1px 0 #ff0012;
}
.peach .button a:focus {
background: #ffe0db;
background: -moz-linear-gradient(top,  #ffe0db 0%, #ffebe8 100%);
background: -webkit-linear-gradient(top,  #ffe0db 0%,#ffebe8 100%);
background: linear-gradient(to bottom,  #ffe0db 0%,#ffebe8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe0db', endColorstr='#ffebe8',GradientType=0 );
-webkit-box-shadow:inset 0 1px 1px 0 #ffcdca, 0 0 1px 0 #ffefea;
box-shadow:inset 0 1px 1px 0 #ffcdca, 0 0 1px 0 #ffefea;
color:#bd0018;
outline:none;
}


.pear .button a {
background: #4c8e72;
background: -moz-linear-gradient(top,  #6fa88b 0%, #4c8e72 100%);
background: -webkit-linear-gradient(top,  #6fa88b 0%,#4c8e72 100%);
background: linear-gradient(to bottom,  #6fa88b 0%,#4c8e72 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fa88b', endColorstr='#4c8e72',GradientType=0 );
-webkit-box-shadow:inset 0 1px 1px 0 #6fa88b, 0 0 1px 0 #4c8e72;
box-shadow:inset 0 1px 1px 0 #6fa88b, 0 0 1px 0 #4c8e72;
}
.pear .button a:hover {
background: #207450;
background: -moz-linear-gradient(top,  #4c8e72 0%, #207450 100%);
background: -webkit-linear-gradient(top,  #4c8e72 0%,#207450 100%);
background: linear-gradient(to bottom,  #4c8e72 0%,#207450 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c8e72', endColorstr='#207450',GradientType=0 );
-webkit-box-shadow:inset 0 1px 1px 0 #4c8e72, 0 0 1px 0 #207450;
box-shadow:inset 0 1px 1px 0 #4c8e72, 0 0 1px 0 #207450;
}
.pear .button a:focus {
background: #c5ffb2;
background: -moz-linear-gradient(top,  #c5ffb2 0%, #edffe4 100%);
background: -webkit-linear-gradient(top,  #c5ffb2 0%,#edffe4 100%);
background: linear-gradient(to bottom,  #c5ffb2 0%,#edffe4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ffb2', endColorstr='#edffe4',GradientType=0 );
-webkit-box-shadow:inset 0 1px 1px 0 #c9c4c9, 0 0 1px 0 #edffe4;
box-shadow:inset 0 1px 1px 0 #c9c4c9, 0 0 1px 0 #edffe4;
color:#4c8e72;
outline:none;
}


.about {padding:120px 0 120px 0; margin:-90px 0 0 0; width:100%; clear:both; background:#fff; text-align:center; font-size:1.286rem; color:#4b4b4b; line-height:1.5;}
.contacts {padding:140px 0 120px 0; margin:-90px 0 0 0; width:100%; clear:both; background:#97bf0d;}
.about .body, .contacts .body { max-width:615px;}
.about p:first-of-type { margin:-.7rem 0 0; padding:1rem 0 0; border-top:1px solid #237557;}
.about img { padding:0; margin:0;}
.about p img { border:1px solid #237557; margin:.5rem}
.contacts table { width:100%; margin:0; border-collapse:collapse;}
.contacts table tr td { padding:0 .5rem 1rem; color:#ffffff; text-shadow: 0 -1px 0 #7ea00b; vertical-align:top}
.contacts table tr td:first-of-type { color:#237557;text-shadow: 0 0 0 #97bf0d; font-size:.857rem; text-transform:uppercase; text-align:right; width:40%; padding-top:.15rem}

.home-text {padding:30px 0; margin:0; width:100%; height:35vh; float:left; background:#fff; text-align:center; font-size:1.2rem; color:#4b4b4b; line-height:1.35; position:relative; z-index:2;}
.home-text p:first-of-type { padding-bottom:0; margin:0}
.home-text p:last-of-type { margin:-.6rem 0 0; padding:1rem 0; border-top:1px solid #237557; border-bottom:1px solid #237557;}
.home-text img { padding:0; margin:0;}
.home-text h1 { padding:0; margin:0;}

.navigation { width:100%; float:left; position:relative; z-index:5; margin-top:20px; -webkit-animation: Nav 2s linear forwards; animation: Nav 2s linear forwards;}
@-webkit-keyframes Nav {
0 { margin-top:20px;}
100%   {margin-top:-10px;}
}

@keyframes Nav {
0 { margin-top:20px;}
100%   {margin-top:-10px;}
}
.navigation nav { width:35%; margin:0 auto;}
.navigation nav:after { content: ""; display: table; clear: both;}
.navigation nav .toggle { display: none; text-decoration: none;}
.navigation nav ul { margin: 0; padding: 0; list-style-type: none; text-align:center;position: relative;}
.navigation nav .nav:after { content: ""; display: table; clear: both;}
.navigation nav .nav > li {width:22.5%; border-bottom:2px solid #97bf0d; float:left;}
.navigation nav .nav > li.find-us {width:32.5%;}
.navigation nav .nav > li a { display: block; padding: .3rem .8rem; text-transform:uppercase; color: #046240; text-decoration: none; cursor:pointer;}
.navigation nav .nav > li a:active { color:#97bf0d;}
.navigation nav .nav > li a:hover { color:#97bf0d;}
.navigation nav .nav > li ul {position: absolute; z-index:50; width:80%; left:50%; margin-top:2px; margin-left:-40%; display:none; -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3); background:rgba(151,191,13,.3)}
.navigation nav .nav > li ul > li { position: relative;}
.navigation nav .nav > li ul > li a { color: #000000; line-height: normal; font-size:1rem; font-weight:400; padding:.5rem 1rem; margin-bottom:2px; background:#ffffff; font-family: 'MuseoSansCyrl500';}
.navigation nav .nav > li ul > li:last-of-type a {margin-bottom:0; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;}
.navigation nav .nav > li ul > li a:hover { color: #000000 !important; margin-bottom:0; background:#eff5df;border-bottom:2px solid #97bf0d}
.navigation nav .nav > li ul > li:last-of-type a:hover {border-bottom:0 solid #97bf0d}
.navigation nav .nav > li ul > li.dropdown > a::after { content: "+\00a0"; float: right;}
.navigation nav .nav > li ul > li ul { position: absolute; left: 100%; top:0; background-color: #f0d9c1; display:none}
.navigation nav .nav > li ul > li ul > li { position: relative;}
.navigation nav .nav > li:hover > ul {  display: block;}

header { width:100%; float:left; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}
header.sticky { position: fixed; z-index:200; width: 100%; background: #eff5df; -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.5); box-shadow: 0 0 6px 0 rgba(0,0,0,0.5); top:0; left:0;}
header.sticky .navigation nav .nav > li a { color:#000000;}
header.sticky .navigation nav .nav > li > ul li > a {color: #046240;}

.welcome-screen { width:100%; height:100%; overflow:hidden; float:left; background:url(../img/welcome.jpg) no-repeat center top; background-size:100% 100%; position:relative; -webkit-animation: Bgr 2s linear forwards; animation: Bgr 2s linear forwards;}
@-webkit-keyframes Bgr {
from {background:url(../img/welcome.jpg) no-repeat center top; height:100%; background-size:100% 100%;}
to   {background:url(../img/welcome-a.jpg) no-repeat center top; height:65vh; background-size:100% 100%;}
}

@keyframes Bgr {
from {background:url(../img/welcome.jpg) no-repeat center top; height:100%; background-size:100% 100%;}
to   {background:url(../img/welcome-a.jpg) no-repeat center top; height:65vh; background-size:100% 100%;}
}


.logo { width:100%; float:left; text-align:center; margin-top:25px; -webkit-animation: Logo 2s linear forwards; animation: Logo 2s linear forwards;}
@-webkit-keyframes Logo {
0 {-webkit-transform:scale(1,1); -ms-transform:scale(1,1);transform:scale(1,1); margin-top:25px;}
100%   {-webkit-transform:scale(.6,.6); -ms-transform:scale(.6,.6);transform:scale(.6,.6); margin-top:-10px;}
}

@keyframes Logo {
0 {-webkit-transform:scale(1,1); -ms-transform:scale(1,1);transform:scale(1,1); margin-top:25px;}
100%   {-webkit-transform:scale(.6,.6); -ms-transform:scale(.6,.6);transform:scale(.6,.6); margin-top:-10px;}
}

.sign { width:100%; float:left; text-align:center; margin-top:25px;-webkit-animation: Spin 2s linear forwards; animation: Spin 2s linear forwards;}
@-webkit-keyframes Spin {
    0 {-webkit-transform: rotate(0deg);margin-top:25px;}
    100%   { margin-top:-5px; -webkit-transform:scale(.8,.8)  rotate(-359deg); -ms-transform:scale(.8,.8)  rotate(-359deg);transform:scale(.8,.8)  rotate(-359deg);}
}

@keyframes Spin {
    0 {transform: rotate(0deg);margin-top:25px;}
    100%   { margin-top:-5px; -webkit-transform:scale(.8,.8) rotate(-359deg); -ms-transform:scale(.8,.8) rotate(-359deg);transform:scale(.8,.8)  rotate(-359deg);}
}

.scroll-icon { position:absolute; width:100%; text-align:center; bottom:1rem; z-index:90; -webkit-animation: Spin2 2s linear forwards; animation: Spin2 2s linear forwards;}
@-webkit-keyframes Spin2 {
    0 {opacity:1;-webkit-transform: rotate(0deg);}
    100%   {opacity:0;  -webkit-transform:scale(.2,.2)  rotate(-359deg); -ms-transform:scale(.2,.2)  rotate(-359deg);transform:scale(.2,.2)  rotate(-359deg);}
}

@keyframes Spin2 {
    0 {opacity:1;transform: rotate(0deg);}
    100%   {opacity:0;  -webkit-transform:scale(.2,.2)  rotate(-359deg); -ms-transform:scale(.2,.2)  rotate(-359deg);transform:scale(.2,.2)  rotate(-359deg);}
}

.bottles { position: relative; margin:0 auto; z-index:1; width:600px;height:100%; text-align:center; }
.bottles a { position: absolute; bottom:-2.5rem;-webkit-animation: Scale 2s linear forwards; animation: Scale 2s linear forwards;}
.bottles a.b1 {left:-3%; z-index:18}
.bottles a.b2 {left:10%; z-index:19}
/*.bottles a.b3 {left:34%; z-index:20; max-width:190px; }*/
.bottles a.b3 {left:0; right:18.7%; margin-left:auto; margin-right:auto;z-index:20; max-width:190px;}
_:-ms-fullscreen, :root .bottles a.b3,
_:-ms-fullscreen, :root .bottles a.b6 { max-width:none; }
.bottles a.b6 {left:18.7%; right:0; margin-left:auto; margin-right:auto;z-index:21; max-width:190px;}
.bottles a.b4 {right:10%; z-index:19}
.bottles a.b5 {right:-3%;  z-index:18}

.bottles a img { -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
@-webkit-keyframes Scale {
    0 {-webkit-transform:scale(1,1); -ms-transform:scale(1,1);transform:scale(1,1);}
    100%   {-webkit-transform:scale(.8,.8); -ms-transform:scale(.8,.8);transform:scale(.8,.8);}
}

@keyframes Scale {
    0 {-webkit-transform:scale(1,1); -ms-transform:scale(1,1);transform:scale(1,1);}
    100%   {-webkit-transform:scale(.8,.8); -ms-transform:scale(.8,.8);transform:scale(.8,.8);}
}


.bottles a:hover img {-webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}

.lang { position:fixed; bottom:0; right:0; width:70px; height:25px; line-height:25px; z-index:10}
.lang img { opacity:.4; vertical-align:middle}
.lang a.active img, .lang a:hover img { opacity:1}

.facebook {position:fixed; z-index:10; bottom:0; left:10px; width:155px; height:25px; background:#ffffff; line-height:25px; font-size:10px; text-align:center; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
.facebook a { display:block; color:#3b5998; text-decoration:none;}
.facebook a img { vertical-align:middle}


.preload { background-color: #ffffff; width:100%; height:100%; position: fixed; top:0px; left:0px; z-index: 100; text-align:center; display: table;}
.preload-inner { display: table-cell; vertical-align: middle; }


/*a.button-modal { position:relative;}
a.button-modal::after { content: attr(data-tip); font-size: 0.75rem; position:absolute; z-index: 999; white-space:nowrap; bottom:9999px; right: 50%; background:#131415; color:#e0e0e0; padding:0px 7px; line-height: 24px;height: 24px; opacity: 0;transition:opacity 0.4s ease-out; -webkit-border-radius:2px; border-radius:2px;}
a.button-modal:hover::after { opacity: 1;  bottom:-35px; }*/

.remodal, [data-remodal-id] { display: none;}
.remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none;}
.remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch;}
.remodal-wrapper:after {display: inline-block; height: 100%; margin-left: -0.05em; content: "";}
.remodal-overlay, .remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.remodal { position: relative;  outline: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; text-align:left; font-size:.875rem;}
.remodal-is-initialized { display: inline-block;}

/*
 *  Remodal - v1.0.3
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation: remodal-overlay-opening-keyframes 0.3s;
  animation: remodal-overlay-opening-keyframes 0.3s;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation: remodal-overlay-closing-keyframes 0.3s;
  animation: remodal-overlay-closing-keyframes 0.3s;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 400px;
  margin-bottom: 10px;
  padding: 35px;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  color: #2b2e38;
/*  background: #fff;*/
}
.modal-content img { width:100% !important; }
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation: remodal-opening-keyframes 0.3s;
  animation: remodal-opening-keyframes 0.3s;
}

.remodal.remodal-is-closing {
  -webkit-animation: remodal-closing-keyframes 0.3s;
  animation: remodal-closing-keyframes 0.3s;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  right: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;

  color: #79b200;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #45803c;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 32px;
  line-height: 35px;

  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}
/*==========================*/
/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 1000px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

.container { position:relative; z-index:1;}
.modal-content { text-align:left !important;}





.tabs {
  font-size: 0;
  margin: 25px 0 0 0;
}

.tabs:after {
  clear: both;
  content: '';
  display: table;
}

.tabs .tab {
  display: inline;
}

.tabs .tab-label {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  margin-left: -1px;
  padding: 5px 0 2px 5px;
  width:70px;
  text-align:center;
  vertical-align: bottom;
	position: absolute;
  bottom:0;
background: #47823e; /* Old browsers */
background: -moz-linear-gradient(top,  #47823e 0%, #306829 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #47823e 0%,#306829 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #47823e 0%,#306829 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47823e', endColorstr='#306829',GradientType=0 ); /* IE6-9 */
  color:#FFF;
  text-shadow: 1px -1px #000;
    border-radius: 5px;
}

.one {
	left:32% !important;

}
.two {
	right:32% !important;

 }

.tabs .tab > [type="radio"] {
  clip: rect(0 0 0 0);
  height: 1px;
  opacity: 0;
  position: fixed;
  width: 1px;
  z-index: -1;
}

.tabs .tab-panel {
  display: inline;
  display: inline-block;
  overflow: hidden;
  position: relative;
  height: 0;
  width: 0;
}

.tabs .tab-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 0 20px;
  float: left;
  font-size: 16px;
  font-size: 1rem;
  margin-top: -1px;
  width: 100%;
}

.tabs .tab [type="radio"]:checked + .tab-label {
  border-bottom-width: 0;
  padding: 5px 0 2px 5px;
  width:70px;
  text-align:center; 
  z-index: 1;
  background: #bae780; /* Old browsers */
background: -moz-linear-gradient(top,  #bae780 0%, #76c23e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bae780 0%,#76c23e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bae780 0%,#76c23e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bae780', endColorstr='#76c23e',GradientType=0 ); /* IE6-9 */
  border-radius: 5px;
  color:#000000;
  text-shadow:none;
}

.tabs .tab [type="radio"]:checked ~ .tab-panel {
  display: inline;
}


/*

=======================================
INTERNET EXPLORER 8 and below 
=======================================

*/
@media \0screen\,screen\9 {
  /* IE7 and IE6 */
  .tabs {
    zoom: 1;
  }
  
  /* IE8 and below */
  .tabs .tab .tab-radio {
    filter: Alpha(opacity=0);
    position: absolute;
    z-index: -1;
  }
  
  /* IE7 and IE6 */
  .tabs .tab .tab-panel, {
    display: none;
    height: auto;
    overflow: visible;
    position: static;
    width: auto;
  }
  
  /* IE7 and IE6 */
  .tabs .tab-content, {
    float: none;
    padding-bottom: 1px;
    padding-top: 1px;
    width: auto;
  }
  
  /* IE8 and below */
  .tabs .checked label {
    background: white;
    border-bottom-width: 0;
    padding-bottom: 11px;
    z-index: 1;
  }
  
  /* IE8 */
  .tabs .checked .tab-panel {
    display: inline;
  }
  /* IE7 and IE6 */
  .tabs .checked .tab-panel, {
    display: inline;
    float: left;
    width: 100%;
  }
}

label {
  cursor: pointer;
}
.tabs {
  color: #222;
}

.tabs a:link,.tabs a:visited,.tabs a:hover,.tabs a:focus,.tabs a:active {
  color: #36A;
}

/*===========================================*/