madrahimov

Untitled

Apr 27th, 2015
349
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 151.91 KB | None | 0 0
  1. /*  -------------------------------------------------
  2.     Подключение нестандартынх шрифтов
  3.     ------------------------------------------------- */
  4. @font-face {
  5.     font-family: 'ArialBlackRegular';
  6.     src: url('fonts/arial-black.eot');
  7.     src: url('fonts/arial-black.eot') format('embedded-opentype'),
  8.          url('fonts/arial-black.woff') format('woff'),
  9.          url('fonts/arial-black.ttf') format('truetype');
  10. }
  11.  
  12. @font-face {
  13.     font-family: 'lucida_granderegular';
  14.     src: url('fonts/lucida-grande-webfont.eot');
  15.     src: url('fonts/lucida-grande-webfont.eot?#iefix') format('embedded-opentype'),
  16.          url('fonts/lucida-grande-webfont.woff') format('woff'),
  17.          url('fonts/lucida-grande-webfont.ttf') format('truetype');
  18.     font-weight: normal;
  19.     font-style: normal;
  20. }
  21.  
  22. @font-face {
  23.     font-family: 'lucida_grandebold';
  24.     src: url('fonts/lucida-grande-bold-webfont.eot');
  25.     src: url('fonts/lucida-grande-bold-webfont.eot?#iefix') format('embedded-opentype'),
  26.          url('fonts/lucida-grande-bold-webfont.woff') format('woff'),
  27.          url('fonts/lucida-grande-bold-webfont.ttf') format('truetype');
  28.     font-weight: normal;
  29.     font-style: normal;
  30. }
  31. /*  -------------------------------------------------
  32.     Базовые стили сайта | Base site styles
  33.     ------------------------------------------------- */
  34. html { height: 100%; }
  35. body {
  36.     font: normal normal 14px/17px  'lucida_granderegular', Verdana, sans-serif;
  37.     background: url(img/bg.jpg) 0 0 repeat;
  38.     color: #565655;
  39.     -webkit-text-size-adjust:100%;
  40.     position: relative;
  41.     overflow: hidden;
  42.     min-height: 100%;
  43.     min-width: 980px;
  44. }
  45. /*body:after {
  46.     content: '';
  47.     display: block;
  48.     width: 100%;
  49.     height: 462px;
  50. }*/
  51. a { color: #35a2fe; text-decoration:none; cursor:pointer; }
  52. a:hover { text-decoration: underline;}
  53. a.ajax-link {
  54.     text-decoration:none;
  55.     border-bottom:1px dashed;
  56. }
  57.  
  58. p { margin-bottom:15px; }
  59.  
  60. h1 { font: 29px/40px Georgia, Arial, sans-serif; text-shadow: 0 1px 3px #FFF, 1px 0 3px #FFF, -1px 0 3px #FFF, 0 -1px 3px #FFF, 0 2px 3px #FFF, 2px 0 3px #FFF, -2px 0 3px #FFF, 0 -2px 3px #FFF, 0 3px 3px #FFF, 3px 0 3px #FFF, -3px 0 3px #FFF, 0 -3px 3px #FFF; color: #ec2f60; }
  61. h2 { font: normal normal 24px/27px 'lucida_granderegular', Verdana, sans-serif; margin: 0 0 20px; }
  62. h3 { font: normal normal 18px/21px 'lucida_granderegular', Verdana, sans-serif; text-transform: uppercase; margin: 0 0 10px; color: #e5124c; }
  63. h4 { font: normal normal 14px/17px 'lucida_granderegular', Verdana, sans-serif; text-transform: uppercase; margin: 0 0 10px; color: #e5124c; }
  64. h5 {}
  65. h6 {}
  66.  
  67. input[type=text], input[type=password], input[type=email], input[type=number] {
  68.     border: 1px solid #7A7A7A;
  69.     color: #7a7a7a;
  70.     text-align: center;
  71.     border-radius: 30px;
  72.     padding: 5px 10px;
  73.     height: 33px;
  74.     font: normal normal 14px/23px  'lucida_granderegular', Verdana, sans-serif;
  75.     width: 100%;
  76.     box-sizing: border-box;
  77.     -moz-box-sizing: border-box;
  78.     -webkit-box-sizing: border-box;
  79. }
  80. input[type=number] {
  81.     width:130px;
  82. }
  83. textarea {
  84.     border-radius: 20px;
  85.     border: 1px solid #7A7A7A;
  86.     color: #7a7a7a;
  87.     padding: 10px;
  88.     text-indent: 30px;
  89.     font: normal normal 14px/17px  'lucida_granderegular', Verdana, sans-serif;
  90.     width: 100%;
  91.     resize: none;
  92.     box-sizing: border-box;
  93.     -moz-box-sizing: border-box;
  94.     -webkit-box-sizing: border-box;
  95. }
  96. input[type=submit], input[type=button] {
  97.     border:none;
  98.     width: 265px;
  99.     height: 33px;
  100.     color: #35a2fe;
  101.     border-radius: 30px;
  102.     background: #FFF;
  103.     box-shadow: 0.5px 1px 1.5px rgba(0, 0, 0, 0.2);
  104.     font: normal normal 14px/33px  'lucida_granderegular', Verdana, sans-serif;
  105. }
  106. input[type=file] {
  107.     position:absolute;
  108.     top:0;
  109.     left:0;
  110.     width:100%;
  111.     height:100%;
  112.     opacity:0;
  113.     filter:alpha(opacity = 0);
  114.     cursor: pointer;
  115. }
  116. .file-btn-wrap {
  117.     display: inline-block;
  118.     position: relative;
  119. }
  120. .file-btn {
  121.     display: block;
  122.     width: 176px;
  123.     padding: 0 5px;
  124.     height: 31px;
  125.     background: #E5124C;
  126.     color: #FFF;
  127.     text-align: center;
  128.     font-size: 12px;
  129.     line-height: 31px;
  130.     border-radius: 30px;
  131.     white-space: nowrap;
  132.     overflow: hidden;
  133.     -ms-text-overflow: ellipsis;
  134.     text-overflow: ellipsis;
  135.     cursor: pointer;
  136. }
  137. .file-btn:hover { text-decoration: none; }
  138. .no-boxshadow   .btn-disable,
  139. .no-boxshadow input[type=submit],
  140. .no-boxshadow  input[type=button] { border: 1px solid #EAEAEA; }
  141. .def-select {
  142.     width:111px;
  143.     height:33px;
  144.     text-align: center;
  145. }
  146.     select.def-select {
  147.         color: #7a7a7a;
  148.         border:0;
  149.         background:transparent;
  150.         display:inline-block;
  151.         text-align: center;
  152.         width:111px;
  153.         height:33px;
  154.         padding:0;
  155.         font: normal normal 14px/31px  'lucida_granderegular', Verdana, sans-serif;
  156.         margin:0;
  157.         cursor:pointer;
  158.     }
  159.     select.def-select option { font: normal normal 14px/24px  'lucida_granderegular', Verdana, sans-serif; }
  160.         .def-select .vis-sel {
  161.             display:block;
  162.             border: 1px solid #7A7A7A;
  163.             border-radius: 30px;
  164.             background:#fff;
  165.             margin:0;
  166.             height:31px;
  167.             padding:0 25px;
  168.         }
  169.         .def-select .vis-sel .vis-sel-inner { position: relative; width: 100%; }
  170.         .def-select .vis-sel .vis-sel-text {
  171.             display:block;
  172.             font: normal normal 14px/31px  'lucida_granderegular', Verdana, sans-serif;
  173.             color: #7a7a7a;
  174.             overflow: hidden;
  175.             white-space: nowrap;
  176.             -ms-text-overflow: ellipsis;
  177.             text-overflow: ellipsis;
  178.             /*background:url(img/arrow-select.png) 100% 14px no-repeat;*/
  179.             position: relative;
  180.         }
  181.         .def-select .vis-sel .vis-sel-inner:before,
  182.         .def-select .vis-sel .vis-sel-inner:after {
  183.             content: '';
  184.             width: 0;
  185.             height: 0;
  186.             position: absolute;
  187.             border: 3px solid transparent;
  188.             border-top: 3px solid #F6235D;
  189.             top: 14px;
  190.             right: -8px;
  191.         }
  192.         .def-select .vis-sel .vis-sel-inner:before {
  193.             border-top: 3px solid #FFF;
  194.             top: 13px;
  195.             z-index: 5;
  196.         }
  197. .info-box {
  198.     display: inline-block;
  199.     vertical-align: top;
  200.     margin: 0 0 0 5px;
  201.     width: 15px;
  202.     height: 15px;
  203.     position: relative;
  204. }
  205.     .info-box .info-box-ico {
  206.         display: block;
  207.         width: 20px;
  208.         height: 20px;
  209.         top: -3px;
  210.         cursor: pointer;
  211.         position: relative;
  212.         background: url(img/question.png) 0 0 no-repeat;
  213.     }
  214.     .info-box .info-box-ico.active:after {
  215.         content: '';
  216.         width: 12px;
  217.         height: 12px;
  218.         position: absolute;
  219.         top: -7px;
  220.         left: -5px;
  221.         z-index: 21;
  222.         background: url(img/sprite-ico.png) -85px -73px no-repeat;
  223.     }
  224.     .info-box .info-box-content {
  225.         display: none;
  226.         color: #7a7a7a;
  227.         position: absolute;
  228.         background: #FFF;
  229.         padding: 39px 42px 35px;
  230.         left: -75px;
  231.         top: -100px;
  232.         border-radius: 40px;
  233.         width: 441px;
  234.         box-shadow: 0 1px 1px rgba(0,0,0,0.17);
  235.         z-index: 20;
  236.         font-size: 14px;
  237.         line-height: 17px;
  238.     }
  239.     .no-boxshadow .info-box .info-box-content { border: 1px solid #EAEAEA; }
  240.     .info-box .info-box-close {
  241.         position: absolute;
  242.         width: 9px;
  243.         height: 9px;
  244.         right: 23px;
  245.         top: 17px;
  246.         background: url(img/sprite-ico.png) -90px -46px  no-repeat;
  247.     }
  248. input[type=radio],
  249. input[type=checkbox] {
  250.     opacity:0;
  251.     filter:alpha(opacity = 0);
  252.     width:17px;
  253.     height:17px;
  254.     margin:0 5px 0 0;
  255.     cursor:pointer;
  256.     position:absolute;
  257.     left:0;
  258. }
  259. label.radio,
  260. label.checkbox {
  261.     display:inline-block;
  262.     padding:0 0 0 35px;
  263.     position:relative;
  264.     color: #7a7a7a;
  265.     font: normal normal 14px/17px  'lucida_granderegular', Verdana, sans-serif;
  266. }
  267. label.radio:after,
  268. label.checkbox:after {
  269.     content: '';
  270.     position: absolute;
  271.     left: 10px;
  272.     top: 4px;
  273.     width: 8px;
  274.     height: 8px;
  275.     border-radius: 100%;
  276.     border: 1px solid #808080;
  277. }
  278.  
  279. label.radio.large,
  280. label.checkbox.large {
  281.     padding:5px 0 0 35px;
  282. }
  283.  
  284. label.radio.large:after,
  285. label.checkbox.large:after {
  286.     top: 4px;
  287.     width: 14px;
  288.     height: 14px;
  289. }
  290.  
  291. label.radio.checked:after,
  292. label.checkbox.checked:after {
  293.     background: #F6235D;
  294. }
  295. .overlay {
  296.     display: none;
  297.     position: absolute;
  298.     top: 0;
  299.     left: 0;
  300.     width: 100%;
  301.     height: 100%;
  302.     background: rgba(255,255,255,0.7);
  303.     z-index: 100;
  304. }
  305. .no-rgba .overlay { background: url(img/bg-white-transparent.png) 0 0 repeat; }
  306. .button-up {
  307.     display: none;
  308.     position: fixed;
  309.     bottom: 50px;
  310.     right: 90px;
  311.     width: 76px;
  312.     height: 77px;
  313.     background: url(img/button-up.png) 0 0 no-repeat;
  314.     z-index: 40;
  315. }
  316. .button-up:hover { background-position: 0 -77px; }
  317. .more-btn {
  318.     display: inline-block;
  319.     vertical-align: top;
  320.     width: 16px;
  321.     height: 16px;
  322.     border-radius: 100%;
  323.     background: #35A2FE;
  324.     position: relative;
  325.     margin: 0 0 0 5px;
  326. }
  327. .more-btn:before,
  328. .more-btn:after {
  329.     content: '';
  330.     width: 0;
  331.     height: 0;
  332.     border: 4px solid transparent;
  333.     border-left: 4px solid #FFF;
  334.     position: absolute;
  335.     top: 4px;
  336.     left: 7px;
  337. }
  338. .more-btn:before {
  339.     border-left: 4px solid #35A2FE;
  340.     left: 6px;
  341.     z-index: 1;
  342. }
  343. .more-red { background: #E5124C; }
  344. .more-red:before { border-left: 4px solid #E5124C; }
  345. .white-container {
  346.     padding: 30px 30px 40px;
  347.     border-radius: 30px;
  348.     background: rgba(255,255,255,0.5);
  349.     color: #000;
  350. }
  351. .no-rgba .white-container { background: url(img/bg-white-transparent.png) 0 0 repeat; }
  352. .black-container {
  353.     padding: 30px 60px;
  354.     background: rgba(0,0,0,0.7);
  355.     border-radius: 40px;
  356.     color: #FFF;
  357.     font-size: 14px;
  358.     line-height: 16px;
  359. }
  360. .no-rgba .black-container { background: url(img/bg-black-transparent-50.png) 0 0 repeat; }
  361. .hidden { display: none; }
  362. .section-container {
  363.     background-position: center center;
  364.     background-repeat: no-repeat;
  365.     background-size: cover;
  366.     -webkit-background-size: cover;
  367.     -o-background-size: cover;
  368.     -moz-background-size: cover;
  369.     box-sizing: border-box;
  370.     -moz-box-sizing: border-box;
  371.     -webkit-box-sizing: border-box;
  372. }
  373. .back-lnk {
  374.     display: inline-block;
  375.     padding: 0 0 0 50px;
  376.     background: url(img/back-lnk-ico.png) 0 0 no-repeat;
  377.     font-size: 14px;
  378.     line-height: 40px;
  379.     float:left;
  380.     margin:-10px 0 0;
  381. }
  382. .rating-big {
  383.     position: relative;
  384.     display: inline-block;
  385.     width: 182px;
  386.     height: 28px;
  387.     background: url(img/rating-big.png) 0 0 repeat-x;
  388. }
  389.     .rating-big div {
  390.         position: absolute;
  391.         width: 100%;
  392.         height: 100%;
  393.         top: 0;
  394.         left: 0;
  395.         background: url(img/rating-big.png) 0 -32px repeat-x;
  396.     }
  397.  
  398. .btn-disable {
  399.     border:none;
  400.     color: #7a7a7a!important;
  401.     border-radius: 30px;
  402.     background: #f9f9f9!important;
  403.     text-decoration: none!important;
  404.     cursor: default!important;
  405.     box-shadow: 0.5px 1px 1.5px rgba(0, 0, 0, 0.2)!important;
  406.     }
  407.  
  408. .bx-wrapper .disabled { display: none; }
  409.  
  410. /* start 22.09.2014*/
  411. .go-cart-btn,
  412. .buy-btn,
  413. .fav-btn {
  414.   display: block;
  415.   text-align: left!important;
  416.   width: 100%;
  417.   height: 31px;
  418.   padding: 0 0 0 50px;
  419.   background: #35A2FE url(img/fav-btn-ico.png) 14px center no-repeat!important;
  420.   border-radius: 30px;
  421.   font-size: 12px;
  422.   line-height: 31px;
  423.   color: #FFF;
  424.   margin: 0 0 12px;
  425.   box-sizing: border-box;
  426.   -webkit-box-sizing: border-box;
  427.   -o-box-sizing: border-box;
  428.   -moz-box-sizing: border-box;
  429. }
  430. .buy-btn {
  431.   background: #e5124c!important;
  432.   text-align: center!important;
  433.   padding: 0;
  434. }
  435. .buy-btn-one-click {
  436.   background: #52C8B3!important;
  437.   text-align: center!important;
  438.   padding: 0;
  439. }
  440. .go-cart-btn {
  441.  background: #FFF!important;
  442.  border: 1px solid #ed0e4d;
  443.  color: #ed0e4d!important;
  444. }
  445. .select-box {
  446.   text-align: left;
  447.   vertical-align: top;
  448.   display: inline-block;
  449.   position: relative;
  450.   width: 333px;
  451.   height: 33px;
  452.   border-radius: 5px;
  453.   margin: 7px 0;
  454.   z-index: 20;
  455.   border: 1px solid #C2C2C2;
  456. }
  457. .select-box.open {
  458.   border-radius: 5px 5px 0 0;
  459.   background: rgba(255,255,255,0.5);
  460.   border-bottom: 0;
  461.   height: 34px;
  462. }
  463. .select-box.open .select-box-list-wrap {
  464.     background: #FFF;
  465.     background: rgba(255,255,255,0.8);
  466.     opacity:0.97;
  467. }
  468. .select-box-text-wrap {
  469.   display: block;
  470.   padding: 0 30px 0 10px;
  471.   background: url(img/select-box-ico.png) right center no-repeat;
  472. }
  473.   .select-box .select-box-text {
  474.     display: block;
  475.     font-size: 14px!important;
  476.     line-height: 33px!important;
  477.     white-space: nowrap;
  478.     overflow: hidden;
  479.     -ms-text-overflow: ellipsis;
  480.     text-overflow: ellipsis;
  481.   }
  482.   .select-box .select-box-text.red {
  483.     color: #e5124c;
  484.   }
  485.   .select-box-list-wrap {
  486.     display: none;
  487.     position: absolute;
  488.     left: 0;
  489.     border: 1px solid #C2C2C2;
  490.     border-top: 0;
  491.     width: 100%;
  492.     border-radius: 0 0 5px 5px;
  493.     margin: -1px 0 0 -1px;
  494.   }
  495.   .select-box .select-box-list {
  496.     display: block;
  497.     font-size: 14px!important;
  498.     line-height: 17px!important;
  499.     margin: 0 7px 0 0;
  500.     padding: 0;
  501.     overflow-y: auto;
  502.   }
  503.     .select-box-item {
  504.       display: block;
  505.       padding: 5px;
  506.       cursor: pointer;
  507.     }
  508.     .select-box .price { color: #e5124c; }
  509. .popup.popup-oppen-certificate {
  510.   background: #FFF;
  511.   padding: 47px 0;
  512.   width: 407px;
  513.   text-align: center;
  514.   color: #979899;
  515.   font-size: 14px;
  516.   line-height: 17px;
  517. }
  518. .product-available {
  519.   font-size: 12px;
  520.   line-height: 15px;
  521.   color: #ed0e4d;
  522. }
  523.  
  524. /* end 22.09.2014*/
  525.  
  526. /*  -------------------------------------------------
  527.     Стили для печатной версии | Print styles
  528.     ------------------------------------------------- */
  529. @media print {
  530.  
  531. }
  532.  
  533.  
  534.  
  535. /*  -------------------------------------------------
  536.     Стили блоков, содержимого страниц | Other styles
  537.     ------------------------------------------------- */
  538. .wrapper { /* Обертка страницы */
  539.     width: 960px;
  540.     margin: 0 auto;
  541. }
  542.  
  543. header {}
  544.     .header-top { margin: -20px 0 0px; }
  545.     header .header-top .logo {
  546.         background: url(img/logo.png) 0 0 no-repeat;
  547.         width: 221px;
  548.         height: 87px;
  549.         float: left;
  550.         margin: 27px 0 0 2px;
  551.     }
  552.     header .header-right {
  553.         float: right;
  554.         width: 675px;
  555.     }
  556.         header .work-time {
  557.             float: right;
  558.             /*margin: 15px 0 0 0;*/
  559.             line-height: 14px;
  560.             color: #000;
  561.             font-size: 9.5pt;
  562.         }
  563.             header .work-time span, header .work-time a {
  564.                 margin: 0 0 0 20px;
  565.                 font: 30px 'Georgia', Verdana;
  566.                 color: #35a2fe;
  567.                 position: relative;
  568.                 top: 8px;
  569.                 /*font-weight: bold;*/
  570.             }
  571.             header .work-time span.telephone-russia, header .work-time a.telephone-russia {
  572.                 margin: 0 0 0 20px;
  573.                 font: 30px 'Georgia', Verdana;
  574.                 color: #35a2fe;
  575.                 position: relative;
  576.                 top: 37px;
  577.             }
  578.  
  579.     header .header-panel {
  580.         float: right;
  581.         margin: 26px 0 0 0;
  582.     }
  583.         header .search {
  584.             float: left;
  585.             width: 35px;
  586.             height: 35px;
  587.             margin: 2px 0 0;
  588.             position: relative;
  589.         }
  590.         .no-rgba header .search { margin: 0; }
  591.             header .search a {
  592.                 display: block;
  593.                 width: 33px;
  594.                 height: 33px;
  595.                 border-radius: 100%;
  596.                 background: #FFF;
  597.                 position: absolute;
  598.                 top: 1px;
  599.                 right: 1px;
  600.                 z-index: 22;
  601.             }
  602.             header .search a:after {
  603.                 content: '';
  604.                 width: 18px;
  605.                 height: 21px;
  606.                 position: absolute;
  607.                 background: url(img/sprite-ico.png) 0 0 no-repeat;
  608.                 top: 50%;
  609.                 left: 50%;
  610.                 margin: -10px 0 0 -9px;
  611.             }
  612.  
  613.             header .search input {
  614.                 text-align: left;
  615.                 font-style: italic;
  616.                 color: #b0b0b0;
  617.                 width: 35px;
  618.                 height: 35px;
  619.                 box-shadow: 0 -1px 1px rgba(0,0,0,0.17);
  620.                 border: 1px solid #EAEAEA;
  621.                 position: absolute;
  622.                 right: 0;
  623.                 top: 0;
  624.             }
  625.         header .menu {
  626.             float: left;
  627.             width: 35px;
  628.             height: 35px;
  629.             position: relative;
  630.             margin: 0 0 0 7px;
  631.             z-index: 22;
  632.         }
  633.             header .menu>a {
  634.                 display: block;
  635.                 width: 35px;
  636.                 height: 35px;
  637.                 position: relative;
  638.                 background: #FFF;
  639.                 border-radius: 100%;
  640.                 box-shadow: 0 1px 1px rgba(0,0,0,0.17);
  641.             }
  642.             .no-rgba header .menu>a {
  643.                 border: 1px solid #EAEAEA;
  644.                 width: 33px;
  645.                 height: 33px;
  646.             }
  647.             header .menu>a:after {
  648.                 content: '';
  649.                 position: absolute;
  650.                 top: 13px;
  651.                 left: 7px;
  652.                 width: 16px;
  653.                 height: 10px;
  654.                 background: url(img/sprite-ico.png) -64px 0 no-repeat;
  655.             }
  656.             header .menu>a:before {
  657.                 content: '';
  658.                 width: 0;
  659.                 height: 0;
  660.                 border: 2px solid transparent;
  661.                 border-top: 3px solid #35A2FE;
  662.                 position: absolute;
  663.                 top: 17px;
  664.                 right: 5px;
  665.             }
  666.         header .header-panel .basket,
  667.         header .header-panel > a {
  668.             float: left;
  669.             margin: 0 0 0 7px;
  670.             height: 33px;
  671.             font-size: 14px;
  672.             line-height: 33px;
  673.             padding: 0 17px 0 35px;
  674.             background: #FFF;
  675.             border-radius: 30px;
  676.             box-shadow: 0.5px 1px 1px rgba(0,0,0,0.17);
  677.             position: relative;
  678.         }
  679.         header .header-panel > a { z-index: 22; }
  680.         .no-rgba header .header-panel>a {
  681.             border: 1px solid #EAEAEA;
  682.             height: 31px;
  683.         }
  684.         header .header-panel .basket:after,
  685.         header .header-panel>a:after {
  686.             content: '';
  687.             position: absolute;
  688.             width: 15px;
  689.             height: 15px;
  690.             top: 9px;
  691.             left: 14px;
  692.             background: url(img/sprite-ico.png) -34px 0 no-repeat;
  693.         }
  694.         header .header-panel>div.basket {
  695.             min-width: 62px;
  696.             padding-left: 46px;
  697.             position: relative;
  698.         }
  699.         header .header-panel>div.basket>a {
  700.             width: 100%;
  701.             height: 100%;
  702.             position: absolute;
  703.             left: 0;
  704.             top: 0;
  705.             padding-left: 46px;
  706.             z-index: 21;
  707.             box-sizing: border-box;
  708.             -moz-box-sizing: border-box;
  709.             -webkit-box-sizing: border-box;
  710.         }
  711.     header .header-panel>a.login:after {
  712.                 height: 16px;
  713.             background-position: 0 -140px;
  714.     }
  715.         header .header-panel>a.favorites:after { top: 11px; background: url(img/top-menu-fav-ico.png) 0 0 no-repeat; }
  716.         header .header-panel>div.basket:after { background-position: -19px 0; left: 21px; }
  717.         header .header-panel>a.login {
  718.             padding-left: 40px;
  719.             width: 53px;
  720.         }
  721.     header .header-panel>a.cabinet:after { background-position: -49px 0; left: 15px; }
  722.     header .header-panel>a>i { color: #000000; font-style: normal; }
  723.     header .menu-box {
  724.         display: none;
  725.         position: absolute;
  726.         background: #FFF;
  727.         width: 415px;
  728.         padding: 46px 25px 33px 40px;
  729.         border-radius: 30px;
  730.         top: 47px;
  731.         left: -42px;
  732.         box-shadow: 0 1px 1px rgba(0,0,0,0.17);
  733.         z-index: 20;
  734.     }
  735.     .no-rgba header .menu-box { border: 1px solid #EAEAEA; }
  736.     header .menu-box:after {
  737.         content: '';
  738.         position: absolute;
  739.         width: 99px;
  740.         height: 74px;
  741.         bottom: 43px;
  742.         right: 65px;
  743.         background: url(img/menu-bg-flower.png) 0 0 no-repeat;
  744.     }
  745.     header .menu-box:before {
  746.         content: '';
  747.         position: absolute;
  748.         width: 0;
  749.         height: 0;
  750.         border: 6px solid transparent;
  751.         border-bottom: 6px solid #FFF;
  752.         top: -12px;
  753.         left: 52px;
  754.     }
  755.     header .menu-box-left {
  756.         float: left;
  757.         width: 185px;
  758.     }
  759.     header .menu-box-left li a:hover{
  760.         text-decoration:none;
  761.         color:#e5124c;
  762.     }
  763.     header .menu-box-right {
  764.         float: right;
  765.         width: 185px;
  766.     }
  767.     header .menu-box-right li a:hover{
  768.         text-decoration:none;
  769.         color:#e5124c;
  770.     }
  771.     header .menu-box-left-btm {
  772.         position: relative;
  773.         float: left;
  774.         margin: 48px 0 0;
  775.         width: 185px;
  776.     }
  777.     header .menu-box-left-btm li a:hover{
  778.         text-decoration:none;
  779.         color:#e5124c;
  780.     }
  781.     header .menu-box-left-btm:after {
  782.         content: '';
  783.         width: 86px;
  784.         height: 86px;
  785.         position: absolute;
  786.         top: -68px;
  787.         right: -68px;
  788.         background: url(img/menu-bg.png) center center no-repeat;
  789.     }
  790.     header .menu-box ul {
  791.         margin: 0;
  792.         padding: 0;
  793.         list-style: none;
  794.     }
  795.         header .menu-box ul li { margin: 0 0 8px; }
  796.     header .header-nav {
  797.         margin: 22px 0 0;
  798.         text-align: center;
  799.         font-size: 0;
  800.         line-height: 0;
  801.     }
  802.         header .header-nav a {
  803.             display: inline-block;
  804.             text-decoration: none;
  805.             position: relative;
  806.             z-index: 2;
  807.             width: 150px;
  808.             height: 150px;
  809.             border-radius: 100%;
  810.             background: #FFF;
  811.             position: relative;
  812.             vertical-align: top;
  813.             box-shadow: 2px 0 4px rgba(0,0,0,0.17);
  814.             margin: 0 8px;
  815.         }
  816.         .no-rgba header .header-nav a { border: 1px solid #EAEAEA; }
  817.         header .header-nav a:after {
  818.             content: '';
  819.             width: 128px;
  820.             height: 128px;
  821.             border-radius: 100%;
  822.             border: 1px solid #4BABFB;
  823.             position: absolute;
  824.             top: 50%;
  825.             left: 50%;
  826.             margin: -64px 0 0 -64px;
  827.             background: url(img/header-nav-bg.png) 0 0 repeat;
  828.             z-index: -1;
  829.         }
  830.             header .header-nav a span {
  831.                 background: #FFF;
  832.                 position: relative;
  833.                 top: 78px;
  834.                 font-size: 13px;
  835.                 line-height: 16px;
  836.                 text-transform: uppercase;
  837.                 color: #565655;
  838.                 left: 2px;
  839.             }
  840.             header .header-nav a:hover span { text-decoration: underline; }
  841.             header .header-nav a:hover:after {border: 1px solid #e5124c;}
  842.             header .header-nav a i {
  843.                 position: absolute;
  844.                 width: 100%;
  845.                 height: 90px;
  846.                 line-height: 90px;
  847.                 text-align: center;
  848.                 left: 5px;
  849.                 top: -12px;
  850.             }
  851.                 header .header-nav a i img { vertical-align: middle; }
  852.         header .nav {
  853.             display: table;
  854.             width: 100%;
  855.             margin: 42px 0 0;
  856.         }
  857.         header .nav a {
  858.             display: table-cell;
  859.             font-size: 13px;
  860.             line-height: 16px;
  861.             text-decoration: none;
  862.             vertical-align: middle;
  863.             padding: 0 0 0 15px;
  864.         }
  865.         header .nav a:first-child { padding: 0 0 0 5px; }
  866.             header .nav a img {
  867.                 display: inline-block;
  868.                 vertical-align: middle;
  869.                 margin: 0 5px 0 0;
  870.             }
  871.             header .nav a span {
  872.                 color: #565655;
  873.                 display: inline-block;
  874.                 vertical-align: middle;
  875.             }
  876.             header .nav a:hover span { text-decoration: underline; }
  877.     header .basket:hover .cart-hidden-wrap { display: block; }
  878.     header .cart-hidden-wrap {
  879.         left: -240px;
  880.         position: absolute;
  881.         z-index: 20;
  882.         display: none;
  883.     }
  884.         header .cart-hidden {
  885.             margin: 45px 0 0;
  886.             background: #FFF;
  887.             width: 480px;
  888.             border-radius: 30px;
  889.             box-shadow: 0.5px 1px 1px rgba(0,0,0,0.25);
  890.             padding: 17px 0 11px;
  891.         }
  892.         header .cart-hidden .slider-wrap { margin: 0 30px; width: 420px; height: 183px; }
  893.             header .cart-hidden .slider { width: 420px; height: 183px; }
  894.                 header .cart-hidden .slide {
  895.                     width: 100%;
  896.                     height: 183px;
  897.                 }
  898.                     header .cart-hidden .slide .photo {
  899.                         display: block;
  900.                         width: 111px;
  901.                         height: 72px;
  902.                         border: 1px solid #CFCFCF;
  903.                         margin: 0 auto;
  904.                         overflow: hidden;
  905.                     }
  906.                     header .cart-hidden .slide .photo img { width: 100%; }
  907.                     header .cart-hidden .slide .title {
  908.                         text-align: center;
  909.                         font-size: 18px;
  910.                         line-height: 21px;
  911.                         margin: 15px 0;
  912.                         overflow: hidden;
  913.                         text-align: center;
  914.                         text-overflow: ellipsis;
  915.                         white-space: nowrap;
  916.  
  917.                     }
  918.                     header .cart-hidden .slide table { width: 333px; margin: 0 auto; }
  919.                     header .cart-hidden .slide td {
  920.                         color: #e5124c;
  921.                         padding: 0 0 12px;
  922.                         vertical-align: top;
  923.                         line-height: 17px;
  924.                     }
  925.                     header .cart-hidden .slide td[rowspan] {
  926.                         font-size: 24px;
  927.                         line-height: 27px;
  928.                         text-align: right;
  929.                         vertical-align: middle;
  930.                     }
  931.             header .cart-hidden .total-amount {
  932.                 border-top: 1px dotted #000;
  933.                 border-bottom: 1px dotted #000;
  934.                 padding: 8px 95px 0 0;
  935.                 text-align: right;
  936.                 margin: -2px 0 10px;
  937.                 color: #000;
  938.             }
  939.                 header .cart-hidden .total-amount span {
  940.                     color: #e5124c;
  941.                     font-size: 24px;
  942.                     line-height: 27px;
  943.                     margin: 0 0 0 17px;
  944.                 }
  945.             header .cart-hidden .button-wrap { width: 344px; margin: 0 auto; }
  946.                 header .cart-hidden .button-wrap a {
  947.                     display: block;
  948.                     width: 169px;
  949.                     height: 30px;
  950.                     line-height: 30px;
  951.                     color: #FFF;
  952.                     text-align: center;
  953.                     border-radius: 30px;
  954.                     font-size: 12px;
  955.                     background: #8AD0AF;
  956.                 }
  957.                 header .cart-hidden .button-wrap .next {
  958.                     float: right;
  959.                     background: #E5124C;
  960.                 }
  961.                 header .bx-wrapper { position: relative; }
  962. /*                  header .bx-wrapper .bx-controls-direction a {
  963.                         position: absolute;
  964.                         background: url(img/slider-btn.png) 0 0 no-repeat;
  965.                         width: 20px;
  966.                         height: 20px;
  967.                         top: 105px;
  968.                         left: -20px;
  969.                         overflow: hidden;
  970.                         text-indent: -999px;
  971.                     }
  972.                     header .bx-wrapper .bx-controls-direction .bx-next {
  973.                         left: auto;
  974.                         right: -20px;
  975.                         background: url(img/slider-btn.png) 0 -20px no-repeat;
  976.                     }
  977. */
  978. .main-banner {
  979.     margin: 15px 0 0;
  980.     padding: 110px 0 75px;
  981.     position: relative;
  982.     height: 260px;
  983.   background-position: center center;
  984.     background-repeat: no-repeat;
  985.     background-size: cover;
  986. }
  987.     .main-banner h1 {
  988.         position: absolute;
  989.         top: 75px;
  990.         color: #EC2F60;
  991.     }
  992.     .main-banner .choise-city {
  993.       float: right;
  994.       width: 236px;
  995.       margin:  -35px 0 0;
  996.       font: 21px/40px Georgia, Arial, sans-serif;
  997.       text-shadow: 0 1px 3px #FFF, 1px 0 3px #FFF, -1px 0 3px #FFF, 0 -1px 3px #FFF, 0 2px 3px #FFF, 2px 0 3px #FFF, -2px 0 3px #FFF, 0 -2px 3px #FFF, 0 3px 3px #FFF, 3px 0 3px #FFF, -3px 0 3px #FFF, 0 -3px 3px #FFF;
  998.       color: #35a2fe;
  999.     }
  1000.  
  1001.     .packing-banner h1 { color: #35a2fe; }
  1002.     .main-banner .how-works {
  1003.         font: 30px/40px 'ArialBlackRegular', Arial, sans-serif;
  1004.         display: inline-block;
  1005.         position: absolute;
  1006.         padding: 0 45px 0 0;
  1007.         background: url(img/banner-more.png) right 3px no-repeat;
  1008.         bottom: 50px;
  1009.     }
  1010. .filter {}
  1011.     .filter-right { float: right; width: 236px; margin: 25px 0 0; }
  1012.     .filter-right a {
  1013.         display: block;
  1014.         height: 37px;
  1015.         border: 1px solid #E5124C;
  1016.         font-size: 14px;
  1017.         line-height: 37px;
  1018.         border-radius: 30px;
  1019.         text-transform: uppercase;
  1020.         color: #565655;
  1021.         text-decoration: none;
  1022.         position: relative;
  1023.         text-align: center;
  1024.         margin: 0 0 4px;
  1025.         box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  1026.     }
  1027.     .filter-right a:after {
  1028.         content: '';
  1029.         position: absolute;
  1030.         width: 7px;
  1031.         height: 5px;
  1032.         top: 19px;
  1033.         right: 23px;
  1034.         background: url(img/sprite-ico.png) -82px 0 no-repeat;
  1035.     }
  1036.     .filter-right a.active:before {
  1037.         content: '';
  1038.         position: absolute;
  1039.         width: 0;
  1040.         height: 0;
  1041.         border: 7px solid transparent;
  1042.         border-left: 7px solid #FFF;
  1043.         left: -10px;
  1044.         top: 50%;
  1045.         margin-top: -7px;
  1046.         z-index: 5;
  1047.     }
  1048.     .filter .city { background: #fff url(img/filter-city-bg.png) 0 0 repeat; }
  1049.     .filter .for-whom { background: #fff url(img/filter-for-whom.png) 0 0 repeat; }
  1050.     .filter .price { background: #fff url(img/header-nav-bg.png) 0 0 repeat; }
  1051.     .filter .theme { background: #fff url(img/filter-theme.png) 0 0 repeat; }
  1052.     .filter a.search {
  1053.         background: #F6235D;
  1054.         color: #FFF;
  1055.         border: 1px solid #FFF;
  1056.     }
  1057.     .filter a.search:after { display: none; }
  1058.     .filter-left {
  1059.         width: 715px;
  1060.         float: left;
  1061.         position: relative;
  1062.         z-index: 5;
  1063.     }
  1064.     .filter-box {
  1065.         display: none;
  1066.         min-height: 210px;
  1067.         min-width: 235px;
  1068.         padding: 25px 20px 20px;
  1069.  
  1070.         float: right;
  1071.         background: #FFF;
  1072.         border-radius: 40px;
  1073.         box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  1074.     }
  1075.     .no-rgba .filter-box  { border: 1px solid #EAEAEA; }
  1076.         .filter-box table { width: 100%; }
  1077.         .filter-box td { padding: 0 10px; }
  1078.         .filter-box a {
  1079.             display: block;
  1080.             text-decoration: none;
  1081.             text-transform: uppercase;
  1082.             color: #565655;
  1083.             padding: 0 8px;
  1084.             white-space: nowrap;
  1085.             border: 1px solid #FFF;
  1086.             border-radius: 30px;
  1087.             font-size: 14px;
  1088.             line-height: 40px;
  1089.             text-align: center;
  1090.         }
  1091.         .filter-box a.active,
  1092.         .filter-box a:hover { border: 1px solid #F6235D; }
  1093. .filter-line { margin: 10px 0 20px; }
  1094. .filter-line>a,
  1095. .filter-line>div {
  1096.     margin: 0 0 0 18px;
  1097.     float: left;
  1098.     border-radius: 30px;
  1099.     position: relative;
  1100. }
  1101. .filter-line>div:first-child { margin: 0; }
  1102. .filter-line>a,
  1103.     .filter-line>div>a {
  1104.         float: left;
  1105.         width: 175px;
  1106.  
  1107.         /*new fix bug*/
  1108.     overflow: hidden;
  1109.     white-space: nowrap;
  1110.     -ms-text-overflow: ellipsis;
  1111.     text-overflow: ellipsis;
  1112.         /*new fix bug end*/
  1113.  
  1114.  
  1115.         height: 37px;
  1116.         border: 1px solid #E5124C;
  1117.         font-size: 14px;
  1118.         line-height: 39px;
  1119.         border-radius: 30px;
  1120.         text-transform: uppercase;
  1121.         color: #565655;
  1122.         text-decoration: none;
  1123.         position: relative;
  1124.         text-align: center;
  1125.         box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  1126.         cursor: pointer;
  1127.     }
  1128.     .filter-line>a:after,
  1129.     .filter-line>div>a:after {
  1130.         content: '';
  1131.         display: inline-block;
  1132.         margin: 0 0 0 9px;
  1133.         width: 7px;
  1134.         height: 5px;
  1135.         top: 19px;
  1136.         right: 23px;
  1137.         background: url(img/sprite-ico.png) -82px 0 no-repeat;
  1138.     }
  1139.     .filter-line>div.active:before {
  1140.         content: '';
  1141.         position: absolute;
  1142.         width: 0;
  1143.         height: 0;
  1144.         border: 7px solid transparent;
  1145.         border-bottom: 7px solid #FFF;
  1146.         left: 65px;
  1147.         top: 38px;
  1148.         z-index: 20;
  1149.     }
  1150.     .filter-line .filter-box {
  1151.         position: absolute;
  1152.         left: 0;
  1153.         top: 52px;
  1154.         max-width: 720px;
  1155.         z-index: 20;
  1156.     }
  1157.     .filter-line .theme .filter-box {
  1158.         left: auto;
  1159.         right: 0;
  1160.     }
  1161. .last-news-container { margin: 25px 0 0; overflow: hidden;}
  1162.     .last-news-container .left {
  1163.         width: 650px;
  1164.         float: left;
  1165.     }
  1166.         .last-news-container .left .news-photo {
  1167.             float: left;
  1168.             width: 290px;
  1169.             height: 290px;
  1170.             overflow: hidden;
  1171.         }
  1172.             .last-news-container .left .news-photo img { width: 290px; }
  1173.         .last-news-container .last-news-box {
  1174.             width: 330px;
  1175.             float: right;
  1176.         }
  1177.         .last-news-container .last-news {
  1178.             margin: 0 0 15px;
  1179.         }
  1180.         .last-news-container .last-news-box .last-news h4 a{
  1181.             color:#ec2f60;
  1182.             text-decoration:underline;
  1183.         }
  1184.         .last-news-container .last-news-box .text a{
  1185.             color:#7a7a7a;
  1186.             text-decoration:underline;
  1187.         }
  1188.         .last-news-container .date { margin: 0 0 5px; }
  1189.             .last-news-container .date span {
  1190.                 color: #FFF;
  1191.                 display: inline-block;
  1192.                 padding: 1px 7px 0;
  1193.                 font-size: 12px;
  1194.                 line-height: 15px;
  1195.                 background: #35A2FE;
  1196.             }
  1197.             .last-news-container .text {
  1198.                 font-size: 14px;
  1199.                 line-height: 16px;
  1200.                 font-style: italic;
  1201.                 color: #7a7a7a;
  1202.             }
  1203. .activate-certificate {
  1204.     width: 275px;
  1205.     float: right;
  1206.     padding: 0 0 35px 0;
  1207.     cursor:pointer;
  1208. }
  1209.     .activate-certificate .title {
  1210.         padding: 150px 0 0;
  1211.         background: url(img/activate-certificate.png) 58px 0 no-repeat;
  1212.         color: #e5124c;
  1213.         font: 30px/33px 'ArialBlackRegular', Arial, sans-serif;
  1214.         margin: 0 0 10px;
  1215.     }
  1216.     .activate-certificate .text {
  1217.         font-size: 14px;
  1218.         line-height: 16px;
  1219.         color: #7a7a7a;
  1220.     }
  1221. .banner-content { margin: 65px 0 0; }
  1222. .gift-certifacte { margin: 55px 0 110px; }
  1223.     .gift-certifacte h3 {
  1224.         float: left;
  1225.         width: 340px;
  1226.     }
  1227.     .gift-certifacte .text {
  1228.         width: 605px;
  1229.         float: right;
  1230.         font-size: 14px;
  1231.         line-height: 16px;
  1232.         font-style: italic;
  1233.         color: #7a7a7a;
  1234.     }
  1235. .section-services {
  1236.     padding: 67px 0 45px;
  1237.     margin: 60px 0 0;
  1238.     position: relative;
  1239.     background: #FFF url(img/section-services-bg.png) 0 bottom repeat-x;
  1240. }
  1241.     .section-services:before {
  1242.         content: '';
  1243.         position: absolute;
  1244.         top: 0;
  1245.         width: 100%;
  1246.         height: 7px;
  1247.         background: url(img/section-services-top.png) 0 0 repeat-x;
  1248.         z-index: 1;
  1249.     }
  1250.     .section-services:after {
  1251.         content: '';
  1252.         position: absolute;
  1253.         width: 96px;
  1254.         height: 100%;
  1255.         top: 0;
  1256.         left: 50%;
  1257.         margin: 0 0 0 530px;
  1258.         /*padding: 0 0 0px;*/
  1259.         background: url(img/section-services-right-bg.png) 0 0 repeat;
  1260.     }
  1261.     .section-services-new {
  1262.         background: #FFF url(img/filter-for-whom.png) 0 481px repeat-x;
  1263.         padding-bottom: 70px;
  1264.     }
  1265.     .section-services-new:after {
  1266.         margin: 0 0 0 -610px;
  1267.         padding: 0;
  1268.         height: 481px;
  1269.         background: url(img/filter-for-whom.png) 0 0 repeat;
  1270.     }
  1271.     .section-services-special {
  1272.         margin: 40px 0 30px;
  1273.         padding-bottom: 70px;
  1274.         background: #FFF url(img/section-services-special-bg.png) center 0 no-repeat;
  1275.     }
  1276.     .section-services-special:after {
  1277.         width: 100%;
  1278.         height: 18px;
  1279.         bottom: 23px;
  1280.         top: auto;
  1281.         left: 0;
  1282.         /*margin: 0 0 0 -323px;*/
  1283.         background: #FFF url(img/filter-theme.png) 0 0 repeat;
  1284.     }
  1285.     /*.section-services .wrapper { overflow: hidden; }*/
  1286.     .section-services .wrapper>.title {
  1287.         position: absolute;
  1288.         width: 133px;
  1289.         height: 115px;
  1290.         top: -50px;
  1291.         left: 50%;
  1292.         margin: 0 0 0 -74px;
  1293.         text-align: center;
  1294.         line-height: 100px;
  1295.         color: #e5124c;
  1296.         font-size: 20px;
  1297.         text-transform: uppercase;
  1298.         background: url(img/section-services-title-top.png) 0 0 no-repeat;
  1299.         z-index: 2;
  1300.     }
  1301.     .section-services-new .wrapper>.title {
  1302.         width: 169px;
  1303.         height: 84px;
  1304.         top: -38px;
  1305.         text-align: left;
  1306.         padding: 0 0 0 20px;
  1307.         margin: 0 0 0 -76px;
  1308.         line-height: 86px;
  1309.         background: url(img/title-new.png) 0 0 no-repeat;
  1310.     }
  1311.     .section-services-special .wrapper>.title {
  1312.         width: 147px;
  1313.         height: 66px;
  1314.         font-size: 16px;
  1315.         line-height: 19px;
  1316.         top: -40px;
  1317.         padding: 26px 0 0 0;
  1318.         margin: 0 0 0 -75px;
  1319.         background: url(img/title-special.png) 0 0 no-repeat;
  1320.     }
  1321.     .section-services .feedback-popup { margin-top: -420px; }
  1322.     .section-services .bx-wrapper { position: relative; z-index: 3; }
  1323.         .section-services .bx-viewport { padding: 150px 9px 0 0; margin: -132px 0 0; }
  1324. /*          .section-services .bx-wrapper .bx-controls-direction a {
  1325.                 position: absolute;
  1326.                 background: url(img/slider-btn.png) 0 0 no-repeat;
  1327.                 width: 20px;
  1328.                 height: 20px;
  1329.                 top: 50%;
  1330.                 margin: 50px 0 0;
  1331.                 left: -40px;
  1332.                 overflow: hidden;
  1333.                 text-indent: -999px;
  1334.             }
  1335.             .section-services .bx-wrapper .bx-controls-direction .bx-next {
  1336.                 left: auto;
  1337.                 right: -40px;
  1338.                 background: url(img/slider-btn.png) 0 -20px no-repeat;
  1339.             }*/
  1340.     .service { }
  1341.         .service {
  1342.             width: 285px;
  1343.             float: left;
  1344.             margin: 0 8px 0 0;
  1345.         }
  1346.             .search-tovar-list .photo-wrap,
  1347.             .service .photo-wrap {
  1348.                 width: 285px;
  1349.                 height: 285px;
  1350.                 display: block;
  1351.                 border: 1px solid #B8B8B8;
  1352.                 position: relative;
  1353.             }
  1354.                 .search-tovar-list .info,
  1355.                 .service .info {
  1356.                     display: none;
  1357.                     padding: 20px 5px 0 20px;
  1358.                     background: rgba(0,0,0,0.5);
  1359.                     position: absolute;
  1360.                     height: 74px;
  1361.                     bottom: 0;
  1362.                     left: 0;
  1363.                     width: 100%;
  1364.                     box-sizing: border-box;
  1365.                     -moz-box-sizing: border-box;
  1366.                     -webkit-box-sizing: border-box;
  1367.                 }
  1368.                 .no-rgba .search-tovar-list .info,
  1369.                 .no-rgba .service .info { background: url(img/bg-black-transparent-50.png) 0 0 repeat; }
  1370.                 .search-tovar-list .photo-wrap:hover .info,
  1371.                 .service .photo-wrap:hover .info { display: block; }
  1372.                         .search-tovar-list .previewed,
  1373.                         .search-tovar-list .favorites,
  1374.                         .service .previewed,
  1375.                         .service .favorites {
  1376.                             float: left;
  1377.                             padding: 33px 0 0;
  1378.                             font-size: 12px;
  1379.                             line-height: 16px;
  1380.                             position: relative;
  1381.                             text-decoration: none;
  1382.                             color: #f6235d;
  1383.                             width: 65px;
  1384.                         }
  1385.                         .search-tovar-list .favorites:after,
  1386.                         .service .favorites:after {
  1387.                             content: '';
  1388.                             position: absolute;
  1389.                             width: 35px;
  1390.                             height: 33px;
  1391.                             top: 0;
  1392.                             left: 50%;
  1393.                             margin: 0 0 0 -17px;
  1394.                             background: url(img/sprite-ico.png) 0 -20px no-repeat;
  1395.                         }
  1396.                         .search-tovar-list .favorites:hover:after,
  1397.                         .service .favorites:hover:after { background-position: 0 -85px; }
  1398.                         .search-tovar-list .favorites.active:after,
  1399.                         .service .favorites.active:after { background-position: 0 -53px; }
  1400.                         .search-tovar-list .previewed,
  1401.                         .service .previewed {
  1402.                             color: #8ad0af;
  1403.                             float: right;
  1404.                             width: 81px;
  1405.                         }
  1406.                         .search-tovar-list .previewed:after,
  1407.                         .service .previewed:after {
  1408.                             content: '';
  1409.                             position: absolute;
  1410.                             top: 0;
  1411.                             left: 50%;
  1412.                             margin: 0 0 0 -20px;
  1413.                             width: 40px;
  1414.                             height: 26px;
  1415.                             background: url(img/sprite-ico.png) -36px -20px no-repeat;
  1416.                         }
  1417.                         .search-tovar-list .previewed:hover:after,
  1418.                         .service .previewed:hover:after { background-position: -36px -75px; }
  1419.                         .search-tovar-list .previewed.active:after,
  1420.                         .service .previewed.active:after { background-position: -36px -48px; }
  1421.                         .search-tovar-list .rating,
  1422.                         .service .rating {
  1423.                             margin: 6px 94px 0 85px;
  1424.                             text-align: center;
  1425.                             font-size: 12px;
  1426.                             line-height: 16px;
  1427.                             color: #FFF;
  1428.                             cursor: pointer;
  1429.                         }
  1430.                             .search-tovar-list .rating-top,
  1431.                             .service .rating-top {
  1432.                                 height: 12px;
  1433.                                 width: 85px;
  1434.                                 margin: 0 0 5px;
  1435.                                 background: url(img/rating.png) 0 0 repeat-x;
  1436.                             }
  1437.                                 .search-tovar-list .rating-top div,
  1438.                                 .service .rating-top div {
  1439.                                     height: 100%;
  1440.                                     background: url(img/rating.png) 0 -13px repeat-x;
  1441.                                 }
  1442.                         .service .info .in-basket,
  1443.                         .service .info  .delete-service {
  1444.                             color: #FFF;
  1445.                             float: left;
  1446.                             font-size: 12px;
  1447.                             line-height: 16px;
  1448.                             padding: 28px 0 0;
  1449.                             position: relative;
  1450.                             margin: 0 0 0 5px;
  1451.                             text-decoration: none;
  1452.                         }
  1453.                         .service .info .in-basket:after,
  1454.                         .service .info  .delete-service:after {
  1455.                             content: '';
  1456.                             position: absolute;
  1457.                             top: 0;
  1458.                             left: 50%;
  1459.                             height: 15px;
  1460.                             width: 15px;
  1461.                             margin: 0 0 0 -7.5px;
  1462.                             background: url(img/sprite-ico.png) -29px -122px no-repeat;
  1463.                         }
  1464.                         .service .info  .delete-service { float: right; margin: 0 34px 0 0; }
  1465.                         .service .info  .delete-service:after {
  1466.                             width: 13px;
  1467.                             height: 17px;
  1468.                             margin: 0 0 0 -6.5px;
  1469.                             background-position: -48px -122px;
  1470.                         }
  1471.                 .search-tovar-list .photo,
  1472.                 .service .photo {
  1473.                     width: 100%;
  1474.                     height: 100%;
  1475.                     display: block;
  1476.                 }
  1477.                 .search-tovar-list .photo img,
  1478.                 .service .photo img { width: 100%; }
  1479.                 /*.search-tovar-list .flag,
  1480.                 .service .flag {
  1481.                     position: absolute;
  1482.                     top: 0;
  1483.                     right: 0;
  1484.                     width: 80px;
  1485.                     height: 80px;
  1486.                     background: url(img/flag-sale.png) 0 0 no-repeat;
  1487.                 }
  1488.                 .search-tovar-list .flag-best,
  1489.                 .service .flag-best { background: url(img/flag-best.png) 0 0 no-repeat; }
  1490.                 .search-tovar-list  .flag-our-choice,
  1491.                 .service .flag-our-choice {
  1492.                     width: 110px;
  1493.                     height: 110px;
  1494.                     top: -16px;
  1495.                     right: -15px;
  1496.                     background: url(img/flag-our-choice.png) 0 0 no-repeat;
  1497.                 }
  1498.                 .search-tovar-list .flag-new,
  1499.                 .service .flag-new { background: url(img/flag-new.png) 0 0 no-repeat; }*/
  1500.                 .flag {
  1501.                     position: absolute;
  1502.                     top: 0;
  1503.                     right: 0;
  1504.                     width: 80px;
  1505.                     height: 80px;
  1506.           z-index: 6;
  1507.                     background: url(img/flag-sale.png) 0 0 no-repeat;
  1508.                 }
  1509.                 .flag-best { background: url(img/flag-best.png) 0 0 no-repeat; }
  1510.                 .flag-our-choice {
  1511.                     width: 110px;
  1512.                     height: 110px;
  1513.                     top: -16px;
  1514.                     right: -15px;
  1515.                     background: url(img/flag-our-choice.png) 0 0 no-repeat;
  1516.                 }
  1517.                 .flag-new { background: url(img/flag-new.png) 0 0 no-repeat; }
  1518.  
  1519.                 .search-tovar-list .descript,
  1520.                 .service .descript { margin: 30px 0 0; }
  1521.                     .service .descript .left {
  1522.                         float: left;
  1523.                         text-align: left;
  1524.                         width: 193px;
  1525.                         height: 50px;
  1526.                         overflow: hidden;
  1527.                         border-right: 1px solid #E5E5E5;
  1528.                     }
  1529.                     .service .descript .left a{
  1530.                         color: #565655;
  1531.                         /*display:inline;*/
  1532.                     }
  1533.  
  1534.                     .search-tovar-list .descript .price,
  1535.                     .service .descript .price {
  1536.                         float: right;
  1537.                         margin: -5px 9px 0 0;
  1538.                         max-width: 80px;
  1539.                         overflow: hidden;
  1540.                         white-space: nowrap;
  1541.                         font-size: 16px;
  1542.                         line-height: 18px;
  1543.                         color: #e5124c;
  1544.                     }
  1545.                     .search-tovar-list .descript .price-btm,
  1546.                     .service .descript .price-btm { margin: 8px 0 0; }
  1547.                     .search-tovar-list .descript .price-btm a,
  1548.                     .service .descript .price-btm a {
  1549.                         width: 29px;
  1550.                         height: 19px;
  1551.                         float: right;
  1552.                         margin: 0 3px 0 0;
  1553.                         cursor:default;
  1554.                     }
  1555.                     .search-tovar-list .descript .certificate,
  1556.                     .service .descript .electronic {
  1557.                         background: url(img/elecrtonic-certificate.png) 0 0 no-repeat;
  1558.                     }
  1559.                     .search-tovar-list .descript .mail,
  1560.                     .service .descript .gift {
  1561.                         background: url(img/gift-certificate.png) 0 0 no-repeat;
  1562.                     }
  1563. .search-tovar-list { margin: 60px 0; }
  1564.     .search-tovar-list .service-item { margin: 0 0 70px; }
  1565.     .search-tovar-list .photo-wrap { float: left; }
  1566.     .search-tovar-list .right {
  1567.         width: 635px;
  1568.         float: right;
  1569.         color: #000;
  1570.     }
  1571.         .search-tovar-list .right .title {
  1572.             font-size: 18px;
  1573.             line-height: 21px;
  1574.             margin: 5px 0 25px;
  1575.         }
  1576.         .search-tovar-list .right .tovar-desc {
  1577.             font-size: 14px;
  1578.             line-height: 24px;
  1579.         }
  1580.         .search-tovar-list .tovar-more { color: #7a7a7a;  margin: 35px 0 0; }
  1581. /*  .search-tovar-list .service-item>table { width: 100%; margin: 15px 0 0; }
  1582.         .search-tovar-list .service-item>table td { padding: 5px 25px; border-left: 1px solid #DEDEDE; }
  1583.         .search-tovar-list .service-item>table td:first-child { padding-left: 0; width: 281px; border: 0; }
  1584.         .search-tovar-list .service-item>table .row {
  1585.             line-height: 48px;
  1586.             border-bottom: 1px dotted #9F9F9F;
  1587.         }
  1588.         .search-tovar-list .service-item>table .row .info-box { vertical-align: middle; }
  1589.             .search-tovar-list .service-item>table .row label { display: inline-block; line-height: 17px; border: none; }
  1590.             .search-tovar-list .service-item>table .row label:after { top: 3px; }
  1591.             .search-tovar-list .service-item>table .row label i {
  1592.                 display: inline-block;
  1593.                 vertical-align: top;
  1594.                 margin: 0 14px 0 0;
  1595.                 width: 23px;
  1596.                 height: 16px;
  1597.                 background: url(img/sprite-ico.png)  -77px -10px no-repeat;
  1598.             }
  1599.             .search-tovar-list .service-item>table .row label .gift { background-position: -77px -27px;  }
  1600.             .search-tovar-list .service-item>table .row .info-box {
  1601.                 float: right; margin: 17px 0 0;
  1602.             }
  1603.             .search-tovar-list .service-item>table .button { width: 195px; padding: 15px 0 0 50px;}
  1604.                 .search-tovar-list .service-item>table .button a {
  1605.                     display: block;
  1606.                     width: 169px;
  1607.                     height: 31px;
  1608.                     text-align: center;
  1609.                     background: #35A2FE;
  1610.                     border-radius: 30px;
  1611.                     font-size: 12px;
  1612.                     line-height: 31px;
  1613.                     color: #FFF;
  1614.                     margin: 0 0 12px;
  1615.                 }
  1616.                 .search-tovar-list .service-item>table .button .buy { background: #E5124C; margin: 0; }
  1617.             .search-tovar-list .service-item>table .price label {
  1618.                 line-height: 48px;
  1619.                 border-bottom: 1px dotted #A3A3A3;
  1620.                 overflow: hidden;
  1621.                 padding: 0 0 0 25px;
  1622.                 display: block;
  1623.             }
  1624.             .search-tovar-list .service-item>table .price label:after {
  1625.                 left: 2px;
  1626.                 top: 19px;
  1627.             }
  1628.                 .search-tovar-list .service-item>table .price label span {
  1629.                     float: right;
  1630.                     font-size: 24px;
  1631.                     line-height: 48px;
  1632.                     color: #e5124c;
  1633.                 }
  1634.                 */
  1635.     .search-tovar-list .banner-content { margin: 70px 0; }
  1636. /*.about-page { margin: 50px 0 0; }*/
  1637.     .about-page .section-container { padding: 20px 0; min-height: 748px; }
  1638.     .about-page .section-container h1 { margin: 94px 0 0; }
  1639.     .about-page .section-container .text {
  1640.         margin: 150px 0 0;
  1641.         width: 640px;
  1642.         font-size: 20px;
  1643.         font-style: italic;
  1644.         line-height: 24px;
  1645.     }
  1646.     .about-page .our-goal h1 { margin: 180px 0 0 385px; }
  1647.     .about-page .our-goal .text { margin: 95px 0 0 385px; }
  1648.     .about-page .may-like h1 { margin: 65px 0 0 0; text-align: center; }
  1649.     .about-page .may-like ul {
  1650.         margin: 65px -55px 0;
  1651.         padding: 0;
  1652.         list-style-type: none;
  1653.         text-align: center;
  1654.     }
  1655.         .about-page .may-like ul li {
  1656.             font-size: 20px;
  1657.             line-height: 24px;
  1658.             float: none;
  1659.             width: auto;
  1660.             font-style: italic;
  1661.             display: inline-block;
  1662.             vertical-align: top;
  1663.             margin: 0 80px;
  1664.             padding: 130px 0 0;
  1665.             background: url(img/may-like-ico1.png) center 0 no-repeat;
  1666.         }
  1667.         .about-page .may-like ul .service { background: url(img/may-like-ico2.png) center 0 no-repeat; width: auto; }
  1668.         .about-page .may-like ul .high-quality { background: url(img/may-like-ico3.png) center 0 no-repeat; }
  1669.     .about-page .our-team { padding-bottom: 57px; }
  1670.         .about-page .our-team h1 { margin: 75px 0 30px; text-align: center; }
  1671.         .about-page .white-container {
  1672.             width: 814px;
  1673.             margin: 0 auto;
  1674.             font-size: 20px;
  1675.             line-height: 24px;
  1676.             font-style: italic;
  1677.             text-align: center;
  1678.         }
  1679.         .about-page  .our-team-list {
  1680.             margin: 12px -62px 0;
  1681.             padding: 0;
  1682.             list-style-type: none;
  1683.             text-align: center;
  1684.             font-size: 0;
  1685.             line-height: 0;
  1686.         }
  1687.             .about-page  .our-team-list li {
  1688.                 display: inline-block;
  1689.                 margin: 150px 61px 0;
  1690.                 vertical-align: top;
  1691.                 position: relative;
  1692.                 /* задаем глубину сцене */
  1693.                 -webkit-perspective: 600px; /* webkit */
  1694.                 -moz-perspective: 600px; /* mozilla */
  1695.                 -ms-perspective: 600px; /* IE 10 */
  1696.                 -o-perspective: 600px; /* opera когда-то тоже должна начать понимать */
  1697.                 perspective: 600px; /* св-во по стандартам */
  1698.             }
  1699.                 .about-page  .our-team-list li .employee {
  1700.                     width: 237px;
  1701.                     height: 303px;
  1702.                     font-size: 20px;
  1703.                     line-height: 25px;
  1704.                     font-style: italic;
  1705.                     position: relative;
  1706.                     -webkit-transition: -webkit-transform 0.5s;
  1707.                     -moz-transition: -moz-transform 0.5s;
  1708.                     -ms-transition: -moz-transform 0.5s;
  1709.                     -o-transition: -o-transform 0.5s;
  1710.                     transition: transform 0.5s; /* трансформации будут происходить анимированно продолжительностью 0.5 сек */
  1711.  
  1712.                     -webkit-transform-style: preserve-3d;
  1713.                     -moz-transform-style: preserve-3d;
  1714.                     -ms-transform-style: preserve-3d;
  1715.                     -o-transform-style: preserve-3d;
  1716.                     transform-style: preserve-3d;   /* указываем, что дочерние элементы находятся в 3D пространстве */
  1717.                 }
  1718.                     .about-page  .our-team-list li:hover .back
  1719.                      {    /* добавляя этот класс, поворачиваем контейнер на 180 градусов */
  1720.                         -webkit-transform: rotateY( 180deg );
  1721.                         -moz-transform: rotateY( 180deg );
  1722.                         -ms-transform: rotateY( 180deg );
  1723.                         -o-transform: rotateY( 180deg );
  1724.                         transform: rotateY( 180deg );
  1725.                     }
  1726.                     .about-page  .our-team-list li:hover .front
  1727.                      {    /* добавляя этот класс, поворачиваем контейнер на 180 градусов */
  1728.                         -webkit-transform: rotateY( 0deg );
  1729.                         -moz-transform: rotateY( 0deg );
  1730.                         -ms-transform: rotateY( 0deg );
  1731.                         -o-transform: rotateY( 0deg );
  1732.                         transform: rotateY( 0deg );
  1733.                     }
  1734.                         .about-page  .our-team-list .back,
  1735.                         .about-page  .our-team-list .front {
  1736.                             padding: 125px 30px 30px 39px;
  1737.                             height: 148px;
  1738.                             width: 158px;
  1739.                             border: 1px solid #FFF;
  1740.                             border-radius: 40px;
  1741.                             top: 0;
  1742.                             left: 0;
  1743.                             display: block;
  1744.                             position: absolute;
  1745.                             -webkit-backface-visibility: hidden;
  1746.                             -moz-backface-visibility: hidden;
  1747.                             -ms-backface-visibility: hidden;
  1748.                             -o-backface-visibility: hidden;
  1749.                             backface-visibility: hidden;    /* если элемент "отвернулся" от пользователя, контент этого элемента не виден */
  1750.                             -webkit-transition: -webkit-transform 0.5s;
  1751.                             -moz-transition: -moz-transform 0.5s;
  1752.                             -ms-transition: -moz-transform 0.5s;
  1753.                             -o-transition: -o-transform 0.5s;
  1754.                             transition: transform 0.5s; /* трансформации будут происходить анимированно продолжительностью 0.5 сек */
  1755.                         }
  1756.                         .no-textshadow .about-page  .our-team-list .front { display: none; }
  1757.                         .about-page  .our-team-list .front {
  1758.                             -webkit-transform: rotateY( 180deg );
  1759.                             -moz-transform: rotateY( 180deg );
  1760.                             -ms-transform: rotateY(180deg);
  1761.                             -o-transform: rotateY( 180deg );
  1762.                             transform: rotateY( 180deg );   /* в начальном положении фэйс карты к нам развернут на 180 градусов */
  1763.                         }
  1764.                             .about-page  .our-team-list .front .photo {
  1765.                                 -webkit-transform: rotateY( 180deg );
  1766.                                 -moz-transform: rotateY( 180deg );
  1767.                                 -ms-transform: rotateY(180deg);
  1768.                                 -o-transform: rotateY( 180deg );
  1769.                                 transform: rotateY( 180deg );
  1770.                             }
  1771.                         .about-page  .our-team-list .front,
  1772.                         .about-page  .our-team-list .front a
  1773.                          {
  1774.                             color: #000;
  1775.                             line-height: 148px;
  1776.                         }
  1777.                             .about-page  .our-team-list .front .inner {
  1778.                                 display: inline-block;
  1779.                                 vertical-align: middle;
  1780.                                 font-size: 14px;
  1781.                                 line-height: 17px;
  1782.                                 max-height: 148px;
  1783.                                 overflow: hidden;
  1784.                                 color:#fff;
  1785.                             }
  1786.                 .about-page  .our-team-list .photo {
  1787.                     position: absolute;
  1788.                     width: 205px;
  1789.                     height: 205px;
  1790.                     border-radius: 100%;
  1791.                     border: 1px solid #FFF;
  1792.                     overflow: hidden;
  1793.                     top: -103px;
  1794.                     left: 50%;
  1795.                     margin: 0 0 0 -103.5px;
  1796.                     background: #FFF;
  1797.                 }
  1798.                 .about-page  .our-team-list .name { color: #e5124c; }
  1799.                 .about-page  .our-team-list .post { color: #FFF; margin: 0 0 10px; font-size: 15px; font-size: 15px;margin-top: 9px;}
  1800.                 .about-page  .our-team-list  .mail-wrap {
  1801.                     padding: 20px 0 25px;
  1802.                     font-size: 14px;
  1803.                     line-height: 16px;
  1804.                     font-style: normal;
  1805.                     background: url(img/seporate-white.png) center 6px no-repeat;
  1806.                 }
  1807.                     .about-page  .our-team-list  .mail-wrap a { color: #FFF; }
  1808.                     .about-page  .social-block {
  1809.                         font-size: 0;
  1810.                         line-height: 0;
  1811.                     }
  1812.                         .about-page  .social-block a {
  1813.                                 margin: 5px 10px 0 0;
  1814.                                 width: 20px;
  1815.                                 height: 20px;
  1816.                                 display: inline-block;
  1817.                                 background: url(img/sprite-ico.png) -93px -101px no-repeat;
  1818.                             }
  1819.                             .about-page  .social-block .tw { background-position: -74px -101px; }
  1820.                             .about-page  .social-block .fb { background-position: -56px -101px; width: 17px; }
  1821.                             .about-page  .social-block .vk { background-position: -40px -101px; }
  1822.  
  1823. .work-page {
  1824.     padding: 20px 0;
  1825.     min-height: 1040px;
  1826. }
  1827.     .work-page h1 { margin: 30px 0 30px; }
  1828.     .work-page .desc {
  1829.         color: #FFF;
  1830.         margin: 100px 0 60px;
  1831.         font-size: 20px;
  1832.         line-height: 24px;
  1833.         font-style: italic;
  1834.     }
  1835.     .work-page .black-container {}
  1836.     .work-page .black-container a { color: #e5124c; }
  1837.  
  1838. .section-settings {
  1839.     position: relative;
  1840.     background: #F9F9F9 url(img/section-services-top.png) 0 0 repeat-x;
  1841.     padding: 20px 0;
  1842. }
  1843. .section-settings:after {
  1844.     content: '';
  1845.     width: 100%;
  1846.     height: 7px;
  1847.     position: absolute;
  1848.     left: 0;
  1849.     bottom: 0;
  1850.     background: url(img/section-services-top.png) 0 0 repeat-x;
  1851. }
  1852.     .section-settings .tabs {
  1853.         float: right;
  1854.     }
  1855.         .section-settings .tabs a {
  1856.             float: left;
  1857.             width: 18px;
  1858.             height: 18px;
  1859.             margin: 0 0 0 13px;
  1860.         }
  1861.         .section-settings .tabs a:first-child { margin: 0; }
  1862.         .section-settings .tabs .list { background: url(img/tovar-list-ico.png) 0 0 no-repeat;}
  1863.         .section-settings .tabs .list:hover,
  1864.         .section-settings .tabs .list.active { background-position: 0 -22px; }
  1865.         .section-settings .tabs .tiles { background: url(img/tovar-tiles-ico.png) 0 0 no-repeat;}
  1866.         .section-settings .tabs .tiles.active,
  1867.         .section-settings .tabs .tiles:hover { background-position: 0px -22px;  }
  1868.     .section-settings .just-found  {
  1869.         float: left;
  1870.         margin: 0 65px 0 0;
  1871.     }
  1872.     .section-settings .sort {
  1873.         display: inline-block;
  1874.         vertical-align: top;
  1875.         position: relative;
  1876.         padding: 0 0 0 20px;
  1877.     }
  1878.     .section-settings .sort:before,
  1879.     .section-settings .sort:after {
  1880.         content: '';
  1881.         position: absolute;
  1882.         width: 0;
  1883.         height: 0;
  1884.         left: 8px;
  1885.         top: 8px;
  1886.         border: 3px solid transparent;
  1887.         border-top: 3px solid #35a2fe;
  1888.     }
  1889.     .section-settings .sort:before {
  1890.         top: 7px;
  1891.         border-top: 3px solid #FFF;
  1892.         z-index: 5;
  1893.     }
  1894.         .section-settings .sort span {
  1895.             display: inline-block;
  1896.             border-bottom: 1px dashed #35a2fe;
  1897.             color: #35a2fe;
  1898.             cursor: pointer;
  1899.             position: relative;
  1900.         }
  1901.         .section-settings .sort ul {
  1902.             list-style-type: none;
  1903.             display: none;
  1904.             position: absolute;
  1905.             border-radius: 30px;
  1906.             width: 150px;
  1907.             padding: 30px 40px;
  1908.             margin: 0;
  1909.             background: #FFF;
  1910.             box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  1911.             z-index: 20;
  1912.             left: -10px;
  1913.             top: 25px;
  1914.         }
  1915.         .no-rgba .section-settings .sort ul { border: 1px solid #EAEAEA; }
  1916.             .section-settings .sort ul li { margin: 0 0 5px; }
  1917.             .section-settings .sort ul li a { text-decoration: none; }
  1918.             .section-settings .sort ul li.active a { color: #f6235d; }
  1919. .pagination { float: right; }
  1920.     .pagination span,
  1921.     .pagination a,
  1922.     .pagination em {
  1923.         float: left;
  1924.         height: 22px;
  1925.         min-width: 18px;
  1926.         padding: 0 2px;
  1927.         text-align: center;
  1928.         border-radius: 100%;
  1929.         color: #000;
  1930.         font-size: 14px;
  1931.         line-height: 22px;
  1932.     }
  1933.     .pagination a.active,
  1934.     .pagination em.current {
  1935.         color: #FFF;
  1936.         background: #35A2FE;
  1937.         text-decoration: none;
  1938.     }
  1939.     .pagination .prev,
  1940.     .pagination .previous_page,
  1941.     .pagination .next_page,
  1942.     .pagination .next {
  1943.         width: auto;
  1944.         color: #35a2fe;
  1945.         padding: 0 0 0 20px;
  1946.         margin: 0 10px 0 0;
  1947.         border-radius: 0;
  1948.         position: relative;
  1949.     }
  1950.     .pagination .next,
  1951.     .pagination .next_page {
  1952.         padding: 0 20px 0 0;
  1953.         margin: 0 0 0 10px;
  1954.     }
  1955.     .pagination .prev:before,
  1956.     .pagination .next:before,
  1957.     .pagination .prev:after,
  1958.     .pagination .previous_page:after,
  1959.     .pagination .next_page:after,
  1960.     .pagination .next:after {
  1961.         content: '';
  1962.         position: absolute;
  1963.         width: 0;
  1964.         height: 0;
  1965.         left: 0;
  1966.         top: 8px;
  1967.         border: 4px solid transparent;
  1968.         border-right: 4px solid #35a2fe;
  1969.     }
  1970.     .pagination .prev:before,
  1971.     .pagination .next:before,
  1972.     .pagination .previous_page:before,
  1973.     .pagination .next_page:before {
  1974.         border-right: 4px solid #FFF;
  1975.         left: 1px;
  1976.         z-index: 5;
  1977.     }
  1978.     .pagination .next:after,
  1979.     .pagination .next_page:after {
  1980.         border-right: 4px solid transparent;
  1981.         border-left: 4px solid #35a2fe;
  1982.         left: auto;
  1983.         right: 0;
  1984.     }
  1985.     .pagination .next:before,
  1986.     .pagination .next_page:before {
  1987.         border-right: 4px solid transparent;
  1988.         border-left: 4px solid #FFF;
  1989.         left: auto;
  1990.         right: 1px;
  1991.     }
  1992. .search-results-list  {
  1993.     text-align: center;
  1994.     font-size: 0;
  1995.     line-height: 0;
  1996.     margin: 25px 0;
  1997. }
  1998.     .search-results-list .service {
  1999.         float: none;
  2000.         display: inline-block;
  2001.         margin: 0 5px 33px;
  2002.         font-size: 14px;
  2003.         line-height: 17px;
  2004.         text-align: left;
  2005.     }
  2006.     .search-results-list .banner-content { margin: 5px 0 50px; }
  2007.     .search-tovar-list .how-works,
  2008.     .search-results-list .how-works {
  2009.         font: 30px/40px 'ArialBlackRegular', Arial, sans-serif;
  2010.         display: block;
  2011.         padding: 0 45px 0 0;
  2012.         margin: 40px auto 0;
  2013.         width: 465px;
  2014.         background: url(img/banner-more.png) right 3px no-repeat;
  2015.     }
  2016. .products-viewed { margin: 53px 0 0; }
  2017.     .products-viewed .top {
  2018.         margin: 0 0 28px;
  2019.         text-align: center;
  2020.         color: #e5124c;
  2021.     }
  2022.     .products-viewed .top a {
  2023.         float: right;
  2024.     }
  2025.     .products-viewed .bx-wrapper {
  2026.         position: relative;
  2027.     }
  2028. /*      .products-viewed .bx-wrapper .bx-controls-direction a {
  2029.             position: absolute;
  2030.             background: url(img/slider-btn.png) 0 0 no-repeat;
  2031.             width: 20px;
  2032.             height: 20px;
  2033.             top: 50%;
  2034.             margin: -10px 0 0;
  2035.             left: -40px;
  2036.             overflow: hidden;
  2037.             text-indent: -999px;
  2038.         }
  2039.         .products-viewed .bx-wrapper .bx-controls-direction .bx-next {
  2040.             left: auto;
  2041.             right: -40px;
  2042.             background: url(img/slider-btn.png) 0 -20px no-repeat;
  2043.         }*/
  2044.     .products-viewed .slider {
  2045.         text-align: center;
  2046.         font-size: 0;
  2047.         line-height: 0;
  2048.     }
  2049.         .products-viewed .slide {
  2050.             width: 170px;
  2051.             height: 170px;
  2052.             display: inline-block;
  2053.             margin: 0 2px;
  2054.             overflow: hidden;
  2055.             border: 1px solid #F9F9F9;
  2056.             box-shadow: 0 1px 1px rgba(0,0,0,0.5);
  2057.             position: relative;
  2058.         }
  2059.         .products-viewed .slide img { width: 170px; }
  2060.         .products-viewed .info {
  2061.             width: 100%;
  2062.             height: 100%;
  2063.             position: absolute;
  2064.             top: 0;
  2065.             left: 0;
  2066.             background: rgba(0,0,0,0.5);
  2067.             line-height: 170px;
  2068.             display: none;
  2069.         }
  2070.         .products-viewed .slide:hover .info { display: block; }
  2071.         .no-rgba .products-viewed .info { background: url(img/bg-black-transparent-50.png) 0 0 repeat;}
  2072.             .products-viewed .info .title {
  2073.                 vertical-align: middle;
  2074.                 display: inline-block;
  2075.                 color: #FFF;
  2076.                 text-align: center;
  2077.                 font-size: 14px;
  2078.                 line-height: 17px;
  2079.             }
  2080.                 .products-viewed .info .price {
  2081.                     display: block;
  2082.                     margin: 17px 0 0;
  2083.                 }
  2084. .how-works { margin: 60px 0 0; }
  2085.     .how-works .title {
  2086.         font: 30px/40px 'ArialBlackRegular', Arial, sans-serif;
  2087.         color: #e5124c;
  2088.         margin: 0 0 40px;
  2089.     }
  2090.     .how-works .how-works-container {
  2091.         padding: 90px 0 50px;
  2092.         text-align: center;
  2093.     }
  2094.         .how-works .how-works-item {
  2095.             width: 230px;
  2096.             height: 235px;
  2097.             margin: 0 -16px;
  2098.             padding: 35px 20px 0;
  2099.             border-radius: 100%;
  2100.             vertical-align: top;
  2101.             display: inline-block;
  2102.             background: rgba(0,0,0,0.3);
  2103.             text-align: center;
  2104.             color: #FFF;
  2105.         }
  2106.         .no-rgba .how-works .how-works-item { background: url(img/bg-black-transparent-50.png) 0 0 repeat;}
  2107.             .how-works .how-works-item .ico {
  2108.                 display: block;
  2109.                 height: 95px;
  2110.                 margin: 0 0 18px;
  2111.             }
  2112.             .how-works .how-works-item .number {
  2113.                 padding: 0 5px;
  2114.                 margin: 0 0 15px;
  2115.                 display: inline-block;
  2116.                 position: relative;
  2117.             }
  2118.             .how-works .how-works-item .number:after,
  2119.             .how-works .how-works-item .number:before {
  2120.                 content: '';
  2121.                 width: 15px;
  2122.                 height: 1px;
  2123.                 background: #B7B7B7;
  2124.                 position: absolute;
  2125.                 top: 8px;
  2126.                 left: -15px;
  2127.             }
  2128.             .how-works .how-works-item .number:before {
  2129.                 left: auto;
  2130.                 right: -15px;
  2131.             }
  2132.             .how-works .how-works-item .text {
  2133.                 overflow: hidden;
  2134.                 font-size: 20px;
  2135.                 line-height: 24px;
  2136.                 text-shadow: 0 1px 1px rgba(0,0,0,0.5);
  2137.                 font-style: italic;
  2138.             }
  2139.     .how-works .top {
  2140.         margin: 43px 0 70px;
  2141.     }
  2142.         .how-works .how-works-link {
  2143.             font: 30px/40px 'ArialBlackRegular', Arial, sans-serif;
  2144.             display: inline-block;
  2145.             padding: 0 45px 0 0;
  2146.             background: url(img/banner-more.png) right 3px no-repeat;
  2147.         }
  2148.         .how-works .you-can { margin: 25px 0; }
  2149.             .how-works .you-can .photo {
  2150.                 width: 98px;
  2151.                 float: left;
  2152.             }
  2153.             .how-works .you-can .text {
  2154.                 width: 500px;
  2155.                 float: left;
  2156.                 margin: 0 0 0 24px;
  2157.                 font-size: 14px;
  2158.                 line-height: 24px;
  2159.                 padding: 7px 0 0;
  2160.             }
  2161.         .how-works .select-packaging { margin: 55px 0 0; }
  2162.             .how-works .select-packaging p {
  2163.                 font-size: 14px;
  2164.                 line-height: 17px;
  2165.                 margin: 0 0 20px;
  2166.             }
  2167.             .how-works .select-packaging p a { color: #f6235d; }
  2168.             .how-works .select-packaging .slider {}
  2169.             .cart-page .packaging-box .slide,
  2170.                 .how-works .select-packaging .slide {
  2171.                     width: 112px;
  2172.                     height: 112px;
  2173.                     float: left;
  2174.                     margin: 0 7px 0 0;
  2175.                     overflow: hidden;
  2176.                 }
  2177.                 .cart-page .packaging-box .slide { height: 157px; border: 1px solid #E9E9E9; }
  2178.                 .cart-page .packaging-box .slide .price {
  2179.                     font-size: 20px;
  2180.                     line-height: 45px;
  2181.                     display: block;
  2182.                     text-align: center;
  2183.                     color: #e5124c;
  2184.                 }
  2185.                     .cart-page .packaging-box .slide img,
  2186.                     .how-works .select-packaging .slide img { width: 100%; }
  2187.             .how-works .select-packaging .bx-wrapper {
  2188.                 margin: 0 0 0 40px!important;
  2189.                 position: relative;
  2190.             }
  2191. /*              .cart-page .packaging-box .bx-wrapper .bx-controls-direction a,
  2192.                 .packaging-section .bx-wrapper .bx-controls-direction a,
  2193.                 .how-works .bx-wrapper .bx-controls-direction a {
  2194.                     position: absolute;
  2195.                     background: url(img/slider-btn.png) 0 0 no-repeat;
  2196.                     width: 20px;
  2197.                     height: 20px;
  2198.                     top: 50%;
  2199.                     margin: -10px 0 0;
  2200.                     left: -40px;
  2201.                     overflow: hidden;
  2202.                     text-indent: -999px;
  2203.                 }
  2204.                 .cart-page .packaging-box .bx-wrapper .bx-controls-direction .bx-next,
  2205.                 .packaging-section .bx-wrapper .bx-controls-direction .bx-next,
  2206.                 .how-works .bx-wrapper .bx-controls-direction .bx-next {
  2207.                     left: auto;
  2208.                     right: -40px;
  2209.                     background: url(img/slider-btn.png) 0 -20px no-repeat;
  2210.                 }*/
  2211.  
  2212. .registration-page { margin: 94px 0 0; }
  2213.     .registration-page-left {
  2214.         float: left;
  2215.         width: 600px;
  2216.     }
  2217.     .registration-page .registration-box {
  2218.         border-radius: 40px;
  2219.         background: #fff;
  2220.         box-shadow: 0 1px 1px rgba(0,0,0,0.16);
  2221.         padding: 37px 45px 50px 55px;
  2222.     }
  2223.     .no-boxshadow .registration-page .registration-box,
  2224.     .no-boxshadow .registration-page  .enter-box  { border: 1px solid #EAEAEA; }
  2225.     .registration-page .title {
  2226.         text-transform: uppercase;
  2227.         margin: 0 0 30px;
  2228.     }
  2229.     .registration-page .row { margin: 0 0 15px; }
  2230.         .registration-page input[type=text],
  2231.         .registration-page input[type=password] {
  2232.             width: 230px;
  2233.         }
  2234.         .registration-page textarea {
  2235.             width: 415px;
  2236.             height: 180px;
  2237.         }
  2238.         .registration-page .checkbox a { color: #f6235d; }
  2239.         .registration-page .checkbox-wrap { margin: 35px 0 20px; }
  2240.     .registration-page .enter-box {
  2241.         float: right;
  2242.         border-radius: 40px;
  2243.         background: #fff;
  2244.         box-shadow: 0 1px 1px rgba(0,0,0,0.16);
  2245.         padding: 37px 25px 30px;
  2246.         width: 280px;
  2247.     }
  2248.         .password { display: none; }
  2249.     .registration-page .enter-box form { margin: 0 0 45px; }
  2250.         .registration-page .enter-box input[type=submit] {
  2251.             float: left;
  2252.             width: 107px;
  2253.         }
  2254.         .registration-page .btn-wrap a { float: right; line-height: 33px; }
  2255.     .registration-page .enter-box a, .registration-page-left a { color: #e5124c; }
  2256.     .registration-page .social-block { margin: 44px 0 0; }
  2257.         .registration-page .social-box a {
  2258.             width: 58px;
  2259.             height: 58px;
  2260.             float: left;
  2261.             background: url(img/social-big.png) 0 0 no-repeat;
  2262.             margin: 0 0 0 15px;
  2263.         }
  2264.         .registration-page .social-box .tw { background-position: -60px 0; }
  2265.         .registration-page .social-box .gg { background-position: -120px 0; }
  2266.         .registration-page .social-box .vk { background-position: -180px 0; }
  2267.         .registration-page .social-box .vkontakte { background-position: -180px 0; }
  2268.         .registration-page .social-box a:first-child { margin: 0; }
  2269.  
  2270. .packaging-section {
  2271.     /*margin: 52px 0 0;*/
  2272.     padding: 148px 0 20px;
  2273.     min-height: 1080px;
  2274. }
  2275.     .packaging-section h1 {
  2276.         color: #35a2fe;
  2277.         margin: 0 0 60px;
  2278.     }
  2279.     .packaging-section .black-container { padding: 75px 115px 55px;}
  2280.     .packaging-section .slider-container:first-child { margin: 0 0 115px; }
  2281.         .packaging-section .slider-container .title {
  2282.             font-size: 20px;
  2283.             line-height: 24px;
  2284.             font-style: italic;
  2285.             margin: 0 0 40px;
  2286.         }
  2287.                 .packaging-section .slider {
  2288.                     width: 600px;
  2289.                     margin: 0 auto;
  2290.                 }
  2291.                     .packaging-section .slide {
  2292.                         width:  112px;
  2293.                         height: 112px;
  2294.                         float: left;
  2295.                         margin: 0 8px 8px 0;
  2296.                     }
  2297.                         .packaging-section .slide img { width: 100%; }
  2298.             .packaging-section .bx-wrapper { position: relative; }
  2299. /*          .packaging-section .bx-wrapper .bx-controls-direction .bx-next { background-position: 0 -60px; }
  2300.             .packaging-section .bx-wrapper .bx-controls-direction .bx-prev { background-position: 0 -40px; }
  2301. */
  2302.         .packaging-section .info {
  2303.           width: 100%;
  2304.           height: 100%;
  2305.           position: absolute;
  2306.           top: 0;
  2307.           left: 0;
  2308.           background: rgba(0,0,0,0.5);
  2309.           line-height: 170px;
  2310.           display: none;
  2311.           text-align: center;
  2312.         }
  2313.         .packaging-section .slide:hover .info { display: block; }
  2314.             .packaging-section .info .title {
  2315.                 vertical-align: middle;
  2316.                 display: inline-block;
  2317.                 color: #FFF;
  2318.                 text-align: center;
  2319.                 font-size: 14px;
  2320.                 line-height: 17px;
  2321.                 text-align:center;
  2322.             }
  2323.                 .packaging-section .info .price {
  2324.                     display: block;
  2325.                     margin: 17px 0 0;
  2326.                 }
  2327.  
  2328.  
  2329. .sct-electr-certificate {
  2330.     padding: 80px 0 20px;
  2331.     min-height: 1080px;
  2332.     background-color: #FFF;
  2333.     background-size: 1920px auto;
  2334.     -webkit-background-size: 1920px auto;
  2335.     -o-background-size: 1920px auto;
  2336.     -moz-background-size: 1920px auto;
  2337. }
  2338.     .sct-electr-certificate h1 { margin: 0 0 30px; }
  2339.     .sct-gift-certificate .black-container,
  2340.     .sct-electr-certificate .black-container { padding: 63px 60px 77px; }
  2341.         .sct-gift-certificate   .offer-box,
  2342.         .sct-electr-certificate .offer-box, .work-page .offer-box{
  2343.             margin: 0 0 70px 50px;
  2344.             font-size: 20px;
  2345.             line-height: 24px;
  2346.             font-style: italic;
  2347.         }
  2348.             .sct-gift-certificate   .offer-box ul,
  2349.             .sct-electr-certificate .offer-box ul {
  2350.                 padding: 0 0 0 37px;
  2351.                 margin: 0;
  2352.                 list-style-type: disc;
  2353.             }
  2354.         .sct-electr-certificate p {}
  2355.         .sct-gift-certificate ul,
  2356.         .sct-electr-certificate ul {
  2357.             /*margin: 0 0 33px;*/
  2358.             /*padding: 0;*/
  2359.             /*list-style-type: none;*/
  2360.         }
  2361.         .sct-gift-certificate .marker-disk,
  2362.         .sct-electr-certificate .marker-disk {
  2363.             padding: 0 0 0 37px;
  2364.             list-style-type: disc;
  2365.         }
  2366.         .sct-gift-certificate   a,
  2367.         .sct-electr-certificate a { /*color: #f6235d;*/ font-size: 13pt; font-weight: bold; width:620px;}
  2368.  
  2369. .sct-gift-certificate   { padding: 115px 0 20px; min-height: 1080px; }
  2370.     .sct-gift-certificate   h1 { margin: 0 0 40px; }
  2371. .delivery-seciton {
  2372.     padding: 30px 0 20px;
  2373.     min-height: 1080px;
  2374. }
  2375.     .delivery-seciton .black-container {
  2376.         padding: 77px 60px 65px 68px;
  2377.         font-size: 14px;
  2378.         line-height: 24px;
  2379.     }
  2380.         .delivery-seciton  h3 { margin: 0 0 36px; }
  2381.         .delivery-seciton  h1 { margin: 30px 0 30px; }
  2382.  
  2383. .cart-page {}
  2384.     .cart-page .steps { float: left; }
  2385.         .cart-page .steps>span,
  2386.         .cart-page .steps a {
  2387.             font-size: 14px;
  2388.             line-height: 45px;
  2389.             height: 45px;
  2390.             border: 1px solid #FFF;
  2391.             float: right;
  2392.             border-radius: 35px;
  2393.             width: 155px;
  2394.             padding: 0 5px 0 60px;
  2395.             color: #FFF;
  2396.             background: #35A2FE;
  2397.             margin: 0 -33px 0 0;
  2398.             white-space: nowrap;
  2399.         }
  2400.         .cart-page .steps span.active,
  2401.         .cart-page .steps a.active,
  2402.         .cart-page .steps a:hover { background: #E5124C; }
  2403.         .cart-page .steps a:first-child { margin: 0; }
  2404.         .cart-page .steps .passed { background: #8AD0AF; }
  2405.         .cart-page .steps .step1 {}
  2406.         .cart-page .steps .step2 {  width: 145px;}
  2407.         .cart-page .steps .step3 { padding: 0 27px 0 50px; }
  2408.         .cart-page .steps .step4 { width: 95px; }
  2409.             .cart-page .steps a span {
  2410.                 text-transform: uppercase;
  2411.             }
  2412.             .cart-page .product-container { margin: 0 0 30px; }
  2413.             .cart-page .product-container .product-list {
  2414.                 float: left;
  2415.                 width: 555px;
  2416.                 padding: 0 110px 0 0;
  2417.                 border-right: 1px solid #D3DCE3;
  2418.             }
  2419.             .cart-page .product-container .product-list-inner { margin: 0 0 -25px; }
  2420.             .cart-page .product-container .product-item {
  2421.                 padding: 0 0 25px;
  2422.                 margin: 0 0 25px;
  2423.                 border-bottom: 1px dotted #030303;
  2424.             }
  2425.  
  2426.     .cart-page  .tabs { margin: 55px 0 0; }
  2427.         .cart-page .tab { display: none; }
  2428.         .cart-page .tab:first-child { display: block; }
  2429.         .cart-page .product-box {
  2430.             padding: 30px 0 25px;
  2431.             border-top: 1px dotted #000;
  2432.         }
  2433.         .cart-page .first,
  2434.         .cart-page .product-box:first-child { padding-top: 0; border: 0; }
  2435.             .cart-page .product-box .photo {
  2436.                 float: left;
  2437.                 width: 223px;
  2438.                 height: 145px;
  2439.                 overflow: hidden;
  2440.                 border: 1px solid #9FA3A5;
  2441.             }
  2442.                 .cart-page .product-box .photo img { width: 100%; }
  2443.             .cart-page .product-box .right {
  2444.                 float: right;
  2445.                 width: 290px;
  2446.             }
  2447.              .cart-page .product-box .right .top {
  2448.                     margin: 0 -86px 0 0;
  2449.                 }
  2450.                 .cart-page .product-box .title {
  2451.                     font-size: 18px;
  2452.                     line-height: 21px;
  2453.                     margin: 0 0 30px;
  2454.                 }
  2455.         .cart-page .product-box .price-wrap {
  2456.           padding: 0 0 0 10px;
  2457.           color: #7a7a7a;
  2458.           display: block;
  2459.           height: 36px;
  2460.           line-height: 36px;
  2461.           border-bottom: 1px dotted #7a7a7a;
  2462.           color: #7a7a7a;
  2463.         }
  2464.           .cart-page .product-box .price-wrap .price {
  2465.             float: right;
  2466.             font-size: 24px;
  2467.             line-height: 36px;
  2468.           }
  2469.           .cart-page .product-box .title-lnk { margin: 0 20px 0 0; }
  2470.  
  2471.                     .cart-page .product-box .delete {
  2472.                         text-decoration: none;
  2473.                         color: #e5124c;
  2474.                         font-size: 14px;
  2475.                         line-height: 17px;
  2476.                         border-bottom: 1px dashed #e5124c;
  2477.                     }
  2478.                 .cart-page .product-box table { width: 100%; }
  2479.                     .cart-page .product-box td { padding: 0 0 8px 35px; }
  2480.                     .cart-page .product-box td:first-child {
  2481.                         padding: 21px 10px 8px 0;
  2482.                         width: 285px;
  2483.                         border-right: 1px solid #E0E0E0;
  2484.                     }
  2485.                         .cart-page .product-box .row { margin: 0 0 6px -18px; }
  2486.                         .cart-page .product-box .price .checked,
  2487.                         .cart-page .product-box .checked { color: #e5124c; }
  2488.                             .cart-page .product-box .row i {
  2489.                                 display: inline-block;
  2490.                                 vertical-align: top;
  2491.                                 margin: 0 14px 0 0;
  2492.                                 width: 23px;
  2493.                                 height: 16px;
  2494.                                 background: url(img/sprite-ico.png)  -77px -10px no-repeat;
  2495.                             }
  2496.                             .cart-page .product-box .row .gift { background-position: -77px -27px;  }
  2497.                         .cart-page .product-box .price label {
  2498.                             display: block;
  2499.                             height: 36px;
  2500.                             line-height: 36px;
  2501.                             border-bottom: 1px dotted #7a7a7a;
  2502.                             color: #7a7a7a;
  2503.                             padding: 0 0 0 20px;
  2504.                         }
  2505.                         .cart-page .product-box .price label:after {
  2506.                             top: 14px;
  2507.                             left: 0;
  2508.                         }
  2509.                             .cart-page .product-box .price label span {
  2510.                                 float: right;
  2511.                                 font-size: 24px;
  2512.                                 line-height: 36px;
  2513.                             }
  2514.     .cart-page .section-settings { padding: 25px 0  20px; margin: 5px 0 0; }
  2515.         .cart-page .total-amount {
  2516.             float: right;
  2517.             margin: 0 0 0 80px;
  2518.             font-size: 14px;
  2519.             line-height: 30px;
  2520.         }
  2521.             .cart-page .total-amount span {
  2522.                 font-size: 24px;
  2523.                 color: #e5124c;
  2524.                 margin: 0 0 0 30px;
  2525.             }
  2526.         .cart-page .promocode {
  2527.             line-height: 30px;
  2528.             float: right;
  2529.         }
  2530.             .cart-page .promocode input {
  2531.                 width: 77px;
  2532.                 height: 30px;
  2533.                 border-radius: 0;
  2534.                 text-align: left;
  2535.             }
  2536.     .cart-page .wrapper-btn { margin: 30px 0 70px;}
  2537.         .cart-page .add-order,
  2538.         .cart-page .wrapper-btn a {
  2539.             display: block;
  2540.             width: 169px;
  2541.             height: 30px;
  2542.             line-height: 30px;
  2543.             color: #FFF;
  2544.             text-align: center;
  2545.             border-radius: 30px;
  2546.             font-size: 12px;
  2547.             background: #8AD0AF;
  2548.         }
  2549.         .cart-page .add-order { margin: 43px 0 0 65px; }
  2550.         .cart-page .wrapper-btn .next {
  2551.             float: right;
  2552.             background: #E5124C;
  2553.         }
  2554.         .cart-page .title-cart-empty {
  2555.             padding: 125px 0 80px;
  2556.             text-align: center;
  2557.             font-size: 18px;
  2558.             line-height: 21px;
  2559.             color: #35a2fe;
  2560.             background: url(img/section-services-top.png) 0 bottom repeat-x;
  2561.             /*display: none;*/
  2562.         }
  2563.         .cart-page .tab-step2 {}
  2564.             .cart-page .tab-step2 .title {
  2565.                 font-size: 18px;
  2566.                 line-height: 21px;
  2567.                 color: #35a2fe;
  2568.                 margin: 0 0 33px;
  2569.             }
  2570.             .cart-page .tab-step2 .title span{
  2571.                 font-size: 14px;
  2572.                 line-height: 17px;
  2573.                 color: #7a7a7a;
  2574.             }
  2575.             .cart-page .packaging-box .right .title { margin: 0 0 12px; }
  2576.             .cart-page .packaging-box .right .title span {
  2577.                 font-size: 14px;
  2578.                 line-height: 17px;
  2579.                 color: #7a7a7a;
  2580.             }
  2581.             .cart-page .packaging-box {
  2582.                 margin: 40px 0;
  2583.             }
  2584.                 .cart-page .packaging-box .photo {
  2585.                     float: left;
  2586.                     width: 235px;
  2587.                 }
  2588.                     .cart-page .packaging-box .photo .pict {
  2589.                         width: 233px;
  2590.                         height: 233px;
  2591.                         display: block;
  2592.                         overflow: hidden;
  2593.                         position: relative;
  2594.                         border: 1px solid #D1D1D1;
  2595.                         text-align: center;
  2596.                     }
  2597.                     .cart-page .packaging-box .photo .pict .inscription {
  2598.                         position: absolute;
  2599.                         top: 0;
  2600.                         left: 0;
  2601.                         width: 100%;
  2602.                         padding: 80px 40px 5px;
  2603.                         text-align: center;
  2604.                         font-size: 10px;
  2605.                         line-height: 17px;
  2606.                         color: #e5124c;
  2607.                         box-sizing: border-box;
  2608.                         -moz-box-sizing: border-box;
  2609.                         -webkit-box-sizing: border-box;
  2610.                     }
  2611.                         /*.cart-page .packaging-box .photo .pict img { width: 100%; }*/
  2612.                 .cart-page .packaging-box .zoom-wrap {
  2613.                     margin: 6px 0 0;
  2614.                     text-align: center;
  2615.                 }
  2616.                     .cart-page .packaging-box .zoom, .cart-page .packaging-box .certificate_preview {
  2617.                         position: relative;
  2618.                         padding: 0 0 0 15px;
  2619.                         position: relative;
  2620.                         color: #e5124c;
  2621.                         display: inline-block;
  2622.                     }
  2623.                     .cart-page .packaging-box .zoom:after, .cart-page .packaging-box .certificate_preview:after {
  2624.                         content: '';
  2625.                         width: 12px;
  2626.                         height: 12px;
  2627.                         position: absolute;
  2628.                         left: 0;
  2629.                         top: 2px;
  2630.                         background: url(img/sprite-ico.png) -102px -80px no-repeat;
  2631.                     }
  2632.             .cart-page .packaging-box .right {
  2633.                 width: 710px;
  2634.                 float: right;
  2635.             }
  2636.             .cart-page .packaging-box .bx-wrapper { position: relative; }
  2637.                 .cart-page .packaging-box .price-packaging { float: right; margin: 100px 65px 0 0; }
  2638.                     .cart-page .packaging-box .price-packaging span {
  2639.                         font-size: 24px;
  2640.                         line-height: 27px;
  2641.                         margin: 0 0 0 15px;
  2642.                         color: #e5124c;
  2643.                     }
  2644.                     .cart-page .packaging-box .or {
  2645.                         font-size: 18px;
  2646.                         line-height: 21px;
  2647.                         color: #35a2fe;
  2648.                         text-align: center;
  2649.                         margin: 23px 0 10px;
  2650.                     }
  2651.     .cart-page .tab-step2 .feed-method-title {
  2652.       border-top: 1px dotted #000;
  2653.       margin: -50px 0 33px;
  2654.       padding: 30px 0 0;
  2655.     }
  2656.             .cart-page .feed-method {
  2657.                 margin: 0 0 160px;
  2658.                 display: table;
  2659.                 width: 100%;
  2660.             }
  2661.                 .cart-page .feed-method label {
  2662.                     display: table-cell;
  2663.                     padding: 0;
  2664.                     text-align: center;
  2665.                 }
  2666.                 .cart-page .feed-method label .feed-method-pict {
  2667.                     height: 120px;
  2668.                     line-height: 120px;
  2669.                     margin: 0 0 20px;
  2670.                     display: block;
  2671.                     text-align: center;
  2672.                 }
  2673.                 .cart-page .feed-method label:after {
  2674.                     left: 50%;
  2675.                     margin: 0 0 0 -5px;
  2676.                     top: 125px;
  2677.                 }
  2678.                     .cart-page .feed-method label .feed-method-pict img { vertical-align: middle; }
  2679.             .cart-page .packaging-box-elect { border: 0; }
  2680.                 .cart-page .file-wrap {
  2681.                     text-align: center;
  2682.                     margin: 0 0 20px;
  2683.                     position: relative;
  2684.                 }
  2685.                 .cart-page .inp-wrap input {
  2686.                     border-radius: 0;
  2687.                     text-align: left;
  2688.                     border: 1px solid #000;
  2689.                     background: transparent;
  2690.                 }
  2691.                 .cart-page .inp-wrap input.error {
  2692.                     border: 1px solid #e5124c;
  2693.                 }
  2694.         .cart-page .tab-step3 .title {
  2695.             font-size: 18px;
  2696.             line-height: 21px;
  2697.             margin: 0 0 30px;
  2698.             color: #35a2fe;
  2699.         }
  2700.         .cart-page .tab-step3 table { width: 100%; margin: 0 0 50px; }
  2701.             .cart-page .tab-step3 td { padding: 0 0 0 10px; }
  2702.             .cart-page .tab-step3 td:first-child { padding: 0; }
  2703.             .cart-page .tab-step3 td:first-child .title { margin: 0 0 20px; }
  2704.             .cart-page .tab-step3 .delivery-cell { width: 310px; }
  2705.             .cart-page .tab-step3 .payment-cell { width: 246px; }
  2706.             .cart-page .tab-step3 .inp-wrap { margin: 0 0 15px; }
  2707.                 .cart-page .tab-step3 .inp-wrap input { width: 222px; padding-right: 20px; }
  2708.             .cart-page .tab-step3 .row { margin: 0 0 9px; }
  2709.                 .cart-page .tab-step3 label { padding: 0 0 0 20px; }
  2710.                 .cart-page .tab-step3 label:after { left: 0; }
  2711.         .cart-page .tab-step3 .deferred-delivery-tbl .delivery-cell { width: 400px; }
  2712.             .cart-page .deferred-delivery {
  2713.                 margin: 33px 0 0;
  2714.                 color: #7a7a7a;
  2715.                 display: none;
  2716.             }
  2717.                 .cart-page .deferred-delivery-ttl { color: #e5124c; margin: 0 0 8px; }
  2718.                 .cart-page .deferred-delivery .inp-wrap { margin: 0 0 8px; position: relative; }
  2719.                     .cart-page .deferred-delivery .inp-wrap input[type="text"] {
  2720.                         padding: 0 25px;
  2721.                         text-align: center;
  2722.                         margin: 8px 0 0;
  2723.                         line-height: 23px;
  2724.                         position: relative;
  2725.                         background: url(img/arrow-down-blue.png) 197px 16px no-repeat;
  2726.                     }
  2727.                     .cart-page .deferred-delivery .def-select {
  2728.                         margin: 8px 0 0;
  2729.                     }
  2730.                         .cart-page .deferred-delivery .vis-sel {
  2731.                             background: transparent;
  2732.                             border: 1px solid #000;
  2733.                             /*width: 170px;*/
  2734.                             border-radius: 0;
  2735.                         }
  2736.                             .cart-page .deferred-delivery .vis-sel-inner:before { display: none; }
  2737.                             .cart-page .deferred-delivery .vis-sel-inner:after {
  2738.                                 border: 4px solid transparent;
  2739.                                 border-top: 4px solid #35A2FE;
  2740.                             }
  2741.                             .cart-page .datepicker {
  2742.                                 position: absolute;
  2743.                                 left: 236px;
  2744.                                 z-index: 20;
  2745.                                 top: 20px;
  2746.                                 display: none;
  2747.                             }
  2748.             .cart-page .purchase-completed {
  2749.                 position: relative;
  2750.                 top: 0px;
  2751.                 width: 397px;
  2752.                 height: 69px;
  2753.                 font-size: 18px;
  2754.                 line-height: 21px;
  2755.                 color: #FFF;
  2756.                 margin: 0 auto 50px;
  2757.                 text-align: center;
  2758.                 padding: 21px 0 0;
  2759.                 text-transform: 0 1px 1px rgba(255,255,255,0.3);
  2760.                 background: url(img/purchase-completed-pict.png) 0 0 no-repeat;
  2761.             }
  2762.             .purchase_list{
  2763.                 /*padding-left:100px;*/
  2764.             }
  2765.             .purchase_table{
  2766.                 padding-left:100px;
  2767.             }
  2768.             .purchase_table table.order_items{
  2769.                 width:650px;
  2770.                 line-height:30px;
  2771.             }
  2772.             .cart_hr{ width:650px;padding:20px;}
  2773. .favorite-slider { margin: 40px 0 0; }
  2774.     .favorite-slider .title {
  2775.         font-size: 14px;
  2776.         line-height: 17px;
  2777.         text-transform: uppercase;
  2778.         text-align: center;
  2779.         margin: 0 0 30px;
  2780.         color: #e5124c;
  2781.     }
  2782.     .favorite-slider .bx-wrapper {
  2783.         position: relative;
  2784.     }
  2785. /*      .favorite-slider  .bx-wrapper .bx-controls-direction a {
  2786.             position: absolute;
  2787.             background: url(img/slider-btn.png) 0 0 no-repeat;
  2788.             width: 20px;
  2789.             height: 20px;
  2790.             top: 50%;
  2791.             margin: -40px 0 0;
  2792.             left: -40px;
  2793.             overflow: hidden;
  2794.             text-indent: -999px;
  2795.         }
  2796.         .favorite-slider  .bx-wrapper .bx-controls-direction .bx-next {
  2797.             left: auto;
  2798.             right: -40px;
  2799.             background: url(img/slider-btn.png) 0 -20px no-repeat;
  2800.         }*/
  2801.     .favorite-slider  .slider {
  2802.         text-align: center;
  2803.         font-size: 0;
  2804.         line-height: 0;
  2805.     }
  2806.         .favorite-slider .slide {
  2807.             width: 170px;
  2808.             margin: 0 4px 4px 0;
  2809.             display: inline-block;
  2810.             vertical-align: top;
  2811.         }
  2812.             .favorite-slider .slide-lnk {
  2813.                 width: 170px;
  2814.                 height: 170px;
  2815.                 line-height: 170px;
  2816.                 display: block;
  2817.                 overflow: hidden;
  2818.                 border: 1px solid #F9F9F9;
  2819.                 box-shadow: 0 1px 1px rgba(0,0,0,0.5);
  2820.                 position: relative;
  2821.             }
  2822.             .favorite-slider .slide-lnk a img { width: 170px; }
  2823.             .favorite-slider .info {
  2824.                 width: 100%;
  2825.                 height: 100%;
  2826.                 position: absolute;
  2827.                 top: 0;
  2828.                 left: 0;
  2829.                 background: rgba(0,0,0,0.5);
  2830.                 line-height: 170px;
  2831.                 display: none;
  2832.             }
  2833.             .favorite-slider .slide:hover .info { display: block; }
  2834.             .no-rgba .favorite-slider  .info { background: url(img/bg-black-transparent-50.png) 0 0 repeat;}
  2835.                 .favorite-slider  .info .title {
  2836.                     vertical-align: middle;
  2837.                     display: inline-block;
  2838.                     color: #FFF;
  2839.                     text-align: center;
  2840.                     font-size: 14px;
  2841.                     line-height: 17px;
  2842.                     text-transform: none;
  2843.                     margin: 0;
  2844.                 }
  2845.                     .favorite-slider .info .price {
  2846.                         display: block;
  2847.                         margin: 17px 0 0;
  2848.                     }
  2849.             .favorite-slider .slide-btn {
  2850.                 display: block;
  2851.                 text-align: center;
  2852.                 border-radius: 30px;
  2853.                 background: #E5124C;
  2854.                 color: #FFF;
  2855.                 font-size: 12px;
  2856.                 line-height: 30px;
  2857.                 height: 30px;
  2858.                 margin: 4px 0 0;
  2859.             }
  2860.  
  2861. .feedback-popup {
  2862.     padding: 40px 50px 20px;
  2863.     width: 718px;
  2864.     border-radius: 40px;
  2865.     background: #FFF;
  2866.     box-shadow: 0.5px 1px 1px rgba(0,0,0,0.25);
  2867.     position: absolute;
  2868.     font-size: 12px;
  2869.     line-height: 15px;
  2870.     z-index: 20;
  2871.     left: 50%;
  2872.     margin: -477px 0 0 -409px;
  2873.     display: none;
  2874.     text-align: left;
  2875. }
  2876. .no-boxshadow .feedback-popup { border: 1px solid #EAEAEA; }
  2877.     .feedback-popup  .title {
  2878.         text-transform: uppercase;
  2879.         margin: 0 0 30px;
  2880.         font-size: 14px;
  2881.         line-height: 17px;
  2882.         color: #000;
  2883.     }
  2884.     .feedback-popup .left {
  2885.         width: 187px;
  2886.         float: left;
  2887.     }
  2888.         .feedback-popup .row {
  2889.             margin: 0 0 10px;
  2890.             color: #35a2fe;
  2891.         }
  2892.             .feedback-popup .rating {
  2893.                 height: 12px;
  2894.                 display: inline-block;
  2895.                 vertical-align: top;
  2896.                 position: relative;
  2897.                 width: 80px;
  2898.                 margin: 0 20px 0 0;
  2899.                 background: url(img/rating.png) 0 -25px repeat;
  2900.             }
  2901.                 .feedback-popup .rating div {
  2902.                     position: absolute;
  2903.                     top: 0;
  2904.                     left: 0;
  2905.                     width: 100%;
  2906.                     height: 100%;
  2907.                     background: url(img/rating.png) 0 -38px repeat;
  2908.                 }
  2909.             .feedback-popup .look-all { margin: 10px 0 0; color: #e5124c; display: inline-block; }
  2910.         .feedback-popup .right { width: 490px; float: right; color: #7a7a7a; }
  2911.             .feedback-popup .feedback { margin: 0 0 30px; position: relative; }
  2912.             .feedback-popup .feedback:before {
  2913.                 content: '"';
  2914.                 position: absolute;
  2915.                 top: 0;
  2916.                 left: -10px;
  2917.                 color: #e5124c;
  2918.             }
  2919.             .feedback-popup .feedback:after {
  2920.                 content: '"';
  2921.                 color: #e5124c;
  2922.                 display: inline-block;
  2923.                 margin: 0 0 0 3px;
  2924.             }
  2925.  
  2926. .tovar-popup {
  2927.     padding: 38px 49px 29px 39px;
  2928.     width: 498px;
  2929.     background: #FFF;
  2930.     border-radius: 30px;
  2931.     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
  2932.     position: absolute;
  2933.     z-index: 20;
  2934.     display: none;
  2935.     left: -1px;
  2936.     top: -350px;
  2937. }
  2938. .no-boxshadow .tovar-popup { border: 1px solid #EAEAEA; }
  2939. .tovar-popup:before {
  2940.     content: '';
  2941.     width: 12px;
  2942.     height: 12px;
  2943.     position: absolute;
  2944.     bottom: -12px;
  2945.     left: 68px;
  2946.     background: url(img/sprite-ico.png) -85px -73px no-repeat;
  2947. }
  2948.     .tovar-popup .close {
  2949.         position: absolute;
  2950.         width: 9px;
  2951.         height: 9px;
  2952.         right: 40px;
  2953.         top: 27px;
  2954.         background: url(img/sprite-ico.png) -90px -46px  no-repeat;
  2955.     }
  2956.     .tovar-popup .left {
  2957.         float: left;
  2958.         width: 177px;
  2959.     }
  2960.         .tovar-popup .left .photo {
  2961.             display: block;
  2962.             width: 177px;
  2963.             height: 177px;
  2964.             overflow: hidden;
  2965.         }
  2966.             .tovar-popup .left .photo img { width: 100%; }
  2967.             .tovar-popup .preview {
  2968.                 margin: 8px -8px 0;
  2969.                 font-size: 0;
  2970.                 line-height: 0;
  2971.                 text-align: center;
  2972.             }
  2973.             .tovar-popup .preview a {
  2974.                 display: inline-block;
  2975.                 vertical-align: top;
  2976.                 width: 48px;
  2977.                 height: 48px;
  2978.                 overflow: hidden;
  2979.                 margin: 0 8px;
  2980.             }
  2981.                 .tovar-popup .preview a img { width: 100%; }
  2982.     .tovar-popup .right {
  2983.         width: 295px;
  2984.         float: right;
  2985.     }
  2986.     /*start 22.09.2014*/
  2987.     .tovar-popup .right .title {
  2988.       font-size: 16px;
  2989.       line-height: 19px;
  2990.       margin: 0 0 10px;
  2991.       width: auto;
  2992.       height: auto;
  2993.       background: none;
  2994.       position: static;
  2995.     }
  2996.             .tovar-popup .right .title a { color: #e5124c; }
  2997.         .tovar-popup .right label {
  2998.             line-height: 33px;
  2999.             border-bottom: 1px dotted #A3A3A3;
  3000.             padding: 0 0 0 25px;
  3001.             display: block;
  3002.         }
  3003.         .tovar-popup .right label:after { left: 2px; top: 10px; }
  3004.     .tovar-popup .right .label-selectbox {
  3005.       border: 0;
  3006.     }
  3007.     .tovar-popup .right .label-selectbox:after { left: 2px; top: 15px; }
  3008.     .tovar-popup .select-box {
  3009.       width: 268px;
  3010.       height: 24px;
  3011.       margin: 4px 0 0;
  3012.     }
  3013.     .tovar-popup .select-box.open  { height: 25px; }
  3014.       .tovar-popup .select-box .select-box-text { font-size: 14px!important; line-height: 24px!important; }
  3015.       .tovar-popup .select-box .select-box-list-wrap {
  3016.         background: #FFF;
  3017.        font-size: 12px!important;
  3018.        line-height: 14px!important;
  3019.       }
  3020.             .tovar-popup .right>label .price-sp {
  3021.                 float: right;
  3022.                 font-size: 16px;
  3023.                 line-height: 33px;
  3024.                 color: #e5124c;
  3025.             }
  3026.     .tovar-popup .tovar-popup-descript {
  3027.       font-size: 12px;
  3028.       line-height: 15px;
  3029.       color: #000;
  3030.       margin: 10px 0;
  3031.     }
  3032.       .tovar-popup .tovar-popup-descript .more { color: #e5124c; text-decoration: underline; }
  3033.       .tovar-popup .tovar-popup-descript .more:hover { text-decoration: none; }
  3034.     .tovar-popup .tovar-popup-certificate-ttl {
  3035.       color: #ed0e4d;
  3036.       font-size: 12px;
  3037.       line-height: 15px;
  3038.       margin: 0 0 10px;
  3039.     }
  3040.     /* end 22.09.2014*/
  3041.         .tovar-popup .row { margin: 0 0 2px; }
  3042.             .tovar-popup .row label { display: inline-block; line-height: 17px; border: none; }
  3043.             .tovar-popup .row label:after { top: 3px; }
  3044.       .tovar-popup .certifikat-ttl {
  3045.          color: #7a7a7a;
  3046.          display: inline-block;
  3047.       }
  3048.  
  3049.             .tovar-popup .row i {
  3050.                 display: inline-block;
  3051.                 vertical-align: middle;
  3052.                 margin: 0 14px 0 0;
  3053.                 width: 29px;
  3054.                 height: 19px;
  3055.         background: url(img/elecrtonic-certificate.png) 0 0 no-repeat;
  3056.             }
  3057.             .tovar-popup .row .gift { background: url(img/gift-certificate.png) 0 0 no-repeat; }
  3058.         .tovar-popup .button-wrap { margin: 25px 0 0; }
  3059.             .tovar-popup .button-wrap a {
  3060.                 float: left;
  3061.                 width: 138px;
  3062.                 height: 31px;
  3063.                 text-align: center;
  3064.                 background: #35A2FE;
  3065.                 border-radius: 30px;
  3066.                 font-size: 12px;
  3067.                 line-height: 31px;
  3068.                 color: #FFF;
  3069.             }
  3070.             .tovar-popup .button-wrap .buy { float: right; background: #E5124C; }
  3071. .feed-method-popups {
  3072.     position: relative;
  3073.     width: 100%;
  3074. }
  3075. .select-bouquet-pop {
  3076.     top: -680px;
  3077.     left: 0;
  3078.     position: absolute;
  3079.     padding: 34px 40px 24px;
  3080.     background: #FFF;
  3081.     box-shadow: 0.5px 1px 1px rgba(0,0,0,0.25);
  3082.     border-radius: 40px;
  3083.     width: 882px;
  3084.     z-index: 20;
  3085.     display: none;
  3086. }
  3087. .no-boxshadow .select-bouquet-pop { border: 1px solid #EAEAEA; }
  3088.     .slider-pop .close,
  3089.     .select-bouquet-pop .close {
  3090.         position: absolute;
  3091.         width: 20px;
  3092.         height: 20px;
  3093.         top: 15px;
  3094.         right: 15px;
  3095.     }
  3096.     .slider-pop .close:after,
  3097.     .select-bouquet-pop .close:after {
  3098.         content: '';
  3099.         position: absolute;
  3100.         width: 9px;
  3101.         height: 9px;
  3102.         top: 50%;
  3103.         left: 50%;
  3104.         margin: -4.5px 0 0 -4.5px;
  3105.         background: url(img/sprite-ico.png) -90px -46px no-repeat;
  3106.     }
  3107.     .cart-page .tab-step2 .select-bouquet-pop .title,
  3108.     .select-bouquet-pop .title {
  3109.         text-transform: uppercase;
  3110.         margin: 0 0 30px 25px;
  3111.         font-size: 14px;
  3112.         line-height: 17px;
  3113.         color: #000;
  3114.     }
  3115.         .select-bouquet-pop .slider {}
  3116.             .select-bouquet-pop .slide {
  3117.                 width: 172px;
  3118.                 float: left;
  3119.                 margin: 0 5px 0 0;
  3120.                 text-align: center;
  3121.             }
  3122.                 .select-bouquet-pop .slide .photo {
  3123.                     border: 1px solid #f9f9f9;
  3124.                 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  3125.                 width: 170px;
  3126.                 height: 170px;
  3127.                 overflow: hidden;
  3128.                 display: block;
  3129.                 }
  3130.                     .select-bouquet-pop .slide .photo img { width: 100%; }
  3131.                 .select-bouquet-pop .slide .price {
  3132.                     font-size: 24px;
  3133.                     line-height: 27px;
  3134.                     color: #e5124c;
  3135.                     margin: 8px 0 7px;
  3136.                 }
  3137.                 .select-bouquet-pop .slide .btn {
  3138.                     display: block;
  3139.                     text-align: center;
  3140.                     border-radius: 30px;
  3141.                     background: #E5124C;
  3142.                     color: #FFF;
  3143.                     font-size: 12px;
  3144.                     line-height: 30px;
  3145.                     height: 30px;
  3146.                 }
  3147.     .slider-pop .bx-wrapper,
  3148.     .select-bouquet-pop .bx-wrapper {
  3149.         position: relative;
  3150.     }
  3151. /*      .slider-pop .bx-wrapper .bx-controls-direction a,
  3152.         .select-bouquet-pop .bx-wrapper .bx-controls-direction a {
  3153.             position: absolute;
  3154.             background: url(img/slider-btn.png) 0 0 no-repeat;
  3155.             width: 20px;
  3156.             height: 20px;
  3157.             top: 50%;
  3158.             margin: -40px 0 0;
  3159.             left: -40px;
  3160.             overflow: hidden;
  3161.             text-indent: -999px;
  3162.         }
  3163.         .slider-pop .bx-wrapper .bx-controls-direction .bx-next,
  3164.         .select-bouquet-pop .bx-wrapper .bx-controls-direction .bx-next {
  3165.             left: auto;
  3166.             right: -40px;
  3167.             background: url(img/slider-btn.png) 0 -20px no-repeat;
  3168.         }*/
  3169. .slider-pop {
  3170.     top: -580px;
  3171.     left: 50%;
  3172.     margin: 0 0 0 -290px;
  3173.     position: absolute;
  3174.     padding: 69px 50px 65px;
  3175.     background: #FFF;
  3176.     box-shadow: 0.5px 1px 1px rgba(0,0,0,0.25);
  3177.     border-radius: 40px;
  3178.     width: 480px;
  3179.     z-index: 20;
  3180.     display: none;
  3181. }
  3182. .slider-pop-right { left: auto; right: 0; }
  3183. .no-boxshadow .slider-pop { border: 1px solid #EAEAEA; }
  3184.     .slider-pop .slider {}
  3185.         .slider-pop .slide {
  3186.             width: 112px;
  3187.             height: 112px;
  3188.             overflow: hidden;
  3189.             float: left;
  3190.             margin: 0 7px 0 0;
  3191.         }
  3192.             .slider-pop .slide img { width: 100%; }
  3193.         /*.slider-pop .bx-wrapper .bx-controls-direction a { margin: -10px 0 0; }*/
  3194.  
  3195. .cabinet-page {
  3196.     width: 1288px;
  3197.     margin: 0 auto;
  3198.     background: #FFF;
  3199.     border-radius: 40px;
  3200.     padding: 60px 0;
  3201.     color: #000;
  3202. }
  3203.     .cabinet-page .cabinet-head {
  3204.         position: relative;
  3205.         text-align: center;
  3206.         margin: 0 0 18px;
  3207.     }
  3208.         .cabinet-page .cabinet-head .title {
  3209.             font-size: 20px;
  3210.             line-height: 23px;
  3211.             margin: 0 0 9px;
  3212.             text-transform: uppercase;
  3213.         }
  3214.         .cabinet-page .cabinet-head .welcome { color: #35a2fe; }
  3215.         .cabinet-page .cabinet-head .protection {
  3216.             position: absolute;
  3217.             right: 25px;
  3218.             top: -38px;
  3219.             font-size: 12px;
  3220.             line-height: 15px;
  3221.             padding: 50px 0 0 ;
  3222.             background: url(img/protection.png) center 0 no-repeat;
  3223.         }
  3224.     .cabinet-page .section-settings { padding: 25px 0 20px; }
  3225.     .cabinet-page .section-settings table { width: 100%; }
  3226.         .cabinet-page .section-settings table td {
  3227.             text-align: center;
  3228.             border-left: 1px solid #E0E0E0;
  3229.             font-size: 14px;
  3230.             line-height: 30px;
  3231.             padding: 0 5px;
  3232.         }
  3233.         .cabinet-page .section-settings table td:first-child { border: 0; }
  3234.             .cabinet-page .section-settings table td a { color: #000; }
  3235.             .cabinet-page .section-settings table td a.active { color: #e5124c; }
  3236.     .cabinet-page .tabs { margin: 50px 0 0; }
  3237.         .cabinet-page .tabs .tab { display: none; }
  3238.         .cabinet-page .tabs .tab:first-child { display: block; }
  3239.             .cabinet-page .row {
  3240.                 font-size: 14px;
  3241.                 line-height: 30px;
  3242.                 height: 30px;
  3243.              }
  3244.             .cabinet-page .inp-title {
  3245.                 float: left;
  3246.                 width: 226px;
  3247.                 margin: 0 5px 0 0;
  3248.                 white-space: nowrap;
  3249.                 overflow: hidden;
  3250.                 -ms-text-overflow: ellipsis;
  3251.                 text-overflow: ellipsis;
  3252.             }
  3253.             .cabinet-page .data {
  3254.                 float: left;
  3255.                 padding: 0 0 0 11px;
  3256.                 width: 710px;
  3257.                 white-space: nowrap;
  3258.                 overflow: hidden;
  3259.                 -ms-text-overflow: ellipsis;
  3260.                 text-overflow: ellipsis;
  3261.             }
  3262.             .cabinet-page .row .inp-hidden {
  3263.                 width: 720px;
  3264.                 height: 28px;
  3265.                 border: 1px solid #000;
  3266.                 border-radius: 0;
  3267.                 text-align: left;
  3268.                 line-height: 16px;
  3269.                 display: none;
  3270.             }
  3271.             .cabinet-page .save-btn,
  3272.             .cabinet-page .change-btn {
  3273.                 display: block;
  3274.                 width: 170px;
  3275.                 height: 30px;
  3276.                 font-size: 12px;
  3277.                 line-height: 30px;
  3278.                 color: #FFF;
  3279.                 background: #35A2FE;
  3280.                 text-align: center;
  3281.                 margin: 50px 0 0;
  3282.                 border-radius: 30px;
  3283.             }
  3284.             .cabinet-page .save-btn { background: #8AD0AF; display: none; }
  3285.             .cabinet-page .row .checkbox { color: #000; padding: 0 0 0 25px; }
  3286.             .cabinet-page .row .checkbox:after { left: 0; }
  3287.             .cabinet-page .row .checkbox.checked:after { background: #4099F0; }
  3288.             .cabinet-page .radio { color: #000; }
  3289.             .cabinet-page .radio-hidden, .cabinet-page .checkbox-hidden { display: none; }
  3290.         .cabinet-page .last-orders { width: 100%; margin: 70px 0 0; }
  3291.             .cabinet-page .last-orders th {
  3292.                 padding: 0 0 20px 5px;
  3293.                 border-bottom: 1px dotted #A3A3A3;
  3294.                 text-align: left;
  3295.                 font-weight: normal;
  3296.             }
  3297.             .cabinet-page .last-orders td { padding: 32px 0 0 5px; }
  3298.             .cabinet-page .last-orders th:first-child,
  3299.             .cabinet-page .last-orders td:first-child { padding-left: 0; }
  3300. .favorite-page {}
  3301.     .favorite-page .banner-content { margin: 0 0 40px; }
  3302.     .favorite-page .title {
  3303.         color: #e5124c;
  3304.         text-align: center;
  3305.         margin: 0 0 38px;
  3306.     }
  3307.     .favorite-page .favorite-container { width: 880px; margin: 0 auto; }
  3308.         .favorite-page .favorite-container .service {
  3309.             margin-bottom: 27px;
  3310.         }
  3311.         .favorite-page .favorite-empty {
  3312.             font-size: 18px;
  3313.             line-height: 21px;
  3314.             text-align: center;
  3315.             color: #35a2fe;
  3316.          }
  3317. .favorite-tabs {}
  3318.     .favorite-tabs .banner-content { margin: 48px 0; }
  3319.     .favorite-tabs .section-settings { padding: 25px 0 20px; }
  3320.     .favorite-tabs .section-settings table { width: 100%; }
  3321.         .favorite-tabs .section-settings table td {
  3322.             text-align: center;
  3323.             border-left: 1px solid #E0E0E0;
  3324.             font-size: 14px;
  3325.             line-height: 30px;
  3326.             padding: 0 5px;
  3327.             width: 25%;
  3328.         }
  3329.         .favorite-tabs .section-settings table td:first-child { border: 0; }
  3330.             .favorite-tabs .section-settings table td a { color: #000; }
  3331.             .favorite-tabs .section-settings table td a.active { color: #e5124c; }
  3332.     .favorite-tabs .tabs {
  3333.         margin: 47px auto 0;
  3334.         width: 880px;
  3335.     }
  3336.         .favorite-tabs .tabs .tab { display: none; }
  3337.         .favorite-tabs .tabs .tab:first-child { display: block; }
  3338.         .favorite-tabs .tabs .service { margin: 0 8px 40px 0; }
  3339.         .favorite-tabs .tabs .service>.title {
  3340.             margin: 20px 0;
  3341.             white-space: nowrap;
  3342.             overflow: hidden;
  3343.             -ms-text-overflow: ellipsis;
  3344.             text-overflow: ellipsis;
  3345.         }
  3346.         .favorite-tabs .tabs .service>.bottom { margin: 0 8px 0 13px; }
  3347.             .favorite-tabs .tabs .service>.bottom .price {
  3348.                 font-size: 24px;
  3349.                 line-height: 31px;
  3350.                 color: #e5124c;
  3351.                 float: left;
  3352.             }
  3353.             .favorite-tabs .tabs .service>.bottom .cart-btn {
  3354.                 float: right;
  3355.                 width: 169px;
  3356.                 border-radius: 30px;
  3357.                 background: #E5124C;
  3358.                 color: #FFF;
  3359.                 font-size: 12px;
  3360.                 line-height: 31px;
  3361.                 text-align: center;
  3362.             }
  3363.  
  3364. .feedback-page { margin: 60px 0 0; }
  3365.     .feedback-page h3 { margin: 0 0 45px; }
  3366.     .feedback-page .feedback-list {}
  3367.     .feedback-page .feedback-item { margin: 0 0 47px; }
  3368.         .feedback-page .feedback-item .photo {
  3369.             width: 284px;
  3370.             height: 284px;
  3371.             overflow: hidden;
  3372.             border: 1px solid #b8b8b8;
  3373.             float: left;
  3374.         }
  3375.         .feedback-page .right {
  3376.             float: right;
  3377.             width: 631px;
  3378.             font-size: 14px;
  3379.             line-height: 24px;
  3380.         }
  3381.             .feedback-page .right .title {
  3382.                 font-size: 18px;
  3383.                 line-height: 21px;
  3384.                 margin: 10px 0 25px;
  3385.             }
  3386.             .feedback-page .right .user { margin: 0 0 22px; }
  3387.             .feedback-page .right .descript { margin: 0 0 21px; }
  3388.             .feedback-page .right .feedback-more {
  3389.                 font-style: italic;
  3390.                 display: inline-block;
  3391.                 color: #7a7a7a;
  3392.                 line-height: 17px;
  3393.             }
  3394.                 .feedback-page .right .feedback-more span { margin: 0 0 0 12px; }
  3395.  
  3396. /*.contacts-page { margin: 60px 0 0; }*/
  3397.     .contacts-page .section-settings { padding:25px 0 20px; }
  3398.     .contacts-page .section-settings table { width: 100%; }
  3399.     .contacts-page .section-settings table td {
  3400.         text-align: center;
  3401.         border-left: 1px solid #E0E0E0;
  3402.         font-size: 14px;
  3403.         line-height: 30px;
  3404.         padding: 0 15px 0 15px;
  3405.         width: 18%;
  3406.     }
  3407.     .contacts-page .section-settings table td:first-child { border: 0; }
  3408.         .contacts-page .section-settings table td a { color: #000; }
  3409.         .contacts-page .section-settings table td a.active { color: #e5124c; }
  3410.     .contacts-page .tabs {
  3411.         padding: 50px 0 56px;
  3412.         background: #FFF url(img/section-services-top.png) 0 bottom repeat-x;
  3413.     }
  3414.         .contacts-page .tabs .tab { display: none; }
  3415.         .contacts-page .tabs .tab:first-child { display: block; }
  3416.             .contacts-page .map-pict {
  3417.                 float: right;
  3418.                 margin: 0 0 10px;
  3419.             }
  3420.             .contacts-page .contacts-box { margin: 0 0 26px; }
  3421.                 .contacts-page .contacts-box .title {
  3422.                     padding: 0 0 0 25px;
  3423.                     color: #000;
  3424.                     font-size: 14px;
  3425.                     line-height: 24px;
  3426.                     position: relative;
  3427.                     margin: 0 0 4px;
  3428.                 }
  3429.                 .contacts-page .contacts-box .title:after {
  3430.                     content: '';
  3431.                     width: 12px;
  3432.                     height: 16px;
  3433.                     position: absolute;
  3434.                     left: 0;
  3435.                     top: 4px;
  3436.                 }
  3437.                 .contacts-page .contacts-box .title-phone:after { background: url(img/sprite-ico.png) -62px -122px no-repeat; }
  3438.                 .contacts-page .contacts-box .title-adress:after {
  3439.                     background: url(img/sprite-ico.png) -74px -122px no-repeat;
  3440.                     width: 11px;
  3441.                 }
  3442.                 .contacts-page .contacts-box .title-time:after {
  3443.                     background: url(img/sprite-ico.png) -86px -122px no-repeat;
  3444.                     width: 14px;
  3445.                 }
  3446.                 .contacts-page .contacts-box .text { margin: 0 0 4px 60px; color: #35a2fe; }
  3447.                 .contacts-page .contacts-box .text.phone { color: #f6235d; }
  3448.                 .contacts-page .contacts-box .gray { color: #7a7a7a; }
  3449.         .contacts-page .information {
  3450.             font-size: 14px;
  3451.             line-height: 24px;
  3452.             margin: 55px 0 0;
  3453.         }
  3454.             .contacts-page .information p { margin: 0 0 25px; }
  3455.  
  3456. .activation-container { }
  3457.     .activation-container h3 { margin: 0 0 40px; }
  3458.     .activation-container .activation-item {
  3459.         position: relative;
  3460.         padding: 10px 0 0 80px;
  3461.         margin: 0 0 40px;
  3462.     }
  3463.         .activation-container .num {
  3464.             position: absolute;
  3465.             width: 44px;
  3466.             height: 44px;
  3467.             font-size: 14px;
  3468.             line-height: 44px;
  3469.             border: 1px solid #4EADFD;
  3470.             color: #000;
  3471.             text-align: center;
  3472.             border-radius: 100%;
  3473.             left: 0;
  3474.             top: 0;
  3475.         }
  3476.         .activation-container .title {
  3477.             font-size: 18px;
  3478.             line-height: 21px;
  3479.             color: #35a2fe;
  3480.             margin: 0 0 15px;
  3481.         }
  3482.         .activation-container input[type="text"] {
  3483.             width: 330px;
  3484.              background: transparent;
  3485.              text-align: left;
  3486.         }
  3487.         .activation-container .footnote {
  3488.             margin: 27px 0 0;
  3489.             line-height: 24px;
  3490.             color: #7a7a7a;
  3491.  
  3492.         }
  3493.         .activation-container .checkbox { margin: 13px 0 0 48px; }
  3494.             .activation-container .checkbox a { color: #f6235d; }
  3495.         .activation-container input[type=submit] {
  3496.             width: 174px;
  3497.             display: block;
  3498.             margin: 20px 0 0 80px;
  3499.         }
  3500. .corporate-page {}
  3501.     .corporate-page .sct-corporate {
  3502.         min-height: 886px;
  3503.         padding: 112px 0 25px;
  3504.     }
  3505.         .corporate-page .sct-corporate h1 { margin: 0 0 60px; }
  3506.         .corporate-page .sct-corporate .desc {
  3507.             font-size: 20px;
  3508.             line-height: 24px;
  3509.             color: #565655;
  3510.             font-style: italic;
  3511.             margin: 0 0 35px;
  3512.         }
  3513.         .corporate-page .slider-firm {}
  3514.             .corporate-page .slider-firm .slide {
  3515.                 width: 155px;
  3516.                 height: 115px;
  3517.                 text-align: center;
  3518.                 overflow: hidden;
  3519.                 line-height: 115px;
  3520.                 float: left;
  3521.                 margin: 0 10px 0 0;
  3522.             }
  3523.                 .corporate-page .slider-firm .slide img { vertical-align: middle; }
  3524.         .corporate-page .bx-wrapper { position: relative; }
  3525. /*      .corporate-page .bx-has-controls-direction a {
  3526.             position: absolute;
  3527.             width: 30px;
  3528.             height: 59px;
  3529.             left: -30px;
  3530.             top: 50%;
  3531.             margin: -30px 0 0;
  3532.             overflow: hidden;
  3533.             text-indent: -999px;
  3534.             background: url(img/slider-big-btn.png) 0 0 no-repeat;
  3535.         }
  3536.         .corporate-page .bx-has-controls-direction .bx-next {
  3537.             left: auto;
  3538.             right: -30px;
  3539.             background-position: -30px 0;
  3540.         }*/
  3541.         .info-about {
  3542.             margin: 80px 0 0;
  3543.             text-align: center;
  3544.         }
  3545.             .info-about .info-about-item {
  3546.                 width: 230px;
  3547.                 height: 208px;
  3548.                 margin: 0 -18px;
  3549.                 padding: 62px 20px 0;
  3550.                 border-radius: 100%;
  3551.                 vertical-align: top;
  3552.                 display: inline-block;
  3553.                 background: rgba(0,0,0,0.3);
  3554.                 text-align: center;
  3555.                 color: #FFF;
  3556.             }
  3557.             .no-rgba .corporate-page .add-projects,
  3558.             .no-rgba .corporate-page .add-photo,
  3559.             .no-rgba .info-about .info-about-item { background: url(img/bg-black-transparent-50.png) 0 0 repeat;}
  3560.                 .info-about .info-about-item .ico {
  3561.                     display: block;
  3562.                     height: 102px;
  3563.                     margin: 0 0 18px;
  3564.                 }
  3565.                 .info-about .info-about-item .text {
  3566.                     overflow: hidden;
  3567.                     text-transform: uppercase;
  3568.                 }
  3569.     .corporate-page .corporate-section { position: relative; padding: 103px 0 95px; }
  3570.         .corporate-page  .section-products {
  3571.             background: #F37FA6;
  3572.         }
  3573.         .corporate-page  .section-products:after {
  3574.             content: '';
  3575.             width: 100%;
  3576.             height: 20px;
  3577.             position: absolute;
  3578.             left: 0;
  3579.             bottom: 37px;
  3580.             background: url(img/filter-theme.png) 0 0 repeat;
  3581.         }
  3582.             .corporate-page .section-products h3 { margin: 0 0 50px; font: 18px/21px "lucida_granderegular",Verdana,sans-serif; text-transform: uppercase; margin: 0px 0px 10px; color: #FFF;}
  3583.             .corporate-page .section-products-list {}
  3584.                 .corporate-page .section-products-item {
  3585.                     color: #FFF;
  3586.                     font-size: 14px;
  3587.                     line-height: 24px;
  3588.                     border-bottom: 1px solid #C8736E;
  3589.                     position: relative;
  3590.                 }
  3591.                 .corporate-page .section-products-item:after {
  3592.                     content: '';
  3593.                     width: 100%;
  3594.                     height: 1px;
  3595.                     background: #F599B8;
  3596.                     position: absolute;
  3597.                     left: 0;
  3598.                     bottom: 0;
  3599.                 }
  3600.                     .corporate-page .section-products-hidden {
  3601.                         margin: 0 20px 0 67px;
  3602.                         padding: 30px 0 40px;
  3603.                         display: none;
  3604.                     }
  3605.                     .corporate-page .section-products-ttl {
  3606.                         display: block;
  3607.                         position: relative;
  3608.                         padding: 0 90px 0 165px;
  3609.                         font-size: 20px;
  3610.                         line-height: 76px;
  3611.                         height: 70px;
  3612.                         font-style: italic;
  3613.                         color: #fff;
  3614.                     }
  3615.                     .corporate-page .section-products-ttl:before,
  3616.                     .corporate-page .section-products-ttl:after {
  3617.                         content: '';
  3618.                         width: 0;
  3619.                         height: 0;
  3620.                         position: absolute;
  3621.                         border: 6px solid transparent;
  3622.                         border-left: 6px solid #FFF;
  3623.                         top: 50%;
  3624.                         margin: -6px 0 0 0;
  3625.                         right: 64px;
  3626.                     }
  3627.                     .corporate-page .section-products-ttl:before {
  3628.                         z-index: 5;
  3629.                         border-left: 6px solid #F37FA6;
  3630.                         right: 65px;
  3631.                     }
  3632.                     .corporate-page .section-products-ttl.active:after,
  3633.                     .corporate-page .section-products-ttl.active:before {
  3634.                         border: 6px solid transparent;
  3635.                         border-bottom: 6px solid #FFF;
  3636.                     }
  3637.                     .corporate-page .section-products-ttl.active:before {
  3638.                         border-bottom: 6px solid #F37FA6;
  3639.                         right: 64px;
  3640.                         margin: -5px 0 0 0;
  3641.                     }
  3642.                         .corporate-page .section-products-ttl span {
  3643.                             position: absolute;
  3644.                             width: 85px;
  3645.                             top: 15px;
  3646.                             left: 51px;
  3647.                             height: 50px;
  3648.                             line-height: 50px;
  3649.                             text-align: center;
  3650.                         }
  3651.                             .corporate-page .section-products-ttl span img { vertical-align: middle; }
  3652.     .corporate-page .section-certificates {
  3653.         background: #7FADF3;
  3654.         color: #FFF;
  3655.         min-height: 567px;
  3656.     }
  3657.     .corporate-page .section-certificates:after {
  3658.         content: '';
  3659.         width: 100%;
  3660.         height: 9px;
  3661.         position: absolute;
  3662.         left: 0;
  3663.         bottom: 75px;
  3664.         background: url(img/section-services-bg.png) 0 0 repeat;
  3665.     }
  3666.     .corporate-page .section-certificates:before {
  3667.         content: '';
  3668.         width: 100px;
  3669.         height: 100%;
  3670.         top: 0;
  3671.         left: 50%;
  3672.         margin: 0 0 0 490px;
  3673.         position: absolute;
  3674.         background: url(img/section-services-right-bg.png) 0 0 repeat;
  3675.     }
  3676.         .corporate-page .section-certificates h3 { color: #FFF; }
  3677.         .corporate-page .section-certificates-inner { margin: 95px 0 0 80px; }
  3678.         .corporate-page .section-certificates-inner .title {
  3679.             font-size: 20px;
  3680.             line-height: 24px;
  3681.             font-style: italic;
  3682.             margin: 0 0 28px;
  3683.         }
  3684.         .corporate-page .section-certificates-inner ul {
  3685.             margin: 0 0 20px 37px;
  3686.             padding: 0 0 0 34px;
  3687.             color: #565655;
  3688.             font-size: 14px;
  3689.             line-height: 24px;
  3690.         }
  3691.         .corporate-page .section-certificates-inner .no-marker {
  3692.             padding: 0;
  3693.             list-style-type: none;
  3694.         }
  3695.         .corporate-page .section-branding {
  3696.             background: #D67FF3;
  3697.             min-height: 641px;
  3698.         }
  3699.             .corporate-page .section-branding h3 { margin: 0 0 100px; color: #FFF; }
  3700.             .corporate-page .section-branding-desc { font-size: 14px; line-height: 24px; color: #FFF; }
  3701.             .corporate-page  .section-branding-photo {
  3702.                 position: relative;
  3703.                 text-align: center;
  3704.                 padding: 40px 0 0;
  3705.             }
  3706.                 .corporate-page .section-branding-photo img {
  3707.                     margin: 30px 0 0;
  3708.                 }
  3709.                 .corporate-page .add-photo {
  3710.                     position: absolute;
  3711.                     top: 31px;
  3712.                     left: 521px;
  3713.                     color: #FFF;
  3714.                     z-index: 20px;
  3715.                     width: 205px;
  3716.                     height: 205px;
  3717.                     border-radius: 100%;
  3718.                     text-align: center;
  3719.                     font-size: 18px;
  3720.                     line-height: 205px;
  3721.                     text-transform: uppercase;
  3722.                     background: rgba(0,0,0,0.5);
  3723.                 }
  3724.     .corporate-page  .section-projects {
  3725.         background: #7FF3BB;
  3726.         padding-bottom: 25px;
  3727.     }
  3728.         .corporate-page  .section-projects h3 {
  3729.             color: #FFF;
  3730.             margin: 0 0 80px;
  3731.         }
  3732.          .corporate-page .section-projects-list {
  3733.             margin: 0 -90px 0 60px;
  3734.          }
  3735.              .corporate-page .projects-item {
  3736.                 width: 354px;
  3737.                 float: left;
  3738.                 margin: 0 140px 65px 0;
  3739.                 font-size: 14px;
  3740.                 line-height: 24px;
  3741.              }
  3742.                  .corporate-page .projects-item .photo {
  3743.                     width: 352px;
  3744.                     height: 224px;
  3745.                     display: block;
  3746.                     overflow: hidden;
  3747.                     margin: 0 0 28px;
  3748.                     cursor:default;
  3749.                  }
  3750.                  .corporate-page .projects-item .photo a {cursor:default;}
  3751.                      .corporate-page .projects-item .photo img { width: 100%; }
  3752.                 .corporate-page .projects-item .title {
  3753.                     font-size: 20px;
  3754.                     line-height: 24px;
  3755.                     font-style: italic;
  3756.                     margin: 0 0 26px;
  3757.                 }
  3758.                 .corporate-page .projects-item .who { margin: 0 0 25px 36px; }
  3759.                 .corporate-page .projects-item ul {
  3760.                     margin: 0;
  3761.                     padding: 0 0 0 36px;
  3762.                     list-style-type: none;
  3763.                 }
  3764.                     .corporate-page .projects-item ul li {
  3765.                         position: relative;
  3766.                     }
  3767.                     .corporate-page .projects-item ul li:after {
  3768.                         content: '';
  3769.                         width: 5px;
  3770.                         height: 5px;
  3771.                         border-radius: 100%;
  3772.                         left: -36px;
  3773.                         top: 8px;
  3774.                         background: #565655;
  3775.                         position: absolute;
  3776.                     }
  3777.             .corporate-page .add-projects {
  3778.                 clear:both;
  3779.                 display: block;
  3780.                 color: #FFF;
  3781.                 width: 205px;
  3782.                 height: 205px;
  3783.                 border-radius: 100%;
  3784.                 text-align: center;
  3785.                 font-size: 18px;
  3786.                 line-height: 205px;
  3787.                 text-transform: uppercase;
  3788.                 background: rgba(0,0,0,0.5);
  3789.                 margin: 0 0 0 310px;
  3790.                 position: relative;
  3791.                 top: -45px;
  3792.             }
  3793.  
  3794. .questions-section { margin: 60px 0 0; }
  3795.     .questions-section h3 {
  3796.         text-transform: none;
  3797.         margin: 0 0 40px 83px;
  3798.     }
  3799.     .questions-section .questions-list { margin: 0 0 70px; }
  3800.         .questions-section .questions-item {
  3801.             padding: 10px 0 0 83px;
  3802.             position: relative;
  3803.             margin: 0 0 40px;
  3804.         }
  3805.             .questions-section .questions-item .num {
  3806.                 border: 1px solid #4eadfd;
  3807.                 border-radius: 100%;
  3808.                 color: #000;
  3809.                 font-size: 14px;
  3810.                 height: 44px;
  3811.                 left: 0;
  3812.                 line-height: 44px;
  3813.                 position: absolute;
  3814.                 text-align: center;
  3815.                 top: 0;
  3816.                 width: 44px;
  3817.             }
  3818.             .questions-section .questions-item .title {
  3819.                 font-size: 18px;
  3820.                 line-height: 24px;
  3821.                 color: #35a2fe;
  3822.                 margin: 0 0 25px;
  3823.             }
  3824.             .questions-section .questions-item .text {
  3825.                 font-size: 14px;
  3826.                 line-height: 24px;
  3827.                 padding: 0 0 22px;
  3828.                 display:none;
  3829.             }
  3830.     .questions-section .questions-pagination {
  3831.         text-align: center;
  3832.         font-size: 0;
  3833.         line-height: 0;
  3834.         margin: 150px 0  70px;
  3835.     }
  3836.         .questions-section .questions-pagination a {
  3837.             display: inline-block;
  3838.             width: 43px;
  3839.             height: 43px;
  3840.             border-radius: 100%;
  3841.             border: 1px solid #50AEFD;
  3842.             margin: 0 3px;
  3843.             font-size: 14px;
  3844.             line-height: 43px;
  3845.             text-align: center;
  3846.             color: #7a7a7a;
  3847.         }
  3848.         .questions-section .questions-pagination a:hover {
  3849.             text-decoration: none;
  3850.             border: 1px solid #F6235D;
  3851.         }
  3852.         .questions-section .questions-pagination .active {
  3853.             border: 1px solid #F6235D;
  3854.             background: #F6235D;
  3855.             color: #FFF;
  3856.         }
  3857.         .questions-section .questions-pagination span {
  3858.             display: inline-block;
  3859.             font-size: 14px;
  3860.             line-height: 45px;
  3861.             width: 30px;
  3862.             text-align: center;
  3863.         }
  3864.  
  3865. .product-page { margin: 35px 0 0; }
  3866.     .product-page h2 {
  3867.         margin: 40px auto 20px;
  3868.         text-align: center;
  3869.         width: 750px;
  3870.     }
  3871.     .product-page .product-photo  { position: relative; }
  3872.   .product-page .product-photo .flag {
  3873.     right: 162px;
  3874.     /*display: none;*/
  3875.   }
  3876.   .product-page .product-photo .flag-our-choice { right: 147px; }
  3877.  
  3878.     .product-page .product-photo  {}
  3879.         .product-page .big-photo {
  3880.             width: 798px;
  3881.             height: 430px;
  3882.             float: left;
  3883.             overflow: hidden;
  3884.             position: relative;
  3885.         }
  3886.         .product-page .big-photo .video {
  3887.             position: absolute;
  3888.             width: 100%;
  3889.             height: 100%;
  3890.             z-index: 5;
  3891.             left: 0;
  3892.             top: 0;
  3893.             background: transparent;
  3894.         }
  3895.             .product-page .big-photo .video iframe {
  3896.                 width: 798px;
  3897.                 height: 430px;
  3898.             }
  3899.             .product-page .product-photo .big-photo img { width: 100%; }
  3900.         .product-page .product-photo .bx-wrapper,
  3901.         .product-page .preview {
  3902.             width: 140px;
  3903.             float: right;
  3904.             position: relative;
  3905.         }
  3906.         .product-page .preview-hidden {
  3907.             height: 430px;
  3908.             overflow: hidden;
  3909.         }
  3910. /*          .product-page .product-photo .bx-wrapper .bx-has-controls-direction a {
  3911.                 position: absolute;
  3912.                 top: -25px;
  3913.                 left: 50%;
  3914.                 width: 20px;
  3915.                 height: 20px;
  3916.                 margin: 0 0 0 -10px;
  3917.                 background: url(img/slider-vertical-btn.png) 0 -20px no-repeat;
  3918.                 overflow: hidden;
  3919.                 text-indent: -999px;
  3920.             }
  3921.             .product-page .product-photo .bx-wrapper .bx-has-controls-direction .bx-next {
  3922.                 bottom: -25px;
  3923.                 top: auto;
  3924.                 background-position: 0 0;
  3925.             }*/
  3926.             .product-page .preview a {
  3927.                 display: block;
  3928.                 width: 138px;
  3929.                 height: 95px;
  3930.                 overflow: hidden;
  3931.                 position: relative;
  3932.                 border: 1px solid #D7D7D7;
  3933.                 margin: 0 0 13px;
  3934.             }
  3935.             .product-page .preview a:hover,
  3936.             .product-page .preview .active { border: 1px solid #E62258; }
  3937.                 .product-page .preview a img { width: 100%; }
  3938.             .product-page .preview .video:after {
  3939.                 content: '';
  3940.                 width: 100%;
  3941.                 height: 100%;
  3942.                 position: absolute;
  3943.                 top: 0;
  3944.                 left: 0;
  3945.                 background: rgba(0,0,0,0.5);
  3946.                 z-index: 20;
  3947.             }
  3948.             .no-rgba .service .product-page .preview .video:after { background: url(img/bg-black-transparent-50.png) 0 0 repeat; }
  3949.             .product-page .preview .video:before {
  3950.                 content: '';
  3951.                 position: absolute;
  3952.                 width: 21px;
  3953.                 height: 25px;
  3954.                 background: url(img/play-ico.png) 0 0 no-repeat;
  3955.                 margin: -10.5px 0 0 -12.5px;
  3956.                 z-index: 21;
  3957.                 left: 50%;
  3958.                 top: 50%;
  3959.             }
  3960.         .product-certifikat-wrap { margin: 33px 0 0; }
  3961.         .product-certifikat { float: left; }
  3962.          .product-certifikat-wrap  .button-wrapper { float: right; }
  3963.     /* start 22.09.2014*/
  3964.         .product-certifikat td { padding: 0px 25px 5px; border-right: 1px solid #DEDEDE; }
  3965.         .product-certifikat td:first-child { padding-top: 0; padding-left: 0; width: 281px; }
  3966.         .product-certifikat .row {
  3967.             line-height: 48px;
  3968.             border-bottom: 1px dotted #9F9F9F;
  3969.         }
  3970.     .product-certifikat .row .certifikat-ttl {
  3971.       color: #7a7a7a;
  3972.       display: inline-block;
  3973.       margin: 0 5px 0 0;
  3974.     }
  3975.  
  3976.     /* end 22.09.2014*/
  3977.         .product-certifikat .row .info-box {
  3978.             margin: 17px 0 0;
  3979.          }
  3980.         .product-certifikat .row i {
  3981.                 display: inline-block;
  3982.                 vertical-align: middle;
  3983.                 margin: 0 10px 0 0;
  3984.                 width: 29px;
  3985.                 height: 19px;
  3986.         background: url(img/elecrtonic-certificate.png) 0 0 no-repeat;
  3987.             }
  3988.     .product-certifikat .row .gift { background: url(img/gift-certificate.png) 0 0 no-repeat; }
  3989.         .product-certifikat .button { width: 195px; padding: 15px 0 0 50px;}
  3990.         .product-certifikat-wrap .button-wrapper a {
  3991.             display: block;
  3992.             width: 169px;
  3993.             height: 31px;
  3994.             text-align: center;
  3995.             background: #35A2FE;
  3996.             border-radius: 30px;
  3997.             font-size: 12px;
  3998.             line-height: 31px;
  3999.             color: #FFF;
  4000.             margin: 0 0 12px;
  4001.         }
  4002.         .product-certifikat .button .buy { background: #E5124C; margin: 0; }
  4003.         .product-certifikat .price label {
  4004.                 line-height: 48px;
  4005.                 border-bottom: 1px dotted #A3A3A3;
  4006.                 padding: 0 0 0 25px;
  4007.                 display: block;
  4008.                 width:405px;
  4009.             }
  4010.             .product-certifikat-wrap  .product-certifikat .price label:after, .product-page  .product-certifikat .price label:after {
  4011.                 left: 2px;
  4012.                 top: 19px;
  4013.             }
  4014.      /* start 22.09.2014*/
  4015.             .product-page  .product-certifikat .price label .price-sp {
  4016.                 float: right;
  4017.                 font-size: 24px;
  4018.                 line-height: 48px;
  4019.                 color: #e5124c;
  4020.             }
  4021.      /* end 22.09.2014*/
  4022.     .product-page .section-settings { padding:25px 0 20px; margin: 20px 0 0; }
  4023.         .product-page .section-settings table { width: 100%; }
  4024.         .product-page .section-settings table td {
  4025.             text-align: center;
  4026.             border-left: 1px solid #E0E0E0;
  4027.             font-size: 14px;
  4028.             line-height: 30px;
  4029.             padding: 0 5px;
  4030.         }
  4031.         .product-page .section-settings table td:first-child { border: 0; }
  4032.             .product-page .section-settings table td a { color: #000; }
  4033.             .product-page .section-settings table td a.active { color: #e5124c; }
  4034.         .product-page .tabs {
  4035.             padding: 30px 0 30px;
  4036.             margin: 0 0 30px;
  4037.             background: #FFF url(img/section-services-top.png) 0 bottom repeat-x;
  4038.             color: #000;
  4039.             font-size: 14px;
  4040.             line-height: 24px;
  4041.         }
  4042.             .product-page .tabs .tab { display: none; }
  4043.             .product-page .tabs .tab:first-child { display: block; }
  4044.                 .product-page .about-certifikat {
  4045.                     font-size: 14px;
  4046.                     line-height: 24px;
  4047.                 }
  4048.                 .product-page .about-certifikat .desc { margin: 0 0 47px; }
  4049.                 .product-page .about-certifikat .know { color: #e5124c; margin: 0 0 25px; }
  4050.                 .product-page .about-certifikat ul {
  4051.                     list-style-type: none;
  4052.                     margin: 0 0 25px;
  4053.                     padding: 0 0 0 70px;
  4054.                 }
  4055.                     .product-page .about-certifikat ul li { position: relative; }
  4056.                     .product-page .about-certifikat ul li:after {
  4057.                         content: '';
  4058.                         width: 4px;
  4059.                         height: 4px;
  4060.                         border-radius: 4px;
  4061.                         background: #000;
  4062.                         position: absolute;
  4063.                         top: 10px;
  4064.                         left: -35px;
  4065.                     }
  4066.     .product-page .beautifully-packaged { margin: 45px 0 0; text-align:center;}
  4067.         .product-page .beautifully-packaged a {
  4068.             display: inline-block;
  4069.             padding: 0 0 0 118px;
  4070.             line-height: 146px;
  4071.             font-size: 146px;
  4072.             font-size: 24px;
  4073.             color: #e5124c;
  4074.             font-family: Georgia, Arial, sans-serif;
  4075.             background: url(img/beautifully_package.png) 7px 0 no-repeat;
  4076.         }
  4077.     .product-page .social-block {    float: right;
  4078.     margin-top: -70px;
  4079.     max-height: 21px;
  4080.     max-width: 101px;
  4081.   }
  4082.         .product-page .social-block a, .product-page .social-block table { float: right; margin: 0 0 0 20px; }
  4083.     .product-page .tab-feedback {}
  4084.         .product-page .tab-feedback {}
  4085.             .product-page .tab-feedback  table { width: 100%; }
  4086.             .product-page .tab-feedback  table td { border-bottom: 1px solid #E5E5E5; }
  4087.             .product-page .evaluate { width: 320px; padding: 0 0 55px 95px;}
  4088.             .product-page .statistics { width: 295px;  padding: 0 0 15px 5px; }
  4089.             .product-page .average-rating { padding: 0 65px 55px 5px;}
  4090.             .product-page .tab-feedback .title {
  4091.                 text-transform: uppercase;
  4092.                 margin: 0 0 30px;
  4093.                 font-size: 14px;
  4094.                 line-height: 24px;
  4095.             }
  4096.             .product-page .tab-feedback .statistics .row {
  4097.                     margin: 0 0 9px;
  4098.                     color: #35a2fe;
  4099.                     font-size: 12px;
  4100.                     line-height: 15px;
  4101.                 }
  4102.                     .product-page .tab-feedback .evaluate .rating { cursor: pointer; }
  4103.                     .product-page .tab-feedback .rating {
  4104.                         height: 12px;
  4105.                         display: inline-block;
  4106.                         vertical-align: top;
  4107.                         position: relative;
  4108.                         width: 80px;
  4109.                         margin: 0 20px 0 0;
  4110.                         background: url(img/rating.png) 0 -25px repeat;
  4111.                     }
  4112.                         .product-page .tab-feedback .rating div {
  4113.                             position: absolute;
  4114.                             top: 0;
  4115.                             left: 0;
  4116.                             width: 100%;
  4117.                             height: 100%;
  4118.                             background: url(img/rating.png) 0 -38px repeat;
  4119.                         }
  4120.             .product-page .evaluate {
  4121.                 font-size: 12px;
  4122.                 line-height: 15px;
  4123.             }
  4124.             .product-page .evaluate .row { margin: 0 0 10px; }
  4125.             .product-page .write-btn {
  4126.                 display: block;
  4127.                 width: 169px;
  4128.                 background: #35A2FE;
  4129.                 color: #FFF;
  4130.                 font-size: 12px;
  4131.                 line-height: 31px;
  4132.                 border-radius: 30px;
  4133.                 text-align: center;
  4134.                 margin: 11px 0 0;
  4135.             }
  4136.  
  4137.             .product-page .all-feedback{
  4138.                 font-size: 12px;
  4139.                 line-height: 24px;
  4140.                 color: #e5124c;
  4141.             }
  4142.         .product-page .feedback-list { margin: 64px 0 0; }
  4143.             .product-page .feedback-box {
  4144.                 margin: 0 0 30px;
  4145.             }
  4146.             .product-page .tab-feedback .feedback-box .rating { margin: 0 0 12px 25px; display: block; }
  4147.             .product-page .feedback-box-inner {
  4148.                 display: inline-block;
  4149.                 position: relative;
  4150.                 border-radius: 30px;
  4151.                 border: 1px solid #35A2FE;
  4152.                 /*background: #35A2FE;*/
  4153.                 padding: 4px 22px 3px;
  4154.                 /*color: #FFF;*/
  4155.             }
  4156.             .product-page .feedback-box-inner p, .product-page .feedback-admin .feedback-box-inner p {
  4157.                 margin-bottom:0px;
  4158.             }
  4159.             .product-page .feedback-box-inner:after {
  4160.                 content: '';
  4161.                 width: 10px;
  4162.                 height: 10px;
  4163.                 background: url(img/sprite-ico.png) -100px -123px no-repeat;
  4164.                 position: absolute;
  4165.                 bottom: -10px;
  4166.                 left: 35px;
  4167.             }
  4168.             .product-page .feedback-admin { margin: 0 0 64px 65px; }
  4169.                 .product-page .feedback-admin .feedback-box-inner {
  4170.                     /*background: #E5124C;*/
  4171.                     border: 1px solid #E5124C;
  4172.                 }
  4173.                 .product-page .feedback-admin .feedback-box-inner:after {
  4174.                     bottom: auto;
  4175.                     top: -9px;
  4176.                     background-position: -111px -123px;
  4177.                 }
  4178.         .product-page .leave-comment {
  4179.             padding: 12px 0;
  4180.             border-bottom: 1px solid #E5E5E5;
  4181.             display: none;
  4182.         }
  4183.         .product-page .leave-comment input[type=text] {
  4184.             height: 31px;
  4185.             border: 0;
  4186.             border-radius: 0;
  4187.             background: #F2F2F2;
  4188.             text-align: left;
  4189.         }
  4190.             .product-page .leave-comment .leave-comment-row  { margin: 10px 0 0; }
  4191.                 .product-page .leave-comment .leave-comment-btn {
  4192.                     float: right;
  4193.                     width: 169px;
  4194.                     color: #FFF;
  4195.                     font-size: 12px;
  4196.                     line-height: 31px;
  4197.                     border-radius: 30px;
  4198.                     background: #E5124C;
  4199.                     text-align: center;
  4200.                 }
  4201.                 .product-page .from-whom {
  4202.                     display: inline-block;
  4203.                     position: relative;
  4204.                 }
  4205.                     .product-page .from-whom>a {
  4206.                         border-bottom: 1px dashed #35a2fe;
  4207.                         margin: 0 0 0 10px;
  4208.                         text-decoration: none;
  4209.                     }
  4210.                     .product-page .from-whom ul {
  4211.                         display: none;
  4212.                         list-style-type: none;
  4213.                         background: #FFF;
  4214.                         margin: 0;
  4215.                         padding: 10px 20px;
  4216.                         border-radius: 30px;
  4217.                         position: absolute;
  4218.                         box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  4219.                         z-index: 20;
  4220.                         white-space: nowrap;
  4221.                     }
  4222.  
  4223.  
  4224.  
  4225.  
  4226.  
  4227.  
  4228. footer {
  4229.     position: absolute;
  4230.     width: 100%;
  4231.     left: 0;
  4232.     bottom: 0;
  4233. }
  4234.     .footer {
  4235.         padding: 5px 0 0;
  4236.         background: url(img/bg-green.png) 0 0 repeat;
  4237.     }
  4238.         .footer-inner {
  4239.             padding: 22px 0 22px;
  4240.             background: url(img/footer-inner-bg.jpg) 0 0 repeat;
  4241.         }
  4242.         .footer .title {
  4243.             font-size: 18px;
  4244.             line-height: 21px;
  4245.             margin: 0 0 15px;
  4246.             color: #e5124c;
  4247.         }
  4248.         .footer table { width: 100%; }
  4249.             .footer td { padding: 0 0 0 10px; }
  4250.             .footer td:first-child { padding: 0; }
  4251.                 .footer ul {
  4252.                     margin: 0;
  4253.                     padding: 0;
  4254.                     list-style-type: none;
  4255.                 }
  4256.                     .footer ul li { color: #FFF; padding-top:5px;}
  4257.                     .footer ul li a:hover {  text-decoration:none; color:#e5124c;}
  4258.                         .footer ul a {
  4259.                             color: #FFF;
  4260.                             text-decoration: none;
  4261.                             font-size: 14px;
  4262.                             line-height: 17px;
  4263.                             font-style: italic;
  4264.                         }
  4265.                         .footer ul a:hover { text-decoration: underline; }
  4266.             .footer .social-block {
  4267.                 float: left;
  4268.             }
  4269.                 .footer .social-block .title {
  4270.                     font-size: 14px;
  4271.                     line-height: 16px;
  4272.                     color: #35a2fe;
  4273.                     margin: 15px 0 0;
  4274.                 }
  4275.                 .footer .social-block a {
  4276.                     margin: 5px 10px 0 0;
  4277.                     width: 20px;
  4278.                     height: 20px;
  4279.                     float: left;
  4280.                     background: url(img/sprite-ico.png) -93px -101px no-repeat;
  4281.                 }
  4282.                 .footer .social-block .tw { background-position: -74px -101px; }
  4283.                 .footer .social-block .fb { background-position: -56px -101px; width: 17px; }
  4284.                 .footer .social-block .vk { background-position: -40px -101px; }
  4285.             .footer .contacts {
  4286.                 float: right;
  4287.                 margin: 0 7px 0 0;
  4288.                 font-size: 14px;
  4289.                 line-height: 17px;
  4290.                 font-style: italic;
  4291.                 color: #FFF;
  4292.             }
  4293.                 .footer .contacts .phone { margin: 13px 0 15px; }
  4294.         .footer-btm { padding: 26px 0 20px; }
  4295.             .footer-left {
  4296.                 float: left;
  4297.                 width: 675px;
  4298.                 font-size: 12px;
  4299.                 line-height: 15px;
  4300.                 color: #9c9c9c;
  4301.             }
  4302.                 .footer-left .desing { margin: 15px 0 0; }
  4303.                     .footer-left .desing a {
  4304.                         color: #9c9c9c;
  4305.                         text-decoration: none;
  4306.                     }
  4307.                     .footer-left .desing a:hover { text-decoration: underline; }
  4308.             .footer-btm .payment {
  4309.                 float: right;
  4310.                 width: 265px;
  4311.                 margin: 5px -5px 0 0;
  4312.             }
  4313.                 .footer-btm .payment a {
  4314.                     float: left;
  4315.                     width: 56px;
  4316.                     height: 35px;
  4317.                     background: url(img/payment-ico.png) 0 0 no-repeat;
  4318.                 }
  4319.                 .footer-btm .payment .rbk { background-position: 0 0; width: 82px; margin: 0 30px 0 0; }
  4320.                 .footer-btm .payment .visa { background-position: -90px 0; margin: 0 40px 0 0; }
  4321.                 .footer-btm .payment .master { background-position: -150px 0; }
  4322.  
  4323. .popup {
  4324.     display: none;
  4325.     position: absolute;
  4326.     top: 50px;
  4327.     left: 300px;
  4328.     padding: 85px 55px 50px;
  4329.     border-radius: 40px;
  4330.     box-shadow: 0.5px 1px 1px rgba(0,0,0,0.25);
  4331.     background: url(img/bg.jpg) 0 0 repeat;
  4332.     z-index: 110;
  4333. }
  4334. .no-boxshadow .popup { border: 1px solid #EAEAEA; }
  4335.     .popup .close {
  4336.         top: 17px;
  4337.         right: 17px;
  4338.         position: absolute;
  4339.         width: 28px;
  4340.         height: 28px;
  4341.         border-radius: 100%;
  4342.         background: #fff;
  4343.         box-shadow: inset 0 1px 1px rgba(0,0,0,0.16);
  4344.     }
  4345.     .popup .close:after {
  4346.         content: '';
  4347.         position: absolute;
  4348.         width: 9px;
  4349.         height: 9px;
  4350.         top: 50%;
  4351.         left: 50%;
  4352.         margin: -4.5px 0 0 -4.5px;
  4353.         background: url(img/sprite-ico.png) -90px -46px no-repeat;
  4354.     }
  4355.     .popup .footnote {
  4356.         font-size: 13px;
  4357.         line-height: 16px;
  4358.         margin: 35px 0 0;
  4359.         color: #565655;
  4360.     }
  4361.     .popup-registration { text-align: center; color: #000; width: 475px; }
  4362.         .popup-registration .title {
  4363.             color: #8ad0af;
  4364.             margin: 0 0 35px;
  4365.         }
  4366. .pop-select-city {
  4367.     width: 475px;
  4368.     /*display: block;*/
  4369.     display: none;
  4370.     padding: 115px 55px 122px;
  4371.     text-align: center;
  4372.     color: #000;
  4373. }
  4374.     .pop-select-city .def-select {
  4375.         width: 232px;
  4376.         position: relative;
  4377.     }
  4378.     .pop-select-city select.def-select { position: relative; z-index: 3; }
  4379.     .pop-select-city span.def-select { margin: 13px 0 0; }
  4380.     .pop-select-city .def-select:after {
  4381.         content: '';
  4382.         width: 100%;
  4383.         height: 100%;
  4384.         border-radius: 30px;
  4385.         background: #FFF;
  4386.         position: absolute;
  4387.         right: -1px;
  4388.         bottom: -1px;
  4389.         z-index: 1;
  4390.         box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  4391.     }
  4392.         .pop-select-city .def-select .vis-sel {
  4393.             background: #8AD0AF;
  4394.             border: 1px solid #8AD0AF;
  4395.             position: relative;
  4396.             z-index: 2;
  4397.         }
  4398.         .pop-select-city .def-select .vis-sel .vis-sel-inner:before {
  4399.             border-top: 3px solid #8AD0AF;
  4400.         }
  4401.         .pop-select-city .def-select .vis-sel .vis-sel-inner:after {
  4402.             border-top: 3px solid #FFF;
  4403.         }
  4404.             .pop-select-city .def-select .vis-sel .vis-sel-text { color: #FFF; }
  4405. .pop-type-certificate {
  4406.     width: 504px;
  4407.     padding: 40px;
  4408. }
  4409.     .pop-type-certificate .popup-inner {
  4410.         background: #FFF;
  4411.         border-radius: 30px;
  4412.         padding: 20px 20px 30px;
  4413.         text-align: center;
  4414.     }
  4415.         .pop-type-certificate .popup-inner .title {
  4416.             margin: 0 0 40px;
  4417.         }
  4418.         .pop-type-certificate .popup-inner .radio {
  4419.             padding: 98px 0 0;
  4420.             position: relative;
  4421.             margin: 0 20px;
  4422.         }
  4423.         .pop-type-certificate .popup-inner .radio:after {
  4424.             top: 77px;
  4425.             left: 50%;
  4426.             margin: 0 0 0 -5px;
  4427.         }
  4428.             .pop-type-certificate .popup-inner .radio .ico {
  4429.                 position: absolute;
  4430.                 top: 0;
  4431.                 left: 0;
  4432.                 width: 100%;
  4433.                 overflow: hidden;
  4434.                 height: 67px;
  4435.             }
  4436. .popup-add-tovar {
  4437.     width: 506px;
  4438.     padding: 43px 40px 39px;
  4439. }
  4440.     .popup-add-tovar .popup-inner {
  4441.         border-radius: 30px;
  4442.         background: #FFF;
  4443.         padding: 100px 80px 24px;
  4444.         min-height: 100px;
  4445.         text-align: center;
  4446.     }
  4447.         .popup-add-tovar .popup-inner .look-fav {
  4448.             color: #e5124c;
  4449.             font-size: 12px;
  4450.             line-height: 15px;
  4451.             display: inline-block;
  4452.             margin: 20px 0 0;
  4453.         }
  4454.         .popup-add-tovar .popup-inner .button-wrap { margin: 50px 0 0; }
  4455.             .popup-add-tovar .popup-inner .button-wrap a {
  4456.                 float: left;
  4457.                 width: 169px;
  4458.                 color: #FFF;
  4459.                 font-size: 12px;
  4460.                 line-height: 31px;
  4461.                 border-radius: 30px;
  4462.                 color: #FFF;
  4463.                 text-align: center;
  4464.                 background: #8AD0AF;
  4465.             }
  4466.             .popup-add-tovar .popup-inner .button-wrap .order { background: #E5124C; float: right; }
  4467. .popup-entrance {
  4468.     box-shadow: 0.5px 1px 1px rgba(0,0,0,0.25);
  4469.     background: #fff;
  4470.     border-radius: 40px;
  4471.     z-index: 110;
  4472.     padding: 40px 50px 50px;
  4473.     width: 722px;
  4474.     position: absolute;
  4475.     display: none;
  4476. }
  4477.     .popup-entrance .close {
  4478.         position: absolute;
  4479.         top: 20px;
  4480.         right: 33px;
  4481.         width: 20px;
  4482.         height: 20px;
  4483.     }
  4484.     .popup-entrance .close:after {
  4485.         content: '';
  4486.         position: absolute;
  4487.         width: 9px;
  4488.         height: 9px;
  4489.         top: 50%;
  4490.         left: 50%;
  4491.         margin: -4.5px 0 0 -4.5px;
  4492.         background: url(img/sprite-ico.png) -90px -46px no-repeat;
  4493.     }
  4494.     .popup-entrance .title {
  4495.         text-transform: uppercase;
  4496.         color: #000;
  4497.         margin: 0 0 30px;
  4498.     }
  4499.     .popup-entrance form {
  4500.         width: 245px;
  4501.         float: left;
  4502.     }
  4503.         .popup-entrance form .row { margin: 0 0 14px; }
  4504.         .popup-entrance form input[type=text],
  4505.          .popup-entrance form input[type=password] { width: 230px; }
  4506.  
  4507.         .popup-entrance form  input[type=submit] {
  4508.             float: left;
  4509.             width: 107px;
  4510.         }
  4511.         .popup-entrance form  .btn-wrap a { float: right; line-height: 33px; color: #e5124c; }
  4512.     .popup-entrance .social-block {
  4513.         width: 420px;
  4514.         float: right;
  4515.     }
  4516.         .popup-entrance .social-box a {
  4517.             width: 58px;
  4518.             height: 58px;
  4519.             float: left;
  4520.             background: url(img/social-big.png) 0 0 no-repeat;
  4521.             margin: 0 0 0 15px;
  4522.         }
  4523.         .popup-entrance .social-box .tw { background-position: -60px 0; }
  4524.         .popup-entrance .social-box .twitter { background-position: -60px 0; }
  4525.         .popup-entrance .social-box .gg { background-position: -120px 0; }
  4526.         .popup-entrance .social-box .vk { background-position: -180px 0; }
  4527.         .popup-entrance .social-box .vkontakte { background-position: -180px 0; }
  4528.         .popup-entrance .social-box a:first-child { margin: 0; }
  4529.     .popup-entrance .footnote { margin: 35px 0 0; }
  4530.         .popup-entrance .footnote a { color: #e5124c;  }
  4531. /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
  4532. .fancybox-wrap,
  4533. .fancybox-skin,
  4534. .fancybox-outer,
  4535. .fancybox-inner,
  4536. .fancybox-image,
  4537. .fancybox-wrap iframe,
  4538. .fancybox-wrap object,
  4539. .fancybox-nav,
  4540. .fancybox-nav span,
  4541. .fancybox-tmp
  4542. {
  4543.     padding: 0;
  4544.     margin: 0;
  4545.     border: 0;
  4546.     outline: none;
  4547.     vertical-align: top;
  4548. }
  4549. .fancybox-wrap {
  4550.     position: absolute;
  4551.     top: 0;
  4552.     left: 0;
  4553.     z-index: 8020;
  4554. }
  4555. .fancybox-skin {
  4556.     position: relative;
  4557.     padding: 30px;
  4558.     border-radius: 30px;
  4559.     background: url(img/bg.jpg) 0 0 repeat;
  4560.     box-shadow: 0.5px 1px 1px rgba(0,0,0,0.25);
  4561. }
  4562. .no-boxshadow .fancybox-skin { border: 1px solid #EAEAEA; }
  4563. .fancybox-opened {
  4564.     z-index: 8030;
  4565. }
  4566. .fancybox-outer, .fancybox-inner {
  4567.     position: relative;
  4568. }
  4569. .fancybox-inner {
  4570.     overflow: hidden;
  4571.     position: relative;
  4572.     border: 1px solid #d1d1d1;
  4573. }
  4574. .fancybox-lock {
  4575.     overflow: hidden;
  4576.     width: auto;
  4577. }
  4578. #fancybox-loading {
  4579.     position: fixed;
  4580.     top: 50%;
  4581.     left: 50%;
  4582.     margin-top: -22px;
  4583.     margin-left: -22px;
  4584.     background-position: 0 -108px;
  4585.     opacity: 0.8;
  4586.     cursor: pointer;
  4587.     z-index: 8060;
  4588. }
  4589. #fancybox-loading div {
  4590.     width: 44px;
  4591.     height: 44px;
  4592.     background: url(img/fancybox_loading.gif) center center no-repeat;
  4593. }
  4594. /* Overlay helper */
  4595. .fancybox-overlay {
  4596.     position: absolute;
  4597.     top: 0;
  4598.     left: 0;
  4599.     overflow: hidden;
  4600.     display: none;
  4601.     z-index: 8010;
  4602.     background: rgba(255,255,255,0.7);
  4603.     }
  4604.  
  4605. .no-rgba .fancybox-overlay { background: url(img/bg-white-transparent.png) 0 0 repeat; }
  4606. .fancybox-overlay-fixed {
  4607.     position: fixed;
  4608.     bottom: 0;
  4609.     right: 0;
  4610.     overflow-y:scroll;
  4611. }
  4612. .fancybox-lock .fancybox-overlay {
  4613.     overflow: auto;
  4614.     overflow-y: scroll;
  4615. }
  4616.     .fancybox-close {
  4617.         top: 8px;
  4618.         right: 8px;
  4619.         position: absolute;
  4620.         width: 28px;
  4621.         height: 28px;
  4622.         border-radius: 100%;
  4623.         background: #fff;
  4624.         box-shadow: inset 0 1px 1px rgba(0,0,0,0.16);
  4625.     }
  4626.     .fancybox-close:after {
  4627.         content: '';
  4628.         position: absolute;
  4629.         width: 9px;
  4630.         height: 9px;
  4631.         top: 50%;
  4632.         left: 50%;
  4633.         margin: -4.5px 0 0 -4.5px;
  4634.         background: url(img/sprite-ico.png) -90px -46px no-repeat;
  4635.     }
  4636. /* Overlay helper */
  4637.  
  4638. .fancybox-lock {
  4639.     overflow: hidden !important;
  4640.     width: auto;
  4641. }
  4642.  
  4643. .fancybox-lock body {
  4644.     overflow: hidden !important;
  4645. }
  4646.  
  4647. .fancybox-lock-test {
  4648.     overflow-y: hidden !important;
  4649. }
  4650.  
  4651. @media screen and (max-width: 1920px) {
  4652.     .sct-electr-certificate {
  4653.         background-size: 100% auto;
  4654.         -webkit-background-size: 100% auto;
  4655.         -o-background-size: 100% auto;
  4656.         -moz-background-size: 100% auto;
  4657.     }
  4658. }
  4659.  
  4660. .inp-count {
  4661.   padding: 0 0 0 10px;
  4662.   margin: 27px 0 0;
  4663.   font-size: 14px;
  4664.   line-height: 30px;
  4665.   color: #717576;
  4666. }
  4667.   .inp-count a {
  4668.     font-size: 22px;
  4669.     line-height: 30px;
  4670.     color: #058BFF;
  4671.     display: inline-block;
  4672.     margin: 0 1px;
  4673.     vertical-align: top;
  4674.   }
  4675.   .inp-count a:hover { text-decoration: none; }
  4676.   .inp-count input {
  4677.     height: 30px;
  4678.     width: 58px;
  4679.     border-radius: 35px;
  4680.     border: 1px solid #52808F;
  4681.     color: #6b7273;
  4682.     text-align: center;
  4683.     vertical-align: top;
  4684.   }
  4685.  
  4686. .cart-page .type-gift {
  4687.   float: right;
  4688.   width: 260px;
  4689. }
  4690.   .cart-page .type-gift .title {
  4691.     font-size: 17px;
  4692.     line-height: 20px;
  4693.     color: #349fff;
  4694.     margin: -5px 0 30px;
  4695.   }
  4696.   .cart-page .type-gift .row {
  4697.     margin: 0 -15px 10px 0;
  4698.   }
  4699.   .cart-page .type-gift .row label {
  4700.     display: inline-block;
  4701.     line-height: 17px;
  4702.     border: none;
  4703.     padding: 0 0 0 20px;
  4704.   }
  4705.   .cart-page .type-gift .row input { margin: 0; }
  4706.   .cart-page .type-gift .row label:after { top: 4px; left: 0; }
  4707.   .cart-page .type-gift .row label i {
  4708.     display: inline-block;
  4709.     vertical-align: top;
  4710.     margin: 0 10px 0 0;
  4711.     width: 29px;
  4712.     height: 19px;
  4713.     background: url(img/elecrtonic-certificate.png) 0 0 no-repeat;
  4714.   }
  4715.   .cart-page .type-gift .row label .gift { background: url(img/gift-certificate.png) 0 0 no-repeat; }
  4716.  
  4717. .cart-page .packaging-selected {
  4718.   padding: 40px 0 20px;
  4719.   border-top: 1px dotted #000;
  4720. }
  4721. .cart-page .packaging-selected:first-child { border: 0; padding-top: 0; }
  4722.  .cart-page  .packaging-selected .photo {
  4723.     float: left;
  4724.     width: 113px;
  4725.     height: 114px;
  4726.     border: 1px solid #E9E9E9;
  4727.     overflow: hidden;
  4728.   }
  4729.     .cart-page .packaging-selected .photo img { width: 100%; }
  4730.   .cart-page .packaging-selected .info {
  4731.     width: 360px;
  4732.     float: left;
  4733.     margin: 0 0 0 75px;
  4734.   }
  4735.   .cart-page .packaging-selected div.title {
  4736.     font-size: 13px;
  4737.     line-height: 16px;
  4738.     color: #35a2fe;
  4739.     margin: 0;
  4740.   }
  4741.   .cart-page .packaging-selected .price-wrap {
  4742.     border-bottom: 1px dotted #7B7B7B;
  4743.     position: relative;
  4744.     font-size: 20px;
  4745.     line-height: 23px;
  4746.     color: #787878;
  4747.     text-align: right;
  4748.   }
  4749.    .cart-page  .packaging-selected .delete {
  4750.       text-decoration: none;
  4751.       color: #e5124c;
  4752.       font-size: 14px;
  4753.       line-height: 17px;
  4754.       border-bottom: 1px dashed #e5124c;
  4755.       position: absolute;
  4756.       right: -80px;
  4757.       bottom: 0;
  4758.     }
  4759.     .cart-page  .packaging-selected .inp-count {
  4760.       padding: 0;
  4761.       margin: 20px 0 0;
  4762.     }
  4763. .cart-page .entire-order { margin: 0 0 30px; }
  4764.   .cart-page .entire-order-lnk {
  4765.     display: inline-block;
  4766.     font-size: 13px;
  4767.     height: 16px;
  4768.     line-height: 16px;
  4769.     padding: 0 10px 0 0;
  4770.     background: url(img/arrow-btn.png) right 0 no-repeat;
  4771.   }
  4772.   .cart-page .entire-order-lnk.active { background: url(img/arrow-btn.png) right -17px no-repeat; }
  4773.   .cart-page .entire-order-lnk:hover { text-decoration: none; }
  4774.    .cart-page .entire-order-lnk span { border-bottom: 1px dotted #35a2fe; }
  4775.   .cart-page .entire-order .hidden {
  4776.     padding: 30px 0 0;
  4777.   }
  4778.   .cart-page .entire-order table {
  4779.     color: #8e8e8e;
  4780.     font-size: 14px;
  4781.     line-height: 17px;
  4782.   }
  4783.     .cart-page .entire-order table td {
  4784.       padding: 15px 0 2px 25px;
  4785.       border-bottom: 1px dashed #C7C6C6;
  4786.     }
  4787.     .cart-page .entire-order table td:first-child { padding-left: 0; width: 270px; }
  4788.     .cart-page .entire-order table .numbers { width: 40px; }
  4789.     .cart-page .entire-order table {}
  4790.     .cart-page .entire-order table {}
  4791.  
  4792. .buy-one-click {
  4793.   background: #FFF;
  4794.   padding: 30px 45px 25px;
  4795.   width: 326px;
  4796. }
  4797.   .buy-one-click>form>input[type=text], .buy-one-click>form>input[type=email] {
  4798.     margin: 0 0 18px;
  4799.     display: block;
  4800.     text-align: left;
  4801.     padding: 0 20px;
  4802.     line-height: 39px;
  4803.     height: 39px;
  4804.     color: #c8caca;
  4805.   }
  4806.   .buy-one-click>form>input[type=email], .buy-one-click>form>input[type=number] { color: #7a7a7a; }
  4807.   .buy-one-click .inp-count {
  4808.     display: block;
  4809.     text-align: center;
  4810.     margin: 0;
  4811.   }
  4812.   .buy-one-click input[type=submit] {
  4813.     width: 190px;
  4814.     margin: 18px auto 0;
  4815.     display: block;
  4816.     background: #44A8FF;
  4817.     color: #FFF;
  4818.   }
  4819. .popup-report {
  4820.   background: #FFF;
  4821.   padding: 48px 30px 44px;
  4822.   width: 364px;
  4823.   font-size: 14px;
  4824.   line-height: 17px;
  4825.   color: #979899;
  4826.  
  4827. }
  4828.  
  4829.  
  4830. /*My Style*/
  4831. .ajax-loader{
  4832.     padding-left:233px;
  4833. }
  4834. .popup#popup-video{
  4835.     padding: 10px 50px 50px 50px;
  4836. }
  4837. .errors{color:#e5124c;}
  4838.  
  4839. .admin-tools{
  4840.   /*width:20px;*/
  4841.   /*height:22px;*/
  4842. }
  4843.  
  4844. .section-settings .endless_preloader {
  4845.   width:100%;
  4846.   height:25px;
  4847.   background: url(img/endless-loader.gif) center center no-repeat;
  4848.   position:absolute;
  4849.   right:0;
  4850.   top:-40px;
  4851.   display:none;
  4852. }
  4853.  
  4854. .medium-text{
  4855.     margin:0 46px 0 50px;
  4856. }
  4857. .medium-text h1 {
  4858.     margin: 5px 0;
  4859. }
  4860.  
  4861. .admin_edit_link{
  4862.     padding-left:40px;
  4863. }
  4864. .disable_buy_button{
  4865. width: 169px;
  4866. padding: 0 0 10px 0;
  4867. text-align: center;
  4868. font-weight: bold;
  4869. }
  4870. .corp_pr{
  4871.     float: right;
  4872.     color: #ec2f60;
  4873.     font-size: 18px;
  4874. }
  4875. .partners_pr{
  4876.     float: right;
  4877.     color: #ec2f60;
  4878.     font-size: 18px;
  4879.     margin-right:40px;
  4880. }
  4881.  
  4882.  
  4883. h1.search_nil{
  4884.    font-size: 20px;
  4885.     margin-bottom: 10px;
  4886.     color:#595656;
  4887. }
  4888. .grey{color: grey;}
  4889. .pink{color:#ec2f60;}
  4890.  
  4891.  
  4892.  
  4893. .title_h1{
  4894.     margin:40px auto 10px;
  4895.     text-align:center;
  4896.     width: 750px;
  4897.     font:24px/27px "lucida_granderegular",Verdana,sans-serif;
  4898.     color:#565655;
  4899. }
  4900. .title_div{
  4901.     margin:40px auto 10px;
  4902.     text-align:center;
  4903.     width: 750px;
  4904.     font:24px/27px "lucida_granderegular",Verdana,sans-serif;
  4905. }
  4906. .seo_h1{
  4907.     color:#939393;
  4908.     font: 14px "lucida_granderegular",Verdana,sans-serif;
  4909.     text-align:center;
  4910.     padding: 0 0 17px 0;
  4911.     display:inline;
  4912. }
  4913. h2.cert_description{
  4914.     color: #939393;
  4915.     font: 14px "lucida_granderegular",Verdana,sans-serif;
  4916.     margin: 0 0 3px;
  4917.     text-align: left;
  4918.     width: 100%;
  4919.     line-height:24px;
  4920.     color:#000;
  4921. }
  4922. span.h1_small_city{
  4923.     color:#939393;
  4924.     font: 14px "lucida_granderegular",Verdana,sans-serif;
  4925.     text-align:center;
  4926.     padding: 0 0 17px 0;
  4927.     margin-left:-5px;
  4928.  
  4929. }
  4930. .seo_titles{
  4931.     padding: 0 0 17px;
  4932.     text-align: center;
  4933. }
  4934.  
  4935. .pr_from{
  4936.     font-size:13px;
  4937. }
  4938.  
  4939.  
  4940. /*notifications*/
  4941. .alert-box {
  4942.     color:#555;
  4943.     border-radius:10px;
  4944.     /*font-family:Tahoma,Geneva,Arial,sans-serif;*/
  4945.     font-size:11px;
  4946.     padding:10px 36px;
  4947.     margin:10px 0px 10px;
  4948. }
  4949. .alert-box span {
  4950.     font-weight:bold;
  4951.     text-transform:uppercase;
  4952. }
  4953. .alert-box.error {
  4954.     background:#ffecec url('img/error.png') no-repeat 10px 50%;
  4955.     border:1px solid #f5aca6;
  4956. }
  4957. .alert-box.success {
  4958.     background:#e9ffd9 url('img/success.png') no-repeat 10px 50%;
  4959.     border:1px solid #a6ca8a;
  4960. }
  4961. .alert-box.warning {
  4962.     background:#fff8c4 url('img/warning.png') no-repeat 10px 50%;
  4963.     border:1px solid #f2c779;
  4964. }
  4965. .tab .warning {
  4966.     background: none;
  4967.     border: none;
  4968. }
  4969.  
  4970. .notice {
  4971.     background:#e3f7fc url('img/notice.png') no-repeat 10px 50%;
  4972.     border:1px solid #8ed9f6;
  4973. }
  4974.  
  4975. /*start  25.11.2014 */
  4976. .bx-wrapper { position: relative; }
  4977. .bx-wrapper .bx-controls-direction a {
  4978.   position: absolute;
  4979.   width: 0;
  4980.   height: 0;
  4981.   border: 40px solid transparent;
  4982.   border-left: 20px solid #999;
  4983.   border-right: 0;
  4984.   top: 50%;
  4985.   right: -40px;
  4986.   margin: 20px 0 0 0;
  4987.   text-indent: -9999px;
  4988.   -webkit-transition: all 0.5s ease;
  4989.   -moz-transition: all 0.5s ease;
  4990.   -ms-transition: all 0.5s ease;
  4991.   -o-transition: all 0.5s ease;
  4992.   transition: all 0.5s ease;
  4993. }
  4994.  .bx-wrapper .bx-controls-direction .bx-prev {
  4995.     border-left: 0;
  4996.     border-right: 20px solid #999;
  4997.     right: auto;
  4998.     left: -40px;
  4999.  }
  5000.  
  5001. .bx-wrapper .bx-controls-direction .bx-next:hover {
  5002.   border-left: 20px solid #000;
  5003. }
  5004. .bx-wrapper .bx-controls-direction .bx-prev:hover {
  5005.   border-right: 20px solid #000;
  5006. }
  5007. .bx-wrapper .bx-controls-direction a:after {
  5008.   content: '';
  5009.   position: absolute;
  5010.   top: -40px;
  5011.   left: 3px;
  5012.   width: 0;
  5013.   height: 0;
  5014.   border: 40px solid transparent;
  5015.   border-right: 20px solid #FFF;
  5016.   border-left: 0;
  5017. }
  5018.  .bx-wrapper .bx-controls-direction .bx-next:after {
  5019.     left: auto;
  5020.     right: 3px;
  5021.     border: 40px solid transparent;
  5022.     border-left: 20px solid #FFF;
  5023.     border-right: 0;
  5024.  }
  5025. .bx-wrapper .bx-controls-direction .disabled { display: none; }
  5026.  
  5027. .cart-hidden-wrap .bx-controls-direction a {
  5028.   border: 30px solid transparent;
  5029.   border-left: 15px solid #999;
  5030.   border-right: 0;
  5031.   margin: -20px 0 0;
  5032.   right: -15px;
  5033. }
  5034.  .cart-hidden-wrap .bx-wrapper .bx-controls-direction .bx-prev {
  5035.     border-left: 0;
  5036.     border-right: 15px solid #999;
  5037.     right: auto;
  5038.     left: -15px;
  5039.  }
  5040.  
  5041. .cart-hidden-wrap .bx-wrapper .bx-controls-direction .bx-next:hover {
  5042.   border-left: 15px solid #000;
  5043. }
  5044. .cart-hidden-wrap .bx-wrapper .bx-controls-direction .bx-prev:hover {
  5045.   border-right: 15px solid #000;
  5046. }
  5047. .cart-hidden-wrap .bx-wrapper .bx-controls-direction a:after {
  5048.   top: -30px;
  5049.   border: 30px solid transparent;
  5050.   border-right: 15px solid #FFF;
  5051.   border-left: 0;
  5052. }
  5053.  .cart-hidden-wrap .bx-wrapper .bx-controls-direction .bx-next:after {
  5054.     border: 30px solid transparent;
  5055.     border-left: 15px solid #FFF;
  5056.     border-right: 0;
  5057.  }
  5058.  
  5059. .product-page .bx-wrapper .bx-controls-direction a {
  5060.   border: 30px solid transparent;
  5061.   border-top: 15px solid #999;
  5062.   margin: 0 0 0 -30px;
  5063.   right: auto;
  5064.   left: 50%;
  5065.   top: auto;
  5066.   bottom: -55px;
  5067. }
  5068.  .product-page .bx-wrapper .bx-controls-direction .bx-prev {
  5069.     border: 30px solid transparent;
  5070.     border-bottom: 15px solid #999;
  5071.     right: auto;
  5072.     top: -55px;
  5073.     bottom: auto;
  5074.  }
  5075.  
  5076. .product-page .bx-wrapper .bx-controls-direction .bx-next:hover {
  5077.   border: 30px solid transparent;
  5078.   border-top: 15px solid #000;
  5079. }
  5080. .product-page .bx-wrapper .bx-controls-direction .bx-prev:hover {
  5081.   border: 30px solid transparent;
  5082.   border-bottom: 15px solid #000;
  5083. }
  5084. .product-page .bx-wrapper .bx-controls-direction a:after {
  5085.   top: -27px;
  5086.   left: -30px;
  5087.   border: 30px solid transparent!important;
  5088.   border-bottom: 15px solid #FFF!important;
  5089.   border-left: 0;
  5090. }
  5091. .product-page .bx-wrapper .bx-controls-direction .bx-next:after {
  5092.     top: -18px;
  5093.     border: 30px solid transparent !important;
  5094.     border-top: 15px solid #fff!important;
  5095.  
  5096.  }
  5097.  .corporate-page .bx-wrapper .bx-controls-direction a,
  5098.  .cart-page .bx-wrapper .bx-controls-direction a,
  5099.  .packaging-section .bx-wrapper .bx-controls-direction a,
  5100.  .how-works .bx-wrapper .bx-controls-direction a { margin: -40px 0 0; }
  5101.  .products-viewed .bx-wrapper .bx-controls-direction a { margin: -30px 0 0; }
  5102.  .corporate-page .bx-wrapper .bx-controls-direction a:after,
  5103.  .packaging-section .bx-wrapper .bx-controls-direction a:after { display: none; }
  5104.  
  5105.  .select-bouquet-pop .bx-wrapper .bx-controls-direction a { margin: -60px 0 0; right: -30px; }
  5106.  .select-bouquet-pop .bx-wrapper .bx-controls-direction .bx-prev { left: -30px; }
  5107.  
  5108.  
  5109. .filter-menu .nav,
  5110. header .nav {
  5111.     display: table;
  5112.     width: 100%;
  5113.     margin: 15px 0 0;
  5114. }
  5115. .filter-menu .nav a,
  5116. header .nav a {
  5117.     display: table-cell;
  5118.     font-size: 13px;
  5119.     line-height: 16px;
  5120.     text-decoration: none;
  5121.     vertical-align: middle;
  5122.     padding: 0 0 0 15px;
  5123. }
  5124. .filter-menu .nav a:first-child,
  5125. header .nav a:first-child { padding: 0 0 0 5px; }
  5126.   .filter-menu  .nav a img,
  5127.     header .nav a img {
  5128.         display: inline-block;
  5129.         vertical-align: middle;
  5130.         margin: 0 5px 0 0;
  5131.     }
  5132.   .filter-menu .nav a span,
  5133.     header .nav a span {
  5134.         color: #565655;
  5135.         display: inline-block;
  5136.         vertical-align: middle;
  5137.     }
  5138.   .filter-menu  .nav a:hover span,
  5139.     header .nav a:hover span { text-decoration: underline; }
  5140.  
  5141. .filter-menu {}
  5142.   .filter-menu .filter-top {
  5143.     text-align: center;
  5144.     position: relative;
  5145.     text-align: center;
  5146.     background: #E5124C;
  5147.     font-size: 15px;
  5148.     line-height: 33px;
  5149.     color: #FFF;
  5150.     height: 33px;
  5151.     cursor:pointer;
  5152.   }
  5153.   .filter-menu .text { position: relative; z-index: 3; }
  5154.   .filter-menu .arrow {
  5155.     position: absolute;
  5156.     bottom: -20px;
  5157.     left: 50%;
  5158.     margin: 0 0 0 -22.5px;
  5159.     width: 45px;
  5160.     height: 45px;
  5161.     border-radius: 100%;
  5162.     background: #E5124C;
  5163.     cursor: pointer;
  5164.     z-index: 2;
  5165.   }
  5166.   .filter-menu .arrow:before,
  5167.   .filter-menu .arrow:after {
  5168.     content: '';
  5169.     width: 0;
  5170.     height: 0;
  5171.     position: absolute;
  5172.     border: 10px solid transparent;
  5173.     border-top: 10px solid #FFF;
  5174.     left: 12px;
  5175.     top: 25px;
  5176.   }
  5177.   .filter-menu .arrow:after {
  5178.     border: 10px solid transparent;
  5179.     border-top: 10px solid #E5124C;
  5180.     top: 24px;
  5181.   }
  5182.   .filter-menu .arrow.active:before,
  5183.   .filter-menu .arrow.active:after {
  5184.     border-top: 0;
  5185.     border-bottom: 10px solid #FFF;
  5186.   }
  5187.   .filter-menu .arrow.active:after {
  5188.     border-top: 0;
  5189.     border-bottom: 10px solid #E5124C;
  5190.     top: 26px;
  5191.   }
  5192.  
  5193.   .filter-menu .filter-line { margin: 0; padding: 20px 0; }
  5194.   .filter-menu .filter-hidden { display: none; }
  5195.  
  5196. .popup-add-photo {
  5197.   padding: 60px 40px 40px;
  5198.   /*background: #FFF;*/
  5199. }
  5200.   .popup-add-photo .bx-wrapper .bx-controls-direction a {
  5201.     top: 50%;
  5202.     margin: -40px 0 0;
  5203.   }
  5204.   .popup-add-photo .bx-wrapper .bx-controls-direction .bx-next { right: -30px; }
  5205.   .popup-add-photo .bx-wrapper .bx-controls-direction .bx-prev { left: -30px; }
  5206.  
  5207. .product_city{
  5208.     font-style:italic;
  5209.     /*display: none;*/
  5210. }
  5211.  
  5212. .your-city-box {
  5213.     float: left;
  5214.     font-size: 14px;
  5215.     line-height: 17px;
  5216.     position: relative;
  5217.     color: #5a5e67;
  5218.     margin: 51px 0 0 70px;
  5219. }
  5220.   .your-city-box a:hover { text-decoration: none; }
  5221.   .your-city-box .your-city-lnk {
  5222.     border-bottom: 1px dotted #5a5e67;
  5223.     color: #e5124c;
  5224.     font-size: 19.5px;
  5225.     line-height: 17px;
  5226.   }
  5227.   .your-city-box .your-city-hidden {
  5228.     display: none;
  5229.     background: #35a2fe;
  5230.     border-radius: 20px;
  5231.     position: absolute;
  5232.     padding: 12px 10px 10px;
  5233.     top: 32px;
  5234.     left: 50%;
  5235.     margin: 0 0 0 -120px;
  5236.     width: 240px;
  5237.     z-index: 50;
  5238.     box-sizing: border-box;
  5239.     -webkit-box-sizing: border-box;
  5240.     -o-box-sizing: border-box;
  5241.     -moz-box-sizing: border-box;
  5242.   }
  5243.     .your-city-box .your-city-hidden .title {
  5244.       white-space: nowrap;
  5245.       margin: 0 0 10px;
  5246.     }
  5247.     .your-city-box .your-city-hidden:after {
  5248.       content: '';
  5249.       width: 0;
  5250.       height: 0;
  5251.       position: absolute;
  5252.       top: -9px;
  5253.       left: 50%;
  5254.       margin: 0 0 0 -16px;
  5255.       border: 16px solid transparent;
  5256.       border-bottom: 9px solid #35a2fe;
  5257.       border-top: 0;
  5258.     }
  5259.       .your-city-box .your-city-hidden .title span {
  5260.         color: #FFF;
  5261.         display: inline-block;
  5262.         white-space: nowrap;
  5263.         max-width: 150px;
  5264.         overflow: hidden;
  5265.         -ms-text-overflow: ellipsis;
  5266.         text-overflow: ellipsis;
  5267.         vertical-align: top;
  5268.       }
  5269.       .your-city-box .your-city-hidden .btn-wrap { margin: 0 0 10px; }
  5270.         .your-city-box .your-city-hidden .btn-wrap a {
  5271.           float: right;
  5272.           background: #FFF;
  5273.           padding: 0 10px;
  5274.           text-align: center;
  5275.           color: #565655;
  5276.           font-size: 12px;
  5277.           line-height: 32px;
  5278.           height: 32px;
  5279.           border-radius: 30px;
  5280.           min-width: 39px;
  5281.         }
  5282.         .your-city-box .your-city-hidden .btn-wrap a:first-child { float: left; }
  5283.       .your-city-box .your-city-hidden p {
  5284.         margin: 0;
  5285.         color: #FFF;
  5286.         text-align: center;
  5287.         font-size: 11px;
  5288.         line-height: 15px;
  5289.       }
  5290.  
  5291. .choice-city-pop {
  5292.   background: #fff url(img/babtike-grey.png) 97% 8px  no-repeat;
  5293.   padding: 25px 30px;
  5294.   color: #3c3c3b;
  5295.   min-width: 350px;
  5296.   box-sizing: border-box;
  5297.   -webkit-box-sizing: border-box;
  5298.   -o-box-sizing: border-box;
  5299.   -moz-box-sizing: border-box;
  5300. }
  5301.   .choice-city-pop .title { font-size: 18px; line-height: 21px; color: #0d0d0d; text-align: center; margin: 0 0 24px; }
  5302.   .choice-city-pop table { width: 100%; font-size: 16px; line-height: 19px;}
  5303.     .choice-city-pop td:first-child { padding: 0 20px 0 0; }
  5304.   .choice-city-pop a { color: #3c3c3b; text-decoration: underline; margin: 0 0 11px; display: inline-block; }
  5305.   .choice-city-pop a:hover { text-decoration: none; }
  5306.  
  5307.  
  5308.  
  5309. /*start 20.01.2015*/
  5310.   .old-price {display: block; }
  5311.     .old-price span {
  5312.       display: inline-block;
  5313.       position: relative;
  5314.     }
  5315.      .old-price span:after {
  5316.         content: '';
  5317.         position: absolute;
  5318.         width: 100%;
  5319.         height: 1px;
  5320.         left: 0;
  5321.         top: 50%;
  5322.         background: #EB3C4C;
  5323.      }
  5324.  
  5325.      .btn-container {
  5326.       float: right;
  5327.       width: 170px;
  5328.      }
  5329.  
  5330.      header .header-nav a.small-square:after {
  5331.       background: url(img/small-square.jpg) 0 0 repeat;
  5332.      }
  5333.      header .header-nav a.big-square:after {
  5334.       background: url(img/big-square.jpg) 0 0 repeat;
  5335.      }
  5336.      header .header-nav a.points:after {
  5337.       background: url(img/points-bg.jpg) 0 0 repeat;
  5338.      }
  5339.      header .header-nav a.zigzags:after {
  5340.       background: url(img/zigzags-bg.jpg) 0 0 repeat;
  5341.      }
  5342.    .main-banner {
  5343.     cursor:pointer;
  5344.     position: relative;
  5345.     min-height: 444px;
  5346.     box-sizing: border-box;
  5347.     -webkit-box-sizing: border-box;
  5348.     -o-box-sizing: border-box;
  5349.     -moz-box-sizing: border-box;
  5350.   }
  5351.   .main-banner>.wrapper {
  5352.     /*padding: 110px 0 75px;*/
  5353.     position: relative;
  5354.     z-index: 10;
  5355.   }
  5356.   .main-banner .bx-wrapper,
  5357.    .main-banner .slider { position: absolute; top: 0; left: 0; width: 100%; }
  5358.       .main-banner .slider .slide {
  5359.         /*padding: 110px 0 75px;*/
  5360.         cursor:pointer;
  5361.         min-height: 444px;
  5362.         background-position: center center;
  5363.         background-repeat: no-repeat;
  5364.         background-size: cover;
  5365.         -webkit-background-size: cover;
  5366.         -o-background-size: cover;
  5367.         -moz-background-size: cover;
  5368.       }
  5369.  
  5370.   .main-banner .bx-pager {
  5371.     position: absolute;
  5372.     width: 100%;
  5373.     bottom: 20px;
  5374.     text-align: center;
  5375.     z-index: 20;
  5376.   }
  5377.    .main-banner .bx-pager .bx-pager-item {
  5378.     display: inline-block;
  5379.     vertical-align: top;
  5380.     margin: 0 5px;
  5381.    }
  5382.     .main-banner .bx-pager .bx-pager-item a {
  5383.       display: block;
  5384.       width: 10px;
  5385.       height: 10px;
  5386.       border-radius: 100%;
  5387.       border: 1px solid #000;
  5388.       overflow: hidden;
  5389.       text-indent: -999px;
  5390.     }
  5391.     .main-banner .bx-pager .bx-pager-item a.active { background: #f6235d; }
  5392. /*end 20.01.2015*/
  5393.  
  5394.  
  5395. /* start 27.02.2015 News*/
  5396. .news-page h2{
  5397.     font-size: 18px;
  5398.     line-height: 18px;
  5399.     margin: 30px 0 25px 0;
  5400.     text-transform: uppercase;
  5401.  
  5402. }
  5403. .news{
  5404.     height: 230px;
  5405.     border-radius: 30px;
  5406.     background-color: #fff;
  5407.     padding: 12px 25px 15px 45px;
  5408.     -webkit-box-sizing: border-box;
  5409.     -moz-box-sizing: border-box;
  5410.     -ms-box-sizing: border-box;
  5411.     box-sizing: border-box;
  5412.     box-shadow: 0 1px 1px rgba(0,0,0,.16);
  5413.     margin-bottom: 20px;
  5414. }
  5415. .news h3{
  5416.     text-transform: none;
  5417.     text-decoration: underline;
  5418.     font-size: 15px;
  5419. }
  5420. .news h3 a{
  5421.     text-transform: none;
  5422.     text-decoration: underline;
  5423.     font-size: 15px;
  5424.     color:#e5124c;
  5425. }
  5426.  
  5427. .news .date{
  5428.     background: #35a2fe;
  5429.     padding: 4px 9px;
  5430.     color: #fff;
  5431.     font-size: 12px;
  5432. }
  5433. .news .source{
  5434.     color: #565655;
  5435.     font-size: 12px;
  5436. }
  5437. .news-body{
  5438.     margin-top: 15px;
  5439.     position: relative;
  5440. }
  5441. .news-text{
  5442.     margin-left: 150px;
  5443.     padding: 10px 20px 0 20px;
  5444.     font-style: italic;
  5445. }
  5446. .news-text .more{
  5447.     font-style: normal;
  5448. }
  5449. .news-body .actions{
  5450.     position: absolute;
  5451.     margin-left: 165px;
  5452.     bottom: 0;
  5453. }
  5454. .actions a{
  5455.     color: #7a7a7a;
  5456.     line-height: 19px;
  5457.     font-size: 12px;
  5458. }
  5459. .actions .comments-link{
  5460.     margin-right: 25px;
  5461. }
  5462. .actions .comments-link span{color: #e5124c;}
  5463. .actions .comments-link .icon, .actions .add-comment-link .icon{
  5464.     background: url(img/actions.png) no-repeat 0 0;
  5465.     width: 22px;
  5466.     height: 19px;
  5467.     display: inline-block;
  5468.     margin-bottom: -4px;
  5469.     margin-right: 5px;
  5470. }
  5471. .actions .add-comment-link .icon{
  5472.     background-position: -25px 0;
  5473. }
  5474. .news-body .share-box{
  5475.     position: absolute;
  5476.     bottom: 0;
  5477.     right: 0;
  5478. }
  5479. .share-box a{
  5480.     display: inline-block;
  5481.     width: 28px;
  5482.     height: 28px;
  5483.     background-image: url(img/share-ico.png);
  5484.     background-repeat: no-repeat;
  5485. }
  5486. .share-box a:hover{
  5487.     opacity: .6;
  5488. }
  5489. .share-box .vk{
  5490.     background-position: 0 0;
  5491. }
  5492. .share-box .fb{
  5493.     background-position:-28px 0;
  5494. }
  5495. .share-box .twitter{
  5496.     background-position: -56px 0;
  5497.     margin-right: 5px;
  5498. }
  5499. .share-box .google{
  5500.     width: 29px;
  5501.     background-position:-84px 0;
  5502. }
  5503.  
  5504. .news-photo{
  5505.     width: 140px;
  5506.     height: 140px;
  5507.     padding: 1px;
  5508.     background: #fff;
  5509.     box-shadow: 0 2px 6px rgba(0,0,0,.75);
  5510.     float: left;
  5511. }
  5512. .news-photo img{
  5513.     width: 100%;
  5514.     height: 100%;
  5515. }
  5516.  
  5517. /*News detailed*/
  5518. .news-detailed{
  5519.     margin-top: 56px;
  5520. }
  5521. .news-detailed h2{
  5522.     font-size: 20px;
  5523.     color: #e5124c;
  5524.     text-align: center;
  5525. }
  5526. .news-detailed .news-photo{
  5527.     margin-bottom: 7px;
  5528.     float: none;
  5529. }
  5530. .news-media{
  5531.     width: 287px;
  5532.     float: left;
  5533. }
  5534. /*News detailed slider*/
  5535. .news-detailed .slider .thumbnail{
  5536.     width: 71px;
  5537.     height: 63px;
  5538.     padding: 4px 4px 8px 4px;
  5539. }
  5540. .news-detailed .slider a{
  5541.     display: block;
  5542.     width: 100%;
  5543.     height: 100%;
  5544.     padding: 1px;
  5545.     background: #fff;
  5546.     box-shadow: 0 2px 6px rgba(0,0,0,.75);
  5547. }
  5548. .news-detailed .slider a img{
  5549.     width: 100%;
  5550.     height: 100%;
  5551. }
  5552. .news-detailed .bx-wrapper .bx-controls-direction a {
  5553.   position: absolute;
  5554.   width: 0;
  5555.   height: 0;
  5556.   border: 20px solid transparent;
  5557.   border-left: 10px solid #999;
  5558.   border-right: 0;
  5559.   top: 50%;
  5560.   right: -20px;
  5561.   margin-top: -19px;
  5562.   text-indent: -9999px;
  5563.   -webkit-transition: all 0.5s ease;
  5564.   -moz-transition: all 0.5s ease;
  5565.   -ms-transition: all 0.5s ease;
  5566.   -o-transition: all 0.5s ease;
  5567.   transition: all 0.5s ease;
  5568. }
  5569. .news-detailed .bx-wrapper .bx-controls-direction .bx-prev {
  5570.     border-left: 0;
  5571.     border-right: 10px solid #999;
  5572.     right: auto;
  5573.     left: -20px;
  5574.  }
  5575.  
  5576. .news-detailed .bx-wrapper .bx-controls-direction .bx-next:hover {
  5577.   border-left: 10px solid #000;
  5578. }
  5579. .news-detailed .bx-wrapper .bx-controls-direction .bx-prev:hover {
  5580.   border-right: 10px solid #000;
  5581. }
  5582. .news-detailed .bx-wrapper .bx-controls-direction a:after {
  5583.   content: '';
  5584.   position: absolute;
  5585.   top: -20px;
  5586.   left: 3px;
  5587.   width: 0;
  5588.   height: 0;
  5589.   border: 20px solid transparent;
  5590.   border-right: 10px solid #FFF;
  5591.   border-left: 0;
  5592. }
  5593. .news-detailed .bx-wrapper .bx-controls-direction .bx-next:after {
  5594.     left: auto;
  5595.     right: 3px;
  5596.     border: 20px solid transparent;
  5597.     border-left: 10px solid #FFF;
  5598.     border-right: 0;
  5599.  }
  5600. .news-detailed .preview-hidden{
  5601.  
  5602. }
  5603. .news-detailed .preview-hidden .thumbnail{
  5604.     float: left;
  5605.  
  5606. }
  5607. .news-detailed .news-photo{
  5608.     width: 285px;
  5609.     height: 210px;
  5610.     position: relative;
  5611.  
  5612. }
  5613. .news-detailed .news-photo .video{
  5614.     position: absolute;
  5615.     width: 100%;
  5616.     height: 100%;
  5617.     top: 0;
  5618.     left: 0;
  5619. }
  5620. .news-detailed .news-photo .video iframe{
  5621.     width: 100%;
  5622.     height: 100%;
  5623. }
  5624. .news-detailed .news{
  5625.     height: auto;
  5626. }
  5627. .news-detailed .news-text{
  5628.     margin-left: 295px;
  5629.     padding-top: 0;
  5630.     min-height: 210px;
  5631. }
  5632. .news-detailed .news-text p{
  5633.     margin-bottom: 0;
  5634. }
  5635. .news .space{
  5636.     height: 30px;
  5637.     content: "";
  5638.     clear:left;
  5639. }
  5640. .news-detailed .news-body .actions{
  5641.     position: static;
  5642.     margin-left: 0;
  5643.     float: left;
  5644.     margin-top: 8px;
  5645.  
  5646. }
  5647. .news-detailed .news-body .share-box{
  5648.     position: static;
  5649.     float: right;
  5650.     margin-right: 30px;
  5651.  
  5652. }
  5653. .actions .next-news{
  5654.     text-shadow: 0 1px 1px #fff, 0 1px 1px rgba(0,0,0,.75);
  5655.     color: #35a2fe;
  5656.     margin-left: 80px;
  5657. }
  5658. .actions .next-news .icon{
  5659.     width: 16px;
  5660.     height: 17px;
  5661.     background: url(img/actions.png) -50px 0;
  5662.     display: inline-block;
  5663.     margin-bottom: -4px;
  5664.  
  5665. }
  5666. .comment-wrapper{
  5667.     padding-right: 17px;
  5668. }
  5669. .add-comment{
  5670.     margin-top: 30px;
  5671.  
  5672. }
  5673. .add-comment input{
  5674.     border: 1px solid  #adacac;
  5675.     border-radius: 0;
  5676.     width: 196px;
  5677.     text-align: left;
  5678.     margin-bottom: 12px;
  5679.     background-color: #f2f2f2;
  5680.     color: #c1c1c1;
  5681. }
  5682.  
  5683. .add-comment textarea{
  5684.     border: 1px solid  #adacac;
  5685.     border-radius: 0;
  5686.     text-indent: 0;
  5687.     background-color: #f2f2f2;
  5688.     margin-bottom: 6px;
  5689.     color: #c1c1c1;
  5690. }
  5691. .add-comment  button{
  5692.     background: #e5124c;
  5693.     color: #fff;
  5694.     border: none;
  5695.     height: 32px;
  5696.     padding: 0 48px;
  5697.     border-radius: 16px;
  5698.     box-shadow: 0 2px 2px rgba(0,0,0,.75);
  5699.     float: right;
  5700.  
  5701. }
  5702.  
  5703. .news-detailed .feedback-list { margin: 45px 0 0; }
  5704.             .news-detailed .feedback-box {
  5705.                 margin: 0 0 24px;
  5706.             }
  5707.                 .news-detailed .feedback-box-inner {
  5708.                 display: inline-block;
  5709.                 position: relative;
  5710.                 border-radius: 30px;
  5711.                 background: #35A2FE;
  5712.                 padding: 15px 22px 15px;
  5713.                 color: #FFF;
  5714.             }
  5715.             .news-detailed .feedback-box-inner:after {
  5716.                 content: '';
  5717.                 width: 10px;
  5718.                 height: 10px;
  5719.                 background: url(img/sprite-ico.png) -100px -123px no-repeat;
  5720.                 position: absolute;
  5721.                 bottom: -10px;
  5722.                 left: 35px;
  5723.             }
  5724.             .news-detailed .feedback-admin { margin: 0 0 30px 65px; }
  5725.                 .news-detailed .feedback-admin .feedback-box-inner {
  5726.                     background: #E5124C;
  5727.                 }
  5728.                 .news-detailed .feedback-admin .feedback-box-inner:after {
  5729.                     bottom: auto;
  5730.                     top: -9px;
  5731.                     background-position: -111px -123px;
  5732.                 }
  5733.             .news-detailed .feedback-author{
  5734.                 margin: 5px 0 0 52px;
  5735.                 color: #8d8d8d;
  5736.                 font-size: 12px;
  5737.                 font-style: italic;
  5738.  
  5739.             }
  5740. .justified-table td{
  5741.         display: inline-block;
  5742.         width: 23%;
  5743.         -webkit-box-sizing: border-box;
  5744.         -moz-box-sizing: border-box;
  5745.         -ms-box-sizing: border-box;
  5746.         box-sizing: border-box;
  5747. }
  5748. .activation h4{
  5749.     margin-bottom: 25px;
  5750. }
  5751.  
  5752. .activation .activation-input{
  5753.     width: 240px;
  5754.     height: 30px;
  5755.     border-radius: 0;
  5756.     border: 1px solid  #565655;
  5757.     margin-bottom: 23px;
  5758.     text-align: left;
  5759. }
  5760. .activation .title{
  5761.     margin-top: 35px;
  5762.     margin-bottom: 21px;
  5763. }
  5764. input[type="submit"].check-btn, input[type="button"].check-btn,
  5765. input[type="submit"].activate-btn, input[type="button"].activate-btn,
  5766. .check-btn, .activate-btn{
  5767.     width: 240px;
  5768.     display: block;
  5769.     height: 30px;
  5770.     font-size: 12px;
  5771.     line-height: 30px;
  5772.     color: #FFF;
  5773.     background: #8ad0af;
  5774.     text-align: center;
  5775.     border-radius: 30px;
  5776.     margin-bottom: 35px;
  5777. }
  5778. .activate-btn{
  5779.     background: #35A2F3;
  5780. }
  5781. .error-message{
  5782.     color: #e5124c;
  5783. }
  5784. .info-tel{
  5785.     font-style: italic;
  5786.     margin-top: 40px;
  5787. }
  5788. .info-tel span{
  5789.     color: #35a2fe;
  5790. }
  5791. /*Popup activation*/
  5792. .popup-activate-certicate {
  5793.     width: 500px;
  5794.     height: 216px;
  5795.     border-radius: 40px;
  5796.     background: #FFF;
  5797.     box-shadow: 0.5px 1px 1px rgba(0,0,0,0.25);
  5798.     position: absolute;
  5799.     font-size: 14px;
  5800.     line-height: 25px;
  5801.     z-index: 110;
  5802.     left: 50%;
  5803.     margin: -90px 0 0 40px;
  5804.     display: none;
  5805.     text-align: left;
  5806.     padding: 80px 45px 80px 75px;
  5807.     color: #e5124c;
  5808.     -webkit-box-sizing: border-box;
  5809.     -moz-box-sizing: border-box;
  5810.     -ms-box-sizing: border-box;
  5811.     box-sizing: border-box;
  5812. }
  5813. .popup-activate-certicate .certificate-number{
  5814.     color: #000;
  5815. }
  5816. .popup-activate-certicate .close {
  5817.     position: absolute;
  5818.     width: 9px;
  5819.     height: 9px;
  5820.     right: 40px;
  5821.     top: 27px;
  5822.     background: url(img/sprite-ico.png) -90px -46px  no-repeat;
  5823. }
  5824.  
  5825.  
  5826.  
  5827. .empty { font-size: 0; line-height: 0; padding: 0; margin: 0; }
  5828. #category_description{ padding-top:50px;}
  5829. .blue{color:#35a2fe;}
  5830. .pink{color:#e5124c;}
  5831. label.error{display:table-cell;color:#e5124c;font-size:12px;}
  5832. label.sing_up{display:table-cell;}
  5833. .center{text-align:center;}
  5834. .holiday{
  5835.     border: 3px solid #e5124c;
  5836.     border-radius: 15px;
  5837.     font: 18px/21px "lucida_granderegular",Verdana,sans-serif;
  5838.     padding: 15px;
  5839. }
  5840.  
  5841.  
  5842.  
  5843.  
  5844.  
  5845.  
  5846.  
  5847.  
  5848. /*Suppliers table*/
  5849. /*.supplier_content {
  5850.     margin:50px 0 0 0;
  5851.     padding:0px;
  5852. }
  5853. .supplier_content .buy-btn{ color:#fff;}
  5854. .supplier_content table{
  5855.     width:100%;
  5856.     border:1px solid #000000;
  5857.   border-collapse: collapse;
  5858.   border-spacing: 0;
  5859.     width:100%;
  5860.     height:100%;
  5861.     margin:0px;
  5862.     padding:0px;
  5863. }
  5864.  
  5865. .supplier_content tr:nth-child(odd){ background-color:#eff7f7; }
  5866. .supplier_content tr:nth-child(even)    { background-color:#ffffff; }
  5867. .supplier_content td{
  5868.     vertical-align:middle;
  5869.     border:1px solid #000000;
  5870.     border-width:0px 1px 1px 0px;
  5871.     text-align:left;
  5872.     padding:7px;
  5873.     font-size:12px;
  5874.     font-weight:normal;
  5875.     color:#000000;
  5876. }
  5877. .supplier_content tr:last-child td{
  5878.     border-width:0px 1px 0px 0px;
  5879. }
  5880. .supplier_content tr:first-child td{
  5881.     background-color:#4ca2f7;
  5882.     border:0px solid #000000;
  5883.     text-align:center;
  5884.     border-width:0px 0px 1px 1px;
  5885.     font-size:14px;
  5886.     font-weight:bold;
  5887.     color:#ffffff;
  5888. }
  5889. */
Advertisement
Add Comment
Please, Sign In to add comment