Commit 84667804179ec24bdd026cf31db4c28d9b50b55f

Authored by Dima
1 parent 37951453

Update Basket/LP

src/app/frontend/views/basket_ru.php
... ... @@ -7,358 +7,7 @@
7 7 <meta name="viewport" content="width=device-width, initial-scale=1">
8 8  
9 9 <title>ТМ «Професійне насіння» | Інтернет магазин насіння Semena.in.ua</title>
10   - <style>
11   - @font-face {font-family: 'MarkerFelt'; src: url(/fonts/10062.ttf);}
12   - @font-face {font-family: Lato; font-weight: 900; font-style:normal; src: url(/fonts/Lato-Black.ttf);}
13   - @font-face {font-family: Lato; font-weight: 900; font-style:italic; src: url(/fonts/Lato-BlackItalic.ttf);}
14   - @font-face {font-family: Lato; font-weight: 700; font-style:normal; src: url(/fonts/Lato-Bold.ttf);}
15   - @font-face {font-family: Lato; font-weight: 700; font-style:italic; src: url(/fonts/Lato-BoldItalic.ttf);}
16   - @font-face {font-family: Lato; font-weight: 400; font-style:normal; src: url(/fonts/Lato-Regular.ttf);}
17   - @font-face {font-family: Lato; font-weight: 400; font-style:italic; src: url(/fonts/Lato-Italic.ttf);}
18   - @font-face {font-family: Lato; font-weight: 300; font-style:normal; src: url(/fonts/Lato-Light.ttf);}
19   - @font-face {font-family: Lato; font-weight: 300; font-style:italic; src: url(/fonts/Lato-LightItalic.ttf);}
20   - @font-face {font-family: Lato-SemiboldItalic; font-weight: 100; font-style:italic; src: url(/fonts/Lato-SemiboldItalic.ttf);}
21   - @font-face {font-family: Lato; font-weight: 100; font-style:normal; src: url(/fonts/Lato-Thin.ttf);}
22   - @font-face {font-family: Lato; font-weight: 100; font-style:italic; src: url(/fonts/Lato-ThinItalic.ttf);}
23   - *{font-family: Lato ;}
24   - .popup_window {
25   - max-height: 570px !important;
26   - }
27   - img{
28   - max-width:100%;
29   - }
30   - #block_1{
31   - background-image: url(/images/basket/1.jpg);
32   - background-size: cover;
33   - padding: 50px 0 0 0;
34   - overflow: hidden;
35   - background-position: center;
36   - color:#fff;
37   - }
38   - #block_1 .h2, #block_1 .h3{
39   - font-family: MarkerFelt;
40   - }
41   - #block_1 .h2{
42   -
43   - /*background-image: url(/images/basket/line_in_top.png);*/
44   - background-repeat: no-repeat;
45   - height: 91px;
46   - background-position-x: 31px;
47   - background-position-y: 18px;
48   - }
49   - #block_1 .col-md-5.text-center {
50   - margin-bottom: 50px;
51   - }
52   - .buttom_in_head > div {
53   - padding: 10px 40px;
54   - box-shadow: #000 0 0 3px 0px;
55   - margin: 2px;
56   - }
57   - .second_buttom{
58   - background-color:#f7931e;
59   - }
60   - .first_buttom{
61   - background-color:#6cb33f;
62   - margin-bottom: 9px !important;
63   - }
64   - .buttom_in_head {
65   - border: #fff 3px dashed;
66   - padding: 3px;
67   - max-width: 354px;
68   - margin: 0 auto;
69   - }
70   - #block_2{
71   - border-top: 2px #f7931e dashed;
72   - margin-top: 9px;
73   - padding: 39px 0 48px 0;
74   - }
75   - div.big_numb{
76   - font-family: Lato;
77   - color: #f7931e;
78   - font-weight: 700;
79   - display: table-cell;
80   - padding: 18px;
81   - }
82   - .line_in_2_block {
83   - display: table-row;
84   - }
85   -
86   - .line_in_2_block p {
87   - display: table-cell;
88   - margin: 0;
89   - padding:10px 0 !important;
90   - vertical-align: middle;
91   - font-size: 18px;
92   - font-style: italic;
93   - color: #4d4d4d;
94   - text-align: justify;
95   - }
96   - .line_in_2_block p span{
97   - color: #6cb33f;
98   - }
99   - #block_3{
100   - background-image:url(/images/basket/2.jpg);
101   - background-size: contain;
102   - background-repeat:no-repeat;
103   - padding-bottom:50px;
104   - }
105   - #block_3 .name_b.h4 {
106   - margin: 30px 0px 20px 0px;
107   - }
108   - .col-md-4.basket.text-center {
109   - margin-top: 120px;
110   - }
111   - .name_b{
112   - font-family: MarkerFelt !important;
113   - color: #f7931e !important;
114   - padding: 15px 0 9px 0;
115   - text-transform: uppercase;
116   -
117   - }
118   - .basket .name_b{
119   - border: 2px #f7931e dashed;
120   - }
121   - .basket img{
122   - max-width:100%;
123   - }
124   - .small_buttom{
125   - color: #ffffff !important;
126   - font-size: 20px !important;
127   - font-weight: 300 !important;
128   - height: 35px;
129   - padding: 2px 10px 7px 10px !important;
130   - border-radius: 0 !important;
131   - }
132   - .small_buttom:hover{
133   - color:#fff !important;
134   - text-decoration: none;
135   - cursor: pointer;
136   - }
137   - .small_buttom.buy{
138   - font-style: normal;
139   - }
140   - .basket a:nth-child(2n){
141   - float:left;
142   - }
143   - .basket a:nth-child(2n+1){
144   - float:right;
145   - }
146   -
147   - .small_buttom.green{
148   - background-color:#6cb33f;
149   - }
150   - .small_buttom.orange{
151   - background-color:#f7931e;
152   - }
153   - #block_4{
154   - background-image:url(/images/basket/2_2_2.jpg);
155   - background-size: cover;
156   - padding: 60px 0;
157   - margin-top:50px;
158   - }
159   - #block_4 > .container, #block_7 div.container{
160   - border: 2px #fff dashed;
161   - padding:10px;
162   - }
163   - #block_4 > .container>div{
164   - background-color: hsla(0,0%,100%,0.9);
165   - overflow:hidden;
166   - padding:3% 6% 3% 1%;
167   - }
168   - #block_7 div.container>div{
169   - background-color: hsla(0,0%,100%,0.9);
170   - overflow:hidden;
171   - }
172   - #block_4 a{
173   - padding-left: 20px !important;
174   - padding-right: 20px !important;
175   - max-width: 145px;
176   - margin: 0 auto;
177   - }
178   - #block_4 .col-sm-7 .h4 {
179   - font-family: MarkerFelt;
180   - color: #ffffff;
181   - background-color: #f7931e;
182   - display: inline-block;
183   - padding: 15px 29px 8px 29px;
184   - margin-bottom:30px;
185   - text-transform: uppercase;
186   - }
187   - #block_4 p{
188   - padding:10px;
189   - border: 2px #f7931e dashed;
190   - line-height: 33px;
191   - color: #4d4d4d;
192   - }
193   - .h2_line{
194   - font-family: MarkerFelt !important;
195   - color: #4d4d4d !important;
196   - font-weight: 100;
197   - border-bottom: 2px #f7931e dashed;
198   - margin-bottom: 71px;
199   - margin-top: -30px;
200   - }
201   - .h2_line > .h2 {
202   - position: relative;
203   - top: 48px;
204   - background-color: #fff;
205   - display: inline-block;
206   - padding: 20px 35px;
207   - }
208   - .h2_two_lite >.h2 {
209   - top: 62px !important;
210   - }
211   - .h2_two_lite {
212   - margin-bottom: 70px;
213   - }
214   -
215   - #block_5 .item{
216   - text-align:center;
217   - margin-top:50px;
218   - }
219   - #block_5 .item >p{
220   - margin-top:20px;
221   - display:block;
222   - font-weight: 300;
223   - color: #4d4d4d !important;
224   - font-size: 19px;
225   - }
226   - #block_6, #block_8{
227   - background-color:#fcf3eb;
228   - /* height: 335px;*/
229   - padding:60px 0;
230   - }
231   - #block_6 label, #block_6 .label{
232   - color: #4d4d4d !important;
233   - font-weight: 600;
234   - line-height: 34px;
235   - padding-left: 52px;
236   - min-height: 39px;
237   - display: inline-block;
238   - text-align: left;
239   - padding-top: 0;
240   - background-position-y: 2px;
241   - margin: 15px;
242   - white-space: inherit;
243   - }
244   - #block_6 .label{
245   - background-image: url(/images/basket/bg_input.png);
246   - background-repeat: no-repeat;
247   - }
248   - #block_6 .label span{
249   - font-style: italic;
250   - }
251   -
252   - #block_6 .label>input{
253   - display:none;
254   - }
255   - #block_6 .label:hover{
256   - background-image: url(/images/basket/bg_input_hover.png);
257   - }
258   - #block_6 input[type=text]{
259   - background: none !important;
260   - border: 0;
261   - border-bottom: 2px #f7931e dashed;
262   - box-shadow: none;
263   - border-radius: 0;
264   - }
265   - #block_7{
266   - background-image:url(/images/basket/3.jpg);
267   - padding:4% 0;
268   - background-size: cover;
269   - background-position: center;
270   - }
271   - #block_7 p{
272   - color:#fff;
273   - margin-top:20px;
274   - font-style: italic;
275   - font-weight: 700;
276   - font-size: 16px;
277   - }
278   - #block_7 input{
279   - background:none;
280   - border-radius:0;
281   - margin: 30px 0;
282   - }
283   - #block_7 button{
284   - margin: 30px 0;
285   - }
286   -
287   - #block_7 input:focus {
288   - border-color: #f7931e;
289   - outline: 0;
290   - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247, 147, 30, 0.56);
291   - box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247, 147, 30, 0.48);
292   - }
293   - #block_8 {
294   - min-height: 300px;
295   - }
296   - .carousel-control {
297   - background-position-y: 75px !important;
298   - }
299   -
300   - .panel-footer{background-color:#67b73e !important;color:#fff;padding:40px 0 !important;}
301   - .footer_table span{border-right:1px #fff solid;padding:0 27px 0 41px;float:left;color:#fff}
302   - .footer_table{overflow:hidden;color:#fff}
303   - .panel-footer .container{color:#fff}
304   - .soc_link a{width:50px;height:50px;background-size:50px 50px;display:inline-block;margin:0 8px}
305   - .soc_link .vk{background-image:url(/images/basket/vk_1.png)}
306   - .soc_link .vk:hover{background-image:url(/images/basket/vk.png)}
307   - .soc_link .yt{background-image:url(/images/basket/YouTube_1.png)}
308   - .soc_link .yt:hover{background-image:url(/images/basket/YouTube.png)}
309   - .soc_link .fb{background-image:url(/images/basket/facebook_1.png)}
310   - .soc_link .fb:hover{background-image:url(/images/basket/facebook.png)}
311   - .carousel-control.right{background-image:url(/images/basket/right.png) !important;background-position:center;background-repeat:no-repeat !important;}
312   - .carousel-control.left{background-image:url(/images/basket/left.png) !important;background-position:center;background-repeat:no-repeat !important;}
313   - .carousel-control.right:hover{background-image:url(/images/basket/right_hover.png) !important;}
314   - .carousel-control.left:hover{background-image:url(/images/basket/left_hover.png) !important;}
315   -
316   - .text_comment{
317   - background-image: url(/images/basket/bg_comment.png);
318   - background-repeat: no-repeat;
319   - text-indent: 40px;
320   - text-align: justify;
321   - color: #4d4d4d;
322   - font-size: 16px;
323   - font-weight: 400;
324   - line-height: 25px;
325   - }
326   - .person_info{
327   - font-weight: 700;
328   - font-style: italic;
329   - text-indent: 0;
330   - margin-top: 13px;
331   - text-align:left;
332   - }
333   - .carousel-inner.text-center.container.col-md-8 {
334   - padding: 0;
335   - }
336   - label.h3>div {
337   - margin: 22px 0;
338   - }
339   - #form_thanks span{
340   - color:#f7931e;
341   - }
342   - #form_thanks {
343   - display: none;
344   - min-height: 258px;
345   - }
346   - @media all and (max-width:767px) {
347   - .footer_table span{padding:3px 0!important;width:100%;border:0;text-align:center;float:none;display:block}
348   - .footer_table img{float:none!important;margin:0 auto!important}
349   - .footer_table{text-align:center}
350   - .form_line_radius span{width:100%!important;display:block}
351   - .soc_link {
352   - float: none !important;
353   - margin: 20px auto 0 auto;
354   - }
355   - }
356   - @media screen and (max-width:900px){
357   - a.carousel-control {width: 51px;}
358   - .text_comment {padding: 0 51px !important; background-position-x: 51px;}
359   - }
360   -
361   - </style>
  10 + <link rel="stylesheet" href="/css/landing_pages/basket.min.css" type="text/css" media="all">
362 11 <link rel="stylesheet" href="/css/main_landing_basket.css" type="text/css" media="all">
363 12 <link rel="stylesheet" href="/css/adapt_phone.css" type="text/css" media="all">
364 13 <link href="/css/please_return/theme-style.css" rel="stylesheet">
... ... @@ -727,7 +376,36 @@ else
727 376 </svg>
728 377 <div><br>
729 378 <span style="color:#f7931e;">Спасибо за Ваш ответ.</span><br><br>
730   - Ваше мнение важно для нас и будет учтено во время<br>расширения ассортиментной линии. <br><br>Хорошего Вам урожая!
  379 + Ваше мнение важно для нас и будет учтено во время<br>расширения ассортиментной линии. <br><br>
  380 +
  381 +
  382 + <form id="form_identification_token">
  383 + <spam style="font-style: italic;">Оставьте адрес и мы сообщим Вам как только в нашем <br>ассортименте появится тематическая корзинка, которой Вы заинтересовались.</spam>
  384 +
  385 + <br>
  386 + <div class="col-md-6 h2" style="margin:0 auto; float:none; max-width: 660px; ">
  387 + <input type="hidden" name="VotingID" value="1">
  388 + <input type="hidden" name="callback" value="status_api_identification">
  389 + <label for="s" class="h3">
  390 + <div class="col-sm-8">
  391 + <input type="email" name="email" class="form-control" id="s" placeholder="Email" required>
  392 + </div>
  393 + <div class="col-sm-2">
  394 + <input type="submit" class="btn small_buttom green " value="Сообщить">
  395 + </div>
  396 + </label>
  397 + </div>
  398 + </form>
  399 + <div id="form_identification_token_thank" style="display: none;">
  400 + <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" width="64px" height="64px" viewBox="0 0 475.099 475.099" style="enable-background:new 0 0 475.099 475.099;" xml:space="preserve">
  401 + <path d="M442.829,265.532c9.328-14.089,13.986-29.598,13.986-46.538c0-19.607-7.225-36.637-21.687-51.117 c-14.469-14.465-31.601-21.696-51.394-21.696h-50.251c9.134-18.842,13.709-37.117,13.709-54.816c0-22.271-3.34-39.971-9.996-53.105 c-6.663-13.138-16.372-22.795-29.126-28.984C295.313,3.09,280.947,0,264.959,0c-9.712,0-18.274,3.521-25.697,10.566 c-8.183,7.993-14.084,18.274-17.699,30.837c-3.617,12.559-6.521,24.6-8.708,36.116c-2.187,11.515-5.569,19.652-10.135,24.41 c-9.329,10.088-19.511,22.273-30.551,36.547c-19.224,24.932-32.264,39.685-39.113,44.255H54.828 c-10.088,0-18.702,3.574-25.84,10.706c-7.135,7.139-10.705,15.752-10.705,25.841v182.723c0,10.089,3.566,18.699,10.705,25.838 c7.142,7.139,15.752,10.711,25.84,10.711h82.221c4.188,0,17.319,3.806,39.399,11.42c23.413,8.186,44.017,14.418,61.812,18.702 c17.797,4.284,35.832,6.427,54.106,6.427h26.545h10.284c26.836,0,48.438-7.666,64.809-22.99 c16.365-15.324,24.458-36.213,24.27-62.67c11.42-14.657,17.129-31.597,17.129-50.819c0-4.185-0.281-8.277-0.855-12.278 c7.23-12.748,10.854-26.453,10.854-41.11C445.399,278.379,444.544,271.809,442.829,265.532z M85.949,396.58 c-3.616,3.614-7.898,5.428-12.847,5.428c-4.95,0-9.233-1.813-12.85-5.428c-3.615-3.613-5.424-7.897-5.424-12.85 c0-4.948,1.805-9.229,5.424-12.847c3.621-3.617,7.9-5.425,12.85-5.425c4.949,0,9.231,1.808,12.847,5.425 c3.617,3.617,5.426,7.898,5.426,12.847C91.375,388.683,89.566,392.967,85.949,396.58z M414.145,242.419 c-4.093,8.754-9.186,13.227-15.276,13.415c2.854,3.237,5.235,7.762,7.139,13.562c1.902,5.807,2.847,11.087,2.847,15.848 c0,13.127-5.037,24.455-15.126,33.969c3.43,6.088,5.141,12.658,5.141,19.697c0,7.043-1.663,14.038-4.996,20.984 c-3.327,6.94-7.851,11.938-13.559,14.982c0.951,5.709,1.423,11.04,1.423,15.988c0,31.785-18.274,47.678-54.823,47.678h-34.536 c-24.94,0-57.483-6.943-97.648-20.841c-0.953-0.38-3.709-1.383-8.28-2.998s-7.948-2.806-10.138-3.565 c-2.19-0.767-5.518-1.861-9.994-3.285c-4.475-1.431-8.087-2.479-10.849-3.142c-2.758-0.664-5.901-1.283-9.419-1.855 c-3.52-0.571-6.519-0.855-8.993-0.855h-9.136V219.285h9.136c3.045,0,6.423-0.859,10.135-2.568c3.711-1.714,7.52-4.283,11.421-7.71 c3.903-3.427,7.564-6.805,10.992-10.138c3.427-3.33,7.233-7.517,11.422-12.559c4.187-5.046,7.47-9.089,9.851-12.135 c2.378-3.045,5.375-6.949,8.992-11.707c3.615-4.757,5.806-7.613,6.567-8.566c10.467-12.941,17.795-21.601,21.982-25.981 c7.804-8.182,13.466-18.603,16.987-31.261c3.525-12.66,6.427-24.604,8.703-35.832c2.282-11.229,5.903-19.321,10.858-24.27 c18.268,0,30.453,4.471,36.542,13.418c6.088,8.945,9.134,22.746,9.134,41.399c0,11.229-4.572,26.503-13.71,45.821 c-9.134,19.32-13.698,34.5-13.698,45.539h100.495c9.527,0,17.993,3.662,25.413,10.994c7.426,7.327,11.143,15.843,11.143,25.553 C420.284,225.943,418.237,233.653,414.145,242.419z" fill="#6cb33f"/>
  402 + </svg>
  403 + <br>
  404 + </div>
  405 +
  406 +
  407 +
  408 + <br>Хорошего Вам урожая!
731 409 </div>
732 410  
733 411 </div>
... ... @@ -831,44 +509,18 @@ else
831 509  
832 510 <!-- Latest compiled and minified JavaScript -->
833 511 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
834   -<script>
835   - var str = location.href;
836   - var tag = str.split('#')[1];
837   - if(tag == "b1"){
838   - $("#block_4").show();
839   - $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
840   - $("#basket_1").show();
841   - }
842   - if(tag == "b2"){
843   - $("#block_4").show();
844   - $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
845   - $("#basket_2").show();
846   - }
847   - if(tag == "b3"){
848   - $("#block_4").show();
849   - $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
850   - $("#basket_3").show();
851   - }
852   -</script>
  512 +
853 513 <?php
854 514 $url = 'http://api.crm.semena.in.ua/';
855 515 $pbKey = 'e2c4edf8698208c4586fdbcddb0195a5';
856 516 ?>
857   -<script type=text/javascript>
858   - function status_api($value){
859   - $("#form_voting").hide();
860   - $("#form_thanks").show();
861   - console.log($value);
862   -
863   - }
  517 +<script>
864 518 $(document).ready(function() { // вся мaгия пoслe зaгрузки стрaницы
865 519 $("#form_voting").submit(function(){ // пeрeхвaтывaeм всe при сoбытии oтпрaвки
866 520 var form = $(this); // зaпишeм фoрму, чтoбы пoтoм нe былo прoблeм с this
867 521 var error = false; // прeдвaритeльнo oшибoк нeт
868 522 if (!error) { // eсли oшибки нeт
869 523 var data = form.serialize(); // пoдгoтaвливaeм дaнныe
870   - //console.log(data);
871   -
872 524 $.ajax({
873 525 url: '<?=$url?>?method=VotingAddAnswer&pbKey=<?=$pbKey?>&token=<?=$token?>',
874 526 dataType: 'jsonp',
... ... @@ -882,67 +534,34 @@ $pbKey = &#39;e2c4edf8698208c4586fdbcddb0195a5&#39;;
882 534 }
883 535 });
884 536 return false;
885   -
886   - /*
887   - $.ajax({ // инициaлизируeм ajax зaпрoс
888   - type: 'GET', // oтпрaвляeм в POST фoрмaтe, мoжнo GET
889   - url: 'http://crm/API/', // путь дo oбрaбoтчикa, у нaс oн лeжит в тoй жe пaпкe
890   - dataType: 'json', // oтвeт ждeм в json фoрмaтe
891   - data: data, // дaнныe для oтпрaвки
892   - beforeSend: function(data) { // сoбытиe дo oтпрaвки
893   - form.find('input[type="submit"]').attr('disabled', 'disabled'); // нaпримeр, oтключим кнoпку, чтoбы нe жaли пo 100 рaз
894   - },
895   - success: function(data){ // сoбытиe пoслe удaчнoгo oбрaщeния к сeрвeру и пoлучeния oтвeтa
896   - if (data['error']) { // eсли oбрaбoтчик вeрнул oшибку
897   - alert(data['error']); // пoкaжeм eё тeкст
898   - } else { // eсли всe прoшлo oк
899   - $("#form_good").show();
900   - //alert('Спасибо'); // пишeм чтo всe oк
901   - }
902   - },
903   - error: function (xhr, ajaxOptions, thrownError) { // в случae нeудaчнoгo зaвeршeния зaпрoсa к сeрвeру
904   - alert(xhr.status); // пoкaжeм oтвeт сeрвeрa
905   - alert(thrownError); // и тeкст oшибки
906   - },
907   - complete: function(data) { // сoбытиe пoслe любoгo исхoдa
908   - form.find('input[type="submit"]').prop('disabled', false); // в любoм случae включим кнoпку oбрaтнo
909   - }
910   - });/**/
  537 + }
  538 + return false; // вырубaeм стaндaртную oтпрaвку фoрмы
  539 + });
  540 + $("#form_identification_token").submit(function(){ // пeрeхвaтывaeм всe при сoбытии oтпрaвки
  541 + var form = $(this); // зaпишeм фoрму, чтoбы пoтoм нe былo прoблeм с this
  542 + var error = false; // прeдвaритeльнo oшибoк нeт
  543 + if (!error) { // eсли oшибки нeт
  544 + var data = form.serialize(); // пoдгoтaвливaeм дaнныe
  545 + $.ajax({
  546 + url: '<?=$url?>?method=IdentificationUserToken&pbKey=<?=$pbKey?>&token=<?=$token?>',
  547 + dataType: 'jsonp',
  548 + type: 'GET',
  549 + data: data,
  550 + status: function(result){
  551 +// console.log(result); // пишем в консоль об ошибках
  552 + },
  553 + error: function(result){
  554 + // console.log(result); // пишем в консоль об ошибках
  555 + }
  556 + });
  557 + return false;
911 558 }
912 559 return false; // вырубaeм стaндaртную oтпрaвку фoрмы
913 560 });
914 561 });
915 562  
916 563 </script>
917   -
918   -
919   -<script>
920   - $("#block_6 label").click(function(e){
921   - if($(this).children("input").is(':checked')){
922   - $(this).css("background-image","url(/images/basket/bg_input_click.png)");
923   - }
924   - else
925   - $(this).css("background-image","");
926   - });
927   - $("#basket_b_1").click(function (e) {
928   - $("#block_4").show();
929   - $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
930   - $("#block_4 > .container>div").hide();
931   - $("#basket_1").show();
932   - });
933   - $("#basket_b_2").click(function (e) {
934   - $("#block_4").show();
935   - $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
936   - $("#block_4 > .container>div").hide();
937   - $("#basket_2").show();
938   - });
939   - $("#basket_b_3").click(function (e) {
940   - $("#block_4").show();
941   - $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
942   - $("#block_4 > .container>div").hide();
943   - $("#basket_3").show();
944   - });
945   -</script>
  564 +<script type="text/javascript" src="/js/landing_pages/basket.min.js"></script>
946 565 <script type="text/javascript" src="/js/main_ru.js"></script>
947 566  
948 567 <script src="/dist/js/cart.js"></script>
... ...
src/app/frontend/views/basket_ua.php
... ... @@ -3,365 +3,12 @@
3 3 <html>
4 4 <head>
5 5 <meta charset="utf-8">
6   -<meta http-equiv="X-UA-Compatible" content="IE=edge">
7   -<meta name="viewport" content="width=device-width, initial-scale=1">
8   -
9   -<title>ТМ «Професійне насіння» | Інтернет магазин насіння Semena.in.ua</title>
10   -<style>
11   - @font-face {font-family: 'MarkerFelt'; src: url(/fonts/10062.ttf);}
12   -@font-face {font-family: Lato; font-weight: 900; font-style:normal; src: url(/fonts/Lato-Black.ttf);}
13   -@font-face {font-family: Lato; font-weight: 900; font-style:italic; src: url(/fonts/Lato-BlackItalic.ttf);}
14   -@font-face {font-family: Lato; font-weight: 700; font-style:normal; src: url(/fonts/Lato-Bold.ttf);}
15   -@font-face {font-family: Lato; font-weight: 700; font-style:italic; src: url(/fonts/Lato-BoldItalic.ttf);}
16   -@font-face {font-family: Lato; font-weight: 400; font-style:normal; src: url(/fonts/Lato-Regular.ttf);}
17   -@font-face {font-family: Lato; font-weight: 400; font-style:italic; src: url(/fonts/Lato-Italic.ttf);}
18   -@font-face {font-family: Lato; font-weight: 300; font-style:normal; src: url(/fonts/Lato-Light.ttf);}
19   -@font-face {font-family: Lato; font-weight: 300; font-style:italic; src: url(/fonts/Lato-LightItalic.ttf);}
20   -@font-face {font-family: Lato-SemiboldItalic; font-weight: 100; font-style:italic; src: url(/fonts/Lato-SemiboldItalic.ttf);}
21   -@font-face {font-family: Lato; font-weight: 100; font-style:normal; src: url(/fonts/Lato-Thin.ttf);}
22   -@font-face {font-family: Lato; font-weight: 100; font-style:italic; src: url(/fonts/Lato-ThinItalic.ttf);}
23   -*{font-family: Lato ;}
24   - .popup_window {
25   - max-height: 570px !important;
26   - }
27   -img{
28   - max-width:100%;
29   -}
30   -#block_1{
31   - background-image: url(/images/basket/1.jpg);
32   - background-size: cover;
33   - padding: 50px 0 0 0;
34   - overflow: hidden;
35   - background-position: center;
36   - color:#fff;
37   -}
38   -#block_1 .h2, #block_1 .h3{
39   - font-family: MarkerFelt;
40   -}
41   -#block_1 .h2{
42   -
43   - /*background-image: url(/images/basket/line_in_top.png);*/
44   - background-repeat: no-repeat;
45   - height: 91px;
46   - background-position-x: 31px;
47   - background-position-y: 18px;
48   -}
49   -#block_1 .col-md-5.text-center {
50   - margin-bottom: 50px;
51   -}
52   -.buttom_in_head > div {
53   - padding: 10px 40px;
54   - box-shadow: #000 0 0 3px 0px;
55   - margin: 2px;
56   -}
57   -.second_buttom{
58   - background-color:#f7931e;
59   -}
60   -.first_buttom{
61   - background-color:#6cb33f;
62   - margin-bottom: 9px !important;
63   -}
64   -.buttom_in_head {
65   - border: #fff 3px dashed;
66   - padding: 3px;
67   - max-width: 354px;
68   - margin: 0 auto;
69   -}
70   -#block_2{
71   - border-top: 2px #f7931e dashed;
72   - margin-top: 9px;
73   - padding: 39px 0 48px 0;
74   -}
75   -div.big_numb{
76   - font-family: Lato;
77   - color: #f7931e;
78   - font-weight: 700;
79   - display: table-cell;
80   - padding: 18px;
81   -}
82   -.line_in_2_block {
83   - display: table-row;
84   -}
85   -
86   -.line_in_2_block p {
87   - display: table-cell;
88   - margin: 0;
89   - padding:10px 0 !important;
90   - vertical-align: middle;
91   - font-size: 18px;
92   - font-style: italic;
93   - color: #4d4d4d;
94   - text-align: justify;
95   -}
96   -.line_in_2_block p span{
97   - color: #6cb33f;
98   -}
99   -#block_3{
100   - background-image:url(/images/basket/2.jpg);
101   - background-size: contain;
102   - background-repeat:no-repeat;
103   - padding-bottom:50px;
104   -}
105   -#block_3 .name_b.h4 {
106   - margin: 30px 0px 20px 0px;
107   -}
108   -.col-md-4.basket.text-center {
109   - margin-top: 120px;
110   -}
111   -.name_b{
112   - font-family: MarkerFelt !important;
113   - color: #f7931e !important;
114   - padding: 15px 0 9px 0;
115   - text-transform: uppercase;
116   -
117   -}
118   -.basket .name_b{
119   - border: 2px #f7931e dashed;
120   -}
121   -.basket img{
122   - max-width:100%;
123   -}
124   -.small_buttom{
125   - color: #ffffff !important;
126   - font-size: 20px !important;
127   - font-weight: 300 !important;
128   - height: 35px;
129   - padding: 2px 10px 7px 10px !important;
130   - border-radius: 0 !important;
131   -}
132   -.small_buttom:hover{
133   - color:#fff !important;
134   - text-decoration: none;
135   - cursor: pointer;
136   -}
137   -.small_buttom.buy{
138   - font-style: normal;
139   -}
140   -.basket a:nth-child(2n){
141   - float:left;
142   -}
143   -.basket a:nth-child(2n+1){
144   - float:right;
145   -}
146   -
147   -.small_buttom.green{
148   - background-color:#6cb33f;
149   -}
150   -.small_buttom.orange{
151   - background-color:#f7931e;
152   -}
153   -#block_4{
154   - background-image:url(/images/basket/2_2_2.jpg);
155   - background-size: cover;
156   - padding: 60px 0;
157   - margin-top:50px;
158   -}
159   -#block_4 > .container, #block_7 div.container{
160   - border: 2px #fff dashed;
161   - padding:10px;
162   -}
163   -#block_4 > .container>div{
164   - background-color: hsla(0,0%,100%,0.9);
165   - overflow:hidden;
166   - padding:3% 6% 3% 1%;
167   -}
168   -#block_7 div.container>div{
169   - background-color: hsla(0,0%,100%,0.9);
170   - overflow:hidden;
171   -}
172   -#block_4 a{
173   - padding-left: 20px !important;
174   - padding-right: 20px !important;
175   - max-width: 145px;
176   - margin: 0 auto;
177   -}
178   -#block_4 .col-sm-7 .h4 {
179   - font-family: MarkerFelt;
180   - color: #ffffff;
181   - background-color: #f7931e;
182   - display: inline-block;
183   - padding: 15px 29px 8px 29px;
184   - margin-bottom:30px;
185   - text-transform: uppercase;
186   -}
187   -#block_4 p{
188   - padding:10px;
189   - border: 2px #f7931e dashed;
190   - line-height: 33px;
191   - color: #4d4d4d;
192   -}
193   -.h2_line{
194   - font-family: MarkerFelt !important;
195   - color: #4d4d4d !important;
196   - font-weight: 100;
197   - border-bottom: 2px #f7931e dashed;
198   - margin-bottom: 71px;
199   - margin-top: -30px;
200   -}
201   -.h2_line > .h2 {
202   - position: relative;
203   - top: 48px;
204   - background-color: #fff;
205   - display: inline-block;
206   - padding: 20px 35px;
207   -}
208   -.h2_two_lite >.h2 {
209   - top: 62px !important;
210   -}
211   -.h2_two_lite {
212   - margin-bottom: 70px;
213   -}
214   -
215   -#block_5 .item{
216   - text-align:center;
217   - margin-top:50px;
218   -}
219   -#block_5 .item >p{
220   - margin-top:20px;
221   - display:block;
222   - font-weight: 300;
223   - color: #4d4d4d !important;
224   - font-size: 19px;
225   -}
226   -#block_6, #block_8{
227   - background-color:#fcf3eb;
228   -/* height: 335px;*/
229   - padding:60px 0;
230   -}
231   -#block_6 label, #block_6 .label{
232   - color: #4d4d4d !important;
233   - font-weight: 600;
234   - line-height: 34px;
235   - padding-left: 52px;
236   - min-height: 39px;
237   - display: inline-block;
238   - text-align: left;
239   - padding-top: 0;
240   - background-position-y: 2px;
241   - margin: 15px;
242   - white-space: inherit;
243   -}
244   -#block_6 .label{
245   - background-image: url(/images/basket/bg_input.png);
246   - background-repeat: no-repeat;
247   -}
248   -#block_6 .label span{
249   - font-style: italic;
250   -}
251   -
252   -#block_6 .label>input{
253   - display:none;
254   -}
255   -#block_6 .label:hover{
256   - background-image: url(/images/basket/bg_input_hover.png);
257   -}
258   -#block_6 input[type=text]{
259   - background: none !important;
260   - border: 0;
261   - border-bottom: 2px #f7931e dashed;
262   - box-shadow: none;
263   - border-radius: 0;
264   -}
265   -#block_7{
266   - background-image:url(/images/basket/3.jpg);
267   - padding:4% 0;
268   - background-size: cover;
269   - background-position: center;
270   -}
271   -#block_7 p{
272   - color:#fff;
273   - margin-top:20px;
274   - font-style: italic;
275   - font-weight: 700;
276   - font-size: 16px;
277   -}
278   -#block_7 input{
279   - background:none;
280   - border-radius:0;
281   - margin: 30px 0;
282   -}
283   -#block_7 button{
284   - margin: 30px 0;
285   -}
286   -
287   -#block_7 input:focus {
288   - border-color: #f7931e;
289   - outline: 0;
290   - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247, 147, 30, 0.56);
291   - box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247, 147, 30, 0.48);
292   -}
293   -#block_8 {
294   - min-height: 300px;
295   -}
296   -.carousel-control {
297   - background-position-y: 75px !important;
298   -}
299   -
300   -.panel-footer{background-color:#67b73e !important;color:#fff;padding:40px 0 !important;}
301   -.footer_table span{border-right:1px #fff solid;padding:0 27px 0 41px;float:left;color:#fff}
302   -.footer_table{overflow:hidden;color:#fff}
303   -.panel-footer .container{color:#fff}
304   -.soc_link a{width:50px;height:50px;background-size:50px 50px;display:inline-block;margin:0 8px}
305   -.soc_link .vk{background-image:url(/images/basket/vk_1.png)}
306   -.soc_link .vk:hover{background-image:url(/images/basket/vk.png)}
307   -.soc_link .yt{background-image:url(/images/basket/YouTube_1.png)}
308   -.soc_link .yt:hover{background-image:url(/images/basket/YouTube.png)}
309   -.soc_link .fb{background-image:url(/images/basket/facebook_1.png)}
310   -.soc_link .fb:hover{background-image:url(/images/basket/facebook.png)}
311   -.carousel-control.right{background-image:url(/images/basket/right.png) !important;background-position:center;background-repeat:no-repeat !important;}
312   -.carousel-control.left{background-image:url(/images/basket/left.png) !important;background-position:center;background-repeat:no-repeat !important;}
313   -.carousel-control.right:hover{background-image:url(/images/basket/right_hover.png) !important;}
314   -.carousel-control.left:hover{background-image:url(/images/basket/left_hover.png) !important;}
315   -
316   -.text_comment{
317   - background-image: url(/images/basket/bg_comment.png);
318   - background-repeat: no-repeat;
319   - text-indent: 40px;
320   - text-align: justify;
321   - color: #4d4d4d;
322   - font-size: 16px;
323   - font-weight: 400;
324   - line-height: 25px;
325   -}
326   -.person_info{
327   - font-weight: 700;
328   - font-style: italic;
329   - text-indent: 0;
330   - margin-top: 13px;
331   - text-align:left;
332   -}
333   -.carousel-inner.text-center.container.col-md-8 {
334   - padding: 0;
335   -}
336   -label.h3>div {
337   - margin: 22px 0;
338   -}
339   -#form_thanks span{
340   - color:#f7931e;
341   -}
342   -#form_thanks {
343   - display: none;
344   - min-height: 258px;
345   -}
346   -@media all and (max-width:767px) {
347   -.footer_table span{padding:3px 0!important;width:100%;border:0;text-align:center;float:none;display:block}
348   -.footer_table img{float:none!important;margin:0 auto!important}
349   -.footer_table{text-align:center}
350   -.form_line_radius span{width:100%!important;display:block}
351   -.soc_link {
352   - float: none !important;
353   - margin: 20px auto 0 auto;
354   -}
355   -}
356   -@media screen and (max-width:900px){
357   -a.carousel-control {width: 51px;}
358   -.text_comment {padding: 0 51px !important; background-position-x: 51px;}
359   -}
360   -</style>
361   - <link rel="stylesheet" href="/css/main_landing_basket.css" type="text/css" media="all">
  6 + <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7 + <meta name="viewport" content="width=device-width, initial-scale=1">
  8 + <title>ТМ «Професійне насіння» | Інтернет магазин насіння Semena.in.ua</title>
  9 + <link rel="stylesheet" href="/css/landing_pages/basket.min.css" type="text/css" media="all">
362 10 <link rel="stylesheet" href="/css/adapt_phone.css" type="text/css" media="all">
363 11 <link href="/css/please_return/theme-style.css" rel="stylesheet">
364   -
365 12 <!-- Latest compiled and minified CSS -->
366 13 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
367 14 <!-- Optional theme -->
... ... @@ -685,7 +332,7 @@ else
685 332 </div>
686 333 <div id="block_6">
687 334 <form id="form_voting">
688   - <div class="col-md-6 h2" style="margin:0 auto; float:none; max-width: 660px; ">
  335 + <div class="col-md-6 h2" style="margin:0 auto; float:none; max-width: 660px;">
689 336 <input type="hidden" name="VotingID" value="1">
690 337 <input type="hidden" name="callback" value="status_api">
691 338  
... ... @@ -721,7 +368,35 @@ else
721 368 </svg>
722 369 <div><br>
723 370 <span style="color:#f7931e;">Дякуємо за Вашу відповідь.</span><br><br>
724   - Ваша думка важлива для нас і буде врахована під час <br>розширення асортиментної лінії.<br><br>Гарного Вам урожаю!
  371 + Ваша думка важлива для нас і буде врахована під час <br>розширення асортиментної лінії.<br><br>
  372 +
  373 +
  374 + <form id="form_identification_token">
  375 + <spam style="font-style: italic;">Залишіть електронну адресу і ми сповістимо Вас як тільки в нашому <br>
  376 + асортименті з’явиться тематичний кошик, яким Ви зацікавилися.</spam>
  377 +
  378 + <br>
  379 + <div class="col-md-6 h2" style="margin:0 auto; float:none; max-width: 660px; ">
  380 + <input type="hidden" name="VotingID" value="1">
  381 + <input type="hidden" name="callback" value="status_api_identification">
  382 + <label for="s" class="h3">
  383 + <div class="col-sm-8">
  384 + <input type="email" name="email" class="form-control" id="s" placeholder="Email" required>
  385 + </div>
  386 + <div class="col-sm-2">
  387 + <input type="submit" class="btn small_buttom green " value="Повідомити">
  388 + </div>
  389 + </label>
  390 + </div>
  391 + </form>
  392 + <div id="form_identification_token_thank" style="display: none;">
  393 + <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" width="64px" height="64px" viewBox="0 0 475.099 475.099" style="enable-background:new 0 0 475.099 475.099;" xml:space="preserve">
  394 + <path d="M442.829,265.532c9.328-14.089,13.986-29.598,13.986-46.538c0-19.607-7.225-36.637-21.687-51.117 c-14.469-14.465-31.601-21.696-51.394-21.696h-50.251c9.134-18.842,13.709-37.117,13.709-54.816c0-22.271-3.34-39.971-9.996-53.105 c-6.663-13.138-16.372-22.795-29.126-28.984C295.313,3.09,280.947,0,264.959,0c-9.712,0-18.274,3.521-25.697,10.566 c-8.183,7.993-14.084,18.274-17.699,30.837c-3.617,12.559-6.521,24.6-8.708,36.116c-2.187,11.515-5.569,19.652-10.135,24.41 c-9.329,10.088-19.511,22.273-30.551,36.547c-19.224,24.932-32.264,39.685-39.113,44.255H54.828 c-10.088,0-18.702,3.574-25.84,10.706c-7.135,7.139-10.705,15.752-10.705,25.841v182.723c0,10.089,3.566,18.699,10.705,25.838 c7.142,7.139,15.752,10.711,25.84,10.711h82.221c4.188,0,17.319,3.806,39.399,11.42c23.413,8.186,44.017,14.418,61.812,18.702 c17.797,4.284,35.832,6.427,54.106,6.427h26.545h10.284c26.836,0,48.438-7.666,64.809-22.99 c16.365-15.324,24.458-36.213,24.27-62.67c11.42-14.657,17.129-31.597,17.129-50.819c0-4.185-0.281-8.277-0.855-12.278 c7.23-12.748,10.854-26.453,10.854-41.11C445.399,278.379,444.544,271.809,442.829,265.532z M85.949,396.58 c-3.616,3.614-7.898,5.428-12.847,5.428c-4.95,0-9.233-1.813-12.85-5.428c-3.615-3.613-5.424-7.897-5.424-12.85 c0-4.948,1.805-9.229,5.424-12.847c3.621-3.617,7.9-5.425,12.85-5.425c4.949,0,9.231,1.808,12.847,5.425 c3.617,3.617,5.426,7.898,5.426,12.847C91.375,388.683,89.566,392.967,85.949,396.58z M414.145,242.419 c-4.093,8.754-9.186,13.227-15.276,13.415c2.854,3.237,5.235,7.762,7.139,13.562c1.902,5.807,2.847,11.087,2.847,15.848 c0,13.127-5.037,24.455-15.126,33.969c3.43,6.088,5.141,12.658,5.141,19.697c0,7.043-1.663,14.038-4.996,20.984 c-3.327,6.94-7.851,11.938-13.559,14.982c0.951,5.709,1.423,11.04,1.423,15.988c0,31.785-18.274,47.678-54.823,47.678h-34.536 c-24.94,0-57.483-6.943-97.648-20.841c-0.953-0.38-3.709-1.383-8.28-2.998s-7.948-2.806-10.138-3.565 c-2.19-0.767-5.518-1.861-9.994-3.285c-4.475-1.431-8.087-2.479-10.849-3.142c-2.758-0.664-5.901-1.283-9.419-1.855 c-3.52-0.571-6.519-0.855-8.993-0.855h-9.136V219.285h9.136c3.045,0,6.423-0.859,10.135-2.568c3.711-1.714,7.52-4.283,11.421-7.71 c3.903-3.427,7.564-6.805,10.992-10.138c3.427-3.33,7.233-7.517,11.422-12.559c4.187-5.046,7.47-9.089,9.851-12.135 c2.378-3.045,5.375-6.949,8.992-11.707c3.615-4.757,5.806-7.613,6.567-8.566c10.467-12.941,17.795-21.601,21.982-25.981 c7.804-8.182,13.466-18.603,16.987-31.261c3.525-12.66,6.427-24.604,8.703-35.832c2.282-11.229,5.903-19.321,10.858-24.27 c18.268,0,30.453,4.471,36.542,13.418c6.088,8.945,9.134,22.746,9.134,41.399c0,11.229-4.572,26.503-13.71,45.821 c-9.134,19.32-13.698,34.5-13.698,45.539h100.495c9.527,0,17.993,3.662,25.413,10.994c7.426,7.327,11.143,15.843,11.143,25.553 C420.284,225.943,418.237,233.653,414.145,242.419z" fill="#6cb33f"/>
  395 + </svg>
  396 + <br>
  397 + </div>
  398 +
  399 + <br>Гарного Вам урожаю!
725 400 </div>
726 401  
727 402 </div>
... ... @@ -832,39 +507,12 @@ $url = &#39;http://api.crm.semena.in.ua/&#39;;
832 507 $pbKey = 'e2c4edf8698208c4586fdbcddb0195a5';
833 508 ?>
834 509 <script>
835   - var str = location.href;
836   - var tag = str.split('#')[1];
837   - if(tag == "b1"){
838   - $("#block_4").show();
839   - $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
840   - $("#basket_1").show();
841   - }
842   - if(tag == "b2"){
843   - $("#block_4").show();
844   - $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
845   - $("#basket_2").show();
846   - }
847   - if(tag == "b3"){
848   - $("#block_4").show();
849   - $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
850   - $("#basket_3").show();
851   - }
852   -</script>
853   -<script type=text/javascript>
854   - function status_api($value){
855   - $("#form_voting").hide();
856   - $("#form_thanks").show();
857   - console.log($value);
858   -
859   - }
860 510 $(document).ready(function() { // вся мaгия пoслe зaгрузки стрaницы
861 511 $("#form_voting").submit(function(){ // пeрeхвaтывaeм всe при сoбытии oтпрaвки
862 512 var form = $(this); // зaпишeм фoрму, чтoбы пoтoм нe былo прoблeм с this
863 513 var error = false; // прeдвaритeльнo oшибoк нeт
864 514 if (!error) { // eсли oшибки нeт
865 515 var data = form.serialize(); // пoдгoтaвливaeм дaнныe
866   - //console.log(data);
867   -
868 516 $.ajax({
869 517 url: '<?=$url?>?method=VotingAddAnswer&pbKey=<?=$pbKey?>&token=<?=$token?>',
870 518 dataType: 'jsonp',
... ... @@ -874,71 +522,38 @@ $pbKey = &#39;e2c4edf8698208c4586fdbcddb0195a5&#39;;
874 522 // console.log(result); // пишем в консоль об ошибках
875 523 },
876 524 error: function(result){
877   - // console.log(result); // пишем в консоль об ошибках
  525 + // console.log(result); // пишем в консоль об ошибках
878 526 }
879 527 });
880 528 return false;
881   -
882   -/*
883   - $.ajax({ // инициaлизируeм ajax зaпрoс
884   - type: 'GET', // oтпрaвляeм в POST фoрмaтe, мoжнo GET
885   - url: 'http://crm/API/', // путь дo oбрaбoтчикa, у нaс oн лeжит в тoй жe пaпкe
886   - dataType: 'json', // oтвeт ждeм в json фoрмaтe
887   - data: data, // дaнныe для oтпрaвки
888   - beforeSend: function(data) { // сoбытиe дo oтпрaвки
889   - form.find('input[type="submit"]').attr('disabled', 'disabled'); // нaпримeр, oтключим кнoпку, чтoбы нe жaли пo 100 рaз
890   - },
891   - success: function(data){ // сoбытиe пoслe удaчнoгo oбрaщeния к сeрвeру и пoлучeния oтвeтa
892   - if (data['error']) { // eсли oбрaбoтчик вeрнул oшибку
893   - alert(data['error']); // пoкaжeм eё тeкст
894   - } else { // eсли всe прoшлo oк
895   - $("#form_good").show();
896   - //alert('Спасибо'); // пишeм чтo всe oк
897   - }
898   - },
899   - error: function (xhr, ajaxOptions, thrownError) { // в случae нeудaчнoгo зaвeршeния зaпрoсa к сeрвeру
900   - alert(xhr.status); // пoкaжeм oтвeт сeрвeрa
901   - alert(thrownError); // и тeкст oшибки
  529 + }
  530 + return false; // вырубaeм стaндaртную oтпрaвку фoрмы
  531 + });
  532 + $("#form_identification_token").submit(function(){ // пeрeхвaтывaeм всe при сoбытии oтпрaвки
  533 + var form = $(this); // зaпишeм фoрму, чтoбы пoтoм нe былo прoблeм с this
  534 + var error = false; // прeдвaритeльнo oшибoк нeт
  535 + if (!error) { // eсли oшибки нeт
  536 + var data = form.serialize(); // пoдгoтaвливaeм дaнныe
  537 + $.ajax({
  538 + url: '<?=$url?>?method=IdentificationUserToken&pbKey=<?=$pbKey?>&token=<?=$token?>',
  539 + dataType: 'jsonp',
  540 + type: 'GET',
  541 + data: data,
  542 + status: function(result){
  543 +// console.log(result); // пишем в консоль об ошибках
902 544 },
903   - complete: function(data) { // сoбытиe пoслe любoгo исхoдa
904   - form.find('input[type="submit"]').prop('disabled', false); // в любoм случae включим кнoпку oбрaтнo
  545 + error: function(result){
  546 + // console.log(result); // пишем в консоль об ошибках
905 547 }
906   - });/**/
  548 + });
  549 + return false;
907 550 }
908 551 return false; // вырубaeм стaндaртную oтпрaвку фoрмы
909 552 });
910 553 });
911 554  
912 555 </script>
913   -
914   -
915   -<script>
916   - $("#block_6 label").click(function(e){
917   - if($(this).children("input").is(':checked')){
918   - $(this).css("background-image","url(/images/basket/bg_input_click.png)");
919   - }
920   - else
921   - $(this).css("background-image","");
922   - });
923   - $("#basket_b_1").click(function (e) {
924   - $("#block_4").show();
925   - $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
926   - $("#block_4 > .container>div").hide();
927   - $("#basket_1").show();
928   - });
929   - $("#basket_b_2").click(function (e) {
930   - $("#block_4").show();
931   - $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
932   - $("#block_4 > .container>div").hide();
933   - $("#basket_2").show();
934   - });
935   - $("#basket_b_3").click(function (e) {
936   - $("#block_4").show();
937   - $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
938   - $("#block_4 > .container>div").hide();
939   - $("#basket_3").show();
940   - });
941   -</script>
  556 +<script type="text/javascript" src="/js/landing_pages/basket.min.js"></script>
