CSS File

1* {

2

-webkit-box-sizing: border-box;

3 box-sizing: border-box;

4}

5

6html,

7body {

8 margin: 0;

9 padding: 0;

10 border: 0;

11 font-size: 100%;

12 font: inherit;

13 vertical-align: baseline;

14}

15

16body {

17 line-height: 1;

18}

19

20div,

21span,

22applet,

23object,

24iframe,

25h1,

26h2,

27h3,

28h4,

29h5,

30h6,

31p,

32blockquote,

33pre,

34a,

35abbr,

36acronym,

37address,

38big,

39cite,

40code,

41del,

42dfn,

43em,

44img,

45ins,

46kbd,

47q,

48s,

49samp,

50small,

51strike,

52strong,

53sub,

54sup,

55tt,

56var,

57b,

58u,

59i,

60center,

61dl,

62dt,

63dd,

64ol,

65ul,

66li,

67fieldset,

68form,

69label,

70legend,

71table,

72caption,

73tbody,

74tfoot,

75thead,

76tr,

77th,

78td,

79article,

80aside,

81canvas,

82details,

83embed,

84figure,

85figcaption,

86footer,

87header,

88hgroup,

89menu,

90nav,

91output,

92ruby,

93section,

94summary,

95time,

96mark,

97audio,

98video {

99 margin: 0;

100 padding: 0;

101 border: 0;

102 font-size: 100%;

103 font: inherit;

104 vertical-align: baseline;

105}

106

107article,

108aside,

109details,

110figcaption,

111figure,

112footer,

113header,

114hgroup,

115menu,

116nav,

117section {

118 display: block;

119}

120

121a {

122 text-decoration: none;

123 outline: none;

124}

125

126b,

127strong {

128 font-weight: 600;

129}

130

131i,

132em {

133 font-style: italic;

134}

135

136ol,

137ul {

138 list-style: none;

139}

140

141blockquote,

142q {

143 quotes: none;

144}

145

146blockquote:before,

147blockquote:after,

148q:before,

149q:after {

150 content: '';

151 content: none;

152}

153

154table {

155 border-collapse: collapse;

156 border-spacing: 0;

157}

158

159button {

160 background: transparent;

161 border: 0;

162 padding: 0;

163}

164

165input,

166select,

167textarea,

168button {

169 outline: none;

170 font-family: "SourceSansPro";

171}

172

173input,

174button {

175

-webkit-appearance: none;

176}

177

178@font-face {

179 font-family: SourceSansPro;

180 src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url("fonts/subset-SourceSansPro-Bold.woff2") format('woff2'), url("fonts/subset-SourceSansPro-Bold.woff") format('woff'), url("fonts/subset-SourceSansPro-Bold.svg#SourceSansPro-Bold") format('svg');

181 font-weight: bold;

182 font-style: normal;

183}

184

185@font-face {

186 font-family: SourceSansPro;

187 src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url("fonts/subset-SourceSansPro-Regular.woff2") format('woff2'), url("fonts/subset-SourceSansPro-Regular.woff") format('woff'), url("fonts/subset-SourceSansPro-Regular.svg#SourceSansPro-Regular") format('svg');

188 font-weight: normal;

189 font-style: normal;

190}

191

192@font-face {

193 font-family: SourceSansPro;

194 src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url("fonts/subset-SourceSansPro-Black.woff2") format('woff2'), url("fonts/subset-SourceSansPro-Black.woff") format('woff'), url("fonts/subset-SourceSansPro-Black.svg#SourceSansPro-Black") format('svg');

195 font-weight: 900;

196 font-style: normal;

197}

198

199@font-face {

200 font-family: SourceSansPro;

201 src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'), url("fonts/subset-SourceSansPro-BlackItalic.woff2") format('woff2'), url("fonts/subset-SourceSansPro-BlackItalic.woff") format('woff'), url("fonts/subset-SourceSansPro-BlackItalic.svg#SourceSansPro-BlackItalic") format('svg');

202 font-weight: 900;

203 font-style: italic;

204}

205

206@font-face {

207 font-family: OfficinaSerifBookC;

208 src: local('OfficinaSerifBookC-Italic'), url("fonts/subset-OfficinaSerifBookC-Italic.woff2") format('woff2'), url("fonts/subset-OfficinaSerifBookC-Italic.woff") format('woff'), url("fonts/subset-OfficinaSerifBookC-Italic.svg#OfficinaSerifBookC-Italic") format('svg');

209 font-weight: normal;

210 font-style: italic;

211}

212

213@font-face {

214 font-family: SourceSansPro;

215 src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url("fonts/subset-SourceSansPro-Light.woff2") format('woff2'), url("fonts/subset-SourceSansPro-Light.woff") format('woff'), url("fonts/subset-SourceSansPro-Light.svg#SourceSansPro-Light") format('svg');

216 font-weight: 300;

217 font-style: normal;

218}

219

220@font-face {

221 font-family: SourceSansPro;

222 src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url("fonts/subset-SourceSansPro-Italic.woff2") format('woff2'), url("fonts/subset-SourceSansPro-Italic.woff") format('woff'), url("fonts/subset-SourceSansPro-Italic.svg#SourceSansPro-Italic") format('svg');

223 font-weight: normal;

224 font-style: italic;

225}

226

227@font-face {

228 font-family: SourceSansPro;

229 src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'), url("fonts/subset-SourceSansPro-ExtraLightItalic.woff2") format('woff2'), url("fonts/subset-SourceSansPro-ExtraLightItalic.woff") format('woff'), url("fonts/subset-SourceSansPro-ExtraLightItalic.svg#SourceSansPro-ExtraLightItalic") format('svg');

230 font-weight: 200;

231 font-style: italic;

232}

233

234@font-face {

235 font-family: SourceSansPro;

236 src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url("fonts/subset-SourceSansPro-LightItalic.woff2") format('woff2'), url("fonts/subset-SourceSansPro-LightItalic.woff") format('woff'), url("fonts/subset-SourceSansPro-LightItalic.svg#SourceSansPro-LightItalic") format('svg');

237 font-weight: 300;

238 font-style: italic;

239}

240

241@font-face {

242 font-family: SourceSansPro;

243 src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url("fonts/subset-SourceSansPro-BoldItalic.woff2") format('woff2'), url("fonts/subset-SourceSansPro-BoldItalic.woff") format('woff'), url("fonts/subset-SourceSansPro-BoldItalic.svg#SourceSansPro-BoldItalic") format('svg');

244 font-weight: bold;

245 font-style: italic;

246}

247

248@font-face {

249 font-family: SourceSansPro;

250 src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url("fonts/subset-SourceSansPro-ExtraLight.woff2") format('woff2'), url("fonts/subset-SourceSansPro-ExtraLight.woff") format('woff'), url("fonts/subset-SourceSansPro-ExtraLight.svg#SourceSansPro-ExtraLight") format('svg');

251 font-weight: 200;

252 font-style: normal;

253}

254

255@font-face {

256 font-family: OfficinaSerifBookC;

257 src: local('OfficinaSerifBookC'), url("fonts/subset-OfficinaSerifBookC.woff2") format('woff2'), url("fonts/subset-OfficinaSerifBookC.woff") format('woff'), url("fonts/subset-OfficinaSerifBookC.svg#OfficinaSerifBookC") format('svg');

258 font-weight: normal;

259 font-style: normal;

260}

261

262@font-face {

263 font-family: SourceSansPro;

264 src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'), url("fonts/subset-SourceSansPro-SemiBoldItalic.woff2") format('woff2'), url("fonts/subset-SourceSansPro-SemiBoldItalic.woff") format('woff'), url("fonts/subset-SourceSansPro-SemiBoldItalic.svg#SourceSansPro-SemiBoldItalic") format('svg');

265 font-weight: 600;

266 font-style: italic;

267}

268

269@font-face {

270 font-family: SourceSansPro;

271 src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url("fonts/subset-SourceSansPro-SemiBold.woff2") format('woff2'), url("fonts/subset-SourceSansPro-SemiBold.woff") format('woff'), url("fonts/subset-SourceSansPro-SemiBold.svg#SourceSansPro-SemiBold") format('svg');

272 font-weight: 600;

273 font-style: normal;

274}

275

276html,

277body {

278 font-family: "SourceSansPro";

279 color: #000;

280}

281

282body {

283 overflow-x: hidden;

284}

285

286/*

287body:before {

288 content: '';

289 z-index: 1000000;

290 display: block;

291 position: absolute;

292 left: 0;

293 top: 0;

294 width: 100%;

295 height: 100%;

296 background-color: #fff;

297}

298*/

299

300body.pace-done:before {

301 display: none;

302}

303

304.pace .pace-progress {

305 z-index: 1000001;

306}

307

308body.pace-done .pace-progress {

309 z-index: -1;

310}

311

312

313

314.container-fluid{position: relative;width:100%;padding:0 1rem;margin:0 auto;z-index:1;}

315.row{display:-ms-flexbox;display:flex;

-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -1rem;}

