/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 line-height: 1;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
/*Futura*/
/*bold titles*/
@font-face {font-family: 'Futura Book'; 
 src: url('/special/fonts/Futura/FuturaPT_Book_Web/FuturaPT_Book_Web.eot'); 
 src: local('Futura Book'), url('/special/fonts/Futura/FuturaPT_Book_Web/FuturaPT_Book_Web.woff') format('woff'),url('/special/fonts/Futura/FuturaPT_Book_Web/FuturaPT_Book_Web.ttf') format('truetype');}
/*~regular*/
@font-face {font-family: 'Futura Demi'; 
 src: url('/special/fonts/Futura/FuturaPT_Demi_Web/FuturaPT_Demi_Web.eot'); 
 src: local('Futura Demi'), url('/special/fonts/Futura/FuturaPT_Demi_Web/FuturaPT_Demi_Web.woff') format('woff'),url('/special/fonts/Futura/FuturaPT_Demi_Web/FuturaPT_Demi_Web.ttf') format('truetype');} 

/*layouts*/
body {font-family:'Futura Book', Verdana, sans-serif}
.container {position:relative;box-sizing:border-box;width:auto;max-width:1300px;margin:0 auto;box-sizing:border-box;padding:0;}
.inner {max-width:960px;position:relative;margin:auto;padding:32px;}
h1,h2,h3,h4,h5 {font-family:'Futura Demi', Tahoma, sans-serif;}
/*colors*/
.bottle span {
    width: 122px;
    height: 32px;
    font-family: 'Times New Roman', serif;
    font-size: 16px;
    text-align: center;
    display: block;
    line-height: 32px;
    padding: 0;
    margin: 0;
    top: 184px;
    letter-spacing: 0;
    position: absolute;
    left: 14px;
}
.d-chocolate .bottle span  {background-color:rgba(70,0,0,1)}
.d-sdoba .bottle span {background-color:rgba(255,235,164,1)}
.d-rain .bottle span {background-color:rgba(0,164,221,1)}
.d-moloko .bottle span {background-color:rgba(239,28,75,1)}
.d-lipa .bottle span {background-color:rgba(213,225,77,1)}
.d-klukva .bottle span {background-color:rgba(178,8,55,1)}
.d-icecream .bottle span {background-color:rgba(255,221,113,1)}
.d-garden .bottle span {background-color:rgba(115,143,105,1)}
.d-sugar .bottle span  {background-color:rgba(240,181,199,1)}
.d-siren .bottle span  {background-color:rgba(153,155,204,1)}
.d-chocolate .bottle span,.d-moloko .bottle span, .d-klukva .bottle span, .d-garden .bottle span, .d-rain .bottle span {color:#fff;font-size:14px;}
.d-icecream .bottle span  {font-size:16px;line-height:14px}

input[type=checkbox]{position:absolute; top:-9999px; left:-9999px;  /* For mobile,it's typically better to position checkbox on top of clickable area and turn opacity to 0 instead. */ t/op:-9999px;  l/eft:-9999px; visibility:hidden}
/*thumbs*/
#d-pager ul li a {
    display: block;
    width: 82px;
    height: 82px;
    margin: 0;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    text-indent: -1000px;
	border:1px solid rgba(0,0,0,0);
	border-radius:50%;
    font-size: 0px;
    position: absolute;
    top: 0;
    left: 0;
}
#d-pager ul li a {background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
	transition:all 0.3s ease-in-out;}
#d-pager ul li a i {display:block;width:100%;height:100%; background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
/*	transform-origin:bottom;
	transform-origin:bottom;*/
	border-radius:50%;
	}
#d-pager ul {margin:0 auto;padding:0;display:block;text-align:center;overflow: hidden;width: auto;font-size: 0px;max-width:900px}
#d-pager ul li {display:inline-block;transition:all 0.2s ease-in-out;text-align:center;position: relative;min-height: 88px;width: 88px;margin: 0;padding: 0;overflow: hidden;float: left;box-sizing: border-box;margin:0 2px 0 0}
#d-pager ul li a.active, #d-pager ul li:hover a  {border:1px solid rgba(255,0,0,0.5)}
#d-pager ul li label {position:relative;height:88px;width:88px;display:block;opacity:0;font-size:64px;padding:0;transition:all 0.2s ease-in-out;text-align:center;margin:auto;font-family:Tahoma;font-size:64px;line-height:88px;position: absolute;top: 0;transform:rotateX(90deg);-webkit-transform:rotateX(90deg);z-index: 1;font-weight:bold;text-align:center}
#d-pager ul li label {text-indent:-10000px}

#d-pager ul li label:before, #d-pager ul li label:after {height:8px;content:'';width:28px;display:block;position:absolute;top:40px;left:30px;background:#fff;transition:all 0.5s ease-in-out;transform:rotate(0deg);-webkit-transform:rotate(0deg)}

