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, font, 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 {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: top;background: transparent;}
body {line-height: normal;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
sup {	vertical-align: middle;font-size: 75%;}
* { -moz-box-sizing: border-box; box-sizing: border-box; }
html, body {font-family: 'Gotham Pro', Arial;min-width:320px;height:100%;background:#fff;color: #151515;}
html {
	height: 100%;
	overflow-y: scroll;
}
html.hid {
	height: 100vh;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: relative;
	overflow-y: hidden;
}
.nosel, .select {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.bAgree {cursor:pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.bAgree:hover, .bAgree:active {color: #FF6C2D;font-weight:bold;}
.moby {display:none;}
.container {position:relative;}
a {text-decoration:none!important;}
.onMain {color:#C5511F!important;}

button, .but {cursor:pointer; text-align: center;display:inline-block;padding:18px 20px 19px;font-size: 24px;line-height: 23px;font-weight:bold;color: #FFF;border:none!important;outline:none!important;background: #FF6C2D;box-shadow: 0px 5px 20px rgba(255, 108, 45, 0.6);border-radius: 30px;transition:ease all 300ms;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
button.small, .but.small {font-size: 16px;line-height: 15px;padding:12px 30px;}
button.circle, .but.circle {width:120px;height:120px;border-radius:50%;}
button.circleMini, .but.circleMini {width:60px;height:60px;border-radius:50%;	padding: 24px 0;}
button.circle i, .but.circle i {display:inline-block; padding: 30px 0; position: relative;color: #fff;}
button.circle i:before, .but.circle i:before {content: ''; position: absolute; bottom: 20px; right: -20px;border: 10px solid transparent;border-left: 13px solid #fff;}
button:hover, .but:hover, button:active, .but:active {color: #FFF;box-shadow: 0px 0 0 rgba(255, 108, 45, 0.0);}
button:active, .but:active {color: #FFF;background:#C5511F;}

.warning {background: #FF6C2D;color:#fff;font-size: 24px;line-height:23px;text-align:center;font-weight:bold;padding:11px;position: absolute;bottom: 0;left: 0;right: 0;z-index: 4;}

#logo {cursor:pointer;float:left;width:136px;display:inline-block;padding-top:40px;}
#logo path {transition:fill ease 200ms;}
header.blue:not(.white) #logo path {fill:#3A2E94;}

header {pointer-events:none;}
#logo, header .head > * {pointer-events:auto;}
header .head {text-align:right;padding:40px 0 40px;}
header .head a, header .head span, header .head button {display:inline-block;vertical-align:middle;}
header .head .phone {font-size: 24px;color: #FFFFFF;font-weight:bold;margin-right:40px;transition:ease color 300ms;}
header.blue:not(.white) .head .phone {color: #3A2E94;}
header
{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36, 29, 95, 1)), color-stop(100%,rgba(48, 41, 108, 0)));
	background: -webkit-linear-gradient(to bottom, rgba(36, 29, 95, 1) 0%,rgba(48, 41, 108, 0) 100%); 
	background: linear-gradient(180deg, rgba(36, 29, 95, 1) 0%, rgba(48, 41, 108, 0) 100%);
}
header.blue:not(.white)
{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 1)), color-stop(100%,rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 100%); 
	background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}
header .head .small {margin-right:40px;}
#menuBut {cursor:pointer;position:relative;width:40px;height:40px;}
#menuBut > * {position:absolute;left:0;top:0;transition:opacity ease 300ms;}
#menuBut > *:nth-child(1) {opacity:1;z-index:2;}
#menuBut > *:nth-child(2) {opacity:0;z-index:1;}
#menuBut.active > *:nth-child(1) {opacity:0;}
#menuBut.active > *:nth-child(2) {opacity:1;}
header.blue:not(.white) #menuBut path {fill:#3A2E94;}

#menu {position:fixed;opacity:0.5;overflow:hidden;top:-120%;bottom:100%;left:0;right:0;	z-index: 22;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#241D5F), color-stop(100%,#5C559D));
background: -webkit-linear-gradient(to bottom, #241D5F 0%,#5C559D 100%); 
background: linear-gradient(180deg, #241D5F 0%, #5C559D 100%);transition:ease top 300ms, ease bottom 300ms, ease opacity 300ms;}
#menu.active {top:0;bottom:-20%;opacity:1;}
#menu:after {display: block;content: " ";background: #5C559D;left: 0;right: 0;top: 99.5%;height: 20%;position: absolute;z-index: 1;}
#menu .back {position:absolute;left:0;top:200px;bottom:0;right:0;z-index: 0;text-align:center;}
#menu .back img {}
#menu .info {border-top: 1px solid rgba(255, 255, 255, 0.2);margin-top:120px;padding:50px 0; height: calc(100% - 120px);}
#menu .info > .container {height:100%;min-height:300px;}
#menu .smenu {}
#menu .smenu li a {display:inline-block;padding:10px 0;color:rgba(255, 255, 255, 0.4);font-size: 16px;white-space:nowrap;}
#menu .smenu li a:hover {font-weight:bold;color: #FF6C2D;}
#menu > .infoX {position: absolute;top: 0;left: 0;right: 0;bottom: 15%;overflow:hidden;}
#menu.active > .infoX {overflow:auto;}
#menu .contacts {max-width:550px;padding-left:50px;}
#menu .contacts h4 {color:#fff;padding:10px 0 40px;}
#menu .contacts .desc {line-height: 17px;font-size: 12px;color: #FFFFFF;}
#menu .copy {padding:35px 0 55px;line-height: 17px;font-size: 12px;color: rgba(255, 255, 255, 0.4);text-align:right;}
#menu .copy a {color: rgba(255, 255, 255, 0.4);}
#menu .copy a:hover {font-weight:bold;color: #FF6C2D;}

#menu .copy > div {padding:10px 0;}

#main {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#241D5F), color-stop(100%,#5C559D));
background: -webkit-linear-gradient(to bottom, #241D5F 0%,#5C559D 100%); 
background: linear-gradient(180deg, #241D5F 0%, #5C559D 100%);}
.blackout{background:#fff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#241D5F), color-stop(100%,#5C559D)); background: -webkit-linear-gradient(to bottom, #241D5F 0%,#5C559D 100%); background: linear-gradient(180deg, #241D5F 0%, #5C559D 100%);position:absolute;pointer-events:none;z-index:15;opacity:.5;left: 0;right: 0;top: 0;bottom: 0;}
.sections{position:fixed;bottom:0;z-index:12}
.section,.sections{top:0;left:0;right:0}
.section{background-color:#fff;clip:rect(0,auto,auto,0)}
.section.curr{z-index:16}
.section.next,.section.prev{z-index:14}
.scroll-parallax .section{position:absolute}
.wrapper{min-height:100vh}
.wrapper,.wrapper-in{overflow:hidden}
.section > .container {padding-top:160px;padding-bottom:60px; z-index: 3;}
.section > .back {position:fixed;left:0;top:0;bottom:0;right:0;z-index: 1;}
.section > .back > div {position:relative;margin:0 auto;max-width:1400px;}
.section > .back img {position:absolute;top:0;}

header {position:fixed;z-index:100;top:0;left:0;right:0;opacity:1;transition:ease opacity 500ms, ease top 500ms;}
header:not(.down).up {top:-150px;opacity:0;}

#main .back {top:100px;}
#main .back img {left:-256px;}
#main #mainImg2 {position:absolute;right:0;top:20%;}
h1 {font-size: 64px;color: #FFFFFF;}
h2 {line-height: normal;font-size: 48px;color: #3A2E94;font-weight:bold;padding-bottom:10px;}
h3 {font-size: 48px;color: #3A2E94;font-weight:bold;}
h4 {font-size: 24px;color: #3A2E94;font-weight:bold;}
#main .desc {font-size: 24px;color: #FFFFFF;padding:20px 0;}
#main .act {padding-top:40px;}
#main .container {display: table; table-layout: fixed;}
#main .info {display: table-cell;vertical-align: middle;width: 100%; padding-bottom: 100px; padding-right: 20%; position: relative;z-index: 6;}
#solve li {cursor:pointer;font-size: 24px;display:inline-block;color:#9F9F9F;vertical-align:bottom;margin-bottom:60px;}
#solve li:not(:last-child) {margin-right:40px;}
#solve li.active {color: #FF6C2D;font-weight:bold;}
#solve li:hover {color: #FF6C2D;}
#solve .desc {display:none;line-height: 23px;font-size: 16px;color: #151515;}
#solve .docs {position:fixed;left:0;top:0;bottom:0;right:0; z-index: 1;}
#solve .docs > .container {height:100%;}
#solve .docs > .container > div {height:100%;position:relative;}
#solve .doc {display:none;position:absolute;bottom:0;right:0;max-width:100%;max-height:100%;}
#solve .doc.active {display:block;}
#solve .back {top:100px;}
#solve .back img {right:-256px;}
#solve .desc.active {display:block;}

#compose h2 {text-align: center;color: #3A2E94;font-weight:bold;}
#compose .back {top:100px;}
#compose .back img {left:-256px;}
.composeJar {width:100%;table-layout:fixed;font-size: 11px;color: #151515;margin-top:90px;}
.composeJarM {display:none;}
.composeJarM .item {padding:10px 0 10px;position:relative;z-index:3;}
.composeJarM .title {line-height: 16px;font-size: 14px;color: #FF6C2D;font-weight:bold;}
.composeJarM .desc {line-height: 14px;font-size: 11px;line-height:130%;}
.composeJarM .desc1 {line-height: 14px;font-size: 12px;}
.composeJarM .line {	position: relative;height:1px;margin: 10px 0 0;
background: -webkit-gradient(linear, left, right, color-stop(0%,#FF6C2D), color-stop(100%,rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(to right, #FF6C2D 0%,rgba(255, 255, 255, 0) 100%); 
background: linear-gradient(270deg, #FF6C2D 0%, rgba(255, 255, 255, 0) 100%);
margin-right:20px;}
.composeJarM .line > i {display:inline-block;position: absolute;width:20px;height:20px;background: rgba(255, 108, 45, 0.4);border-radius:50%;right: -20px;top: -10px;}
.composeJarM .line > i:before, .composeJarM .line > i:after {content: " ";	position: absolute;left: 0;top: 0;display:inline-block;width:16px;height:16px;background: rgba(255, 108, 45, 0.6);border-radius:50%;margin:2px;}
.composeJarM .line > i:after {width:12px;height:12px;margin:4px;background: #FF6C2D;}
#compose .composeJarM .back {position: absolute;right: -130px;top: 100px;opacity: 0.2;}

.composeJar td b {font-size: 24px;color: #FF6C2D;}
.composeJar td > div {line-height: 18px;}
.composeJar .img {width:80px;	padding-bottom: 40px;}
.composeJar .desc {padding:0 20px;vertical-align: middle;}
.composeJar .desc1 {line-height: 18px;font-size: 16px;color: #FF6C2D;font-weight:bold;}
.composeJar .cen {width:230px;}
.composeJar td {position:relative;}
.composeJar img {max-width:100%;}
.composeJar .icon {border-radius:50%;}
.composeJar .line {	position: relative;height:1px;margin: 20px 0 50px;}
.composeJar .lineL {
background: -webkit-gradient(linear, left, right, color-stop(0%,#FF6C2D), color-stop(100%,rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(to right, #FF6C2D 0%,rgba(255, 255, 255, 0) 100%); 
background: linear-gradient(270deg, #FF6C2D 0%, rgba(255, 255, 255, 0) 100%);
right:-20px;}
.composeJar .lineR {
	background: -webkit-gradient(linear, right, left, color-stop(0%,#FF6C2D), color-stop(100%,rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(to left, #FF6C2D 0%,rgba(255, 255, 255, 0) 100%); 
	background: linear-gradient(90deg, #FF6C2D 0%, rgba(255, 255, 255, 0) 100%);
	left:-20px;}
.composeJar .line > i {display:inline-block;position: absolute;width:40px;height:40px;background: rgba(255, 108, 45, 0.4);border-radius:50%;}
.composeJar .line > i:before, .composeJar .line > i:after {content: " ";	position: absolute;left: 0;top: 0;display:inline-block;width:30px;height:30px;background: rgba(255, 108, 45, 0.6);border-radius:50%;margin:5px;}
.composeJar .line > i:after {width:20px;height:20px;margin:10px;background: #FF6C2D;}
.composeJar .lineL > i {right: -20px;top: -20px;z-index: 2;}
.composeJar .lineR > i {left: -20px;top: -20px;z-index: 2;}

.composeJar .center {position:absolute;top:-70px;left:-35px;right:-40px;bottom:-20px;}

#indication h2 {line-height: 55px;font-size: 47px;}
#indication {line-height: 34px;font-size: 23px;}
#indication .indiTips {line-height: 34px;padding:30px 0;}
#indication .against {padding:30px 0;line-height: 23px;font-size: 16px;}
#indication .against h4 {font-size:24px;padding-bottom:20px;}
#indication .against .desc {line-height: 23px;}
#indication .use {line-height: 23px;padding:30px 0;}
#indication .use h3 {padding-bottom:40px;}
#indication .use .desc1 {line-height: 34px;font-size: 24px;}
#indication .use .desc2 {line-height: 23px;font-size: 16px;padding:30px 0 0;}
#indication .yogurt {padding:30px 0;}
#indication .yogurt .desc {line-height: 23px;font-size: 16px;padding:20px 0;}
#indication .act {padding:30px 0 50px;}
#indication .pdf {display:block; margin-top: 30px;text-align:center;line-height: 23px;font-size: 16px;color: #151515;text-decoration:none!important;}
#indication .pdf span {display:block;padding:5px 0;}
#indication .pdf b {display:block;position:relative;margin:0 auto;width:60px;height:60px;}
#indication .pdf b i {position:absolute;left:0;top:0;transition:ease opacity 300ms;}
#indication .pdf b i:nth-child(1) {opacity:1;z-index:2;}
#indication .pdf b i:nth-child(2) {opacity:0;z-index:1;}
#indication .pdf:hover b i:nth-child(1) {opacity:0}
#indication .pdf:hover b i:nth-child(2) {opacity:1;}

#idea .desc {padding-top:30px;line-height: 34px;font-size: 24px;}
#idea .act {text-align:center;padding:75px 0;}

#map .map {padding-top:30px;}
#map .map img {max-width:100%;}
#map .address {font-size: 12px;color: #000000; line-height: 16px;}
#map .address p {padding:0 0 20px;}
#map h4 {padding-top:40px;}
#delSel {color:#151515;vertical-align:bottom;font-size: 16px;padding:10px 0;}
#delSel li {display:block;padding:10px 0;}
#delSel li b {font-size: 18px;font-weight: bold;vertical-align: baseline;color: #FF6C2D;}

#delInfo {max-width:380px;line-height: 17px;font-size: 12px;}
#delInfo > div {display:none;}
#delInfo > div.active {display:block;}

#order .back img {top:100px;right:-256px;}
#order .container {padding-bottom:0;}
#order .order {position:relative;max-width:620px;padding:60px;min-height:740px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#241D5F), color-stop(100%,#5C559D));
background: -webkit-linear-gradient(to bottom, #241D5F 0%,#5C559D 100%); 
background: linear-gradient(180deg, #241D5F 0%, #5C559D 100%);border-radius: 20px;}
#order .order .back {position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.4;}
#order h2 {color:#fff;text-align:center;padding-bottom:20px;}
#order h4 {padding-bottom:40px;}
#order .desc {line-height: 17px;font-size: 12px;min-height:570px;}
#order .co {line-height: 17px;font-size: 12px;color: rgba(21, 21, 21, 0.4);	height: 20px;padding-bottom:50px;}
#order .co > div {padding:10px 0;}
#order .co a {color: rgba(21, 21, 21, 0.4);}
#order .co a:hover {font-weight:bold;color: #FF6C2D;}
#order .buy {padding-top:123px;}
#order .price {padding-bottom:40px;font-size: 16px;color: #FFFFFF;}
#order .price b {color: #FF6C2D;font-size:24px; vertical-align: baseline;}
#order .agree { line-height: 17px;font-size: 12px;text-align: center;color: #FFFFFF; padding-top: 70px;}
#order .orderBlock {position:relative;}


.form {padding-bottom:60px;}
.form .field {padding:15px 0;}
.field .select .val {overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
.form input[type="text"], .field .select > .val {width:100%;font-weight:bold;color: #FF6C2D;text-align:center;height:36px;background:transparent;border:none;border-bottom:1px solid rgba(255, 255, 255, 0.2);font-size: 16px;outline:none!important;}
.form input[type="text"]::placeholder, .field .select > .val::placeholder {font-weight:normal;color: rgba(255, 255, 255, 0.4);}
.form input[type="text"]:active, .form input[type="text"]:focus {border-color:#fff;}
.form input[type="text"].error, .field .select.error > .val {border-color:#FF1F00;}
.form input[type="text"].success, .field .select.success > .val {border-color:#00FF29;}

#down {cursor:pointer;position:fixed;z-index: 20;bottom: 60px;left: 50%;left: calc(50% - 30px);transition:ease all 300ms;}
#down.short {bottom: -100px;}
#down.short .lab {opacity:0;}
#down.drop {bottom: -100px;}
#down .down {display:inline-block;width:60px;}
#down .down > span {display:block;width:30px;margin:0 auto;}
#down .img {position:relative;height:60px;}
#down .img > * {position:absolute;top:0;left:0;}
#down .img > *:nth-child(1) {opacity:1;z-index:1;}
#down .img > *:nth-child(2) {opacity:0;z-index:2;}
#down:hover .img > *:nth-child(1) {opacity:0;}
#down:hover .img > *:nth-child(2) {opacity:1;}
#down:not(.short) .img > *:nth-child(1) rect, #down:not(.short) .img > *:nth-child(1) circle, #down:not(.short) .img > *:nth-child(1) path {fill:#ffffff;}
#down .lab {font-size: 12px;color: #FFFFFF;padding-top:2px;}
#totalPrice {opacity:0;}
#totalPrice.active {opacity:1;}

.field .number {position:relative;}
.field .number i {cursor:pointer;position: absolute;top: 0;bottom: 0;padding: 10px;width: 55px;color: rgba(255, 255, 255, 0.2);}
.field .number i.fa-caret-left {left: 0;text-align: right;}
.field .number i.fa-caret-right {right: 0;text-align: left;}
.field .number i:hover {color:#FF6C2D;}
.field .select {position:relative;font-size: 16px;}
.field .select > .val {cursor:pointer;position:relative;line-height: 36px;}
.field .select > .val i {cursor:pointer;position: absolute;right:0;top: 0;bottom: 0;padding: 10px;width: 40px;color: rgba(255, 255, 255, 0.2);text-align: left;}
.field .select:hover > .val i {color:#FF6C2D;}
.field .select > .vals {display:block;position:absolute;max-width: 340px;margin: 0 auto;overflow: hidden;max-height:0;opacity:0;top:100%;left:0;right:0;padding-top:0;text-align: center;color:rgba(255, 255, 255, 0.4);z-index: 2;transition:ease all 300ms;}
.field .select > .vals.vals2 {margin: 0 -50px;}
.field .select.active > .vals {padding-top:10px;opacity:1;max-height:5000px;}
.field .select > .vals > ul {background: rgba(0, 0, 0, 1);border-radius: 20px;overflow:hidden;}
.field .select > .vals > ul > li {cursor:pointer;padding:12px;}
.field .select.active > .vals > ul > li:hover, .field .select:not(.active) > .vals > ul > li.sel {background: #FF6C2D;color: #FFFFFF;font-weight:bold;}

.modal {text-align: center;}
.modal > div {max-width:400px;color:#fff;text-align:center;}
.modal > div > div {background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#241D5F), color-stop(100%,#5C559D));
background: -webkit-linear-gradient(to bottom, #241D5F 0%,#5C559D 100%); 
background: linear-gradient(180deg, #241D5F 0%, #5C559D 100%);border-radius: 20px;padding:87px 50px;}
.modal .back {position:absolute;top:0;left:0;right:0;bottom:0;}
#mAgree {}
#mAgree h2 {color:#fff;font-size:24px;padding-bottom:20px;}
#mAgree > div > div {padding:47px 50px;font-size:12px;line-height:150%;text-align:left;}
#mAgree > div {max-width:600px;}
#mAgree ul {list-style:disc;}
#mAgree ul > li {padding:5px 0;margin-left:20px;}
#mAgree .center {padding-top:30px;text-align:center;}

#orderOutX {padding-bottom:40px;}
#orderOut {font-size: 24px;font-weight:bold;}
#orderOutBuy {padding-top:40px;}
#orderOutBuy a {width:100%;font-size:16px;}
#debug {display:none;}

.brick {display:none;text-align:right;	position: absolute;right: 15px;bottom: 0;z-index:10;}
.brick a {display:inline-block;color:#fff;text-decoration:none!important;line-height: 17px;font-size: 12px;font-weight:bold;text-align:left;}
.brick img {float:left;}
.brick span {display:block;margin-left:54px; padding: 5px 0;}
.brickB {position:absolute;bottom:63px;left:0;right:0;}
#mVideo {}
#mVideo > div { max-width: none; width: auto;}
#mVideo > div > div {padding:10px;padding: 0;background: no-repeat;	border: none;box-shadow: none;}
#mVideo .modal-dialog {margin:0;	vertical-align: top;top: 5%;}
#mVideo .modal-body {padding:0;}
#mVideo iframe {width: 1067px!important; height:600px!important;}
#mVideo .vclose {	padding: 10px;text-align:right;}
#mVideo .vclose > span {cursor:pointer;display:inline-block;padding:10px 0;}
#mVideo .vclose > span:hover {color: #b9b9b9;}
@media screen and (min-width: 768px)
{ 
  .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%;}
}
.modal-dialog {display: inline-block;vertical-align: middle;}

@media (min-width: 1230px)
{
	.container {width: 1200px;}
}

@media (max-width: 1199px)
{
	h1 {font-size:48px;}
	#indication h2 {font-size:42px;line-height: 50px;}
	#indication {font-size:18px;}
	h2, h3 {font-size:42px;}
	#main .desc, #indication .use .desc1, #idea .desc {font-size: 20px;}
	#main #mainImg2 {max-width: 300px;}
	.composeJar td b {font-size: 20px;}
	.composeJar .center {top: -50px;}
}
@media (max-width: 991px)
{
	#mVideo .modal-dialog {top: 10%;}
	#mVideo iframe {width: 800px!important; height:450px!important;}
	h1 {font-size:40px;}
	#indication h2 {font-size:32px;line-height: 40px;}
	#indication {font-size:16px;}
	h2, h3 {font-size:32px;}
	#main #mainImg2 { max-width: 240px;}
	#main .desc, #indication .use .desc1, #idea .desc {font-size: 18px;}
	#solve .desc {font-size: 14px;line-height: 20px;}
	#solve li { font-size: 18px; margin-bottom: 20px;}
	#solve li:not(:last-child) {margin-right: 20px;}
	.composeJar .desc1 { font-size: 14px;}
	.composeJar .img {width: 60px;padding-bottom: 20px;}
	.composeJar .desc {padding: 0 10px;}
	.composeJar .center {top: 0px;}
	#indication .indiTips { line-height: 28px;}
	#order .order { max-width: 100%;}
	#order h4 {padding-top:50px;}
	#order .desc { min-height: auto;  padding-bottom: 100px;}
	#order .co {padding-bottom: 100px;}
	#main .info { padding-right: 25%;}
	#mVideo iframe {width: 600px!important; height:338px!important;}
	#mVideo .modal-dialog {margin:0;top: 15%;}
	.field .select > .vals.vals2 {margin: 0 auto;}
}
@media (max-width:767px)
{
	#menu .back {left: -200px;top: 100px;right: auto;}
	#menu .back img {width: 650px;}
	#compose h2 {text-align:left;}
	.col-xss-12 {width:100%;}
	header .head  {min-height: 150px;}
	header .head .phone {position:absolute;left: 0;right: 0;top: 80px;margin: 0;padding: 20px;text-align: left;}
	#menu .info {border:none;padding: 50px 5px;}
	#menu .smenu li a {font-size: 18px;}
	#menu .contacts {padding-left: 0;padding-top:20px;}
	#menu .contacts h4 {padding-bottom:20px;font-size: 18px;}
	#main #mainImg2 {max-width: 300px;max-width: 300px;position: absolute;top: 20%;right: -135px;}
	#main .info { padding-right: 0}
	#main h1 {font-size:24px;padding-right: 15%;}
	#main .desc {line-height: 20px;font-size: 14px;padding-right: 15%;}
	.warning {font-size: 14px;}
	#down {left: 0; bottom: 50px;}
	header.blue:not(.white) .head .phone {display:none;}
	header.blue:not(.white) .head  {min-height: auto;}
	#solve .docs {display:none;}
	h2, h3 {font-size: 24px;}
	#indication h2 {font-size: 24px;line-height: 28px;}
	#map .mapI {display:none;}
	#order .agree {padding-top:30px;}
	#order .buy {padding-top: 40px;}
	.form {padding-bottom:32px;}
	.composeJar {display:none;}
	#compose > .back {display:none;}
	.composeJarM {display:block;}
	.sections{position:static;}
	.scroll-parallax .section{position:relative}
	.blackout{display:none!important}
	.sections > div {top:0!important; overflow: hidden;}
	.section > .back {position:absolute;}
	.section > .container { padding-top: 100px;}
	body {height:auto!important;}
	.section {min-height:auto!important;}
	.brick {display: none;position:relative;text-align:left;padding-bottom: 20px;}
	#menu .copy {text-align:left;}
	#solve h2 {padding-top:20px;}
	#main h1 {padding-top: 40px;}
	#down {display:none;}
	#mVideo iframe {width: 480px!important; height:270px!important;}
	#mVideo .modal-dialog {}
}
@media (max-width: 480px)
{
	.col-xxs-12 {width:100%;}
	header .head {text-align: left;padding: 20px 0 20px;}
	#menuBut {float: right;}
	#logo {display:none;}
	#main h1 {font-size:18px;}
	#main .but {width:100%;}
	#main .desc {padding-top:10px;}
	.warning {padding:4px;}
	.warning {font-size: 12px;}
	h2, h3, #map h4 {font-size: 18px;}
	#indication h2 {font-size: 18px;line-height: 21px;}
	#solve h2 {padding-bottom:20px;}
	#solve li {font-size: 14px;}
	#solve .desc {line-height: 17px;font-size: 12px;} 
	#indication .indiTips {line-height: 20px;font-size: 14px;padding: 10px 0;}
	#indication .against h4 {font-size: 14px;}
	#indication .against .desc {line-height: 13px;font-size: 9px;}
	#indication .act .but {font-size:18px;width: 100%;}
	#indication .use {padding: 10px 0;}
	#indication .use .desc1, #idea .desc {line-height: 20px;font-size: 14px;}
	#indication .use .desc2 {line-height: 17px;font-size: 12px;padding-top:40px;}
	#indication .yogurt h4 {line-height: 20px;font-size: 14px;}
	#indication .yogurt .desc {line-height: 17px;font-size: 12px;}
	#indication .pdf {margin:0;}
	#map .map {padding-top:0;}
	#order h4 {display:none;}
	#order .desc {display:none;}
	
	#order .order {background:transparent; padding: 10px 5px;}
	#order .order .back {display:none;}
	#order { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#241D5F), color-stop(100%,#5C559D));
background: -webkit-linear-gradient(to bottom, #241D5F 0%,#5C559D 100%); 
background: linear-gradient(180deg, #241D5F 0%, #5C559D 100%);}
	#order .back  {background:url(/img/menu_back.png) center center no-repeat;background-position: -600px 0;opacity: 0.4;}
	#order .back img {display:none;}
	#buyButton {width: 100%;}
	#order .co {color: rgba(255, 255, 255, 0.4); padding-bottom: 80px;}
	#mAgree h2 {font-size: 18px;}
	#mAgree > div > div {padding:20px; font-size: 11px;}
	#mVideo iframe {width: 320px!important; height:180!important;}
	#mVideo .modal-dialog {}
}