gswHtt33

1<%@ Page Title="" Language="C#" MasterPageFile="~/cust.master" AutoEventWireup="true" CodeFile="listing.aspx.cs" Inherits="listing" %>
2
3<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
4    <script src='//production-assets.codepen.io/assets/editor/live/console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/events_runner-73716630c22bbc8cff4bd0f07b135f00a0bdc5d14629260c3ec49e5606f98fdd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/css_live_reload_init-2c0dc5167d60a5af3ee189d570b1835129687ea2a61bee3513dee3a50c115a77.js'></script><meta charset='UTF-8'><meta name="robots" content="noindex"><link rel="shortcut icon" type="image/x-icon" href="//production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" /><link rel="mask-icon" type="" href="//production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" /><link rel="canonical" href="https://codepen.io/fdanisko/pen/VadXXq?depth=everything&order=popularity&page=9&q=product&show_forks=false" />
5
6
7    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"/>
8<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
9<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
10    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
11
12<link rel='stylesheet prefetch' href='https://raw.githubusercontent.com/greenwoodents/quickbeam.js/master/demo/css/demo.css'/>
13<style class="cp-pen-styles">@-moz-keyframes quick_cart_pay_show {
14  0% {
15    -webkit-transform: rotate(70deg);
16    -ms-transform: rotate(70deg);
17    transform: rotate(70deg);
18    right: -100px;
19  }
20  50% {
21    -webkit-transform: rotate(-20deg);
22    -ms-transform: rotate(-20deg);
23    transform: rotate(-20deg);
24    right: 20px;
25  }
26  100% {
27    -webkit-transform: rotate(0deg);
28    -ms-transform: rotate(0deg);
29    transform: rotate(0deg);
30    right: 0;
31  }
32}
33@-webkit-keyframes quick_cart_pay_show {
34  0% {
35    -webkit-transform: rotate(70deg);
36    transform: rotate(70deg);
37    right: -100px;
38  }
39  50% {
40    -webkit-transform: rotate(-20deg);
41    transform: rotate(-20deg);
42    right: 20px;
43  }
44  100% {
45    -webkit-transform: rotate(0deg);
46    transform: rotate(0deg);
47    right: 0;
48  }
49}
50@keyframes quick_cart_pay_show {
51  0% {
52    -webkit-transform: rotate(70deg);
53    transform: rotate(70deg);
54    right: -100px;
55  }
56  50% {
57    -webkit-transform: rotate(-20deg);
58    transform: rotate(-20deg);
59    right: 20px;
60  }
61  100% {
62    -webkit-transform: rotate(0deg);
63    transform: rotate(0deg);
64    right: 0;
65  }
66}
67@-webkit-keyframes quick_cart_pay_hide {
68  0% {
69    -webkit-transform: translateX(0);
70    transform: translateX(0);
71  }
72  100% {
73    -webkit-transform: translateX(200px);
74    transform: translateX(200px);
75  }
76}
77@keyframes quick_cart_pay_hide {
78  0% {
79    -webkit-transform: translateX(0);
80    transform: translateX(0);
81  }
82  100% {
83    -webkit-transform: translateX(200px);
84    transform: translateX(200px);
85  }
86}
87@keyframes fadeDown {
88  0% {
89    -webkit-transform: rotate(0deg) translateY(0px);
90    transform: rotate(0deg) translateY(0px);
91    opacity: 1;
92  }
93  100% {
94    -webkit-transform: rotate(5deg) translateY(5px);
95    transform: rotate(5deg) translateY(5px);
96    opacity: 0;
97  }
98}
99@-webkit-keyframes fadeDown {
100  0% {
101    -webkit-transform: rotate(0deg) translateY(0px);
102    transform: rotate(0deg) translateY(0px);
103    opacity: 1;
104  }
105  100% {
106    -webkit-transform: rotate(5deg) translateY(5px);
107    transform: rotate(5deg) translateY(5px);
108    opacity: 0;
109  }
110}
111@keyframes fadeUp {
112  0% {
113    -webkit-transform: rotate(5deg) translateY(5px);
114    transform: rotate(5deg) translateY(5px);
115    opacity: 0;
116  }
117  100% {
118    -webkit-transform: rotate(0deg) translateY(0px);
119    transform: rotate(0deg) translateY(0px);
120    opacity: 1;
121  }
122}
123@-webkit-keyframes fadeUp {
124  0% {
125    -webkit-transform: rotate(5deg) translateY(5px);
126    transform: rotate(5deg) translateY(5px);
127    opacity: 0;
128  }
129  100% {
130    -webkit-transform: rotate(0deg) translateY(0px);
131    transform: rotate(0deg) translateY(0px);
132    opacity: 1;
133  }
134}
135.fadeDown {
136  opacity: 0;
137  position: relative;
138  -webkit-animation: fadeDown 400ms ease-in-out;
139  animation: fadeDown 400ms ease-in-out;
140}
141
142.fadeUp {
143  opacity: 1 !important;
144  position: relative;
145  -webkit-animation: fadeUp 400ms ease-in-out;
146  animation: fadeUp 400ms ease-in-out;
147}
148
149.animateOut {
150  position: absolute !important;
151  top: 0;
152  left: 0;
153  -webkit-animation: quick_cart_pay_hide 200ms ease-in forwards;
154  animation: quick_cart_pay_hide 200ms ease-in forwards;
155}
156
157.quick-cart-product .hide {
158  opacity: 0;
159}
160
161#quick-cart {
162  bottom: 20px;
163  padding-bottom: 60px;
164  position: fixed;
165  right: 10px;
166  top: auto !important;
167  z-index: 1000;
168}
169
170#quick-cart-pay {
171  font-size: 100%;
172  line-height: 123.07692%;
173  font-family: "robotobold", sans-serif;
174  border-radius: 50%;
175  -webkit-transform: rotate(70deg);
176  -ms-transform: rotate(70deg);
177  transform: rotate(70deg);
178  border: 2px solid #086fcf;
179  bottom: 0;
180  cursor: pointer;
181  display: block;
182  position: absolute;
183  text-decoration: none;
184  right: -100px;
185}
186
187#quick-cart-pay > span {
188  border-radius: 50%;
189  transition: all 0.3s ease-in-out;
190  background-color: #086fcf;
191  border: 2px solid #fff;
192  color: #fff;
193  display: block;
194  height: 56px;
195  padding-top: 15px;
196  position: relative;
197  text-align: center;
198  text-transform: uppercase;
199  width: 56px;
200}
201
202#quick-cart-pay.open {
203  -webkit-animation: quick_cart_pay_show 1s ease-in-out forwards;
204  animation: quick_cart_pay_show 1s ease-in-out forwards;
205}
206
207#quick-cart-pay.cart-ico strong {
208  display: none;
209}
210
211#quick-cart-pay.cart-ico > span {
212  background: #086fcf url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE5IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02ODYuMDAwMDAwLCAtNDUwLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NjAuMDAwMDAwLCAxNjUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjY5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjAwMDAwMCwgMTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi43NjU0Nzg0LDQuMjc1IEwxNS44NzU4NzQ5LDguNTkzMzYwNzEgTDQuNjk5ODQwNTksOS43MjQwOTgyMSBMMy40NzM5MDMwNCw0LjI3NSBMMTYuNzY1NDc4NCw0LjI3NSBaIE0xNi44MDQ1NDYzLDkuNzI4MDY3ODYgTDE4LjY3MzcyNTEsMy4wNTM1NzE0MyBMMy4xOTkxNTIwNywzLjA1MzU3MTQzIEwyLjUxMjI3NDYzLDAgTDMuMjYzMDc1NzJlLTA1LDAgTDMuMjYzMDc1NzJlLTA1LDEuMjIxNDI4NTcgTDEuNDUzMDgwMjUsMS4yMjE0Mjg1NyBMNC4wNjM1NDA4MywxMi44MjUgTDE2Ljk2ODAyNjQsMTIuODI1IEwxNi45NjgwMjY0LDExLjYwMzU3MTQgTDUuMTIyNzM1MjEsMTEuNjAzNTcxNCBMNC45NzAwMjMyNiwxMC45MjUzNzMyIEwxNi44MDQ1NDYzLDkuNzI4MDY3ODYgWiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy44MzEzODE3MywxNS4yNjc4NTcxIEM3LjgzMTM4MTczLDE2LjI3OTgxMDcgNi45NTQ5MTk1OSwxNy4xIDUuODczNTM2MywxNy4xIEM0Ljc5MjE1MzAxLDE3LjEgMy45MTU2OTA4NywxNi4yNzk4MTA3IDMuOTE1NjkwODcsMTUuMjY3ODU3MSBDMy45MTU2OTA4NywxNC4yNTU5MDM2IDQuNzkyMTUzMDEsMTMuNDM1NzE0MyA1Ljg3MzUzNjMsMTMuNDM1NzE0MyBDNi45NTQ5MTk1OSwxMy40MzU3MTQzIDcuODMxMzgxNzMsMTQuMjU1OTAzNiA3LjgzMTM4MTczLDE1LjI2Nzg1NzEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1LjY2Mjc2MzUsMTUuMjY3ODU3MSBDMTUuNjYyNzYzNSwxNi4yNzk4MTA3IDE0Ljc4NjMwMTMsMTcuMSAxMy43MDQ5MTgsMTcuMSBDMTIuNjIzNTM0NywxNy4xIDExLjc0NzA3MjYsMTYuMjc5ODEwNyAxMS43NDcwNzI2LDE1LjI2Nzg1NzEgQzExLjc0NzA3MjYsMTQuMjU1OTAzNiAxMi42MjM1MzQ3LDEzLjQzNTcxNDMgMTMuNzA0OTE4LDEzLjQzNTcxNDMgQzE0Ljc4NjMwMTMsMTMuNDM1NzE0MyAxNS42NjI3NjM1LDE0LjI1NTkwMzYgMTUuNjYyNzYzNSwxNS4yNjc4NTcxIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") no-repeat center 9px;
213}
214
215#quick-cart-pay:hover {
216  border-color: #303030;
217}
218
219#quick-cart-pay:hover > span {
220  background-color: #303030;
221}
222
223#quick-cart-pay #quick-cart-price {
224  -webkit-transform: translateX(-50%);
225  -ms-transform: translateX(-50%);
226  transform: translateX(-50%);
227  font-family: "robotobold", sans-serif;
228  border-radius: 11px;
229  background-color: #16161a;
230  bottom: -4px;
231  display: block;
232  height: 21px;
233  left: 50%;
234  padding: 2px 8px 0;
235  position: absolute;
236}
237
238#quick-cart-pay #quick-cart-pay-total-count {
239  display: none;
240}
241
242.quick-cart-product {
243  margin-bottom: 6px;
244}
245
246.quick-cart-product > div,
247#quick-cart-pay {
248  box-shadow: rgba(0, 0, 0, 0.23) 0 6px 13px 0;
249}
250
251.quick-cart-animated-product > div {
252  box-shadow: transparent 0 6px 13px 0;
253}
254
255.quick-cart-product {
256  position: relative;
257}
258
259.quick-cart-product > div {
260  transition: all 1s ease-in-out 0s;
261  overflow: hidden;
262  position: relative;
263}
264
265.quick-cart-product > div .s1,
266.quick-cart-product > div .s2 {
267  font-family: "robotobold", sans-serif;
268  font-size: 100%;
269  line-height: 107.69231%;
270  background-color: rgba(22, 22, 26, 0.5);
271  bottom: 0;
272  color: #fff;
273  cursor: default;
274  display: none;
275  height: 100%;
276  left: 0;
277  padding-top: 23px;
278  position: absolute;
279  text-align: center;
280  top: 0;
281  width: 100%;
282}
283
284.quick-cart-product > div del {
285  display: none;
286}
287
288#quick-cart .quick-cart-product > div,
289.quick-cart-product.run > div {
290  border-radius: 50%;
291  height: 60px !important;
292  width: 60px !important;
293}
294
295#quick-cart .quick-cart-product > div .s1,
296.quick-cart-product.run > div .s1 {
297  display: block;
298}
299
300#quick-cart .quick-cart-product > div img,
301.quick-cart-product.run > div img {
302  width: 100%;
303}
304
305#quick-cart .quick-cart-product > div:hover span.s1,
306.quick-cart-product.run > div:hover span.s1 {
307  display: none;
308}
309
310#quick-cart .quick-cart-product > div:hover span.s2,
311.quick-cart-product.run > div:hover span.s2 {
312  display: block;
313}
314
315.quick-cart-product.run > div {
316  border-radius: 50%;
317  height: 58px !important;
318  width: 58px !important;
319}
320
321#quick-cart .quick-cart-product > div .s1,
322#quick-cart .quick-cart-product > div .s2 {
323  border-radius: 50%;
324}
325
326.quick-cart-product.animated {
327  left: 0;
328  position: absolute;
329  top: 0;
330  z-index: 2000;
331}
332
333.quick-cart-product.animated img {
334  border-radius: 1px;
335  display: block;
336  position: relative;
337}
338
339.quick-cart-product .remove,
340.quick-cart-product .removeall:before,
341.quick-cart-product .count {
342  border-radius: 10px;
343  font-family: "robotobold", sans-serif;
344  font-size: 76.92308%;
345  line-height: 110.0%;
346  background-color: #16161a;
347  color: #fff;
348  display: block;
349  height: 20px;
350  overflow: hidden;
351  padding-top: 4px;
352  position: absolute;
353  right: 0;
354  top: 0;
355  text-align: center;
356  width: 20px;
357  z-index: 10;
358}
359
360.quick-cart-product .removeall {
361  width: 20px;
362  height: 20px;
363  content: "Delete all";
364}
365
366.quick-cart-product .removeall:before {
367  content: "Delete all";
368}
369
370.quick-cart-product .removeall:before {
371  transition: all 0.3s ease-in-out;
372  cursor: pointer;
373  display: none;
374  left: -62px;
375  padding: 4px 7px 0;
376  right: auto;
377  width: auto;
378  height: 16px;
379}
380
381.quick-cart-product .removeall:hover {
382  background-color: #086fcf;
383}
384
385.quick-cart-product.show-remove-all:hover .removeall:before {
386  display: block;
387}
388
389.quick-cart-product .remove {
390  background: #16161a url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjhweCIgaGVpZ2h0PSI4cHgiIHZpZXdCb3g9IjAgMCA4IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPgogICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMTYuMDAwMDAwLCAtMTg5MS4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE0OC4wMDAwMDAsIDE4ODUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2Mi4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTcuMTQyNjgzOTcsNiBMNiw3LjE0MjY4Mzk3IEw4Ljg1NzExNCw5Ljk5OTc5Nzk3IEw2LDEyLjg1NzMxNiBMNy4xNDI2ODM5NywxNCBMOS45OTk3OTc5NywxMS4xNDI4ODYgTDEyLjg1NzMxNiwxNCBMMTQsMTIuODU3MzE2IEwxMS4xNDI0ODE5LDkuOTk5Nzk3OTcgTDE0LDcuMTQyNjgzOTcgTDEyLjg1NzMxNiw2IEw5Ljk5OTc5Nzk3LDguODU3MTE0IEw3LjE0MjY4Mzk3LDYgTDcuMTQyNjgzOTcsNiBaIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") no-repeat center center;
391  cursor: pointer;
392  display: none;
393  left: 0;
394  right: auto;
395}
396
397.quick-cart-product .remove:hover {
398  background-color: #086fcf;
399}
400
401.quick-cart-product:hover .remove {
402  display: block;
403}
404
405.quick-cart-product.remove-product {
406  -webkit-animation: quick_cart_pay_hide 200ms ease-in-out forwards;
407  animation: quick_cart_pay_hide 200ms ease-in-out forwards;
408}
409
410.cubic-btn {
411  width: 10px;
412  height: 10px;
413  position: absolute;
414}
415
416.quick-cart-product-wrap {
417  position: relative;
418}
419
420.img.animate {
421  transition: all 0ms ease-out 0s;
422  -webkit-transform: translateY(-30px);
423  -ms-transform: translateY(-30px);
424  transform: translateY(-30px);
425  opacity: 0;
426}
427
428.img {
429  transition: all 600ms ease-out 0s;
430  -webkit-transform: translateY(0px);
431  -ms-transform: translateY(0px);
432  transform: translateY(0px);
433  border-radius: 1px;
434  background: transparent no-repeat center center;
435  background-size: cover;
436  border: 1px solid #e2e2e3;
437  display: block;
438  height: 0;
439  opacity: 1;
440}
441
442header ._cont,
443.collection .settings,
444.collection-list a .variants,
445.product-detail .price-shipping,
446.product-detail .btn-and-quantity-wrap,
447.product-detail .btn-and-quantity,
448.spinner,
449.tabs .tab-labels,
450.detail-socials,
451.detail-socials .social-sharing,
452.homepage .main-services ol,
453.homepage .main-text .links,
454.socials ul,
455.cart .cart-products .product,
456.cart .cart-products .p-count-price,
457.cart .inputs,
458footer .top,
459footer .bottom,
460footer .bottom .left nav ul,
461.swatches,
462.swatch {
463  display: block;
464}
465
466header ._cont:after,
467.collection .settings:after,
468.collection-list a .variants:after,
469.product-detail .price-shipping:after,
470.product-detail .btn-and-quantity-wrap:after,
471.product-detail .btn-and-quantity:after,
472.spinner:after,
473.tabs .tab-labels:after,
474.detail-socials:after,
475.detail-socials .social-sharing:after,
476.homepage .main-services ol:after,
477.homepage .main-text .links:after,
478.socials ul:after,
479.cart .cart-products .product:after,
480.cart .cart-products .p-count-price:after,
481.cart .inputs:after,
482footer .top:after,
483footer .bottom:after,
484footer .bottom .left nav ul:after,
485.swatches:after,
486.swatch:after {
487  clear: both;
488  content: "";
489  display: block;
490  visibility: hidden;
491  height: 0;
492}
493
494/*@font-face {
495    font-family: 'montserratlight';
496    src: url("montserrat-light-webfont.eot");
497    src: url("montserrat-light-webfont.eot?#iefix") format("embedded-opentype"), url("montserrat-light-webfont.woff") format("woff"), url("montserrat-light-webfont.ttf") format("truetype");
498    font-weight: normal;
499    font-style: normal
500}
501@font-face {
502    font-family: 'montserratregular';
503    src: url("montserrat-regular-webfont.eot");
504    src: url("montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"), url("montserrat-regular-webfont.woff") format("woff"), url("montserrat-regular-webfont.ttf") format("truetype");
505    font-weight: normal;
506    font-style: normal
507}
508@font-face {
509    font-family: 'montserratbold';
510    src: url("montserrat-bold-webfont.eot");
511    src: url("montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"), url("montserrat-bold-webfont.woff") format("woff"), url("montserrat-bold-webfont.ttf") format("truetype");
512    font-weight: normal;
513    font-style: normal
514}
515@font-face {
516    font-family: 'robotolight';
517    src: url("roboto-light-webfont.eot");
518    src: url("roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("roboto-light-webfont.woff") format("woff"), url("roboto-light-webfont.ttf") format("truetype");
519    font-weight: normal;
520    font-style: normal
521}
522@font-face {
523    font-family: 'robotoregular';
524    src: url("roboto-regular-webfont.eot");
525    src: url("roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("roboto-regular-webfont.woff") format("woff"), url("roboto-regular-webfont.ttf") format("truetype");
526    font-weight: normal;
527    font-style: normal
528}
529@font-face {
530    font-family: 'robotobold';
531    src: url("roboto-bold-webfont.eot");
532    src: url("roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("roboto-bold-webfont.woff") format("woff"), url("roboto-bold-webfont.ttf") format("truetype");
533    font-weight: normal;
534    font-style: normal
535}
536@font-face {
537    font-family: 'robotoblack';
538    src: url("roboto-black-webfont.eot");
539    src: url("roboto-black-webfont.eot?#iefix") format("embedded-opentype"), url("roboto-black-webfont.woff") format("woff"), url("roboto-black-webfont.ttf") format("truetype");
540    font-weight: normal;
541    font-style: normal
542}*/
543html,
544body,
545div,
546span,
547applet,
548object,
549iframe,
550h1,
551h2,
552h3,
553h4,
554h5,
555h6,
556p,
557blockquote,
558pre,
559a,
560abbr,
561acronym,
562address,
563big,
564cite,
565code,
566del,
567dfn,
568em,
569img,
570ins,
571kbd,
572q,
573s,
574samp,
575small,
576strike,
577strong,
578sub,
579sup,
580tt,
581var,
582b,
583u,
584i,
585center,
586dl,
587dt,
588dd,
589ol,
590ul,
591li,
592fieldset,
593form,
594label,
595legend,
596table,
597caption,
598tbody,
599tfoot,
600thead,
601tr,
602th,
603td,
604article,
605aside,
606canvas,
607details,
608embed,
609figure,
610figcaption,
611footer,
612header,
613hgroup,
614menu,
615nav,
616output,
617ruby,
618section,
619summary,
620time,
621mark,
622audio,
623video {
624  margin: 0;
625  padding: 0;
626  border: 0;
627  font: inherit;
628  font-size: 100%;
629  vertical-align: baseline;
630}
631
632html {
633  line-height: 1;
634}
635
636ol,
637ul {
638  list-style: none;
639}
640
641table {
642  border-collapse: collapse;
643  border-spacing: 0;
644}
645
646caption,
647th,
648td {
649  text-align: left;
650  font-weight: normal;
651  vertical-align: middle;
652}
653
654q,
655blockquote {
656  quotes: none;
657}
658
659q:before,
660q:after,
661blockquote:before,
662blockquote:after {
663  content: "";
664  content: none;
665}
666
667a img {
668  border: none;
669}
670
671article,
672aside,
673details,
674figcaption,
675figure,
676footer,
677header,
678hgroup,
679main,
680menu,
681nav,
682section,
683summary {
684  display: block;
685}
686
687* {
688  -moz-box-sizing: border-box;
689  -webkit-box-sizing: border-box;
690  box-sizing: border-box;
691  outline: 0 none;
692}
693
694body {
695  background-color: #fff;
696  -webkit-font-smoothing: antialiased;
697  -moz-osx-font-smoothing: grayscale;
698}
699
700img {
701  max-width: 100%;
702}
703
704img.float-left {
705  float: left;
706  margin: 0 20px 10px 0;
707}
708
709img.float-right {
710  float: right;
711  margin: 0 0 10px 20px;
712}
713
714a {
715  color: inherit;
716  text-decoration: inherit;
717  cursor: inherit;
718  -moz-transition: all 0.3s ease-in-out;
719  -o-transition: all 0.3s ease-in-out;
720  -webkit-transition: all 0.3s ease-in-out;
721  transition: all 0.3s ease-in-out;
722  cursor: pointer;
723}
724
725a:active,
726a:focus {
727  outline: none;
728}
729
730em {
731  font-style: oblique;
732}
733
734u {
735  text-decoration: underline;
736}
737
738del {
739  text-decoration: line-through;
740}
741
742sup,
743sub {
744  font-size: smaller;
745  line-height: normal;
746}
747
748sup {
749  vertical-align: super;
750}
751
752sub {
753  vertical-align: sub;
754}
755
756button {
757  cursor: pointer;
758}
759
760input,
761textarea {
762  outline: 0 none;
763}
764
765textarea {
766  resize: none;
767}
768
769div.grid_info {
770  background-color: #fff;
771  bottom: 0;
772  color: #16161a;
773  display: block;
774  left: 0;
775  padding: 15px;
776  position: fixed;
777  top: auto !important;
778  z-index: 99999;
779}
780
781body {
782  font-family: "montserratlight", sans-serif;
783  background-color: #fff;
784  color: #16161a;
785  font-size: 81.25%;
786  line-height: 184.61538%;
787  overflow-x: hidden;
788  position: relative;
789}
790
791._cont {
792  margin: 0 auto;
793  width: 1110px;
794}
795
796._cont2 {
797  margin: 0 auto;
798  width: 700px;
799}
800
801header nav > ul > li > a:before,
802header nav > ul > li > a:after,
803.sorter .sorter-value:before,
804.sorter .sorter-value:after {
805  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEwcHgiIGhlaWdodD0iNHB4IiB2aWV3Qm94PSIwIDAgMTAgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ3LjAwMDAwMCwgLTU2NS4wMDAwMDApIiBzdHJva2U9IiMxNjE2MWEiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAuMDAwMDAwLCAzNDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjAwMDAwMCwgMjE4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzksNyBMNDMsMTEgTDQ3LDciIGlkPSJQYXRoLTY3LUNvcHkiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") no-repeat center center;
806}
807
808header nav > ul > li > a:before,
809.sorter .sorter-value:before {
810  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEwcHgiIGhlaWdodD0iNHB4IiB2aWV3Qm94PSIwIDAgMTAgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ3LjAwMDAwMCwgLTU2NS4wMDAwMDApIiBzdHJva2U9IiMwODZmY2YiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAuMDAwMDAwLCAzNDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjAwMDAwMCwgMjE4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzksNyBMNDMsMTEgTDQ3LDciIGlkPSJQYXRoLTY3LUNvcHkiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") no-repeat center center;
811}
812
813header nav > ul > li ul a:after {
814  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI3cHgiIGhlaWdodD0iOHB4Ig0KCSB2aWV3Qm94PSIzIC0yIDcgOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAzIC0yIDcgOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ3LjAwMDAwMCwgLTU2NS4wMDAwMDApIj4NCgkJPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLjAwMDAwMCwgMzQwLjAwMDAwMCkiPg0KCQkJPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4wMDAwMDAsIDIxOC4wMDAwMDApIj4NCgkJCQk8Zz4NCgkJCQkJPHBhdGggaWQ9IlBhdGgtNjctQ29weSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBkPSJNNDEsMTNsNC00bC00LTQiLz4NCgkJCQk8L2c+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==") no-repeat center center;
815}
816
817header {
818  font-size: 100%;
819  line-height: 130.76923%;
820  position: relative;
821  z-index: 1000;
822}
823
824header .header {
825  -moz-box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
826  -webkit-box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
827  box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
828  height: 74px;
829}
830
831header .logo {
832  font-family: "montserratbold", sans-serif;
833  font-size: 107.69231%;
834  line-height: 128.57143%;
835  display: block;
836  float: left;
837  margin-top: 30px;
838  letter-spacing: 4px;
839  position: relative;
840  text-transform: uppercase;
841  z-index: 100;
842}
843
844header nav {
845  font-family: "montserratregular", sans-serif;
846  left: 0;
847  position: absolute;
848  text-align: center;
849  text-transform: uppercase;
850  top: 31px;
851  width: 100%;
852  z-index: 1;
853}
854
855header nav > ul > li {
856  display: inline-block;
857  margin-right: 19px;
858}
859
860header nav > ul > li:last-child {
861  margin-right: 0;
862}
863
864header nav > ul > li:last-child.categories-open ul:after {
865  left: 55%;
866}
867
868header nav > ul > li > a {
869  padding: 0 14px 20px 0;
870  position: relative;
871}
872
873header nav > ul > li > a:before,
874header nav > ul > li > a:after {
875  -moz-transition: all 0.3s ease-in-out;
876  -o-transition: all 0.3s ease-in-out;
877  -webkit-transition: all 0.3s ease-in-out;
878  transition: all 0.3s ease-in-out;
879  content: "";
880  height: 10px;
881  margin-top: -15px;
882  opacity: 1;
883  position: absolute;
884  right: 0;
885  top: 50%;
886  width: 10px;
887}
888
889header nav > ul > li > a:before {
890  opacity: 0;
891}
892
893header nav > ul > li > a:hover {
894  color: #086fcf;
895}
896
897header nav > ul > li > a:hover:before {
898  opacity: 1;
899}
900
901header nav > ul > li > a:hover:after {
902  opacity: 0;
903}
904
905header nav > ul > li ul {
906  -moz-column-count: 2;
907  -webkit-column-count: 2;
908  column-count: 2;
909  -moz-column-gap: 50px;
910  -webkit-column-gap: 50px;
911  column-gap: 50px;
912  font-family: "montserratlight", sans-serif;
913  font-size: 107.69231%;
914  line-height: 121.42857%;
915  -moz-border-radius: 2px;
916  -webkit-border-radius: 2px;
917  border-radius: 2px;
918  background-color: rgba(13, 13, 26, 0.93);
919  display: none;
920  left: 50%;
921  margin-left: -331px;
922  padding: 13px 26px 20px;
923  position: absolute;
924  text-align: left;
925  text-transform: none;
926  top: 28px;
927  width: 662px;
928  z-index: 1000;
929}
930
931header nav > ul > li ul:after {
932  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iN3B4IiB2aWV3Qm94PSIwIDAgMTIgNyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE3NS4wMDAwMDAsIC0xMzAzLjAwMDAwMCkiIGZpbGw9IiMwQzBDMTkiIG9wYWNpdHk9IjAuOTM5OTk5OTk4Ij4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuMDAwMDAwLCAxMjQ2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTExNzgsNjMuNDg1MjgxNCBMMTE4My42NTY4NSw1Ny44Mjg0MjcxIEwxMTg5LjMxMzcxLDYzLjQ4NTI4MTQgTDExNzgsNjMuNDg1MjgxNCBaIiBpZD0iU2lwa2EtbWVudSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") no-repeat left top;
933  content: "";
934  display: none;
935  height: 7px;
936  left: 44%;
937  left: 43.5%;
938  position: absolute;
939  top: -6px;
940  width: 14px;
941}
942
943header nav > ul > li ul li {
944  border-bottom: 1px solid #2e2e38;
945}
946
947header nav > ul > li ul a {
948  color: #fff;
949  display: block;
950  opacity: 1;
951  padding: 10px 20px 11px 0;
952  position: relative;
953}
954
955header nav > ul > li ul a:after {
956  content: "";
957  display: block;
958  height: 100%;
959  position: absolute;
960  right: 0;
961  top: 0;
962  width: 7px;
963}
964
965header nav > ul > li ul a:hover {
966  opacity: 0.65;
967}
968
969header nav > ul > li.categories-open > a:after,
970header nav > ul > li.categories-open > a:before {
971  -moz-transform: rotate(-180deg);
972  -ms-transform: rotate(-180deg);
973  -webkit-transform: rotate(-180deg);
974  transform: rotate(-180deg);
975}
976
977header nav > ul > li.categories-open > a:hover:after,
978header nav > ul > li.categories-open > a:hover:before {
979  -moz-transform: rotate(-180deg);
980  -ms-transform: rotate(-180deg);
981  -webkit-transform: rotate(-180deg);
982  transform: rotate(-180deg);
983}
984
985header nav > ul > li.categories-open ul {
986  display: block;
987}
988
989header nav > ul > li.categories-open ul:after {
990  display: block;
991}
992
993header form {
994  -moz-transition: all 0.3s ease-in-out;
995  -o-transition: all 0.3s ease-in-out;
996  -webkit-transition: all 0.3s ease-in-out;
997  transition: all 0.3s ease-in-out;
998  -moz-border-radius: 19px;
999  -webkit-border-radius: 19px;
1000  border-radius: 19px;
1001  border: 1px solid #fff;
1002  float: right;
1003  margin-top: 19px;
1004  overflow: hidden;
1005  position: relative;
1006  z-index: 100;
1007}
1008
1009header form .find-input {
1010  -moz-transition: all 0.3s ease-in-out;
1011  -o-transition: all 0.3s ease-in-out;
1012  -webkit-transition: all 0.3s ease-in-out;
1013  transition: all 0.3s ease-in-out;
1014  font-family: "montserratlight", sans-serif;
1015  font-size: 100%;
1016  line-height: 130.76923%;
1017  color: #16161a;
1018  border: 0 none;
1019  margin-right: 0;
1020  overflow: hidden;
1021  padding: 10px 0;
1022  width: 0;
1023}
1024
1025header form button {
1026  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTE0cHgiIHZpZXdCb3g9IjAgMCAxNCAxMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPgogICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ5NC4wMDAwMDAsIC0xMjk3LjAwMDAwMCkiIGZpbGw9IiMxNjE2MTkiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4wMDAwMDAsIDEyNDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNTA1Ljc1MDA0NCw1MSBDNTAyLjg1MDczMSw1MSA1MDAuNSw1My4zNTA2NDM3IDUwMC41LDU2LjI0OTk1NjMgQzUwMC41LDU3LjQ2Mjk2ODggNTAwLjkxNTMxOSw1OC41NzY3NTYzIDUwMS42MDY2MTIsNTkuNDY1NDA2MyBMNDk3LjE5MjMyNSw2My44Nzk3Mzc1IEM0OTcuMDY0MTM4LDY0LjAwNzkyNSA0OTcsNjQuMTc1MzU2MiA0OTcsNjQuMzQzNzA2MyBDNDk3LDY0LjUxMTY2MjUgNDk3LjA2NDEzOCw2NC42Nzk1MzEzIDQ5Ny4xOTIzMjUsNjQuODA3NzE4OCBDNDk3LjMyMDQ2OSw2NC45MzU5MDYyIDQ5Ny40ODgzODEsNjUgNDk3LjY1NjI5NCw2NSBDNDk3LjgyNDE2Miw2NSA0OTcuOTkyMDc1LDY0LjkzNTkwNjIgNDk4LjEyMDI2Myw2NC44MDc3MTg4IEw1MDIuNTM0NTUsNjAuMzkzNDMxMiBDNTAzLjQyMzI0NCw2MS4wODQ3MjUgNTA0LjUzNzAzMSw2MS40OTk5NTYzIDUwNS43NTAwNDQsNjEuNDk5OTU2MyBDNTA4LjY0OTMxMiw2MS40OTk5NTYzIDUxMS4wMDAwNDQsNTkuMTQ5MjY4NyA1MTEuMDAwMDQ0LDU2LjI0OTk1NjMgQzUxMS4wMDAwNDQsNTMuMzUwNjQzNyA1MDguNjQ5MzEyLDUxIDUwNS43NTAwNDQsNTEgTDUwNS43NTAwNDQsNTEgWiBNNTA1Ljc1MDA0NCw2MC4xODc1IEM1MDMuNTc4NzMxLDYwLjE4NzUgNTAxLjgxMjU0NCw1OC40MjEyMjUgNTAxLjgxMjU0NCw1Ni4yNDk5NTYzIEM1MDEuODEyNTQ0LDU0LjA3ODY4NzUgNTAzLjU3ODczMSw1Mi4zMTI0NTYzIDUwNS43NTAwNDQsNTIuMzEyNDU2MyBDNTA3LjkyMTI2OSw1Mi4zMTI0NTYzIDUwOS42ODc1LDU0LjA3ODY4NzUgNTA5LjY4NzUsNTYuMjQ5OTU2MyBDNTA5LjY4NzUsNTguNDIxMjI1IDUwNy45MjEyNjksNjAuMTg3NSA1MDUuNzUwMDQ0LDYwLjE4NzUgTDUwNS43NTAwNDQsNjAuMTg3NSBaIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLDEwMCkiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OTQuMDAwMDAwLCAtMTI5Ny4wMDAwMDApIiBmaWxsPSIjMDg2ZmNmIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuMDAwMDAwLCAxMjQ2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTUwNS43NTAwNDQsNTEgQzUwMi44NTA3MzEsNTEgNTAwLjUsNTMuMzUwNjQzNyA1MDAuNSw1Ni4yNDk5NTYzIEM1MDAuNSw1Ny40NjI5Njg4IDUwMC45MTUzMTksNTguNTc2NzU2MyA1MDEuNjA2NjEyLDU5LjQ2NTQwNjMgTDQ5Ny4xOTIzMjUsNjMuODc5NzM3NSBDNDk3LjA2NDEzOCw2NC4wMDc5MjUgNDk3LDY0LjE3NTM1NjIgNDk3LDY0LjM0MzcwNjMgQzQ5Nyw2NC41MTE2NjI1IDQ5Ny4wNjQxMzgsNjQuNjc5NTMxMyA0OTcuMTkyMzI1LDY0LjgwNzcxODggQzQ5Ny4zMjA0NjksNjQuOTM1OTA2MiA0OTcuNDg4MzgxLDY1IDQ5Ny42NTYyOTQsNjUgQzQ5Ny44MjQxNjIsNjUgNDk3Ljk5MjA3NSw2NC45MzU5MDYyIDQ5OC4xMjAyNjMsNjQuODA3NzE4OCBMNTAyLjUzNDU1LDYwLjM5MzQzMTIgQzUwMy40MjMyNDQsNjEuMDg0NzI1IDUwNC41MzcwMzEsNjEuNDk5OTU2MyA1MDUuNzUwMDQ0LDYxLjQ5OTk1NjMgQzUwOC42NDkzMTIsNjEuNDk5OTU2MyA1MTEuMDAwMDQ0LDU5LjE0OTI2ODcgNTExLjAwMDA0NCw1Ni4yNDk5NTYzIEM1MTEuMDAwMDQ0LDUzLjM1MDY0MzcgNTA4LjY0OTMxMiw1MSA1MDUuNzUwMDQ0LDUxIEw1MDUuNzUwMDQ0LDUxIFogTTUwNS43NTAwNDQsNjAuMTg3NSBDNTAzLjU3ODczMSw2MC4xODc1IDUwMS44MTI1NDQsNTguNDIxMjI1IDUwMS44MTI1NDQsNTYuMjQ5OTU2MyBDNTAxLjgxMjU0NCw1NC4wNzg2ODc1IDUwMy41Nzg3MzEsNTIuMzEyNDU2MyA1MDUuNzUwMDQ0LDUyLjMxMjQ1NjMgQzUwNy45MjEyNjksNTIuMzEyNDU2MyA1MDkuNjg3NSw1NC4wNzg2ODc1IDUwOS42ODc1LDU2LjI0OTk1NjMgQzUwOS42ODc1LDU4LjQyMTIyNSA1MDcuOTIxMjY5LDYwLjE4NzUgNTA1Ljc1MDA0NCw2MC4xODc1IEw1MDUuNzUwMDQ0LDYwLjE4NzUgWiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") no-repeat left top;
1027  border: 0 none;
1028  height: 14px;
1029  margin-right: 15px;
1030  position: relative;
1031  overflow: hidden;
1032  top: 1px;
1033  text-indent: -1000px;
1034  width: 14px;
1035}
1036
1037header form button:hover {
1038  background-position: left bottom;
1039}
1040
1041header form.open {
1042  border-color: #d2d4d6;
1043}
1044
1045header form.open input {
1046  padding: 10px 15px;
1047  width: 157px;
1048}
1049
1050header #customer_login_link {
1051  display: inline-block;
1052  float: right;
1053  margin: 30px 26px 0 0;
1054  position: relative;
1055  z-index: 100;
1056}
1057
1058header #customer_login_link:hover {
1059  color: #086fcf;
1060}
1061
1062header #nav-icon {
1063  display: none;
1064}
1065
1066.breadcrumb {
1067  margin-top: 15px;
1068}
1069
1070.breadcrumb li {
1071  display: inline-block;
1072}
1073
1074.breadcrumb a {
1075  color: #b5b6bd;
1076  display: inline-block;
1077  margin-right: 5px;
1078  padding-right: 14px;
1079  position: relative;
1080}
1081
1082.breadcrumb a:hover {
1083  color: #086fcf;
1084}
1085
1086.breadcrumb a:after {
1087  color: #b5b6bd;
1088  content: ">";
1089  position: absolute;
1090  right: 0;
1091}
1092
1093.text {
1094  margin: 0 auto;
1095  padding: 90px 0 165px;
1096  width: 700px;
1097}
1098
1099.text h1 {
1100  font-family: "montserratbold", sans-serif;
1101  font-size: 369.23077%;
1102  line-height: 125%;
1103  margin-bottom: 60px;
1104}
1105
1106.text h2 {
1107  font-family: "montserratregular", sans-serif;
1108  font-size: 184.61538%;
1109  line-height: 133.33333%;
1110  margin: 55px 0 17px;
1111}
1112
1113.text p {
1114  font-size: 138.46154%;
1115  line-height: 177.77778%;
1116  margin: 17px 0 28px;
1117}
1118
1119.text strong {
1120  font-family: "montserratbold", sans-serif;
1121}
1122
1123.text em {
1124  font-style: italic;
1125}
1126
1127.text *:last-child {
1128  margin-bottom: 0;
1129}
1130
1131.text ul {
1132  font-size: 115.38462%;
1133  line-height: 173.33333%;
1134  margin: 17px 0 28px 40px;
1135}
1136
1137.text ul li {
1138  list-style-type: disc;
1139  padding: 7px 0 7px 7px;
1140}
1141
1142.text ol {
1143  font-size: 115.38462%;
1144  line-height: 173.33333%;
1145  margin: 17px 0 28px 40px;
1146}
1147
1148.text ol li {
1149  list-style-type: decimal;
1150  padding: 7px 0 7px 7px;
1151}
1152
1153.collection {
1154  padding-top: 15px;
1155}
1156
1157.collection.search {
1158  padding-top: 0;
1159}
1160
1161.collection h1 {
1162  font-family: "montserratbold", sans-serif;
1163  font-size: 369.23077%;
1164  line-height: 116.66667%;
1165  color: #086fcf;
1166  padding-bottom: 13px;
1167  text-align: center;
1168}
1169
1170.collection .description {
1171  font-size: 107.69231%;
1172  line-height: 171.42857%;
1173  margin: 0 auto;
1174  max-width: 700px;
1175  padding-bottom: 13px;
1176  text-align: center;
1177}
1178
1179.collection .head {
1180  -moz-box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
1181  -webkit-box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
1182  box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
1183  padding-bottom: 30px;
1184  position: relative;
1185  z-index: 100;
1186}
1187
1188.collection .products {
1189  background-color: #f7f7fa;
1190  padding: 28px 0 110px;
1191}
1192
1193.collection .settings {
1194  font-size: 107.69231%;
1195  line-height: 121.42857%;
1196  color: #b5b6bd;
1197  position: relative;
1198}
1199
1200.collection .settings .sort {
1201  float: right;
1202}
1203
1204.collection .settings .sort .sorter {
1205  margin-left: 5px;
1206}
1207
1208.collection .settings .count {
1209  float: left;
1210}
1211
1212.collection .no-products {
1213  font-size: 115.38462%;
1214  line-height: 120%;
1215  font-family: "montserratregular", sans-serif;
1216  padding-top: 70px;
1217  text-align: center;
1218}
1219
1220.more-products {
1221  padding-top: 40px;
1222  text-align: center;
1223}
1224
1225.more-products span {
1226  -moz-transition: all 0.3s ease-in-out;
1227  -o-transition: all 0.3s ease-in-out;
1228  -webkit-transition: all 0.3s ease-in-out;
1229  transition: all 0.3s ease-in-out;
1230  font-size: 107.69231%;
1231  line-height: 121.42857%;
1232  font-family: "montserratbold", sans-serif;
1233  -moz-border-radius: 26px;
1234  -webkit-border-radius: 26px;
1235  border-radius: 26px;
1236  -moz-box-shadow: rgba(17, 17, 18, 0.1) 0 2px 4px, rgba(19, 20, 20, 0.07) 0 1px 1px;
1237  -webkit-box-shadow: rgba(17, 17, 18, 0.1) 0 2px 4px, rgba(19, 20, 20, 0.07) 0 1px 1px;
1238  box-shadow: rgba(17, 17, 18, 0.1) 0 2px 4px, rgba(19, 20, 20, 0.07) 0 1px 1px;
1239  background-color: #086fcf;
1240  color: #fff;
1241  cursor: pointer;
1242  display: inline-block;
1243  padding: 16px 26px;
1244}
1245
1246.more-products span:hover {
1247  background-color: #0084ff;
1248}
1249
1250.more-products.hidden {
1251  display: none;
1252}
1253
1254.sorter {
1255  display: inline-block;
1256  position: relative;
1257}
1258
1259.sorter:after {
1260  -moz-transition: opacity 0.3s ease-in-out 0s;
1261  -o-transition: opacity 0.3s ease-in-out 0s;
1262  -webkit-transition: opacity 0.3s ease-in-out;
1263  -webkit-transition-delay: 0s;
1264  transition: opacity 0.3s ease-in-out 0s;
1265  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iN3B4IiB2aWV3Qm94PSIwIDAgMTIgNyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE3NS4wMDAwMDAsIC0xMzAzLjAwMDAwMCkiIGZpbGw9IiMwQzBDMTkiIG9wYWNpdHk9IjAuOTM5OTk5OTk4Ij4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuMDAwMDAwLCAxMjQ2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTExNzgsNjMuNDg1MjgxNCBMMTE4My42NTY4NSw1Ny44Mjg0MjcxIEwxMTg5LjMxMzcxLDYzLjQ4NTI4MTQgTDExNzgsNjMuNDg1MjgxNCBaIiBpZD0iU2lwa2EtbWVudSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") no-repeat left top;
1266  content: "";
1267  display: block;
1268  height: 7px;
1269  opacity: 0;
1270  position: absolute;
1271  right: 38px;
1272  top: 20px;
1273  width: 12px;
1274}
1275
1276.sorter .sorter-value {
1277  -moz-transition: all 0.3s ease-in-out;
1278  -o-transition: all 0.3s ease-in-out;
1279  -webkit-transition: all 0.3s ease-in-out;
1280  transition: all 0.3s ease-in-out;
1281  background-position: right 8px;
1282  color: #16161a;
1283  cursor: pointer;
1284  display: inline-block;
1285  padding-right: 14px;
1286  position: relative;
1287}
1288
1289.sorter .sorter-value:before,
1290.sorter .sorter-value:after {
1291  -moz-transition: all 0.3s ease-in-out;
1292  -o-transition: all 0.3s ease-in-out;
1293  -webkit-transition: all 0.3s ease-in-out;
1294  transition: all 0.3s ease-in-out;
1295  content: "";
1296  height: 10px;
1297  margin-top: -5px;
1298  opacity: 1;
1299  position: absolute;
1300  right: 0;
1301  top: 50%;
1302  width: 10px;
1303}
1304
1305.sorter .sorter-value:before {
1306  opacity: 0;
1307}
1308
1309.sorter .sorter-value:hover {
1310  color: #086fcf;
1311}
1312
1313.sorter .sorter-value:hover:before {
1314  opacity: 1;
1315}
1316
1317.sorter .sorter-value:hover:after {
1318  opacity: 0;
1319}
1320
1321.sorter .sorter-options {
1322  -moz-transition: opacity 0.3s ease-in-out 0s, max-height 0s ease-in-out 0.3s;
1323  -o-transition: opacity 0.3s ease-in-out 0s, max-height 0s ease-in-out 0.3s;
1324  -webkit-transition: opacity 0.3s ease-in-out, max-height 0s ease-in-out;
1325  -webkit-transition-delay: 0s, 0.3s;
1326  transition: opacity 0.3s ease-in-out 0s, max-height 0s ease-in-out 0.3s;
1327  -moz-border-radius: 2px;
1328  -webkit-border-radius: 2px;
1329  border-radius: 2px;
1330  background-color: rgba(13, 13, 26, 0.93);
1331  color: #fff;
1332  max-height: 0;
1333  opacity: 0;
1334  overflow: hidden;
1335  padding: 0 12px;
1336  position: absolute;
1337  right: 0;
1338  top: 26px;
1339  z-index: 100;
1340}
1341
1342.sorter .sorter-options > div {
1343  -moz-transition: all 0.3s ease-in-out;
1344  -o-transition: all 0.3s ease-in-out;
1345  -webkit-transition: all 0.3s ease-in-out;
1346  transition: all 0.3s ease-in-out;
1347  border-bottom: 1px solid #2e2e38;
1348  cursor: pointer;
1349  padding: 11px 0;
1350  white-space: nowrap;
1351}
1352
1353.sorter .sorter-options > div:first-child {
1354  padding-top: 12px;
1355}
1356
1357.sorter .sorter-options > div:last-child {
1358  border-bottom: 0 none;
1359  padding-bottom: 14px;
1360}
1361
1362.sorter .sorter-options > div:hover {
1363  opacity: 0.65;
1364}
1365
1366.sorter .sorter-options > div.active {
1367  color: #5d5e66;
1368}
1369
1370.sorter .sorter-options > div.active:hover {
1371  opacity: 1;
1372}
1373
1374.sorter.open .sorter-value:before,
1375.sorter.open .sorter-value:after {
1376  -moz-transform: rotate(-180deg);
1377  -ms-transform: rotate(-180deg);
1378  -webkit-transform: rotate(-180deg);
1379  transform: rotate(-180deg);
1380}
1381
1382.sorter.open .sorter-options {
1383  -moz-transition: opacity 0.3s ease-in-out 0s, max-height 0s ease-in-out 0s;
1384  -o-transition: opacity 0.3s ease-in-out 0s, max-height 0s ease-in-out 0s;
1385  -webkit-transition: opacity 0.3s ease-in-out, max-height 0s ease-in-out;
1386  -webkit-transition-delay: 0s, 0s;
1387  transition: opacity 0.3s ease-in-out 0s, max-height 0s ease-in-out 0s;
1388  max-height: 1000px;
1389  opacity: 1;
1390}
1391
1392.sorter.open:after {
1393  opacity: 0.93;
1394}
1395
1396.collection-list {
1397  max-width: 100%;
1398  margin-left: auto;
1399  margin-right: auto;
1400  margin-top: 18px;
1401}
1402
1403.collection-list:after {
1404  content: " ";
1405  display: block;
1406  clear: both;
1407}
1408
1409.collection-list.cols-4 a {
1410  width: 23.72881%;
1411  float: left;
1412  margin-right: 1.69492%;
1413}
1414
1415.collection-list.cols-4 a:nth-child(4n) {
1416  float: right;
1417  margin-right: 0;
1418}
1419
1420.collection-list.cols-4 a:nth-child(4n+1) {
1421  clear: both;
1422}
1423
1424.collection-list.cols-3 a {
1425  width: 32.20339%;
1426  float: left;
1427  margin-right: 1.69492%;
1428}
1429
1430.collection-list.cols-3 a:nth-child(3n) {
1431  float: right;
1432  margin-right: 0;
1433}
1434
1435.collection-list.cols-3 a:nth-child(3n+1) {
1436  clear: both;
1437}
1438
1439.collection-list.cols-2 a {
1440  width: 49.15254%;
1441  float: left;
1442  margin-right: 1.69492%;
1443}
1444
1445.collection-list.cols-2 a:nth-child(2n) {
1446  float: right;
1447  margin-right: 0;
1448}
1449
1450.collection-list.cols-2 a:nth-child(2n+1) {
1451  clear: both;
1452}
1453
1454.collection-list a {
1455  font-size: 100%;
1456  line-height: 123.07692%;
1457  -moz-transition: all 0.3s ease-in-out;
1458  -o-transition: all 0.3s ease-in-out;
1459  -webkit-transition: all 0.3s ease-in-out;
1460  transition: all 0.3s ease-in-out;
1461  cursor: pointer;
1462  display: block;
1463  margin-bottom: 3.44828%;
1464  position: relative;
1465}
1466
1467.collection-list a .img {
1468  -moz-border-radius: 2px;
1469  -webkit-border-radius: 2px;
1470  border-radius: 2px;
1471  -moz-box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
1472  -webkit-box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
1473  box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
1474  background-color: rgba(64, 64, 82, 0.1) !important;
1475  border: 1px solid rgba(64, 64, 82, 0.1);
1476  display: block;
1477  height: 0;
1478  overflow: hidden;
1479  padding-bottom: 133%;
1480  position: relative;
1481}
1482
1483.collection-list a .img .i {
1484  -moz-transition: all 0.3s ease-in-out;
1485  -o-transition: all 0.3s ease-in-out;
1486  -webkit-transition: all 0.3s ease-in-out;
1487  transition: all 0.3s ease-in-out;
1488  background: transparent no-repeat center center;
1489  -moz-background-size: cover;
1490  -o-background-size: cover;
1491  -webkit-background-size: cover;
1492  background-size: cover;
1493  display: block;
1494  height: 100%;
1495  left: 0;
1496  opacity: 1;
1497  position: absolute;
1498  top: 0;
1499  width: 100%;
1500}
1501
1502.collection-list a .img .second,
1503.collection-list a .img .hide {
1504  opacity: 0;
1505}
1506
1507.collection-list a .img .show {
1508  opacity: 1;
1509}
1510
1511.collection-list a .text {
1512  -moz-transition: all 0.3s ease-in-out;
1513  -o-transition: all 0.3s ease-in-out;
1514  -webkit-transition: all 0.3s ease-in-out;
1515  transition: all 0.3s ease-in-out;
1516  -moz-border-radius: 2px;
1517  -webkit-border-radius: 2px;
1518  border-radius: 2px;
1519  background-color: rgba(13, 13, 26, 0.93);
1520  bottom: -10px;
1521  color: #fff;
1522  display: block;
1523  left: 3%;
1524  max-width: 94%;
1525  padding: 6px 10px 3px;
1526  position: absolute;
1527}
1528
1529.collection-list a .text strong {
1530  font-family: "robotoregular", sans-serif;
1531  display: block;
1532}
1533
1534.collection-list a .text > span {
1535  font-family: "robotoblack", sans-serif;
1536  display: block;
1537  margin-bottom: 2px;
1538}
1539
1540.collection-list a .text > span > span {
1541  font-family: "robotoregular", sans-serif;
1542  opacity: 0.5;
1543}
1544
1545.collection-list a:hover > span {
1546  background-color: #0d0d1a;
1547}
1548
1549.collection-list a:hover .variants {
1550  height: 27px;
1551}
1552
1553.collection-list a .variants {
1554  -moz-transition: all 200ms cubic-bezier(0.64, 0.57, 0.67, 1.53) 0s;
1555  -o-transition: all 200ms cubic-bezier(0.64, 0.57, 0.67, 1.53) 0s;
1556  -webkit-transition: all 200ms cubic-bezier(0.64, 0.57, 0.67, 1.53);
1557  -webkit-transition-delay: 0s;
1558  transition: all 200ms cubic-bezier(0.64, 0.57, 0.67, 1.53) 0s;
1559  font-family: "robotoregular", sans-serif;
1560  height: 0;
1561  overflow: hidden;
1562}
1563
1564.collection-list a .variants .variant {
1565  float: left;
1566  margin: 5px 0 2px;
1567  width: 50%;
1568}
1569
1570.collection-list a .variants .variant:nth-child(even) {
1571  text-align: right;
1572}
1573
1574.collection-list a .variants .var {
1575  display: inline-block;
1576}
1577
1578.collection-list a .variants .var.color {
1579  -moz-border-radius: 2px;
1580  -webkit-border-radius: 2px;
1581  border-radius: 2px;
1582  border: 1px solid #5d5e66;
1583  height: 16px;
1584  padding: 3px;
1585  width: 16px;
1586}
1587
1588.collection-list a .variants .var.blue .c {
1589  background-color: #086fcf !important;
1590}
1591
1592.collection-list a .variants .var.yellow .c {
1593  background-color: #f5c81f !important;
1594}
1595
1596.collection-list a .variants .var.red .c {
1597  background-color: #d9332e !important;
1598}
1599
1600.collection-list a .variants .var .c {
1601  height: 100%;
1602  width: 100%;
1603}
1604
1605.collection-list a .variants .var:not(:last-child) .t:after {
1606  content: ", ";
1607}
1608
1609.collection-list a.hidden {
1610  display: none;
1611}
1612
1613.homepage-banners {
1614  background-color: #f7f7fa;
1615}
1616
1617.homepage-banners a .text {
1618  display: inline-block;
1619  padding: 6px 10px;
1620  width: auto;
1621}
1622
1623.homepage-banners a .text > strong {
1624  font-family: "robotoblack", sans-serif;
1625}
1626
1627.homepage-banners a .text > span {
1628  font-family: "robotoregular", sans-serif;
1629  margin: 6px 0 0;
1630}
1631
1632.homepage-banners a .img {
1633  padding-bottom: 45%;
1634}
1635
1636.homepage-banners a .descr {
1637  -moz-transition: all 200ms cubic-bezier(0.64, 0.57, 0.67, 1.53) 0s;
1638  -o-transition: all 200ms cubic-bezier(0.64, 0.57, 0.67, 1.53) 0s;
1639  -webkit-transition: all 200ms cubic-bezier(0.64, 0.57, 0.67, 1.53);
1640  -webkit-transition-delay: 0s;
1641  transition: all 200ms cubic-bezier(0.64, 0.57, 0.67, 1.53) 0s;
1642  font-family: "robotoregular", sans-serif;
1643  max-height: 0;
1644  max-width: 0;
1645  overflow: hidden;
1646}
1647
1648.homepage-banners a .descr > span {
1649  display: block;
1650  padding-top: 5px;
1651}
1652
1653.homepage-banners a:hover .descr {
1654  max-height: 100px;
1655  max-width: 600px;
1656}
1657
1658.product-detail {
1659  padding-top: 15px;
1660}
1661
1662.product-detail .shadow {
1663  -moz-box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
1664  -webkit-box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
1665  box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
1666  margin-bottom: 2px;
1667}
1668
1669.product-detail .cols {
1670  max-width: 100%;
1671  margin-left: auto;
1672  margin-right: auto;
1673  padding: 35px 0 58px;
1674}
1675
1676.product-detail .cols:after {
1677  content: " ";
1678  display: block;
1679  clear: both;
1680}
1681
1682.product-detail .left-col {
1683  width: 48.27586%;
1684  float: left;
1685  margin-right: 3.44828%;
1686  max-width: 100%;
1687  margin-left: auto;
1688  margin-right: auto;
1689}
1690
1691.product-detail .left-col:after {
1692  content: " ";
1693  display: block;
1694  clear: both;
1695}
1696
1697.product-detail .left-col .thumbs {
1698  width: 15.25424%;
1699  float: left;
1700  margin-right: 1.69492%;
1701}
1702
1703.product-detail .left-col .thumbs a {
1704  -moz-transition: all 0.3s ease-in-out;
1705  -o-transition: all 0.3s ease-in-out;
1706  -webkit-transition: all 0.3s ease-in-out;
1707  transition: all 0.3s ease-in-out;
1708  -moz-border-radius: 1px;
1709  -webkit-border-radius: 1px;
1710  border-radius: 1px;
1711  border: 1px solid #e2e2e3;
1712  display: block;
1713  margin-bottom: 8px;
1714  position: relative;
1715  width: 100%;
1716}
1717
1718.product-detail .left-col .thumbs a.active {
1719  border-color: #086fcf;
1720}
1721
1722.product-detail .left-col .thumbs a.active:hover {
1723  border-color: #086fcf;
1724}
1725
1726.product-detail .left-col .thumbs a:hover {
1727  border-color: #b5b6bd;
1728}
1729
1730.product-detail .left-col .thumbs img {
1731  display: block;
1732  width: 100%;
1733}
1734
1735.product-detail .left-col .big {
1736  width: 83.05085%;
1737  float: right;
1738  margin-right: 0;
1739}
1740
1741.product-detail .left-col .big .img {
1742  -moz-transition: all 600ms ease-out 0s;
1743  -o-transition: all 600ms ease-out 0s;
1744  -webkit-transition: all 600ms ease-out;
1745  -webkit-transition-delay: 0s;
1746  transition: all 600ms ease-out 0s;
1747  -moz-transform: translateY(0px);
1748  -ms-transform: translateY(0px);
1749  -webkit-transform: translateY(0px);
1750  transform: translateY(0px);
1751  -moz-border-radius: 1px;
1752  -webkit-border-radius: 1px;
1753  border-radius: 1px;
1754  background: transparent no-repeat center center;
1755  -moz-background-size: cover;
1756  -o-background-size: cover;
1757  -webkit-background-size: cover;
1758  background-size: cover;
1759  border: 1px solid #e2e2e3;
1760  display: block;
1761  height: 0;
1762  opacity: 1;
1763  padding-bottom: 133%;
1764}
1765
1766.product-detail .left-col .big .img.animate {
1767  -moz-transition: all 0ms ease-out 0s;
1768  -o-transition: all 0ms ease-out 0s;
1769  -webkit-transition: all 0ms ease-out;
1770  -webkit-transition-delay: 0s;
1771  transition: all 0ms ease-out 0s;
1772  -moz-transform: translateY(-30px);
1773  -ms-transform: translateY(-30px);
1774  -webkit-transform: translateY(-30px);
1775  transform: translateY(-30px);
1776  opacity: 0;
1777}
1778
1779.product-detail .left-col .big #banner-gallery {
1780  display: none;
1781}
1782
1783.product-detail .right-col {
1784  width: 48.27586%;
1785  float: right;
1786  margin-right: 0;
1787}
1788
1789.product-detail h1 {
1790  font-size: 184.61538%;
1791  line-height: 141.66667%;
1792  font-family: "montserratregular", sans-serif;
1793}
1794
1795.product-detail a {
1796  font-size: 100%;
1797  line-height: 123.07692%;
1798  color: #b5b6bd;
1799  text-decoration: underline;
1800}
1801
1802.product-detail a:hover {
1803  color: #086fcf;
1804}
1805
1806.product-detail .price-shipping {
1807  border-bottom: 1px solid #edeff2;
1808  padding-bottom: 14px;
1809}
1810
1811.product-detail .price-shipping a {
1812  display: block;
1813  float: left;
1814  margin: 19px 0 0 25px;
1815}
1816
1817.product-detail .price {
1818  font-size: 369.23077%;
1819  line-height: 108.33333%;
1820  font-family: "montserratbold", sans-serif;
1821  color: #086fcf;
1822  float: left;
1823  letter-spacing: -2px;
1824}
1825
1826.product-detail .price del {
1827  font-size: 54.16667%;
1828  line-height: 200%;
1829  font-family: "montserratregular", sans-serif;
1830  color: #b5b6bd;
1831}
1832
1833.product-detail #AddToCartForm {
1834  margin-top: 40px;
1835}
1836
1837.product-detail .btn-and-quantity {
1838  float: left;
1839}
1840
1841.product-detail #AddToCart {
1842  font-family: "montserratbold", sans-serif;
1843  -moz-border-radius: 25px;
1844  -webkit-border-radius: 25px;
1845  border-radius: 25px;
1846  -moz-transition: all 0.3s ease-in-out;
1847  -o-transition: all 0.3s ease-in-out;
1848  -webkit-transition: all 0.3s ease-in-out;
1849  transition: all 0.3s ease-in-out;
1850  font-size: 107.69231%;
1851  line-height: 128.57143%;
1852  background: #086fcf url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE5IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02ODYuMDAwMDAwLCAtNDUwLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NjAuMDAwMDAwLCAxNjUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjY5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjAwMDAwMCwgMTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi43NjU0Nzg0LDQuMjc1IEwxNS44NzU4NzQ5LDguNTkzMzYwNzEgTDQuNjk5ODQwNTksOS43MjQwOTgyMSBMMy40NzM5MDMwNCw0LjI3NSBMMTYuNzY1NDc4NCw0LjI3NSBaIE0xNi44MDQ1NDYzLDkuNzI4MDY3ODYgTDE4LjY3MzcyNTEsMy4wNTM1NzE0MyBMMy4xOTkxNTIwNywzLjA1MzU3MTQzIEwyLjUxMjI3NDYzLDAgTDMuMjYzMDc1NzJlLTA1LDAgTDMuMjYzMDc1NzJlLTA1LDEuMjIxNDI4NTcgTDEuNDUzMDgwMjUsMS4yMjE0Mjg1NyBMNC4wNjM1NDA4MywxMi44MjUgTDE2Ljk2ODAyNjQsMTIuODI1IEwxNi45NjgwMjY0LDExLjYwMzU3MTQgTDUuMTIyNzM1MjEsMTEuNjAzNTcxNCBMNC45NzAwMjMyNiwxMC45MjUzNzMyIEwxNi44MDQ1NDYzLDkuNzI4MDY3ODYgWiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy44MzEzODE3MywxNS4yNjc4NTcxIEM3LjgzMTM4MTczLDE2LjI3OTgxMDcgNi45NTQ5MTk1OSwxNy4xIDUuODczNTM2MywxNy4xIEM0Ljc5MjE1MzAxLDE3LjEgMy45MTU2OTA4NywxNi4yNzk4MTA3IDMuOTE1NjkwODcsMTUuMjY3ODU3MSBDMy45MTU2OTA4NywxNC4yNTU5MDM2IDQuNzkyMTUzMDEsMTMuNDM1NzE0MyA1Ljg3MzUzNjMsMTMuNDM1NzE0MyBDNi45NTQ5MTk1OSwxMy40MzU3MTQzIDcuODMxMzgxNzMsMTQuMjU1OTAzNiA3LjgzMTM4MTczLDE1LjI2Nzg1NzEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1LjY2Mjc2MzUsMTUuMjY3ODU3MSBDMTUuNjYyNzYzNSwxNi4yNzk4MTA3IDE0Ljc4NjMwMTMsMTcuMSAxMy43MDQ5MTgsMTcuMSBDMTIuNjIzNTM0NywxNy4xIDExLjc0NzA3MjYsMTYuMjc5ODEwNyAxMS43NDcwNzI2LDE1LjI2Nzg1NzEgQzExLjc0NzA3MjYsMTQuMjU1OTAzNiAxMi42MjM1MzQ3LDEzLjQzNTcxNDMgMTMuNzA0OTE4LDEzLjQzNTcxNDMgQzE0Ljc4NjMwMTMsMTMuNDM1NzE0MyAxNS42NjI3NjM1LDE0LjI1NTkwMzYgMTUuNjYyNzYzNSwxNS4yNjc4NTcxIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") no-repeat 26px center;
1853  border: 0 none;
1854  color: #fff;
1855  float: right;
1856  height: 50px;
1857  padding: 14px 26px 14px 53px;
1858}
1859
1860.product-detail #AddToCart:hover {
1861  background-color: #0084ff;
1862}
1863
1864.product-detail .spinner {
1865  float: right;
1866}
1867
1868.product-detail .spinner:before {
1869  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAyCAIAAADqed0qAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACsSURBVDhP7ZNbEsIgDAC9/2HVSnkUWnAVZhwlBA/Q/QqzhKaQXIrKqUU0ndI+1DmX27IO9Wq980HWx5FJJZC1dcH5jUDQOZNq+DYI2oeN7BoL+mEsv1RjQV/vpkW9jjGZ1bVFr431IcS2+NFUtBj7Lrnx0b2DpkUHLz1y8IcG7fCKVlql3/GlQbsWmFwqaE8CkwedtMOkmYDsYSvCpJFBGwOYDBFoI1g5tUApTxJ40LZNFr4gAAAAAElFTkSuQmCC") no-repeat left top;
1870  content: "";
1871  display: block;
1872  height: 50px;
1873  left: -6px;
1874  position: absolute;
1875  top: 0;
1876  width: 10px;
1877}
1878
1879.related {
1880  background-color: #f7f7fa;
1881  padding: 40px 0 85px;
1882}
1883
1884.related h2 {
1885  font-size: 184.61538%;
1886  line-height: 150%;
1887  font-family: "montserratregular", sans-serif;
1888  text-align: center;
1889}
1890
1891.related .collection-list {
1892  margin-top: 26px;
1893}
1894
1895.swatches .guide {
1896  float: left;
1897  margin: 36px 0 0 20px;
1898}
1899
1900.spinner {
1901  -moz-border-radius: 25px;
1902  -webkit-border-radius: 25px;
1903  border-radius: 25px;
1904  border: 1px solid #edeff2;
1905  height: 50px;
1906  margin-left: 10px;
1907  padding: 15px 16px 0;
1908  position: relative;
1909}
1910
1911.spinner.is-hidden {
1912  display: none;
1913}
1914
1915.spinner .btn {
1916  cursor: pointer;
1917  display: block;
1918  float: left;
1919  height: 10px;
1920  margin-top: 4px;
1921  position: relative;
1922  width: 10px;
1923}
1924
1925.spinner .btn:before {
1926  -moz-transition: all 0.3s ease-in-out;
1927  -o-transition: all 0.3s ease-in-out;
1928  -webkit-transition: all 0.3s ease-in-out;
1929  transition: all 0.3s ease-in-out;
1930  background-color: #086fcf;
1931  content: "";
1932  display: block;
1933  height: 2px;
1934  left: 0;
1935  margin-top: -1px;
1936  position: absolute;
1937  top: 50%;
1938  width: 100%;
1939}
1940
1941.spinner .btn.plus:after {
1942  -moz-transition: all 0.3s ease-in-out;
1943  -o-transition: all 0.3s ease-in-out;
1944  -webkit-transition: all 0.3s ease-in-out;
1945  transition: all 0.3s ease-in-out;
1946  background-color: #086fcf;
1947  bottom: 0;
1948  content: "";
1949  display: block;
1950  height: 100%;
1951  left: 50%;
1952  margin-left: -1px;
1953  position: absolute;
1954  top: 0;
1955  width: 2px;
1956}
1957
1958.spinner .btn:hover:before,
1959.spinner .btn:hover:after {
1960  background-color: #0084ff;
1961}
1962
1963.spinner input {
1964  font-family: "montserratlight", sans-serif;
1965  border: 0 none;
1966  color: #16161a;
1967  display: block;
1968  float: left;
1969  font-size: 14px;
1970  height: 17px !important;
1971  line-height: 17px !important;
1972  margin-left: 1px;
1973  padding-bottom: 0;
1974  padding-top: 0;
1975  text-align: right;
1976  width: 30px;
1977}
1978
1979.spinner .q {
1980  font-size: 107.69231%;
1981  line-height: 121.42857%;
1982  display: block;
1983  float: left;
1984  margin: 1px 20px 0 3px;
1985}
1986
1987.tabs {
1988  margin: 30px 0;
1989}
1990
1991.tabs .tab-labels {
1992  position: relative;
1993  top: 1px;
1994  z-index: 100;
1995}
1996
1997.tabs .tab-labels span {
1998  font-family: "montserratbold", sans-serif;
1999  font-size: 100%;
2000  line-height: 123.07692%;
2001  -moz-border-radius: 1px;
2002  -webkit-border-radius: 1px;
2003  border-radius: 1px;
2004  border: 1px solid #fff;
2005  border-bottom: 0 none;
2006  color: #086fcf;
2007  cursor: pointer;
2008  display: block;
2009  float: left;
2010  padding: 7px 15px 9px;
2011  text-transform: uppercase;
2012}
2013
2014.tabs .tab-labels span.active {
2015  background-color: #fff;
2016  border-color: #edeff2;
2017  color: #16161a;
2018}
2019
2020.tabs .tab-slides {
2021  font-size: 100%;
2022  line-height: 184.61538%;
2023  border-top: 1px solid #edeff2;
2024  padding-top: 10px;
2025  position: relative;
2026}
2027
2028.tabs .tab-slides > div {
2029  display: none;
2030}
2031
2032.tabs .tab-slides > div.active {
2033  display: block;
2034}
2035
2036.social-sharing-btn-wrapper {
2037  display: none;
2038}
2039
2040.detail-socials .social-sharing {
2041  float: right;
2042  margin: 12px 0;
2043}
2044
2045.detail-socials a {
2046  -moz-border-radius: 50%;
2047  -webkit-border-radius: 50%;
2048  border-radius: 50%;
2049  background: transparent no-repeat center center;
2050  border: 1px solid #edeff2;
2051  display: block;
2052  float: left;
2053  height: 26px;
2054  margin-right: 7px;
2055  width: 26px;
2056}
2057
2058.detail-socials a:hover {
2059  border-color: #b5b6bd;
2060}
2061
2062.detail-socials a:last-child {
2063  margin-right: 0;
2064}
2065
2066.detail-socials .icon,
2067.detail-socials .share-title,
2068.detail-socials .share-count {
2069  display: none;
2070}
2071
2072.detail-socials .share-facebook {
2073  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI3cHgiIGhlaWdodD0iMjZweCIgdmlld0JveD0iMCAwIDI3IDI2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NjEuMDAwMDAwLCAtNzY5LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4My4wMDAwMDAsIDE1Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ0NS4wMDAwMDAsIDYxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMy40Mjg1NzEsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMS4yMTE3OTE2LDE5LjQyNzY0NzUgTDExLjIxMTc5MTYsMTMuMjcyMTY2OCBMOS45NDExNzY0NywxMy4yNzIxNjY4IEw5Ljk0MTE3NjQ3LDExLjE1MDg3MTMgTDExLjIxMTc5MTYsMTEuMTUwODcxMyBMMTEuMjExNzkxNiw5Ljg3NzI1MzEzIEMxMS4yMTE3OTE2LDguMTQ2NzAzNjEgMTEuOTI5MjYwNCw3LjExNzY0NzA2IDEzLjk2NzY3NCw3LjExNzY0NzA2IEwxNS42NjQ3MTA1LDcuMTE3NjQ3MDYgTDE1LjY2NDcxMDUsOS4yMzkxODI4MiBMMTQuNjAzOTQyNiw5LjIzOTE4MjgyIEMxMy44MTA0Mzg3LDkuMjM5MTgyODIgMTMuNzU3OTQ2OSw5LjUzNTYzNTY3IDEzLjc1Nzk0NjksMTAuMDg4OTAyMiBMMTMuNzU1MDY0LDExLjE1MDYzMSBMMTUuNjc2NzIyMywxMS4xNTA2MzEgTDE1LjQ1MTg2MDIsMTMuMjcxOTI2NiBMMTMuNzU1MDY0LDEzLjI3MTkyNjYgTDEzLjc1NTA2NCwxOS40Mjc2NDc1IEwxMS4yMTE3OTE2LDE5LjQyNzY0NzUgWiIgZmlsbD0iI0I1QjdCRCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
2074}
2075
2076.detail-socials .share-twitter {
2077  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI2cHgiIGhlaWdodD0iMjZweCIgdmlld0JveD0iMCAwIDI2IDI2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MjguMDAwMDAwLCAtNzY5LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4My4wMDAwMDAsIDE1Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ0NS4wMDAwMDAsIDYxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUuMDU2NDI4NCw4LjUyNzIxNjk1IEMxMy45ODgxODAyLDguOTE2MDI1MDEgMTMuMzEzMDQ3Myw5LjkxODI4NTggMTMuMzg5OTYxMiwxMS4wMTU1ODg2IEwxMy40MTU1OTkxLDExLjQzODk1NzMgTDEyLjk4ODI5OTgsMTEuMzg3MTE2MyBDMTEuNDMyOTMwNSwxMS4xODgzOTIxIDEwLjA3NDExODcsMTAuNTE0NDU4MiA4LjkyMDQxMDY4LDkuMzgyNTk0NjkgTDguMzU2Mzc1NjMsOC44MjA5ODMwNCBMOC4yMTEwOTM4OCw5LjIzNTcxMTY0IEM3LjkwMzQzODM5LDEwLjE2MDIxMDggOC4wOTk5OTYwNiwxMS4xMzY1NTExIDguNzQwOTQ0OTgsMTEuNzkzMjA0NyBDOS4wODI3ODQ0MSwxMi4xNTYwOTIyIDkuMDA1ODcwNTQsMTIuMjA3OTMzMyA4LjQxNjE5NzUzLDExLjk5MTkyODggQzguMjExMDkzODgsMTEuOTIyODA3NCA4LjAzMTYyODE4LDExLjg3MDk2NjMgOC4wMTQ1MzYyMSwxMS44OTY4ODY4IEM3Ljk1NDcxNDMxLDExLjk1NzM2ODEgOC4xNTk4MTc5NiwxMi43NDM2MjQ0IDguMzIyMTkxNjksMTMuMDU0NjcwOCBDOC41NDQzODczMiwxMy40ODY2Nzk4IDguOTk3MzI0NTUsMTMuOTEwMDQ4NiA5LjQ5Mjk5MTcyLDE0LjE2MDYxMzggTDkuOTExNzQ1MDIsMTQuMzU5MzM3OSBMOS40MTYwNzc4NSwxNC4zNjc5NzgxIEM4LjkzNzUwMjY1LDE0LjM2Nzk3ODEgOC45MjA0MTA2OCwxNC4zNzY2MTgzIDguOTcxNjg2NiwxNC41NTgwNjIgQzkuMTQyNjA2MzEsMTUuMTE5NjczNyA5LjgxNzczOTE3LDE1LjcxNTg0NiAxMC41Njk3ODU5LDE1Ljk3NTA1MTQgTDExLjA5OTYzNywxNi4xNTY0OTUyIEwxMC42MzgxNTM4LDE2LjQzMjk4MDkgQzkuOTU0NDc0OTQsMTYuODMwNDI5MSA5LjE1MTE1MjMsMTcuMDU1MDczOCA4LjM0NzgyOTY1LDE3LjA3MjM1NDIgQzcuOTYzMjYwMjksMTcuMDgwOTk0MyA3LjY0NzA1ODgyLDE3LjExNTU1NTEgNy42NDcwNTg4MiwxNy4xNDE0NzU2IEM3LjY0NzA1ODgyLDE3LjIyNzg3NzQgOC42ODk2NjkwNywxNy43MTE3Mjc0IDkuMjk2NDM0MDUsMTcuOTAxODExNCBDMTEuMTE2NzI5LDE4LjQ2MzQyMyAxMy4yNzg4NjM0LDE4LjIyMTQ5OCAxNC45MDI2MDA2LDE3LjI2MjQzODEgQzE2LjA1NjMwODcsMTYuNTc5ODYzOSAxNy4yMTAwMTY3LDE1LjIyMzM1NTggMTcuNzQ4NDEzOCwxMy45MTAwNDg2IEMxOC4wMzg5Nzc0LDEzLjIxMDE5NDEgMTguMzI5NTQwOSwxMS45MzE0NDc1IDE4LjMyOTU0MDksMTEuMzE3OTk0OCBDMTguMzI5NTQwOSwxMC45MjA1NDY2IDE4LjM1NTE3ODgsMTAuODY4NzA1NSAxOC44MzM3NTQsMTAuMzkzNDk1NyBDMTkuMTE1NzcxNSwxMC4xMTcwMDk5IDE5LjM4MDY5NzEsOS44MTQ2MDM2NSAxOS40MzE5NzMsOS43MjgyMDE4NiBDMTkuNTE3NDMyOSw5LjU2NDAzODQ1IDE5LjUwODg4NjksOS41NjQwMzg0NSAxOS4wNzMwNDE2LDkuNzEwOTIxNSBDMTguMzQ2NjMyOCw5Ljk3MDEyNjg3IDE4LjI0NDA4MSw5LjkzNTU2NjE2IDE4LjYwMzAxMjQsOS41NDY3NTgwOSBDMTguODY3OTM4LDkuMjcwMjcyMzYgMTkuMTg0MTM5NCw4Ljc2OTE0MTk3IDE5LjE4NDEzOTQsOC42MjIyNTg5MiBDMTkuMTg0MTM5NCw4LjU5NjMzODM4IDE5LjA1NTk0OTYsOC42Mzk1MzkyOCAxOC45MTA2Njc5LDguNzE3MzAwODkgQzE4Ljc1Njg0MDEsOC44MDM3MDI2OCAxOC40MTUwMDA3LDguOTMzMzA1MzcgMTguMTU4NjIxMiw5LjAxMTA2Njk4IEwxNy42OTcxMzc5LDkuMTU3OTUwMDMgTDE3LjI3ODM4NDYsOC44NzI4MjQxMiBDMTcuMDQ3NjQzLDguNzE3MzAwODkgMTYuNzIyODk1Niw4LjU0NDQ5NzMxIDE2LjU1MTk3NTksOC40OTI2NTYyMyBDMTYuMTE2MTMwNiw4LjM3MTY5MzczIDE1LjQ0OTU0MzcsOC4zODg5NzQwOCAxNS4wNTY0Mjg0LDguNTI3MjE2OTUgTDE1LjA1NjQyODQsOC41MjcyMTY5NSBaIiBmaWxsPSIjQjVCN0JEIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
2078}
2079
2080.detail-socials .share-pinterest {
2081  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI2cHgiIGhlaWdodD0iMjZweCIgdmlld0JveD0iMCAwIDI2IDI2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01OTQuMDAwMDAwLCAtNzY5LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4My4wMDAwMDAsIDE1Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ0NS4wMDAwMDAsIDYxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2Ni4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy40MzcwNjg3LDYuMTE3NjQ3MDYgQzkuNzE2MzUwOTQsNi4xMTc2NDcwNiA3Ljg0MDMzNjEzLDguNzg1MjQyODcgNy44NDAzMzYxMywxMS4wMDk3NzYgQzcuODQwMzM2MTMsMTIuMzU2NzA3NSA4LjM1MDI4NDQzLDEzLjU1NDk5NDYgOS40NDQwMjQ4MSwxNC4wMDE1MzY0IEM5LjYyMzM3MjE0LDE0LjA3NDg1ODQgOS43ODQwMTkzMywxNC4wMDQwNTg4IDkuODM2MDMxOCwxMy44MDU0ODk1IEM5Ljg3MjIxNDM4LDEzLjY2ODA2NTIgOS45NTc4MDAxMSwxMy4zMjEzNzM0IDkuOTk1OTgzMTcsMTMuMTc2OTkxIEMxMC4wNDg0MzA1LDEyLjk4MDU5NjEgMTAuMDI4MDc3OCwxMi45MTE3MTAxIDkuODgzMzQ3NDgsMTIuNzQwNTM4NiBDOS41Njc5Njc1NiwxMi4zNjg1MzY0IDkuMzY2NDQxLDExLjg4Njk0MjcgOS4zNjY0NDEsMTEuMjA0Nzc5MiBDOS4zNjY0NDEsOS4yMjU2OTYyNiAxMC44NDcxNDM3LDcuNDUzOTY3MzEgMTMuMjIyMTQ3Niw3LjQ1Mzk2NzMxIEMxNS4zMjUxNzM0LDcuNDUzOTY3MzEgMTYuNDgwNTgwNyw4LjczODk3MDkyIDE2LjQ4MDU4MDcsMTAuNDU1MTIxMyBDMTYuNDgwNTgwNywxMi43MTMxNDA3IDE1LjQ4MTI5NzcsMTQuNjE4OTAxOCAxMy45OTc4MTE4LDE0LjYxODkwMTggQzEzLjE3ODU3MiwxNC42MTg5MDE4IDEyLjU2NTI5NDYsMTMuOTQxMzQ4MSAxMi43NjE4NjM0LDEzLjExMDM2NjQgQzEyLjk5NzIyNDIsMTIuMTE4MzAyNSAxMy40NTMxNTk1LDExLjA0NzYxMTEgMTMuNDUzMTU5NSwxMC4zMzE1MjY1IEMxMy40NTMxNTk1LDkuNjkwNTAzMyAxMy4xMDkwNzcxLDkuMTU1ODUzNDMgMTIuMzk2OTkzNCw5LjE1NTg1MzQzIEMxMS41NTk0ODgzLDkuMTU1ODUzNDMgMTAuODg2NzE4NCwxMC4wMjIyMzUgMTAuODg2NzE4NCwxMS4xODI4NjA5IEMxMC44ODY3MTg0LDExLjkyMjA4MTYgMTEuMTM2NTE3NCwxMi40MjIwMjc1IDExLjEzNjUxNzQsMTIuNDIyMDI3NSBDMTEuMTM2NTE3NCwxMi40MjIwMjc1IDEwLjI3OTQ0MjQsMTYuMDUzNDE5NSAxMC4xMjkyMzI1LDE2LjY4OTM5OCBDOS44MzAwMzAzNiwxNy45NTU5NjI0IDEwLjA4NDI2NTIsMTkuNTA4NTk1NCAxMC4xMDU3NDg2LDE5LjY2NTQxNTUgQzEwLjExODM2MDMsMTkuNzU4MzA3NCAxMC4yMzc3ODAzLDE5Ljc4MDM5OTYgMTAuMjkxODgwMiwxOS43MTAyMDg5IEMxMC4zNjkxMTYxLDE5LjYwOTQwMjEgMTEuMzY2NTcyNSwxOC4zNzc5NzY2IDExLjcwNTY5NzMsMTcuMTQ3NTA3OCBDMTEuODAxNjMzMywxNi43OTkwNzY0IDEyLjI1NjUyNDksMTQuOTk0OTA0OSAxMi4yNTY1MjQ5LDE0Ljk5NDkwNDkgQzEyLjUyODU5MDEsMTUuNTEzODk4OSAxMy4zMjM4MjQyLDE1Ljk3MTA1MTkgMTQuMTY5NTA1MSwxNS45NzEwNTE5IEMxNi42ODY5NzgsMTUuOTcxMDUxOSAxOC4zOTQ5NTI1LDEzLjY3NTk4MDIgMTguMzk0OTUyNSwxMC42MDM5Mzk2IEMxOC4zOTQ5NTI1LDguMjgxMDM1MDggMTYuNDI3NDM3NSw2LjExNzY0NzA2IDEzLjQzNzA2ODcsNi4xMTc2NDcwNiBMMTMuNDM3MDY4Nyw2LjExNzY0NzA2IFoiIGZpbGw9IiNCNUI3QkQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
2082}
2083
2084@-moz-keyframes quick_cart_pay_show {
2085  0% {
2086    -moz-transform: rotate(70deg);
2087    transform: rotate(70deg);
2088    right: -100px;
2089  }
2090  50% {
2091    -moz-transform: rotate(-20deg);
2092    transform: rotate(-20deg);
2093    right: 20px;
2094  }
2095  100% {
2096    -moz-transform: rotate(0deg);
2097    transform: rotate(0deg);
2098    right: 0;
2099  }
2100}
2101@-webkit-keyframes quick_cart_pay_show {
2102  0% {
2103    -webkit-transform: rotate(70deg);
2104    transform: rotate(70deg);
2105    right: -100px;
2106  }
2107  50% {
2108    -webkit-transform: rotate(-20deg);
2109    transform: rotate(-20deg);
2110    right: 20px;
2111  }
2112  100% {
2113    -webkit-transform: rotate(0deg);
2114    transform: rotate(0deg);
2115    right: 0;
2116  }
2117}
2118@keyframes quick_cart_pay_show {
2119  0% {
2120    -moz-transform: rotate(70deg);
2121    -ms-transform: rotate(70deg);
2122    -webkit-transform: rotate(70deg);
2123    transform: rotate(70deg);
2124    right: -100px;
2125  }
2126  50% {
2127    -moz-transform: rotate(-20deg);
2128    -ms-transform: rotate(-20deg);
2129    -webkit-transform: rotate(-20deg);
2130    transform: rotate(-20deg);
2131    right: 20px;
2132  }
2133  100% {
2134    -moz-transform: rotate(0deg);
2135    -ms-transform: rotate(0deg);
2136    -webkit-transform: rotate(0deg);
2137    transform: rotate(0deg);
2138    right: 0;
2139  }
2140}
2141@-moz-keyframes quick_cart_pay_hide {
2142  0% {
2143    -moz-transform: rotate(0deg);
2144    transform: rotate(0deg);
2145    right: 0;
2146  }
2147  100% {
2148    -moz-transform: rotate(70deg);
2149    transform: rotate(70deg);
2150    right: -100px;
2151  }
2152}
2153@-webkit-keyframes quick_cart_pay_hide {
2154  0% {
2155    -webkit-transform: rotate(0deg);
2156    transform: rotate(0deg);
2157    right: 0;
2158  }
2159  100% {
2160    -webkit-transform: rotate(70deg);
2161    transform: rotate(70deg);
2162    right: -100px;
2163  }
2164}
2165@keyframes quick_cart_pay_hide {
2166  0% {
2167    -moz-transform: rotate(0deg);
2168    -ms-transform: rotate(0deg);
2169    -webkit-transform: rotate(0deg);
2170    transform: rotate(0deg);
2171    right: 0;
2172  }
2173  100% {
2174    -moz-transform: rotate(70deg);
2175    -ms-transform: rotate(70deg);
2176    -webkit-transform: rotate(70deg);
2177    transform: rotate(70deg);
2178    right: -100px;
2179  }
2180}
2181.homepage .bg {
2182  background-color: #f7f7fa;
2183  background-repeat: no-repeat;
2184  background-position: center -130px;
2185}
2186
2187.homepage .collection-list {
2188  margin-top: 0;
2189  padding: 310px 0 40px;
2190}
2191
2192.homepage .homepage-banners {
2193  padding: 40px 0 0;
2194}
2195
2196.homepage .more-products {
2197  padding-top: 0;
2198  position: relative;
2199  top: 24px;
2200}
2201
2202.homepage .main-services {
2203  padding: 74px 0 44px;
2204}
2205
2206.homepage .main-services li {
2207  display: block;
2208  float: left;
2209  width: 33.33333%;
2210}
2211
2212.homepage .main-services li:nth-child(2) {
2213  text-align: center;
2214}
2215
2216.homepage .main-services li:nth-child(3) {
2217  text-align: right;
2218}
2219
2220.homepage .main-services span {
2221  font-family: "montserratregular", sans-serif;
2222  font-size: 138.46154%;
2223  line-height: 144.44444%;
2224  background: transparent no-repeat left center;
2225  color: #086fcf;
2226  display: inline-block;
2227}
2228
2229.homepage .main-services .shipping {
2230  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjMycHgiIGhlaWdodD0iMjJweCIgdmlld0JveD0iMCAwIDMyIDIyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01ODcuMDAwMDAwLCAtMTI5NC4wMDAwMDApIiBzdHJva2U9IiMwODZGQ0YiIHN0cm9rZS13aWR0aD0iMiI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjAwMDAwMCwgMTI0Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU5MS4wMDAwMDAsIDQ5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNywxNyBMMzAsMTcgTDMwLDEwIEwyOCw0IEwxOSw0IEwxOSwxNyBMMjEsMTciPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjcsMTcgQzI3LDE4LjY1NyAyNS42NTcsMjAgMjQsMjAgQzIyLjM0MywyMCAyMSwxOC42NTcgMjEsMTcgQzIxLDE1LjM0MyAyMi4zNDMsMTQgMjQsMTQgQzI1LjY1NywxNCAyNywxNS4zNDMgMjcsMTcgTDI3LDE3IFoiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAsMTcgTDE5LDE3IEwxOSwwIEwwLDAgTDAsMTcgTDQsMTciPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAsMTcgQzEwLDE4LjY1NyA4LjY1NywyMCA3LDIwIEM1LjM0MywyMCA0LDE4LjY1NyA0LDE3IEM0LDE1LjM0MyA1LjM0MywxNCA3LDE0IEM4LjY1NywxNCAxMCwxNS4zNDMgMTAsMTcgTDEwLDE3IFoiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUsNCBMOSwxMCBMNSw2Ij48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
2231  padding-left: 40px;
2232}
2233
2234.homepage .main-services .brands {
2235  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI2cHgiIGhlaWdodD0iMjdweCIgdmlld0JveD0iMCAwIDI2IDI3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NTIuMDAwMDAwLCAtMTI5Mi4wMDAwMDApIiBzdHJva2U9IiMwODZGQ0YiIHN0cm9rZS13aWR0aD0iMiI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjAwMDAwMCwgMTI0Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1Ny4wMDAwMDAsIDQ3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMi4zNTQ5LDE3LjExNDIgTDE2LjI3NTksMjMuMDAwMiBMMTcuNjYzOSwxOS42NzIyIEwyMS4yNjg5LDE5LjY3MzIgTDE3LjU3NzksMTQuMTMyMiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05LjY0NTEsMTcuMTE0MiBMNS43MjQxLDIzLjAwMDIgTDQuMzM2MSwxOS42NzIyIEwwLjczMTEsMTkuNjczMiBMNC40MjIxLDE0LjEzMjIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuMjM0MiwwLjQ5MDYgTDE0LjAyNzIsMS43ODQ2IEwxNi4yMDkyLDIuMTM3NiBDMTcuMTA2MiwyLjI4MjYgMTcuODA5MiwyLjk4NTYgMTcuOTU0MiwzLjg4MjYgTDE4LjMwNzIsNi4wNjQ2IEwxOS42MDEyLDcuODU3NiBDMjAuMTMzMiw4LjU5NDYgMjAuMTMzMiw5LjU4OTYgMTkuNjAxMiwxMC4zMjU2IEwxOC4zMDcyLDEyLjExODYgTDE3Ljk1NDIsMTQuMzAxNiBDMTcuODA5MiwxNS4xOTg2IDE3LjEwNjIsMTUuOTAxNiAxNi4yMDkyLDE2LjA0NjYgTDE0LjAyNzIsMTYuMzk5NiBMMTIuMjM0MiwxNy42OTI2IEMxMS40OTcyLDE4LjIyNDYgMTAuNTAzMiwxOC4yMjQ2IDkuNzY2MiwxNy42OTI2IEw3Ljk3MzIsMTYuMzk5NiBMNS43OTEyLDE2LjA0NjYgQzQuODkzMiwxNS45MDE2IDQuMTkwMiwxNS4xOTg2IDQuMDQ1MiwxNC4zMDE2IEwzLjY5MjIsMTIuMTE4NiBMMi4zOTkyLDEwLjMyNTYgQzEuODY3Miw5LjU4OTYgMS44NjcyLDguNTk0NiAyLjM5OTIsNy44NTc2IEwzLjY5MjIsNi4wNjQ2IEw0LjA0NTIsMy44ODI2IEM0LjE5MDIsMi45ODU2IDQuODkzMiwyLjI4MjYgNS43OTEyLDIuMTM3NiBMNy45NzMyLDEuNzg0NiBMOS43NjYyLDAuNDkwNiBDMTAuNTAzMiwtMC4wNDE0IDExLjQ5NzIsLTAuMDQxNCAxMi4yMzQyLDAuNDkwNiBMMTIuMjM0MiwwLjQ5MDYgWiI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
2236  padding-left: 32px;
2237}
2238
2239.homepage .main-services .support {
2240  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI1cHgiIGhlaWdodD0iMjdweCIgdmlld0JveD0iMCAwIDI1IDI3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MTUuMDAwMDAwLCAtMTI5MS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuMDAwMDAwLCAxMjQ2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzE5LjAwMDAwMCwgNDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwLDkuMzI3IEMxMS42NTcsOS4zMjcgMTMsMTAuNjcgMTMsMTIuMzI3IEMxMywxMy45ODQgMTEuNjU3LDE1LjMyNyAxMCwxNS4zMjcgQzguMzQzLDE1LjMyNyA3LDEzLjk4NCA3LDEyLjMyNyBDNywxMC42NyA4LjM0Myw5LjMyNyAxMCw5LjMyNyBMMTAsOS4zMjcgWiIgc3Ryb2tlPSIjMDg2RkNGIiBzdHJva2Utd2lkdGg9IjIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUuNSwxNS4zMjcgQzE2LjMyOCwxNS4zMjcgMTcsMTUuOTk5IDE3LDE2LjgyNyBDMTcsMTcuNjU1IDE2LjMyOCwxOC4zMjcgMTUuNSwxOC4zMjcgQzE0LjY3MiwxOC4zMjcgMTQsMTcuNjU1IDE0LDE2LjgyNyBDMTQsMTUuOTk5IDE0LjY3MiwxNS4zMjcgMTUuNSwxNS4zMjciIGZpbGw9IiMwODZGQ0YiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAsOS4zMjcgTDEwLDAiIHN0cm9rZT0iIzA4NkZDRiIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEyLjI0NDksMTQuNTMxMSBMMTUuNDI4OSwxNi43MzUxIiBzdHJva2U9IiMwODZGQ0YiIHN0cm9rZS13aWR0aD0iMiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNSwyNS4zMjcgTDE1LDIxLjMyNyBMMTYsMjEuMzI3IEMxOCwyMS4zMjcgMjAsMTkuMzA5IDIwLDE3LjMyNyBMMjAsMTUuMDc3IEMyMCwxNS4wNzcgMjEuMTA0LDE0Ljc4NiAyMS42OTQsMTQuNjE3IEMyMi40NTYsMTQuNCAyMi42MywxMy41NzIgMjIuMjgxLDEyLjg4OSBDMjEuOTcsMTIuMjggMTkuNTksNy41MDcgMTkuNTksNy41MDcgQzE5LjU5LDcuNTA3IDE4LjE5OSwwLjMyNyAxMCwwLjMyNyBDNC40NzcsMC4zMjcgMCw0LjgwNCAwLDEwLjMyNyBDMCwxNC4xMTIgMywxNi45MDEgMywyMC40NjMgTDMsMjUuMzI3IiBzdHJva2U9IiMwODZGQ0YiIHN0cm9rZS13aWR0aD0iMiI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
2241  padding-left: 33px;
2242}
2243
2244.homepage .main-text {
2245  -moz-box-shadow: rgba(17, 17, 18, 0.04) 0 4px 4px -2px, rgba(19, 20, 20, 0.06) 0 3px 1px -2px;
2246  -webkit-box-shadow: rgba(17, 17, 18, 0.04) 0 4px 4px -2px, rgba(19, 20, 20, 0.06) 0 3px 1px -2px;
2247  box-shadow: rgba(17, 17, 18, 0.04) 0 4px 4px -2px, rgba(19, 20, 20, 0.06) 0 3px 1px -2px;
2248  border-top: 1px solid #f7f7fa;
2249  padding-top: 56px;
2250  position: relative;
2251  text-align: center;
2252  z-index: 2;
2253}
2254
2255.homepage .main-text h1 {
2256  font-family: "montserratbold", sans-serif;
2257  font-size: 492.30769%;
2258  line-height: 106.25%;
2259  letter-spacing: 14px;
2260  margin-bottom: 34px;
2261}
2262
2263.homepage .main-text p {
2264  font-size: 107.69231%;
2265  line-height: 171.42857%;
2266}
2267
2268.homepage .main-text .links {
2269  padding: 44px 0 128px;
2270}
2271
2272.homepage .main-text .links .about {
2273  font-family: "montserratbold", sans-serif;
2274  font-size: 107.69231%;
2275  line-height: 128.57143%;
2276  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE2IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00ODUuMDAwMDAwLCAtMTM5MC4wMDAwMDApIiBmaWxsPSIjMDg2RkNGIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDk1Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI4NS4wMDAwMDAsIDc2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAzNTguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMTIuMzY0Njk0LDkuNzQ1NDg5NzkgTDIwOS4xNjQzMDYsMTIuOTQ1ODc3NCBMMjEwLjIxODgwMSwxNCBMMjE1LjIxODgwMSw5IEwyMTAuMjE4ODAxLDQgTDIwOS4xNjQzMDYsNS4wNTQxMjI1NiBMMjEyLjM2NDY5NCw4LjI1NDUxMDIxIEwyMDAsOC4yNTQ1MTAyMSBMMjAwLDkuNzQ1NDg5NzkgTDIxMi4zNjQ2OTQsOS43NDU0ODk3OSBMMjEyLjM2NDY5NCw5Ljc0NTQ4OTc5IFoiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") no-repeat right center;
2277  color: #086fcf;
2278  display: inline-block;
2279  float: left;
2280  letter-spacing: 1px;
2281  margin-top: 10px;
2282  padding-right: 21px;
2283  text-transform: uppercase;
2284}
2285
2286.homepage .main-text .links .about:hover {
2287  text-decoration: underline;
2288}
2289
2290.homepage .main-text .links .socials {
2291  display: block;
2292  float: right;
2293}
2294
2295.socials {
2296  color: #edeff2;
2297}
2298
2299.socials strong {
2300  opacity: 0.4;
2301}
2302
2303.socials ul {
2304  display: inline-block;
2305}
2306
2307.socials li {
2308  float: left;
2309  margin-left: 28px;
2310}
2311
2312.socials a {
2313  background: transparent no-repeat left top;
2314  display: inline-block;
2315  opacity: 0.65;
2316  overflow: hidden;
2317  position: relative;
2318  text-indent: 100px;
2319  top: 12px;
2320}
2321
2322.socials a:hover {
2323  opacity: 1;
2324}
2325
2326.socials .tw {
2327  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE2IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQ1LjAwMDAwMCwgLTE1OTEuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjAwMDAwMCwgMTI0Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA0MC4wMDAwMDAsIDE5MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTguMjIyNTA4OSw5Ljc1MDk3NjAxIEMxNi44MjU1Njg5LDEwLjI1OTQxNzMgMTUuOTQyNzAyOSwxMS41NzAwNjYgMTYuMDQzMjgyNiwxMy4wMDUwMDA0IEwxNi4wNzY4MDkxLDEzLjU1ODYzNjUgTDE1LjUxODAzMzEsMTMuNDkwODQ0MyBDMTMuNDg0MDg4NSwxMy4yMzA5NzQzIDExLjcwNzE4MDksMTIuMzQ5Njc2MSAxMC4xOTg0ODU4LDEwLjg2OTU0NjkgTDkuNDYwOTAxNDcsMTAuMTM1MTMxNyBMOS4yNzA5MTc2MywxMC42Nzc0NjkxIEM4Ljg2ODU5ODkyLDExLjg4NjQyOTUgOS4xMjU2MzU4OCwxMy4xNjMxODIyIDkuOTYzNzk5ODUsMTQuMDIxODgzIEMxMC40MTA4MjA2LDE0LjQ5NjQyODMgMTAuMzEwMjQxLDE0LjU2NDIyMDQgOS41MzkxMzAxLDE0LjI4MTc1MyBDOS4yNzA5MTc2MywxNC4xOTEzNjM1IDkuMDM2MjMxNzIsMTQuMTIzNTcxMyA5LjAxMzg4MDY4LDE0LjE1NzQ2NzQgQzguOTM1NjUyMDQsMTQuMjM2NTU4MyA5LjIwMzg2NDUxLDE1LjI2NDczOTYgOS40MTYxOTkzOSwxNS42NzE0OTI2IEM5LjcwNjc2MjksMTYuMjM2NDI3NCAxMC4yOTkwNjU0LDE2Ljc5MDA2MzUgMTAuOTQ3MjQ1NiwxNy4xMTc3MjU3IEwxMS40OTQ4NDYsMTcuMzc3NTk1NyBMMTAuODQ2NjY1OSwxNy4zODg4OTQ0IEMxMC4yMjA4MzY4LDE3LjM4ODg5NDQgMTAuMTk4NDg1OCwxNy40MDAxOTMxIDEwLjI2NTUzODksMTcuNjM3NDY1NyBDMTAuNDg5MDQ5MywxOC4zNzE4ODA5IDExLjM3MTkxNTMsMTkuMTUxNDkxIDEyLjM1NTM2MTEsMTkuNDkwNDUxOCBMMTMuMDQ4MjQzMywxOS43Mjc3MjQ0IEwxMi40NDQ3NjUyLDIwLjA4OTI4MjcgQzExLjU1MDcyMzYsMjAuNjA5MDIyNyAxMC41MDAyMjQ4LDIwLjkwMjc4ODggOS40NDk3MjU5NSwyMC45MjUzODYyIEM4Ljk0NjgyNzU2LDIwLjkzNjY4NDkgOC41MzMzMzMzMywyMC45ODE4Nzk3IDguNTMzMzMzMzMsMjEuMDE1Nzc1OCBDOC41MzMzMzMzMywyMS4xMjg3NjI3IDkuODk2NzQ2NzMsMjEuNzYxNDg5NyAxMC42OTAyMDg2LDIyLjAxMDA2MSBDMTMuMDcwNTk0MywyMi43NDQ0NzYyIDE1Ljg5ODAwMDgsMjIuNDI4MTEyOCAxOC4wMjEzNDk1LDIxLjE3Mzk1NzUgQzE5LjUzMDA0NDcsMjAuMjgxMzYwNSAyMS4wMzg3Mzk4LDE4LjUwNzQ2NTMgMjEuNzQyNzk3NiwxNi43OTAwNjM1IEMyMi4xMjI3NjUzLDE1Ljg3NDg2OTIgMjIuNTAyNzMyOSwxNC4yMDI2NjIyIDIyLjUwMjczMjksMTMuNDAwNDU0OCBDMjIuNTAyNzMyOSwxMi44ODA3MTQ4IDIyLjUzNjI1OTUsMTIuODEyOTIyNiAyMy4xNjIwODg2LDEyLjE5MTQ5NDMgQzIzLjUzMDg4MDcsMTEuODI5OTM2IDIzLjg3NzMyMTgsMTEuNDM0NDgxNyAyMy45NDQzNzUsMTEuMzIxNDk0NyBDMjQuMDU2MTMwMiwxMS4xMDY4MTk1IDI0LjA0NDk1NDYsMTEuMTA2ODE5NSAyMy40NzUwMDMxLDExLjI5ODg5NzMgQzIyLjUyNTA4NCwxMS42Mzc4NTgyIDIyLjM5MDk3NzcsMTEuNTkyNjYzNCAyMi44NjAzNDk2LDExLjA4NDIyMjEgQzIzLjIwNjc5MDcsMTAuNzIyNjYzOSAyMy42MjAyODQ5LDEwLjA2NzMzOTUgMjMuNjIwMjg0OSw5Ljg3NTI2MTY3IEMyMy42MjAyODQ5LDkuODQxMzY1NTggMjMuNDUyNjUyMSw5Ljg5Nzg1OTA2IDIzLjI2MjY2ODMsOS45OTk1NDczMiBDMjMuMDYxNTA4OSwxMC4xMTI1MzQzIDIyLjYxNDQ4ODEsMTAuMjgyMDE0NyAyMi4yNzkyMjI1LDEwLjM4MzcwMyBMMjEuNjc1NzQ0NSwxMC41NzU3ODA4IEwyMS4xMjgxNDQsMTAuMjAyOTIzOCBDMjAuODI2NDA1LDkuOTk5NTQ3MzIgMjAuNDAxNzM1Miw5Ljc3MzU3MzQgMjAuMTc4MjI0OCw5LjcwNTc4MTIzIEMxOS42MDgyNzMzLDkuNTQ3NTk5NDkgMTguNzM2NTgyOCw5LjU3MDE5Njg4IDE4LjIyMjUwODksOS43NTA5NzYwMSBMMTguMjIyNTA4OSw5Ljc1MDk3NjAxIFoiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
2328  height: 14px;
2329  top: 10px;
2330  width: 16px;
2331}
2332
2333.socials .fb {
2334  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjlweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgOSAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA5My4wMDAwMDAsIC0xNTg5LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4wMDAwMDAsIDEyNDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTQ2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwNDAuMDAwMDAwLCAxOTAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ0LjMwNzY5MiwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy43NDE0NDg5LDI0LjcwMzgyNTYgTDEzLjc0MTQ0ODksMTUuOTk5MzIwNiBMMTEuOTQ0NjYzOCwxNS45OTkzMjA2IEwxMS45NDQ2NjM4LDEyLjk5OTU4MjkgTDEzLjc0MTQ0ODksMTIuOTk5NTgyOSBMMTMuNzQxNDQ4OSwxMS4xOTg1NTEyIEMxMy43NDE0NDg5LDguNzUxMzY5OTUgMTQuNzU2MDI2MSw3LjI5NjE3NDQzIDE3LjYzODU2LDcuMjk2MTc0NDMgTDIwLjAzODM1MDIsNy4yOTYxNzQ0MyBMMjAuMDM4MzUwMiwxMC4yOTYyNTE5IEwxOC41MzgzMTE1LDEwLjI5NjI1MTkgQzE3LjQxNjIxMjUsMTAuMjk2MjUxOSAxNy4zNDE5ODM0LDEwLjcxNTQ2NzcgMTcuMzQxOTgzNCwxMS40OTc4NDU1IEwxNy4zMzc5MDY4LDEyLjk5OTI0MzEgTDIwLjA1NTMzNjIsMTIuOTk5MjQzMSBMMTkuNzM3MzU3MiwxNS45OTg5ODA4IEwxNy4zMzc5MDY4LDE1Ljk5ODk4MDggTDE3LjMzNzkwNjgsMjQuNzAzODI1NiBMMTMuNzQxNDQ4OSwyNC43MDM4MjU2IFoiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
2335  height: 18px;
2336  width: 9px;
2337  top: 11px;
2338}
2339
2340.socials .in {
2341  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE3cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE3IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTMzLjAwMDAwMCwgLTE1ODkuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjAwMDAwMCwgMTI0Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA0MC4wMDAwMDAsIDE5MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODguNjE1Mzg1LCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4zODQ2MTUsIDcuMzg0NjE1KSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1LjEyNDk5NDcsMTYuNzUxMzgwOCBMMi4xMDU3NzQ1MywxNi43NTEzODA4IEMyLjA3MTE1ODIxLDE2Ljc0NTgwNSAyLjAzNjMwOTU3LDE2LjczOTA2NzYgMi4wMDE2OTMyNSwxNi43MzQ4ODU4IEMxLjI4NTkwMjE1LDE2LjY0Mjg4NTQgMC42ODQxODIyNzMsMTYuMDk2NDU4NyAwLjUyNDgwNzgxOSwxNS4zOTE1ODY4IEMwLjUwNjIyMTg3NywxNS4zMDkzNDQgMC40OTQzNzMzMzksMTUuMjI1OTM5NiAwLjQ3OTUwNDU4NSwxNS4xNDMyMzIyIEwwLjQ3OTUwNDU4NSwyLjA4ODIzNDA0IEMwLjQ4NDg0ODA0MywyLjA1Nzc5OTU2IDAuNDkxMTIwNzk5LDIuMDI3NTk3NDEgMC40OTUzMDI2MzYsMS45OTcxNjI5MyBDMC41OTc5ODk5NjYsMS4yNjY3MzU0IDEuMTMxNDA2NTEsMC42ODYxNTcwMyAxLjg1MjMwODc0LDAuNTIxOTAzNzY2IEMxLjkyOTkwNTA1LDAuNTA0MjQ3MTIgMi4wMDkxMjc2MywwLjQ5MzU2MDIwNCAyLjA4Nzg4NTU2LDAuNDc5Mzg4NDIzIEwxNS4xNDI4ODM3LDAuNDc5Mzg4NDIzIEMxNS4xNzMwODU4LDAuNDg0NzMxODgxIDE1LjIwMzA1NTcsMC40OTE0NjkyODUgMTUuMjMzNzIyNSwwLjQ5NTQxODc5OCBDMTUuOTcyMjgxMywwLjU5NjQ3OTg1OSAxNi41NzM3Njg5LDEuMTYyNDIxOCAxNi43MTYxODM3LDEuODkxNjg3NyBDMTYuNzMwMTIzMSwxLjk2Mjc3ODkzIDE2LjczOTg4MDgsMi4wMzQzMzQ4MSAxNi43NTEyNjQ2LDIuMTA1NjU4MzYgTDE2Ljc1MTI2NDYsMTUuMTI1MTEwOSBDMTYuNzM5NDE2MSwxNS4xOTc1OTYgMTYuNzI5MTkzOCwxNS4yNzEwMTA1IDE2LjcxNTI1NDQsMTUuMzQzMjYzNCBDMTYuNTg1Mzg1MSwxNi4wMTE2NjAzIDE2LjA0MjQ0MzMsMTYuNTY1OTg2IDE1LjM3Nzk5NTgsMTYuNzA3MDA2OSBDMTUuMjk0MzU5MSwxNi43MjUxMjgyIDE1LjIwOTU2MDcsMTYuNzM2OTc2NyAxNS4xMjQ5OTQ3LDE2Ljc1MTM4MDggWiBNMi4yMzk4MjU2Myw3LjA3NzE2NTU4IEwyLjIzOTgyNTYzLDcuMTIxMDc0ODYgQzIuMjM5ODI1NjMsOS41MjkxMTYgMi4yMzk1OTMzMSwxMS45MzcxNTcxIDIuMjQwMDU3OTYsMTQuMzQ1MTk4MyBDMi4yNDAwNTc5NiwxNC42OTE1OTM4IDIuNTM5OTg4NiwxNC45ODk0MzM1IDIuODg2Mzg0MSwxNC45ODk0MzM1IEM2LjcwNDg2NTkyLDE0Ljk4OTY2NTggMTAuNTIzMTE1NCwxNC45ODk2NjU4IDE0LjM0MTU5NzIsMTQuOTg5NDMzNSBDMTQuNjkxMjQ1MywxNC45ODk0MzM1IDE0Ljk4OTU0OTcsMTQuNjkyMDU4NCAxNC45ODk1NDk3LDE0LjM0MzEwNzMgQzE0Ljk4OTc4MiwxMS45Mzc4NTQxIDE0Ljk4OTU0OTcsOS41MzI4MzMxOSAxNC45ODk1NDk3LDcuMTI3ODEyMjcgTDE0Ljk4OTU0OTcsNy4wNzc4NjI1NSBMMTMuNDM2MjI5NSw3LjA3Nzg2MjU1IEMxMy42NTU1NDM3LDcuNzc4Nzg0ODkgMTMuNzIyOTE3Nyw4LjQ5MTc4ODEgMTMuNjM2OTU3Nyw5LjIxODQ5ODQ0IEMxMy41NTA1MzMxLDkuOTQ1NDQxMSAxMy4zMTYzNTAyLDEwLjYyMTk2OTQgMTIuOTM0ODczNywxMS4yNDY2ODk0IEMxMi41NTMxNjUsMTEuODcyMTA2MyAxMi4wNTgzMTQyLDEyLjM5MDE4OTUgMTEuNDUyNDEyNSwxMi44MDI1NjUxIEM5Ljg4MTkwMDQxLDEzLjg3MjE4NiA3LjgxNDIxNDM0LDEzLjk2NjI3NzQgNi4xNDc3NTIzLDEzLjAzMDkzOTggQzUuMzA1MzQ0NDcsMTIuNTU4NjI0NiA0LjY0MzkxNzI2LDExLjg5OTk4NTIgNC4xODI3NTM1NywxMS4wNTEzMDQ3IEMzLjQ5NDg0MTM4LDkuNzg0OTA1MDMgMy4zODQ5NTIsOC40NTU3Nzc4NCAzLjc4ODQ5OTI3LDcuMDc2NzAwOTMgQzMuMjczMjA0MDIsNy4wNzcxNjU1OCAyLjc1OTk5OTY5LDcuMDc3MTY1NTggMi4yMzk4MjU2Myw3LjA3NzE2NTU4IFogTTguNjE1NTAwNzgsNS4zMTgwMDYxNSBDNi44MTA4MDU3OSw1LjMxNjg0NDUzIDUuMzQzNjc3OTgsNi43Njg4NzEyNiA1LjMxODM1NDYzLDguNTY1NDM0OSBDNS4yOTIzMzQzMSwxMC40MTAzMjIgNi43NjkyMTk3NSwxMS44NzI4MDMzIDguNTM5NzYzMDYsMTEuOTEwOTA0NSBDMTAuMzgyMDk0NiwxMS45NTAzOTk2IDExLjg3MjIyMjUsMTAuNDc4MzkzIDExLjkxMTAyMDcsOC42ODgxMDIxMSBDMTEuOTUwNzQ4MSw2Ljg0MTgyMTA4IDEwLjQ2MTU0OTUsNS4zMTY4NDQ1MyA4LjYxNTUwMDc4LDUuMzE4MDA2MTUgWiBNMTMuNTYwMDU4NCw0LjY1NzA0MzU4IEwxMy41NjAwNTg0LDQuNjU0MDIzMzYgQzEzLjgyNzY5NTksNC42NTQwMjMzNiAxNC4wOTYyNjI4LDQuNjU5MTM0NSAxNC4zNjQxMzI3LDQuNjUyNjI5NDIgQzE0LjcwODY2OTYsNC42NDQwMzM0MiAxNC45ODkzMTczLDQuMzQ4NzQ5MjYgMTQuOTg5MzE3Myw0LjAwMzc0NzcxIEMxNC45ODk1NDk3LDMuNDkwMDc4NzMgMTQuOTg5NTQ5NywyLjk3NjE3NzQzIDE0Ljk4OTMxNzMsMi40NjI1MDg0NSBDMTQuOTg5MzE3MywyLjA5NDA0MjE1IDE0LjY5Nzc1MDQsMS44MDA4NDg5MSAxNC4zMjk3NDg3LDEuODAwNjE2NTkgQzEzLjgxNzQ3MzcsMS44MDAzODQyNiAxMy4zMDUxOTg2LDEuODAwMTUxOTQgMTIuNzkyNjkxMywxLjgwMDYxNjU5IEMxMi40MjU2MTg5LDEuODAxMDgxMjQgMTIuMTMzMTIyNywyLjA5NDk3MTQ1IDEyLjEzMjg5MDMsMi40NjM0Mzc3NSBDMTIuMTMyNjU4LDIuOTcyNjkyNTcgMTIuMTMxMjY0MSwzLjQ4MTk0NzM4IDEyLjEzNDc0ODksMy45OTE0MzQ1MiBDMTIuMTM1MjEzNiw0LjA2NzQwNDU2IDEyLjE0OTYxNzcsNC4xNDYzOTQ4MiAxMi4xNzM3Nzk0LDQuMjE4NDE1MzQgQzEyLjI2NTc3OTgsNC40ODk1Mzc3NyAxMi41MTQxMzQ1LDQuNjU1ODgxOTYgMTIuODE4MjQ3LDQuNjU3Mjc1OSBDMTMuMDY1NDQsNC42NTc3NDA1NSAxMy4zMTI2MzMsNC42NTcwNDM1OCAxMy41NjAwNTg0LDQuNjU3MDQzNTggWiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
2342  height: 18px;
2343  width: 17px;
2344}
2345
2346.socials .pi {
2347  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE0IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTc5LjAwMDAwMCwgLTE1ODkuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjAwMDAwMCwgMTI0Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA0MC4wMDAwMDAsIDE5MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMyLjkyMzA3NywgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi40MTc3MDg4LDcuMDg1NTQ2NDMgQzExLjU1MjE1NDgsNy4wODU1NDY0MyA5LjA5ODkwNDY3LDEwLjU3Mzk0MSA5LjA5ODkwNDY3LDEzLjQ4Mjk0NTggQzkuMDk4OTA0NjcsMTUuMjQ0MzE3NyA5Ljc2NTc2MDEzLDE2LjgxMTMwODcgMTEuMTk2MDM2LDE3LjM5NTI0NzkgQzExLjQzMDU2NzEsMTcuNDkxMTMwNCAxMS42NDA2NDQyLDE3LjM5ODU0NjQgMTEuNzA4NjYwNSwxNy4xMzg4Nzg4IEMxMS43NTU5NzYyLDE2Ljk1OTE3MDIgMTEuODY3ODk2LDE2LjUwNTgwNCAxMS45MTc4Mjc3LDE2LjMxNjk5NjIgQzExLjk4NjQxMjcsMTYuMDYwMTcyMSAxMS45NTk3OTc2LDE1Ljk3MDA5MDMgMTEuNzcwNTM0OSwxNS43NDYyNTA3IEMxMS4zNTgxMTUsMTUuMjU5Nzg2MyAxMS4wOTQ1ODAzLDE0LjYzMDAxIDExLjA5NDU4MDMsMTMuNzM3OTUwMSBDMTEuMDk0NTgwMywxMS4xNDk5MTg1IDEzLjAzMDg4MzgsOC44MzMwNDIxNCAxNi4xMzY2NTgyLDguODMzMDQyMTQgQzE4Ljg4Njc2ODcsOC44MzMwNDIxNCAyMC4zOTc2ODYsMTAuNTEzNDMxNSAyMC4zOTc2ODYsMTIuNzU3NjI4MiBDMjAuMzk3Njg2LDE1LjcxMDQyMjggMTkuMDkwOTMxNCwxOC4yMDI1NzE4IDE3LjE1MDk4ODIsMTguMjAyNTcxOCBDMTYuMDc5Njc0NiwxOC4yMDI1NzE4IDE1LjI3NzY5NjUsMTcuMzE2NTQwMSAxNS41MzQ3NDgsMTYuMjI5ODcxNyBDMTUuODQyNTI3NSwxNC45MzI1NTc0IDE2LjQzODc1MDYsMTMuNTMyNDIyNSAxNi40Mzg3NTA2LDEyLjU5NjAwNDEgQzE2LjQzODc1MDYsMTEuNzU3NzQzMSAxNS45ODg3OTY2LDExLjA1ODU4NTUgMTUuMDU3NjEwMywxMS4wNTg1ODU1IEMxMy45NjI0MTE0LDExLjA1ODU4NTUgMTMuMDgyNjM1MywxMi4xOTE1NDYgMTMuMDgyNjM1MywxMy43MDkyODc3IEMxMy4wODI2MzUzLDE0LjY3NTk2MDggMTMuNDA5Mjk1NSwxNS4zMjk3MzYyIDEzLjQwOTI5NTUsMTUuMzI5NzM2MiBDMTMuNDA5Mjk1NSwxNS4zMjk3MzYyIDEyLjI4ODUwNTIsMjAuMDc4NDc5NiAxMi4wOTIwNzY4LDIwLjkxMDE0MzggQzExLjcwMDgxMjUsMjIuNTY2NDIwMyAxMi4wMzMyNzM0LDI0LjU5Njc4NjUgMTIuMDYxMzY3MSwyNC44MDE4NTkxIEMxMi4wNzc4NTk0LDI0LjkyMzMzMyAxMi4yMzQwMjM5LDI0Ljk1MjIyMjkgMTIuMzA0NzcsMjQuODYwNDM1IEMxMi40MDU3NzA3LDI0LjcyODYxMDcgMTMuNzEwMTM2OCwyMy4xMTgyODUgMTQuMTUzNjA3NywyMS41MDkyMTA0IEMxNC4yNzkwNjI1LDIxLjA1MzU2OTUgMTQuODczOTIwOCwxOC42OTQyNjgzIDE0Ljg3MzkyMDgsMTguNjk0MjY4MyBDMTUuMjI5Njk4MywxOS4zNzI5NTI3IDE2LjI2OTYxOTgsMTkuOTcwNzY4MiAxNy4zNzU1MTAyLDE5Ljk3MDc2ODIgQzIwLjY2NzU5MDIsMTkuOTcwNzY4MiAyMi45MDEwOTUzLDE2Ljk2OTUyMDUgMjIuOTAxMDk1MywxMi45NTIyMzY3IEMyMi45MDEwOTUzLDkuOTE0NTkyMzEgMjAuMzI4MTkxMSw3LjA4NTU0NjQzIDE2LjQxNzcwODgsNy4wODU1NDY0MyBMMTYuNDE3NzA4OCw3LjA4NTU0NjQzIFoiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
2348  height: 18px;
2349  width: 14px;
2350}
2351
2352.socials.dark {
2353  color: #b5b6bd;
2354}
2355
2356.socials.dark strong {
2357  opacity: 1;
2358}
2359
2360.socials.dark a {
2361  opacity: 1;
2362}
2363
2364.socials.dark .tw {
2365  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE2IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQ1LjAwMDAwMCwgLTE1OTEuMDAwMDAwKSIgZmlsbD0iI0I1QjZCRCI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjAwMDAwMCwgMTI0Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA0MC4wMDAwMDAsIDE5MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTguMjIyNTA4OSw5Ljc1MDk3NjAxIEMxNi44MjU1Njg5LDEwLjI1OTQxNzMgMTUuOTQyNzAyOSwxMS41NzAwNjYgMTYuMDQzMjgyNiwxMy4wMDUwMDA0IEwxNi4wNzY4MDkxLDEzLjU1ODYzNjUgTDE1LjUxODAzMzEsMTMuNDkwODQ0MyBDMTMuNDg0MDg4NSwxMy4yMzA5NzQzIDExLjcwNzE4MDksMTIuMzQ5Njc2MSAxMC4xOTg0ODU4LDEwLjg2OTU0NjkgTDkuNDYwOTAxNDcsMTAuMTM1MTMxNyBMOS4yNzA5MTc2MywxMC42Nzc0NjkxIEM4Ljg2ODU5ODkyLDExLjg4NjQyOTUgOS4xMjU2MzU4OCwxMy4xNjMxODIyIDkuOTYzNzk5ODUsMTQuMDIxODgzIEMxMC40MTA4MjA2LDE0LjQ5NjQyODMgMTAuMzEwMjQxLDE0LjU2NDIyMDQgOS41MzkxMzAxLDE0LjI4MTc1MyBDOS4yNzA5MTc2MywxNC4xOTEzNjM1IDkuMDM2MjMxNzIsMTQuMTIzNTcxMyA5LjAxMzg4MDY4LDE0LjE1NzQ2NzQgQzguOTM1NjUyMDQsMTQuMjM2NTU4MyA5LjIwMzg2NDUxLDE1LjI2NDczOTYgOS40MTYxOTkzOSwxNS42NzE0OTI2IEM5LjcwNjc2MjksMTYuMjM2NDI3NCAxMC4yOTkwNjU0LDE2Ljc5MDA2MzUgMTAuOTQ3MjQ1NiwxNy4xMTc3MjU3IEwxMS40OTQ4NDYsMTcuMzc3NTk1NyBMMTAuODQ2NjY1OSwxNy4zODg4OTQ0IEMxMC4yMjA4MzY4LDE3LjM4ODg5NDQgMTAuMTk4NDg1OCwxNy40MDAxOTMxIDEwLjI2NTUzODksMTcuNjM3NDY1NyBDMTAuNDg5MDQ5MywxOC4zNzE4ODA5IDExLjM3MTkxNTMsMTkuMTUxNDkxIDEyLjM1NTM2MTEsMTkuNDkwNDUxOCBMMTMuMDQ4MjQzMywxOS43Mjc3MjQ0IEwxMi40NDQ3NjUyLDIwLjA4OTI4MjcgQzExLjU1MDcyMzYsMjAuNjA5MDIyNyAxMC41MDAyMjQ4LDIwLjkwMjc4ODggOS40NDk3MjU5NSwyMC45MjUzODYyIEM4Ljk0NjgyNzU2LDIwLjkzNjY4NDkgOC41MzMzMzMzMywyMC45ODE4Nzk3IDguNTMzMzMzMzMsMjEuMDE1Nzc1OCBDOC41MzMzMzMzMywyMS4xMjg3NjI3IDkuODk2NzQ2NzMsMjEuNzYxNDg5NyAxMC42OTAyMDg2LDIyLjAxMDA2MSBDMTMuMDcwNTk0MywyMi43NDQ0NzYyIDE1Ljg5ODAwMDgsMjIuNDI4MTEyOCAxOC4wMjEzNDk1LDIxLjE3Mzk1NzUgQzE5LjUzMDA0NDcsMjAuMjgxMzYwNSAyMS4wMzg3Mzk4LDE4LjUwNzQ2NTMgMjEuNzQyNzk3NiwxNi43OTAwNjM1IEMyMi4xMjI3NjUzLDE1Ljg3NDg2OTIgMjIuNTAyNzMyOSwxNC4yMDI2NjIyIDIyLjUwMjczMjksMTMuNDAwNDU0OCBDMjIuNTAyNzMyOSwxMi44ODA3MTQ4IDIyLjUzNjI1OTUsMTIuODEyOTIyNiAyMy4xNjIwODg2LDEyLjE5MTQ5NDMgQzIzLjUzMDg4MDcsMTEuODI5OTM2IDIzLjg3NzMyMTgsMTEuNDM0NDgxNyAyMy45NDQzNzUsMTEuMzIxNDk0NyBDMjQuMDU2MTMwMiwxMS4xMDY4MTk1IDI0LjA0NDk1NDYsMTEuMTA2ODE5NSAyMy40NzUwMDMxLDExLjI5ODg5NzMgQzIyLjUyNTA4NCwxMS42Mzc4NTgyIDIyLjM5MDk3NzcsMTEuNTkyNjYzNCAyMi44NjAzNDk2LDExLjA4NDIyMjEgQzIzLjIwNjc5MDcsMTAuNzIyNjYzOSAyMy42MjAyODQ5LDEwLjA2NzMzOTUgMjMuNjIwMjg0OSw5Ljg3NTI2MTY3IEMyMy42MjAyODQ5LDkuODQxMzY1NTggMjMuNDUyNjUyMSw5Ljg5Nzg1OTA2IDIzLjI2MjY2ODMsOS45OTk1NDczMiBDMjMuMDYxNTA4OSwxMC4xMTI1MzQzIDIyLjYxNDQ4ODEsMTAuMjgyMDE0NyAyMi4yNzkyMjI1LDEwLjM4MzcwMyBMMjEuNjc1NzQ0NSwxMC41NzU3ODA4IEwyMS4xMjgxNDQsMTAuMjAyOTIzOCBDMjAuODI2NDA1LDkuOTk5NTQ3MzIgMjAuNDAxNzM1Miw5Ljc3MzU3MzQgMjAuMTc4MjI0OCw5LjcwNTc4MTIzIEMxOS42MDgyNzMzLDkuNTQ3NTk5NDkgMTguNzM2NTgyOCw5LjU3MDE5Njg4IDE4LjIyMjUwODksOS43NTA5NzYwMSBMMTguMjIyNTA4OSw5Ljc1MDk3NjAxIFoiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
2366}
2367
2368.socials.dark .fb {
2369  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSI5cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDkgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPg0KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA5My4wMDAwMDAsIC0xNTg5LjAwMDAwMCkiIGZpbGw9IiNCNUI2QkQiPg0KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuMDAwMDAwLCAxMjQ2LjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNDYuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwNDAuMDAwMDAwLCAxOTAuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NC4zMDc2OTIsIDAuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEzLjc0MTQ0ODksMjQuNzAzODI1NiBMMTMuNzQxNDQ4OSwxNS45OTkzMjA2IEwxMS45NDQ2NjM4LDE1Ljk5OTMyMDYgTDExLjk0NDY2MzgsMTIuOTk5NTgyOSBMMTMuNzQxNDQ4OSwxMi45OTk1ODI5IEwxMy43NDE0NDg5LDExLjE5ODU1MTIgQzEzLjc0MTQ0ODksOC43NTEzNjk5NSAxNC43NTYwMjYxLDcuMjk2MTc0NDMgMTcuNjM4NTYsNy4yOTYxNzQ0MyBMMjAuMDM4MzUwMiw3LjI5NjE3NDQzIEwyMC4wMzgzNTAyLDEwLjI5NjI1MTkgTDE4LjUzODMxMTUsMTAuMjk2MjUxOSBDMTcuNDE2MjEyNSwxMC4yOTYyNTE5IDE3LjM0MTk4MzQsMTAuNzE1NDY3NyAxNy4zNDE5ODM0LDExLjQ5Nzg0NTUgTDE3LjMzNzkwNjgsMTIuOTk5MjQzMSBMMjAuMDU1MzM2MiwxMi45OTkyNDMxIEwxOS43MzczNTcyLDE1Ljk5ODk4MDggTDE3LjMzNzkwNjgsMTUuOTk4OTgwOCBMMTcuMzM3OTA2OCwyNC43MDM4MjU2IEwxMy43NDE0NDg5LDI0LjcwMzgyNTYgWiIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+");
2370}
2371
2372.socials.dark .in {
2373  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE3cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE3IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTMzLjAwMDAwMCwgLTE1ODkuMDAwMDAwKSIgZmlsbD0iI0I1QjZCRCI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjAwMDAwMCwgMTI0Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA0MC4wMDAwMDAsIDE5MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODguNjE1Mzg1LCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4zODQ2MTUsIDcuMzg0NjE1KSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1LjEyNDk5NDcsMTYuNzUxMzgwOCBMMi4xMDU3NzQ1MywxNi43NTEzODA4IEMyLjA3MTE1ODIxLDE2Ljc0NTgwNSAyLjAzNjMwOTU3LDE2LjczOTA2NzYgMi4wMDE2OTMyNSwxNi43MzQ4ODU4IEMxLjI4NTkwMjE1LDE2LjY0Mjg4NTQgMC42ODQxODIyNzMsMTYuMDk2NDU4NyAwLjUyNDgwNzgxOSwxNS4zOTE1ODY4IEMwLjUwNjIyMTg3NywxNS4zMDkzNDQgMC40OTQzNzMzMzksMTUuMjI1OTM5NiAwLjQ3OTUwNDU4NSwxNS4xNDMyMzIyIEwwLjQ3OTUwNDU4NSwyLjA4ODIzNDA0IEMwLjQ4NDg0ODA0MywyLjA1Nzc5OTU2IDAuNDkxMTIwNzk5LDIuMDI3NTk3NDEgMC40OTUzMDI2MzYsMS45OTcxNjI5MyBDMC41OTc5ODk5NjYsMS4yNjY3MzU0IDEuMTMxNDA2NTEsMC42ODYxNTcwMyAxLjg1MjMwODc0LDAuNTIxOTAzNzY2IEMxLjkyOTkwNTA1LDAuNTA0MjQ3MTIgMi4wMDkxMjc2MywwLjQ5MzU2MDIwNCAyLjA4Nzg4NTU2LDAuNDc5Mzg4NDIzIEwxNS4xNDI4ODM3LDAuNDc5Mzg4NDIzIEMxNS4xNzMwODU4LDAuNDg0NzMxODgxIDE1LjIwMzA1NTcsMC40OTE0NjkyODUgMTUuMjMzNzIyNSwwLjQ5NTQxODc5OCBDMTUuOTcyMjgxMywwLjU5NjQ3OTg1OSAxNi41NzM3Njg5LDEuMTYyNDIxOCAxNi43MTYxODM3LDEuODkxNjg3NyBDMTYuNzMwMTIzMSwxLjk2Mjc3ODkzIDE2LjczOTg4MDgsMi4wMzQzMzQ4MSAxNi43NTEyNjQ2LDIuMTA1NjU4MzYgTDE2Ljc1MTI2NDYsMTUuMTI1MTEwOSBDMTYuNzM5NDE2MSwxNS4xOTc1OTYgMTYuNzI5MTkzOCwxNS4yNzEwMTA1IDE2LjcxNTI1NDQsMTUuMzQzMjYzNCBDMTYuNTg1Mzg1MSwxNi4wMTE2NjAzIDE2LjA0MjQ0MzMsMTYuNTY1OTg2IDE1LjM3Nzk5NTgsMTYuNzA3MDA2OSBDMTUuMjk0MzU5MSwxNi43MjUxMjgyIDE1LjIwOTU2MDcsMTYuNzM2OTc2NyAxNS4xMjQ5OTQ3LDE2Ljc1MTM4MDggWiBNMi4yMzk4MjU2Myw3LjA3NzE2NTU4IEwyLjIzOTgyNTYzLDcuMTIxMDc0ODYgQzIuMjM5ODI1NjMsOS41MjkxMTYgMi4yMzk1OTMzMSwxMS45MzcxNTcxIDIuMjQwMDU3OTYsMTQuMzQ1MTk4MyBDMi4yNDAwNTc5NiwxNC42OTE1OTM4IDIuNTM5OTg4NiwxNC45ODk0MzM1IDIuODg2Mzg0MSwxNC45ODk0MzM1IEM2LjcwNDg2NTkyLDE0Ljk4OTY2NTggMTAuNTIzMTE1NCwxNC45ODk2NjU4IDE0LjM0MTU5NzIsMTQuOTg5NDMzNSBDMTQuNjkxMjQ1MywxNC45ODk0MzM1IDE0Ljk4OTU0OTcsMTQuNjkyMDU4NCAxNC45ODk1NDk3LDE0LjM0MzEwNzMgQzE0Ljk4OTc4MiwxMS45Mzc4NTQxIDE0Ljk4OTU0OTcsOS41MzI4MzMxOSAxNC45ODk1NDk3LDcuMTI3ODEyMjcgTDE0Ljk4OTU0OTcsNy4wNzc4NjI1NSBMMTMuNDM2MjI5NSw3LjA3Nzg2MjU1IEMxMy42NTU1NDM3LDcuNzc4Nzg0ODkgMTMuNzIyOTE3Nyw4LjQ5MTc4ODEgMTMuNjM2OTU3Nyw5LjIxODQ5ODQ0IEMxMy41NTA1MzMxLDkuOTQ1NDQxMSAxMy4zMTYzNTAyLDEwLjYyMTk2OTQgMTIuOTM0ODczNywxMS4yNDY2ODk0IEMxMi41NTMxNjUsMTEuODcyMTA2MyAxMi4wNTgzMTQyLDEyLjM5MDE4OTUgMTEuNDUyNDEyNSwxMi44MDI1NjUxIEM5Ljg4MTkwMDQxLDEzLjg3MjE4NiA3LjgxNDIxNDM0LDEzLjk2NjI3NzQgNi4xNDc3NTIzLDEzLjAzMDkzOTggQzUuMzA1MzQ0NDcsMTIuNTU4NjI0NiA0LjY0MzkxNzI2LDExLjg5OTk4NTIgNC4xODI3NTM1NywxMS4wNTEzMDQ3IEMzLjQ5NDg0MTM4LDkuNzg0OTA1MDMgMy4zODQ5NTIsOC40NTU3Nzc4NCAzLjc4ODQ5OTI3LDcuMDc2NzAwOTMgQzMuMjczMjA0MDIsNy4wNzcxNjU1OCAyLjc1OTk5OTY5LDcuMDc3MTY1NTggMi4yMzk4MjU2Myw3LjA3NzE2NTU4IFogTTguNjE1NTAwNzgsNS4zMTgwMDYxNSBDNi44MTA4MDU3OSw1LjMxNjg0NDUzIDUuMzQzNjc3OTgsNi43Njg4NzEyNiA1LjMxODM1NDYzLDguNTY1NDM0OSBDNS4yOTIzMzQzMSwxMC40MTAzMjIgNi43NjkyMTk3NSwxMS44NzI4MDMzIDguNTM5NzYzMDYsMTEuOTEwOTA0NSBDMTAuMzgyMDk0NiwxMS45NTAzOTk2IDExLjg3MjIyMjUsMTAuNDc4MzkzIDExLjkxMTAyMDcsOC42ODgxMDIxMSBDMTEuOTUwNzQ4MSw2Ljg0MTgyMTA4IDEwLjQ2MTU0OTUsNS4zMTY4NDQ1MyA4LjYxNTUwMDc4LDUuMzE4MDA2MTUgWiBNMTMuNTYwMDU4NCw0LjY1NzA0MzU4IEwxMy41NjAwNTg0LDQuNjU0MDIzMzYgQzEzLjgyNzY5NTksNC42NTQwMjMzNiAxNC4wOTYyNjI4LDQuNjU5MTM0NSAxNC4zNjQxMzI3LDQuNjUyNjI5NDIgQzE0LjcwODY2OTYsNC42NDQwMzM0MiAxNC45ODkzMTczLDQuMzQ4NzQ5MjYgMTQuOTg5MzE3Myw0LjAwMzc0NzcxIEMxNC45ODk1NDk3LDMuNDkwMDc4NzMgMTQuOTg5NTQ5NywyLjk3NjE3NzQzIDE0Ljk4OTMxNzMsMi40NjI1MDg0NSBDMTQuOTg5MzE3MywyLjA5NDA0MjE1IDE0LjY5Nzc1MDQsMS44MDA4NDg5MSAxNC4zMjk3NDg3LDEuODAwNjE2NTkgQzEzLjgxNzQ3MzcsMS44MDAzODQyNiAxMy4zMDUxOTg2LDEuODAwMTUxOTQgMTIuNzkyNjkxMywxLjgwMDYxNjU5IEMxMi40MjU2MTg5LDEuODAxMDgxMjQgMTIuMTMzMTIyNywyLjA5NDk3MTQ1IDEyLjEzMjg5MDMsMi40NjM0Mzc3NSBDMTIuMTMyNjU4LDIuOTcyNjkyNTcgMTIuMTMxMjY0MSwzLjQ4MTk0NzM4IDEyLjEzNDc0ODksMy45OTE0MzQ1MiBDMTIuMTM1MjEzNiw0LjA2NzQwNDU2IDEyLjE0OTYxNzcsNC4xNDYzOTQ4MiAxMi4xNzM3Nzk0LDQuMjE4NDE1MzQgQzEyLjI2NTc3OTgsNC40ODk1Mzc3NyAxMi41MTQxMzQ1LDQuNjU1ODgxOTYgMTIuODE4MjQ3LDQuNjU3Mjc1OSBDMTMuMDY1NDQsNC42NTc3NDA1NSAxMy4zMTI2MzMsNC42NTcwNDM1OCAxMy41NjAwNTg0LDQuNjU3MDQzNTggWiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
2374}
2375
2376.socials.dark .pi {
2377  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE0IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTc5LjAwMDAwMCwgLTE1ODkuMDAwMDAwKSIgZmlsbD0iI0I1QjZCRCI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjAwMDAwMCwgMTI0Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA0MC4wMDAwMDAsIDE5MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMyLjkyMzA3NywgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi40MTc3MDg4LDcuMDg1NTQ2NDMgQzExLjU1MjE1NDgsNy4wODU1NDY0MyA5LjA5ODkwNDY3LDEwLjU3Mzk0MSA5LjA5ODkwNDY3LDEzLjQ4Mjk0NTggQzkuMDk4OTA0NjcsMTUuMjQ0MzE3NyA5Ljc2NTc2MDEzLDE2LjgxMTMwODcgMTEuMTk2MDM2LDE3LjM5NTI0NzkgQzExLjQzMDU2NzEsMTcuNDkxMTMwNCAxMS42NDA2NDQyLDE3LjM5ODU0NjQgMTEuNzA4NjYwNSwxNy4xMzg4Nzg4IEMxMS43NTU5NzYyLDE2Ljk1OTE3MDIgMTEuODY3ODk2LDE2LjUwNTgwNCAxMS45MTc4Mjc3LDE2LjMxNjk5NjIgQzExLjk4NjQxMjcsMTYuMDYwMTcyMSAxMS45NTk3OTc2LDE1Ljk3MDA5MDMgMTEuNzcwNTM0OSwxNS43NDYyNTA3IEMxMS4zNTgxMTUsMTUuMjU5Nzg2MyAxMS4wOTQ1ODAzLDE0LjYzMDAxIDExLjA5NDU4MDMsMTMuNzM3OTUwMSBDMTEuMDk0NTgwMywxMS4xNDk5MTg1IDEzLjAzMDg4MzgsOC44MzMwNDIxNCAxNi4xMzY2NTgyLDguODMzMDQyMTQgQzE4Ljg4Njc2ODcsOC44MzMwNDIxNCAyMC4zOTc2ODYsMTAuNTEzNDMxNSAyMC4zOTc2ODYsMTIuNzU3NjI4MiBDMjAuMzk3Njg2LDE1LjcxMDQyMjggMTkuMDkwOTMxNCwxOC4yMDI1NzE4IDE3LjE1MDk4ODIsMTguMjAyNTcxOCBDMTYuMDc5Njc0NiwxOC4yMDI1NzE4IDE1LjI3NzY5NjUsMTcuMzE2NTQwMSAxNS41MzQ3NDgsMTYuMjI5ODcxNyBDMTUuODQyNTI3NSwxNC45MzI1NTc0IDE2LjQzODc1MDYsMTMuNTMyNDIyNSAxNi40Mzg3NTA2LDEyLjU5NjAwNDEgQzE2LjQzODc1MDYsMTEuNzU3NzQzMSAxNS45ODg3OTY2LDExLjA1ODU4NTUgMTUuMDU3NjEwMywxMS4wNTg1ODU1IEMxMy45NjI0MTE0LDExLjA1ODU4NTUgMTMuMDgyNjM1MywxMi4xOTE1NDYgMTMuMDgyNjM1MywxMy43MDkyODc3IEMxMy4wODI2MzUzLDE0LjY3NTk2MDggMTMuNDA5Mjk1NSwxNS4zMjk3MzYyIDEzLjQwOTI5NTUsMTUuMzI5NzM2MiBDMTMuNDA5Mjk1NSwxNS4zMjk3MzYyIDEyLjI4ODUwNTIsMjAuMDc4NDc5NiAxMi4wOTIwNzY4LDIwLjkxMDE0MzggQzExLjcwMDgxMjUsMjIuNTY2NDIwMyAxMi4wMzMyNzM0LDI0LjU5Njc4NjUgMTIuMDYxMzY3MSwyNC44MDE4NTkxIEMxMi4wNzc4NTk0LDI0LjkyMzMzMyAxMi4yMzQwMjM5LDI0Ljk1MjIyMjkgMTIuMzA0NzcsMjQuODYwNDM1IEMxMi40MDU3NzA3LDI0LjcyODYxMDcgMTMuNzEwMTM2OCwyMy4xMTgyODUgMTQuMTUzNjA3NywyMS41MDkyMTA0IEMxNC4yNzkwNjI1LDIxLjA1MzU2OTUgMTQuODczOTIwOCwxOC42OTQyNjgzIDE0Ljg3MzkyMDgsMTguNjk0MjY4MyBDMTUuMjI5Njk4MywxOS4zNzI5NTI3IDE2LjI2OTYxOTgsMTkuOTcwNzY4MiAxNy4zNzU1MTAyLDE5Ljk3MDc2ODIgQzIwLjY2NzU5MDIsMTkuOTcwNzY4MiAyMi45MDEwOTUzLDE2Ljk2OTUyMDUgMjIuOTAxMDk1MywxMi45NTIyMzY3IEMyMi45MDEwOTUzLDkuOTE0NTkyMzEgMjAuMzI4MTkxMSw3LjA4NTU0NjQzIDE2LjQxNzcwODgsNy4wODU1NDY0MyBMMTYuNDE3NzA4OCw3LjA4NTU0NjQzIFoiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
2378}
2379
2380.cart {
2381  padding: 80px 0 58px;
2382}
2383
2384.cart h1 {
2385  font-size: 107.69231%;
2386  line-height: 128.57143%;
2387  font-family: "montserratregular", sans-serif;
2388  -moz-box-shadow: rgba(17, 17, 18, 0.04) 0 4px 4px -2px, rgba(19, 20, 20, 0.06) 0 3px 1px -2px;
2389  -webkit-box-shadow: rgba(17, 17, 18, 0.04) 0 4px 4px -2px, rgba(19, 20, 20, 0.06) 0 3px 1px -2px;
2390  box-shadow: rgba(17, 17, 18, 0.04) 0 4px 4px -2px, rgba(19, 20, 20, 0.06) 0 3px 1px -2px;
2391  color: #086fcf;
2392  margin-bottom: 18px;
2393  padding-bottom: 15px;
2394  text-align: center;
2395}
2396
2397.cart h1 span {
2398  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE5IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02ODYuMDAwMDAwLCAtNDUwLjAwMDAwMCkiIGZpbGw9IiMwODZmY2YiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NjAuMDAwMDAwLCAxNjUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjY5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjAwMDAwMCwgMTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi43NjU0Nzg0LDQuMjc1IEwxNS44NzU4NzQ5LDguNTkzMzYwNzEgTDQuNjk5ODQwNTksOS43MjQwOTgyMSBMMy40NzM5MDMwNCw0LjI3NSBMMTYuNzY1NDc4NCw0LjI3NSBaIE0xNi44MDQ1NDYzLDkuNzI4MDY3ODYgTDE4LjY3MzcyNTEsMy4wNTM1NzE0MyBMMy4xOTkxNTIwNywzLjA1MzU3MTQzIEwyLjUxMjI3NDYzLDAgTDMuMjYzMDc1NzJlLTA1LDAgTDMuMjYzMDc1NzJlLTA1LDEuMjIxNDI4NTcgTDEuNDUzMDgwMjUsMS4yMjE0Mjg1NyBMNC4wNjM1NDA4MywxMi44MjUgTDE2Ljk2ODAyNjQsMTIuODI1IEwxNi45NjgwMjY0LDExLjYwMzU3MTQgTDUuMTIyNzM1MjEsMTEuNjAzNTcxNCBMNC45NzAwMjMyNiwxMC45MjUzNzMyIEwxNi44MDQ1NDYzLDkuNzI4MDY3ODYgWiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy44MzEzODE3MywxNS4yNjc4NTcxIEM3LjgzMTM4MTczLDE2LjI3OTgxMDcgNi45NTQ5MTk1OSwxNy4xIDUuODczNTM2MywxNy4xIEM0Ljc5MjE1MzAxLDE3LjEgMy45MTU2OTA4NywxNi4yNzk4MTA3IDMuOTE1NjkwODcsMTUuMjY3ODU3MSBDMy45MTU2OTA4NywxNC4yNTU5MDM2IDQuNzkyMTUzMDEsMTMuNDM1NzE0MyA1Ljg3MzUzNjMsMTMuNDM1NzE0MyBDNi45NTQ5MTk1OSwxMy40MzU3MTQzIDcuODMxMzgxNzMsMTQuMjU1OTAzNiA3LjgzMTM4MTczLDE1LjI2Nzg1NzEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1LjY2Mjc2MzUsMTUuMjY3ODU3MSBDMTUuNjYyNzYzNSwxNi4yNzk4MTA3IDE0Ljc4NjMwMTMsMTcuMSAxMy43MDQ5MTgsMTcuMSBDMTIuNjIzNTM0NywxNy4xIDExLjc0NzA3MjYsMTYuMjc5ODEwNyAxMS43NDcwNzI2LDE1LjI2Nzg1NzEgQzExLjc0NzA3MjYsMTQuMjU1OTAzNiAxMi42MjM1MzQ3LDEzLjQzNTcxNDMgMTMuNzA0OTE4LDEzLjQzNTcxNDMgQzE0Ljc4NjMwMTMsMTMuNDM1NzE0MyAxNS42NjI3NjM1LDE0LjI1NTkwMzYgMTUuNjYyNzYzNSwxNS4yNjc4NTcxIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") no-repeat left center;
2399  display: inline-block;
2400  padding-left: 22px;
2401}
2402
2403.cart .cart-products .product {
2404  border-bottom: 1px solid #edeff2;
2405  margin-bottom: 15px;
2406  padding-bottom: 15px;
2407}
2408
2409.cart .cart-products .product:last-child {
2410  border-bottom: 0 none;
2411  margin-bottom: 0;
2412  padding-bottom: 0;
2413}
2414
2415.cart .cart-products .p-ico {
2416  float: left;
2417  width: 20%;
2418}
2419
2420.cart .cart-products .p-ico img {
2421  -moz-border-radius: 2px;
2422  -webkit-border-radius: 2px;
2423  border-radius: 2px;
2424  border: 1px solid #d8d7d7;
2425  display: block;
2426  width: 100%;
2427}
2428
2429.cart .cart-products .p-text {
2430  font-size: 92.30769%;
2431  line-height: 133.33333%;
2432  font-family: "montserratregular", sans-serif;
2433  float: left;
2434  margin-left: 2%;
2435  width: 78%;
2436}
2437
2438.cart .cart-products .p-text small {
2439  font-family: "montserratlight", sans-serif;
2440  color: #b5b6bd;
2441}
2442
2443.cart .cart-products .p-text a:hover {
2444  color: #086fcf;
2445}
2446
2447.cart .cart-products small {
2448  display: block;
2449}
2450
2451.cart .cart-products .p-count {
2452  float: left;
2453  margin-right: 2%;
2454  width: 65%;
2455}
2456
2457.cart .cart-products .p-price {
2458  font-size: 116.66667%;
2459  line-height: 114.28571%;
2460  font-family: "montserratbold", sans-serif;
2461  color: #086fcf;
2462  float: left;
2463  text-align: right;
2464  width: 33%;
2465}
2466
2467.cart .price-total {
2468  font-size: 107.69231%;
2469  line-height: 128.57143%;
2470  border-top: 2px solid #b5b6bd;
2471  margin-top: 15px;
2472  padding-top: 10px;
2473  text-align: right;
2474}
2475
2476.cart .price-total strong {
2477  font-family: "montserratbold", sans-serif;
2478  color: #086fcf;
2479}
2480
2481.cart .spinner {
2482  display: inline-block;
2483  height: 34px;
2484  margin-left: 0;
2485  margin-top: 6px;
2486  padding: 7px 10px 0;
2487}
2488
2489.cart .inputs {
2490  margin-top: 20px;
2491}
2492
2493.cart .inputs input {
2494  -moz-transition: all 0.3s ease-in-out;
2495  -o-transition: all 0.3s ease-in-out;
2496  -webkit-transition: all 0.3s ease-in-out;
2497  transition: all 0.3s ease-in-out;
2498  -moz-border-radius: 25px;
2499  -webkit-border-radius: 25px;
2500  border-radius: 25px;
2501  font-size: 107.69231%;
2502  line-height: 128.57143%;
2503  font-family: "montserratbold", sans-serif;
2504  -moz-box-shadow: rgba(17, 17, 18, 0.1) 0 2px 4px, rgba(19, 20, 20, 0.07) 0 1px 1px;
2505  -webkit-box-shadow: rgba(17, 17, 18, 0.1) 0 2px 4px, rgba(19, 20, 20, 0.07) 0 1px 1px;
2506  box-shadow: rgba(17, 17, 18, 0.1) 0 2px 4px, rgba(19, 20, 20, 0.07) 0 1px 1px;
2507  background-color: #086fcf;
2508  border: 0 none;
2509  color: #fff;
2510  cursor: pointer;
2511  float: right;
2512  height: 50px;
2513  padding: 0 44px;
2514  -webkit-appearance: none;
2515}
2516
2517.cart .inputs input:hover {
2518  background-color: #0084ff;
2519}
2520
2521.cart .inputs input.checkout {
2522  background: #086fcf url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI3cHgiIGhlaWdodD0iOHB4Ig0KCSB2aWV3Qm94PSIzIC0yIDcgOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAzIC0yIDcgOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ3LjAwMDAwMCwgLTU2NS4wMDAwMDApIj4NCgkJPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLjAwMDAwMCwgMzQwLjAwMDAwMCkiPg0KCQkJPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4wMDAwMDAsIDIxOC4wMDAwMDApIj4NCgkJCQk8Zz4NCgkJCQkJPHBhdGggaWQ9IlBhdGgtNjctQ29weSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBkPSJNNDEsMTNsNC00bC00LTQiLz4NCgkJCQk8L2c+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==") no-repeat 86% 22px;
2523  background-position: right 42px top 22px;
2524  padding-right: 62px;
2525}
2526
2527.cart .inputs input.update-cart {
2528  background-color: #b5b6bd;
2529  float: left;
2530}
2531
2532.cart .inputs input.update-cart:hover {
2533  background-color: #5d5e66;
2534}
2535
2536.cart .note {
2537  font-size: 92.30769%;
2538  line-height: 133.33333%;
2539  color: #b5b6bd;
2540  margin-top: 16px;
2541  text-align: center;
2542}
2543
2544#sign-in-popup {
2545  background-color: rgba(13, 13, 26, 0.7);
2546  bottom: 0;
2547  display: none;
2548  height: 100%;
2549  left: 0;
2550  position: absolute;
2551  top: 0;
2552  width: 100%;
2553  z-index: 4000;
2554}
2555
2556#sign-in-popup.show {
2557  display: block;
2558}
2559
2560#sign-in-popup .box {
2561  -moz-border-radius: 2px;
2562  -webkit-border-radius: 2px;
2563  border-radius: 2px;
2564  -moz-box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
2565  -webkit-box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
2566  box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
2567  background-color: #fff;
2568  margin: 168px auto 0;
2569  margin-top: 18vh;
2570  max-width: 420px;
2571  position: relative;
2572  width: 100%;
2573}
2574
2575#sign-in-popup .top {
2576  -moz-box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
2577  -webkit-box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
2578  box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
2579  padding: 25px 50px 0;
2580}
2581
2582#sign-in-popup .bottom {
2583  -moz-border-radius-bottomleft: 2px;
2584  -webkit-border-bottom-left-radius: 2px;
2585  border-bottom-left-radius: 2px;
2586  -moz-border-radius-bottomright: 2px;
2587  -webkit-border-bottom-right-radius: 2px;
2588  border-bottom-right-radius: 2px;
2589  background-color: #f7f7fa;
2590  margin-top: 2px;
2591  padding: 25px 50px;
2592}
2593
2594#sign-in-popup #close-sign-in {
2595  cursor: pointer;
2596  height: 14px;
2597  position: absolute;
2598  top: 10px;
2599  right: 10px;
2600  width: 14px;
2601}
2602
2603#sign-in-popup #close-sign-in:before,
2604#sign-in-popup #close-sign-in:after {
2605  -moz-transition: all 0.3s ease-in-out;
2606  -o-transition: all 0.3s ease-in-out;
2607  -webkit-transition: all 0.3s ease-in-out;
2608  transition: all 0.3s ease-in-out;
2609  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iMTNweCIgdmlld0JveD0iMCAwIDEyIDEzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MjcuMDAwMDAwLCAtMTc4LjAwMDAwMCkiIGZpbGw9IiMxNjE2MTkiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MzAuMDAwMDAwLCAxNjguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOTYuMDAwMDAwLCAxMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjAwMDAwMCwgNi41MDAwMDApIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC03LjAwMDAwMCwgLTYuNTAwMDAwKSAiIHg9Ii0xIiB5PSI2IiB3aWR0aD0iMTYiIGhlaWdodD0iMSIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cmVjdCB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjAwMDAwMCwgNi41MDAwMDApIHNjYWxlKC0xLCAxKSByb3RhdGUoLTMxNS4wMDAwMDApIHRyYW5zbGF0ZSgtNy4wMDAwMDAsIC02LjUwMDAwMCkgIiB4PSItMSIgeT0iNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjEiIHJ4PSIxIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") no-repeat left top;
2610  content: "";
2611  display: block;
2612  height: 14px;
2613  left: 0;
2614  position: absolute;
2615  top: 0;
2616  width: 14px;
2617}
2618
2619#sign-in-popup #close-sign-in:after {
2620  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iMTNweCIgdmlld0JveD0iMCAwIDEyIDEzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MjcuMDAwMDAwLCAtMTc4LjAwMDAwMCkiIGZpbGw9IiMwODZmY2YiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MzAuMDAwMDAwLCAxNjguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOTYuMDAwMDAwLCAxMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjAwMDAwMCwgNi41MDAwMDApIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC03LjAwMDAwMCwgLTYuNTAwMDAwKSAiIHg9Ii0xIiB5PSI2IiB3aWR0aD0iMTYiIGhlaWdodD0iMSIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cmVjdCB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjAwMDAwMCwgNi41MDAwMDApIHNjYWxlKC0xLCAxKSByb3RhdGUoLTMxNS4wMDAwMDApIHRyYW5zbGF0ZSgtNy4wMDAwMDAsIC02LjUwMDAwMCkgIiB4PSItMSIgeT0iNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjEiIHJ4PSIxIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
2621  opacity: 0;
2622}
2623
2624#sign-in-popup #close-sign-in:hover:before {
2625  opacity: 0;
2626}
2627
2628#sign-in-popup #close-sign-in:hover:after {
2629  opacity: 1;
2630}
2631
2632#sign-in-popup h2 {
2633  font-family: "montserratregular", sans-serif;
2634  font-size: 184.61538%;
2635  line-height: 141.66667%;
2636  margin-bottom: 21px;
2637  text-align: center;
2638}
2639
2640#sign-in-popup h3 {
2641  font-size: 107.69231%;
2642  line-height: 128.57143%;
2643  padding: 40px 0 28px;
2644  position: relative;
2645  text-align: center;
2646}
2647
2648#sign-in-popup #toggle-reset-passw {
2649  -moz-transition: all 0.3s ease-in-out;
2650  -o-transition: all 0.3s ease-in-out;
2651  -webkit-transition: all 0.3s ease-in-out;
2652  transition: all 0.3s ease-in-out;
2653  color: #086fcf;
2654  cursor: pointer;
2655}
2656
2657#sign-in-popup #toggle-reset-passw:before {
2658  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAIAAABGc1mbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABtSURBVChTjc0xDoAgEERR739PCEQLYAG10m9ARGLhZood9iVMx+/5oCEIqaWbkYpErS1hqU/3vChnY2bnhLAM+qEcrF28jyEkwkLtdaXNieQYV8Iy6Is2h0hpa6H2elLKUPixuJz3lqI5AZQyJ+l3Ra7j0zsYAAAAAElFTkSuQmCC") no-repeat left top;
2659  bottom: -1px;
2660  content: "";
2661  display: block;
2662  height: 8px;
2663  margin-left: -7px;
2664  opacity: 0;
2665  position: absolute;
2666  left: 50%;
2667  width: 14px;
2668}
2669
2670#sign-in-popup #toggle-reset-passw:hover {
2671  text-decoration: underline;
2672}
2673
2674#sign-in-popup #toggle-reset-passw.show:before {
2675  opacity: 1;
2676}
2677
2678#sign-in-popup .label {
2679  position: relative;
2680}
2681
2682#sign-in-popup .label.error .input {
2683  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzkyLjAwMDAwMCwgLTMzNy4wMDAwMDApIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA3LjAwMDAwMCwgMjg5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDI0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk5OS4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI4Ny4wMDAwMDAsIDI1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTcuNjM4Nzg0LDkuNTY4MDgzMiBMOC45MTg3ODQsOS41NjgwODMyIEw4LjkxODc4NCw0LjQ0ODA4MzIgTDcuNjM4Nzg0LDQuNDQ4MDgzMiBMNy42Mzg3ODQsOS41NjgwODMyIEw3LjYzODc4NCw5LjU2ODA4MzIgWiIgaWQ9IkZpbGwtMSIgZmlsbD0iI0Q5MzMyRCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTcuNjM4Nzg0LDEwLjg0ODA4MzIgTDguOTE4Nzg0LDEwLjg0ODA4MzIgTDguOTE4Nzg0LDEyLjEyODA4MzIgTDcuNjM4Nzg0LDEyLjEyODA4MzIgTDcuNjM4Nzg0LDEwLjg0ODA4MzIgTDcuNjM4Nzg0LDEwLjg0ODA4MzIgWiIgaWQ9IkZpbGwtMiIgZmlsbD0iI0Q5MzMyRCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAuNTk4Nzg0LDguMjg4MDcwNCBDMC41OTg3ODQsNC4wNDY3OTA0IDQuMDM3NTA0LDAuNjA4MDcwNCA4LjI3ODc4NCwwLjYwODA3MDQgQzEyLjUyMDA2NCwwLjYwODA3MDQgMTUuOTU4Nzg0LDQuMDQ2NzkwNCAxNS45NTg3ODQsOC4yODgwNzA0IEMxNS45NTg3ODQsMTIuNTI5MzUwNCAxMi41MjAwNjQsMTUuOTY4MDcwNCA4LjI3ODc4NCwxNS45NjgwNzA0IEM0LjAzNzUwNCwxNS45NjgwNzA0IDAuNTk4Nzg0LDEyLjUyOTM1MDQgMC41OTg3ODQsOC4yODgwNzA0IEwwLjU5ODc4NCw4LjI4ODA3MDQgWiIgaWQ9IlN0cm9rZS0zIiBzdHJva2U9IiNEOTMzMkQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat 95% center;
2684  background-position: right 16px center;
2685}
2686
2687#sign-in-popup .label.success .input {
2688  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDAuMDAwMDAwLCAtMTI5NC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuMDAwMDAwLCAxMjQ2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAzLjAwMDAwMCwgNDguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE3LjI5MDQsMy45NjY3NCBMOS4yOTA0LDExLjk2NjcxMzMgTDUuOTU3MDY2NjcsOC42MzMzOCIgaWQ9IlN0cm9rZS0xIiBzdHJva2U9IiMxMDkxNDYiIHN0cm9rZS13aWR0aD0iMiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi40MzA4LDcuNjU0NTggQzE2LjU1MjgsOC4xODQ1OCAxNi42MjM0NjY3LDguNzMzOTEzMzMgMTYuNjIzNDY2Nyw5LjI5OTkxMzMzIEMxNi42MjM0NjY3LDEzLjM0Mzg4NjcgMTMuMzM0MTMzMywxNi42MzMyMiA5LjI5MDEzMzMzLDE2LjYzMzIyIEM1LjI0NjgsMTYuNjMzMjIgMS45NTY4LDEzLjM0Mzg4NjcgMS45NTY4LDkuMjk5OTEzMzMgQzEuOTU2OCw1LjI1NjU4IDUuMjQ2OCwxLjk2NjU4IDkuMjkwMTMzMzMsMS45NjY1OCBDMTEuMjcwOCwxLjk2NjU4IDEzLjA2ODEzMzMsMi43NTkyNDY2NyAxNC4zODg4LDQuMDM5OTEzMzMgTDE1LjMzMTQ2NjcsMy4wOTc5MTMzMyBDMTMuNzY4OCwxLjU3NTkxMzMzIDExLjYzODgsMC42MzMyNDY2NjcgOS4yOTAxMzMzMywwLjYzMzI0NjY2NyBDNC41MTE0NjY2NywwLjYzMzI0NjY2NyAwLjYyMzQ2NjY2Nyw0LjUyMTI0NjY3IDAuNjIzNDY2NjY3LDkuMjk5OTEzMzMgQzAuNjIzNDY2NjY3LDE0LjA3OTIyIDQuNTExNDY2NjcsMTcuOTY2NTUzMyA5LjI5MDEzMzMzLDE3Ljk2NjU1MzMgQzE0LjA2ODgsMTcuOTY2NTUzMyAxNy45NTY4LDE0LjA3OTIyIDE3Ljk1NjgsOS4yOTk5MTMzMyBDMTcuOTU2OCw4LjM0NzI0NjY3IDE3Ljc5NjgsNy40MzI1OCAxNy41MTE0NjY3LDYuNTczOTEzMzMgTDE2LjQzMDgsNy42NTQ1OCBMMTYuNDMwOCw3LjY1NDU4IFoiIGlkPSJGaWxsLTIiIGZpbGw9IiMxMDkxNDYiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat 95% center;
2689  background-position: right 16px center;
2690}
2691
2692#sign-in-popup .label span.error {
2693  font-size: 92.30769%;
2694  line-height: 125%;
2695  -moz-border-radius: 2px;
2696  -webkit-border-radius: 2px;
2697  border-radius: 2px;
2698  background-color: #0d0d1a;
2699  color: #fff;
2700  display: block;
2701  padding: 6px;
2702  position: absolute;
2703  right: 10px;
2704  top: 39px;
2705}
2706
2707#sign-in-popup .label span.error:after {
2708  border-bottom: 5px solid #0d0d1a;
2709  border-left: 5px solid transparent;
2710  border-right: 5px solid transparent;
2711  content: "";
2712  display: block;
2713  height: 0;
2714  right: 10px;
2715  position: absolute;
2716  top: -5px;
2717  width: 0;
2718}
2719
2720#sign-in-popup label {
2721  -moz-transition: all 0.3s ease-in-out;
2722  -o-transition: all 0.3s ease-in-out;
2723  -webkit-transition: all 0.3s ease-in-out;
2724  transition: all 0.3s ease-in-out;
2725  font-size: 107.69231%;
2726  line-height: 128.57143%;
2727  background-color: #fff;
2728  color: #b5b6bd;
2729  height: 18px;
2730  left: 9px;
2731  padding: 0 4px;
2732  position: absolute;
2733  top: 16px;
2734}
2735
2736#sign-in-popup .filled {
2737  font-size: 92.30769%;
2738  line-height: 125%;
2739  color: #16161a;
2740  height: 15px;
2741  left: 24px;
2742  top: -8px;
2743}
2744
2745#sign-in-popup .bottom label {
2746  background-color: #f7f7fa;
2747}
2748
2749#sign-in-popup form .input {
2750  font-family: "montserratlight", sans-serif;
2751  font-size: 107.69231%;
2752  line-height: 128.57143%;
2753  -moz-border-radius: 24px;
2754  -webkit-border-radius: 24px;
2755  border-radius: 24px;
2756  background-color: transparent;
2757  border: 1px solid #d2d4d6;
2758  color: #16161a;
2759  display: block;
2760  height: 48px;
2761  margin-bottom: 20px;
2762  padding: 14px 12px 16px;
2763  width: 100%;
2764  -webkit-appearance: none;
2765}
2766
2767#sign-in-popup form .input:-moz-placeholder {
2768  color: #b5b6bd;
2769  opacity: 1;
2770}
2771
2772#sign-in-popup form .input::-moz-placeholder {
2773  color: #b5b6bd;
2774  opacity: 1;
2775}
2776
2777#sign-in-popup form .input:-ms-input-placeholder {
2778  color: #b5b6bd;
2779  opacity: 1;
2780}
2781
2782#sign-in-popup form .input::-webkit-input-placeholder {
2783  color: #b5b6bd;
2784  opacity: 1;
2785}
2786
2787#sign-in-popup form .btn {
2788  -moz-transition: all 0.3s ease-in-out;
2789  -o-transition: all 0.3s ease-in-out;
2790  -webkit-transition: all 0.3s ease-in-out;
2791  transition: all 0.3s ease-in-out;
2792  -moz-border-radius: 25px;
2793  -webkit-border-radius: 25px;
2794  border-radius: 25px;
2795  font-size: 107.69231%;
2796  line-height: 128.57143%;
2797  font-family: "montserratbold", sans-serif;
2798  -moz-box-shadow: rgba(17, 17, 18, 0.1) 0 2px 4px, rgba(19, 20, 20, 0.07) 0 1px 1px;
2799  -webkit-box-shadow: rgba(17, 17, 18, 0.1) 0 2px 4px, rgba(19, 20, 20, 0.07) 0 1px 1px;
2800  box-shadow: rgba(17, 17, 18, 0.1) 0 2px 4px, rgba(19, 20, 20, 0.07) 0 1px 1px;
2801  background-color: #086fcf;
2802  border: 0 none;
2803  color: #fff;
2804  cursor: pointer;
2805  height: 50px;
2806  padding: 0;
2807  width: 100%;
2808  -webkit-appearance: none;
2809}
2810
2811#sign-in-popup form .btn:hover {
2812  background-color: #0084ff;
2813}
2814
2815#sign-in-popup #reset-passw-form {
2816  -moz-transition: all 0.3s ease-in-out;
2817  -o-transition: all 0.3s ease-in-out;
2818  -webkit-transition: all 0.3s ease-in-out;
2819  transition: all 0.3s ease-in-out;
2820  max-height: 0;
2821  overflow: hidden;
2822}
2823
2824#sign-in-popup #reset-passw-form.show {
2825  max-height: 200px;
2826}
2827
2828footer {
2829  background-color: #16161a;
2830  color: #fff;
2831  padding: 42px 0 66px;
2832}
2833
2834footer ._cont {
2835  position: relative;
2836}
2837
2838footer .left {
2839  float: left;
2840  width: 50%;
2841}
2842
2843footer .right {
2844  float: right;
2845  text-align: right;
2846  width: 50%;
2847}
2848
2849footer .top .left {
2850  font-size: 138.46154%;
2851  line-height: 188.88889%;
2852  padding-top: 8px;
2853}
2854
2855footer .top .left .phone {
2856  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE3cHgiIGhlaWdodD0iMTdweCIgdmlld0JveD0iMCAwIDE3IDE3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NC4wMDAwMDAsIC0xNDUyLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4wMDAwMDAsIDEyNDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTQ2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg3LjAwMDAwMCwgNDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIuNDUxNDI3MTQsMTYuNDk5MTkwMiBMMS40NDAyMzY2MSwxNy4yMzkzODE2IEMwLjUwMTEwOTEyMywxNy45MjY3MDIzIDAuMTE1NDA1MjA2LDE5LjExMzI0OTEgMC40NzkxODI0NzEsMjAuMTkxODM4NCBDMi4zNDM3MTcyNywyNS43MTE2OTk4IDYuODYyMzM4NjgsMzAuMTYzODY2IDEyLjU2NjczMDQsMzIuMTAwNzU5OSBDMTMuNTY2NjM3LDMyLjQ0MDc1OCAxNC43NDI0MDU2LDMyLjE4MDQwNDYgMTUuNDg0OTYyNiwzMS40NTg4NjI2IEwxNi42NDE0MzMyLDMwLjMzNTUyNjkgQzE2Ljg4MDU3NDgsMzAuMTAyNTAxNCAxNy4wMTI3MTE3LDI5Ljc5NjA0NzYgMTcuMDEyNzExNywyOS40NzE2ODI5IEMxNy4wMTI3MTE3LDI5LjAwODk1NTUgMTYuNzQ0NzE5MywyOC41ODkxMjggMTYuMzEyNjYxNywyOC4zNzYyOTA2IEwxMi45ODkzNjM0LDI2LjczNzIzMzcgQzEyLjg1NTM2NzIsMjYuNjcxMzc1OSAxMi42OTE5NDMxLDI2LjcyOTQxNjkgMTIuNjI5MzY4OCwyNi43ODQ2ODgxIEwxMi4yNDExNjQ1LDI3LjEyNjcxNzQgQzExLjI4Mzg5MywyNy45Njk5NDI0IDEwLjIwNzgyNTIsMjcuNzUyMzI0NyA5LjA1MDcxMzQ1LDI3LjE4MDEwMTIgQzcuNTYwMDIxNjYsMjYuNDQyODY0IDYuMzY1MzM5NjgsMjUuMjk3ODYzIDUuNTk4NDE5NzYsMjMuODY4ODEyMiBDNC45OTExNDEyNSwyMi43Mzg0NTk5IDQuNzc0ODgyOTIsMjEuNzYwNjY3NyA1LjY3MTM3NTI1LDIwLjgyNTA1NzMgTDYuMDI2NDk3MjYsMjAuNDUzNjY5IEM2LjA2NTI4NTYzLDIwLjQxMzI5MjcgNi4xMTE2MzkzNSwyMC4zNDQ0ODA2IDYuMTExNjM5MzUsMjAuMjQ2MzA5NSBDNi4xMTE2MzkzNSwyMC4xOTc2MjQxIDYuMDk5NjUwMjEsMjAuMTUwOTY5NyA2LjA3NjU2OTUzLDIwLjEwNzcwMDYgTDQuMzY3ODkzNDgsMTYuOTE5Njk0OCBDNC4xNDYyNTQ3NywxNi41MDU0NjgyIDMuNzA4NjE5MzEsMTYuMjQ4NSAzLjIyNjU1MzUzLDE2LjI0ODUgQzIuOTQyOTE3NTMsMTYuMjQ4NSAyLjY3NDkyNTEyLDE2LjMzNTQ2OTEgMi40NTE0MjcxNCwxNi40OTkxOTAyIFoiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat left 9px;
2857  display: inline-block;
2858  margin-right: 75px;
2859  padding-left: 26px;
2860}
2861
2862footer .top .left a.mail {
2863  display: inline-block;
2864  padding-left: 28px;
2865  position: relative;
2866}
2867
2868footer .top .left a.mail:before {
2869  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMTE2cHgiIHZpZXdCb3g9IjAgMCAyMCAxMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPgogICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMzNy4wMDAwMDAsIC0xNDUzLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4wMDAwMDAsIDEyNDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTQ2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg3LjAwMDAwMCwgNDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1My4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMS4yNSwxNyBDMC41NTk2ODc1LDE3IDAsMTcuNTUxMDc0OCAwLDE4LjIzMDc2NDUgTDAsMzEuNzY5MTc0IEMwLDMyLjQ0ODkyNTIgMC41NTk2ODc1LDMzIDEuMjUsMzMgTDE4Ljc1LDMzIEMxOS40NDAzMTI1LDMzIDIwLDMyLjQ0ODkyNTIgMjAsMzEuNzY5MTc0IEwyMCwxOC4yMzA3NjQ1IEMyMCwxNy41NTEwNzQ4IDE5LjQ0MDMxMjUsMTcgMTguNzUsMTcgTDEuMjUsMTcgTDEuMjUsMTcgWiBNMTguMTI1LDE4Ljg0NjE0NjcgTDE4LjEyNSwxOS4zMjkzNDQ5IEwxMCwyNi4wNDIwNTc1IEwxLjg3NSwxOS4zMjkzNDQ5IEwxLjg3NSwxOC44NDYxNDY3IEwxOC4xMjUsMTguODQ2MTQ2NyBMMTguMTI1LDE4Ljg0NjE0NjcgWiBNMS44NzUsMzEuMTUzNzkxNyBMMS44NzUsMjEuNzM5MTgxOCBMOS4xOTY1LDI3Ljc4ODE0MzEgQzkuNDI5MzEyNSwyNy45ODA0NTAxIDkuNzE0Njg3NSwyOC4wNzY4ODA1IDEwLDI4LjA3Njg4MDUgQzEwLjI4NTMxMjUsMjguMDc2ODgwNSAxMC41NzA2ODc1LDI3Ljk4MDQ1MDEgMTAuODAzNSwyNy43ODgxNDMxIEwxOC4xMjUsMjEuNzM5MTgxOCBMMTguMTI1LDMxLjE1Mzc5MTcgTDEuODc1LDMxLjE1Mzc5MTcgTDEuODc1LDMxLjE1Mzc5MTcgWiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgogICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwxMDApIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzM3LjAwMDAwMCwgLTE0NTMuMDAwMDAwKSIgZmlsbD0iIzA4NmZjZiI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjAwMDAwMCwgMTI0Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODcuMDAwMDAwLCA0NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUzLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLjI1LDE3IEMwLjU1OTY4NzUsMTcgMCwxNy41NTEwNzQ4IDAsMTguMjMwNzY0NSBMMCwzMS43NjkxNzQgQzAsMzIuNDQ4OTI1MiAwLjU1OTY4NzUsMzMgMS4yNSwzMyBMMTguNzUsMzMgQzE5LjQ0MDMxMjUsMzMgMjAsMzIuNDQ4OTI1MiAyMCwzMS43NjkxNzQgTDIwLDE4LjIzMDc2NDUgQzIwLDE3LjU1MTA3NDggMTkuNDQwMzEyNSwxNyAxOC43NSwxNyBMMS4yNSwxNyBMMS4yNSwxNyBaIE0xOC4xMjUsMTguODQ2MTQ2NyBMMTguMTI1LDE5LjMyOTM0NDkgTDEwLDI2LjA0MjA1NzUgTDEuODc1LDE5LjMyOTM0NDkgTDEuODc1LDE4Ljg0NjE0NjcgTDE4LjEyNSwxOC44NDYxNDY3IEwxOC4xMjUsMTguODQ2MTQ2NyBaIE0xLjg3NSwzMS4xNTM3OTE3IEwxLjg3NSwyMS43MzkxODE4IEw5LjE5NjUsMjcuNzg4MTQzMSBDOS40MjkzMTI1LDI3Ljk4MDQ1MDEgOS43MTQ2ODc1LDI4LjA3Njg4MDUgMTAsMjguMDc2ODgwNSBDMTAuMjg1MzEyNSwyOC4wNzY4ODA1IDEwLjU3MDY4NzUsMjcuOTgwNDUwMSAxMC44MDM1LDI3Ljc4ODE0MzEgTDE4LjEyNSwyMS43MzkxODE4IEwxOC4xMjUsMzEuMTUzNzkxNyBMMS44NzUsMzEuMTUzNzkxNyBMMS44NzUsMzEuMTUzNzkxNyBaIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") no-repeat left top;
2870  content: "";
2871  height: 16px;
2872  left: 0;
2873  position: absolute;
2874  top: 10px;
2875  width: 20px;
2876}
2877
2878footer .top .left a.mail:hover {
2879  color: rgba(255, 255, 255, 0.7);
2880}
2881
2882footer .top form {
2883  -moz-border-radius: 2px;
2884  -webkit-border-radius: 2px;
2885  border-radius: 2px;
2886  border: 1px solid #46464a;
2887  display: inline-block;
2888}
2889
2890footer .top form input {
2891  font-family: "montserratlight", sans-serif;
2892  font-size: 107.69231%;
2893  line-height: 121.42857%;
2894  background-color: transparent;
2895  border: 0 none;
2896  color: #fff;
2897  padding: 15px 12px;
2898  width: 320px;
2899}
2900
2901footer .top form input:-moz-placeholder {
2902  color: #46464a;
2903  opacity: 1;
2904}
2905
2906footer .top form input::-moz-placeholder {
2907  color: #46464a;
2908  opacity: 1;
2909}
2910
2911footer .top form input:-ms-input-placeholder {
2912  color: #46464a;
2913  opacity: 1;
2914}
2915
2916footer .top form input::-webkit-input-placeholder {
2917  color: #46464a;
2918  opacity: 1;
2919}
2920
2921footer .top form button {
2922  font-family: "montserratbold", sans-serif;
2923  font-size: 107.69231%;
2924  line-height: 121.42857%;
2925  background-color: transparent;
2926  border: 0 none;
2927  color: #fff;
2928  margin-right: 4px;
2929}
2930
2931footer .top form button:hover {
2932  color: rgba(255, 255, 255, 0.7);
2933}
2934
2935footer .bottom {
2936  font-size: 107.69231%;
2937  line-height: 128.57143%;
2938  padding-top: 101px;
2939}
2940
2941footer .bottom .left nav li {
2942  float: left;
2943  list-style-type: none;
2944}
2945
2946footer .bottom .left nav li a {
2947  display: inline-block;
2948}
2949
2950footer .bottom .left a {
2951  display: inline-block;
2952  opacity: 0.64;
2953  text-decoration: underline;
2954}
2955
2956footer .bottom .left a:hover {
2957  opacity: 1;
2958}
2959
2960footer .bottom .left li {
2961  margin-right: 32px;
2962}
2963
2964footer .bottom .left li:last-child {
2965  margin-right: 0;
2966}
2967
2968footer .socials {
2969  bottom: 0;
2970  position: absolute;
2971  right: 0;
2972}
2973
2974.flash-message {
2975  -moz-transition: all 0.3s ease-in-out 0s;
2976  -o-transition: all 0.3s ease-in-out 0s;
2977  -webkit-transition: all 0.3s ease-in-out;
2978  -webkit-transition-delay: 0s;
2979  transition: all 0.3s ease-in-out 0s;
2980  display: block;
2981  left: 0;
2982  position: fixed;
2983  text-align: center;
2984  top: 92px;
2985  width: 100%;
2986}
2987
2988.flash-message.remove {
2989  opacity: 0.5;
2990  top: -50px;
2991}
2992
2993.flash-message div {
2994  font-size: 92.30769%;
2995  line-height: 125%;
2996  background-color: #16161a;
2997  color: #fff;
2998  display: inline-block;
2999  padding: 10px 12px;
3000}
3001
3002.flash-message span {
3003  -moz-transition: all 0.3s ease-in-out;
3004  -o-transition: all 0.3s ease-in-out;
3005  -webkit-transition: all 0.3s ease-in-out;
3006  transition: all 0.3s ease-in-out;
3007  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iMTNweCIgdmlld0JveD0iMCAwIDEyIDEzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MjcuMDAwMDAwLCAtMTc4LjAwMDAwMCkiIGZpbGw9IiNmZmZmZmYiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MzAuMDAwMDAwLCAxNjguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOTYuMDAwMDAwLCAxMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjAwMDAwMCwgNi41MDAwMDApIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC03LjAwMDAwMCwgLTYuNTAwMDAwKSAiIHg9Ii0xIiB5PSI2IiB3aWR0aD0iMTYiIGhlaWdodD0iMSIgcng9IjEiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8cmVjdCB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjAwMDAwMCwgNi41MDAwMDApIHNjYWxlKC0xLCAxKSByb3RhdGUoLTMxNS4wMDAwMDApIHRyYW5zbGF0ZSgtNy4wMDAwMDAsIC02LjUwMDAwMCkgIiB4PSItMSIgeT0iNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjEiIHJ4PSIxIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") no-repeat left top;
3008  content: "";
3009  cursor: pointer;
3010  display: inline-block;
3011  height: 14px;
3012  margin-left: 28px;
3013  position: relative;
3014  top: 2px;
3015  width: 14px;
3016}
3017
3018.flash-message span:hover {
3019  opacity: 0.7;
3020}
3021
3022@media only screen and (min-width: 1200px) {
3023  div.grid_info:after {
3024    content: "> 1200px";
3025  }
3026}
3027@media only screen and (min-width: 1600px) {
3028  div.grid_info:after {
3029    content: "> 1600px";
3030  }
3031}
3032@media only screen and (max-width: 1200px) {
3033  div.grid_info:after {
3034    content: "< 1200px";
3035  }
3036
3037  ._cont {
3038    width: 89%;
3039  }
3040}
3041@media only screen and (max-width: 1170px) {
3042  div.grid_info:after {
3043    content: "< 1170px";
3044  }
3045
3046  footer .top .left {
3047    font-size: 107.69231%;
3048    line-height: 242.85714%;
3049  }
3050
3051  footer .top .left .phone {
3052    margin-right: 45px;
3053  }
3054
3055  footer .top form input {
3056    width: 280px;
3057  }
3058}
3059@media only screen and (max-width: 850px) {
3060  div.grid_info:after {
3061    content: "< 850px";
3062  }
3063
3064  header .logo {
3065    letter-spacing: 2px;
3066  }
3067
3068  ._cont,
3069  .text {
3070    width: 90%;
3071  }
3072
3073  .text {
3074    padding: 160px 0 120px;
3075  }
3076
3077  .text h1 {
3078    font-size: 276.92308%;
3079    line-height: 116.66667%;
3080    margin-bottom: 40px;
3081  }
3082
3083  .text h2 {
3084    font-size: 161.53846%;
3085    line-height: 133.33333%;
3086  }
3087
3088  .text p {
3089    font-size: 130.76923%;
3090    line-height: 164.70588%;
3091  }
3092
3093  .text ul {
3094    font-size: 107.69231%;
3095    line-height: 171.42857%;
3096  }
3097
3098  .text ul li:before {
3099    top: 17px;
3100  }
3101
3102  .text ol {
3103    font-size: 107.69231%;
3104    line-height: 171.42857%;
3105  }
3106
3107  .collection .settings {
3108    font-size: 100%;
3109    line-height: 123.07692%;
3110  }
3111
3112  .collection-list a {
3113    font-size: 92.30769%;
3114    line-height: 125%;
3115  }
3116
3117  .homepage .collection-list.featured {
3118    padding-top: 200px;
3119  }
3120
3121  footer {
3122    padding: 21px 0 26px;
3123  }
3124
3125  footer .left,
3126  footer .right {
3127    float: none;
3128    text-align: center;
3129    width: 100%;
3130  }
3131
3132  footer .top .left {
3133    font-size: 92.30769%;
3134    line-height: 283.33333%;
3135  }
3136
3137  footer .top .left .phone {
3138    -moz-background-size: auto 12px;
3139    -o-background-size: auto 12px;
3140    -webkit-background-size: auto 12px;
3141    background-size: auto 12px;
3142    background-position: left 12px;
3143    margin-right: 25px;
3144    padding-left: 16px;
3145  }
3146
3147  footer .top .left a.mail {
3148    padding-left: 19px;
3149  }
3150
3151  footer .top .left a.mail:before {
3152    -moz-background-size: 100%;
3153    -o-background-size: 100%;
3154    -webkit-background-size: 100%;
3155    background-size: 100%;
3156    height: 12px;
3157    top: 12px;
3158    width: 15px;
3159  }
3160
3161  footer .top .right {
3162    margin-bottom: 7px;
3163  }
3164
3165  footer .top form input {
3166    font-size: 92.30769%;
3167    line-height: 141.66667%;
3168    padding: 12px;
3169    width: 224px;
3170  }
3171
3172  footer .top form button {
3173    font-size: 92.30769%;
3174    line-height: 141.66667%;
3175    margin-right: 4px;
3176  }
3177
3178  footer .bottom {
3179    font-size: 92.30769%;
3180    line-height: 150%;
3181    padding-top: 55px;
3182  }
3183
3184  footer .bottom .left nav li {
3185    display: inline-block;
3186    float: none;
3187    margin-right: 36px;
3188  }
3189
3190  footer .socials {
3191    font-size: 92.30769%;
3192    line-height: 141.66667%;
3193    bottom: auto;
3194    margin-bottom: 24px;
3195    position: static;
3196    right: auto;
3197    text-align: center;
3198  }
3199
3200  footer .socials li {
3201    margin: 0 23px;
3202  }
3203
3204  footer .socials strong {
3205    display: block;
3206    margin-bottom: 12px;
3207  }
3208
3209  footer .socials .tw {
3210    top: 14px;
3211  }
3212}
3213@media only screen and (max-width: 760px) {
3214  div.grid_info:after {
3215    content: "< 760px";
3216  }
3217
3218  .text,
3219  ._cont2 {
3220    width: 90%;
3221  }
3222
3223  header nav > ul > li ul {
3224    left: 0;
3225    margin: 0 5%;
3226    width: 90%;
3227  }
3228
3229  .spinner .q {
3230    margin-right: 10px;
3231  }
3232
3233  .product-detail #AddToCart {
3234    background-position: -1000px center;
3235    padding: 14px 16px;
3236  }
3237
3238  .homepage .main-services {
3239    padding: 54px 0 24px;
3240  }
3241
3242  .homepage .main-services li {
3243    float: none;
3244    padding: 10px 0;
3245    text-align: center;
3246    width: 100%;
3247  }
3248
3249  .homepage .main-services li:nth-child(3) {
3250    text-align: center;
3251  }
3252
3253  .homepage .main-text {
3254    padding-top: 35px;
3255  }
3256
3257  .homepage .main-text h1 {
3258    font-size: 276.92308%;
3259    line-height: 108.33333%;
3260    margin-bottom: 22px;
3261  }
3262
3263  .homepage .main-text .links {
3264    padding: 14px 0 30px;
3265    text-align: center;
3266  }
3267
3268  .homepage .main-text .links .about {
3269    float: none;
3270  }
3271
3272  .homepage .main-text .links .socials {
3273    float: none;
3274  }
3275
3276  .homepage .main-text .links .socials strong {
3277    display: block;
3278    margin: 35px 0 5px;
3279  }
3280
3281  .homepage .main-text .links .socials li {
3282    margin: 0 22px;
3283  }
3284
3285  .homepage .main-text .links .socials li a {
3286    -moz-transform: scale(1.22);
3287    -ms-transform: scale(1.22);
3288    -webkit-transform: scale(1.22);
3289    transform: scale(1.22);
3290  }
3291
3292  .homepage .collection-list.featured {
3293    padding-top: 160px;
3294  }
3295
3296  .homepage .homepage-banners.collection-list a {
3297    float: none;
3298    margin-bottom: 25px;
3299    width: 100%;
3300  }
3301}
3302@media only screen and (max-width: 600px) {
3303  div.grid_info:after {
3304    content: "< 600px";
3305  }
3306
3307  header .header #customer_login_link:after,
3308  header .header nav > ul > li a:after {
3309    background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI3cHgiIGhlaWdodD0iOHB4Ig0KCSB2aWV3Qm94PSIzIC0yIDcgOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAzIC0yIDcgOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ3LjAwMDAwMCwgLTU2NS4wMDAwMDApIj4NCgkJPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLjAwMDAwMCwgMzQwLjAwMDAwMCkiPg0KCQkJPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4wMDAwMDAsIDIxOC4wMDAwMDApIj4NCgkJCQk8Zz4NCgkJCQkJPHBhdGggaWQ9IlBhdGgtNjctQ29weSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBkPSJNNDEsMTNsNC00bC00LTQiLz4NCgkJCQk8L2c+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==") no-repeat center center;
3310    content: "";
3311    display: block;
3312    height: 100%;
3313    margin-top: 0;
3314    position: absolute;
3315    right: 26px;
3316    top: 0;
3317    width: 7px;
3318  }
3319
3320  header ._cont {
3321    width: 100%;
3322  }
3323
3324  header form,
3325  header #customer_login_link,
3326  header nav {
3327    display: none;
3328  }
3329
3330  header .header {
3331    -moz-box-shadow: none;
3332    -webkit-box-shadow: none;
3333    box-shadow: none;
3334    height: auto;
3335  }
3336
3337  header .header form {
3338    -moz-border-radius: 0;
3339    -webkit-border-radius: 0;
3340    border-radius: 0;
3341    background-color: #16161a;
3342    border: 0 none;
3343    border-bottom: 1px solid #2e2e38;
3344    display: block;
3345    float: none;
3346    height: 54px;
3347    left: 0;
3348    margin-top: 0;
3349    padding: 8px 5% 0;
3350    width: 100%;
3351  }
3352
3353  header .header form .find-input {
3354    font-size: 92.30769%;
3355    line-height: 141.66667%;
3356    background-color: #16161a;
3357    color: #fff;
3358    padding-left: 0;
3359    width: 91%;
3360    width: calc(100% - 27px);
3361  }
3362
3363  header .header form .find-input:-moz-placeholder {
3364    color: #b5b6bd;
3365  }
3366
3367  header .header form .find-input::-moz-placeholder {
3368    color: #b5b6bd;
3369  }
3370
3371  header .header form .find-input:-ms-input-placeholder {
3372    color: #b5b6bd;
3373  }
3374
3375  header .header form .find-input::-webkit-input-placeholder {
3376    color: #b5b6bd;
3377  }
3378
3379  header .header form button {
3380    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE0IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OTQuMDAwMDAwLCAtMTI5Ny4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuMDAwMDAwLCAxMjQ2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTUwNS43NTAwNDQsNTEgQzUwMi44NTA3MzEsNTEgNTAwLjUsNTMuMzUwNjQzNyA1MDAuNSw1Ni4yNDk5NTYzIEM1MDAuNSw1Ny40NjI5Njg4IDUwMC45MTUzMTksNTguNTc2NzU2MyA1MDEuNjA2NjEyLDU5LjQ2NTQwNjMgTDQ5Ny4xOTIzMjUsNjMuODc5NzM3NSBDNDk3LjA2NDEzOCw2NC4wMDc5MjUgNDk3LDY0LjE3NTM1NjIgNDk3LDY0LjM0MzcwNjMgQzQ5Nyw2NC41MTE2NjI1IDQ5Ny4wNjQxMzgsNjQuNjc5NTMxMyA0OTcuMTkyMzI1LDY0LjgwNzcxODggQzQ5Ny4zMjA0NjksNjQuOTM1OTA2MiA0OTcuNDg4MzgxLDY1IDQ5Ny42NTYyOTQsNjUgQzQ5Ny44MjQxNjIsNjUgNDk3Ljk5MjA3NSw2NC45MzU5MDYyIDQ5OC4xMjAyNjMsNjQuODA3NzE4OCBMNTAyLjUzNDU1LDYwLjM5MzQzMTIgQzUwMy40MjMyNDQsNjEuMDg0NzI1IDUwNC41MzcwMzEsNjEuNDk5OTU2MyA1MDUuNzUwMDQ0LDYxLjQ5OTk1NjMgQzUwOC42NDkzMTIsNjEuNDk5OTU2MyA1MTEuMDAwMDQ0LDU5LjE0OTI2ODcgNTExLjAwMDA0NCw1Ni4yNDk5NTYzIEM1MTEuMDAwMDQ0LDUzLjM1MDY0MzcgNTA4LjY0OTMxMiw1MSA1MDUuNzUwMDQ0LDUxIEw1MDUuNzUwMDQ0LDUxIFogTTUwNS43NTAwNDQsNjAuMTg3NSBDNTAzLjU3ODczMSw2MC4xODc1IDUwMS44MTI1NDQsNTguNDIxMjI1IDUwMS44MTI1NDQsNTYuMjQ5OTU2MyBDNTAxLjgxMjU0NCw1NC4wNzg2ODc1IDUwMy41Nzg3MzEsNTIuMzEyNDU2MyA1MDUuNzUwMDQ0LDUyLjMxMjQ1NjMgQzUwNy45MjEyNjksNTIuMzEyNDU2MyA1MDkuNjg3NSw1NC4wNzg2ODc1IDUwOS42ODc1LDU2LjI0OTk1NjMgQzUwOS42ODc1LDU4LjQyMTIyNSA1MDcuOTIxMjY5LDYwLjE4NzUgNTA1Ljc1MDA0NCw2MC4xODc1IEw1MDUuNzUwMDQ0LDYwLjE4NzUgWiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
3381    margin-right: 0;
3382  }
3383
3384  header .header #customer_login_link {
3385    font-size: 92.30769%;
3386    line-height: 141.66667%;
3387    background-color: #16161a;
3388    border-bottom: 1px solid #2e2e38;
3389    color: #fff;
3390    display: block;
3391    float: none;
3392    height: 54px;
3393    left: 0;
3394    margin: 0;
3395    opacity: 1;
3396    padding: 18px 5% 0;
3397    width: 100%;
3398    z-index: 1000;
3399  }
3400
3401  header .header #customer_login_link:hover {
3402    color: #fff;
3403  }
3404
3405  header .header nav {
3406    font-family: "montserratlight", sans-serif;
3407    font-size: 92.30769%;
3408    line-height: 141.66667%;
3409    background-color: #16161a;
3410    display: block;
3411    position: static;
3412    text-transform: none;
3413    z-index: 1000;
3414  }
3415
3416  header .header nav > ul > li {
3417    display: block;
3418    margin: 0;
3419  }
3420
3421  header .header nav > ul > li a {
3422    border-bottom: 1px solid #2e2e38;
3423    color: #fff;
3424    display: block;
3425    height: 54px;
3426    opacity: 1;
3427    padding: 18px 5% 0;
3428    text-align: left;
3429  }
3430
3431  header .header nav > ul > li a:hover {
3432    color: #fff;
3433  }
3434
3435  header .header nav > ul > li a:hover:before {
3436    opacity: 0;
3437  }
3438
3439  header .header nav > ul > li a:hover:after {
3440    opacity: 1;
3441  }
3442
3443  header .header nav > ul > li a:after {
3444    -moz-transform: rotate(90deg);
3445    -ms-transform: rotate(90deg);
3446    -webkit-transform: rotate(90deg);
3447    transform: rotate(90deg);
3448    right: 28px;
3449  }
3450
3451  header .header nav > ul > li ul {
3452    -moz-transition: 0.1s;
3453    -o-transition: 0.1s;
3454    -webkit-transition: 0.1s;
3455    transition: 0.1s;
3456    -moz-column-count: 1;
3457    -webkit-column-count: 1;
3458    column-count: 1;
3459    -moz-column-gap: 0;
3460    -webkit-column-gap: 0;
3461    column-gap: 0;
3462    -moz-border-radius: 0;
3463    -webkit-border-radius: 0;
3464    border-radius: 0;
3465    background-color: transparent;
3466    left: auto;
3467    margin: 0;
3468    max-height: 0;
3469    overflow: hidden;
3470    padding: 0;
3471    position: static;
3472    top: auto;
3473    width: 100%;
3474  }
3475
3476  header .header nav > ul > li ul li {
3477    background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNSAxMDAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1IDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgICA8bGluZSB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMTAwIiBzdHJva2U9IiMyZTJlMzgiIHN0cm9rZS13aWR0aD0iMSIgLz4KICAgIDxsaW5lIHgxPSIwIiB5MT0iNTAiIHgyPSIxNSIgeTI9IjUwIiBzdHJva2U9IiMyZTJlMzgiIHN0cm9rZS13aWR0aD0iMSIgLz4KPC9zdmc+") no-repeat 27px center;
3478    border-bottom: 0 none;
3479    padding-left: 50px;
3480    position: relative;
3481  }
3482
3483  header .header nav > ul > li ul li:first-child:after {
3484    background-color: #16161a;
3485    content: "";
3486    display: block;
3487    height: 8px;
3488    left: 0;
3489    position: absolute;
3490    top: 0;
3491    width: 100%;
3492  }
3493
3494  header .header nav > ul > li ul li:last-child {
3495    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNSAxMDAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1IDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgICA8bGluZSB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iNTAiIHN0cm9rZT0iIzJlMmUzOCIgc3Ryb2tlLXdpZHRoPSIxIiAvPgogICAgPGxpbmUgeDE9IjAiIHkxPSI1MCIgeDI9IjE1IiB5Mj0iNTAiIHN0cm9rZT0iIzJlMmUzOCIgc3Ryb2tlLXdpZHRoPSIxIiAvPgo8L3N2Zz4=");
3496  }
3497
3498  header .header nav > ul > li ul a {
3499    padding-left: 0;
3500  }
3501
3502  header .header nav > ul > li ul a:hover {
3503    opacity: 1;
3504  }
3505
3506  header .header nav > ul > li.categories-open a:after {
3507    -moz-transform: rotate(-90deg);
3508    -ms-transform: rotate(-90deg);
3509    -webkit-transform: rotate(-90deg);
3510    transform: rotate(-90deg);
3511  }
3512
3513  header .header nav > ul > li.categories-open a:hover:after {
3514    -moz-transform: rotate(-90deg);
3515    -ms-transform: rotate(-90deg);
3516    -webkit-transform: rotate(-90deg);
3517    transform: rotate(-90deg);
3518  }
3519
3520  header .header nav > ul > li.categories-open ul {
3521    -moz-transition: all 0.3s ease-in-out;
3522    -o-transition: all 0.3s ease-in-out;
3523    -webkit-transition: all 0.3s ease-in-out;
3524    transition: all 0.3s ease-in-out;
3525    max-height: 2000px;
3526  }
3527
3528  header .header nav > ul > li.categories-open ul:after {
3529    display: none;
3530  }
3531
3532  header .header nav > ul > li.categories-open ul a:after {
3533    -moz-transform: rotate(0deg);
3534    -ms-transform: rotate(0deg);
3535    -webkit-transform: rotate(0deg);
3536    transform: rotate(0deg);
3537  }
3538
3539  header .header nav > ul > li.categories-open ul a:hover:after {
3540    -moz-transform: rotate(0deg);
3541    -ms-transform: rotate(0deg);
3542    -webkit-transform: rotate(0deg);
3543    transform: rotate(0deg);
3544  }
3545
3546  header .shadow {
3547    -moz-box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
3548    -webkit-box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
3549    box-shadow: rgba(17, 17, 18, 0.04) 0 2px 4px, rgba(19, 20, 20, 0.06) 0 1px 1px;
3550    height: 52px;
3551    position: relative;
3552  }
3553
3554  header .logo {
3555    letter-spacing: 1px;
3556    margin-left: 4.5%;
3557    margin-top: 18px;
3558  }
3559
3560  header #nav-icon {
3561    -moz-transition: all 0.3s ease-in-out;
3562    -o-transition: all 0.3s ease-in-out;
3563    -webkit-transition: all 0.3s ease-in-out;
3564    transition: all 0.3s ease-in-out;
3565    cursor: pointer;
3566    display: inline-block;
3567    height: 15px;
3568    position: relative;
3569    width: 16px;
3570    -webkit-transform: rotate(0deg);
3571    -moz-transform: rotate(0deg);
3572    -o-transform: rotate(0deg);
3573    transform: rotate(0deg);
3574  }
3575
3576  header #nav-icon span {
3577    -moz-transition: all 0.3s ease-in-out;
3578    -o-transition: all 0.3s ease-in-out;
3579    -webkit-transition: all 0.3s ease-in-out;
3580    transition: all 0.3s ease-in-out;
3581    background-color: #16161a;
3582    display: block;
3583    height: 1px;
3584    left: 0;
3585    opacity: 1;
3586    position: absolute;
3587    width: 100%;
3588    -webkit-transform: rotate(0deg);
3589    -moz-transform: rotate(0deg);
3590    -o-transform: rotate(0deg);
3591    transform: rotate(0deg);
3592  }
3593
3594  header #nav-icon span:nth-child(1) {
3595    top: 2px;
3596  }
3597
3598  header #nav-icon span:nth-child(2),
3599  header #nav-icon span:nth-child(3) {
3600    top: 7px;
3601  }
3602
3603  header #nav-icon span:nth-child(4) {
3604    top: 12px;
3605  }
3606
3607  header #nav-icon:hover span:nth-child(1) {
3608    top: 0;
3609  }
3610
3611  header #nav-icon:hover span:nth-child(4) {
3612    top: 14px;
3613  }
3614
3615  .show-menu #nav-icon span:nth-child(1) {
3616    top: 18px;
3617    width: 0%;
3618    left: 50%;
3619  }
3620
3621  .show-menu #nav-icon span:nth-child(2) {
3622    -webkit-transform: rotate(45deg);
3623    -moz-transform: rotate(45deg);
3624    -o-transform: rotate(45deg);
3625    transform: rotate(45deg);
3626  }
3627
3628  .show-menu #nav-icon span:nth-child(3) {
3629    -webkit-transform: rotate(-45deg);
3630    -moz-transform: rotate(-45deg);
3631    -o-transform: rotate(-45deg);
3632    transform: rotate(-45deg);
3633  }
3634
3635  .show-menu #nav-icon span:nth-child(4) {
3636    top: 18px;
3637    width: 0%;
3638    left: 50%;
3639  }
3640
3641  header #nav-icon {
3642    position: absolute;
3643    right: 4.5%;
3644    top: 20px;
3645  }
3646
3647  header #nav-icon:before {
3648    font-size: 107.69231%;
3649    line-height: 128.57143%;
3650    content: "Menu";
3651    right: 0;
3652    padding-right: 24px;
3653    position: absolute;
3654    top: -2px;
3655  }
3656
3657  header .mobile-menu {
3658    -moz-transition: 0.1s;
3659    -o-transition: 0.1s;
3660    -webkit-transition: 0.1s;
3661    transition: 0.1s;
3662    max-height: 0;
3663    overflow: hidden;
3664  }
3665
3666  .show-menu header #nav-icon:before {
3667    font-size: 107.69231%;
3668    line-height: 128.57143%;
3669    content: "Close";
3670  }
3671
3672  .show-menu header .shadow:after {
3673    background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iN3B4IiB2aWV3Qm94PSIwIDAgMTIgNyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE3NS4wMDAwMDAsIC0xMzAzLjAwMDAwMCkiIGZpbGw9IiMwQzBDMTkiIG9wYWNpdHk9IjAuOTM5OTk5OTk4Ij4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuMDAwMDAwLCAxMjQ2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTExNzgsNjMuNDg1MjgxNCBMMTE4My42NTY4NSw1Ny44Mjg0MjcxIEwxMTg5LjMxMzcxLDYzLjQ4NTI4MTQgTDExNzgsNjMuNDg1MjgxNCBaIiBpZD0iU2lwa2EtbWVudSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") no-repeat left top;
3674    bottom: -1px;
3675    content: "";
3676    display: block;
3677    height: 7px;
3678    position: absolute;
3679    right: 38px;
3680    width: 12px;
3681  }
3682
3683  .show-menu header .mobile-menu {
3684    -moz-transition: 2s;
3685    -o-transition: 2s;
3686    -webkit-transition: 2s;
3687    transition: 2s;
3688    max-height: 5000px;
3689  }
3690
3691  .breadcrumb {
3692    display: none;
3693  }
3694
3695  .text {
3696    padding: 20px 0 96px;
3697  }
3698
3699  .text h1 {
3700    font-size: 184.61538%;
3701    line-height: 133.33333%;
3702    margin-bottom: 25px;
3703  }
3704
3705  .text h2 {
3706    font-size: 138.46154%;
3707    line-height: 133.33333%;
3708    margin: 35px 0 17px;
3709  }
3710
3711  .text p {
3712    font-size: 107.69231%;
3713    line-height: 171.42857%;
3714    margin: 17px 0 23px;
3715  }
3716
3717  .text ul {
3718    font-size: 100%;
3719    line-height: 169.23077%;
3720    margin-left: 15px;
3721  }
3722
3723  .text ul li:before {
3724    top: 16px;
3725  }
3726
3727  .text ol {
3728    font-size: 100%;
3729    line-height: 169.23077%;
3730    margin-left: 15px;
3731  }
3732
3733  .collection {
3734    padding-top: 30px;
3735  }
3736
3737  .collection h1 {
3738    font-size: 276.92308%;
3739    line-height: 116.66667%;
3740  }
3741
3742  .collection .description {
3743    font-size: 92.30769%;
3744    line-height: 200%;
3745    text-align: justify;
3746    -ms-text-align-last: center;
3747    -moz-text-align-last: center;
3748    -webkit-text-align-last: center;
3749    text-align-last: center;
3750  }
3751
3752  .collection .head {
3753    padding-bottom: 15px;
3754  }
3755
3756  .collection .settings .count {
3757    float: left;
3758    left: auto;
3759    position: relative;
3760    width: auto;
3761  }
3762
3763  .collection .settings .view {
3764    display: none;
3765  }
3766
3767  .collection .products {
3768    padding: 16px 0 60px;
3769  }
3770
3771  .collection .more-products {
3772    padding-top: 20px;
3773  }
3774
3775  .collection-list {
3776    margin-top: 26px;
3777  }
3778
3779  .collection-list.cols-4 a,
3780  .collection-list.cols-3 a {
3781    width: 48.27586%;
3782    float: left;
3783    margin-right: 3.44828%;
3784    margin-bottom: 5.26316%;
3785  }
3786
3787  .collection-list.cols-4 a:nth-child(3n),
3788  .collection-list.cols-3 a:nth-child(3n) {
3789    width: 48.27586%;
3790    float: left;
3791    margin-right: 3.44828%;
3792  }
3793
3794  .collection-list.cols-4 a:nth-child(3n+1),
3795  .collection-list.cols-3 a:nth-child(3n+1) {
3796    clear: none;
3797  }
3798
3799  .collection-list.cols-4 a:nth-child(2n),
3800  .collection-list.cols-3 a:nth-child(2n) {
3801    float: right;
3802    margin-right: 0;
3803  }
3804
3805  .collection-list.cols-4 a:nth-child(2n+1),
3806  .collection-list.cols-3 a:nth-child(2n+1) {
3807    clear: both;
3808  }
3809
3810  .collection-list a > span {
3811    left: 0;
3812    max-width: 100%;
3813  }
3814
3815  .collection-list a > span strong {
3816    font-family: "robotolight", sans-serif;
3817  }
3818
3819  .collection-list a .variants .variant {
3820    float: none;
3821    width: auto;
3822  }
3823
3824  .collection-list a .variants .variant:nth-child(2n) {
3825    text-align: left;
3826  }
3827
3828  .product-detail {
3829    padding-top: 0;
3830  }
3831
3832  .product-detail .detail-top {
3833    width: 100%;
3834  }
3835
3836  .product-detail .left-col {
3837    float: none;
3838    position: relative;
3839    width: 100%;
3840  }
3841
3842  .product-detail .left-col .thumbs {
3843    bottom: -30px;
3844    float: none;
3845    left: 0;
3846    position: absolute;
3847    text-align: center;
3848    width: 100%;
3849    z-index: 100;
3850  }
3851
3852  .product-detail .left-col .thumbs a {
3853    border: 2px solid #e2e2e3;
3854    display: inline-block;
3855    height: 43px;
3856    margin: 0 8px 8px 0;
3857    width: 38px;
3858  }
3859
3860  .product-detail .left-col .thumbs a span {
3861    background-color: #fff;
3862    border: 2px solid #fff;
3863    display: block;
3864    height: 39px;
3865    overflow: hidden;
3866    width: 34px;
3867  }
3868
3869  .product-detail .left-col .big {
3870    float: none;
3871    width: 100%;
3872  }
3873
3874  .product-detail .left-col .big #big-image {
3875    display: none;
3876  }
3877
3878  .product-detail .left-col .big #banner-gallery {
3879    display: block;
3880    position: relative;
3881    max-width: 1024px;
3882    margin: 0 auto;
3883    border-top: 1px solid #c6c6c6;
3884    border-bottom: 1px solid #c6c6c6;
3885    overflow: hidden;
3886  }
3887
3888  .product-detail .left-col .big #banner-gallery .swipe {
3889    overflow: hidden;
3890    visibility: hidden;
3891    position: relative;
3892  }
3893
3894  .product-detail .left-col .big #banner-gallery .swipe-wrap {
3895    overflow: hidden;
3896    position: relative;
3897  }
3898
3899  .product-detail .left-col .big #banner-gallery .swipe-wrap > div {
3900    background: transparent no-repeat center center;
3901    -moz-background-size: cover;
3902    -o-background-size: cover;
3903    -webkit-background-size: cover;
3904    background-size: cover;
3905    float: left;
3906    padding-bottom: 33%;
3907    width: 100%;
3908    position: relative;
3909  }
3910
3911  .product-detail .left-col .big .navigation-module {
3912    width: 100%;
3913    padding: 12px 0;
3914    text-align: center;
3915  }
3916
3917  .product-detail .left-col .big .navigation-module .navigation-module__item {
3918    width: 12px;
3919    height: 12px;
3920    display: inline-block;
3921    vertical-align: middle;
3922    margin: 0 6px;
3923    background-color: #cacaca;
3924    border: 1px solid transparent;
3925    -moz-border-radius: 50%;
3926    -webkit-border-radius: 50%;
3927    border-radius: 50%;
3928    text-indent: -999px;
3929    overflow: hidden;
3930  }
3931
3932  .product-detail .left-col .big .navigation-module .navigation-module__item.is-active {
3933    background-color: #b25c62;
3934  }
3935
3936  .product-detail .right-col {
3937    float: none;
3938    margin: 0 auto;
3939    width: 90%;
3940  }
3941
3942  .product-detail .cols {
3943    padding: 0 0 20px;
3944  }
3945
3946  .product-detail h1 {
3947    font-size: 107.69231%;
3948    line-height: 171.42857%;
3949    margin: 25px 0 2px;
3950    text-align: center;
3951  }
3952
3953  .product-detail .price-shipping {
3954    padding-bottom: 10px;
3955    text-align: center;
3956  }
3957
3958  .product-detail .price-shipping a {
3959    display: inline;
3960    float: none;
3961    margin: 0;
3962  }
3963
3964  .product-detail .price {
3965    font-size: 276.92308%;
3966    line-height: 111.11111%;
3967    display: block;
3968    float: none;
3969    text-align: center;
3970  }
3971
3972  .product-detail .swatches {
3973    margin: 10px 0 30px;
3974  }
3975
3976  .product-detail .swatches .guide {
3977    float: none;
3978    margin: -25px 0 0;
3979    text-align: center;
3980  }
3981
3982  .product-detail .swatch {
3983    float: none;
3984    margin-right: 0;
3985    text-align: center;
3986  }
3987
3988  .product-detail .swatch .swatch-element {
3989    display: inline-block;
3990    float: none;
3991    margin: 7px 8px 25px 0;
3992  }
3993
3994  .product-detail .btn-and-quantity {
3995    float: none;
3996    text-align: center;
3997  }
3998
3999  .product-detail .spinner {
4000    float: none;
4001    margin: 0 auto 10px;
4002    width: 200px;
4003  }
4004
4005  .product-detail .spinner input {
4006    width: 60px;
4007  }
4008
4009  .product-detail .spinner .q {
4010    margin-right: 20px;
4011    width: 61px;
4012  }
4013
4014  .product-detail .spinner:before {
4015    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMwAAAAKCAIAAAB38SYMAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADhSURBVFhH7ZVtC4MgFEb3///r1puZadkOU2QEKw32xe5BBC/hDZ+DPrZDrFuaTo3aeO9jSRA+oARioId1LpZ+cCIZIJee5qYbmGNJuD1JiZy751yyANoqPbEvs7Un5gq1QvRJg/zHLVeyAPua2fZKv9qBPsbQdFlXeUvrhFgJl4gJmrgJnegRoDTvMskSNJmt40mma9sr1OYPnk1f6+iGcXeuLCnuPqtpECixEi4REzRxX75JLkp2Nzjlb8+CYRTjWjhEJMsleSaGlSKSFRA8E8NKEcnKQC8xrBSRTPgz2/YGSZmvkaSZcu8AAAAASUVORK5CYII=") no-repeat center top;
4016    bottom: -5px;
4017    height: 10px;
4018    left: 0;
4019    top: auto;
4020    width: 100%;
4021  }
4022
4023  .product-detail #AddToCart {
4024    background-position: 47px center;
4025    float: none;
4026    padding: 14px 26px 14px 53px;
4027    width: 200px;
4028  }
4029
4030  .related {
4031    padding: 28px 0 58px;
4032  }
4033
4034  .related h2 {
4035    font-size: 107.69231%;
4036    line-height: 171.42857%;
4037  }
4038
4039  .detail-socials .social-sharing {
4040    -moz-transition: all 0.3s ease-in-out;
4041    -o-transition: all 0.3s ease-in-out;
4042    -webkit-transition: all 0.3s ease-in-out;
4043    transition: all 0.3s ease-in-out;
4044    -moz-box-shadow: rgba(17, 17, 18, 0.08) 0 -2px 10px;
4045    -webkit-box-shadow: rgba(17, 17, 18, 0.08) 0 -2px 10px;
4046    box-shadow: rgba(17, 17, 18, 0.08) 0 -2px 10px;
4047    background-color: #fff;
4048    bottom: -60px;
4049    float: none;
4050    height: 50px;
4051    left: 0;
4052    margin: 0;
4053    padding: 12px 5% 0;
4054    position: fixed;
4055    top: auto !important;
4056    width: 100%;
4057    z-index: 1000;
4058  }
4059
4060  .detail-socials .social-sharing a {
4061    margin-right: 20px;
4062  }
4063
4064  .detail-socials.open .social-sharing {
4065    bottom: 0;
4066  }
4067
4068  .social-sharing-btn-wrapper {
4069    font-family: "montserratregular", sans-serif;
4070    font-size: 92.30769%;
4071    line-height: 133.33333%;
4072    display: block;
4073  }
4074
4075  .social-sharing-btn-wrapper span {
4076    background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTdweCIgdmlld0JveD0iMCAwIDE1IDE3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMC4wMDAwMDAsIC0xMjI5LjAwMDAwMCkiIGZpbGw9IiMwODZGQ0YiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDEyMjkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTMuMjgxMjQ0NywxNyBMMS4wNjI0Nzg3NSwxNyBDMC40NzY1MjU5MzcsMTcgMCwxNi41MjM0Njg4IDAsMTUuOTM3NSBMMCw2LjM3NSBDMCw1Ljc4OTU2MjUgMC40NzY1MjU5MzcsNS4zMTI1IDEuMDYyNDc4NzUsNS4zMTI1IEwzLjk4NDM2OTY5LDUuMzEyNSBDNC40MjQ1NjM0NCw1LjMxMjUgNC43ODEyNDQ2OSw1LjY2OTUgNC43ODEyNDQ2OSw2LjEwOTM3NSBDNC43ODEyNDQ2OSw2LjU0OTI1IDQuNDI0NTYzNDQsNi45MDYyNSAzLjk4NDM2OTY5LDYuOTA2MjUgTDEuNTkzNzUsNi45MDYyNSBMMS41OTM3NSwxNS40MDYyNSBMMTIuNzQ5OTk0NywxNS40MDYyNSBMMTIuNzQ5OTk0Nyw2LjkwNjI1IEwxMC4zNTkzNjk3LDYuOTA2MjUgQzkuOTE5MTc1OTQsNi45MDYyNSA5LjU2MjQ5NDY5LDYuNTQ5MjUgOS41NjI0OTQ2OSw2LjEwOTM3NSBDOS41NjI0OTQ2OSw1LjY2OTUgOS45MTkxNzU5NCw1LjMxMjUgMTAuMzU5MzY5Nyw1LjMxMjUgTDEzLjI4MTI0NDcsNS4zMTI1IEMxMy44NjcyMTM0LDUuMzEyNSAxNC4zNDM3NDQ3LDUuNzg5NTYyNSAxNC4zNDM3NDQ3LDYuMzc1IEwxNC4zNDM3NDQ3LDE1LjkzNzUgQzE0LjM0Mzc0NDcsMTYuNTIzNDY4OCAxMy44NjcyMTM0LDE3IDEzLjI4MTI0NDcsMTcgTDEzLjI4MTI0NDcsMTcgWiBNOS44MjgxMTk2OSw0LjI1IEM5LjYwODEyOTA2LDQuMjUgOS40MDg5MTAzMSw0LjE2MDc1IDkuMjY0NzI5MDYsNC4wMTY3ODEyNSBMNy45Njg3NDQ2OSwyLjcyMDUzMTI1IEw3Ljk2ODc0NDY5LDExLjQyMTg3NSBDNy45Njg3NDQ2OSwxMS44NjE3NSA3LjYxMjA2MzQ0LDEyLjIxODc1IDcuMTcxODY5NjksMTIuMjE4NzUgQzYuNzMxNjc1OTQsMTIuMjE4NzUgNi4zNzQ5OTQ2OSwxMS44NjE3NSA2LjM3NDk5NDY5LDExLjQyMTg3NSBMNi4zNzQ5OTQ2OSwyLjcyMDUzMTI1IEw1LjA3OTAxMDMxLDQuMDE2NzgxMjUgQzQuOTM0ODI5MDYsNC4xNjA3NSA0LjczNTYxMDMxLDQuMjUgNC41MTU2MTk2OSw0LjI1IEM0LjA3NTQyNTk0LDQuMjUgMy43MTg3NDQ2OSwzLjg5MyAzLjcxODc0NDY5LDMuNDUzMTI1IEMzLjcxODc0NDY5LDMuMjMzMTg3NSAzLjgwNzk5NDY5LDMuMDMzOTY4NzUgMy45NTIyMjkwNiwyLjg5IEw2LjYwODQ3OTA2LDAuMjMzNzUgQzYuNzUyNjYwMzEsMC4wODkyNSA2Ljk1MTg3OTA2LDAgNy4xNzE4Njk2OSwwIEM3LjM5MTg2MDMxLDAgNy41OTEwNzkwNiwwLjA4OTI1IDcuNzM1MjYwMzEsMC4yMzM3NSBMMTAuMzkxNTEwMywyLjg5IEMxMC41MzU3NDQ3LDMuMDMzOTY4NzUgMTAuNjI0OTk0NywzLjIzMzE4NzUgMTAuNjI0OTk0NywzLjQ1MzEyNSBDMTAuNjI0OTk0NywzLjg5MyAxMC4yNjgzMTM0LDQuMjUgOS44MjgxMTk2OSw0LjI1IEw5LjgyODExOTY5LDQuMjUgWiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") no-repeat left top;
4077    color: #086fcf;
4078    cursor: pointer;
4079    display: inline-block;
4080    padding: 3px 0 0 21px;
4081  }
4082
4083  .social-sharing-btn-wrapper span:hover {
4084    color: #0084ff;
4085  }
4086
4087  #quick-cart .quick-cart-product {
4088    display: none;
4089  }
4090
4091  #quick-cart #quick-cart-pay #quick-cart-pay-total-count {
4092    -moz-border-radius: 50%;
4093    -webkit-border-radius: 50%;
4094    border-radius: 50%;
4095    font-family: "robotobold", sans-serif;
4096    font-size: 76.92308%;
4097    line-height: 110.0%;
4098    background-color: #16161a;
4099    color: #fff;
4100    display: block;
4101    height: 20px;
4102    overflow: hidden;
4103    padding-top: 4px;
4104    position: absolute;
4105    right: -4px;
4106    top: -4px;
4107    text-align: center;
4108    width: 20px;
4109    z-index: 100;
4110  }
4111
4112  .cart {
4113    padding-top: 30px;
4114  }
4115
4116  .cart .inputs {
4117    text-align: center;
4118  }
4119
4120  .cart .inputs input {
4121    float: none;
4122    margin-bottom: 15px;
4123  }
4124
4125  .cart .inputs input.update-cart {
4126    float: none;
4127    margin-bottom: 0;
4128  }
4129
4130  #sign-in-popup .box {
4131    margin-top: 0;
4132  }
4133
4134  .homepage .collection-list.featured {
4135    padding: 120px 0 0 0;
4136  }
4137
4138  .homepage .collection-list.featured a:nth-child(3) {
4139    display: none;
4140  }
4141}
4142@media only screen and (max-width: 450px) {
4143  div.grid_info:after {
4144    content: "< 450px";
4145  }
4146
4147  .collection-list.cols-4 a,
4148  .collection-list.cols-3 a {
4149    margin-bottom: 7.14286%;
4150  }
4151
4152  #sign-in-popup form .btn {
4153    font-size: 100%;
4154    line-height: 138.46154%;
4155  }
4156
4157  .homepage .collection-list.featured {
4158    padding-top: 80px;
4159  }
4160
4161  footer .top form input {
4162    width: 218px;
4163  }
4164}
4165@media only screen and (max-width: 320px) {
4166  div.grid_info:after {
4167    content: "< 320px";
4168  }
4169}
4170.homepage .bg {
4171  -moz-background-size: 1920px auto;
4172  -o-background-size: 1920px auto;
4173  -webkit-background-size: 1920px auto;
4174  background-size: 1920px auto;
4175}
4176
4177@media only screen and (max-width: 1600px) {
4178  .homepage .bg {
4179    -moz-background-size: 100% auto;
4180    -o-background-size: 100% auto;
4181    -webkit-background-size: 100% auto;
4182    background-size: 100% auto;
4183  }
4184}
4185@media only screen and (max-width: 1200px) {
4186  .homepage .bg {
4187    background-position: center -50px;
4188  }
4189}
4190@media only screen and (max-width: 850px) {
4191  .homepage .bg {
4192    background-position: center -50px;
4193  }
4194}
4195@media only screen and (max-width: 600px) {
4196  .homepage .bg {
4197    background-position: center -80px;
4198  }
4199}
4200@media only screen and (max-width: 320px) {
4201  .homepage .bg {
4202    background-position: center -70px;
4203  }
4204}
4205.swatches {
4206  margin: 17px 0 80px;
4207}
4208
4209.selector-wrapper,
4210#productSelect {
4211  display: none;
4212}
4213
4214.swatch {
4215  float: left;
4216  margin-right: 40px;
4217}
4218
4219.swatch:nth-last-child(2) {
4220  margin-right: 0;
4221}
4222
4223.swatch .header {
4224  font-family: "montserratbold", sans-serif;
4225  text-transform: uppercase;
4226}
4227
4228.swatch input {
4229  display: none;
4230}
4231
4232.swatch .swatch-element {
4233  float: left;
4234  margin: 5px 8px 0 0;
4235  position: relative;
4236}
4237
4238.swatch .color label {
4239  -moz-transition: all 0.3s ease-in-out;
4240  -o-transition: all 0.3s ease-in-out;
4241  -webkit-transition: all 0.3s ease-in-out;
4242  transition: all 0.3s ease-in-out;
4243  -moz-border-radius: 50%;
4244  -webkit-border-radius: 50%;
4245  border-radius: 50%;
4246  border: 1px solid;
4247  cursor: pointer;
4248  display: block;
4249  height: 42px;
4250  padding: 7px 0 0 7px;
4251  width: 42px;
4252}
4253
4254.swatch .color label span {
4255  -moz-border-radius: 50%;
4256  -webkit-border-radius: 50%;
4257  border-radius: 50%;
4258  display: block;
4259  height: 26px;
4260  position: relative;
4261  width: 26px;
4262}
4263
4264.swatch .color label span:after {
4265  -moz-transition: all 0.3s ease-in-out;
4266  -o-transition: all 0.3s ease-in-out;
4267  -webkit-transition: all 0.3s ease-in-out;
4268  transition: all 0.3s ease-in-out;
4269  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTIgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIzMS4wMDAwMDAsIC0xMzAyLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4wMDAwMDAsIDEyNDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIzNS45MzgzNyw1OC40NTA1ODYxIEwxMjM0LjUyMTE2LDU5LjM5NTUzMDcgTDEyMzcuNTQ4NDgsNjMuOTM2NzE1OCBMMTI0NS45MjIyNSw1OC4zNTM5MTk4IEwxMjQ0Ljk3NzczLDU2LjkzNjcxNTggTDEyMzguMDIxMTYsNjEuNTc0NTY3MSBMMTIzNS45MzgzNyw1OC40NTA1ODYxIEwxMjM1LjkzODM3LDU4LjQ1MDU4NjEgWiIgaWQ9ImZhamZrYSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI0MC4yMjE3MDYsIDYwLjQzNjcxNikgcm90YXRlKC0xMC4wMDAwMDApIHRyYW5zbGF0ZSgtMTI0MC4yMjE3MDYsIC02MC40MzY3MTYpIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") no-repeat center center;
4270  bottom: 0;
4271  content: "";
4272  display: block;
4273  height: 100%;
4274  left: 0;
4275  opacity: 0;
4276  position: absolute;
4277  top: 0;
4278  width: 100%;
4279}
4280
4281.swatch .plain label {
4282  -moz-transition: all 0.3s ease-in-out;
4283  -o-transition: all 0.3s ease-in-out;
4284  -webkit-transition: all 0.3s ease-in-out;
4285  transition: all 0.3s ease-in-out;
4286  -moz-border-radius: 50%;
4287  -webkit-border-radius: 50%;
4288  border-radius: 50%;
4289  font-family: "montserratbold", sans-serif;
4290  border: 1px solid #086fcf;
4291  color: #086fcf;
4292  cursor: pointer;
4293  display: block;
4294  height: 42px;
4295  padding-top: 8px;
4296  text-align: center;
4297  width: 42px;
4298}
4299
4300.swatch .color input:checked + label span:after {
4301  opacity: 1;
4302}
4303
4304.swatch input:not(:checked) + label {
4305  border-color: #edeff2 !important;
4306}
4307
4308.swatch input:not(:checked) + label:hover {
4309  border-color: #b5b6bd !important;
4310}
4311
4312.swatch .plain input:not(:checked) + label {
4313  color: #16161a !important;
4314}
4315
4316.swatch .blue input:checked + label {
4317  border-color: #086fcf !important;
4318}
4319
4320.swatch .yellow input:checked + label {
4321  border-color: #f5c81f !important;
4322}
4323
4324.swatch .red input:checked + label {
4325  border-color: #d9332e !important;
4326}
4327
4328.swatch .blue label span {
4329  background-color: #086fcf !important;
4330}
4331
4332.swatch .yellow label span {
4333  background-color: #f5c81f !important;
4334}
4335
4336.swatch .red label span {
4337  background-color: #d9332e !important;
4338}
4339
4340.crossed-out {
4341  position: absolute;
4342  width: 100%;
4343  height: 100%;
4344  left: 0;
4345  top: 0;
4346}
4347
4348.swatch .swatch-element .crossed-out {
4349  display: none;
4350}
4351
4352.swatch .swatch-element.soldout .crossed-out {
4353  display: block;
4354}
4355
4356.swatch .swatch-element.soldout label {
4357  filter: alpha(opacity=60);
4358  -khtml-opacity: 0.6;
4359  -moz-opacity: 0.6;
4360  opacity: 0.6;
4361}
4362
4363.swatch .tooltip {
4364  -moz-border-radius: 2px;
4365  -webkit-border-radius: 2px;
4366  border-radius: 2px;
4367  text-align: center;
4368  background-color: rgba(22, 22, 26, 0.93);
4369  color: #fff;
4370  bottom: 100%;
4371  padding: 10px;
4372  display: block;
4373  position: absolute;
4374  width: 100px;
4375  left: -23px;
4376  margin-bottom: 15px;
4377  filter: alpha(opacity=0);
4378  -khtml-opacity: 0;
4379  -moz-opacity: 0;
4380  opacity: 0;
4381  visibility: hidden;
4382  -webkit-transform: translateY(10px);
4383  -moz-transform: translateY(10px);
4384  -ms-transform: translateY(10px);
4385  -o-transform: translateY(10px);
4386  transform: translateY(10px);
4387  -webkit-transition: all .25s ease-out;
4388  -moz-transition: all .25s ease-out;
4389  -ms-transition: all .25s ease-out;
4390  -o-transition: all .25s ease-out;
4391  transition: all .25s ease-out;
4392  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
4393  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
4394  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
4395  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
4396  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
4397  z-index: 10000;
4398  -moz-box-sizing: border-box;
4399  -webkit-box-sizing: border-box;
4400  box-sizing: border-box;
4401}
4402
4403.swatch .tooltip:before {
4404  bottom: -20px;
4405  content: " ";
4406  display: block;
4407  height: 20px;
4408  left: 0;
4409  position: absolute;
4410  width: 100%;
4411}
4412
4413.swatch .tooltip:after {
4414  border-left: solid transparent 10px;
4415  border-right: solid transparent 10px;
4416  border-top: solid rgba(22, 22, 26, 0.93) 10px;
4417  bottom: -10px;
4418  content: " ";
4419  height: 0;
4420  left: 50%;
4421  margin-left: -13px;
4422  position: absolute;
4423  width: 0;
4424}
4425
4426.swatch .swatch-element:hover .tooltip {
4427  filter: alpha(opacity=100);
4428  -khtml-opacity: 1;
4429  -moz-opacity: 1;
4430  opacity: 1;
4431  visibility: visible;
4432  -webkit-transform: translateY(0px);
4433  -moz-transform: translateY(0px);
4434  -ms-transform: translateY(0px);
4435  -o-transform: translateY(0px);
4436  transform: translateY(0px);
4437}
4438
4439.swatch.error {
4440  background-color: #E8D2D2 !important;
4441  color: #333 !important;
4442  padding: 1em;
4443  border-radius: 5px;
4444}
4445
4446.swatch.error p {
4447  margin: 0.7em 0;
4448}
4449
4450.swatch.error p:first-child {
4451  margin-top: 0;
4452}
4453
4454.swatch.error p:last-child {
4455  margin-bottom: 0;
4456}
4457
4458.swatch.error code {
4459  font-family: monospace;
4460}
4461</style>
4462</asp:Content>
4463<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
4464    <header role="banner" aria-label="Heading">
4465
4466  <div class="breadcrumb" role="navigation" aria-label="Breadcrumbs">
4467    <div class="_cont">
4468      <ol>
4469        <li><a title="Back to the frontpage" href="listingCatalog.aspx">Home</a></li>
4470        <%--<li><a title=""></a></li>--%>
4471        <li><asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></li>
4472      </ol>
4473    </div>
4474  </div>
4475</header>
4476<section aria-label="Main content" role="main" class="product-detail">
4477  <div itemscope itemtype="http://schema.org/Product">
4478
4479    <meta itemprop="url" content="http://html-koder-test.myshopify.com/products/tommy-hilfiger-t-shirt-new-york">
4480    <meta itemprop="image" content="//cdn.shopify.com/s/files/1/1047/6452/products/product_grande.png?v=1446769025">
4481    <div class="shadow">
4482      <div class="_cont detail-top">
4483        <div class="cols">
4484          <div class="left-col">
4485            <div class="thumbs">
4486              <a class="thumb-image active" data-index="0">
4487                <span><asp:Image ID="img_Products" runat="server" alt="Tommy Hilfiger T-Shirt New York"/></span>
4488              </a>
4489              <%--<a class="thumb-image" href="//cdn.shopify.com/s/files/1/1047/6452/products/tricko1_1024x1024.jpg?v=1447104179" data-index="1">
4490                
4491              </a>
4492              <a class="thumb-image" href="//cdn.shopify.com/s/files/1/1047/6452/products/tricko2_1024x1024.jpg?v=1447104180" data-index="2">
4493                <span><img src="//cdn.shopify.com/s/files/1/1047/6452/products/tricko2_150x150.jpg?v=1447104180" alt="Tommy Hilfiger T-Shirt New York"></span>
4494              </a>
4495              <a class="thumb-image" href="//cdn.shopify.com/s/files/1/1047/6452/products/tricko3_1024x1024.jpg?v=1447104182" data-index="3">
4496                <span><img src="//cdn.shopify.com/s/files/1/1047/6452/products/tricko3_150x150.jpg?v=1447104182" alt="Tommy Hilfiger T-Shirt New York"></span>
4497              </a>--%>
4498            </div>
4499            <div class="big">
4500              <span><asp:Image ID="Image1" runat="server" alt="Tommy Hilfiger T-Shirt New York"/></span>
4501              <div id="banner-gallery" class="swipe">
4502                <div class="swipe-wrap">
4503                    
4504                </div>
4505              </div>
4506              <div class="detail-socials">
4507                <div class="social-sharing" data-permalink="http://html-koder-test.myshopify.com/products/tommy-hilfiger-t-shirt-new-york">
4508                  <a target="_blank"  class="share-facebook" title="Share"></a>
4509                  <a target="_blank"  class="share-twitter" title="Tweet"></a>
4510                  <a target="_blank"  class="share-pinterest" title="Pin it"></a>
4511                </div>
4512              </div>
4513            </div>
4514          </div>
4515          <div class="right-col">
4516              <h1 itemprop="name">
4517                  <br />
4518              <span id="status_span" runat="server" style="padding:5px;font-size:30px;">
4519
4520                  <asp:Label ID="listingstatus_lbl" runat="server" Text="Status"></asp:Label>
4521              </span>
4522                    <asp:Button ID="edit_btn" OnClick="edit_btn_Click" style="margin-left:5px"  class="btn btn-warning" runat="server" Text="Edit" />
4523                  </h1>
4524            <h1 itemprop="name">
4525        <asp:Label ID="lbl_listingname" runat="server" Text="Label"></asp:Label></h1>
4526            <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
4527              <meta itemprop="priceCurrency" content="USD">
4528              <link itemprop="availability" href="https://schema.org/InStock">
4529              <div class="price-shipping">
4530                  
4531                <div class="price" id="price-preview" quickbeam="price" quickbeam-price="800">
4532                  <div style="font-size:20px;">Budget</div>$<asp:Label ID="lbl_price" runat="server" Text="Budget"></asp:Label>
4533                </div>
4534                  <br />
4535                <a>Free shipping</a>
4536              </div>
4537              <%--<div class="swatches">
4538                <div class="swatch clearfix" data-option-index="0">
4539                  <div class="header">Size</div>
4540                  <div data-value="M" class="swatch-element plain m available">
4541                    <input id="swatch-0-m" type="radio" name="option-0" value="M" checked  />
4542                    <label for="swatch-0-m">
4543                      M
4544                      <img class="crossed-out" src="//cdn.shopify.com/s/files/1/1047/6452/t/1/assets/soldout.png?10994296540668815886" />
4545                    </label>
4546                  </div>
4547                  <div data-value="L" class="swatch-element plain l available">
4548                    <input id="swatch-0-l" type="radio" name="option-0" value="L"  />
4549                    <label for="swatch-0-l">
4550                      L
4551                      <img class="crossed-out" src="//cdn.shopify.com/s/files/1/1047/6452/t/1/assets/soldout.png?10994296540668815886" />
4552                    </label>
4553                  </div>
4554                  <div data-value="XL" class="swatch-element plain xl available">
4555                    <input id="swatch-0-xl" type="radio" name="option-0" value="XL"  />
4556                    <label for="swatch-0-xl">
4557                      XL
4558                      <img class="crossed-out" src="//cdn.shopify.com/s/files/1/1047/6452/t/1/assets/soldout.png?10994296540668815886" />
4559                    </label>
4560                  </div>
4561                  <div data-value="XXL" class="swatch-element plain xxl available">
4562                    <input id="swatch-0-xxl" type="radio" name="option-0" value="XXL"  />
4563                    <label for="swatch-0-xxl">
4564                      XXL
4565                      <img class="crossed-out" src="//cdn.shopify.com/s/files/1/1047/6452/t/1/assets/soldout.png?10994296540668815886" />
4566                    </label>
4567                  </div>
4568                </div>
4569                <div class="swatch clearfix" data-option-index="1">
4570                  <div class="header">Color</div>
4571                  <div data-value="Blue" class="swatch-element color blue available">
4572                    <div class="tooltip">Blue</div>
4573                    <input quickbeam="color" id="swatch-1-blue" type="radio" name="option-1" value="Blue" checked  />
4574                    <label for="swatch-1-blue" style="border-color: blue;">
4575                      <img class="crossed-out" src="//cdn.shopify.com/s/files/1/1047/6452/t/1/assets/soldout.png?10994296540668815886" />
4576                      <span style="background-color: blue;"></span>
4577                    </label>
4578                  </div>
4579                  <div data-value="Red" class="swatch-element color red available">
4580                    <div class="tooltip">Red</div>
4581                    <input quickbeam="color" id="swatch-1-red" type="radio" name="option-1" value="Red"  />
4582                    <label for="swatch-1-red" style="border-color: red;">
4583                      <img class="crossed-out" src="//cdn.shopify.com/s/files/1/1047/6452/t/1/assets/soldout.png?10994296540668815886" />
4584                      <span style="background-color: red;"></span>
4585                    </label>
4586                  </div>
4587                  <div data-value="Yellow" class="swatch-element color yellow available">
4588                    <div class="tooltip">Yellow</div>
4589                    <input quickbeam="color" id="swatch-1-yellow" type="radio" name="option-1" value="Yellow"  />
4590                    <label for="swatch-1-yellow" style="border-color: yellow;">
4591                      <img class="crossed-out" src="//cdn.shopify.com/s/files/1/1047/6452/t/1/assets/soldout.png?10994296540668815886" />
4592                      <span style="background-color: yellow;"></span>
4593                    </label>
4594                  </div>
4595                </div>
4596                <div class="guide">
4597                  <a>Size guide</a>
4598                </div>
4599              </div>--%>
4600              <!-- <form method="post" enctype="multipart/form-data" id="AddToCartForm"> -->
4601              <%--<form id="AddToCartForm">
4602                <select name="id" id="productSelect" quickbeam="product" class="product-single__variants">
4603                  <option  selected="selected"  data-sku="" value="7924994501">
4604                    M / Blue - $800.00 USD
4605                  </option>
4606                  <option  data-sku="" value="7924995077">
4607                    M / Red - $850.00 USD
4608                  </option>
4609                  <option  data-sku="" value="7924994437">
4610                    L / Blue - $850.00 USD
4611                  </option>
4612                  <option  data-sku="" value="7924994693">
4613                    L / Yellow - $850.00 USD
4614                  </option>
4615                  <option  data-sku="" value="7924995013">
4616                    L / Red - $850.00 USD
4617                  </option>
4618                  <option  data-sku="" value="7924994373">
4619                    XL / Blue - $900.00 USD
4620                  </option>
4621                  <option  data-sku="" value="7924994629">
4622                    XL / Yellow - $850.00 USD
4623                  </option>
4624                  <option  data-sku="" value="7924830021">
4625                    XXL / Blue - $950.00 USD
4626                  </option>
4627                  <option  data-sku="" value="7924994885">
4628                    XXL / Red - $850.00 USD
4629                  </option>
4630                </select>
4631                <div class="btn-and-quantity-wrap">
4632                  <div class="btn-and-quantity">
4633                    <div class="spinner">
4634                      <span class="btn minus" data-id="2721888517"></span>
4635                      <input type="text" id="updates_2721888517" name="quantity" value="1" class="quantity-selector">
4636                      <input type="hidden" id="product_id" name="product_id" value="2721888517">
4637                      <span class="q">Qty.</span>
4638                      <span class="btn plus" data-id="2721888517"></span>
4639                    </div>
4640                    <div id="AddToCart" quickbeam="add-to-cart">
4641                      <span id="AddToCartText">Add to Cart</span>
4642                    </div>
4643                  </div>
4644                </div>
4645              </form>--%>
4646                <br />
4647<%--        <a href="#" class="btn btn-info btn-lg" style="text-decoration:none;color:white">
4648          <span class="glyphicon glyphicon-hand-up"></span> Bid
4649        </a>--%>
4650<asp:Button ID="bid_btn" runat="server" class="btn btn-info btn-lg" Text="Bid" OnClick="bid_btn_Click" />
4651              <div class="tabs">
4652                <div class="tab-labels">
4653                  <span data-id="1" class="active">Info</span>
4654                </div>
4655                <div class="tab-slides">
4656                  <div id="tab-slide-1" itemprop="description"  class="slide active">
4657                    <asp:Label ID="lbl_desc" runat="server" Text="Description"></asp:Label>
4658                  </div>
4659
4660                    
4661                    <p><strong>Listing ID: </strong><asp:Label ID="listingID" runat="server" Text="ListingID"></asp:Label></p>
4662                 
4663                    
4664                    <p><strong>Average bidding</strong> <asp:Label ID="Label2" runat="server" ></asp:Label></p>
4665                    <p><strong>Number of bidding</strong> <asp:Label ID="Label3" runat="server"></asp:Label></p>
4666                    <p><strong>Posted by: </strong> <asp:Label ID="custEmaillbl" runat="server" Text="avg bid"></asp:Label></p>
4667                    
4668                </div>
4669              </div>
4670
4671                
4672
4673
4674              <div class="social-sharing-btn-wrapper">
4675                <span id="social_sharing_btn">Share</span>
4676              </div>
4677
4678
4679
4680            </div>
4681          </div>
4682        </div>
4683      </div>
4684    </div>
4685
4686     
4687
4688                  <div class="container">
4689                         <ul class="nav nav-tabs">
4690    <li class="active"><a style="text-decoration:none;">Current Biddings</a></li>
4691       </ul>
4692      <br />
4693
4694                      <div id="errormsg" runat="server" class="jumbotron">
4695    <p>No biddings found</p> 
4696  </div>
4697
4698    <asp:DataList ID="DataList1" runat="server" RepeatColumns="3" RepeatDirection="Horizontal" RepeatLayout="Flow"  OnItemCommand="DataList1_ItemCommand">
4699        <ItemTemplate>
4700            <div class="col-md-4">
4701                  <div class="well dash-box"><!--THUMBNAIL#2-->
4702                     <div class="row">
4703                        <%--<asp:ImageButton ID="img_Products" runat="server" ImageUrl='<%# Eval("Listing_Img") %>' Height="215px" Width="246px"/>--%>
4704                      <div class="col-8">
4705                        <%--<strong><asp:Label ID="ListingBid_ID_lbl" runat="server" Text='<%# Eval("ListingBid_ID") %>'></asp:Label></strong>--%>
4706                    
4707         
4708                        <strong>Baker: </strong><asp:Label ID="lbl_ProdName" runat="server" Text='<%# Eval("BakerEmail") %>'></asp:Label>
4709                        <br /><strong>Verified(?)</strong><asp:Label ID="Label5" runat="server" Text='<%# Eval("BakerEmail") %>'></asp:Label>
4710                        
4711                          <br />
4712                        <br />
4713
4714                    
4715                           <strong> Bid Price: </strong><asp:Label ID="bidprice" runat="server" Text='<%# Eval("ListingBidPrice") %>'></asp:Label>
4716               <br/>    
4717            <strong>Status: </strong><asp:Label ID="lbl_ProdID" runat="server" Text='<%# Eval("ListingBidStatus") %>'></asp:Label>
4718            <br />
4719            <strong>Proposal Description: </strong><asp:Label ID="Label4" runat="server" Text='<%# Eval("ListingBidDesc") %>'></asp:Label>
4720
4721            <br />
4722                          </div>
4723                         <div class="col-4">
4724                             <asp:Button ID="accept_btn" runat="server" OnClick="accept_btn_Click" class="btn btn-success" Text="Accept" />
4725                             <asp:Button ID="decline_btn" runat="server" OnClick="decline_btn_Click" class="btn btn-danger" Text="Decline" />
4726                         </div>
4727
4728
4729                         </div>
4730           </div>
4731</div>
4732        </ItemTemplate> 
4733        
4734    </asp:DataList>
4735
4736                    </div>
4737
4738             
4739            
4740
4741
4742    <aside class="related">
4743      <div class="_cont">
4744        <h2>You might also like</h2>
4745        <%--div class="collection-list cols-4" id="collection-list" data-products-per-page="4">
4746          <a class="product-box">
4747            <span class="img">
4748              <span style="background-image: url('//cdn.shopify.com/s/files/1/1047/6452/products/tricko1_70d2887b-ec6a-4bcb-a93b-7fd1783e6445_grande.jpg?v=1447530130')" class="i first"></span>
4749              <span class="i second" style="background-image: url('//cdn.shopify.com/s/files/1/1047/6452/products/product_030f9fc5-f253-4dca-a43a-fe2b719d0704_grande.png?v=1447530130')"></span>
4750            </span>
4751            <span class="text">
4752              <strong>Tony Hunfinger T-Shirt New York 2</strong>
4753              <span>
4754                From $800.00
4755              </span>
4756              <div class="variants">
4757                <div class="variant">
4758                  <div class="var m available">
4759                    <div class="t">M</div>
4760                  </div>
4761                  <div class="var l available">
4762                    <div class="t">L</div>
4763                  </div>
4764                  <div class="var xl available">
4765                    <div class="t">XL</div>
4766                  </div>
4767                  <div class="var xxl available">
4768                    <div class="t">XXL</div>
4769                  </div>
4770                </div>
4771                <div class="variant">
4772                  <div class="var color blue available">
4773                    <div class="c" style="background-color: blue;"></div>
4774                  </div>
4775                  <div class="var color red available">
4776                    <div class="c" style="background-color: red;"></div>
4777                  </div>
4778                  <div class="var color yellow available">
4779                    <div class="c" style="background-color: yellow;"></div>
4780                  </div>
4781                </div>
4782              </div>
4783            </span>
4784          </a>
4785          <a class="product-box">
4786            <span class="img">
4787              <span style="background-image: url('//cdn.shopify.com/s/files/1/1047/6452/products/tricko2_357767df-d7ff-4b58-b705-edde76bb32b7_grande.jpg?v=1447530150')" class="i first"></span>
4788              <span class="i second" style="background-image: url('//cdn.shopify.com/s/files/1/1047/6452/products/tricko1_613d5776-ea61-4f9b-abef-0ce847c63a67_grande.jpg?v=1447530150')"></span>
4789            </span>
4790            <span class="text">
4791              <strong>Tony Hunfinger T-Shirt New York 3</strong>
4792              <span>
4793                From $800.00
4794              </span>
4795              <div class="variants">
4796                <div class="variant">
4797                  <div class="var m available">
4798                    <div class="t">M</div>
4799                  </div>
4800                  <div class="var l available">
4801                    <div class="t">L</div>
4802                  </div>
4803                  <div class="var xl available">
4804                    <div class="t">XL</div>
4805                  </div>
4806                  <div class="var xxl available">
4807                    <div class="t">XXL</div>
4808                  </div>
4809                </div>
4810                <div class="variant">
4811                  <div class="var color blue available">
4812                    <div class="c" style="background-color: blue;"></div>
4813                  </div>
4814                  <div class="var color red available">
4815                    <div class="c" style="background-color: red;"></div>
4816                  </div>
4817                  <div class="var color yellow available">
4818                    <div class="c" style="background-color: yellow;"></div>
4819                  </div>
4820                </div>
4821              </div>
4822            </span>
4823          </a>
4824          <a href="/collections/men/products/copy-of-copy-of-copy-of-tommy-hilfiger-t-shirt-new-york-4" class="product-box">
4825            <span class="img">
4826              <span style="background-image: url('//cdn.shopify.com/s/files/1/1047/6452/products/tricko3_0e98498a-123c-4305-9d94-d8280bb46416_grande.jpg?v=1447530164')" class="i first"></span>
4827              <span class="i second" style="background-image: url('//cdn.shopify.com/s/files/1/1047/6452/products/tricko2_6c949188-dba0-4789-9434-c0821b92f3f4_grande.jpg?v=1447530164')"></span>
4828            </span>
4829            <span class="text">
4830              <strong>Tony Hunfinger T-Shirt New York 4</strong>
4831              <span>
4832                From $800.00
4833              </span>
4834              <div class="variants">
4835                <div class="variant">
4836                  <div class="var m available">
4837                    <div class="t">M</div>
4838                  </div>
4839                  <div class="var l available">
4840                    <div class="t">L</div>
4841                  </div>
4842                  <div class="var xl available">
4843                    <div class="t">XL</div>
4844                  </div>
4845                  <div class="var xxl available">
4846                    <div class="t">XXL</div>
4847                  </div>
4848                </div>
4849                <div class="variant">
4850                  <div class="var color blue available">
4851                    <div class="c" style="background-color: blue;"></div>
4852                  </div>
4853                  <div class="var color red available">
4854                    <div class="c" style="background-color: red;"></div>
4855                  </div>
4856                  <div class="var color yellow available">
4857                    <div class="c" style="background-color: yellow;"></div>
4858                  </div>
4859                </div>
4860              </div>
4861            </span>
4862          </a>
4863          <a class="product-box">
4864            <span class="img">
4865              <span style="background-image: url('//cdn.shopify.com/s/files/1/1047/6452/products/product_7d606126-1b60-4738-99b3-062810f2db8b_grande.png?v=1447530674')" class="i first"></span>
4866              <span class="i second" style="background-image: url('//cdn.shopify.com/s/files/1/1047/6452/products/tricko3_fd08d231-654c-4304-81b2-9191e6fd141e_grande.jpg?v=1447530674')"></span>
4867            </span>
4868            <span class="text">
4869              <strong>Tony Hunfinger T-Shirt New York 5</strong>
4870              <span>
4871                From $800.00
4872              </span>
4873              <div class="variants">
4874                <div class="variant">
4875                  <div class="var m available">
4876                    <div class="t">M</div>
4877                  </div>
4878                  <div class="var l available">
4879                    <div class="t">L</div>
4880                  </div>
4881                  <div class="var xl available">
4882                    <div class="t">XL</div>
4883                  </div>
4884                  <div class="var xxl available">
4885                    <div class="t">XXL</div>
4886                  </div>
4887                </div>
4888                <div class="variant">
4889                  <div class="var color blue available">
4890                    <div class="c" style="background-color: blue;"></div>
4891                  </div>
4892                  <div class="var color red available">
4893                    <div class="c" style="background-color: red;"></div>
4894                  </div>
4895                  <div class="var color yellow available">
4896                    <div class="c" style="background-color: yellow;"></div>
4897                  </div>
4898                </div>
4899              </div>
4900            </span>
4901          </a>
4902          <a class="product-box hidden">
4903            <span class="img">
4904              <span style="background-image: url('//cdn.shopify.com/s/files/1/1047/6452/products/tricko1_bba77d82-7f85-47af-9a45-f4700bcc04ad_grande.jpg?v=1447530689')" class="i first"></span>
4905              <span class="i second" style="background-image: url('//cdn.shopify.com/s/files/1/1047/6452/products/product_f065e961-d296-48a8-8a67-a3532200e257_grande.png?v=1447530689')"></span>
4906            </span>
4907            <span class="text">
4908              <strong>Tony Hunfinger T-Shirt New York 6</strong>
4909              <span>
4910                From $800.00
4911              </span>
4912              <div class="variants">
4913                <div class="variant">
4914                  <div class="var m available">
4915                    <div class="t">M</div>
4916                  </div>
4917                  <div class="var l available">
4918                    <div class="t">L</div>
4919                  </div>
4920                  <div class="var xl available">
4921                    <div class="t">XL</div>
4922                  </div>
4923                  <div class="var xxl available">
4924                    <div class="t">XXL</div>
4925                  </div>
4926                </div>
4927                <div class="variant">
4928                  <div class="var color blue available">
4929                    <div class="c" style="background-color: blue;"></div>
4930                  </div>
4931                  <div class="var color red available">
4932                    <div class="c" style="background-color: red;"></div>
4933                  </div>
4934                  <div class="var color yellow available">
4935                    <div class="c" style="background-color: yellow;"></div>
4936                  </div>
4937                </div>
4938              </div>
4939            </span>
4940          </a>
4941          <a class="product-box hidden">
4942            <span class="img">
4943              <span style="background-image: url('//cdn.shopify.com/s/files/1/1047/6452/products/tricko2_bf59c7f2-7c1f-4822-9494-6a984598a56c_grande.jpg?v=1447530706')" class="i first"></span>
4944              <span class="i second" style="background-image: url('//cdn.shopify.com/s/files/1/1047/6452/products/tricko1_c6fa0fc1-99a0-4bd0-a1d8-0270127977fc_grande.jpg?v=1447530706')"></span>
4945            </span>
4946            <span class="text">
4947              <strong>Tony Hunfinger T-Shirt New York 7</strong>
4948              <span>
4949                From $800.00
4950              </span>
4951              <div class="variants">
4952                <div class="variant">
4953                  <div class="var m available">
4954                    <div class="t">M</div>
4955                  </div>
4956                  <div class="var l available">
4957                    <div class="t">L</div>
4958                  </div>
4959                  <div class="var xl available">
4960                    <div class="t">XL</div>
4961                  </div>
4962                  <div class="var xxl available">
4963                    <div class="t">XXL</div>
4964                  </div>
4965                </div>
4966                <div class="variant">
4967                  <div class="var color blue available">
4968                    <div class="c" style="background-color: blue;"></div>
4969                  </div>
4970                  <div class="var color red available">
4971                    <div class="c" style="background-color: red;"></div>
4972                  </div>
4973                  <div class="var color yellow available">
4974                    <div class="c" style="background-color: yellow;"></div>
4975                  </div>
4976                </div>
4977              </div>
4978            </span>
4979          </a>
4980        </div>--%>
4981        <div class="more-products" id="more-products-wrap">
4982          <span id="more-products" data-rows_per_page="1">More products</span>
4983        </div>
4984      </div>
4985    </aside>
4986  </div>
4987
4988</section>
4989
4990<!-- Quickbeam cart-->
4991
4992<div id="quick-cart" quickbeam="cart">
4993  <a id="quick-cart-pay" quickbeam="cart-pay" class="cart-ico">
4994    <span>
4995      <strong class="quick-cart-text">Pay<br></strong>
4996      <span id="quick-cart-price">0</span>
4997      <span id="quick-cart-pay-total-count">0</span>
4998    </span>
4999  </a>
5000</div>
5001
5002<!-- Quickbeam cart end -->
5003<script src='//production-assets.codepen.io/assets/common/stopExecutionOnTimeout-b2a7b3fe212eaa732349046d8416e00a9dec26eb7fd347590fbced3ab38af52e.js'></script><script src='//raw.githubusercontent.com/greenwoodents/quickbeam.js/master/dist/quickbeam.min.js'></script><script src='//cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenMax.min.js'></script>
5004<script >//Hey you! Thanks for checking this pen. :) I open source it as library. https://github.com/greenwoodents/quickbeam.js
5005
5006var Quickbeam = (function () {
5007  // Instance stores a reference to the Singleton
5008  var instance;
5009
5010  function init(att) {
5011    // Singleton
5012    var els = {};
5013    var self = {};
5014
5015    //Select attributes
5016    var cart = document.querySelector('#quick-cart');
5017    var cartPay = document.querySelector('#quick-cart-pay');
5018    var cartPrice = document.querySelector('#quick-cart-price');
5019
5020    var addToCart = document.querySelector('[quickbeam="add-to-cart"]');
5021    var ProductImage = document.querySelector('[quickbeam="image"]');
5022    var price = document.querySelector('[quickbeam="price"]');
5023
5024    var variantId;
5025    var imageUrl;
5026    var count;
5027    var color = '#000';
5028
5029    var last_removed_variant;
5030    var last_removed_variant_count;
5031
5032
5033    (function main() {
5034
5035      window.onresize = function(event) {
5036        setPayButtonAction();
5037      };
5038
5039      setPayButtonAction();
5040
5041      if (cartPay.length > 0) {return false;}
5042
5043      if (att.animationLib === 'gsap') {
5044        if (typeof TweenMax !== 'function') {throw "GSAP is not loaded."}
5045      }
5046
5047      if (price) {
5048        price = price.innerHTML;
5049      }
5050
5051      if (ProductImage) {
5052        imageUrl = ProductImage.getAttribute('src');
5053
5054        if (!imageUrl) {
5055          var patt = /url\(\s*(['"]?)(.*?)\1\s*\)/i
5056          imageUrl = ProductImage.getAttribute('style').match(patt)[2];
5057        }
5058      }
5059
5060      [].forEach.call(document.querySelectorAll('.quickbeam-variant'), function(el){
5061        if (el.checked) {
5062          variantId = parseInt(el.getAttribute('quickbeam-value'));
5063        }
5064      });
5065
5066
5067      //Add event listeners
5068      var listeners = {
5069        '.quick-cart-product-remove': function(el){
5070            var id = el.getAttribute("data-id");
5071            var product = el.parentNode;
5072            var productCount = product.querySelector('.count');
5073            var count = parseInt(productCount.innerText);
5074            var imgWrap = product.querySelector('div');
5075
5076            if (!(product && cart)) {return false}
5077
5078            count--;
5079
5080            if (count <= 0) {
5081              //Animation
5082              product.classList.add("remove-product");
5083              window.setTimeout(function() {
5084                product.classList.remove("remove-product");
5085                removeProduct(product);
5086              }, 1000);
5087            } else {
5088              productCount.innerText = count;
5089
5090              var clone = imgWrap.cloneNode(true);
5091              clone.classList.add('animateOut')
5092              imgWrap.parentNode.appendChild(clone);
5093
5094              window.setTimeout(function() {
5095                clone.parentNode.removeChild(clone);
5096              }, 1000);
5097
5098
5099              if (count <= 1) {
5100                productCount.classList.add("hide");
5101              }
5102            }
5103
5104            if (last_removed_variant == id) {
5105              last_removed_variant_count++;
5106            } else {
5107              last_removed_variant = id;
5108              last_removed_variant_count = 1;
5109            }
5110
5111            if (3 == last_removed_variant_count && count > 1) {
5112              product.classList.add("show-remove-all");
5113            }
5114
5115
5116            ajaxRemoveProduct({quantity: count, id: id});
5117          },
5118
5119          '.quick-cart-product-removeall': function(el) {
5120              var id = el.getAttribute("data-id");
5121              var product = el.parentNode;
5122
5123              if (!(product && cart)) {return false}
5124
5125              product.classList.add("remove-product");
5126              window.setTimeout(function() {
5127                removeProduct(product_box);
5128              }, 200);
5129
5130              ajaxRemoveProduct({quantity: 0, id: id});
5131          }
5132      }
5133
5134      //Event delegation for cart
5135      cart.addEventListener("click",function(e) {
5136        //calling callback if item of object have a match.
5137        for (var key in listeners) {
5138          if (listeners.hasOwnProperty(key) && e.target && e.target.matches(key)) {
5139            listeners[key].apply(null, [e.target]);
5140          }
5141        }
5142      });
5143
5144      if (addToCart) {
5145        //Buy button listener.
5146        addToCart.addEventListener('click', start, false);
5147      }
5148
5149      function start(e){
5150        e.preventDefault();
5151        this.blur();
5152
5153        // display pay button if is not
5154        if (!(cartPay.classList.contains('open'))) {
5155          cartPay.classList.add("open");
5156        }
5157
5158        count = parseInt(document.querySelector('.quantity-selector').value);
5159
5160        addProduct();
5161
5162        animateProduct();
5163
5164        if (ProductImage) {
5165          ProductImage.classList.add("animate");
5166          window.setTimeout(function(){
5167            ProductImage.classList.remove("animate");
5168          }, 400);
5169        }
5170      }
5171
5172      return false;
5173    })();
5174
5175    //Procedure for creating product in cart and displaying after animation.
5176    function addProduct() {
5177      var variant;
5178
5179      //Calling select variant from attributes or falling back to default select variant.
5180      if (typeof att.variantSelector === 'function') {
5181        variant = att.variantSelector.call();
5182        if (typeof variant !== string) {
5183          console.error("variantSelector not returning a string.");
5184          variant = '';
5185        }
5186      } else {
5187        [].forEach.call(document.querySelectorAll('.quickbeam-variant'), function(el){
5188          if (el.checked) {
5189            variantId = parseInt(el.getAttribute('quickbeam-value'));
5190            variant = el.getAttribute('value');
5191          }
5192        });
5193      }
5194
5195      if (typeof variant === 'undefined') {
5196        console.error("Not able to select variant");
5197        variant = '';
5198      }
5199
5200      var cart_product = document.querySelector("#quick-cart-product-" + variantId) || false;
5201
5202      if (cart && ProductImage && cart_product == false ) {
5203        //Create product box
5204        var element = createProductBox({
5205          id: variantId,
5206          price: price,
5207          image: imageUrl,
5208          size: variant,
5209          color: color
5210        });
5211        //Append element to cart
5212        cart.insertBefore(element, cart.firstChild);
5213        //Display created element
5214        displayProductBox(element, 1000);
5215      }
5216    }
5217
5218    // Function for creating DOM element from pre-set template.
5219    // Private function
5220    // Arguments: variantId, price, swatchesContent
5221    // Returning created DOM element.
5222    function createProductBox(data) {
5223      var template = '<div class="quick-cart-product-wrap">'+
5224                        '<img src="' + data.image + '">'+
5225                        '<span class=" s1" style="background-color: '+data.color+'; opacity: .5">'+ data.price.trim() +'</span>'+
5226                        '<span class=" s2">'+ data.size.trim() +'</span>'+
5227                      '</div>'+
5228                      '<span class="count hide fadeUp" id="quick-cart-product-count-'+ data.id +'">0</span>'+
5229                      '<span class="quick-cart-product-remove remove" data-id="'+ data.id +'"></span>'+
5230                      '<span class="quick-cart-product-removeall removeall" data-id="'+ data.id +'"></span>';
5231
5232      var div = document.createElement("div");
5233      div.classList.add("quick-cart-product");
5234      div.classList.add("quick-cart-product-static");
5235      div.setAttribute("id", "quick-cart-product-" + data.id);
5236      div.style.opacity = 0;
5237      div.innerHTML = template;
5238
5239      return div;
5240    }
5241
5242    // Function for displaying product box.
5243    // private function
5244    // Arguments: createde element, delay of display.
5245    function displayProductBox(el, delay) {
5246      //Defaults
5247      delay = typeof delay !== 'undefined' ? delay : 0;
5248
5249      window.setTimeout(function(){
5250        el.style.opacity = 1;
5251      }, delay);
5252    }
5253
5254    //requst animation frame animation function
5255    function animate(item) {
5256      var duration = item.time,
5257      end = +new Date() + duration;
5258
5259      var step = function() {
5260
5261        var current = +new Date(),
5262            remaining = end - current;
5263
5264        if(remaining < 60) {
5265          item.run(1);  //1 = progress is at 100%
5266          return;
5267
5268        } else {
5269          var rate = 1 - remaining/duration;
5270          item.run(rate);
5271        }
5272
5273        requestAnimationFrame(step);
5274      }
5275      step();
5276    }
5277
5278    //Procedure for animating process of adding product box to cart using bezire curve.
5279    //Private
5280    function animateProduct() {
5281      // create and append copy of large image.
5282      var element = createAnimatedObject();
5283      var c = getAnimationCoordinations(element);
5284
5285      if (att.animationLib === 'gsap') {
5286        gsapAnimation(element, c);
5287      } else {
5288        fallbackAnimation(element, c);
5289      }
5290    }
5291
5292    function gsapAnimation(element, c) {
5293      element.style.position = 'absolute';
5294      element.classList.add("run");
5295
5296      var countBox = document.getElementById("quick-cart-product-count-" + variantId);
5297      if (countBox) {
5298        countBox.classList.remove('fadeUp')
5299        countBox.classList.add('fadeDown')
5300      }
5301
5302      TweenMax.to(element, 1, {bezier:{type:"soft", values:c.through}, ease:Power1.easeInOut});
5303
5304      setTimeout(function(){
5305        element.style.opacity = 0;
5306        document.body.removeChild(element);
5307
5308        setTimeout(function(){
5309          ajaxAddProductToCart();
5310        },100)
5311      }, 1000);
5312    }
5313
5314    //Vanilla JS Animation
5315    function fallbackAnimation(element, c) {
5316      var cordeIndex = 0;
5317      var coord = function (x,y) {
5318        if(!x) var x=0; if(!y) var y=0;
5319        return {x: x, y: y};
5320      };
5321
5322      var bezier = function(t, p0, p1, p2, p3){
5323        var cX = 3 * (p1.x - p0.x),
5324            bX = 3 * (p2.x - p1.x) - cX,
5325            aX = p3.x - p0.x - cX - bX;
5326
5327        var cY = 3 * (p1.y - p0.y),
5328            bY = 3 * (p2.y - p1.y) - cY,
5329            aY = p3.y - p0.y - cY - bY;
5330
5331        var x = (aX * Math.pow(t, 3)) + (bX * Math.pow(t, 2)) + (cX * t) + p0.x;
5332        var y = (aY * Math.pow(t, 3)) + (bY * Math.pow(t, 2)) + (cY * t) + p0.y;
5333
5334        return {x: x, y: y};
5335      };
5336      //Coordinations
5337      //Start
5338      var P1 = coord(c.start.x,c.start.y);
5339      //HELPERS
5340      var P2 = coord(c.start.x-300,c.final.y);
5341      var P3 = coord(c.start.x+500,c.start.y+500);
5342      //final destination
5343      var P4 = coord(c.final.x,c.final.y);
5344
5345      //Actaully animate.
5346      var stage = 0;
5347      element.style.position = 'absolute';
5348      element.classList.add("run");
5349      animate({
5350        time: 1000,
5351
5352        run: function(t) {
5353          if(t == 1) {
5354            setTimeout(function(){
5355              element.style.opacity = 0;
5356              document.body.removeChild(element);
5357
5358              setTimeout(function(){
5359                ajaxAddProductToCart();
5360              },1000)
5361            }, 500);
5362
5363          }
5364          //find position on bezier curve
5365          var curpos = bezier(t,P1,P2,P3,P4)
5366
5367          var trans = "translate("+Math.round(curpos.x)+"px,"+Math.round(curpos.y)+"px)";
5368
5369          element.style.webkitTransform = trans;
5370          element.style.transform = trans;
5371        }
5372      });
5373    }
5374
5375    // Function for creating DOM element from pre-set template.
5376    // Private function
5377    // Arguments: none
5378    // Returning created DOM element.
5379    function createAnimatedObject(data) {
5380      var width = ProductImage.offsetWidth - 2;
5381      var height = Math.round(parseInt(ProductImage.offsetWidth - 2) * 1.33);
5382      var offset = ProductImage.getBoundingClientRect();
5383
5384      var template =  '<div style="width:'+ width +'px; height:'+ height +'px;">'+
5385                      '<img src="'+ imageUrl +'">'+
5386                      '<span class="s1" style="background-color: '+color+'; opacity: .5; transition: 1000ms"></span>'+
5387                      '<span class="s2"></span>'+
5388                      '</div>';
5389
5390      // Animace pridani produktu k produktovemu boxu
5391      var div = document.createElement("div");
5392      div.classList.add("quick-cart-product");
5393      div.classList.add("quick-cart-product");
5394      div.classList.add("animated");
5395      div.setAttribute("id", "quick-cart-product-animated");
5396
5397      if (att.animationLib === 'gsap') {
5398        var trans = "translate("+ offset.left +"px,"+ offset.top +"px)";
5399        div.style.webkitTransform = trans;
5400        div.style.transform = trans;
5401      }
5402
5403      //Apend template
5404      div.innerHTML = template;
5405      //Append child to body
5406      document.body.appendChild(div);
5407      //return
5408      return div;
5409    }
5410
5411    // Function for calculating animation coordinations
5412    // Private function
5413    // Arguments: element from DOM.
5414    // Returning object { start:{x,y}, finish: {x,y} }.
5415    function getAnimationCoordinations(element) {
5416      var child = element.querySelector('div');
5417      // Calc of start and finish positions of animation.
5418      var start = ProductImage.getBoundingClientRect();
5419      var final = document.querySelector("#quick-cart-product-" + variantId).getBoundingClientRect();
5420      var fTop = final.top;
5421      // adding scroll heihft to Y
5422      var doc = document.documentElement;
5423      var left = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
5424      var top = (window.pageYOffset || doc.scrollTop)  - (doc.clientTop || 0);
5425
5426      var throughX = parseInt(start.left) - parseInt(child.style.width) * 1.4;
5427      var throughY = (fTop + top) - parseInt(child.style.height) / 3;
5428
5429      return {
5430        start: {
5431          x: start.left,
5432          y: start.top
5433        },
5434        through: [
5435          {x:throughX, y:throughY},
5436          {x:final.left, y:fTop + top}
5437        ],
5438        final: {
5439          x: final.left,
5440          y: fTop + top
5441        }
5442      }
5443    }
5444
5445    // Function for adding product to shopify cart using AJAX
5446    // Private function
5447    // Arguments:
5448    // Returning nothing, procedure.
5449    function ajaxAddProductToCart() {
5450      var product_box = document.getElementById("quick-cart-product-" + variantId);
5451
5452      var product_count_box = document.getElementById("quick-cart-product-count-" + variantId);
5453      var product_count = parseInt(product_count_box.innerText);
5454      var cartPay_total_count = document.getElementById("quick-cart-pay-total-count");
5455      var cartPay_total_count_value = parseInt(cartPay_total_count.innerText);
5456      product_count += count;
5457      product_count_box.innerText = product_count;
5458      if (product_count > 1) {
5459        product_count_box.classList.remove("hide");
5460      }
5461      // aktualizace celkoveho poctu ks pro mobilni vzhled
5462      cartPay_total_count_value += count;
5463      cartPay_total_count.innerText = cartPay_total_count_value;
5464
5465
5466      var countBox = document.getElementById("quick-cart-product-count-" + variantId);
5467      countBox.classList.remove('fadeDown')
5468      countBox.classList.add('fadeUp')
5469
5470      if (count < 0) {
5471        count = 1;
5472      }
5473
5474      if (product_box) {
5475        product_box.classList.remove("show-remove-all");
5476        last_removed_variant_count = 0;
5477      }
5478
5479      var ajax = new XMLHttpRequest();
5480      ajax.onreadystatechange = function() {
5481        if (ajax.readyState == 4 && ajax.status == 200) {
5482          ajaxUpdateCart();
5483        }
5484      };
5485      ajax.open("POST", "/cart/add.js", true);
5486      ajax.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
5487      ajax.send(JSON.stringify({quantity: count, id: variantId}));
5488    }
5489
5490    function ajaxRemoveProduct(data) {
5491      var ajax = new XMLHttpRequest();
5492
5493      ajax.onreadystatechange = function() {
5494        if (ajax.readyState == 4 && ajax.status == 200) {
5495          ajaxUpdateCart();
5496        }
5497      };
5498      ajax.open("POST", "/cart/change.js", true);
5499      ajax.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
5500      ajax.send(JSON.stringify(data));
5501    }
5502
5503    function ajaxRemoveAllProducts(data) {
5504      var ajax = new XMLHttpRequest();
5505      ajax.onreadystatechange = function() {
5506        if (ajax.readyState == 4 && ajax.status == 200) {
5507          ajaxUpdateCart();
5508        }
5509      };
5510      ajax.open("POST", "/cart/change.js", true);
5511      ajax.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
5512      ajax.send(JSON.stringify(data));
5513    }
5514
5515    // Function for updating cart with quantity of actual item and orice
5516    // Private function
5517    // Arguments:
5518    // Returning nothing
5519    function ajaxUpdateCart() {
5520      var ajax = new XMLHttpRequest();
5521      ajax.onreadystatechange = function() {
5522        if (ajax.readyState == 4 && ajax.status == 200) {
5523          var response = JSON.parse(ajax.responseText);
5524          cartPrice.innerText = Shopify.formatMoney(response.total_price);
5525          // Zobrazeni tlacitka na nakup
5526          if (response.total_price <= 0) {
5527            cartPay.classList.remove("open");
5528          }
5529        }
5530      };
5531      ajax.open("GET", "/cart.js", true);
5532      ajax.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
5533      ajax.send();
5534    }
5535
5536    // Function for removing html of product from cart
5537    // Private function
5538    function removeProduct(product_box) {
5539      cart.removeChild(product_box);
5540    }
5541
5542    // procedure for changing cart link destionation depending on size of screen.
5543    function setPayButtonAction() {
5544      if (cartPay) {
5545        // Cart is fixed in right bottom of screen
5546        var window_w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
5547
5548        if (window_w > 600) {
5549          cartPay.setAttribute("href", "/checkout");
5550          cartPay.classList.remove("cart-ico");
5551        } else {
5552          cartPay.setAttribute("href", "/cart");
5553          cartPay.classList.add("cart-ico");
5554        }
5555      }
5556    }
5557    //public methods
5558    return self;
5559  };
5560
5561  return {
5562    // Get the Singleton instance if one exists
5563    // or create one if it doesn't
5564    init: function (att) {
5565      if ( !instance ) {
5566        instance = init(att);
5567      }
5568      return instance;
5569    }
5570  };
5571
5572})();
5573
5574
5575// Usage:
5576var cart = Quickbeam.init({
5577  'animationLib': 'gsap'
5578});
5579//# sourceURL=pen.js
5580</script>
5581</asp:Content>