document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. /*
  2.  
  3. Tooplate 2114 Pixie
  4.  
  5. https://www.tooplate.com/view/2114-pixie
  6.  
  7. */
  8.  
  9. body {
  10.     font-family: \'Roboto\', sans-serif;
  11.     transition: all 0.5s;
  12. }
  13. p {
  14.     margin-bottom: 0px;
  15.     font-size: 14px;
  16.     color: #4a4a4a;
  17.     line-height: 24px;
  18. }
  19. a {
  20.     text-decoration: none!important;
  21. }
  22.  
  23. .copyright-text {
  24.     text-transform: uppercase;
  25. }
  26.  
  27. .main-button a {
  28.     background-color: #bb00cc;
  29.     border-radius: 5px;
  30.     padding: 10px 15px;
  31.     display: inline-block;
  32.     color: #fff;
  33.     font-size: 14px;
  34.     text-transform: uppercase;
  35.     font-weight: 300;
  36.     letter-spacing: 0.4px;
  37.     text-decoration: none;
  38.     transition: all 0.5s;
  39. }
  40. .main-button a:hover {
  41.     opacity: 0.7;
  42. }
  43. .section-heading {
  44.     margin-top: 80px;
  45.     margin-bottom: 40px;
  46. }
  47. .section-heading .line-dec {
  48.     width: 30px;
  49.     height: 5px;
  50.     background-color: #bb00cc;
  51. }
  52. .section-heading h1 {
  53.     font-size: 22px;
  54.     font-weight: 700;
  55.     color: #1e1e1e;
  56.     margin-top: 15px;
  57. }
  58.  
  59. /* Pre Header Style */
  60. #pre-header {
  61.     background-color: #bb00cc;
  62.     text-align: center;
  63. }
  64. #pre-header span {
  65.     color: #fff;
  66.     font-size: 15px;
  67.     padding: 10px 0px;
  68.     display: inline-block;
  69. }
  70.  
  71. /* Header Style */
  72. .navbar .navbar-brand {
  73.     text-align: center;
  74.     width: 100%;
  75.     position: relative;
  76.     padding: 25px 0px;
  77. }
  78. .bg-dark {
  79.     background-color: #fff!important;
  80.     border-bottom: 1px solid #eee;
  81. }
  82. #navbarResponsive {
  83.     z-index: 999;
  84.     position: absolute;
  85.     left: 50%;
  86.     top: 105px;
  87.     transform: translateX(-50%);
  88. }
  89. .navbar-dark .navbar-nav .nav-item {
  90.     margin: 0px 15px;
  91. }
  92. .navbar-dark .navbar-nav .nav-link {
  93.     text-transform: uppercase;
  94.     font-size: 15px;
  95.     font-weight: 700;
  96.     color: #1e1e1e;
  97.     transition: all 0.5s;
  98. }
  99. .navbar-dark .navbar-nav .nav-link:hover,
  100. .navbar-dark .navbar-nav .active>.nav-link,
  101. .navbar-dark .navbar-nav .nav-link.active,
  102. .navbar-dark .navbar-nav .nav-link.show,
  103. .navbar-dark .navbar-nav .show>.nav-link {
  104.     color: #bb00cc;
  105. }
  106. .navbar:after {
  107.     width: 100%;
  108.     height: 1px;
  109.     background-color: #eee;
  110.     content: \'\';
  111.     position: absolute;
  112.     left: 0;
  113.     bottom: -52px;
  114. }
  115. .navbar-dark .navbar-toggler-icon {
  116.     background-image: none;
  117. }
  118. .navbar-dark .navbar-toggler {
  119.     border-color: #bb00cc;
  120.     background-color: #bb00cc; 
  121.     height: 50px;
  122.     outline: none;
  123. }
  124. .navbar-dark .navbar-toggler-icon:after {
  125.     content: \'\\f0c9\';
  126.     color: #FFF;
  127.     font-size: 22px;
  128.     line-height: 30px;
  129.     font-family: \'FontAwesome\';
  130. }
  131. /* Banner Style */
  132. .banner {
  133.     margin-top: 50px;
  134.     background-image: url(../images/banner-bg.jpg);
  135.     background-size: cover;
  136.     background-repeat: no-repeat;
  137.     padding: 150px 0px;
  138.     background-position: center center;
  139. }
  140. .banner .caption {
  141.     background-color: rgba(250,250,250,0.9);
  142.     padding: 30px;
  143.     max-width: 450px;
  144. }
  145. .banner .caption h2 {
  146.     margin-top: 0px;
  147.     margin-bottom: 15px;
  148.     font-size: 24px;
  149.     font-weight: 700;
  150.     color: #1e1e1e;
  151. }
  152. .banner .caption .line-dec {
  153.     width: 30px;
  154.     height: 5px;
  155.     background-color: #bb00cc;
  156. }
  157. .banner .caption p {
  158.     margin-top: 15px;
  159.     margin-bottom: 20px;
  160. }
  161.  
  162. /* Featured Style */
  163. .featured-items {
  164.     margin-bottom: 70px;
  165. }
  166. .featured-item {
  167.     border-radius: 5px;
  168.     border: 1px solid #eee;
  169.     padding: 20px;
  170.     transition: all 0.5s;
  171. }
  172. .featured-item:hover {
  173.     opacity: 0.9;
  174. }
  175. .featured-item img {
  176.     width: 100%;
  177. }
  178. .featured-item h4 {
  179.     font-size: 17px;
  180.     font-weight: 700;
  181.     color: #1e1e1e;
  182.     margin-top: 15px;
  183.     transition: all 0.5s;
  184. }
  185. .featured-item:hover h4 {
  186.     color: #bb00cc;
  187. }
  188. .featured-item h6 {
  189.     color: #bb00cc;
  190.     font-size: 15px;
  191.     font-weight: 700;
  192.     margin-bottom: 0px;
  193. }
  194. .owl-theme .owl-dots {
  195.     text-align: center;
  196.     margin-top: 30px;
  197. }
  198. .owl-theme .owl-dots .owl-dot {
  199.     outline: none;
  200. }
  201. .owl-theme .owl-dots .active span {
  202.     background-color: #bb00cc!important;
  203. }
  204. .owl-theme .owl-dots .owl-dot span {
  205.     background-color: #aaa;
  206.     width: 8px;
  207.     height: 8px;
  208.     display: inline-block;
  209.     margin: 0px 5px;
  210.     outline: none;
  211. }
  212.  
  213.  
  214.  
  215. /* Subscribe Style */
  216. .subscribe-form {
  217.     background-color: #bb00cc;
  218.     padding: 80px 0px;
  219.     text-align: center;
  220. }
  221. .subscribe-form .section-heading  {
  222.     margin-top: 0px;
  223. }
  224. .subscribe-form .section-heading h1 {
  225.     color: #fff;
  226. }
  227. .subscribe-form .section-heading .line-dec {
  228.     background-color: #fff;
  229.     margin: 0 auto;
  230. }
  231. .subscribe-form .main-content p {
  232.     font-size: 17px;
  233.     color: #fff;
  234.     margin-bottom: 30px;
  235. }
  236. .subscribe-form .main-content form  {
  237.     color: #fff;
  238.     display: inline;
  239. }
  240. .subscribe-form .main-content form input {
  241.     display: inline;
  242. }
  243. .subscribe-form .main-content form input {
  244.     width: 100%;
  245.     height: 46px;
  246.     border: 1px solid #fff;
  247.     background-color: transparent;
  248.     padding-left: 15px;
  249.     color: #fff;
  250.     outline: none;
  251. }
  252. .subscribe-form .main-content form button:focus {
  253.     color: #fff!important;
  254. }
  255. .subscribe-form .main-content form button {
  256.     width: 100%;
  257.     height: 45px;
  258.     cursor: pointer;
  259.     background-color: #fff;
  260.     outline: none;
  261.     border-radius: 5px;
  262.     padding: 10px 15px;
  263.     display: inline-block;
  264.     color: #bb00cc;
  265.     font-size: 14px;
  266.     text-transform: uppercase;
  267.     font-weight: 300;
  268.     letter-spacing: 0.4px;
  269.     text-decoration: none;
  270.     transition: all 0.5s;
  271.     box-shadow: none;
  272.     border: none;
  273. }
  274.  
  275.  
  276. /* Footer Style */
  277. .footer {
  278.     text-align: center;
  279. }
  280. .footer ul {
  281.     padding: 0px;
  282.     margin: 0px;
  283. }
  284. .footer ul li {
  285.     list-style: none;
  286.     display: inline-block;
  287. }
  288. .footer .logo img {
  289.     max-width: 100%;
  290.     margin-top: 60px;
  291.     margin-bottom: 40px;
  292. }
  293. .footer .footer-menu {
  294.     margin-bottom: 40px;
  295. }
  296. .footer .footer-menu ul li {
  297.     margin: 0px 15px;
  298. }
  299. .footer .footer-menu a {
  300.     font-size: 13px;
  301.     color: #7a7a7a;
  302.     text-transform: uppercase;
  303.     transition: all 0.5s;
  304. }
  305. .footer .footer-menu a:hover {
  306.     color: #bb00cc;
  307.     text-decoration: none;
  308. }
  309. .footer .social-icons {
  310.     margin-bottom: 60px;
  311. }
  312. .footer .social-icons ul li {
  313.     margin: 0px 10px;
  314. }
  315. .footer .social-icons a {
  316.     width: 32px;
  317.     height: 32px;
  318.     color: #fff;
  319.     background-color: #aaa;
  320.     text-align: center;
  321.     display: inline-block;
  322.     line-height: 33px;
  323.     border-radius: 50%;
  324.     font-size: 13px;
  325.     transition: all 0.5s;
  326. }
  327. .footer .social-icons a:hover {
  328.     background-color: #bb00cc;
  329. }
  330.  
  331. /* Sub Footer Style */
  332. .sub-footer {
  333.     border-top: 1px solid #eee;
  334.     text-align: center;
  335. }
  336. .sub-footer p {
  337.     font-size: 12px;
  338.     color: #7a7a7a;
  339.     line-height: 60px;
  340. }
  341. .sub-footer a {
  342.     color: #bb00cc;
  343.     text-decoration: none;
  344. }
  345.  
  346. /* Featured Page Style */
  347. .featured-page {
  348.     margin-top: 130px;
  349.     margin-bottom: 40px;
  350. }
  351. .featured-page .section-heading {
  352.     margin-top: 0px;
  353.     margin-bottom: 0px;
  354. }
  355. .featured-page #filters {
  356.     margin-top: 15px;
  357.     text-align: right;
  358. }
  359. .featured .featured-item {
  360.     margin-bottom: 30px;
  361.     text-decoration: none;
  362. }
  363. .featured .featured-item h4 {
  364.     transition: all 0.5s;
  365. }
  366. .featured .featured-item:hover h4 {
  367.     color: #bb00cc;
  368. }
  369. #filter button {
  370.     outline: none;
  371. }
  372. #filter .btn-primary.focus,
  373. .btn-primary:focus {
  374.     color: #bb00cc!important;
  375.     box-shadow: none!important;
  376. }
  377. #filters .btn-primary {
  378.     color: #1e1e1e;
  379.     border: none;
  380.     font-size: 15px;
  381.     font-weight: 700;
  382.     background-color: transparent;
  383. }
  384. /* Isotope Transitions
  385. ------------------------------- */
  386. .isotope,
  387. .isotope .item {
  388.   -webkit-transition-duration: 0.8s;
  389.      -moz-transition-duration: 0.8s;
  390.       -ms-transition-duration: 0.8s;
  391.        -o-transition-duration: 0.8s;
  392.           transition-duration: 0.8s;
  393. }
  394.  
  395. .isotope {
  396.   -webkit-transition-property: height, width;
  397.      -moz-transition-property: height, width;
  398.       -ms-transition-property: height, width;
  399.        -o-transition-property: height, width;
  400.           transition-property: height, width;
  401. }
  402.  
  403. .isotope .item {
  404.   -webkit-transition-property: -webkit-transform, opacity;
  405.      -moz-transition-property:    -moz-transform, opacity;
  406.       -ms-transition-property:     -ms-transform, opacity;
  407.        -o-transition-property:         top, left, opacity;
  408.           transition-property:         transform, opacity;
  409. }
  410.  
  411. .page-navigation ul {
  412.     text-align: center;
  413.     border-top: 1px solid #eee;
  414.     padding: 30px  0px 0px 0px;
  415.     margin: 0px 0px 80px 0px;
  416. }
  417. .page-navigation ul li {
  418.     display: inline-block;
  419. }
  420. .page-navigation ul li a {
  421.     width: 40px;
  422.     height: 40px;
  423.     display: inline-block;
  424.     text-align: center;
  425.     line-height: 38px;
  426.     border: 1px solid #eee;
  427.     border-radius: 5px;
  428.     font-weight: 700;
  429.     color: #1e1e1e;
  430.     font-size: 15px;
  431.     text-decoration: none;
  432.     transition: all 0.5s;
  433. }
  434. .page-navigation ul li a:hover,
  435. .page-navigation ul li.current-page a {
  436.     background-color: #bb00cc;
  437.     border-color: #bb00cc;
  438.     color: #fff;
  439. }
  440.  
  441.  
  442.  
  443. /* Single Product Style */
  444. .single-product .product-slider {
  445.     padding: 20px;
  446.     border: 1px solid #eee!important;
  447.     border-radius: 5px;
  448. }
  449. .flexslider {
  450.     border: none!important;
  451. }
  452. #carousel {
  453.     margin-top: 20px;
  454. }
  455. #carousel .slides li {
  456.     width: 150px!important;
  457. }
  458. .single-product .right-content h4 {
  459.     font-size: 17px;
  460.     font-weight: 700;
  461.     margin-top: 0px;
  462. }
  463. .single-product .right-content h6 {
  464.     color: #bb00cc;
  465.     font-size: 17px;
  466.     font-weight: 700;
  467.     margin-top: 10px;
  468. }
  469. .single-product .right-content p {
  470.     margin-top: 20px;
  471.     margin-bottom: 30px;
  472. }
  473. .single-product .right-content span {
  474.     font-size: 14px;
  475.     color: #bb00cc;
  476.     font-weight: 500;
  477.     display: inline-block;
  478.     margin-bottom: 15px;
  479. }
  480. .single-product .right-content label {
  481.     font-size: 14px;
  482.     color: #4a4a4a;
  483. }
  484. .single-product .right-content .quantity-text {
  485.     margin-left: 10px;
  486.     width: 44px;
  487.     height: 44px;
  488.     line-height: 42px;
  489.     font-size: 14px;
  490.     font-weight: 700;
  491.     color: #4a4a4a;
  492.     display: inline-block;
  493.     text-align: center;
  494.     outline: none;
  495.     border: 1px solid #eee;
  496. }
  497. .single-product .right-content .button {
  498.     margin-left: 15px;
  499.     cursor: pointer;
  500.     background-color: #bb00cc;
  501.     outline: none;
  502.     border-radius: 5px;
  503.     padding: 10px 15px;
  504.     display: inline-block;
  505.     color: #fff;
  506.     font-size: 14px;
  507.     text-transform: uppercase;
  508.     font-weight: 300;
  509.     letter-spacing: 0.4px;
  510.     text-decoration: none;
  511.     transition: all 0.5s;
  512.     box-shadow: none;
  513.     border: none;
  514. }
  515. .single-product .right-content .down-content span {
  516.     margin-bottom: 0px;
  517.     display: inline-block;
  518.     margin-left: 8px;
  519.     color: #aaa;
  520. }
  521. .single-product .right-content .down-content span a {
  522.     color: #aaa;
  523.     font-weight: 400;
  524.     margin-left: 4px;
  525.     transition: all 0.5s;
  526. }
  527. .single-product .right-content .down-content span a:hover {
  528.     color: #bb00cc;
  529. }
  530. .single-product .right-content .down-content span a:hover i {
  531.     background-color: #bb00cc;
  532. }
  533. .single-product .right-content .down-content span a i {
  534.     transition: all 0.5s;
  535.     background-color: #aaa;
  536.     width: 26px;
  537.     height: 26px;
  538.     display: inline-block;
  539.     text-align: center;
  540.     line-height: 26px;
  541.     border-radius: 50%;
  542.     color: #fff;
  543.     font-size: 12px;
  544.     margin-right: 5px;
  545. }
  546. .single-product .right-content .down-content .categories {
  547.     border-top: 1px solid #eee;
  548.     margin-top: 30px;
  549.     padding: 10px 0px;
  550. }
  551. .single-product .right-content .down-content .share {
  552.     border-top: 1px solid #eee;
  553.     padding: 10px 0px;
  554. }
  555. .single-product .right-content .down-content h6 {
  556.     font-size: 14px;
  557.     color: #4a4a4a;
  558.     font-weight: 400;
  559. }
  560.  
  561.  
  562.  
  563. /* About Us Style */
  564. .about-page {
  565.     margin-top: 50px;
  566.     margin-bottom: 80px;
  567. }
  568. .about-page .right-content h4 {
  569.     font-size: 17px;
  570.     font-weight: 700;
  571.     margin-top: 0px;
  572.     margin-bottom: 20px;
  573. }
  574. .about-page .left-image img {
  575.     max-width: 100%;
  576. }
  577. .about-page .right-content span {
  578.     display: inline-block;
  579.     margin-left: 8px;
  580. }
  581. .about-page .right-content span a i {
  582.     transition: all 0.5s;
  583.     background-color: #aaa;
  584.     width: 26px;
  585.     height: 26px;
  586.     display: inline-block;
  587.     text-align: center;
  588.     line-height: 26px;
  589.     border-radius: 50%;
  590.     color: #fff;
  591.     font-size: 12px;
  592.     margin-right: 5px;
  593. }
  594. .about-page .right-content .share {
  595.     margin-top: 20px;
  596.     border-top: 1px solid #eee;
  597.     padding: 15px 0px;
  598. }
  599. .about-page .right-content h6 {
  600.     font-size: 14px;
  601.     color: #4a4a4a;
  602.     font-weight: 400;
  603. }
  604. .about-page .right-content span a:hover i {
  605.     background-color: #bb00cc;
  606. }
  607.  
  608.  
  609.  
  610.  
  611. /* Contact Page Style */
  612. .contact-page {
  613.     margin-top: 50px;
  614.     margin-bottom: 80px;
  615. }
  616. .contact-page .right-content input,
  617. .contact-page .right-content textarea {
  618.     border-radius: 0px;
  619.     outline: none;
  620.     box-shadow: none;
  621.     font-size: 14px;
  622.     margin-bottom: 30px;
  623. }
  624. .contact-page .right-content input {
  625.     height: 44px;
  626.     line-height: 44px;
  627. }
  628. .contact-page .right-content textarea {
  629.     height: 200px;
  630.     max-height: 280px;
  631. }
  632. .contact-page .right-content span {
  633.     display: inline-block;
  634.     margin-left: 8px;
  635. }
  636. .contact-page .right-content span a i {
  637.     transition: all 0.5s;
  638.     background-color: #aaa;
  639.     width: 26px;
  640.     height: 26px;
  641.     display: inline-block;
  642.     text-align: center;
  643.     line-height: 26px;
  644.     border-radius: 50%;
  645.     color: #fff;
  646.     font-size: 12px;
  647.     margin-right: 5px;
  648. }
  649. .contact-page .right-content .share {
  650.     margin-top: 30px;
  651.     border-top: 1px solid #eee;
  652.     padding: 15px 0px;
  653. }
  654. .contact-page .right-content h6 {
  655.     font-size: 14px;
  656.     color: #4a4a4a;
  657.     font-weight: 400;
  658. }
  659. .contact-page .right-content span a:hover i {
  660.     background-color: #bb00cc;
  661. }
  662. .contact-page .right-content .button {
  663.     cursor: pointer;
  664.     background-color: #bb00cc;
  665.     outline: none;
  666.     border-radius: 5px;
  667.     padding: 10px 15px;
  668.     display: inline-block;
  669.     color: #fff;
  670.     font-size: 14px;
  671.     text-transform: uppercase;
  672.     font-weight: 300;
  673.     letter-spacing: 0.4px;
  674.     text-decoration: none;
  675.     transition: all 0.5s;
  676.     box-shadow: none;
  677.     border: none;
  678. }
  679.  
  680.  
  681.  
  682.  
  683.  
  684.  
  685. /* Responsive Style */
  686. @media (max-width: 991px) {
  687.  
  688.     .banner {
  689.         border-top: none;
  690.         margin-top: 0px;
  691.     }
  692.     .navbar .navbar-brand {
  693.         width: auto;
  694.     }
  695.     .navbar:after {
  696.         display: none;
  697.     }
  698.     #navbarResponsive {
  699.         z-index: 99999;
  700.         position: absolute;
  701.         top: 96px;
  702.         width: 100%;
  703.         text-align: center;
  704.         background-color: rgba(250,250,250,0.95);
  705.         box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
  706.     }
  707.     .navbar-dark .navbar-nav .nav-item {
  708.         border-bottom: 1px solid #eee;
  709.     }
  710.     .navbar-dark .navbar-nav .nav-item:last-child {
  711.         border-bottom: none;
  712.     }
  713.     .navbar-dark .navbar-nav .nav-link {
  714.         padding: 15px 0px;
  715.     }
  716.     .featured-page #filters {
  717.         text-align: right;
  718.     }
  719.     .single-product .right-content {
  720.         margin-top: 30px;
  721.     }
  722.     .about-page .right-content {
  723.         margin-top: 30px;
  724.     }
  725.     .contact-page .right-content {
  726.         margin-top: 30px;
  727.     }
  728.     .contact-page .right-content .col-md-6,
  729.     .contact-page .right-content .col-md-12 {
  730.         padding: 0px;
  731.     }
  732.     .featured-page {
  733.         margin-top: 80px;
  734.     }
  735.     .about-page,
  736.     .contact-page {
  737.         margin-top: 0px;
  738.     }
  739.  
  740. }
  741.  
  742. @media (max-width: 767px) {
  743.  
  744.     .subscribe-form .main-content form input.button {
  745.         margin-top: 20px;
  746.     }
  747.     .featured-page #filters {
  748.         margin-top: 15px;
  749.         text-align: left;
  750.     }
  751.  
  752. }
');