settings_en.css 30 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068
  1. /**
  2. * WARNING: Do not change this file. Your changes will be lost.
  3. * 2020-06-09 09:43:15 */
  4. body.boxed {
  5. }
  6. @media (min-width: 768px) {
  7. .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main {
  8. width: 57.17%;
  9. }
  10. .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media {
  11. width: 40.83%;
  12. }
  13. .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
  14. width: 42.8775%;
  15. }
  16. .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
  17. width: 30.6225%;
  18. }
  19. }
  20. .page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown, .minicart-wrapper .block-minicart, .product-item .tocart, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-item-actions .actions-secondary.action, .action.tocompare, .product-addto-links .action.tocompare, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .product-social-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist, input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"], .footer-middle .block.newsletter input, .footer-middle .block.newsletter .action.subscribe, .filter-options-title, .filter-options-item.active .filter-options-title, .filter-options-content, .filter-options-title:after, .toolbar select, .swatch-option, .pages .page, .pages .action, .fotorama__stage, .fotorama__nav--thumbs .fotorama__thumb, .fotorama__nav .fotorama__thumb-border, .input-text.qty, .qty.field .qty-changer > a, button, a.action.primary, textarea, .minicart-items .item-qty, .block-minicart .block-content > .actions > .secondary .action.viewcart, .cart.table-wrapper .product-image-container, .cart-summary, select, #discount-coupon-form #coupon_code, .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .block-compare .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .login-container, .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage, .message, .box .box-title, .box .box-actions, .customer-welcome .header.links, .btn, .cms-index-index blockquote.testimonial, .recent-posts .item .post-image, .prev-next-products .product-nav .product-pop, #newsletter_popup, .product-label, .page-header.type11 .navigation li.level0.active, .page-header.type11 .navigation li.level0:hover, .filter .filter-current-subtitle, .filter-actions, .products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2, .block-header-customer-login, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-item-actions .actions-secondary.action, .action.tocompare, .product-addto-links .action.tocompare, .moved-add-to-links .action.tocompare, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .moved-add-to-links .action.mailto.friend, .product-social-links .action.towishlist, .product-addto-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist
  21. {
  22. border-radius: 0;
  23. }
  24. .sw-megamenu.navigation li.level0.fullwidth:hover > .submenu, .sw-megamenu.navigation li.level0.staticwidth:hover > .submenu, .sw-megamenu.navigation li.level0.classic .submenu, .sw-megamenu.navigation li.level0.classic .subchildmenu .subchildmenu, .sw-megamenu.navigation span.cat-label, .category-boxed-banner .owl-item .item, .iwd-summary-cart, .iwd-one-page-checkout-sidebar .iwd-opc-block-summary {
  25. border-radius: 0 !important;
  26. }
  27. @media (min-width: 768px) {
  28. .block-search input, .page-header.type1 .navigation > ul, .navigation li.level0, .page-header.type1 .navigation li.level0.parent:hover, .page-header.type1 .navigation li.level0.active, .page-header.type1 .navigation li.level0:hover, .page-header .navigation .level0 .submenu, .product.data.items > .item.title > .switch, .customer-welcome .header.links, .page-header.type5 .block-search input, .page-header.type5 .navigation .level0.parent:hover > .level-top, .page-header.type6 .block-search input, .page-header.type6 .navigation .level0:hover > .level-top, .page-header.type6 .navigation .level0.parent:hover > .level-top, .product.info.detailed.vertical .product.data.items > .item.title > .switch, .page-header.type5 .navigation .level0:hover > .level-top, .page-header.type11 .navigation li.level0.parent:hover
  29. {
  30. border-radius: 0;
  31. }
  32. }
  33. @media (min-width: 640px) {
  34. .modes-mode
  35. {
  36. border-radius: 0;
  37. }
  38. }
  39. .product-item-photo {
  40. border-radius: 0;
  41. border: 0;
  42. padding: 0;
  43. }
  44. .product-image-photo.hover_image {
  45. padding: 0;
  46. border-radius: 0;
  47. }
  48. .nav-sections .header.links .customer-menu, .nav-sections .header.links .customer-welcome + .link.compare + .authorization-link {
  49. display: none;
  50. }
  51. .homepage-bar {
  52. border-top: none;
  53. border-color: #e5e8e8;
  54. background-color: transparent;
  55. }
  56. .homepage-bar .col-lg-4 {
  57. border: none;
  58. padding-top: 16px;
  59. padding-bottom: 13px;
  60. }
  61. .homepage-bar [class*=" porto-icon-"], .homepage-bar [class^="porto-icon-"] {
  62. color:#465157;
  63. }
  64. .homepage-bar h3 {
  65. font-size: 14px;
  66. font-weight: 600;
  67. color: #465157;
  68. line-height: 19px;
  69. }
  70. .homepage-bar p {
  71. font-size: 13px;
  72. font-weight: 300;
  73. color: #839199;
  74. line-height: 19px;
  75. }
  76. .filterproduct-title {
  77. background: none;
  78. text-align: center;
  79. font-size: 17px;
  80. font-weight: 700;
  81. padding-bottom: 10px;
  82. }
  83. .filterproduct-title .content {
  84. background: none;
  85. padding: 0;
  86. }
  87. .products-grid:not(.side-list):not(.products-related) .owl-carousel .product-item {
  88. padding: 12px 10px;
  89. }
  90. .owl-bottom-narrow .owl-controls {
  91. bottom: -35px;
  92. }
  93. .owl-bottom-narrow .owl-controls .owl-dots {
  94. margin: 0;
  95. }
  96. .owl-bottom-narrow .owl-controls .owl-dot span {
  97. width: 11px;
  98. height: 3px;
  99. margin: 5px;
  100. }
  101. .owl-bottom-absolute-narrow.owl-bottom-narrow .owl-controls .owl-dot span {
  102. background-color: #fff;
  103. }
  104. .owl-bottom-narrow .owl-controls .owl-dot:hover span,
  105. .owl-bottom-narrow .owl-controls .owl-dot.active span,.owl-bottom-absolute-narrow.owl-bottom-narrow .owl-controls .owl-dot:hover span,.owl-bottom-absolute-narrow.owl-bottom-narrow .owl-controls .owl-dot.active span {
  106. background-color: #2b2b2d;
  107. }
  108. .custom-support {
  109. text-align: center;
  110. }
  111. .custom-support i {
  112. background-color: transparent;
  113. float: none;
  114. color: #0088cc;
  115. width: auto;
  116. height: auto;
  117. border-radius: 0;
  118. padding-bottom: 14px;
  119. display: inline-block;
  120. }
  121. .custom-support div.content {
  122. margin-left: 0;
  123. }
  124. .custom-support div.content>h2 {
  125. text-transform: uppercase;
  126. font-size: 16px;
  127. color: #2b2b2d;
  128. line-height: 22px;
  129. }
  130. .custom-support div.content>em {
  131. color: #465157;
  132. font-size: 14px;
  133. line-height: 22px;
  134. font-weight: 400;
  135. }
  136. .custom-support div.content>p {
  137. font-size: 13px;
  138. line-height: 24px;
  139. color: #687176;
  140. }
  141. .parallax {
  142. margin: 0;
  143. }
  144. .parallax-slider .owl-carousel h2 {
  145. font-size: 36px;
  146. font-family: 'Oswald';
  147. font-weight: 400;
  148. text-transform: uppercase;
  149. margin-bottom: 20px;
  150. margin-top: 10px;
  151. }
  152. .parallax-slider .owl-carousel a {
  153. font-size: 13px;
  154. font-family: 'Oswald';
  155. text-transform: uppercase;
  156. color: #fff;
  157. line-height: 1;
  158. letter-spacing: 0.05em;
  159. padding: 17px 33px;
  160. border-radius: 3px;
  161. background-color: #2b2b2d;
  162. box-shadow: none;
  163. }
  164. .parallax-slider .owl-theme .owl-controls {
  165. margin-top: 5px;
  166. }
  167. .brands-slide .owl-side-narrow .owl-carousel {
  168. padding: 10px 80px;
  169. }
  170. .brands-slide .owl-no-narrow .owl-carousel a {
  171. display: inline-block;
  172. padding: 40px 0;
  173. }
  174. .brands-slide .owl-theme .owl-controls {
  175. margin: 0;
  176. }
  177. .brands-slide .owl-controls .owl-nav > div {
  178. position: absolute;
  179. top: calc(50% - 15px);
  180. background: none;
  181. padding: 0;
  182. margin: 0;
  183. }
  184. .brands-slide .owl-controls .owl-nav div.owl-prev {
  185. left: 0;
  186. color: #3a3a3c;
  187. font-size: 22px;
  188. margin: 0;
  189. padding: 0;
  190. }
  191. .brands-slide .owl-controls .owl-nav div.owl-next {
  192. right: 0;
  193. color: #3a3a3c;
  194. font-size: 22px;
  195. margin: 0;
  196. padding: 0;
  197. }
  198. .recent-posts .owl-item .item .recent-inner{
  199. background-color: #fff;
  200. padding: 10px;
  201. }
  202. .recent-posts .item .post-image {
  203. padding: 0;
  204. border: none;
  205. margin: 0;
  206. }
  207. .recent-posts .item .post-image img {
  208. border-radius: 0;
  209. }
  210. .recent-posts .item .post-image .post-date {
  211. background-color: #0088cc;
  212. text-align: center;
  213. font-family: 'Oswald';
  214. color: #fff;
  215. font-weight: 400;
  216. position: absolute;
  217. top: 7px;
  218. left: 22px;
  219. }
  220. .recent-posts .item .post-image .post-date .day {
  221. font-size: 18px;
  222. letter-spacing: 0.05em;
  223. background: none;
  224. color: #fff;
  225. font-weight: 400;
  226. padding: 10px 0 4px;
  227. line-height: 1;
  228. }
  229. .recent-posts .item .post-image .post-date .month {
  230. font-size: 13px;
  231. letter-spacing: 0.05em;
  232. text-transform: uppercase;
  233. background: none;
  234. font-weight: 400;
  235. padding: 0 0 8px;
  236. line-height: 1;
  237. }
  238. .recent-posts .item .postTitle {
  239. min-height: auto;
  240. padding-top: 10px;
  241. padding-left: 18px;
  242. margin-bottom: 10px;
  243. }
  244. .recent-posts .item .postContent,.recent-posts .item .postContent p {
  245. padding-left: 18px;
  246. font-size: 13px;
  247. color: #687176;
  248. line-height: 24px;
  249. margin-bottom: 5px;
  250. }
  251. .recent-posts .item .postContent p {
  252. padding-left: 0;
  253. }
  254. .recent-posts .item .readmore {
  255. margin-left: 18px;
  256. font-family: 'Oswald';
  257. text-transform: uppercase;
  258. font-size: 12px;
  259. letter-spacing: 0.05em;
  260. color: #fff;
  261. background-color: #2b2b2d;
  262. padding: 9px 16px;
  263. border-radius: 2px;
  264. }
  265. .recent-posts .item .postTitle h2 {
  266. font-size: 18px;
  267. letter-spacing: -0.001em;
  268. line-height: 22px;
  269. }
  270. .recent-posts .item .postTitle h2 a {
  271. color: #2b2b2d;
  272. }
  273. .page-wrapper >.breadcrumbs {
  274. padding: 5px 0 5px;
  275. margin-bottom: -15px;
  276. margin-top: -10px;
  277. }
  278. .breadcrumbs li {
  279. line-height: 30px;
  280. display: inline-block;
  281. }
  282. .page-wrapper > .breadcrumbs .items {
  283. padding: 0 15px 0;
  284. }
  285. .breadcrumbs li.home a {
  286. width: 15px;
  287. display: inline-block;
  288. text-indent: 30px;
  289. line-height: 30px;
  290. overflow: hidden;
  291. float: left;
  292. position: relative;
  293. }
  294. .breadcrumbs li.home a:after {
  295. content: "\e883";
  296. font-family: 'porto-icons';
  297. position: absolute;
  298. left: 0;
  299. top: 0;
  300. text-indent: 0;
  301. }
  302. .sidebar.sidebar-main {
  303. position: relative;
  304. }
  305. .block-category-list .block-title,.filter-options-title,.filter .filter-current-subtitle {
  306. border: none;
  307. background-color: transparent;
  308. padding: 16px 20px 4px 20px;
  309. font-size: 15px;
  310. text-transform: uppercase;
  311. font-weight: 600;
  312. color: #21293c;
  313. letter-spacing: 0.01em;
  314. }
  315. .block-category-list .block-title {
  316. padding: 30px 20px 0 20px;
  317. }
  318. .block-category-list .block-title strong {
  319. font-weight: 600;
  320. }
  321. .block-category-list .block-content,.filter-options-content {
  322. border: none;
  323. background-color: transparent;
  324. padding: 10px 20px 26px 20px;
  325. border-bottom: #efefef solid 1px;
  326. position: relative;
  327. z-index: 2;
  328. border-radius: 0;
  329. }
  330. .filter-current .items {
  331. border: none;
  332. background-color: transparent;
  333. position: relative;
  334. z-index: 2;
  335. }
  336. .filter-current .item {
  337. padding-left: 20px;
  338. }
  339. .filter-current .action.remove {
  340. right: 20px;
  341. color: #21293c;
  342. }
  343. .filter-actions {
  344. border: none;
  345. background-color: transparent;
  346. border-bottom: #efefef solid 1px;
  347. position: relative;
  348. z-index: 2;
  349. padding-right: 20px;
  350. }
  351. .filter-actions a {
  352. color: #858585;
  353. }
  354. .filter-options-title:after {
  355. content: '\f803';
  356. border: none;
  357. color: #21293c;
  358. font-size: 17px;
  359. margin-top: -6px;
  360. }
  361. .filter-options-title:hover:after {
  362. background: none;
  363. color: #21293c;
  364. }
  365. .active > .filter-options-title:after {
  366. content: '\f800';
  367. }
  368. #ln_slider_price.ui-slider-horizontal {
  369. height: 3px;
  370. box-shadow: none;
  371. }
  372. #ln_slider_price .ui-slider-handle {
  373. width: 12px;
  374. height: 12px;
  375. border-radius: 100%;
  376. }
  377. .sidebar-title {
  378. font-size: 15px;
  379. font-weight: 600;
  380. color: #21293c;
  381. letter-spacing: 0.01em;
  382. margin-bottom: 20px;
  383. padding-left:20px;
  384. padding-right: 20px;
  385. }
  386. .porto-icon-left-open-huge:before {
  387. content: '\f802';
  388. color: #21293c;
  389. }
  390. .porto-icon-right-open-huge:before {
  391. content: '\f801';
  392. color: #21293c;
  393. }
  394. .sidebar .owl-top-narrow .owl-theme .owl-controls {
  395. top: -40px;
  396. right: -7px;
  397. }
  398. .sidebar .owl-top-narrow .owl-theme .owl-controls .owl-nav div *:before {
  399. color:#21293c;
  400. }
  401. .sidebar .product-items .product-item-name a {
  402. font-size: 12px;
  403. color: #5b5b5f;
  404. font-weight: 400;
  405. }
  406. .sidebar .sidebar-filterproducts {
  407. margin-bottom: 30px;
  408. padding-bottom: 40px;
  409. background: none;
  410. border-bottom: #efefef solid 1px;
  411. }
  412. .sidebar .product-items .product-item .product-reviews-summary {
  413. display: block;
  414. }
  415. .sidebar-filterproducts.custom-block + h2 {
  416. font-size: 15px !important;
  417. text-transform: uppercase;
  418. font-weight: 600;
  419. color: #21293c !important;
  420. letter-spacing: 0.01em;
  421. padding: 0 20px;
  422. }
  423. .sidebar-filterproducts.custom-block + h2 +h5 {
  424. font-family: 'Open Sans' !important;
  425. font-weight: 600 !important;
  426. font-size: 14px !important;
  427. color: #7a7d82 !important;
  428. letter-spacing: 0.022em;
  429. padding: 0 20px;
  430. }
  431. .sidebar-filterproducts.custom-block + h2 + h5 + p {
  432. color: #21293c !important;
  433. font-size: 15px !important;
  434. letter-spacing: 0.01em;
  435. padding: 0 20px;
  436. }
  437. .sidebar .custom-block {
  438. padding: 0 20px;
  439. }
  440. .category-boxed-banner.owl-theme .owl-controls {
  441. bottom: 0;
  442. }
  443. .page-products .toolbar .limiter {
  444. display: block;
  445. }
  446. .page-with-filter .toolbar-amount {
  447. display: none;
  448. }
  449. .full-width-image-banner {
  450. height: 300px;
  451. margin-bottom: 13px;
  452. }
  453. .full-width-image-banner:after {
  454. display: none;
  455. }
  456. .full-width-image-banner h2 {
  457. font-size: 36px;
  458. font-weight: 900;
  459. letter-spacing: -0.025em;
  460. text-transform: uppercase;
  461. line-height: 38px;
  462. }
  463. .full-width-image-banner p {
  464. font-size:18px;
  465. line-height:38px;
  466. font-weight: 700;
  467. text-transform:uppercase;
  468. }
  469. .full-width-image-banner .btn-default {
  470. font-size: 14px;
  471. line-height: 25px;
  472. letter-spacing: 0.025em;
  473. padding: 10px 20px;
  474. background-color: #010204;
  475. color: #fff;
  476. font-family: 'Oswald';
  477. text-transform: uppercase;
  478. border-radius: 2px;
  479. margin-top: 31px;
  480. }
  481. .page-products .toolbar .limiter .limiter-text {
  482. display: none;
  483. }
  484. .modes-mode.active {
  485. border: none;
  486. background: none;
  487. color: #111;
  488. }
  489. .modes-mode,.modes-mode:hover {
  490. border: none;
  491. background: none;
  492. color: #111;
  493. width: 15px;
  494. }
  495. .toolbar select {
  496. border: 1px solid #e4e4e4;
  497. height: 37px;
  498. color: #7a7d82;
  499. font-weight: 400;
  500. font-size: 14px;
  501. text-transform: capitalize;
  502. padding: 0 10px;
  503. padding-right: 30px;
  504. line-height: 31px;
  505. }
  506. .toolbar-sorter .sorter-action {
  507. margin-top: 6px;
  508. color: #21293c;
  509. }
  510. .toolbar-sorter .sorter-action:before {
  511. color: #21293c;
  512. }
  513. .pages a.page,.pages strong.page,.pages .action {
  514. width: 32px;
  515. line-height: 32px;
  516. }
  517. .products-grid + .toolbar.toolbar-products {
  518. border-top: solid 1px #efefef;
  519. padding-top: 25px;
  520. }
  521. .product-item .product-reviews-summary {
  522. background: none;
  523. }
  524. .product.name a {
  525. color: #5b5b5f;
  526. }
  527. .price-box .price {
  528. font-family: 'Oswald';
  529. font-size: 18px;
  530. letter-spacing: 0.005em;
  531. font-weight: 400;
  532. }
  533. .old-price .price, .old.price {
  534. font-size: 14px;
  535. }
  536. .product-label.sale-label {
  537. border-radius: 20px;
  538. color: #ffffff;
  539. }
  540. .product-label.new-label {
  541. border-radius: 20px;
  542. color: #ffffff;
  543. }
  544. .product-labels .product-label {
  545. height: 21px;
  546. font-size: 11px;
  547. line-height: 21px;
  548. padding: 0 10px;
  549. }
  550. .products-grid .product-item-details .product-item-actions .tocart {
  551. text-transform: uppercase;
  552. font-size: 12.53px;
  553. font-family: 'Oswald';
  554. font-weight: 400;
  555. letter-spacing: 0.025em;
  556. color: #6f6e6c;
  557. line-height: 30px;
  558. background-color: #f4f4f4;
  559. border-color: #f4f4f4;
  560. }
  561. .product-item .tocart:before {
  562. content: '\e87f';
  563. font-size: 17px;
  564. vertical-align: middle;
  565. }
  566. .catalog-product-view .sidebar .custom-block {
  567. border: none;
  568. color: #6b7a83;
  569. padding-bottom: 0;
  570. margin-bottom: 33px;
  571. background: none;
  572. }
  573. .catalog-product-view .sidebar .custom-block-1>div i {
  574. color: #0088cc;
  575. border: none;
  576. font-size: 40px;
  577. float: left;
  578. }
  579. .catalog-product-view .sidebar .custom-block-1>div {
  580. min-height: 65px;
  581. clear: both;
  582. padding: 18px 0;
  583. border-bottom: solid 1px #dee5e8;
  584. margin-bottom: 0;
  585. }
  586. .catalog-product-view .sidebar .custom-block-1>div:last-child {
  587. border-bottom-width: 0;
  588. }
  589. .block-manufacturer {
  590. text-align: center;
  591. padding: 10px 20px 0;
  592. margin-bottom: 0;
  593. }
  594. .block-manufacturer hr {
  595. border-color: #dee5e8;
  596. margin-bottom: 0;
  597. }
  598. .catalog-product-view .sidebar .custom-block-1>div h3 {
  599. font-size: 14px;
  600. font-weight: 600;
  601. line-height: 20px;
  602. letter-spacing: 0.005em;
  603. color: #6b7a83;
  604. margin-left: 80px;
  605. }
  606. .block.related {
  607. padding: 0 20px;
  608. }
  609. .block .title strong {
  610. font-size: 15px;
  611. font-weight: 600;
  612. color: #21293c;
  613. letter-spacing: 0.01em;
  614. margin-bottom: 20px !important;
  615. padding-top: 0;
  616. text-transform: uppercase;
  617. }
  618. .block.related .product-items .product-item-actions {
  619. display: none;
  620. }
  621. .product-info-main .page-title-wrapper h1 {
  622. font-size: 25px;
  623. font-weight: 600;
  624. letter-spacing: -0.01em;
  625. color: #21293c;
  626. margin: 3px 0 15px;
  627. }
  628. .prev-next-products a {
  629. color: #555;
  630. }
  631. .product-reviews-summary .reviews-actions a {
  632. line-height: 20px;
  633. font-size: 14px;
  634. color: #bdbdbd;
  635. }
  636. .product-info-main .product.overview {
  637. font-size: 14px;
  638. font-weight: 400;
  639. letter-spacing: 0.005em;
  640. line-height: 27px;
  641. border-bottom: solid 1px #dae2e6;
  642. }
  643. .product.media {
  644. padding-right: 12px;
  645. }
  646. .fotorama__stage__shaft {
  647. border: none;
  648. }
  649. .fotorama__nav--thumbs .fotorama__thumb {
  650. border-color: #dae2e6;
  651. }
  652. .product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price {
  653. font-family: 'Oswald';
  654. font-size: 21px;
  655. font-weight: 700;
  656. letter-spacing: 0.005em;
  657. }
  658. .product-info-main .product-info-price .old-price .price-wrapper .price {
  659. font-size: 16px;
  660. color: #2b2b2d;
  661. font-weight: 400;
  662. }
  663. .product-info-main .fieldset > .field.qty, .product-info-main .nested.options-list > .field.qty {
  664. position: relative;
  665. width: 106px;
  666. }
  667. .product-info-main .qty.field .control, .product-info-main .qty.field .qty-changer {
  668. margin-left: 29px;
  669. }
  670. .product-info-main .qty.field .qty-changer > a {
  671. position: absolute;
  672. top: 0;
  673. left: 0;
  674. height: 43px;
  675. width: 30px;
  676. line-height: 41px;
  677. text-align: center;
  678. margin: 0;
  679. border-color: #dae2e6;
  680. }
  681. .product-info-main .qty.field .qty-changer > a:first-child {
  682. left: auto;
  683. right: 4px;
  684. }
  685. .product-info-main .box-tocart .input-text.qty {
  686. font-family: 'Oswald';
  687. display: inline-block;
  688. vertical-align: middle;
  689. height: 43px;
  690. width: 44px!important;
  691. font-size: 14px;
  692. font-weight: 400;
  693. text-align: center;
  694. color: #61605a;
  695. margin: 0;
  696. border-color: #dae2e6;
  697. }
  698. .product-info-main .qty.field .qty-changer > a .porto-icon-up-dir:before {
  699. content: '\f882';
  700. }
  701. .product-info-main .qty.field .qty-changer > a .porto-icon-down-dir:before {
  702. content: '\f883';
  703. }
  704. .catalog-product-view:not(.weltpixel-quickview-catalog-product-view):not(.weltpixel_quickview-catalog_product-view) .box-tocart .action.tocart {
  705. height: 43px;
  706. font-size: 14px;
  707. letter-spacing: 0.05em;
  708. font-weight: 400;
  709. }
  710. .box-tocart .action.tocart:before {
  711. content: '\e87f';
  712. font-family: 'porto-icons';
  713. margin-right: 7px;
  714. font-size: 16px;
  715. }
  716. .action.primary,.action.primary:active {
  717. font-family: "Oswald";
  718. letter-spacing: 1px;
  719. text-transform: uppercase;
  720. }
  721. .product.data.items > .item.content {
  722. background-color: #fff;
  723. box-shadow: none;
  724. border: none;
  725. border-top: #dae2e6 solid 1px;
  726. font-size: 14px;
  727. font-weight: 400;
  728. letter-spacing: 0.005em;
  729. line-height: 27px;
  730. }
  731. .main-upsell-product-detail .block.upsell .title strong {
  732. background: none;
  733. }
  734. .block.upsell .title {
  735. background: none;
  736. border-bottom: #e1e1e1 solid 1px;
  737. font-weight: 700;
  738. margin-bottom: 16px;
  739. padding-bottom: 10px;
  740. text-transform: uppercase;
  741. text-align: left;
  742. }
  743. .block.upsell .title strong {
  744. font-size: 14px;
  745. font-weight: 400;
  746. font-family: 'Oswald';
  747. color: #302e2a;
  748. }
  749. .review-ratings .rating-label {
  750. display: block;
  751. }
  752. .footer-top {
  753. text-align: left;
  754. padding: 15px 0 0;
  755. }
  756. .footer-top .footer-top-inner{
  757. border-bottom: 1px solid #3d3d38;
  758. }
  759. .footer-top .block .block-title {
  760. margin-bottom: 13px;
  761. padding-top: 25px;
  762. }
  763. .footer-top .block .block-title strong {
  764. font-size: 16px;
  765. font-weight: 700;
  766. text-transform: uppercase;
  767. color: #fff;
  768. }
  769. .footer-container .validation-advice {
  770. position: absolute;
  771. }
  772. .footer-top .block.newsletter {
  773. width: auto;
  774. max-width: 400px;
  775. display: inline-block;
  776. }
  777. .footer-top .block.newsletter .control:before {
  778. line-height: 48px;
  779. margin-left: 20px;
  780. }
  781. .footer-top .block.newsletter .control {
  782. position: relative;
  783. }
  784. .footer-top .block.newsletter .control input {
  785. background-color: #fff;
  786. color: #686865;
  787. height: 48px;
  788. border: none;
  789. font-size: 14px;
  790. border-radius: 30px 0 0 30px;
  791. padding-left: 40px;
  792. }
  793. .footer-top .block.newsletter .control div.mage-error {
  794. position: absolute;
  795. bottom: -22px;
  796. }
  797. .footer-top .block.newsletter .actions button {
  798. height: 48px;
  799. border-radius: 0 30px 30px 0;
  800. text-transform: uppercase;
  801. padding: 0 22px;
  802. }
  803. .footer-top .block-content {
  804. display: inline-block;
  805. vertical-align: middle;
  806. }
  807. .footer .social-icons {float: right}
  808. .footer-top .social-icons a {
  809. background-image: none;
  810. background-color: #33332f;
  811. text-indent: 0;
  812. color: #fff;
  813. border-radius: 0;
  814. font-size: 18.6px;
  815. width: 48px;
  816. height: 48px;
  817. text-align: center;
  818. margin-left: 0;
  819. margin-right: 4px;
  820. float: left;
  821. line-height: 46px;
  822. }
  823. .footer-middle {
  824. padding:24px 0;
  825. }
  826. .footer-middle .block .block-title {
  827. margin-bottom: 15px;
  828. }
  829. .footer-middle .block .block-title strong {
  830. font-size: 16px;
  831. font-weight: 700;
  832. text-transform: uppercase;
  833. }
  834. .footer-middle ul.links li,
  835. .footer-middle ul.features li {
  836. padding: 6px 0;
  837. }
  838. .footer-middle .contact-info li:first-child{
  839. border-top-width: 0;
  840. }
  841. .footer-middle .contact-info li {
  842. padding: 12px 0;
  843. }
  844. .footer-middle .contact-info i {
  845. color: #e1ddc3 !important;
  846. font-size: 26px;
  847. line-height: 28px;
  848. }
  849. .footer-middle .contact-info p{
  850. line-height: 1;
  851. }
  852. .footer-middle .contact-info b {
  853. font-weight: 400;
  854. font-size: 13px;
  855. margin-bottom: 7px;
  856. display: inline-block;
  857. }
  858. .footer-middle .block-bottom {
  859. border-top: 1px solid #3d3d38;
  860. text-align: left;
  861. padding: 27px 0;
  862. overflow: hidden;
  863. margin-top: 32px;
  864. }
  865. .footer-middle .working span {
  866. text-transform: uppercase;
  867. font-size: 13px;
  868. letter-spacing: 0.005em;
  869. line-height: 18px;
  870. }
  871. .footer-middle .working span b {
  872. text-transform: capitalize;
  873. color: #a8a8a8;
  874. }
  875. @media (max-width: 767px) {
  876. .parallax-slider .owl-carousel h2 {
  877. font-size: 22px;
  878. }
  879. .parallax-slider .owl-carousel a {
  880. padding: 10px 20px;
  881. font-size: 11px;
  882. }
  883. .homepage-bar .col-lg-4 {
  884. text-align: left !important;
  885. }
  886. .brands-slide .owl-side-narrow .owl-carousel {
  887. padding: 10px 0;
  888. }
  889. .brands-slide .owl-theme .owl-controls {
  890. display:none;
  891. }
  892. .sidebar.sidebar-main {
  893. position: static;
  894. }
  895. .page-products .toolbar .limiter {
  896. display: none;
  897. }
  898. .product.data.items {
  899. margin: 0;
  900. }
  901. .prev-next-products .product-nav.product-next .product-pop {
  902. margin: 0;
  903. }
  904. .prev-next-products .product-nav.product-prev .product-pop {
  905. left: -20px;
  906. }
  907. .product-info-main .fieldset > .field.qty {
  908. margin-bottom: 20px;
  909. }
  910. .fieldset > .actions {
  911. vertical-align: top;
  912. }
  913. .catalog-product-view .sidebar .custom-block {
  914. padding: 0;
  915. }
  916. }
  917. .page-products .sorter {
  918. float: left;
  919. }
  920. .modes {
  921. float: right;
  922. margin-right: 0;
  923. margin-left: 20px;
  924. margin-top: 7px;
  925. }
  926. .modes-mode:before {
  927. content: '\e880';
  928. font-size: 14px;
  929. }
  930. .mode-list:before {
  931. content: '\e87b';
  932. font-size: 14px;
  933. }
  934. .products.wrapper ~ .toolbar .limiter {
  935. float: left;
  936. }
  937. .products.wrapper ~ .toolbar .pages {
  938. float: right;
  939. }
  940. @media (min-width: 768px) {
  941. .page-header.type16 .block-search input {
  942. border-radius: 20px;
  943. }
  944. .sidebar.sidebar-main:before {
  945. content: '';
  946. position: absolute;
  947. left: 0;
  948. right: 22px;
  949. border: solid 1px #dae2e6;
  950. top: 0;
  951. bottom: 0;
  952. border-radius: 2px;
  953. }
  954. .product.data.items > .item.title {
  955. padding: 10px 30px 10px 0;
  956. }
  957. .product.data.items > .item.title > .switch {
  958. font-size: 14px;
  959. font-weight: 700;
  960. color: #818692;
  961. text-transform: uppercase;
  962. border: none;
  963. border-radius: 0;
  964. line-height: 30px;
  965. background: none;
  966. padding: 0;
  967. }
  968. .product.data.items > .item.title:not(.disabled) > .switch:focus,
  969. .product.data.items > .item.title:not(.disabled) > .switch:hover {
  970. background: none;
  971. color: #818692;
  972. }
  973. .product.data.items > .item.title.active > .switch,
  974. .product.data.items > .item.title.active > .switch:focus,
  975. .product.data.items > .item.title.active > .switch:hover {
  976. color: #21293c;
  977. position: relative;
  978. border-bottom: #0088CC solid 2px;
  979. }
  980. .product.data.items > .item.content {
  981. padding: 35px 0 0;
  982. margin-top: 45px;
  983. }
  984. }
  985. .page-header .switcher strong, .page-footer .switcher strong {
  986. text-transform: uppercase;
  987. }
  988. .footer-middle ul.contact-info li {
  989. padding: 12px 0;
  990. }
  991. .block-bottom address {
  992. padding: 11px 0;
  993. }
  994. .block-bottom .working {
  995. margin-bottom: 10px;
  996. }
  997. .swatch-attribute.size .swatch-option, .swatch-attribute.manufacturer .swatch-option {
  998. background: #fff;
  999. color: #636363;
  1000. border-color: #e9e9e9;
  1001. }
  1002. .swatch-option.text {
  1003. min-width: 26px;
  1004. line-height: 18px;
  1005. padding: 3px;
  1006. height: 26px;
  1007. }
  1008. .pages a.page, .pages strong.page, .pages .action {
  1009. background: transparent;
  1010. color: #706f6c;
  1011. font-size: 15px;
  1012. font-weight: 600;
  1013. line-height: 30px;
  1014. }
  1015. .pages a.page:hover, .pages a.action:hover {
  1016. background-color: transparent;
  1017. color: #706f6c;
  1018. }
  1019. .pages a.action:hover:before {
  1020. color: #706f6c !important;
  1021. }
  1022. .pages .action {
  1023. border-color: transparent;
  1024. }
  1025. .product-info-main .product-info-stock-sku {
  1026. color: #333;
  1027. font-size: 14px;
  1028. padding-bottom: 23px;
  1029. }
  1030. .product-reviews-summary .reviews-actions a {
  1031. color: #21293c;
  1032. }
  1033. .product-info-main .product-info-stock-sku {
  1034. color: #21293c;
  1035. }
  1036. .catalog-product-view .sidebar .custom-block.custom-block-1 {
  1037. margin-top: -25px;
  1038. }
  1039. .block-minicart .block-content > .actions > .secondary .action.viewcart {
  1040. color: #333;
  1041. font-weight: 500;
  1042. font-family: 'Oswald';
  1043. }
  1044. .product-item .rating-summary .rating-result > span:before {
  1045. color: #575f68;
  1046. }
  1047. @media (max-width: 767px) {
  1048. .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 {
  1049. padding-left: 0;
  1050. padding-right: 0;
  1051. }
  1052. }
  1053. .product-info-main .product-addto-links > a.action, .product-info-main .product-addto-links + a.action.mailto {
  1054. width: 43px;
  1055. height: 43px;
  1056. line-height: 41px;
  1057. }
  1058. .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 {
  1059. content: '\e889';
  1060. }