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