#d-pager ul li label:before {transform:rotate(270deg);-webkit-transform:rotate(270deg)}
#d-pager ul li label:after {transform:rotate(180deg);-webkit-transform:rotate(180deg)}

#d-pager ul li label.is-checked:before,#d-pager ul li label.is-checked:after {color:#950249;opacity:1;transform:rotate(0deg);-webkit-transform:rotateX(0deg);background:#ef2a24}
#d-pager ul li label.is-checked {transform:none;-webkit-transform:none}

#d-pager ul li:hover label,#d-pager ul li label.is-checked {cursor:pointer;color:#fff;font-size:64px;opacity:1;transform:rotateX(0deg);-webkit-transform:rotateX(0deg)}
#d-pager ul li:hover label:hover {color:#fff;opacity:1;transform:rotateX(0deg);-webkit-transform:rotateX(0deg);text-shadow:0 1px 1px rgba(0,0,0,0.35)}
#d-pager ul li input:disabled ~ label{display:none}
#d-pager ul li label.is-checked ~ a {transition:all 0.3s ease-in-out;transform:scale(1,1);-webkit-transform:scale(1,1);box-shadow:0 0 15px rgba(255,255,255,0.75);opacity: 0.15;}


.t-rain a {background-image:url(/special/img/demetor/thumbs/rain.jpg) }
.t-garden a{background-image:url(/special/img/demetor/thumbs/wet_garden.jpg) }
.t-icecream a{background-image:url(/special/img/demetor/thumbs/vanilla_icecream.jpg) }
.t-sdoba a {background-image:url(/special/img/demetor/thumbs/vanilla_cake_batter.jpg)}
.t-lipa a {background-image:url(/special/img/demetor/thumbs/linden.jpg) }
.t-siren a {background-image:url(/special/img/demetor/thumbs/lilac.jpg) }
.t-chocolate a {background-image:url(/special/img/demetor/thumbs/dark_chocolate.jpg) }
.t-klukva a {background-image:url(/special/img/demetor/thumbs/cranberry.jpg) }
.t-moloko a {background-image:url(/special/img/demetor/thumbs/condensed_milk.jpg) }

 .t-sugar a {background-image:url(/special/img/demetor/thumbs/candy_cane.jpg) }
