@charset "UTF-8"; /*------------------------------------------------------------------ [Master Stylesheet] Project: Schon Version: 1.0 Primary use: HTML Template for Schon -------------------------------------------------------------------*/ /*------------------------------------------------------------------ 1. import files 2. Body 3. Wrapper / #wrapper 3. Mt Header / #mt-header 4. Mt Top Bar / .mt-top-bar 4. Main / #main 5. Mt Bottom Bar / .mt-bottom-bar 5. Mt Error Section / .mt-error-sec 6. Nav / #nav 6. Mt Newsletter Popup / .mt-newsletter-popup 7. Popup Holder / .popup-holder 7. Mt Nav Holder / .mt-nav-holder 8. Fancybox Skin / .fancybox-skin 8. Mt Side Over / .mt-side-over 9. Mt Map Holder / .mt-map-holder 10. Mt Map Descrp / .mt-map-descrp 11. Mt Contact Detial / .mt-contact-detial 12. Mt Form Section / .mt-form-sec 13. Mt Contact Banner / .mt-contact-banner 14. Mt About Section / .mt-about-sec 15. Mt Team Section / .mt-team-sec 16. Mt Workspace Section / .mt-workspace-sec 17. Mt Process Section / .mt-process-sec 18. Mt seller Section / .mt-seller-sec 19. Mt Heading / .mt-heading 20. Mt Heading2 / .mt-heading2 21. Mt Patners / .mt-patners 23. Mt Product1 / .mt-product1 24. Mt Product2 / .mt-product2 25. product-3 / .product-3 26. Mt product4 / .mt-product4 27. Product Area / .product-area 28. Mt Producttabs / .mt-producttabs 29. Mt Bestseller / .mt-bestseller 30. Mt Smallproducts / .mt-smallproducts 31. Mt Productsc / .mt-productsc 32. Mt Productscrollbar / .mt-productscrollbar 33. js tab hidden / .js-tab-hidden 34. Mt Detail Section / .mt-detail-sec 35. Mt Product Table / .mt-product-table 36. product detail ab / .product-detail-tab 37. product comment / .product-comment 38. related products / .related-products 39. mt shoplist header / .mt-shoplist-header 40. Mt productlisthold / .mt-productlisthold 41. Mt pagination / .mt-pagination 42. product post / .product-post 43. banner frame / .banner-frame 44. banner 1 / .banner-1 45. Baners / .banner-2 46. banner 2 / .banner-2 47. banner 3 / .banner-3 48. banner 4 / .banner-4 49. banner 5 / .banner-5 50. banner 6 / .banner-6 51. banner 7 / .banner-7 52. banner 8 / .banner-8 53. banner 9 / .banner-9 54. banner 12 / .banner-12 55. banner 13 / .banner-13 56. banner 15 / .banner-15 57. banner 17 / .banner-17 58. banner 18 / .banner-18 59. banner 19 / .banner-19 60. banner 20 / .banner-20 61. banner 21 / .banner-21 62. Mt Blog Detail / .mt-blog-detail 63. Mt Blog Post / .mt-bl og-post 64. Btn Holder / .btn-holder 65. Widget / .widget 66. Mt Author Box / .mt-author-box 67. Mt Comments Section / .mt-comments-section 68. Post Blog / .post-blog 69. Loading Holder / .loading-holder 70. Blog Isotops / #blog-isotops 71. Mt Footer / #mt-footer 72. Mt Footer / #mt-footer 73. Sidebar / #sidebar 74. Shop Widget / .shop-widget 75. Nice Form / .nice-form 76. Mt Main Slider / .mt-main-slider 77. Mt Mainslider2 / .mt-mainslider2 78. Mt Mainslider3 / .mt-mainslider3 79. Mt Mainslider4 / .mt-mainslider4 80. Slider 1 / .slider-1 81. Slider 3 / .slider-3 82. Slider 5 / .slider-5 83. Slider 7 / .slider-7 84. Coming Soon -------------------------------------------------------------------*/ .mt-product1 .links, .mt-product2 .links, .product-3 .color-box, .product-3 .links { margin: 0; padding: 0; list-style: none; } #wrapper { width: 100%; overflow: hidden; position: relative; } .clearfix:after, #mt-footer:after, #mt-footer .f-holder:after, .f-promo-box .f-widget-item:after, .mt-product2 .links:after, .mt-detail-sec .block li:after, .mt-product-table:after, .mt-shoplist-header:after, .mt-blog-detail .header:after, .mt-error-sec:after, .mt-newsletter-popup:after, .mt-newsletter-popup .holder:after, .mt-map-descrp:after, .mt-contact-detail .txt-wrap:after, .mt-about-sec:after, .mt-seller-sec:after, #sidebar:after { content: ''; display: block; clear: both; } .mt-top-bar a, .mt-bottom-bar a, .mt-bottom-bar .bar-opener .bar, .mt-bottom-bar .mt-search-box .fa, #nav > ul > li.drop > a:after, #nav .mt-dropmenu, #nav .s-drop, .mt-nav-holder a, .mt-mdropover, .mt-side-over, .mt-side-menu .side-close span, .mt-search-popup .search-close span, .btn-type1, .btn-type2, .btn-type3, .btn-type4 { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* // justify nav %justify { text-align: justify; font-size: 1px; line-height: 0px; > * { display: inline-block; vertical-align: top; text-align: left; font-size: $font-size-base; line-height: $line-height-base; } &:after { content: ''; width: 100%; display: inline-block; vertical-align: top; } } */ .ellipsis { white-space: nowrap; /* 1 */ -o-text-overflow: ellipsis; text-overflow: ellipsis; /* 2 */ overflow: hidden; } #wrapper { padding: 0; } .w1 { -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } a:focus, a:hover { border: 0; outline: none; outline-offset: 0; text-decoration: none; } /*------------------------------------------------------------------ 3. Mt Header / #mt-header -------------------------------------------------------------------*/ #mt-header { z-index: 4; position: relative; } #mt-header a:hover { text-decoration: none; } #mt-header .icon-heart { position: relative; top: 2px; } #mt-header .icon-magnifier { position: relative; top: 2px; } .mt-logo img { max-width: 200px; /* Максимальная ширина логотипа */ max-height: 50px; /* Максимальная высота логотипа */ width: auto; /* Автоматическая ширина, чтобы сохранить пропорции */ height: auto; /* Автоматическая высота, чтобы сохранить пропорции */ display: block; /* Убирает возможные пробелы под изображением */ object-fit: contain; /* Удерживает изображение внутри заданных рамок без искажения */ } #mt-header.style2 .mt-logo { float: none; margin: 0 auto; display: block; } #mt-header.style2 #nav { margin: 0; float: none; } #mt-header.style2 #nav ul { float: none; } #mt-header.style3 .mt-top-bar { padding: 0; background: #282828; } #mt-header.style3 .tel { color: #a1a1a1; font-size: 12px; padding: 9px 12px; margin: 0 22px 0 0; } #mt-header.style3 .tel .fa { font-size: 12px; margin: 0 4px 0 0; } #mt-header.style3 .tel.active, #mt-header.style3 .tel:hover { background: #3f3e43; } #mt-header.style3 .mt-bottom-bar { padding: 31px 0; } #mt-header.style3 #nav { margin: 10px 0 0; } #mt-header.style4 .mt-bottom-bar { padding: 18px 19px 19px 18px; } #mt-header.style4 #nav { margin: 17px -12px 0 0; } #mt-header.style4 .tel { float: left; color: #2e2e2e; letter-spacing: 1px; margin: 10px 0 0 39px; font: 700 12px/19px "Oxygen", sans-serif; } #mt-header.style4 .tel .fa { font-size: 14px; margin: 0 9px 0 0; } #mt-header.style5 .mt-bottom-bar { padding: 0; } #mt-header.style5 #nav { margin: 17px 0 0; text-transform: capitalize; } #mt-header.style5 #nav > ul > li { margin: 0 18px 0 2px; } #mt-header.style5 #nav > ul > li.drop { margin: 0 9px 0 0; } #mt-header.style5 #nav .mt-dropmenu { top: 68px; } #mt-header.style5 .mt-icon-list li { margin: 13px 27px 0 0; } #mt-header.style5 .icon-magnifier { width: 25px; height: 25px; color: #2e2e2e; display: block; font-size: 11px; border-radius: 50%; padding: 6px 0 0 6px; border: 1px solid #2e2e2e; } #mt-header.style5 .icon-magnifier:hover { color: #ff6060; border-color: #ff6060; } #mt-header.style5 .mt-logo { margin: 32px 0 0; } #mt-header.style5 .tel { float: left; color: #2e2e2e; letter-spacing: 1px; margin: 42px 0 0 19px; font: 700 12px/19px "Oxygen", sans-serif; } #mt-header.style6 { background: #fff; } #mt-header.style6 .mt-top-bar { color: #a1a1a1; padding: 12px 0 4px; background: transparent; border-bottom: 1px solid #f2f2f2; } #mt-header.style6 .mt-top-bar a { color: #a1a1a1; } #mt-header.style6 .mt-top-bar a:hover { color: #ff6060; } #mt-header.style6 .tel { margin: 0 53px 0 0; } #mt-header.style6 .mt-top-lang { border-color: #dadada; } #mt-header.style6 .mt-logo { float: none; margin: 0 auto; display: block; } #mt-header.style6 .mt-bottom-bar { padding: 33px 0 28px; } #mt-header.style6 .mt-icon-list li { margin-top: -6px; } #mt-header.style6 .mt-icon-list a { color: #a1a1a1; } #mt-header.style6 .mt-icon-list a:hover { color: #ff6060; } #mt-header.style6 .cart-opener .num { background: #7e7e7e; } #mt-header.style6 .bar-opener { border-color: #a1a1a1; } #mt-header.style6 .bar-opener .bar { float: left; background: #a1a1a1; } #mt-header.style6 .bar-opener.active, #mt-header.style6 .bar-opener:hover { border-color: #ff6060; } #mt-header.style6 .bar-opener.active .bar, #mt-header.style6 .bar-opener:hover .bar { background: #ff6060; } #mt-header.style7 .mt-top-bar { padding: 0; } #mt-header.style7 .tel { color: #a1a1a1; font-size: 12px; padding: 9px 12px; margin: 0 22px 0 0; } #mt-header.style7 .tel .fa { font-size: 12px; margin: 0 4px 0 0; } #mt-header.style7 .tel.active, #mt-header.style7 .tel:hover { background: #3f3e43; } #mt-header.style7 .mt-bottom-bar { padding: 22px 0; } #mt-header.style7 .mt-icon-list { margin: 0 13px 0 0; } #mt-header.style7 #nav { margin: 9px 40px 0 0; } #mt-header.style8 .mt-top-bar { color: #a1a1a1; padding: 12px 0 4px; background: transparent; border-bottom: 1px solid #dadada; } #mt-header.style8 .mt-top-bar a { color: #a1a1a1; } #mt-header.style8 .mt-top-bar a:hover { color: #ff6060; } #mt-header.style8 .tel { margin: 0 53px 0 0; } #mt-header.style8 .mt-top-lang { border-color: #dadada; } #mt-header.style8 .mt-icon-list li { margin-top: -6px; } #mt-header.style8 .mt-icon-list a { color: #a1a1a1; } #mt-header.style8 .mt-icon-list a:hover { color: #ff6060; } #mt-header.style8 .cart-opener .num { background: #7e7e7e; } #mt-header.style8 .bar-opener { border-color: #a1a1a1; } #mt-header.style8 .bar-opener .bar { background: #a1a1a1; } #mt-header.style8 .bar-opener.active, #mt-header.style8 .bar-opener:hover { border-color: #ff6060; } #mt-header.style8 .bar-opener.active .bar, #mt-header.style8 .bar-opener:hover .bar { background: #ff6060; } #mt-header.style8 .mt-logo { float: none; margin: 0 auto; display: block; } #mt-header.style8 #nav { margin: 0; float: none; } #mt-header.style8 #nav > ul { float: none; } #mt-header.style8 #nav > ul > li > a { color: #5b5b5b; } #mt-header.style8 #nav > ul > li > a:hover { color: #ff6060; } #mt-header.style8 #nav > ul > li:hover > a { color: #fff; } #mt-header.style8 .mt-top-social { font-size: 14px; padding: 2px 0 0; } #mt-header.style8 .mt-top-social a { color: #a1a1a1; } #mt-header.style8 .mt-top-social a:hover { color: #ff6060; } #mt-header.style8 .mt-bottom-bar { padding: 36px 0 25px; background: transparent; border-bottom: 1px solid #dadada; } #mt-header.style8 .mt-nav-holder { padding: 30px 0; } #mt-header.style9 { background: #fff; } #mt-header.style9 .mt-logo { float: none; margin: 0 auto; display: block; } #mt-header.style9 .mt-bottom-bar { padding: 33px 0 28px; } #mt-header.style9 .mt-icon-list li { margin-top: -6px; } #mt-header.style9 .mt-icon-list.right { margin: -5px 0 0; } #mt-header.style9 #nav { float: left; margin: 5px 0 0 34px; } #mt-header.style9 #nav .mt-dropmenu { padding: 25px 0 0; } #mt-header.style10 .mt-top-bar { color: #8f8d8c; background: transparent; padding: 23px 28px 5px 33px; border-bottom: 1px solid rgba(238, 238, 238, 0.22); } #mt-header.style10 .mt-top-bar a { color: #8f8d8c; } #mt-header.style10 .mt-top-bar a:hover { color: #ff6060; } #mt-header.style10 .mt-bottom-bar { background: transparent; padding: 33px 16px 36px 30px; border-bottom: 1px solid rgba(238, 238, 238, 0.22); } #mt-header.style10 .mt-top-lang { border: 0; } #mt-header.style10 .mt-top-social { padding: 4px 0 0; } #mt-header.style10 .mt-top-social a { color: #fff; } #mt-header.style10 .mt-top-social a:hover { color: #ff6060; } #mt-header.style10 .mt-icon-list { margin-top: -5px; } #mt-header.style10 .mt-icon-list li { margin: 0 0 0 21px; } #mt-header.style10 .mt-icon-list a { color: #fff; } #mt-header.style10 .mt-icon-list a:hover { color: #ff6060; } #mt-header.style10 .bar-opener { border-color: transparent; } #mt-header.style10 .bar-opener .bar { background: #fff; } #mt-header.style10 .bar-opener.active .bar, #mt-header.style10 .bar-opener:hover .bar { background: #ff6060; } #mt-header.style10 .mt-logo { float: none; margin: 0 auto; display: block; } #mt-header.style10 #nav { margin: 0; float: none; } #mt-header.style10 #nav > ul { float: none; } #mt-header.style10 #nav > ul > li > a { color: #fff; } #mt-header.style10 #nav > ul > li > a:hover { color: #ff6060; } #mt-header.style10 #nav > ul > li:hover > a { color: #fff; } #mt-header.style10 .mt-nav-holder { padding: 34px 0; } #mt-header.style11 .mt-bottom-bar { background: transparent; padding: 70px 16px 70px 30px; } #mt-header.style11 .mt-icon-list { margin-top: -5px; } #mt-header.style11 .mt-icon-list li { margin: 0 0 0 21px; } #mt-header.style11 .mt-icon-list a { color: #fff; } #mt-header.style11 .mt-icon-list a:hover { color: #ff6060; } #mt-header.style11 .bar-opener { border-color: transparent; } #mt-header.style11 .bar-opener .bar { background: #fff; } #mt-header.style11 .bar-opener.active .bar, #mt-header.style11 .bar-opener:hover .bar { background: #ff6060; } #mt-header.style12 .mt-top-bar { color: #8f8d8c; background: transparent; padding: 23px 28px 5px 33px; border-bottom: 1px solid rgba(238, 238, 238, 0.22); } #mt-header.style12 .mt-top-bar a { color: #8f8d8c; } #mt-header.style12 .mt-top-bar a:hover { color: #ff6060; } #mt-header.style12 .mt-bottom-bar { background: transparent; padding: 35px 35px 36px 30px; border-bottom: 1px solid rgba(238, 238, 238, 0.22); } #mt-header.style12 .mt-top-lang { border: 0; } #mt-header.style12 .mt-top-social { margin: 0; font-size: 13px; } #mt-header.style12 .tel { float: left; color: #fff; margin: 6px 0 0 5px; letter-spacing: 1px; font: 700 14px/20px "Oxygen", sans-serif; } #mt-header.style12 .tel .fa { font-size: 14px; margin: 0 12px 0 0; } #mt-header.style12 .mt-icon-list { margin-top: -5px; } #mt-header.style12 .mt-icon-list li { margin: 0 0 0 15px; } #mt-header.style12 .mt-icon-list a { color: #fff; } #mt-header.style12 .mt-icon-list a:hover { color: #ff6060; } #mt-header.style12 .bar-opener { border-color: transparent; } #mt-header.style12 .bar-opener .bar { background: #fff; } #mt-header.style12 .bar-opener.active .bar, #mt-header.style12 .bar-opener:hover .bar { background: #ff6060; } #mt-header.style12 .mt-logo { float: none; margin: 0 auto; display: block; } #mt-header.style12 #nav { margin: 0; float: none; } #mt-header.style12 #nav > ul { float: none; } #mt-header.style12 #nav > ul > li > a { color: #fff; } #mt-header.style12 #nav > ul > li > a:hover { color: #ff6060; } #mt-header.style12 #nav > ul > li:hover > a { color: #fff; } #mt-header.style12 .mt-nav-holder { padding: 34px 0; } #mt-header.style13 .mt-bottom-bar { padding: 48px 26px 43px 47px; } #mt-header.style13 #nav { margin: 12px -3px 0 0; } #mt-header.style13 .mt-icon-list li { margin: 5px 0 0 17px; } #mt-header.style13 .bar-opener.big { border-color: #fff; padding: 3px 4px 0 0; } #mt-header.style13 .tel { float: left; color: #2e2e2e; letter-spacing: 1px; margin: 10px 0 0 23px; font: 700 12px/19px "Oxygen", sans-serif; } #mt-header.style13 .tel .fa { font-size: 14px; margin: 0 9px 0 0; } #mt-header.style14 { top: 0; left: 0; right: 0; position: absolute; } #mt-header.style14 .mt-top-bar { padding: 14px 0 9px; background: transparent; } #mt-header.style14 .mt-bottom-bar { float: left; width: 100%; z-index: 1; position: relative; padding: 28px 11px 33px 20px; } #mt-header.style14 .mt-bottom-bar:after { top: 0; bottom: 0; left: -14px; z-index: -1; content: ""; right: -9999px; background: #fff; position: absolute; } #mt-header.style14 .mt-logo { margin: 5px 0 0; } #mt-header.style14 #nav { margin: 12px -3px 0 0; } #mt-header.style14 #nav .mt-dropmenu { top: 55px; } #mt-header.style14 .mt-icon-list li { margin: 5px 2px 0 18px; } #mt-header.style14 .bar-opener.big { border-color: #fff; padding: 3px 4px 0 0; } #mt-header.style15 .mt-top-bar { background: transparent; padding: 24px 21px 4px 54px; } #mt-header.style15 .mt-bottom-bar { background: transparent; padding: 8px 10px 42px 67px; } #mt-header.style15 .tel { float: right; color: #5b5b5b; } #mt-header.style15 .tel .fa { font-size: 12px; margin: 0 12px 0 28px; } #mt-header.style15 .mt-top-lang { border-left: 0; color: #5b5b5b; margin: 3px 0 8px; padding: 0 25px 1px 0; border-right: 1px solid #5b5b5b; } #mt-header.style15 .mt-top-lang .lang-opener { color: #5b5b5b; } #mt-header.style15 .mt-top-lang .lang-opener:hover { color: #ff6060; } #mt-header.style15 .mt-icon-list li { margin: 1px 6px 0 17px; } #mt-header.style15 .mt-icon-list a { color: #fff; } #mt-header.style15 .mt-icon-list a:hover { color: #ff6060; } #mt-header.style15 #nav { margin: 9px 0 0; } #mt-header.style15 #nav > ul > li > a { color: #fff; } #mt-header.style15 #nav > ul > li > a:hover { color: #ff6060; } #mt-header.style15 #nav > ul > li:hover > a { color: #fff; } #mt-header.style15 .bar-opener { border-color: transparent; } #mt-header.style15 .bar-opener .bar { background: #fff; } #mt-header.style15 .bar-opener.active .bar, #mt-header.style15 .bar-opener:hover .bar { background: #ff6060; } #mt-header.style16 .mt-top-bar { background: none; } #mt-header.style17 { color: #a1a1a1; } #mt-header.style17 .mt-top-bar { padding: 10px 0; background: #f2f2f2; } #mt-header.style17 .mt-top-bar .tel { color: #a1a1a1; margin: 0 46px 0 0; font-family: "Source Sans Pro", sans-serif; } #mt-header.style17 .mt-top-bar .tel:hover { color: #ff6060; } #mt-header.style17 .mt-top-bar .tel .fa { font-size: 12px; margin: 0 3px 0 0; } #mt-header.style17 .mt-bottom-bar { padding: 26px 0 34px; } #mt-header.style17 .mt-bottom-bar .mt-logo { margin: 6px 0 0; } #mt-header.style17 .mt-bottom-bar .mt-icon-list { padding: 0 12px 0 0; } #mt-header.style17 .container-fluid { margin: 0 auto; max-width: 1485px; } #mt-header.style18 { background: #fff; } #mt-header.style18 .mt-top-bar { color: #e6e6e6; padding: 9px 0 4px; background: #3d3d3d; } #mt-header.style18 .mt-top-bar a { color: #e6e6e6; } #mt-header.style18 .mt-top-bar a:hover { color: #ff6060; } #mt-header.style18 .tel { margin: 0 53px 0 0; } #mt-header.style18 .mt-top-lang { border-color: #dadada; } #mt-header.style18 .mt-logo { float: none; margin: 0 auto; display: block; } #mt-header.style18 .mt-bottom-bar { padding: 33px 0 28px; } #mt-header.style18 .mt-icon-list li { margin-top: -6px; } #mt-header.style18 .mt-icon-list li.drop.open > a { color: #fff; } #mt-header.style18 .mt-icon-list a { color: #7e7e7e; } #mt-header.style18 .mt-icon-list a:hover { color: #ff6060; } #mt-header.style18 .mt-icon-list .btn-type3 { color: #fff; } #mt-header.style18 .mt-icon-list .btn-type3:hover { color: #000; } #mt-header.style18 .mt-icon-list .btn-type2 { color: #000; } #mt-header.style18 .mt-icon-list .btn-type2:hover { color: #fff; } #mt-header.style18 .cart-opener .num { background: #7e7e7e; } #mt-header.style18 .bar-opener { border-color: #7e7e7e; } #mt-header.style18 .bar-opener .bar { float: left; background: #7e7e7e; } #mt-header.style18 .bar-opener.active, #mt-header.style18 .bar-opener:hover { border-color: #ff6060; } #mt-header.style18 .bar-opener.active .bar, #mt-header.style18 .bar-opener:hover .bar { background: #ff6060; } #mt-header.style19 .mt-top-bar { color: #a1a1a1; padding: 9px 0 7px; background: #f2f2f2; } #mt-header.style19 .mt-top-bar a { color: #a1a1a1; } #mt-header.style19 .mt-top-bar a:hover { color: #ff6060; } #mt-header.style19 .tel { margin: 0 41px 0 0; } #mt-header.style19 .mt-top-lang { border-color: #dadada; } #mt-header.style19 .mt-icon-list { margin: -12px 4px 0 0; } #mt-header.style19 .mt-icon-list li { margin-top: -6px; } #mt-header.style19 .mt-icon-list a { color: #7e7e7e; } #mt-header.style19 .mt-icon-list a:hover { color: #ff6060; } #mt-header.style19 .cart-opener .num { background: #7e7e7e; } #mt-header.style19 .bar-opener { border-color: #a1a1a1; } #mt-header.style19 .bar-opener .bar { background: #a1a1a1; } #mt-header.style19 .bar-opener.active, #mt-header.style19 .bar-opener:hover { border-color: #ff6060; } #mt-header.style19 .bar-opener.active .bar, #mt-header.style19 .bar-opener:hover .bar { background: #ff6060; } #mt-header.style19 .mt-logo { float: none; margin: 0 auto; display: block; } #mt-header.style19 #nav { margin: 0; float: none; } #mt-header.style19 #nav > ul { float: none; } #mt-header.style19 #nav > ul > li > a { color: #5b5b5b; } #mt-header.style19 #nav > ul > li > a:hover { color: #ff6060; } #mt-header.style19 #nav > ul > li:hover.drop > a { color: #fff; } #mt-header.style19 #nav .mt-dropmenu { padding: 21px 0 0; } #mt-header.style19 .mt-top-social { font-size: 14px; padding: 2px 0 0; } #mt-header.style19 .mt-top-social a { color: #7e7e7e; } #mt-header.style19 .mt-top-social a:hover { color: #ff6060; } #mt-header.style19 .mt-bottom-bar { padding: 36px 0 25px; background: transparent; border-bottom: 1px solid #dadada; } #mt-header.style19 .mt-nav-holder { padding: 30px 0; } #mt-header.sticky .mt-bottom-bar { top: 0; left: 0; right: 0; position: fixed; -webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.1); } #mt-header.sticky.style19 .mt-bottom-bar { position: static; } #mt-header.sticky.style19 .mt-nav-holder { top: 0; left: 0; right: 0; position: fixed; background: #fff; } /*------------------------------------------------------------------ 4. Mt Top Bar / .mt-top-bar -------------------------------------------------------------------*/ .mt-top-bar { color: #fff; background: #000; padding: 12px 30px 4px 54px; } .mt-top-bar a { color: #fff; } .mt-top-bar a:hover { color: #ff6060; } .mt-top-bar .tel { float: left; letter-spacing: 1px; font: 700 12px/19px "Oxygen", sans-serif; } .mt-top-bar .tel .fa { font-size: 14px; margin: 0 9px 0 0; } .mt-top-bar .mt-top-social { padding: 0; float: left; list-style: none; margin: 0 0 0 44px; } .mt-top-bar .mt-top-social li { float: left; margin: 0 10px 0 3px; } .mt-top-bar .account { float: right; letter-spacing: 1px; font: 11px/20px "Oxygen", sans-serif; } .mt-top-bar .account a { font-weight: 700; } .mt-top-bar .mt-top-lang { float: right; position: relative; z-index: 3; padding: 0 0 1px 16px; margin: 3px 0 8px 16px; border-left: 1px solid #808080; font: 11px/14px "Oxygen", sans-serif; } .mt-top-bar .mt-top-lang:hover .drop { display: block; } .mt-top-bar .mt-top-lang .lang-opener { letter-spacing: 1px; } .mt-top-bar .mt-top-lang .lang-opener .fa { font-size: 13px; margin: 0 0 0 2px; } .mt-top-bar .mt-top-lang .drop { top: 100%; right: 0; width: 84px; display: none; position: absolute; } .mt-top-bar .mt-top-lang ul { overflow: hidden; margin: 0; text-align: left; padding: 10px 10px 10px 18px; background: #3d3d3d; } .mt-top-bar .mt-top-lang ul li { display: block; } .mt-top-bar .mt-top-list { margin: 0; padding: 0; float: right; list-style: none; letter-spacing: 1px; font: 700 11px/20px "Oxygen", sans-serif; } .mt-top-bar .mt-top-list li { float: left; } .mt-top-bar .mt-top-list li.active a { background: #3f3e43; } .mt-top-bar .mt-top-list a { color: #a1a1a1; display: block; padding: 9px 19px; } .mt-top-bar .mt-top-list a:hover { background: #3f3e43; } .mt-top-bar .mt-top-list2 { margin: 0; padding: 0; width: 100%; float: right; list-style: none; letter-spacing: 1px; font: 700 11px/18px "Source Sans Pro", sans-serif; } .mt-top-bar .mt-top-list2 li { float: right; padding: 0 11px; margin: 0 0 0 4px; border-left: 1px solid #dbdbdb; } .mt-top-bar .mt-top-list2 li:last-child { border: 0; } .mt-top-bar .mt-top-list2 a { color: #a1a1a1; } .mt-top-bar .mt-top-list2 a:hover { color: #ff6060; } /*------------------------------------------------------------------ 5. Mt Bottom Bar / .mt-bottom-bar -------------------------------------------------------------------*/ .mt-bottom-bar { background: #fff; padding: 42px 31px 42px 48px; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-bottom-bar .mt-holder { float: left; width: 100%; } .mt-bottom-bar .mt-top-social { margin: 0; float: left; font-size: 19px; padding: 9px 0 0; list-style: none; } .mt-bottom-bar .mt-top-social li { float: left; margin: 0 12px 0 3px; } .mt-bottom-bar .mt-top-social a { color: #2f2f2f; } .mt-bottom-bar .mt-top-social a:hover { color: #ff6060; text-decoration: none; } .mt-bottom-bar .mt-logo { float: left; } .mt-bottom-bar .mt-logo img { display: block; } .mt-bottom-bar .mt-icon-list { margin: 0; padding: 0; float: right; font-size: 24px; list-style: none; } .mt-bottom-bar .mt-icon-list li { position: relative; margin: 5px 0 0 15px; display: inline-block; vertical-align: middle; } .mt-bottom-bar .mt-icon-list li > a { color: #2f2f2f; } .mt-bottom-bar .mt-icon-list li > a:hover { color: #ff6060; text-decoration: none; } .mt-bottom-bar .mt-icon-list li.drop.open > a { z-index: 5; color: #fff; } .mt-bottom-bar .mt-icon-list li.drop.open > a:after { width: 0; top: 83%; left: 50%; height: 0; content: " "; margin-left: -13px; position: absolute; pointer-events: none; border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 13px; } .mt-bottom-bar .mt-icon-list li.open .mt-drop { opacity: 1; visibility: visible; } .mt-bottom-bar .mt-icon-list li.open .mt-mdropover { opacity: 1; visibility: visible; } .mt-bottom-bar .mt-icon-list.right { float: left; } .mt-bottom-bar .mt-icon-list.right .bar-opener .bar { float: left; } .mt-bottom-bar .mt-icon-list .mt-drop { top: 100%; z-index: 2; opacity: 0; width: 380px; right: -49px; position: absolute; visibility: hidden; } .mt-bottom-bar .mt-icon-list .mt-drop .mt-drop-sub { margin: 18px 0 0; background: #fff; } .mt-bottom-bar .mt-icon-list .mt-drop .mt-side-widget { padding: 52px 24px 45px 37px; } .mt-bottom-bar .cart-opener { display: block; position: relative; } .mt-bottom-bar .cart-opener .num { width: 22px; right: -12px; bottom: -2px; height: 22px; color: #fff; text-align: center; background: #2e2e2e; position: absolute; border-radius: 50%; border: 2px solid #fff; font: 11px/15px "Montserrat", sans-serif; } .mt-bottom-bar .bar-opener { width: 24px; height: 24px; display: block; font-size: 23px; text-align: right; border-radius: 50%; padding: 6px 4px 0 0; border: 2px solid #000; } .mt-bottom-bar .bar-opener .bar { height: 2px; width: 11px; float: right; background: #000; margin: 0 0 1px 5px; } .mt-bottom-bar .bar-opener .bar.small { width: 7px; } .mt-bottom-bar .bar-opener.active, .mt-bottom-bar .bar-opener:hover { border-color: #ff6060; } .mt-bottom-bar .bar-opener.active .bar, .mt-bottom-bar .bar-opener:hover .bar { background: #ff6060; } .mt-bottom-bar .bar-opener.big .bar { width: 20px; margin: 0 0 3px 5px; } .mt-bottom-bar .bar-opener.big .bar.small { width: 17px; } .mt-bottom-bar .mt-sh-cart { width: 180px; float: right; color: #000; margin: 0 0 0 31px; position: relative; letter-spacing: 1px; padding: 2px 0 0 42px; font: 11px/15px "Montserrat", sans-serif; } .mt-bottom-bar .mt-sh-cart .icon-handbag { top: 5px; left: 5px; font-size: 24px; position: absolute; } .mt-bottom-bar .mt-sh-cart strong { display: block; margin: 0 0 2px; font-size: 12px; } .mt-bottom-bar .mt-sh-cart span { display: block; } .mt-bottom-bar .mt-sh-cart2 { float: right; width: 103px; height: 85px; color: #fff; padding: 22px 0 0; text-align: center; background: #414544; letter-spacing: 1px; font: 700 11px/25px "Oxygen", sans-serif; } .mt-bottom-bar .mt-sh-cart2 span { display: block; } .mt-bottom-bar .mt-sh-cart2 .icon-handbag { font-size: 24px; } .mt-bottom-bar .mt-top-list { margin: 0; padding: 0; width: 100%; float: right; list-style: none; letter-spacing: 1px; font: 700 11px/18px "Oxygen", sans-serif; } .mt-bottom-bar .mt-top-list li { float: right; margin: 0 9px 0 3px; padding: 0 10px 0 15px; border-left: 1px solid #dbdbdb; } .mt-bottom-bar .mt-top-list li:last-child { border: 0; } .mt-bottom-bar .mt-top-list a { color: #8a8a8a; } .mt-bottom-bar .mt-top-list a:hover { color: #ff6060; } .mt-bottom-bar .mt-nav-box { width: 68%; float: right; padding: 18px 0 0 0; } .mt-bottom-bar .mt-search-box { width: 52.5%; float: right; position: relative; border-radius: 14px; margin: 4px 3.1% 0 0; border: 2px solid #000; padding: 5px 50px 4px 23px; } .mt-bottom-bar .mt-search-box ::-webkit-input-placeholder { color: #919191; } .mt-bottom-bar .mt-search-box ::-moz-placeholder { opacity: 1; color: #919191; } .mt-bottom-bar .mt-search-box :-moz-placeholder { color: #919191; } .mt-bottom-bar .mt-search-box :-ms-input-placeholder { color: #919191; } .mt-bottom-bar .mt-search-box .placeholder { color: #919191; } .mt-bottom-bar .mt-search-box input { border: 0; margin: 0; padding: 0; width: 100%; float: left; height: 20px; outline: none; color: #919191; background: transparent; font: 12px/20px "Source Sans Pro", sans-serif; } .mt-bottom-bar .mt-search-box .fa { top: 6px; border: 0; right: 10px; color: #000; font-size: 16px; background: none; position: absolute; } .mt-bottom-bar .mt-search-box .fa:hover { color: #ff6060; } /*------------------------------------------------------------------ 6. Nav / #nav -------------------------------------------------------------------*/ #nav { float: right; margin: 12px 0 0; text-transform: uppercase; font: 14px/20px "Montserrat", sans-serif; } #nav > ul { margin: 0; padding: 0; float: right; list-style: none; } #nav > ul > li { position: relative; vertical-align: top; margin: 0 36px 0 7px; display: inline-block; } #nav > ul > li .mt-mdropover { pointer-events: none; } #nav > ul > li > a { color: #2e2e2e; position: relative; letter-spacing: 1px; } #nav > ul > li > a:hover { color: #ff6060; text-decoration: none; } #nav > ul > li.drop { position: static; margin: 0 29px 0 0; } #nav > ul > li.drop > a:after { width: 0; top: 100%; left: 50%; height: 0; opacity: 0; content: " "; visibility: hidden; margin-left: -13px; position: absolute; pointer-events: none; border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 13px; } #nav > ul > li.drop:hover > a { z-index: 5; color: #fff; } #nav > ul > li.drop:hover > a:after { visibility: visible; opacity: 1; } #nav > ul > li:hover .mt-dropmenu { opacity: 1; visibility: visible; } #nav > ul > li:hover .mt-mdropover { opacity: 1; visibility: visible; } #nav > ul > li:hover .s-drop { opacity: 1; visibility: visible; top: 100%; } #nav > ul > li.dark > a:after { border-bottom-color: #000 !important; } #nav > ul > li.dark .mt-frame { background: #000 !important; } #nav > ul > li.dark .title { color: #c5c5c5; } #nav > ul > li.dark .title a { color: #c5c5c5; } #nav > ul > li.dark .title a:hover { color: #ff6060; } #nav > ul > li.dark .title:after { background: #c5c5c5; } #nav > ul > li.dark .mt-dropmenu a { color: #909295; } #nav > ul > li.dark .mt-dropmenu a:hover { color: #ff6060; } #nav .mt-dropmenu { top: 24px; z-index: 5; opacity: 0; left: -9999px; right: -9999px; padding: 30px 0 0; visibility: hidden; position: absolute; } #nav .mt-dropmenu .sub-dropcont { overflow: hidden; margin: 0 0 31px; } #nav .mt-dropmenu .sub-drop { overflow: hidden; } #nav .mt-dropmenu .title { display: block; color: #535353; margin: 0 0 18px; padding: 0 0 4px; position: relative; pointer-events: none; font: 16px/20px "Montserrat", sans-serif; } #nav .mt-dropmenu .title a { color: #535353; } #nav .mt-dropmenu .title a:hover { color: #ff6060; } #nav .mt-dropmenu .title:after { left: 0; bottom: 0; height: 2px; width: 68px; content: ""; position: absolute; background: #5a5a5a; } #nav .mt-dropmenu .title.small:after { width: 34px; } #nav .mt-dropmenu ul { margin: 0; padding: 0; overflow: hidden; list-style: none; text-transform: lowercase; font: 300 14px/20px "Source Sans Pro", sans-serif; } #nav .mt-dropmenu ul li { margin: 0 0 4px; text-transform: capitalize; } #nav .mt-dropmenu ul a { color: #757575; } #nav .mt-dropmenu ul a:hover { color: #ff6060; } #nav .mt-dropmenu .mt-frame { margin: 0 auto; overflow: hidden; max-width: 1200px; background: #fff; background-size: cover; padding: 69px 72px 26px; background-repeat: no-repeat; background-position: 50% 100%; } #nav .mt-dropmenu .mt-frame .mt-f-box { overflow: hidden; } #nav .mt-dropmenu .mt-col-3 { float: left; width: 23.3%; } #nav .mt-dropmenu .mt-col-3.promo { width: 30%; padding: 0 0 0 1.9%; } #nav .mt-dropmenu .mt-col-3.coll5 { width: 20%; } #nav .mt-dropmenu .mt-promobox-h { overflow: hidden; padding: 30px 0 20px; } #nav .mt-dropmenu .mt-promobox-h .mt-promobox { float: left; padding: 0 0 20px; } #nav .mt-dropmenu .mt-promobox-h .mt-promobox:nth-child(even) { float: right; } #nav .s-drop { left: 0; top: 140%; margin: 0; opacity: 0; width: 220px; list-style: none; text-align: left; padding: 28px 0 0; visibility: hidden; position: absolute; font: 300 12px/35px "Source Sans Pro", sans-serif; } #nav .s-drop ul { margin: 0; padding: 0; list-style: none; } #nav .s-drop ul > li { padding: 0 15px; position: relative; border-bottom: 1px solid #eee; } #nav .s-drop ul > li.drop:before { top: 7px; right: 10px; color: #2e2e2e; font-size: 11px; content: "\f105"; position: absolute; font-family: "FontAwesome"; } #nav .s-drop ul > li:hover .s-drop { opacity: 1 !important; visibility: visible !important; top: 0 !important; } #nav .s-drop ul > li:last-child { border-bottom: 0; } #nav .s-drop > ul { padding: 5px 0; background: #fff; border: 1px solid #eee; } #nav .s-drop a { display: block; color: #2e2e2e; position: relative; letter-spacing: 1px; } #nav .s-drop .s-drop { left: 100%; background: #fff; top: 140% !important; opacity: 0 !important; border: 1px solid #eee; visibility: hidden !important; } /*------------------------------------------------------------------ 7. Mt Nav Holder / .mt-nav-holder -------------------------------------------------------------------*/ .mt-nav-holder { padding: 21px 0; } .marginzero { margin: 0 !important; } .bgblack { background: #000 !important; } .mt-mdropover { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 1; position: fixed; visibility: hidden; background: rgba(0, 0, 0, 0.5); } /*------------------------------------------------------------------ 8. Mt Side Over / .mt-side-over -------------------------------------------------------------------*/ .mt-side-over { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 5; position: fixed; visibility: hidden; background: rgba(0, 0, 0, 0.5); } .mt-side-over.active { opacity: 1; visibility: visible; } /*------------------------------------------------------------------ 9. Mt Side Menu / .mt-side-menu -------------------------------------------------------------------*/ .mt-side-menu { top: 0; right: 0; bottom: 0; width: 385px; z-index: 9999; position: fixed; overflow-y: auto; background: #f8f8f8; transform: translateX(385px); -ms-transform: translateX(385px); -webkit-transform: translateX(385px); -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-side-menu .side-close { top: 38px; right: 40px; width: 16px; height: 16px; position: absolute; } .mt-side-menu .side-close span { height: 2px; width: 16px; display: block; background: #9d9d9d; transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .mt-side-menu .side-close span + span { margin: -2px 0 0; transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .mt-side-menu .side-close:hover span { background: #ff6060; } .mt-side-menu .mt-side-title { color: #777; display: block; margin: 0 0 20px; background: #f0f0f0; text-transform: uppercase; padding: 30px 50px 24px 34px; font: 18px/20px "Montserrat", sans-serif; } .side-col-active .mt-side-menu .mt-mdropover { opacity: 1; visibility: visible; } .side-col-active .w1 { transform: translateX(-383px); -ms-transform: translateX(-383px); -webkit-transform: translateX(-383px); } .right-side.side-col-active .w1 { transform: translateX(383px); -ms-transform: translateX(383px); -webkit-transform: translateX(383px); } .right-side .mt-side-menu { left: 0; right: auto; transform: translateX(-385px); -ms-transform: translateX(-385px); -webkit-transform: translateX(-385px); } .mt-side-widget { color: #7d7d7d; overflow: hidden; padding: 43px 32px 37px 34px; font: 300 14px/20px "Source Sans Pro", sans-serif; } .mt-side-widget.borderbottom { border-bottom: 1px solid #e6e6e6; } .mt-side-widget .mt-side-subtitle { display: block; margin: 0 0 10px; text-transform: uppercase; font: 18px/20px "Montserrat", sans-serif; } .mt-side-widget p { margin: 0; } .mt-side-widget header { overflow: hidden; margin: 0 0 35px; } .mt-side-widget form { overflow: hidden; position: relative; margin: 0 0 0 -6px; } .mt-side-widget form ::-webkit-input-placeholder { color: #909090; } .mt-side-widget form ::-moz-placeholder { opacity: 1; color: #909090; } .mt-side-widget form :-moz-placeholder { color: #909090; } .mt-side-widget form :-ms-input-placeholder { color: #909090; } .mt-side-widget form .placeholder { color: #909090; } .mt-side-widget form .checkbox { top: 0; left: 0; opacity: 0; z-index: -9; visibility: hidden; position: absolute; } .mt-side-widget form .box { float: left; width: 100%; margin: 0 0 16px; padding: 5px 9px 0 7px; } .mt-side-widget form .left { float: left; position: relative; } .mt-side-widget form .left label { margin: 0; color: #9a9a9a; position: relative; padding: 0 0 0 18px; font: 11px/18px "Oxygen", sans-serif; } .mt-side-widget form .left label:after { left: 0; top: 3px; content: ""; width: 10px; height: 10px; position: absolute; background: #dadada; } .mt-side-widget form .left label:before { top: -1px; left: 1px; z-index: 2; display: none; font-size: 8px; color: #ff6060; content: "\f00c"; position: absolute; font-family: 'FontAwesome'; } .mt-side-widget form .left .checkbox:checked + label:before { display: block; } .mt-side-widget form .help { float: right; color: #9a9a9a; font: 12px/18px "Oxygen", sans-serif; } .mt-side-widget form .help:hover { color: #ff6060; } .mt-side-widget .input { border: 0; float: left; width: 100%; height: 38px; outline: none; color: #909090; margin: 0 0 11px; padding: 9px 22px; background: #f0f0f0; border-radius: 30px; font: 300 14px/20px "Source Sans Pro", sans-serif; } .mt-side-widget .fa-search { border: 0; top: 14px; right: 16px; color: #909090; font-size: 12px; background: none; position: absolute; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .mt-side-widget .fa-search:hover { color: #ff6060; } .mt-side-widget .cart-row { overflow: hidden; margin: 0 0 17px; position: relative; } .mt-side-widget .cart-row .close { top: 10px; right: 15px; color: #ff6060; font-size: 14px; position: absolute; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-side-widget .cart-row .close:hover { color: #000; text-decoration: none; } .mt-side-widget .cart-row .img { width: 74px; float: left; margin: 0 13px 0 9px; } .mt-side-widget .cart-row .cart-btn-row { overflow: hidden; } .mt-side-widget .cart-row .mt-h { overflow: hidden; padding: 6px 0 0; } .mt-side-widget .mt-h-title { display: block; color: #757575; font: 600 14px/20px "Source Sans Pro", sans-serif; } .mt-side-widget .mt-h-title a { color: #757575; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-side-widget .mt-h-title a:hover { color: #ff6060; text-decoration: none; } .mt-side-widget .price { color: #010101; font: 600 15px/20px "Source Sans Pro", sans-serif; } .mt-side-widget .price a { color: #757575; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-side-widget .price a:hover { color: #ff6060; text-decoration: none; } .mt-side-widget .cart-row-total { color: #757575; overflow: hidden; margin: 0 0 20px; padding: 16px 21px 0 10px; border-top: 1px solid #eee; font: 600 14px/26px "Source Sans Pro", sans-serif; } .mt-side-widget .mt-total { float: left; } .mt-side-widget .mt-total-txt { float: right; color: #010101; font: 600 15px/20px "Source Sans Pro", sans-serif; } .mt-side-widget .cart-btn-row { overflow: hidden; padding: 22px 0 0; border-top: 1px solid #eee; } .mt-side-widget .cart-btn-row a { margin: 0 16px 0 10px; } .mt-side-widget .btn-type3 { padding: 5px 22px; font: 14px/20px "Montserrat", sans-serif; } .or-divider { color: #808080; overflow: hidden; position: relative; text-align: center; text-transform: uppercase; font: 700 14px/20px "Montserrat", sans-serif; } .or-divider .txt { width: 46px; height: 46px; margin: 0 auto; display: block; padding: 10px 0 0; border-radius: 50%; position: relative; background: #f8f8f8; border: 1px solid #e6e6e6; } .or-divider .txt:after { top: 50%; z-index: -1; height: 1px; content: ""; left: -9999px; right: -9999px; position: absolute; border-top: 1px solid #e6e6e6; } .mt-side-nav { overflow: hidden; text-transform: uppercase; font: 18px/20px "Montserrat", sans-serif; } .mt-side-nav .drop { max-height: 0; font-size: 15px; overflow: hidden; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-side-nav .drop ul { padding: 10px 15px; } .mt-side-nav .drop li { margin: 0 0 10px; } .mt-side-nav .drop.open { max-height: 999px; } .mt-side-nav ul { margin: 0; padding: 0; list-style: none; } .mt-side-nav ul li { margin: 0 0 5px; } .mt-side-nav a { color: #7d7d7d; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .mt-side-nav a:hover { color: #ff6060; text-decoration: none; } .mt-side-nav.small { text-transform: lowercase; text-transform: capitalize; font: 16px/20px "Montserrat", sans-serif; } .mt-search-popup { top: 0; left: 0; right: 0; bottom: 0; z-index: 4; opacity: 0; position: fixed; visibility: hidden; text-align: center; background: #f8f8f8; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-search-popup .mt-holder { width: 100%; height: 100vh; display: table; vertical-align: middle; } .mt-search-popup .mt-frame { display: table-cell; vertical-align: middle; } .mt-search-popup .mt-frame form { width: 770px; margin: 0 auto; position: relative; border-left: 1px solid #bdbdbd; } .mt-search-popup .icon-microphone { top: 20px; right: 43px; color: #9d9d9d; font-size: 23px; position: absolute; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-search-popup .icon-microphone:hover { color: #ff6060; } .mt-search-popup .icon-magnifier { border: 0; top: 19px; right: 5px; padding: 0; outline: none; color: #9d9d9d; font-size: 23px; position: absolute; background: transparent; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-search-popup .icon-magnifier:hover { color: #ff6060; } .mt-search-popup input { margin: 0; border: 0; float: left; width: 100%; height: 60px; outline: none; color: #9d9d9d; background: none; padding: 15px 73px 15px 23px; font: 300 25px/30px "Source Sans Pro", sans-serif; } .mt-search-popup input ::-webkit-input-placeholder { color: #9d9d9d; } .mt-search-popup input ::-moz-placeholder { opacity: 1; color: #9d9d9d; } .mt-search-popup input :-moz-placeholder { color: #9d9d9d; } .mt-search-popup input :-ms-input-placeholder { color: #9d9d9d; } .mt-search-popup input .placeholder { color: #9d9d9d; } .mt-search-popup .search-close { right: 50%; width: 16px; height: 16px; bottom: 100px; position: fixed; } .mt-search-popup .search-close span { height: 2px; width: 16px; display: block; background: #9d9d9d; transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .mt-search-popup .search-close span + span { margin: -2px 0 0; transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .mt-search-popup .search-close:hover span { background: #ff6060; } .search-active .mt-search-popup { opacity: 1; visibility: visible; } .btn-type1 { border: 0; outline: none; color: #fff; padding: 8px 22px; background: #808080; border-radius: 18px; vertical-align: top; display: inline-block; font: 300 14px/20px "Source Sans Pro", sans-serif; } .btn-type1:hover { background: #ff6060; } .btn-type2 { outline: none; color: #000; padding: 5px 22px; border-radius: 18px; vertical-align: top; display: inline-block; background: transparent; border: 1px solid #000; text-transform: uppercase; font: 14px/20px "Montserrat", sans-serif; } .btn-type2:focus, .btn-type2:hover { color: #fff; background: #000; border: 1px solid #000; } .btn-type3 { outline: none; color: #fff; padding: 9px 20px; background: #000; border-radius: 21px; vertical-align: top; display: inline-block; border: 1px solid #000; text-transform: uppercase; font: 300 14px/20px "Source Sans Pro", sans-serif; } .btn-type3:focus, .btn-type3:hover { color: #000; background: transparent; border: 1px solid #000; } .btn-type4 { color: #aaa; outline: none; padding: 5px 22px; border-radius: 21px; vertical-align: top; display: inline-block; background: transparent; border: 1px solid #d1d1d1; text-transform: uppercase; font: 700 12px/20px "Source Sans Pro", sans-serif; } .btn-type4:focus, .btn-type4:hover { color: #fff; background: #000; border: 1px solid #000; } /*------------------------------------------------------------------ 71. Mt Footer / #mt-footer -------------------------------------------------------------------*/ #mt-footer.montserrat { font-family: "Montserrat", sans-serif; } #mt-footer.montserrat .f-widget-heading { text-transform: uppercase; } #mt-footer.fullwidth { width: 100% !important; max-width: 100% !important; } #mt-footer.style1 { margin: 0 auto; max-width: 1600px; } #mt-footer.style1 .footer-holder { padding: 76px 0 70px; } #mt-footer.style2 .footer-holder { padding: 51px 0 60px; } #mt-footer.style2 .f-widget-about p { margin: 0 0 33px; } #mt-footer.style2 .f-widget-about .address-list li:first-child { margin: 0 0 20px; } #mt-footer.style2 .footer-area { padding: 24px 0 20px; } #mt-footer.style3 .divider { padding-top: 50px; padding-bottom: 26px; } #mt-footer.style3 .f-widget-about p { margin: 0 0 32px; } #mt-footer.style3 .f-widget-newsletter p { margin: 0 0 23px; } #mt-footer.style3 .f-widget-newsletter .newsletter-form { margin: 0 0 30px; } #mt-footer.style4 { margin: 0 auto; max-width: 1600px; } #mt-footer.style4 .f-promo-box { padding: 27px 0 65px; } #mt-footer.style4 .footer-holder { background: #f6f6f6; padding: 73px 0 57px; } #mt-footer.style4 .f-widget-about p { margin: 0 0 32px; } #mt-footer.style4 .f-widget-newsletter p { margin: 0 0 23px; } #mt-footer.style4 .f-widget-newsletter .newsletter-form { margin: 0 0 30px; } #mt-footer.style5 { margin: 0 auto; max-width: 1200px; } #mt-footer.style5 .footer-holder { padding: 130px 11% 100px 9%; } #mt-footer.style5 .f-widget-newsletter .newsletter-form { width: 210px; } #mt-footer.style6 .footer-holder { padding: 83px 0 29px; } #mt-footer.style6 .footer-holder .f-widget-heading { margin: 0 0 15px; } #mt-footer.style6 .nav-widget-1 .f-widget-nav li { margin: 0 0 8px; } #mt-footer.style6 .f-widget-about { padding: 10px 0 0; } #mt-footer.style6 .logo { margin: 0 0 58px; } #mt-footer.style6 .footer-area p { color: #8f8f8f; letter-spacing: 1px; font: 11px/20px "Source Sans Pro", sans-serif; } #mt-footer.style6 .bank-card-2.align-center { margin: 0 auto 7px; } #mt-footer.style7 .footer-holder { padding: 70px 0 61px; } #mt-footer.style7 .f-widget-about p { margin: 0 0 32px; } #mt-footer.style7 .f-widget-newsletter p { margin: 0 0 23px; } #mt-footer.style7 .f-widget-newsletter .newsletter-form { margin: 0 0 30px; } #mt-footer.style8 { margin: 0 auto; max-width: 1203px; } #mt-footer.style8 .logo { margin: 0 0 42px; } #mt-footer.style8 .footer-holder { padding: 86px 0 70px 68px; } #mt-footer.style8 .f-widget-about .address-list { margin: 0 0 43px; } #mt-footer.style8 .f-widget-about .address-list li:first-child { margin: 0 0 19px; } #mt-footer.style9 { margin: 0 auto; max-width: 1200px; } #mt-footer.style9 p { margin: 0 0 22px; } #mt-footer.style9 .social-network { font-size: 18px; } #mt-footer.style9 .footer-holder { padding: 135px 38px 110px 121px; } #mt-footer.style9 .footer-holder .f-widget-heading.follow { margin: 0 0 7px; padding: 0; } #mt-footer.style9 .footer-area { padding: 22px 0 20px; } #mt-footer.style9 .bank-card { float: none; margin: 0 auto; } #mt-footer.style9 .f-widget-newsletter .newsletter-form { margin: 0 0 33px; } #mt-footer .divider { border-width: 1px 0; border-style: solid; padding-bottom: 20px; padding-top: 20px; border-color: #e8e8e8; } #mt-footer .dark { background: #f6f6f6; position: relative; } #mt-footer .dark .divider { padding-top: 0; padding-bottom: 40px; border-width: 0 0 1px; } #mt-footer .light { background: #3e3e3e; position: relative; border-bottom: none; } #mt-footer .light .f-widget-about .address-list a { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } #mt-footer .light .f-widget-about .address-list a:hover { color: #fff; } #mt-footer .light .nav-widget-1 .f-widget-nav a { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } #mt-footer .light .nav-widget-1 .f-widget-nav a:hover { color: #fff; } #mt-footer .light .divider { padding-top: 0; padding-bottom: 40px; border-width: 0 0 1px; } #mt-footer .logo { width: 112px; margin: 0 0 23px; display: inline-block; vertical-align: top; } #mt-footer p { margin: 0; } #mt-footer .f-holder .f-widget-heading { font-size: 16px; line-height: 16px; margin: 0 0 35px; font-weight: 700; color: #575757; } #mt-footer .f-holder .f-nav-holder { padding-top: 100px; padding-bottom: 100px; } #mt-footer .f-holder .f-nav-holder.dark:before { right: 0; } #mt-footer .f-holder .f-about { min-height: 357px; background-position: 50% 50%; background-size: cover; padding-top: 80px; margin: 40px 0 0; color: #fff; background: #8b8b8b; } #mt-footer .f-holder .f-about .address-list a { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; color: #fff; } #mt-footer .f-holder .f-about .address-list a:hover { color: #000; } #mt-footer .footer-holder { padding: 40px 0 0; } #mt-footer .footer-holder .bg-dark { position: relative; padding: 60px 0; background: #f6f6f6; } #mt-footer .footer-holder .bg-dark:before { position: absolute; content: ""; z-index: -1; left: auto; top: 0; bottom: auto; right: -75px; border-style: solid; border-width: 0 0 331px 75px; border-color: transparent transparent rgba(255, 255, 255, 0.8); z-index: 1; } #mt-footer .footer-holder.black { background: #000; position: relative; border-bottom: none; color: #666; } #mt-footer .footer-holder.black .nav-widget-1 .f-widget-nav li a { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } #mt-footer .footer-holder.black .nav-widget-1 .f-widget-nav li a:hover { color: #fff; } #mt-footer .footer-holder.black .social-icon a { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } #mt-footer .footer-holder.black .social-icon a:hover { color: #fff; } #mt-footer .footer-holder.black a { color: #666; } #mt-footer .footer-holder.black .f-widget-heading { color: #fff; } #mt-footer .footer-holder .f-widget-heading { font-size: 16px; line-height: 16px; margin: 0 0 35px; font-weight: 700; color: #575757; } #mt-footer .footer-holder .f-widget-heading.heading { color: #000; } #mt-footer .footer-holder .f-widget-heading.follow { display: block; margin: 0 0 20px; padding: 0 5px 0 0; } #mt-footer .footer-holder.light .f-widget-heading { color: #fff; } #mt-footer .footer-area { padding: 31px 0 20px; } #mt-footer .footer-area .logo { margin: 0 auto 20px; } #mt-footer .footer-area .copyright { margin: -70px 0 0; } #mt-footer .footer-area .copyright a { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; color: #868686; } #mt-footer .footer-area .copyright a:hover { color: #ff6060; } #mt-footer .footer-area .copy-right p a { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; color: #868686; } #mt-footer .footer-area .copy-right p a:hover { color: #ff6060; } #mt-footer .footer-area p { margin: 0 0 15px; } #mt-footer .footer-area p a { font-weight: 700; color: #000; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } #mt-footer .footer-area p a:hover { color: #ff6060; } #mt-footer .bank-card-2 { width: 140px; float: right; padding: 4px 0 0; } #mt-footer .bank-card-2.align-center { margin: 0 auto 20px; float: none; } #mt-footer .bank-card-2.pull-left { float: left; margin: -80px 0 0; } #mt-footer .bank-card { width: 265px; float: right; margin: -5px 0 0; } #mt-footer .bank-card.align-center { margin: 0 auto; float: none; } #mt-footer .bank-card img { height: auto; display: block; max-width: 100%; } #mt-footer .f-widget-about { color: #a0a0a0; } #mt-footer .f-widget-about p { margin: 0 0 25px; } #mt-footer .f-widget-about .address-list { overflow: hidden; margin: 0 0 20px; padding: 0; } #mt-footer .f-widget-about .address-list.align-right { margin: -4px 0 30px; } #mt-footer .f-widget-about .address-list.align-right .fa-map-marker, #mt-footer .f-widget-about .address-list.align-right .fa-phone, #mt-footer .f-widget-about .address-list.align-right .fa-envelope-o, #mt-footer .f-widget-about .address-list.align-right address { float: right; } #mt-footer .f-widget-about .address-list.align-right .fa-map-marker { margin: 4px 0 0 13px; } #mt-footer .f-widget-about .address-list.align-right .fa-phone { margin: 1px 0 0 9px; } #mt-footer .f-widget-about .address-list.align-right .fa-envelope-o { margin: 3px 0 0 7px; } #mt-footer .f-widget-about .address-list li { display: block; overflow: hidden; } #mt-footer .f-widget-about .address-list li:first-child { margin: 0 0 14px; } #mt-footer .f-widget-about .address-list li a { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } #mt-footer .f-widget-about .address-list li a:hover { color: #ff6060; } #mt-footer .f-widget-about .address-list address { float: left; margin: 0; font-style: normal; } #mt-footer .f-widget-about .address-list .fa-map-marker, #mt-footer .f-widget-about .address-list .fa-phone, #mt-footer .f-widget-about .address-list .fa-envelope-o { float: left; } #mt-footer .f-widget-about .address-list .fa-map-marker { margin: 4px 13px 0 0; } #mt-footer .f-widget-about .address-list .fa-phone { margin: 1px 9px 0 0; } #mt-footer .f-widget-about .address-list .fa-envelope-o { margin: 3px 7px 0 0; } #mt-footer .nav-widget-1 { width: 33.3%; float: left; } #mt-footer .nav-widget-1.f-nav { width: 25%; } #mt-footer .nav-widget-1 .f-widget-nav { overflow: hidden; margin: 0; } #mt-footer .nav-widget-1 .f-widget-nav li { overflow: hidden; display: block; margin: 0 0 13px; } #mt-footer .nav-widget-1 .f-widget-nav li a { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } #mt-footer .nav-widget-1 .f-widget-nav li a:hover { color: #ff6060; } #mt-footer .f-widget-newsletter .holder { overflow: hidden; } #mt-footer .f-widget-newsletter .newsletter-form { width: 218px; height: 30px; float: right; margin: 0 0 50px; overflow: hidden; border-width: 1px; border-style: solid; border-radius: 25px; border-color: #868686; } #mt-footer .f-widget-newsletter .newsletter-form ::-webkit-input-placeholder { color: #8c8c8c; } #mt-footer .f-widget-newsletter .newsletter-form ::-moz-placeholder { opacity: 1; color: #8c8c8c; } #mt-footer .f-widget-newsletter .newsletter-form :-moz-placeholder { color: #8c8c8c; } #mt-footer .f-widget-newsletter .newsletter-form :-ms-input-placeholder { color: #8c8c8c; } #mt-footer .f-widget-newsletter .newsletter-form .placeholder { color: #8c8c8c; } #mt-footer .f-widget-newsletter .newsletter-form.form2 { border: none; width: 255px; height: auto; } #mt-footer .f-widget-newsletter .newsletter-form.form2 .form-control { width: 66%; height: 42px; border-radius: 25px 0 0 25px; background: #fff; } #mt-footer .f-widget-newsletter .newsletter-form.form2 button { font-size: 11px; line-height: 13px; height: 42px; padding: 0; width: 34%; background: #696969; color: #fff; border-radius: 0 25px 25px 0; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } #mt-footer .f-widget-newsletter .newsletter-form.form2 button:hover { background: #ff6060; } #mt-footer .f-widget-newsletter .newsletter-form .form-control { width: 88%; height: 30px; float: left; background: none; border: none; -webkit-box-shadow: none; box-shadow: none; color: #8c8c8c; outline: none; font-weight: 200; padding: 7px 10px 7px 22px; font: 700 11px/16px "Montserrat", sans-serif; } #mt-footer .f-widget-newsletter .newsletter-form button { float: left; background: none; border: none; outline: none; font: 700 11px/16px "Montserrat", sans-serif; width: 6%; padding: 6px 0 0 0; } #mt-footer .social-network.social-icon { font-size: 18px; line-height: 20px; } #mt-footer .social-network li { display: inline-block; vertical-align: middle; margin: 0 6px 0 2px; } #mt-footer .f-widget-news .news-articles { overflow: hidden; } #mt-footer .f-widget-news .news-articles .news-column { margin: 0 0 26px; color: #a0a0a0; } #mt-footer .f-widget-news .news-articles .fa-twitter { float: left; font-size: 18px; line-height: 20px; margin: 4px 10px 0 0; } #mt-footer .f-widget-news .news-articles .txt-box { overflow: hidden; line-height: 23px; } #mt-footer .f-widget-news .news-articles .txt-box a { font-weight: bold; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } #mt-footer .f-widget-news .news-articles .txt-box a:hover { color: #ff6060; } #mt-footer .f-widget-tabs .tabs li { float: left; margin: 0 3px 6px 0; } #mt-footer .f-widget-tabs .tabs li a { padding: 1px 15px; display: block; border-radius: 25px; border: 1px solid #c1c1c1; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } #mt-footer .f-widget-tabs .tabs li a:hover { background: #ff6060; color: #fff; } #mt-footer .f-widget-nav2 li { float: left; margin: 0 26px 0 0; } #mt-footer .f-widget-nav2 a { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } #mt-footer .f-widget-nav2 a:hover { color: #ff6060; } #mt-footer .social-network a { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } #mt-footer .social-network a:hover { color: #ff6060; } /*------------------------------------------------------------------ 72. Mt Footer / #mt-footer -------------------------------------------------------------------*/ .f-promo-box { padding: 65px 0 0; } .f-promo-box.light .f-widget-item .widget-icon, .f-promo-box.light .f-widget-item .f-promo-box-heading { color: #fff; } .f-promo-box.light .f-widget-item .txt-holder { color: #a0a0a0; } .f-promo-box .subcrib-form { width: 305px; height: 42px; float: right; overflow: hidden; border-radius: 25px; } .f-promo-box .subcrib-form .form-control { width: 71.4%; height: 42px; float: left; background: #fff; color: #696969; border-radius: 25px 0 0 25px; border: none; -webkit-box-shadow: none; box-shadow: none; outline: none; font-size: 13px; line-height: 15px; font-weight: 700; padding: 7px 10px 7px 22px; } .f-promo-box .subcrib-form button { float: left; border: none; background: #696969; color: #fff; outline: none; border-radius: 0 25px 25px 0; font-size: 11px; line-height: 13px; font-weight: 700; width: 28.5%; height: 42px; letter-spacing: 1px; padding: 2px 0 0 0; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .f-promo-box .subcrib-form button:hover { background: #ff6060; } .f-promo-box .social-network { font-size: 31px; line-height: 33px; margin: 0 0 0 40px; float: left; } .f-promo-box .social-network li { margin: 0 11px 0 3px; } .f-promo-box .f-widget-item.border { position: relative; padding: 0 10px 0 0; } .f-promo-box .f-widget-item.border:before { position: absolute; content: ""; z-index: -1; left: -36px; top: 0; bottom: auto; right: auto; width: 1px; height: 53px; z-index: 0; background: #e0e0e0; } .f-promo-box .f-widget-item .txt-holder { font-size: 12px; line-height: 20px; overflow: hidden; font-family: "Oxygen", sans-serif; letter-spacing: 1px; color: #353535; } .f-promo-box .f-widget-item .f-promo-box-heading { font-size: 16px; line-height: 20px; font-weight: 700; letter-spacing: 0; margin: 0 0 1px; color: #353535; text-transform: uppercase; font-family: "Montserrat", sans-serif; } .f-promo-box .f-widget-item .txt { font-size: 18px; line-height: 20px; float: left; color: #353535; font-weight: 700; padding: 11px 0 0; text-transform: uppercase; font-family: "Montserrat", sans-serif; } .f-promo-box .f-widget-item .widget-icon { float: left; margin: 0 23px 0 0; font-size: 45px; line-height: 50px; color: #838182; } .f-promo-box .f-widget-item .widget-icon.light-gray { color: #bebebe; } .f-promo-box .f-widget-item .fa-money { top: -4px; position: relative; } .f-promo-box.style2 { padding: 56px 0 17px; } /*------------------------------------------------------------------ 76. Mt Main Slider / .mt-main-slider -------------------------------------------------------------------*/ .mt-main-slider { padding: 0 20px; overflow: hidden; background: #f6f6f6; } .mt-main-slider .slider .img { display: block; width: 100%; height: auto; } .mt-main-slider .holder { position: relative; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .mt-main-slider .title { display: block; color: #818182; margin: 0 0 12px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; font-size: 14px; line-height: 16px; } .mt-main-slider h1 { color: #3b3b3b; margin: 0 0 -7px; font-weight: 700; text-transform: uppercase; font-size: 65px; line-height: 68px; font-family: "Montserrat", sans-serif; } .mt-main-slider h2 { color: #7a7a7a; margin: 0 0 12px; font-weight: 700; font-size: 51px; line-height: 54px; font-family: "Montserrat", sans-serif; } .mt-main-slider .text { float: left; max-width: 600px; padding: 162px 0 103px; } .mt-main-slider .text.centerize { float: none; margin: 0 auto; } .mt-main-slider .text.right { float: right; } .mt-main-slider .txt { color: #818182; max-width: 345px; padding: 5px 0 0; font-style: italic; margin: 0 auto 81px; font-size: 16px; line-height: 21px; } .mt-main-slider .shop { color: #818182; padding: 0 10px; margin: 0 0 20px; font-weight: bold; position: relative; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 18px; font-family: "Montserrat", sans-serif; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; display: inline-block; vertical-align: middle; } .mt-main-slider .shop:after, .mt-main-slider .shop:before { top: 8px; left: 100%; height: 1px; width: 30px; content: ''; position: absolute; background: #818182; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-main-slider .shop:before { left: auto; right: 100%; } .mt-main-slider .shop:hover { color: #ff6060; } .mt-main-slider .shop:hover:after, .mt-main-slider .shop:hover:before { width: 50px; background: #ff6060; } .mt-main-slider .slick-dots { left: 0; right: 0; bottom: 20px; } .mt-main-slider .slick-dots li { margin: 0 2px 2px; border-radius: 100%; width: 16px; height: 16px; border: 2px solid #d2d2d2; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-main-slider .slick-dots li:hover, .mt-main-slider .slick-dots li.slick-active { border-color: #aeaeae; } .mt-main-slider .slick-dots li button { display: none; } .mt-main-slider .slick-prev, .mt-main-slider .slick-next { display: none !important; } /*------------------------------------------------------------------ 77. Mt Mainslider2 / .mt-mainslider2 -------------------------------------------------------------------*/ .mt-mainslider2 { max-width: 1460px; margin: 0 auto 13px; } .mt-mainslider2 .holder { background: #f6f6f6; position: relative; } .mt-mainslider2 .img { display: block; width: 100%; height: auto; } .mt-mainslider2 .caption { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .mt-mainslider2 .caption.add h1 { font-size: 58px; } .mt-mainslider2 .caption.add h2 { letter-spacing: 9px; margin: 0 -10px 8px 0; font: 200 58px/60px "Source Sans Pro", sans-serif; } .mt-mainslider2 .caption.add2 h1 { font-size: 58px; line-height: 60px; font-family: "Source Sans Pro", sans-serif; } .mt-mainslider2 .caption.add2 h2 { letter-spacing: -1px; margin: 4px 0 28px -2px; font: 200 58px/60px "Source Sans Pro", sans-serif; } .mt-mainslider2 .c1 { display: table; width: 100%; height: 100%; } .mt-mainslider2 .c2 { display: table-cell; vertical-align: middle; width: 100%; } .mt-mainslider2 .text { width: 52%; float: left; padding: 0 15px; padding: 0 15px 92px 97px; } .mt-mainslider2 .text.right { float: right; padding: 0 15px; text-align: center; } .mt-mainslider2 .text.right .txt { margin: 0 auto; } .mt-mainslider2 .price { color: #535353; display: block; font: 28px/30px "Montserrat", sans-serif; } .mt-mainslider2 .price sub { bottom: 0; font-size: 19px; } .mt-mainslider2 .txt { max-width: 65%; } .mt-mainslider2 .title { display: block; color: #818182; margin: 0 0 12px; letter-spacing: 4px; text-transform: uppercase; font: 600 14px/16px "Source Sans Pro", sans-serif; } .mt-mainslider2 .sub-title { display: block; color: #535353; margin: 0 0 10px; letter-spacing: 4px; text-transform: uppercase; font: 600 14px/16px "Source Sans Pro", sans-serif; } .mt-mainslider2 h1 { color: #3b3b3b; margin: 0 0 -10px; font: 700 65px/70px "Montserrat", sans-serif; } .mt-mainslider2 h2 { margin: 0; color: #7a7a7a; font: 700 51px/60px "Montserrat", sans-serif; } .mt-mainslider2 p { margin: 0; color: #818182; font: italic 300 16px/20px "Source Sans Pro", sans-serif; } .mt-mainslider2 .slick-dots { left: 65px; width: auto; right: 65px; bottom: 65px; text-align: right; position: absolute; } .mt-mainslider2 .slick-dots li { border-radius: 100%; width: 17px; height: 17px; border: 2px solid #d2d2d2; } .mt-mainslider2 .slick-dots li.slick-active { border-color: #aeaeae; } .mt-mainslider2 .slick-dots button { display: none; } .mt-mainslider2 .slick-prev, .mt-mainslider2 .slick-next { display: none !important; } /*------------------------------------------------------------------ 78. Mt Mainslider3 / .mt-mainslider3 -------------------------------------------------------------------*/ .mt-mainslider3 { color: #2e2e2e; overflow: hidden; max-width: 1460px; margin: 0 auto -4px; font: 14px/20px "Source Sans Pro", sans-serif; } .mt-mainslider3 .img { display: block; width: 100%; height: auto; } .mt-mainslider3 .holder { position: relative; overflow: hidden; } .mt-mainslider3 .txt-wrap { top: 20%; left: 5%; right: 5%; bottom: 0; color: #535353; position: absolute; padding: 43px 0 0 42px; } .mt-mainslider3 .txt-wrap.right { text-align: right; padding: 105px 29px 0 0; } .mt-mainslider3 .txt-wrap.right .txt { float: right; max-width: 320px; margin: 0 5px 0 0; } .mt-mainslider3 .txt-wrap.right h1 { margin: -10px 2px -9px 0; font-family: "Montserrat", sans-serif; } .mt-mainslider3 .txt-wrap.right h2 { letter-spacing: 9px; margin: 0 -10px 8px 0; } .mt-mainslider3 .c1 { display: table; width: 100%; height: 100%; } .mt-mainslider3 .c2 { display: table-cell; vertical-align: middle; } .mt-mainslider3 .title { display: block; color: #6a6a6a; margin: 0 0 10px; letter-spacing: 4px; text-transform: uppercase; font: 600 14px/16px "Source Sans Pro", sans-serif; } .mt-mainslider3 h1 { color: #535353; margin: 0 0 5px -5px; letter-spacing: -1.6px; font: 700 58px/60px "Source Sans Pro", sans-serif; } .mt-mainslider3 h2 { color: #535353; margin: 0 0 29px -5px; letter-spacing: -1px; font: 200 58px/60px "Source Sans Pro", sans-serif; } .mt-mainslider3 .price { color: #535353; display: block; font: 28px/30px "Montserrat", sans-serif; } .mt-mainslider3 .price sub { bottom: 0; font-size: 19px; } .mt-mainslider3 .slick-dots { left: 0; right: 0; z-index: 1; bottom: 20px; position: absolute; } .mt-mainslider3 .slick-dots li { width: 17px; height: 17px; border-radius: 100%; border: 2px solid #d2d2d2; } .mt-mainslider3 .slick-dots li.slick-active { border-color: #aeaeae; } .mt-mainslider3 .slick-dots li button { display: none; } /*------------------------------------------------------------------ 79. Mt Mainslider4 / .mt-mainslider4 -------------------------------------------------------------------*/ .mt-mainslider4 { background: #e2e2e2; margin: 0 0 40px; } .mt-mainslider4 .img { float: left; width: 61.3%; margin: 5.6% 0 3%; } .mt-mainslider4 .img img { display: block; width: 100%; height: auto; } .mt-mainslider4 .holder { overflow: hidden; } .mt-mainslider4 .holder.right .txt { float: left; text-align: left; } .mt-mainslider4 .holder.right .img { float: right; } .mt-mainslider4 .price { display: block; color: #535353; font: 27px/30px "Montserrat", sans-serif; } .mt-mainslider4 .price sub { bottom: 0; font-size: 19px; } .mt-mainslider4 .txt { float: right; width: 14.3%; color: #535353; margin: 14.3% 0 0; text-align: right; } .mt-mainslider4 .txt .sub-title { display: block; margin: 0 0 11px; font-weight: 700; letter-spacing: 4px; font-size: 14px; line-height: 16px; } .mt-mainslider4 .txt h1 { margin: 0 0 5px -4px; letter-spacing: -1.5px; text-transform: uppercase; font: 700 58px/59px "Source Sans Pro", sans-serif; } .mt-mainslider4 .txt h2 { margin: 0 0 31px -3px; letter-spacing: -1.3px; text-transform: uppercase; font: 100 58px/59px "Source Sans Pro", sans-serif; } .mt-mainslider4 .txt p { margin: 0; } .mt-mainslider4 .slick-prev, .mt-mainslider4 .slick-next { display: none !important; } .mt-mainslider4 .slick-dots { left: 0; right: auto; width: auto; bottom: 98px; text-align: right; } .mt-mainslider4 .slick-dots li { margin: 0 2px 0 0; border-radius: 100%; width: 17px; height: 17px; border: 2px solid #d2d2d2; } .mt-mainslider4 .slick-dots li:hover, .mt-mainslider4 .slick-dots li.slick-active { border-color: #aeaeae; } .mt-mainslider4 .slick-dots li button { display: none; } .mt-mainslider4.add .txt { width: 38%; } .mt-mainslider4.add .txt h1, .mt-mainslider4.add .txt h2 { text-transform: none; } /*------------------------------------------------------------------ 80. Slider 1 / .slider-1 -------------------------------------------------------------------*/ .slider-1 { overflow: hidden; } .slider-1 .slider .img { display: block; width: 100%; height: auto; } .slider-1 .slider .holder { position: relative; overflow: hidden; } .slider-1 .slider .image { float: left; width: 50%; } .slider-1 .slider .text { float: right; width: 50%; } .slider-1 .slider .txt-wrap { position: absolute; left: 5%; right: 5%; bottom: 0; top: 20%; color: #535353; } .slider-1 .slider .txt-wrap.right { text-align: right; } .slider-1 .slider .txt-wrap.right .txt { max-width: 31%; float: right; } .slider-1 .slider .txt-wrap.right p { max-width: 100%; } .slider-1 .slider .txt-wrap .title, .slider-1 .slider .txt-wrap h1, .slider-1 .slider .txt-wrap h2 { color: #535353; } .slider-1 .slider .txt-wrap .price { display: block; color: #535353; font-size: 28px; line-height: 30px; } .slider-1 .slider .txt-wrap .price sub { bottom: 0; } .slider-1 .slider .caption { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; text-align: center; color: #fff; font-size: 16px; line-height: 21px; } .slider-1 .slider .c1 { display: table; width: 100%; height: 100%; } .slider-1 .slider .c2 { display: table-cell; vertical-align: middle; } .slider-1 .slider .title { display: block; color: #fff; margin: 0 auto 10px; width: 40%; text-transform: uppercase; font-size: 14px; line-height: 16px; display: inline-block; vertical-align: middle; } .slider-1 .slider .title span { display: inline-block; vertical-align: middle; padding: 0 15px; position: relative; } .slider-1 .slider .title span:after, .slider-1 .slider .title span:before { position: absolute; left: 100%; top: 7px; height: 1px; background: #fff; width: 100%; content: ''; } .slider-1 .slider .title span:after { left: auto; right: 100%; } .slider-1 .slider h1 { margin: 0; color: #dec6a9; font-weight: normal; font-size: 65px; line-height: 65px; } .slider-1 .slider h1 span { display: block; font-weight: bold; font-size: 52px; line-height: 52px; } .slider-1 .slider h2 { margin: 0; color: #fff; font-weight: 200; font-size: 51px; line-height: 51px; } .slider-1 .slider p { margin: 0 auto; max-width: 30%; } .slider-1 .slider .btn .shop { text-transform: uppercase; text-decoration: none; color: #fff; font-size: 16px; line-height: 18px; display: inline-block; vertical-align: middle; position: relative; padding: 0 15px; -moz-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .slider-1 .slider .btn .shop:after, .slider-1 .slider .btn .shop:before { position: absolute; left: 100%; top: 7px; height: 1px; content: ''; background: #fff; width: 100%; } .slider-1 .slider .btn .shop:before { left: auto; right: 100%; } .slider-1 .slider .btn .shop:hover { padding: 0 25px; } .slider-1 .slick-dots { position: absolute; left: 0; right: 0; bottom: 20px; z-index: 1; } .slider-1 .slick-dots li { width: 17px; height: 17px; border: 2px solid #fff; border-radius: 100%; } .slider-1 .slick-dots li.slick-active { border-color: #dec7a9; } .slider-1 .slick-dots li button { display: none; } /*------------------------------------------------------------------ 81. Slider 3 / .slider-3 -------------------------------------------------------------------*/ .slider-3 .slider.center .slick-slide { opacity: 0.5; } .slider-3 .slider.center .slick-slide.slick-active { opacity: 1; } .slider-3 .holder { opacity: 0.7; position: relative; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .slider-3 .holder.slick-current { opacity: 1; } .slider-3 .holder.slick-current .c2 { opacity: 1; visibility: visible; } .slider-3 .img { overflow: hidden; } .slider-3 .img img { display: block; width: 100%; height: auto; } .slider-3 .caption { position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; background: rgba(0, 0, 0, 0.4); } .slider-3 .c1 { display: table; width: 100%; height: 100%; } .slider-3 .c2 { opacity: 0; visibility: hidden; padding: 107px 20px 20px; display: table-cell; vertical-align: middle; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .slider-3 h1 { color: #fff; margin: 0 0 25px; font-weight: 300; letter-spacing: 37px; text-transform: uppercase; font-size: 69px; line-height: 69px; } .slider-3 h2 { color: #bcb569; margin: 0 0 36px; font-weight: 600; letter-spacing: 2.2px; font: 600 48px/50px "Source Sans Pro", sans-serif; } .slider-3 .shop { color: #fff; border-radius: 23px; text-decoration: none; border: 2px solid #fff; padding: 11px 26px 10px; text-transform: uppercase; font: 16px/20px "Montserrat", sans-serif; display: inline-block; vertical-align: middle; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .slider-3 .shop:hover { background: #ff6060; border-color: #ff6060; } .slider-3 .slick-dots { position: absolute; left: 0; right: 0; bottom: 57px; } .slider-3 .slick-dots li { width: 91px; height: 3px; background: #fff; } .slider-3 .slick-dots li.slick-active { background: #bcb569; } .slider-3 .slick-dots button { display: none; } .slider-3 .slick-prev, .slider-3 .slick-next { display: none !important; } /*------------------------------------------------------------------ 82. Slider 5 / .slider-5 -------------------------------------------------------------------*/ .slider-5 { margin: 0 0 20px; overflow: hidden; background: #f3f3f3; } .slider-5 .txt { float: left; width: 50%; margin-top: 10%; } .slider-5 .title { display: block; font-weight: 600; color: #6a6a6a; text-transform: uppercase; font-size: 14px; line-height: 16px; } .slider-5 h1 { margin: 0; color: #535353; font-weight: 600; font-size: 59px; line-height: 59px; } .slider-5 h2 { margin: 0; font-size: 59px; line-height: 59px; } .slider-5 .img { float: right; width: 50%; } .slider-5 .img img { display: block; width: 100%; height: auto; } .slider-5 .price { display: block; color: #535353; font-size: 27px; line-height: 30px; } .slider-5 sub { bottom: 0; } .slider-5 .slick-dots { left: 0; right: 0; bottom: 0; text-align: left; } .slider-5 .slick-dots li { width: 17px; height: 17px; border: 2px solid #d2d2d2; border-radius: 100%; } .slider-5 .slick-dots li.slick-active { border-color: #aeaeae; } .slider-5 .slick-dots li button { display: none; } .slider-5 .slick-prev, .slider-5 .slick-next { display: none !important; } /*------------------------------------------------------------------ 83. Slider 7 / .slider-7 -------------------------------------------------------------------*/ .slider-7 { float: left; width: 765px; margin: 0 11px; } .slider-7 .slider img { display: block; width: 100%; height: auto; } .slider-7 .slider .s-holder { position: relative; } .slider-7 .slider .s-box { position: absolute; left: 7.6%; right: 5%; top: 12%; } .slider-7 .slider .s-title { display: block; font-weight: 600; color: #6a6a6a; font-size: 14px; line-height: 16px; margin: 0 0 10px; letter-spacing: 4px; } .slider-7 .slider .heading { display: block; color: #535353; font-weight: 600; margin: 0 0 3px -7px; letter-spacing: -1px; font-size: 59px; line-height: 59px; } .slider-7 .slider .heading.add { font-weight: 200; letter-spacing: -2px; margin: 0 0 6px -5px; } .slider-7 .slider .s-txt { max-width: 50%; color: #6a6a6a; font-size: 14px; line-height: 21px; margin: 0 0 0 -3px; } .slider-7 .slider .s-shop { display: inline-block; vertical-align: top; text-decoration: none; color: #535353; text-transform: uppercase; font-size: 14px; line-height: 16px; font-weight: bold; margin: 20px 0 0; } .slider-7 .slick-dots { left: 58px; right: auto; width: auto; bottom: 40px; } .slider-7 .slick-dots li { margin: 0 2px 0 0; border-radius: 100%; width: 17px; height: 17px; border: 2px solid #d2d2d2; } .slider-7 .slick-dots li.slick-active { border-color: #aeaeae; } .slider-7 .slick-dots li button { display: none; } .slider-7 .slick-prev, .slider-7 .slick-next { display: none !important; } /*------------------------------------------------------------------ 43. banner frame / .banner-frame -------------------------------------------------------------------*/ .banner-frame { margin: 0 -11px; overflow: hidden; padding: 23px 0 0; } .banner-frame img { max-width: 100%; } .banner-frame .holder { top: 0; left: 0; right: 0; bottom: 0; position: absolute; padding: 42px 38px 20px 41px; } .banner-frame h2 { margin: 0 0 3px; text-transform: uppercase; font-weight: 300; letter-spacing: 4.6px; font-size: 24px; line-height: 28px; } .banner-frame .mt-stars { margin: 0; padding: 0; line-height: 1; font-size: 12px; list-style: none; } .banner-frame .mt-stars li { margin: 0 1px 0 0; display: inline-block; vertical-align: middle; } .banner-frame .mt-stars .fa { color: #c8a760; } .banner-frame .mt-stars .fa-star-o { color: #d6d6d6; } .banner-frame .btn-shop { color: #878787; font-size: 14px; margin: 40px 0 0; line-height: 16px; text-decoration: none; letter-spacing: -0.8px; text-transform: uppercase; font-family: "Montserrat", sans-serif; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; display: inline-block; vertical-align: middle; } .banner-frame .btn-shop span, .banner-frame .btn-shop .fa { color: #878787; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; display: inline-block; vertical-align: middle; } .banner-frame .btn-shop span { margin: 0 11px 0 0; } .banner-frame .btn-shop .fa { text-align: center; border-radius: 100%; border: 1px solid #878787; width: 24px; height: 24px; font-size: 17px; line-height: 21px; } .banner-frame .btn-shop.add { margin: 0; } .banner-frame .btn-shop:hover { color: #ff6060; text-decoration: none; } .banner-frame .btn-shop:hover span, .banner-frame .btn-shop:hover .fa { color: #ff6060; border-color: #ff6060; } .banner-frame .discount { color: #fff; float: right; width: 27px; height: 27px; font-weight: bold; text-align: center; border-radius: 100%; background: #eed24c; font-size: 37px; line-height: 40px; font-family: "Montserrat", sans-serif; } .banner-frame .discount span { display: block; padding: 44px 0 0; margin-top: -44px; margin-right: 16px; font-size: 10px; margin-left: 20px; } .banner-frame .price { display: block; color: #9f9f9f; padding: 12px 0 19px; letter-spacing: -1.5px; font-size: 17px; line-height: 23px; font-family: "Montserrat", sans-serif; } .banner-frame .shop { right: 38px; bottom: 24px; color: #878787; position: absolute; text-decoration: none; font-family: "Montserrat", sans-serif; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; display: inline-block; vertical-align: middle; } .banner-frame .shop:hover { color: #ff6060; text-decoration: none; } .banner-frame .shop:hover .fa { border-color: #ff6060; } .banner-frame .right { text-align: right; } .banner-frame .white { color: #fff; } .banner-frame h3 { margin: 0 0 10px; font: 700 21px/28px "Montserrat", sans-serif; } .banner-frame.nospace { margin: 0; } .banner-frame.nospace .banner-9, .banner-frame.nospace .banner-10, .banner-frame.nospace .banner-11 { margin: 0; width: 33.33%; } /*------------------------------------------------------------------ 44. banner 1 / .banner-1 -------------------------------------------------------------------*/ .banner-1 { float: left; width: 385px; position: relative; } .banner-1 .holder { padding: 39px 38px 20px 41px; } /*------------------------------------------------------------------ 45. Baners / .banner-2 -------------------------------------------------------------------*/ .banner-1, .banner-2, .banner-3, .banner-4, .banner-5, .banner-6, .banner-7, .banner-8, .banner-9, .banner-10, .banner-11, .banner-12, .banner-13, .banner-14, .banner-15, .banner-16, .banner-17, .banner-18, .banner-19 { float: left; margin: 0 11px; position: relative; } .banner-2, .banner-7, .banner-17, .banner-18 { margin-bottom: 20px; } .banner-box { float: left; } .banner-box.first { width: 408px; } .banner-box.two { width: 294px; } .banner-box.third { width: 434px; } .banner-box.fourth { width: 814px; } .banner-box.fifth { width: 398px; } .banner-box.sixth { width: 100%; } /*------------------------------------------------------------------ 46. banner 2 / .banner-2 -------------------------------------------------------------------*/ .banner-2 .holder { padding: 33px 38px 20px 35px; } .banner-2 .price { padding: 27px 0 0; } /*------------------------------------------------------------------ 47. banner 3 / .banner-3 -------------------------------------------------------------------*/ .banner-3 .holder { padding: 31px 26px 20px 41px; } .banner-3 h2 { text-transform: none; letter-spacing: 4.9px; } .banner-3 .shop { right: 36px; bottom: 32px; letter-spacing: -0.6px; } /*------------------------------------------------------------------ 48. banner 4 / .banner-4 -------------------------------------------------------------------*/ .banner-4 { width: 385px; } .banner-4 .holder { padding: 33px 38px 20px 35px; } .banner-4 .price { padding: 12px 0 26px; } /*------------------------------------------------------------------ 49. banner 5 / .banner-5 -------------------------------------------------------------------*/ .banner-5 { width: 588px; } .banner-5 .holder { padding: 0; } .banner-5 .texts { position: absolute; padding: 2px 8px; line-height: 21px; max-width: 65%; bottom: 71px; right: 56px; left: 56px; } .banner-5 .texts .title { display: inline-block; vertical-align: middle; text-transform: uppercase; background: #535353; padding: 3px 5px 4px; font-weight: 600; color: #fff; margin: 0 0 3px; letter-spacing: 4.1px; } .banner-5 .texts h3 { margin: 0 0 8px; font: 300 55px/60px "Source Sans Pro", sans-serif; } .banner-5 .texts h3 strong { display: block; font: 700 57px/62px "Montserrat", sans-serif; } .banner-5 .texts p { margin: 0 0 18px 2px; } .banner-5 .texts .price-add { display: block; font: 30px/35px "Montserrat", sans-serif; } /*------------------------------------------------------------------ 50. banner 6 / .banner-6 -------------------------------------------------------------------*/ .banner-6 { width: 276px; } .banner-6 .holder { padding: 24px 33px 28px 23px; } .banner-6 .sub-title { display: block; font-weight: 600; letter-spacing: 4px; margin: 0 0 21px; letter-spacing: 4.2px; } .banner-6 .btn-shop { position: absolute; bottom: 30px; left: 31px; right: 31px; } .banner-6 .btn-shop span, .banner-6 .btn-shop .fa { color: #fff; } .banner-6 .btn-shop .fa { border-color: #fff; } .banner-6 h3 { letter-spacing: 1px; } .banner-6 .offer { position: absolute; right: 19px; top: 50%; width: 129px; height: 129px; border-radius: 100%; background: #62c5de; text-align: center; padding: 34px 0 0; letter-spacing: 1px; } .banner-6 .offer .price-less { display: inline-block; vertical-align: middle; position: relative; font-size: 16px; line-height: 18px; color: rgba(255, 255, 255, 0.57); } .banner-6 .offer .price-less:after { position: absolute; left: 0; right: 0; top: 10px; height: 1px; content: ''; background: rgba(255, 255, 255, 0.57); } .banner-6 .offer .prices { display: block; font-size: 29px; line-height: 32px; } /*------------------------------------------------------------------ 51. banner 7 / .banner-7 -------------------------------------------------------------------*/ .banner-7 { width: 294px; } .banner-7 .holder { padding: 26px 26px 28px; } .banner-7 h2 { margin: 0 0 1px; color: #939393; font-size: 18px; line-height: 28px; } .banner-7 .price-tag { position: absolute; right: 29px; bottom: 29px; } .banner-7 .price { color: #991015; padding: 10px 0 11px; font-size: 27px; line-height: 30px; } .banner-7 .shop-now { color: #fff; background: #2e2d32; text-transform: uppercase; display: inline-block; vertical-align: middle; text-decoration: none; padding: 2px 9px 1px; letter-spacing: 1px; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .banner-7 .shop-now:hover { background: #ff6060; } /*------------------------------------------------------------------ 52. banner 8 / .banner-8 -------------------------------------------------------------------*/ .banner-8 { width: 294px; } .banner-8 .holder { padding: 29px 24px 28px; } .banner-8 h2 { color: #2b3d66; margin: 0 0 46px; font-size: 18px; line-height: 28px; } .banner-8 .price-tag { padding: 0; } .banner-8 .price-tag .price-off { display: block; color: #9f9f9f; display: inline-block; vertical-align: middle; font-size: 18px; line-height: 20px; position: relative; padding: 0 5px; margin: 4px 0 6px; } .banner-8 .price-tag .price-off:after { position: absolute; left: 0; right: 0; top: 10px; content: ''; height: 1px; background: #9f9f9f; } .banner-8 .price-tag .price { padding: 0; color: #2c3d65; font-size: 27px; line-height: 30px; } .banner-8 .btn-shop { margin: 16px 0 0 -3px; } .banner-8 .btn-shop span { color: #2c3d65; text-transform: uppercase; } .banner-8 .btn-shop .fa { color: #2c3d65; border-color: #2c3d65; } /*------------------------------------------------------------------ 53. banner 9 / .banner-9 -------------------------------------------------------------------*/ .banner-9, .banner-10, .banner-11 { width: 385px; } .banner-9 .holder, .banner-10 .holder, .banner-11 .holder { padding: 36px 38px 28px; } .banner-9 h2, .banner-10 h2, .banner-11 h2 { color: #b7b7b7; font-weight: 600; margin: 0 0 15px; letter-spacing: 5px; text-transform: lowercase; text-transform: capitalize; font-size: 16px; line-height: 18px; } .banner-9 h2 strong, .banner-10 h2 strong, .banner-11 h2 strong { display: block; color: #535353; padding: 4px 0 0; letter-spacing: 2px; text-transform: uppercase; font: 700 24px/26px "Montserrat", sans-serif; } .banner-9 .btn-shop, .banner-10 .btn-shop, .banner-11 .btn-shop { margin: 58px 0 0; } .banner-9 .btn-shop .fa, .banner-10 .btn-shop .fa, .banner-11 .btn-shop .fa { width: 18px; height: 18px; font-size: 14px; line-height: 18px; } .banner-9 .btn-shop span, .banner-10 .btn-shop span, .banner-11 .btn-shop span { margin: 0 7px 0 0; } .banner-9 .btn-area, .banner-10 .btn-area, .banner-11 .btn-area { position: absolute; left: 28px; bottom: 28px; } /*------------------------------------------------------------------ 54. banner 12 / .banner-12 -------------------------------------------------------------------*/ .banner-12 { margin-bottom: 25px; } .banner-12 h2 span { display: block; margin: 0 0 5px; font-weight: 600; text-transform: none; font-size: 16px; line-height: 18px; } .banner-12 .btn-shop { position: absolute; right: 38px; bottom: 33px; } .banner-12 .btn-shop span, .banner-12 .btn-shop .fa { color: #fff; } .banner-12 .btn-shop .fa { border-color: #fff; background: #b1de89; } .banner-12 .btn-shop .fa:hover { border-color: #ff6060; } /*------------------------------------------------------------------ 55. banner 13 / .banner-13 -------------------------------------------------------------------*/ .banner-13 .holder { padding: 39px 39px 20px; } .banner-13 h2 { letter-spacing: 2px; } .banner-13 h2 span { display: block; color: #b7b7b7; font-weight: 600; letter-spacing: 5px; text-transform: none; padding: 0 3px 6px 0; font-size: 16px; line-height: 18px; } .banner-13 h2 strong { font: 700 24px/25px "Montserrat", sans-serif; } .banner-13 .btn-shop { position: absolute; right: 38px; bottom: 35px; } /*------------------------------------------------------------------ 56. banner 15 / .banner-15 -------------------------------------------------------------------*/ .banner-15 { width: 589px; } .banner-15 .holder { padding: 56px 37px 20px 20px; } .banner-15 h2 { color: #b7b7b7; font-size: 16px; line-height: 18px; } .banner-15 h2 strong { display: block; color: #535353; padding: 3px 0 0; font-size: 24px; line-height: 26px; } .banner-15 .btn-shop { right: 38px; bottom: 51px; position: absolute; } /*------------------------------------------------------------------ 57. banner 17 / .banner-17 -------------------------------------------------------------------*/ .banner-17, .banner-18 { width: 385px; } .banner-17 h4 { margin: 24% 0 0 10%; letter-spacing: 23px; text-align: center; font-weight: bold; font-size: 52px; line-height: 54px; } /*------------------------------------------------------------------ 58. banner 18 / .banner-18 -------------------------------------------------------------------*/ .banner-18 .holder { padding: 35px 31px 20px 41px; } .banner-18 h2 { color: #5f3b34; margin: 0 0 11px; letter-spacing: 1.6px; font: 700 18px/28px "Montserrat", sans-serif; } .banner-18 .price-off { color: #9f9f9f; padding: 0 3px; position: relative; margin: 20px 0 1px; font: 18px/20px "Montserrat", sans-serif; display: inline-block; vertical-align: middle; } .banner-18 .price-off:after { left: 0; right: 0; top: 10px; content: ''; height: 1px; position: absolute; background: #9f9f9f; } .banner-18 .price { padding: 0; color: #603b34; font: 23px/26px "Montserrat", sans-serif; } .banner-18 .btn-shop { margin: 36px 0 0; text-decoration: none; } .banner-18 .btn-shop .icon-shop { color: #e5aa6f; display: inline-block; vertical-align: middle; } .banner-18 .btn-shop .icon-shop { font-size: 16px; line-height: 18px; } .banner-18 .btn-shop span { margin: 0; color: #e5aa6f; text-transform: uppercase; font-size: 13px; line-height: 16px; } /*------------------------------------------------------------------ 59. banner 19 / .banner-19 -------------------------------------------------------------------*/ .banner-19 { width: 792px; font: 14px/21px "Source Sans Pro", "Arial", "Helvetica", sans-serif; } .banner-19 .holder { padding: 102px 38px 22px 73px; } .banner-19 .txt { max-width: 48%; } .banner-19 .heading { color: #6a6a6a; display: block; padding: 0 4px 11px; letter-spacing: 4.1px; text-transform: uppercase; font: 600 14px/16px "Source Sans Pro", "Arial", "Helvetica", sans-serif; } .banner-19 h3 { margin: 0 0 8px; font: 100 58px/60px "Source Sans Pro", "Arial", "Helvetica", sans-serif; } .banner-19 h3 strong { display: block; font-weight: 600; } .banner-19 p { margin: 0 0 37px; } .banner-19 .now { color: #fff; padding: 9px 25px; background: #535353; border-radius: 20px; text-decoration: none; letter-spacing: -0.4px; text-transform: uppercase; font: 13px/16px "Montserrat", sans-serif; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .banner-19 .now:hover { color: #fff; background: #ff6060; } /*------------------------------------------------------------------ 60. banner 20 / .banner-20 -------------------------------------------------------------------*/ .banner-20 { position: relative; margin: 0 0 20px 11px; } .banner-20 h2 { margin: 0 0 14px; color: #2b3d66; font-weight: bold; text-transform: uppercase; font-size: 21px; line-height: 24px; } .banner-20 p { margin: 0 0 11px; } .banner-20 .price-off { color: #fff; margin: 0 0 8px; padding: 0 5px; position: relative; font-size: 18px; line-height: 20px; display: inline-block; vertical-align: middle; } .banner-20 .price-off:after { position: absolute; left: 0; right: 0; top: 10px; height: 1px; content: ''; background: #fff; } .banner-20 .price { color: #2c3d65; padding: 0 0 32px; font-size: 27px; line-height: 30px; } .banner-20 .card { color: #2d4169; font-weight: bold; padding: 8px 27px; border-radius: 20px; text-decoration: none; letter-spacing: 0.7px; border: 2px solid #2c3d65; font-size: 13px; line-height: 16px; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; display: inline-block; vertical-align: middle; } .banner-20 .card:hover { color: #fff; background: #ff6060; border-color: #ff6060; } /*------------------------------------------------------------------ 61. banner 21 / .banner-21 -------------------------------------------------------------------*/ .banner-21 { position: relative; margin: 0 0 0 11px; } .banner-21 .holder { padding: 39px 38px 20px 41px; } .banner-21 .title { color: #6a6a6a; display: block; padding: 0 0 4px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; font: 600 14px/16px "Source Sans Pro", "Arial", "Helvetica", sans-serif; } .banner-21 h2 { margin: 0 0 30px; text-transform: none; letter-spacing: -1.0px; font: 100 37px/40px "Source Sans Pro", "Arial", "Helvetica", sans-serif; } .banner-21 h2 strong { font-weight: 600; } .banner-21 .view { color: #535353; font-weight: bold; padding: 8px 23px; border-radius: 20px; text-decoration: none; text-transform: uppercase; border: 2px solid #535353; font-size: 13px; line-height: 16px; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; display: inline-block; vertical-align: middle; } .banner-21 .view:hover { color: #fff; background: #ff6060; border-color: #ff6060; } /*------------------------------------------------------------------ 23. Mt Product1 / .mt-product1 -------------------------------------------------------------------*/ .mt-product1 { display: inline-block; vertical-align: top; } .mt-product1.gray { background: #f8f8f8; } .mt-product1.style-1 .box:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: rgba(231, 198, 126, 0.68); -moz-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; opacity: 0; visibility: hidden; } .mt-product1.style-1 .links { background: none; border: 0; } .mt-product1.style-1 .links li + li { border-color: #fff; } .mt-product1.style-1 .links a { color: #fff; font-size: 24px; } .mt-product1.large .title { font-size: 18px; } .mt-product1.large .price { font-size: 23px; } .mt-product1.large .price .fa { font-size: 17px; } .mt-product1.large .caption .best-price { font-size: 17px; } .mt-product1.large .caption .off { font-size: 17px; } .mt-product1.large .caption .new { font-size: 17px; } .mt-product1.same-height .box { min-height: 255px; } .mt-product1:hover .links, .mt-product1:hover .box :after { opacity: 1; visibility: visible; } .mt-product1 .box { margin: 0 0 11px; overflow: hidden; position: relative; } .mt-product1 .b1 { width: 100%; height: 235px; display: table; } .mt-product1 .b2 { display: table-cell; vertical-align: bottom; } .mt-product1 .caption { top: 44px; left: 0; text-align: left; position: absolute; } .mt-product1 .caption .off { color: #fff; display: block; padding: 3px 6px; margin-bottom: 1px; background: #b2cc29; font: 700 14px/16px "Montserrat", sans-serif; } .mt-product1 .caption .new { color: #fff; padding: 3px 6px; background: #000; text-transform: uppercase; font: 700 13px/16px "Montserrat", sans-serif; } .mt-product1 .caption .best-price { color: #fff; padding: 3px 6px; background: #fed062; font: 700 14px/16px "Montserrat", sans-serif; } .mt-product1 .txt { overflow: hidden; } .mt-product1 .title { display: block; margin: 0 0 5px; color: #757575; text-transform: capitalize; font: 600 14px/20px "Source Sans Pro", sans-serif; } .mt-product1 .title a { color: #757575; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-product1 .title a:hover { color: #ff6060; } .mt-product1 .price { display: block; color: #010101; font: 600 17px/20px "Source Sans Pro", sans-serif; } .mt-product1 .price .fa { font-size: 13px; margin: 0 4px 0 0; } .mt-product1 del { display: block; color: #b3b3b3; font: 600 17px/20px "Source Sans Pro", sans-serif; } .mt-product1 del .fa { font-size: 13px; margin: 0 4px 0 0; } .mt-product1 .links { left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; width: 100%; display: table; font-size: 17px; background: #fff; visibility: hidden; position: absolute; text-align: center; border: 1px solid #eee; -moz-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .mt-product1 .links .icomoon { vertical-align: middle; } .mt-product1 .links .icon-heart { top: 4px; position: relative; } .mt-product1 .links.add { -webkit-box-shadow: 0 0 9px rgba(172, 172, 172, 0.35); box-shadow: 0 0 9px rgba(172, 172, 172, 0.35); padding: 10px 0; width: 79%; bottom: 30px; margin: 0 auto; max-width: 180px; } .mt-product1 .links.add .icon-handbag { font-size: 17px; } .mt-product1 .links.add li { display: inline-block; border-color: #ccc6c6; } .mt-product1 .links.add a { padding: 0 13px; } .mt-product1 .links li { display: table-cell; vertical-align: middle; } .mt-product1 .links li + li { border-left: 1px solid #eee; } .mt-product1 .links a { color: #8a8a8a; display: block; padding: 12px 9px; text-decoration: none; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-product1 .links a .icon-handbag, .mt-product1 .links a span { font-size: 15px; display: inline-block; vertical-align: middle; } .mt-product1 .links a span { font-size: 14px; margin: 0 -2px 0 10px; } .mt-product1 .links a:hover { color: #ff6060; } .mt-product1 .links .icon-heart, .mt-product1 .links .icon-heart-empty { top: 3px; position: relative; } .mt-product1 .mt-stars { left: 0; margin: 0; padding: 0; right: 8px; bottom: -1px; line-height: 1; font-size: 12px; list-style: none; position: absolute; } .mt-product1 .mt-stars li { margin: 0 1px 0 0; display: inline-block; vertical-align: middle; } .mt-product1 .mt-stars .fa { color: #c8a760; } .mt-product1 .mt-stars .fa-star-o { color: #d6d6d6; } /*------------------------------------------------------------------ 24. Mt Product2 / .mt-product2 -------------------------------------------------------------------*/ .mt-product2 { width: 213px; margin: 0 10px; display: inline-block; vertical-align: top; } .mt-product2:hover .links { opacity: 1; visibility: visible; } .mt-product2:hover .links li { -ms-transform: translateY(0); transform: translateY(0); -webkit-transform: translateY(0); } .mt-product2:hover .links li:nth-child(even) { -ms-transform: translateY(0); transform: translateY(0); -webkit-transform: translateY(0); } .mt-product2:hover img { opacity: 0.7; } .mt-product2:hover.style-2:after { opacity: 1; visibility: visible; } .mt-product2 img { -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-product2 .box { position: relative; margin: 0 0 14px; } .mt-product2 .links { text-align: center; position: absolute; left: 0; right: 0; top: 50%; margin: -24px 0 0; -moz-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; opacity: 0; visibility: hidden; } .mt-product2 .links li { margin: 0 5px; position: relative; -ms-transform: translateY(-40px); transform: translateY(-40px); -o-transition: all 0.2s ease 0.3s; transition: all 0.2s ease 0.3s; -webkit-transform: translateY(-40px); -webkit-transition: all 0.2s ease 0.3s; display: inline-block; vertical-align: middle; } .mt-product2 .links li:nth-child(even) { -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transform: translateY(40px); } .mt-product2 .links a { display: block; color: #6b6b6b; background: #fff; border-radius: 100%; text-decoration: none; width: 41px; height: 41px; font-size: 16px; line-height: 38px; } .mt-product2 .links a:hover { color: #ff6060; } .mt-product2 .txt { overflow: hidden; padding: 0 10px 15px; } .mt-product2 .title { display: block; color: #747474; font: 600 14px/20px "Source Sans Pro", sans-serif; } .mt-product2 .price { display: block; } .mt-product2 .price .fa, .mt-product2 .price span { display: inline-block; vertical-align: middle; color: #000; font-size: 14px; } .mt-product2 .price span { font: 600 17px/20px "Source Sans Pro", sans-serif; } .mt-product2 .caption { left: 0; top: 36px; text-align: left; position: absolute; } .mt-product2 .caption .off { color: #fff; display: block; padding: 5px 8px; margin-bottom: 1px; background: #b2cc29; font: 700 17px/20px "Montserrat", sans-serif; } .mt-product2 .caption .new { color: #fff; padding: 5px 8px; background: #000; text-transform: uppercase; font: 700 17px/20px "Montserrat", sans-serif; } .mt-product2 .caption .best-price { color: #fff; padding: 5px 8px; background: #fed062; font: 700 17px/20px "Montserrat", sans-serif; } .mt-product2 .mt-stars { margin: 0; left: 20px; padding: 0; right: 8px; bottom: -1px; line-height: 1; font-size: 12px; list-style: none; position: absolute; } .mt-product2 .mt-stars li { margin: 0 1px 0 0; display: inline-block; vertical-align: middle; } .mt-product2 .mt-stars .fa { color: #c8a760; } .mt-product2 .mt-stars .fa-star-o { color: #d6d6d6; } .mt-product2 del { display: block; color: #b3b3b3; font: 600 17px/20px "Source Sans Pro", sans-serif; } .mt-product2 del .fa { font-size: 13px; margin: 0 4px 0 0; } .mt-product2.style-2 { position: relative; } .mt-product2.style-2:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: rgba(205, 255, 127, 0.73); -moz-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; opacity: 0; visibility: hidden; } .mt-product2.style-2 .links { text-align: right; margin: 0; top: 10px; right: 10px; z-index: 1; } .mt-product2.style-2 .links li { display: block; margin: 0 0 8px; } .mt-product2.style-2 .links a { border-radius: 0; text-align: center; display: inline-block; vertical-align: middle; } .mt-product2.large { width: 276px; margin: 0 19px 35px 10px; } .mt-product2.large .box { margin: 0 0 9px; } .mt-product2.large .txt { padding: 0 10px 25px 19px; } .mt-product2.large .txt .title { margin: 0 0 9px; font-size: 18px; line-height: 20px; } .mt-product2.large .txt .price .fa, .mt-product2.large .txt .price span { font-size: 23px; } .mt-product2.bg-grey { background: #f5f5f5; } /*------------------------------------------------------------------ 25. product-3 / .product-3 -------------------------------------------------------------------*/ .product-3 { margin: 0 10px; text-align: center; display: inline-block; vertical-align: top; } .product-3:hover .links { -webkit-box-shadow: 0 0 9px rgba(172, 172, 172, 0.35); box-shadow: 0 0 9px rgba(172, 172, 172, 0.35); } .product-3.hover2:hover .links { -webkit-box-shadow: none; box-shadow: none; background: #f6f6f6; } .product-3 .img { overflow: hidden; margin: 0 0 15px; } .product-3 .img img { display: block; margin: 0 auto; } .product-3 .txt { overflow: hidden; min-height: 77px; } .product-3 .title { display: block; color: #535353; margin: 0 0 12px; text-transform: uppercase; font: 18px/20px "Montserrat", sans-serif; } .product-3 .price { color: #a6a6a6; display: block; font: 700 20px/20px "Montserrat", sans-serif; } .product-3 .price .fa { font-size: 14px; } .product-3 .color-box { margin: 0 0 25px; } .product-3 .color-box li { display: inline-block; vertical-align: middle; } .product-3 .color-box li.active a { background: #fff; border: 1px solid transparent; } .product-3 .color-box li.active a.red { border-color: #bb4527; } .product-3 .color-box li.active a.blue { border-color: #40455c; } .product-3 .color-box li.active a.green { border-color: #7e8347; } .product-3 .color-box li.active a.yellow { border-color: #e3d158; } .product-3 .color-box li.active a.gray { border-color: #868c98; } .product-3 .color-box a { width: 24px; height: 24px; display: block; position: relative; border-radius: 100%; } .product-3 .color-box a:after { top: 2px; left: 2px; right: 2px; bottom: 2px; content: ''; position: absolute; border-radius: 100%; } .product-3 .color-box a:hover { background: #fff; border: 1px solid transparent; } .product-3 .color-box a.red { border-color: #bb4527; } .product-3 .color-box a.red:after { background: #bb4527; } .product-3 .color-box a.blue { border-color: #40455c; } .product-3 .color-box a.blue:after { background: #40455c; } .product-3 .color-box a.green { border-color: #7e8347; } .product-3 .color-box a.green:after { background: #7e8347; } .product-3 .color-box a.yellow { border-color: #e3d158; } .product-3 .color-box a.yellow:after { background: #e3d158; } .product-3 .color-box a.gray { border-color: #868c98; } .product-3 .color-box a.gray:after { background: #868c98; } .product-3 p { color: #a8a8a8; font-size: 14px; line-height: 21px; font-weight: 300; margin: 0 0 49px; } .product-3 .links { padding: 10px; max-width: 165px; background: #fff; margin: 0 auto 20px; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .product-3 .links li { display: inline-block; vertical-align: middle; margin: 0 12px 0 12px; position: relative; } .product-3 .links li + li:after { top: 0; bottom: 0; width: 1px; left: -10px; content: ''; position: absolute; background: #ccc6c6; } .product-3 .links a { color: #8a8a8a; font-size: 16px; line-height: 18px; text-decoration: none; } /*------------------------------------------------------------------ 26. Mt product4 / .mt-product4 -------------------------------------------------------------------*/ .mt-product4 { overflow: hidden; } .mt-product4 .img { float: left; width: 80px; margin: 0 9px 0 0; } .mt-product4 .img img { display: block; width: 100%; height: auto; } .mt-product4 .mt-stars { margin: 0; padding: 0; line-height: 1; font-size: 12px; list-style: none; } .mt-product4 .mt-stars li { display: inline-block; vertical-align: middle; } .mt-product4 .mt-stars .fa { color: #c8a760; } .mt-product4 .mt-stars .fa-star-o { color: #d6d6d6; } .mt-product4 .text { overflow: hidden; padding: 13px 0 0; } .mt-product4 .text .frame { min-height: 33px; } .mt-product4 .text .frame strong { display: block; color: #959596; margin: 0 0 5px; font: 14px/16px "Montserrat", sans-serif; } .mt-product4 .text .frame strong a { color: #959596; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-product4 .text .frame strong a:hover { color: #ff6060; } .mt-product4 .text .off { opacity: 0.6; color: #252528; margin: 0 13px 0 0; position: relative; font: 14px/18px "Montserrat", sans-serif; display: inline-block; vertical-align: middle; } .mt-product4 .text .price { color: #252528; font: 18px/18px "Montserrat", sans-serif; display: inline-block; vertical-align: middle; } /*------------------------------------------------------------------ 27. Product Area / .product-area -------------------------------------------------------------------*/ .product-area { padding: 23px 0 46px; } .product-area .mt-heading { margin-bottom: 48px; } .product-area img { width: auto; max-width: 100%; } .product-area .bordertop { border-top: 1px solid #e8e8e8; } .product-area .borderright { border-right: 1px solid #e8e8e8; } .product-area .borderbottom { border-bottom: 1px solid #e8e8e8; } .product-area .mt-box { float: left; padding: 0 0 40px; } .product-area .mt-box.half { width: 50%; } .product-area .mt-box.twothird .img { min-height: 155px; } .product-area .mt-holder { width: 50%; float: left; } .product-area .mt-frame { overflow: hidden; } .product-area .mt-frame .mt-product1 .txt { padding: 0 0 0 14.6%; } .product-area .mt-frame .mt-product1 .mt-stars { left: 14.6%; } .product-area .mt-frame .mt-product1 .mt-block .txt { min-height: 138px; padding: 0 0 0 9.5%; } .product-area .img-box { width: 44%; vertical-align: top; display: inline-block; padding: 13px 0 9px 3.2%; } .product-area .mt-block { width: 54.5%; padding: 46px 0 0; vertical-align: top; display: inline-block; } .product-area .mt-tabs { margin: 0; padding: 0; overflow: hidden; list-style: none; } .product-area .mt-tabs li { float: left; width: 24.1%; padding: 0 5px 0 0; } .product-area .mt-product1 { display: block; } .product-area .mt-product1 .txt { padding: 0 0 0 8.6%; } .product-area .mt-product1 .txt .mt-stars { position: static; margin: -5px 0 15px; } .product-area .mt-product1 .title { margin: 0 0 12px; } .product-area .mt-product1 .mt-stars { left: 8.6%; } .product-area .mt-product1 del, .product-area .mt-product1 .price { display: inline-block; vertical-align: middle; } .product-area .mt-product1 .b1 { height: auto; } /*------------------------------------------------------------------ 28. Mt Producttabs / .mt-producttabs -------------------------------------------------------------------*/ .mt-producttabs { padding: 64px 0 42px; position: relative; } .mt-producttabs:after { right: 0; top: 56px; width: 75px; content: ""; height: 37px; position: absolute; border-radius: 19px; background: #eeeeee; } .mt-producttabs .producttabs { padding: 0; margin: 0 0 5px; overflow: hidden; list-style: none; text-transform: uppercase; font: 700 18px/20px "Montserrat", sans-serif; } .mt-producttabs .producttabs li { float: left; margin: 0 28px 0 0; padding: 0 0 0 30px; border-left: 1px solid #d8d8d8; } .mt-producttabs .producttabs li:first-child { border: 0; padding: 0; } .mt-producttabs .producttabs a { color: #838182; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-producttabs .producttabs a.active, .mt-producttabs .producttabs a:hover { color: #3a3a3a; text-decoration: none; } .mt-producttabs .slick-prev, .mt-producttabs .slick-next { z-index: 3; right: 6px; top: -15px; left: auto; width: 29px; height: 29px; color: #bebebe; background: #fff; border-radius: 50%; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-producttabs .slick-prev:focus, .mt-producttabs .slick-prev:hover, .mt-producttabs .slick-next:focus, .mt-producttabs .slick-next:hover { color: #fff; background: #ff6060; } .mt-producttabs .slick-prev:focus:before, .mt-producttabs .slick-prev:hover:before, .mt-producttabs .slick-next:focus:before, .mt-producttabs .slick-next:hover:before { color: #fff; } .mt-producttabs .slick-next:before { top: 5px; opacity: 1; right: 11px; color: #bebebe; font-size: 18px; content: "\f105"; position: absolute; font-family: 'FontAwesome'; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-producttabs .slick-prev { right: 39px; } .mt-producttabs .slick-prev:before { top: 5px; opacity: 1; right: 13px; color: #bebebe; content: "\f104"; font-size: 18px; position: absolute; font-family: 'FontAwesome'; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-producttabs .heading { color: #3a3a3a; margin: 0 0 7px; text-transform: uppercase; font: 700 26px/30px "Montserrat", sans-serif; } .mt-producttabs .mt-productrow { margin: 0; padding: 0; list-style: none; } .mt-producttabs .mt-productrow > li { width: 20%; margin: 0 -4px; vertical-align: top; display: inline-block; } .mt-producttabs.style2 { padding: 39px 0 53px; } .mt-producttabs.style2:after { top: 30px; } .mt-producttabs.style2 .producttabs { margin: 0 0 28px; } .mt-producttabs.style2 .slick-prev, .mt-producttabs.style2 .slick-next { top: -38px; } .mt-producttabs.style2 .mt-product1 .txt { padding: 0 0 0 20px; } .mt-producttabs.style2 .mt-product1 .box { margin: 0 0 6px; } .mt-producttabs.style2 .mt-product1 .title { margin: 0 0 11px; } .mt-producttabs.style2 .mt-product1 .mt-stars { left: 20px; bottom: 1px; } .mt-producttabs.style2 .mt-product1 .links { left: 8%; right: 8%; width: 84%; } .mt-producttabs.style3 { padding: 68px 0 87px; } .mt-producttabs.style3:after { top: 65px; } .mt-producttabs.style3 .slick-prev, .mt-producttabs.style3 .slick-next { top: -21px; } .mt-producttabs.style3 .mt-product1 .txt { padding: 0 0 0 22px; } .mt-producttabs.style3 .mt-product1 .mt-stars { left: 23px; bottom: 17px; } .mt-producttabs.style4 { padding: 99px 0 58px; } .mt-producttabs.style4:after { display: none; } .mt-producttabs.style4 .producttabs { text-align: center; } .mt-producttabs.style4 .producttabs li { float: none; vertical-align: top; display: inline-block; } .mt-producttabs.style4 .producttabs li a.active:after { width: 50px; margin: 0 0 0 -25px; } .mt-producttabs.style4 .producttabs li a { padding: 0 0 6px; position: relative; vertical-align: top; display: inline-block; } .mt-producttabs.style4 .producttabs li a:after { width: 0; bottom: 0; left: 50%; height: 2px; content: ""; position: absolute; background: #3a3a3a; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-producttabs.style5 { padding: 57px 0 0; } .mt-producttabs.style5:after { top: 49px; } .mt-producttabs.style5 .producttabs { margin: 0 0 28px; } .mt-producttabs.style5 .slick-prev, .mt-producttabs.style5 .slick-next { top: -38px; } .mt-producttabs.style5 .slick-prev { right: 54px; } .mt-producttabs.style5 .slick-next { right: 21px; } .mt-producttabs.style5 .mt-product2.large { width: auto; margin: 0 15px 35px; } .mt-producttabs.style6 { padding: 0 0 43px; } .mt-producttabs.style6:after { top: 25px; } .mt-producttabs.style6 .slick-prev, .mt-producttabs.style6 .slick-next { top: -21px; } .mt-producttabs.style6 .slick-prev { right: 54px; } .mt-producttabs.style6 .slick-next { right: 21px; } .mt-producttabs.style6 .mt-product1 { width: auto; margin: 0 15px; } .mt-producttabs.style6 .mt-product1 .txt { padding: 0 0 0 22px; } .mt-producttabs.style6 .mt-product1 .mt-stars { left: 23px; bottom: 17px; } /*------------------------------------------------------------------ 29. Mt Bestseller / .mt-bestseller -------------------------------------------------------------------*/ .mt-bestseller { padding: 69px 0 100px; } .mt-bestseller .slick-prev, .mt-bestseller .slick-next { z-index: 3; right: -88px; width: 45px; height: 45px; color: #bfbfbf; background: none; border-radius: 50%; border: 2px solid #bfbfbf; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-bestseller .slick-prev:focus, .mt-bestseller .slick-prev:hover, .mt-bestseller .slick-next:focus, .mt-bestseller .slick-next:hover { color: #ff6060; border-color: #ff6060; } .mt-bestseller .slick-prev:focus:before, .mt-bestseller .slick-prev:hover:before, .mt-bestseller .slick-next:focus:before, .mt-bestseller .slick-next:hover:before { color: #ff6060; } .mt-bestseller .slick-next:before { top: 8px; opacity: 1; right: 16px; color: #bfbfbf; font-size: 26px; content: "\f105"; position: absolute; font-family: 'FontAwesome'; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-bestseller .slick-prev { right: auto; left: -97px; } .mt-bestseller .slick-prev:before { top: 8px; opacity: 1; right: 17px; color: #bfbfbf; content: "\f104"; font-size: 26px; position: absolute; font-family: 'FontAwesome'; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } /*------------------------------------------------------------------ 30. Mt Smallproducts / .mt-smallproducts -------------------------------------------------------------------*/ .mt-smallproducts { padding: 70px 0 65px; } .mt-smallproducts .heading { color: #3a3a3a; margin: 0 0 21px; font: 700 20px/25px "Montserrat", sans-serif; } /*------------------------------------------------------------------ 31. Mt Productsc / .mt-productsc -------------------------------------------------------------------*/ .mt-productsc { padding: 40px 0 54px; } .mt-productsc .mt-heading { margin-bottom: 40px; } .mt-productsc.style2 { padding: 40px 0 44px; } .mt-productsc.style2 .mt-heading { margin-bottom: 20px; } .mt-productsc.style3 { padding: 70px 0 44px; } .mt-productsc.style3 .mt-heading { margin-bottom: 20px; } .mt-productsc .mt-product1 { white-space: normal; } .mt-productsc .mt-product1.large { margin: 0 18px 64px 10px; } .mt-productsc .mt-product1.large .box { margin: 0 0 7px; } .mt-productsc .mt-product1.large .title { margin: 0 0 10px; } .mt-productsc .mt-product1.large .txt { padding: 0 0 0 18px; } .mt-productsc .mt-product1.large .mt-stars { left: 20px; } .mt-productsc .product-2 { white-space: normal; } .mt-productsc .product-3 { max-width: 280px; white-space: normal; margin: 0 10px 35px; } /*------------------------------------------------------------------ 32. Mt Productscrollbar / .mt-productscrollbar -------------------------------------------------------------------*/ #mt-productscrollbar { overflow: hidden; white-space: nowrap; } #mt-productscrollbar .mCSB_draggerContainer { background: #f5f5f5; border-radius: 10px; position: relative; max-width: 656px; margin: 0 auto; height: 12px; } #mt-productscrollbar .mCSB_draggerContainer .mCSB_dragger { height: 6px; margin-top: 3px; border-radius: 5px; background: #cdcdcd; } /*------------------------------------------------------------------ 33. js tab hidden / .js-tab-hidden -------------------------------------------------------------------*/ .js-tab-hidden { height: 0; overflow-y: hidden; } /*------------------------------------------------------------------ 7. Mt Product Detial / .mt-product-detail -------------------------------------------------------------------*/ .mt-product-detial { overflow: hidden; padding: 0 0 25px; background: #f6f6f6; } .mt-product-detial .slider { float: left; width: 55.5%; padding: 0 4.65% 0 0; } .mt-product-detial .comment-list { margin: 0; color: #b6b6b6; font-weight: 400; overflow: hidden; padding: 53px 0 0; font: 16px/20px "Montserrat", sans-serif; } .mt-product-detial .comment-list li { float: left; margin: 0 17px 0 0; } .mt-product-detial .comment-list .fa-heart, .mt-product-detial .comment-list .fa-comments, .mt-product-detial .comment-list .fa-share-alt { font-size: 17px; line-height: 19px; margin: 0 4px 0 0; } .mt-product-detial .comment-list a { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; color: #b6b6b6; } .mt-product-detial .comment-list a:hover { color: #ff8283; } .mt-product-detial .product-slider { margin: 0 0 30px; } .mt-product-detial .pagg-slider { margin: 0 auto; padding: 0 15px; max-width: 510px; position: relative; } .mt-product-detial .pagg-slider li .img { float: left; margin: 0 7px; cursor: pointer; background: #fff; border: 1px solid #ededed; border-top: 0; } .mt-product-detial .pagg-slider .slick-arrow { bottom: 0; z-index: 1; left: -18px; width: 24px; border: none; height: 100px; outline: none; border-radius: 3px; background: #fff; position: absolute; text-indent: -9999px; } .mt-product-detial .pagg-slider .slick-arrow:before { opacity: 1; text-indent: 0; color: #dedede; font-size: 20px; line-height: 22px; font-family: "FontAwesome"; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; content: ""; z-index: -1; left: 4px; top: 50%; bottom: auto; right: auto; content: "\f053"; } .mt-product-detial .pagg-slider .slick-next { left: auto; right: -18px; } .mt-product-detial .pagg-slider .slick-next:before { content: "\f054"; } .mt-product-detial .detial-holder { width: 40%; float: left; padding: 50px 0; position: relative; } .mt-product-detial h2 { font-size: 44px; line-height: 46px; font-weight: 300; letter-spacing: 5px; word-spacing: -4px; margin: 0 0 15px; color: #000; } .mt-product-detial .breadcrumbs { overflow: hidden; margin: 0 0 8px; font-size: 15px; line-height: 17px; color: #a9a9a9; } .mt-product-detial .breadcrumbs li { float: left; margin: 0 10px 0 0; } .mt-product-detial .breadcrumbs .fa-angle-right { margin: 0 0 0 11px; } .mt-product-detial .breadcrumbs a { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; color: #a9a9a9; } .mt-product-detial .breadcrumbs a:hover { color: #ff8283; } .mt-product-detial .rank-rating { overflow: hidden; padding: 3px 0 0; margin: 0 0 30px; } .mt-product-detial .rank-rating .rating-list { float: left; margin: 0 5px 0 -1px; overflow: hidden; font-size: 14px; line-height: 16px; } .mt-product-detial .rank-rating .rating-list li { float: left; margin: 0 1px 0 0; } .mt-product-detial .rank-rating .rating-list .fa-star { color: #e6c376; } .mt-product-detial .rank-rating .total-price { font-size: 14px; line-height: 16px; float: left; font-family: "Montserrat", sans-serif; font-weight: 400; padding: 0 6px 0 0; color: #b6b6b6; } .mt-product-detial .list { font-size: 13px; line-height: 16px; font-family: "Montserrat", sans-serif; font-weight: 400; padding: 2px 0 34px; overflow: hidden; margin: 0 0 23px; border-width: 0 0 1px; border-style: solid; color: #b6b6b6; border-color: #e1e1e1; } .mt-product-detial .list li { float: left; margin: 0 28px 0 0; } .mt-product-detial .list .fa-share-alt, .mt-product-detial .list .fa-exchange, .mt-product-detial .list .fa-heart { font-size: 16px; line-height: 18px; margin: 0 10px 0 0; } .mt-product-detial .txt-wrap { width: 490px; margin: 0 0 22px; font-size: 16px; line-height: 21px; border-width: 0 0 1px; border-style: solid; color: #b6b6b6; border-color: #e1e1e1; } .mt-product-detial .txt-wrap p { margin: 0 0 41px; } .mt-product-detial .text-holder { overflow: hidden; margin: 0 0 35px; } .mt-product-detial .text-holder .price { display: block; font-size: 30px; line-height: 32px; font-family: "Montserrat", sans-serif; font-weight: 400; letter-spacing: -1px; color: #000; } .mt-product-detial .text-holder .price del { font-size: 18px; line-height: 20px; padding: 0 0 0 9px; letter-spacing: 1px; color: #b8b8b8; } .mt-product-detial .product-form { overflow: hidden; } .mt-product-detial .product-form .row-val { float: left; margin: 0 10px 0 0; } .mt-product-detial .product-form label { font-size: 14px; line-height: 16px; float: left; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 400; margin: 0 32px 0 0; padding: 11px 0 0; color: #a9a9a9; } .mt-product-detial .product-form select, .mt-product-detial .product-form input { font-size: 18px; line-height: 20px; font-family: "Montserrat", sans-serif; font-weight: 700; padding: 0 0 0 20px; border-radius: 25px; outline: none; border: none; width: 72px; height: 42px; color: #a9a9a9; background: #fff; } .mt-product-detial .product-form button { width: 173px; padding: 12px 10px 10px; text-align: center; text-transform: uppercase; display: block; font-size: 14px; line-height: 20px; font-family: "Montserrat", sans-serif; font-weight: 700; border: none; outline: none; border-radius: 25px; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; background: #ff8283; color: #fff; } .mt-product-detial .product-form button:hover { background: #000; } .lightbox .mt-product-detial { padding: 0; } .lightbox .mt-product-detial .slider { z-index: 2; width: 49.6%; padding: 0 0 0 2%; position: relative; background: #fff; margin: 0 4.25% 0 -15px; } .lightbox .mt-product-detial .slider:after { top: 0; left: 0; right: 0; z-index: -1; content: " "; bottom: -9999px; background: #fff; position: absolute; } .lightbox .mt-product-detial img { width: auto; max-width: 100%; margin: 0 auto; } .lightbox .mt-product-detial .pagg-slider { margin: 0 auto 74px; } .lightbox .mt-product-detial .detial-holder { padding: 70px 0 20px; } .lightbox .mt-product-detial .comment-list { padding: 73px 0 3px 5%; } .lightbox .mt-product-detial .pagg-slider .slick-arrow { background: #f7f7f7; } /*------------------------------------------------------------------ 34. Mt Detail Section / .mt-detail-sec -------------------------------------------------------------------*/ .mt-detail-sec { padding: 40px 0 164px; } .mt-detail-sec.style1 h2 { padding: 0 0 0 20px; } .mt-detail-sec h2 { font-size: 18px; line-height: 20px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 400; margin: 0 0 25px; color: #000; } .mt-detail-sec .bill-detail { overflow: hidden; width: 549px; } .mt-detail-sec .bill-detail .form-group { margin-bottom: 17px; overflow: hidden; } .mt-detail-sec .bill-detail .form-group ::-webkit-input-placeholder { color: #7d7d7d; } .mt-detail-sec .bill-detail .form-group ::-moz-placeholder { opacity: 1; color: #7d7d7d; } .mt-detail-sec .bill-detail .form-group :-moz-placeholder { color: #7d7d7d; } .mt-detail-sec .bill-detail .form-group :-ms-input-placeholder { color: #7d7d7d; } .mt-detail-sec .bill-detail .form-group .placeholder { color: #7d7d7d; } .mt-detail-sec .bill-detail .form-control { font-size: 14px; line-height: 16px; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none; border-style: solid; border-width: 1px; border-radius: 10px; padding: 10px 18px; width: 100%; height: 55px; color: #7d7d7d; border-color: #dcdcdc; } .mt-detail-sec .bill-detail textarea { min-height: 99px; width: 100%; resize: none; } .mt-detail-sec .bill-detail input[type='checkbox'] { margin: 0 5px 0 0; padding: 0; } .mt-detail-sec .bill-detail .check-box { font-size: 16px; line-height: 18px; font-weight: 200; color: #868686; } .mt-detail-sec .bill-detail .col { width: 47%; float: left; margin: 0 0 0 32px; } .mt-detail-sec .bill-detail .col:first-child { margin: 0; } .mt-detail-sec .bill-detail .update-btn { font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 20px; font-weight: 700; border-style: solid; border-width: 1px; outline: none; -webkit-box-shadow: none; box-shadow: none; width: 214px; display: block; padding: 14px 10px 12px; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; background: #f6f6f6; color: #c6c6c6; border-color: #dcdcdc; } .mt-detail-sec .bill-detail .update-btn:hover { background: #88bd6e; color: #fff; } .mt-detail-sec .holder { overflow: hidden; background: #f6f6f6; margin: 44px 0 0 32px; padding: 51px 60px 43px; } .mt-detail-sec .block { overflow: hidden; padding: 21px 0 0 2px; margin: 0 0 67px; } .mt-detail-sec .block.cart { border-style: solid; border-width: 1px; margin: 0 0 18px; border-color: #dcdcdc; padding: 51px 45px 34px; } .mt-detail-sec .block.cart .txt span { font-size: 24px; line-height: 18px; margin: -3px 8px 0 0; } .mt-detail-sec .block.cart .txt span .fa { font-size: 18px; } .mt-detail-sec .block.cart .txt strong { font-size: 14px; line-height: 16px; padding: 0 9px 0 0; font-weight: 400; display: block; color: #010101; } .mt-detail-sec .block li { margin: 0 0 10px; padding: 0 0 9px; border-style: solid; border-width: 0 0 1px; border-color: #cccccc; } .mt-detail-sec .block .title { font-size: 16px; line-height: 18px; display: block; margin: 0 0 11px; text-transform: uppercase; color: #868686; } .mt-detail-sec .block .title.sub-title { margin: 0; } .mt-detail-sec .block span { font-size: 14px; line-height: 16px; display: block; font-weight: 700; margin: 0 0 3px; color: #868686; } .mt-detail-sec .block .txt .title { margin: 0 0 9px; } .mt-detail-sec .block .txt span { font-size: 16px; line-height: 18px; display: block; color: #494949; } .mt-detail-sec .panel-group { padding: 0 10px 0 2px; margin: -2px 0 0; overflow: hidden; } .mt-detail-sec .panel-group .panel-heading { padding: 14px 0; } .mt-detail-sec .panel-group .panel-title { font-size: 16px; line-height: 18px; display: block; margin: 0; text-transform: uppercase; font-weight: 700; color: #868686; } .mt-detail-sec .panel-group .panel-title a { display: block; } .mt-detail-sec .panel-group .panel-title .check { float: right; width: 17px; height: 17px; margin: 3px 0 0; border-style: solid; border-width: 1px; display: block; background: #fff; border-color: #494949; } .mt-detail-sec .panel-group .panel-title .check .fa-check { font-size: 14px; line-height: 16px; opacity: 1; visibility: visible; display: block; margin: 1px 0 2px 1px; color: #494949; } .mt-detail-sec .panel-group .panel-title .collapsed .fa-check { opacity: 0; visibility: hidden; } .mt-detail-sec .panel-group .panel-body { font-size: 12px; line-height: 16px; font-weight: 200; overflow: hidden; color: #868686; } .mt-detail-sec .panel-group .panel { padding: 0 0 4px; overflow: hidden; border-style: solid; border-width: 1px 0 0; border-color: #cccccc; } .mt-detail-sec .panel-group .panel:first-child { border-top: none; } .mt-detail-sec .block-holder { color: #868686; overflow: hidden; font-size: 16px; line-height: 18px; padding: 35px 63px 56px 93px; } .mt-detail-sec .block-holder a { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; color: #000; } .mt-detail-sec .block-holder a:hover { color: #868686; } .mt-detail-sec .block-holder input[type='checkbox'] { float: right; } .mt-detail-sec .process-btn { font-size: 18px; line-height: 20px; text-transform: uppercase; width: 307px; padding: 14px 10px; display: block; text-align: center; float: right; font-weight: 700; letter-spacing: 2px; word-spacing: 1px; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; color: #fff; background: #88bd6e; } .mt-detail-sec .process-btn .fa-check { margin: 0 0 0 1px; } .mt-detail-sec .process-btn:hover { background: #f6f6f6; color: #494949; } /*------------------------------------------------------------------ 35. Mt Product Table / .mt-product-table -------------------------------------------------------------------*/ .mt-product-table { padding: 40px 0; } .mt-product-table .border { border-style: solid; border-width: 0 0 1px; border-color: #dcdcdc; } .mt-product-table .title { font-size: 16px; line-height: 18px; text-transform: uppercase; display: block; padding: 0 0 18px; color: #868686; } .mt-product-table .img-holder { width: 106px; overflow: hidden; padding: 25px 0 22px; } .mt-product-table .product-name { font-size: 18px; line-height: 20px; display: block; padding: 49px 0 0; color: #757575; } .mt-product-table .price { font-size: 18px; line-height: 20px; float: left; padding: 51px 0 0; color: #494949; } .mt-product-table .qyt-form { padding: 69px 0 0; } .mt-product-table .qyt-form select { font-size: 18px; line-height: 20px; font-weight: 700; padding: 7px 10px; border: none; outline: none; background: #eeeeee; color: #494949; } .mt-product-table .fa-close { font-size: 18px; line-height: 20px; float: right; margin: 81px 0 0; color: #ff6060; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-product-table .fa-close:hover { color: #494949; } .mt-product-table .coupon-form { overflow: hidden; padding: 40px 0 52px; border-bottom: 1px solid #dcdcdc; } .mt-product-table .coupon-form .form-control { border-style: solid; border-width: 1px; background: none; outline: none; font-size: 14px; line-height: 16px; width: 258px; float: left; margin: 0 6px 0 0; height: 48px; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border-color: #dcdcdc; color: #7d7d7d; padding: 10px 30px; } .mt-product-table .coupon-form button { font-size: 18px; line-height: 20px; text-transform: uppercase; font-weight: 700; font-family: "Montserrat", sans-serif; border: none; outline: none; border-radius: 0; display: block; text-align: center; padding: 16px 10px 13px 7px; width: 111px; float: left; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; background: #cba233; color: #fff; } .mt-product-table .coupon-form button:hover { background: #f05c5c; } .mt-product-table .coupon-form .mt-holder { width: 389px; margin: 0 auto; } /*------------------------------------------------------------------ 36. product detail ab / .product-detail-tab -------------------------------------------------------------------*/ .product-detail-tab { color: #aaaaaa; overflow: hidden; padding: 74px 0 85px; font: 300 16px/21px "Source Sans Pro", sans-serif; } .product-detail-tab .mt-tabs { padding: 0; margin: 0 0 50px; list-style: none; border-bottom: 1px solid #c8c8c8; font: 700 16px/20px "Montserrat", sans-serif; } .product-detail-tab .mt-tabs li { padding: 0 27px; vertical-align: top; display: inline-block; } .product-detail-tab .mt-tabs a { color: #9b9b9b; display: block; margin: 0 0 -1px; padding: 0 0 12px; border-bottom: 1px solid transparent; } .product-detail-tab .mt-tabs a:hover, .product-detail-tab .mt-tabs a.active { color: #000; border-bottom-color: #000; } .product-detail-tab p { margin: 0 0 20px; } /*------------------------------------------------------------------ 37. product comment / .product-comment -------------------------------------------------------------------*/ .product-comment { overflow: hidden; } .product-comment .mt-box { margin: 0 0 47px; overflow: hidden; padding: 0 0 26px; border-bottom: 1px solid #f0f0f0; font: 300 16px/21px "Source Sans Pro", sans-serif; } .product-comment .mt-hold { margin: 0 0 11px; overflow: hidden; } .product-comment .mt-star { padding: 0; color: #e6c376; font-size: 14px; overflow: hidden; list-style: none; margin: 0 17px 0 0; display: inline-block; vertical-align: middle; } .product-comment .mt-star li { float: left; margin: 0 2px 0 0; } .product-comment .mt-star .fa-star-o { color: #d6d6d6; } .product-comment .name { color: #aaa; margin: 0 24px 0 0; display: inline-block; vertical-align: middle; font: 700 16px/20px "Source Sans Pro", sans-serif; } .product-comment time { display: inline-block; vertical-align: middle; font: italic 300 14px/20px "Source Sans Pro", sans-serif; } .product-comment p { margin: 0; letter-spacing: 0.6px; } .product-comment .mt-row { margin: 0 0 14px; overflow: hidden; } .product-comment .p-commentform { margin: 0 0 10px; overflow: hidden; padding: 3px 0 104px 6px; border-bottom: 1px solid #e1e1e1; } .product-comment h2 { color: #949494; margin: 0 0 41px; font: 600 16px/20px "Source Sans Pro", sans-serif; } .product-comment label { float: left; color: #aaa; width: 80px; font: 700 16px/20px "Source Sans Pro", sans-serif; } .product-comment .form-control { margin: 0; float: left; height: 32px; width: 93.3%; outline: none; color: #000; font-weight: 200; -webkit-box-shadow: none; box-shadow: none; background: none; overflow: hidden; padding: 6px 15px; border-radius: 20px; border: 1px solid #d1d1d1; font-size: 14px; line-height: 20px; } .product-comment .form-control ::-webkit-input-placeholder { color: #000; } .product-comment .form-control ::-moz-placeholder { opacity: 1; color: #000; } .product-comment .form-control :-moz-placeholder { color: #000; } .product-comment .form-control :-ms-input-placeholder { color: #000; } .product-comment .form-control .placeholder { color: #000; } .product-comment textarea { resize: none; min-height: 122px; } .product-comment .btn-type4 { margin: 0 0 0 80px; } /*------------------------------------------------------------------ 38. related products / .related-products -------------------------------------------------------------------*/ .related-products { padding: 0 0 130px; } .related-products h2 { color: #3a3a3a; margin: 0 0 13px; font: 700 26px/30px "Montserrat", sans-serif; } .related-products img { width: inherit; max-width: 100%; } .related-products .mt-product1 { width: 19.8%; padding-right: 2%; } .related-products .mt-product1 .txt { padding: 0 0 0 20px; } .related-products .mt-product1 .mt-stars { left: 20px; } /*------------------------------------------------------------------ 39. mt shoplist header / .mt-shoplist-header -------------------------------------------------------------------*/ .mt-shoplist-header { z-index: 1; position: relative; padding: 21px 0 19px; } .mt-shoplist-header .btn-box { float: right; } .mt-shoplist-header .btn-box > ul { margin: 0; float: left; } .mt-shoplist-header .btn-box > ul > li { padding: 0 0 0 3px; position: relative; vertical-align: top; } .mt-shoplist-header .btn-box > ul > li a { -moz-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .mt-shoplist-header .btn-box > ul > li a:hover { text-decoration: none; } .mt-shoplist-header .btn-box > ul > li:hover .drop { top: 100%; opacity: 1; visibility: visible; } .mt-shoplist-header .btn-box > ul > li:hover .drop-link { color: #ff6060; border-color: #ff6060; } .mt-shoplist-header .btn-box .drop-link { display: block; color: #a5a5a5; margin: 0 4px 0 0; padding: 12px 20px; border-radius: 20px; border: 1px solid #d8d8d8; font: 14px/1 "Source Sans Pro", sans-serif; } .mt-shoplist-header .btn-box .drop-link:hover { color: #ff6060; border-color: #ff6060; } .mt-shoplist-header .btn-box .mt-viewswitcher { padding: 11px; display: block; color: #a5a5a5; line-height: 1; font-size: 16px; border-radius: 50%; border: 1px solid #d8d8d8; } .mt-shoplist-header .btn-box .mt-viewswitcher:hover { color: #ff6060; border-color: #ff6060; } .mt-shoplist-header .btn-box .drop { left: 0; right: 0; top: 140%; opacity: 0; background: #fff; visibility: hidden; position: absolute; border: 1px solid #d8d8d8; -moz-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .mt-shoplist-header .btn-box .drop a { display: block; padding: 10px 15px; } .mt-shoplist-header .btn-box .drop a:hover { color: #ff6060; } .mt-shoplist-header .btn-box .drop li { border-bottom: 1px solid #d8d8d8; } .mt-shoplist-header .mt-textbox { color: #a5a5a5; padding: 2px 0 0; font-weight: 300; overflow: hidden; } .mt-shoplist-header .mt-textbox p { margin: 0; } .mt-shoplist-header .mt-textbox a { color: #a5a5a5; } .mt-shoplist-header .mt-textbox a:hover { color: #ff6060; text-decoration: none; } /*------------------------------------------------------------------ 40. Mt productlisthold / .mt-productlisthold -------------------------------------------------------------------*/ .mt-productlisthold { margin: 0; width: 103%; } .mt-productlisthold > li { width: 33%; padding: 0 0 62px; vertical-align: top; } .mt-productlisthold .mt-product1 .txt { padding: 0 0 0 20px; } .mt-productlisthold .mt-product1 .mt-stars { left: 20px; } /*------------------------------------------------------------------ 41. Mt pagination / .mt-pagination -------------------------------------------------------------------*/ .mt-pagination { padding: 42px 0 100px; font: 700 16px/20px "Montserrat", sans-serif; } .mt-pagination ul { margin: 0; text-align: center; } .mt-pagination ul li { padding: 0 3px; vertical-align: top; } .mt-pagination ul a { color: #bababa; display: block; padding: 5px 10px; background: #f6f6f6; -moz-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .mt-pagination ul a:hover { color: #fff; background: #ff6060; text-decoration: none; } /*------------------------------------------------------------------ 42. product post / .product-post -------------------------------------------------------------------*/ .product-post { padding: 0 0 8px; overflow: hidden; border-bottom: 1px solid #ededed; } .product-post .img-holder { width: 30.9%; padding: 22px 0 0; vertical-align: top; display: inline-block; } .product-post .img-holder img { width: auto; height: auto; margin: 0 auto; max-width: 100%; } .product-post .txt-holder { width: 67%; vertical-align: top; display: inline-block; padding: 46px 0 0 2.3%; } .product-post .txt-holder .align-left { float: left; width: 60.2%; padding: 0 30px 0 0; border-right: 1px solid #ededed; } .product-post .txt-holder .align-right { float: right; width: 37.9%; text-align: right; padding: 4px 2.6% 0 0; } .product-post .title { display: block; color: #757575; font-weight: 700; margin: 0 0 15px; font-size: 18px; line-height: 20px; } .product-post .title a { color: #757575; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .product-post .title a:hover { color: #ff8283; } .product-post .price { display: block; font-size: 22px; line-height: 23px; color: #000; font-weight: 600; margin: 0 0 19px; } .product-post .price .fa { font-size: 17px; padding: 0 6px 0 0; } .product-post .rating-list { font-size: 14px; line-height: 16px; font-family: "Montserrat", sans-serif; font-weight: 400; color: #b6b6b6; overflow: hidden; margin: 0 0 21px; padding: 0 14px 0 0; } .product-post .rating-list li { margin: 0 -2px 0 1px; display: inline-block; vertical-align: middle; letter-spacing: -0.5px; } .product-post .rating-list li.active a { color: #e6c376; } .product-post .rating-list a { color: #b6b6b6; } .product-post .rating-list a:hover { color: #ff6060; text-decoration: none; } .product-post .btn-cart { font-size: 14px; line-height: 16px; color: #b6b6b6; background: #f4f4f4; font-family: "Montserrat", sans-serif; font-weight: 700; width: 173px; border-radius: 25px; padding: 15px 17px 12px 10px; word-spacing: 2px; float: right; margin: 0 0 20px; text-transform: uppercase; text-align: center; display: block; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .product-post .btn-cart:hover { background: #ff8283; color: #fff; } .product-post .nav { font-size: 11px; line-height: 13px; font-family: "Montserrat", sans-serif; font-weight: 400; color: #b6b6b6; display: block; overflow: hidden; margin: 0 0 21px; width: 100%; padding: 0 8px 0 0; text-transform: uppercase; } .product-post .nav li { display: block; overflow: hidden; margin: 0 0 16px; } .product-post .nav a { color: #b6b6b6; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .product-post .nav a:hover { color: #ff8283; } /*------------------------------------------------------------------ 43. product masonry / #product-masonry -------------------------------------------------------------------*/ #product-masonry { overflow: hidden; margin: 0 0 150px; } #product-masonry #product-filter { padding: 0; font-size: 16px; font-weight: 700; margin: 0 0 60px; overflow: hidden; list-style: none; letter-spacing: 1px; text-transform: uppercase; } #product-masonry #product-filter li { float: left; } #product-masonry #product-filter li.left { float: right; } #product-masonry #product-filter li:before { content: "/"; display: inline-block; font-size: 0.8em; font-weight: 900; margin: -4px 0 0; padding: 0 20px; vertical-align: middle; } #product-masonry #product-filter li:last-child:before, #product-masonry #product-filter li:first-child:before { display: none; } #product-masonry #product-filter li.left a, #product-masonry #product-filter li.active a { color: #000; } #product-masonry #product-filter a { -moz-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } #product-masonry #product-filter a:hover { color: #000; } #product-masonry .masonry-list { padding: 0; margin: 0 0 -1px; overflow: hidden; list-style: none; position: relative; } #product-masonry .masonry-list:after { top: 0; right: 0; bottom: 0; width: 1px; content: ""; background: #fff; position: absolute; } #product-masonry .masonry-list > li { width: 25%; float: left; padding: 0 10px 30px; text-align: center; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; } #product-masonry .masonry-list .mt-product1 { text-align: left; max-width: 250px; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-height: 200px; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-slider img { width: 100%; height: auto; object-fit: contain; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url("../images/ajax-loader.gif") center center no-repeat; } @font-face { font-family: slick; src: url("../fonts/slick.eot"); src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svgslick") format("svg"); font-weight: 400; font-style: normal; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url("../fonts/slick.eot"); src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg"); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 80px; height: 80px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 5; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 65px; line-height: 1; opacity: 0.2; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 25px; } [dir='rtl'] .slick-prev { right: 25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: 25px; } [dir='rtl'] .slick-next { right: auto; left: 25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/fancybox/fancybox_sprite.png"); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url("../images/fancybox/fancybox_loading.gif") center center no-repeat; } .fancybox-close { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../images/fancybox/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../images/fancybox/fancybox_overlay.png"); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /*------------------------------------------------------------------ 62. Mt Blog Detail / .mt-blog-detail -------------------------------------------------------------------*/ .mt-blog-detail.fullwidth { margin: 0 0 162px; } .mt-blog-detail.style4 { margin: 0 0 172px; } .mt-blog-detail.style1 { padding: 46px 0 0; margin: 0 0 112px; } .mt-blog-detail.style1 .blog-post { font-size: 16px; margin: 0 0 142px; } .mt-blog-detail.style1 .blog-post.style2 { margin: 0 0 33px; } .mt-blog-detail.style1 .blog-post.style2 .blog-txt { padding: 5px 0 0; width: 59%; } .mt-blog-detail.style1 .blog-post.style2 .blog-txt p { margin: 0 0 30px; } .mt-blog-detail.style1 .blog-post.style2 .blog-nav { margin: 0 0 13px; } .mt-blog-detail.style1 .blog-post.detail .blog-txt p { margin: 0 0 32px; } .mt-blog-detail.style1 .blog-post .blog-txt { width: 83%; padding: 0 70px 0 0; } .mt-blog-detail.style1 .blog-post .blog-nav { margin: 0 0 34px; } .mt-blog-detail.style1 .blog-post .img-block { padding: 114px 0 0; margin: 0 0 102px; } .mt-blog-detail.style2 { padding: 46px 0 0; margin: 0 0 112px; } .mt-blog-detail.style2 .blog-post { font-size: 16px; margin: 0 0 71px; } .mt-blog-detail.style2 .blog-post.detail .blog-txt p { margin: 0 0 32px; } .mt-blog-detail.style2 .blog-post .img-holder { margin: 0 0 37px; } .mt-blog-detail.style2 .blog-post .time { margin: -38px 35px 0 0; } .mt-blog-detail.style2 .blog-post .blog-txt { padding: 0 70px 0 0; } .mt-blog-detail.style2 .blog-post .blog-nav { margin: 0 0 34px; } .mt-blog-detail.style2 .blog-post .img-block { padding: 114px 0 0; margin: 0 0 102px; } .mt-blog-detail.style2 .btn-holder { padding: 70px 0 0; } .mt-blog-detail .header { padding-top: 12px; padding-bottom: 9px; position: relative; margin: 0 0 55px; } .mt-blog-detail .header:before { position: absolute; content: ""; z-index: -1; left: -9999px; top: 0; bottom: 0; right: -9999px; background: #eeeeee; } .mt-blog-detail .header .breadcrumbs { font-size: 14px; line-height: 16px; font-weight: 200; overflow: hidden; float: left; color: #000; } .mt-blog-detail .header .breadcrumbs ul { overflow: hidden; margin: 0; } .mt-blog-detail .header .breadcrumbs ul li { margin: 0 10px 0 0; display: inline-block; vertical-align: middle; } .mt-blog-detail .header .breadcrumbs ul .fa-angle-right { margin: 0 0 0 5px; } .mt-blog-detail .header .breadcrumbs ul a { -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #000; } .mt-blog-detail .header .breadcrumbs ul a:hover { color: #ff6060; } .mt-blog-detail .header .category { margin: 4px auto 0; text-align: center; width: 73%; float: left; color: #ff6060; font-size: 15px; line-height: 17px; } .mt-blog-detail .header .category a { -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-blog-detail .header .category a:hover { color: #ff6060; } .mt-blog-detail .header .align-right { float: right; overflow: hidden; font-size: 14px; line-height: 16px; color: #000; font-weight: 200; margin: 0; } .mt-blog-detail .header .align-right li { float: left; margin: 0 8px 0 22px; } .mt-blog-detail .header .align-right a { color: #000; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .mt-blog-detail .header .align-right a:hover { color: #ff6060; } .mt-blog-detail .header .align-right .fa-search { margin: 4px 0 0 5px; } .mt-blog-detail .header .align-right .fa-bars { font-size: 21px; line-height: 23px; margin: 0 0 0 9px; display: inline-block; vertical-align: middle; } .mt-blog-detail .header-holder { padding-top: 23px; padding-bottom: 100px; padding-left: 100px; } .mt-blog-detail .header-holder h2 { font-size: 28px; line-height: 30px; text-transform: uppercase; color: #939393; font-family: "Montserrat", sans-serif; font-weight: 700; margin: 0 50px 0 0; display: inline-block; vertical-align: middle; width: 29.6%; } .mt-blog-detail .txt-wrap { font-size: 16px; line-height: 24px; color: #939393; display: inline-block; vertical-align: middle; width: 56%; position: relative; } .mt-blog-detail .txt-wrap:before { position: absolute; content: ""; z-index: -1; left: -50px; top: 0; bottom: auto; right: auto; width: 1px; height: 100px; background: #939393; } .mt-blog-detail .sidebar { position: relative; } .mt-blog-detail .sidebar:before { position: absolute; content: ""; z-index: -1; left: 24px; top: 70px; bottom: auto; right: auto; background: #e7e7e7; width: 1px; height: 680px; } /*------------------------------------------------------------------ 63. Mt Blog Post / .mt-blog-post -------------------------------------------------------------------*/ .blog-post { overflow: hidden; font-size: 14px; line-height: 27px; font-weight: 200; margin: 0 0 105px; color: #494949; } .blog-post.style2 { line-height: 23px; padding: 0 0 35px; margin: 0 0 33px; border-style: solid; border-width: 0 0 1px; border-color: #e7e7e7; } .blog-post.style2 .img-holder { width: 35%; float: left; margin: 0 42px 0 0; } .blog-post.style2 .comment-nav { right: 6px; bottom: 19px; top: auto; font-size: 13px; line-height: 15px; } .blog-post.style2 .blog-txt { width: 56%; } .blog-post.style2 .blog-txt p { margin: 0 0 32px; } .blog-post.style2 h2 { font-size: 20px; line-height: 22px; margin: 0 0 7px; } .blog-post.style2 .blog-nav { margin: 0 0 12px; font-size: 13px; line-height: 16px; } .blog-post.style2 .blog-nav li { margin: 0 30px 0 0; position: relative; z-index: 1; } .blog-post.style2 .blog-nav li:before { position: absolute; content: ""; z-index: -1; left: -16px; top: 0; bottom: auto; right: auto; height: 14px; width: 1px; background: #494949; } .blog-post.style2 .blog-nav li:first-child:before { display: none; } .blog-post.style3 { margin: 0 0 97px; position: relative; } .blog-post.style3 .img-holder { margin: 0; } .blog-post.style3 .blog-txt { padding: 60px; width: 1090px; line-height: 27px; background: #fff; position: relative; margin: -121px 0 0 41px; } .blog-post.style3 .blog-txt p { margin: 0 0 31px; } .blog-post.style3 .time { top: 38px; margin: 0; left: 60px; color: #494949; background: #fff; position: absolute; } .blog-post.style3 .img-block { padding: 24px 0 0; } .blog-post.style3 .img-block.fullwidth { width: 885px; margin: 0 auto 80px; } .blog-post.style3 .img-block .img { margin: 0 30px 37px 0; } .blog-post.detail .blog-txt p { margin: 0 0 24px; } .blog-post .img-holder { width: 100%; overflow: hidden; margin: 0 0 32px; position: relative; } .blog-post .blog-txt { float: left; overflow: hidden; width: 84%; } .blog-post .blog-txt p { margin: 0 0 24px; } .blog-post .comment-nav { overflow: hidden; margin: 0; position: absolute; right: 36px; top: 55px; font-size: 16px; line-height: 18px; font-weight: bold; font-family: "Montserrat", sans-serif; } .blog-post .comment-nav li { margin: 0 17px 0 0; float: left; } .blog-post .comment-nav .fa-comments { margin: 0 4px 0 0; } .blog-post .comment-nav .fa-share-alt { margin: 0 6px 0 0; } .blog-post .comment-nav a { -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #fff; } .blog-post .comment-nav a:hover { color: #ff6060; } .blog-post h2 { font-size: 30px; line-height: 33px; font-weight: bold; font-family: "Montserrat", sans-serif; margin: 0 0 17px; text-transform: uppercase; color: #494949; } .blog-post h2 a { -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #494949; } .blog-post h2 a:hover { color: #ff6060; } .blog-post .blog-nav { font-size: 14px; line-height: 16px; font-style: italic; font-weight: 200; margin: 0 0 32px; overflow: hidden; padding: 0 0 0 2px; color: #494949; } .blog-post .blog-nav li { float: left; margin: 0 40px 0 0; } .blog-post .blog-nav a { color: #494949; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .blog-post .blog-nav a:hover { color: #ff6060; } .blog-post .blog-nav .fa-clock-o, .blog-post .blog-nav .fa-list, .blog-post .blog-nav .fa-comment { margin: 0 7px 0 0; } .blog-post .btn-more { font-size: 14px; line-height: 16px; font-weight: 700; text-transform: uppercase; word-spacing: -3px; margin: 0 0 0 4px; letter-spacing: 1px; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #494949; } .blog-post .btn-more:hover { color: #ff6060; } .blog-post .time { float: left; width: 78px; padding: 10px 10px 16px 15px; letter-spacing: 1px; overflow: hidden; display: block; margin: -32px 51px 0 0; text-align: center; font-size: 18px; line-height: 20px; font-weight: 400; background: #919191; color: #fff; } .blog-post .time strong { font-size: 30px; line-height: 33px; display: block; } .blog-post .img-block { overflow: hidden; padding: 80px 0 0; margin: 0 0 80px; } .blog-post .img-block.fullwidth { width: 865px; margin: 0 auto; } .blog-post .img-block.fullwidth .img { width: 261px; } .blog-post .img-block .img { float: left; width: 182px; margin: 0 10px 10px 0; } .blog-post .img-block .img a { display: block; position: relative; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .blog-post .img-block .img a .fa { top: 50%; left: 50%; opacity: 0; visibility: hidden; position: absolute; font-size: 30px; line-height: 30px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #fff; } .blog-post .img-block .img a:hover .fa { opacity: 1; visibility: visible; } /*------------------------------------------------------------------ 64. Btn Holder / .btn-holder -------------------------------------------------------------------*/ .btn-holder { overflow: hidden; } .btn-holder .btn-prev { font-size: 18px; line-height: 20px; font-weight: 700; border-width: 2px; border-style: solid; padding: 5px 16px 5px 11px; text-transform: uppercase; float: left; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #494949; border-color: #494949; } .btn-holder .btn-prev:hover { border-color: #ff6060; background: #ff6060; color: #fff; } .btn-holder .btn-prev .fa-angle-left { margin: 0 5px 0 0; } .btn-holder .btn-next { font-size: 18px; line-height: 20px; font-weight: 700; border-width: 2px; border-style: solid; padding: 5px 13px 5px 18px; text-transform: uppercase; float: right; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #494949; border-color: #494949; } .btn-holder .btn-next:hover { border-color: #ff6060; background: #ff6060; color: #fff; } .btn-holder .btn-next .fa-angle-right { margin: 0 0 0 4px; } .btn-holder .pagination { font-size: 23px; line-height: 25px; font-weight: 700; font-family: "Montserrat", sans-serif; overflow: hidden; padding: 60px 0 10px 7px; text-transform: uppercase; color: #bababa; } .btn-holder .pagination.pagelink { margin: 0 auto; width: 300px; padding-top: 91px; } .btn-holder .pagination li { float: left; margin: 0 16px 0 0; } .btn-holder .pagination .active a { border-width: 0 0 4px; border-style: solid; color: #494949; border-color: #494949; } .btn-holder .pagination a { -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #bababa; } .btn-holder .pagination a:hover { color: #494949; border-color: #494949; border-width: 0 0 4px; border-style: solid; } /*------------------------------------------------------------------ 65. Widget / .widget -------------------------------------------------------------------*/ .widget { overflow: hidden; margin: 0 0 68px; padding: 0 6px 0 0; } .widget h3 { font-size: 18px; line-height: 20px; font-family: "Montserrat", sans-serif; font-weight: 400; text-transform: uppercase; margin: 0 0 23px; padding: 0 0 8px; position: relative; color: #494949; } .widget h3:before { position: absolute; content: ""; z-index: -1; left: auto; top: auto; bottom: 0; right: 0; width: 59px; height: 4px; background: #494949; } .widget.category-widget .widget-nav { font-size: 18px; line-height: 20px; font-weight: 200; margin: 0; overflow: hidden; padding: 0 4px 0 0; color: #494949; } .widget.category-widget .widget-nav li { margin: 0 0 8px; } .widget.category-widget .widget-nav a { -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #494949; } .widget.category-widget .widget-nav a:hover { color: #ff6060; } .widget.popular-widget { font-size: 14px; line-height: 17px; font-weight: 200; color: #494949; } .widget.popular-widget h3:before { width: 81px; } .widget.popular-widget .popular-post { overflow: hidden; padding: 5px 0 0; } .widget.popular-widget .popular-post li { margin: 0 0 13px; overflow: hidden; } .widget.popular-widget .img-post { float: right; width: 16.5%; margin: 0 0 0 10px; } .widget.popular-widget .info-dscrp { width: 76%; float: right; overflow: hidden; max-width: 260px; padding: 3px 7px 0 0; } .widget.popular-widget .info-dscrp p { margin: 0 0 2px; } .widget.popular-widget .time { font-style: italic; color: #6b6b6b; } .widget.tag-widget { font-size: 16px; line-height: 18px; font-weight: 200; color: #494949; } .widget.tag-widget h3:before { width: 24px; } .widget.tag-widget .tags { width: 200px; overflow: hidden; float: right; } .widget.tag-widget .tags li { display: inline-block; vertical-align: middle; margin: 0 0 10px; } .widget.tag-widget .tags a { -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .widget.tag-widget .tags a:hover { color: #ff6060; } /*------------------------------------------------------------------ 66. Mt Author Box / .mt-author-box -------------------------------------------------------------------*/ .mt-author-box { padding: 42px 40px 35px 47px; overflow: hidden; margin: 0 0 57px; background: #f4f4f4; } .mt-author-box.fullwidth { width: 865px; margin: 0 auto 87px; } .mt-author-box.fullwidth .author-img { width: 18.8%; } .mt-author-box .author-img { width: 20.9%; float: left; margin: 0 37px 0 0; } .mt-author-box .author-txt { float: left; overflow: hidden; width: 72%; padding: 15px 0 0; } .mt-author-box .author-txt p { margin: 0 0 19px; } .mt-author-box h3 { font-size: 18px; line-height: 21px; font-weight: 400; margin: 0 0 10px; color: #000; } .mt-author-box h3 a { -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #000; } .mt-author-box h3 a:hover { color: #ff6060; } .mt-author-box .social-network { font-size: 13px; line-height: 15px; overflow: hidden; padding: 0 0 0 2px; color: #000; } .mt-author-box .social-network li { float: left; margin: 0 13px 0 0; } .mt-author-box .social-network a { -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #000; } .mt-author-box .social-network a:hover { color: #ff6060; } /*------------------------------------------------------------------ 67. Mt Comments Section / .mt-comments-section -------------------------------------------------------------------*/ .mt-comments-section { overflow: hidden; padding: 40px 0; margin: 0 0 40px; } .mt-comments-section.fullwidth { width: 865px; margin: 0 auto; } .mt-comments-section.fullwidth ul .img-box { width: 7.9%; margin: 0 16px 0 0; } .mt-comments-section.fullwidth ul li.second-comment { padding: 0 0 0 89px; } .mt-comments-section.fullwidth ul li.second-comment .img-box { width: 8.9%; } .mt-comments-section.fullwidth .mt-leave-comment h2 { margin: 0 0 27px; } .mt-comments-section.fullwidth .mt-leave-comment .comment-form .form-group { margin: 0 0 22px; } .mt-comments-section.fullwidth .mt-leave-comment .comment-form textarea { margin: 0; } .mt-comments-section.fullwidth .mt-leave-comment .comment-form .form-btn { padding: 14px 7px 13px 5px; font-weight: 700; } .mt-comments-section .mt-comments-heading { overflow: hidden; margin: 0 0 25px; } .mt-comments-section h2 { font-size: 24px; line-height: 26px; font-family: "Montserrat", sans-serif; font-weight: 400; text-transform: uppercase; margin: 0 0 23px; padding: 0 0 16px; position: relative; color: #494949; } .mt-comments-section h2:before { position: absolute; content: ""; z-index: -1; left: 2px; top: auto; bottom: 0; right: auto; width: 81px; height: 4px; background: #494949; } .mt-comments-section h2 a { -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #494949; } .mt-comments-section h2 a:hover { color: #ff6060; } .mt-comments-section ul { padding: 0 0 0 17px; overflow: hidden; margin: 0 0 60px; } .mt-comments-section ul li { overflow: hidden; margin: 0 0 55px; } .mt-comments-section ul li.second-comment { padding: 0 0 0 93px; } .mt-comments-section ul li.second-comment .img-box { width: 9.7%; } .mt-comments-section ul li.second-comment .txt { width: 87%; } .mt-comments-section ul .img-box { width: 8.8%; float: left; overflow: hidden; margin: 0 20px 0 0; } .mt-comments-section ul .txt { float: left; width: 88%; overflow: hidden; font-size: 14px; line-height: 22px; padding: 7px 0 30px; border-width: 0 0 1px; border-style: solid; color: #868686; border-color: #eeeeee; } .mt-comments-section ul .txt h3 { font-size: 14px; line-height: 16px; font-weight: 600; margin: 0 0 6px; color: #000; } .mt-comments-section ul .txt h3 a { -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #000; } .mt-comments-section ul .txt h3 a:hover { color: #ff6060; } .mt-comments-section ul .txt .mt-time { font-size: 11px; line-height: 12px; font-weight: 200; font-style: italic; display: block; margin: 0 0 19px; color: #000; } .mt-comments-section .mt-leave-comment { overflow: hidden; } .mt-comments-section .mt-leave-comment h2 { margin: 0 0 25px; } .mt-comments-section .mt-leave-comment h2:before { display: none; } .mt-comments-section .mt-leave-comment .comment-form { overflow: hidden; padding: 0 0 0 4px; } .mt-comments-section .mt-leave-comment .comment-form .form-group { overflow: hidden; margin: 0 0 20px; } .mt-comments-section .mt-leave-comment .comment-form .form-control { font-size: 14px; line-height: 16px; font-weight: 400; width: 31.5%; height: 47px; float: left; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; margin: 0 0 0 20px; padding: 11px 10px 5px 26px; color: #868686; background: #f7f7f7; } .mt-comments-section .mt-leave-comment .comment-form .form-control:first-child { margin: 0; } .mt-comments-section .mt-leave-comment .comment-form textarea { min-height: 108px; resize: none; width: 100%; font-size: 14px; line-height: 16px; font-weight: 400; height: 47px; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; padding: 20px 10px 5px 26px; color: #868686; background: #f7f7f7; } .mt-comments-section .mt-leave-comment .comment-form .form-btn { width: 93px; display: block; padding: 10px; font-size: 14px; line-height: 16px; font-weight: 400; border: none; outline: none; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; background: #f7f7f7; color: #868686; } .mt-comments-section .mt-leave-comment .comment-form .form-btn:hover { background: #494949; color: #ff6060; } #blog-isotops.mt-iso { overflow: hidden; margin: 0 -50px 95px 0; } /*------------------------------------------------------------------ 68. Post Blog / .post-blog -------------------------------------------------------------------*/ .post-blog { width: 374px; float: left; margin: 0 37px 48px 0; padding: 0 40px; } .post-blog .img-holder { margin: 0 -40px; overflow: hidden; position: relative; } .post-blog .comment-nav { overflow: hidden; margin: 0; position: absolute; right: 6px; bottom: 14px; font-size: 16px; line-height: 18px; font-weight: bold; font-family: "Montserrat", sans-serif; } .post-blog .comment-nav li { margin: 0 17px 0 0; float: left; } .post-blog .comment-nav .fa-comments { margin: 0 4px 0 0; } .post-blog .comment-nav .fa-share-alt { margin: 0 6px 0 0; } .post-blog .comment-nav a { -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #f4f4f4; } .post-blog .comment-nav a:hover { color: #ff6060; } .post-blog h2 { font-size: 24px; line-height: 26px; font-weight: bold; font-family: "Montserrat", sans-serif; margin: 0; position: absolute; left: 45px; top: 38px; text-transform: uppercase; color: #fff; } .post-blog h2 a { -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #fff; } .post-blog h2 a:hover { color: #ff6060; } .post-blog .time { position: relative; width: 66px; padding: 10px 10px 16px 15px; letter-spacing: 1px; overflow: hidden; display: block; margin: -36px 47px 18px -5px; text-align: center; font-size: 14px; line-height: 16px; font-weight: 200; background: #f4f4f4; color: #494949; } .post-blog .time strong { font-size: 24px; line-height: 26px; display: block; } .post-blog .txt-holder { overflow: hidden; font-size: 16px; line-height: 19px; } .post-blog .txt-holder p { margin: 0 0 27px; } .post-blog .btn-more { font-size: 12px; line-height: 14px; font-weight: 400; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #494949; } .post-blog .btn-more:hover { color: #ff6060; } .post-blog .btn-more .fa-angle-right { margin: 0 2px 0 0; } /*------------------------------------------------------------------ 69. Loading Holder / .loading-holder -------------------------------------------------------------------*/ .loading-holder { border-width: 1px 0; border-style: solid; border-color: #e7e7e7; padding: 19px 0; overflow: hidden; } .loading-holder .txt { display: block; font-size: 18px; line-height: 21px; font-weight: 700; letter-spacing: 1px; font-family: "Montserrat", sans-serif; color: #757575; } .loading-holder .txt .fa-refresh { margin: 0 0 0 10px; } /*------------------------------------------------------------------ 70. Blog Isotops / #blog-isotops -------------------------------------------------------------------*/ #blog-isotops { margin: 0 0 90px; } /*------------------------------------------------------------------ 5. Mt Error Section / .mt-error-sec -------------------------------------------------------------------*/ .mt-error-sec { padding: 131px 0 76px; } .mt-error-sec.dark { background: #f6f6f6; position: relative; } .mt-error-sec.style2 { padding: 261px 0 219px; } .mt-error-sec.style2 .error-holder { width: auto; } .mt-error-sec.style2 .error-holder .txt { margin: 0 0 32px; } .mt-error-sec.style2 .btn-list .form2 .form-control { height: 30px; width: 91%; font-size: 14px; line-height: 16px; } .mt-error-sec.style2 .btn-list li { margin: 0 1px 0 3px; } .mt-error-sec.style3 { padding: 261px 0 254px; } .mt-error-sec.error-section { text-align: center; background-position: 50% 50%; background-size: cover; color: #fff; white-space: nowrap; } .mt-error-sec.error-section:after { content: ''; display: inline-block; vertical-align: middle; width: 0; min-height: 499px; } .mt-error-sec.error-section > * { white-space: normal; display: inline-block; vertical-align: middle; max-width: 99%; } .mt-error-sec.error-section .section-error { text-align: left; } .mt-error-sec.error-section .error-holder { width: auto; } .mt-error-sec.error-section .error-holder .txt { margin: 0 0 32px; } .mt-error-sec.error-section .btn-list .error-form { border-color: #fff; } .mt-error-sec.error-section .btn-list .error-form ::-webkit-input-placeholder { color: #fff; } .mt-error-sec.error-section .btn-list .error-form ::-moz-placeholder { opacity: 1; color: #fff; } .mt-error-sec.error-section .btn-list .error-form :-moz-placeholder { color: #fff; } .mt-error-sec.error-section .btn-list .error-form :-ms-input-placeholder { color: #fff; } .mt-error-sec.error-section .btn-list .error-form .placeholder { color: #fff; } .mt-error-sec.error-section .btn-list .error-form .btn-submit { color: #fff; padding: 5px 10px 0; } .mt-error-sec.error-section .btn-list .form2 .form-control { height: 30px; width: 91%; font-size: 14px; line-height: 16px; } .mt-error-sec.error-section .btn-list li { margin: 0 1px 0 3px; } .mt-error-sec.error-section .btn-back { background: #fff; color: #545454; } .mt-error-sec.error-section .error-code2, .mt-error-sec.error-section h1 { color: #fff; } .mt-error-sec .montserrat { font-family: "Montserrat", sans-serif; } .mt-error-sec .error-code { font-size: 193px; line-height: 195px; display: block; font-weight: 700; letter-spacing: -7px; margin: 0 0 34px; color: #545454; } .mt-error-sec .error-code2 { font-size: 210px; line-height: 212px; display: block; font-weight: 700; letter-spacing: -7px; margin: -25px 0 0; color: #545454; padding: 0 0 0 11px; } .mt-error-sec .error-holder { width: 440px; overflow: hidden; } .mt-error-sec .error-holder h1 { margin: 0 0 14px; } .mt-error-sec .error-holder .txt { font-size: 20px; line-height: 24px; margin: 0 0 28px; } .mt-error-sec .error-holder .btn-back { width: 148px; padding: 10px 15px; font-size: 14px; line-height: 16px; } .mt-error-sec .error-holder .btn-back:hover { color: #ff6060; } .mt-error-sec h1 { font-size: 36px; line-height: 38px; margin: 0 0 12px; font-weight: 700; letter-spacing: -3px; word-spacing: 3px; color: #545454; } .mt-error-sec .txt { font-size: 24px; line-height: 26px; font-weight: 300; font-family: "Source Sans Pro", "Arial", "Helvetica", sans-serif; overflow: hidden; margin: 0 0 75px; } .mt-error-sec .btn-list { overflow: hidden; margin: 0 0 67px; } .mt-error-sec .btn-list li { display: inline-block; vertical-align: middle; margin: 0 7px 0 15px; } .mt-error-sec .btn-list li:only-child { width: 662px; padding: 52px 0 0; } .mt-error-sec .btn-list li:only-child .error-form { width: 100%; } .mt-error-sec .btn-list li:only-child .error-form .form-control { width: 93%; text-transform: capitalize; } .mt-error-sec .btn-list li:only-child .error-form .btn-submit { padding: 8px 21px 0 0; } .mt-error-sec .btn-list .error-form { width: 216px; font-weight: 700; border: 2px solid #545454; font-family: "Montserrat", sans-serif; } .mt-error-sec .btn-list .error-form ::-webkit-input-placeholder { color: #545454; } .mt-error-sec .btn-list .error-form ::-moz-placeholder { opacity: 1; color: #545454; } .mt-error-sec .btn-list .error-form :-moz-placeholder { color: #545454; } .mt-error-sec .btn-list .error-form :-ms-input-placeholder { color: #545454; } .mt-error-sec .btn-list .error-form .placeholder { color: #545454; } .mt-error-sec .btn-list .error-form.form2 { width: 494px; } .mt-error-sec .btn-list .error-form.form2 .btn-submit { padding: 5px 10px 0; } .mt-error-sec .btn-list .error-form .form-control { width: 80%; height: 37px; float: left; border: none; outline: none; background: none; font-size: 16px; line-height: 18px; text-transform: uppercase; letter-spacing: -1px; padding: 10px 10px 10px 16px; -webkit-box-shadow: none; box-shadow: none; } .mt-error-sec .btn-list .error-form .btn-submit { background: none; border: none; color: #545454; outline: none; font-size: 18px; line-height: 20px; font-weight: 400; padding: 8px 10px 0 10px; } .mt-error-sec .btn-list .error-form .btn-submit:hover { color: #ff6060; } .mt-error-sec .btn-back { width: 174px; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 16px; line-height: 18px; padding: 11px 15px; text-align: center; display: block; background: #545454; color: #fff; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .mt-error-sec .btn-back.btn-transparent { background: none; margin: 0 auto 20px; width: 184px; color: #545454; } .mt-error-sec .btn-back.btn-transparent .fa-home { margin: 0 8px 0 0; } .mt-error-sec .btn-back.btn-transparent:hover { opacity: 0.7; } .mt-error-sec .error-form { border-color: #545454; } .mt-error-sec .error-form ::-webkit-input-placeholder { color: #545454; } .mt-error-sec .error-form ::-moz-placeholder { opacity: 1; color: #545454; } .mt-error-sec .error-form :-moz-placeholder { color: #545454; } .mt-error-sec .error-form :-ms-input-placeholder { color: #545454; } .mt-error-sec .error-form .placeholder { color: #545454; } .mt-error-sec .error-form .form-control { color: #545454; } .mt-error-sec .error-form .btn-submit { color: #545454; } .mt-error-sec .error-form .btn-back { background: #545454; color: #fff; } .mt-error-sec .error-form .btn-back:hover { background: #868686; } .mt-error-sec .error-form .btn-back.btn-transparent { color: #545454; } /*------------------------------------------------------------------ 6. Mt Newsletter Popup / .mt-newsletter-popup -------------------------------------------------------------------*/ .mt-newsletter-popup { width: 792px; margin: 0 auto; padding: 44px 20px 20px 42px; position: relative; } .mt-newsletter-popup .title { font-size: 90px; line-height: 100px; display: block; color: #f6f6f6; text-transform: uppercase; margin: 0; font-family: "Montserrat", sans-serif; font-weight: 700; position: relative; } .mt-newsletter-popup .txt-holder { width: 413px; overflow: hidden; float: left; position: relative; z-index: 2; top: -59px; padding: 0 0 0 40px; } .mt-newsletter-popup h1 { font-size: 30px; line-height: 33px; text-transform: uppercase; margin: 0 0 18px; font-family: "Montserrat", sans-serif; font-weight: 700; color: #000; } .mt-newsletter-popup .txt { display: block; font-size: 18px; line-height: 21px; margin: 0 0 47px; color: #757575; } .mt-newsletter-popup .txt b { color: #f53434; } .mt-newsletter-popup .newsletter-form { width: 100%; margin: 0 0 40px; overflow: hidden; } .mt-newsletter-popup .newsletter-form .form-control { width: 100%; height: 47px; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 25px; font-size: 14px; line-height: 16px; padding: 11px 10px 10px 22px; margin: 0 0 8px; background: #f2f2f2; color: #757575; } .mt-newsletter-popup .newsletter-form button { width: 122px; padding: 10px 10px 6px 10px; text-align: center; text-transform: uppercase; font-size: 14px; line-height: 20px; font-family: "Montserrat", sans-serif; font-weight: 700; border: none; outline: none; border-radius: 25px; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; background: #ff8283; color: #fff; } .mt-newsletter-popup .newsletter-form button:hover { background: #f2f2f2; color: #757575; } .mt-newsletter-popup .img-holder { float: right; position: relative; top: -40px; right: 47px; } .mt-newsletter-popup .popup-form { bottom: 45px; overflow: hidden; position: absolute; font-family: "Oxygen", sans-serif; font-size: 11px; line-height: 13px; padding: 0 0 0 40px; color: #9a9a9a; } .mt-newsletter-popup .popup-form .form-control { width: 16px; height: 16px; margin: 0 7px 0 0; display: inline-block; vertical-align: middle; background: #9a9a9a; } /*------------------------------------------------------------------ 7. Popup Holder / .popup-holder -------------------------------------------------------------------*/ .popup-holder { position: relative; overflow: hidden; height: 0; } .popup-holder .lightbox { padding: 5px; width: 100%; } /*------------------------------------------------------------------ 8. Fancybox Skin / .fancybox-skin -------------------------------------------------------------------*/ .fancybox-skin { padding: 0 !important; } /*------------------------------------------------------------------ 9. Mt Map Holder / .mt-map-holder -------------------------------------------------------------------*/ .mt-map-holder { overflow: hidden; width: 100%; position: relative; height: 571px; } .mt-map-holder .map-logo { width: 111px; position: absolute; right: 45%; bottom: 43%; } .mt-map-holder .map-logo a { display: block; } /*------------------------------------------------------------------ 10. Mt Map Descrp / .mt-map-descrp -------------------------------------------------------------------*/ .mt-map-descrp { font-size: 16px; line-height: 23px; font-weight: 300; padding: 53px 0; color: #383838; } .mt-map-descrp h1 { font-size: 30px; line-height: 33px; font-weight: 600; margin: 0 0 28px; color: #383838; } .mt-map-descrp p { margin: 0 0 23px; } /*------------------------------------------------------------------ 11. Mt Contact Detial / .mt-contact-detial -------------------------------------------------------------------*/ .mt-contact-detail { padding: 75px 0 65px; font-weight: 300; font-size: 18px; line-height: 22px; position: relative; background: #f6f6f6; color: #383838; } .mt-contact-detail.content-info { margin: 0 auto; background: none; max-width: 1059px; } .mt-contact-detail .icon { display: block; margin: 0 0 25px; color: #383838; font-size: 48px; line-height: 50px; } .mt-contact-detail .title { text-transform: uppercase; display: block; margin: 0 0 18px; font-family: "Montserrat", sans-serif; letter-spacing: 1px; } .mt-contact-detail a { color: #383838; } .mt-contact-detail address { font-style: normal; margin: 0; } .mt-contact-detail .txt-wrap { font-size: 16px; line-height: 23px; font-weight: 300; overflow: hidden; margin: 0 0 50px; color: #383838; } .mt-contact-detail .txt-wrap h2 { font-size: 30px; line-height: 33px; font-weight: 600; margin: 0 0 28px; color: #383838; } .mt-contact-detail .txt-wrap p { margin: 0 0 23px; } .mt-contact-detail .contact-txt { font-size: 14px; line-height: 16px; font-weight: 200; overflow: hidden; } .mt-contact-detail .contact-txt li { float: left; margin: 0 40px 20px 0; } .mt-contact-detail .contact-txt strong { font-weight: 600; font-size: 16px; line-height: 20px; text-transform: capitalize; display: block; margin: 0 0 11px; } .mt-contact-detail h2 { font-weight: 600; font-size: 16px; line-height: 20px; display: block; margin: 0 0 11px; } .mt-contact-detail .contact-form { width: 100%; overflow: hidden; } .mt-contact-detail .contact-form .form-control { border-width: 1px; border-style: solid; border-radius: 20px; -webkit-box-shadow: none; box-shadow: none; outline: none; background: none; width: 100%; height: 40px; margin: 0 0 8px; font-size: 14px; line-height: 16px; font-weight: 200; padding: 10px 33px; border-color: #383838; color: #000; } .mt-contact-detail .contact-form .form-control ::-webkit-input-placeholder { color: #000; } .mt-contact-detail .contact-form .form-control ::-moz-placeholder { opacity: 1; color: #000; } .mt-contact-detail .contact-form .form-control :-moz-placeholder { color: #000; } .mt-contact-detail .contact-form .form-control :-ms-input-placeholder { color: #000; } .mt-contact-detail .contact-form .form-control .placeholder { color: #000; } .mt-contact-detail .contact-form textarea { min-height: 89px; resize: none; } /*------------------------------------------------------------------ 12. Mt Form Section / .mt-form-sec -------------------------------------------------------------------*/ .mt-form-sec { padding: 87px 0 98px; } .mt-form-sec .header { font-size: 14px; line-height: 23px; font-weight: 300; margin: 0 0 36px; color: #383838; } .mt-form-sec .header h2 { font-size: 16px; line-height: 18px; margin: 0 0 20px; font-weight: 600; color: #383838; } .mt-form-sec .contact-form { width: 924px; margin: 0 auto; } .mt-form-sec .contact-form .form-control { border-width: 1px; border-style: solid; border-radius: 20px; -webkit-box-shadow: none; box-shadow: none; outline: none; background: none; width: 100%; height: 40px; margin: 0 0 8px; font-size: 14px; line-height: 16px; font-weight: 200; padding: 10px 33px; border-color: #383838; color: #000; } .mt-form-sec .contact-form .form-control ::-webkit-input-placeholder { color: #000; } .mt-form-sec .contact-form .form-control ::-moz-placeholder { opacity: 1; color: #000; } .mt-form-sec .contact-form .form-control :-moz-placeholder { color: #000; } .mt-form-sec .contact-form .form-control :-ms-input-placeholder { color: #000; } .mt-form-sec .contact-form .form-control .placeholder { color: #000; } .mt-form-sec .contact-form textarea { min-height: 89px; resize: none; } /*------------------------------------------------------------------ 13. Mt Contact Banner / .mt-contact-banner -------------------------------------------------------------------*/ .mt-contact-banner { min-height: 207px; padding: 82px 0 40px; background-size: cover; text-transform: capitalize; background-position: 50% 50%; } .mt-contact-banner.style4 { padding: 65px 0 14px; margin: 0 0 4px; } .mt-contact-banner.style4 .breadcrumbs { margin: 0 0 20px; } .mt-contact-banner.mt-banner-22 { min-height: 326px; position: relative; padding: 218px 0 20px; } .mt-contact-banner.mt-banner-22 h1 { color: #fff; margin: 0 0 16px; } .mt-contact-banner.mt-banner-22 .breadcrumbs ul { color: #fff; opacity: 0.5; } .mt-contact-banner.mt-banner-22 .breadcrumbs ul a { color: #fff; } .mt-contact-banner h1 { font-size: 44px; line-height: 46px; font-weight: 700; font-family: "Montserrat", sans-serif; margin: 0 0 15px; letter-spacing: 1px; text-transform: uppercase; color: #383838; } .mt-contact-banner .breadcrumbs { font-size: 14px; line-height: 16px; font-weight: 200; overflow: hidden; color: #383838; } .mt-contact-banner .breadcrumbs ul { overflow: hidden; } .mt-contact-banner .breadcrumbs ul li { margin: 0 10px 0 0; display: inline-block; vertical-align: middle; } .mt-contact-banner .breadcrumbs ul a { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; color: #383838; } .mt-contact-banner .breadcrumbs ul a:hover { color: #ff6060; } .mt-contact-banner .breadcrumbs ul .fa-angle-right { margin: 0 0 0 5px; } .mt-contact-banner .search { display: inline-block; vertical-align: top; } .mt-contact-banner .search .fa-search { margin: 0 0 0 5px; } /*------------------------------------------------------------------ 14. Mt About Section / .mt-about-sec -------------------------------------------------------------------*/ .mt-about-sec { padding: 86px 0 106px; } .mt-about-sec .txt { overflow: hidden; font-size: 18px; line-height: 31px; font-weight: 300; margin: 0 0 22px; color: #494949; } .mt-about-sec .txt p { margin: 0 0 37px; } .mt-about-sec .txt strong { display: block; font-size: 24px; line-height: 26px; font-weight: 600; } .mt-about-sec h2 { font-size: 30px; line-height: 33px; font-weight: bold; margin: 0 0 50px; font-family: "Montserrat", sans-serif; text-transform: uppercase; color: #494949; } .mt-about-sec .social-network.social-icon { font-size: 18px; line-height: 20px; } .mt-about-sec .social-network li { display: inline-block; vertical-align: middle; margin: 0 12px 0 0; font-size: 18px; line-height: 20px; } .mt-about-sec .mt-follow-holder .title { display: block; font-size: 13px; line-height: 18px; font-family: "Montserrat", sans-serif; margin: 0 0 15px; font-weight: 700; color: #575757; } /*------------------------------------------------------------------ 15. Mt Team Section / .mt-team-sec -------------------------------------------------------------------*/ .mt-team-sec { padding: 0 0 87px; } .mt-team-sec h3 { font-size: 30px; line-height: 33px; font-weight: bold; margin: 0 0 36px; font-family: "Montserrat", sans-serif; text-transform: uppercase; color: #494949; } .mt-team-sec .holder { overflow: hidden; } .mt-team-sec .col { width: 23.6%; float: left; margin: 0 0 0 22px; position: relative; } .mt-team-sec .col:first-child { margin: 0; } .mt-team-sec .col .mt-txt { padding: 0 0 0 6px; border-left: 6px solid #eeeeee; } .mt-team-sec .img-holder { margin: 0 0 15px; overflow: hidden; } .mt-team-sec .img-holder a { display: block; position: relative; } .mt-team-sec .img-holder a .social-icon { font-size: 20px; line-height: 22px; opacity: 0; visibility: visible; position: absolute; left: 50%; top: 50%; color: #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mt-team-sec .img-holder a .social-icon li { float: left; margin: 0 4px 0 0; width: 40px; height: 40px; border-radius: 100%; text-align: center; padding: 8px; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; background: #494949; } .mt-team-sec .img-holder a .social-icon li:hover { color: #f53434; } .mt-team-sec .img-holder a:before { position: absolute; content: ""; z-index: -1; left: 0; top: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.7); opacity: 0; visibility: hidden; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; z-index: 0; } .mt-team-sec .img-holder a:hover:before { opacity: 1; visibility: visible; } .mt-team-sec .img-holder a:hover .social-icon { opacity: 1; visibility: visible; } .mt-team-sec h4 { font-size: 20px; line-height: 22px; font-family: "Montserrat", sans-serif; font-weight: bold; margin: 0; text-transform: uppercase; color: #494949; } .mt-team-sec h4 a { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; color: #494949; } .mt-team-sec h4 a:hover { color: #f53434; } .mt-team-sec .sub-title { font-size: 12px; line-height: 14px; display: block; letter-spacing: 4px; text-transform: uppercase; padding: 0 0 0 3px; color: #a0a0a0; } /*------------------------------------------------------------------ 16. Mt Workspace Section / .mt-workspace-sec -------------------------------------------------------------------*/ .mt-workspace-sec { padding: 40px 0 100px; } .mt-workspace-sec h2 { font-size: 30px; line-height: 33px; font-weight: bold; margin: 0 0 36px; font-family: "Montserrat", sans-serif; text-transform: uppercase; color: #494949; } .mt-workspace-sec .work-slider { position: relative; } .mt-workspace-sec .work-slider li { float: left; overflow: hidden; margin: 0 0 0 15px; position: relative; } .mt-workspace-sec .work-slider li:before { position: absolute; content: ""; z-index: -1; left: 0; top: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.7); -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; z-index: 0; } .mt-workspace-sec .work-slider .slick-active:before { opacity: 0; visibility: hidden; } .mt-workspace-sec .work-slider .img-holder { width: 53.4%; float: left; margin: 0 0 0 15px; } .mt-workspace-sec .work-slider .img-holder:first-child { margin: 0; width: 45.3%; } .mt-workspace-sec .work-slider .img-holder .coll1 { float: left; width: 37.8%; margin: 0 0 14px; } .mt-workspace-sec .work-slider .img-holder .coll2 { width: 59.8%; float: left; margin: 0 0 14px 15px; } .mt-workspace-sec .work-slider .img-holder .coll3 { width: 100%; } .mt-workspace-sec .work-slider .slick-prev.slick-arrow { background: none; text-indent: -9999px; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; position: absolute; left: 50px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .mt-workspace-sec .work-slider .slick-prev.slick-arrow:before { position: absolute; content: "\f053"; font-family: "FontAwesome"; font-size: 20px; line-height: 22px; text-indent: 0; left: 0; top: 0; color: #494949; } .mt-workspace-sec .work-slider .slick-next.slick-arrow { background: none; text-indent: -9999px; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; position: absolute; right: 50px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .mt-workspace-sec .work-slider .slick-next.slick-arrow:before { position: absolute; content: "\f054"; font-family: "FontAwesome"; font-size: 20px; line-height: 22px; text-indent: 0; left: 0; top: 0; color: #494949; } .mt-workspace-sec .work-slider .slick-dots { margin: 40px auto 0; width: 400px; overflow: hidden; position: relative; bottom: auto; } .mt-workspace-sec .work-slider .slick-dots li { width: 91px; height: 3px; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; text-indent: -9999px; padding: 0; margin: 0 10px 0 0; background: #ececec; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .mt-workspace-sec .work-slider .slick-dots li.slick-active { background: #b6b6b6; } .mt-workspace-sec .work-slider .slick-dots li:hover { background: #b6b6b6; } /*------------------------------------------------------------------ 17. Mt Process Section / .mt-process-sec -------------------------------------------------------------------*/ .mt-process-sec { padding: 76px 0; } .mt-process-sec .process-list { margin: 0 0 22px; font-size: 16px; line-height: 18px; font-weight: 700; overflow: hidden; color: #9f9f9f; text-align: center; } .mt-process-sec .process-list li { min-width: 163px; display: inline-block; vertical-align: top; text-align: center; margin: 0 0 10px 60px; position: relative; z-index: 1; } .mt-process-sec .process-list li:before { position: absolute; content: ""; z-index: -1; left: -87px; top: 50%; bottom: auto; right: auto; width: 107px; height: 1px; margin: -19px 0 0; background: #eeeeee; } .mt-process-sec .process-list li:first-child { margin: 0; } .mt-process-sec .process-list li:first-child:before { display: none; } .mt-process-sec .process-list .counter { display: block; width: 86px; height: 86px; font-size: 30px; line-height: 33px; padding: 24px 0 0; margin: 0 auto 18px; border-radius: 100%; text-align: center; border-width: 1px; border-style: solid; color: #9f9f9f; border-color: #eeeeee; } .mt-process-sec .process-list .title { display: block; } .mt-process-sec .process-list .active .title { color: #000; } .mt-process-sec .process-list .active .counter { color: #000; border-color: #000; } /*------------------------------------------------------------------ 18. Mt seller Section / .mt-seller-sec -------------------------------------------------------------------*/ .mt-seller-sec { padding: 40px 0; } .mt-seller-sec .header { overflow: hidden; margin: 0 0 44px; } .mt-seller-sec .header .title { font-size: 14px; line-height: 16px; font-weight: 600; font-family: "Source Sans Pro", sans-serif; display: block; letter-spacing: 4px; word-spacing: 1px; text-transform: uppercase; color: #757575; } .mt-seller-sec h1 { font-size: 26px; line-height: 28px; font-weight: 700; font-family: "Montserrat", sans-serif; margin: 0 0 3px; letter-spacing: -1px; text-transform: uppercase; color: #757575; } /*------------------------------------------------------------------ 19. Mt Heading / .mt-heading -------------------------------------------------------------------*/ .mt-heading { color: #a0a0a0; margin: 0 0 12px; letter-spacing: 4px; font: 700 14px/20px "Source Sans Pro", sans-serif; } .mt-heading .heading { color: #3a3a3a; margin: 0 0 2px; letter-spacing: 0; font: 700 26px/30px "Montserrat", sans-serif; } .mt-heading p { margin: 0; } /*------------------------------------------------------------------ 20. Mt Heading2 / .mt-heading2 -------------------------------------------------------------------*/ .mt-heading2 { color: #a0a0a0; margin: 0 0 12px; letter-spacing: 4px; padding: 0 0 0 12px; border-left: 9px solid #eeeeee; font: 700 14px/20px "Source Sans Pro", sans-serif; } .mt-heading2 .head { color: #3a3a3a; margin: 0 0 2px; letter-spacing: 0; font: 700 26px/30px "Montserrat", sans-serif; } .mt-heading2 p { margin: 0; } /*------------------------------------------------------------------ 21. Mt Patners / .mt-patners -------------------------------------------------------------------*/ .mt-patners { padding: 0 0 36px; } .mt-patners .heading { color: #3a3a3a; margin: 0 0 7px; text-transform: uppercase; font: 700 26px/30px "Montserrat", sans-serif; } .mt-patners .heading span { color: #a0a0a0; padding: 0 0 0 2px; letter-spacing: 3px; font: 600 14px/20px "Source Sans Pro", sans-serif; display: inline-block; vertical-align: bottom; } .mt-patners .box1 { width: 100%; height: 110px; display: table; text-align: center; } .mt-patners .box2 { display: table-cell; vertical-align: middle; } .mt-patners img { width: auto; display: inline-block; } .mt-patners .slick-prev, .mt-patners .slick-next { display: none !important; } .bg-grey { background-color: #f8f8f8; } .paddingzero { padding: 0 !important; } .paddingtop-md { padding-top: 60px; } .paddingbootom-md { padding-bottom: 60px; } .mt-paddingbottom20 { padding-bottom: 20px; } .toppadding-zero { padding-top: 0 !important; } .faq-section { overflow: hidden; } .faq-section .panel-collapse { overflow: hidden; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .faq-section .panel-collapse { height: 0; } .faq-section .panel-collapse.in { height: auto; } .faq-section .panel-body { padding: 5%; } .faq-section .panel-title { cursor: pointer; margin: 0; font-size: 24px; font-weight: 600; line-height: 26px; position: relative; width: 100%; color: #fff; border-radius: 3px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .faq-section .panel-title a { color: inherit; display: block; padding: 20px 4%; position: relative; background: #ff6060; border-radius: 3px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .faq-section .panel-title a.collapsed:hover { color: #fff; padding: 20px 4%; background: #ff6060; } .faq-section .panel-title a.collapsed { padding: 20px 3%; color: #444549; background: #f8f8f8; } .faq-section .panel-title a.collapsed:after { color: #444549; } .faq-section .panel-title a.collapsed:hover:after { color: #fff; } .faq-section .panel-title a:after { top: 0; right: 3%; content: '\f105'; display: block; font-size: 24px; line-height: 60px; color: #fff; font-family: 'FontAwesome'; position: absolute; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .faq-section .panel-title a.collapsed:hover:after, .faq-section .panel-title.active a:after { content: '\f107'; } .faq-section .panel.panel-default { margin: 0 0 10px; } .mt-socialicons { margin: 0; padding: 0; width: 100%; display: table; font-size: 20px; list-style: none; overflow: hidden; line-height: 20px; text-align: center; table-layout: fixed; } .mt-socialicons li { display: table-cell; vertical-align: middle; } .mt-socialicons li.mt-facebook a { background: #3b5998; } .mt-socialicons li.mt-instagram a { background: #375989; } .mt-socialicons li.mt-twitter a { background: #55acee; } .mt-socialicons li.mt-linkedin a { background: #007bb5; } .mt-socialicons li.mt-dribbble a { background: #dd4b39; } .mt-socialicons li.mt-pinterest a { background: #cb2027; } .mt-socialicons li.mt-youtube a { background: #bb0000; } .mt-socialicons li.mt-vimeo a { background: #f7b42c; } .mt-socialicons a { color: #fff; height: 62px; display: block; line-height: 62px; } /*------------------------------------------------------------------ 73. Sidebar / #sidebar -------------------------------------------------------------------*/ #sidebar { padding-top: 20px; } /*------------------------------------------------------------------ 74. Shop Widget / .shop-widget -------------------------------------------------------------------*/ .shop-widget { margin: 0 0 38px; } .shop-widget.filter-widget h2 { margin: 0 0 35px; } .shop-widget.filter-widget.bg-grey { background: #f4f4f4; border: 1px solid #efefef; padding: 36px 38px 48px 30px; } .shop-widget h2 { font-size: 22px; line-height: 24px; text-transform: uppercase; color: #494949; font-family: "Montserrat", sans-serif; font-weight: 700; margin: 0 0 32px; } .shop-widget .sub-title { font-size: 14px; line-height: 16px; color: #494949; font-weight: 600; margin: 0 0 15px; display: block; } .shop-widget .category-list { margin: 0; color: #8c8c8c; padding: 0 0 2px; text-transform: uppercase; font-family: "Montserrat", sans-serif; } .shop-widget .category-list li { overflow: hidden; padding: 0 0 10px; margin: 0 0 13px; border-bottom: 1px solid #8c8c8c; } .shop-widget .category-list li:last-child { border-bottom: none; } .shop-widget .category-list .name { float: left; font-size: 16px; line-height: 18px; font-weight: 700; } .shop-widget .category-list .num { float: right; font-weight: 400; font-size: 13px; line-height: 15px; margin: 2px 0 0; } .shop-widget .category-list a { color: #8c8c8c; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .shop-widget .category-list a:hover { color: #ff8283; } .shop-widget .price-range { overflow: hidden; } .shop-widget .price-range .range-slider { background: #b3b3b3; border-radius: 10px; position: relative; width: 100%; height: 6px; margin: 10px 0 23px; z-index: 1; } .shop-widget .price-range .range-slider:before { position: absolute; content: ""; z-index: -1; left: 32px; top: 0; bottom: auto; right: auto; width: 122px; height: 6px; border-radius: 10px; background: #494949; } .shop-widget .price-range .range-slider .dot { position: absolute; left: 21px; top: -4px; width: 13px; height: 13px; border: 2px solid #494949; background: #fff; border-radius: 100%; } .shop-widget .price-range .range-slider .dot2 { left: 150px; } .shop-widget .price-range .price { float: left; font-size: 14px; line-height: 16px; color: #494949; font-weight: 400; padding: 0 0 0 5px; } .shop-widget .filter-btn { float: right; font-size: 14px; line-height: 16px; background: #494949; color: #fff; font-weight: 400; padding: 1px 7px 3px 10px; border-radius: 3px; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .shop-widget .filter-btn:hover { background: #ff8283; } /*------------------------------------------------------------------ 75. Nice Form / .nice-form -------------------------------------------------------------------*/ .nice-form { overflow: hidden; margin: 0 0 20px; padding: 0 0 18px 5px; border-bottom: 1px solid #494949; } .nice-form .num { float: right; font-weight: 400; font-size: 13px; line-height: 15px; margin: 2px 0 0; } .nice-form [type="radio"], .nice-form [type="checkbox"] { position: fixed; left: 0; top: 0; opacity: 0; z-index: -1; } .nice-form .fake-input, .nice-form label { display: inline-block; vertical-align: middle; } .nice-form label { margin: 0; font-weight: 300; } .nice-form .fake-input { display: inline-block; width: 11px; height: 11px; border: 1px solid #cecece; background: #f2f2f2; vertical-align: middle; position: relative; margin-right: 5px; border-radius: 2px; } .nice-form [type=radio] + .fake-input { border-radius: 100%; } .nice-form [type="checkbox"] + .fake-input:before { content: ''; width: 10px; height: 6px; position: absolute; top: 50%; left: 50%; border: 3px solid #777; border-width: 0 0 3px 3px; opacity: 0; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin: -5px 0 0 -2px; } .nice-form [type="radio"] + .fake-input:before { content: ''; position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px; background: #777; border-radius: 100%; opacity: 0; } .nice-form [type="radio"]:checked + .fake-input:before, .nice-form [type="checkbox"]:checked + .fake-input:before { opacity: 1; } .nice-form [type="radio"]:checked ~ .fake-label, .nice-form [type="checkbox"]:checked ~ .fake-label { font-weight: 300; color: #494949; font-size: 13px; line-height: 15px; } .nice-form input:disabled + .fake-input, .nice-form input:disabled ~ .fake-label { opacity: .5; } /*------------------------------------------------------------------ 84. Coming Soon -------------------------------------------------------------------*/ .countdown-center { left: 0; top: 50%; position: absolute; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); } .countdown-center.full { left: 0; right: 0; } .count-style1 { color: #fff; font-size: 18px; font-weight: 300; line-height: 1.5; text-align: right; text-shadow: 0 0 0 #000; } .count-style1 .time { display: block; line-height: 1; font-size: 90px; } .count-style1 p { margin: 0 10px 20px 0; } .count-style1 .hold { width: 200px; padding-top: 10px; border-bottom: 2px solid #fff; } .count-style1 .hold:last-child { border-bottom: 0; } .count-style2 { color: #fff; font-size: 26px; font-weight: 500; line-height: 1.5; text-align: center; text-shadow: 0 0 0 #000; } .count-style2 .time { display: block; line-height: 1; font-size: 70px; font-weight: 400; } .count-style2 p { margin: 0 0 10px; } .count-style2 .hold { width: 160px; vertical-align: top; display: inline-block; } .coming-soon { color: #fff; height: 100vh; min-height: 700px; text-align: center; background-repeat: none; background-position: center; background-size: cover; } .coming-soon .mt-logo { width: 140px; margin: 0 auto 60px; } .coming-soon .title { font-size: 28px; margin: 0 0 19px; font-weight: 400; line-height: 36px; letter-spacing: 6px; } .coming-soon .text { padding: 0 0 19px; } .coming-soon .text a:hover { text-decoration: none; } .coming-soon .text a:hover { color: #ff6060; } .coming-soon .text2 { font-size: 20px; overflow: hidden; margin: 0 0 44px; line-height: 28px; letter-spacing: 4px; } .coming-soon .text2 p { margin: 0 0 10px; } .coming-soon .footer-social li { padding: 0; margin: 0 17px; } .coming-soon .footer-social a { width: auto; height: auto; color: #fff; font-size: 20px; background: none; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .coming-soon .footer-social a:hover { background: transparent !important; } .coming-soon .footer-social a:hover { opacity: 0.2; } .coming-soon .error-form { width: 360px; display: block; text-align: left; margin: 0 auto 30px; border: 1px solid #fff; } .coming-soon .error-form .form-control { border: 0; padding: 6px 10px 6px 21px; float: left; width: 70%; border-radius: 0; font-size: 12px; line-height: 18px; height: 36px; color: #fff; background: none; } .coming-soon .error-form .form-control ::-webkit-input-placeholder { color: #fff; } .coming-soon .error-form .form-control ::-moz-placeholder { opacity: 1; color: #fff; } .coming-soon .error-form .form-control :-moz-placeholder { color: #fff; } .coming-soon .error-form .form-control :-ms-input-placeholder { color: #fff; } .coming-soon .error-form .form-control .placeholder { color: #fff; } .coming-soon .error-form .form-control:focus { -webkit-box-shadow: box-shadow; box-shadow: box-shadow; } .coming-soon .error-form ::-webkit-input-placeholder { color: #fff; } .coming-soon .error-form ::-moz-placeholder { opacity: 1; color: #fff; } .coming-soon .error-form :-moz-placeholder { color: #fff; } .coming-soon .error-form :-ms-input-placeholder { color: #fff; } .coming-soon .error-form .placeholder { color: #fff; } .coming-soon .error-form .btn { float: right; width: 29.5%; height: 36px; color: #000; font-size: 12px; font-weight: 700; border-radius: 0; line-height: 18px; background: #fff; } .coming-soon .canvas-over { top: 0; left: 0; right: 0; bottom: 0; z-index: 2; position: absolute; } @font-face { font-family: fontello; src: url("../fonts/fontello.eot"); src: url("../fonts/fontello.eot?#iefix") format("embedded-opentype"), url("../fonts/fontello.woff") format("woff"), url("../fonts/fontello.ttf") format("truetype"), url("../fonts/fontello.svgfontello") format("svg"); font-weight: 400; font-style: normal; } .icomoon[class^="icon-"]:before, .icomoon[class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-down-open-mini:before { content: '\e800'; } .icon-left-open-mini:before { content: '\e801'; } .icon-right-open-mini:before { content: '\e802'; } .icon-up-open-mini:before { content: '\e803'; } .icon-shop:before { content: '\e804'; } .icon-euro:before { content: '\e805'; } .icon-heart-empty:before { content: '\e806'; } .icon-exchange:before { content: '\e807'; } .icon-eye:before { content: '\e808'; } /*------------------------------------------------------------------ 3. Wrapper / #wrapper -------------------------------------------------------------------*/ #wrapper { font-family: "Source Sans Pro", sans-serif; } img { display: block; width: 100%; } a:hover, a:active, a:focus { text-decoration: none; outline: none; } /*------------------------------------------------------------------ 4. Main / #main -------------------------------------------------------------------*/ #mt-main { overflow: hidden; } #back-top { bottom: 0; opacity: 0; z-index: 9; right: 20px; width: 50px; color: #fff; height: 50px; cursor: pointer; font-size: 25px; position: fixed; line-height: 47px; text-align: center; border-radius: 5px; background: #252525; -o-transition: all 0.6s ease; transition: all 0.6s ease; transform: translateY(40px); -ms-transform: translateY(40px); -webkit-transition: all 0.6s ease; -webkit-transform: translateY(40px); } #back-top.active { opacity: 1; -o-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transform: translateY(-20px); /* IE 9 */ -webkit-transform: translateY(-20px); /* Safari */ transform: translateY(-20px); } #back-top:hover { opacity: 0.9; } .loader-container { background: #fff; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; } .loader { display: block; position: absolute; font-size: 0; color: #f36b21; left: 50%; top: 50%; width: 100px; height: 100px; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .changer-active #style-changer { margin: 0; } .mt-productlisthold { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; /* Задает расстояние между элементами */ } .product-item { flex: 1 1 calc(33.333% - 20px); /* Задает ширину элемента и учитывает отступ */ box-sizing: border-box; margin-bottom: 20px; /* Отступ снизу между строками продуктов */ } .mt-product1 img { width: 100%; height: auto; /* Предотвращает сжатие изображения */ } .rating-stars { display: flex; padding: 0; list-style: none; } .rating-stars .star { font-size: 30px; color: transparent; -webkit-text-stroke: 1px black; /* Черный контур */ cursor: pointer; transition: color 0.3s; } .rating-stars input[type="radio"] { display: none; } .rating-stars input[type="radio"]:checked ~ label.star { color: black; } .rating-stars label.star:hover, .rating-stars label.star:hover ~ label.star { color: black; /* Полностью черные звезды при наведении */ } .rating-stars label.star { color: transparent; /* Прозрачный цвет звезды по умолчанию */ -webkit-text-stroke: 1px black; /* Черный контур */ } .rating-stars input[type="radio"]:checked ~ label.star:hover, .rating-stars input[type="radio"]:checked ~ label.star:hover ~ label.star { color: black; } .f-widget-news { padding: 15px; background-color: #f8f9fa; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .f-widget-heading { font-size: 18px; margin-bottom: 15px; color: #333; } .category-list { list-style: none; padding: 0; margin: 0; } .category-item { margin-bottom: 10px; } .category-item a { text-decoration: none; color: grey; font-weight: bold; transition: color 0.3s ease; } .category-item a:hover { color: red; } .success-message { color: green; font-weight: bold; margin-top: 10px; } .error-message { color: red; font-weight: bold; margin-top: 10px; } .slider.banner-slider { width: 100%; min-height: 400px; /* Настройте по необходимости */ position: relative; overflow: hidden; } .holder { background-size: contain; background-position: center; background-repeat: no-repeat; height: 100%; /* или укажите конкретную высоту */ width: 100%; } .banner-frame { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; /* для отступов между карточками */ justify-content: center; } .product-card { background-color: #fff; /* Белый фон */ padding: 20px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); text-align: center; width: 220px; /* Ширина карточки */ margin: 10px; transition: transform 0.3s ease; position: relative; } .product-card:hover { transform: scale(1.05); /* Легкое увеличение при наведении */ } .product-card h2 { font-size: 12px; /* Небольшой размер шрифта */ color: #999; /* Серый цвет текста */ margin-bottom: 10px; margin-top: 0; } .image-container { margin-bottom: 15px; position: relative; } .product-card img { max-width: 100%; height: auto; margin-bottom: 10px; } .btn-shop { display: inline-block; padding: 10px 20px; /* Размеры кнопки */ background-color: #333; color: #fff; border-radius: 0; /* Убираем округление */ text-decoration: none; font-size: 14px; margin-bottom: 10px; } .btn-shop:hover { background-color: #555; } .discount { position: absolute; top: 10px; /* Расположение сверху */ right: 10px; /* Расположение справа */ background-color: #f0c040; /* Желтый цвет */ color: #fff; font-size: 10px; /* Уменьшенный размер шрифта */ padding: 5px; /* Внутренние отступы */ border-radius: 50%; /* Круглая форма */ width: 30px; /* Фиксированная ширина */ height: 30px; /* Фиксированная высота */ display: flex; align-items: center; justify-content: center; } .slide { margin-right: 25px; } .quantity-container { display: flex; align-items: center; justify-content: space-between; width: 100px; /* Ширина контейнера */ border-radius: 5px; overflow: hidden; margin-top: -20px; } .quantity-btn { background-color: #f8f8f8; border: none; padding: 5px; cursor: pointer; font-size: 16px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease; } .quantity-btn:hover { background-color: #e0e0e0; } .quantity-input { width: 40px; text-align: center; border: none; font-size: 16px; background-color: #f8f8f8; outline: none; pointer-events: none; /* Запрет редактирования через клавиатуру */ } .quantity-btn:focus { outline: none; } /* Стили для модального окна */ .modal { display: none; /* Модальное окно скрыто по умолчанию */ position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-content { background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 300px; text-align: center; } .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .slick-track { margin-top: -10px; /* Уменьшение отступа сверху */ padding-top: 0; /* Удаление внутреннего отступа сверху */ } .f-widget-about { margin-top: -17px; } .f-widget-about p { color: grey; } #product-list { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; } .product-item { display: flex; flex-direction: column; width: 32%; /* Укажите ширину, чтобы разместить 3 карточки на строку */ margin-bottom: 20px; /* Задайте промежуток между карточками */ } .mt-product1.large { display: flex; flex-direction: column; justify-content: space-between; height: 100%; /* Задать одинаковую высоту для всех карточек */ } .txt { margin-top: auto; /* Для выравнивания текста внизу карточки */ } .b1 { display: flex; flex-direction: column; align-items: center; } .mt-stars { margin-top: auto; /* Перемещаем звезды вниз в пределах блока b1 */ margin-bottom: 10px; /* Добавляем отступ снизу для звёзд */ } /* Модальное окно */ .modal { display: none; /* Скрываем по умолчанию */ position: fixed; z-index: 1000; padding-top: 60px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.9); } /* Содержимое модального окна (картинка) */ .modal-content { margin: auto; display: block; max-width: 80%; max-height: 80%; } /* Кнопка закрытия */ .close { position: absolute; top: 15px; right: 35px; color: #fff; font-size: 40px; font-weight: bold; transition: 0.3s; } .close:hover, .close:focus { color: #bbb; text-decoration: none; cursor: pointer; } .cart-summary { padding: 20px; border: 1px solid #ddd; border-radius: 5px; background-color: #f9f9f9; margin-top: 20px; } .cart-summary .title { font-size: 18px; font-weight: bold; margin-bottom: 15px; } .cart-summary label { display: block; font-weight: 600; margin-bottom: 5px; } .cart-summary input[type="text"], .cart-summary input[type="tel"] { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; font-size: 14px; } .cart-summary .btn-primary { width: 100%; padding: 10px 20px; background-color: #007bff; border: none; border-radius: 5px; color: white; font-size: 16px; cursor: pointer; } .cart-summary .btn-primary:hover { background-color: #0056b3; } .txt-holder { margin-bottom: 20px; } .txt-holder .title.sub-title { margin-bottom: 5px; font-size: 16px; } .txt-holder .txt { font-size: 16px; font-weight: bold; color: #333; } .cart-summary input[type="text"], .cart-summary input[type="tel"] { width: 100%; padding: 10px; margin-bottom: 10px; /* Уменьшаем расстояние между полями */ border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; font-size: 14px; outline: none; } .cart-summary input[type="text"]:focus, .cart-summary input[type="tel"]:focus { border-color: #007bff; /* Измените цвет границы при фокусе */ box-shadow: none; /* Убирает тень вокруг полей при фокусе */ } .cart-summary .txt-holder { margin-bottom: 10px; /* Уменьшаем расстояние между блоками */ padding-bottom: 0; } #search-results { margin-top: 10px; width: 100%; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; max-height: 200px; /* Ограничиваем высоту, чтобы результаты были в пределах окна */ overflow-y: auto; /* Скролл для длинных результатов */ } /* Общие настройки таблицы */ .attribute-table { width: 100%; border-collapse: collapse; /* Убираем разделение между ячейками */ font-family: Arial, sans-serif; font-size: 16px; } .attribute-table td { padding: 12px 20px; vertical-align: middle; border-bottom: 2px solid #dcdcdc; /* Одна линия для всей строки */ } /* Оформление ключей атрибутов */ .attribute-table .attribute-key { font-weight: bold; color: #444; /* Более насыщенный серый для ключей */ width: 40%; text-align: left; font-size: 18px; /* Увеличенный размер текста */ } .attribute-table .attribute-value { color: #000; /* Четкий черный цвет для значений */ text-align: left; font-size: 18px; font-weight: bold; /* Более заметные значения */ } /* Оформление ссылок */ .attribute-table a { color: #007bff; /* Синий цвет для ссылок */ text-decoration: none; font-weight: bold; } .attribute-table a:hover { text-decoration: underline; } .noUi-connect { background: #007bff; /* Цвет соединяющей линии */ } .noUi-handle { border: 2px solid #007bff; background: #fff; } .price { font-size: 16px; margin-top: 10px; display: block; } .price-range { position: relative; width: 100%; } #minPrice, #maxPrice { -webkit-appearance: none; appearance: none; position: absolute; width: 100%; height: 5px; background: transparent; pointer-events: none; } #minPrice { z-index: 2; pointer-events: auto; } #maxPrice { z-index: 1; pointer-events: auto; } .price-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; background-color: #007bff; border-radius: 50%; cursor: pointer; } .price-slider::-moz-range-thumb { width: 16px; height: 16px; background-color: #007bff; border-radius: 50%; cursor: pointer; } .price-slider::-webkit-slider-runnable-track { height: 5px; background: #ddd; border-radius: 5px; } .price-slider::-moz-range-track { height: 5px; background: #ddd; border-radius: 5px; } .price-range { margin-top: 10px; } .price-slider { width: 100%; height: 5px; background: #ddd; border-radius: 5px; } .price-range { margin-top: 10px; } .slider { height: 5px; position: relative; background: #ddd; border-radius: 5px; } .slider .progress { height: 100%; position: absolute; border-radius: 5px; background: #17a2b8; } .range-input { position: relative; } .range-input input { position: absolute; width: 100%; height: 5px; top: -5px; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; } input[type="range"]::-webkit-slider-thumb { height: 17px; width: 17px; border-radius: 50%; background: #17a2b8; pointer-events: auto; -webkit-appearance: none; box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); } input[type="range"]::-moz-range-thumb { height: 17px; width: 17px; border: none; border-radius: 50%; background: #17a2b8; pointer-events: auto; -moz-appearance: none; box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); } .share-popup { display: none; position: absolute; background: #fff; padding: 15px; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); width: 250px; } .social-icons { display: flex; justify-content: space-between; margin-bottom: 10px; } .social-icons a { text-decoration: none; color: #333; font-size: 14px; display: flex; align-items: center; } .social-icons i { margin-right: 5px; } .share-popup input { width: 100%; padding: 5px; font-size: 12px; border: 1px solid #ccc; border-radius: 4px; margin-bottom: 10px; text-align: center; } .share-popup button { width: 100%; padding: 7px; background-color: grey; color: #fff; border: none; border-radius: 4px; cursor: pointer; } .share-popup button:hover { background-color: grey; }