Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. body {
  2.   text-align: center;
  3.   width: 100%;
  4.   height: 100%;
  5.   padding: 0px;
  6.   margin: 0px;
  7.   color: #393939;
  8.   font-size: 12px;
  9.   letter-spacing: 1px;
  10.   text-transform: uppercase;
  11.   font-family: 'Lato', Arial, sans-serif;
  12.   z-index: 0;
  13. }
  14.  
  15. .header {
  16.   margin-left: auto;
  17.   margin-right: auto;
  18.   max-width: 1080px;
  19.   padding-left: 40px;
  20.   padding-right: 40px;
  21.   height: 100px;
  22. }
  23.  
  24. .header-left {
  25.   float: left;
  26.   text-align: left;
  27.   position: relative;
  28.   top: 50%;
  29.   right: 35%;
  30.   width: 33%;
  31. }
  32.  
  33. .header-left a {
  34.   text-decoration: none;
  35.   color: #393939;
  36. }
  37.  
  38. .header-centre {
  39.   float: left;
  40.   width: 33%;
  41.   padding-top: 10px;
  42. }
  43.  
  44. .header-right {
  45.   float: right;
  46.   text-align: right;
  47.   position: relative;
  48.   left: 35%;
  49.   top: 50%;
  50.   width: 33%;
  51. }
  52.  
  53. #search-icon li {
  54.     margin: 0;
  55.     padding: 0;
  56.     list-style: none;
  57.     position: absolute;
  58.     top: 0;
  59. }
  60.  
  61. #search-icon li, #search-icon a {
  62.     height: 22px;
  63.     display: block;
  64. }
  65.  
  66. #search {
  67.   left: -20px;
  68.   top: 30px;
  69.   width: 22px;
  70.   background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/social_spr_darkgrey.png') -220px 0;
  71. }
  72.  
  73. #search-bar {
  74.   position: relative;
  75.   left: 150px;
  76.   bottom: 12px;
  77. }
  78.  
  79. #basket {
  80.   background-color: #464e54;
  81.   text-decoration: none;
  82.   color: #fff;
  83.   padding: 5px 15px 5px 15px;
  84. }
  85.  
  86. #basket:hover {
  87.   background-color: #d0b6cb;
  88. }
  89.  
  90. .navigation li {
  91.   list-style-type: none;
  92.   display: inline;
  93.   position: relative;
  94.   top: 12px;
  95. }
  96.  
  97. .navigation {
  98.   float: left;
  99.   width: 100%;
  100.   height: 65px;
  101.   margin: auto;
  102.   background-color: #caced5;
  103. }
  104.  
  105. .sign-up {
  106.   color: #red;
  107. }
  108.  
  109. .navigation a {
  110.   text-decoration: none;
  111.   color: #464e54;
  112.   padding: 20px;
  113. }
  114.  
  115. .navigation a:hover {
  116.   color: #fff;
  117. }
  118.  
  119. #content {
  120.   background: url("https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/bg_stock_1.jpg");
  121.   background-repeat: repeat;
  122.   position: relative;
  123.   top: 60px;
  124.   z-index: 1;
  125.   height: 500px;
  126. }
  127.  
  128. .policy-info {
  129.   width: 60%;
  130.   margin: auto;
  131.   padding: 10px;
  132. }
  133.  
  134. .policy-info h1 {
  135.   font-family: 'Dosis', sans-serif;
  136.   font-weight: 500;
  137. }
  138.  
  139. .policy-1 {
  140.   float: left;
  141.   width: 33%;
  142. }
  143.  
  144. .policy-2 {
  145.   float: left;
  146.   width: 33%;
  147.   border-left: 1px solid #d9d9d4;
  148.   border-right: 1px solid #d9d9d4;
  149. }
  150.  
  151. .policy-3 {
  152.   float: left;
  153.   width: 33%;
  154. }
  155.  
  156. .account {
  157.   float: left;
  158.   width: 100%;
  159.   margin: auto;
  160.   padding-bottom: 30px;
  161. }
  162.  
  163. .account h1 {
  164.   font-size: 36px;
  165.   font-family: 'Dosis', sans-serif;
  166.   font-weight: 400;
  167. }
  168.  
  169. .account input {
  170.   width: 20%;
  171.   height: 40px;
  172.   text-transform: uppercase;
  173.   font-family: Lato;
  174.   font-size: 14px;
  175.   text-align: center;
  176.   color: #8a8f93;
  177. }
  178.  
  179. #f-name {
  180.     border: 1px solid #b7b7c2;
  181. }
  182.  
  183. #l-name {
  184.     border-left: 1px solid #b7b7c2;
  185.     border-right: 1px solid #b7b7c2;
  186.     border-bottom: 1px solid #b7b7c2;
  187.     border-top: none;
  188. }
  189.  
  190. #email {
  191.     border-left: 1px solid #b7b7c2;
  192.     border-right: 1px solid #b7b7c2;
  193.     border-top: none;
  194.     border-bottom: none;
  195. }
  196.  
  197. #pass-button {
  198.   background-color: #faffbd;
  199.   color: #000;
  200.   border: 1px solid #b7b7c2;
  201.   font-size: 16px;
  202. }
  203.  
  204. #submit {
  205.   color: #fff;
  206.   background-color: #464e54;
  207.   border: 1px solid #464e54;
  208. }
  209.  
  210. #submit:hover {
  211.   background-color: #d0b6cb;
  212.   border: 1px solid #d0b6cb;
  213. }
  214.  
  215. .account p {
  216.   text-transform: none;
  217.   font-size: 16px;
  218.   position: relative;
  219.   bottom: 15px;
  220. }
  221.  
  222. .account a {
  223.   text-decoration: none;
  224.   color: #464e54;
  225. }
  226.  
  227. .account a:hover {
  228.   color: #ed008c;
  229. }
  230.  
  231. .company-info {
  232.   float: left;
  233.   width: 100%;
  234.   margin: auto;
  235.   padding-top: 20px;
  236.   padding-bottom: 20px;
  237. }
  238.  
  239. .company-info span {
  240.   color: #8d99a7;
  241. }
  242.  
  243. .company-info a {
  244.   text-decoration: none;
  245.   color: #464e54;
  246. }
  247.  
  248. .company-info a:hover {
  249.   color: #ed008c;
  250. }
  251.  
  252. .newsletter {
  253.   float: left;
  254.   width: 100%;
  255.   margin: auto;
  256. }
  257.  
  258. #newsletter-email {
  259.   width: 300px;
  260.   height: 35px;
  261.   text-transform: uppercase;
  262.   font-family: Lato;
  263.   text-align: center;
  264.   color: #8a8f93;
  265.   border: 1px solid #b7b7c2;
  266. }
  267.  
  268. #newsletter-submit {
  269.   width: 42px;
  270.   height: 40px;
  271.   background-color: #464e54;
  272.   color: #fff;
  273.   height: 40px;
  274.   text-transform: uppercase;
  275.   font-family: Lato;
  276.   text-align: center;
  277.   border: 1px solid #b7b7c2;
  278.   position: relative;
  279.   right: 5px;
  280. }
  281.  
  282. #newsletter-submit:hover {
  283.   background-color: #d0b6cb;
  284.   border: 1px solid #d0b6cb;
  285. }
  286.  
  287. .payment-type {
  288.   float: left;
  289.   position: relative;
  290.   right: -42%;
  291.   margin: auto;
  292.   padding-top: 40px;
  293.   padding-bottom: 20px;
  294. }
  295. .social-icons {
  296.   float: left;
  297.   position: relative;
  298.   right: -47%;
  299.   margin: auto;
  300.   margin-top: 15px;
  301.   margin-bottom: 15px;
  302. }
  303.  
  304. .social-icons li {
  305.     margin: 0;
  306.     padding: 0;
  307.     list-style: none;
  308.     position: absolute;
  309.     top: 0;
  310. }
  311.  
  312. .social-icons li, .social-icons a {
  313.     height: 22px;
  314.     display: block;
  315. }
  316.  
  317. .social-top {
  318.   position: relative;
  319.   bottom: 17px;
  320.   right: -115px;
  321. }
  322.  
  323. .facebook {
  324.   left: 0px;
  325.   width: 22px;
  326.   background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/social_spr_darkgrey.png') 0 0;
  327. }
  328.  
  329. .twitter {
  330.   left: 22px;
  331.   width: 22px;
  332.   background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/social_spr_darkgrey.png') -22px 0;
  333. }
  334.  
  335. .pinterest {
  336.   left: 44px;
  337.   width: 22px;
  338.   background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/social_spr_darkgrey.png') -66px 0;
  339. }
  340.  
  341. .instagram {
  342.   left: 66px;
  343.   width: 22px;
  344.   background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/social_spr_darkgrey.png') -110px 0;
  345. }
  346.  
  347. .youtube {
  348.   left: 88px;
  349.   width: 22px;
  350.   background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/social_spr_darkgrey.png') -154px 0;
  351. }
  352.  
  353. .payment-icons {
  354.   position: relative;
  355. }
  356.  
  357. .payment-icons li {
  358.     margin: 0;
  359.     padding: 0;
  360.     list-style: none;
  361.     position: absolute;
  362.     top: 0;
  363. }
  364.  
  365. .payment-icons li, .payment-icons a {
  366.     height: 32px;
  367.     display: block;
  368. }
  369.  
  370. .paypal {
  371.   left: 0px;
  372.   width: 57px;
  373.   background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/payment_spr_grey.png') 0 0;
  374. }
  375.  
  376. .visa {
  377.   left: 77px;
  378.   width: 44px;
  379.   background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/payment_spr_grey.png') -77px 0;
  380. }
  381.  
  382. .mastercard {
  383.   left: 135px;
  384.   width: 45px;
  385.   background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/payment_spr_grey.png') -135px 0;
  386. }
  387.  
  388. .amex {
  389.   left: 192px;
  390.   width: 41px;
  391.   background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/payment_spr_grey.png') -192px 0;
  392. }