@import url("style_especial.css");

:focus::-webkit-input-placeholder{color:#fff !important}
:focus:-moz-placeholder{color:#fff !important}
:focus,img{outline:none}
::-moz-selection{background:#eee;color:#667}
::selection{background:#eee;color:#667}
html,body{min-height:100%;}
img,#footer img{border:none;outline:none}
body{background:url('img/company_cut.jpg') 100% 0 no-repeat #009f47;color:#fff;margin:0;min-width:1006px;padding:0;width:100%;}
body,input,textarea{font:400 14px/20px 'Exo 2',Arial,sans-serif}
input:focus,textarea:focus{color:#369;outline:none}
input,textarea{color:#555}
p{margin:0 0 10px}
.accent {background-color:#feb431;padding:10px 5px 10px 15px;}
a{color:#fff;text-decoration:none}
a:hover{color:#1f8aab}
big {font-weight:bold;line-height:30px;}

*+html .clearfix{ zoom:1; }
.clearfix:after{ content:""; display:block; clear:both; }

#wrapper{margin-left:50px;position:relative;overflow:hidden;}
#nav{background:#222;/*float:left;*/height:100%;left:0;position:fixed;top:0;width:50px;z-index:202}
#nav-trigger{background:url('img/mmenu.png') 50% 50% no-repeat;cursor:pointer;height:50px;position:relative;width:50px;z-index:10}
#nav ul{float:left;height:50px;left:0;//margin: 226px 0 0 -241px;margin: 133px 0 0 -241px;padding:0;position:absolute;top:50px;width:531px;z-index:9;
-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
#nav li{display:block;float:left;margin:0 1px 0 0;padding:0}
#nav li a{background:#444;color:#fff;display:block;padding:15px 20px}
#nav li a.active,#nav li a:hover{background:#009f47;color:#fff}

#logo{overflow:hidden}
#logo a{display:block;float:left;margin-top:50px}
#slider{height:375px;margin:10% 5% 0;width:auto}
#semki{height:360px;list-style:none;margin:0 auto;max-width:720px;padding:0;width:80%}
#semki li{cursor:pointer;height:458px;opacity:1 !important;position:relative;text-align:center;width:308px}
#semki li img{bottom:0;position:absolute;left:0;width:100%}
#semki li.roundabout-in-focus{cursor:default}

#semki li .semkalabel{background:rgba(0,0,0,.8);bottom:10%;display:none;font-size:13px;left:5%;line-height:20px;padding:15px 0;position:absolute;width:90%}
#semki li.gift .semkalabel{background:rgba(255,255,255,1);color:#000;}
#semki li.gift img {cursor:pointer;}
#semki li.gift img.hover {opacity:0;transition:opacity 0.25s linear 0s;}
#semki li.gift.roundabout-in-focus:hover img.hover {opacity:1;}
#semki li.gift.roundabout-in-focus.hover img.hover {opacity:1;}
#semki li.hover .semkalabel{display:block;}
#semki li.gift img.hover.over{top:50%;left:50%;margin-left:-70px;margin-top:30px;width:auto;}
#semki li.roundabout-in-focus:hover  .semkalabel{display:block}
#semki li .semkalabel-head{display:block;font:15px/22px 'PlumbBold',Georgia,Arial,sans-serif;font-weight:700;padding:0 10px 10px}
#semki li .semkalabel-text{display:block;padding:0 10px}
.descr{font-weight:500;margin:0 auto 30px;//max-width:860px;text-align:center;width:90%}
.descr-action {font-weight:500;margin:0 auto 30px;text-align:justify;}
#slider-navs{background:url('img/arrow.png') 50% 50% no-repeat;height:46px;margin:0 auto;width:196px}
.round-prev,.round-next{cursor:pointer;float:left;height:46px;width:50%}

.roundabout-moveable-item:after{bottom:25px;box-shadow:0 10px 60px #000;content:'';display:block;left:25px;position:absolute;right:25px;top:50%;z-index:-2}

.wrap,.wrap2{ margin:0 3%; /*min-width:975px;*/ position:relative; }
 /* Typography---------------------------------------*/
@font-face{font-family:'helioscondlight'; src:url('../font/helioscondlight.eot');
src:url('../font/helioscondlight.woff') format('woff'), url('../font/helioscondlight.ttf') format('truetype'),url('../font/helioscondlight.svg') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:"CityBold"; font-style:normal; font-weight:normal; src:url("font/city-webfont.eot?#iefix") format("embedded-opentype"), url("font/city-webfont.woff") format("woff"), url("font/city-webfont.ttf") format("truetype"), url("font/city-webfont.svg#PragmaticaSlabserifExtraBold") format("svg")}

@font-face {font-family:'PlumbBold'; src:url('../font/plumb-bo-webfont.eot');
    src:url('../font/plumb-bo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/plumb-bo-webfont.woff') format('woff'),
         url('../font/plumb-bo-webfont.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;}
/* header------------------------------------------*/
/*#logo a{display:block; width:250px; height:112px; float:left; margin-left:12px; text-indent:-9999px; background:url('img/logo.png') 0 0 no-repeat; margin-top:25px; }*
img.shining{ position:fixed; top:50%; left:50%; margin-left:-300px; margin-top:-300px; z-index:0; }
* Navigation------------------------------------------
#nav_log{ position:fixed; top:0; z-index:202; left:3%; }
ul#nav{ margin-top:40px; list-style:none; }
#nav li{ margin-bottom:6px; position:relative; text-align:center; }
#nav li a{ border-bottom:1px dotted #fff; font:16px 'helioscondlight'; text-transform:uppercase; text-decoration:none; padding:7px 0 0; background:url(img/nav_stars.png) center 0 no-repeat; position:relative; display:inline-block; }
#nav li a span{ position:absolute; top:60%; height:2px; width:25px; display:none; }
#nav li a span.left_line{ background:url(img/nav_line_l.png) 0 0 no-repeat; left:-33px; }
#nav li a span.right_line{ background:url(img/nav_line_r.png) 0 0 no-repeat; right:-33px; }
#nav li:first-child a{ background:none; }
#nav a.active{ border-bottom:none; }
#nav a.active span{ display:block; }
#nav a.about.active{ color:#e8c469; }
#nav a.otbor.active{ color:#2b2928; }
#nav a.prepare.active{ color:#e8c469; }
#nav a.heat.active{ color:#2b2928; }
#nav a.cold.active{ color:#e8c469; }
#nav a.partners.active{ color:#2b2928; }*/
/* content------------------------------------------*/
.content{ min-height:843px; /*background:url('img/shining.png') no-repeat center center;*/ }
#company{ position:relative;z-index:201; }
#company .button_down{padding-bottom:50px}
#about{ background-color:#009f47; }
#otbor{ background-color:#fea401; position:relative; }
#prepare{ background-color:#5c91c7; }
#heat{ background-color:#f05a18; }
#cold{ background-color:#84b9c0; }
#partners{background:url(img/volna.png) 0 0 repeat-x;margin-top:-16px;overflow:hidden;position:relative;z-index:201}
#partners .inside{background-color:#009f47;margin:16px 0 0;padding:34px 0 68px}
#fake{ background-color:#fea401;overflow:hidden;position:relative; z-index:201; }
#news{ background-color:#256802;overflow:hidden;position:relative; z-index:201; }
#partners #volna{ position:absolute; height:36px; width:100%; background:url(img/volna.png) 0 0 repeat-x; top:-16px; left:0; }
#partners #bag{ position:absolute; top:45%; left:50%; margin-top:-229px; margin-left:-280px; z-index:203; }
img.shining{ position:fixed; top:50%; left:50%; margin-top:-300px; margin-left:-300px; z-index:100; }
.content .actions{ margin-top:15px; z-index:10; position:relative; }
.content .sidebar{ width:350px; float:right; margin-top:55px; z-index:10; position:relative; }
.content .sidebar-left{ width:320px; float:left; text-align:right; margin-top:323px; z-index:11; position:relative; font-style:italic;}
.content .sidebar-left div{padding:15px 20px 15px 10px;border:1px solid #3a761a;}

.content .sidebar-left .arrow-left{cursor:pointer;margin:10px -2px -10px 0;padding:12px 15px 12px 15px;cursor:pointer;}
.content .sidebar-left .arrow-left:hover{background-color:#3a761a;}
.content .sidebar-left .arrow-right{margin:10px -10px -10px 0;padding:12px 15px 12px 15px;cursor:pointer;}
.content .sidebar-left .arrow-right:hover{background-color:#3a761a;}
.content .sidebar-left .arrow-left-y{cursor:pointer;margin:10px -2px -10px 0;padding:12px 15px 12px 15px;cursor:pointer;}
.content .sidebar-left .arrow-left-y:hover{background-color:#feb431;}
.content .sidebar-left .arrow-right-y{margin:10px -10px -10px 0;padding:12px 15px 12px 15px;cursor:pointer;}
.content .sidebar-left .arrow-right-y:hover{background-color:#feb431;}

div.semka{ position:fixed; }
.content .sidebar h2, .actions h2, .infhead h2{ font:40px/1 'CityBold'; text-transform:uppercase; background:url('img/header_border.png') repeat-x left bottom; padding-bottom:10px; margin-bottom:20px; text-align:center; }
.sidebar #icons{ margin:12px 0; }
.sidebar #icons img{ display:block; margin-left:34px; }
.button_top,.button_down{ margin:15px 0; }
.button_top a ,.button_down a{ width:40px; height:40px; display:block; margin:0 auto; background:url('img/top_bottom_btn.png') 0 0 no-repeat; text-indent:-9999px; }
.button_down a{ background-position:0 -80px; }
.button_top a:hover{ background-position:0 -40px; }
.button_down a:hover{ background-position:0 -120px; }
.sidebar_info ul li{ position:relative; list-style:none; margin-bottom:8px; }
.sidebar_info ul li span.flower{ position:absolute; background:url(img/sunflower.png) 0 0 no-repeat; width:20px; height:21px; display:block; left:-27px; top:-2px; }
/* footer------------------------------------------*/
#footer{ color:#000; width:100%; position:absolute; bottom:0; }
#footer #copyright{ float:left; margin-top:14px; font:14px/1.2 'helioscondlight'; color:#fff; }
#footer #social{ width:270px; height:22px; float:right; margin:56px 0 10px}
/* Parallax------------------------------------------*/
#parallax-bg3,#parallax-bg2,#parallax-bg1{	position:fixed; left:50%; width:990px; margin-left:-495px;	}
/* Размытые семечки */
#parallax-bg3{z-index:4}
#bg3-1{ position:absolute; top:50px; left:-108px}
#bg3-2{position:absolute; top:1275px; left:100px}
#bg3-3{position:absolute; top:1850px; left:100px}
#bg3-4{position:absolute;	top:1700px; left:20%}
#bg3-5{position:absolute;	top:2550px; right:50px}
#bg3-6{position:absolute;	top:700px;	right:14%;	}
#bg3-7{position:absolute;	top:1500px;right:-100px}
#bg3-8{position:absolute;	top:2100px;right:0px}
/* Средней размытости семечки */
#parallax-bg2{	z-index:3;	}
#bg2-1{position:absolute;	top:650px;	right:-200px}
#bg2-2{position:absolute;	top:1000px;right:200px}
#bg2-3{position:absolute;	top:1900px;right:-100px}
#bg2-4{position:absolute;	top:2400px;right:0px}
#bg2-5{position:absolute;	top:3100px;right:600px}
#bg2-6{position:absolute;	top:600px;	right:600px}
#bg2-7{position:absolute;	top:1400px;right:0}
#bg2-8{position:absolute;	top:2100px;left:-185px}
/* Четкие семечки */
#parallax-bg1{	z-index:2;	}
#bg1-1{position:absolute;	top:328px;	left:-79px}
#bg1-2{position:absolute;	top:1204px;left:-40%}
#bg1-3{position:absolute;	top:1580px;left:0}/*-210px*/
#bg1-4{position:absolute;	top:2475px;left:22%}
#bg1-5{position:absolute;	top:3700px;right:300px}
#bg1-6{position:absolute;	top:100px;right:388px}
#bg1-7{position:absolute;	top:620px;left:-37%}
#bg1-8{position:absolute;	top:1500px;right:-300px}
#bg1-9{position:absolute;	top:1900px;left:11%}
#bg1-10{position:absolute;	top:3600px;left:-20%}
.semka{ left:50%; margin-left:-75px; position:fixed; z-index:110; }
.ruler{ margin-left:16px;top:26%;left:50%;position:absolute}
.semka img, .ruller img{ display:block}
#semka_top, #semka_about, #semka_water, #semka_heat, #semka_cold{ position:fixed; top:50%; margin-top:-150px; left:50%; margin-left:-75px}
/*#semka_top, #semka_about{top:150%}*/
#ruler_top{ z-index:111; position:absolute; margin-left:-158px; margin-top:121px}
#ruler_bottom{ z-index:109; margin-left:-207px}
#semka_top{ z-index:111}
#semka_about{ z-index:109}
#semka_water{ z-index:201; display:none; margin-left:-82px}
#semka_heat{ z-index:202; display:none}
#semka_cold{ z-index:203; display:none}

#about{
 position:relative;
 }
#vitamins{
 width:319px;
 height:294px;
 position:fixed;
 left:50%;
 margin-left:-160px;
 top:50%;
 margin-top:-140px;
 display:none;
 background:url(img/vitamins.png);
 z-index:110;
 }

#youtube img{
	cursor:pointer
}
.infhead  h2{display:inline-block}
.infhead{text-align:center}
.thirds{margin:80px auto 0;overflow:hidden;width:900px}
.third{background:#aaa;float:left;height:200px;margin:0 50px 100px;width:200px}

.partners{margin:20px auto 80px;overflow:hidden;width:990px}

/*
.news-item{height:32px;max-height:32px;margin:20px auto;overflow:hidden;-webkit-transition:max-height 800ms ease-in-out;-moz-transition:max-height 800ms ease-in-out;transition:max-height 800ms ease-in-out;width:990px}
.news-item.open{height:auto;max-height:300px}
.news-item.open .news-head{cursor:default}
.news-head{background:#508543;cursor:pointer;margin:0 0 10px;padding:6px 10px}
.news-date{color:#ABD49B;float:right}
.news-text{padding:6px 10px}*/

#cold{position:relative}
//#cold:after{background:url('img/volna.png') 0 0 repeat-x;bottom:0;height:16px;left:0;position:absolute;width:100%;z-index:10000}
#fake:after{background:url('img/volna.png') 0 0 repeat-x;bottom:0;height:16px;left:0;position:absolute;width:100%;z-index:10000}

#news_block{margin:0 0 20px}
.news-items{clear:both;margin:20px auto 10px;overflow:hidden;width:960px}
.news-item-cover{float:left;width:33.333%}
.news-item{border:1px solid #477e2a;margin:0 15px;min-height:370px;padding:18px 18px 12px}
.news-head{clear:both;margin:0 0 20px;overflow:hidden;}
.news-date{background:#477e2a;display:block;float:left;height:74px;margin-right:12px;text-align:center;width:54px}
.news-day{font:21px 'PlumbBold',Georgia,Arial,sans-serif;font-weight:800;display:block;padding:7px 0;margin-bottom:0px;padding-bottom:0px;}
.news-month{border-bottom:3px solid #fff;font:10px 'PT Sans',Georgia,Arial,sans-serif;text-transform:uppercase;padding:8px 0}
.news-heading{font:15px/22px 'PlumbBold',Georgia,Arial,sans-serif;text-transform:uppercase;font-weight:700;}
/*.news-text{height:252px;overflow:hidden}*/
.news-load{background:#508543;clear:both;cursor:pointer;line-height:30px;margin:0 auto 16px;overflow:hidden;text-align:center;width:930px}
.news-load-span{border-bottom:1px dotted #b6dba1;color:#b6dba1;text-transform:uppercase}

#news .descr,#news .person-text{color:#cdc}
.contacts {clear:both;margin:20px auto 10px;overflow:hidden;width:1000px;}
#news .person {float:left;width:33.333%;border:0px solid #F00}
#news .person p{margin-right:16px}
#news .person-post{color:#ceb;margin:0}
#news .person-name{font-size:17px;font-weight:700}
#news .person-phone {font:700 24px/30px 'PlumbBold',Georgia,Arial,sans-serif;text-transform:uppercase;padding:12px 0 10px}


#copyright{clear:both;margin:50px auto;overflow:hidden;width:90%}
/*
#copyright{overflow:hidden;width:90%;position:absolute;left:5%;bottom:20px;}*/



#listalka{border:1px solid rgba(0,0,0,.3);position:relative}
.listalka-container{border:none !important}
.listalka-item{border:none !important;display:none}
.listalka-item.open{display:block}
.listalka-arrows{border:none !important;}
.listalka-arrows img{cursor:pointer;margin:10px -10px -10px 0;padding:12px 15px 12px 15px}
.listalka-arrows img:hover{background:rgba(255,255,255,.3)}



.modal-modal {
  color: #000;
  line-height: 1.5;
}
.modal-modal h4,
.modal-modal h5 {
  text-align: center;
}
.modal-modal ol {
  counter-reset: li;
  list-style: none;
  font-size: 12px;
}
.modal-modal ol li:before {
  counter-increment: li;
  content: counters(li,".") ". ";
}
.modal-modal > ol > li:before {
  font-weight: bold;
}
.modal-modal ul {
  list-style: none;
}
.modal-modal ul li:before {
  content: "\2013";
  margin-right: 4px;
}
.modal-modal p {
  padding-left: 40px;
}



#semki li.gift.roundabout-in-focus img.up-img {
  position: absolute;
  top: 58px;
  left: 50%;
  /*transform: translate(-50%, 0);*/
  width: auto;
}
#semki li.gift.roundabout-in-focus:hover img.up-img {
  display: none;
}



body {
  position: relative;
}
#footer-social {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: 50px;
}
.footer-social-icon {
  display: inline-block;
  margin: 0 8px;
  width: 36px;
  height: 36px;
  border: 2px solid #fff;
  border-radius: 50%;
  padding: 2px;
  background-clip: content-box;
  line-height: 36px;
  text-align: center;
  font-size: 20px;
  -webkit-transition: all 0.25s linear 0s;
  -moz-transition: all 0.25s linear 0s;
  transition: all 0.25s linear 0s;
}
.footer-social-icon:hover {
  background-color: #fff;
  color: #009f47;
}