dimalebedev

Untitled

Sep 23rd, 2015
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.16 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. </head>
  9. <style>
  10.  
  11.  
  12. body {
  13. background-color: #fff;
  14. margin: 0;
  15. }
  16.  
  17. .outer {
  18. margin: 0 auto;
  19. max-width: 700px;
  20. width:100%;
  21. }
  22.  
  23. .middle .outer {
  24. background-color: #ffffff;
  25. border-radius:4px;
  26. }
  27.  
  28. .header {
  29. padding: 30px 0;
  30. border-top: 1px solid #ebebeb;
  31. }
  32.  
  33. .header,
  34. .middle,
  35. .footer {
  36. margin:0 10px;
  37. text-align: center;
  38. background-color: #fff;
  39. table-layout: fixed;
  40. -webkit-text-size-adjust: 100%;
  41. -ms-text-size-adjust: 100%;
  42. border: 1px solid #ebebeb;
  43. border-top: none;
  44. max-width: 700px;
  45. }
  46.  
  47.  
  48.  
  49. a {
  50. color: black;
  51. text-decoration: none;
  52. }
  53.  
  54. a span {
  55. color: #0077cc;
  56. }
  57.  
  58. a img {
  59. border: 0;
  60. }
  61.  
  62. div, p, td {
  63. -webkit-font-smoothing: subpixel-antialiased;
  64. }
  65.  
  66. table {
  67. border-collapse: collapse;
  68. }
  69.  
  70. .h1 {
  71. font-family: 'helvetica', arial;
  72. font-size: 24px;
  73. color: #333333;
  74. text-align: left;
  75. line-height: 30px;
  76. }
  77.  
  78. p,
  79. .paragraph {
  80. font-family: helvetica, arial;
  81. font-size: 14px;
  82. color: black;
  83. text-align: left;
  84. line-height: 16px;
  85. }
  86.  
  87. p {
  88. Margin: 1em 0;
  89. }
  90.  
  91. .quote {
  92. font-style: italic;
  93. color: #999999;
  94. }
  95.  
  96. .cover {
  97. padding: 0 0 0 0;
  98. }
  99.  
  100. .cover img {
  101. height: auto;
  102. max-width: 80px;
  103. height: auto;
  104. display: block;
  105. border-radius: 4px 4px 0 0;
  106. }
  107.  
  108.  
  109.  
  110. .button {
  111. width:auto;
  112. margin: auto;
  113. }
  114.  
  115. .button td {
  116. padding:0;
  117. }
  118.  
  119. .button-link {
  120. font-family: helvetica;
  121. font-size: 14px;
  122. color:#ffffff;
  123. font-weight: bold;
  124. text-decoration: none;
  125. background-color: #333333;
  126. border:#333333 10px solid;
  127. border-radius: 25px;
  128. display: inline-block;
  129. }
  130.  
  131. .button-link span {
  132. display: inline-block;
  133. border-left:#333333 20px solid;
  134. border-right:#333333 20px solid;
  135. color:#ffffff;
  136. }
  137.  
  138.  
  139.  
  140. .contacts .h1 {
  141. text-align: center;
  142. }
  143.  
  144. .contacts .paragraph {
  145. text-align: center;
  146. }
  147.  
  148.  
  149.  
  150.  
  151. .content {
  152. padding:0 0 0 0;
  153. }
  154.  
  155. .credits .paragraph {
  156. color: #999999;
  157. font-size: 12px;
  158. text-align: center;
  159. }
  160.  
  161. .header .h1 {
  162. text-align: center;
  163. }
  164.  
  165. .header .paragraph {
  166. text-align: center;
  167. font-size: 11px;
  168. color:#666666;
  169. }
  170.  
  171. .header-wrap {
  172. padding:0 30px;
  173. }
  174.  
  175. .paragraph {
  176. padding: 0 30px;
  177. }
  178.  
  179. .main-logo:before {
  180. content: '';
  181. display: inline-block;
  182. vertical-align: middle;
  183. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK8AAAATCAYAAADmml17AAASrElEQVRoQ51beZgkRZX/vazqme5hDoaZ0aGPjKwqrh3lUEAEhF0YQPiElVuRy8UFQVhuFPnkRgEFgY9zRC45VmVFRJBBbkFGXZRrgOWorIyo6p4ZZhiYq3u6uyrefpFVGZWZXdXdGH9VZsb54hcvfu8oKrjePSAIgDUzv+MrdSaAYaRKvlccCgdngWgGGIt9FZwfVSm47o4g+glATvSOmdcTqJrohrlcLMv/arxz8q53CxG2YeYqgdanx9Tgd2vgu5VSb6W/tXh28r3iYGRwDDF2BjCfgQwIawBaAdZLQPSoL+WjLdZHOdc9lpi+AMJ8EFb4Up4OoBYbxym44jYQbcXgDQACX8pTc653gwMjP4DBo0SYCxA12zGDaU3jeVjr6g9Llcrr8fmH8mP6OhPtQuAeALMYMH2sIdDrzFi8buOG+1auXDlGRqafguvuziCzH5sC+JhBHxJxBzFtYtbKzOvYwV9KUv4CwEgL2WULQlwKYAEzOkC4y5fyN1G9vOudD/BC0xcx3ub1a6/wP/ooWlPLrcm77hkEOhIEg4nHilJe0ezPPQNwFgLcRYTXilKea78J8RUwjiLQdBDPimRnZMugDQ4wjYmnQ8OngvA4PjozLvBVcGV6RgXX+zUIR4TvmStFJftiizuTCNdNAmAoyiDc2J6enjmd2Y5VE7Vh5hoRri9K+b0UmGzTvOt+iUDXg2jHifoDsFLr2uGlcvlPUd158+ZNnzltk3VJOeg9fKVejN55vb27ZDLZv8TqDBdl0JkX3scEzJrEuPUqGkcVy8Evzc/u7u65Xdkpt1i5jtcJ84eacV2pLK8GkFAKBVfcDqL/nGgODLxLunZYsVxeGq+b6+3dzslkX7PvGA8WVXBkE1DJNTLz076S+4bntUXJue6JDjk/a/bH7xeV3DJ6LriiDKLe6DnChHkuuN7DIHx1EmtZQ3lXrCai2VFlZt6A6ugCf2BAxTuId8rAGl8G5pSHJTxl5Fw/4YDM7CsZaedsQXiDADomame+M/hOX8pvpesWXPd4Bt1J1NT6k+hvGBonF8vB3VagQiwB6ItWDhqn+OXgNrvGXvENytD9MTk94yu5sOCKVSCaM4kxwyrM+iBfqUd7enp6OzPZZ0G0xWTb1tvzU76SX4lr0Hyf+Dk5NEY2bfpdy7q2j18u/2/03evxdshk8Ur0rBn3lFTwzXZgM+9rGocE5eDh9Bi9vb2bTXUyEkTTrayA13wZ7GBlKcTbBNqmvq9pLImniMho+XGLaUeF1KbVJYwniirYP946cboZ5aIKXLu4Pu+bcHBXc2P1bZqdJzKkZ4GdUNNq0gaknSWlbmwuwjNqOLxyAYxqzVc7oCIc7gPjayD6THwODD7Ql/Kx6F1vb+8WUzNZo0WmxuqNgvGQoTY14GPH4QyA3YlxXBpkXOPD/Ip8yLTN93knk4Nbm2vg+3wlj7Vzdd2LiBxztYZFaz63VJbX5oU4GkzzGm9nEciMk4/18xhA7zeePx6ujd7Y39+/Ni+8lwnYLrE+xnsAfgtgmbn2wehjwr7RRtu6mm+K0S+jPC4mci6xYwIfsOZFRDRExHsyY7/E4WYeGKqObj8wMBDefN58z8tMRcn2z/zzopIn2v0V4h8AfS6JJn57/caNO69YscJQqKhQ3vUWE2G/1Lr+5qtgl2Z/3nMA/jV8Zh4oKmmoUljyrriPiI5uzgUPMmMJk17lsJPRDk8npiwYK4zm/T0RHZicmNmc2p6lcvmFZqfe9UQ4ozHgW0UlLbAKKfDqocH5pQ8+WJHuM/2cF3Hw8rNFKfeO1XHyrnthfFMAXlKUcjc7JyH+QKADYkBZOqJrh1QqlQgstru5c+fOmDltkwfia2Xw8nWDg1saLult6m2amQUz5yl1meI9XwVbNdfv3kXkWG2ka9Xt09y1Lnz3e0TOVVG7jdXRuf39/R/G114Q4jyAfhx7N8oa3/brN0H6Ks7kXe9HRPhuvI9qlXeT/XJJOGaf+A45dHP0XbM+sqTUg9GzECKXYfoVUWgLNLZQn+8rZSjIGPAy4wZfBcb2CUtBiJcA2nUMRsZoaPd4kGNvs1j954sy+DfbX4waMPMyX8nuGM6ujq917eCGGe24vtG8jwOU0LL1zeOlvpKfNxqxvilN8DIjeZJS4AXrnYpK/X0S4H2HgBAgDP6lL+VR6TYFIX4L0MFpMNSNROdluxnAGh4Z3r60bJlsN253d/e0rmzH6yAqNDcRl/kquLi+RvEiEe0efRsaHXEHBgbKjW9PE5E9XO2Emne9S4gQ9mdKbQ1mBx8HH0fPHrxOx+WBOFXTrE+P30it5p93k4cH4IeLUh4Sgisl/yp4RynlP+L95DbfXFDHFD/SwMx40ldBqCHnz58/b5OpnR80ZaKv95U6ywJKeK8SsH2reTH4cGPcdXd393V2dLxOIEsnm/3xY76SVkHmhXiIQOHc07ShIMSFAF1m5TeIzYOVwfJWYxuDranCUzWYcZavgpDL5oW4hUCnNKokT1IavMBKAG8xeJBCq5m6wMYK1jf5Sj3VSihpnhXVybnuMQ4590bPujq6Q6m//7W8695K5JwcA+H3fRVYjdcOwPk+7z/IwZ32O/NLRSVDwOZc8WOH6Dw7FusjSkr9TwgQ11Mg1I1U5jeLSn62NchiN1QL8BZ6xQHI0B9i45u+tm1n/ET10lySmfXgyPD85cuXrxwD3hFeIJfJt9PzywvxCoFC7snA674MQkA2bp2PYrK81FeBpSH5ccBrjPeh6ujWXdkp/w3Cvzf6MB6N8Aarywu/K6rAKqCE/cRc85XMWky4XsL4Z2AFMV5l4kFiVJhguPTGGnBfArzMPAii9QR8KjoVehDbGOTHNS+AicDbEjvxwxACQoi3APoX87sdePN9fTuRk7HGRRWcl1KW8sKTBFjePVyr9lYqlf52oLXCmT17FmbMNEZq3XBkXlVUMuSsXp93cMYJOWck9YuKUl5utGVGYKi5F/yAL2WTl8UGTR3yMZo3JUdDT1p6d1oeDCHuINAJdh4Nzp5z3eMccu6J3kcySvcRv/6Z+c++kl9qBV7N/JOSkpamJGkDv10FjskwzC3VFeEk5nEZBeu9GM51lqaMA17TPu5tyPeJs8mhayfaR0NtqOCKP4Mo5JHMeAHQlxI5Vjsy2Pj8TsgL8VMCRVfJPwdezef4ZflTC6Qk57XXYHziuT5xjuPQNY13K4sy+HR3d3dXV8cUayikedNEC8+73rtEsK6bmkRXgGCj0UDOTP6wadzw4qKUB7iuu6CDnDctaFhf7Ctlr7bEfI3fl2B8xGFJ04a86z0RN2hqNRwQVILFE83ZfC+47ukg54aorgafVpLyZuOjdsgxPtz6mFV8LugPXo33aShTZ7ZjJRFNa+y15bVjNK/mO/yytK63xO3cuHXyfd4p5OCW9Lw165NKSt1ecMVSa3Azfl1UwdfsvrsiQcHi4M31icschy6cSB4Mvo5SV0IIyrgRZ/ysukqfzXTwETEuMgF4eYkG7nQ0VRnohPE6AFN1zXkkLtSEwZY6naFGmOfNz3Tx30EUEvrIkBgjbED6MvAmWnD0Pc3zq+BuKeWyOkDEmyBaEI4HKF8GIue6BznkPGL7r/GhxYqMaejmyDnXu9shHG+BlOJsaZo2XKtu2crAbLWWND2IbrL0+1bgzQlxrgMTSKoXzXq/klJPhnKuG6uWNoxxlcWopTFyfSk3r8sqDHAdZ+fKfHtRyZPMc3xvx+vP2FRFGViKkVKSZheeZaZEUMcEcGrQi1qC1+v2tslk+Q0Q1bkI80sMfERExr9oyrjgZU46+NuBquCKlSCa2xjj/Q0jw7ttwkzVzs4tMsx7EDnnAAivdAYbnrPAUAbDpwrCs1FABj7wZfDpyYI373rPE2HPqP5wrTqnUqmsrgtd3E+gbzTmVC0q2ZV33XPiHoR217JpMwa8w8gFy4PAHhzXWwzCl6PnUdafmWQE0Wjek0DOoiZY9MlFpRaN8fbo2pdL5fIfTb3QSO3oOBuMi+1+gl8pSrlTGDJpxXnBt/pSficaJ+96fyXCFxrPFmwhnXLZ3NyfNwb+uqHBXSPPQDwQweCHfCkPa/YnniSifer7OiZmMKG3JuqnJXjDTXS9hMsiBYxxwTtZbfJJolMafF5Jyog+GM+Aud43q58t1msHN2y6atWqRJSsDZgzBVesiHy+aeDnhDjVAd0UtdWjI9tQR8eVkXXc4MjGJmgZXUp7BYZGR+ZF/tSGXG8jwrdt/zGjcKLDl3fdHxE534/q1WrYK6gEz6XBC2Atg58GYwYIJvrYGbUxt8moru1dLpeL0bsWBtsiXwXWGC4I8SxA1tWV4KizZ8/iGTMOGhoZecIYjxag8chjKm6Qcs8aKhjaWPXDn4zO1VKHPy6jBHiZmy6NkCN1dLxJoFbX8bjgHW/A+OB5V6wnCuPv7YsJixIuNtwu2TbJHbnGR/sV+cBEAPB6vf0zGTxu6zF+VVTB1+1Gphz2Gnyiw7gyuiGY8XtfBZFVPWa4tEFWlIEJzthwblp7tjNUW6zDKQixNDJwwVz9aP26OatXr17bArytxDAKzYs26uolab/zWBqWdFumQ7Zx8LaTd/xWZcaffBXUgxKhoZ7wcK0tysCG13N94gLHoR/aAzoeeAuuMJzS+HONBnvUV/KgqKHoEXtls/RMeoLMeMNXgY0OTYZztVpkOq8CzOuZqAbwEBhLwfSbjbWRXwwMDJgwcqKkT6jRKIPDG3eKn/4WY2YKQrwQd7i3CnMWXPF+3Bcc74dZX+UrZbVfeoyC6y0CIeR9pqQ3uhEVNJG0qIyOst5hIuqQ6xOXOw79oNmsGdSZDHiZ9b5xN2V83mnwjnFtxTVvzDvTDrjmfTIAlaKZMcw1ZGQ8P+FNNsYbU6tu5VcqcXnZYdOuMhM3NwkXtuSFuJlAlv+EH1IhvbGGhD7TV8paxe0WGQdvI2afGHs84dS53BTDJRuh2XBefk3XTggqlefTbV3XnZ0lMq6m0DneWIfxsZpDGHK/qIwJUca+RbkJbdeUMmKGa9VplUrFutlMu0I63MpcrI3QPnFuHOvfRBrPi3Nu861a5b1lv3y2vuHJ3BJzg5oMMSLKxdZaZF07xK9U3kjPvQV4k96BmJ+XJ2kcF1zxXixvI3FTp/3GcY9MGrx6HFplImzW12pcZb4KrCETCmb27Fk0Y2YxlRcQZlQ1NzvlWGY2p+hNIgrDoszoIvAck6q3bmjDQkvq4xltjEeKKpgwmygBslSyTBOTZvP4BWJnBUjPBGhbJjoinv1leDKz3iueXWbX0+edRQ6sSy825uiaDevnjMet01dsPEoX9ZPr6zPG6HPxfANjkAJ4CDXcX8tgucM8h5i2hYNjo8BCc31IcNJ0boPh2Z3ANMp2vAQimzcQZuiBngLxUmZ+OMqaE0JsngUNNNdZdxFaefwT4I374Zn5RV/JPaL+4u5Z82488NbnjL+GaZ4NJcNgw+WXGz9vMyuK2S8qaUOndjAhfgDQ5XHgJNLYhLgGIOMZmLBsGN74qehqz7tiMObofseXQZhp9ElKwXW/C3LCGP1kixEIg08oKWV9o4lDYVIsybF5HTHtZaNx7cYqpLwJrGs7++WyDWNbAKdcV59g7iZhyORY2FzjMdqqkXcRUhQn83ibzDWrDUPvUgdsRI7TWWBJv3jCwGorB+GtBTAj/J6KSI4Bb4zX5oW4lkBnTyQPZmYD3v7Ij9ou7GnyXWd0TXuXiEL/ntFavpImWyssBVf8DEQ2C2m8gddvHJoeZSIlXGXAuqIMZk406Vbf8657IEBXElHLkG2iDfNbNU2nGit9nLFM4rmKa636uvWVvlIXjDfHvJtM6WuXwGP6CCN6xFeks+da9c/MQwCZaJyhYwlPx1ie2DReG4b3vQQ6NNWvBW86n5eZS76SNjMuzl8nSxvyrqgSUYiRdJsx4WZd2zbKMS70iRvh0GkT4SBMiRRC7JbVFCbHjJL+WzvDIdfTsz1lOvYy9TTXSkG5/DurRbq7t6Zsdn/AIYbe4LAzysxhxj5n0EVM0Qlc65elzSvw+vq+6lCmnmrHrOLfJpp8i++Ud92FBOcIELZm5jmNf32MgLAampdq6AeDuv+zpZsr3qfoEbtms1ho3M4mls7Eo2vWrbvXWPfjzc20yzi0AwhTGXp1SSmTlzHeeGbee4PCfNxdwXCbyTM8BMI7AJ6pAddEgZT0+F6P90Unw6cRMMSM4WFdvaq/v78Sq0c5Ib5FbNI1MRPgqWAy1CPKwZ5SEOIiMIVRR038x5KUd0Ttw6w1Mq4y3gjCu/F/RbSTRU6I0xzGdho0hYD/i+ed5Fz3cIdpFyYaBHTNV8rkpIR4qQem9HEMZ47BEBGZSOqmBN6MgdkEMt6bYRC//P+LEDh49g3WQQAAAABJRU5ErkJggg==');
  184. background-repeat: no-repeat;
  185. width: 177px;
  186. height: 22px;
  187. }
  188.  
  189.  
  190.  
  191. .one-column, .two-columns, .three-columns, .four-columns {
  192. text-align: center;
  193. font-size: 0;
  194. }
  195. .two-columns, .four-columns {
  196. padding-left: 0px;
  197. padding-right: 0px;
  198. }
  199. .column {
  200. width: 100%;
  201. display: inline-block;
  202. vertical-align: top;
  203. font-size: 14px;
  204. text-align: left;
  205. }
  206.  
  207.  
  208. .three-columns .column--one-quarter {
  209. max-width: 25%;
  210. }
  211.  
  212. .three-columns .column--one-half {
  213. max-width: 50%;
  214. }
  215.  
  216. .two-columns .column--one-quarter {
  217. max-width: 25%;
  218. }
  219.  
  220. .two-columns .column--one-half {
  221. max-width: 50%;
  222. }
  223.  
  224.  
  225. .two-columns .column--three-quarter {
  226. max-width: 75%;
  227. }
  228.  
  229. .two-columns .column--two-quarter {
  230. max-width: 75%;
  231. }
  232.  
  233. .two-columns .column--two-sixteenths {
  234. max-width: 12.5%;
  235. }
  236.  
  237. .two-columns .column--fourteen-sixteenths {
  238. max-width: 87.5%;
  239. }
  240.  
  241. .site-link {
  242. color: #5aadc3;
  243. font-family: Arial;
  244. font-size: 14px;
  245. font-weight: 400;
  246. line-height: 16px;
  247. border-bottom: 1px solid transparent;
  248. }
  249.  
  250. .site-link:hover {
  251. border-bottom: 1px solid #d7d7d7;
  252. color: black;
  253. }
  254.  
  255. .phone {
  256. color: #010101;
  257. font-family: Arial;
  258. font-size: 13px;
  259. font-weight: 400;
  260. white-space: nowrap;
  261. text-align: right;
  262. }
  263.  
  264. .phone--hidden {
  265. display: none;
  266. }
  267.  
  268.  
  269. .paragraph--right {
  270. text-align: right!important;
  271. }
  272.  
  273. .paragraph--left {
  274. text-align: left!important;
  275. }
  276.  
  277. .paragraph--handling p {
  278.  
  279. margin-top: 30px;
  280. margin-bottom: 30px;
  281.  
  282. }
  283.  
  284. .main-text {
  285. color: #010101;
  286. font-family: Arial;
  287. font-size: 30px;
  288. font-weight: 400;
  289. line-height: 30px;
  290. }
  291.  
  292. .product {
  293. padding: 20px 30px;
  294. border-top: 1px solid #ebebeb;
  295. border-bottom: 1px solid #ebebeb;
  296. }
  297.  
  298. .product:first-child {
  299. border-bottom: none;
  300. }
  301.  
  302. .product-name {
  303. font-size: 14px;
  304. font-weight: 400;
  305. line-height: 16px;
  306. margin-bottom: 15px;
  307. }
  308. .product-article {
  309. font-size: 14px;
  310. font-weight: 400;
  311. line-height: 16px;
  312. margin-bottom: 24px;
  313. }
  314. .product-price {
  315. color: black;
  316. font-family: Arial;
  317. font-size: 14px;
  318. font-weight: 400;
  319. line-height: 16px;
  320. }
  321.  
  322. .text-center {
  323. text-align: center;
  324. }
  325.  
  326. .order {
  327.  
  328. color: black;
  329. font-family: Arial;
  330. font-size: 14px;
  331. font-weight: 400;
  332. line-height: 28px;
  333.  
  334. }
  335.  
  336. .order__main {
  337. width: 150px;
  338. text-align: left;
  339. }
  340.  
  341. .order__sub {
  342. width: 150px;
  343. text-align: right;
  344. }
  345.  
  346. .order-param {
  347. margin-top: 17px;
  348. }
  349.  
  350. .order-param p {
  351. color: black;
  352. font-family: Arial;
  353. font-size: 14px;
  354. font-weight: 400;
  355. line-height: 20px;
  356. margin: 0;
  357. }
  358.  
  359. .order-param .order-param__info{
  360. font-size: 16px;
  361. font-weight: 700;
  362. line-height: 40px;
  363. margin-top: 25px;
  364. }
  365.  
  366. .signature {
  367. color: #898989;
  368. font-size: 14px;
  369. font-weight: 400;
  370. line-height: 20px;
  371. }
  372.  
  373. .order-param .signature {
  374. margin-top: 54px;
  375. margin-bottom: 20px;
  376. color: #898989;
  377. }
  378.  
  379.  
  380.  
  381. @media screen and (min-width: 420px) and (max-width: 639px) {
  382. .two-columns .column {
  383. max-width: 49%;
  384. }
  385. .three-columns .column {
  386. max-width: 33.33%;
  387. }
  388. .four-columns .column {
  389. max-width: 100%;
  390. }
  391.  
  392. .three-columns .column--one-quarter {
  393. max-width: 25%;
  394. }
  395.  
  396. .three-columns .column--one-half {
  397. max-width: 50%;
  398. }
  399.  
  400. .product,
  401. .paragraph {
  402. padding: 0 15px;
  403. }
  404.  
  405. .three-columns .column--lap-one-half {
  406. max-width: 50%
  407. }
  408.  
  409. .three-columns .column--lap-hidden {
  410. display: none
  411. }
  412.  
  413.  
  414. .two-columns .column--lap-three-quarter {
  415. max-width: 75%;
  416. }
  417.  
  418. .two-columns .column--lap-two-quarter {
  419. max-width: 25%;
  420. }
  421.  
  422.  
  423. .two-columns .column--lap-two-sixteenths {
  424. max-width: 12.5%;
  425. }
  426.  
  427. .two-columns .column--lap-fourteen-sixteenths {
  428. max-width: 87.5%;
  429. }
  430.  
  431. .main-logo:before {
  432. content: '';
  433. background-image: url('data:image/png;base64,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');
  434. width: 140px;
  435. height: 16px;
  436. }
  437.  
  438. .header-wrap {
  439. padding: 0 15px;
  440. }
  441.  
  442. .product {
  443. padding: 15px 0;
  444. }
  445.  
  446. }
  447.  
  448.  
  449. @media only screen and (max-width: 419px) {
  450. .two-columns .column {
  451. max-width: 100%
  452. }
  453.  
  454. .two-columns .column--one-quarter {
  455. max-width: 25%;
  456. }
  457.  
  458. .two-columns .column--one-half {
  459. max-width: 50%;
  460. }
  461.  
  462. .three-columns .column {
  463. max-width: 49.9%
  464. }
  465. .four-columns .column {
  466. max-width: 100%
  467. }
  468.  
  469. .three-columns .column--palm-one-half {
  470. max-width: 50%
  471. }
  472.  
  473. .three-columns .column--palm-hidden {
  474. display: none
  475. }
  476.  
  477. .two-columns .column--palm-three-quarter {
  478. max-width: 75%;
  479. }
  480.  
  481. .two-columns .column--palm-two-quarter {
  482. max-width: 25%;
  483. }
  484.  
  485. .four-columns .column {
  486. max-width: 290px
  487. }
  488.  
  489. .main-logo:before {
  490. content: '';
  491. background-image: url('data:image/png;base64,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');
  492. }
  493.  
  494. .phone--mobile-shown {
  495. display: block;
  496. }
  497.  
  498. .site-link--mobile-hidden {
  499. display: none;
  500. }
  501.  
  502. .paragraph--mobile-pl10 {
  503. padding-left: 10px;
  504. }
  505.  
  506. .paragraph--mobile-pr10 {
  507. padding-right: 10px;
  508. }
  509.  
  510. .paragraph--p0 {
  511. padding: 0;
  512. }
  513.  
  514. .product,
  515. .paragraph {
  516. padding: 0 15px;
  517. }
  518.  
  519. .product {
  520. padding: 15px 0;
  521. }
  522.  
  523. .header-wrap {
  524. padding: 0 15px;
  525. }
  526. }
  527.  
  528. </style>
  529. <body style="background-color:#fff;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;" >
  530. <div class="header" style="-webkit-font-smoothing:subpixel-antialiased;padding-top:30px;padding-bottom:30px;padding-right:0;padding-left:0;border-top-width:1px;border-top-color:#ebebeb;margin-top:0;margin-bottom:0;margin-right:10px;margin-left:10px;text-align:center;background-color:#fff;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;border-width:1px;border-style:solid;border-color:#ebebeb;border-top-style:none;max-width:700px;" >
  531. <table class="outer" cellpadding="0" align="center" style="border-collapse:collapse;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;max-width:700px;width:100%;" >
  532. <tr>
  533. <td class="one-column preheader" style="-webkit-font-smoothing:subpixel-antialiased;text-align:center;font-size:0;" >
  534. <div class="column" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;" >
  535. <table width="100%" style="border-collapse:collapse;" >
  536. <tr>
  537. <td class="three-columns header-wrap" style="-webkit-font-smoothing:subpixel-antialiased;padding-top:0;padding-bottom:0;padding-right:30px;padding-left:30px;text-align:center;font-size:0;" >
  538. <div class="column column--one-quarter column--palm-hidden" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:25%;" >
  539. <table width="100%" style="border-collapse:collapse;" >
  540. <tbody><tr>
  541. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  542. <table width="100%" style="border-collapse:collapse;" >
  543. <tbody><tr>
  544. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  545. <span class="phone" style="color:#010101;font-family:Arial;font-size:13px;font-weight:400;white-space:nowrap;text-align:right;" >+7&nbsp;(800)&nbsp;250-28-60</span>
  546. </td>
  547. </tr>
  548. </tbody></table>
  549. </td>
  550. </tr>
  551. </tbody></table>
  552. </div>
  553. <div class="column column--one-half column--palm-one-half" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:50%;" >
  554. <table width="100%" style="border-collapse:collapse;" >
  555. <tbody><tr>
  556. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  557. <table width="100%" style="border-collapse:collapse;" >
  558. <tbody><tr>
  559. <td class="text-center" style="-webkit-font-smoothing:subpixel-antialiased;text-align:center;" >
  560. <a href="#" class="main-logo" style="color:black;text-decoration:none;" ></a>
  561. </td>
  562. </tr>
  563. </tbody></table>
  564. </td>
  565. </tr>
  566. </tbody></table>
  567. </div>
  568. <div class="column column--one-quarter column--palm-one-half" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:25%;" >
  569. <table width="100%" style="border-collapse:collapse;" >
  570. <tbody><tr>
  571. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  572. <table width="100%" style="border-collapse:collapse;" >
  573. <tbody><tr>
  574. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  575. <a href="#" class="site-link site-link--mobile-hidden" style="text-decoration:none;color:#5aadc3;font-family:Arial;font-size:14px;font-weight:400;line-height:16px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:transparent;" >nepovtorimie.ru</a>
  576. <span class="phone phone--mobile-shown phone--hidden" style="color:#010101;font-family:Arial;font-size:13px;font-weight:400;white-space:nowrap;text-align:right;display:none;" >+7 (800) 250-28-60</span>
  577. </td>
  578. </tr>
  579. </tbody></table>
  580. </td>
  581. </tr>
  582. </tbody></table>
  583. </div>
  584. </td>
  585. </tr>
  586. </table>
  587. </div>
  588. </td>
  589. </tr>
  590. </table>
  591. </div>
  592. <div class="middle" style="-webkit-font-smoothing:subpixel-antialiased;margin-top:0;margin-bottom:0;margin-right:10px;margin-left:10px;text-align:center;background-color:#fff;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;border-width:1px;border-style:solid;border-color:#ebebeb;border-top-style:none;max-width:700px;" >
  593. <table class="outer" cellpadding="0" align="center" style="border-collapse:collapse;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;max-width:700px;width:100%;background-color:#ffffff;border-radius:4px;" >
  594. <tbody>
  595. <tr>
  596. <td class="one-column" style="-webkit-font-smoothing:subpixel-antialiased;text-align:center;font-size:0;" >
  597. <div class="column" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;" >
  598. <table width="100%" style="border-collapse:collapse;" >
  599. <tbody><tr>
  600. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  601. <table width="100%" style="border-radius:4px;border-collapse:collapse;" >
  602. <tbody><tr>
  603. <td class="paragraph paragraph--pl10 paragraph--handling" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:black;text-align:left;line-height:16px;padding-top:0;padding-bottom:0;padding-right:30px;padding-left:30px;" >
  604. <p class="main-text" style="-webkit-font-smoothing:subpixel-antialiased;text-align:left;Margin:1em 0;color:#010101;font-family:Arial;font-size:30px;font-weight:400;line-height:30px;margin-top:30px;margin-bottom:30px;" >Здравствуйте, <span>Александр</span>.</p>
  605. <p style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:black;text-align:left;line-height:16px;Margin:1em 0;margin-top:30px;margin-bottom:30px;" >Ваш заказ <span>236957</span> был принят в обработку.</p>
  606. <p style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:black;text-align:left;line-height:16px;Margin:1em 0;margin-top:30px;margin-bottom:30px;" ><strong>Информация о заказе</strong></p>
  607. </td>
  608. </tr>
  609. </tbody></table>
  610. </td>
  611. </tr>
  612. </tbody></table>
  613. </div>
  614. </td>
  615. </tr>
  616. <tr>
  617. <td class="one-column" style="-webkit-font-smoothing:subpixel-antialiased;text-align:center;font-size:0;" >
  618. <div class="column" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;" >
  619. <table width="100%" style="border-collapse:collapse;" >
  620. <tbody>
  621. <tr>
  622. <td class="two-columns product" style="-webkit-font-smoothing:subpixel-antialiased;text-align:center;font-size:0;padding-top:20px;padding-bottom:20px;padding-right:30px;padding-left:30px;border-top-width:1px;border-top-style:solid;border-top-color:#ebebeb;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ebebeb;" >
  623. <div class="column column--select-top column--select--bottom column--two-sixteenths column--lap-two-sixteenths column--palm-two-quarter" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:12.5%;" >
  624. <table width="100%" style="border-collapse:collapse;" >
  625. <tbody><tr>
  626. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  627. <table width="100%" style="border-collapse:collapse;" >
  628. <tbody>
  629. <tr>
  630. <td class="cover" style="-webkit-font-smoothing:subpixel-antialiased;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
  631. <a href="#" target="_blank" style="color:black;text-decoration:none;" >
  632. <img src="http://breadhead.ru/x/nepovtorimie-letters/123.png" width="80" style="border-width:0;height:auto;max-width:80px;display:block;border-radius:4px 4px 0 0;" >
  633. </a>
  634. </td>
  635. </tr>
  636. </tbody>
  637. </table>
  638. </td>
  639. </tr>
  640. </tbody></table>
  641. </div>
  642. <div class="column column--select-top column--select--bottom column--fourteen-sixteenths column--lap-fourteen-sixteenths column--palm-three-quarter" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:87.5%;" >
  643. <table width="100%" style="border-collapse:collapse;" >
  644. <tbody><tr>
  645. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  646. <table width="100%" style="border-collapse:collapse;" >
  647. <tbody><tr>
  648. <td class="paragraph paragraph--pl10" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:black;text-align:left;line-height:16px;padding-top:0;padding-bottom:0;padding-right:30px;padding-left:30px;" >
  649. <a href="#" class="product__name" style="color:black;text-decoration:none;" >Платье приталенное в цветочек, 42</a>
  650. <p class="product__article" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:black;text-align:left;line-height:16px;Margin:1em 0;" >Артикул 7901011</p>
  651. <p class="product__price" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:black;text-align:left;line-height:16px;Margin:1em 0;" ><span>1 X</span> 4 000 Р</p>
  652. </td>
  653. </tr>
  654. </tbody></table>
  655. </td>
  656. </tr>
  657. </tbody></table>
  658. </div>
  659. </td>
  660. </tr>
  661. </tbody>
  662. </table>
  663. </div>
  664. </td>
  665. </tr>
  666. <tr>
  667. <td class="one-column" style="-webkit-font-smoothing:subpixel-antialiased;text-align:center;font-size:0;" >
  668. <div class="column" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;" >
  669. <table width="100%" style="border-collapse:collapse;" >
  670. <tbody>
  671. <tr>
  672. <td class="two-columns product" style="-webkit-font-smoothing:subpixel-antialiased;text-align:center;font-size:0;padding-top:20px;padding-bottom:20px;padding-right:30px;padding-left:30px;border-top-width:1px;border-top-style:solid;border-top-color:#ebebeb;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ebebeb;" >
  673. <div class="column column--select-top column--select--bottom column--two-sixteenths column--lap-two-sixteenths column--palm-two-quarter" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:12.5%;" >
  674. <table width="100%" style="border-collapse:collapse;" >
  675. <tbody><tr>
  676. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  677. <table width="100%" style="border-collapse:collapse;" >
  678. <tbody>
  679. <tr>
  680. <td class="cover" style="-webkit-font-smoothing:subpixel-antialiased;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
  681. <a href="#" target="_blank" style="color:black;text-decoration:none;" >
  682. <img src="http://breadhead.ru/x/nepovtorimie-letters/123.png" width="80" style="border-width:0;height:auto;max-width:80px;display:block;border-radius:4px 4px 0 0;" >
  683. </a>
  684. </td>
  685. </tr>
  686. </tbody>
  687. </table>
  688. </td>
  689. </tr>
  690. </tbody></table>
  691. </div>
  692. <div class="column column--select-top column--select--bottom column--fourteen-sixteenths column--lap-fourteen-sixteenths column--palm-three-quarter" style="-webkit-font-smoothing:subpixel-antialiased;width:100%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;max-width:87.5%;" >
  693. <table width="100%" style="border-collapse:collapse;" >
  694. <tbody><tr>
  695. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  696. <table width="100%" style="border-collapse:collapse;" >
  697. <tbody><tr>
  698. <td class="paragraph paragraph--pl10" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:black;text-align:left;line-height:16px;padding-top:0;padding-bottom:0;padding-right:30px;padding-left:30px;" >
  699. <a href="#" class="product__name" style="color:black;text-decoration:none;" >Платье приталенное в цветочек, 42</a>
  700. <p class="product__article" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:black;text-align:left;line-height:16px;Margin:1em 0;" >Артикул 7901011</p>
  701. <p class="product__price" style="-webkit-font-smoothing:subpixel-antialiased;font-family:helvetica, arial;font-size:14px;color:black;text-align:left;line-height:16px;Margin:1em 0;" ><span>1 X</span> 4 000 Р</p>
  702. </td>
  703. </tr>
  704. </tbody></table>
  705. </td>
  706. </tr>
  707. </tbody></table>
  708. </div>
  709. </td>
  710. </tr>
  711. </tbody>
  712. </table>
  713. </div>
  714. </td>
  715. </tr>
  716. <tr>
  717. <td class="two-columns" style="-webkit-font-smoothing:subpixel-antialiased;text-align:center;font-size:0;padding-left:0px;padding-right:0px;" >
  718. <div style="-webkit-font-smoothing:subpixel-antialiased;" >
  719. <table style="border-collapse:collapse;" >
  720. <tbody>
  721. <tr>
  722. <td class="header-wrap" style="-webkit-font-smoothing:subpixel-antialiased;padding-top:0;padding-bottom:0;padding-right:30px;padding-left:30px;" >
  723. <table class="order" style="border-collapse:collapse;color:black;font-family:Arial;font-size:14px;font-weight:400;line-height:28px;" >
  724. <tbody>
  725. <tr>
  726. <td class="order__main" style="-webkit-font-smoothing:subpixel-antialiased;width:150px;text-align:left;" >
  727. Сумма покупки
  728. </td>
  729. <td class="order__sub" style="-webkit-font-smoothing:subpixel-antialiased;width:150px;text-align:right;" >
  730. 11 200 Р
  731. </td>
  732. </tr>
  733. <tr>
  734. <td class="order__main" style="-webkit-font-smoothing:subpixel-antialiased;width:150px;text-align:left;" >
  735. Скидка по карте
  736. </td>
  737. <td class="order__sub" style="-webkit-font-smoothing:subpixel-antialiased;width:150px;text-align:right;" >
  738. -2 200 Р
  739. </td>
  740. </tr>
  741. <tr>
  742. <td class="order__main" style="-webkit-font-smoothing:subpixel-antialiased;width:150px;text-align:left;" >
  743. Доставка
  744. </td>
  745. <td class="order__sub" style="-webkit-font-smoothing:subpixel-antialiased;width:150px;text-align:right;" >
  746. 250 Р
  747. </td>
  748. </tr>
  749. <tr>
  750. <td class="order__main" style="-webkit-font-smoothing:subpixel-antialiased;width:150px;text-align:left;" >
  751. Итоговая стоимость
  752. </td>
  753. <td class="order__sub" style="-webkit-font-smoothing:subpixel-antialiased;width:150px;text-align:right;" >
  754. 22 250 Р
  755. </td>
  756. </tr>
  757. </tbody>
  758. </table>
  759. </td>
  760. </tr>
  761. </tbody>
  762. </table>
  763. </div>
  764. </td>
  765. </tr>
  766. <tr>
  767. <td class="two-columns" style="-webkit-font-smoothing:subpixel-antialiased;text-align:center;font-size:0;padding-left:0px;padding-right:0px;" >
  768. <div style="-webkit-font-smoothing:subpixel-antialiased;" >
  769. <table style="border-collapse:collapse;" >
  770. <tbody>
  771. <tr>
  772. <td class="header-wrap" style="-webkit-font-smoothing:subpixel-antialiased;padding-top:0;padding-bottom:0;padding-right:30px;padding-left:30px;" >
  773. <table class="order-param" style="border-collapse:collapse;margin-top:17px;" >
  774. <tbody>
  775. <tr>
  776. <td style="-webkit-font-smoothing:subpixel-antialiased;" >
  777. <p class="order-param__info" style="-webkit-font-smoothing:subpixel-antialiased;text-align:left;Margin:1em 0;color:black;font-family:Arial;margin-bottom:0;margin-right:0;margin-left:0;font-size:16px;font-weight:700;line-height:40px;margin-top:25px;" >Способ доставки</p>
  778. <p style="-webkit-font-smoothing:subpixel-antialiased;text-align:left;Margin:1em 0;color:black;font-family:Arial;font-size:14px;font-weight:400;line-height:20px;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;" >Курьерская доставка, от 1 до 4 рабочих дней</p>
  779. <p class="order-param__info" style="-webkit-font-smoothing:subpixel-antialiased;text-align:left;Margin:1em 0;color:black;font-family:Arial;margin-bottom:0;margin-right:0;margin-left:0;font-size:16px;font-weight:700;line-height:40px;margin-top:25px;" >Способ оплаты</p>
  780. <p style="-webkit-font-smoothing:subpixel-antialiased;text-align:left;Margin:1em 0;color:black;font-family:Arial;font-size:14px;font-weight:400;line-height:20px;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;" >Наличными при получении</p>
  781. <p class="order-param__info" style="-webkit-font-smoothing:subpixel-antialiased;text-align:left;Margin:1em 0;color:black;font-family:Arial;margin-bottom:0;margin-right:0;margin-left:0;font-size:16px;font-weight:700;line-height:40px;margin-top:25px;" >Личные данные</p>
  782. <p style="-webkit-font-smoothing:subpixel-antialiased;text-align:left;Margin:1em 0;color:black;font-family:Arial;font-size:14px;font-weight:400;line-height:20px;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;" >
  783. Константин Константинопольский<br>
  784. konstantinopolski@gmail.com<br>
  785. +7 911 888 00 00<br>
  786. ул. Кораблестроителей, д. 32/1, кв. 102, 2 подъезд, 5 этаж
  787. </p>
  788. <p class="signature" style="-webkit-font-smoothing:subpixel-antialiased;text-align:left;Margin:1em 0;font-family:Arial;font-size:14px;font-weight:400;line-height:20px;margin-right:0;margin-left:0;margin-top:54px;margin-bottom:20px;color:#898989;" >С уважением, команда #Nepovtorimie.</p>
  789. </td>
  790. </tr>
  791. </tbody>
  792. </table>
  793. </td>
  794. </tr>
  795. </tbody>
  796. </table>
  797. </div>
  798. </td>
  799. </tr>
  800. </tbody>
  801. </table>
  802.  
  803. </div>
  804. </body>
  805.  
  806. </html>
Add Comment
Please, Sign In to add comment