demo22.xml 35 KB

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