942 557 <script type="text/javascript" src="/js/main.js"></script>
943 558  
944 559 <script src="/dist/js/cart.js"></script>
... ...
www/css/main_landing_basket.css renamed to www/css/landing_pages/basket.css
1   -*{margin:0;padding:0}
2   -body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,tr {
3   - margin:0;
4   - padding:0;
5   - letter-spacing: normal;
6   -}
7   -table {
8   - border-collapse:collapse;
9   - border-spacing:0;
10   -
11   -}
12   -fieldset,img {
13   - border:0;
14   -}
15   -address,caption,cite,code,dfn,em,strong,th,var {
16   - font-style:normal;
17   - font-weight:normal;
18   -}
19   -caption,th {
20   - text-align:left;
21   -}
22   -q:before,q:after {
23   - content:'';
24   -}
25   -:focus{
26   - outline:none;
27   -}
28   -abbr,acronym {
29   - border:0;
30   -}
31   -html,body {
32   - height:100%;
33   -}
34   -header,nav,section,article,aside,footer {
35   - display:block;
36   - margin:0;
37   - padding:0;
38   -}
39   -img {
40   - border:0;
41   - width: auto;
42   -}
43   -input {
44   - vertical-align:middle;
45   -}
46   -ol,ul {
47   - margin:0;
48   - padding:0;
49   - list-style:none;
50   -}
51   -ul li {
52   - margin:0;
53   - padding:0;
54   -}
55   -a {
56   - color: #4a4a4a;
57   - text-decoration:underline;
58   - display: block;
59   -}
60   -
61   -a:hover {
62   - color:#4a4a4a;
63   - text-decoration:underline;
64   -}
65   -
66   -.clearfix:after {
67   - content: "";
68   - display: block;
69   - clear: both;
70   - visibility: hidden;
71   - line-height: 0;
72   - height: 0;
73   -}
74   -
75   -.clearfix {
76   - display: inline-block;
77   -}
78   -
79   -html[xmlns] .clearfix {
80   - display: block;
81   -}
82   -
83   -* html .clearfix {
84   -
85   -}
86   -
87   -body {
88   - font: normal 12px/14px Arial, Tahoma, sans-serif;
89   - color: #4a4a4a;
90   -}
91   -
92   -.float {
93   - display: inline;
94   - float: left;
95   -}
96   -.last {
97   - margin-right: 0 !important;
98   - padding-right: 0 !important;
99   -}
100   -.display_none {
101   - display: none!important;
102   -}
103   -.display_block {
104   - display: block!important;
105   -}
106   -.inner {
107   - width: 960px;
108   - margin: 0 auto;
109   -}
110   -.not_exist
111   -{
112   - cursor: default;
113   - opacity: 0.3;
114   - -moz-opacity: 0.3;
115   - -khtml-opacity: 0.3;
116   -}
117   -
118   -
119   -#wrapper{
120   - min-height: 100%;
121   - /* luv IE shit */
122   - height: auto !important;
123   - height: 100%;
124   - margin: 0 auto -5em;
125   -}
126   -/* header */
127   -
128   -.beta{
129   - width:960px;
130   - overflow:hidden;
131   - margin:0 auto;padding:10px 0 0;
132   - font-size:20px;
133   - line-height:20px;
134   - text-align:center;
135   -}
136   -.beta a{
137   - display:inline;
138   - color:#009aff;
139   -}
140   -
141   -#header {
142   - background: #ffffff; /* Old browsers */
143   - background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%, #ececec 100%); /* FF3.6+ */
144   - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
145   - background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%,#ececec 100%); /* Chrome10+,Safari5.1+ */
146   - background: -o-linear-gradient(top, #ffffff 0%,#ececec 100%,#ececec 100%); /* Opera 11.10+ */
147   - background: -ms-linear-gradient(top, #ffffff 0%,#ececec 100%,#ececec 100%); /* IE10+ */
148   - background: linear-gradient(to bottom, #ffffff 0%,#ececec 100%,#ececec 100%); /* W3C */
149   - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
150   - position: relative;
151   -}
152   -.columns3 {
153   - margin: 10px 0;
154   -}
155   -.columns3.first_column {
156   - width: 320px;
157   -}
158   -.columns3.second_column {
159   - width: 375px;
160   -}
161   -.columns3.third_column {
162   - width: 265px;
163   - position: relative;
164   -}
165   -.switch_lang {
166   - margin: 5px 0 10px 0;
167   -}
168   - .switch_lang div {
169   - padding: 0 10px 0 20px;
170   - }
171   - .switch_lang div.ru {
172   - background: url(../images/ru_flag.gif) no-repeat 0 50%;color: #55a727;
173   - }
174   - .switch_lang div {
175   - color: #55a727;
176   - }
177   -
178   - .switch_lang div a.active,
179   - .switch_lang div a:hover{
180   - color: #55a727;
181   - }
182   -.contact_phones,
183   -.contact_mob_phones{
184   - font: normal 17px/20px Arial, Tahoma, sans-serif !important;
185   - padding: 2px 0 2px 20px !important;
186   -}
187   -.contact_phones a,
188   -.contact_mob_phones a{
189   - display:inline;
190   -}
191   -.contact_phones{
192   - background: url(../images/tel.png) no-repeat 0 50%;
193   -}
194   -.contact_mob_phones{
195   - background: url(../images/mob.png) no-repeat 1% 50%;
196   -}
197   - span.small_digits{
198   - font-size: 15px !important;
199   - }
200   -.callback {
201   - font-style: italic;
202   - margin: 5px 0 0 0;
203   -}
204   -
205   -.logo {
206   - margin: 10px 0 10px 0;
207   -}
208   -
209   -
210   -.menu_cabinet{
211   - padding: 10px 10px 10px 20px;
212   -}
213   -.basket {
214   - padding: 10px 10px 10px 23px;
215   -}
216   -.compare_wrapper {
217   - min-height: 35px;
218   - position: relative;
219   -}
220   -header .navbar .compare_wrapper {
221   - display: inline-block;
222   -}
223   -.compare {
224   - padding: 5px 0 15px 20px;
225   - margin: 0 0 0 120px;
226   -}
227   -header .compare {
228   - margin: 10px 0 0 20px;
229   -}
230   - .compare_wrapper .compare_list{
231   - position: absolute;
232   - top: 0;
233   - right: 0;
234   - padding: 0 10px 10px 10px;
235   - background: #F5F5F5;
236   - border: 2px solid #267f00;
237   - border-radius: 5px;
238   - -moz-border-radius: 5px;
239   - -webkit-border-radius: 5px;
240   - z-index: 9991;
241   - font: normal 12px/20px Arial, Tahoma, sans-serif;
242   - display: none;
243   - }
244   -
245   - header .compare_wrapper .compare_list a, header .compare_wrapper .compare_list a:hover {
246   - color: #4a4a4a;
247   - text-decoration: underline;
248   - }
249   - header .compare_wrapper .compare_list .compare a, header .compare_wrapper .compare_list .compare a:hover {
250   - text-decoration: none;
251   - }
252   - .compare_wrapper .compare_list .compare{
253   - margin: 0;
254   - padding: 1px 0 5px 20px;
255   - }
256   - .compare_wrapper .compare_list .compare a{
257   - text-decoration: none;
258   - }
259   - .compare_wrapper .compare_list ul li{
260   - font: normal 12px/20px Arial, Tahoma, sans-serif;
261   - padding: 2px 0;
262   - }
263   - .compare_wrapper .compare_list ul li a{
264   - margin: 0 5px 0 0;
265   - }
266   -.basket .active {
267   - color: #f58025;
268   -}
269   -.basket_number {
270   - padding: 7px 0 10px 0;
271   -}
272   - .basket_number a,
273   - .basket_number a:hover{
274   - text-decoration: none;
275   - color: #ffffff;
276   - background: #67b73e;
277   - padding: 2px 5px;
278   - border-radius: 100%;
279   - -moz-border-radius: 100%;
280   - -webkit-border-radius: 100%;
281   - webkit-box-shadow: inset 2px 1px 10px 0 #417e24;
282   - -moz-box-shadow: inset 2px 1px 10px 0 #417e24;
283   - box-shadow: inset 2px 1px 10px 0 #417e24;
284   - }
285   - #header .columns3 .menu_cabinet{
286   - background: url(../images/cabinet.png) no-repeat 0 50%;
287   - }
288   - #header .columns3 .basket{
289   - background: url(../images/basket.png) no-repeat 0 50%;
290   - }
291   - #header .columns3 .compare, header .compare_wrapper .compare{
292   - background: url(../images/ico_comparison.png ) no-repeat 0 25%;
293   - }
294   -
295   -#header .columns3 .site_search, header .site_search input
296   -{
297   - position: relative;
298   -}
299   - #header .columns3 input,
300   - .cat_center .site_search input,
301   - header .site_search input
302   - {
303   - width: 250px;
304   - margin: 0;
305   - padding: 7px 5px;
306   - border-radius: 5px;
307   - -moz-border-radius: 5px;
308   - -webkit-border-radius: 5px;
309   - border:0;
310   - -moz-box-shadow: inset 1px 1px 1px 0 #d0d0d0;
311   - -webkit-box-shadow: inset 1px 1px 1px 0 #d0d0d0;
312   - box-shadow: inset 1px 1px 1px 0 #d0d0d0;
313   - }
314   -
315   -
316   - #header .columns3 label,
317   - .cat_center .site_search label,
318   - header .site_search label
319   - {
320   - position: absolute;
321   - top: 7px;
322   - right: 7px;
323   - }
324   - header .site_search label
325   - {
326   - top: 12px;
327   - right: 12px;
328   - }
329   -
330   - /* search */
331   -
332   - #header .columns3 .site_search.active .search_result_wrapper,
333   - #header .columns3 .site_search:active .search_result_wrapper,
334   - .cat_center .site_search.active .search_result_wrapper,
335   - header .site_search.nav-search .search_result_wrapper
336   - {
337   - position: absolute;
338   - z-index: 9999;
339   - background: #ececec;
340   - width: 260px;
341   - border-radius: 5px;
342   - -moz-border-radius: 5px;
343   - -webkit-border-radius: 5px;
344   - border: 2px solid #4fa32c;
345   - -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
346   - -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
347   - box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
348   - }
349   - header .site_search.nav-search .search_result_wrapper {
350   - position: static;
351   - }
352   -
353   -
354   - #header .columns3 .site_search.active .search_result_wrapper .search_result_display,
355   - header .site_search.nav-search.active .search_result_wrapper .search_result_display {
356   - display: block;
357   - }
358   - #header .columns3 .site_search .search_result_wrapper .search_result_display,
359   - header .site_search.nav-search .search_result_wrapper .search_result_display {
360   - display: none;
361   - }
362   - #header .columns3 .site_search .search_result_wrapper li,
363   - header .site_search.nav-search .search_result_wrapper li{
364   - border-bottom: 1px solid #c4c4c4;
365   - margin: 15px;
366   - padding: 0 0 10px 0;
367   - }
368   - #header .columns3 .site_search .search_result_wrapper li img,
369   - header .site_search.nav-search .search_result_wrapper li img{
370   - width: 100px;
371   - margin: 5px;
372   - -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
373   - -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
374   - box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
375   - float: left;
376   - }
377   - #header .columns3 .site_search .search_result_wrapper li p,
378   - header .site_search.nav-search .search_result_wrapper li p{
379   - margin: 0 0 0 80px;
380   - font: normal 13px/15px Arial, Tahoma, sans-serif;
381   - color: #f58025;
382   - }
383   - #header .columns3 .site_search .search_result_wrapper li p span,
384   - header .site_search.nav-search .search_result_wrapper li p span{
385   - font: bold 20px/22px Arial, Tahoma, sans-serif;
386   - color: #f58025;
387   - }
388   - #header .columns3 .site_search .search_result_wrapper li a.search_result_title,
389   - header .site_search.nav-search .search_result_wrapper li a.search_result_title{
390   - font: bold 14px/20px Arial, Tahoma, sans-serif;
391   - margin: 0 0 0 80px;
392   - text-decoration: none;
393   - }
394   - #header .columns3 .site_search .search_result_wrapper .all_search_result,
395   - header .site_search.nav-search .search_result_wrapper .all_search_result{
396   - font: italic 12px/15px Arial, Tahoma, sans-serif;
397   - text-decoration: underline;
398   - margin: 0 15px 5px 15px;
399   - }
400   - #header .columns3 .site_search .search_result_wrapper .no_search_result,
401   - header .site_search.nav-search .search_result_wrapper .no_search_result{
402   - font: italic 12px/15px Arial, Tahoma, sans-serif;
403   - margin: 5px;
404   - }
405   -
406   -
407   -#header_nav {
408   - position: relative;
409   - height: 20px;
410   -}
411   -#header_nav ul {
412   - border: 3px solid #ececec;
413   - height: 35px;
414   - border-radius: 5px;
415   - -moz-border-radius: 5px;
416   - -webkit-border-radius: 5px;
417   - background: #67b73e;
418   - position: absolute;
419   - z-index: 999;
420   -}
421   -#header_nav ul li {
422   - display: inline;
423   - float: left;
424   - background: #67b73e;
425   - border-left: 1px solid #55a727!important;
426   -}
427   -
428   -.header_nav_1_ {
429   - width: 50px!important;
430   -}
431   -.header_nav_2_ {
432   - width: 100px!important;
433   -}
434   -.header_nav_3_ {
435   - width: 145px!important;
436   -}
437   -.header_nav_4_ {
438   - width: 175px!important;
439   -}
440   -.header_nav_5_ {
441   - width: 135px!important;
442   -}
443   -.header_nav_6_ {
444   - width: 167px!important;
445   -}
446   -.header_nav_7_ {
447   - width: 103px!important;
448   -}
449   -.header_nav_8_ {
450   - width: 60px!important;
451   -}
452   -
453   -#header_nav ul li:hover,
454   -#header_nav ul li.active{
455   - background:#55a727;
456   -}
457   -#header_nav ul li.left_radius {
458   - border-radius: 5px 0px 0px 5px;
459   - -moz-border-radius: 5px 0px 0px 5px;
460   - -webkit-border-radius: 5px 0px 0px 5px;
461   -}
462   -#header_nav ul li.right_radius {
463   - border-radius: 0px 5px 5px 0px;
464   - -moz-border-radius: 0px 5px 5px 0px;
465   - -webkit-border-radius: 0px 5px 5px 0px;
466   -}
467   -#header_nav ul li a{
468   - text-transform: uppercase;
469   - text-decoration: none;
470   - color: #ffffff;
471   - font: bold 12px/15px Arial, Tahoma, sans-serif;
472   - text-align: center;
473   - padding: 10px 1.3pc;float:left;white-space: nowrap;
474   -}
475   -
476   -
477   -/* content */
478   -
479   -/* content_nav */
480   -#content {
481   - display: block;
482   -}
483   -#content_nav {
484   - background: url(../images/pattern.png);
485   -}
486   -#content_nav h2{
487   - font-size: 15px;
488   - text-transform: uppercase;
489   - margin: 20px 0 0 0;
490   -}
491   -h2.types_logo_1 {
492   - color: #4fa32c;
493   -}
494   -h2.types_logo_2 {
495   - color: #bb4648;
496   -}
497   -h2.types_logo_3 {
498   - color: #f58025;
499   -}
500   -h2.types_logo_4 {
501   - color: #378a92;
502   -}
503   -h2.types_logo_5 {
504   - color: #db0565;
505   -}
506   -h2.types_logo_6 {
507   - color: #935927;
508   -}
509   -h2.types_logo_479 {
510   - color: #b1873f;
511   -}
512   -#content_nav .content_nav_first_floor {
513   - padding: 40px 0 15px 0;
514   - margin: 0 0 20px 0;
515   - border-bottom: 1px solid #cdcdcd;
516   -}
517   -#content_nav .content_nav_first_floor .content_nav_logo {
518   - padding: 0 40px 0 0;
519   - width: 150px;
520   -}
521   - #content_nav .content_nav_logo a {
522   - text-decoration: none;
523   - }
524   -
525   -#content_nav .content_nav_first_floor .content_nav_items {
526   - column-count: 4;
527   - -moz-column-count: 4;
528   - -webkit-column-count:4;
529   - column-width: 180px; /*N????°?·N‹???°?µ?? N???Nˆ????N? ?????»????????*/
530   - -moz-column-width: 180px;
531   - -webkit-column-width: 180px;
532   - /*
533   - min-height: 170px;
534   - */
535   -}
536   -#content_nav .content_nav_first_floor .content_nav_items a,
537   -.content_nav_items a{
538   - font-size: 13px;
539   - line-height: 21px;
540   - font-style: italic;
541   - width: 160px;
542   -}
543   -.content_nav_items a:hover{
544   - color: #f36d00;
545   -}
546   -
547   -.content_nav_second_floor .float{
548   - padding: 0 40px 20px 0;
549   - width: 150px;
550   -}
551   -.shadow_to_top{
552   - background: url(../images/shadow.png) no-repeat center center;
553   - height: 22px;
554   - text-align: center;
555   - overflow: hidden;
556   -}
557   -
558   - /* .content_items .title */
559   - .content_items .title{
560   - background: url(../images/line.gif) 100% 85% repeat-x;
561   - }
562   - .content_items .title .items_title{
563   - font: bold 20px/24px Arial, Tahoma, sans-serif;
564   - color: #f36d00;
565   - }
566   - .content_items .title .float {
567   - background: #ffffff;
568   - }
569   - .content_items .title .content_arrow_left,
570   - .content_items .title .content_arrow_right{
571   - margin: 4px 6px;
572   - }
573   - .content_items .title .content_items_page{
574   - margin: 4px 0;
575   - }
576   -
577   - .content_items .title .content_arrow_left {
578   - width: 10px;
579   - height: 18px;
580   - background: url(../images/content_arrow_left.png) no-repeat
581   - }
582   - .content_items .title .content_arrow_left:hover {
583   - width: 10px;
584   - height: 18px;
585   - background: url(../images/content_arrow_left_hover.png) no-repeat
586   - }
587   - .content_items .title .content_arrow_right {
588   - width: 10px;
589   - height: 18px;
590   - background: url(../images/content_arrow_right.png) no-repeat
591   - }
592   - .content_items .title .content_arrow_right:hover {
593   - width: 10px;
594   - height: 18px;
595   - background: url(../images/content_arrow_right_hover.png) no-repeat
596   - }
597   - .content_items .title .content_items_page{
598   - font: normal 13px/16px Arial, Tahoma, sans-serif;
599   - color: #4a4a4a;
600   - }
601   -
602   - /* .content_items .items */
603   -.align_bottom{
604   - position: absolute;
605   - bottom: 0;
606   - width: 90%;
607   -}
608   - .items .one_item {
609   - width: 165px;
610   - min-height: 331px;
611   - height: 331px;
612   - margin: 20px 33px 45px 0;
613   - text-align: center;
614   - position: relative;
615   - }
616   - .subcategory .items .one_item,
617   - .search .items .one_item{
618   - min-height: 410px;
619   - width: 175px;
620   - margin: 20px 95px 45px 0;
621   - }
622   -
623   - .subcategory_list .items .one_item{
624   - min-height: 230px;
625   - width: 100%;
626   - margin: 20px 0 20px 0;
627   - }
628   - .subcategory_list .items .one_item .one_item_image{
629   - margin: 0 0 10px 18px;
630   - float: left;
631   - }
632   -
633   - .subcategory_list .items .one_item .align_bottom{
634   - position: absolute;
635   - text-align: left;
636   - bottom: 0;
637   - left: 200px;
638   - }
639   - .subcategory_list .items .one_item .align_bottom .one_item_buttons{
640   - text-align: center;
641   - margin: 0;
642   - float: left;
643   - display: inline;
644   - }
645   - .subcategory_list .items .one_item .align_bottom .one_item_compare{
646   - float: left;
647   - display: inline;
648   - margin: 15px 0 0 10px;
649   - }
650   - .subcategory_list .items .one_item .one_item_title,
651   - .subcategory_list .items .one_item .one_item_description{
652   - text-align: left;
653   - }
654   - .subcategory_list .items .one_item .one_item_title{
655   - margin: 0 0 15px 200px;
656   - }
657   - .subcategory_list .items .one_item .one_item_description{
658   - display: none;
659   - }
660   - .subcategory_list .items .one_item .one_item_content_description{
661   - display: block;
662   - text-align: left;
663   - font: normal 13px/16px Arial, Tahoma, sans-serif;
664   - margin: 0 0 0 200px;
665   - }
666   - .one_item_description{
667   - overflow: hidden;
668   - height: 30px;
669   - }
670   -
671   - .items .one_item .new_top {
672   - margin: 0 0 0 23px;
673   - min-height: 18px;
674   - }
675   - .items .one_item .new_top div{
676   - margin: 0 3px 0 0;
677   - }
678   - .items .one_item .one_item_image{
679   - margin: 0 auto 10px auto;
680   - display:inline-block;
681   - position1:relative;
682   - overflow: hidden;
683   - min-width: 128px;
684   - max-width: 175px;
685   - height: 200px;
686   - -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
687   - -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
688   - box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
689   -
690   - }
691   - .items .one_item .one_item_image img{
692   -
693   -
694   -
695   - }
696   - .one_item_description {
697   - font: normal 12px/14px Arial, Tahoma, sans-serif;
698   - margin: 5px 0 0 0;
699   - }
700   - .one_item_content_description{
701   - display: none;
702   - }
703   - .items .one_item .one_item_title a{
704   - text-decoration: none;
705   - }
706   - .items .one_item .one_item_title a h3{
707   - font: bold 16px/20px Arial, Tahoma, sans-serif;
708   - color: #464646;
709   - }
710   - .items .one_item .one_item_price{
711   - font: normal 13px/15px Arial, Tahoma, sans-serif;
712   - color: #f58025;
713   - }
714   - .items .one_item .one_item_price span{
715   - font: bold 20px/22px Arial, Tahoma, sans-serif;
716   - color: #f58025;
717   - }
718   -
719   - .items .one_item .one_item_buttons{
720   - width: 80px;
721   - margin: 10px;
722   - }
723   -
724   - .not_available{
725   - cursor: default;
726   - text-decoration: none;
727   - display: inline-block;
728   - }
729   - .not_available:hover{
730   - text-decoration: none;
731   - }
732   -
733   - .one_item_compare label {
734   - text-decoration: underline;
735   - cursor: pointer;
736   - }
737   - .one_item_compare label:hover {
738   - text-decoration: underline;
739   - cursor: pointer;
740   - color: #f36d00;
741   - }
742   -
743   -/**********************basket**********************/
744   -.w25{width:25px;}
745   -.w30{width:30px;}
746   -.w35{width:35px;}
747   -.w66{width:66px;}
748   -.w75{width:75px;}
749   -.w82{width:82px;}
750   -.w85{width:85px;}
751   -.w90{width:90px;}
752   -.w100{width:100px;}
753   -.w120{width:120px;}
754   -.w147{width:147px;}
755   -.w170{width:170px;}
756   -.w184{width:184px;}
757   -.w199{width:199px;}
758   -.w200{width:200px;}
759   -.w205{width:205px;}
760   -.w210{width:210px;}
761   -.w232{width:232.5px;}
762   -.bold18{font-size:18px;font-weight:bold;}
763   -input[type="number"]{
764   - background-color: #f5f5f5;
765   - border: 0;
766   - width: 29px;
767   - height: 18px;
768   - padding: 4px 6px;
769   - border: 1px solid #e0e0e0;
770   - border-radius: 4px;
771   - text-align:center;
772   - -moz-box-shadow:inset 2px 2px 8px #dfdfdf;
773   - -webkit-box-shadow:inset 2px 2px 8px #dfdfdf;
774   - box-shadow:inset 2px 2px 8px #dfdfdf;
775   -}
776   -.clear{clear:both;}
777   -.popup{
778   - font-family: Calibri, Tahoma, Arial, sans-serif;
779   - background-color: #d9dade;
780   - color: #333333;
781   - position:fixed;
782   - z-index:99999;
783   - width:100%;
784   - height:100%;
785   - background-color:rgba(0,0,0,0.7);
786   -}
787   -.popup_window{
788   - background-color:white;
789   - z-index:9999;
790   - margin-left:auto;
791   - margin-right:auto;
792   - min-width:300px;
793   - text-align:center;
794   - margin-top:7%;
795   - max-height:530px;
796   - position:relative;
797   - -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.7);
798   - -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.7);
799   - box-shadow: 0px 0px 16px rgba(0,0,0,0.7);
800   -}
801   -.popup_close_button{
802   - width:40px;
803   - height:40px;
804   - position:absolute;
805   - top:0;
806   - right:0;
807   - background:#f5f5f5 url("../images/close.png") center center no-repeat;
808   - cursor:pointer;
809   -}
810   -.popup_window_content{padding:40px;}
811   -.summary_price{background-color:#f5f5f5;width:100%;text-align:right;color:#5c5c5c;font-weight:bold;font-family:Calibri;padding-top:9px;padding-bottom:12px;}
812   -.summary_price .price{font-weight:normal;font-size:16px;}
813   -.summary_price span{font-weight:bold;font-size:22px;}
814   -.summary_price .text{font-size:16px;padding-right:75px;}
815   -.popup_footer{text-align:right;margin-top:42px;margin-bottom:-7px;}
816   -.green_but2{background-color:#4fa32c;color:#ffffff;border-radius:3px;font-weight:bold;text-decoration:none;font-size:13px;font-family:Calibri;padding:5px 13px 8px 13px;}
817   -.popup_window a{display:inline;}
818   -.cont_shop_but, #help{font-size:13px;color:#555555;padding-right:25px;padding-left:25px;}
819   -
820   -h4{font-size:24px;color:#464646;text-align:left;margin:0;padding:0;}
821   -.basket_block_header{display:table;border-bottom: 1px solid #cdcdcd;line-height:1;}
822   -.basket_block_header div{
823   - display:table-cell;
824   - vertical-align:bottom;
825   - font-size:16px;
826   - font-weight:bold;
827   - font-family:Calibri;
828   - color:#7d7d7d;
829   - padding: 15px 20px 12px;
830   -}
831   -.basket_block_content{max-height:270px; width: 940px}
832   -.basket_block_content.overflow{overflow-y:auto;}
833   -.basket_element_name{
834   - display:table-cell;
835   - vertical-align:middle;
836   - width:300px;
837   - text-align:left;
838   - padding: 15px 10px 15px 15px;
839   -}
840   -.basket_element{border-bottom:1px solid #cdcdcd;padding-left:5px;}
841   -.basket_element:last-child{border:none;}
842   -.picture_element{float:left;-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
843   - -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
844   - box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
845   - margin-right: 15px;
846   -}
847   -.title_element{font-weight:bold;font-size:18px;padding:15px;line-height: 1;}
848   -.title_element .subtitle_element{font-size:13px;font-weight:normal;margin-top:8px;opacity:0;}
849   -.basket_element_prepack{display:table-cell;vertical-align:middle;width: 195px;padding-right: 18px;position:relative;}
850   -.basket_element_priceone{display:table-cell;vertical-align:middle;padding-right: 25px;}
851   -.basket_element_pricenum{display:table-cell;vertical-align:middle;padding-right: 20px;padding-left: 10px;}
852   -.basket_element_priceall{display:table-cell;vertical-align:middle;padding-left: 30px;}
853   -.basket_element_delete{ display:table-cell;vertical-align:middle;padding-left: 12px;}
854   -.basket_element_delete a{
855   - background:url("../images/delete_grey.png");
856   - display:table-cell;
857   - vertical-align:middle;
858   - width:16px;
859   - height:16px;
860   - cursor:pointer;
861   -}
862   -.basket_element_delete a:hover{background:url("../images/delete.png");}
863   -.basket_element_priceone .price span{font-size:22px;}
864   -.basket_element_priceall .price span{font-size:22px;}
865   -.del_but_right{margin-right: -33px;float: right;}
866   -.prepacks_table{display:table; vertical-align:bottom;}
867   -.prepacks_table_cell{
868   - display:table-cell;
869   - line-height:0.9;
870   - font-size:11px;
871   - width:20px;
872   - vertical-align:bottom;
873   - padding:3px;
874   -}
875   -.prepacks_table_cell_elem{
876   - border:1px solid #e0e0e0;
877   - padding-left:5px;
878   - padding-right:5px;
879   - padding-bottom:3px;
880   - cursor:pointer;
881   - color:#5c5c5c;
882   -}
883   -.prepacks_table_cell_elem:before{content:'';border:1px solid #e0e0e0;width:15px;height:1px;display: -webkit-inline-box;border-radius:1px;}
884   -.prepacks_table_cell_elem.min{width:17px;padding-top:2px;}
885   -.prepacks_table_cell_elem.two{width:22px;padding-top:4px;}
886   -.prepacks_table_cell_elem.premax{width:23px;padding-top:4px;}
887   -.prepacks_table_cell_elem.max{width:27px;padding-top:4px;}
888   -.prepacks_table_cell_elem.min:before{margin-bottom: 3px;}
889   -.prepacks_table_cell_elem.two:before{margin-bottom: 6px;}
890   -.prepacks_table_cell_elem.premax:before{margin-bottom: 10px;}
891   -.prepacks_table_cell_elem.max:before{margin-bottom: 5px;}
892   -.prepacks_table_cell_elem.actived{border:1px solid #4fa32c;}
893   -.prepacks_table_cell_elem.actived:before{border:1px solid #4fa32c;}
894   -.align_bottom {position: relative;}
895   -.items .one_item .one_item_buttons a{display:inline;margin:3px;}
896   -.items .one_item .one_item_buttons, .compare_items_table .compare_one_item .one_item_buttons
897   -{width: 120%;margin-top: 15px;margin-bottom: 15px;margin-left: -10px;}
898   -
899   -
900   -/**********************basket**********************/
901   -/**********************basket**********************/
902   -input[type=number]::-webkit-inner-spin-button,
903   -input[type=number]::-webkit-outer-spin-button {
904   - -webkit-appearance: none;
905   - -moz-appearance: none;
906   - appearance: none;
907   - margin: 0;
908   -}
909   -input[type=number] {
910   - -moz-appearance: textfield;
911   -}
912   -
913   -.file_download_link_ {position:relative}
914   -.file_download_link_ a {
915   - /* position: absolute; */
916   - /* top: 32px; */
917   - /* right: 16px; */
918   - padding: 10px 10px 10px 22px;
919   - background: url(../images/icon_catalog_18x18_01.png) no-repeat 0 50%;
920   - margin-left: 23px;
921   - z-index: 3;
922   - font-style: italic;
923   -}
924   -
925   -
926   -.faq a{
927   - position: absolute;
928   - top: 32px;
929   - left: 0;
930   - padding: 10px 10px 10px 22px;
931   - background: url(../images/icon_faq_18x18_01.png) no-repeat 0 50%;
932   - margin-left: 23px;
933   - z-index: 3;
934   - font-style: italic;
935   -}
936   -
937   -
938   -/**/
939   -
940   -.min_price_message{
941   - font-size: 16px;
942   - color: red !important;
943   - float: left;
944   - margin-left: 20px;
945   -}
946   -
947   -.popup_window_content .min_price_message{
948   - font-size: 14px;
949   - color: red !important;
950   - float: left;
951   -}
952   -.navbar .site_search {
953   - position: absolute !important;
954   - top: 70px !important;
  1 +@font-face {font-family: 'MarkerFelt'; src: url(/fonts/10062.ttf);}
  2 +@font-face {font-family: Lato; font-weight: 900; font-style:normal; src: url(/fonts/Lato-Black.ttf);}
  3 +@font-face {font-family: Lato; font-weight: 900; font-style:italic; src: url(/fonts/Lato-BlackItalic.ttf);}
  4 +@font-face {font-family: Lato; font-weight: 700; font-style:normal; src: url(/fonts/Lato-Bold.ttf);}
  5 +@font-face {font-family: Lato; font-weight: 700; font-style:italic; src: url(/fonts/Lato-BoldItalic.ttf);}
  6 +@font-face {font-family: Lato; font-weight: 400; font-style:normal; src: url(/fonts/Lato-Regular.ttf);}
  7 +@font-face {font-family: Lato; font-weight: 400; font-style:italic; src: url(/fonts/Lato-Italic.ttf);}
  8 +@font-face {font-family: Lato; font-weight: 300; font-style:normal; src: url(/fonts/Lato-Light.ttf);}
  9 +@font-face {font-family: Lato; font-weight: 300; font-style:italic; src: url(/fonts/Lato-LightItalic.ttf);}
  10 +@font-face {font-family: Lato-SemiboldItalic; font-weight: 100; font-style:italic; src: url(/fonts/Lato-SemiboldItalic.ttf);}
  11 +@font-face {font-family: Lato; font-weight: 100; font-style:normal; src: url(/fonts/Lato-Thin.ttf);}
  12 +@font-face {font-family: Lato; font-weight: 100; font-style:italic; src: url(/fonts/Lato-ThinItalic.ttf);}
  13 +*{font-family: Lato ;}
  14 +.popup_window {
  15 + max-height: 570px !important;
  16 +}
  17 +img{
  18 + max-width:100%;
  19 +}
  20 +#block_1{
  21 + background-image: url(/images/basket/1.jpg);
  22 + background-size: cover;
  23 + padding: 50px 0 0 0;
  24 + overflow: hidden;
  25 + background-position: center;
  26 + color:#fff;
  27 +}
  28 +#block_1 .h2, #block_1 .h3{
  29 + font-family: MarkerFelt;
  30 +}
  31 +#block_1 .h2{
  32 +
  33 + /*background-image: url(/images/basket/line_in_top.png);*/
  34 + background-repeat: no-repeat;
  35 + height: 91px;
  36 + background-position-x: 31px;
  37 + background-position-y: 18px;
  38 +}
  39 +#block_1 .col-md-5.text-center {
  40 + margin-bottom: 50px;
  41 +}
  42 +.buttom_in_head > div {
  43 + padding: 10px 40px;
  44 + box-shadow: #000 0 0 3px 0px;
  45 + margin: 2px;
  46 +}
  47 +.second_buttom{
  48 + background-color:#f7931e;
  49 +}
  50 +.first_buttom{
  51 + background-color:#6cb33f;
  52 + margin-bottom: 9px !important;
  53 +}
  54 +.buttom_in_head {
  55 + border: #fff 3px dashed;
  56 + padding: 3px;
  57 + max-width: 354px;
  58 + margin: 0 auto;
  59 +}
  60 +#block_2{
  61 + border-top: 2px #f7931e dashed;
  62 + margin-top: 9px;
  63 + padding: 39px 0 48px 0;
  64 +}
  65 +div.big_numb{
  66 + font-family: Lato;
  67 + color: #f7931e;
  68 + font-weight: 700;
  69 + display: table-cell;
  70 + padding: 18px;
  71 +}
  72 +.line_in_2_block {
  73 + display: table-row;
  74 +}
  75 +
  76 +.line_in_2_block p {
  77 + display: table-cell;
  78 + margin: 0;
  79 + padding:10px 0 !important;
  80 + vertical-align: middle;
  81 + font-size: 18px;
  82 + font-style: italic;
  83 + color: #4d4d4d;
  84 + text-align: justify;
  85 +}
  86 +.line_in_2_block p span{
  87 + color: #6cb33f;
  88 +}
  89 +#block_3{
  90 + background-image:url(/images/basket/2.jpg);
  91 + background-size: contain;
  92 + background-repeat:no-repeat;
  93 + padding-bottom:50px;
  94 +}
  95 +#block_3 .name_b.h4 {
  96 + margin: 30px 0px 20px 0px;
  97 +}
  98 +.col-md-4.basket.text-center {
  99 + margin-top: 120px;
  100 +}
  101 +.name_b{
  102 + font-family: MarkerFelt !important;
  103 + color: #f7931e !important;
  104 + padding: 15px 0 9px 0;
  105 + text-transform: uppercase;
  106 +
  107 +}
  108 +.basket .name_b{
  109 + border: 2px #f7931e dashed;
  110 +}
  111 +.basket img{
  112 + max-width:100%;
  113 +}
  114 +.small_buttom{
  115 + color: #ffffff !important;
  116 + font-size: 20px !important;
  117 + font-weight: 300 !important;
  118 + height: 35px;
  119 + padding: 2px 10px 7px 10px !important;
  120 + border-radius: 0 !important;
  121 +}
  122 +.small_buttom:hover{
  123 + color:#fff !important;
  124 + text-decoration: none;
  125 + cursor: pointer;
  126 +}
  127 +.small_buttom.buy{
  128 + font-style: normal;
  129 +}
  130 +.basket a:nth-child(2n){
  131 + float:left;
  132 +}
  133 +.basket a:nth-child(2n+1){
  134 + float:right;
  135 +}
  136 +
  137 +.small_buttom.green{
  138 + background-color:#6cb33f;
  139 +}
  140 +.small_buttom.orange{
  141 + background-color:#f7931e;
  142 +}
  143 +#block_4{
  144 + background-image:url(/images/basket/2_2_2.jpg);
  145 + background-size: cover;
  146 + padding: 60px 0;
  147 + margin-top:50px;
  148 +}
  149 +#block_4 > .container, #block_7 div.container{
  150 + border: 2px #fff dashed;
  151 + padding:10px;
  152 +}
  153 +#block_4 > .container>div{
  154 + background-color: rgba(255, 255, 255, 0.9);
  155 + overflow:hidden;
  156 + padding:3% 6% 3% 1%;
  157 +}
  158 +#block_7 div.container>div{
  159 + background-color: rgba(255, 255, 255, 0.9);
  160 + overflow:hidden;
  161 +}
  162 +#block_4 a{
  163 + padding-left: 20px !important;
  164 + padding-right: 20px !important;
  165 + max-width: 145px;
  166 + margin: 0 auto;
  167 +}
  168 +#block_4 .col-sm-7 .h4 {
  169 + font-family: MarkerFelt;
  170 + color: #ffffff;
  171 + background-color: #f7931e;
  172 + display: inline-block;
  173 + padding: 15px 29px 8px 29px;
  174 + margin-bottom:30px;
  175 + text-transform: uppercase;
  176 +}
  177 +#block_4 p{
  178 + padding:10px;
  179 + border: 2px #f7931e dashed;
  180 + line-height: 33px;
  181 + color: #4d4d4d;
  182 +}
  183 +.h2_line{
  184 + font-family: MarkerFelt !important;
  185 + color: #4d4d4d !important;
  186 + font-weight: 100;
  187 + border-bottom: 2px #f7931e dashed;
  188 + margin-bottom: 71px;
  189 + margin-top: -30px;
  190 +}
  191 +.h2_line > .h2 {
  192 + position: relative;
  193 + top: 48px;
  194 + background-color: #fff;
  195 + display: inline-block;
  196 + padding: 20px 35px;
  197 +}
  198 +.h2_two_lite >.h2 {
  199 + top: 62px !important;
  200 +}
  201 +.h2_two_lite {
  202 + margin-bottom: 70px;
  203 +}
  204 +
  205 +#block_5 .item{
  206 + text-align:center;
  207 + margin-top:50px;
  208 +}
  209 +#block_5 .item >p{
  210 + margin-top:20px;
  211 + display:block;
  212 + font-weight: 300;
  213 + color: #4d4d4d !important;
  214 + font-size: 19px;
  215 +}
  216 +#block_6, #block_8{
  217 + background-color:#fcf3eb;
  218 + /* height: 335px;*/
  219 + padding:60px 0;
  220 +}
  221 +#block_6 label, #block_6 .label{
  222 + color: #4d4d4d !important;
  223 + font-weight: 600;
  224 + line-height: 34px;
  225 + padding-left: 52px;
  226 + min-height: 39px;
  227 + display: inline-block;
  228 + text-align: left;
  229 + padding-top: 0;
  230 + background-position-y: 2px;
  231 + margin: 15px;
  232 + white-space: inherit;
  233 +}
  234 +#block_6 .label{
  235 + background-image: url(/images/basket/bg_input.png);
  236 + background-repeat: no-repeat;
  237 +}
  238 +#block_6 .label span{
  239 + font-style: italic;
  240 +}
  241 +
  242 +#block_6 .label>input{
  243 + display:none;
  244 +}
  245 +#block_6 .label:hover{
  246 + background-image: url(/images/basket/bg_input_hover.png);
  247 +}
  248 +#block_6 input[type=text], #block_6 input[type=email]{
  249 + background: none !important;
  250 + border: 0;
  251 + border-bottom: 2px #f7931e dashed;
  252 + box-shadow: none;
  253 + border-radius: 0;
  254 +}
  255 +#block_7{
  256 + background-image:url(/images/basket/3.jpg);
  257 + padding:4% 0;
  258 + background-size: cover;
  259 + background-position: center;
  260 +}
  261 +#block_7 p{
  262 + color:#fff;
  263 + margin-top:20px;
  264 + font-style: italic;
  265 + font-weight: 700;
  266 + font-size: 16px;
  267 +}
  268 +#block_7 input{
  269 + background:none;
  270 + border-radius:0;
  271 + margin: 30px 0;
  272 +}
  273 +#block_7 button{
  274 + margin: 30px 0;
  275 +}
  276 +
  277 +#block_7 input:focus {
  278 + border-color: #f7931e;
  279 + outline: 0;
  280 + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247, 147, 30, 0.56);
  281 + box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247, 147, 30, 0.48);
  282 +}
  283 +#block_8 {
  284 + min-height: 300px;
  285 +}
  286 +.carousel-control {
  287 + background-position-y: 75px !important;
  288 +}
  289 +
  290 +.panel-footer{background-color:#67b73e !important;color:#fff;padding:40px 0 !important;}
  291 +.footer_table span{border-right:1px #fff solid;padding:0 27px 0 41px;float:left;color:#fff}
  292 +.footer_table{overflow:hidden;color:#fff}
  293 +.panel-footer .container{color:#fff}
  294 +.soc_link a{width:50px;height:50px;background-size:50px 50px;display:inline-block;margin:0 8px}
  295 +.soc_link .vk{background-image:url(/images/basket/vk_1.png)}
  296 +.soc_link .vk:hover{background-image:url(/images/basket/vk.png)}
  297 +.soc_link .yt{background-image:url(/images/basket/YouTube_1.png)}
  298 +.soc_link .yt:hover{background-image:url(/images/basket/YouTube.png)}
  299 +.soc_link .fb{background-image:url(/images/basket/facebook_1.png)}
  300 +.soc_link .fb:hover{background-image:url(/images/basket/facebook.png)}
  301 +.carousel-control.right{background-image:url(/images/basket/right.png) !important;background-position:center;background-repeat:no-repeat !important;}
  302 +.carousel-control.left{background-image:url(/images/basket/left.png) !important;background-position:center;background-repeat:no-repeat !important;}
  303 +.carousel-control.right:hover{background-image:url(/images/basket/right_hover.png) !important;}
  304 +.carousel-control.left:hover{background-image:url(/images/basket/left_hover.png) !important;}
  305 +
  306 +.text_comment{
  307 + background-image: url(/images/basket/bg_comment.png);
  308 + background-repeat: no-repeat;
  309 + text-indent: 40px;
  310 + text-align: justify;
  311 + color: #4d4d4d;
  312 + font-size: 16px;
  313 + font-weight: 400;
  314 + line-height: 25px;
  315 +}
  316 +.person_info{
  317 + font-weight: 700;
  318 + font-style: italic;
  319 + text-indent: 0;
  320 + margin-top: 13px;
  321 + text-align:left;
  322 +}
  323 +.carousel-inner.text-center.container.col-md-8 {
  324 + padding: 0;
  325 +}
  326 +label.h3>div {
  327 + margin: 22px 0;
  328 +}
  329 +#form_thanks span{
  330 + color:#f7931e;
  331 +}
  332 +#form_thanks {
  333 + display: none;
  334 + min-height: 258px;
  335 +}
  336 +@media all and (max-width:767px) {
  337 + .footer_table span{padding:3px 0!important;width:100%;border:0;text-align:center;float:none;display:block}
  338 + .footer_table img{float:none!important;margin:0 auto!important}
  339 + .footer_table{text-align:center}
  340 + .form_line_radius span{width:100%!important;display:block}
  341 + .soc_link {
  342 + float: none !important;
  343 + margin: 20px auto 0 auto;
  344 + }
  345 +}
  346 +@media screen and (max-width:900px){
  347 + a.carousel-control {width: 51px;}
  348 + .text_comment {padding: 0 51px !important; background-position-x: 51px;}
  349 +}
  350 +*{margin:0;padding:0}
  351 +body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,tr {
  352 + margin:0;
  353 + padding:0;
  354 + letter-spacing: normal;
  355 +}
  356 +table {
  357 + border-collapse:collapse;
  358 + border-spacing:0;
  359 +
  360 +}
  361 +fieldset,img {
  362 + border:0;
  363 +}
  364 +address,caption,cite,code,dfn,em,strong,th,var {
  365 + font-style:normal;
  366 + font-weight:normal;
  367 +}
  368 +caption,th {
  369 + text-align:left;
  370 +}
  371 +q:before,q:after {
  372 + content:'';
  373 +}
  374 +:focus{
  375 + outline:none;
  376 +}
  377 +abbr,acronym {
  378 + border:0;
  379 +}
  380 +html,body {
  381 + height:100%;
  382 +}
  383 +header,nav,section,article,aside,footer {
  384 + display:block;
  385 + margin:0;
  386 + padding:0;
  387 +}
  388 +img {
  389 + border:0;
  390 + width: auto;
  391 +}
  392 +input {
  393 + vertical-align:middle;
  394 +}
  395 +ol,ul {
  396 + margin:0;
  397 + padding:0;
  398 + list-style:none;
  399 +}
  400 +ul li {
  401 + margin:0;
  402 + padding:0;
  403 +}
  404 +a {
  405 + color: #4a4a4a;
  406 + text-decoration:underline;
  407 + display: block;
  408 +}
  409 +
  410 +a:hover {
  411 + color:#4a4a4a;
  412 + text-decoration:underline;
  413 +}
  414 +
  415 +.clearfix:after {
  416 + content: "";
  417 + display: block;
  418 + clear: both;
  419 + visibility: hidden;
  420 + line-height: 0;
  421 + height: 0;
  422 +}
  423 +
  424 +.clearfix {
  425 + display: inline-block;
  426 +}
  427 +
  428 +html[xmlns] .clearfix {
  429 + display: block;
  430 +}
  431 +
  432 +* html .clearfix {
  433 +
  434 +}
  435 +
  436 +body {
  437 + font: normal 12px/14px Arial, Tahoma, sans-serif;
  438 + color: #4a4a4a;
  439 +}
  440 +
  441 +.float {
  442 + display: inline;
  443 + float: left;
  444 +}
  445 +.last {
  446 + margin-right: 0 !important;
  447 + padding-right: 0 !important;
  448 +}
  449 +.display_none {
  450 + display: none!important;
  451 +}
  452 +.display_block {
  453 + display: block!important;
  454 +}
  455 +.inner {
  456 + width: 960px;
  457 + margin: 0 auto;
  458 +}
  459 +.not_exist
  460 +{
  461 + cursor: default;
  462 + opacity: 0.3;
  463 + -moz-opacity: 0.3;
  464 + -khtml-opacity: 0.3;
  465 +}
  466 +
  467 +
  468 +#wrapper{
  469 + min-height: 100%;
  470 + /* luv IE shit */
  471 + height: auto !important;
  472 + height: 100%;
  473 + margin: 0 auto -5em;
  474 +}
  475 +/* header */
  476 +
  477 +.beta{
  478 + width:960px;
  479 + overflow:hidden;
  480 + margin:0 auto;padding:10px 0 0;
  481 + font-size:20px;
  482 + line-height:20px;
  483 + text-align:center;
  484 +}
  485 +.beta a{
  486 + display:inline;
  487 + color:#009aff;
  488 +}
  489 +
  490 +#header {
  491 + background: #ffffff; /* Old browsers */
  492 + background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%, #ececec 100%); /* FF3.6+ */
  493 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
  494 + background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%,#ececec 100%); /* Chrome10+,Safari5.1+ */
  495 + background: -o-linear-gradient(top, #ffffff 0%,#ececec 100%,#ececec 100%); /* Opera 11.10+ */
  496 + background: -ms-linear-gradient(top, #ffffff 0%,#ececec 100%,#ececec 100%); /* IE10+ */
  497 + background: linear-gradient(to bottom, #ffffff 0%,#ececec 100%,#ececec 100%); /* W3C */
  498 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
  499 + position: relative;
  500 +}
  501 +.columns3 {
  502 + margin: 10px 0;
  503 +}
  504 +.columns3.first_column {
  505 + width: 320px;
  506 +}
  507 +.columns3.second_column {
  508 + width: 375px;
  509 +}
  510 +.columns3.third_column {
  511 + width: 265px;
  512 + position: relative;
  513 +}
  514 +.switch_lang {
  515 + margin: 5px 0 10px 0;
  516 +}
  517 + .switch_lang div {
  518 + padding: 0 10px 0 20px;
  519 + }
  520 + .switch_lang div.ru {
  521 + background: url(../../images/ru_flag.gif) no-repeat 0 50%;color: #55a727;
  522 + }
  523 + .switch_lang div {
  524 + color: #55a727;
  525 + }
  526 +
  527 + .switch_lang div a.active,
  528 + .switch_lang div a:hover{
  529 + color: #55a727;
  530 + }
  531 +.contact_phones,
  532 +.contact_mob_phones{
  533 + font: normal 17px/20px Arial, Tahoma, sans-serif !important;
  534 + padding: 2px 0 2px 20px !important;
  535 +}
  536 +.contact_phones a,
  537 +.contact_mob_phones a{
  538 + display:inline;
  539 +}
  540 +.contact_phones{
  541 + background: url(../../images/tel.png) no-repeat 0 50%;
  542 +}
  543 +.contact_mob_phones{
  544 + background: url(../../images/mob.png) no-repeat 1% 50%;
  545 +}
  546 + span.small_digits{
  547 + font-size: 15px !important;
  548 + }
  549 +.callback {
  550 + font-style: italic;
  551 + margin: 5px 0 0 0;
  552 +}
  553 +
  554 +.logo {
  555 + margin: 10px 0 10px 0;
  556 +}
  557 +
  558 +
  559 +.menu_cabinet{
  560 + padding: 10px 10px 10px 20px;
  561 +}
  562 +.basket {
  563 + padding: 10px 10px 10px 23px;
  564 +}
  565 +.compare_wrapper {
  566 + min-height: 35px;
  567 + position: relative;
  568 +}
  569 +header .navbar .compare_wrapper {
  570 + display: inline-block;
  571 +}
  572 +.compare {
  573 + padding: 5px 0 15px 20px;
  574 + margin: 0 0 0 120px;
  575 +}
  576 +header .compare {
  577 + margin: 10px 0 0 20px;
  578 +}
  579 + .compare_wrapper .compare_list{
  580 + position: absolute;
  581 + top: 0;
  582 + right: 0;
  583 + padding: 0 10px 10px 10px;
  584 + background: #F5F5F5;
  585 + border: 2px solid #267f00;
  586 + border-radius: 5px;
  587 + -moz-border-radius: 5px;
  588 + -webkit-border-radius: 5px;
  589 + z-index: 9991;
  590 + font: normal 12px/20px Arial, Tahoma, sans-serif;
  591 + display: none;
  592 + }
  593 +
  594 + header .compare_wrapper .compare_list a, header .compare_wrapper .compare_list a:hover {
  595 + color: #4a4a4a;
  596 + text-decoration: underline;
  597 + }
  598 + header .compare_wrapper .compare_list .compare a, header .compare_wrapper .compare_list .compare a:hover {
  599 + text-decoration: none;
  600 + }
  601 + .compare_wrapper .compare_list .compare{
  602 + margin: 0;
  603 + padding: 1px 0 5px 20px;
  604 + }
  605 + .compare_wrapper .compare_list .compare a{
  606 + text-decoration: none;
  607 + }
  608 + .compare_wrapper .compare_list ul li{
  609 + font: normal 12px/20px Arial, Tahoma, sans-serif;
  610 + padding: 2px 0;
  611 + }
  612 + .compare_wrapper .compare_list ul li a{
  613 + margin: 0 5px 0 0;
  614 + }
  615 +.basket .active {
  616 + color: #f58025;
  617 +}
  618 +.basket_number {
  619 + padding: 7px 0 10px 0;
  620 +}
  621 + .basket_number a,
  622 + .basket_number a:hover{
  623 + text-decoration: none;
  624 + color: #ffffff;
  625 + background: #67b73e;
  626 + padding: 2px 5px;
  627 + border-radius: 100%;
  628 + -moz-border-radius: 100%;
  629 + -webkit-border-radius: 100%;
  630 + webkit-box-shadow: inset 2px 1px 10px 0 #417e24;
  631 + -moz-box-shadow: inset 2px 1px 10px 0 #417e24;
  632 + box-shadow: inset 2px 1px 10px 0 #417e24;
  633 + }
  634 + #header .columns3 .menu_cabinet{
  635 + background: url(../../images/cabinet.png) no-repeat 0 50%;
  636 + }
  637 + #header .columns3 .basket{
  638 + background: url(../../images/basket.png) no-repeat 0 50%;
  639 + }
  640 + #header .columns3 .compare, header .compare_wrapper .compare{
  641 + background: url(../../images/ico_comparison.png ) no-repeat 0 25%;
  642 + }
  643 +
  644 +#header .columns3 .site_search, header .site_search input
  645 +{
  646 + position: relative;
  647 +}
  648 + #header .columns3 input,
  649 + .cat_center .site_search input,
  650 + header .site_search input
  651 + {
  652 + width: 250px;
  653 + margin: 0;
  654 + padding: 7px 5px;
  655 + border-radius: 5px;
  656 + -moz-border-radius: 5px;
  657 + -webkit-border-radius: 5px;
  658 + border:0;
  659 + -moz-box-shadow: inset 1px 1px 1px 0 #d0d0d0;
  660 + -webkit-box-shadow: inset 1px 1px 1px 0 #d0d0d0;
  661 + box-shadow: inset 1px 1px 1px 0 #d0d0d0;
  662 + }
  663 +
  664 +
  665 + #header .columns3 label,
  666 + .cat_center .site_search label,
  667 + header .site_search label
  668 + {
  669 + position: absolute;
  670 + top: 7px;
  671 + right: 7px;
  672 + }
  673 + header .site_search label
  674 + {
  675 + top: 12px;
  676 + right: 12px;
  677 + }
  678 +
  679 + /* search */
  680 +
  681 + #header .columns3 .site_search.active .search_result_wrapper,
  682 + #header .columns3 .site_search:active .search_result_wrapper,
  683 + .cat_center .site_search.active .search_result_wrapper,
  684 + header .site_search.nav-search .search_result_wrapper
  685 + {
  686 + position: absolute;
  687 + z-index: 9999;
  688 + background: #ececec;
  689 + width: 260px;
  690 + border-radius: 5px;
  691 + -moz-border-radius: 5px;
  692 + -webkit-border-radius: 5px;
  693 + border: 2px solid #4fa32c;
  694 + -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  695 + -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  696 + box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  697 + }
  698 + header .site_search.nav-search .search_result_wrapper {
  699 + position: static;
  700 + }
  701 +
  702 +
  703 + #header .columns3 .site_search.active .search_result_wrapper .search_result_display,
  704 + header .site_search.nav-search.active .search_result_wrapper .search_result_display {
  705 + display: block;
  706 + }
  707 + #header .columns3 .site_search .search_result_wrapper .search_result_display,
  708 + header .site_search.nav-search .search_result_wrapper .search_result_display {
  709 + display: none;
  710 + }
  711 + #header .columns3 .site_search .search_result_wrapper li,
  712 + header .site_search.nav-search .search_result_wrapper li{
  713 + border-bottom: 1px solid #c4c4c4;
  714 + margin: 15px;
  715 + padding: 0 0 10px 0;
  716 + }
  717 + #header .columns3 .site_search .search_result_wrapper li img,
  718 + header .site_search.nav-search .search_result_wrapper li img{
  719 + width: 100px;
  720 + margin: 5px;
  721 + -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  722 + -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  723 + box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  724 + float: left;
  725 + }
  726 + #header .columns3 .site_search .search_result_wrapper li p,
  727 + header .site_search.nav-search .search_result_wrapper li p{
  728 + margin: 0 0 0 80px;
  729 + font: normal 13px/15px Arial, Tahoma, sans-serif;
  730 + color: #f58025;
  731 + }
  732 + #header .columns3 .site_search .search_result_wrapper li p span,
  733 + header .site_search.nav-search .search_result_wrapper li p span{
  734 + font: bold 20px/22px Arial, Tahoma, sans-serif;
  735 + color: #f58025;
  736 + }
  737 + #header .columns3 .site_search .search_result_wrapper li a.search_result_title,
  738 + header .site_search.nav-search .search_result_wrapper li a.search_result_title{
  739 + font: bold 14px/20px Arial, Tahoma, sans-serif;
  740 + margin: 0 0 0 80px;
  741 + text-decoration: none;
  742 + }
  743 + #header .columns3 .site_search .search_result_wrapper .all_search_result,
  744 + header .site_search.nav-search .search_result_wrapper .all_search_result{
  745 + font: italic 12px/15px Arial, Tahoma, sans-serif;
  746 + text-decoration: underline;
  747 + margin: 0 15px 5px 15px;
  748 + }
  749 + #header .columns3 .site_search .search_result_wrapper .no_search_result,
  750 + header .site_search.nav-search .search_result_wrapper .no_search_result{
  751 + font: italic 12px/15px Arial, Tahoma, sans-serif;
  752 + margin: 5px;
  753 + }
  754 +
  755 +
  756 +#header_nav {
  757 + position: relative;
  758 + height: 20px;
  759 +}
  760 +#header_nav ul {
  761 + border: 3px solid #ececec;
  762 + height: 35px;
  763 + border-radius: 5px;
  764 + -moz-border-radius: 5px;
  765 + -webkit-border-radius: 5px;
  766 + background: #67b73e;
  767 + position: absolute;
  768 + z-index: 999;
  769 +}
  770 +#header_nav ul li {
  771 + display: inline;
  772 + float: left;
  773 + background: #67b73e;
  774 + border-left: 1px solid #55a727!important;
  775 +}
  776 +
  777 +.header_nav_1_ {
  778 + width: 50px!important;
  779 +}
  780 +.header_nav_2_ {
  781 + width: 100px!important;
  782 +}
  783 +.header_nav_3_ {
  784 + width: 145px!important;
  785 +}
  786 +.header_nav_4_ {
  787 + width: 175px!important;
  788 +}
  789 +.header_nav_5_ {
  790 + width: 135px!important;
  791 +}
  792 +.header_nav_6_ {
  793 + width: 167px!important;
  794 +}
  795 +.header_nav_7_ {
  796 + width: 103px!important;
  797 +}
  798 +.header_nav_8_ {
  799 + width: 60px!important;
  800 +}
  801 +
  802 +#header_nav ul li:hover,
  803 +#header_nav ul li.active{
  804 + background:#55a727;
  805 +}
  806 +#header_nav ul li.left_radius {
  807 + border-radius: 5px 0px 0px 5px;
  808 + -moz-border-radius: 5px 0px 0px 5px;
  809 + -webkit-border-radius: 5px 0px 0px 5px;
  810 +}
  811 +#header_nav ul li.right_radius {
  812 + border-radius: 0px 5px 5px 0px;
  813 + -moz-border-radius: 0px 5px 5px 0px;
  814 + -webkit-border-radius: 0px 5px 5px 0px;
  815 +}
  816 +#header_nav ul li a{
  817 + text-transform: uppercase;
  818 + text-decoration: none;
  819 + color: #ffffff;
  820 + font: bold 12px/15px Arial, Tahoma, sans-serif;
  821 + text-align: center;
  822 + padding: 10px 1.3pc;float:left;white-space: nowrap;
  823 +}
  824 +
  825 +
  826 +/* content */
  827 +
  828 +/* content_nav */
  829 +#content {
  830 + display: block;
  831 +}
  832 +#content_nav {
  833 + background: url(../../images/pattern.png);
  834 +}
  835 +#content_nav h2{
  836 + font-size: 15px;
  837 + text-transform: uppercase;
  838 + margin: 20px 0 0 0;
  839 +}
  840 +h2.types_logo_1 {
  841 + color: #4fa32c;
  842 +}
  843 +h2.types_logo_2 {
  844 + color: #bb4648;
  845 +}
  846 +h2.types_logo_3 {
  847 + color: #f58025;
  848 +}
  849 +h2.types_logo_4 {
  850 + color: #378a92;
  851 +}
  852 +h2.types_logo_5 {
  853 + color: #db0565;
  854 +}
  855 +h2.types_logo_6 {
  856 + color: #935927;
  857 +}
  858 +h2.types_logo_479 {
  859 + color: #b1873f;
  860 +}
  861 +#content_nav .content_nav_first_floor {
  862 + padding: 40px 0 15px 0;
  863 + margin: 0 0 20px 0;
  864 + border-bottom: 1px solid #cdcdcd;
  865 +}
  866 +#content_nav .content_nav_first_floor .content_nav_logo {
  867 + padding: 0 40px 0 0;
  868 + width: 150px;
  869 +}
  870 + #content_nav .content_nav_logo a {
  871 + text-decoration: none;
  872 + }
  873 +
  874 +#content_nav .content_nav_first_floor .content_nav_items {
  875 + column-count: 4;
  876 + -moz-column-count: 4;
  877 + -webkit-column-count:4;
  878 + column-width: 180px; /*N????�?�N�???�?�?? N???N�????N? ?????�????????*/
  879 + -moz-column-width: 180px;
  880 + -webkit-column-width: 180px;
  881 + /*
  882 + min-height: 170px;
  883 + */
  884 +}
  885 +#content_nav .content_nav_first_floor .content_nav_items a,
  886 +.content_nav_items a{
  887 + font-size: 13px;
  888 + line-height: 21px;
  889 + font-style: italic;
  890 + width: 160px;
  891 +}
  892 +.content_nav_items a:hover{
  893 + color: #f36d00;
  894 +}
  895 +
  896 +.content_nav_second_floor .float{
  897 + padding: 0 40px 20px 0;
  898 + width: 150px;
  899 +}
  900 +.shadow_to_top{
  901 + background: url(../../images/shadow.png) no-repeat center center;
  902 + height: 22px;
  903 + text-align: center;
  904 + overflow: hidden;
  905 +}
  906 +
  907 + /* .content_items .title */
  908 + .content_items .title{
  909 + background: url(../../images/line.gif) 100% 85% repeat-x;
  910 + }
  911 + .content_items .title .items_title{
  912 + font: bold 20px/24px Arial, Tahoma, sans-serif;
  913 + color: #f36d00;
  914 + }
  915 + .content_items .title .float {
  916 + background: #ffffff;
  917 + }
  918 + .content_items .title .content_arrow_left,
  919 + .content_items .title .content_arrow_right{
  920 + margin: 4px 6px;
  921 + }
  922 + .content_items .title .content_items_page{
  923 + margin: 4px 0;
  924 + }
  925 +
  926 + .content_items .title .content_arrow_left {
  927 + width: 10px;
  928 + height: 18px;
  929 + background: url(../../images/content_arrow_left.png) no-repeat
  930 + }
  931 + .content_items .title .content_arrow_left:hover {
  932 + width: 10px;
  933 + height: 18px;
  934 + background: url(../../images/content_arrow_left_hover.png) no-repeat
  935 + }
  936 + .content_items .title .content_arrow_right {
  937 + width: 10px;
  938 + height: 18px;
  939 + background: url(../../images/content_arrow_right.png) no-repeat
  940 + }
  941 + .content_items .title .content_arrow_right:hover {
  942 + width: 10px;
  943 + height: 18px;
  944 + background: url(../../images/content_arrow_right_hover.png) no-repeat
  945 + }
  946 + .content_items .title .content_items_page{
  947 + font: normal 13px/16px Arial, Tahoma, sans-serif;
  948 + color: #4a4a4a;
  949 + }
  950 +
  951 + /* .content_items .items */
  952 +.align_bottom{
  953 + position: absolute;
  954 + bottom: 0;
  955 + width: 90%;
  956 +}
  957 + .items .one_item {
  958 + width: 165px;
  959 + min-height: 331px;
  960 + height: 331px;
  961 + margin: 20px 33px 45px 0;
  962 + text-align: center;
  963 + position: relative;
  964 + }
  965 + .subcategory .items .one_item,
  966 + .search .items .one_item{
  967 + min-height: 410px;
  968 + width: 175px;
  969 + margin: 20px 95px 45px 0;
  970 + }
  971 +
  972 + .subcategory_list .items .one_item{
  973 + min-height: 230px;
  974 + width: 100%;
  975 + margin: 20px 0 20px 0;
  976 + }
  977 + .subcategory_list .items .one_item .one_item_image{
  978 + margin: 0 0 10px 18px;
  979 + float: left;
  980 + }
  981 +
  982 + .subcategory_list .items .one_item .align_bottom{
  983 + position: absolute;
  984 + text-align: left;
  985 + bottom: 0;
  986 + left: 200px;
  987 + }
  988 + .subcategory_list .items .one_item .align_bottom .one_item_buttons{
  989 + text-align: center;
  990 + margin: 0;
  991 + float: left;
  992 + display: inline;
  993 + }
  994 + .subcategory_list .items .one_item .align_bottom .one_item_compare{
  995 + float: left;
  996 + display: inline;
  997 + margin: 15px 0 0 10px;
  998 + }
  999 + .subcategory_list .items .one_item .one_item_title,
  1000 + .subcategory_list .items .one_item .one_item_description{
  1001 + text-align: left;
  1002 + }
  1003 + .subcategory_list .items .one_item .one_item_title{
  1004 + margin: 0 0 15px 200px;
  1005 + }
  1006 + .subcategory_list .items .one_item .one_item_description{
  1007 + display: none;
  1008 + }
  1009 + .subcategory_list .items .one_item .one_item_content_description{
  1010 + display: block;
  1011 + text-align: left;
  1012 + font: normal 13px/16px Arial, Tahoma, sans-serif;
  1013 + margin: 0 0 0 200px;
  1014 + }
  1015 + .one_item_description{
  1016 + overflow: hidden;
  1017 + height: 30px;
  1018 + }
  1019 +
  1020 + .items .one_item .new_top {
  1021 + margin: 0 0 0 23px;
  1022 + min-height: 18px;
  1023 + }
  1024 + .items .one_item .new_top div{
  1025 + margin: 0 3px 0 0;
  1026 + }
  1027 + .items .one_item .one_item_image{
  1028 + margin: 0 auto 10px auto;
  1029 + display:inline-block;
  1030 + position1:relative;
  1031 + overflow: hidden;
  1032 + min-width: 128px;
  1033 + max-width: 175px;
  1034 + height: 200px;
  1035 + -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
  1036 + -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
  1037 + box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
  1038 +
  1039 + }
  1040 + .items .one_item .one_item_image img{
  1041 +
  1042 +
  1043 +
  1044 + }
  1045 + .one_item_description {
  1046 + font: normal 12px/14px Arial, Tahoma, sans-serif;
  1047 + margin: 5px 0 0 0;
  1048 + }
  1049 + .one_item_content_description{
  1050 + display: none;
  1051 + }
  1052 + .items .one_item .one_item_title a{
  1053 + text-decoration: none;
  1054 + }
  1055 + .items .one_item .one_item_title a h3{
  1056 + font: bold 16px/20px Arial, Tahoma, sans-serif;
  1057 + color: #464646;
  1058 + }
  1059 + .items .one_item .one_item_price{
  1060 + font: normal 13px/15px Arial, Tahoma, sans-serif;
  1061 + color: #f58025;
  1062 + }
  1063 + .items .one_item .one_item_price span{
  1064 + font: bold 20px/22px Arial, Tahoma, sans-serif;
  1065 + color: #f58025;
  1066 + }
  1067 +
  1068 + .items .one_item .one_item_buttons{
  1069 + width: 80px;
  1070 + margin: 10px;
  1071 + }
  1072 +
  1073 + .not_available{
  1074 + cursor: default;
  1075 + text-decoration: none;
  1076 + display: inline-block;
  1077 + }
  1078 + .not_available:hover{
  1079 + text-decoration: none;
  1080 + }
  1081 +
  1082 + .one_item_compare label {
  1083 + text-decoration: underline;
  1084 + cursor: pointer;
  1085 + }
  1086 + .one_item_compare label:hover {
  1087 + text-decoration: underline;
  1088 + cursor: pointer;
  1089 + color: #f36d00;
  1090 + }
  1091 +
  1092 +/**********************basket**********************/
  1093 +.w25{width:25px;}
  1094 +.w30{width:30px;}
  1095 +.w35{width:35px;}
  1096 +.w66{width:66px;}
  1097 +.w75{width:75px;}
  1098 +.w82{width:82px;}
  1099 +.w85{width:85px;}
  1100 +.w90{width:90px;}
  1101 +.w100{width:100px;}
  1102 +.w120{width:120px;}
  1103 +.w147{width:147px;}
  1104 +.w170{width:170px;}
  1105 +.w184{width:184px;}
  1106 +.w199{width:199px;}
  1107 +.w200{width:200px;}
  1108 +.w205{width:205px;}
  1109 +.w210{width:210px;}
  1110 +.w232{width:232.5px;}
  1111 +.bold18{font-size:18px;font-weight:bold;}
  1112 +input[type="number"]{
  1113 + background-color: #f5f5f5;
  1114 + border: 0;
  1115 + width: 29px;
  1116 + height: 18px;
  1117 + padding: 4px 6px;
  1118 + border: 1px solid #e0e0e0;
  1119 + border-radius: 4px;
  1120 + text-align:center;
  1121 + -moz-box-shadow:inset 2px 2px 8px #dfdfdf;
  1122 + -webkit-box-shadow:inset 2px 2px 8px #dfdfdf;
  1123 + box-shadow:inset 2px 2px 8px #dfdfdf;
  1124 +}
  1125 +.clear{clear:both;}
  1126 +.popup{
  1127 + font-family: Calibri, Tahoma, Arial, sans-serif;
  1128 + background-color: #d9dade;
  1129 + color: #333333;
  1130 + position:fixed;
  1131 + z-index:99999;
  1132 + width:100%;
  1133 + height:100%;
  1134 + background-color:rgba(0,0,0,0.7);
  1135 +}
  1136 +.popup_window{
  1137 + background-color:white;
  1138 + z-index:9999;
  1139 + margin-left:auto;
  1140 + margin-right:auto;
  1141 + min-width:300px;
  1142 + text-align:center;
  1143 + margin-top:7%;
  1144 + max-height:530px;
  1145 + position:relative;
  1146 + -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.7);
  1147 + -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.7);
  1148 + box-shadow: 0px 0px 16px rgba(0,0,0,0.7);
  1149 +}
  1150 +.popup_close_button{
  1151 + width:40px;
  1152 + height:40px;
  1153 + position:absolute;
  1154 + top:0;
  1155 + right:0;
  1156 + background:#f5f5f5 url("../../images/close.png") center center no-repeat;
  1157 + cursor:pointer;
  1158 +}
  1159 +.popup_window_content{padding:40px;}
  1160 +.summary_price{background-color:#f5f5f5;width:100%;text-align:right;color:#5c5c5c;font-weight:bold;font-family:Calibri;padding-top:9px;padding-bottom:12px;}
  1161 +.summary_price .price{font-weight:normal;font-size:16px;}
  1162 +.summary_price span{font-weight:bold;font-size:22px;}
  1163 +.summary_price .text{font-size:16px;padding-right:75px;}
  1164 +.popup_footer{text-align:right;margin-top:42px;margin-bottom:-7px;}
  1165 +.green_but2{background-color:#4fa32c;color:#ffffff;border-radius:3px;font-weight:bold;text-decoration:none;font-size:13px;font-family:Calibri;padding:5px 13px 8px 13px;}
  1166 +.popup_window a{display:inline;}
  1167 +.cont_shop_but, #help{font-size:13px;color:#555555;padding-right:25px;padding-left:25px;}
  1168 +
  1169 +h4{font-size:24px;color:#464646;text-align:left;margin:0;padding:0;}
  1170 +.basket_block_header{display:table;border-bottom: 1px solid #cdcdcd;line-height:1;}
  1171 +.basket_block_header div{
  1172 + display:table-cell;
  1173 + vertical-align:bottom;
  1174 + font-size:16px;
  1175 + font-weight:bold;
  1176 + font-family:Calibri;
  1177 + color:#7d7d7d;
  1178 + padding: 15px 20px 12px;
  1179 +}
  1180 +.basket_block_content{max-height:270px; width: 940px}
  1181 +.basket_block_content.overflow{overflow-y:auto;}
  1182 +.basket_element_name{
  1183 + display:table-cell;
  1184 + vertical-align:middle;
  1185 + width:300px;
  1186 + text-align:left;
  1187 + padding: 15px 10px 15px 15px;
  1188 +}
  1189 +.basket_element{border-bottom:1px solid #cdcdcd;padding-left:5px;}
  1190 +.basket_element:last-child{border:none;}
  1191 +.picture_element{float:left;-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
  1192 + -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
  1193 + box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
  1194 + margin-right: 15px;
  1195 +}
  1196 +.title_element{font-weight:bold;font-size:18px;padding:15px;line-height: 1;}
  1197 +.title_element .subtitle_element{font-size:13px;font-weight:normal;margin-top:8px;opacity:0;}
  1198 +.basket_element_prepack{display:table-cell;vertical-align:middle;width: 195px;padding-right: 18px;position:relative;}
  1199 +.basket_element_priceone{display:table-cell;vertical-align:middle;padding-right: 25px;}
  1200 +.basket_element_pricenum{display:table-cell;vertical-align:middle;padding-right: 20px;padding-left: 10px;}
  1201 +.basket_element_priceall{display:table-cell;vertical-align:middle;padding-left: 30px;}
  1202 +.basket_element_delete{ display:table-cell;vertical-align:middle;padding-left: 12px;}
  1203 +.basket_element_delete a{
  1204 + background:url("../../images/delete_grey.png");
  1205 + display:table-cell;
  1206 + vertical-align:middle;
  1207 + width:16px;
  1208 + height:16px;
  1209 + cursor:pointer;
  1210 +}
  1211 +.basket_element_delete a:hover{background:url("../../images/delete.png");}
  1212 +.basket_element_priceone .price span{font-size:22px;}
  1213 +.basket_element_priceall .price span{font-size:22px;}
  1214 +.del_but_right{margin-right: -33px;float: right;}
  1215 +.prepacks_table{display:table; vertical-align:bottom;}
  1216 +.prepacks_table_cell{
  1217 + display:table-cell;
  1218 + line-height:0.9;
  1219 + font-size:11px;
  1220 + width:20px;
  1221 + vertical-align:bottom;
  1222 + padding:3px;
  1223 +}
  1224 +.prepacks_table_cell_elem{
  1225 + border:1px solid #e0e0e0;
  1226 + padding-left:5px;
  1227 + padding-right:5px;
  1228 + padding-bottom:3px;
  1229 + cursor:pointer;
  1230 + color:#5c5c5c;
  1231 +}
  1232 +.prepacks_table_cell_elem:before{content:'';border:1px solid #e0e0e0;width:15px;height:1px;display: -webkit-inline-box;border-radius:1px;}
  1233 +.prepacks_table_cell_elem.min{width:17px;padding-top:2px;}
  1234 +.prepacks_table_cell_elem.two{width:22px;padding-top:4px;}
  1235 +.prepacks_table_cell_elem.premax{width:23px;padding-top:4px;}
  1236 +.prepacks_table_cell_elem.max{width:27px;padding-top:4px;}
  1237 +.prepacks_table_cell_elem.min:before{margin-bottom: 3px;}
  1238 +.prepacks_table_cell_elem.two:before{margin-bottom: 6px;}
  1239 +.prepacks_table_cell_elem.premax:before{margin-bottom: 10px;}
  1240 +.prepacks_table_cell_elem.max:before{margin-bottom: 5px;}
  1241 +.prepacks_table_cell_elem.actived{border:1px solid #4fa32c;}
  1242 +.prepacks_table_cell_elem.actived:before{border:1px solid #4fa32c;}
  1243 +.align_bottom {position: relative;}
  1244 +.items .one_item .one_item_buttons a{display:inline;margin:3px;}
  1245 +.items .one_item .one_item_buttons, .compare_items_table .compare_one_item .one_item_buttons
  1246 +{width: 120%;margin-top: 15px;margin-bottom: 15px;margin-left: -10px;}
  1247 +
  1248 +
  1249 +/**********************basket**********************/
  1250 +/**********************basket**********************/
  1251 +input[type=number]::-webkit-inner-spin-button,
  1252 +input[type=number]::-webkit-outer-spin-button {
  1253 + -webkit-appearance: none;
  1254 + -moz-appearance: none;
  1255 + appearance: none;
  1256 + margin: 0;
  1257 +}
  1258 +input[type=number] {
  1259 + -moz-appearance: textfield;
  1260 +}
  1261 +
  1262 +.file_download_link_ {position:relative}
  1263 +.file_download_link_ a {
  1264 + /* position: absolute; */
  1265 + /* top: 32px; */
  1266 + /* right: 16px; */
  1267 + padding: 10px 10px 10px 22px;
  1268 + background: url(../../images/icon_catalog_18x18_01.png) no-repeat 0 50%;
  1269 + margin-left: 23px;
  1270 + z-index: 3;
  1271 + font-style: italic;
  1272 +}
  1273 +
  1274 +
  1275 +.faq a{
  1276 + position: absolute;
  1277 + top: 32px;
  1278 + left: 0;
  1279 + padding: 10px 10px 10px 22px;
  1280 + background: url(../../images/icon_faq_18x18_01.png) no-repeat 0 50%;
  1281 + margin-left: 23px;
  1282 + z-index: 3;
  1283 + font-style: italic;
  1284 +}
  1285 +
  1286 +
  1287 +/**/
  1288 +
  1289 +.min_price_message{
  1290 + font-size: 16px;
  1291 + color: red !important;
  1292 + float: left;
  1293 + margin-left: 20px;
  1294 +}
  1295 +
  1296 +.popup_window_content .min_price_message{
  1297 + font-size: 14px;
  1298 + color: red !important;
  1299 + float: left;
  1300 +}
  1301 +.navbar .site_search {
  1302 + position: absolute !important;
  1303 + top: 70px !important;
955 1304 }
956 1305 \ No newline at end of file
... ...
www/css/landing_pages/basket.min.css 0 → 100644
  1 +@font-face{font-family:'MarkerFelt';src:url(/fonts/10062.ttf)}@font-face{font-family:Lato;font-weight:900;font-style:normal;src:url(/fonts/Lato-Black.ttf)}@font-face{font-family:Lato;font-weight:900;font-style:italic;src:url(/fonts/Lato-BlackItalic.ttf)}@font-face{font-family:Lato;font-weight:700;font-style:normal;src:url(/fonts/Lato-Bold.ttf)}@font-face{font-family:Lato;font-weight:700;font-style:italic;src:url(/fonts/Lato-BoldItalic.ttf)}@font-face{font-family:Lato;font-weight:400;font-style:normal;src:url(/fonts/Lato-Regular.ttf)}@font-face{font-family:Lato;font-weight:400;font-style:italic;src:url(/fonts/Lato-Italic.ttf)}@font-face{font-family:Lato;font-weight:300;font-style:normal;src:url(/fonts/Lato-Light.ttf)}@font-face{font-family:Lato;font-weight:300;font-style:italic;src:url(/fonts/Lato-LightItalic.ttf)}@font-face{font-family:Lato-SemiboldItalic;font-weight:100;font-style:italic;src:url(/fonts/Lato-SemiboldItalic.ttf)}@font-face{font-family:Lato;font-weight:100;font-style:normal;src:url(/fonts/Lato-Thin.ttf)}@font-face{font-family:Lato;font-weight:100;font-style:italic;src:url(/fonts/Lato-ThinItalic.ttf)}*{font-family:Lato}.popup_window{max-height:570px !important}img{max-width:100%}#block_1{background-image:url(/images/basket/1.jpg);background-size:cover;padding:50px 0 0 0;overflow:hidden;background-position:center;color:#fff}#block_1 .h2,#block_1 .h3{font-family:MarkerFelt}#block_1 .h2{background-repeat:no-repeat;height:91px;background-position-x:31px;background-position-y:18px}#block_1 .col-md-5.text-center{margin-bottom:50px}.buttom_in_head>div{padding:10px 40px;box-shadow:#000 0 0 3px 0;margin:2px}.second_buttom{background-color:#f7931e}.first_buttom{background-color:#6cb33f;margin-bottom:9px !important}.buttom_in_head{border:#fff 3px dashed;padding:3px;max-width:354px;margin:0 auto}#block_2{border-top:2px #f7931e dashed;margin-top:9px;padding:39px 0 48px 0}div.big_numb{font-family:Lato;color:#f7931e;font-weight:700;display:table-cell;padding:18px}.line_in_2_block{display:table-row}.line_in_2_block p{display:table-cell;margin:0;padding:10px 0 !important;vertical-align:middle;font-size:18px;font-style:italic;color:#4d4d4d;text-align:justify}.line_in_2_block p span{color:#6cb33f}#block_3{background-image:url(/images/basket/2.jpg);background-size:contain;background-repeat:no-repeat;padding-bottom:50px}#block_3 .name_b.h4{margin:30px 0 20px 0}.col-md-4.basket.text-center{margin-top:120px}.name_b{font-family:MarkerFelt !important;color:#f7931e !important;padding:15px 0 9px 0;text-transform:uppercase}.basket .name_b{border:2px #f7931e dashed}.basket img{max-width:100%}.small_buttom{color:#fff !important;font-size:20px !important;font-weight:300 !important;height:35px;padding:2px 10px 7px 10px !important;border-radius:0 !important}.small_buttom:hover{color:#fff !important;text-decoration:none;cursor:pointer}.small_buttom.buy{font-style:normal}.basket a:nth-child(2n){float:left}.basket a:nth-child(2n+1){float:right}.small_buttom.green{background-color:#6cb33f}.small_buttom.orange{background-color:#f7931e}#block_4{background-image:url(/images/basket/2_2_2.jpg);background-size:cover;padding:60px 0;margin-top:50px}#block_4>.container,#block_7 div.container{border:2px #fff dashed;padding:10px}#block_4>.container>div{background-color:rgba(255,255,255,0.9);overflow:hidden;padding:3% 6% 3% 1%}#block_7 div.container>div{background-color:rgba(255,255,255,0.9);overflow:hidden}#block_4 a{padding-left:20px !important;padding-right:20px !important;max-width:145px;margin:0 auto}#block_4 .col-sm-7 .h4{font-family:MarkerFelt;color:#fff;background-color:#f7931e;display:inline-block;padding:15px 29px 8px 29px;margin-bottom:30px;text-transform:uppercase}#block_4 p{padding:10px;border:2px #f7931e dashed;line-height:33px;color:#4d4d4d}.h2_line{font-family:MarkerFelt !important;color:#4d4d4d !important;font-weight:100;border-bottom:2px #f7931e dashed;margin-bottom:71px;margin-top:-30px}.h2_line>.h2{position:relative;top:48px;background-color:#fff;display:inline-block;padding:20px 35px}.h2_two_lite>.h2{top:62px !important}.h2_two_lite{margin-bottom:70px}#block_5 .item{text-align:center;margin-top:50px}#block_5 .item>p{margin-top:20px;display:block;font-weight:300;color:#4d4d4d !important;font-size:19px}#block_6,#block_8{background-color:#fcf3eb;padding:60px 0}#block_6 label,#block_6 .label{color:#4d4d4d !important;font-weight:600;line-height:34px;padding-left:52px;min-height:39px;display:inline-block;text-align:left;padding-top:0;background-position-y:2px;margin:15px;white-space:inherit}#block_6 .label{background-image:url(/images/basket/bg_input.png);background-repeat:no-repeat}#block_6 .label span{font-style:italic}#block_6 .label>input{display:none}#block_6 .label:hover{background-image:url(/images/basket/bg_input_hover.png)}#block_6 input[type=text],#block_6 input[type=email]{background:none !important;border:0;border-bottom:2px #f7931e dashed;box-shadow:none;border-radius:0}#block_7{background-image:url(/images/basket/3.jpg);padding:4% 0;background-size:cover;background-position:center}#block_7 p{color:#fff;margin-top:20px;font-style:italic;font-weight:700;font-size:16px}#block_7 input{background:0;border-radius:0;margin:30px 0}#block_7 button{margin:30px 0}#block_7 input:focus{border-color:#f7931e;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,147,30,0.56);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,147,30,0.48)}#block_8{min-height:300px}.carousel-control{background-position-y:75px !important}.panel-footer{background-color:#67b73e !important;color:#fff;padding:40px 0 !important}.footer_table span{border-right:1px #fff solid;padding:0 27px 0 41px;float:left;color:#fff}.footer_table{overflow:hidden;color:#fff}.panel-footer .container{color:#fff}.soc_link a{width:50px;height:50px;background-size:50px 50px;display:inline-block;margin:0 8px}.soc_link .vk{background-image:url(/images/basket/vk_1.png)}.soc_link .vk:hover{background-image:url(/images/basket/vk.png)}.soc_link .yt{background-image:url(/images/basket/YouTube_1.png)}.soc_link .yt:hover{background-image:url(/images/basket/YouTube.png)}.soc_link .fb{background-image:url(/images/basket/facebook_1.png)}.soc_link .fb:hover{background-image:url(/images/basket/facebook.png)}.carousel-control.right{background-image:url(/images/basket/right.png) !important;background-position:center;background-repeat:no-repeat !important}.carousel-control.left{background-image:url(/images/basket/left.png) !important;background-position:center;background-repeat:no-repeat !important}.carousel-control.right:hover{background-image:url(/images/basket/right_hover.png) !important}.carousel-control.left:hover{background-image:url(/images/basket/left_hover.png) !important}.text_comment{background-image:url(/images/basket/bg_comment.png);background-repeat:no-repeat;text-indent:40px;text-align:justify;color:#4d4d4d;font-size:16px;font-weight:400;line-height:25px}.person_info{font-weight:700;font-style:italic;text-indent:0;margin-top:13px;text-align:left}.carousel-inner.text-center.container.col-md-8{padding:0}label.h3>div{margin:22px 0}#form_thanks span{color:#f7931e}#form_thanks{display:none;min-height:258px}@media all and (max-width:767px){.footer_table span{padding:3px 0 !important;width:100%;border:0;text-align:center;float:none;display:block}.footer_table img{float:none !important;margin:0 auto !important}.footer_table{text-align:center}.form_line_radius span{width:100% !important;display:block}.soc_link{float:none !important;margin:20px auto 0 auto}}@media screen and (max-width:900px){a.carousel-control{width:51px}.text_comment{padding:0 51px !important;background-position-x:51px}}*{margin:0;padding:0}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,tr{margin:0;padding:0;letter-spacing:normal}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}caption,th{text-align:left}q:before,q:after{content:''}:focus{outline:0}abbr,acronym{border:0}html,body{height:100%}header,nav,section,article,aside,footer{display:block;margin:0;padding:0}img{border:0;width:auto}input{vertical-align:middle}ol,ul{margin:0;padding:0;list-style:none}ul li{margin:0;padding:0}a{color:#4a4a4a;text-decoration:underline;display:block}a:hover{color:#4a4a4a;text-decoration:underline}.clearfix:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}body{font:normal 12px/14px Arial,Tahoma,sans-serif;color:#4a4a4a}.float{display:inline;float:left}.last{margin-right:0 !important;padding-right:0 !important}.display_none{display:none !important}.display_block{display:block !important}.inner{width:960px;margin:0 auto}.not_exist{cursor:default;opacity:.3;-moz-opacity:.3;-khtml-opacity:.3}#wrapper{min-height:100%;height:auto !important;height:100%;margin:0 auto -5em}.beta{width:960px;overflow:hidden;margin:0 auto;padding:10px 0 0;font-size:20px;line-height:20px;text-align:center}.beta a{display:inline;color:#009aff}#header{background:#fff;background:-moz-linear-gradient(top,#fff 0,#ececec 100%,#ececec 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#ececec),color-stop(100%,#ececec));background:-webkit-linear-gradient(top,#fff 0,#ececec 100%,#ececec 100%);background:-o-linear-gradient(top,#fff 0,#ececec 100%,#ececec 100%);background:-ms-linear-gradient(top,#fff 0,#ececec 100%,#ececec 100%);background:linear-gradient(to bottom,#fff 0,#ececec 100%,#ececec 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ececec',GradientType=0);position:relative}.columns3{margin:10px 0}.columns3.first_column{width:320px}.columns3.second_column{width:375px}.columns3.third_column{width:265px;position:relative}.switch_lang{margin:5px 0 10px 0}.switch_lang div{padding:0 10px 0 20px}.switch_lang div.ru{background:url(../../images/ru_flag.gif) no-repeat 0 50%;color:#55a727}.switch_lang div{color:#55a727}.switch_lang div a.active,.switch_lang div a:hover{color:#55a727}.contact_phones,.contact_mob_phones{font:normal 17px/20px Arial,Tahoma,sans-serif !important;padding:2px 0 2px 20px !important}.contact_phones a,.contact_mob_phones a{display:inline}.contact_phones{background:url(../../images/tel.png) no-repeat 0 50%}.contact_mob_phones{background:url(../../images/mob.png) no-repeat 1% 50%}span.small_digits{font-size:15px !important}.callback{font-style:italic;margin:5px 0 0 0}.logo{margin:10px 0 10px 0}.menu_cabinet{padding:10px 10px 10px 20px}.basket{padding:10px 10px 10px 23px}.compare_wrapper{min-height:35px;position:relative}header .navbar .compare_wrapper{display:inline-block}.compare{padding:5px 0 15px 20px;margin:0 0 0 120px}header .compare{margin:10px 0 0 20px}.compare_wrapper .compare_list{position:absolute;top:0;right:0;padding:0 10px 10px 10px;background:#f5f5f5;border:2px solid #267f00;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;z-index:9991;font:normal 12px/20px Arial,Tahoma,sans-serif;display:none}header .compare_wrapper .compare_list a,header .compare_wrapper .compare_list a:hover{color:#4a4a4a;text-decoration:underline}header .compare_wrapper .compare_list .compare a,header .compare_wrapper .compare_list .compare a:hover{text-decoration:none}.compare_wrapper .compare_list .compare{margin:0;padding:1px 0 5px 20px}.compare_wrapper .compare_list .compare a{text-decoration:none}.compare_wrapper .compare_list ul li{font:normal 12px/20px Arial,Tahoma,sans-serif;padding:2px 0}.compare_wrapper .compare_list ul li a{margin:0 5px 0 0}.basket .active{color:#f58025}.basket_number{padding:7px 0 10px 0}.basket_number a,.basket_number a:hover{text-decoration:none;color:#fff;background:#67b73e;padding:2px 5px;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;webkit-box-shadow:inset 2px 1px 10px 0 #417e24;-moz-box-shadow:inset 2px 1px 10px 0 #417e24;box-shadow:inset 2px 1px 10px 0 #417e24}#header .columns3 .menu_cabinet{background:url(../../images/cabinet.png) no-repeat 0 50%}#header .columns3 .basket{background:url(../../images/basket.png) no-repeat 0 50%}#header .columns3 .compare,header .compare_wrapper .compare{background:url(../../images/ico_comparison.png) no-repeat 0 25%}#header .columns3 .site_search,header .site_search input{position:relative}#header .columns3 input,.cat_center .site_search input,header .site_search input{width:250px;margin:0;padding:7px 5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:0;-moz-box-shadow:inset 1px 1px 1px 0 #d0d0d0;-webkit-box-shadow:inset 1px 1px 1px 0 #d0d0d0;box-shadow:inset 1px 1px 1px 0 #d0d0d0}#header .columns3 label,.cat_center .site_search label,header .site_search label{position:absolute;top:7px;right:7px}header .site_search label{top:12px;right:12px}#header .columns3 .site_search.active .search_result_wrapper,#header .columns3 .site_search:active .search_result_wrapper,.cat_center .site_search.active .search_result_wrapper,header .site_search.nav-search .search_result_wrapper{position:absolute;z-index:9999;background:#ececec;width:260px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:2px solid #4fa32c;-webkit-box-shadow:0 0 5px 0 rgba(50,50,50,0.75);-moz-box-shadow:0 0 5px 0 rgba(50,50,50,0.75);box-shadow:0 0 5px 0 rgba(50,50,50,0.75)}header .site_search.nav-search .search_result_wrapper{position:static}#header .columns3 .site_search.active .search_result_wrapper .search_result_display,header .site_search.nav-search.active .search_result_wrapper .search_result_display{display:block}#header .columns3 .site_search .search_result_wrapper .search_result_display,header .site_search.nav-search .search_result_wrapper .search_result_display{display:none}#header .columns3 .site_search .search_result_wrapper li,header .site_search.nav-search .search_result_wrapper li{border-bottom:1px solid #c4c4c4;margin:15px;padding:0 0 10px 0}#header .columns3 .site_search .search_result_wrapper li img,header .site_search.nav-search .search_result_wrapper li img{width:100px;margin:5px;-webkit-box-shadow:0 0 5px 0 rgba(50,50,50,0.75);-moz-box-shadow:0 0 5px 0 rgba(50,50,50,0.75);box-shadow:0 0 5px 0 rgba(50,50,50,0.75);float:left}#header .columns3 .site_search .search_result_wrapper li p,header .site_search.nav-search .search_result_wrapper li p{margin:0 0 0 80px;font:normal 13px/15px Arial,Tahoma,sans-serif;color:#f58025}#header .columns3 .site_search .search_result_wrapper li p span,header .site_search.nav-search .search_result_wrapper li p span{font:bold 20px/22px Arial,Tahoma,sans-serif;color:#f58025}#header .columns3 .site_search .search_result_wrapper li a.search_result_title,header .site_search.nav-search .search_result_wrapper li a.search_result_title{font:bold 14px/20px Arial,Tahoma,sans-serif;margin:0 0 0 80px;text-decoration:none}#header .columns3 .site_search .search_result_wrapper .all_search_result,header .site_search.nav-search .search_result_wrapper .all_search_result{font:italic 12px/15px Arial,Tahoma,sans-serif;text-decoration:underline;margin:0 15px 5px 15px}#header .columns3 .site_search .search_result_wrapper .no_search_result,header .site_search.nav-search .search_result_wrapper .no_search_result{font:italic 12px/15px Arial,Tahoma,sans-serif;margin:5px}#header_nav{position:relative;height:20px}#header_nav ul{border:3px solid #ececec;height:35px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#67b73e;position:absolute;z-index:999}#header_nav ul li{display:inline;float:left;background:#67b73e;border-left:1px solid #55a727 !important}.header_nav_1_{width:50px !important}.header_nav_2_{width:100px !important}.header_nav_3_{width:145px !important}.header_nav_4_{width:175px !important}.header_nav_5_{width:135px !important}.header_nav_6_{width:167px !important}.header_nav_7_{width:103px !important}.header_nav_8_{width:60px !important}#header_nav ul li:hover,#header_nav ul li.active{background:#55a727}#header_nav ul li.left_radius{border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px}#header_nav ul li.right_radius{border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0}#header_nav ul li a{text-transform:uppercase;text-decoration:none;color:#fff;font:bold 12px/15px Arial,Tahoma,sans-serif;text-align:center;padding:10px 1.3pc;float:left;white-space:nowrap}#content{display:block}#content_nav{background:url(../../images/pattern.png)}#content_nav h2{font-size:15px;text-transform:uppercase;margin:20px 0 0 0}h2.types_logo_1{color:#4fa32c}h2.types_logo_2{color:#bb4648}h2.types_logo_3{color:#f58025}h2.types_logo_4{color:#378a92}h2.types_logo_5{color:#db0565}h2.types_logo_6{color:#935927}h2.types_logo_479{color:#b1873f}#content_nav .content_nav_first_floor{padding:40px 0 15px 0;margin:0 0 20px 0;border-bottom:1px solid #cdcdcd}#content_nav .content_nav_first_floor .content_nav_logo{padding:0 40px 0 0;width:150px}#content_nav .content_nav_logo a{text-decoration:none}#content_nav .content_nav_first_floor .content_nav_items{column-count:4;-moz-column-count:4;-webkit-column-count:4;column-width:180px;-moz-column-width:180px;-webkit-column-width:180px}#content_nav .content_nav_first_floor .content_nav_items a,.content_nav_items a{font-size:13px;line-height:21px;font-style:italic;width:160px}.content_nav_items a:hover{color:#f36d00}.content_nav_second_floor .float{padding:0 40px 20px 0;width:150px}.shadow_to_top{background:url(../../images/shadow.png) no-repeat center center;height:22px;text-align:center;overflow:hidden}.content_items .title{background:url(../../images/line.gif) 100% 85% repeat-x}.content_items .title .items_title{font:bold 20px/24px Arial,Tahoma,sans-serif;color:#f36d00}.content_items .title .float{background:#fff}.content_items .title .content_arrow_left,.content_items .title .content_arrow_right{margin:4px 6px}.content_items .title .content_items_page{margin:4px 0}.content_items .title .content_arrow_left{width:10px;height:18px;background:url(../../images/content_arrow_left.png) no-repeat}.content_items .title .content_arrow_left:hover{width:10px;height:18px;background:url(../../images/content_arrow_left_hover.png) no-repeat}.content_items .title .content_arrow_right{width:10px;height:18px;background:url(../../images/content_arrow_right.png) no-repeat}.content_items .title .content_arrow_right:hover{width:10px;height:18px;background:url(../../images/content_arrow_right_hover.png) no-repeat}.content_items .title .content_items_page{font:normal 13px/16px Arial,Tahoma,sans-serif;color:#4a4a4a}.align_bottom{position:absolute;bottom:0;width:90%}.items .one_item{width:165px;min-height:331px;height:331px;margin:20px 33px 45px 0;text-align:center;position:relative}.subcategory .items .one_item,.search .items .one_item{min-height:410px;width:175px;margin:20px 95px 45px 0}.subcategory_list .items .one_item{min-height:230px;width:100%;margin:20px 0 20px 0}.subcategory_list .items .one_item .one_item_image{margin:0 0 10px 18px;float:left}.subcategory_list .items .one_item .align_bottom{position:absolute;text-align:left;bottom:0;left:200px}.subcategory_list .items .one_item .align_bottom .one_item_buttons{text-align:center;margin:0;float:left;display:inline}.subcategory_list .items .one_item .align_bottom .one_item_compare{float:left;display:inline;margin:15px 0 0 10px}.subcategory_list .items .one_item .one_item_title,.subcategory_list .items .one_item .one_item_description{text-align:left}.subcategory_list .items .one_item .one_item_title{margin:0 0 15px 200px}.subcategory_list .items .one_item .one_item_description{display:none}.subcategory_list .items .one_item .one_item_content_description{display:block;text-align:left;font:normal 13px/16px Arial,Tahoma,sans-serif;margin:0 0 0 200px}.one_item_description{overflow:hidden;height:30px}.items .one_item .new_top{margin:0 0 0 23px;min-height:18px}.items .one_item .new_top div{margin:0 3px 0 0}.items .one_item .one_item_image{margin:0 auto 10px auto;display:inline-block;position1:relative;overflow:hidden;min-width:128px;max-width:175px;height:200px;-webkit-box-shadow:0 0 15px 0 rgba(50,50,50,0.75);-moz-box-shadow:0 0 15px 0 rgba(50,50,50,0.75);box-shadow:0 0 15px 0 rgba(50,50,50,0.75)}.one_item_description{font:normal 12px/14px Arial,Tahoma,sans-serif;margin:5px 0 0 0}.one_item_content_description{display:none}.items .one_item .one_item_title a{text-decoration:none}.items .one_item .one_item_title a h3{font:bold 16px/20px Arial,Tahoma,sans-serif;color:#464646}.items .one_item .one_item_price{font:normal 13px/15px Arial,Tahoma,sans-serif;color:#f58025}.items .one_item .one_item_price span{font:bold 20px/22px Arial,Tahoma,sans-serif;color:#f58025}.items .one_item .one_item_buttons{width:80px;margin:10px}.not_available{cursor:default;text-decoration:none;display:inline-block}.not_available:hover{text-decoration:none}.one_item_compare label{text-decoration:underline;cursor:pointer}.one_item_compare label:hover{text-decoration:underline;cursor:pointer;color:#f36d00}.w25{width:25px}.w30{width:30px}.w35{width:35px}.w66{width:66px}.w75{width:75px}.w82{width:82px}.w85{width:85px}.w90{width:90px}.w100{width:100px}.w120{width:120px}.w147{width:147px}.w170{width:170px}.w184{width:184px}.w199{width:199px}.w200{width:200px}.w205{width:205px}.w210{width:210px}.w232{width:232.5px}.bold18{font-size:18px;font-weight:bold}input[type="number"]{background-color:#f5f5f5;border:0;width:29px;height:18px;padding:4px 6px;border:1px solid #e0e0e0;border-radius:4px;text-align:center;-moz-box-shadow:inset 2px 2px 8px #dfdfdf;-webkit-box-shadow:inset 2px 2px 8px #dfdfdf;box-shadow:inset 2px 2px 8px #dfdfdf}.clear{clear:both}.popup{font-family:Calibri,Tahoma,Arial,sans-serif;background-color:#d9dade;color:#333;position:fixed;z-index:99999;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}.popup_window{background-color:white;z-index:9999;margin-left:auto;margin-right:auto;min-width:300px;text-align:center;margin-top:7%;max-height:530px;position:relative;-moz-box-shadow:0 0 16px rgba(0,0,0,0.7);-webkit-box-shadow:0 0 16px rgba(0,0,0,0.7);box-shadow:0 0 16px rgba(0,0,0,0.7)}.popup_close_button{width:40px;height:40px;position:absolute;top:0;right:0;background:#f5f5f5 url("../../images/close.png") center center no-repeat;cursor:pointer}.popup_window_content{padding:40px}.summary_price{background-color:#f5f5f5;width:100%;text-align:right;color:#5c5c5c;font-weight:bold;font-family:Calibri;padding-top:9px;padding-bottom:12px}.summary_price .price{font-weight:normal;font-size:16px}.summary_price span{font-weight:bold;font-size:22px}.summary_price .text{font-size:16px;padding-right:75px}.popup_footer{text-align:right;margin-top:42px;margin-bottom:-7px}.green_but2{background-color:#4fa32c;color:#fff;border-radius:3px;font-weight:bold;text-decoration:none;font-size:13px;font-family:Calibri;padding:5px 13px 8px 13px}.popup_window a{display:inline}.cont_shop_but,#help{font-size:13px;color:#555;padding-right:25px;padding-left:25px}h4{font-size:24px;color:#464646;text-align:left;margin:0;padding:0}.basket_block_header{display:table;border-bottom:1px solid #cdcdcd;line-height:1}.basket_block_header div{display:table-cell;vertical-align:bottom;font-size:16px;font-weight:bold;font-family:Calibri;color:#7d7d7d;padding:15px 20px 12px}.basket_block_content{max-height:270px;width:940px}.basket_block_content.overflow{overflow-y:auto}.basket_element_name{display:table-cell;vertical-align:middle;width:300px;text-align:left;padding:15px 10px 15px 15px}.basket_element{border-bottom:1px solid #cdcdcd;padding-left:5px}.basket_element:last-child{border:0}.picture_element{float:left;-moz-box-shadow:0 0 5px rgba(0,0,0,0.7);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.7);box-shadow:0 0 5px rgba(0,0,0,0.7);margin-right:15px}.title_element{font-weight:bold;font-size:18px;padding:15px;line-height:1}.title_element .subtitle_element{font-size:13px;font-weight:normal;margin-top:8px;opacity:0}.basket_element_prepack{display:table-cell;vertical-align:middle;width:195px;padding-right:18px;position:relative}.basket_element_priceone{display:table-cell;vertical-align:middle;padding-right:25px}.basket_element_pricenum{display:table-cell;vertical-align:middle;padding-right:20px;padding-left:10px}.basket_element_priceall{display:table-cell;vertical-align:middle;padding-left:30px}.basket_element_delete{display:table-cell;vertical-align:middle;padding-left:12px}.basket_element_delete a{background:url("../../images/delete_grey.png");display:table-cell;vertical-align:middle;width:16px;height:16px;cursor:pointer}.basket_element_delete a:hover{background:url("../../images/delete.png")}.basket_element_priceone .price span{font-size:22px}.basket_element_priceall .price span{font-size:22px}.del_but_right{margin-right:-33px;float:right}.prepacks_table{display:table;vertical-align:bottom}.prepacks_table_cell{display:table-cell;line-height:.9;font-size:11px;width:20px;vertical-align:bottom;padding:3px}.prepacks_table_cell_elem{border:1px solid #e0e0e0;padding-left:5px;padding-right:5px;padding-bottom:3px;cursor:pointer;color:#5c5c5c}.prepacks_table_cell_elem:before{content:'';border:1px solid #e0e0e0;width:15px;height:1px;display:-webkit-inline-box;border-radius:1px}.prepacks_table_cell_elem.min{width:17px;padding-top:2px}.prepacks_table_cell_elem.two{width:22px;padding-top:4px}.prepacks_table_cell_elem.premax{width:23px;padding-top:4px}.prepacks_table_cell_elem.max{width:27px;padding-top:4px}.prepacks_table_cell_elem.min:before{margin-bottom:3px}.prepacks_table_cell_elem.two:before{margin-bottom:6px}.prepacks_table_cell_elem.premax:before{margin-bottom:10px}.prepacks_table_cell_elem.max:before{margin-bottom:5px}.prepacks_table_cell_elem.actived{border:1px solid #4fa32c}.prepacks_table_cell_elem.actived:before{border:1px solid #4fa32c}.align_bottom{position:relative}.items .one_item .one_item_buttons a{display:inline;margin:3px}.items .one_item .one_item_buttons,.compare_items_table .compare_one_item .one_item_buttons{width:120%;margin-top:15px;margin-bottom:15px;margin-left:-10px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.file_download_link_{position:relative}.file_download_link_ a{padding:10px 10px 10px 22px;background:url(../../images/icon_catalog_18x18_01.png) no-repeat 0 50%;margin-left:23px;z-index:3;font-style:italic}.faq a{position:absolute;top:32px;left:0;padding:10px 10px 10px 22px;background:url(../../images/icon_faq_18x18_01.png) no-repeat 0 50%;margin-left:23px;z-index:3;font-style:italic}.min_price_message{font-size:16px;color:red !important;float:left;margin-left:20px}.popup_window_content .min_price_message{font-size:14px;color:red !important;float:left}.navbar .site_search{position:absolute !important;top:70px !important}
0 2 \ No newline at end of file
... ...
www/js/landing_pages/basket.js 0 → 100644
  1 +var str = location.href;
  2 +var tag = str.split('#')[1];
  3 +if(tag == "b1"){
  4 + $("#block_4").show();
  5 + $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
  6 + $("#basket_1").show();
  7 +}
  8 +if(tag == "b2"){
  9 + $("#block_4").show();
  10 + $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
  11 + $("#basket_2").show();
  12 +}
  13 +if(tag == "b3"){
  14 + $("#block_4").show();
  15 + $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
  16 + $("#basket_3").show();
  17 +}
  18 +
  19 +function status_api(){
  20 + $("#form_voting").hide();
  21 + $("#form_thanks").show();
  22 + //console.log($value);
  23 +}
  24 +function status_api_identification() {
  25 + $("#form_identification_token").hide();
  26 + $("#form_identification_token_thank").show();
  27 +}
  28 +$("#block_6 label").click(function(e){
  29 + if($(this).children("input").is(':checked')){
  30 + $(this).css("background-image","url(/images/basket/bg_input_click.png)");
  31 + }
  32 + else
  33 + $(this).css("background-image","");
  34 +});
  35 +$("#basket_b_1").click(function (e) {
  36 + $("#block_4").show();
  37 + $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
  38 + $("#block_4 > .container>div").hide();
  39 + $("#basket_1").show();
  40 +});
  41 +$("#basket_b_2").click(function (e) {
  42 + $("#block_4").show();
  43 + $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
  44 + $("#block_4 > .container>div").hide();
  45 + $("#basket_2").show();
  46 +});
  47 +$("#basket_b_3").click(function (e) {
  48 + $("#block_4").show();
  49 + $('html, body').animate({ scrollTop: $("#block_4").offset().top }, 500);
  50 + $("#block_4 > .container>div").hide();
  51 + $("#basket_3").show();
  52 +});
... ...
www/js/landing_pages/basket.min.js 0 → 100644
  1 +var str=location.href;var tag=str.split("#")[1];if(tag=="b1"){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#basket_1").show()}if(tag=="b2"){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#basket_2").show()}if(tag=="b3"){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#basket_3").show()}function status_api(){$("#form_voting").hide();$("#form_thanks").show()}function status_api_identification(){$("#form_identification_token").hide();$("#form_identification_token_thank").show()}$("#block_6 label").click(function(a){if($(this).children("input").is(":checked")){$(this).css("background-image","url(/images/basket/bg_input_click.png)")}else{$(this).css("background-image","")}});$("#basket_b_1").click(function(a){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#block_4 > .container>div").hide();$("#basket_1").show()});$("#basket_b_2").click(function(a){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#block_4 > .container>div").hide();$("#basket_2").show()});$("#basket_b_3").click(function(a){$("#block_4").show();$("html, body").animate({scrollTop:$("#block_4").offset().top},500);$("#block_4 > .container>div").hide();$("#basket_3").show()});
0 2 \ No newline at end of file
... ...