demo04.xml 35 KB

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