You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

4689 lines
88 KiB

5 years ago
  1. /*------------------------
  2. 1. Template default css
  3. --------------------------*/
  4. @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800|Pacifico');
  5. body {
  6. font-family: 'Montserrat', sans-serif;
  7. font-weight: 400;
  8. font-style: normal;
  9. font-size: 14px;
  10. color: #383838;
  11. }
  12. .img {
  13. max-width: 100%;
  14. transition: all 0.3s ease-out 0s;
  15. }
  16. a,
  17. .btn {
  18. -webkit-transition: all 0.3s ease-out 0s;
  19. -moz-transition: all 0.3s ease-out 0s;
  20. -ms-transition: all 0.3s ease-out 0s;
  21. -o-transition: all 0.3s ease-out 0s;
  22. transition: all 0.3s ease-out 0s;
  23. }
  24. .btn {
  25. border-radius: 0px;
  26. font-size: 14px;
  27. padding: 0px 15px;
  28. height: 30px;
  29. line-height: 30px;
  30. }
  31. a:focus,
  32. .btn:focus {
  33. text-decoration: none;
  34. outline: none;
  35. }
  36. a:hover {
  37. color: #333;
  38. text-decoration: none;
  39. }
  40. a:focus {
  41. text-decoration: none;
  42. }
  43. button:focus {
  44. outline: 0px dotted;
  45. }
  46. a,
  47. button,
  48. input {
  49. outline: medium none;
  50. color: #000;
  51. }
  52. .uppercase {
  53. text-transform: uppercase
  54. }
  55. .capitalize {
  56. text-transform: capitalize
  57. }
  58. h1,
  59. h2,
  60. h3,
  61. h4,
  62. h5,
  63. h6 {
  64. font-family: 'Montserrat', sans-serif;
  65. font-weight: normal;
  66. color: #444444;
  67. margin-top: 0px;
  68. font-style: normal;
  69. font-weight: 400;
  70. }
  71. h1 a,
  72. h2 a,
  73. h3 a,
  74. h4 a,
  75. h5 a,
  76. h6 a {
  77. color: #444444;
  78. }
  79. h1 {
  80. font-size: 46px;
  81. font-weight: 500;
  82. }
  83. h2 {
  84. font-size: 37px;
  85. }
  86. h3 {
  87. font-size: 28px;
  88. }
  89. h4 {
  90. font-size: 22px;
  91. }
  92. h5 {
  93. font-size: 18px;
  94. }
  95. h6 {
  96. font-size: 16px;
  97. }
  98. ul {
  99. margin: 0px;
  100. padding: 0px;
  101. }
  102. p {
  103. font-size: 14px;
  104. font-weight: 400;
  105. line-height: 26px;
  106. color: #242424;
  107. margin-bottom: 15px;
  108. font-family: 'Montserrat', sans-serif;
  109. }
  110. hr {
  111. margin: 60px 0;
  112. padding: 0px;
  113. border-bottom: 1px solid #eceff8;
  114. border-top: 0px;
  115. }
  116. hr.style-2 {
  117. border-bottom: 1px dashed #f10;
  118. }
  119. hr.mp-0 {
  120. margin: 0;
  121. border-bottom: 1px solid #eceff8;
  122. }
  123. hr.mtb-40 {
  124. margin: 40px 0;
  125. border-bottom: 1px solid #eceff8;
  126. border-top: 0px;
  127. }
  128. label {
  129. font-size: 15px;
  130. font-weight: 400;
  131. color: #626262;
  132. }
  133. *::-moz-selection {
  134. background: #4fc1f0;
  135. color: #fff;
  136. text-shadow: none;
  137. }
  138. ::-moz-selection {
  139. background: #4fc1f0;
  140. color: #fff;
  141. text-shadow: none;
  142. }
  143. ::selection {
  144. background: #4fc1f0;
  145. color: #fff;
  146. text-shadow: none;
  147. }
  148. .mark,
  149. mark {
  150. background: #4fc1f0 none repeat scroll 0 0;
  151. color: #ffffff;
  152. }
  153. span.tooltip-content {
  154. color: #00a9da;
  155. cursor: help;
  156. font-weight: 600;
  157. }
  158. .f-left {
  159. float: left
  160. }
  161. .f-right {
  162. float: right
  163. }
  164. .fix {
  165. overflow: hidden
  166. }
  167. /***************************
  168. transtion
  169. ****************************/
  170. a.button::after,
  171. a.button-small::after {
  172. -webkit-transition: all 0.3s ease-out 0s;
  173. -moz-transition: all 0.3s ease-out 0s;
  174. -ms-transition: all 0.3s ease-out 0s;
  175. -o-transition: all 0.3s ease-out 0s;
  176. transition: all 0.3s ease-out 0s;
  177. }
  178. .share ul,
  179. .share:hover ul {
  180. transition: all 0.4s ease-in-out;
  181. -webkit-transition: all 0.4s ease-in-out;
  182. -ms-transition: all 0.4s ease-in-out;
  183. -moz-transition: all 0.4s ease-in-out;
  184. -o-transition: all 0.4s ease-in-out;
  185. }
  186. a.button-border span,
  187. a.button-border-white span,
  188. input,
  189. select,
  190. textarea {
  191. -webkit-transition: all 0.5s ease-out 0s;
  192. -moz-transition: all 0.5s ease-out 0s;
  193. -ms-transition: all 0.5s ease-out 0s;
  194. -o-transition: all 0.5s ease-out 0s;
  195. transition: all 0.5s ease-out 0s;
  196. }
  197. /*************************
  198. Input
  199. *************************/
  200. input {
  201. background: #eceff8;
  202. border: 2px solid #eceff8;
  203. height: 45px;
  204. box-shadow: none;
  205. padding-left: 10px;
  206. font-size: 14px;
  207. color: #626262;
  208. width: 100%;
  209. }
  210. select {
  211. width: 100%;
  212. background: transparent;
  213. border: 0px solid #eceff8;
  214. box-shadow: none;
  215. font-size: 14px;
  216. color: #626262;
  217. }
  218. option {
  219. background: #fff;
  220. border: 0px solid #626262;
  221. padding-left: 10px;
  222. font-size: 14px;
  223. }
  224. input:focus {
  225. background: transparent;
  226. }
  227. textarea {
  228. resize: vertical;
  229. background: #eceff8;
  230. border: 2px solid #eceff8;
  231. padding: 10px;
  232. width: 100%;
  233. font-size: 14px;
  234. }
  235. textarea:focus {
  236. background: transparent;
  237. border: 2px solid #4FC1F0;
  238. outline: none;
  239. }
  240. ::-moz-placeholder {
  241. color: #444;
  242. }
  243. .input-group.divcenter.input-group .form-control {
  244. padding-left: 0px
  245. }
  246. /*************************
  247. Basic margin padding
  248. *************************/
  249. .m-0 {
  250. margin-top: 0;
  251. margin-right: 0;
  252. margin-bottom: 0;
  253. margin-left: 0;
  254. }
  255. .p-0 {
  256. padding-top: 0;
  257. padding-right: 0;
  258. padding-bottom: 0;
  259. padding-left: 0;
  260. }
  261. /*************************
  262. Margin top
  263. *************************/
  264. .mt-0 {
  265. margin-top: 0
  266. }
  267. .mt-10 {
  268. margin-top: 10px
  269. }
  270. .mt-12 {
  271. margin-top: 12px
  272. }
  273. .mt-15 {
  274. margin-top: 15px
  275. }
  276. .mt-16 {
  277. margin-top: 16px
  278. }
  279. .mt-17 {
  280. margin-top: 17px
  281. }
  282. .mt-20 {
  283. margin-top: 20px
  284. }
  285. .mt-25 {
  286. margin-top: 25px
  287. }
  288. .mt-30 {
  289. margin-top: 30px
  290. }
  291. .mt-35 {
  292. margin-top: 35px
  293. }
  294. .mt-37 {
  295. margin-top: 37px
  296. }
  297. .mt-40 {
  298. margin-top: 40px
  299. }
  300. .mt-45 {
  301. margin-top: 45px
  302. }
  303. .mt-50 {
  304. margin-top: 50px
  305. }
  306. .mt-55 {
  307. margin-top: 55px
  308. }
  309. .mt-60 {
  310. margin-top: 60px
  311. }
  312. .mt-65 {
  313. margin-top: 65px
  314. }
  315. .mt-70 {
  316. margin-top: 70px
  317. }
  318. .mt-75 {
  319. margin-top: 75px
  320. }
  321. .mt-80 {
  322. margin-top: 80px
  323. }
  324. .mt-84 {
  325. margin-top: 84px
  326. }
  327. .mt-90 {
  328. margin-top: 90px
  329. }
  330. .mt-100 {
  331. margin-top: 100px
  332. }
  333. .mt-110 {
  334. margin-top: 110px
  335. }
  336. .mt-120 {
  337. margin-top: 120px
  338. }
  339. .mt-130 {
  340. margin-top: 130px
  341. }
  342. .mt-140 {
  343. margin-top: 140px
  344. }
  345. .mt-160 {
  346. margin-top: 160px
  347. }
  348. .mt-179 {
  349. margin-top: 179px
  350. }
  351. .mt-150 {
  352. margin-top: 150px
  353. }
  354. .mt-200 {
  355. margin-top: 200px
  356. }
  357. .mt-290 {
  358. margin-top: 290px
  359. }
  360. .mt-285 {
  361. margin-top: 285px
  362. }
  363. .mt-280 {
  364. margin-top: 280px
  365. }
  366. /*************************
  367. Margin right
  368. *************************/
  369. .mr-0 {
  370. margin-right: 0px
  371. }
  372. .mr-10 {
  373. margin-right: 10px
  374. }
  375. .mr-12 {
  376. margin-right: 12px
  377. }
  378. .mr-15 {
  379. margin-right: 15px
  380. }
  381. .mr-20 {
  382. margin-right: 20px
  383. }
  384. .mr-30 {
  385. margin-right: 30px
  386. }
  387. .mr-35 {
  388. margin-right: 35px
  389. }
  390. .mr-40 {
  391. margin-right: 40px
  392. }
  393. .mr-50 {
  394. margin-right: 50px
  395. }
  396. .mr-60 {
  397. margin-right: 60px
  398. }
  399. .mr-70 {
  400. margin-right: 70px
  401. }
  402. .mr-80 {
  403. margin-right: 80px
  404. }
  405. .mr-90 {
  406. margin-right: 90px
  407. }
  408. .mr-100 {
  409. margin-right: 100px
  410. }
  411. .mr-110 {
  412. margin-right: 110px
  413. }
  414. .mr-120 {
  415. margin-right: 120px
  416. }
  417. .mr-130 {
  418. margin-right: 130px
  419. }
  420. .mr-140 {
  421. margin-right: 140px
  422. }
  423. .mr-150 {
  424. margin-right: 150px
  425. }
  426. .mr-170 {
  427. margin-right: 170px
  428. }
  429. /*************************
  430. Margin bottom
  431. *************************/
  432. .mb-0 {
  433. margin-bottom: 0
  434. }
  435. .mb-2 {
  436. margin-bottom: 2px
  437. }
  438. .mb-10 {
  439. margin-bottom: 10px
  440. }
  441. .mb-12 {
  442. margin-bottom: 12px
  443. }
  444. .mb-15 {
  445. margin-bottom: 15px
  446. }
  447. .mb-20 {
  448. margin-bottom: 20px
  449. }
  450. .mb-25 {
  451. margin-bottom: 25px
  452. }
  453. .mb-30 {
  454. margin-bottom: 30px
  455. }
  456. .mb-35 {
  457. margin-bottom: 35px
  458. }
  459. .mb-40 {
  460. margin-bottom: 40px
  461. }
  462. .mb-45 {
  463. margin-bottom: 45px
  464. }
  465. .mb-50 {
  466. margin-bottom: 50px
  467. }
  468. .mb-55 {
  469. margin-bottom: 55px
  470. }
  471. .mb-60 {
  472. margin-bottom: 60px
  473. }
  474. .mb-65 {
  475. margin-bottom: 65px
  476. }
  477. .mb-70 {
  478. margin-bottom: 70px
  479. }
  480. .mb-75 {
  481. margin-bottom: 75px
  482. }
  483. .mb-80 {
  484. margin-bottom: 80px
  485. }
  486. .mb-90 {
  487. margin-bottom: 90px
  488. }
  489. .mb-100 {
  490. margin-bottom: 100px
  491. }
  492. .mb-110 {
  493. margin-bottom: 110px
  494. }
  495. .mb-120 {
  496. margin-bottom: 120px
  497. }
  498. .mb-130 {
  499. margin-bottom: 130px
  500. }
  501. .mb-140 {
  502. margin-bottom: 140px
  503. }
  504. .mb-150 {
  505. margin-bottom: 150px
  506. }
  507. /*************************
  508. Margin left
  509. *************************/
  510. .ml-0 {
  511. margin-left: 0
  512. }
  513. .ml-10 {
  514. margin-left: 10px
  515. }
  516. .ml-12 {
  517. margin-left: 12px
  518. }
  519. .ml-15 {
  520. margin-left: 15px
  521. }
  522. .ml-20 {
  523. margin-left: 20px
  524. }
  525. .ml-30 {
  526. margin-left: 30px
  527. }
  528. .ml-40 {
  529. margin-left: 40px
  530. }
  531. .ml-50 {
  532. margin-left: 50px
  533. }
  534. .ml-60 {
  535. margin-left: 60px
  536. }
  537. .ml-70 {
  538. margin-left: 70px
  539. }
  540. .ml-80 {
  541. margin-left: 80px
  542. }
  543. .ml-90 {
  544. margin-left: 90px
  545. }
  546. .ml-100 {
  547. margin-left: 100px
  548. }
  549. .ml-110 {
  550. margin-left: 110px
  551. }
  552. .ml-120 {
  553. margin-left: 120px
  554. }
  555. .ml-125 {
  556. margin-left: 125px
  557. }
  558. .ml-130 {
  559. margin-left: 130px
  560. }
  561. .ml-140 {
  562. margin-left: 140px
  563. }
  564. .ml-150 {
  565. margin-left: 150px
  566. }
  567. .ml-285 {
  568. margin-left: 285px
  569. }
  570. /*************************
  571. Padding top
  572. *************************/
  573. .pt-0 {
  574. padding-top: 0
  575. }
  576. .pt-4 {
  577. padding-top: 4px
  578. }
  579. .pt-10 {
  580. padding-top: 10px
  581. }
  582. .pt-12 {
  583. padding-top: 12px
  584. }
  585. .pt-15 {
  586. padding-top: 15px
  587. }
  588. .pt-16 {
  589. padding-top: 16px
  590. }
  591. .pt-17 {
  592. padding-top: 17px
  593. }
  594. .pt-20 {
  595. padding-top: 20px
  596. }
  597. .pt-25 {
  598. padding-top: 25px
  599. }
  600. .pt-30 {
  601. padding-top: 30px
  602. }
  603. .pt-35 {
  604. padding-top: 35px
  605. }
  606. .pt-37 {
  607. padding-top: 37px
  608. }
  609. .pt-39 {
  610. padding-top: 39px
  611. }
  612. .pt-40 {
  613. padding-top: 40px
  614. }
  615. .pt-45 {
  616. padding-top: 45px
  617. }
  618. .pt-50 {
  619. padding-top: 50px
  620. }
  621. .pt-55 {
  622. padding-top: 55px
  623. }
  624. .pt-60 {
  625. padding-top: 60px
  626. }
  627. .pt-65 {
  628. padding-top: 65px
  629. }
  630. .pt-70 {
  631. padding-top: 70px
  632. }
  633. .pt-75 {
  634. padding-top: 75px
  635. }
  636. .pt-80 {
  637. padding-top: 80px
  638. }
  639. .pt-85 {
  640. padding-top: 85px
  641. }
  642. .pt-95 {
  643. padding-top: 95px
  644. }
  645. .pt-90 {
  646. padding-top: 90px
  647. }
  648. .pt-97 {
  649. padding-top: 97px
  650. }
  651. .pt-100 {
  652. padding-top: 100px
  653. }
  654. .pt-95 {
  655. padding-top: 95px
  656. }
  657. .pt-105 {
  658. padding-top: 105px
  659. }
  660. .pt-110 {
  661. padding-top: 110px
  662. }
  663. .pt-114 {
  664. padding-top: 114px
  665. }
  666. .pt-115 {
  667. padding-top: 115px
  668. }
  669. .pt-120 {
  670. padding-top: 120px
  671. }
  672. .pt-125 {
  673. padding-top: 125px
  674. }
  675. .pt-130 {
  676. padding-top: 130px
  677. }
  678. .pt-135 {
  679. padding-top: 135px
  680. }
  681. .pt-140 {
  682. padding-top: 140px
  683. }
  684. .pt-145 {
  685. padding-top: 145px
  686. }
  687. .pt-150 {
  688. padding-top: 150px
  689. }
  690. .pt-155 {
  691. padding-top: 155px
  692. }
  693. .pt-160 {
  694. padding-top: 160px
  695. }
  696. .pt-180 {
  697. padding-top: 180px
  698. }
  699. .pt-190 {
  700. padding-top: 190px
  701. }
  702. .pt-205 {
  703. padding-top: 205px
  704. }
  705. .pt-200 {
  706. padding-top: 200px
  707. }
  708. .pt-220 {
  709. padding-top: 220px
  710. }
  711. .pt-225 {
  712. padding-top: 225px
  713. }
  714. .pt-215 {
  715. padding-top: 215px
  716. }
  717. .pt-245 {
  718. padding-top: 245px
  719. }
  720. .pt-250 {
  721. padding-top: 250px
  722. }
  723. .pt-290 {
  724. padding-top: 290px
  725. }
  726. .pt-285 {
  727. padding-top: 285px
  728. }
  729. .pt-280 {
  730. padding-top: 280px
  731. }
  732. .pt-330 {
  733. padding-top: 330px
  734. }
  735. .pt-345 {
  736. padding-top: 345px
  737. }
  738. .pt-350 {
  739. padding-top: 350px
  740. }
  741. .pt-335 {
  742. padding-top: 335px
  743. }
  744. .pt-365 {
  745. padding-top: 365px
  746. }
  747. .pt-355 {
  748. padding-top: 355px
  749. }
  750. .pt-370 {
  751. padding-top: 370px
  752. }
  753. .pt-380 {
  754. padding-top: 380px
  755. }
  756. /*************************
  757. Padding right
  758. *************************/
  759. .pr-0 {
  760. padding-right: 0
  761. }
  762. .pr-10 {
  763. padding-right: 10px
  764. }
  765. .pr-15 {
  766. padding-right: 15px
  767. }
  768. .pr-20 {
  769. padding-right: 20px
  770. }
  771. .pr-30 {
  772. padding-right: 30px
  773. }
  774. .pr-40 {
  775. padding-right: 40px
  776. }
  777. .pr-50 {
  778. padding-right: 50px
  779. }
  780. .pr-55 {
  781. padding-right: 55px
  782. }
  783. .pr-60 {
  784. padding-right: 60px
  785. }
  786. .pr-70 {
  787. padding-right: 70px
  788. }
  789. .pr-80 {
  790. padding-right: 80px
  791. }
  792. .pr-90 {
  793. padding-right: 90px
  794. }
  795. .pr-100 {
  796. padding-right: 100px
  797. }
  798. .pr-110 {
  799. padding-right: 110px
  800. }
  801. .pr-120 {
  802. padding-right: 120px
  803. }
  804. .pr-130 {
  805. padding-right: 130px
  806. }
  807. .pr-140 {
  808. padding-right: 140px
  809. }
  810. .pr-155 {
  811. padding-right: 155px
  812. }
  813. .pr-155 {
  814. padding-right: 155px
  815. }
  816. .pr-180 {
  817. padding-right: 180px
  818. }
  819. .pr-195 {
  820. padding-right: 195px
  821. }
  822. .pr-215 {
  823. padding-right: 215px
  824. }
  825. /*************************
  826. Padding bottom
  827. *************************/
  828. .pb-0 {
  829. padding-bottom: 0
  830. }
  831. .pb-5 {
  832. padding-bottom: 5px
  833. }
  834. .pb-6 {
  835. padding-bottom: 6px
  836. }
  837. .pb-10 {
  838. padding-bottom: 10px
  839. }
  840. .pb-13 {
  841. padding-bottom: 13px
  842. }
  843. .pb-15 {
  844. padding-bottom: 15px
  845. }
  846. .pb-20 {
  847. padding-bottom: 20px
  848. }
  849. .pb-25 {
  850. padding-bottom: 25px
  851. }
  852. .pb-30 {
  853. padding-bottom: 30px
  854. }
  855. .pb-35 {
  856. padding-bottom: 35px
  857. }
  858. .pb-40 {
  859. padding-bottom: 40px
  860. }
  861. .pb-45 {
  862. padding-bottom: 45px
  863. }
  864. .pb-50 {
  865. padding-bottom: 50px
  866. }
  867. .pb-55 {
  868. padding-bottom: 55px
  869. }
  870. .pb-60 {
  871. padding-bottom: 60px
  872. }
  873. .pb-65 {
  874. padding-bottom: 65px
  875. }
  876. .pb-70 {
  877. padding-bottom: 70px
  878. }
  879. .pb-75 {
  880. padding-bottom: 75px
  881. }
  882. .pb-80 {
  883. padding-bottom: 80px
  884. }
  885. .pb-85 {
  886. padding-bottom: 85px
  887. }
  888. .pb-90 {
  889. padding-bottom: 90px
  890. }
  891. .pb-95 {
  892. padding-bottom: 95px
  893. }
  894. .pb-97 {
  895. padding-bottom: 97px
  896. }
  897. .pb-100 {
  898. padding-bottom: 100px
  899. }
  900. .pb-105 {
  901. padding-bottom: 105px
  902. }
  903. .pb-107 {
  904. padding-bottom: 107px
  905. }
  906. .pb-110 {
  907. padding-bottom: 110px
  908. }
  909. .pb-115 {
  910. padding-bottom: 115px
  911. }
  912. .pb-120 {
  913. padding-bottom: 120px
  914. }
  915. .pb-125 {
  916. padding-bottom: 125px
  917. }
  918. .pb-130 {
  919. padding-bottom: 130px
  920. }
  921. .pb-135 {
  922. padding-bottom: 135px
  923. }
  924. .pb-140 {
  925. padding-bottom: 140px
  926. }
  927. .pb-145 {
  928. padding-bottom: 145px
  929. }
  930. .pb-150 {
  931. padding-bottom: 150px
  932. }
  933. .pb-155 {
  934. padding-bottom: 155px
  935. }
  936. .pb-160 {
  937. padding-bottom: 160px
  938. }
  939. .pb-178 {
  940. padding-bottom: 178px
  941. }
  942. .pb-180 {
  943. padding-bottom: 180px
  944. }
  945. .pb-190 {
  946. padding-bottom: 190px
  947. }
  948. .pb-210 {
  949. padding-bottom: 210px
  950. }
  951. .pb-230 {
  952. padding-bottom: 230px
  953. }
  954. .pb-212 {
  955. padding-bottom: 212px
  956. }
  957. .pb-228 {
  958. padding-bottom: 228px
  959. }
  960. .pb-250 {
  961. padding-bottom: 250px
  962. }
  963. .pb-280 {
  964. padding-bottom: 280px
  965. }
  966. .pb-210 {
  967. padding-bottom: 210px
  968. }
  969. .pb-285 {
  970. padding-bottom: 285px
  971. }
  972. .pb-290 {
  973. padding-bottom: 290px
  974. }
  975. .pb-280 {
  976. padding-bottom: 280px
  977. }
  978. .pb-285 {
  979. padding-bottom: 285px
  980. }
  981. .pb-200 {
  982. padding-bottom: 200px
  983. }
  984. .pb-215 {
  985. padding-bottom: 215px
  986. }
  987. .pb-295 {
  988. padding-bottom: 295px
  989. }
  990. .pb-440 {
  991. padding-bottom: 440px
  992. }
  993. .pb-450 {
  994. padding-bottom: 450px
  995. }
  996. /*************************
  997. Padding left
  998. *************************/
  999. .pl-0 {
  1000. padding-left: 0
  1001. }
  1002. .pl-10 {
  1003. padding-left: 10px
  1004. }
  1005. .pl-15 {
  1006. padding-left: 15px
  1007. }
  1008. .pl-20 {
  1009. padding-left: 20px
  1010. }
  1011. .pl-30 {
  1012. padding-left: 30px
  1013. }
  1014. .pl-40 {
  1015. padding-left: 40px
  1016. }
  1017. .pl-45 {
  1018. padding-left: 45px
  1019. }
  1020. .pl-50 {
  1021. padding-left: 50px
  1022. }
  1023. .pl-55 {
  1024. padding-left: 55px
  1025. }
  1026. .pl-60 {
  1027. padding-left: 60px
  1028. }
  1029. .pl-70 {
  1030. padding-left: 70px
  1031. }
  1032. .pl-80 {
  1033. padding-left: 80px
  1034. }
  1035. .pl-90 {
  1036. padding-left: 90px
  1037. }
  1038. .pl-100 {
  1039. padding-left: 100px
  1040. }
  1041. .pl-110 {
  1042. padding-left: 110px
  1043. }
  1044. .pl-120 {
  1045. padding-left: 120px
  1046. }
  1047. .pl-125 {
  1048. padding-left: 125px
  1049. }
  1050. .pl-130 {
  1051. padding-left: 130px
  1052. }
  1053. .pl-140 {
  1054. padding-left: 140px
  1055. }
  1056. .pl-140 {
  1057. padding-left: 140px
  1058. }
  1059. .pl-170 {
  1060. padding-left: 170px
  1061. }
  1062. .pl-155 {
  1063. padding-left: 155px
  1064. }
  1065. .pl-190 {
  1066. padding-left: 190px
  1067. }
  1068. .pl-195 {
  1069. padding-left: 195px
  1070. }
  1071. /***************************
  1072. Page section padding
  1073. ****************************/
  1074. .ptb-0 {
  1075. padding: 0
  1076. }
  1077. .ptb-10 {
  1078. padding: 10px 0
  1079. }
  1080. .ptb-15 {
  1081. padding: 15px 0
  1082. }
  1083. .ptb-20 {
  1084. padding: 20px 0
  1085. }
  1086. .ptb-30 {
  1087. padding: 30px 0
  1088. }
  1089. .ptb-32 {
  1090. padding: 32px 0
  1091. }
  1092. .ptb-37 {
  1093. padding: 37px 0
  1094. }
  1095. .ptb-40 {
  1096. padding: 40px 0
  1097. }
  1098. .ptb-50 {
  1099. padding: 50px 0
  1100. }
  1101. .ptb-60 {
  1102. padding: 60px 0
  1103. }
  1104. .ptb-70 {
  1105. padding: 70px 0
  1106. }
  1107. .ptb-75 {
  1108. padding: 75px 0
  1109. }
  1110. .ptb-80 {
  1111. padding: 80px 0
  1112. }
  1113. .ptb-90 {
  1114. padding: 90px 0
  1115. }
  1116. .ptb-100 {
  1117. padding: 100px 0
  1118. }
  1119. .ptb-110 {
  1120. padding: 110px 0
  1121. }
  1122. .ptb-120 {
  1123. padding: 120px 0
  1124. }
  1125. .ptb-130 {
  1126. padding: 130px 0
  1127. }
  1128. .ptb-135 {
  1129. padding: 135px 0
  1130. }
  1131. .ptb-140 {
  1132. padding: 140px 0
  1133. }
  1134. .ptb-150 {
  1135. padding: 150px 0
  1136. }
  1137. .ptb-160 {
  1138. padding: 160px 0
  1139. }
  1140. .ptb-170 {
  1141. padding: 170px 0
  1142. }
  1143. .ptb-177 {
  1144. padding: 177px 0
  1145. }
  1146. .ptb-180 {
  1147. padding: 180px 0
  1148. }
  1149. .ptb-190 {
  1150. padding: 190px 0
  1151. }
  1152. .ptb-200 {
  1153. padding: 200px 0
  1154. }
  1155. .ptb-210 {
  1156. padding: 210px 0
  1157. }
  1158. .ptb-220 {
  1159. padding: 220px 0
  1160. }
  1161. .ptb-250 {
  1162. padding: 250px 0
  1163. }
  1164. .ptb-290 {
  1165. padding: 290px 0
  1166. }
  1167. .ptb-310 {
  1168. padding: 310px 0
  1169. }
  1170. /***************************
  1171. Page section margin
  1172. ****************************/
  1173. .mtb-0 {
  1174. margin: 0
  1175. }
  1176. .mtb-10 {
  1177. margin: 10px 0
  1178. }
  1179. .mtb-15 {
  1180. margin: 15px 0
  1181. }
  1182. .mtb-20 {
  1183. margin: 20px 0
  1184. }
  1185. .mtb-30 {
  1186. margin: 30px 0
  1187. }
  1188. .mtb-40 {
  1189. margin: 40px 0
  1190. }
  1191. .mtb-50 {
  1192. margin: 50px 0
  1193. }
  1194. .mtb-60 {
  1195. margin: 60px 0
  1196. }
  1197. .mtb-70 {
  1198. margin: 70px 0
  1199. }
  1200. .mtb-80 {
  1201. margin: 80px 0
  1202. }
  1203. .mtb-90 {
  1204. margin: 90px 0
  1205. }
  1206. .mtb-100 {
  1207. margin: 100px 0
  1208. }
  1209. .mtb-110 {
  1210. margin: 110px 0
  1211. }
  1212. .mtb-120 {
  1213. margin: 120px 0
  1214. }
  1215. .mtb-130 {
  1216. margin: 130px 0
  1217. }
  1218. .mtb-140 {
  1219. margin: 140px 0
  1220. }
  1221. .mtb-150 {
  1222. margin: 150px 0;
  1223. }
  1224. .mtb-290 {
  1225. margin: 290px 0;
  1226. }
  1227. /*************************************
  1228. Background variation set
  1229. **************************************/
  1230. /*colored background*/
  1231. .white-bg {
  1232. background: #fff;
  1233. }
  1234. .black-bg {
  1235. background: #282829
  1236. }
  1237. .theme-bg {
  1238. background: #7e4c4f;
  1239. }
  1240. .theme-bg-2 {
  1241. background: #f2e6d6;
  1242. }
  1243. .gray-bg {
  1244. background: #f6f6f6;
  1245. }
  1246. .gray-bg-2 {
  1247. background: #f3f3f3;
  1248. }
  1249. .gray-bg-3 {
  1250. background: #e0e0e0;
  1251. }
  1252. .yellow-bg {
  1253. background: #ffe4b3;
  1254. }
  1255. .transparent-bg {
  1256. background: transparent;
  1257. }
  1258. /*Opacity background*/
  1259. /* black overlay */
  1260. [data-overlay] {
  1261. position: relative;
  1262. }
  1263. [data-overlay]::before {
  1264. background: #252525 none repeat scroll 0 0;
  1265. content: "";
  1266. height: 100%;
  1267. left: 0;
  1268. position: absolute;
  1269. top: 0;
  1270. width: 100%;
  1271. z-index: 1;
  1272. }
  1273. [data-overlay="3"]::before {
  1274. opacity: 0.3;
  1275. }
  1276. [data-overlay="4"]::before {
  1277. opacity: 0.4;
  1278. }
  1279. [data-overlay="5"]::before {
  1280. opacity: 0.5;
  1281. }
  1282. [data-overlay="56"]::before {
  1283. opacity: 0.56;
  1284. }
  1285. [data-overlay="6"]::before {
  1286. opacity: 0.6;
  1287. }
  1288. [data-overlay="7"]::before {
  1289. opacity: 0.7;
  1290. }
  1291. [data-overlay="8"]::before {
  1292. opacity: 0.8;
  1293. }
  1294. /*image background*/
  1295. .bg-1,
  1296. .bg-2,
  1297. .bg-3,
  1298. .bg-4,
  1299. .bg-5,
  1300. .bg-6,
  1301. .bg-7,
  1302. .bg-8,
  1303. .bg-9,
  1304. .bg-10 {
  1305. background-attachment: fixed;
  1306. background-clip: initial;
  1307. background-color: rgba(0, 0, 0, 0);
  1308. background-origin: initial;
  1309. background-position: center center;
  1310. background-repeat: no-repeat;
  1311. background-size: cover;
  1312. position: relative;
  1313. z-index: 0;
  1314. }
  1315. .bg-1 {
  1316. background: url(../../images/bg/1.jpg);
  1317. }
  1318. .bg-img {
  1319. background-position: center center;
  1320. background-size: cover;
  1321. }
  1322. :focus {
  1323. outline: -webkit-focus-ring-color auto 0px;
  1324. }
  1325. :focus {
  1326. outline: -mos-focus-ring-color auto 0px;
  1327. }
  1328. .header-search form button {
  1329. outline: medium none;
  1330. }
  1331. .relative {
  1332. position: relative;
  1333. }
  1334. .overflow {
  1335. overflow: hidden;
  1336. }
  1337. .border-bottom-1 {
  1338. border-bottom: 1px solid #1d73d2;
  1339. }
  1340. .border-top-1 {
  1341. border-top: 1px solid #d7d7d7;
  1342. }
  1343. .overly-style {
  1344. position: relative;
  1345. }
  1346. #mobile-menu-active {
  1347. display: none;
  1348. }
  1349. /* scrollUp */
  1350. #scrollUp {
  1351. background: #7e4c4f none repeat scroll 0 0;
  1352. bottom: 85px;
  1353. color: #ffffff;
  1354. cursor: pointer;
  1355. display: none;
  1356. font-size: 20px;
  1357. height: 40px;
  1358. line-height: 43px;
  1359. position: fixed;
  1360. right: 12px;
  1361. text-align: center;
  1362. width: 38px;
  1363. z-index: 9999;
  1364. }
  1365. #scrollUp:hover {
  1366. background: #333 none repeat scroll 0 0;
  1367. }
  1368. /* button */
  1369. .btn-style {
  1370. background-color: #7e4c4f;
  1371. border-radius: 50px;
  1372. color: #fff;
  1373. display: inline-block;
  1374. font-family: "Montserrat", sans-serif;
  1375. font-size: 14px;
  1376. font-weight: bold;
  1377. line-height: 1;
  1378. padding: 18px 30px 17px;
  1379. text-align: center;
  1380. text-transform: uppercase;
  1381. transition: all 0.3s ease 0s;
  1382. }
  1383. .btn-style:hover {
  1384. background-color: #000;
  1385. color: #fff;
  1386. }
  1387. .height-100vh {
  1388. height: 100vh;
  1389. }
  1390. /*------------------------
  1391. 2. Home page 1
  1392. --------------------------*/
  1393. /* header top */
  1394. .welcome-area > p {
  1395. color: #fff;
  1396. margin: 14px 0 0;
  1397. }
  1398. .account-curr-lang-wrap ul li {
  1399. display: inline-block;
  1400. list-style: outside none none;
  1401. margin-right: 38px;
  1402. position: relative;
  1403. }
  1404. .account-curr-lang-wrap ul li:last-child {
  1405. margin-right: 0px;
  1406. }
  1407. .account-curr-lang-wrap ul li a {
  1408. color: #fff;
  1409. display: inline-block;
  1410. line-height: 52px;
  1411. }
  1412. .account-curr-lang-wrap ul li:hover > a {
  1413. color: #ccc;
  1414. }
  1415. .account-curr-lang-wrap ul li a i {
  1416. font-size: 10px;
  1417. margin-left: 8px;
  1418. position: relative;
  1419. top: 0;
  1420. }
  1421. .account-curr-lang-wrap ul li a img {
  1422. margin-right: 6px;
  1423. margin-top: -3px;
  1424. }
  1425. .account-curr-lang-wrap ul li ul {
  1426. background: #fff none repeat scroll 0 0;
  1427. box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
  1428. left: 0;
  1429. padding: 8px 12px 10px;
  1430. position: absolute;
  1431. text-align: left;
  1432. top: 100%;
  1433. transform: rotateX(90deg);
  1434. transform-origin: center top 0;
  1435. transition: all 0.5s ease 0s;
  1436. visibility: hidden;
  1437. width: 125px;
  1438. z-index: 220;
  1439. }
  1440. .account-curr-lang-wrap ul li:hover ul {
  1441. transform: rotateX(0deg);
  1442. visibility: visible;
  1443. }
  1444. .account-curr-lang-wrap ul li ul li {
  1445. display: block;
  1446. margin-right: 0px;
  1447. }
  1448. .account-curr-lang-wrap ul li ul li a {
  1449. display: block;
  1450. font-size: 12.5px;
  1451. line-height: 32px;
  1452. padding: 0;
  1453. text-transform: capitalize;
  1454. color: #383838;
  1455. }
  1456. .account-curr-lang-wrap ul li ul li a img {
  1457. margin-right: 5px;
  1458. }
  1459. .account-curr-lang-wrap ul li ul li:hover > a {
  1460. color: #7e4c4f;
  1461. }
  1462. .account-curr-lang-wrap > ul > li::before {
  1463. background-color: #fff;
  1464. content: "";
  1465. height: 12px;
  1466. position: absolute;
  1467. right: -22px;
  1468. top: 50%;
  1469. transform: translateY(-50%);
  1470. width: 1px;
  1471. }
  1472. .account-curr-lang-wrap ul li:last-child::before {
  1473. display: none;
  1474. }
  1475. .account-curr-lang-wrap ul li.top-hover ul li:hover > a {
  1476. padding-left: 7px;
  1477. }
  1478. /* header bottom */
  1479. .stick .logo.pt-39 {
  1480. padding-top: 23px;
  1481. }
  1482. .main-menu li {
  1483. display: inline-block;
  1484. list-style: outside none none;
  1485. padding: 0 16px;
  1486. position: relative;
  1487. }
  1488. .main-menu li a {
  1489. color: #383838;
  1490. display: inline-block;
  1491. font-family: "Montserrat", sans-serif;
  1492. font-weight: 500;
  1493. line-height: 120px;
  1494. text-transform: uppercase;
  1495. }
  1496. .main-menu li:hover>a {
  1497. color: #7e4c4f;
  1498. }
  1499. .main-menu ul li.mega-menu-position {
  1500. position: static;
  1501. }
  1502. .main-menu nav>ul>li>ul.submenu {
  1503. background: #fff none repeat scroll 0 0;
  1504. box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
  1505. display: block;
  1506. left: 0;
  1507. opacity: 0;
  1508. padding: 20px 20px 24px;
  1509. position: absolute;
  1510. text-align: left;
  1511. top: 120%;
  1512. transition: all 0.3s ease 0s;
  1513. visibility: hidden;
  1514. width: 190px;
  1515. z-index: 999;
  1516. }
  1517. .main-menu ul li ul>li {
  1518. display: block;
  1519. padding: 0;
  1520. }
  1521. .main-menu ul li ul>li a {
  1522. color: #555;
  1523. display: block;
  1524. line-height: 31px;
  1525. text-transform: capitalize;
  1526. }
  1527. .main-menu nav>ul>li>ul.mega-menu {
  1528. background: #fff none repeat scroll 0 0;
  1529. border-top: 1px solid #dcdcdc;
  1530. box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
  1531. display: block;
  1532. left: 0;
  1533. opacity: 0;
  1534. padding: 30px 30px 34px 0;
  1535. position: absolute;
  1536. text-align: left;
  1537. top: 120%;
  1538. transition: all 0.3s ease 0s;
  1539. visibility: hidden;
  1540. width: 100%;
  1541. z-index: 9999;
  1542. }
  1543. .main-menu nav>ul>li:hover>ul.submenu,
  1544. .main-menu nav>ul>li:hover>ul.mega-menu {
  1545. opacity: 1;
  1546. top: 100%;
  1547. visibility: visible;
  1548. }
  1549. .main-menu nav>ul>li>ul.mega-menu>li {
  1550. display: inline-block;
  1551. float: left;
  1552. padding-left: 30px;
  1553. width: 25%;
  1554. }
  1555. .main-menu ul li ul>li.mega-menu-title {
  1556. color: #333333;
  1557. font-size: 14px;
  1558. font-weight: bold;
  1559. margin: 0 0 10px;
  1560. text-transform: uppercase;
  1561. }
  1562. .mega-menu img {
  1563. width: 100%;
  1564. }
  1565. .transparent-bar.stick {
  1566. animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  1567. background-color: #fff;
  1568. border-bottom: 0 solid #4a90e2;
  1569. box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);
  1570. position: fixed;
  1571. top: 0;
  1572. width: 100%;
  1573. z-index: 9999;
  1574. }
  1575. .stick .main-menu li a {
  1576. line-height: 90px;
  1577. }
  1578. .stick .main-menu li ul li a {
  1579. line-height: 31px;
  1580. }
  1581. .stick .logo.pt-25 {
  1582. padding-top: 12px;
  1583. }
  1584. .stick .search-login-cart-wrapper {
  1585. padding: 30px 0 0;
  1586. }
  1587. /* header right */
  1588. .search-login-cart-wrapper {
  1589. float: right;
  1590. padding: 46px 14px 0 0;
  1591. }
  1592. .same-style {
  1593. display: inline-block;
  1594. margin-left: 20px;
  1595. }
  1596. .same-style:first-child {
  1597. margin-left: 0px;
  1598. }
  1599. .same-style>a {
  1600. color: #545454;
  1601. font-size: 24px;
  1602. }
  1603. .same-style>button {
  1604. background-color: transparent;
  1605. border: medium none;
  1606. padding: 0;
  1607. cursor: pointer;
  1608. position: relative;
  1609. }
  1610. .same-style button i {
  1611. color: #545454;
  1612. font-size: 24px;
  1613. transition: all .3s ease 0s;
  1614. }
  1615. .same-style button:hover i,
  1616. .same-style>a:hover {
  1617. color: #7e4c4f;
  1618. }
  1619. .header-cart:hover button i {
  1620. color: #7e4c4f;
  1621. }
  1622. /* header cart */
  1623. button.icon-cart span.count-style {
  1624. background-color: #7e4c4f;
  1625. border-radius: 100%;
  1626. color: #fff;
  1627. display: inline-block;
  1628. font-family: "Montserrat", sans-serif;
  1629. font-size: 12px;
  1630. font-weight: 400;
  1631. height: 22px;
  1632. line-height: 23px;
  1633. position: absolute;
  1634. right: -13px;
  1635. top: -6px;
  1636. width: 22px;
  1637. }
  1638. .shopping-cart-content {
  1639. background: #fff none repeat scroll 0 0;
  1640. border: 1px solid #ebebeb;
  1641. border-radius: 5px;
  1642. display: none;
  1643. padding: 31px 35px 10px;
  1644. position: absolute;
  1645. right: 0;
  1646. top: 100%;
  1647. width: 340px;
  1648. z-index: 9999;
  1649. }
  1650. .shopping-cart-content ul li {
  1651. border-bottom: 1px solid #ebebeb;
  1652. display: flex;
  1653. flex-wrap: wrap;
  1654. margin-bottom: 20px;
  1655. padding-bottom: 15px;
  1656. }
  1657. .shopping-cart-img {
  1658. flex: 0 0 82px;
  1659. margin-right: 15px;
  1660. }
  1661. .shopping-cart-img img {
  1662. width: 100%;
  1663. }
  1664. .shopping-cart-title>h4 {
  1665. font-size: 15px;
  1666. line-height: 18px;
  1667. margin: 0;
  1668. }
  1669. .shopping-cart-title>h4 a {
  1670. color: #242424;
  1671. }
  1672. .shopping-cart-title>h4 a:hover {
  1673. color: #7e4c4f;
  1674. }
  1675. .shopping-cart-title>h6 {
  1676. color: #777;
  1677. font-size: 13px;
  1678. margin: 5px 0 10px;
  1679. }
  1680. .shopping-cart-title>span {
  1681. color: #777;
  1682. font-size: 14px;
  1683. }
  1684. .shopping-cart-delete {
  1685. display: flex;
  1686. flex-grow: 100;
  1687. justify-content: flex-end;
  1688. }
  1689. .shopping-cart-delete > a {
  1690. border: 1px solid #666;
  1691. border-radius: 50px;
  1692. color: #333;
  1693. display: inline-block;
  1694. font-size: 8px;
  1695. height: 19px;
  1696. line-height: 19px;
  1697. text-align: center;
  1698. width: 20px;
  1699. }
  1700. .shopping-cart-delete>a:hover {
  1701. border: 1px solid #7e4c4f;
  1702. color: #7e4c4f;
  1703. }
  1704. .shopping-cart-total {
  1705. margin: 25px 0 0;
  1706. }
  1707. .shopping-cart-total>h4 {
  1708. font-size: 15px;
  1709. margin-bottom: 17px;
  1710. }
  1711. .shopping-cart-total>h4:last-child {
  1712. margin-bottom: 0px;
  1713. }
  1714. .shopping-cart-total>h4 span {
  1715. float: right;
  1716. color: #666;
  1717. }
  1718. .shopping-cart-total>h4 span.shop-total {
  1719. color: #7e4c4f;
  1720. font-weight: 500;
  1721. }
  1722. .shopping-cart-btn {
  1723. margin-top: 23px;
  1724. }
  1725. .shopping-cart-btn a {
  1726. margin-bottom: 15px;
  1727. }
  1728. .shopping-cart-btn a {
  1729. background-color: transparent;
  1730. border: 2px solid #eeeeee;
  1731. border-radius: 50px;
  1732. color: #000101;
  1733. display: block;
  1734. font-family: "Montserrat", sans-serif;
  1735. font-size: 13px;
  1736. font-weight: 500;
  1737. line-height: 1;
  1738. padding: 15px 20px 14px;
  1739. text-align: center;
  1740. text-transform: uppercase;
  1741. transition: all 0.3s ease 0s;
  1742. }
  1743. .shopping-cart-btn a:hover {
  1744. background-color: #7e4c4f;
  1745. border: 2px solid #7e4c4f;
  1746. color: #fff;
  1747. }
  1748. /* header search */
  1749. .header-search {
  1750. position: relative;
  1751. }
  1752. .header-search .search-toggle i {
  1753. display: block;
  1754. }
  1755. .header-search .search-toggle .s-close {
  1756. opacity: 0;
  1757. }
  1758. .header-search .search-toggle i.s-close {
  1759. font-size: 20px;
  1760. left: 0;
  1761. position: absolute;
  1762. top: 4px;
  1763. }
  1764. .header-search .search-toggle.open .s-close {
  1765. opacity: 1;
  1766. }
  1767. .header-search .search-toggle.open .s-open {
  1768. opacity: 0;
  1769. }
  1770. .header-search .search-content {
  1771. background-color: transparent;
  1772. opacity: 0;
  1773. position: absolute;
  1774. right: 0;
  1775. top: 50%;
  1776. transform: translateY(-50%);
  1777. transition: all 0.5s ease 0s;
  1778. visibility: hidden;
  1779. width: 340px;
  1780. z-index: -9999;
  1781. }
  1782. .header-search .search-content.open {
  1783. opacity: 1;
  1784. right: 100%;
  1785. visibility: visible;
  1786. z-index: 9999;
  1787. }
  1788. .header-search .search-content form {
  1789. overflow: hidden;
  1790. position: relative;
  1791. }
  1792. .header-search .search-content form input {
  1793. background-color: #fff;
  1794. border: 1px solid #ddd;
  1795. color: #333;
  1796. line-height: 30px;
  1797. padding: 0 55px 0 20px;
  1798. width: 100%;
  1799. }
  1800. .header-search .search-content form button {
  1801. -moz-border-bottom-colors: none;
  1802. -moz-border-left-colors: none;
  1803. -moz-border-right-colors: none;
  1804. -moz-border-top-colors: none;
  1805. background-color: transparent;
  1806. border-color: #ddd;
  1807. border-image: none;
  1808. border-radius: 0 5px 5px 0;
  1809. border-style: none none none solid;
  1810. border-width: medium medium medium 1px;
  1811. color: #fff;
  1812. cursor: pointer;
  1813. font-size: 12px;
  1814. height: 100%;
  1815. padding: 0 14px;
  1816. position: absolute;
  1817. right: 0;
  1818. top: 2px;
  1819. transition: all 0.3s ease 0s;
  1820. }
  1821. .header-search .search-content form button i {
  1822. font-size: 15px;
  1823. }
  1824. /* slider */
  1825. .slider-content h3 {
  1826. color: #000101;
  1827. font-family: "Pacifico", cursive;
  1828. font-size: 34px;
  1829. font-weight: 400;
  1830. line-height: 61px;
  1831. margin: 0;
  1832. }
  1833. .slider-content h1 {
  1834. color: #000000;
  1835. font-family: "Montserrat", sans-serif;
  1836. font-size: 60px;
  1837. font-weight: bold;
  1838. line-height: 80px;
  1839. margin: 18px 0 31px;
  1840. }
  1841. .slider-btn a {
  1842. background-color: #7e4c4f;
  1843. border-radius: 50px;
  1844. color: #fff;
  1845. display: inline-block;
  1846. font-weight: bold;
  1847. line-height: 1;
  1848. padding: 20px 45px;
  1849. }
  1850. .slider-btn a:hover {
  1851. background-color: #000;
  1852. color: #fff;
  1853. }
  1854. .slider-single-img {
  1855. margin-left: 17px;
  1856. }
  1857. /* Default Slider Animations */
  1858. .owl-item .slider-content * {
  1859. -webkit-animation-duration: 1.3s;
  1860. animation-duration: 1.3s;
  1861. -webkit-animation-fill-mode: both;
  1862. animation-fill-mode: both;
  1863. }
  1864. .owl-item.active .slider-content * {}
  1865. .owl-item.active .slider-animated-1 h3 {
  1866. -webkit-animation-delay: 0.7s;
  1867. animation-delay: 0.7s;
  1868. -webkit-animation-name: fadeInLeft;
  1869. animation-name: fadeInLeft;
  1870. }
  1871. .owl-item.active .slider-animated-1 h1 {
  1872. -webkit-animation-delay: 1.0s;
  1873. animation-delay: 1.0s;
  1874. -webkit-animation-name: fadeInLeft;
  1875. animation-name: fadeInLeft;
  1876. }
  1877. .owl-item.active .slider-animated-1 p {
  1878. -webkit-animation-delay: 1.3s;
  1879. animation-delay: 1.3s;
  1880. -webkit-animation-name: fadeInLeft;
  1881. animation-name: fadeInLeft;
  1882. }
  1883. .owl-item.active .slider-animated-1 a {
  1884. -webkit-animation-delay: 1.6s;
  1885. animation-delay: 1.6s;
  1886. -webkit-animation-name: fadeInLeft;
  1887. animation-name: fadeInLeft;
  1888. }
  1889. .owl-item.active .slider-animated-1.slider-single-img img {
  1890. -webkit-animation-delay: 1.6s;
  1891. animation-delay: 1.6s;
  1892. -webkit-animation-name: fadeInRight;
  1893. animation-name: fadeInRight;
  1894. }
  1895. .owl-item.active .slider-animated-2 h3 {
  1896. -webkit-animation-delay: 0.7s;
  1897. animation-delay: 0.7s;
  1898. -webkit-animation-name: fadeInUp;
  1899. animation-name: fadeInUp;
  1900. }
  1901. .owl-item.active .slider-animated-2 h1 {
  1902. -webkit-animation-delay: 1.0s;
  1903. animation-delay: 1.0s;
  1904. -webkit-animation-name: fadeInUp;
  1905. animation-name: fadeInUp;
  1906. }
  1907. .owl-item.active .slider-animated-2 a {
  1908. -webkit-animation-delay: 1.6s;
  1909. animation-delay: 1.6s;
  1910. -webkit-animation-name: fadeInUp;
  1911. animation-name: fadeInUp;
  1912. }
  1913. .slider-active.owl-carousel .owl-nav div {
  1914. background-color: #fff;
  1915. border: 1px solid #ececec;
  1916. border-radius: 50px;
  1917. color: #333;
  1918. font-size: 17px;
  1919. height: 48px;
  1920. left: 15px;
  1921. line-height: 49px;
  1922. opacity: 0;
  1923. position: absolute;
  1924. text-align: center;
  1925. top: 50%;
  1926. transform: translateY(-50%);
  1927. transition: all 0.3s ease 0s;
  1928. width: 48px;
  1929. }
  1930. .slider-active.owl-carousel .owl-nav div:hover {
  1931. background-color: #333;
  1932. border: 1px solid #333;
  1933. color: #fff;
  1934. }
  1935. .slider-active.owl-carousel .owl-nav div.owl-next {
  1936. left: auto;
  1937. right: 15px;
  1938. }
  1939. .slider-area:hover .slider-active.owl-carousel .owl-nav div {
  1940. opacity: 1;
  1941. }
  1942. /* food-category */
  1943. .single-food-content {
  1944. margin: -36px 0 0;
  1945. position: relative;
  1946. z-index: 99;
  1947. }
  1948. .single-food-content > h3 {
  1949. background-color: #fff;
  1950. border-radius: 50px;
  1951. box-shadow: 0 0.3px 7px rgba(0, 0, 0, 0.2);
  1952. color: #000101;
  1953. display: inline-block;
  1954. font-family: "Pacifico", cursive;
  1955. font-size: 30px;
  1956. font-weight: 400;
  1957. line-height: 1;
  1958. }
  1959. .cate-padding-1 .single-food-content > h3 {
  1960. padding: 15px 74px 27px;
  1961. }
  1962. .cate-padding-2 .single-food-content > h3 {
  1963. padding: 20px 74px;
  1964. }
  1965. .cate-padding-3 .single-food-content > h3 {
  1966. padding: 20px 74px 19px;
  1967. }
  1968. .single-food-hover-2 {
  1969. position: relative;
  1970. }
  1971. .single-food-hover-2::after {
  1972. background: #000 none repeat scroll 0 0;
  1973. bottom: 0;
  1974. content: "";
  1975. height: 100%;
  1976. left: 50%;
  1977. opacity: 0;
  1978. position: absolute;
  1979. right: 0;
  1980. transform: translateX(-50%) scale(0.5);
  1981. transition: all 0.3s ease 0s;
  1982. width: 100%;
  1983. }
  1984. .single-food-category:hover .single-food-hover-2::after {
  1985. opacity: 0.47;
  1986. transform: translateX(-50%) scale(1);
  1987. }
  1988. .single-food-hover-2 > img {
  1989. width: 100%;
  1990. }
  1991. .single-food-hover > img {
  1992. max-width: 300px;
  1993. }
  1994. /* product area */
  1995. .section-title > h2 {
  1996. color: #000101;
  1997. font-size: 36px;
  1998. font-weight: 600;
  1999. line-height: 35px;
  2000. margin: 0;
  2001. }
  2002. .section-title > h4 {
  2003. color: #000101;
  2004. font-family: "Pacifico", cursive;
  2005. font-size: 22px;
  2006. margin: 0 0 20px;
  2007. }
  2008. .product-wrapper {
  2009. transition: all .3s ease 0s;
  2010. }
  2011. .product-grid .product-wrapper,
  2012. .product-list .product-wrapper {
  2013. transition: all .0s ease 0s;
  2014. }
  2015. .product-img {
  2016. position: relative;
  2017. overflow: hidden;
  2018. }
  2019. .product-img img {
  2020. width: 100%;
  2021. transition: all .7s ease 0s;
  2022. }
  2023. .product-action {
  2024. background-color: #fff;
  2025. box-shadow: 0 0.3px 7px rgba(0, 0, 0, 0.2);
  2026. display: flex;
  2027. justify-content: center;
  2028. left: 50%;
  2029. padding: 13px 0 11px;
  2030. position: absolute;
  2031. top: 60%;
  2032. opacity: 0;
  2033. visibility: hidden;
  2034. transform: translateY(-50%) translateX(-50%);
  2035. transition: all 0.6s ease 0s;
  2036. }
  2037. .product-wrapper:hover .product-action {
  2038. top: 50%;
  2039. opacity: 1;
  2040. visibility: visible;
  2041. }
  2042. .product-action a {
  2043. color: #666666;
  2044. display: inline-block;
  2045. font-size: 20px;
  2046. line-height: 1;
  2047. margin: 0 18px;
  2048. position: relative;
  2049. }
  2050. .product-action a::before {
  2051. background-color: #666666;
  2052. content: "";
  2053. height: 21px;
  2054. position: absolute;
  2055. right: -18px;
  2056. top: 0px;
  2057. width: 1px;
  2058. }
  2059. .product-action a:last-child::before {
  2060. display: none;
  2061. }
  2062. .product-action a:hover {
  2063. color: #7e4c4f;
  2064. }
  2065. .product-wrapper:hover .product-action a {
  2066. left: 0;
  2067. opacity: 1;
  2068. visibility: visible;
  2069. }
  2070. .product-content > h4 {
  2071. font-size: 14px;
  2072. font-weight: 500;
  2073. margin: 0 0 10px;
  2074. letter-spacing: 0.08px;
  2075. }
  2076. .product-content > h4 a {
  2077. font-weight: 600;
  2078. }
  2079. .product-content>h4 a:hover {
  2080. color: #7e4c4f;
  2081. }
  2082. .product-content>span {
  2083. color: #525252;
  2084. font-size: 16px;
  2085. }
  2086. .product-content {
  2087. padding: 17px 10px 16px;
  2088. }
  2089. .product-action-wishlist {
  2090. bottom: 20px;
  2091. position: absolute;
  2092. right: 20px;
  2093. }
  2094. .product-action-wishlist a {
  2095. font-size: 14px;
  2096. color: #000000;
  2097. }
  2098. .product-action-wishlist a:hover {
  2099. color: #7e4c4f;
  2100. }
  2101. /* deal area */
  2102. .deal-img img {
  2103. width: 100%;
  2104. }
  2105. .deal-img {
  2106. padding: 0 65px 0 0;
  2107. }
  2108. .deal-content > h3 {
  2109. font-size: 20px;
  2110. font-weight: 500;
  2111. margin: 0;
  2112. }
  2113. .deal-pro-price {
  2114. margin: 10px 0 17px;
  2115. }
  2116. .deal-pro-price > span {
  2117. color: #7e4c4f;
  2118. font-size: 20px;
  2119. font-weight: 500;
  2120. }
  2121. .deal-pro-price > span.deal-old-price {
  2122. color: #696969;
  2123. margin-right: 10px;
  2124. text-decoration: line-through;
  2125. }
  2126. .timer-style {
  2127. margin: 36px 0 40px;
  2128. }
  2129. .timer-style span {
  2130. border: 2px solid #ebebeb;
  2131. border-radius: 3px;
  2132. color: #242424;
  2133. display: inline-block;
  2134. font-size: 18px;
  2135. font-weight: 400;
  2136. margin: 0 18px 0 0;
  2137. padding: 7px 14px 6px;
  2138. text-align: center;
  2139. }
  2140. .timer-style span:last-child {
  2141. margin: 0 0px 0 0;
  2142. }
  2143. .timer-style span p {
  2144. color: #404040;
  2145. font-size: 13px;
  2146. font-weight: 400;
  2147. margin: 9px 0 0;
  2148. position: relative;
  2149. }
  2150. .timer-style span p::before {
  2151. background-color: #aaa;
  2152. border-radius: 100%;
  2153. content: "";
  2154. height: 1px;
  2155. left: 0;
  2156. position: absolute;
  2157. top: -5px;
  2158. transition: all 0.4s ease 0s;
  2159. width: 100%;
  2160. }
  2161. /* testimonial-area */
  2162. .slick-list {
  2163. display: block;
  2164. margin: 0;
  2165. overflow: hidden;
  2166. padding: 0;
  2167. position: relative;
  2168. }
  2169. .sin-testiImage img {
  2170. border-radius: 100%;
  2171. display: inline-block !important;
  2172. height: 70px;
  2173. width: 70px;
  2174. }
  2175. .sin-testiImage.slick-center img {
  2176. height: 100px;
  2177. margin-top: -14px;
  2178. width: 100px;
  2179. }
  2180. .sin-testiImage.slick-slide > h3 {
  2181. color: #fff;
  2182. display: none;
  2183. font-size: 16px;
  2184. font-weight: 500;
  2185. margin-bottom: 5px;
  2186. margin-top: 35px;
  2187. text-transform: capitalize;
  2188. }
  2189. .sin-testiImage.slick-slide > h5 {
  2190. color: #dedede;
  2191. display: none;
  2192. font-size: 16px;
  2193. font-weight: 400;
  2194. text-transform: capitalize;
  2195. }
  2196. .sin-testiImage.slick-slide.slick-center > h3,
  2197. .sin-testiImage.slick-slide.slick-center > h5 {
  2198. display: block;
  2199. }
  2200. .sin-testiText > p {
  2201. color: #fff;
  2202. font-size: 18px;
  2203. font-style: italic;
  2204. font-weight: 400;
  2205. line-height: 33px;
  2206. margin: 0 auto;
  2207. width: 83%;
  2208. }
  2209. .testimonial-image-slider {
  2210. padding: 106px 315px 0;
  2211. }
  2212. .sin-testiImage {
  2213. padding: 20px 0;
  2214. }
  2215. .testimonial-wrap {
  2216. position: relative;
  2217. }
  2218. .testimonial-shap {
  2219. bottom: 245px;
  2220. left: 49%;
  2221. position: absolute;
  2222. }
  2223. /* service-area */
  2224. .service-content {
  2225. padding: 30px 28px 25px;
  2226. }
  2227. .service-content > h4 {
  2228. color: #4f4e4e;
  2229. font-size: 16px;
  2230. font-weight: 500;
  2231. margin: 17px 0 7px;
  2232. position: relative;
  2233. }
  2234. .service-content > p {
  2235. color: #4f4e4e;
  2236. font-size: 15px;
  2237. margin: 0;
  2238. }
  2239. .service-content:hover img {
  2240. animation: 500ms ease-in-out 0s normal none 1 running tada;
  2241. }
  2242. .service-color-1 {
  2243. background-color: #fcedda;
  2244. }
  2245. .service-color-2 {
  2246. background-color: #f2fbcb;
  2247. }
  2248. .service-color-3 {
  2249. background-color: #f7d8f9;
  2250. }
  2251. /* blog-area */
  2252. .blog-meta li {
  2253. color: #575757;
  2254. display: inline-block;
  2255. list-style: outside none none;
  2256. margin: 0 11px 0 0;
  2257. position: relative;
  2258. }
  2259. .blog-meta li::before {
  2260. background-color: #656565;
  2261. content: "";
  2262. height: 1px;
  2263. position: absolute;
  2264. right: -9px;
  2265. top: 50%;
  2266. transform: translateY(-50%);
  2267. width: 3px;
  2268. }
  2269. .blog-meta li:last-child::before {
  2270. display: none;
  2271. }
  2272. .blog-content > h4 {
  2273. color: #343434;
  2274. font-size: 20px;
  2275. font-weight: 500;
  2276. line-height: 30px;
  2277. margin: 0;
  2278. }
  2279. .blog-content > h4 a {
  2280. color: #343434;
  2281. }
  2282. .blog-content > h4 a:hover {
  2283. color: #7e4c4f;
  2284. }
  2285. .blog-content {
  2286. padding: 26px 30px;
  2287. }
  2288. .blog-meta {
  2289. margin: 0 0 10px;
  2290. }
  2291. .blog-img img {
  2292. width: 100%;
  2293. }
  2294. .hover-effect {
  2295. overflow: hidden;
  2296. position: relative;
  2297. }
  2298. .hover-effect > a::before,
  2299. .hover-effect > a::after {
  2300. background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  2301. content: "";
  2302. height: 100%;
  2303. position: absolute;
  2304. transition: all 0.3s ease 0s;
  2305. width: 100%;
  2306. z-index: 8;
  2307. display: block;
  2308. }
  2309. .hover-effect > a::before {
  2310. left: -100%;
  2311. top: -100%;
  2312. }
  2313. .hover-effect > a::after {
  2314. bottom: -100%;
  2315. right: -100%;
  2316. }
  2317. .blog-wrapper:hover .hover-effect > a::after {
  2318. bottom: 0;
  2319. right: 0;
  2320. }
  2321. .blog-wrapper:hover .hover-effect > a::before {
  2322. left: 0;
  2323. top: 0;
  2324. }
  2325. /* footer area */
  2326. .footer-info-wrapper > p {
  2327. color: #6c6c6c;
  2328. font-size: 14px;
  2329. margin: 22px 0 21px;
  2330. }
  2331. .single-address-info {
  2332. display: flex;
  2333. margin: 0 0 5px;
  2334. }
  2335. .address-icon {
  2336. margin-right: 12px;
  2337. }
  2338. .address-icon i {
  2339. color: #5f5b5b;
  2340. font-size: 20px;
  2341. margin-top: 8px;
  2342. }
  2343. .address-icon.icon-mail i {
  2344. margin-top: 3px;
  2345. }
  2346. .address-icon.phone-icon i {
  2347. margin-top: 7px;
  2348. }
  2349. .address-content>p {
  2350. color: #3b3b3b;
  2351. margin: 0;
  2352. }
  2353. .address-content>p a {
  2354. color: #3b3b3b;
  2355. }
  2356. .address-content>p a:hover {
  2357. color: #7e4c4f;
  2358. }
  2359. h4.footer-title {
  2360. color: #575757;
  2361. font-size: 16px;
  2362. font-weight: 500;
  2363. margin: 0 0 32px;
  2364. }
  2365. .footer-content ul li {
  2366. list-style: outside none none;
  2367. margin-bottom: 13px;
  2368. }
  2369. .footer-content ul li:last-child {
  2370. margin-bottom: 0px;
  2371. }
  2372. .footer-content ul li a {
  2373. color: #6c6c6c;
  2374. font-size: 14px;
  2375. }
  2376. .footer-content ul li a:hover {
  2377. color: #7e4c4f;
  2378. padding-left: 5px;
  2379. }
  2380. .newsletter-wrapper > p {
  2381. color: #6c6c6c;
  2382. font-size: 14px;
  2383. margin: 0;
  2384. }
  2385. .newsletter-wrapper>p a {
  2386. color: #7e4c4f;
  2387. font-weight: 600;
  2388. text-decoration: underline;
  2389. text-transform: uppercase;
  2390. }
  2391. .newsletter-wrapper>p a:hover {
  2392. color: #242424;
  2393. }
  2394. .subscribe-form form input {
  2395. background: #fff none repeat scroll 0 0;
  2396. border: medium none;
  2397. border-radius: 50px;
  2398. box-shadow: 0 0 13px 1.8px rgba(0, 0, 0, 0.05);
  2399. color: #c3c3c3;
  2400. font-size: 13px;
  2401. height: 45px;
  2402. padding: 0 100px 0 15px;
  2403. width: 100%;
  2404. }
  2405. .mc-form .mc-news {
  2406. left: -5000px;
  2407. position: absolute;
  2408. }
  2409. .newsletter-style form {
  2410. position: relative;
  2411. }
  2412. .subscribe-form .mc-form .clear {
  2413. background: #7e4c4f none repeat scroll 0 0;
  2414. border-radius: 50px;
  2415. bottom: 4px;
  2416. cursor: pointer;
  2417. position: absolute;
  2418. right: 4px;
  2419. top: 4px;
  2420. transition: all 0.3s ease 0s;
  2421. z-index: 999;
  2422. }
  2423. .subscribe-form .mc-form .clear:hover {
  2424. background: #242424 none repeat scroll 0 0;
  2425. }
  2426. .subscribe-form .clear input {
  2427. background: transparent none repeat scroll 0 0;
  2428. border: medium none;
  2429. color: #fff;
  2430. cursor: pointer;
  2431. font-size: 14px;
  2432. font-weight: bold;
  2433. height: auto;
  2434. padding: 8px 23px 11px;
  2435. width: auto;
  2436. }
  2437. .social-icon ul li {
  2438. display: inline-block;
  2439. margin-right: 22px;
  2440. }
  2441. .social-icon ul li:last-child {
  2442. margin-right: 0px;
  2443. }
  2444. .social-icon ul li a {
  2445. font-size: 16px;
  2446. color: #3e3e3e;
  2447. }
  2448. .social-icon ul li a:hover {
  2449. color: #7e4c4f;
  2450. }
  2451. .newsletter-style {
  2452. margin: 26px 0 38px;
  2453. }
  2454. .copyright > p {
  2455. color: #828181;
  2456. margin: 0;
  2457. }
  2458. .copyright > p a {
  2459. color: #7e4c4f;
  2460. }
  2461. .copyright>p a:hover {
  2462. text-decoration: underline;
  2463. }
  2464. .payment-img img {
  2465. width: 100%;
  2466. }
  2467. /* Modal style */
  2468. .modal-body {
  2469. display: flex;
  2470. justify-content: space-between;
  2471. padding: 50px;
  2472. }
  2473. .modal-dialog {
  2474. margin: 150px auto;
  2475. min-width: 878px;
  2476. }
  2477. .quick-view-tab-content .tab-pane>img {
  2478. width: 100%;
  2479. }
  2480. .quick-view-list {
  2481. margin-top: 10px;
  2482. }
  2483. .quick-view-list a {
  2484. margin-right: 10px;
  2485. margin-bottom: 10px;
  2486. }
  2487. .quick-view-list a:last-child {
  2488. margin-right: 0px;
  2489. }
  2490. .qwick-view-left {
  2491. flex: 0 0 320px;
  2492. margin-right: 30px;
  2493. }
  2494. .quick-view-tab-content .tab-pane>img {
  2495. flex: 0 0 320px;
  2496. }
  2497. .quick-view-list a img {
  2498. width: 100px;
  2499. box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
  2500. }
  2501. .modal-content {
  2502. border-radius: 0rem;
  2503. }
  2504. .qwick-view-content>h3 {
  2505. color: #333333;
  2506. font-size: 20px;
  2507. font-weight: bold;
  2508. margin: 0 0 15px;
  2509. }
  2510. .quick-view-rating i {
  2511. color: #000000;
  2512. font-size: 18px;
  2513. margin-right: 5px;
  2514. }
  2515. .quick-view-rating i.red-star {
  2516. color: #7e4c4f;
  2517. }
  2518. .rating-number {
  2519. display: flex;
  2520. justify-content: flex-start;
  2521. margin-bottom: 30px;
  2522. }
  2523. .quick-view-number>span {
  2524. color: #808080;
  2525. display: block;
  2526. font-size: 14px;
  2527. margin: 3px 0 0 10px;
  2528. }
  2529. .qwick-view-content > p {
  2530. font-size: 14px;
  2531. margin-bottom: 25px;
  2532. }
  2533. .select-option-part label {
  2534. color: #242424;
  2535. font-size: 15px;
  2536. font-weight: 500;
  2537. margin-bottom: 14px;
  2538. }
  2539. .select-option-part {
  2540. margin-bottom: 35px;
  2541. }
  2542. .select-option-part select {
  2543. -moz-appearance: none;
  2544. -webkit-appearance: none;
  2545. border: 1px solid #dcdcdc;
  2546. box-shadow: none;
  2547. color: #828282;
  2548. font-size: 14px;
  2549. height: 43px;
  2550. padding-left: 20px;
  2551. position: relative;
  2552. width: 100%;
  2553. background: rgba(0, 0, 0, 0) url("../../assets/img/icon-img/select.png") no-repeat scroll right 20px center;
  2554. cursor: pointer;
  2555. }
  2556. .qtybutton {
  2557. color: #000;
  2558. cursor: pointer;
  2559. float: left;
  2560. font-size: 16px;
  2561. font-weight: 600;
  2562. height: 20px;
  2563. line-height: 20px;
  2564. position: relative;
  2565. text-align: center;
  2566. width: 20px;
  2567. }
  2568. input.cart-plus-minus-box {
  2569. background: transparent none repeat scroll 0 0;
  2570. border: medium none;
  2571. float: left;
  2572. font-size: 16px;
  2573. height: 25px;
  2574. margin: 0;
  2575. padding: 0;
  2576. text-align: center;
  2577. width: 25px;
  2578. color: #000;
  2579. }
  2580. .cart-plus-minus *::-moz-selection {
  2581. background: transparent none repeat scroll 0 0;
  2582. color: #000;
  2583. text-shadow: none;
  2584. }
  2585. .cart-plus-minus {
  2586. border: 1px solid #dcdcdc;
  2587. height: 46px;
  2588. overflow: hidden;
  2589. padding: 9px 0 7px 5px;
  2590. width: 80px;
  2591. }
  2592. .quickview-plus-minus {
  2593. display: flex;
  2594. justify-content: flex-start;
  2595. padding-top: 5px;
  2596. }
  2597. .quickview-btn-cart > a {
  2598. background-color: transparent;
  2599. border: 1px solid #dcdcdc;
  2600. border-radius: inherit;
  2601. color: #242424;
  2602. font-weight: 500;
  2603. padding: 15px 42px;
  2604. }
  2605. .quickview-btn-cart>a:hover {
  2606. border: 1px solid #dcdcdc;
  2607. }
  2608. .quickview-btn-wishlist > a {
  2609. border: 1px solid #dcdcdc;
  2610. color: #242424;
  2611. display: inline-block;
  2612. font-size: 20px;
  2613. padding: 9px 18px 5px;
  2614. z-index: 9;
  2615. }
  2616. .quickview-btn-wishlist>a:hover {
  2617. border: 1px solid #dcdcdc;
  2618. background-color: #0e0904;
  2619. color: #fff;
  2620. }
  2621. .quickview-btn-cart {
  2622. margin: 0 30px;
  2623. }
  2624. .qtybutton.inc {
  2625. margin-top: 2px;
  2626. }
  2627. .qtybutton.dec {
  2628. margin-top: 2px;
  2629. }
  2630. .price {
  2631. margin: 9px 0 8px;
  2632. }
  2633. #exampleModal .close {
  2634. color: #fff;
  2635. cursor: pointer;
  2636. float: right;
  2637. font-size: 35px;
  2638. left: 50%;
  2639. line-height: 1;
  2640. opacity: 1;
  2641. position: absolute;
  2642. text-shadow: 0 1px 0 #fff;
  2643. top: 32px;
  2644. transform: translateX(-50%);
  2645. transition: all 0.3s ease 0s;
  2646. }
  2647. #exampleModal .close:hover {
  2648. color: #7e4c4f;
  2649. }
  2650. .modal-backdrop.show {
  2651. opacity: 0.8;
  2652. }
  2653. .modal-content .close:hover {
  2654. color: #7e4c4f;
  2655. }
  2656. .modal-open .modal {
  2657. z-index: 99999;
  2658. }
  2659. .modal-backdrop.show {
  2660. z-index: 9999;
  2661. }
  2662. .quick-view-tab-content .tab-pane {
  2663. border: 1px solid #ddd;
  2664. }
  2665. .modal-body .cart-plus-minus span {
  2666. display: none;
  2667. }
  2668. /*------------------------
  2669. 3. Home page 2
  2670. --------------------------*/
  2671. /* slider index-2 */
  2672. .slider-content.slider-content-white h3 {
  2673. color: #fff;
  2674. }
  2675. .slider-content.slider-content-white h1 {
  2676. color: #fff;
  2677. }
  2678. .slider-content-white .slider-btn a {
  2679. background-color: #fff;
  2680. color: #7e4c4f;
  2681. }
  2682. .slider-content-white .slider-btn a:hover {
  2683. background-color: #7e4c4f;
  2684. color: #fff;
  2685. }
  2686. /* food-category index-2 */
  2687. .single-food-category-2 {
  2688. padding: 0 35px;
  2689. position: relative;
  2690. }
  2691. .single-food-category-2 > h3 {
  2692. color: #000101;
  2693. font-size: 30px;
  2694. left: 0;
  2695. margin: 0;
  2696. position: absolute;
  2697. right: 0;
  2698. text-align: center;
  2699. top: 50%;
  2700. transform: translateY(-50%);
  2701. font-family: "Pacifico", cursive;
  2702. transition: all 0.3s ease 0s;
  2703. }
  2704. .single-food-hover::after {
  2705. background: #000 none repeat scroll 0 0;
  2706. border-radius: 100%;
  2707. bottom: 0;
  2708. content: "";
  2709. height: 300px;
  2710. left: 50%;
  2711. opacity: 0;
  2712. position: absolute;
  2713. right: 0;
  2714. transform: translateX(-50%) scale(0.5);
  2715. transition: all 0.3s ease 0s;
  2716. width: 300px;
  2717. }
  2718. .single-food-category-2:hover .single-food-hover::after {
  2719. opacity: .47;
  2720. transform: translateX(-50%) scale(1);
  2721. }
  2722. .single-food-category-2:hover h3 {
  2723. color: #fff;
  2724. }
  2725. /* testimonial index-2 */
  2726. .testimonial-white-color .sin-testiText > p {
  2727. color: #000;
  2728. }
  2729. .testimonial-white-color .sin-testiImage img {
  2730. border: 1px solid #7e4c4f;
  2731. }
  2732. .testimonial-white-color .sin-testiImage.slick-slide > h3,
  2733. .testimonial-white-color .sin-testiImage.slick-slide > h5 {
  2734. color: #4d4d4d;
  2735. }
  2736. /* deal index-2 */
  2737. .section-title.section-title-white > h4,
  2738. .section-title.section-title-white > h2 {
  2739. color: #fff;
  2740. }
  2741. .deal-style-white .deal-content > h3 a {
  2742. color: #fff;
  2743. }
  2744. .deal-style-white .deal-pro-price > span.deal-old-price,
  2745. .deal-style-white .deal-pro-price > span,
  2746. .deal-style-white .timer-style span p,
  2747. .deal-style-white .timer-style span {
  2748. color: #fff;
  2749. }
  2750. .deal-style-white .deal-content > p {
  2751. color: #f7f7f7;
  2752. }
  2753. .deal-style-white .btn-style {
  2754. background-color: #fff;
  2755. color: #7e4c4f;
  2756. }
  2757. .deal-style-white .btn-style:hover {
  2758. background-color: #7e4c4f;
  2759. color: #fff;
  2760. }
  2761. .deal-style-white .deal-img {
  2762. padding: 0 100px 0 0;
  2763. }
  2764. /*------------------------
  2765. 4. About us
  2766. --------------------------*/
  2767. /* breadcrumb style */
  2768. .breadcrumb-content > h2 {
  2769. color: #fff;
  2770. font-size: 35px;
  2771. font-weight: 600;
  2772. line-height: 35px;
  2773. margin: 0 0 12px;
  2774. text-transform: uppercase;
  2775. }
  2776. .breadcrumb-content li {
  2777. color: #454545;
  2778. display: inline-block;
  2779. font-size: 16px;
  2780. font-weight: 500;
  2781. padding-right: 14px;
  2782. position: relative;
  2783. text-transform: capitalize;
  2784. }
  2785. .breadcrumb-content li a {
  2786. color: #fff;
  2787. }
  2788. .breadcrumb-content li.active,
  2789. .breadcrumb-content li a:hover {
  2790. color: #ddd;
  2791. }
  2792. .breadcrumb-content li::before {
  2793. background-color: #fff;
  2794. bottom: 10px;
  2795. content: "";
  2796. height: 2px;
  2797. margin: 0 auto;
  2798. position: absolute;
  2799. right: 2px;
  2800. transition: all 0.4s ease 0s;
  2801. width: 6px;
  2802. }
  2803. .breadcrumb-content li:last-child:before {
  2804. display: none;
  2805. }
  2806. /* about-us area */
  2807. .about-us-img>img {
  2808. width: 100%;
  2809. }
  2810. .about-us-content > h2 {
  2811. font-size: 35px;
  2812. font-weight: 600;
  2813. line-height: 64px;
  2814. margin: 0 0 18px;
  2815. text-transform: uppercase;
  2816. }
  2817. .about-us-content > p {
  2818. font-size: 14px;
  2819. margin: 0;
  2820. }
  2821. .about-us-list>ul {
  2822. position: relative;
  2823. }
  2824. .about-us-list ul li {
  2825. display: block;
  2826. font-size: 14px;
  2827. list-style: outside none none;
  2828. margin-bottom: 7px;
  2829. padding-left: 24px;
  2830. position: relative;
  2831. }
  2832. .about-us-list ul li:last-child {
  2833. margin-bottom: 0px;
  2834. }
  2835. .about-us-list {
  2836. margin: 20px 0 34px;
  2837. }
  2838. .about-us-list ul li::before {
  2839. color: #454545;
  2840. content: "";
  2841. display: inline-block;
  2842. font-family: "themify";
  2843. font-size: 17px;
  2844. left: 0;
  2845. position: absolute;
  2846. top: -1px;
  2847. }
  2848. /* count area */
  2849. .single-count-wrapper {
  2850. display: flex;
  2851. justify-content: space-between;
  2852. }
  2853. .single-count h2 {
  2854. font-size: 45px;
  2855. font-weight: bold;
  2856. line-height: 1;
  2857. margin: 0 0 10px;
  2858. }
  2859. .single-count>span {
  2860. color: #333333;
  2861. font-size: 18px;
  2862. font-weight: 600;
  2863. }
  2864. /* team area */
  2865. .team-wrapper {
  2866. background-color: #f9f9f9;
  2867. box-shadow: 0 0 11px rgba(0, 0, 0, 0.15);
  2868. }
  2869. .team-img {
  2870. overflow: hidden;
  2871. position: relative;
  2872. }
  2873. .team-img img {
  2874. width: 100%;
  2875. }
  2876. .team-social {
  2877. bottom: 30px;
  2878. left: 0;
  2879. position: absolute;
  2880. right: 0;
  2881. text-align: center;
  2882. }
  2883. .team-content {
  2884. padding: 26px 10px 27px;
  2885. }
  2886. .team-content>h4 {
  2887. color: #404040;
  2888. font-size: 18px;
  2889. font-weight: 600;
  2890. margin: 0 0 5px;
  2891. }
  2892. .team-content>span {
  2893. color: #404040;
  2894. font-size: 16px;
  2895. }
  2896. .team-social>a {
  2897. background-color: #fff;
  2898. border-radius: 100%;
  2899. color: #404040;
  2900. display: inline-block;
  2901. font-size: 13px;
  2902. height: 28px;
  2903. margin: 0 5px;
  2904. width: 28px;
  2905. visibility: hidden;
  2906. opacity: 0;
  2907. bottom: -10px;
  2908. position: relative;
  2909. }
  2910. .team-social>a:hover {
  2911. background-color: #7e4c4f;
  2912. color: #fff;
  2913. }
  2914. .team-social>a i {
  2915. line-height: 28px;
  2916. }
  2917. .team-wrapper:hover .team-social a {
  2918. bottom: 0;
  2919. opacity: 1;
  2920. visibility: visible;
  2921. }
  2922. .team-social a:nth-child(1) {
  2923. transition-delay: 0.1s;
  2924. }
  2925. .team-social a:nth-child(2) {
  2926. transition-delay: 0.2s;
  2927. }
  2928. .team-social a:nth-child(3) {
  2929. transition-delay: 0.3s;
  2930. }
  2931. .team-social a:nth-child(4) {
  2932. transition-delay: 0.4s;
  2933. }
  2934. /*------------------------
  2935. 5. Shop page
  2936. --------------------------*/
  2937. .shop-sidebar-title {
  2938. color: #242424;
  2939. font-size: 16px;
  2940. font-weight: 600;
  2941. margin: 0;
  2942. }
  2943. .shop-search form input {
  2944. background: #fff none repeat scroll 0 0;
  2945. border: 1px solid #ededed;
  2946. color: #666;
  2947. height: 45px;
  2948. padding: 0 66px 0 15px;
  2949. width: 100%;
  2950. }
  2951. .shop-search form input::-moz-placeholder {
  2952. color: #666;
  2953. opacity: 1;
  2954. }
  2955. .shop-search form input::-webkit-input-placeholder {
  2956. color: #666;
  2957. opacity: 1;
  2958. }
  2959. .shop-search form {
  2960. position: relative;
  2961. }
  2962. .shop-search form button {
  2963. -moz-border-bottom-colors: none;
  2964. -moz-border-left-colors: none;
  2965. -moz-border-right-colors: none;
  2966. -moz-border-top-colors: none;
  2967. background-color: transparent;
  2968. border-color: #ededed;
  2969. border-image: none;
  2970. border-style: none none none solid;
  2971. border-width: medium medium medium 1px;
  2972. color: #7e4c4f;
  2973. cursor: pointer;
  2974. font-size: 20px;
  2975. height: 100%;
  2976. padding: 0 20px;
  2977. position: absolute;
  2978. right: 0;
  2979. top: 50%;
  2980. transform: translateY(-50%);
  2981. transition: all .3s ease 0s;
  2982. }
  2983. .shop-search form button:hover {
  2984. color: #333;
  2985. }
  2986. .price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
  2987. background: #bbb none repeat scroll 0 0;
  2988. border: medium none;
  2989. border-radius: 0;
  2990. height: 4px;
  2991. margin-bottom: 12px;
  2992. margin-left: auto;
  2993. }
  2994. .price_filter .ui-slider-range {
  2995. background: #7e4c4f none repeat scroll 0 0;
  2996. }
  2997. .price_filter .ui-slider-handle.ui-state-default.ui-corner-all {
  2998. background: #fff none repeat scroll 0 0;
  2999. border: 1px solid #7e4c4f;
  3000. border-radius: 100%;
  3001. height: 15px;
  3002. width: 15px;
  3003. }
  3004. .ui-slider-horizontal .ui-slider-handle {
  3005. margin-left: -6px;
  3006. top: -6px;
  3007. }
  3008. .label-input label {
  3009. color: #565656;
  3010. display: inline-block;
  3011. float: left;
  3012. font-size: 14px;
  3013. font-weight: bold;
  3014. margin: 0;
  3015. text-transform: capitalize;
  3016. }
  3017. .label-input input {
  3018. background: transparent none repeat scroll 0 0;
  3019. border: medium none;
  3020. color: #565656;
  3021. font-size: 14px;
  3022. font-weight: 600;
  3023. height: inherit;
  3024. padding-left: 5px;
  3025. width: 99px;
  3026. }
  3027. .label-input {
  3028. display: inline-block;
  3029. float: left;
  3030. margin-top: 5px;
  3031. }
  3032. .price_slider_amount>button {
  3033. background-color: transparent;
  3034. border: medium none;
  3035. color: #565656;
  3036. cursor: pointer;
  3037. display: inline-block;
  3038. float: right;
  3039. font-weight: 600;
  3040. line-height: 1;
  3041. padding: 7px 0;
  3042. text-transform: capitalize;
  3043. transition: all 0.3s ease 0s;
  3044. }
  3045. .price_slider_amount>button:hover {
  3046. color: #7e4c4f;
  3047. }
  3048. .shop-price-filter {
  3049. overflow: hidden;
  3050. }
  3051. .price_slider_amount {
  3052. display: block;
  3053. overflow: hidden;
  3054. }
  3055. .shop-list-style ul li {
  3056. list-style: outside none none;
  3057. margin-bottom: 6px;
  3058. }
  3059. .shop-list-style ul li:last-child {
  3060. margin-bottom: 0px;
  3061. }
  3062. .shop-list-style ul li a {
  3063. color: #333;
  3064. display: block;
  3065. font-size: 14px;
  3066. }
  3067. .shop-list-style ul li a:hover {
  3068. color: #7e4c4f;
  3069. padding-left: 5px;
  3070. }
  3071. .shop-list-style ul li a span {
  3072. float: right;
  3073. }
  3074. .shop-topbar-wrapper {
  3075. border: 1px solid #ddd;
  3076. display: flex;
  3077. justify-content: space-between;
  3078. margin-bottom: 40px;
  3079. padding: 12px 20px 10px;
  3080. }
  3081. .shorting-style>label {
  3082. color: #1d1d1d;
  3083. font-size: 16px;
  3084. font-weight: 500;
  3085. margin: 0 28px 0 0;
  3086. text-transform: capitalize;
  3087. }
  3088. .shorting-style>label span {
  3089. color: #7e4c4f;
  3090. font-weight: 500;
  3091. }
  3092. .shorting-style select {
  3093. -moz-appearance: none;
  3094. -webkit-appearance: none;
  3095. background: #fff url("../../assets/img/icon-img/select-2.png") no-repeat scroll right 16px center;
  3096. border: 1px solid #ededed;
  3097. box-shadow: none;
  3098. color: #555;
  3099. cursor: pointer;
  3100. font-size: 14px;
  3101. height: 40px;
  3102. min-width: 200px;
  3103. padding: 0 40px 0 10px;
  3104. text-transform: capitalize;
  3105. width: inherit;
  3106. position: relative;
  3107. }
  3108. .shorting-style select::before {
  3109. background-color: #000000;
  3110. bottom: -15px;
  3111. content: "";
  3112. height: 10px;
  3113. left: 0;
  3114. margin: 0 auto;
  3115. position: absolute;
  3116. right: 0;
  3117. transition: all 0.4s ease 0s;
  3118. width: 2px;
  3119. }
  3120. .view-mode>li {
  3121. display: inline-block;
  3122. margin-left: -4px;
  3123. }
  3124. .view-mode>li a {
  3125. background-color: #ededed;
  3126. color: #535252;
  3127. display: inline-block;
  3128. font-size: 20px;
  3129. line-height: 1;
  3130. padding: 9px 10px 7px;
  3131. }
  3132. .view-mode>li.active a {
  3133. background-color: #7e4c4f;
  3134. color: #fff;
  3135. }
  3136. .product-list .product-content {
  3137. display: none;
  3138. }
  3139. .product-list .product-img {
  3140. display: inline-block;
  3141. float: left;
  3142. margin-right: 30px;
  3143. width: 270px;
  3144. }
  3145. .product-list .product-wrapper {
  3146. overflow: hidden;
  3147. }
  3148. .product-list .product-list-content {
  3149. display: block;
  3150. overflow: hidden;
  3151. }
  3152. .product-list .product-width {
  3153. flex: 0 0 100%;
  3154. max-width: 100%;
  3155. }
  3156. .product-list .product-wrapper {
  3157. border: medium none;
  3158. }
  3159. .product-list .product-wrapper:hover {
  3160. box-shadow: none;
  3161. }
  3162. .product-list .product-img {
  3163. border: medium none;
  3164. transition: all .0s ease 0s;
  3165. }
  3166. .product-list .product-action {
  3167. display: none;
  3168. }
  3169. .product-list .product-wrapper:hover .product-img {
  3170. box-shadow: none;
  3171. }
  3172. .product-list-content > h4 {
  3173. font-size: 18px;
  3174. font-weight: 500;
  3175. margin: 0 0 7px;
  3176. }
  3177. .product-list-content .product-price {
  3178. margin: 16px 0 9px;
  3179. }
  3180. .product-list-content>h4 a {
  3181. color: #585858;
  3182. }
  3183. .product-list-content>h4 a:hover {
  3184. color: #7e4c4f;
  3185. }
  3186. .product-price span {
  3187. position: relative;
  3188. }
  3189. .product-price span::before {
  3190. background-color: #525252;
  3191. bottom: 10px;
  3192. content: "";
  3193. height: 1px;
  3194. margin: 0 auto;
  3195. position: absolute;
  3196. right: -7px;
  3197. transition: all 0.4s ease 0s;
  3198. width: 6px;
  3199. }
  3200. .product-price span:last-child::before {
  3201. display: none;
  3202. }
  3203. .product-price span.new {
  3204. color: #686868;
  3205. font-size: 16px;
  3206. font-weight: 500;
  3207. margin: 0 12px 0 0;
  3208. }
  3209. .product-price span.old {
  3210. color: #686868;
  3211. font-size: 16px;
  3212. font-weight: 500;
  3213. text-decoration: line-through;
  3214. }
  3215. .product-rating i {
  3216. font-size: 16px;
  3217. margin-right: 5px;
  3218. }
  3219. .product-rating i.theme-color {
  3220. color: #7e4c4f;
  3221. }
  3222. .product-rating {
  3223. margin: 12px 0 18px;
  3224. }
  3225. .product-list-content > p {
  3226. font-size: 14px;
  3227. font-weight: 400;
  3228. margin: 0;
  3229. }
  3230. .product-list-action {
  3231. margin: 30px 0 0;
  3232. }
  3233. .product-list-action-left {
  3234. display: inline-block;
  3235. float: left;
  3236. margin-right: 20px;
  3237. }
  3238. .product-list-action-left a {
  3239. background-color: #7e4c4f;
  3240. color: #fff;
  3241. display: inline-block;
  3242. font-size: 14px;
  3243. font-weight: bold;
  3244. line-height: 1;
  3245. padding: 12px 22px;
  3246. text-transform: uppercase;
  3247. }
  3248. .product-list-action-left a:hover {
  3249. background-color: #333;
  3250. }
  3251. .product-list-action-right a {
  3252. border: 1px solid #dcdcdc;
  3253. color: #313131;
  3254. display: inline-block;
  3255. font-size: 16px;
  3256. height: 38px;
  3257. line-height: 40px;
  3258. margin: 0 16px 0 0;
  3259. text-align: center;
  3260. width: 50px;
  3261. }
  3262. .product-list-action-right a:last-child {
  3263. margin: 0 0px 0 0;
  3264. }
  3265. .product-list-action-right a:hover {
  3266. border: 1px solid #7e4c4f;
  3267. color: #fff;
  3268. background-color: #7e4c4f;
  3269. }
  3270. .product-grid .product-list-content {
  3271. display: none;
  3272. }
  3273. .product-list .product-wrapper.mb-10 {
  3274. margin-bottom: 30px;
  3275. }
  3276. .pagination-style ul li {
  3277. display: inline-block;
  3278. margin-left: 7px;
  3279. }
  3280. .pagination-style ul li a {
  3281. background-color: transparent;
  3282. border: 1px solid #7e4c4f;
  3283. color: #7e4c4f;
  3284. display: inline-block;
  3285. font-size: 13px;
  3286. height: 40px;
  3287. line-height: 40px;
  3288. text-align: center;
  3289. width: 40px;
  3290. }
  3291. .pagination-style ul li a i {
  3292. font-size: 10px;
  3293. }
  3294. .pagination-style ul li a.active,
  3295. .pagination-style ul li a:hover {
  3296. background-color: #7e4c4f;
  3297. color: #fff;
  3298. }
  3299. /*------------------------
  3300. 6. Product details
  3301. --------------------------*/
  3302. .product-details-content>h2 {
  3303. color: #585858;
  3304. font-size: 20px;
  3305. font-weight: 600;
  3306. margin: 0 0 7px;
  3307. }
  3308. .in-stock {
  3309. margin: 35px 0 8px;
  3310. }
  3311. .in-stock>span {
  3312. color: #93c241;
  3313. font-size: 15px;
  3314. letter-spacing: 0.2px;
  3315. }
  3316. .sku {
  3317. border-bottom: 1px solid #e4e4e4;
  3318. display: block;
  3319. margin: 0 0 25px;
  3320. padding: 0 0 25px;
  3321. }
  3322. .sku>span {
  3323. color: #242424;
  3324. font-size: 15px;
  3325. letter-spacing: 0.2px;
  3326. }
  3327. .product-details-content>p {
  3328. color: #454545;
  3329. font-size: 15px;
  3330. letter-spacing: 0.2px;
  3331. margin: 0;
  3332. }
  3333. .quality-wrapper>label {
  3334. color: #454545;
  3335. display: inline-block;
  3336. float: left;
  3337. font-weight: bold;
  3338. margin-bottom: 0;
  3339. margin-right: 39px;
  3340. margin-top: 8px;
  3341. text-transform: uppercase;
  3342. }
  3343. .quality-wrapper {
  3344. display: block;
  3345. overflow: hidden;
  3346. position: relative;
  3347. }
  3348. .quality-wrapper input.cart-plus-minus-box {
  3349. background: #f9f9f9 none repeat scroll 0 0;
  3350. border: medium none;
  3351. border-radius: 5px;
  3352. float: left;
  3353. font-size: 16px;
  3354. height: 40px;
  3355. margin: 0;
  3356. text-align: center;
  3357. width: 120px;
  3358. }
  3359. .product-dec-slider.owl-carousel .owl-nav div {
  3360. background-color: #fff;
  3361. border-radius: 50px;
  3362. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  3363. color: #8d8c8c;
  3364. display: inline-block;
  3365. font-size: 13px;
  3366. height: 35px;
  3367. left: -15px;
  3368. line-height: 37px;
  3369. opacity: 0;
  3370. position: absolute;
  3371. text-align: center;
  3372. top: 50%;
  3373. transform: translateY(-50%);
  3374. transition: all 0.3s ease 0s;
  3375. width: 35px;
  3376. }
  3377. .product-dec-slider.owl-carousel .owl-nav div.owl-next {
  3378. left: auto;
  3379. right: -15px;
  3380. }
  3381. .product-dec-slider.owl-carousel .owl-nav div:hover {
  3382. background-color: #7e4c4f;
  3383. color: #fff;
  3384. }
  3385. .product-dec-slider:hover .owl-nav div {
  3386. opacity: 1;
  3387. }
  3388. .description-review-topbar {
  3389. display: flex;
  3390. justify-content: center;
  3391. }
  3392. .description-review-topbar a {
  3393. border-bottom: 2px solid transparent;
  3394. color: #333;
  3395. display: inline-block;
  3396. font-size: 15px;
  3397. font-weight: bold;
  3398. margin: 0 37px;
  3399. padding-bottom: 13px;
  3400. position: relative;
  3401. text-transform: uppercase;
  3402. }
  3403. .description-review-topbar a::before {
  3404. background-color: #7a7a7a;
  3405. content: "";
  3406. height: 17px;
  3407. position: absolute;
  3408. right: -37px;
  3409. top: 2px;
  3410. width: 1px;
  3411. }
  3412. .description-review-topbar a.active {
  3413. border-bottom: 2px solid #7e4c4f;
  3414. color: #7e4c4f;
  3415. }
  3416. .description-review-topbar a:last-child::before {
  3417. display: none;
  3418. }
  3419. .tab-content.description-review-bottom {
  3420. border-radius: 5px;
  3421. padding: 40px 30px;
  3422. }
  3423. .product-description-wrapper > p {
  3424. font-size: 14px;
  3425. margin-bottom: 25px;
  3426. }
  3427. .product-description-wrapper li {
  3428. color: #454545;
  3429. font-size: 14px;
  3430. list-style: outside none none;
  3431. margin-bottom: 8px;
  3432. }
  3433. .product-description-wrapper li:last-child {
  3434. margin-bottom: 0px;
  3435. }
  3436. .product-anotherinfo-wrapper li {
  3437. color: #454545;
  3438. font-size: 15px;
  3439. list-style: outside none none;
  3440. margin-bottom: 6px;
  3441. text-transform: capitalize;
  3442. }
  3443. .product-anotherinfo-wrapper li span {
  3444. display: inline-block;
  3445. font-size: 15px;
  3446. font-weight: bold;
  3447. margin-right: 15px;
  3448. width: 62px;
  3449. }
  3450. .rattings-wrapper {
  3451. margin-bottom: 40px;
  3452. }
  3453. .rattings-wrapper .sin-rattings {
  3454. margin-bottom: 30px;
  3455. }
  3456. .star-author-all {
  3457. margin-bottom: 10px;
  3458. overflow: hidden;
  3459. }
  3460. .ratting-author h3 {
  3461. color: #333;
  3462. float: left;
  3463. font-size: 14px;
  3464. font-weight: 600;
  3465. line-height: 13px;
  3466. margin: 0;
  3467. text-transform: capitalize;
  3468. }
  3469. .ratting-author span {
  3470. display: block;
  3471. float: left;
  3472. font-size: 14px;
  3473. font-weight: 600;
  3474. line-height: 13px;
  3475. margin-left: 15px;
  3476. }
  3477. .sin-rattings>p {
  3478. color: #454545;
  3479. font-size: 15px;
  3480. letter-spacing: 0.2px;
  3481. margin-bottom: 0;
  3482. }
  3483. .ratting-form-wrapper h3 {
  3484. color: #303030;
  3485. font-size: 15px;
  3486. font-weight: 400;
  3487. line-height: 12px;
  3488. margin: 0 0 30px;
  3489. text-transform: uppercase;
  3490. }
  3491. .ratting-form form .star-box {
  3492. margin-bottom: 40px;
  3493. }
  3494. .ratting-form form .star-box h2 {
  3495. color: #303030;
  3496. font-size: 14px;
  3497. font-weight: 700;
  3498. line-height: 1;
  3499. margin: 0 0 10px;
  3500. }
  3501. .rating-form-style input,
  3502. .rating-form-style textarea {
  3503. background-color: #fff;
  3504. border: 1px solid #eceff8;
  3505. color: #333;
  3506. padding-right: 15px;
  3507. }
  3508. .rating-form-style.form-submit input {
  3509. background: #7e4c4f none repeat scroll 0 0;
  3510. color: #fff;
  3511. cursor: pointer;
  3512. font-weight: bold;
  3513. letter-spacing: 0.2px;
  3514. margin-top: 30px;
  3515. padding: 0 25px;
  3516. text-transform: uppercase;
  3517. width: inherit;
  3518. }
  3519. .rating-form-style.form-submit input:hover {
  3520. background: #333 none repeat scroll 0 0;
  3521. color: #fff;
  3522. }
  3523. .product-details-img img {
  3524. cursor: pointer;
  3525. width: 100%;
  3526. }
  3527. #zoompro,
  3528. .product-dec-slider a img {
  3529. border: 1px solid #ddd;
  3530. }
  3531. .product-dec-slider {
  3532. margin-right: 10px;
  3533. padding-right: 1px;
  3534. }
  3535. /*------------------------
  3536. 7. Cart page
  3537. --------------------------*/
  3538. .page-title {
  3539. font-size: 22px;
  3540. font-weight: bold;
  3541. margin-bottom: 27px;
  3542. text-align: center;
  3543. text-transform: uppercase;
  3544. }
  3545. .cart-main-area .table-content table {
  3546. background: #fff none repeat scroll 0 0;
  3547. border-color: #eaeaea;
  3548. border-radius: 0;
  3549. border-style: solid;
  3550. border-width: 1px;
  3551. width: 100%;
  3552. }
  3553. .table-content table th,
  3554. .table-content table td {
  3555. border-bottom: 1px solid #e5e5e5;
  3556. }
  3557. .table-content table th {
  3558. border-top: medium none;
  3559. color: #333;
  3560. font-size: 15px;
  3561. font-weight: bold;
  3562. padding: 14px 45px 13px;
  3563. text-transform: uppercase;
  3564. vertical-align: middle;
  3565. white-space: nowrap;
  3566. }
  3567. .table-content table td.product-thumbnail {
  3568. width: 155px;
  3569. }
  3570. .table-content table td.product-thumbnail a img {
  3571. padding-left: 20px;
  3572. }
  3573. .table-content table td.product-name {
  3574. width: 345px;
  3575. }
  3576. .table-content table td {
  3577. color: #454545;
  3578. font-size: 15px;
  3579. padding: 20px 0;
  3580. }
  3581. .product-wishlist-cart {
  3582. text-align: center;
  3583. }
  3584. .table-content table td.product-name a {
  3585. color: #333;
  3586. font-size: 16px;
  3587. padding-left: 50px;
  3588. }
  3589. .table-content table td.product-price-cart span {
  3590. padding-left: 60px;
  3591. }
  3592. .table-content table td.product-quantity {
  3593. padding-left: 8px;
  3594. }
  3595. .table-content table td.product-subtotal {
  3596. padding-left: 58px;
  3597. }
  3598. .table-content table td.product-remove {
  3599. padding-left: 70px;
  3600. }
  3601. .table-content table td.product-remove a {
  3602. color: #454545;
  3603. font-size: 18px;
  3604. }
  3605. .product-quantity .cart-plus-minus {
  3606. height: 40px;
  3607. padding: 0;
  3608. position: relative;
  3609. width: 110px;
  3610. border: 1px solid #e5e5e5;
  3611. }
  3612. .product-quantity .qtybutton {
  3613. color: #454545;
  3614. cursor: pointer;
  3615. float: inherit;
  3616. font-size: 16px;
  3617. margin: 0;
  3618. position: absolute;
  3619. transition: all .3s ease 0s;
  3620. }
  3621. .product-quantity .qtybutton:hover,
  3622. .table-content table td.product-name a:hover,
  3623. .table-content table td.product-remove a:hover {
  3624. color: #7e4c4f;
  3625. }
  3626. .product-quantity .dec.qtybutton {
  3627. border-right: 1px solid #e5e5e5;
  3628. height: 40px;
  3629. left: 0;
  3630. padding-top: 8px;
  3631. top: 0;
  3632. }
  3633. .product-quantity .inc.qtybutton {
  3634. border-left: 1px solid #e5e5e5;
  3635. height: 40px;
  3636. right: 0;
  3637. padding-top: 9px;
  3638. top: 0;
  3639. }
  3640. .product-quantity input.cart-plus-minus-box {
  3641. color: #454545;
  3642. float: left;
  3643. font-size: 14px;
  3644. height: 40px;
  3645. margin: 0;
  3646. width: 110px;
  3647. }
  3648. .cart-shiping-update-wrapper {
  3649. -moz-border-bottom-colors: none;
  3650. -moz-border-left-colors: none;
  3651. -moz-border-right-colors: none;
  3652. -moz-border-top-colors: none;
  3653. background-color: #fff;
  3654. border-color: #e5e5e5 #e5e5e5;
  3655. border-image: none;
  3656. border-style: none solid solid;
  3657. border-width: medium 1px 1px;
  3658. display: flex;
  3659. justify-content: space-between;
  3660. padding: 43px 20px 30px;
  3661. }
  3662. .cart-shiping-update>a,
  3663. .cart-shiping-update>button,
  3664. .cart-clear>a {
  3665. background-color: #d8d8d8;
  3666. border-radius: 5px;
  3667. color: #000101;
  3668. display: inline-block;
  3669. font-weight: 600;
  3670. line-height: 1;
  3671. padding: 16px 27px;
  3672. text-transform: uppercase;
  3673. }
  3674. .cart-shiping-update>button {
  3675. border: medium none;
  3676. cursor: pointer;
  3677. margin-left: 16px;
  3678. transition: all .3s ease 0s;
  3679. }
  3680. .cart-shiping-update>a:hover,
  3681. .cart-shiping-update>button:hover,
  3682. .cart-clear>a:hover {
  3683. background-color: #7e4c4f;
  3684. color: #fff;
  3685. }
  3686. .cart-tax,
  3687. .discount-code-wrapper,
  3688. .grand-totall {
  3689. background-color: #fff;
  3690. border: 1px solid #eaeaea;
  3691. margin-top: 50px;
  3692. padding: 20px;
  3693. }
  3694. .cart-bottom-title {
  3695. border-bottom: 1px solid #eaeaea;
  3696. font-size: 15px;
  3697. font-weight: 600;
  3698. padding-bottom: 13px;
  3699. text-transform: uppercase;
  3700. }
  3701. .tax-wrapper>p {
  3702. color: #454545;
  3703. font-size: 15px;
  3704. letter-spacing: 0.2px;
  3705. margin: 24px 0 0;
  3706. }
  3707. .tax-select select,
  3708. .tax-select input,
  3709. .discount-code input {
  3710. -moz-appearance: none;
  3711. -webkit-appearance: none;
  3712. background: #fff none repeat scroll 0 0;
  3713. border: 1px solid #eaeaea;
  3714. box-shadow: none;
  3715. color: #626262;
  3716. font-size: 14px;
  3717. height: 32px;
  3718. padding-left: 10px;
  3719. width: 196px;
  3720. }
  3721. .tax-select select {
  3722. background: #fff url("../../assets/img/icon-img/cart-select.png") no-repeat scroll right 10px center;
  3723. cursor: pointer;
  3724. }
  3725. .tax-select>label {
  3726. color: #454545;
  3727. font-size: 15px;
  3728. letter-spacing: 0.2px;
  3729. margin: 0;
  3730. width: 125px;
  3731. }
  3732. .tax-select {
  3733. margin-bottom: 20px;
  3734. }
  3735. .tax-select-wrapper {
  3736. margin: 15px 0 0;
  3737. }
  3738. button.cart-btn-2,
  3739. .grand-totall>a {
  3740. background-color: #d8d8d8;
  3741. border: medium none;
  3742. border-radius: 5px;
  3743. color: #000101;
  3744. cursor: pointer;
  3745. display: inline-block;
  3746. font-size: 14px;
  3747. font-weight: 600;
  3748. line-height: 1;
  3749. margin: 5px 0 0;
  3750. padding: 12px 20px 15px;
  3751. text-transform: uppercase;
  3752. transition: all 0.3s ease 0s;
  3753. }
  3754. .grand-totall>a {
  3755. padding: 14px 20px 15px;
  3756. }
  3757. button.cart-btn-2:hover,
  3758. .grand-totall>a:hover {
  3759. color: #fff;
  3760. background-color: #7e4c4f;
  3761. }
  3762. .discount-code input {
  3763. height: 42px;
  3764. margin-bottom: 15px;
  3765. width: 100%;
  3766. }
  3767. .discount-code>p {
  3768. color: #454545;
  3769. font-size: 15px;
  3770. margin: 23px 0 13px;
  3771. }
  3772. .grand-totall>span {
  3773. border-bottom: 1px solid #eaeaea;
  3774. color: #454545;
  3775. display: block;
  3776. font-size: 15px;
  3777. margin-bottom: 18px;
  3778. padding-bottom: 14px;
  3779. }
  3780. .grand-totall h5 {
  3781. font-size: 17px;
  3782. font-weight: 600;
  3783. margin: 0 0 16px;
  3784. }
  3785. .grand-totall>p {
  3786. color: #454545;
  3787. margin: 12px 0 0;
  3788. }
  3789. .product-wishlist-cart > a {
  3790. background-color: #7e4c4f;
  3791. border-radius: 3px;
  3792. color: #fff;
  3793. font-size: 13px;
  3794. font-weight: 500;
  3795. line-height: 1;
  3796. padding: 7px 10px;
  3797. text-transform: uppercase;
  3798. }
  3799. .product-wishlist-cart > a:hover {
  3800. background-color: #242424;
  3801. }
  3802. /*------------------------
  3803. 8. Checkout page
  3804. --------------------------*/
  3805. h5.panel-title {
  3806. background-color: #fff;
  3807. border: 1px solid #e7e7e7;
  3808. color: #333;
  3809. font-size: 14px;
  3810. font-weight: 600;
  3811. margin: 0 0 30px;
  3812. position: relative;
  3813. text-transform: uppercase;
  3814. }
  3815. h5.panel-title a {
  3816. color: #333;
  3817. display: block;
  3818. padding: 12px 55px;
  3819. position: relative;
  3820. }
  3821. h5.panel-title a:hover {
  3822. color: #7e4c4f;
  3823. }
  3824. h5.panel-title a::before {
  3825. color: #666666;
  3826. content: "";
  3827. display: inline-block;
  3828. font-family: "themify";
  3829. font-size: 12px;
  3830. position: absolute;
  3831. right: 10px;
  3832. top: 14px;
  3833. }
  3834. h5.panel-title a.collapsed::after {
  3835. color: #666666;
  3836. content: "";
  3837. display: inline-block;
  3838. font-family: "themify";
  3839. font-size: 12px;
  3840. position: absolute;
  3841. right: 10px;
  3842. top: 14px;
  3843. }
  3844. h5.panel-title a.collapsed::before {
  3845. display: none;
  3846. }
  3847. h5.panel-title span {
  3848. background-color: #7e4c4f;
  3849. color: #fff;
  3850. font-size: 15px;
  3851. height: 42px;
  3852. left: 0;
  3853. line-height: 42px;
  3854. position: absolute;
  3855. text-align: center;
  3856. top: 0;
  3857. width: 42px;
  3858. }
  3859. .checkout-register,
  3860. .checkout-login {
  3861. background-color: #fff;
  3862. border: 1px solid #eaeaea;
  3863. overflow: hidden;
  3864. padding: 20px 15px;
  3865. }
  3866. .checkout-sub-title {
  3867. border-bottom: 1px solid #eaeaea;
  3868. font-size: 14px;
  3869. font-weight: bold;
  3870. margin: 0;
  3871. padding-bottom: 15px;
  3872. text-transform: uppercase;
  3873. }
  3874. .checkout-register>p {
  3875. color: #888888;
  3876. margin: 13px 0 9px;
  3877. }
  3878. .checkout-register label {
  3879. color: #454545;
  3880. font-size: 14px;
  3881. letter-spacing: 0.2px;
  3882. margin: 0 0 10px;
  3883. }
  3884. .checkout-register form input {
  3885. background: transparent none repeat scroll 0 0;
  3886. border: 1px solid #eaeaea;
  3887. border-radius: 5px;
  3888. color: #626262;
  3889. height: 40px;
  3890. padding-left: 10px;
  3891. margin: 0 0 20px;
  3892. width: 100%;
  3893. }
  3894. .checkout-btn,
  3895. .billing-btn>button {
  3896. background-color: #d8d8d8;
  3897. border: medium none;
  3898. border-radius: 50px;
  3899. color: #000101;
  3900. cursor: pointer;
  3901. font-weight: 600;
  3902. line-height: 1;
  3903. padding: 13px 20px;
  3904. text-transform: uppercase;
  3905. transition: all 0.3s ease 0s;
  3906. }
  3907. .checkout-btn:hover,
  3908. .billing-btn>button:hover {
  3909. background-color: #7e4c4f;
  3910. color: #fff;
  3911. }
  3912. .checkout-login>form {
  3913. margin-top: 22px;
  3914. }
  3915. .login-form input {
  3916. background: transparent none repeat scroll 0 0;
  3917. border: 1px solid #eaeaea;
  3918. border-radius: 5px;
  3919. height: 40px;
  3920. padding-left: 10px;
  3921. width: 277px;
  3922. }
  3923. .login-form label {
  3924. color: #454545;
  3925. font-size: 14px;
  3926. width: 105px;
  3927. }
  3928. .login-form {
  3929. margin-bottom: 20px;
  3930. }
  3931. .login-forget {
  3932. float: right;
  3933. }
  3934. .login-forget>a {
  3935. border-bottom: 1px solid #7e4c4f;
  3936. color: #7e4c4f;
  3937. margin-left: 38px;
  3938. }
  3939. .login-forget>a:hover {
  3940. color: #454545;
  3941. border-bottom: 1px solid #454545;
  3942. }
  3943. .login-forget .checkout-btn,
  3944. .billing-btn>button {
  3945. padding: 13px 23px;
  3946. }
  3947. .panel-body {
  3948. margin-bottom: 50px;
  3949. }
  3950. .checkout-progress>h4 {
  3951. background-color: #7e4c4f;
  3952. color: #ffffff;
  3953. font-size: 15px;
  3954. font-weight: bold;
  3955. letter-spacing: 0.2px;
  3956. margin: 0;
  3957. padding: 14px 10px 15px;
  3958. text-align: center;
  3959. text-transform: uppercase;
  3960. }
  3961. .checkout-progress {
  3962. background-color: #fff;
  3963. border: 1px solid #7e4c4f;
  3964. }
  3965. .checkout-progress>ul {
  3966. padding: 16px 14px 18px;
  3967. }
  3968. .checkout-progress li {
  3969. border-bottom: 1px solid #eaeaea;
  3970. color: #454545;
  3971. font-size: 15px;
  3972. list-style: outside none none;
  3973. margin-bottom: 14px;
  3974. padding-bottom: 12px;
  3975. padding-left: 27px;
  3976. position: relative;
  3977. }
  3978. .checkout-progress li:last-child {
  3979. border-bottom: 0px solid #eaeaea;
  3980. padding-bottom: 0px;
  3981. margin-bottom: 0px;
  3982. }
  3983. .checkout-progress li::before {
  3984. color: #454545;
  3985. content: "";
  3986. display: inline-block;
  3987. font-family: "themify";
  3988. font-size: 14px;
  3989. left: 0;
  3990. position: absolute;
  3991. top: 1px;
  3992. }
  3993. .billing-information-wrapper,
  3994. .shipping-information-wrapper,
  3995. .shipping-method-wrapper,
  3996. .payment-info-wrapper,
  3997. .order-review-wrapper {
  3998. background-color: #fff;
  3999. padding: 30px 20px;
  4000. border: 1px solid #eaeaea;
  4001. }
  4002. .billing-info>label {
  4003. color: #242424;
  4004. font-size: 14px;
  4005. text-transform: capitalize;
  4006. }
  4007. .billing-info input,
  4008. .billing-select select {
  4009. background: transparent none repeat scroll 0 0;
  4010. border: 1px solid #eaeaea;
  4011. color: #555;
  4012. height: 40px;
  4013. border-radius: 5px;
  4014. padding: 0 10px;
  4015. }
  4016. .billing-select select {
  4017. -moz-appearance: none;
  4018. -webkit-appearance: none;
  4019. background: #fff url("../../assets/img/icon-img/shop.png") no-repeat scroll right 10px center;
  4020. cursor: pointer;
  4021. }
  4022. .billing-info {
  4023. margin-bottom: 20px;
  4024. }
  4025. .single-ship>input {
  4026. display: inline-block;
  4027. float: left;
  4028. height: inherit;
  4029. margin-right: 10px;
  4030. margin-top: 5px;
  4031. width: inherit;
  4032. }
  4033. .single-ship label {
  4034. color: #454545;
  4035. }
  4036. .single-ship {
  4037. margin-bottom: 5px;
  4038. }
  4039. .ship-wrapper {
  4040. margin-top: 20px;
  4041. }
  4042. .billing-back-btn {
  4043. display: flex;
  4044. justify-content: space-between;
  4045. margin-top: 26px;
  4046. }
  4047. .billing-back>a {
  4048. display: inline-block;
  4049. font-size: 15px;
  4050. margin-top: 7px;
  4051. text-transform: uppercase;
  4052. }
  4053. .billing-back>a:hover {
  4054. color: #7e4c4f;
  4055. }
  4056. .billing-back>a i {
  4057. font-size: 18px;
  4058. color: #7e4c4f;
  4059. }
  4060. .shipping-info-2>span {
  4061. display: block;
  4062. font-size: 15px;
  4063. margin-bottom: 9px;
  4064. }
  4065. .shipping-information-wrapper>span:last-child {
  4066. margin-bottom: 0px;
  4067. }
  4068. .shipping-info-2 {
  4069. margin-bottom: 10px;
  4070. }
  4071. .shipping-method>p {
  4072. color: #454545;
  4073. font-size: 15px;
  4074. margin: 0 0 5px;
  4075. }
  4076. .expiration-date {
  4077. margin-bottom: 20px;
  4078. }
  4079. .order-review table thead tr th {
  4080. border: 1px solid #eaeaea;
  4081. color: #454545;
  4082. font-size: 15px;
  4083. font-weight: bold;
  4084. padding: 10px;
  4085. text-align: center;
  4086. text-transform: capitalize;
  4087. }
  4088. .o-pro-dec p {
  4089. color: #454545;
  4090. font-size: 15px;
  4091. font-weight: 400;
  4092. margin: 0;
  4093. }
  4094. .order-review table tbody tr td {
  4095. border: 1px solid #eaeaea;
  4096. }
  4097. .o-pro-price,
  4098. .o-pro-qty,
  4099. .o-pro-subtotal {
  4100. text-align: center;
  4101. }
  4102. .o-pro-price p,
  4103. .o-pro-qty p,
  4104. .o-pro-subtotal p {
  4105. color: #454545;
  4106. letter-spacing: 0.2px;
  4107. font-size: 15px;
  4108. }
  4109. .order-review table tfoot {
  4110. margin-top: 20px;
  4111. }
  4112. .order-review table tfoot tr {
  4113. border-bottom: 0 solid #f2f2f2;
  4114. }
  4115. .order-review table tfoot tr td {
  4116. border-right: 0 solid #f2f2f2;
  4117. border-top: 0 solid #f2f2f2;
  4118. color: #454545;
  4119. font-size: 16px;
  4120. padding: 6px 5px 2px;
  4121. text-align: right;
  4122. }
  4123. .billing-back-btn>span {
  4124. color: #454545;
  4125. font-size: 14px;
  4126. margin-top: 10px;
  4127. }
  4128. .billing-back-btn>span a {
  4129. color: #7e4c4f;
  4130. }
  4131. .billing-back-btn>span a:hover {
  4132. text-decoration: underline;
  4133. }
  4134. .edit-address>a {
  4135. display: inline-block;
  4136. font-size: 15px;
  4137. font-weight: 400;
  4138. margin-bottom: 20px;
  4139. text-transform: uppercase;
  4140. }
  4141. .edit-address>a:hover {
  4142. color: #7e4c4f;
  4143. }
  4144. /*------------------------
  4145. 9. My account
  4146. --------------------------*/
  4147. .account-info-wrapper>h4 {
  4148. font-size: 18px;
  4149. margin: 0;
  4150. text-transform: uppercase;
  4151. }
  4152. .account-info-wrapper>h5 {
  4153. font-size: 16px;
  4154. letter-spacing: 0.2px;
  4155. margin-top: 7px;
  4156. }
  4157. .account-info-wrapper {
  4158. border-bottom: 1px solid #eaeaea;
  4159. margin-bottom: 28px;
  4160. padding-bottom: 30px;
  4161. }
  4162. .entries-wrapper {
  4163. border: 1px solid #eaeaea;
  4164. position: relative;
  4165. }
  4166. .entries-wrapper:before {
  4167. position: absolute;
  4168. content: "";
  4169. height: 100%;
  4170. width: 1px;
  4171. left: 50%;
  4172. top: 0;
  4173. background-color: #eaeaea;
  4174. }
  4175. .entries-info {
  4176. padding: 30px 20px;
  4177. }
  4178. .entries-info>p {
  4179. color: #454545;
  4180. font-size: 15px;
  4181. margin: 0;
  4182. text-transform: capitalize;
  4183. }
  4184. .entries-edit-delete>a {
  4185. background-color: #454545;
  4186. border-radius: 5px;
  4187. color: #fff;
  4188. display: inline-block;
  4189. letter-spacing: 0.2px;
  4190. line-height: 1;
  4191. margin: 0 2px;
  4192. padding: 12px 15px;
  4193. text-transform: uppercase;
  4194. }
  4195. .entries-edit-delete>a.edit {
  4196. background-color: #df5c39;
  4197. }
  4198. .entries-edit-delete>a:hover,
  4199. .entries-edit-delete>a.edit:hover {
  4200. background-color: #7e4c4f;
  4201. }
  4202. /*------------------------
  4203. 10. Login register page
  4204. --------------------------*/
  4205. .login-form-container {
  4206. background: transparent none repeat scroll 0 0;
  4207. box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  4208. padding: 80px;
  4209. text-align: left;
  4210. }
  4211. .login-text {
  4212. margin-bottom: 30px;
  4213. text-align: center;
  4214. }
  4215. .login-text h2 {
  4216. color: #444;
  4217. font-size: 30px;
  4218. margin-bottom: 5px;
  4219. text-transform: capitalize;
  4220. }
  4221. .login-text span {
  4222. font-size: 15px;
  4223. }
  4224. .login-form-container input {
  4225. background-color: transparent;
  4226. border: 1px solid #eaeaea;
  4227. color: #333;
  4228. font-size: 14px;
  4229. height: 50px;
  4230. margin-bottom: 30px;
  4231. padding: 0 15px;
  4232. }
  4233. .login-form-container input::-moz-placeholder {
  4234. color: #666;
  4235. opacity: 1;
  4236. }
  4237. .login-form-container input::-webkit-input-placeholder {
  4238. color: #666;
  4239. opacity: 1;
  4240. }
  4241. .login-toggle-btn {
  4242. padding: 10px 0 19px;
  4243. }
  4244. .login-form-container input[type="checkbox"] {
  4245. height: 15px;
  4246. margin: 0;
  4247. position: relative;
  4248. top: 1px;
  4249. width: 17px;
  4250. }
  4251. .login-form-container label {
  4252. color: #454545;
  4253. font-size: 15px;
  4254. font-weight: 400;
  4255. }
  4256. .login-toggle-btn>a {
  4257. color: #454545;
  4258. float: right;
  4259. font-size: 15px;
  4260. transition: all 0.3s ease 0s;
  4261. }
  4262. .login-toggle-btn>a:hover {
  4263. color: #7e4c4f;
  4264. }
  4265. .login-register-tab-list {
  4266. display: flex;
  4267. justify-content: center;
  4268. margin-bottom: 40px;
  4269. }
  4270. .login-register-tab-list.nav a h4 {
  4271. font-size: 25px;
  4272. font-weight: 700;
  4273. margin: 0 20px;
  4274. text-transform: capitalize;
  4275. transition: all 0.3s ease 0s;
  4276. }
  4277. .login-register-tab-list.nav a {
  4278. position: relative;
  4279. }
  4280. .login-register-tab-list.nav a::before {
  4281. background-color: #454545;
  4282. bottom: 5px;
  4283. content: "";
  4284. height: 18px;
  4285. margin: 0 auto;
  4286. position: absolute;
  4287. right: -2px;
  4288. transition: all 0.4s ease 0s;
  4289. width: 1px;
  4290. }
  4291. .login-register-tab-list.nav a:last-child::before {
  4292. display: none;
  4293. }
  4294. .login-register-tab-list.nav a.active h4,
  4295. .login-register-tab-list.nav a h4:hover {
  4296. color: #7e4c4f;
  4297. }
  4298. .login-form button {
  4299. border: medium none;
  4300. cursor: pointer;
  4301. }
  4302. .button-box button {
  4303. background-color: #d8d8d8;
  4304. border: medium none;
  4305. border-radius: 50px;
  4306. color: #000101;
  4307. cursor: pointer;
  4308. font-weight: 600;
  4309. line-height: 1;
  4310. padding: 13px 30px;
  4311. text-transform: uppercase;
  4312. transition: all 0.3s ease 0s;
  4313. }
  4314. .button-box button:hover {
  4315. background-color: #7e4c4f;
  4316. color: #fff;
  4317. }
  4318. /*------------------------
  4319. 11. Contact page
  4320. --------------------------*/
  4321. #map {
  4322. height: 500px;
  4323. width: 100%;
  4324. }
  4325. .contact-info-wrapper {
  4326. background-color: #fff;
  4327. border: 1px solid #eaeaea;
  4328. overflow: hidden;
  4329. padding: 40px 15px 34px;
  4330. }
  4331. .contact-info-icon i {
  4332. border: 2px solid #7e4c4f;
  4333. border-radius: 50px;
  4334. color: #7e4c4f;
  4335. display: inline-block;
  4336. font-size: 30px;
  4337. height: 60px;
  4338. line-height: 55px;
  4339. transition: all 0.3s ease 0s;
  4340. width: 60px;
  4341. }
  4342. .contact-info-wrapper:hover .contact-info-icon i {
  4343. border: 2px solid #7e4c4f;
  4344. background-color: #7e4c4f;
  4345. color: #fff;
  4346. }
  4347. .contact-info-content h4 {
  4348. color: #424242;
  4349. font-size: 18px;
  4350. font-weight: 600;
  4351. margin-bottom: 10px;
  4352. }
  4353. .contact-info-content p {
  4354. color: #666;
  4355. font-size: 15px;
  4356. font-weight: 400;
  4357. margin-bottom: 3px;
  4358. }
  4359. .contact-info-content p a {
  4360. color: #666;
  4361. }
  4362. .contact-info-content p a:hover {
  4363. color: #7e4c4f;
  4364. }
  4365. .contact-info-icon {
  4366. margin-bottom: 20px;
  4367. }
  4368. .contact-message-wrapper {
  4369. margin-top: 40px;
  4370. margin-bottom: 70px;
  4371. }
  4372. .contact-form-style input,
  4373. .contact-form-style textarea {
  4374. background: #fff none repeat scroll 0 0;
  4375. border: 1px solid #eaeaea;
  4376. color: #454545;
  4377. height: 45px;
  4378. padding-left: 20px;
  4379. font-size: 14px;
  4380. }
  4381. .contact-form-style input::-moz-placeholder,
  4382. .contact-form-style textarea::-moz-placeholder {
  4383. color: #454545;
  4384. opacity: 1;
  4385. }
  4386. .contact-form-style input::-webkit-placeholder,
  4387. .contact-form-style textarea::-webkit-placeholder {
  4388. color: #454545;
  4389. opacity: 1;
  4390. }
  4391. .contact-form-style textarea {
  4392. height: 250px;
  4393. padding: 20px 20px;
  4394. }
  4395. .submit.btn-style {
  4396. background-color: #7e4c4f;
  4397. border: medium none;
  4398. cursor: pointer;
  4399. margin-top: 30px;
  4400. color: #fff;
  4401. font-weight: 600;
  4402. }
  4403. .submit.btn-style:hover {
  4404. background-color: #242424;
  4405. }
  4406. .contact-title {
  4407. font-size: 20px;
  4408. font-weight: bold;
  4409. margin: 0px 0 20px;
  4410. }
  4411. /*------------------------
  4412. 12. Blog page
  4413. --------------------------*/
  4414. .single-recent-post {
  4415. display: flex;
  4416. }
  4417. .recent-post-img {
  4418. flex: 0 0 90px;
  4419. }
  4420. .recent-post-content {
  4421. margin: 0px 0 0 15px;
  4422. }
  4423. .recent-post-content > h4 {
  4424. font-size: 14px;
  4425. font-weight: 600;
  4426. line-height: 20px;
  4427. margin: 0 0 5px;
  4428. }
  4429. .recent-post-content>h4 a:hover {
  4430. color: #7e4c4f;
  4431. }
  4432. .recent-post-content>span {
  4433. color: #8c8c8c;
  4434. font-weight: 600;
  4435. }
  4436. .recent-post-img img {
  4437. width: 100%;
  4438. }
  4439. /*------------------------
  4440. 13. Blog details
  4441. --------------------------*/
  4442. .dec-img>img {
  4443. width: 100%;
  4444. }
  4445. .blog-details-content>h2 {
  4446. font-size: 30px;
  4447. font-weight: bold;
  4448. text-transform: capitalize;
  4449. }
  4450. .single-blog-wrapper>p {
  4451. font-size: 14px;
  4452. margin: 0;
  4453. }
  4454. blockquote.importent-title {
  4455. margin: 35px 0;
  4456. }
  4457. .importent-title > h4 {
  4458. font-size: 20px;
  4459. font-style: italic;
  4460. font-weight: 600;
  4461. line-height: 32px;
  4462. margin: 0;
  4463. }
  4464. .dec-img-wrapper {
  4465. margin: 50px 0;
  4466. }
  4467. .blog-dec-tags ul li {
  4468. display: inline-block;
  4469. position: relative;
  4470. }
  4471. .blog-dec-tags ul li::after {
  4472. background-color: #6d6d6d;
  4473. content: "";
  4474. font-size: 8px;
  4475. height: 12px;
  4476. position: absolute;
  4477. right: 6px;
  4478. top: 7px;
  4479. transform: rotate(20deg);
  4480. width: 1.5px;
  4481. }
  4482. .blog-dec-tags ul li a {
  4483. color: #444;
  4484. font-size: 16px;
  4485. margin-right: 18px;
  4486. text-transform: capitalize;
  4487. }
  4488. .blog-dec-tags ul li a:hover,
  4489. .blog-dec-social ul li a:hover {
  4490. color: #7e4c4f;
  4491. }
  4492. .blog-dec-tags-social {
  4493. border-bottom: 2px solid #f6f6f6;
  4494. display: flex;
  4495. justify-content: space-between;
  4496. margin-top: 52px;
  4497. padding-bottom: 10px;
  4498. }
  4499. .blog-dec-social {
  4500. display: flex;
  4501. }
  4502. .blog-dec-social>span {
  4503. color: #444;
  4504. font-size: 16px;
  4505. font-weight: bold;
  4506. margin-top: 0px;
  4507. text-transform: capitalize;
  4508. }
  4509. .blog-dec-social ul li {
  4510. display: inline-block;
  4511. margin-left: 14px;
  4512. }
  4513. .blog-dec-social ul li a {
  4514. color: #333333;
  4515. font-size: 15px;
  4516. }
  4517. .blog-dec-title {
  4518. color: #444;
  4519. font-size: 20px;
  4520. font-weight: bold;
  4521. margin: 0;
  4522. text-transform: capitalize;
  4523. }
  4524. .single-comment-wrapper {
  4525. display: flex;
  4526. }
  4527. .blog-comment-img {
  4528. flex: 0 0 135px;
  4529. margin-right: 28px;
  4530. }
  4531. .blog-comment-img > img {
  4532. width: 100%;
  4533. }
  4534. .blog-comment-content>h4 {
  4535. color: #444;
  4536. font-size: 16px;
  4537. font-weight: 600;
  4538. margin: 0;
  4539. }
  4540. .blog-comment-content>span {
  4541. color: #444;
  4542. display: block;
  4543. font-size: 15px;
  4544. margin: 6px 0 8px;
  4545. }
  4546. .blog-comment-content>p {
  4547. font-size: 14px;
  4548. margin: 0 0 8px;
  4549. }
  4550. .blog-details-btn a {
  4551. color: #444;
  4552. font-size: 15px;
  4553. font-weight: bold;
  4554. text-transform: capitalize;
  4555. }
  4556. .blog-details-btn a:hover {
  4557. color: #7e4c4f;
  4558. }
  4559. .blog-reply-wrapper>form {
  4560. margin-top: 50px;
  4561. }
  4562. .leave-form {
  4563. margin-bottom: 30px;
  4564. }
  4565. .blog-reply-wrapper form input,
  4566. .blog-reply-wrapper form textarea {
  4567. background: #f7f7f7 none repeat scroll 0 0;
  4568. border: medium none;
  4569. color: #333;
  4570. font-size: 14px;
  4571. height: 50px;
  4572. padding: 2px 20px;
  4573. }
  4574. .blog-reply-wrapper form input::-moz-placeholder,
  4575. .blog-reply-wrapper form textarea::-moz-placeholder {
  4576. color: #333;
  4577. opacity: 1;
  4578. }
  4579. .blog-reply-wrapper form textarea {
  4580. height: 235px;
  4581. padding: 25px 20px;
  4582. }
  4583. .blog-reply-wrapper form .text-leave input {
  4584. background-color: #7e4c4f;
  4585. border-radius: 50px;
  4586. color: #fff;
  4587. cursor: pointer;
  4588. display: inline-block;
  4589. font-weight: 600;
  4590. height: inherit;
  4591. margin-top: 40px;
  4592. padding: 14px 30px 13px;
  4593. width: inherit;
  4594. }
  4595. .blog-reply-wrapper form .text-leave input:hover {
  4596. background-color: #000;
  4597. }
  4598. .blog-dec-tags ul li:last-child::after {
  4599. display: none;
  4600. }