demo23.xml 32 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060
  1. <root>
  2. <config>
  3. <web>
  4. <default>
  5. <cms_home_page>porto_home_23</cms_home_page>
  6. <cms_no_route>no-route-2</cms_no_route>
  7. </default>
  8. </web>
  9. <cms>
  10. <wysiwyg>
  11. <enabled>hidden</enabled>
  12. </wysiwyg>
  13. </cms>
  14. <design>
  15. <header>
  16. <logo_width></logo_width>
  17. <logo_height></logo_height>
  18. <logo_src>default/logo_grey_italic.png</logo_src>
  19. </header>
  20. </design>
  21. <dev>
  22. <js>
  23. <merge_files>1</merge_files>
  24. </js>
  25. </dev>
  26. <porto_settings>
  27. <general>
  28. <boxed>wide</boxed>
  29. <layout>1140</layout>
  30. <disable_border_radius>1</disable_border_radius>
  31. <show_site_notice>1</show_site_notice>
  32. <custom_notice_block>porto_custom_notice_23</custom_notice_block>
  33. </general>
  34. <header>
  35. <header_type>21</header_type>
  36. <new_skin>1</new_skin>
  37. <static_block>porto_custom_block_for_header_21</static_block>
  38. <sticky_header>1</sticky_header>
  39. <sticky_header_logo></sticky_header_logo>
  40. <sticky_header_logo_src></sticky_header_logo_src>
  41. <language_flag>1</language_flag>
  42. <currency_short>1</currency_short>
  43. </header>
  44. <footer>
  45. <footer_newsletter_title><![CDATA[Newsletter]]></footer_newsletter_title>
  46. <footer_newsletter_text><![CDATA[Get all the latest information on Events,<br/>Sales and Offers. Sign up for newsletter today.]]></footer_newsletter_text>
  47. <footer_top>0</footer_top>
  48. <footer_top_block>custom</footer_top_block>
  49. <footer_top_custom></footer_top_custom>
  50. <footer_middle>1</footer_middle>
  51. <footer_ribbon>0</footer_ribbon>
  52. <footer_ribbon_text>Ribbon Text</footer_ribbon_text>
  53. <footer_middle_column_1>custom</footer_middle_column_1>
  54. <footer_middle_column_1_custom>porto_footer_middle_1_for_23</footer_middle_column_1_custom>
  55. <footer_middle_column_1_size>3</footer_middle_column_1_size>
  56. <footer_middle_column_2>custom</footer_middle_column_2>
  57. <footer_middle_column_2_custom>porto_footer_middle_2_for_23</footer_middle_column_2_custom>
  58. <footer_middle_column_2_size>3</footer_middle_column_2_size>
  59. <footer_middle_column_3>custom</footer_middle_column_3>
  60. <footer_middle_column_3_custom>porto_footer_middle_3_for_23</footer_middle_column_3_custom>
  61. <footer_middle_column_3_size>3</footer_middle_column_3_size>
  62. <footer_middle_column_4>newsletter</footer_middle_column_4>
  63. <footer_middle_column_4_custom></footer_middle_column_4_custom>
  64. <footer_middle_column_4_size>3</footer_middle_column_4_size>
  65. <footer_middle_2>0</footer_middle_2>
  66. <footer_middle_2_column_1>custom</footer_middle_2_column_1>
  67. <footer_middle_2_column_1_custom>porto_footer_links</footer_middle_2_column_1_custom>
  68. <footer_middle_2_column_1_size>3</footer_middle_2_column_1_size>
  69. <footer_middle_2_column_2>custom</footer_middle_2_column_2>
  70. <footer_middle_2_column_2_custom>porto_footer_links</footer_middle_2_column_2_custom>
  71. <footer_middle_2_column_2_size>3</footer_middle_2_column_2_size>
  72. <footer_middle_2_column_3>custom</footer_middle_2_column_3>
  73. <footer_middle_2_column_3_custom>porto_footer_links</footer_middle_2_column_3_custom>
  74. <footer_middle_2_column_3_size>3</footer_middle_2_column_3_size>
  75. <footer_middle_2_column_4>custom</footer_middle_2_column_4>
  76. <footer_middle_2_column_4_custom>porto_footer_links</footer_middle_2_column_4_custom>
  77. <footer_middle_2_column_4_size>3</footer_middle_2_column_4_size>
  78. <footer_bottom>1</footer_bottom>
  79. <footer_store_switcher>0</footer_store_switcher>
  80. <footer_logo_src></footer_logo_src>
  81. <footer_bottom_copyrights><![CDATA[&copy; Porto eCommerce. 2020. All Rights Reserved]]></footer_bottom_copyrights>
  82. <footer_bottom_custom_1></footer_bottom_custom_1>
  83. <footer_bottom_custom_2>porto_footer_bottom_custom_block_23</footer_bottom_custom_2>
  84. </footer>
  85. <category>
  86. <alternative_image>1</alternative_image>
  87. <aspect_ratio>1</aspect_ratio>
  88. <ratio_width>300</ratio_width>
  89. <ratio_height>300</ratio_height>
  90. <rating_star>1</rating_star>
  91. <product_price>1</product_price>
  92. <actions>1</actions>
  93. <addtocompare>1</addtocompare>
  94. <addtowishlist>1</addtowishlist>
  95. <page_layout>2columns-left</page_layout>
  96. <category_description>full_width</category_description>
  97. <side_custom_block></side_custom_block>
  98. </category>
  99. <category_grid>
  100. <product_type>3</product_type>
  101. <columns>4</columns>
  102. </category_grid>
  103. <product>
  104. <product_image_size>6</product_image_size>
  105. <side_custom_block></side_custom_block>
  106. <main_custom_block></main_custom_block>
  107. <main_custom_block2></main_custom_block2>
  108. <move_addtolinks>0</move_addtolinks>
  109. <move_upsell_full>0</move_upsell_full>
  110. <page_layout>1column</page_layout>
  111. <tab_full_background>0</tab_full_background>
  112. <custom_block_next_tab></custom_block_next_tab>
  113. <upsell_columns>5</upsell_columns>
  114. <move_upsell>0</move_upsell>
  115. </product>
  116. <newsletter>
  117. <logo_src>default/logo_black.png</logo_src>
  118. </newsletter>
  119. <contacts>
  120. <enable>1</enable>
  121. <full_width>0</full_width>
  122. <address>Porto2 Store</address>
  123. <latitude>-34.398</latitude>
  124. <longitude>150.884</longitude>
  125. <zoom>18</zoom>
  126. <infoblock><![CDATA[<div class="row">
  127. <div class="col-md-12">
  128. <i class="porto-icon-phone"></i>
  129. <p>0201 203 2032</p>
  130. <p>0201 203 2032</p>
  131. </div>
  132. </div>
  133. <div class="row">
  134. <div class="col-md-12">
  135. <i class="porto-icon-mobile"></i>
  136. <p>201-123-3922</p>
  137. <p>302-123-3928</p>
  138. </div>
  139. </div>
  140. <div class="row">
  141. <div class="col-md-12">
  142. <i class="porto-icon-mail-alt"></i>
  143. <p>porto@gmail.com</p>
  144. <p>porto@portotemplate.com</p>
  145. </div>
  146. </div>
  147. <div class="row">
  148. <div class="col-md-12">
  149. <i class="porto-icon-skype"></i>
  150. <p>porto_skype</p>
  151. <p>proto_template</p>
  152. </div>
  153. </div>]]></infoblock>
  154. <customblock></customblock>
  155. </contacts>
  156. <custom_settings>
  157. <custom_google_fonts><![CDATA[@import url("https://fonts.googleapis.com/css/?family=Nanum+Brush+Script:400");]]></custom_google_fonts>
  158. <custom_style><![CDATA[body {
  159. letter-spacing: 0.2px;
  160. }
  161. @media (min-width: 1220px) {
  162. .navigation, .page-wrapper > .breadcrumbs, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main, .container, .page-wrapper > .breadcrumbs .items {
  163. max-width: 1200px;
  164. padding-left: 10px;
  165. padding-right: 10px;
  166. }
  167. }
  168. .products-grid .product-item-details .product-item-actions .tocart {
  169. text-transform: uppercase;
  170. font-size: 12.53px;
  171. font-family: 'Oswald';
  172. font-weight: 400;
  173. letter-spacing: 0.025em;
  174. color: #6f6e6c;
  175. line-height: 30px;
  176. background-color: #f4f4f4;
  177. border-color: #f4f4f4;
  178. }
  179. .product-item .tocart:before {
  180. content: '\e87f';
  181. font-size: 17px;
  182. vertical-align: middle;
  183. }
  184. .product-social-links .action.towishlist:before, .product-addto-links .action.towishlist:before, .block-bundle-summary .action.towishlist:before, .product-item .action.towishlist:before, .table-comparison .action.towishlist:before {
  185. content: '\e889';
  186. }
  187. @media (min-width: 1200px) {
  188. .products-grid.columns6 {
  189. margin-left: -10px;
  190. margin-right: -10px;
  191. }
  192. .products-grid.columns6 .product-item {
  193. padding: 10px;
  194. }
  195. }
  196. .filterproduct-title {
  197. background: none;
  198. border-bottom: 1px solid rgba(0,0,0,0.08);
  199. margin-bottom: 24px;
  200. }
  201. .filterproduct-title .content strong {
  202. font-weight: 600;
  203. }
  204. .filterproduct-title .content {
  205. padding: 0;
  206. background: transparent;
  207. text-transform: none;
  208. }
  209. .shop-by-cat-item.cat-has-icon:hover {
  210. color: #f4631b;
  211. }
  212. .footer-top .block.newsletter {
  213. width: 100%;
  214. margin: 20px 0;
  215. }
  216. .footer-top {
  217. padding: 5px 0;
  218. }
  219. .footer-top .block.newsletter input {
  220. border-radius: 30px 0 0 30px;
  221. height: 48px;
  222. padding-left: 25px;
  223. border: 0;
  224. }
  225. .footer-top .block.newsletter .control:before {
  226. display: none;
  227. }
  228. .footer-top .block.newsletter .actions button {
  229. background-color: #222529;
  230. height: 48px;
  231. text-transform: uppercase;
  232. padding: 0 25px;
  233. border-radius: 0 30px 30px 0;
  234. border: 0;
  235. }
  236. .custom-support {
  237. text-align: center;
  238. }
  239. .custom-support i {
  240. background-color: transparent;
  241. float: none;
  242. color: #f4631b;
  243. width: auto;
  244. height: auto;
  245. border-radius: 0;
  246. padding-bottom: 20px;
  247. display: inline-block;
  248. }
  249. .custom-support div.content {
  250. margin-left: 0;
  251. }
  252. .custom-support div.content>h2 {
  253. text-transform: uppercase;
  254. font-size: 16px;
  255. color: #2b2b2d;
  256. line-height: 22px;
  257. }
  258. .custom-support div.content>em {
  259. color: #465157;
  260. font-size: 14px;
  261. line-height: 22px;
  262. font-weight: 400;
  263. margin-bottom: 20px;
  264. }
  265. .custom-support div.content>p {
  266. font-size: 13px;
  267. line-height: 24px;
  268. color: #687176;
  269. }
  270. .product-item-name > a, .product.name a > a {
  271. color: #222329;
  272. }
  273. .footer .social-icons [class^="porto-icon-"] {
  274. color: #222529;
  275. font-size: 16px;
  276. }
  277. .social-icons > a {
  278. width: 30px;
  279. height: 30px;
  280. line-height: 30px;
  281. display: inline-block;
  282. text-align: center;
  283. border-radius: 20px;
  284. }
  285. .footer .social-icons a [class^="porto-icon-"] {
  286. color: inherit;
  287. }
  288. .footer .social-icons a[title="Facebook"]:hover {
  289. background-color: #3b5a9a;
  290. color: #fff;
  291. }
  292. .footer .social-icons a[title="Twitter"]:hover {
  293. background-color: #1aa9e1;
  294. color: #fff;
  295. }
  296. .footer .social-icons a[title="Linkedin"]:hover {
  297. background-color: #7c4a3a;
  298. color: #fff;
  299. }
  300. .footer-middle .social-icons a {
  301. color: #222329;
  302. transition: all .3s;
  303. margin-right: 3px;
  304. }
  305. .footer-middle {
  306. padding: 65px 0 30px;
  307. }
  308. .footer-middle .block .block-title strong {
  309. font-size: 16px;
  310. font-weight: 600;
  311. }
  312. .footer-middle ul.links li {
  313. padding: 6px 0;
  314. }
  315. .footer-middle .links a {
  316. line-height: 19px;
  317. text-decoration: none;
  318. }
  319. .footer-bottom {
  320. border-top: 1px solid #e7e7e7;
  321. padding: 16px 0;
  322. }
  323. .footer-bottom address {
  324. float: left;
  325. line-height: 42px;
  326. }
  327. .page-wrapper > .breadcrumbs {
  328. max-width: 100%;
  329. border-top: 1px solid #dfdfdf;
  330. border-bottom: 1px solid #dfdfdf;
  331. padding: 7px 0;
  332. }
  333. .page-wrapper > .breadcrumbs a, .page-wrapper > .breadcrumbs strong {
  334. text-transform: uppercase;
  335. font-weight: 700;
  336. }
  337. .page-main {
  338. padding-top: 30px;
  339. }
  340. .sidebar.sidebar-main {
  341. position: relative;
  342. }
  343. .block-category-list .block-title,.filter-options-title,.filter .filter-current-subtitle {
  344. border: none;
  345. background-color: transparent;
  346. padding: 16px 20px 4px 20px;
  347. font-size: 15px;
  348. text-transform: uppercase;
  349. font-weight: 600;
  350. color: #21293c;
  351. letter-spacing: 0.01em;
  352. }
  353. .block-category-list .block-title {
  354. padding: 0 20px 0 20px;
  355. }
  356. .block-category-list .block-title strong {
  357. font-weight: 600;
  358. }
  359. .block-category-list .block-content,.filter-options-content {
  360. border: none;
  361. background-color: transparent;
  362. padding: 10px 20px 26px 20px;
  363. border-bottom: #efefef solid 1px;
  364. position: relative;
  365. z-index: 2;
  366. border-radius: 0;
  367. }
  368. .filter-current .items {
  369. border: none;
  370. background-color: transparent;
  371. position: relative;
  372. z-index: 2;
  373. }
  374. .filter-current .item {
  375. padding-left: 20px;
  376. }
  377. .filter-current .action.remove {
  378. right: 20px;
  379. color: #21293c;
  380. }
  381. .filter-actions {
  382. border: none;
  383. background-color: transparent;
  384. border-bottom: #efefef solid 1px;
  385. position: relative;
  386. z-index: 2;
  387. padding-right: 20px;
  388. }
  389. .filter-actions a {
  390. color: #858585;
  391. }
  392. .filter-options-title:after {
  393. content: '\f882';
  394. border: none;
  395. color: #21293c;
  396. font-size: 11px;
  397. margin-top: -6px;
  398. right: 0;
  399. }
  400. .filter-options-title:hover:after {
  401. background: none;
  402. color: #21293c;
  403. }
  404. .active > .filter-options-title:after {
  405. content: '\f883';
  406. }
  407. #ln_slider_price.ui-slider-horizontal {
  408. height: 3px;
  409. box-shadow: none;
  410. }
  411. #ln_slider_price .ui-slider-handle {
  412. width: 12px;
  413. height: 12px;
  414. border-radius: 100%;
  415. }
  416. .sidebar-title {
  417. font-size: 15px;
  418. font-weight: 600;
  419. color: #21293c;
  420. letter-spacing: 0.01em;
  421. margin-bottom: 20px;
  422. padding-left:20px;
  423. padding-right: 20px;
  424. }
  425. .porto-icon-left-open-huge:before {
  426. content: '\f802';
  427. color: #21293c;
  428. }
  429. .porto-icon-right-open-huge:before {
  430. content: '\f801';
  431. color: #21293c;
  432. }
  433. .sidebar .owl-top-narrow .owl-theme .owl-controls {
  434. top: -40px;
  435. right: -7px;
  436. }
  437. .sidebar .owl-top-narrow .owl-theme .owl-controls .owl-nav div *:before {
  438. color:#21293c;
  439. }
  440. .sidebar .product-items .product-item-name a {
  441. font-size: 12px;
  442. color: #5b5b5f;
  443. font-weight: 400;
  444. }
  445. .sidebar .sidebar-filterproducts {
  446. margin-bottom: 30px;
  447. padding-bottom: 40px;
  448. background: none;
  449. border-bottom: #efefef solid 1px;
  450. }
  451. .sidebar .product-items .product-item .product-reviews-summary {
  452. display: block;
  453. }
  454. .sidebar-filterproducts.custom-block + h2 {
  455. font-size: 15px !important;
  456. text-transform: uppercase;
  457. font-weight: 600;
  458. color: #21293c !important;
  459. letter-spacing: 0.01em;
  460. padding: 0 20px;
  461. }
  462. .sidebar-filterproducts.custom-block + h2 +h5 {
  463. font-family: 'Open Sans' !important;
  464. font-weight: 600 !important;
  465. font-size: 14px !important;
  466. color: #7a7d82 !important;
  467. letter-spacing: 0.022em;
  468. padding: 0 20px;
  469. }
  470. .sidebar-filterproducts.custom-block + h2 + h5 + p {
  471. color: #21293c !important;
  472. font-size: 15px !important;
  473. letter-spacing: 0.01em;
  474. padding: 0 20px;
  475. }
  476. .sidebar .custom-block {
  477. padding: 0 20px;
  478. }
  479. .category-boxed-banner.owl-theme .owl-controls {
  480. bottom: 0;
  481. }
  482. .page-products .toolbar .limiter {
  483. display: block;
  484. }
  485. .page-with-filter .toolbar-amount {
  486. display: none;
  487. }
  488. .full-width-image-banner {
  489. height: 300px;
  490. }
  491. .full-width-image-banner:after {
  492. display: none;
  493. }
  494. .full-width-image-banner h2 {
  495. letter-spacing: -0.025em;
  496. text-transform: uppercase;
  497. }
  498. .full-width-image-banner p {
  499. font-size:18px;
  500. line-height:38px;
  501. font-weight: 700;
  502. text-transform:uppercase;
  503. }
  504. .full-width-image-banner .btn-default {
  505. font-size: 14px;
  506. line-height: 25px;
  507. letter-spacing: 0.025em;
  508. padding: 10px 20px;
  509. background-color: #010204;
  510. color: #fff;
  511. font-family: 'Oswald';
  512. text-transform: uppercase;
  513. border-radius: 2px;
  514. margin-top: 31px;
  515. }
  516. .page-products .toolbar .limiter .limiter-text {
  517. display: none;
  518. }
  519. .modes-mode.active {
  520. border: none;
  521. background: none;
  522. color: #111;
  523. }
  524. .modes-mode,.modes-mode:hover {
  525. border: none;
  526. background: none;
  527. color: #111;
  528. width: 15px;
  529. }
  530. .toolbar select {
  531. border: 1px solid #e4e4e4;
  532. height: 37px;
  533. color: #7a7d82;
  534. font-weight: 400;
  535. font-size: 14px;
  536. text-transform: capitalize;
  537. padding: 0 10px;
  538. padding-right: 30px;
  539. line-height: 31px;
  540. }
  541. .toolbar-sorter .sorter-action {
  542. margin-top: 6px;
  543. color: #21293c;
  544. }
  545. .toolbar-sorter .sorter-action:before {
  546. color: #21293c;
  547. }
  548. .pages a.page,.pages strong.page,.pages .action {
  549. width: 32px;
  550. line-height: 32px;
  551. }
  552. .products-grid + .toolbar.toolbar-products {
  553. border-top: solid 1px #efefef;
  554. padding-top: 25px;
  555. }
  556. .product-item .product-reviews-summary {
  557. background: none;
  558. }
  559. .product.name a {
  560. color: #5b5b5f;
  561. }
  562. .price-box .price {
  563. font-family: Poppins;
  564. font-size: 18px;
  565. letter-spacing: 0.2px;
  566. font-weight: 600;
  567. }
  568. .old-price .price, .old.price {
  569. font-size: 14px;
  570. }
  571. .product-label.sale-label {
  572. border-radius: 20px;
  573. color: #ffffff;
  574. }
  575. .product-label.new-label {
  576. border-radius: 20px;
  577. color: #ffffff;
  578. }
  579. .product-labels .product-label {
  580. height: 21px;
  581. font-size: 11px;
  582. line-height: 21px;
  583. padding: 0 10px;
  584. }
  585. .products-grid .product-item-details .product-item-actions .tocart {
  586. text-transform: uppercase;
  587. font-size: 12.53px;
  588. font-family: 'Oswald';
  589. font-weight: 400;
  590. letter-spacing: 0.025em;
  591. color: #6f6e6c;
  592. line-height: 30px;
  593. background-color: #f4f4f4;
  594. border-color: #f4f4f4;
  595. }
  596. .product-item .tocart:before {
  597. content: '\e87f';
  598. font-size: 17px;
  599. vertical-align: middle;
  600. }
  601. .catalog-product-view .sidebar .custom-block {
  602. border: none;
  603. color: #6b7a83;
  604. padding-bottom: 0;
  605. margin-bottom: 33px;
  606. background: none;
  607. }
  608. .catalog-product-view .sidebar .custom-block-1>div i {
  609. color: #F4631B;
  610. border: none;
  611. font-size: 40px;
  612. float: left;
  613. }
  614. .catalog-product-view .sidebar .custom-block-1>div {
  615. min-height: 65px;
  616. clear: both;
  617. padding: 18px 0;
  618. border-bottom: solid 1px #dee5e8;
  619. margin-bottom: 0;
  620. }
  621. .catalog-product-view .sidebar .custom-block-1>div:last-child {
  622. border-bottom-width: 0;
  623. }
  624. .block-manufacturer {
  625. text-align: center;
  626. padding: 10px 20px 0;
  627. margin-bottom: 0;
  628. }
  629. .block-manufacturer hr {
  630. border-color: #dee5e8;
  631. margin-bottom: 0;
  632. }
  633. .catalog-product-view .sidebar .custom-block-1>div h3 {
  634. font-size: 14px;
  635. font-weight: 600;
  636. line-height: 20px;
  637. letter-spacing: 0.005em;
  638. color: #6b7a83;
  639. margin-left: 80px;
  640. }
  641. .block.related {
  642. padding: 0 20px;
  643. }
  644. .block .title strong {
  645. font-size: 15px;
  646. font-weight: 600;
  647. color: #21293c;
  648. letter-spacing: 0.01em;
  649. margin-bottom: 20px !important;
  650. padding-top: 0;
  651. text-transform: uppercase;
  652. }
  653. .block.related .product-items .product-item-actions {
  654. display: none;
  655. }
  656. .product-info-main .page-title-wrapper h1 {
  657. font-size: 25px;
  658. font-weight: 600;
  659. letter-spacing: -0.01em;
  660. color: #21293c;
  661. margin: 3px 0 15px;
  662. }
  663. .prev-next-products a {
  664. color: #555;
  665. }
  666. .product-reviews-summary .reviews-actions a {
  667. line-height: 20px;
  668. font-size: 14px;
  669. color: #bdbdbd;
  670. }
  671. .product-info-main .product.overview {
  672. font-size: 14px;
  673. font-weight: 400;
  674. letter-spacing: 0.005em;
  675. line-height: 27px;
  676. border-bottom: solid 1px #dae2e6;
  677. }
  678. .product.media {
  679. padding-right: 12px;
  680. }
  681. .fotorama__stage__shaft {
  682. border: none;
  683. }
  684. .fotorama__nav--thumbs .fotorama__thumb {
  685. border-color: #dae2e6;
  686. }
  687. .product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price {
  688. font-family: 'Oswald';
  689. font-size: 21px;
  690. font-weight: 700;
  691. letter-spacing: 0.005em;
  692. }
  693. .product-info-main .product-info-price .old-price .price-wrapper .price {
  694. font-size: 16px;
  695. color: #2b2b2d;
  696. font-weight: 400;
  697. }
  698. .product-info-main .fieldset > .field.qty, .product-info-main .nested.options-list > .field.qty {
  699. position: relative;
  700. width: 106px;
  701. }
  702. .product-info-main .qty.field .control, .product-info-main .qty.field .qty-changer {
  703. margin-left: 29px;
  704. }
  705. .product-info-main .qty.field .qty-changer > a {
  706. position: absolute;
  707. top: 0;
  708. left: 0;
  709. height: 43px;
  710. width: 30px;
  711. line-height: 41px;
  712. text-align: center;
  713. margin: 0;
  714. border-color: #dae2e6;
  715. }
  716. .product-info-main .qty.field .qty-changer > a:first-child {
  717. left: auto;
  718. right: 4px;
  719. }
  720. .product-info-main .box-tocart .input-text.qty {
  721. font-family: 'Oswald';
  722. display: inline-block;
  723. vertical-align: middle;
  724. height: 43px;
  725. width: 44px!important;
  726. font-size: 14px;
  727. font-weight: 400;
  728. text-align: center;
  729. color: #61605a;
  730. margin: 0;
  731. border-color: #dae2e6;
  732. }
  733. .product-info-main .qty.field .qty-changer > a .porto-icon-up-dir:before {
  734. content: '\f882';
  735. }
  736. .product-info-main .qty.field .qty-changer > a .porto-icon-down-dir:before {
  737. content: '\f883';
  738. }
  739. .catalog-product-view:not(.weltpixel-quickview-catalog-product-view):not(.weltpixel_quickview-catalog_product-view) .box-tocart .action.tocart {
  740. height: 43px;
  741. font-size: 14px;
  742. letter-spacing: 0.05em;
  743. font-weight: 400;
  744. }
  745. .box-tocart .action.tocart:before {
  746. content: '\e87f';
  747. font-family: 'porto-icons';
  748. margin-right: 7px;
  749. font-size: 16px;
  750. }
  751. .product-addto-links .action.towishlist,.product-addto-links .action.tocompare,.product-social-links .action.mailto.friend {
  752. width: 43px;
  753. height: 43px;
  754. line-height: 41px;
  755. color: #302e2a;
  756. }
  757. .product.data.items > .item.content {
  758. background-color: #fff;
  759. box-shadow: none;
  760. border: none;
  761. border-top: #dae2e6 solid 1px;
  762. font-size: 14px;
  763. font-weight: 400;
  764. letter-spacing: 0.005em;
  765. line-height: 27px;
  766. }
  767. .main-upsell-product-detail .block.upsell .title strong {
  768. background: none;
  769. }
  770. .block.upsell .title {
  771. background: none;
  772. border-bottom: #e1e1e1 solid 1px;
  773. font-weight: 700;
  774. margin-bottom: 16px;
  775. padding-bottom: 10px;
  776. text-transform: uppercase;
  777. text-align: left;
  778. }
  779. .block.upsell .title strong {
  780. font-size: 14px;
  781. font-weight: 400;
  782. font-family: 'Oswald';
  783. color: #302e2a;
  784. }
  785. .review-ratings .rating-label {
  786. display: block;
  787. }
  788. .page-products .sorter {
  789. float: left;
  790. }
  791. .modes {
  792. float: right;
  793. margin-right: 0;
  794. margin-left: 20px;
  795. margin-top: 7px;
  796. }
  797. .modes-mode:before {
  798. content: '\e880';
  799. font-size: 14px;
  800. }
  801. .mode-list:before {
  802. content: '\e87b';
  803. font-size: 14px;
  804. }
  805. .products.wrapper ~ .toolbar .limiter {
  806. float: left;
  807. }
  808. .products.wrapper ~ .toolbar .pages {
  809. float: right;
  810. }
  811. .block-category-list .block-title, .filter-options-title, .filter .filter-current-subtitle {
  812. padding-left: 0;
  813. padding-right: 0;
  814. }
  815. .swatch-option.text {
  816. font-weight: 400;
  817. }
  818. .catalog-category-view .column.main .products-grid {
  819. padding-top: 20px;
  820. }
  821. @media (min-width: 768px) {
  822. .product.data.items > .item.title {
  823. padding: 10px 30px 10px 0;
  824. }
  825. .product.data.items > .item.title > .switch {
  826. font-size: 14px;
  827. font-weight: 700;
  828. color: #818692;
  829. text-transform: uppercase;
  830. border: none;
  831. border-radius: 0;
  832. line-height: 30px;
  833. background: none;
  834. padding: 0;
  835. }
  836. .product.data.items > .item.title:not(.disabled) > .switch:focus,
  837. .product.data.items > .item.title:not(.disabled) > .switch:hover {
  838. background: none;
  839. color: #818692;
  840. }
  841. .product.data.items > .item.title.active > .switch,
  842. .product.data.items > .item.title.active > .switch:focus,
  843. .product.data.items > .item.title.active > .switch:hover {
  844. color: #21293c;
  845. position: relative;
  846. border-bottom: #c59b9c solid 2px !important;
  847. }
  848. .product.data.items > .item.content {
  849. padding: 35px 0 0;
  850. margin-top: 45px;
  851. }
  852. }
  853. @media(min-width: 768px){
  854. .page-header.type21 .sw-megamenu.navigation > ul {
  855. padding-right: 110px;
  856. }
  857. }
  858. .owl-middle-narrow .owl-theme .owl-controls .owl-nav [class*=owl-], .owl-middle-narrow.owl-theme .owl-controls .owl-nav [class*=owl-] {
  859. font-size: 24px;
  860. color: #333;
  861. }
  862. .row {
  863. margin-left: -10px;
  864. margin-right: -10px;
  865. }
  866. .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
  867. padding-right: 10px;
  868. padding-left: 10px;
  869. }
  870. .row.no-gutters {
  871. margin: 0;
  872. }
  873. .products-grid .product-item .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v2 {
  874. font-family: Poppins;
  875. font-weight: 700;
  876. }
  877. .page-footer {
  878. border-top: 1px solid #e7e7e7;
  879. }
  880. .footer .contact-info strong {
  881. display: block;
  882. text-transform: uppercase;
  883. color: #222529;
  884. line-height: 26px;
  885. }
  886. .footer .contact-info span {
  887. display: block;
  888. line-height: 26px;
  889. margin-bottom: 10px;
  890. }
  891. .footer .social-icons {
  892. margin: 20px 0;
  893. }
  894. .footer-middle .block.newsletter p {
  895. line-height: 2;
  896. }
  897. .footer-middle .block.newsletter input {
  898. height: 44px;
  899. }
  900. .footer-middle .block.newsletter .action.subscribe {
  901. height: 44px;
  902. font-family: Poppins;
  903. font-weight: 700;
  904. font-size: 12px;
  905. }
  906. .breadcrumbs .items > li {
  907. vertical-align: middle;
  908. }
  909. .page-wrapper > .breadcrumbs a, .page-wrapper > .breadcrumbs strong {
  910. text-transform: uppercase;
  911. font-weight: 400;
  912. font-size: 10px;
  913. vertical-align: middle;
  914. }
  915. .page-wrapper > .breadcrumbs .item:not(:last-child):after {
  916. font-size: 7px;
  917. }
  918. .action.primary, .action.primary:active {
  919. text-transform: uppercase;
  920. }
  921. .minicart-wrapper .block-minicart:after {
  922. right: 19px;
  923. }
  924. .minicart-wrapper .block-minicart:before {
  925. right: 20px;
  926. }
  927. .footer-middle > .container, .footer-bottom > .container {
  928. padding-left: 3%;
  929. padding-right: 3%;
  930. max-width: 100%;
  931. }
  932. .footer-middle ul.links li {
  933. padding: 3.5px 0;
  934. }
  935. @media (min-width: 992px) {
  936. .footer-middle > .container > .row > div:nth-child(2n) {
  937. flex: 0 0 22%;
  938. max-width: 22%;
  939. }
  940. .footer-middle > .container > .row > div {
  941. flex: 0 0 28%;
  942. max-width: 28%;
  943. }
  944. }]]></custom_style>
  945. <custom_style_2><![CDATA[]]></custom_style_2>
  946. </custom_settings>
  947. </porto_settings>
  948. <porto_design>
  949. <general>
  950. <theme_color>C59B9C</theme_color>
  951. </general>
  952. <font>
  953. <custom>1</custom>
  954. <font_size></font_size>
  955. <font_family>google</font_family>
  956. <custom_font_family></custom_font_family>
  957. <google_font_family>Poppins</google_font_family>
  958. <char_latin_ext></char_latin_ext>
  959. <char_subset></char_subset>
  960. </font>
  961. <colors>
  962. <custom>1</custom>
  963. <text_color></text_color>
  964. <link_color></link_color>
  965. <link_hover_color></link_hover_color>
  966. <button_bg_color></button_bg_color>
  967. <button_text_color></button_text_color>
  968. <button_hover_bg_color></button_hover_bg_color>
  969. <button_hover_text_color></button_hover_text_color>
  970. <addtowishlist_color>C1C3C5</addtowishlist_color>
  971. <addtowishlist_hover_color>302E2A</addtowishlist_hover_color>
  972. <addtocompare_color>C1C3C5</addtocompare_color>
  973. <addtocompare_hover_color>302E2A</addtocompare_hover_color>
  974. <breadcrumbs_bg_color>FFFFFF</breadcrumbs_bg_color>
  975. <breadcrumbs_color>000000</breadcrumbs_color>
  976. <breadcrumbs_links_color>000000</breadcrumbs_links_color>
  977. <breadcrumbs_links_hover_color>000000</breadcrumbs_links_hover_color>
  978. <sale_bg_color></sale_bg_color>
  979. <sale_font_color></sale_font_color>
  980. <new_bg_color></new_bg_color>
  981. <new_font_color></new_font_color>
  982. <price_slider_bg_color>1FC0A0</price_slider_bg_color>
  983. <price_slider_handle_color>1FC0A0</price_slider_handle_color>
  984. </colors>
  985. <header>
  986. <custom>1</custom>
  987. <header_bgcolor></header_bgcolor>
  988. <header_bg_image></header_bg_image>
  989. <header_bordercolor></header_bordercolor>
  990. <header_textcolor></header_textcolor>
  991. <header_linkcolor></header_linkcolor>
  992. <header_top_links_bgcolor></header_top_links_bgcolor>
  993. <header_top_links_color></header_top_links_color>
  994. <header_menu_bgcolor></header_menu_bgcolor>
  995. <header_menu_color></header_menu_color>
  996. <header_menu_hover_bgcolor></header_menu_hover_bgcolor>
  997. <header_menu_hover_color>C59B9C</header_menu_hover_color>
  998. <header_menu_classicmenu_bgcolor></header_menu_classicmenu_bgcolor>
  999. <header_menu_classicmenu_bordercolor></header_menu_classicmenu_bordercolor>
  1000. <header_menu_classicmenu_color></header_menu_classicmenu_color>
  1001. <header_menu_classicmenu_hover_bgcolor></header_menu_classicmenu_hover_bgcolor>
  1002. <header_menu_classicmenu_hover_color></header_menu_classicmenu_hover_color>
  1003. <header_menu_megamenu_color></header_menu_megamenu_color>
  1004. <header_search_bgcolor></header_search_bgcolor>
  1005. <header_search_text_color></header_search_text_color>
  1006. <header_search_bordercolor></header_search_bordercolor>
  1007. <header_minicart_bgcolor></header_minicart_bgcolor>
  1008. <header_minicart_color></header_minicart_color>
  1009. <header_minicart_icon_color></header_minicart_icon_color>
  1010. </header>
  1011. <footer>
  1012. <custom>1</custom>
  1013. <footer_top_bgcolor></footer_top_bgcolor>
  1014. <footer_top_color></footer_top_color>
  1015. <footer_top_link_color></footer_top_link_color>
  1016. <footer_top_link_hover_color></footer_top_link_hover_color>
  1017. <footer_middle_bgcolor>FFFFFF</footer_middle_bgcolor>
  1018. <footer_middle_color>777777</footer_middle_color>
  1019. <footer_middle_link_color>777777</footer_middle_link_color>
  1020. <footer_middle_link_hover_color>777777</footer_middle_link_hover_color>
  1021. <footer_middle_title_color>2B2B2D</footer_middle_title_color>
  1022. <footer_middle_links_icon_color>777777</footer_middle_links_icon_color>
  1023. <footer_middle_ribbon_bgcolor></footer_middle_ribbon_bgcolor>
  1024. <footer_middle_ribbon_shadow_color></footer_middle_ribbon_shadow_color>
  1025. <footer_middle_ribbon_color></footer_middle_ribbon_color>
  1026. <footer_middle_2_bgcolor></footer_middle_2_bgcolor>
  1027. <footer_middle_2_color></footer_middle_2_color>
  1028. <footer_middle_2_link_color></footer_middle_2_link_color>
  1029. <footer_middle_2_link_hover_color></footer_middle_2_link_hover_color>
  1030. <footer_middle_2_title_color></footer_middle_2_title_color>
  1031. <footer_middle_2_links_icon_color></footer_middle_2_links_icon_color>
  1032. <footer_bottom_bgcolor>FFFFFF</footer_bottom_bgcolor>
  1033. <footer_bottom_color>777777</footer_bottom_color>
  1034. <footer_bottom_link_color>777777</footer_bottom_link_color>
  1035. <footer_bottom_link_hover_color>777777</footer_bottom_link_hover_color>
  1036. </footer>
  1037. <page>
  1038. <custom>0</custom>
  1039. <page_bgcolor></page_bgcolor>
  1040. <page_bg_image></page_bg_image>
  1041. <page_custom_style><![CDATA[]]></page_custom_style>
  1042. </page>
  1043. <main>
  1044. <custom>0</custom>
  1045. <main_bgcolor></main_bgcolor>
  1046. <main_bg_image></main_bg_image>
  1047. <main_custom_style><![CDATA[]]></main_custom_style>
  1048. </main>
  1049. </porto_design>
  1050. <mpsearch>
  1051. <general>
  1052. <enabled>1</enabled>
  1053. </general>
  1054. </mpsearch>
  1055. </config>
  1056. </root>