html,body { height: 100%; }
/*html.no-mobile[data-page="main"] { overflow-y: hidden; }*/
body { /*-webkit-font-smoothing: antialiased;-webkit-font-smoothing: none;*/font-family: "Open Sans", Verdana, "Geneva CY", "DejaVu Sans", sans-serif; min-width: 980px; line-height: 1.5em; font-size: 20px; font-weight: 300; color: #1d2122; /*background: url(../img/fon.gif) left top repeat-x;*/ }
.lang-ru body { font-size: 15px; }
html.lang-ru[data-page="main"] body { font-size: 20px; }
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } /* убрала */
.main { min-height: 100%; }
main { display: block; /*position: relative; height: 100%;*/ }
/*html.no-mobile[data-page="main"] .main-page-wrapper { overflow-y: scroll; }
.main-page-wrapper { overflow: hidden; min-height: 100%; }*/
.text-page-wrapper { padding: 100px 0 114px;  min-height: 100%; }
.slide-section { display: table; table-layout: fixed; width: 100%; position: relative; }
.slide-wrapper { display: table-cell; vertical-align: middle; width: 100%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.hFooter { height: 170px; clear: both; }
/*.lang-ru .hFooter {height: 256px;}*/
.footer { margin-top: -170px; height: 170px; width: 100%; }
/*.lang-ru .footer {margin-top: -256px;}*/
.footer .footer-wrapper {height: 170px;}
/*.lang-ru .footer .footer-wrapper {height: 256px;}*/
/*html.no-mobile[data-page="main"] .hFooter {height: 170px;}
html.no-mobile[data-page="main"] .footer { margin-top: -170px; height: 170px; }
html.no-mobile[data-page="main"] .footer .footer-wrapper {height: auto;}*/

input[type="text"], textarea {border-radius: 0;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="text"]:focus, textarea:focus, button { outline: none; }
a {color: #1d2122;text-decoration: none; }

a:hover {color: #46aac5; }

.qr{display: none;}

main a { position: relative; /*border-bottom: 1px solid #1d2122;w*/
	/*background: -moz-linear-gradient(left, #1d2122, #1d2122 90%);
	background: -ms-linear-gradient(left, #1d2122, #1d2122 90%);
	background: -o-linear-gradient(left, #1d2122, #1d2122 90%);
	background: -webkit-gradient(linear, 0 0, 90% 0, from(#1d2122), to(#1d2122));
	background: -webkit-linear-gradient(left, #1d2122, #1d2122 90%);
	background: linear-gradient(left, #1d2122, #1d2122 90%);*/
	background-position: 0 90%;
	background-size: 10px 1px;
	background-repeat: repeat-x; }
main a:hover, .footer a:hover, .header a:hover { /*border-color: #46aac5;*/
	color: #46aac5;
	text-decoration: none !important;
	background: -moz-linear-gradient(left, #46aac5, #46aac5 90%);
	background: -ms-linear-gradient(left, #46aac5, #46aac5 90%);
	background: -o-linear-gradient(left, #46aac5, #46aac5 90%);
	background: -webkit-gradient(linear, 0 0, 90% 0, from(#46aac5), to(#46aac5));
	background: -webkit-linear-gradient(left, #46aac5, #46aac5 90%);
	background: linear-gradient(left, #46aac5, #46aac5 90%);
	background-position: 0 90%;
	background-size: 10px 1px;
	background-repeat: repeat-x; }

.bg { position: fixed; top: 0; left: 0; width: 100%; height: 50%; background: #e8e8e8; opacity: .5; z-index: 0; }
.bg._fixed {opacity: 0.5; z-index: 10;}
.bg_b { position: fixed; bottom: 0; left: 0; width: 100%; height: 0; background: #f4f4f4; }

/* HEADER */

.header { position: fixed; width: 100%; height: 80px; z-index: 10;  }
.header-wrapper { position: relative; width: 980px; margin: 0 auto; top: 56px; transition: top .5s linear; -moz-transition: top .5s linear; -webkit-transition: top .5s linear;}
.header-right { float: right; margin: 12px 0 0; transition: margin-top .5s linear; -moz-transition: margin-top .5s linear; -webkit-transition: margin-top .5s linear; }
.header-switch { float: right; font-size: 15px; color: #6c6c6c; }
.header-switch__item { color: #6c6c6c; text-decoration: none; }
.header-switch__item._active { font-family: "trivia_slab_mediumregular", serif; color: #1d2122; cursor: default; }
.header-switch__item._active:hover { color: #1d2122; text-decoration: none; background: none; }
.header-logo__wrapper { float: left; position: relative; width: 634px; min-height: 1px; z-index: 210; transition: width .3s linear; -moz-transition: width .3s linear; -webkit-transition: width .3s linear; }
/*.lang-ru .header-logo__wrapper {width: 500px;}*/
.header-logo { display: block; width: 100%; }
.header-logo__wrapper a {background: none !important;}
.header-logo__wrapper svg { width:100%; height:100%; }
.header-logo__wrapper text { font-family: 'trivia_slab_blackregular', serif; font-size: 135px; font-weight: 400; }
.header-logo__wrapper tspan { font-family: 'trivia_slab_blackregular', serif; font-size: 135px; font-weight: 400; }
.header-logo__wrapper text, .header-logo__wrapper tspan {transition: font-size .5s linear, fill .5s linear; -moz-transition: font-size .5s linear, fill .5s linear; -webkit-transition: font-size .5s linear, fill .5s linear;}
.header-logo._color {  }
.header-logo._black { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; transition: opacity .5s linear; -moz-transition: opacity .5s linear; -webkit-transition: opacity .5s linear;}
.header-sandwich { z-index: 210; position: relative; width: 26px; height: 18px; float: left; cursor: pointer; margin-left: 35px; margin-top: 18px; transition: margin-left .5s linear, margin-top .5s linear; -moz-transition: margin-left .5s linear, margin-top .5s linear; -webkit-transition: margin-left .5s linear, margin-top .5s linear;}
.header-sandwich span { position: absolute; width: inherit; height: 2px; top: 50%; margin-top: -1px; background: black; }
.header-sandwich span:before { position: absolute; content: ""; left: 0; top: -8px; height: inherit; width: inherit; background: black; }
.header-sandwich span:after  { position: absolute; content: ""; left: 0; top: 8px;  height: inherit; width: inherit; background: black; }
.header-sandwich:hover span, .header-sandwich:hover span:before, .header-sandwich:hover span:after {background: #46aac5;}
.header-btn { display: none; float: right; margin: -3px 30px 0 0; padding: 0 30px; height: 40px; line-height: 37px; font-size: 15px; color: #6c6c6c; border: 1px solid #000; background: #f3f3f3; -moz-transition: display .5s linear; -webkit-transition: display .5s linear; transition: display .5s linear; position: relative; z-index: 210; }
a.header-btn:hover { color: #1d2122; background: #f3f3f3; }

.header__small .header-wrapper {top: 30px;}
.header__small .header-right { margin-top: -7px; }
.header__small .header-logo__wrapper, .lang-ru .header__small .header-logo__wrapper { width: 71px; }
.header__small .header-logo._black {opacity: 1; }
.header__small .header-sandwich { margin-left: 14px; margin-top: 2px; }
.header__small .header-logo__wrapper text, .header__small .header-logo__wrapper tspan {font-size: 28px;}
.header__small .header-logo__wrapper text {fill: #000;}
.header__small .header-btn { display: block; }

/* TOPMENU */

.layout { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: /*#f4f4f4*/rgba(24,23,22,0.1); opacity: 1; display: none; z-index: 1; }
.top-nav__outer { position: fixed; top: 0; left: 0; width: 100%; /*height: 635px; */padding: 104px 0 0; z-index: 200; display: none; background: #fff; }
.top-nav__wrapper { position: relative; width: 980px; margin: 0 auto; }
.top-nav { float: right; width: 748px; line-height: 1.2em; position: relative; }
.top-nav__col { display: inline-block; vertical-align: top; margin: 0 30px 0px 0; width: 150px; }
.top-nav__col:nth-of-type(3) { width: 190px; margin-right: 0; }
.lang-ru .top-nav__col:nth-of-type(2) {width: 200px;}
.lang-ru .top-nav__col:nth-of-type(3) {width: 320px;}
.top-nav__title { font-size: 13px; color: #6c6c6c; position: relative; }
.top-nav__links { margin-top: 6px; }
.top-nav__links li { padding: 8px 0; }
.top-nav__links li a { color: #000; text-decoration: none; }
.top-nav__links li a:hover { text-decoration: underline; }
.top-nav__outer .close { position: absolute; top: -73px; right: 0; width: 20px; height: 20px; cursor: pointer; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAYAAAD+MdrbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM4NTIxNTU0NTE2QzExRTU4OTFGRkZBRUU3QTM1ODQ5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM4NTIxNTU1NTE2QzExRTU4OTFGRkZBRUU3QTM1ODQ5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Qzg1MjE1NTI1MTZDMTFFNTg5MUZGRkFFRTdBMzU4NDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Qzg1MjE1NTM1MTZDMTFFNTg5MUZGRkFFRTdBMzU4NDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5kYHcrAAABdklEQVR42qzXwUoDMRAG4OzgRe8+QNmjFnwEq+BT6GOIvoKvIdiDjyBsPSlYj6U+RPfuHuukJGEYkszMugP/oaX7sZvMZmjTzloX6hgzuHGVroXwxSNmjTkdgflrvjEPEfT6LeYcszKi/rfvmDPMnbcg3OoVZmtEKbYNxhAfeWdEc9iOrqEF5dgiYhzUoDmspwBk7qCEipivo8IaRXRF0EbCamAOdRJWemRae+GzCeRrpmopUGILbZ+CEuu1fQpKTN38YGlaDQpGTETj8WXBamg6vl6MWA71xtBMNAJOML+HV699enYT1J5vyj3m8x8z5SsYaVP8PLjAvI2YKR1mzmfKNWZjRCm2CUaaKT1DO8VM4VjP3xSKzitoEcu9yxJaxUqnTQkVsdoIiGhHUCdh0kzhqJMwzUwxFxhaQ9p9cabwDdC0VHGm5HZT1adgaVoNCpam1aBgxEQ0Hl8WjKM/BE3H19KIUfQyoMvDTLl5/Zj0b8WfAAMAZBrAXLPxit8AAAAASUVORK5CYII=') no-repeat 0 0; }
.top-nav__outer .close:hover { background-position: 0 -20px; }
.top-nav .num { left: -110px !important; }
.menu-bottle { position: absolute; top: -2px; left: -17px; }
.mobile-pic {display: none;}
#franchise {line-height: 120%; font-size: 15px;}
#franchise a {/*position: fixed;*/ display: inline-block; width: max-content; /*height: 50px;*/ font-size: 1em;
    font-weight: bold;
    /*line-height: 60px;*/
    /*text-transform: uppercase;*/
    background-color: transparent;
    cursor: pointer;
    text-decoration: none;
    font-family: "trivia_slab_mediumregular", serif;
    font-weight: 900;
    font-size: 15px;
    letter-spacing: 0.045em;
    /*margin: 10px 5px 10px 5px;*/
}
#franchise b {    
	/*padding: 8px;*/
    /*background-color: #aada99;*/
    /*border-radius: 10px;*/
    /*box-shadow: 0 0 5px;*/
}

/* MAIN SLIDES */

.content-item { width: 980px; margin: 0 auto 50px; padding-left: 415px; position: relative; }

.content-item h2 { margin: 0 0 34px; position: relative; }
.content-item h2 svg { width:100%; }
.content-item h2 text { font-family: 'trivia_slab_blackregular', serif; font-size: 140px; font-weight: 400; text-transform: lowercase; }
.lang-ru .content-item h2 text {font-size: 110px;text-transform: none;}
.content-item[data-item="who-gets-the-profit"] h2 text, .content-item[data-item="why-work-with-Salad"] h2 text { font-size: 130px; }
.lang-ru .content-item[data-item="why-work-with-Salad"] h2 text { font-size: 110px; }
.content-item h3, .content-page h3 { position: relative; margin: 48px 0 6px; line-height: 40px; font-family: "trivia_slab_mediumregular", serif; font-size: 40px; font-style: normal; color: #181716; }
.content-item h4, .content-page h4 { position: relative; line-height: 44px; font-family: "trivia_slab_mediumregular", serif; font-size: 30px; font-weight: normal; }
.content-item p, .content-page p { position: relative; }
.content-item .num, .content-page .num, .top-nav .num { position: absolute;  left: -107px; width: 100px; text-align: right; opacity: .4; }
.content-item .num span, .content-page .num span, .top-nav .num span { vertical-align: baseline; font-family: "Open Sans", Verdana, "Geneva CY", "DejaVu Sans", sans-serif; font-size: 8px; font-weight: normal; color: #818181; }
.content-item strong { position: relative; display: block; margin: 9px 0 11px; line-height: 55px; font-family: "trivia_slab_mediumregular", serif; font-size: 45px; color: #232123; }
/*.lang-ru .content-item strong {line-height: 40px;font-size: 30px; color: #181716;}*/
.content-item small, .content-page small { position: relative; display: block; line-height: 25px; font-size: 15px; color: #6c6c6c; }
.content-item small a, .content-page small a { color: inherit;
	/*background: -moz-linear-gradient(left, #6c6c6c, #6c6c6c 90%);
	background: -ms-linear-gradient(left, #6c6c6c, #6c6c6c 90%);
	background: -o-linear-gradient(left, #6c6c6c, #6c6c6c 90%);
	background: -webkit-gradient(linear, 0 0, 90% 0, from(#6c6c6c), to(#6c6c6c));
	background: -webkit-linear-gradient(left, #6c6c6c, #6c6c6c 90%);
	background: linear-gradient(left, #6c6c6c, #6c6c6c 90%);*/
	background-position: 0 90%;
	background-size: 10px 1px;
	background-repeat: repeat-x;}
.content-item small a:hover, .content-page small a:hover {
	color: #46aac5;
	text-decoration: none !important;
	background: -moz-linear-gradient(left, #46aac5, #46aac5 90%);
	background: -ms-linear-gradient(left, #46aac5, #46aac5 90%);
	background: -o-linear-gradient(left, #46aac5, #46aac5 90%);
	background: -webkit-gradient(linear, 0 0, 90% 0, from(#46aac5), to(#46aac5));
	background: -webkit-linear-gradient(left, #46aac5, #46aac5 90%);
	background: linear-gradient(left, #46aac5, #46aac5 90%);
	background-position: 0 90%;
	background-size: 10px 1px;
	background-repeat: repeat-x;
}
.content-item em { position: relative; display: block; margin: 5px 0 6px; line-height: 40px; font-family: "trivia_slab_mediumregular", serif; font-size: 30px; font-style: normal; color: #181716; }
.content-item ul.marked-list { margin-left: 103px; }
.content-item ul.marked-list li { list-style-type: none; padding: 5px 0; position: relative; }
.content-item ul.marked-list li:before { content: '\2013'; position: absolute; top: -4px; left: -46px; margin: 5px 0 6px; line-height: 40px; font-family: "trivia_slab_mediumregular", serif; font-size: 50px; }
.content-item ul.cols-list { margin: 0 0 73px 85px; word-spacing: -.36em; }
.content-item ul.cols-list li { word-spacing: normal; list-style-type: none; display: inline-block; vertical-align: top; width: 188px; padding-right: 30px;line-height: 25px; font-size: 15px; position: relative; }
.content-item ul.cols-list li:last-of-type {padding-right: 0;}
.content-item ul.cols-list li .num { top: -13px; left: 0px; width: 100px; width: auto; text-align: left; line-height: 11px; }

.catalog-slider {margin: -14px 0 0 -61px; /*width: 5000px;*/ height: 201px; line-height: 25px; font-size: 15px; color: #181716; }
.lang-ru .catalog-slider {margin-top: -21px;}
.catalog-slider__item { list-style-type: none; position: relative; float: left; width: 568px; padding-right: 338px; opacity: .2; -webkit-transition: opacity .5s linear; -moz-transition: opacity .5s linear; transition: opacity .5s linear; }
.catalog-slider__item.__active { opacity: 1; }
.catalog-slider__item h3 { margin-bottom: 15px; }
.catalog-slider__item img { position: absolute; top: 12px; left: -240px; width: 215px; -webkit-filter: saturate(0); filter: saturate(0); -webkit-transition: -webkit-filter .9s linear; -moz-transition: filter .9s linear; transition: filter .9s linear; cursor: pointer;}
.catalog-slider__item:first-of-type img {left: -320px;}
.catalog-slider__item.__active img { -webkit-filter: saturate(100%); filter: saturate(100%); cursor: default;}

.main-components { word-spacing: -.36em; width: 980px; margin: 0 0 62px; }
.lang-ru .main-components { margin-bottom: 37px; }
.main-components__item { display: inline-block; vertical-align: top; word-spacing: normal; list-style-type: none; position: relative; width: 490px; padding: 0 0 11px 250px; line-height: 1.7em; font-size: 15px; letter-spacing: -0.02em; }
.main-components__item:nth-of-type(even) { width: 470px; margin-left: 8px; }
.main-components__item h3 { margin: 34px 0 15px; }
.main-components__item img { position: absolute; top: 24px; left: 3px; /*width: 215px;*/ }

.btn-animated-frame { position: relative; display: inline-block; border: 2px solid #1d2122; padding: 0; }
.btn-animated-frame span { display: block; width: 100%; position: relative; z-index: 1; background: white; }
.no-mobile .btn-animated-frame:before { position: absolute; content: ""; left: -2px; top: -2px; right: 100%; bottom: 100%; background: url(../../../../media/img/salad-buttons-bg.png) left bottom no-repeat; visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
.no-mobile .btn-animated-frame:after { position: absolute; content: ""; left: 0; top: 0; right: 100%; bottom: 100%; background: white; visibility: hidden; }
.no-mobile .btn-animated-frame:hover:before { visibility: visible; right: -2px; bottom: -2px; }
.no-mobile .btn-animated-frame:hover:after  { visibility: visible; right: 0;    bottom: 0; }

.content-links { margin: 60px 0 0; word-spacing: -.36em; }
.content-links__item { word-spacing: normal; margin-right: 10px; width: 245px; height: 70px; text-align: center; color: #6c6c6c; text-decoration: none; }
.content-links__item:last-of-type { margin-right: 0; }
.content-links__item span { height: 66px; line-height: 66px; }

.content-links__item:hover {color: #6c6c6c; }
.content-links__item b { font-family: "trivia_slab_mediumregular", serif; font-size: 1.1em; font-weight: normal; color: #1d2122; }
/*.lang-ru .content-links__item b {font-size: 16px;}*/

/* SLIDES CUSTOM */

.content-item[data-item="salad"] { padding-left: 415px; padding-top: 318px; }
.content-item[data-item="salad"] p:first-of-type { color: #6c6c6c; }
.content-item[data-item="salad"] .text { margin: 27px 0 0; line-height: 1.7em; font-size: 15px; }
.content-item[data-item="salad"] .text p:nth-of-type(1) { float: left; width: 260px; color: inherit; }
.content-item[data-item="salad"] .text p:nth-of-type(2) { float: right; width: 280px; }
.content-item[data-item="salad"] .content-links { margin: 28px 18px 0 0; /* min-width: 755px;*/ }
.content-item[data-item="salad"] .content-links__item {text-align: center; height: auto; width: 264px; margin-right: 0; }
.content-item[data-item="salad"] .content-links__item:nth-of-type(1) { margin-right: 0; /*float: left;*/ }
.content-item[data-item="salad"] .content-links__item:nth-of-type(1) a { width: 100%;}
.content-item[data-item="salad"] .content-links__item:nth-of-type(2) { float: right; }
.content-item[data-item="salad"] .content-links__item:nth-of-type(3) { margin-top: 20px; width: 100%; clear: both; }
.content-item[data-item="salad"] .content-links__item:nth-of-type(4) { margin-top: 20px; width: 100%; clear: both; }
.content-item[data-item="salad"] .content-links__item:nth-of-type(5) { margin-top: 20px; width: 100%; clear: both; }
.content-item[data-item="salad"] .content-links__item span {height: auto; line-height: 30px;padding: 18px 25px 17px 25px;}
#s1 {background: #d9f7dd; text-align:center; font-size: 1.5em;}
#s2 {width:100%;}
.lang-ru .content-item[data-item="salad"] .content-links__item:nth-of-type(1) span, .lang-ru .content-item[data-item="salad"] .content-links__item:nth-of-type(2) span { text-align: left; padding-right: 10px; }
.content-item[data-item="salad"] .section-pic { position: absolute; top: 284px; left: -132px; width: 448px; }
/*.lang-ru .content-item[data-item="salad"] .content-links {margin-top: 25px;}
.lang-ru .content-item[data-item="salad"] .content-links__item {width: 450px;margin: 0 0 20px;}
.lang-ru .content-item[data-item="salad"] .content-links__item br {display: none;}*/


.content-item[data-item="who-we-are"] {  }
.content-item[data-item="who-we-are"] p, .content-item[data-item="who-we-are"] small, .content-item[data-item="who-we-are"] em { margin-left: 85px; }
.content-item[data-item="who-we-are"] .content-links { margin-top: 62px; }
.content-item[data-item="who-we-are"] .content-links__item { width: 242px; }

/*.lang-ru .content-item[data-item="how-it-works"] { margin-bottom: 135px; }*/
.content-item[data-item="how-it-works"] h2 { margin-bottom: 46px; }
.lang-ru .content-item[data-item="how-it-works"] h2 { margin-bottom: 27px; margin-left: -415px; }
/*.content-item[data-item="how-it-works"] p { margin-top: 12px; }*/
.content-item[data-item="how-it-works"] .content-links { margin-top: 50px; -moz-transition: margin-top .3s linear; -webkit-transition: margin-top .3s linear; transition: margin-top .3s linear;}
.content-item[data-item="how-it-works"] .content-links .content-links__item { width: 353px; }
.lang-ru .content-item[data-item="how-it-works"] .content-links .content-links__item { width: 364px; }
/*.content-item[data-item="how-it-works"] .content-links .content-links__item i {font-style: normal;}
.content-item[data-item="how-it-works"] .text-slides { height: 300px; padding: 1px 0 0; overflow: hidden; }
.lang-ru .content-item[data-item="how-it-works"] .text-slides {height: 265px;}
.content-item[data-item="how-it-works"] .text-slide2 {display: none; }
.content-item.__scrolled[data-item="how-it-works"] h3 { margin-top: 6px; margin-bottom: 35px; }
.content-item.__scrolled[data-item="how-it-works"] p {margin-bottom: 9px;}*/
.content-item.__scrolled[data-item="how-it-works"] .content-links { margin-top: 18px; }

.content-item[data-item="whats-inside"] { padding-left: 0; margin-bottom: 80px; }
/*.content-item[data-item="whats-inside"] h2 { margin-left: 415px; }
.lang-ru .content-item[data-item="whats-inside"] h2 { margin-left: 0; }*/
.content-item[data-item="whats-inside"] .content-links { margin-left: 415px; }
.lang-ru .content-item[data-item="whats-inside"] .content-links { margin-top: 30px; }
.content-item[data-item="whats-inside"] .content-links__item { width: 318px; }
.lang-ru .content-item[data-item="whats-inside"] .content-links__item { width: 468px; }

.content-item[data-item="who-gets-the-profit"] .content-links { margin-top: 57px; }
.content-item[data-item="who-gets-the-profit"] .content-links__item { width: 226px; }
.content-item[data-item="who-gets-the-profit"] h2 {margin-bottom: 6px;}

.content-item[data-item="why-work-with-Salad"] { margin-bottom: 90px; }
.content-item[data-item="why-work-with-Salad"] h2 { margin-bottom: 7px; }
.lang-ru .content-item[data-item="why-work-with-Salad"] h2 { margin-left: -415px; }
.content-item[data-item="why-work-with-Salad"] em { margin-bottom: 17px; margin-top: 13px;}
/*.content-item[data-item="why-work-with-Salad"] em, .content-item[data-item="why-work-with-Salad"] p { margin-left: 85px; }*/
.content-item[data-item="why-work-with-Salad"] .content-links { margin-top: 50px; }
.lang-ru .content-item[data-item="why-work-with-Salad"] .content-links { margin-top: 63px; }
.content-item[data-item="why-work-with-Salad"] .content-links__item:first-of-type { width: 250px; }
.lang-ru .content-item[data-item="why-work-with-Salad"] .content-links__item:first-of-type { width: 310px; }
/*.content-item[data-item="why-work-with-Salad"] .text-slides { width: 654px; height: 314px; padding-top: 1px; overflow: hidden; padding-top: 10px;}
.lang-ru .content-item[data-item="why-work-with-Salad"] .text-slides {height: 325px;}
.content-item[data-item="why-work-with-Salad"] .text-slide2 { display: none; width: 500px;}*/
.content-item[data-item="why-work-with-Salad"] .marked-list { font-size: 15px; margin-top: -10px; margin-bottom: 20px; }
.content-item[data-item="why-work-with-Salad"] .marked-list li { margin-bottom: 10px; }
.content-item[data-item="why-work-with-Salad"] .marked-list h4 { line-height: 30px; font-size: 22px; margin-bottom: -10px; }
.content-item[data-item="why-work-with-Salad"] .section-pic { position: absolute; top: 135px; left: -29px; width: 430px; }
.lang-ru .content-item[data-item="why-work-with-Salad"] .section-pic { top: 208px }

/* SOCIAL */

.social-links { position: relative; margin: 132px 0 0; font-family: "trivia_slab_mediumregular", serif; }
.contacts-social { margin-top: 114px; margin-left: auto; margin-right: auto; width: 980px; padding-left: 227px; }
.social-links__title { position: absolute; top: 18px; right: 646px; font-size: 30px; color: #000; white-space: nowrap; }
.lang-ru .social-links__title { right: 600px; }
.social-links a { position: relative; float: left; margin-right: 21px; width: 174px; height: 50px; text-align: center; font-size: 17px; color: #1d2122 !important; text-decoration: none; text-transform: lowercase; }
.social-links a:last-of-type { margin-right: 0; }
.social-links a span { height: 46px; line-height: 46px; }
.social-links a em { font-style: normal; position: relative; display: inline-block; width: 27px;height: 26px; margin-right: 14px; }
.social-links a i { font-style: normal; }

.social-links a[data-item="btn-fb"] em:before, .social-links a[data-item="btn-tw"] em:before, .social-links a[data-item="btn-vk"] em:before {content: ''; position: absolute; top: 0; margin-top: 9px; left: 0; width: 26px;height: 26px; opacity: 1; -moz-transition: opacity .3s linear; -webkit-transition: opacity .3s linear; transition: opacity .3s linear; background-size: 26px auto;}
.social-links a[data-item="btn-fb"] em:after, .social-links a[data-item="btn-tw"] em:after, .social-links a[data-item="btn-vk"] em:after {content: ''; position: absolute; top: 0; margin-top: 9px; left: 0; width: 26px;height: 26px; opacity: 0; -moz-transition: opacity .3s linear; -webkit-transition: opacity .3s linear; transition: opacity .3s linear; }

.social-links a[data-item="btn-fb"]:hover em:before, .social-links a[data-item="btn-tw"]:hover em:before, .social-links a[data-item="btn-vk"]:hover em:before {opacity: 0;}
.social-links a[data-item="btn-fb"]:hover em:after, .social-links a[data-item="btn-tw"]:hover em:after, .social-links a[data-item="btn-vk"]:hover em:after {opacity: 1;}


.social-links a[data-item="btn-fb"] em:before { background: url('../../../../media/img/icon-fb.svg') no-repeat 0 0; }
.social-links a[data-item="btn-fb"] em:after { background: url('../../../../media/img/icon-fb-hover.svg') no-repeat 0 0;}

.social-links a[data-item="btn-tw"] em:before { background: url('../../../../media/img/icon-tw.svg') no-repeat 0 0; }
.social-links a[data-item="btn-tw"] em:after { background: url('../../../../media/img/icon-tw-hover.svg') no-repeat 0 0; }

.social-links a[data-item="btn-vk"] em {margin-right: 10px;}
.social-links a[data-item="btn-vk"] em:before { background: url('../../../../media/img/icon-vk.svg') no-repeat 0 0; }
.social-links a[data-item="btn-vk"] em:after { background: url('../../../../media/img/icon-vk-hover.svg') no-repeat 0 0; }

.social-links a.bg-png[data-item="btn-fb"] em:after { background: url('../../../../media/img/salad_share_fb.png') no-repeat 0 0;background-size: 100% auto;}
.social-links a.bg-png[data-item="btn-tw"] em:after { background: url('../../../../media/img/salad_share_tw.png') no-repeat 0 2px;background-size: 27px auto; }
.social-links a.bg-png[data-item="btn-vk"] em:after { background: url('../../../../media/img/salad_share_vk.png') no-repeat 4px 1px;background-size: auto 24px; }

/* BOTTLE */

.main-bottle {position: absolute; top: 284px; left: -60px; width: 448px; height: 614px; background: url('../../../../media/img/main-bottle.png') no-repeat 0 0; }
/*.bottle-wrapper { position: relative; width: 980px; margin: 0 auto; }
.bottle-pic1, .bottle-pic2 { position: relative; top: 169px; left: -159px; width: 586px; background-repeat: no-repeat; }
.bottle-pic { -moz-transition: transform .3s linear; -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear;}
.bottle-pic1 { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); height: 628px; background: url('../img/main-bottle.png') no-repeat 0 0; background-position: 0 -14444px; }*/
/*.bottle-pic2 { height: 628px; background-image: url('../img/tinypng-sprites/salad_bottle_2.png'); background-position: 0 -21980px; display: none; }*/
.tablet .bottle-pic1 {background: url('../../../../media/img/bottle_big.png') no-repeat 0 0;background-size: 100% auto;}

/*.bottle-pic.__small { -moz-transform: scale(.8); -ms-transform: scale(.8); -webkit-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); }*/

/* VIDEO */

.video-wrapper { margin: 22px 0 0 -327px; width: 891px; overflow:hidden; position:relative; height:517px; border: 20px solid #eaeaea; }
.video-wrapper .play-btn { position: absolute; top: 68%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 70px; height: 70px; background: #fff url('../../../../media/img/icon-play.png') no-repeat -1px -5px; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; }
.no-mobile .video-wrapper .play-btn:hover { background-position: -1px -85px; }

/* INNER PAGES */

.page-title__wrapper { width: 980px; margin: 0 auto; padding: 0 0 30px; position: relative; }
.page-title__wrapper svg { width:100%; }
.page-title__wrapper text { font-family: 'trivia_slab_blackregular', serif; font-size: 140px; font-weight: 400; text-transform: lowercase; }
.lang-ru .page-title__wrapper text {font-size: 120px;}
.content-page { width: 980px; margin: 0 auto; padding-left: 222px; position: relative; }
.content-page p { margin: 15px 0; }
.content-page h4 { margin-bottom: 23px; }
.content-page .num { left: -116px; }
input.text-field, textarea.text-field { background: #fff; border: 2px solid #d5d5d5; }
input.text-field:focus, textarea.text-field:focus { border-color: #181716; }
input.text-field.error, textarea.text-field.error { border-color: #d75252; }
input.text-field { height: 40px; line-height: 40px; }
textarea.text-field { overflow: auto; resize: vertical; }

.business-bt-block { position: relative; width: 980px; margin: 0 auto; }
[data-page="product"] .business-bt-block {padding-left: 55px;margin-top: 80px;}
.business-bt-block h4 { float: left; margin: 0; width: 340px; line-height: 44px; font-family: "trivia_slab_mediumregular", serif; font-size: 30px; font-weight: normal; padding-top:30px}
.business-bt-block p { float: left; margin: 10px 0 0 20px; width: 290px; line-height: 30px; font-size: 15px; color: #181716; }
.business-bt-block .content-links__item { float: left; margin: 14px 0 0 25px; width: 250px; }

/* PAGE ABOUT */

.content-page[data-item="about"] { margin-bottom: 38px; }
.about-block1 { width: 500px; }
.about-block2 { margin: 44px 0 44px 103px; width: 490px; }
.about-block3 { }
.about-block3 h4 { margin: -17px 0 9px; } .dashed-list { margin: 0 0 0 101px; }
.dashed-list li { list-style-type: none; padding: 5px 0; position: relative; }
.dashed-list li:after { content: '\2013'; position: absolute; top: 6px; left: -42px; font-family: "trivia_slab_mediumregular", serif; font-size: 50px; color: #d5d5d5; }
.side-pic-about { position: absolute; top: 277px; left: -47px; }
.video-block { position: relative; margin: 0 auto 143px; padding: 20px; width: 980px; background: #eaeaea; }
.video-block .content-links__item { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 292px; }
.page-title__wrapper[data-item="team"] { padding-bottom: 70px; }
.content-page[data-item="team"] { padding-bottom: 55px; padding-left: 415px;}
.team__item { position: relative; margin-bottom: 70px; padding: 0 70px 0 0; min-height: 330px; }
.team__item:last-of-type {margin-bottom: 0;}
.team__pic { position: absolute; top: 11px; left: -415px; border: 20px solid #eaeaea; }
.team__item h4 { margin-bottom: 10px; }

/* PAGE TECHNOLOGY */

.content-page[data-item="technology"] { padding-left: 170px; }
.content-page[data-item="technology"] h3 { margin: -1px 0 27px; }
.content-page[data-item="technology"] p { margin: 25px 0; }
.pic-tech1, .pic-tech2 { position: absolute; }

.tech-block1 { position: relative; margin: 0 0 60px 244px; width: 490px; }
.pic-tech1 { top: 76px; left: -355px; width: 225px; -moz-transition: left .5s linear; -webkit-transition: left .5s linear; transition: left .5s linear; }
.pic-tech1.__animated, .ie9 .pic-tech1 {left: -285px;}
.tech-block1 h3:first-child {margin-top: -1px;}
.tech-block1 p:nth-of-type(1), .tech-block1 p:nth-of-type(3) {margin-right: 70px !important;}
.tech-block1 p:nth-of-type(2), .tech-block1 p:nth-of-type(4) {margin-left: 47px !important;}

.tech-block2 { position: relative; margin: 0 0 100px 0; width: 470px; }
.pic-tech2 { top: 70px; right: -399px; width: 240px; -moz-transition: right .5s linear; -webkit-transition: right .5s linear; transition: right .5s linear; }
.pic-tech2.__animated, .ie9 .pic-tech2 {right: -329px;}

.tech-block4 { position: relative; padding-left: 193px;}
.tech-block4 h4 { position: absolute; top: -10px; left: -166px; width: 314px; }
.tech-block4 p { float: left; margin: 0; width: 300px; line-height: 30px; font-size: 15px; color: #181716; }
.tech-block4 .content-links__item { float: left; margin: 4px 0 0 14px; width: 250px; }

/* PAGE BUSINESS */

.bss-block1 {margin-left: 0;}
.bss-block1, .bss-block2, .bss-block3, .bss-block4, .bss-block5, .bss-block6 {width: 520px; margin-bottom: 100px;}
.bss-block2, .bss-block4, .bss-block6 {margin-left: 155px;}

.text-subtitle { position: relative; left: -5px;}
.text-subtitle svg { width:100%; height:100%; }
.text-subtitle text { font-family: 'trivia_slab_blackregular', serif; font-size: 80px; font-weight: 400; text-transform: lowercase; }

.business-block1 {width: 700px;margin-bottom: 90px;}
.business-block1:first-child {margin-top: -45px;}
.business-block1 p:nth-of-type(1), .business-block1 p:nth-of-type(2) {margin-left: 100px; margin-right: 80px;}
.business-subtext { margin: 40px 0; padding: 35px 70px 32px 98px;background: #eaeaea;}
.business-subtext h3 {margin: 0;line-height: 50px;}

h3.text-subtitle {margin: 0 0 12px;}

.text-col {float: left;}
.text-col1 {width: 320px;margin-right: 90px;}
.text-col2 {width: 340px;}
.text-col h4 {line-height: 30px;margin-bottom: 22px;text-transform: lowercase;}
.text-col .dashed-list {margin: -6px 0 -8px;}
.pic-bus1 {display: block;margin-bottom: 27px;}
.business-block2 .text-col2 p:nth-of-type(1), .business-block2 .text-col2 p:nth-of-type(3) {margin-right: 30px;}

/* PAGE CARE */

.content-page[data-item="care"] { padding-left: 170px; }
.content-page[data-item="care"] [data-left="85"] { margin-left: 85px !important; }
.content-page[data-item="care"] [data-left="63"] { margin-left: 63px !important; }
.content-page[data-item="care"] [data-right="85"] { margin-right: 85px !important; }
.content-page[data-item="care"] h3 {margin-bottom: 28px;}
.content-page[data-item="care"] p {margin: 26px 0;}
.pic-care1, .pic-care2, .pic-care3, .pic-care4 { position: absolute; }

.care-block1 {position: relative; margin: 0 0 80px 245px; width: 520px;}
.pic-care1 { top: 60px; left: -328px; width: 320px; }
.care-block1 h3:first-child {margin-top: -1px;}
.care-block1 p:nth-of-type(1), .care-block1 p:nth-of-type(3) {margin-right: 85px !important;}
.care-block1 p:nth-of-type(2) {margin-left: 85px !important;}

.care-block2 {position: relative; margin: 0 0 80px 0; width: 510px;}
.pic-care2 { top: 192px; right: -323px; width: 290px; }
.care-block2 p:nth-of-type(1) {margin-right: 85px !important;}
.care-block2 p:nth-of-type(2) {margin-left: 63px !important;}
.care-block2 p:nth-of-type(3) {margin-right: 45px !important;}

.care-block3 {position: relative; margin: 0 0 80px 245px; width: 510px;}
.pic-care3 { top: 79px; left: -285px; width: 225px; }
.care-block3 p:nth-of-type(1) {margin-right: 85px !important;}
.care-block3 p:nth-of-type(2) {margin-left: 85px !important;}

.care-block4 {position: relative; margin: 0 0 80px 0; width: 510px;}
.pic-care4 { top: 94px; right: -296px; width: 241px; }
.care-block4 p:nth-of-type(1) {margin-right: 85px !important;}
.care-block4 p:nth-of-type(2) {margin-left: 63px !important;}

/* PAGE CONTACTS */

.content-page[data-item="contacts"] { padding-left: 227px; }
.contacts-block1 { margin: -6px 0 52px; }
.contacts-block2 { display: inline-block; vertical-align: top; width: 310px; margin-right: 60px; }
.contacts-block3 { display: inline-block; vertical-align: top; width: 250px; }

.contacts-block1 p { margin: 4px 0 10px; }
.contacts-block1 p:first-of-type { margin: 0 0 4px; }
.contacts-block2 h4, .contacts-block3 h4 { margin: 0; }
.contacts-block2 p:first-of-type, .contacts-block3 p:first-of-type { margin: 0 0 4px; }

.content-page[data-item="contacts"] .social-links { margin: 76px 0 120px; }

.map-block { position: relative; width: 980px; margin: 0 auto; padding: 20px; background: #eaeaea; }
#map { width: 938px; height: 510px; }

/* PRODUCT */

/*.rub:after { display: inline-block; font-size: inherit; line-height: 7px; border-bottom: 1px solid #1d2122; width:0.4em; content: 'Р'; margin-left: 4px;  }*/
.rub:after {content: '';display: inline-block;height: 11px;width: 8px;background: url(../../../../media/img/rub.svg) no-repeat 0 0;background-size: 100% auto;margin-left: 4px;}
.tablet .rub:after {width: 7px;height: 10px;}
.phone .rub:after {width: 7px;height: 10px;}
.phone td .rub:after {width: 6px;height: 9px;}
.product-wrapper dd .rubpic { height: 16px; margin-left: 4px;}
p.order-total .rubpic { height: 16px; margin-left: -16px;}
.tablet p.order-total .rubpic, .tablet .product-wrapper dd .rubpic {height: 15px;}
.order-block .rubpic { height: 11px; margin-left: 4px;}

.order-block td .rubpic {vertical-align: baseline;height: 11px;}

.product { width: 982px; margin: 0 auto; padding-left: 332px; position: relative; }
.product     small { display: block; font-size: 15px; line-height: 1.666; color: #6c6c6c; margin-top: 9px; }
.product p + small { margin-top: 15px; }
.product        p { font-size: 20px; color: #1d2122; line-height: 1.5; margin-top: 10px; }
.product-link + p { margin-top: 44px; }
.product              h2 { font-family: 'trivia_slab_mediumregular'; font-size: 30px; color: #010101; line-height: 1.333; font-weight: 500; margin-top: 70px; }
.product h1 + small + h2 { margin-top: 8px; }
.product [data-left="83"] { margin-left: 83px !important; }

[data-marker] { position: relative; }
[data-marker]:before { position: absolute; content: attr(data-marker); width: 100px; left: -110px; text-align: right; font-family: "Open Sans", Verdana, "Geneva CY", "DejaVu Sans", sans-serif; font-weight: 300; font-size: 8px; color: #dcdcdc; }
small[data-marker]:before { top: 8px; }
h2[data-marker]:before { top: 20px; }
em[data-marker]:before { top: 6px; }
strong[data-marker]:before { top: 12px; }
.phone strong[data-marker]:before { top: 6px; }
p[data-marker]:before { top: 4px; }
.fs15[data-marker]:before { top: 2px; }
/*.phone .fs15[data-marker]:before { top: 1px; }*/
.mobile [data-marker]:before { display: none; }

.product [data-marker] { position: relative; }
.product [data-marker]:before { position: absolute; content: attr(data-marker); width: 100px; left: -110px; text-align: right; font-family: "Open Sans", Verdana, "Geneva CY", "DejaVu Sans", sans-serif; font-weight: 300; font-size: 8px; color: #dcdcdc; }
.product small[data-marker]:before { top: 8px; }
.product h2[data-marker]:before { top: 20px; }
.product p[data-marker]:before { top: 13px; }

.product-title { position: relative; left: -11px;}
.product-title svg { width:100%; height:100%; }
.product-title text { font-family: 'trivia_slab_blackregular', serif; font-size: 120px; font-weight: 400; }

.product-wrapper { background: #eaeaea; margin-top: 49px; margin-left: -32px; padding: 27px 0 36px 49px; display: inline-block}
.product-wrapper dl { display: inline-block; vertical-align: top; line-height: 1.2; }
.product-wrapper dl:nth-child(3n-2) { width: 218px; }
.product-wrapper dl:nth-child(3n-1) { width: 207px; }
.product-wrapper dl:nth-child(3n-0) { width: 164px; }
.product-wrapper dl:nth-child(n+4)  { margin-top: 26px; }
.product-wrapper dt { font-size: 13px; color: #6c6c6c; }
.product-wrapper dd { font-size: 20px; color: #181716; margin-top: 19px; }
.product-wrapper dd b { font-family: 'trivia_slab_mediumregular'; font-weight: 500; display: block; font-size: 22px; margin-bottom: -1px;}
.product-wrapper dd b.rub:after {line-height: 5px;}
.product-wrapper dd b:nth-child(n+2)  { margin-top: 24px; }

.product-link { display: inline-block; border: 2px solid #1d2122; font-size: 20px; color: #6c6c6c; text-decoration: none; line-height: 1.2; padding: 19px 52px 20px; position: relative; margin-top: 60px; }
.no-mobile .product-link:before { position: absolute; left: -2px; top: -2px; right: 100%; bottom: 100%; content: ""; background: url(../../../../media/img/salad-buttons-bg.png) left bottom no-repeat; visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
.product-link:after { background: white; left: 0; top: 0; right: 0; bottom: 0; position: absolute; content: ""; }
.no-mobile .product-link:hover { color: #6c6c6c; }
.no-mobile .product-link:hover:before { visibility: visible; right: -2px; bottom: -2px; }
.product-link b { font-family: 'trivia_slab_mediumregular'; font-weight: 500; color: #1d2122; font-size: 22px; }
.product-link span { position: relative; z-index: 1; }

.product-components { margin-top: 50px; }
.product-components li { list-style-type: none; width: 32%; display: inline-block; vertical-align: top; position: relative; text-align: center; padding: 0 40px; }
.product-components li:nth-child(n+4) { margin-top: 80px; }
.product-components li:before { position: absolute; content: ""; bottom: -14px; left: 50%; margin-left: -13.5px; width: 27px; height: 8px; background: #d5d5d5;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
.product-components li:hover:before { margin-left: -30px; width: 60px; }
.product-components span { display: block; height: 90px; line-height: 90px; }
.product-components img { vertical-align: middle; max-width: 136px; max-height: 90px; width: auto; height: auto; }
.product-components small { margin-top: 18px; line-height: 1.33; color: black; }

.content-page[data-item="product"] { padding-left: 415px; }
.content-page[data-item="product"] + .content-page[data-item="product"] { margin-top: 80px; }
.content-page[data-item="product"] .tech-block4 {padding-left: 0;}
.content-page[data-item="product"] .tech-block4 h4 { text-align: right; left: -395px; }
.content-page[data-item="product"] .tech-block4 p { margin-left: 0; }
.content-page[data-item="product"] .tech-block4 .content-links__item { margin-left: 14px; }

.product-image__wrapper { position: fixed; left: 50%; top: 210px; width: 980px; margin-left: -490px; }
.product-image { background-repeat: no-repeat; background-position: 0 -18125px; height: 625px; position: absolute; left: -3px; top: 0; width: 246px; }
.product-preloader { background: url(../../../../media/img/bottle.gif) left  top no-repeat; height: 625px; position: absolute; left: -3px; top: 0; width: 246px;}
.__is-cloth .product-preloader {background-image: url(../../../../media/img/wipes.gif);}

.product-prev { position: fixed; left:  20px; top: 176px; background: url(../../../../media/img/product/prev.svg) left  top no-repeat; background-size: 60px 52px; width: 60px; height: 52px; text-decoration: none; text-align: center; line-height: 54px; font-family: 'trivia_slab_lightregular'; font-size: 20px; color: #6c6c6c; padding-left:  4px; border-bottom: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
.product-next { position: fixed; right: 20px; top: 176px; background: url(../../../../media/img/product/next.svg) right top no-repeat; background-size: 60px 52px; width: 60px; height: 52px; text-decoration: none; text-align: center; line-height: 54px; font-family: 'trivia_slab_lightregular'; font-size: 20px; color: #6c6c6c; padding-right: 4px; border-bottom: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
.product-prev:hover { font-family: 'trivia_slab_blackregular'; color: #000000; background: url(../../../../media/img/product/prev.svg) left  top no-repeat; }
.product-next:hover { font-family: 'trivia_slab_blackregular'; color: #000000; background: url(../../../../media/img/product/next.svg) right top no-repeat; }

.product-prev__text { position: fixed; left:  20px; top: /*61*/237px; color: #6c6c6c; font-size: 15px; line-height: 1.33; text-align: left;  width: 130px; opacity: 0; visibility: hidden;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease; }
.product-next__text { position: fixed; right: 20px; top: 237px; color: #6c6c6c; font-size: 15px; line-height: 1.33; text-align: right; width: 130px; opacity: 0; visibility: hidden;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease; }
.product-prev:hover + .product-prev__text { opacity: 1; visibility: visible; }
.product-next:hover + .product-next__text { opacity: 1; visibility: visible; }

/* CATALOG */
.catalog { width: 980px; margin: 0 auto; position: relative; }

.catalog-title { position: relative; }
.catalog-title svg { width:100%; }
.catalog-title text { font-family: 'trivia_slab_blackregular', serif; font-size: 110px; font-weight: 400; }
.catalog-title tspan { font-family: 'trivia_slab_blackregular', serif; font-size: 110px; font-weight: 400; }
.lang-ru .catalog-title text, .lang-ru .catalog-title tspan {font-size: 95px;}

.catalog-list { margin-left: -45px; margin-top: /*75px*/0; margin-bottom: 80px; position: relative; word-spacing: -.36em; }
.catalog-list__item { display: inline-block; vertical-align: top; width: 16.666%; text-align: center; margin-top: 85px; word-spacing: normal; }
.catalog-cloth .catalog-list__item {width: 20%;}
.catalog-list__item + .catalog-list__item { margin-left: -1px; }
.catalog-list__item a { text-decoration: none; position: relative; display: block; padding-top: 20px; padding-bottom: 21px; border-bottom: 0; background: none; }
.catalog-list__item a:before { position: absolute; content: ""; left: 0; right: -1px; top: 0; bottom: 100%; border: 2px solid transparent; border-width: 2px 2px 0 2px; visibility: hidden;
	-webkit-border-image: url(../../../../media/img/salad-hover-bg.png) 1;
	-moz-border-image: url(../../../../media/img/salad-hover-bg.png) 1;
	-o-border-image: url(../../../../media/img/salad-hover-bg.png) 1;
	border-image: url(../../../../media/img/salad-hover-bg.png) 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
.catalog-list__item a:after { position: absolute; content: ""; left: 0; right: -1px; top: 99%; bottom: 0; border: 2px solid transparent; border-width: 0 2px 2px 2px; visibility: hidden;
	-webkit-border-image: url(../../../../media/img/salad-hover-bg.png) 1;
	-moz-border-image: url(../../../../media/img/salad-hover-bg.png) 1;
	-o-border-image: url(../../../../media/img/salad-hover-bg.png) 1;
	border-image: url(../../../../media/img/salad-hover-bg.png) 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
.catalog-list__item a:hover { text-decoration: underline; background: none; }
.catalog-list__item a:hover:before { visibility: visible; bottom: 0; }
.catalog-list__item a:hover:after  { visibility: visible; top: 0; }
.catalog-list__item a * { position: relative; z-index: 1; }
.catalog-list__item img {width: 131px;}
.catalog-list__title { text-align: left; font-family: 'trivia_slab_mediumregular'; font-weight: 500; font-size: 30px; width: 90px; margin: 0 auto; color: #181716; line-height: 1.2; }
.catalog-list__description { text-align: left; width: 90px; margin: 0 auto; font-size: 13px; color: #6c6c6c; line-height: 1.38; }
.catalog-cloth .catalog-list__title, .catalog-cloth .catalog-list__description {width: 154px;}

.catalog-filter__text { float: left; width: 420px; line-height: 1.666; font-size: 15px; color: #6c6c6c; }
.catalog-filter__wrapper { float: right; text-align: right; position: relative; }
.catalog-filter__wrapper._fixed {
	position: fixed;
	width: 52%;
	padding-right: 9px;
	top: 22px;
	z-index: 11;
}
.catalog-filter__item { display: inline-block; vertical-align: top; width: 120px; height: 40px; cursor: pointer; position: relative; }
.catalog-filter__item .__animated-frame {display: inline-block; vertical-align: top; width: 120px; height: 40px; border: 2px solid black; position: relative; }
.catalog-filter__item .__animated-frame span { display: block; width: 116px; height: 36px; line-height: 35px; font-size: 15px; color: #6c6c6c; text-align: center; position: relative; z-index: 1; background: white; }
.catalog-filter__item + .catalog-filter__item { margin-left: 6px; }
.no-mobile .catalog-filter__item .__animated-frame:before { position: absolute; content: ""; left: -2px; top: -2px; right: 100%; bottom: 100%; background: url(../../../../media/img/salad-btn-hover.png) left top no-repeat; visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
.no-mobile .catalog-filter__item .__animated-frame:after { position: absolute; content: ""; left: 0; top: 0; right: 100%; bottom: 100%; background: white; visibility: hidden; }
.no-mobile .catalog-filter__item:hover .__animated-frame:before { visibility: visible; right: -2px; bottom: -2px; }
.no-mobile .catalog-filter__item:hover .__animated-frame:after  { visibility: visible; right: 0;    bottom: 0; }

.catalog-filter__item.__active { background: url(../../../../media/img/salad-btn-hover.png) right top no-repeat; color: #fff; }
.catalog-filter__item.__active .__animated-frame, .catalog-filter__item.__active .__animated-frame span {border-color: transparent;background: none;color: #fff;}
.catalog-filter__item.__active .__animated-frame:before, .catalog-filter__item.__active .__animated-frame:after {display: none;}

.content-page[data-item="catalog"] { margin-top: 120px; padding-left: 415px; }
.content-page[data-item="catalog"] + .content-page[data-item="product"] { margin-top: 80px; }
.content-page[data-item="catalog"] .tech-block4 { margin-left: -35px; padding-left: 0;}
.content-page[data-item="catalog"] .tech-block4 h4 { text-align: right; left: -395px; }
.content-page[data-item="catalog"] .tech-block4 p { margin-left: 0; }
.content-page[data-item="catalog"] .tech-block4 .content-links__item { margin-left: 14px; }

/* PAGE ORDER */

.content-page[data-item="order"] { padding-left: 230px; padding-right: 250px; }
.text-page-wrapper[data-item="order"] .page-title__wrapper { padding-bottom: 9px; }

.order-block { position: relative; width: 855px !important; margin: 0 auto; left: 35px !important;}
.order-list { margin-top: 72px; color: #181716; line-height: 22px; }
.order-list__inner { padding: 20px; background: #eaeaea; }
.order-list__section.__active { padding-bottom: 17px; background: #fff; }
.order-list__title { padding: 30px 28px 28px 24px; }
.order-list__section:first-of-type .order-list__title { padding-top: 10px; }
.order-list__section:last-of-type .order-list__title { padding-bottom: 8px; }
.order-list__section.__active .order-list__title { padding-top: 28px; padding-bottom: 20px;}
.order-list__title .title { position: relative; float: left; line-height: 24px; font-family: "trivia_slab_mediumregular", serif; font-size: 30px; }
.order-list__title .title:after { content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; border-bottom: 2px dashed #000; display: none; }
.order-list__title .title:hover:after { border-color: #000; display: block; }
.__active .order-list__title .title:after { display: none; }
.order-list__title .total { float: right; margin-top: 1px; width: 135px; text-align: right; }
.order-list__title .total:before { content: "$"; }
.lang-ru .order-list__title .total:before { content: ""; }

.order-list__section table { width: 100%; table-layout: fixed; }
.order-list__section table th { padding: 0 20px 17px 0; text-align: left; line-height: 12px; font-size: 12px; font-weight: normal; color: #6c6c6c; }
.order-list__section table th:nth-of-type(5) { text-align: right; }
.order-list__section table td { padding: 10px 20px 10px 0; min-height: 79px; vertical-align: middle; }
.order-list__section table .col1 { width: 141px; }
.order-list__section table .col2 { width: 357px; }
.order-list__section table .col3 { width: 100px; }
.order-list__section table .col4 { width: 110px; }
.order-list__section table td:nth-of-type(1) { text-align: center; padding-top: 5px; padding-right: 25px; padding-left: 9px; min-height: 64px; }
.order-list__section table td:nth-of-type(2) { padding-right: 20px; }
.order-list__section table td:nth-of-type(2) a {text-decoration: none; background: none; color: inherit; }
.order-list__section table td:nth-of-type(2) a:hover {color: #46aac5;
	text-decoration: none !important;
	background: -moz-linear-gradient(left, #46aac5, #46aac5 90%);
	background: -ms-linear-gradient(left, #46aac5, #46aac5 90%);
	background: -o-linear-gradient(left, #46aac5, #46aac5 90%);
	background: -webkit-gradient(linear, 0 0, 90% 0, from(#46aac5), to(#46aac5));
	background: -webkit-linear-gradient(left, #46aac5, #46aac5 90%);
	background: linear-gradient(left, #46aac5, #46aac5 90%);
	background-position: 0 90%;
	background-size: 10px 1px;
	background-repeat: repeat-x;}
.order-list__section table td:nth-of-type(4) {padding-top: 20px;padding-bottom: 20px;}
.order-list__section table td:nth-of-type(5) {padding-right: 10px; text-align: right; }
.order-list__section table td:nth-of-type(5):before {content:"$";}
.lang-ru .order-list__section table td:nth-of-type(5):before {content:"";}
.order-list__section table .__active td { background: #f3f3f3; }
.order-list__section table tr:hover td { background: #eaeaea; }

.order-list__section table td .num-wrapper { text-align: left; padding-left: 0px; }
.order-list__section table td .img-container {
	display: inline-block;
	width: 60px;
	height: 60px;
	text-align: center;
}
.order-list__section table td img {
	vertical-align: middle;
	height: 60px;
}

.order-list small, .order-list small a { display: block; line-height: 18px; font-size: 12px; color: #6c6c6c; }
.order-list__section .num { font-family: "trivia_slab_mediumregular", serif; font-size: 20px; }
.order-block .field-qty { margin-left: -31px; white-space: nowrap; user-select: none; }
.order-block input.qty { padding: 0 6px;  width: 70px; vertical-align: middle; border-radius: 0;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.order-block .minus, .order-block .plus { display: inline-block; width: 31px; height: 40px; border: 2px solid transparent; text-align: center; vertical-align: middle; font-family: arial, helvetica, sans-serif; color: #000; cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; }
.order-block .minus *, .order-block .plus * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.order-block .minus { border-width: 2px 0 2px 2px; line-height: 32px; }
.order-block .plus { border-width: 2px 2px 2px 0; line-height: 36px; }
.order-block .minus:hover, .order-block .plus:hover { background: url(../../../../media/img/salad-btn-hover.png) right top no-repeat; border-color: #d5d5d5; color: #fff; }
.order-block .order-total { margin: 56px 51px 55px 0; text-align: right; }
.order-block .order-total .int:before { content: "$"; }
.lang-ru .order-block .order-total .int:before { content: ""; }
.order-block .order-total b, .content-page .order-total b { font-family: "trivia_slab_mediumregular", serif; font-size: 22px; font-weight: normal; color: #1d2122; padding-right: 22px; }
.order-block .content-links__item { display: block; margin: 0 auto !important; width: 265px; }

/* ORDER TABS */

.model-menu-holder { position: fixed; top: 0; z-index: 30; width: 100%; }
.model-menu__item { position: fixed; border-top: 1px solid #a1d4e3; bottom: 0; background: #46aac5; width: 100%; font-size: 14px; line-height: 29px; color: rgba(255,255,255,0.5); text-align: center; cursor: pointer; }
.model-menu__item:hover {color: #ffffff;}

.model-menu__item_bottom:nth-of-type(1) { margin-bottom: 60px; display: none;}
/*.model-menu__item_bottom:nth-of-type(2) { margin-bottom: 30px; }*/
.model-menu__item_bottom:nth-of-type(2) { margin-bottom: 0; }

/* FORM */

.block-form {position: relative; width: 880px; margin: -30px auto 0; left: 52px;}
.block-form__inner, .order-form__inner { margin-bottom: 30px; padding: 20px; background: #eaeaea; }
.block-form__wrapper, .order-form__wrapper { padding: 26px 29px 16px; background: #fff; }
.block-form small, .block-form small a { display: block; line-height: 18px; font-size: 15px; color: #6c6c6c; }
.form-row { margin: 0 0 36px; }
.form-row:last-of-type {margin-bottom: 8px;}
.form-row label { float: left; }
.form-row label:nth-of-type(2) { float: right; }
.block-form input.text-field { margin-top: 12px; width: 335px; padding: 0 12px; }
.form-row label:nth-of-type(2) input.text-field {width: 424px;}
.block-form textarea.text-field { margin-top: 12px; width: 782px; height: 240px; padding: 3px 12px; }
span.error { font-size: 12px; color: #d75252; line-height: 12px; }
.block-form .content-links__item {display: block; margin: 0 auto !important; width: 265px;}

.success-block .content-links { margin: 50px auto 0; min-width: 755px; max-width: 980px; text-align: center; }
.success-block .content-links__item, .block-404 .content-links__item {text-align: left;height: auto; width: 185px;margin: 0 10px;vertical-align: top;}
.success-block .content-links__item span, .block-404 .content-links__item span {height: 100px; line-height: 30px;padding: 18px 10px 17px 25px;display: table-cell;vertical-align: middle;width: 185px;}
.lang-ru .success-block .content-links__item span, .lang-ru .block-404 .content-links__item span {height: 106px;display: table-cell;vertical-align: middle;width: 181px;line-height: 22px;}


/* ORDER FORM */

.order-form { margin-top: 55px; }
.order-form__title { padding: 10px 0 28px; line-height: 24px; font-family: "trivia_slab_mediumregular", serif; font-size: 30px; }
.order-form__inner { margin-bottom: 40px; }
.order-form .form-row { margin: 0 0 26px; }
.order-form input.text-field { margin-top: 12px; width: 303px; padding: 0 12px; }
.order-form .form-row label:nth-of-type(2) input.text-field { width: 424px; }
.order-form .address-row input.text-field { width: 596px; }
.order-form textarea.text-field { margin-top: 12px; width: 757px; height: 40px; padding: 3px 12px; }
.order-success { position: relative; display: block; margin: 84px auto 76px; }
.link-success { display: block; margin: 0 auto !important; width: 286px; }

.content-page[data-item="404"] h1 {padding-bottom: 0;}
.content-page[data-item="404"] h1 svg {display: block; margin: 0 auto;width: 256px;text-align: center;}
.content-page[data-item="404"] {padding-left: 0;}
.block-404 { margin: -5px 0 0; text-align: center; min-width: 755px;}
.block-404 small { line-height: 30px; }
.block-404 .content-links {margin-top: 41px;}


/*video::-webkit-media-controls-fullscreen-button {
    display: none;
}*/
video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-timeline {}
video::-webkit-media-controls-current-time-display{}
video::-webkit-media-controls-time-remaining-display {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-toggle-closed-captions-button {}
video::-webkit-media-controls-volume-slider {}

.video { margin-left: 0px; min-height: 100%; min-width:100%; width: 569px; height: auto; display:none;}
.video._show {display:block}

/* FOOTER */

.footer {position: relative; line-height: 1.2em; font-size: 13px; color: #000; }
.footer-wrapper { width: 100%; background: #f3f3f3; }
.footer-inner {position: relative; width: 980px; margin: 0 auto; padding: 39px 0 27px; }
.footer .social-links { width: 980px; margin: 0 auto 66px; padding-left: 415px;/* left: -8px;*/ }
.footer__copyright { float: left; }
.footer-nav { float: left; width: 570px; margin: -7px 0 0 94px;}
.lang-ru .footer-nav { margin-left: 74px; }
.footer-nav__col { float: left; margin-right: 60px; max-width: 170px; }
.footer-nav__col:first-of-type { margin-right: 105px; }
.footer-nav__col:nth-of-type(3) {margin-right: 0;}
.lang-ru .footer-nav { width: 600px; }
.lang-ru .footer-nav__col:first-of-type { margin-right: 70px; }
/*.lang-ru .footer-nav__col { margin-right: 60px; }*/
.lang-ru .footer-nav__col:nth-of-type(3) { max-width: 260px; margin-right: 0; }
.footer-nav__title { color: #46aac5; }
.footer-nav__links { font-size: 15px; }
.footer-nav__links li { padding: 7px 0 8px; }
/*.lang-ru .footer-nav__links li {line-height: 1.3em;font-size: 13px;}*/
.footer-nav__links li a { color: #000; text-decoration: none; }
.footer-nav__links li a:hover { color: #46aac5; }
.footer__wow { float: right; padding-top: 0; }
.footer__wow a { background: none !important; }
/*.lang-ru .footer__wow a {position: relative; top: 1px;}*/

.preloader { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #f3f3f3; z-index: 100500; overflow: hidden; }
.preloader3 { position: fixed; left: 0; bottom: 0; right: 0; height: 0; background: #ffffff; z-index: 100500; overflow: hidden; }
.preloader__stripe { position: fixed; left: 0; top: 50%; right: 0; height: 2px; margin-top: -1px; background-size: 100% 2px; background-position: center center; }
.preloader-white { position: absolute; width: 50%; top: 0; height: 2px; background: #f3f3f3; }
.preloader-white[data-white="left"] { left: 0; }
.preloader-white[data-white="right"] { right: 0; }

.stop-scrolling { height: 100%; overflow: hidden; }
.error-block {color: #d75252; font-size: 15px; padding-top: 10px; text-align: center;}
.error-block.success {color: #46aac5;}
.hidden {display: none;}

/* SMALL SCREENS */

@media only screen and (max-width: 1020px) {
	.header-logo__wrapper, .footer__copyright { margin-left: 30px; }
	.top-nav__outer .close {right: 30px;}
    .header-switch {margin-right: 30px;}
}

@media only screen and (max-height: 880px) {
	/*.header-logo__wrapper { width: 550px; }
    .lang-ru .header-logo__wrapper { width: 480px; }*/
	.bottle-pic.__small { -moz-transform: scale(.7); -ms-transform: scale(.7); -webkit-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7); }
}

@media only screen and (max-height: 810px) {
	.header-wrapper { top: 40px; }
	/*.header-logo__wrapper { width: 500px; }
    .lang-ru .header-logo__wrapper { width: 400px; }*/
}

@media only screen and (max-height: 750px) {
	.header-wrapper { top: 30px; }
	/*.header-logo__wrapper { width: 450px; }
    .lang-ru .header-logo__wrapper { width: 320px; }*/
	.bottle-pic.__small { -moz-transform: scale(.65); -ms-transform: scale(.65); -webkit-transform: scale(.65); -o-transform: scale(.65); transform: scale(.65); }
	.bottle-pic { -moz-transform: scale(.9); -ms-transform: scale(.9); -webkit-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }
}

@media only screen and (max-height: 670px) {
	.header-wrapper { top: 20px; }
	/*.header-logo__wrapper, .lang-ru .header-logo__wrapper { width: 285px; }*/
	.bottle-pic.__small { -moz-transform: scale(.6); -ms-transform: scale(.6); -webkit-transform: scale(.6); -o-transform: scale(.6); transform: scale(.6); }
}

@media only screen and (max-height: 550px) {
	.header-wrapper { top: 10px; }
	/*.header-logo__wrapper, .lang-ru .header-logo__wrapper { width: 280px; }*/
	.bottle-pic.__small { -moz-transform: scale(.5); -ms-transform: scale(.5); -webkit-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); }
	.bottle-pic { -moz-transform: scale(.8); -ms-transform: scale(.8); -webkit-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); }
}

@media only screen and (max-width: 980px) {
	.tech-block4 {padding-left: 0; }
	.tech-block4 h4 { position: static; margin-bottom: 5px;text-align: left !important;}
	.tech-block4 p {margin-left: 0; float: none;}
	.tech-block4 .content-links__item {margin: 25px 0 0 !important; float: none;}
}

/* MOBILE */

html.mobile, .mobile body, .mobile .header-wrapper, .mobile .top-nav__wrapper, .mobile .top-nav, .mobile .footer .mobile .social-links, .mobile .footer-inner, .mobile .footer .social-links, .mobile .page-title__wrapper, .mobile .content-page {width: 100%;}
.mobile body {min-width: 100%;}
.mobile .bg {z-index: -1;}
.phone .bg { position: absolute; }
html.mobile[data-page="product"] .bg {display: none;}
.phone .main-bottle, .tablet .bottle-pic2, .mobile .menu-bottle {display: none !important;}
.phone .header {background: #f4f4f4;height: auto; padding-bottom: 35px;}
.phone .header-right {margin-top: 0;}
.phone .header-logo__wrapper {width: 71px !important;margin-left: 10px;}
.phone .header-logo._black {opacity: 1;}
.phone .header-sandwich { margin-left: 14px; margin-top: 2px; }
.mobile .header-switch {margin-right: 30px;}
.phone .header-switch {margin-right: 10px;margin-top: -6px;font-size: 13px;}
.phone.lang-ru .header-switch {line-height: 30px;}
.mobile .top-nav__wrapper {padding: 30px;}
.mobile .top-nav__outer {height: auto; overflow-y: scroll; padding-top: 50px;bottom: 0;min-height: 100%;}
.mobile .top-nav__outer .close {top: 17px;right: 27px;position: fixed;}
.mobile .top-nav__col {display: block; width: 45%;margin: 0 0 10px;float: left;}
.phone .top-nav__col { width: 100% !important; margin: 0; }
.phone .top-nav__col ul { margin-top: 0; }
.mobile .top-nav__col:first-of-type {margin-right: 5%;}
.phone.lang-ru .top-nav { font-size: 15px; }

.phone .slide-section {margin-bottom: 50px;}
.phone .content-item strong {font-size: 26px;line-height: 36px;}
.phone .content-item h2 {width: 100%; margin-bottom: 30px;}
.phone .content-item h2 svg {width: 100%;height: 120px;}
.phone .content-item h2 svg text {font-size: 80px;}
.phone.lang-ru .content-item h2 { margin-bottom: 20px; }
.phone.lang-ru .content-item h2 svg {width: 100%;height: 60px;}
.phone.lang-ru .content-item h2 svg text {font-size: 38px;}
.phone .mobile-pic {display: block;width: 100%;margin-bottom: 30px;}
.phone.lang-ru .content-item em { line-height: 31px; font-size: 28px; }
.phone.lang-ru .content-item h3, .phone.lang-ru .content-page h3 {line-height: 30px;font-size: 30px;}
.phone .header-btn { /*clear: right;*/ display: block; padding: 0 5px; margin: -6px 5px 0 0; font-size: 13px; height: 30px; line-height: 27px; }

.phone .content-item {width: 80%; padding-left: 0;padding-right: 0;margin-bottom: 0;}
.phone .content-item .content-links {width: 100%; min-width: 1px !important;margin-left: 0 !important;}
.phone .main-page-wrapper .content-item .content-links__item {display: block;margin: 0 auto 20px;width: 100%;height: auto;}
.phone .main-page-wrapper .content-links__item span {height: auto; line-height: 24px;width: 100%;padding: 10px 5px 10px;}
.phone .section-pic { display: none; }
.phone.lang-ru .content-item[data-item="how-it-works"] h2, .phone.lang-ru .content-item[data-item="why-work-with-Salad"] h2 { margin-left: 0; }
.phone .content-item[data-item="salad"] {padding-left: 0;padding-top: 70px;}
.phone .content-item[data-item="salad"] .content-links__item { text-align: center; width: 100%; float: none; }
.phone .content-item .content-links__item:last-of-type {margin-bottom: 0;}
.mobile .content-item[data-item="salad"] .text p:nth-of-type(1), .mobile  .content-item[data-item="salad"] .text p:nth-of-type(2) { float: none; width: auto; display: none; }
.phone.lang-ru .content-item[data-item="salad"] .content-links__item:nth-of-type(1) span, .phone.lang-ru .content-item[data-item="salad"] .content-links__item:nth-of-type(2) span {text-align: center;}
.phone .content-item[data-item="who-gets-the-profit"] {margin-bottom: 20px;}
.phone .content-item[data-item="who-gets-the-profit"] h2 text, .phone .content-item[data-item="why-work-with-Salad"] h2 text {font-size: 50px;}
.phone .content-item[data-item="who-gets-the-profit"] h2 text, .phone .content-item[data-item="why-work-with-Salad"] h2 text {font-size: 66px;}
.phone.lang-ru .content-item[data-item="who-gets-the-profit"] h2 text, .phone.lang-ru .content-item[data-item="why-work-with-Salad"] h2 text {font-size: 40px;}
.phone .content-item[data-item="who-gets-the-profit"] h2 svg, .phone .content-item[data-item="why-work-with-Salad"] h2 svg {height: 100px;}
.phone .content-item[data-item="why-work-with-Salad"] { margin-bottom: 0; }
.phone .content-item[data-item="why-work-with-Salad"] .content-links__item {margin-bottom: 20px; }
.phone .content-item[data-item="why-work-with-Salad"] .text-slide1 .content-links__item b {display: block;}
.phone .content-item[data-item="why-work-with-Salad"] .text-slides {width: 100%;}
.phone .content-item[data-item="why-work-with-Salad"] .text-slide2 {display: block;width: 100%;}
.phone .content-item[data-item="who-we-are"] p, .phone .content-item[data-item="who-we-are"] small, .mobile .content-item[data-item="who-we-are"] em,
/*.phone .content-item[data-item="why-work-with-Salad"] em, .phone .content-item[data-item="why-work-with-Salad"] p {margin-left: 10%;}*/
.phone.lang-ru .content-item[data-item="how-it-works"] { margin-bottom: 0; }
/*.phone .content-item[data-item="how-it-works"] p, .phone .content-item[data-item="how-it-works"] small {margin-left: 10%;}*/
.phone .content-item[data-item="how-it-works"] .content-links .content-links__item i {display: none;}
.phone .content-item[data-item="how-it-works"] .text-slides, .phone .content-item[data-item="why-work-with-Salad"] .text-slides {height: auto;overflow: auto;}
.phone .content-item[data-item="how-it-works"] .text-slide2 {display: block;}
.phone .content-item[data-item="how-it-works"] h3 {margin-bottom: 48px;}
.phone.lang-ru .content-item[data-item="how-it-works"] .content-links .content-links__item, .phone.lang-ru .content-item[data-item="why-work-with-Salad"] .content-links__item:first-of-type {width: 100%;}
.phone.lang-ru .content-item[data-item="how-it-works"] h3 { font-size: 30px; line-height: 33px; margin: 20px 0; }
.phone .content-item ul.cols-list {margin: 0;}
.phone .content-item ul.cols-list li {display: block;margin: 0 0 25px;width: 100%;}
.phone .content-item ul.marked-list {margin-left: 45px;}
.phone .content-item[data-item="why-work-with-Salad"] h2 { margin-bottom: 0; }
.phone .content-item[data-item="why-work-with-Salad"] .marked-list li { line-height: 18px; }
.phone .content-item[data-item="why-work-with-Salad"] .marked-list h4 { margin-bottom: 0; }

.phone .video-cont { width: 120%; margin-left: -10%; }
.phone .video-wrapper { width: 300px; height: 172px; /*width: 120%; height: auto;*/ margin: 22px auto 0 /*-22px*/; border-width: 5px; }
.phone .video { width: 100%; }
.phone .video-wrapper .play-btn { top: 50%; }

.phone .main-components { margin-left: 0; width: 100%; margin-bottom: -30px; }
.phone .main-components li { display: block; width: 100%; margin-left: 0; padding-left: 0; }
.phone .main-components__item img { position: static; width: 70%; display: block; margin: 15px auto -20px; }

.phone .catalog-slider {margin-left: 0;width: 100%;height: auto;}
.phone .catalog-slider__item {float: none;width: 100%;padding-right: 0;margin-bottom: 30px;opacity: 1;}
.phone .catalog-slider__item img {position: static;display: block;margin: 0 auto;-webkit-filter: saturate(1); filter: saturate(1);}
.phone .catalog-slider__item h3 {margin-top: 10px;}

.mobile .social-links a { display: inline-block; margin: 0 8% 20px 0; width: 50px; height: 50px; }
.mobile .social-links a i { display: none; }
.mobile .social-links a em { width: 26px; margin: 0; }
.phone .social-links a:last-of-type {margin-right: auto;}
.mobile .footer {right: 0 !important;}
.mobile .footer-inner {padding: 20px 0 0;height: 50px;}
.mobile[data-page="main"] .footer-inner {height: 90px;}
.mobile .footer .social-links {padding-left: 250px; left: 0; }
.phone .footer .social-links { padding-left: 10%; }
.mobile .social-links__title {position: static; margin: 0 0 30px;line-height: 32px; white-space: normal;}
.mobile .footer__copyright, .mobile .footer__wow {float: none; text-align: center; margin-left: 0; }
.mobile .footer__wow { margin-top: 20px; }
.mobile .footer-nav { display: none; }

html.mobile .hFooter {height: 50px;}
html.mobile .footer { margin-top: -50px; height: 50px; }
html.mobile[data-page="main"] .hFooter {height: 90px;}
html.mobile[data-page="main"] .footer { margin-top: -90px; height: 90px; }
html.mobile .footer .footer-wrapper {height: auto;}

.phone .header__small .header-wrapper {top: 20px;}
.phone[data-page="main"] .header-wrapper {top: 20px;}
.mobile .page-title__wrapper {top: -30px;padding-bottom: 10px;}
.mobile .page-title__wrapper svg {width: 90%;height: 110px;margin-left: 5%;}
.mobile .page-title__wrapper text {font-size: 50px;}
.phone.lang-ru .page-title__wrapper text {font-size: 35px;}
.mobile .text-page-wrapper {padding: 50px 0 50px;}
.mobile .content-page {padding: 0 10%;}
.phone .content-page {padding: 0 5%;}

.mobile .content-item .num, .mobile .content-page .num, .mobile .top-nav .num { display: none; }
.phone .content-item h3, .phone .content-page h3 { line-height: 36px; font-size: 36px; }

.mobile .about-block1, .mobile .about-block2 {width: 100%;margin: 0 0 20px;}
.mobile .team__item {padding: 0;margin-bottom: 50px;}
.phone .team__pic {position: static; width: 100% !important; margin: 0 0 20px;max-width: 290px !important;}
.mobile .tech-block1, .mobile .tech-block2, .mobile .tech-block3, .mobile .tech-block4, .mobile .business-bt-block {width: 100%;margin: 0 0 20px;}
.mobile .business-bt-block {padding: 0 10%;margin-top: 50px;}
.phone .business-bt-block {padding: 0 5%;}
.mobile .tech-block4 h4, .mobile .tech-block4 p, .mobile .business-bt-block h4, .mobile .business-bt-block p {width: 100%;margin-left: 0;}
.mobile .business-bt-block .content-links__item {margin-left: 0;}
.mobile .dashed-list {margin-left: 10%;}
.phone .content-page[data-item="about"] { margin-bottom: 20px; }
.phone .content-page[data-item="team"] { margin-top: 10px; }
.phone .page-company .page-title__wrapper { padding-bottom: 0; margin-bottom: -20px; }
.phone.lang-ru .page-order .page-title__wrapper, .phone.lang-ru .page-contacts .page-title__wrapper, .phone.lang-ru .page-company .page-title__wrapper, .phone.lang-ru .page-technology .page-title__wrapper, .phone.lang-ru .page-care .page-title__wrapper { margin-top: -30px; }
.phone.lang-ru .page-order .page-title__wrapper { margin-bottom: -20px; }

.mobile .pic-tech1, .mobile .pic-tech2 {position: static;}
.phone .pic-tech1, .phone .pic-tech2 {width: 100%;}
.mobile .tech-block1 p, .mobile .tech-block2 p {margin-left: 0 !important;margin-right: 0 !important;}
.mobile .pic-care1, .mobile .pic-care2, .mobile .pic-care3, .mobile .pic-care4 {position: static;}
.phone .pic-care1, .phone .pic-care2, .phone .pic-care3, .phone .pic-care4 {width: 100%;}
.mobile .care-block1, .mobile .care-block2, .mobile .care-block3, .mobile .care-block4 {width: 100%;margin: 0 0 40px;}
.mobile .care-block1 p, .mobile .care-block2 p, .mobile .care-block3 p, .mobile .care-block4 p {margin-left: 0 !important;margin-right: 0 !important;}

.mobile .bss-block1, .mobile .bss-block2, .mobile .bss-block3, .mobile .bss-block4, .mobile .bss-block5, .mobile .bss-block6 {width: 100%; margin-bottom: 40px;}
.mobile .bss-block2, .mobile .bss-block4, .mobile .bss-block6 {margin-left: 0;}

.mobile .contacts-block1 {margin-bottom: 40px;}
.mobile .contacts-block2 {display: block; width: 100%; margin-right: 0; margin-bottom: 40px;}
.mobile .content-page[data-item="contacts"] .social-links {margin: 40px 0;}
.mobile .map-block, .mobile #map {width: 100%;}
.mobile .contacts-social { width: 100%; margin-top: 40px; padding-left: 0; text-align: center;}
.mobile .contacts-social a { float: none; }

.mobile .catalog {width: 80%;}
.phone .catalog {width: 90%;}
.mobile .catalog-title {top: 20px;margin-bottom: 10px;}
.mobile .catalog-title svg {width: 100%;height: 110px;margin-left: 0;}
.mobile .catalog-title text, .mobile .catalog-title tspan {font-size: 40px;}
.phone.lang-ru .catalog-title text, .phone.lang-ru .catalog-title tspan {font-size: 26px;}
.mobile .catalog-filter__wrapper {text-align: left;z-index: 9!important;display: none;}
.mobile .catalog-filter__item {margin-bottom: 10px;margin-left: 0;}
.mobile .catalog-filter__item:nth-of-type(even) {margin-left: 10px;}
.mobile .catalog-filter__text {width: 100%;}
.mobile .content-page[data-item="catalog"] .tech-block4 {margin-left: 0;}
.mobile .catalog-list {margin-left: 0;}
.phone .catalog-list {margin-top: 20px; margin-bottom: 40px;}
.mobile .catalog-list__item {width: 33.3%;margin-top: 0;}
.mobile .catalog-cloth .catalog-list__item {width: 27%; margin-left: 3%;margin-right: 3%;}
.phone.lang-ru .catalog-cloth .catalog-list__item {width: 42%; margin-left: 4%;margin-right: 4%;}
.mobile .catalog-list__item img {width: 100%;}
.mobile .catalog-list__title, .mobile .catalog-cloth .catalog-list__title,
.mobile .catalog-list__description, .mobile .catalog-cloth .catalog-list__description {width: 100%;}
.phone.lang-ru .catalog-list__description { font-size: 13px; }
.mobile .catalog-list__item a:before, .mobile .catalog-list__item a:after {display: none;}
.mobile .content-page[data-item="catalog"] {margin-top: 60px;}

.phone.lang-ru .product p {font-size: 18px;}
.phone .product h2 { margin-top: 20px; }
.mobile .product-image__wrapper {display: none;}
.mobile .product-prev, .mobile .product-next {top: 100px;}
.phone .product-prev, .phone .product-next {transform: scale(.8);}
.mobile .product-prev__text, .mobile .product-next__text {display: none;}
.mobile .product-prev {left: 1%;}
.mobile .product-next {right: 1%;}
.mobile .product {width: 80%;padding-left: 0;}
.phone .product { width: 90%; }
.mobile .product [data-left="83"] {margin-left: 0 !important;}
.mobile .product-title {top: -50px;margin-left: 15%;margin-bottom: -45px;}
.mobile .product-title + small {text-align: center;}
.mobile .product-title + small + h2 {text-align: center;}
.mobile .product-title svg {width: 90%;margin-left: 5%;}
.mobile .product-title text {font-size: 40px;}
.mobile .product-wrapper {display: block;margin-left: 0;padding: 27px 5%;}
.phone .product-wrapper { margin-top: 25px; }
.phone .product-wrapper dl {display: block;margin-bottom: 30px;width: 100% !important;}
.mobile .product-wrapper dl:last-of-type {margin-bottom: 0;}
.mobile .product-link[data-left="83"] {width: 250px;display: block;margin-left: auto !important;margin-right: auto;text-align: center;}
.mobile .product-components {}
.mobile .product-components li {padding: 0;}
.mobile .product-components li:nth-child(n+4) {margin-top: 20px;}
.mobile .product-components span { height: auto; }
.mobile .product-components img {/*transform: scale(.6);*/max-width: 100%;max-height: 900px;}
.mobile .product-components small {font-size: 12px; margin-top: 0;}
.mobile .product-components li:before {display: none;}
.mobile .content-page[data-item="product"] .social-links {margin-top: 40px;}

.mobile .order-block, .mobile .block-form/*, .tablet .order-block*/ {margin: 0 auto; width: 100% !important;left: 0 !important;}
.mobile .order-list__inner/*, .tablet .order-list__inner*/ {padding: 0;background: none;}
.mobile .order-list__title/*, .tablet .order-list__title*/ {padding-left: 5%;padding-right: 0;cursor: default;}
.phone .order-list__title .title {padding-right: 5%;}
.phone.lang-ru .order-list__title .title {font-size: 25px;}
.mobile .order-list__title .title:before/*, .tablet .order-list__title .title:before*/ {display: block;}
.mobile .order-list__title .title:hover:after/*, .tablet .order-list__title .title:hover:after*/ {display: none;}
.mobile .order-list__title .total/*, .tablet .order-list__title .total*/ {margin-top: 15px;text-align: right;padding-right: 2%;}
.phone .order-list__title .total {float: none;text-align: right;display: block;width: auto;margin-top: 30px;}
.mobile .order-list__section .table-wrapper/*, .tablet .order-list__section .table-wrapper*/ {display: block;}
.mobile .order-list__section table .col1/*, .tablet .order-list__section table .col1*/ { width: 11%; }
.mobile .order-list__section table .col2/*, .tablet .order-list__section table .col2*/ { width: auto; }
.mobile .order-list__section table .col3/*, .tablet .order-list__section table .col3*/ { width: 15%; }
.mobile .order-list__section table .col4/*, .tablet .order-list__section table .col4*/ { width: 28%; }
.mobile .order-list__section table .col5/*, .tablet .order-list__section table .col5*/ { width: 18%; }
.mobile .order-list__section table th/*, .tablet .order-list__section table th*/ {font-size: 10px;padding-bottom: 8px;}
.mobile .order-list__section table th:nth-of-type(5) {text-align: right;padding-right: 2%;}
.mobile .order-list__section table td/*, .tablet .order-list__section table td*/ {padding: 10px 0;font-size: 13px;}
.mobile .order-list__section table td:nth-of-type(1)/*, .tablet .order-list__section table td:nth-of-type(1)*/ {padding-left: 2%;}
.mobile .order-list__section table td:nth-of-type(2)/*, .tablet .order-list__section table td:nth-of-type(2)*/ {padding-left: 1%;padding-right: 1%;line-height: 1.2em;word-wrap: break-word;}
.mobile .order-list__section table td:nth-of-type(5)/*, .tablet .order-list__section table td:nth-of-type(5)*/ {padding-right: 2%;text-align: right;}
.mobile .order-list small, .mobile .order-list small a { font-size: 11px; }
.mobile .order-list__section .num/*, .tablet .order-list__section .num*/ {position: static;font-size: 15px;}
.mobile .order-list__section .num-wrapper/*, .tablet .order-list__section .num-wrapper*/ {display: table-cell;vertical-align: middle;}
.mobile .order-list__section .num-wrapper img/*, .tablet .order-list__section .num-wrapper img*/ {display: none;}
.mobile .order-block .field-qty/*, .tablet .order-block .field-qty*/ {width: 100%;margin-left: 0;}
.mobile .order-block input.qty/*, .tablet .order-block input.qty*/ {width: 40px;padding: 0 3px;text-align: center;}
.mobile .model-menu-holder {display: none;}

.mobile .order-form__wrapper, .mobile .block-form__wrapper/*, .tablet .order-form__wrapper*/ {padding: 20px 5% 1px;}
.mobile .form-row label/*, .tablet .form-row label*/ {float: none;display: block;}
.mobile .form-row label:nth-of-type(2)/*, .tablet .form-row label:nth-of-type(2)*/ {float: none;margin-top: 26px;}
.mobile .order-form input.text-field, .mobile .form-row label:nth-of-type(2) input.text-field,
.mobile .block-form input.text-field/*,
.tablet .order-form input.text-field, .tablet .form-row label:nth-of-type(2) input.text-field*/ {width: 100%;padding: 0 3px;}
.mobile .order-form textarea.text-field, .mobile .block-form textarea.text-field/*, .tablet .order-form textarea.text-field*/ {width: 100%;padding-left: 3px;padding-right: 3px;}

.mobile .order-success, .tablet .order-success {width: 95%;}
.mobile .block-404 {width: 100%;min-width: 1px;}
.mobile .success-block .content-links, .mobile .block-404 .content-links {width: 100%;max-width: 100%;min-width: 1px;margin: 40px auto 0;}
.phone .success-block .content-links .content-links__item, .phone .block-404 .content-links .content-links__item {text-align: center;width: 100%;margin: 0 0 20px;}
.phone .success-block .content-links .content-links__item span, .phone .block-404 .content-links .content-links__item span {text-align: center;width: 100%;display: block;height: auto;padding-left: 10px;padding-right: 10px;}

/* TABLET */

.tablet .bg { position: absolute; }
.tablet .header { background: rgba(244,244,244,0.7); position: absolute; }
/*html[data-page="main"].tablet .header {background: none;}*/
.tablet .header-wrapper { top: 30px; position: absolute; }
.tablet .header-logo__wrapper {width: 65%; }
.tablet .header__small .header-logo__wrapper {width: 71px;}
.tablet .header-logo__wrapper, .tablet .header-sandwich, .tablet .header-right { -moz-transition: none; -webkit-transition: none; transition: none; }
/*.tablet .header-sandwich, .tablet .header-right { position: fixed; }*/

.tablet .social-links a { margin-right: 4%; }

.tablet .content-item strong { font-size: 42px; line-height: 52px; }

.tablet .content-item[data-item="salad"] { padding-top: 250px; }
.tablet .content-item[data-item="salad"] .content-links { min-width: 1px; }
.tablet .content-item[data-item="salad"] .content-links__item { display: block; width: 100%; text-align: center; margin-bottom: 5px; float: none; }
.tablet .content-item[data-item="salad"] .content-links__item br {display: none;}
.tablet .content-item[data-item="salad"] .section-pic { width: 260px; left: -52px; }
.tablet .content-item[data-item="salad"] .text p:nth-of-type(1), .tablet  .content-item[data-item="salad"] .text p:nth-of-type(2) { float: none; width: auto; }
.tablet .content-item[data-item="salad"] .content-links__item:nth-of-type(3) { margin-top: 0; }

/*.tablet.lang-ru .content-item h2 text {font-size: 100px;}*/
/*.tablet .content-item[data-item="who-gets-the-profit"] h2 text, .tablet .content-item[data-item="why-work-with-Salad"] h2 text {font-size: 95px;}*/

.tablet .catalog-slider { margin-left: 0; }
.tablet .catalog-slider__item { width: 520px; padding-right: 300px; }
.tablet .catalog-slider__item img {left: -240px;}

.tablet.lang-ru .content-item h2 { margin-left: -220px !important; }
.tablet .content-item[data-item="whats-inside"] h2 { margin-left: 250px; }
.tablet.lang-ru .content-item[data-item="whats-inside"] h2 { margin-left: 30px !important; }
.tablet.lang-ru .content-item h2 text { font-size: 105px; }
.tablet .content-item[data-item="how-it-works"] .text-slides {height: 310px}
.tablet .content-item[data-item="why-work-with-Salad"] .text-slides {width: 520px;}
.tablet .content-item[data-item="how-it-works"] h2 { margin: 0; }
.tablet[data-orientation="landscape"] .content-item[data-item="how-it-works"] .text-slides {height: 300px;}
.tablet[data-orientation="portrait"]   .content-item[data-item="how-it-works"] .text-slides {height: 390px;}
.tablet .video-wrapper { width: 730px; height: 430px; margin-left: -230px; }
.tablet .video { width: 100%; }
.tablet .content-item[data-item="why-work-with-Salad"] .text-slides {height: 280px;}
.tablet .content-item[data-item="why-work-with-Salad"] svg, .tablet .content-item[data-item="whats-inside"] svg { width: auto; }
.tablet .content-item[data-item="why-work-with-Salad"] .section-pic { width: 270px; top: 170px; left: 0; }
.tablet .content-item[data-item="whats-inside"] { overflow: hidden; padding-left: 0; padding-right: 0; }
.tablet .main-components { margin-left: -80px; padding-left: 10%; padding-right: 10%; }
.tablet .main-components li { display: block; margin-left: 100px; }
.tablet .content-item[data-item="whats-inside"] .content-links { /*text-align: center;*/position: relative; margin-left: 250px; padding-left: 0; }

.tablet .content-item[data-item="who-we-are"] p,
.tablet .content-item[data-item="who-we-are"] small,
.tablet .content-item[data-item="who-we-are"] em { margin-left: 85px; }

.tablet .content-item ul.cols-list {margin-left: 0;}
.tablet .content-item ul.cols-list li {width: 33.3%;padding-right: 2%;}
/*.tablet.lang-ru .content-item ul.cols-list li {font-size: 13px;line-height: 20px;}*/
.tablet .content-item ul.cols-list li:last-child {padding-right: 0;}

.tablet .header-logo__wrapper { margin-left: 30px; }
.tablet .top-nav__outer .close {right: 30px;}
.tablet .bottle-pic1.__small {transform: scale(0.6);}
.tablet .content-item {width: 100%;/*padding-left: 10%;*/padding-right: 10%;padding-left: 250px;}

.mobile .text-page-wrapper {padding-top: 80px;}
.tablet .page-title__wrapper svg {height: 120px;}
.tablet .page-title__wrapper text {font-size: 80px;}
.tablet .catalog-title svg {height: 180px;}
.tablet .catalog-title text, .tablet .catalog-title tspan {font-size: 80px;}
.tablet.lang-ru .catalog-title text, .tablet.lang-ru .catalog-title tspan {font-size: 60px;}
.tablet .tech-block4 p, .tablet .business-bt-block p {width: 50%;}
.tablet .business-bt-block .content-links__item {width: 45%;float: right;}

.tablet .team__item {padding-left: 45%;}
.tablet .team__pic {left: -10%;width: 45% !important;}

.tablet .pic-tech1, .tablet .pic-tech2, .tablet .pic-care1, .tablet .pic-care2, .tablet .pic-care3, .tablet .pic-care4 {float: right;margin: 0 0 10px 20px;}

.tablet .map-block {width: 90%;}

.tablet .catalog-list__item {width: 25%;}
.tablet .catalog-cloth .catalog-list__item {width: 21%;margin-left: 2%;margin-right: 2%;}
.tablet .catalog-list__item .catalog-list__description {padding-right: 7%;}

.tablet .product-title svg {height: 150px;}
.tablet .product-title text {font-size: 100px;}
.tablet .product-wrapper dl {width: 32.5%;}

.tablet .order-list__title .total {padding-right: 5%;width: 150px;}
.tablet .order-list__section table .col1 { width: 11%; }
.tablet .order-list__section table .col2 { width: auto; }
.tablet .order-list__section table .col3 { width: 15%; }
.tablet .order-list__section table .col4 { width: 20%; }
.tablet .order-list__section table .col5 { width: 13%; }
.tablet .order-list__section table th {font-size: 11px;}
.tablet .order-list__section table th:nth-of-type(5) {padding-right: 5%;}
.tablet .order-list__section table th:nth-of-type(4) {padding-left: 31px;}
.tablet .order-list__section table td {font-size: 14px;padding-right: 2%;}
.tablet .order-list__section table td:nth-of-type(1) {padding-left: 5%;}
.tablet .order-list__section table td:nth-of-type(5) {padding-right: 5%;}
.tablet .order-block input.qty {width: 80px;padding: 0 6px;}


@media only screen and (max-height: 810px) {
    .tablet .header-logo__wrapper {width: 25%;}
}

@media only screen and (max-height: 810px) and (orientation : landscape) {
    .tablet .content-item[data-item="salad"] { padding-top: 150px; }
}

@media only screen and (orientation : landscape) {
    .tablet .video-wrapper { margin-left: 0; }
    .phone .video-wrapper { width: 500px; height: 286px; }
}

#cart-btn { display: none; }

/* CALLBACK_BUTTON */

#popup__toggle{bottom:25px;right:10px;position:fixed;z-index:102;}
.img-circle{background-color:#29AEE3;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #29AEE3;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#29AEE3;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url("img/mini_phone.png");background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
	50% {transform: scale(1); opacity: 1; }
	100% {transform: scale(0.9);opacity: 1;}}
@-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
	50% {-webkit-transform: scale(1);opacity: 1;}
	100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
	0% {transform: rotate(-8deg);}
	50% {transform: rotate(8deg);}
	100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
	0% {-webkit-transform: rotate(-8deg);}
	50% {-webkit-transform: rotate(8deg);}
	100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
	0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
	30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
	100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
	0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
	30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
	100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
	0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
	30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
	100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
	0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
	30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
	100% {transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .1;}}
@-moz-keyframes circle-fill-anim {
	0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
	50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
	100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
	0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
	50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
	100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
	0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
	50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
	100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
	0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
	50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
	100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
	
.demo {
	max-width: 400px;
	padding: 25px;
	margin: 45px auto;
	background-color: #F5F5F5;
	border: 1px solid #E3E3E3;
	border-radius: 4px;
	text-align: center;
}
/* Стили модального окна */
/* слой затемнения */
.modal-wrap:before {
	content: "";
	display: none;
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 101;
}
.modal-overlay {
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 102;
}
/* активация слоя затемнения и модального блока */
.modal-open:checked ~ .modal-wrap:before,
.modal-open:checked ~ .modal-wrap .modal-overlay {
	display: block;
}
.modal-open:checked ~ .modal-wrap .modal-dialog {
	-webkit-transform: translate(-50%, -100px);
	-ms-transform: translate(-50%, -100px);
	-o-transform: translate(-50%, -100px);
	transform: translate(-50%, -100px);
	top: 20%;
}
/* элементы модального окна */
.modal-dialog {
	position: fixed;
	width: 80%;
	max-width: 800px;
	left: 50%;
	-webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
	-moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
	box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
	-webkit-transform: translate(-50%, -500%);
	-ms-transform: translate(-50%, -500%);
	-o-transform: translate(-50%, -500%);
	transform: translate(-50%, -500%);
	-webkit-transition: -webkit-transform 0.4s ease-out;
	-moz-transition: -moz-transform 0.4s ease-out;
	-o-transition: -o-transform 0.4s ease-out;
	transition: transform 0.4s ease-out;
	z-index: 103;
}

@media only screen and (max-width: 810px) {
	.modal-dialog {
		width: 100%;
		max-width: 100%;
	}
}

@media only screen and (max-height: 580px) {
	.modal-dialog {
		overflow-y: scroll;
		height: 100%;
	}
}


@media only screen and (max-width: 508px) {
	.modal-dialog {
		overflow-y: scroll;
		height: 100%;
	}
}

@media 
only screen /* iPhone X */
and (device-width : 375px) 
and (device-height : 812px) 
and (-webkit-device-pixel-ratio : 3),
only screen /* iPhone 8 */
and (device-width : 375px) 
and (device-height : 667px) 
and (-webkit-device-pixel-ratio : 2),
only screen /* iPhone 8 Plus */
and (device-width : 414px) 
and (device-height : 736px) 
and (-webkit-device-pixel-ratio : 3),
only screen /* iPhone 7 */
and (min-device-width : 375px)
and (max-device-width : 667px), 
only screen /* iPhone 7 Plus */
and (min-device-width : 414px)
and (max-device-width : 736px),
only screen /* iPhone 6 */
and (min-device-width : 375px) 
and (max-device-width : 667px),
only screen /* iPhone 6 Plus */
and (min-device-width : 414px) 
and (max-device-width : 736px),
only screen /* iPhone 5 & 5S */
and (min-device-width : 320px) 
and (max-device-width : 568px),
only screen /* iPad */
and (min-device-width : 768px) 
and (max-device-width : 1024px),
only screen /* iPad 3 and 4 */
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2),
only screen /* iPad 1 and 2 */
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1),
only screen /* iPad Mini */
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) { 
	html,body {
		-webkit-overflow-scrolling : touch !important;
		overflow: auto !important;
		height: 100% !important;
	}
}

.error_span {
	border-color: #d75252;
}