Administrator / new_rukzachok-1

Blame view

frontend/web/css/style.css 30.5 KB
Edit Raw Normal View History
7ba4acc5   Administrator   after marge 
1
 
  html,form,
05b655e5   Виталий   Веталь 
2
 
  body { padding:0;margin:0;
c0bb48b5   Виталий   Веталь 
3
 
      font-family: 'Roboto';font-size:14px;color:#1d1d1b;height:100%;
7ba4acc5   Administrator   after marge 
4
5
6
7
8
9
10
 
  }

  h1,h2,h3{margin:0px;padding:0px 0px 10px 0px;}

  .fl{float:left;}

  .fotter .wrap .fr{float:right; width: 180px; height: 50px;  position: relative;}

  .fotter .wrap .fr img{position: absolute; top: 50%; margin-top: -10px; right: 0;}

  .fotter .wrap .fl {line-height: 50px;}

  .both{clear:both;}
05b655e5   Виталий   Веталь 
11
 
  h1{margin:10px 0;font-size:24px;}
7ba4acc5   Administrator   after marge 
12
13
 
  h3{margin-bottom:30px;}

  p{margin:3px 0px;padding:0px;}
3f2bc3d0   Administrator   first commit 
14
7ba4acc5   Administrator   after marge 
15
16
 
  a{color:#6a6a6a;font-size:14px;text-decoration:underline;}

  a:hover{color:#799920;}
3f2bc3d0   Administrator   first commit 
17
7ba4acc5   Administrator   after marge 
18
19
 
  .wrap {

      width:960px;margin:0px auto;
055ecc3b   Karnovsky A   Karnovsky 11052016 
20
 
  }
7ba4acc5   Administrator   after marge 
21
 
  .f{background: #ffffff;}
3f2bc3d0   Administrator   first commit 
22
7ba4acc5   Administrator   after marge 
23
 
  .br{-webkit-box-shadow: -1px 5px 14px 0px rgba(50, 46, 50, 0.46);
05b655e5   Виталий   Веталь 
24
25
26
 
      -moz-box-shadow:    -1px 5px 14px 0px rgba(50, 46, 50, 0.46);

      box-shadow:         -1px 5px 14px 0px rgba(50, 46, 50, 0.46);

      padding:20px;}
3f2bc3d0   Administrator   first commit 
27
7ba4acc5   Administrator   after marge 
28
29
30
31
 
  nav.top{background:#f5f5f5;padding:10px 0px;border-bottom:1px solid #d2d2d2;font-size:12px;}

  nav.top    ul{list-style:none;margin:0px;padding:0px;}

  nav.top ul li{float:left;padding-right:20px;}

  nav.top a{color:#6a6a6a;text-decoration:none;}
3f2bc3d0   Administrator   first commit 
32
7ba4acc5   Administrator   after marge 
33
34
 
  #help{background:url('../img/help.png') right no-repeat;padding-right:20px;}

  #help span{border-bottom:1px dotted #6a6a6a;}
3f2bc3d0   Administrator   first commit 
35
7ba4acc5   Administrator   after marge 
36
37
 
  #login{background:url('../img/login.png') right no-repeat;padding-right:20px;}

  #login span{border-bottom:1px dotted #6a6a6a;}
3f2bc3d0   Administrator   first commit 
38
7ba4acc5   Administrator   after marge 
39
40
41
 
  .search{margin:-5px 0px -5px 100px;float:left;}

  nav input[type="text"]{width:325px;outline:0;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0px 5px 0px;font-size:14px;text-indent:10px;}

  nav input[type="submit"]{width:35px;height:29px;border:none;background:url('../img/lupa_sub.png') center no-repeat;margin-left:-35px;cursor:pointer;}
3f2bc3d0   Administrator   first commit 
42
3f2bc3d0   Administrator   first commit 
43
3f2bc3d0   Administrator   first commit 
44
7ba4acc5   Administrator   after marge 
45
 
  .header{margin:0px 0px 20px;}
3f2bc3d0   Administrator   first commit 
46
7ba4acc5   Administrator   after marge 
47
48
49
50
51
52
 
  .phone{float:left;position:relative;text-align:center;margin-top:20px;}

  .phone .tel{font-size:23px;}

  .phone .tel span.more{margin-bottom: 3px}

  .more_block{background:#ffffff;border:1px solid #d2d2d2;padding:10px;position:absolute;font-size:20px;display:none;z-index:99;}

  

  .more{background:url('../img/more.png') no-repeat;width:12px;height:7px;display:inline-block;cursor:pointer;margin-bottom:5px;}
3f2bc3d0   Administrator   first commit 
53
550eac02   Administrator   second 
54
7ba4acc5   Administrator   after marge 
55
56
57
 
  .logo{margin:0px auto 0px;width:193px;}

  .logo a{display:block;width:193px;height:84px;background:url('../img/logo.png') no-repeat;}

  .logo a span{display:none;}
550eac02   Administrator   second 
58
7ba4acc5   Administrator   after marge 
59
 
  #call{color:#6a6a6a;text-decoration:none;border-bottom:1px dotted #6a6a6a;}
550eac02   Administrator   second 
60
7ba4acc5   Administrator   after marge 
61
62
63
64
65
66
 
  .basket{float:right;position:relative;border:1px solid #d2d2d2;border-radius:5px;padding:15px 20px;font-size:18px;text-transform: uppercase;margin-top:13px;}

  .basket .info{float:left;border-right:1px solid #d2d2d2;padding-right:10px;margin-right:17px;}

  .basket .info span{color:#f75d50;font-size:22px;}

  .basket a:link,.basket a:visited{text-decoration:none;color:#000000;font-size:18px;}

  

  .basket span.more {margin-bottom: -1px}
05b655e5   Виталий   Веталь 
67
68
69
70
 
  .menu{

      background:#596065;

      /*border:1px solid #e8e8e8;*/

  }
7ba4acc5   Administrator   after marge 
71
 
  .menu ul{margin:0px;padding:0px;list-style:none;}
a66c29a8   Виталий   Веталь 
72
 
  .menu ul li{float:left;border-left:1px solid #8b9094; height: 43px;}
05b655e5   Виталий   Веталь 
73
 
  .menu ul li:first-child{border-left:none;}
a66c29a8   Виталий   Веталь 
74
 
  .menu ul li a{width: 100%; height:100%;line-height:43px;float:left;box-sizing:border-box; padding:0 21px;text-transform: uppercase;color:#ffffff;font-size:15px;text-decoration: none;font-weight: 600;}
7ba4acc5   Administrator   after marge 
75
76
 
  .menu ul li a:hover{color:#e5e4e4;}

  .menu ul li.active a{background:#f5f5f5;color:#596065;}
a66c29a8   Виталий   Веталь 
77
 
  .menu ul li.active a:hover{cursor: default;}
7ba4acc5   Administrator   after marge 
78
79
80
81
82
83
84
85
86
 
  

  .menu_childs{background:#f5f5f5;border:1px solid #e8e8e8;border-bottom:2px solid #596065;}

  .menu_childs ul{margin:0px;padding:0px;list-style:none;}

  .menu_childs ul li{float:left;}

  .menu_childs ul li a{float:left;padding:15px 23px 15px 23px;text-transform: uppercase;color:#596065;font-size:14px;font-weight:bold;text-decoration: none;}

  .menu_childs ul li a:hover{color:#878b8e;}

  

  .fr ul li{border:none;}

  .akciya a{background:#f75d50;color:#ffffff;}
05b655e5   Виталий   Веталь 
87
 
  .brands a{background:#95ba2f;color:#ffffff;}
7ba4acc5   Administrator   after marge 
88
89
90
91
92
93
 
  

  a.myorders{color:#f75d50}

  

  .sub{margin:2px 0px 0px 0px;}

  .sub img{float:left;margin-right:2px;}
4f020609   Виталий   Веталь 
94
 
  .rubrics{margin:60px 0 0 0;padding-bottom:27px;}
7ba4acc5   Administrator   after marge 
95
96
97
 
  .rubrics ul{list-style:none;margin:0px;padding:0px;}

  .rubrics ul li{float:left;margin:0px 35px;}

  .rubrics ul li a{float:left;width:120px;padding-top:130px;text-align:center;text-transform: uppercase;color:#494949;text-decoration:none;font-weight:bold;}
88b0d016   Виталий   Веталь 
98
99
100
101
102
 
  .rubrics ul li.item_ryukzaki a{background:url('../img/ico1.png') no-repeat;}

  .rubrics ul li.item_sumki a{background:url('../img/ico2.png') no-repeat;}

  .rubrics ul li.item_chehly a{background:url('../img/ico3.png') no-repeat;}

  .rubrics ul li.item_nesessery a{background:url('../img/ico4.png') no-repeat;}

  .rubrics ul li.item_koshelki a{background:url('../img/ico5.png') no-repeat;}
7ba4acc5   Administrator   after marge 
103
104
4f020609   Виталий   Веталь 
105
106
107
108
 
  .products{padding-bottom:30px;padding-top:20px;}

  .why_me_, .products {

      border-top: 1px solid #d2d2d2;

  }
7ba4acc5   Administrator   after marge 
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
 
  .products ul{list-style:none;margin:0px;padding:0px;}

  .products ul li.item{float:left;width:160px;margin:0px 35px 15px;text-align:center;position:relative;}

  .products ul li a.name{display:block;color:#494949;text-decoration:none;margin:15px 0px;height:30px;text-transform: uppercase;}

  .products ul li .info{text-align: left;}

  .pn{border:none;}

  

  .cost{color:#f75d50;font-size:20px;margin:0px;padding:0px;}

  .cost span.valute{font-size:16px;}

  strike{font-size:18px;}

  

  a.link_buy{display:block;margin:10px auto;width:122px;height:38px;line-height:38px;background:url('../img/buy.png') no-repeat;text-transform: uppercase;color:#ffffff;text-decoration:none;font-weight:bold;text-align:center;}

  

  .mycarousel{position:absolute;right:-34px;top:-20px;}

  ul.mycarousel{list-style:none;margin:0px;padding:0px;}

  ul.mycarousel li{margin:0px;padding:0px;}

  .mycarousel img{border:1px solid #d2d2d2;}

  

  h3{text-align:center;text-transform: uppercase;font-size:20px;}

  h2.why{width:213px;height:49px;background:url('../img/logo-why.png') no-repeat;margin:0px auto; padding: 0 0 20px 0;}

  h2.why span{display:none;}

  

  ul.why_list{list-style:none;margin:0px;padding:0px;}
abdb9b69   Виталий   Веталь 
131
 
  ul.why_list li{float:left;margin-left:58px; width: 288px; height:96px;box-sizing: border-box;padding-left: 110px;}
7ba4acc5   Administrator   after marge 
132
 
  ul.why_list li span{font-weight:bold;color:#799920;}
4f020609   Виталий   Веталь 
133
134
135
136
137
138
 
  ul.why_list li.item1{background:url('../img/why_item1.png') left no-repeat;}

  ul.why_list li.item2{background:url('../img/why_item2.png') left no-repeat;}

  ul.why_list li.item3{background:url('../img/why_item3.png') left no-repeat;}

  ul.why_list li.item4{background:url('../img/why_item4.png') left no-repeat;}

  ul.why_list li.item5{background:url('../img/why_item5.png') left no-repeat;}

  ul.why_list li.item6{background:url('../img/why_item6.png') left no-repeat;}
7ba4acc5   Administrator   after marge 
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
 
  

  .banner_akciya{margin:50px 0px;}

  

  .bottom{background:#4d5458;padding:40px 0px;color:#ffffff;}

  .bottom .leftbar{float:left;width:210px; }

  .bottom ul{list-style:none;margin:0px;padding:0px;line-height: 23px;}

  .bottom ul a{color:#ffffff;font-size:16px;text-decoration:none;}

  .bottom ul a:hover{color:#799920;}

  

  .phones{padding-left:25px;background:url('../img/phone.png') left top no-repeat;margin-top:50px;line-height: 23px;}

  .map{padding:5px 0px 5px 25px;background:url('../img/map.png') left no-repeat; margin-bottom: 7px;}

  a.more_map{color:#99a5ad;border-bottom:1px dotted #99a5ad;text-decoration:none;font-size:11px;text-align:center;}

  

  .bread-crumbs{padding:10px 0px 10px 20px;border-bottom:1px solid #d2d2d2;}

  .bread-crumbs ul{list-style:none;margin:0px 0px 0px 0px;padding:0px;}

  .bread-crumbs ul li{float:left;padding-right:5px;}

  .bread-crumbs ul li a:visited,.bread-crumbs ul li a:link{font-size:14px;color:#7d7d7d;text-decoration:underline;}

  .bread-crumbs ul li a:hover{color:#464646;text-decoration: none;}

  .breadcrumb > li + li:before {

      color: #ccc;

      content: "/ ";

      padding: 0 5px;

  }

  

  

  .loyout{padding:20px 0px;}

  .leftbar{float:left;width:200px; }

  .rightbar{float:right;width:380px;margin-left:35px;}

  .rightbar2{float:right;width:320px;}

  .content {overflow:hidden;min-height:500px;}

  * html .content{height:1%;}

  .content2 {overflow:hidden;}

  * html .content2{height:1%;}

  

  .filters{border-top:1px solid #d2d2d2;padding:20px 0px 0px;margin-top:20px;}

  .filters .begin{text-transform: uppercase;font-weight:bold;}

  .filters ul{list-style:none;margin:0px;padding:0px;line-height:22px;}

  .filters ul li a{color:#8fa951;text-decoration:none;}

  .filters ul li a:hover{text-decoration:underline;}

  

  .productLeftBar{float:left;width:230px;padding-left:20px;margin-right:20px;}

  .productRightBar{float:right;width:280px;margin-left:20px;}

  .productLeftBar h1{font-size:27px;border-bottom:1px solid #d2d2d2;margin-bottom:10px;}

  

  ul.product_mod{list-style:none;margin:10px 0px 0px 0px;padding:0px;}

  ul.product_mod li{float:left;margin-right:7px;}

  ul.product_mod li img{border:1px solid #d2d2d2;}

  

  ul.product_colors{list-style:none;margin:10px 0px 0px 0px;padding:0px;}

  ul.product_colors li{float:left;margin-right:7px;}

  ul.product_colors li img{border:1px solid #d2d2d2;}

  .productLeftBar .begin{text-transform: uppercase;font-weight:bold;}

  

  .cost_box{border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;margin:10px 0px;padding:10px 0px;}

  .cost_box .w{float:left;margin-right:20px;padding-top:5px;}

  

  .product_service ul{list-style:none;margin:0px;padding:0px;}

  .product_service ul li a{color:#799920;text-decoration:none;border-bottom:1px dotted #799920;font-size:12px;}

  .product_service ul li.item1{background:url('../img/li1.png') left no-repeat;padding:3px 23px;}

  .product_service ul li.item2{background:url('../img/li2.png') left no-repeat;padding:3px 23px;}

  .product_service ul li.item3{background:url('../img/li3.png') left no-repeat;padding:3px 23px;}

  

  #nav_product{list-style:none;margin:0px;padding:0px;line-height:23px;}

  #nav_product li a{background:url('../img/li_plus.png') left no-repeat;padding:3px 15px;color:#000000;text-transform: uppercase;text-decoration:none;font-weight:bold;}

  #nav_product li a.active{background:url('../img/li_minus.png') left no-repeat;}

  #nav_product li .info{display:none;border-bottom:1px solid #d2d2d2;padding:10px 0px;margin-bottom:10px;}

  

  

  .modal_box{
05b655e5   Виталий   Веталь 
208
209
210
211
212
213
214
215
216
217
218
219
220
 
      position: fixed;

      left: 0;

      top: 0;

      width: 100%;

      height: 100%;

      z-index: 999;

  

      background: #000;

      filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/

      -moz-opacity: 0.5; /* Mozilla 1.6 и ниже */

      -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */

      opacity: 0.5;
7ba4acc5   Administrator   after marge 
221
222
 
  }

  #data_box{position:absolute;top:100px;z-index:1000;width:400px;background:#ffffff;
05b655e5   Виталий   Веталь 
223
224
225
226
227
 
      -webkit-box-shadow: 0 0 15px #000;

      -moz-box-shadow: 0 0 15px #000;

      box-shadow: 0 0 15px #000;

      border:7px solid #1b9bb6;

      border-radius:5px;
7ba4acc5   Administrator   after marge 
228
229
230
231
232
233
234
235
236
237
238
239
 
  }

  #data_box  .data_wrp{padding:25px 15px 15px 15px;}

  #data_box  .data_wrp h1{text-transform: uppercase;}

  #data_box  .data_wrp hr{height: 1px;border: none;color: #000000;background: #000000;margin: 45px 0px 20px 0px;}

  #data_box  .data_wrp hr.hr{height: 1px;border: none;color: #000000;background: #000000;margin: 20px 0px 20px 0px;}

  #data_box  .pic-tango{margin-right:7px;margin-bottom:7px;}

  #modal_close{cursor:pointer;margin-top:-80px;margin-right:-50px;}

  

  

  .rightbar .control-label{float:left;width:80px;padding-top:5px;}

  .form-control{outline:0;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0px 5px 0px;font-size:14px;text-indent:10px;margin-bottom:3px;width:250px;}

  .form-control:focus {
05b655e5   Виталий   Веталь 
240
241
242
243
 
      border:#1b9bb6 1px solid;

      box-shadow: 0 0 10px #1b9bb6;

      -webkit-box-shadow: 0 0 10px #1b9bb6;

      -moz-box-shadow: 0 0 10px #1b9bb6;
7ba4acc5   Administrator   after marge 
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
 
  }

  .help-block{color:red;font-size:12px;margin-bottom:5px;}

  

  .basket_item{padding:10px 0px;border-bottom:1px solid #b7b7b7;}

  .basket_item img{margin-right:20px;}

  .basket_item .count{margin:20px 0px;}

  .basket_item  .fr{margin-top:5px;}

  .basket_item .info{overflow:hidden;}

  a.del:visited,a.del:link{background:url('../img/del.png') left center no-repeat;padding:2px 25px;font-size:12px;font-weight:normal;color:#787878;text-decoration: underline;}

  a.del:hover{color:#a52828;text-decoration: underline;}

  

  .total{text-align:right;color:#87476a;font-size:20px;margin:10px 0px;}

  

  .submit4{margin-top:5px;border:none;padding:8px 13px;background:#95ba2f;border-radius:5px;color:#ffffff;text-transform: uppercase;text-decoration:none;font-size:14px;font-weight:bold;cursor:pointer;}

  .submit4:hover{background:#f75d50;}

  

  .submit4m{border:none;padding:8px 13px;background:#95ba2f;border-radius:5px;color:#ffffff;text-transform: uppercase;text-decoration:none;font-size:12px;font-weight:bold;cursor:pointer;}

  .submit4m:hover{background:#f75d50;}

  

  .btn-primary{margin-top:5px;border:none;padding:8px 13px;background:#95ba2f;border-radius:5px;color:#ffffff;text-transform: uppercase;text-decoration:none;font-size:14px;font-weight:bold;cursor:pointer;}

  .btn-primary:hover{background:#f75d50;}

  

  a.logout:visited,a.logout:link{border:none;padding:3px 5px;background:#f75d50;border-radius:5px;color:#ffffff;text-transform: uppercase;text-decoration:none;font-size:11px;font-weight:normal;cursor:pointer;}

  a.logout:hover{background:#95ba2f;}

  

  .boy_box{border-bottom:1px solid #b7b7b7;padding:0px 0px 15px 0px;}

  .boy_box div{padding-top:10px;}

  

  .content_product .info{padding:0px 0px 20px 0px;}

  

  a.btn-success{display:inline-block;border:2px solid #d8d6d6;color:#95ba2f;border-radius:5px;padding:5px;margin-bottom:10px;text-decoration:none;font-size:14px;}

  a.btn-success:hover{border:#95ba2f 2px solid;color:#f75d50;}
550eac02   Administrator   second 
276
550eac02   Administrator   second 
277
7ba4acc5   Administrator   after marge 
278
279
280
 
  .txtb1{font-size:14px;font-weight:bold;}

  .txtf{font-size:14px;font-weight:bold;color:#87476a;}

  .txtfb{font-size:20px;font-weight:bold;color:#87476a;}
550eac02   Administrator   second 
281
7ba4acc5   Administrator   after marge 
282
283
 
  .count{margin:20px 0px;}

  .count input[type="number"]{outline:0;width:50px;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0px 5px 0px;font-size:14px;text-indent:10px;margin-bottom:7px;}
3f2bc3d0   Administrator   first commit 
284
7ba4acc5   Administrator   after marge 
285
286
 
  a.link2:visited,a.link2:link{font-size:14px;font-weight:bold;color:#95ba2f;text-decoration: none;}

  a.link2:hover{color:#f75d50;text-decoration: underline;}
3f2bc3d0   Administrator   first commit 
287
3f2bc3d0   Administrator   first commit 
288
3f2bc3d0   Administrator   first commit 
289
7ba4acc5   Administrator   after marge 
290
291
292
293
294
295
296
297
298
299
300
 
  .well{margin:50px auto;width:400px;background:#f5f5f5;border:1px solid #e8e8e8;padding:20px;border-radius:5px;}

  .control-label{float:left;width:100px;padding-top:5px;}

  #user-verifycode-image{display:block;}

  .form-inline{display:inline;}

  .form-inline .form-group{float:left;margin-right:10px;}

  .form-inline .form-group select{width:100px;}

  .form-group{margin-bottom: 10px;}

  .table-bordered{width:100%;border:1px solid silver;}

  .table-bordered th{background: #B3D1FD;padding:5px;}

  .table-bordered tr td{border:1px solid silver;padding:5px;}

  .table-bordered .filters{display: none;}
550eac02   Administrator   second 
301
7ba4acc5   Administrator   after marge 
302
 
  .formCost label{float:left;width:30px;}
550eac02   Administrator   second 
303
7ba4acc5   Administrator   after marge 
304
305
 
  ul.brends_list{list-style: none;margin:0px;padding:0px;}

  ul.brends_list li{float:left;text-align:center;margin:0px 15px 20px 15px;}
550eac02   Administrator   second 
306
7ba4acc5   Administrator   after marge 
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
 
  .compare{text-align: center;}

  .compare a:visited,.compare a:link{font-size:12px;text-decoration: underline;}

  

  .alert-success{margin:10px 0px;padding:10px;border:1px solid #3ed824;border-radius: 5px;background: #c0feb5;}

  

  .news_item{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid silver;}

  .news_item img{margin-right:20px;}

  .news_item a{font-size:16px;}

  

  .pic{margin-right:20px;}

  

  #subscribe-sale{width:100px;float:left;margin-right:20px;}

  .saletxt{width:150px;float:left;color:#ffffff;}

  #subscribe-email{width:390px;}

  

  .txts{color:#9da9b1;font-size:18px;margin-bottom:20px;}

  

  .content ul.pagination{list-style:none;text-align:center;}

  .content ul.pagination li{display:inline;}

  .content ul.pagination li a{padding:3px;color:#82a02f;font-size: 16px;margin:0px; text-decoration: none;  }

  .content ul.pagination li a:hover {text-decoration: underline}

  .content ul.pagination li.active a{color: #333333;}

  .boxitem{height:300px;}

  ul.social {margin-top: 20px;}

  .social{list-style: none;margin: 10px;padding: 0px;height:48px;}

  .social li{display:inline-block;margin-right:7px;padding-bottom: 10px;}

  .social li a{

      width:36px;

      height:36px;

      display:block;

      margin:0;padding:0;

      text-indent:-9999px;

      background:#bcbcbc url(../img/social-ico-two.png) no-repeat 0 0;

      border-radius:48px;

      -moz-border-radius:48px;

      -webkit-border-radius:48px;

      -webkit-transition: all 0.5s ease-out;

      -moz-transition: all 0.5s ease-out;

      transition: all 0.5s ease-out;
055ecc3b   Karnovsky A   Karnovsky 11052016 
346
 
  }
7ba4acc5   Administrator   after marge 
347
 
  .social .fb{background-position:-44px 0;
05b655e5   Виталий   Веталь 
348
 
      cursor: pointer;
055ecc3b   Karnovsky A   Karnovsky 11052016 
349
 
  }
7ba4acc5   Administrator   after marge 
350
 
  .social .vk{
05b655e5   Виталий   Веталь 
351
 
      cursor: pointer;
055ecc3b   Karnovsky A   Karnovsky 11052016 
352
 
  }
7ba4acc5   Administrator   after marge 
353
354
 
  .social .vk:hover{background-color:#5B7FA6;}

  .social .fb:hover{background-color:#354f89;
055ecc3b   Karnovsky A   Karnovsky 11052016 
355
 
  }
7ba4acc5   Administrator   after marge 
356
 
  .social .gp{background-position:-132px 0;
05b655e5   Виталий   Веталь 
357
 
      cursor: pointer;}
7ba4acc5   Administrator   after marge 
358
359
 
  .social .gp:hover{background-color:#c72f21;}

  .social .tw{background-position:-144px 0;
05b655e5   Виталий   Веталь 
360
 
      cursor: pointer;}
7ba4acc5   Administrator   after marge 
361
362
 
  .social .tw:hover{background-color:#6398c9;}

  .social .ok{background-position:-89px 0;
05b655e5   Виталий   Веталь 
363
 
      cursor: pointer;}
7ba4acc5   Administrator   after marge 
364
365
366
 
  .social .ok:hover{background-color:#f88f15;}

  .social ul li a:hover{

      background-color:#065baa;
055ecc3b   Karnovsky A   Karnovsky 11052016 
367
 
  }
550eac02   Administrator   second 
368
7ba4acc5   Administrator   after marge 
369
370
 
  .socialbox{margin:10px 0px;}

  .hide{display:none;}
3f2bc3d0   Administrator   first commit 
371
3f2bc3d0   Administrator   first commit 
372
3f2bc3d0   Administrator   first commit 
373
7ba4acc5   Administrator   after marge 
374
375
 
  .fotter{background: #484f55;height: 50px;color:#98a3ab;}

  .fotter a{color:#98a3ab; line-height: 50px; float: left;}
3f2bc3d0   Administrator   first commit 
376
3f2bc3d0   Administrator   first commit 
377
7ba4acc5   Administrator   after marge 
378
379
380
 
  .view_products2{list-style: none;overflow:auto;height:400px;}

  .view_products2 img{float:left;margin-right:20px;}

  .view_products2 li{margin:10px 0px;}
3f2bc3d0   Administrator   first commit 
381
3f2bc3d0   Administrator   first commit 
382
7ba4acc5   Administrator   after marge 
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
 
  .pixbox{width:134px;height:200px;overflow: hidden;text-align: center;}

  

  

  .form-order{background:#f5f5f5;padding:10px;border:1px solid #d2d2d2;}

  #order-payment{float:right;width:280px;}

  #order-delivery{float:right;width:280px;}

  

  .delivery-data{padding:5px;border:1px solid #1bb631;background: #b7f5bf;display:none;border-radius: 5px;}

  

  .jcarousel-next-disabled, .jcarousel-prev-disabled {display: none !important;}

  .content2 br {display: none;}

  .pixbox a {

      width: 134px;

      height: 200px;

      display: table-cell;

      vertical-align: middle;
055ecc3b   Karnovsky A   Karnovsky 11052016 
399
 
  }
7ba4acc5   Administrator   after marge 
400
401
402
403
 
  .pixbox img {

      max-width: 134px;

      max-height: 200px;

      vertical-align: middle;
055ecc3b   Karnovsky A   Karnovsky 11052016 
404
 
  }
7ba4acc5   Administrator   after marge 
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
 
  .pagination li.prev.disabled span {

      padding: 9px;

      border-radius: 10%;

      color: #4D5458;

      font-size: 14px;

      margin: 0px;

      border: 1px solid #4d5458;

  }

  .fr {float: right;}

  

  .nobottom{border-bottom:none !important;}

  

  .dotted a{border-bottom: 1px dotted #808080;}

  

  .mycabinet{padding-left:20px;margin-top:20px;}

  .mycabinet .begin{text-transform:uppercase;font-size: 13px;font-weight:bold;    padding-bottom:15px;}

  .mycabinet ul{margin:0px;padding:0px;list-style:none;}

  .mycabinet ul li{padding-top:10px;padding-bottom:10px;}

  .mycabinet a{color:#799920;text-decoration:none;}

  

  .lay_title .uppercase{text-transform:uppercase;}

  .lay_title .center{text-align:center;}

  .lay_title{padding-top:15px;font-size:24px;}

  

  .user_data{width:390px;border-right:1px solid #d2d2d2;float:left;}

  .user_data .col{padding-bottom:35px;}

  .user_data .col.last{padding-bottom:0px;}

  .user_data .title{text-transform:uppercase;font-weight:bold;width:170px;float:left;font-size:13px;}

  .user_data .data{float:left;font-size:13px;}

  

  .edit_menu{float:left;padding-left:60px;font-size:13px;}

  .edit_menu div{padding-bottom:20px;}

  .edit_menu a{color:#799920;text-decoration:none;}

  .edit_menu .dotted{border-bottom:1px dotted #799920;}

  

  .user_edit_area{padding-top:30px;}

  

  /* part two */

  

  .user_data_editing{float:left;}

  .inputs .col{padding-bottom:12px !important;}

  .user_data_editing .col{padding-bottom:35px; width:432px;}

  .user_data_editing .title{text-transform:uppercase;font-weight:bold;width:170px;float:left;font-size:13px;}

  .user_data_editing .data{float:left;font-size:13px; width:262px;}

  

  .user_data_editing input[type="text"] {

      padding:0;

      margin:0;

      border:1px solid #d2d2d2;

      padding-top:7px;

      padding-bottom:7px;

      padding-left:10px;

      padding-right:10px;

      border-radius:4px;

      font-size:12px;

      margin-top:-10px;

      width: 240px;
055ecc3b   Karnovsky A   Karnovsky 11052016 
462
 
  }
3f2bc3d0   Administrator   first commit 
463
7ba4acc5   Administrator   after marge 
464
465
 
  .user_data_editing .add {color:#799920; text-decoration:none;border-bottom:1px dotted #799920;}

  .add_more{padding-bottom:24px; padding-left:170px;}
550eac02   Administrator   second 
466
7ba4acc5   Administrator   after marge 
467
468
 
  .delete{float:right;}

  .delete_button{background: url('../img/ico_close.png') right no-repeat; width:16px;height:16px;float:right;}
550eac02   Administrator   second 
469
7ba4acc5   Administrator   after marge 
470
 
  .content_area{width:450px;}
550eac02   Administrator   second 
471
7ba4acc5   Administrator   after marge 
472
473
474
 
  .bottom3{border-top:3px solid #95ba2f !important;border-bottom:3px solid #799920 !important; float:left;font-size:15px;}

  .bottom3:hover{border-top:3px solid #f75d50 !important;border-bottom:3px solid #c33327 !important;}

  #cancel{text-decoration:none;color:#799920;font-size:13px;border-bottom:1px dotted #799920;float:left;margin-left:40px;}
550eac02   Administrator   second 
475
7ba4acc5   Administrator   after marge 
476
477
478
 
  .buttons{

      display: inline-flex;

      align-items: center;}
550eac02   Administrator   second 
479
7ba4acc5   Administrator   after marge 
480
 
  /* part three */
550eac02   Administrator   second 
481
7ba4acc5   Administrator   after marge 
482
483
484
485
 
  .favorites{background-color:#f5f5f5; padding:5px;font-size:14px;}

  .favorites .fav_point{background-color:#ffffff;border:1px solid #d2d2d2;border-radius:3px;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px; margin-top:5px;}

  .favorites .fav_point .left{float:left; padding-right:0; width:178px;}

  .favorites .fav_point .right{float:right; padding-right:0; padding-left:0;}
3f2bc3d0   Administrator   first commit 
486
7ba4acc5   Administrator   after marge 
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
 
  .favorites .link{color:#799920; text-decoration:none;border-bottom:1px dotted #799920;}

  

  .redtext{color:#f75d50;}

  .greentext{color:#95ba2f;}

  

  /* part three one */

  .hold  .orders_view{display:none !important;}

  .orders_view{width:680px;margin-top:13px;padding-top:13px;padding-bottom:5px;border-top:1px solid #d2d2d2;display:block;}

  .orders_view .order{float:left;width:225px;text-align:center;}

  .orders_view .order .order_price{color:#f75d50;font-weight:bold;font-size:15px;}

  .orders_view .order .order_price span{font-size:24px;}

  .orders_view .order img{padding-bottom:22px;}

  .orders_view .order .note{font-size:13px;}

  .orders_view .order .note span{color:#f75d50;}

  

  .basket_hovered{

      position:absolute;

      border:1px solid #d2d2d2;border-radius:5px;padding:15px 20px;

      background-color:white;

      right:-1px;

      margin-top:10px;

      width:640px;

      display:none;

      z-index:1111;
055ecc3b   Karnovsky A   Karnovsky 11052016 
511
 
  }
7ba4acc5   Administrator   after marge 
512
513
514
515
 
  

  

  .open .basket_hovered{

      display:block;
055ecc3b   Karnovsky A   Karnovsky 11052016 
516
 
  }
7ba4acc5   Administrator   after marge 
517
518
519
520
521
 
  

  .open, .open .basket_hovered {

      -moz-box-shadow: 0px 0px 5px rgba(149,149,149,0.75);

      -webkit-box-shadow: 0px 0px 5px rgba(149,149,149,0.75);

      box-shadow: 0px 0px 5px rgba(149,149,149,0.75);
055ecc3b   Karnovsky A   Karnovsky 11052016 
522
 
  }
7ba4acc5   Administrator   after marge 
523
524
525
526
527
528
529
530
531
 
  .basket_hovered1:before{

      position:absolute;

      left:0;

      content:' ';

      width:100%;

      background-color:white;

      height:10px;

      top:45px;

      z-index:1112;
055ecc3b   Karnovsky A   Karnovsky 11052016 
532
 
  }
550eac02   Administrator   second 
533
7ba4acc5   Administrator   after marge 
534
535
536
537
538
539
540
541
542
 
  .basket_item input{

      border: 1px solid #d2d2d2;

      border-radius: 4px;

      padding:9px;

      width:26px;

      font-size:18px;

      font-weight:bold;

      text-align:center;

      background-color:white;
055ecc3b   Karnovsky A   Karnovsky 11052016 
543
 
      color: black;
7ba4acc5   Administrator   after marge 
544
 
      margin:7px;
055ecc3b   Karnovsky A   Karnovsky 11052016 
545
 
  }
7ba4acc5   Administrator   after marge 
546
547
548
 
  input[type=number]::-webkit-inner-spin-button,

  input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;

      margin:0;}
550eac02   Administrator   second 
549
3f2bc3d0   Administrator   first commit 
550
7ba4acc5   Administrator   after marge 
551
552
553
554
555
556
557
558
559
560
561
562
563
564
 
  .minus{background:url('../img/minus.png') no-repeat;width:15px;height:15px;display:inline-block;cursor:pointer;}

  .plus{background:url('../img/plus.png') no-repeat;width:15px;height:15px;display:inline-block;cursor:pointer;}

  

  .basket_sum{padding-top:15px;}

  

  .basket_sum .sum_text{font-size:15px; text-transform:none;padding-top:12px;float: right !important;padding-top: 1px;margin-bottom: 11px;}

  .basket_sum .sum_text span{font-size:18px; color:#f75d50; font-weight:bold;}

  .basket_sum a{color:white !important; font-size:15px !important; float:right;}

  

  

  .black{z-index:9999; width:100%;height:100%;position:absolute;display:block;padding-top:6%;}

  .black:before {

      content: '';

      background-color: rgba(0,0,0,0.5);
055ecc3b   Karnovsky A   Karnovsky 11052016 
565
566
567
 
      width: 100%;

      height: 100%;

      position: fixed;
7ba4acc5   Administrator   after marge 
568
 
      top: 0;
055ecc3b   Karnovsky A   Karnovsky 11052016 
569
 
  }
7ba4acc5   Administrator   after marge 
570
571
 
  .black.hidden{display:none;}

  .black .item_added_win{background-color:#ffffff;width:640px; margin:auto;position:relative;}
3f2bc3d0   Administrator   first commit 
572
7ba4acc5   Administrator   after marge 
573
 
  .black_close{position:absolute; top:30px;right:30px;background:url('../img/ico_close2.png') no-repeat;width:22px;height:22px;display:inline-block;cursor:pointer;}
3f2bc3d0   Administrator   first commit 
574
7ba4acc5   Administrator   after marge 
575
576
 
  .block_content{padding-left:20px;padding-right:20px;}

  .item_added_win h2{text-transform:uppercase;text-align:center;padding:30px;}
3f2bc3d0   Administrator   first commit 
577
7ba4acc5   Administrator   after marge 
578
 
  .block_content .item{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #d2d2d2;}
3f2bc3d0   Administrator   first commit 
579
7ba4acc5   Administrator   after marge 
580
 
  .uppercase{text-transform:uppercase;}
3f2bc3d0   Administrator   first commit 
581
7ba4acc5   Administrator   after marge 
582
583
584
585
586
 
  .w230{width:230px;}

  .w260{width:260px;}

  .w430{width:430px;}

  .borderbottom{border-bottom:1px solid #d2d2d2;}

  .left_block .begin{text-transform:uppercase;font-size: 13px;font-weight:bold;    padding-bottom:15px;}
3f2bc3d0   Administrator   first commit 
587
7ba4acc5   Administrator   after marge 
588
589
590
591
592
593
 
  .color_variants .variant{

      text-align:center;

      border:1px solid #d2d2d2;

      float:left;

      margin-right:5px;

      margin-bottom:5px;
3f2bc3d0   Administrator   first commit 
594
 
  }
7ba4acc5   Administrator   after marge 
595
596
597
598
 
  .variant:hover{cursor:pointer;}

  .color_variants{margin-top:14px;margin-bottom:-5px;}

  .color_variants .variant.active{width:44px;height:44px;border:2px solid #95ba2f;}

  .color_variants .variant.active a{width:44px;height:44px;}
3f2bc3d0   Administrator   first commit 
599
7ba4acc5   Administrator   after marge 
600
601
 
  .tobasket{margin-top:20px;margin-bottom:20px;}

  .tobasket:hover{color:white;}
550eac02   Administrator   second 
602
7ba4acc5   Administrator   after marge 
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
 
  .variant{width:46px;height:46px;}

  .variant.active{width:44px;height:44px;}

  

  .layout{margin-top:15px;}

  .left_block{float:left;}

  .right_block{float:right;}

  .center_block{float:left;margin-left:23px;}

  

  .left_block .links{margin-top:25px;}

  

  .left_block .links li{list-style: none; padding-left:25px;display:inline-block;cursor:pointer;height:20px;}

  .left_block .links ul{margin:0;padding:0;}

  .left_block .links a{font-size:13.5px;text-decoration:none; color:#8ba73e;}

  

  

  .links .add_bookmarks{background:url('../img/ico_add_bookmark.png') no-repeat center left; }

  .links .what_price{background:url('../img/ico_price.png') no-repeat center left; }

  .links .add_compare{background:url('../img/ico_scales.png') no-repeat center left; }

  

  .spoiler_one{padding-top:15px;padding-bottom:15px;border-bottom:1px solid #d2d2d2;}

  .spoiler_one .spoiler_content{margin-top:15px;font-size:13px;}

  .spoiler_one .spoiler_content.hidden{display:none;}

  

  .title_spoiler:hover {cursor: pointer}

  

  .title_spoiler{

      background:url('../img/ico_open.png') no-repeat center left;

      padding-left: 17px;

      font-size:13px;

      text-transform:uppercase;

      color:#333333;

      font-weight:bold;

      text-decoration:none;

  }

  .title_spoiler.closed{

      background:url('../img/ico_close3.png') no-repeat center left;

  }

  

  .features{

      list-style:none;

      padding:0;

      margin:0;

      font-size:13px;

  }

  .features a{

      font-size:13px;

      text-decoration:none;

      border-bottom:1px dotted #8ba73e;

      color:#8ba73e;

  }

  .features li{

      padding-top:5px;

      padding-bottom:4px;

  }

  

  .note_prod{

      width:225px;

      height:23px;

      overflow:hidden;

      border-radius:5px;

      display:table;

      text-transform:uppercase;

      font-size:11px;

      font-weight:bold;

  }

  

  .note_prod .one{

      z-index:999;

  }

  .note_prod .two{

      z-index:998;

  }

  

  .note_prod .blue{

      float:left;

      padding-top:5px;

      padding-bottom:5px;

      background-color:#42b9f6;

      padding-left:10px;

      padding-right:5px;

      position:relative;

  }

  

  .note_prod .blue:after{

      content:'';

      width: 0;

      height: 0;

      border-top: 13px solid transparent;

      border-left: 5px solid #42b9f6;

      border-bottom: 13px solid transparent;

      position:absolute;

      top:-1px;

      margin-left:5px;

  }

  .note_prod .red{

      float:left;

      padding-top:5px;

      padding-bottom:5px;

      background-color:#f75d50;

      padding-left:10px;

      padding-right:5px;

      position:relative;

      color:#ffffff;

  }

  .note_prod .red:after{

      content:'';

      width: 0;

      height: 0;

      border-top: 13px solid transparent;

      border-left: 5px solid #f75d50;

      border-bottom: 13px solid transparent;

      position:absolute;

      top:-1px;

      margin-left:5px;

  }

  .note_prod .yellow{

      float:left;

      padding-top:5px;

      padding-bottom:5px;

      background-color:#fbc665;

      padding-left:10px;

      padding-right:5px;

      position:relative;

  }

  .note_prod .yellow:after{

      content:'';

      width: 0;

      height: 0;

      border-top: 13px solid transparent;

      border-left: 5px solid #fbc665;

      border-bottom: 13px solid transparent;

      position:absolute;

      top:-1px;

      margin-left:5px;

  }

  

  

  .products_block .product{float:left; width:190px; vertical-align:bottom;}

  .product .image{height:225px;position:relative;}

  .product .image img{position:absolute;bottom:0;left:15px;}

  

  .price{

      font-size: 18px;

      color: #f75d50;

      font-weight: bold;

      text-align:center;}

  

  .product{padding-bottom:30px;position:relative;}

  .product p{font-size:15px; text-align:center; margin-top:15px;}

  .left52{margin-left:52px;}

  .product a{color:#ffffff;}

  .mrg1{margin-top: 25px; margin-bottom: 15px;}

  

  .products_martopbot{margin-top:60px;margin-bottom:100px;}

  

  .cont_shop_but{display:table-cell;vertical-align:middle;padding:35px;}

  .cont_shop{text-decoration:none;font-size:12px;border-bottom:1px dotted #799920;color:#799920;}

  

  .icons{

      width:45px;

      height:50%;

      position:absolute;

      z-index:9;

      right:0;

      padding-top:25px;

      padding-right:15px;

  }

  .icons a{

      width:44px;

      height:44px;
055ecc3b   Karnovsky A   Karnovsky 11052016 
773
 
      float: left;
7ba4acc5   Administrator   after marge 
774
775
776
 
      border: 1px solid #d2d2d2;

      margin-bottom: 5px;

      background-color: white;
3f2bc3d0   Administrator   first commit 
777
 
  }
7ba4acc5   Administrator   after marge 
778
 
  a:hover{cursor:pointer;}
3f2bc3d0   Administrator   first commit 
779
3f2bc3d0   Administrator   first commit 
780
7ba4acc5   Administrator   after marge 
781
782
783
784
785
786
787
788
789
790
791
 
  .basket_item .form-group{display:inline;}

  

  .basket.open:after{

      content: '';

      position: absolute;

      top: 43px;

      width: 100%;

      height: 10px;

      background-color: white;

      left: 0;

      z-index: 9990;
055ecc3b   Karnovsky A   Karnovsky 11052016 
792
 
  }
550eac02   Administrator   second 
793
7ba4acc5   Administrator   after marge 
794
 
  .basket_hovered .basket_sum{float:left;}
550eac02   Administrator   second 
795
7ba4acc5   Administrator   after marge 
796
797
798
799
800
801
802
803
804
805
806
 
  a.active{font-weight:bold;text-decoration: underline;}

  

  /*

      ==== BANNER ====

  */

  

  .HOME_RIGHT {

      display: inline-block;

      vertical-align: top;

      margin-left: 10px;

      position: absolute;
3f2bc3d0   Administrator   first commit 
807
808
 
  }
7ba4acc5   Administrator   after marge 
809
810
811
812
 
  #HOME_UNDER_SLIDER > div {

      display: inline-block;

      margin-right: 3px;

      margin-top: 3px;
6f7d5ebc   Виталий   Веталь 
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
 
  }

  

  .sort_block {

      display: inline-block;

  }

  .sort_block ul {

      display: inline-block;

      margin: 0;

      padding: 0;

  }

  .sort_block ul li {

      display: inline-block;

      margin: 0 0.5em;

      list-style: none;

  }

  .sort_block ul li a:after {

      display: inline-block;

      /*font-family: 'Glyphicons Halflings';*/

      font-style: normal;

      font-weight: normal;

      line-height: 1;

      -webkit-font-smoothing: antialiased;

  }

  .sort_block ul li a.asc:after {
05b655e5   Виталий   Веталь 
837
 
      content: "↓";
6f7d5ebc   Виталий   Веталь 
838
839
 
  }

  .sort_block ul li a.desc:after {
05b655e5   Виталий   Веталь 
840
 
      content: "↑";
fcf0bf72   Виталий   Веталь 
841
 
  }
faa7a541   Виталий   Веталь 
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
 
  /*************/

  .home_banner_up {margin-top: 20px;}

  .home_banner_up .HOME_RIGHT {

      display: block;

      float: right;

      position: static;

      margin-left: 0;

  }

  #HOME_SLIDER .jssorb03 div, #HOME_SLIDER .jssorb03 div:hover, #HOME_SLIDER .jssorb03 .av {

      width: 6px;

      height: 6px;

      border-radius: 50%;

      line-height: 6px;

      background: #fff;

      border: 2px solid #fff;

  }

  #HOME_SLIDER .jssorb03 .av {

      background: none;

  }

  #HOME_SLIDER .jssorb03 div.av:hover, #HOME_SLIDER .jssorb03 div.av:active {

      cursor: default;

      background: none;
4f020609   Виталий   Веталь 
864
865
866
867
868
869
870
871
872
873
 
  }

  .special-products {

      padding-top: 30px;

  }

  .special-products .link_buy {

      margin-bottom: 0;

  }

  .special-products .item {

      margin-bottom: 0 !important;

  }
abdb9b69   Виталий   Веталь 
874
875
 
  .why_me_ {padding-top: 30px; overflow: hidden;}

  .why_me_ .why_list {width: 1038px; margin-left: -58px}