316.col-1,.col-2,.col-25,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-25,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-25,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-ml-1,.col-ml-2,.col-ml-25,.col-ml-3,.col-ml-4,.col-ml-5,.col-ml-6,.col-ml-7,.col-ml-8,.col-ml-9,.col-ml-10,.col-ml-11,.col-ml-12,.col-md,.col-ml-auto,.col-lg-1,.col-lg-2,.col-lg-25,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2.col-xl-25,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto,.col-s,.col-m{position:relative;width:100%;min-height:1px;padding:1rem 1rem}

317

318@media (max-width:1181px) {

319.row {margin: 0 -0.75rem;}

320.col-1,.col-2,.col-25,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-25,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-25,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-ml-1,.col-ml-2,.col-ml-25,.col-ml-3,.col-ml-4,.col-ml-5,.col-ml-6,.col-ml-7,.col-ml-8,.col-ml-9,.col-ml-10,.col-ml-11,.col-ml-12,.col-md,.col-ml-auto,.col-lg-1,.col-lg-2,.col-lg-25,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2.col-xl-25,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto,.col-s,.col-m {padding: 1rem 0.75rem;}

321}

322

323@media (max-width:767px) {

324.row {margin: 0 -0.5rem;}

325.col-1,.col-2,.col-25,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-25,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-25,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-ml-1,.col-ml-2,.col-ml-25,.col-ml-3,.col-ml-4,.col-ml-5,.col-ml-6,.col-ml-7,.col-ml-8,.col-ml-9,.col-ml-10,.col-ml-11,.col-ml-12,.col-md,.col-ml-auto,.col-lg-1,.col-lg-2,.col-lg-25,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2.col-xl-25,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto,.col-s,.col-m {padding: 1rem 0.5rem;}

326}

327

328.visible-xs,.visible-sm,.visible-md,.visible-ml,.visible-lg,.visible-xl, .hidden{display:none}

329.hidden-xs,.hidden-sm,.hidden-md,.hidden-ml,.hidden-lg,.hidden-xl{display:block}

330

331/*Автоширина колонок*/

332.col{

-ms-flex-preferred-size:0;flex-basis:0;

-ms-flex-positive:1;flex-grow:1;max-width:100%}

333

334/*Фиксированая ширина колонок*/

335.col-1{

-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}

336.col-2{

-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}

337.col-25{

-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}

338.col-3{

-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}

339.col-4{

-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}

340.col-5{

-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}

341.col-6{

-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}

342.col-7{

-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}

343.col-8{

-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}

344.col-9{

-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}

345.col-10{

-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}

346.col-11{

-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}