/*buttons*/
.chooseMe {background-color:#ed2a24;width:260px;height:60px;}
.chooseMe:hover {background-color:#ff443d}
.chooseMe:focus, .chooseMe:active {background:#950249}

.pager-item {width:82px;height:82px;border:3px solid rgba(0,0,0,0);margin:0 2px;}
#about h2 {font-size:110px;font-family:'Futura Book',sans-serif;text-align:center;font-size:110px;line-height:92px;margin:0 auto 35px;padding: 0;}
#about p {margin: 0 0 20px;text-align:center;font-size:28px;line-height:32px;}
.section {width:100%;clear:both;overflow:hidden;}
/*slides*/
.d-slider {position:relative;padding:0;max-width:960px;box-sizing:border-box;margin:auto;padding:0;background:transparent;}
.d-wrap {max-width:680px;position:relative;margin:auto;overflow:hidden}
.bottle {width:150px;height:350px;background:url(/special/img/demetor/bottle436x193.png) no-repeat;position:relative;float:left;margin:0 60px 0 0;overflow:hidden;background-size: 100% auto;}
.bx-controls-direction {display:none}

.d-content {float:left;width:Auto;max-width:460px;position: relative;}
.d-content h3 {font-family:'Futura Demi', sans-serif; font-size:60px;line-height:56px;margin:0 0 16px}
.d-content .remaining {display:inline-block;font-size:15px;line-height:19px;box-sizing:border-box;padding:0 20px;float:left;}
.d-content {font-family:'Futura Book'; font-size:18px;line-height:21px}
#demeter .hidden {visibility:hidden;height:1px;overflow:hidden;opacity:0;width:1px}
.vote-status {height:42px;line-height:42px;margin:0;position:absolute;bottom:2px;left:0px}

.submitBlock {text-align:center;margin:30px auto}
input#sendButton {text-align:center;display:block;
    cursor:pointer;font-family:'Futura Demi';font-size:28px;background-color:#ed2a24;width:312px;height:60px;color: #fff;line-height: 56px;border-radius: 3px;box-shadow: 2px 2px 0 #950249;transition: all 0.2s ease-in-out;letter-spacing:2px;border:0px none;
text-align: center;
margin: auto;
}
	
input#sendButton:hover {background-color:#ff443d}
input#sendButton:active {background:#950249 !important}
input#sendButton:disabled {background:#d9d9d9 !important;box-shadow:none;}
.d-content .remaining {display:inline-block;font-size:15px;line-height:19px;box-sizing:border-box;padding:10px 20px 0;float:left;}
.remaining {margin:20px auto 0}
.remaining span {animation:1.5s highlight;-webkit-animation:1.5s highlight}
@keyframes highlight {
    30% {color:#ED2A24}
}
@-webkit-keyframes highlight {
    30% {color:#ED2A24}
}
.part780 {position:relative;}
.act-info, .corners {max-width:960px;position:relative;margin:auto;font-size:18px;line-height:21px;}
.corners h3 {margin:10px 0 0}
.corners {display:flex;font-size:18px;line-height:21px;vertical-align:top;width: 100%;clear: left;overflow: hidden;}
.act-info {margin:0 0 24px;padding:0 32px;text-align: center;}
.act-info a {color:#1a5fe0;text-decoration:none}
.act-info a span {border-bottom:1px solid #b8cef7}
.act-info a:hover span {border-bottom:1px solid transparent}
.act-info a:hover {color:#EE2A24}
.corners-left {padding:0 10px 0;width:50%}
.corners-right {padding:0 10px 0;width:50%;}
#d-likes {text-align:center}
.likely, .likely__widget {font-family:'Futura Book' !important;font-size:16px !important;}
.part960 {max-width:960px;width:100%;position:relative;margin:auto}
#footer_links  {text-align:center;text-decoration:none;color:#1a5fe0;display:block}
#footer_links  li {display:inline-block;padding:0 16px;width:auto;}

#footer_links a {color:#1a5fe0;text-decoration:none}
#footer_links a span {border-bottom:1px solid #b8cef7}
#footer_links a:hover span {border-bottom:1px solid transparent}
#footer_links a:hover {color:#EE2A24}
#footer {font-size:18px;}
#footer  .part960 {border-top:1px solid #e0e0e0}

.logos {position:relative;}
.logos ul {display:block;margin:0;padding:40px 0 0;text-align: center;}
.logos ul li {display:inline-block;height:34px;width:128px;margin:0 24px;}
.logos ul li a {display:block;width:100%;height:34px;background-size:auto 100%;background-repeat:no-repeat;background-position:0 0;text-indent:-10000px}
.logos .logo-demeter a {background-image:url(/special/img/logos/demeter-black.svg)}
.logos .logo-moskva24 a {background-image:url(/special/img/logos/moskva24-black.svg)}
#demeter {width:100%;height:100%}
#d-pager ul li.hidden {display:none;width:0px;height:0px;margin:0;padding:0}
/**/
.m-overlay{position:fixed; background:rgba(0,0,0,0.75); top:0; left:0; min-width:100%; min-height:100%; z-index:999; transition:all 0.3s ease-in-out 0.1s}

.m-overlay h5{position:absolute;  text-align:center; background:transparent; max-width:320px; font-size:1.3em; box-sizing:border-box; padding:48px 16px; line-height:1.5em; border:3px solid #fff; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);font-family:'Futura Demi';color: #fff;width: 50vmax;height: auto;}



.m-overlay h5 i{display:block; position:absolute; top:8px; right:8px; width:32px; height:32px; background:transparent; cursor:pinter; z-index:12}
.m-overlay h5 i:hover{cursor:pointer}
.m-overlay h5 i:before, .m-overlay h5 i:after{content:""; height:4px; width:32px; position:absolute; top:14px; background:#c30; left:0;display:block}
.m-overlay h5 i:before{transform:rotate(45deg)}
.m-overlay h5 i:after{transform:rotate(-45deg)}

@media screen and (max-width:960px){
#d-pager ul li {float:none}
#d-pager ul li.hidden  {display:block;clear:left;width:100%;height: 1px !important;padding: 0;margin: 0;min-height: 1px;}
}

@media screen and (max-width:680px)
{
.d-item .bottle, .d-content {float:none;position:relative;margin:auto;}
.d-content {max-width:90%}
#d-pager ul li {float:none}
#about h2 {font-size:42px;line-height:44px;}
}
a, a:focus, a:active {outline:none;-webkit-outline:none}
body {-webkit-text-size-adjust:none}
    @-webkit-viewport { width: device-width; }
    @-moz-viewport { width: device-width; }
    @-ms-viewport { width: device-width; }
    @-o-viewport { width: device-width; }
    @viewport { width: device-width; }
a[href*="liveinternet"] {opacity:0;}	
#d-form {
    display: none;
}
.photo {
    text-align: center;
}
.photo img {
    width: 100%;
    height: auto;
}
/*sales start*/
.saleStart {text-align:center;margin:auto}
.shopLink {
    height: 35px;
    font-family: 'Futura Demi';
    margin: 0 auto 64px;
}
.shopLink a, .shopLink a:hover {text-decoration:none;font-size:34px;color:#000}
.shopLink a span {border-bottom:1px solid #fa4d3c;display:inline-block;position:relative;height:34px;line-height:34px;}
.shopLink a {display:inline-block;padding:0 42px 0 0;background:url(/special/img/demetor/d-arrow-start.png) 98% center no-repeat;transition:all 0.25s ease-in-out}
.shopLink a:hover {background-position:100% center;transition:all 0.3s ease-in-out}
.shopLink a:hover span {border-bottom:1px solid #f00}