347.col-12{

-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

348

349/*Смещение столбцов*/

350.offset-1{margin-left:8.333333%}

351.offset-2{margin-left:16.666667%}

352.offset-3{margin-left:25%}

353.offset-4{margin-left:33.333333%}

354.offset-5{margin-left:41.666667%}

355.offset-6{margin-left:50%}

356.offset-7{margin-left:58.333333%}

357.offset-8{margin-left:66.666667%}

358.offset-9{margin-left:75%}

359.offset-10{margin-left:83.333333%}

360.offset-11{margin-left:91.666667%}

361

362/*

363Ширины экрана

364-- xs 320-499 Смартфоны

365-- sm 500-767 Фаблеты

366-- md 768-1023 Планшеты

367-- ml 1024-1180 Нетбуки

368-- lg 1181-1399 Ноутбуки

369-- xl 1400 Декстопы

370*/

371

372@media (min-width:1400px) {

373.hidden-xl{display:none !important}

374.visible-xl{display:flex !important}

375}

376@media (min-width:1153px) and (max-width:1399px) {

377.hidden-lg{display:none !important}

378.visible-lg{display:flex !important}

379}

380@media (min-width:1024px) and (max-width:1181px) {

381.hidden-ml{display:none !important}

382.visible-ml{display:flex !important}

383}

384@media (min-width:768px) and (max-width:1023px) {

385.hidden-md{display:none !important}

386.visible-md{display:flex !important}

387}

388@media (min-width:500px) and (max-width:767px) {

389.hidden-sm{display:none !important}

390.visible-sm{display:flex !important}

391}

392@media (max-width:499px) {

393.hidden-xs{display:none !important}

394.visible-xs{display:flex !important}

395}

396

397/*

398 xs - Смартфоны

399*/

400@media (min-width: 320px) {

401.container-fluid{padding:0 1rem}

402.col-s,.col-m{

-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; margin: 0 auto;}

403}

404

405/*

406 sm - Фаблеты

407*/

408@media (min-width: 500px) {

409.container-fluid{padding:0 2rem}

410.col-sm{

-ms-flex-preferred-size:0;flex-basis:0;

-ms-flex-positive:1;flex-grow:1;max-width:100%}

411.col-sm-1{

-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}

412.col-sm-2{

-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}

413.col-sm-25{

-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}

414.col-sm-3{

-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}

415.col-sm-4{

-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}

416.col-sm-5{

-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}

417.col-sm-6{

-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}

418.col-sm-7{

-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}

419.col-sm-8{

-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}

420.col-sm-9{

-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}

421.col-sm-10{

-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}

422.col-sm-11{

-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}

423.col-sm-12{

-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

424.offset-sm-0{margin-left:0}

425.offset-sm-1{margin-left:8.333333%}

426.offset-sm-2{margin-left:16.666667%}

427.offset-sm-3{margin-left:25%}

428.offset-sm-4{margin-left:33.333333%}

429.offset-sm-5{margin-left:41.666667%}

430.offset-sm-6{margin-left:50%}

431.offset-sm-7{margin-left:58.333333%}

432.offset-sm-8{margin-left:66.666667%}

433.offset-sm-9{margin-left:75%}

434.offset-sm-10{margin-left:83.333333%}

435.offset-sm-11{margin-left:91.666667%}

436}

437

438/*

439 md - Планшеты

440*/

441@media (min-width: 768px) {

442.container-fluid{padding:0 2.5rem}

443.col-s{

-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%; margin: 0 auto;}

444.col-m{

-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; margin: 0 auto;}

445.col-md{

-ms-flex-preferred-size:0;flex-basis:0;

-ms-flex-positive:1;flex-grow:1;max-width:100%}

446.col-md-1{

-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}

447.col-md-2{

-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}

448.col-md-25{

-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}

449.col-md-3{

-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}

450.col-md-4{

-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}

451.col-md-5{

-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}

452.col-md-6{

-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}

453.col-md-7{

-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}

454.col-md-8{

-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}

455.col-md-9{

-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}

456.col-md-10{

-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}

457.col-md-11{

-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}

458.col-md-12{

-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

459.offset-md-0{margin-left:0}

460.offset-md-1{margin-left:8.333333%}

461.offset-md-2{margin-left:16.666667%}

462.offset-md-3{margin-left:25%}

463.offset-md-4{margin-left:33.333333%}

464.offset-md-5{margin-left:41.666667%}

465.offset-md-6{margin-left:50%}

466.offset-md-7{margin-left:58.333333%}

467.offset-md-8{margin-left:66.666667%}

468.offset-md-9{margin-left:75%}

469.offset-md-10{margin-left:83.333333%}

470.offset-md-11{margin-left:91.666667%}

471}

472

473/*

474 ml - Нетбуки

475*/

476@media (min-width: 1024px) {

477.container-fluid{padding:0 3rem}

478.col-ml{

-ms-flex-preferred-size:0;flex-basis:0;

-ms-flex-positive:1;flex-grow:1;max-width:100%}

479.col-ml-1{

-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}

480.col-ml-2{

-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}

481.col-ml-25{

-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}

482.col-ml-3{

-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}

483.col-ml-4{

-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}

484.col-ml-5{

-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}

485.col-ml-6{

-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}

486.col-ml-7{

-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}

487.col-ml-8{

-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}

488.col-ml-9{

-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}

489.col-ml-10{

-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}

490.col-ml-11{

-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}

491.col-ml-12{

-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

492.offset-ml-0{margin-left:0}

493.offset-ml-1{margin-left:8.333333%}

494.offset-ml-2{margin-left:16.666667%}

495.offset-ml-3{margin-left:25%}

496.offset-ml-4{margin-left:33.333333%}

497.offset-ml-5{margin-left:41.666667%}

498.offset-ml-6{margin-left:50%}

499.offset-ml-7{margin-left:58.333333%}

500.offset-ml-8{margin-left:66.666667%}

501.offset-ml-9{margin-left:75%}

502.offset-ml-10{margin-left:83.333333%}

503.offset-ml-11{margin-left:91.666667%}

504}

505/*

506 lg - Ноутбуки

507*/

508@media (min-width: 1181px) {

509.col-s{

-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%; margin: 0 auto;}

510.col-m{

-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%; margin: 0 auto;}

511.col-lg{

-ms-flex-preferred-size:0;flex-basis:0;

-ms-flex-positive:1;flex-grow:1;max-width:100%}

512.col-lg-1{

-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}

513.col-lg-2{

-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}

514.col-lg-25{

-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}

515.col-lg-3{

-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}

516.col-lg-4{

-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}

517.col-lg-5{

-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}

518.col-lg-6{

-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}

519.col-lg-7{

-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}

520.col-lg-8{

-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}

521.col-lg-9{

-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}

522.col-lg-10{

-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}

523.col-lg-11{

-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}

524.col-lg-12{

-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

525.offset-lg-0{margin-left:0}

526.offset-lg-1{margin-left:8.333333%}

527.offset-lg-2{margin-left:16.666667%}

528.offset-lg-3{margin-left:25%}

529.offset-lg-4{margin-left:33.333333%}

530.offset-lg-5{margin-left:41.666667%}

531.offset-lg-6{margin-left:50%}

532.offset-lg-7{margin-left:58.333333%}

533.offset-lg-8{margin-left:66.666667%}

534.offset-lg-9{margin-left:75%}

535.offset-lg-10{margin-left:83.333333%}

536.offset-lg-11{margin-left:91.666667%}

537}

538

539

540/*

541 xl - Десктопы

542*/

543@media (min-width: 1400px) {

544.container-fluid{max-width:1472px}

545.g-modules .container-fluid,

546.g-hero .container-fluid,

547.g-benefits .container-fluid,

548#balls-cart .container-fluid,

549#cases-hero .container-fluid,

550#hero .container-fluid

551{max-width:1472px}

552.col-xl{

-ms-flex-preferred-size:0;flex-basis:0;

-ms-flex-positive:1;flex-grow:1;max-width:100%}

553.col-xl-1{

-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}

554.col-xl-2{

-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}

555.col-xl-25{

-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}

556.col-xl-3{

-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}

557.col-xl-4{

-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}

558.col-xl-5{

-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}

559.col-xl-6{

-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}

560.col-xl-7{

-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}

561.col-xl-8{

-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}

562.col-xl-9{

-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}

563.col-xl-10{

-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}

564.col-xl-11{

-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}

565.col-xl-12{

-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

566.offset-xl-0{margin-left:0}

567.offset-xl-1{margin-left:8.333333%}

568.offset-xl-2{margin-left:16.666667%}

569.offset-xl-3{margin-left:25%}

570.offset-xl-4{margin-left:33.333333%}

571.offset-xl-5{margin-left:41.666667%}

572.offset-xl-6{margin-left:50%}

573.offset-xl-7{margin-left:58.333333%}

574.offset-xl-8{margin-left:66.666667%}

575.offset-xl-9{margin-left:75%}

576.offset-xl-10{margin-left:83.333333%}

577.offset-xl-11{margin-left:91.666667%}

578}

579

580

581

582

583

584

585

586

587

588

589

590

591

592

593

594

595.content {

596 padding: 160px 65px 0;

597

598}

599.ccnt {

600padding:0 65px;

601background: url(/img/map2.jpg) -100px 82px no-repeat;

602}

603.ccnt_uu {

604 padding: 0 65px;

605 background: url(/img/map2.jpg) 0px -15px no-repeat, url(/img/map-03-min.jpg) right bottom no-repeat;

606}

607

608

609.ccnt2 {

610 background: url(/img/map-03-min.jpg) right bottom no-repeat;

611}

612

613

614

615body.pace-done .content{

616

-webkit-transition-delay: .7s;

617 transition-delay: .7s;

618 z-index: inherit;

619}

620

621

622.header,

623.content,

624.footer {

625 opacity: 1;

626

-webkit-transition: opacity .7s;

627 transition: opacity .7s;

628}

629

630body.pace-done .header,

631body.pace-done .content,

632body.pace-done .footer{

633 opacity: 1;

634}

635

636.messagmobile {display:none;}

637.messagmobile a {border:0 !important;}

638

639.messagfix {position:fixed;right:30px;bottom:30px;z-index:100;}

640.messagfix .messang {display:none;}

641

642@media (min-width: 1640px) {

643 .content {

644 padding: 180px 160px 0;

645 }

646.ccnt,.ccnt_uu {padding:0 160px;}

647}

648

649@media (max-width: 960px) {

650.content {

651 padding: 160px 35px 0;

652 }

653.messag {display:none;}

654

655.ccnt,.ccnt_uu {

656padding:0 35px;

657}

658

659

660}

661@media (max-width: 768px) {

662.messagmobile {

663display:block;

664position:absolute;

665z-index:2;

666right: 10px;

667 margin-top: 5px;

668}

669}

670

671

672@media (max-width: 768px) {

673 .content {

674 padding: 90px 35px 0;

675 }

676.ccnt section {margin-top:60px !important;}

677.ccnt,.ccnt_uu {padding:0 35px;}

678}

679

680.content,

681.text {

682 font-family: "SourceSansPro";

683}

684

685.content h1:not([class]),

686.text h1:not([class]) {

687 font-family: "OfficinaSerifBookC";

688 font-size: 72px;

689 font-weight: 400;

690 line-height: 76px;

691 margin: 63px 0 35px;

692}

693

694.content h2:not([class]),

695.text h2:not([class]),

696.content h3:not([class]),

697.text h3:not([class]),

698.content h4:not([class]),

699.text h4:not([class]) {

700 font-family: "OfficinaSerifBookC";

701 font-size: 30px;

702 font-weight: 400;

703 line-height: 36px;

704 margin: 75px 0 23px;

705}

706

707.content img:not([class]),

708.text img:not([class]) {

709 margin: 5px 0;

710 max-width: 100%;

711}

712

713.content ul:not([class]),

714.text ul:not([class]) {

715 list-style: none;

716 margin: 23px 0;

717}

718

719.content ul:not([class]) li,

720.text ul:not([class]) li {

721 padding-left: 40px;

722 position: relative;

723 font-size: 15px;

724 font-weight: 400;

725 line-height: 21px;

726}

727

728@media (min-width: 1367px) {

729 .content ul:not([class]) li,

730 .text ul:not([class]) li {

731 font-size: 18px;

732 line-height: 24px;

733 }

734}

735

736@media (max-width: 768px) {

737 .content ul:not([class]) li,

738 .text ul:not([class]) li {

739 font-size: 14px;

740 font-weight: 400;

741 line-height: 21px;

742 }

743}

744

745.content ul:not([class]) li + li,

746.text ul:not([class]) li + li {

747 margin-top: 18px;

748}

749

750.content ul:not([class]) li:before,

751.text ul:not([class]) li:before {

752 content: "";

753 position: absolute;

754 left: 1px;

755 top: 11px;

756 width: 20px;

757 height: 1px;

758 background-color: #262626;

759}

760

761.content ol:not([class]),

762.text ol:not([class]) {

763 list-style: none;

764 margin: 23px 0;

765 counter-reset: myCounter;

766}

767

768.content ol:not([class]) li,

769.text ol:not([class]) li {

770 padding-left: 30px;

771 position: relative;

772 font-size: 15px;

773 font-weight: 400;

774 line-height: 21px;

775}

776

777@media (max-width: 768px) {

778 .content ol:not([class]) li,

779 .text ol:not([class]) li {

780 font-size: 14px;

781 font-weight: 400;

782 line-height: 21px;

783 }

784}

785

786.content ol:not([class]) li + li,

787.text ol:not([class]) li + li {

788 margin-top: 24px;

789}

790

791.content ol:not([class]) li:before,

792.text ol:not([class]) li:before {

793 counter-increment: myCounter;

794 content: counter(myCounter) ".";

795 position: absolute;

796 left: 0;

797 top: 0;

798 width: 30px;

799 padding-right: 9px;

800 color: #f3502d;

801 font-size: 15px;

802 font-weight: 400;

803 line-height: 21px;

804}

805

806@media (max-width: 768px) {

807 .content ol:not([class]) li:before,

808 .text ol:not([class]) li:before {

809 font-size: 14px;

810 font-weight: 400;

811 line-height: 21px;

812 }

813}

814

815.content p:not([class]),

816.text p:not([class]) {

817 font-size: 18px;

818 font-weight: 400;

819 line-height: 24px;

820 margin: 18px 0;

821}

822

823@media (max-width: 1366px) {

824 .content p:not([class]),

825 .text p:not([class]) {

826 font-size: 18px;

827 line-height: 24px;

828 }

829}

830

831@media (max-width: 768px) {

832 .content p:not([class]),

833 .text p:not([class]) {

834 font-size: 16px;

835 font-weight: 400;

836 line-height: 24px;

837 }

838}

839

840.content a:not([class]),

841.text a:not([class]) {

842 color: #000;

843 border-bottom: 2px solid #f3502d;

844

-webkit-transition: 0.7s border;

845 transition: 0.7s border;

846}

847

848.content a:not([class]):hover,

849.text a:not([class]):hover {

850 border-color: transparent;

851}

852

853.content *:not([class]):not(span):first-child,

854.text *:not([class]):not(span):first-child {

855 margin-top: 0;

856}

857

858.content *:not([class]):not(span):last-child,

859.text *:not([class]):not(span):last-child {

860 margin-bottom: 0 !important;

861}

862

863.content table,

864.text table {

865 margin: 24px 0;

866}

867

868.content table th,

869.text table th {

870 text-align: left;

871 padding: 19px 25px 14px;

872 color: #000;

873 font-size: 15px;

874 font-weight: 400;

875 line-height: 21px;

876 border-top: 1px solid #e5e5e5;

877}

878

879@media (min-width: 1367px) {

880 .content table th,

881 .text table th {

882 font-size: 15px;

883 line-height: 24px;

884 }

885}

886

887@media (max-width: 768px) {

888 .content table th,

889 .text table th {

890 font-size: 14px;

891 font-weight: 400;

892 line-height: 21px;

893 }

894}

895

896.content table td,

897.text table td {

898 padding: 19px 25px 14px;

899 color: #262626;

900 font-size: 15px;

901 font-weight: 400;

902 line-height: 21px;

903 border-top: 1px solid #e5e5e5;

904}

905

906@media (max-width: 768px) {

907 .content table td,

908 .text table td {

909 font-size: 14px;

910 font-weight: 400;

911 line-height: 21px;

912 }

913}

914

915.content table tbody tr:last-child,

916.text table tbody tr:last-child {

917 border-bottom: 1px solid #e5e5e5;

918}

919

920input::-webkit-input-placeholder {

921 color: rgba(255, 255, 255, 0.5);

922}

923

924input::-moz-placeholder {

925 color: rgba(255, 255, 255, 0.5);

926}

927

928input:-ms-input-placeholder {

929 color: rgba(255, 255, 255, 0.5);

930}

931

932div[class^="table-scroller"] {

933 overflow: auto;

934 position: relative;

935}

936

937/*

938@media $desktopMax {

939 div[class^="table-scroller"] {

940 width: 100%;

941 }

942}

943*/

944

945.btn {

946 display: inline-block;

947 vertical-align: top;

948 position: relative;

949 border: 0;

950 color: #fff;

951 outline: none;

952 cursor: pointer;

953 width: 124px;

954 height: 124px;

955 position: relative;

956 font-size: 18px;

957 font-weight: 400;

958 line-height: 22px;

959 padding: 25px 19px 56px;

960 text-align: left;

961 background: url("../i/btn-bg.jpg") no-repeat top left;

962

-webkit-transition: 0.7s background;

963 transition: 0.7s background;

964 overflow: hidden;

965 z-index: 1;

966}

967

968.btn:before {

969 content: '';

970 position: absolute;

971 left: 0;

972 top: 0;

973 width: 0;

974 height: 100%;

975

-webkit-transition: .7s width;

976 transition: .7s width;

977 background: url("../img/zvo-s-min.jpg") no-repeat top left;

978 opacity: 1;

979 z-index: -1;

980}

981

982.btn_red{

983 background-image: url("../img/zvo-s-min.jpg");

984}

985

986.btn_red:before {

987 background-image: url("../i/btn-bg.jpg");

988}

989

990@media (max-width: 1366px) {

991 .btn {

992 width: 116px;

993 height: 116px;

994 font-size: 15px;

995 font-weight: 400;

996 line-height: 18px;

997 }

998}

999

1000@media (max-width: 768px) {

1001 .btn {

1002 width: 90px;

1003 height: 90px;

1004 padding: 10px;

1005 font-size: 14px;

1006 font-weight: 400;

1007 line-height: 18px;

1008 }

1009}

1010

1011.btn:after {

1012 content: "";

1013 position: absolute;

1014 width: 35px;

1015 height: 17px;

1016 left: 20px;

1017 bottom: 27px;

1018 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAARCAMAAABgteXNAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAXVBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8/beDHAAAAHnRSTlMAqU8w5WIk3XYZ0YwBEMOfBAmzsaDB0L2NocIKshGrGyxnAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAFlJREFUKM+NkjcSgEAMA03mEhfI8f/PpKRi9lTveGRJIn8qSkFVdcNQ2/UMKW0sQm7wAaGYxohQmGaHkDWLkge14p1NK/KzH+TnTBf9dXM+GTln9JXT+7efF/fkBtgCWMQPAAAAAElFTkSuQmCC") no-repeat center;

1019

-webkit-transition: 0.7s opacity, 0.7s left;

1020 transition: 0.7s opacity, 0.7s left;

1021}

1022

1023@media (max-width: 1366px) {

1024 .btn:after {

1025 bottom: 30px;

1026 }

1027}

1028

1029@media (max-width: 768px) {

1030 .btn:after {

1031 display: none;

1032 }

1033}

1034

1035.btn:hover:before {

1036 width: 100%;

1037}

1038

1039/*

1040.btn:hover {

1041 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgwAAAEZAQMAAADBu+/5AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABlBMVEX///////9VfPVsAAAAAXRSTlMD2e+J3AAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAoSURBVHja7cEBAQAAAIIg/69uSEABAAAAAAAAAAAAAAAAAAAAAADcGkmLAAHdDymqAAAAAElFTkSuQmCC");

1042}

1043*/

1044

1045.btn:hover:after {

1046 left: 30px;

1047}

1048/*

1049.btn_dark {

1050 background-color: #262626;

1051}

1052*/

1053.btn_small:after {

1054 bottom: 41px;

1055}

1056

1057.common__label {

1058 /*opacity: 0.25;*/

1059 color: #fff;

1060 font-size: 14px;

1061 font-weight: 600;

1062 line-height: 18px;

1063 display: block;

1064 margin-bottom: 4px;

1065}

1066

1067.common__inp {

1068 width: 100%;

1069 height: 42px;

1070 border: 1px solid #2f89ca;

1071 background-color: rgba(255,255,255, 0.15);

1072 /*background-color: rgba(0, 0, 0, 0.13);*/

1073 color: #fff;

1074 padding: 0 16px;

1075 font-family: "SourceSansPro";

1076 font-size: 15px;

1077 font-weight: 400;

1078 line-height: 21px;

1079

-webkit-transition: 0.5s border;

1080 transition: 0.5s border;

1081}

1082

1083@media (max-width: 768px) {

1084 .common__inp {

1085 font-size: 14px;

1086 font-weight: 400;

1087 line-height: 21px;

1088 }

1089}

1090

1091.common__textarea {

1092 width: 100%;

1093 height: 131px;

1094 border: 1px solid #2f89ca;

1095 overflow: hidden;

1096 resize: none;

1097 padding: 11px 16px;

1098 background-color: rgba(255,255,255, 0.15);

1099 /*background-color: rgba(0, 0, 0, 0.13);*/

1100 color: #fff;

1101 font-family: "SourceSansPro";

1102 font-size: 15px;

1103 font-weight: 400;

1104 line-height: 21px;

1105

-webkit-transition: 0.7s border;

1106 transition: 0.7s border;

1107}

1108

1109@media (max-width: 768px) {

1110 .common__textarea {

1111 font-size: 14px;

1112 font-weight: 400;

1113 line-height: 21px;

1114 }

1115}

1116

1117.common__sbm {

1118 font-family: "SourceSansPro";

1119 margin-top: 5px;

1120}

1121

1122.common__select {

1123 height: 36px;

1124 background-color: #fff;

1125 border: 2px solid #b6b6b6;

1126 width: auto;

1127 cursor: pointer;

1128

-webkit-transition: 0.5s border;

1129 transition: 0.5s border;

1130}

1131

1132.common__select.warning {

1133 border-color: #f3502d;

1134}

1135

1136.common__placeholder {

1137 position: absolute;

1138 z-index: -1;

1139 left: 0;

1140 top: 0;

1141 color: #fff;

1142 font-size: 14px;

1143 font-weight: 700;

1144 line-height: 50px;

1145 letter-spacing: 0.1em;

1146 text-transform: uppercase;

1147 text-overflow: ellipsis;

1148 white-space: nowrap;

1149 overflow: hidden;

1150 max-width: 100%;

1151}

1152

1153.common__placeholder span {

1154 font-size: 23px;

1155 font-weight: 400;

1156 line-height: 50px;

1157 position: relative;

1158 top: 0;

1159}

1160

1161#order-form .common__textarea,

1162#order-form .common__inp,

1163#callorder-form .common__textarea,

1164#callorder-form .common__inp{

1165 background-color: rgba(0, 0, 0, 0.13);

1166}

1167

1168.common__col {

1169 width: calc(50% - 16px);

1170}

1171

1172@media (max-width: 768px) {

1173 .common__col {

1174 width: 100%;

1175 }

1176 .common__col + .common__col {

1177 margin-top: 27px;

1178 }

1179}

1180

1181.common__row_flex {

1182 display: -webkit-box;

1183 display: -ms-flexbox;

1184 display: flex;

1185

-webkit-box-pack: justify;

1186

-ms-flex-pack: justify;

1187 justify-content: space-between;

1188 position: relative;

1189 width: 100%;

1190}

1191

1192@media (max-width: 768px) {

1193 .common__row_flex {

1194

-webkit-box-orient: vertical;

1195

-webkit-box-direction: normal;

1196

-ms-flex-direction: column;

1197 flex-direction: column;

1198

-webkit-box-pack: start;

1199

-ms-flex-pack: start;

1200 justify-content: flex-start;

1201 }

1202}

1203

1204.common__row + .common__row {

1205 margin-top: 25px;

1206}

1207

1208.common__fileover {

1209 width: 100%;

1210 position: relative;

1211 padding-top: 25px;

1212}

1213

1214.common__file {

1215 position: absolute;

1216 width: 0;

1217 height: 0;

1218 left: 0;

1219 top: 0;

1220 opacity: 0;

1221}

1222

1223.common__filename {

1224 display: inline-block;

1225 vertical-align: top;

1226 position: relative;

1227 left: 48px;

1228 cursor: pointer;

1229 color: #fff;

1230 font-size: 15px;

1231 font-weight: 400;

1232 line-height: 21px;

1233 border-bottom: 2px solid #f3502d;

1234

-webkit-transition: 0.5s border;

1235 transition: 0.5s border;

1236}

1237

1238@media (max-width: 768px) {

1239 .common__filename {

1240 font-size: 14px;

1241 font-weight: 400;

1242 line-height: 21px;

1243 left: 33px;

1244 }

1245}

1246

1247.common__filename.choosed,

1248.common__filename:hover {

1249 border-color: transparent;

1250}

1251

1252.common__filename:before {

1253 content: "";

1254 position: absolute;

1255 left: -38px;

1256 top: 0;

1257 width: 24px;

1258 height: 23px;

1259 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAXCAMAAAAm/38fAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABL1BMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TyruBAAAAZHRSTlMAEy4XeNXRdyiW7mk4Y+SLwY3yMGDcFoE2h/Ec3/MrdEniGypy7QISjwumB9u4BM6+z7vsy8i89S1zA8L5L8q6EOs6vW9FU+UpWR3TVs25gsDQjBgBoZmKBtQ96YTvbiFYetZMI7yxYQAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAEBSURBVCjPY2DAAIxMzAzYAAsrKxs7uiAHAwMnFzcPLx8Lqji/AIOgkDCQISIqhiwuLiQhKQUSZ5CWkUAWl5WT5wKLMygoKiGrV1ZRBYmrMagraqCqB4lrailp6+giiyuDxfX0DZQMjVDMkTcGiZsYiZmaIYvLgcXVTMwYBZDVm1tYgsyxAopbI4vb2PIa2wLNsQOqt0cST5FwcHQCme+MYo5LiiuDmztI3EwdWdxD1ZOBwcub08fXD0WcwT8ARDoZBAYFCxiFIEmEhoEpKyugF5DFGcKh3o+IRDYHCKKiXUFUsA6aOANDTGxcPHOCjC4DBkiMjDRJCsIW/czJCl4YggDELiK7BTHsCwAAAABJRU5ErkJggg==") no-repeat center;

1260}

1261

1262@media (max-width: 768px) {

1263 .common__filename:before {

1264 left: -33px;

1265 }

1266}

1267

1268.common__filename.choosed + .common__filedelete {

1269 visibility: visible;

1270 cursor: pointer;

1271}

1272

1273.common__filename.choosed:after {

1274 content: "";

1275}

1276

1277.common__filedelete {

1278 display: inline-block;

1279 vertical-align: top;

1280 visibility: hidden;

1281 margin-top: 6px;

1282 margin-left: 58px;

1283 width: 10px;

1284 height: 10px;

1285 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAD1BMVEX3bE73bE73bE73bE7////Z+NqaAAAAA3RSTlMAf4C/aSLHAAAAAWJLR0QEj2jZUQAAAAlwSFlzAAALEgAACxIB0t1+/AAAADdJREFUCNcVytENACAIA9HDCSAuYGACcP/drD9Nc3kEEJRjw2r2gYpRXFcXu67d2XwgJiCWivkAYb8DZG1gCrwAAAAASUVORK5CYII=") no-repeat center;

1286}

1287

1288.fakecheckbox {

1289 display: inline-block;

1290 vertical-align: top;

1291 position: relative;

1292 margin-top: 7px;

1293}

1294

1295.fakecheckbox__label {

1296 display: inline-block;

1297 vertical-align: top;

1298 color: #fff;

1299 font-size: 15px;

1300 font-weight: 400;

1301 line-height: 21px;

1302 position: relative;

1303 padding-left: 33px;

1304 padding-top: 7px;

1305}

1306

1307@media (max-width: 768px) {

1308 .fakecheckbox__label {

1309 font-size: 14px;

1310 font-weight: 400;

1311 line-height: 21px;

1312 }

1313}

1314

1315.fakecheckbox__label:before {

1316 content: "";

1317 position: absolute;

1318 left: -1px;

1319 top: 50%;

1320 margin-top: -5px;

1321 width: 18px;

1322 height: 18px;

1323 border: 1px solid #ececec;

1324 cursor: pointer;

1325

-webkit-transition: 0.5s border;

1326 transition: 0.5s border;

1327}

1328

1329.fakecheckbox__label:after {

1330 content: "";

1331 position: absolute;

1332 width: 14px;

1333 height: 10px;

1334 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAMAAACzB5/1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAllBMVEX3bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE73bE7////q9A/bAAAAMHRSTlMAA6BsB66EC7v+cxHH/GUBGND5V80UH9r1Sk/31xwo4vE+QvPfU+nrMjft4yktxCBwMwDhAAAAAWJLR0Qx2dsdcgAAAAlwSFlzAAALEgAACxIB0t1+/AAAAFVJREFUCNdjYEAARiZmJB4LqwEbgsfOwcmF4HHz8PIBKX52ME9AUEgYRDOJiAJJMXEJSbCwlLSMLIOcvIIiVJOSsoqqmroG3BBNLQNtHSQLdfX0YUwA+mEE0mQdlfMAAAAASUVORK5CYII=") no-repeat center;

1335 left: 2px;

1336 top: 50%;

1337 margin-top: 0px;

1338 opacity: 0;

1339 cursor: pointer;

1340

-webkit-transition: 0.5s opacity;

1341 transition: 0.5s opacity;

1342}

1343

1344.fakecheckbox__label a:not([class]) {

1345 color: #fff;

1346}

1347

1348.fakecheckbox__truecheck {

1349 position: absolute;

1350 left: 0;

1351 top: 0;

1352 width: 0;

1353 height: 0;

1354 border: 0;

1355 opacity: 0;

1356}

1357

1358.fakecheckbox__truecheck:checked + .fakecheckbox__label:after {

1359 opacity: 1;

1360}

1361

1362.fakecheckbox__truecheck.warning + .fakecheckbox__label:before {

1363 border-color: #f3502d;

1364}

1365

1366input.warning,

1367textarea.warning {

1368 border-color: #f3502d;

1369}

1370

1371.hidden-block {

1372 display: none;

1373}

1374

1375.header {

1376

position: absolute;

1377 width: 100%;

1378

// top: 24px;

1379top:0;

1380 left: 0;

1381 padding: 28px 74px 0;

1382

//z-index: 1;

1383}

1384.header.offers {top:0;}

1385

1386@media (max-width: 960px) {

1387 .header {

1388 position: fixed;

1389 z-index: 11;

1390 height: 116px;

1391 background-color: #fff;

1392 padding-top: 0;

1393 top: 0;

1394

-webkit-box-shadow: 2.5px 4.3px 35px rgba(0, 0, 0, 0.25);

1395 box-shadow: 2.5px 4.3px 35px rgba(0, 0, 0, 0.25);

1396 padding: 0 35px 0;

1397 }

1398}

1399

1400@media (max-width: 768px) {

1401 .header {

1402 height: 90px;

1403 }

1404}

1405

1406.header:before {

1407 content: "";

1408 position: absolute;

1409 top: 0;

1410 left: 0;

1411 z-index: -1;

1412 width: 544px;

1413 height: 351px;

1414 /*

1415 background-color: #f3502d;

1416 background-image: url("../img/bg3-111.png");

1417 background-repeat: no-repeat;

1418 background-blend-mode: soft-light;

1419 background-position: top left;

1420 */

1421 background: url("../img/bg3-111.png") top left no-repeat;

1422 opacity: 1;

1423

-webkit-transition: .7s;

1424 transition: .7s;

1425

-webkit-transition-delay: .7s;

1426 transition-delay: .7s;

1427}

1428

1429

1430body.pace-done .header:before{

1431 opacity: 1;

1432}

1433

1434@media (min-width: 1400px) {

1435 .header:before {

1436 width: 524px;

1437 height: 281px;

1438 background-size: cover;

1439 }

1440}

1441

1442@media (min-width: 1640px) {

1443 .header:before {

1444 width: 650px;

1445 height: 350px;

1446 background-size: cover;

1447 }

1448}

1449

1450@media (max-width: 960px) {

1451 .header:before {

1452 display: none;

1453 }

1454}

1455

1456.header__feedback {

1457 float: right;

1458 margin-right: -74px;

1459}

1460

1461@media (max-width: 960px) {

1462 .header__feedback {

1463 margin-right: -35px;

1464 }

1465}

1466

1467.header__info {

1468 float: right;

1469 margin-right: 35px;

1470 margin-top: 0px;

1471 text-align: right;

1472}

1473

1474@media (max-width: 1270px) {

1475 .header__info {

1476 margin-top: 26px;

1477 }

1478}

1479

1480@media (max-width: 960px) {

1481 .header__info {

1482 margin-right: 20px;

1483 }

1484}

1485

1486@media (max-width: 768px) {

1487 .header__info {

1488 margin-top: 5px;

1489 }

1490.header__info-days {margin-top:0 !important;}

1491}

1492

1493@media (max-width: 400px) {

1494 .header__info {

1495 margin-right: 15px;

1496 }

1497}

1498

1499@media (max-width: 360px) {

1500 .header__info {

1501 margin-right:6px;

1502 }

1503}

1504

1505.header__info-phone {

1506 color: #000;

1507 font-size: 24px;

1508 font-weight: 600;

1509 line-height: 28px;

1510}

1511

1512@media (max-width: 1270px) {

1513 .header__info-phone {

1514 font-size: 15px;

1515 font-weight: 600;

1516 line-height: 21px;

1517 }

1518}

1519

1520.header__info-days {

1521 display: block;

1522 margin-top: 8px;

1523 color: #000;

1524 font-size: 15px;

1525 font-weight: 400;

1526 line-height: 21px;

1527}

1528

1529@media (max-width: 1270px) {

1530 .header__info-days {

1531 margin-top: 6px;

1532 }

1533}

1534

1535@media (max-width: 960px) {

1536 .header__info-days {

1537 font-size: 9px;

1538 font-weight: 400;

1539 line-height: 18px;

1540 }

1541}

1542

1543.header__logo {

1544 display: inline-block;

1545 vertical-align: top;

1546 margin-top: 29px;

1547 margin-right: 42px;

1548}

1549

1550@media (max-width: 1270px) {

1551 .header__logo {

1552 margin-right: 20px;

1553 margin-top: 22px;

1554 }

1555}

1556

1557@media (max-width: 780px) {

1558 .header__logo {

1559 margin-top: 24px;

1560 }

1561}

1562

1563@media (max-width: 360px) {

1564 .header__logo {

1565 margin-top: 23px;

1566 }

1567}

1568

1569@media (max-width: 960px) {

1570 .header__logo-img {

1571

-webkit-filter: invert(100%);

1572 filter: invert(100%);

1573 }

1574}

1575

1576@media (max-width: 780px) {

1577 .header__logo-img {

1578 width: 88px;

1579 }

1580}

1581

1582.header__logo-hint {

1583 display: inline-block;

1584 vertical-align: top;

1585 margin-top: 38px;

1586font-family: 'Roboto Condensed', sans-serif;

1587 color: #fff;

1588 font-size: 22px;

1589 font-weight: 400;

1590 line-height: 24px;

1591 max-width: 240px;

1592}

1593

1594@media (max-width: 1270px) {

1595 .header__logo-hint {

1596 font-size: 14px;

1597 font-weight: 400;

1598 line-height: 21px;

1599 }

1600}

1601

1602@media (max-width: 1230px) {

1603 .header__logo-hint {

1604 display: none;

1605 }

1606}

1607

1608.header__menu {

1609 float: right;

1610 margin-right: 55px;

1611 margin-top: 34px;

1612position:relative;

1613}

1614

1615@media (min-width: 1400px) {

1616 .header__menu {

1617 margin-right: 120px;

1618 }

1619}

1620

1621@media (min-width: 1640px) {

1622 .header__menu {

1623 margin-right: 230px;

1624 }

1625}

1626

1627@media (max-width: 1315px) {

1628 .header__menu {

1629 margin-right: 35px;

1630 margin-top: 50px;

1631 }

1632}

1633

1634@media (max-width: 960px) {

1635 .header__menu {

1636 margin-right: 25px;

1637 }

1638}

1639

1640@media (max-width: 768px) {

1641 .header__menu {

1642 display: none;

1643 }

1644}

1645

1646.header__menu-list {

1647 display: -webkit-box;

1648 display: -ms-flexbox;

1649 display: flex;

1650}

1651

1652.header__menu-item + .header__menu-item {

1653 margin-left: 30px;

1654}

1655

1656@media (max-width: 1315px) {

1657 .header__menu-item + .header__menu-item {

1658 margin-left: 17px;

1659 }

1660}

1661

1662@media (max-width: 960px) {

1663 .header__menu-item + .header__menu-item {

1664 margin-left: 12px;

1665 }

1666}

1667

1668.header__menu-href {

1669 color: #000;

1670 font-size: 18px;

1671 font-weight: 400;

1672 line-height: 20px;

1673 position: relative;

1674

-webkit-transition: 0.7s color;

1675 transition: 0.7s color;

1676}

1677

1678

1679.header__menu-href:after {

1680 content: "";

1681 position: absolute;

1682 background-color: #f3502d;

1683 width: 0;

1684 height: 2px;

1685 bottom: -2px;

1686 left: 50%;

1687

-webkit-transform: translateX(-50%);

1688 transform: translateX(-50%);

1689

-webkit-transition: 0.7s width;

1690 transition: 0.7s width;

1691}

1692

1693.header__menu-href.active:after,

1694.header__menu-href:not(.acitve):hover:after {

1695 width: 100%;

1696}

1697

1698.header.fixed_ready {

1699 position: fixed;

1700 top: -140px;

1701

-webkit-box-shadow: none;

1702 box-shadow: none;

1703}

1704

1705@media (max-width: 960px) {

1706 .header.fixed_ready {

1707 top: 0;

1708

-webkit-box-shadow: 2.5px 4.3px 35px rgba(0, 0, 0, 0.25);

1709 box-shadow: 2.5px 4.3px 35px rgba(0, 0, 0, 0.25);

1710 }

1711}

1712

1713.header.fixed_ready:before {

1714 display: none;

1715}

1716

1717.header.fixed {

1718 z-index: 11;

1719 height: 124px;

1720 background-color: #fff;

1721 padding-top: 0;

1722 top: 0;

1723

-webkit-box-shadow: 2.5px 4.3px 35px rgba(0, 0, 0, 0.25);

1724 box-shadow: 2.5px 4.3px 35px rgba(0, 0, 0, 0.25);

1725

-webkit-transition: 1.2s top, 0.7s -webkit-box-shadow 0.2s;

1726 transition: 1.2s top, 0.7s -webkit-box-shadow 0.2s;

1727 transition: 1.2s top, 0.7s box-shadow 0.2s;

1728 transition: 1.2s top, 0.7s box-shadow 0.2s, 0.7s -webkit-box-shadow 0.2s;

1729}

1730

1731@media (max-width: 1366px) {

1732 .header.fixed_ready {

1733 height: 116px;

1734 }

1735}

1736

1737@media (max-width: 768px) {

1738 .header.fixed,.header.fixed_ready {

1739 height: 90px !important;

1740 }

1741}

1742

1743.header.fixed:before {

1744 display: none;

1745}

1746

1747.header.fixed .header__logo-hint {

1748 color: #000;

1749}

1750

1751.header.fixed .header__logo-img {

1752

-webkit-filter: invert(100%);

1753 filter: invert(100%);

1754}

1755

1756.header.fixed .header__info {

1757 margin-top: 1px;

1758 margin-right: 30px;

1759}

1760

1761@media (max-width: 960px) {

1762 .header.fixed .header__info {

1763 margin-right: 20px;

1764 }

1765}

1766

1767@media (max-width: 768px) {

1768 .header.fixed .header__info {

1769 margin-top: 5px;

1770 }

1771}

1772

1773@media (max-width: 400px) {

1774 .header.fixed .header__info {

1775 margin-right: 6px;

1776 }

1777}

1778

1779.header.fixed .header__info-phone {

1780 font-size: 24px;

1781 font-weight: 600;

1782 line-height: 28px;

1783}

1784

1785@media (max-width: 1270px) {

1786 .header.fixed .header__info-phone {

1787 font-size: 15px;

1788 line-height: 21px;

1789 }

1790}

1791

1792.header.fixed .header__info-days {

1793 margin-top: 6px;

1794}

1795

1796@media (max-width: 960px) {

1797 .header.fixed .header__info-days {

1798 font-size: 9px;

1799 font-weight: 400;

1800 line-height: 18px;

1801 }

1802}

1803

1804.header.fixed .header__menu {

1805 margin-right: 128px;

1806 margin-top: 50px;

1807}

1808

1809@media (max-width: 1315px) {

1810 .header.fixed .header__menu {

1811 margin-right: 35px;

1812 }

1813}

1814

1815@media (max-width: 960px) {

1816 .header.fixed .header__menu {

1817 margin-right: 25px;

1818 }

1819}

1820

1821.header.fixed .header__menu-href {

1822 font-size: 18px;

1823 font-weight: 400;

1824 line-height: 22px;

1825}

1826

1827@media (max-width: 1439px) {

1828 .header.fixed .header__menu-href,

1829 .header__menu-href {

1830 font-size: 15px;

1831 font-weight: 600;

1832 line-height: 21px;

1833 }

1834 .header.fixed .header__menu {

1835 margin-right: 55px;

1836 }

1837}

1838

1839.burger__bg {

1840 position: absolute;

1841 left: 50%;

1842 top: 50%;

1843

-webkit-transform: translate(-50%, -50%) scale(1.06);

1844 transform: translate(-50%, -50%) scale(1.06);

1845

-webkit-transition: 1s -webkit-transform;

1846 transition: 1s -webkit-transform;

1847 transition: 1s transform;

1848 transition: 1s transform, 1s -webkit-transform;

1849 will-change: transform;

1850 opacity: 0.5;

1851}

1852

1853@media (max-width: 960px) {

1854 .burger__bg {

1855 display: none;

1856 }

1857}

1858

1859.burger__button {

1860 cursor: pointer;

1861 width: 25px;

1862 height: 25px;

1863 position: relative;

1864}

1865

1866.burger__button:before {

1867 content: "";

1868 position: absolute;

1869 top: 0;

1870 right: 0;

1871 width: 25px;

1872 height: 1px;

1873

-webkit-transition: 0.5s width, 0.5s background, 0.5s top, 0.5s -webkit-transform;

1874 transition: 0.5s width, 0.5s background, 0.5s top, 0.5s -webkit-transform;

1875 transition: 0.5s width, 0.5s background, 0.5s transform, 0.5s top;

1876 transition: 0.5s width, 0.5s background, 0.5s transform, 0.5s top, 0.5s -webkit-transform;

1877}

1878

1879.burger__button:after {

1880 content: "";

1881 position: absolute;

1882 bottom: 0;

1883 right: 0;

1884 width: 25px;

1885 height: 1px;

1886

-webkit-transition: 0.5s width, 0.5s background, 0.5s top, 0.5s -webkit-transform;

1887 transition: 0.5s width, 0.5s background, 0.5s top, 0.5s -webkit-transform;

1888 transition: 0.5s width, 0.5s background, 0.5s transform, 0.5s top;

1889 transition: 0.5s width, 0.5s background, 0.5s transform, 0.5s top, 0.5s -webkit-transform;

1890}

1891

1892.burger__button-meat {

1893 content: "";

1894 position: absolute;

1895 top: 50%;

1896 right: 0;

1897 width: 25px;

1898 height: 1px;

1899 margin-top: -1px;

1900

-webkit-transition: 0.5s width, 0.5s background, 0.5s top, 0.5s -webkit-transform;

1901 transition: 0.5s width, 0.5s background, 0.5s top, 0.5s -webkit-transform;

1902 transition: 0.5s width, 0.5s background, 0.5s transform, 0.5s top;

1903 transition: 0.5s width, 0.5s background, 0.5s transform, 0.5s top, 0.5s -webkit-transform;

1904}

1905

1906.burger__button:not(.open):hover:before {

1907

-webkit-animation: burger-hover 1s infinite ease-in-out alternate;

1908 animation: burger-hover 1s infinite ease-in-out alternate;

1909}

1910

1911.burger__button:not(.open):hover:after {

1912

-webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;

1913 animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;

1914}

1915

1916.burger__button:not(.open):hover .burger__button-meat {

1917

-webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;

1918 animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;

1919}

1920

1921.burger__button.open:before {

1922

-webkit-animation: burger-top 1s ease-in-out forwards;

1923 animation: burger-top 1s ease-in-out forwards;

1924}

1925

1926.burger__button.open:after {

1927

-webkit-animation: burger-bottom 1s ease-in-out forwards;

1928 animation: burger-bottom 1s ease-in-out forwards;

1929}

1930

1931.burger__button.open .burger__button-meat {

1932 opacity: 0;

1933}

1934

1935.burger__button.open.remove:before {

1936

-webkit-animation: burger-top-invert 1s ease-in-out forwards;

1937 animation: burger-top-invert 1s ease-in-out forwards;

1938}

1939

1940.burger__button.open.remove:after {

1941

-webkit-animation: burger-bottom-invert 1s ease-in-out forwards;

1942 animation: burger-bottom-invert 1s ease-in-out forwards;

1943}

1944

1945.burger__button.open.remove .burger__button-meat {

1946 opacity: 1;

1947

-webkit-transition: 0.4s opacity 0.6s;

1948 transition: 0.4s opacity 0.6s;

1949}

1950

1951.burger__popup {

1952 visibility: hidden;

1953 opacity: 0;

1954 position: fixed;

1955 top: 0;

1956 left: 0;

1957 width: 100vw;

1958 height: 100vh;

1959 z-index: 9;

1960 background: #262626;

1961 display: -webkit-box;

1962 display: -ms-flexbox;

1963 display: flex;

1964

-webkit-box-align: center;

1965

-ms-flex-align: center;

1966 align-items: center;

1967

-webkit-box-pack: start;

1968

-ms-flex-pack: start;

1969 justify-content: flex-start;

1970

-webkit-transition: 0.7s visibility, 0.7s opacity;

1971 transition: 0.7s visibility, 0.7s opacity;

1972}

1973

1974@media (max-width: 650px) {

1975 .burger__popup {

1976

-webkit-box-align: start;

1977

-ms-flex-align: start;

1978 align-items: flex-start;

1979 overflow: auto;

1980 }

1981}

1982

1983@media (max-width: 960px) {

1984 .burger__popup {

1985 background: url("../i/burger-bg.png") no-repeat center #262626;

1986 background-size: cover;

1987 }

1988}

1989

1990.burger__menu-inner {

1991 max-width: 1226px;

1992 width: 100%;

1993 margin: 0 auto;

1994 display: -webkit-box;

1995 display: -ms-flexbox;

1996 display: flex;

1997

-webkit-box-pack: justify;

1998

-ms-flex-pack: justify;

1999 justify-content: space-between;

2000

-webkit-box-align: stretch;

2001

-ms-flex-align: stretch;

2002 align-items: stretch;

2003}

2004

2005/*

2006@media $desktopMax {

2007 .burger__menu-inner {

2008 max-width: 100%;

2009 padding: 0 30px;

2010 }

2011}

2012*/

2013

2014@media (max-width: 650px) {

2015 .burger__menu-inner {

2016 padding: 0 20px;

2017 }

2018}

2019

2020@media (max-width: 650px) {

2021 .burger__menu-inner {

2022

-webkit-box-orient: vertical;

2023

-webkit-box-direction: normal;

2024

-ms-flex-direction: column;

2025 flex-direction: column;

2026 }

2027}

2028

2029.burger__menu-col {

2030 width: calc(50% - 21px);

2031 display: -webkit-box;

2032 display: -ms-flexbox;

2033 display: flex;

2034

-webkit-box-orient: vertical;

2035

-webkit-box-direction: normal;

2036

-ms-flex-direction: column;

2037 flex-direction: column;

2038

-webkit-box-pack: justify;

2039

-ms-flex-pack: justify;

2040 justify-content: space-between;

2041

-ms-flex-line-pack: justify;

2042 align-content: space-between;

2043}

2044

2045@media (max-width: 650px) {

2046 .burger__menu-col {

2047 width: 100%;

2048 }

2049}

2050

2051.burger__menu-list {

2052 display: -webkit-box;

2053 display: -ms-flexbox;

2054 display: flex;

2055

-webkit-box-orient: vertical;

2056

-webkit-box-direction: normal;

2057

-ms-flex-direction: column;

2058 flex-direction: column;

2059 position: relative;

2060 opacity: 0;

2061 bottom: -20px;

2062

-webkit-transition: 0.7s bottom, 0.7s opacity;

2063 transition: 0.7s bottom, 0.7s opacity;

2064}

2065

2066.burger__menu-item + .burger__menu-item {

2067 margin-top: 59px;

2068}

2069

2070@media (max-width: 1600px) {

2071 .burger__menu-item + .burger__menu-item {

2072 margin-top: 44px;

2073 }

2074}

2075

2076@media (max-width: 650px) {

2077 .burger__menu-item + .burger__menu-item {

2078 margin-top: 10px;

2079 }

2080}

2081

2082@media (min-width: 651px) {

2083 .burger__menu-item_mobile {

2084 display: none;

2085 }

2086 .burger__menu-item_mobile + .burger__menu-item {

2087 margin-top: 0;

2088 }

2089}

2090

2091.burger__menu-href {

2092 color: #fff;

2093 font-size: 72px;

2094 font-weight: 400;

2095 line-height: 48px;

2096 position: relative;

2097 left: 0;

2098

-webkit-transition: 0.7s color, 0.7s left;

2099 transition: 0.7s color, 0.7s left;

2100}

2101

2102@media (max-width: 1740px) {

2103 .burger__menu-href {

2104 font-size: 66px;

2105 font-weight: 400;

2106 line-height: 48px;

2107 }

2108}

2109

2110@media (max-width: 1600px) {

2111 .burger__menu-href {

2112 font-size: 60px;

2113 font-weight: 400;

2114 line-height: 48px;

2115 }

2116}

2117

2118@media (max-width: 650px) {

2119 .burger__menu-href {

2120 font-size: 36px;

2121 font-weight: 400;

2122 line-height: 48px;

2123 }

2124}

2125

2126.burger__menu-href:after {

2127 content: "";

2128 position: absolute;

2129 background-color: rgba(255, 255, 255, 0.25);

2130 width: 0;

2131 height: 3px;

2132 bottom: 4px;

2133 left: 50%;

2134

-webkit-transform: translateX(-50%);

2135 transform: translateX(-50%);

2136

-webkit-transition: 0.7s width;

2137 transition: 0.7s width;

2138}

2139

2140.burger__menu-href.active {

2141 color: yellow;

2142}

2143

2144.burger__menu-href:hover {

2145 left: 15px;

2146}

2147

2148.burger__phones {

2149 margin-top: -6px;

2150 overflow: hidden;

2151 position: relative;

2152 opacity: 0;

2153 bottom: -20px;

2154

-webkit-transition: 0.7s bottom, 0.7s opacity;

2155 transition: 0.7s bottom, 0.7s opacity;

2156}

2157

2158@media (max-width: 960px) {

2159 .burger__phones {

2160 margin-top: 0;

2161 }

2162}

2163

2164@media (max-width: 650px) {

2165 .burger__phones {

2166 margin-top: 35px;

2167 }

2168}

2169

2170.burger__phones-elem {

2171 display: inline-block;

2172 vertical-align: top;

2173 color: #fff;

2174 font-size: 42px;

2175 font-weight: 400;

2176 line-height: 40px;

2177 float: left;

2178 clear: both;

2179}

2180

2181@media (max-width: 1740px) {

2182 .burger__phones-elem {

2183 font-size: 38px;

2184 font-weight: 400;

2185 line-height: 40px;

2186 }

2187}

2188

2189@media (max-width: 1600px) {

2190 .burger__phones-elem {

2191 font-size: 36px;

2192 font-weight: 400;

2193 line-height: 40px;

2194 }

2195}

2196

2197@media (max-width: 960px) {

2198 .burger__phones-elem {

2199 font-size: 30px;

2200 font-weight: 400;

2201 line-height: 40px;

2202 }

2203}

2204

2205@media (max-width: 650px) {

2206 .burger__phones-elem {

2207 font-size: 23px;

2208 font-weight: 400;

2209 line-height: 23px;

2210 }

2211}

2212

2213.burger__phones-elem ~ .burger__phones-elem {

2214 margin-top: 40px;

2215}

2216

2217@media (max-width: 960px) {

2218 .burger__phones-elem ~ .burger__phones-elem {

2219 margin-top: 20px;

2220 }

2221}

2222

2223.burger__socials {

2224 padding-left: 102px;

2225 position: relative;

2226 color: #fff;

2227 font-size: 16px;

2228 font-weight: 400;

2229 line-height: 23px;

2230 max-width: 334px;

2231 opacity: 0;

2232 bottom: -20px;

2233

-webkit-transition: 0.7s bottom, 0.7s opacity;

2234 transition: 0.7s bottom, 0.7s opacity;

2235}

2236

2237@media (max-width: 1600px) {

2238 .burger__socials {

2239 font-size: 14px;

2240 font-weight: 400;

2241 line-height: 21px;

2242 }

2243}

2244

2245@media (max-width: 650px) {

2246 .burger__socials {

2247 padding-left: 0;

2248 margin-top: 35px;

2249 }

2250}

2251

2252.burger__socials:before {

2253 content: "";

2254 position: absolute;

2255 left: 6px;

2256 top: 11px;

2257 width: 70px;

2258 height: 1px;

2259 background-color: #fff;

2260

-webkit-transition: 0.7s width;

2261 transition: 0.7s width;

2262}

2263

2264@media (max-width: 650px) {

2265 .burger__socials:before {

2266 display: none;

2267 }

2268}

2269

2270.burger__socials-elem {

2271 color: #fff;

2272 font-size: 16px;

2273 font-weight: 400;

2274 line-height: 23px;

2275 white-space: nowrap;

2276 position: relative;

2277}

2278

2279@media (max-width: 1600px) {

2280 .burger__socials-elem {

2281 font-size: 14px;

2282 font-weight: 400;

2283 line-height: 21px;

2284 }

2285}

2286

2287.burger__socials-elem:after {

2288 content: "";

2289 position: absolute;

2290 background-color: rgba(255, 255, 255, 0.25);

2291 height: 1px;

2292 bottom: 0;

2293 right: 0;

2294

-webkit-transition: 0.7s background, 0.7s bottom;

2295 transition: 0.7s background, 0.7s bottom;

2296}

2297

2298.burger__socials-elem:hover:after {

2299 background-color: transparent;

2300 bottom: -2px;

2301}

2302

2303.burger__socials-elem:hover {

2304 border-color: transparent;

2305}

2306

2307.burger__socials-elem:before {

2308 content: "";

2309 display: inline-block;

2310 vertical-align: top;

2311 margin-right: 7px;

2312}

2313

2314.burger__socials-elem[data-type="inst"]:before {

2315 width: 12px;

2316 height: 12px;

2317 margin-top: 6px;

2318 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEX///////////////////////////////////////////////////////////////////////////////////81m6ZbAAAAFHRSTlMAA37ree2Qg4+O+W4SEedvdoHhd8PbWNMAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAU0lEQVQI122N0Q6AIAhFLxqZolnG/39rkrXW1n3hHMa4IOf1ip8IbqDyzAH3XhdERp9JcpE1sppU9GwdTLJJ/pPPWZJSJJk8r60K+ysB5NrAdtAJRDMH441ZvLkAAAAASUVORK5CYII=") no-repeat center;

2319}

2320

2321.burger__socials-elem[data-type="inst"]:after {

2322 left: 19px;

2323}

2324

2325.burger__socials-elem[data-type="fb"]:before {

2326 width: 7px;

2327 height: 13px;

2328 margin-top: 5px;

2329 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANBAMAAACX52mGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAHlBMVEX///////////////////////////////////////8V2MxSAAAACXRSTlMAEardd2bumbuE/Rs4AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAACxJREFUCNdjYBCaOYGBQRNEzDQJABIKDAxKM5MKGGbOnGkAIhogYliJtAIGAA1bDqr8bfauAAAAAElFTkSuQmCC") no-repeat center;

2330}

2331

2332.burger__socials-elem[data-type="fb"]:after {

2333 left: 14px;

2334}

2335

2336html.burgeropen .burger__button:before,

2337html.burgeropen .burger__button:after,

2338html.burgeropen .burger__button-meat {

2339 background-color: #fff !important;

2340}

2341

2342html.burgeropen .burger__popup {

2343 visibility: visible;

2344 opacity: 1;

2345}

2346

2347@media (max-width: 650px) {

2348 html.burgeropen .burger__popup {

2349 padding-top: 150px;

2350 }

2351}

2352

2353@media (max-width: 960px) {

2354 html.burgeropen .burger__popup {

2355 padding: 30px 0;

2356 }

2357}

2358

2359html.burgeropen .burger__bg {

2360

-webkit-transform: translate(-50%, -50%) scale(1);

2361 transform: translate(-50%, -50%) scale(1);

2362}

2363

2364html.burgeropen .burger__menu-list {

2365 opacity: 1;

2366 bottom: 0;

2367

-webkit-transition-delay: 0.8s;

2368 transition-delay: 0.8s;

2369}

2370

2371html.burgeropen .burger__phones {

2372 opacity: 1;

2373 bottom: 0;

2374

-webkit-transition-delay: 1s;

2375 transition-delay: 1s;

2376}

2377

2378html.burgeropen .burger__socials {

2379 opacity: 1;

2380 bottom: 0;

2381

-webkit-transition-delay: 1.2s;

2382 transition-delay: 1.2s;

2383}

2384

2385html.touchevents .burger__button:not(.open):hover:before {

2386

-webkit-animation: none;

2387 animation: none;

2388}

2389

2390html.touchevents .burger__button:not(.open):hover:after {

2391

-webkit-animation: none;

2392 animation: none;

2393}

2394

2395html.touchevents .burger__button:not(.open):hover .burger__button-meat {

2396

-webkit-animation: none;

2397 animation: none;

2398}

2399

2400@-webkit-keyframes burger-hover {

2401 0% {

2402 width: 100%;

2403 }

2404 50% {

2405 width: 50%;

2406 }

2407 100% {

2408 width: 100%;

2409 }

2410}

2411

2412@keyframes burger-hover {

2413 0% {

2414 width: 100%;

2415 }

2416 50% {

2417 width: 50%;

2418 }

2419 100% {

2420 width: 100%;

2421 }

2422}

2423

2424@-webkit-keyframes burger-top {

2425 0% {

2426 top: 0;

2427 }

2428 40% {

2429 top: 12px;

2430 }

2431 60% {

2432 top: 12px;

2433 -webkit-transform: rotate(0);

2434 transform: rotate(0);

2435 }

2436 100% {

2437 top: 12px;

2438 -webkit-transform: rotate(45deg);

2439 transform: rotate(45deg);

2440 }

2441}

2442

2443@keyframes burger-top {

2444 0% {

2445 top: 0;

2446 }

2447 40% {

2448 top: 12px;

2449 }

2450 60% {

2451 top: 12px;

2452

-webkit-transform: rotate(0);

2453 transform: rotate(0);

2454 }

2455 100% {

2456 top: 12px;

2457

-webkit-transform: rotate(45deg);

2458 transform: rotate(45deg);

2459 }

2460}

2461

2462@-webkit-keyframes burger-bottom {

2463 0% {

2464 bottom: 0;

2465 }

2466 40% {

2467 bottom: 12px;

2468 }

2469 60% {

2470 bottom: 12px;

2471 -webkit-transform: rotate(0);

2472 transform: rotate(0);

2473 }

2474 100% {

2475 bottom: 12px;

2476 -webkit-transform: rotate(-45deg);

2477 transform: rotate(-45deg);

2478 }

2479}

2480

2481@keyframes burger-bottom {