/* Project: Shoes Store Version: 1.4 Date Created: 10/5/2017 Date Updated: 8/9/2017 Developed by: Nghia Luong Minh Website: http://minhnghia.info Email: minhnghiadev@gmail.com */ /* TABLE OF CONTENT 1. RESET AND TYPHOGRAPHY 1.1 Reset 1.2 Typhography 2. ELEMENTS 2.1 Grid 2.2 List 2.3 Form 2.4 Rating 2.5 Block 2.6 Post 2.7 Banner 2.8 Testimonial 2.9 Widget 2.10 Shoe 2.11 Badge 2.12 masonry 2.13 hotspot 2.14 pagination 2.15 tags 2.16 user 2.17 review 2.18 comment 2.19 iconbox 2.20 filter 2.21 offer 2.22 table 2.23 loader 2.24 section 3.COMPONENTS 3.1 navigation 3.2 subscribe 3.3 cart 3.4 search 3.5 contact 4. MODULES 4.1 header 4.2 footer 4.3 product 4.4 404 5. FRAMES & OVERWRITE 5.1 background 5.2 margin 5.3 padding */ .masonry-wrapper .grid-item .grid-item__inner, .setting .grid-item .grid-item__inner { position: relative; } .masonry-wrapper.ac_masonry-grid .grid-item__content-wrapper, .setting.ac_masonry-grid .grid-item__content-wrapper { position: absolute; } .masonry-wrapper .grid-item .grid-item__inner .grid-item__content-wrapper, .setting .grid-item .grid-item__inner .grid-item__content-wrapper { overflow: hidden; } .masonry-wrapper.ac_masonry-grid .grid-item__content-wrapper, .setting.ac_masonry-grid .grid-item__content-wrapper { margin: 0 !important; } .masonry-wrapper.ac_masonry-grid .grid-item__inner { padding-top: 100%; } .masonry-wrapper.ac_masonry-grid .grid-item.extra-large .grid-item__inner, .masonry-wrapper.ac_masonry-grid .grid-item.wide .grid-item__inner { padding-top: 50%; } .masonry-wrapper.ac_masonry-grid .grid-item.high .grid-item__inner { padding-top: 200%; } .masonry-wrapper.ac_masonry-grid[data-ratio="4by3"] .grid-item__inner { padding-top: 75%; } .masonry-wrapper.ac_masonry-grid[data-ratio="4by3"] .grid-item.extra-large .grid-item__inner, .masonry-wrapper.ac_masonry-grid[data-ratio="4by3"] .grid-item.wide .grid-item__inner { padding-top: 37.5%; } .masonry-wrapper.ac_masonry-grid[data-ratio="4by3"] .grid-item.high .grid-item__inner { padding-top: 150%; } .masonry-wrapper.ac_masonry-grid[data-ratio="16by9"] .grid-item__inner { padding-top: 56.25%; } .masonry-wrapper.ac_masonry-grid[data-ratio="16by9"] .grid-item.extra-large .grid-item__inner, .masonry-wrapper.ac_masonry-grid[data-ratio="16by9"] .grid-item.wide .grid-item__inner { padding-top: 28.125%; } .masonry-wrapper.ac_masonry-grid[data-ratio="16by9"] .grid-item.high .grid-item__inner { padding-top: 112.5%; } [data-col-xs="1"].masonry-wrapper .grid-item, [data-col-xs="1"].masonry-wrapper .grid-sizer { width: 100%; } [data-col-xs="2"].masonry-wrapper .grid-item, [data-col-xs="2"].masonry-wrapper .grid-sizer { width: 50%; } [data-col-xs="2"].masonry-wrapper .grid-item.wide, [data-col-xs="2"].masonry-wrapper .grid-item.large { width: 100%; } [data-col-xs="2"].masonry-wrapper .grid-item.extra-large { width: 100%; } [data-col-xs="3"].masonry-wrapper .grid-item, [data-col-xs="3"].masonry-wrapper .grid-sizer { width: 33.33333%; } [data-col-xs="3"].masonry-wrapper .grid-item.wide, [data-col-xs="3"].masonry-wrapper .grid-item.large { width: 66.66667%; } [data-col-xs="3"].masonry-wrapper .grid-item.extra-large { width: 100%; } [data-col-xs="4"].masonry-wrapper .grid-item, [data-col-xs="4"].masonry-wrapper .grid-sizer { width: 25%; } [data-col-xs="4"].masonry-wrapper .grid-item.wide, [data-col-xs="4"].masonry-wrapper .grid-item.large { width: 50%; } [data-col-xs="4"].masonry-wrapper .grid-item.extra-large { width: 100%; } [data-col-xs="5"].masonry-wrapper .grid-item, [data-col-xs="5"].masonry-wrapper .grid-sizer { width: 20%; } [data-col-xs="5"].masonry-wrapper .grid-item.wide, [data-col-xs="5"].masonry-wrapper .grid-item.large { width: 40%; } [data-col-xs="5"].masonry-wrapper .grid-item.extra-large { width: 100%; } [data-col-xs="6"].masonry-wrapper .grid-item, [data-col-xs="6"].masonry-wrapper .grid-sizer { width: 16.66667%; } [data-col-xs="6"].masonry-wrapper .grid-item.wide, [data-col-xs="6"].masonry-wrapper .grid-item.large { width: 33.33333%; } [data-col-xs="6"].masonry-wrapper .grid-item.extra-large { width: 100%; } [data-col-xs="7"].masonry-wrapper .grid-item, [data-col-xs="7"].masonry-wrapper .grid-sizer { width: 14.28571%; } [data-col-xs="7"].masonry-wrapper .grid-item.wide, [data-col-xs="7"].masonry-wrapper .grid-item.large { width: 28.57143%; } [data-col-xs="7"].masonry-wrapper .grid-item.extra-large { width: 100%; } [data-col-xs="8"].masonry-wrapper .grid-item, [data-col-xs="8"].masonry-wrapper .grid-sizer { width: 12.5%; } [data-col-xs="8"].masonry-wrapper .grid-item.wide, [data-col-xs="8"].masonry-wrapper .grid-item.large { width: 25%; } [data-col-xs="8"].masonry-wrapper .grid-item.extra-large { width: 100%; } [data-col-xs="9"].masonry-wrapper .grid-item, [data-col-xs="9"].masonry-wrapper .grid-sizer { width: 11.11111%; } [data-col-xs="9"].masonry-wrapper .grid-item.wide, [data-col-xs="9"].masonry-wrapper .grid-item.large { width: 22.22222%; } [data-col-xs="9"].masonry-wrapper .grid-item.extra-large { width: 100%; } [data-col-xs="10"].masonry-wrapper .grid-item, [data-col-xs="10"].masonry-wrapper .grid-sizer { width: 10%; } [data-col-xs="10"].masonry-wrapper .grid-item.wide, [data-col-xs="10"].masonry-wrapper .grid-item.large { width: 20%; } [data-col-xs="10"].masonry-wrapper .grid-item.extra-large { width: 100%; } @media (min-width: 768px) { [data-col-sm="1"].masonry-wrapper .grid-item, [data-col-sm="1"].masonry-wrapper .grid-sizer { width: 100%; } } @media (min-width: 768px) { [data-col-sm="2"].masonry-wrapper .grid-item, [data-col-sm="2"].masonry-wrapper .grid-sizer { width: 50%; } [data-col-sm="2"].masonry-wrapper .grid-item.wide, [data-col-sm="2"].masonry-wrapper .grid-item.large { width: 100%; } [data-col-sm="2"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 768px) { [data-col-sm="3"].masonry-wrapper .grid-item, [data-col-sm="3"].masonry-wrapper .grid-sizer { width: 33.33333%; } [data-col-sm="3"].masonry-wrapper .grid-item.wide, [data-col-sm="3"].masonry-wrapper .grid-item.large { width: 66.66667%; } [data-col-sm="3"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 768px) { [data-col-sm="4"].masonry-wrapper .grid-item, [data-col-sm="4"].masonry-wrapper .grid-sizer { width: 25%; } [data-col-sm="4"].masonry-wrapper .grid-item.wide, [data-col-sm="4"].masonry-wrapper .grid-item.large { width: 50%; } [data-col-sm="4"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 768px) { [data-col-sm="5"].masonry-wrapper .grid-item, [data-col-sm="5"].masonry-wrapper .grid-sizer { width: 20%; } [data-col-sm="5"].masonry-wrapper .grid-item.wide, [data-col-sm="5"].masonry-wrapper .grid-item.large { width: 40%; } [data-col-sm="5"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 768px) { [data-col-sm="6"].masonry-wrapper .grid-item, [data-col-sm="6"].masonry-wrapper .grid-sizer { width: 16.66667%; } [data-col-sm="6"].masonry-wrapper .grid-item.wide, [data-col-sm="6"].masonry-wrapper .grid-item.large { width: 33.33333%; } [data-col-sm="6"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 768px) { [data-col-sm="7"].masonry-wrapper .grid-item, [data-col-sm="7"].masonry-wrapper .grid-sizer { width: 14.28571%; } [data-col-sm="7"].masonry-wrapper .grid-item.wide, [data-col-sm="7"].masonry-wrapper .grid-item.large { width: 28.57143%; } [data-col-sm="7"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 768px) { [data-col-sm="8"].masonry-wrapper .grid-item, [data-col-sm="8"].masonry-wrapper .grid-sizer { width: 12.5%; } [data-col-sm="8"].masonry-wrapper .grid-item.wide, [data-col-sm="8"].masonry-wrapper .grid-item.large { width: 25%; } [data-col-sm="8"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 768px) { [data-col-sm="9"].masonry-wrapper .grid-item, [data-col-sm="9"].masonry-wrapper .grid-sizer { width: 11.11111%; } [data-col-sm="9"].masonry-wrapper .grid-item.wide, [data-col-sm="9"].masonry-wrapper .grid-item.large { width: 22.22222%; } [data-col-sm="9"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 768px) { [data-col-sm="10"].masonry-wrapper .grid-item, [data-col-sm="10"].masonry-wrapper .grid-sizer { width: 10%; } [data-col-sm="10"].masonry-wrapper .grid-item.wide, [data-col-sm="10"].masonry-wrapper .grid-item.large { width: 20%; } [data-col-sm="10"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 992px) { [data-col-md="1"].masonry-wrapper .grid-item, [data-col-md="1"].masonry-wrapper .grid-sizer { width: 100%; } } @media (min-width: 992px) { [data-col-md="2"].masonry-wrapper .grid-item, [data-col-md="2"].masonry-wrapper .grid-sizer { width: 50%; } [data-col-md="2"].masonry-wrapper .grid-item.wide, [data-col-md="2"].masonry-wrapper .grid-item.large { width: 100%; } [data-col-md="2"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 992px) { [data-col-md="3"].masonry-wrapper .grid-item, [data-col-md="3"].masonry-wrapper .grid-sizer { width: 33.33333%; } [data-col-md="3"].masonry-wrapper .grid-item.wide, [data-col-md="3"].masonry-wrapper .grid-item.large { width: 66.66667%; } [data-col-md="3"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 992px) { [data-col-md="4"].masonry-wrapper .grid-item, [data-col-md="4"].masonry-wrapper .grid-sizer { width: 25%; } [data-col-md="4"].masonry-wrapper .grid-item.wide, [data-col-md="4"].masonry-wrapper .grid-item.large { width: 50%; } [data-col-md="4"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 992px) { [data-col-md="5"].masonry-wrapper .grid-item, [data-col-md="5"].masonry-wrapper .grid-sizer { width: 20%; } [data-col-md="5"].masonry-wrapper .grid-item.wide, [data-col-md="5"].masonry-wrapper .grid-item.large { width: 40%; } [data-col-md="5"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 992px) { [data-col-md="6"].masonry-wrapper .grid-item, [data-col-md="6"].masonry-wrapper .grid-sizer { width: 16.66667%; } [data-col-md="6"].masonry-wrapper .grid-item.wide, [data-col-md="6"].masonry-wrapper .grid-item.large { width: 33.33333%; } [data-col-md="6"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 992px) { [data-col-md="7"].masonry-wrapper .grid-item, [data-col-md="7"].masonry-wrapper .grid-sizer { width: 14.28571%; } [data-col-md="7"].masonry-wrapper .grid-item.wide, [data-col-md="7"].masonry-wrapper .grid-item.large { width: 28.57143%; } [data-col-md="7"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 992px) { [data-col-md="8"].masonry-wrapper .grid-item, [data-col-md="8"].masonry-wrapper .grid-sizer { width: 12.5%; } [data-col-md="8"].masonry-wrapper .grid-item.wide, [data-col-md="8"].masonry-wrapper .grid-item.large { width: 25%; } [data-col-md="8"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 992px) { [data-col-md="9"].masonry-wrapper .grid-item, [data-col-md="9"].masonry-wrapper .grid-sizer { width: 11.11111%; } [data-col-md="9"].masonry-wrapper .grid-item.wide, [data-col-md="9"].masonry-wrapper .grid-item.large { width: 22.22222%; } [data-col-md="9"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 992px) { [data-col-md="10"].masonry-wrapper .grid-item, [data-col-md="10"].masonry-wrapper .grid-sizer { width: 10%; } [data-col-md="10"].masonry-wrapper .grid-item.wide, [data-col-md="10"].masonry-wrapper .grid-item.large { width: 20%; } [data-col-md="10"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 1200px) { [data-col-lg="1"].masonry-wrapper .grid-item, [data-col-lg="1"].masonry-wrapper .grid-sizer { width: 100%; } } @media (min-width: 1200px) { [data-col-lg="2"].masonry-wrapper .grid-item, [data-col-lg="2"].masonry-wrapper .grid-sizer { width: 50%; } [data-col-lg="2"].masonry-wrapper .grid-item.wide, [data-col-lg="2"].masonry-wrapper .grid-item.large { width: 100%; } [data-col-lg="2"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 1200px) { [data-col-lg="3"].masonry-wrapper .grid-item, [data-col-lg="3"].masonry-wrapper .grid-sizer { width: 33.33333%; } [data-col-lg="3"].masonry-wrapper .grid-item.wide, [data-col-lg="3"].masonry-wrapper .grid-item.large { width: 66.66667%; } [data-col-lg="3"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 1200px) { [data-col-lg="4"].masonry-wrapper .grid-item, [data-col-lg="4"].masonry-wrapper .grid-sizer { width: 25%; } [data-col-lg="4"].masonry-wrapper .grid-item.wide, [data-col-lg="4"].masonry-wrapper .grid-item.large { width: 50%; } [data-col-lg="4"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 1200px) { [data-col-lg="5"].masonry-wrapper .grid-item, [data-col-lg="5"].masonry-wrapper .grid-sizer { width: 20%; } [data-col-lg="5"].masonry-wrapper .grid-item.wide, [data-col-lg="5"].masonry-wrapper .grid-item.large { width: 40%; } [data-col-lg="5"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 1200px) { [data-col-lg="6"].masonry-wrapper .grid-item, [data-col-lg="6"].masonry-wrapper .grid-sizer { width: 16.66667%; } [data-col-lg="6"].masonry-wrapper .grid-item.wide, [data-col-lg="6"].masonry-wrapper .grid-item.large { width: 33.33333%; } [data-col-lg="6"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 1200px) { [data-col-lg="7"].masonry-wrapper .grid-item, [data-col-lg="7"].masonry-wrapper .grid-sizer { width: 14.28571%; } [data-col-lg="7"].masonry-wrapper .grid-item.wide, [data-col-lg="7"].masonry-wrapper .grid-item.large { width: 28.57143%; } [data-col-lg="7"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 1200px) { [data-col-lg="8"].masonry-wrapper .grid-item, [data-col-lg="8"].masonry-wrapper .grid-sizer { width: 12.5%; } [data-col-lg="8"].masonry-wrapper .grid-item.wide, [data-col-lg="8"].masonry-wrapper .grid-item.large { width: 25%; } [data-col-lg="8"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 1200px) { [data-col-lg="9"].masonry-wrapper .grid-item, [data-col-lg="9"].masonry-wrapper .grid-sizer { width: 11.11111%; } [data-col-lg="9"].masonry-wrapper .grid-item.wide, [data-col-lg="9"].masonry-wrapper .grid-item.large { width: 22.22222%; } [data-col-lg="9"].masonry-wrapper .grid-item.extra-large { width: 100%; } } @media (min-width: 1200px) { [data-col-lg="10"].masonry-wrapper .grid-item, [data-col-lg="10"].masonry-wrapper .grid-sizer { width: 10%; } [data-col-lg="10"].masonry-wrapper .grid-item.wide, [data-col-lg="10"].masonry-wrapper .grid-item.large { width: 20%; } [data-col-lg="10"].masonry-wrapper .grid-item.extra-large { width: 100%; } } [data-gap="5"].masonry-wrapper { margin: -3px; } [data-gap="5"].masonry-wrapper .grid-item .grid-item__content-wrapper { margin: 3px; top: 3px; right: 3px; bottom: 3px; left: 3px; } [data-gap="10"].masonry-wrapper { margin: -5px; } [data-gap="10"].masonry-wrapper .grid-item .grid-item__content-wrapper { margin: 5px; top: 5px; right: 5px; bottom: 5px; left: 5px; } [data-gap="15"].masonry-wrapper { margin: -8px; } [data-gap="15"].masonry-wrapper .grid-item .grid-item__content-wrapper { margin: 8px; top: 8px; right: 8px; bottom: 8px; left: 8px; } [data-gap="20"].masonry-wrapper { margin: -10px; } [data-gap="20"].masonry-wrapper .grid-item .grid-item__content-wrapper { margin: 10px; top: 10px; right: 10px; bottom: 10px; left: 10px; } [data-gap="25"].masonry-wrapper { margin: -13px; } [data-gap="25"].masonry-wrapper .grid-item .grid-item__content-wrapper { margin: 13px; top: 13px; right: 13px; bottom: 13px; left: 13px; } [data-gap="30"].masonry-wrapper { margin: -15px; } [data-gap="30"].masonry-wrapper .grid-item .grid-item__content-wrapper { margin: 15px; top: 15px; right: 15px; bottom: 15px; left: 15px; } /*1. RESET AND TYPHOGRAPHY*/ /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Prevent adjustments of font size after orientation changes in IE and iOS. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. * 2. Add the correct display in IE. */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } progress { vertical-align: baseline; } template, [hidden] { display: none; } a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } figure { margin: 1em 40px; } hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /*button, input, select, textarea { font: inherit; /* 1 */ /*margin: 0;*/ /* 2 */ }*/ optgroup { font-weight: bold; } button, input { /* 1 */ overflow: visible; } button, select { /* 1 */ text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /*[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }*/ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /*::-webkit-input-placeholder { color: inherit; opacity: 0.54; }*/ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } * { font-family: "Montserrat", sans-serif; font-weight: 400; } h1, h2, h3, h4, h5, h6 { position: relative; color: #303030; margin-bottom: 0; } h1 { font-size: 36px; } h2 { font-size: 28px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 12px; } p { font-size: 14px; line-height: 1.5em; color: #999; } p span { font-family: inherit; color: inherit; font-size: inherit; } a { color: inherit; text-decoration: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } a:hover { color: #2AC37D; } /*a, input, textarea, button, select { outline: none; }*/ a:hover, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus { text-decoration: none; } /* a:focus, button:focus, select:focus, input:focus, textarea:focus { outline: none; text-decoration: none; }*/ ul, ol { list-style: none; padding: 0; margin: 0; } .fw-300 { font-weight: 300; } .fw-500 { font-weight: 500; } .fw-700 { font-weight: 700; } .fw-800 { font-weight: 800; } .fw-900 { font-weight: 900; } img { max-width: 100%; } iframe { border: 0; max-width: 100%; width: 100%; } .ps-product-link { font-family: "Montserrat", sans-serif; font-size: 14px; text-align: center; color: #2AC37D; text-transform: uppercase; } .ps-post--detail .ps-post__content h1, .ps-post--detail .ps-post__content h2, .ps-post--detail .ps-post__content h3, .ps-post--detail .ps-post__content h4, .ps-post--detail .ps-post__content h5, .ps-post--detail .ps-post__content h6 { margin-top: 0; margin-bottom: 10px; } .ps-post--detail .ps-post__content ul { list-style: disc; padding-left: 20px; } .ps-post--detail .ps-post__content ul li { line-height: 1.6em; } .ps-post--detail .ps-post__content ol { list-style: decimal; padding-left: 20px; } .ps-post--detail .ps-post__content ol li { line-height: 1.6em; } .ps-post--detail .ps-post__content p strong { color: #303030; } .ps-post--detail .ps-post__content p strong em { color: #767779; } /*2. ELEMENTS*/ @media (min-width: 320px) { .ps-container { width: 100%; margin: 0 auto; padding: 0 15px 0 15px; } } @media (min-width: 1200px) { .ps-container { /*width: 1170px; */ width: 100%; padding: 0 60px 0 60px; } .container-fluid { /*padding: 0 30px;*/ } } @media (min-width: 1440px) { .ps-container { width: 100%; padding: 0 80px 0 80px; } } body { position: relative; overflow-x: hidden; } .ps-main { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } @media (max-width: 767px) { .ps-col-tiny .col-xs-12 { width: 50%; } } @media (max-width: 479px) { .ps-col-tiny .col-xs-12 { width: 100%; } } .ps-products-wrap { padding: 0 30px; } .ps-products-wrap::after { clear: both; content: ""; display: table; } .ps-products-wrap .ps-sidebar { position: relative; float: left; padding-right: 30px; width: 270px; right: calc(100% - 270px); } .ps-products-wrap .ps-products { position: relative; left: 270px; padding-left: 10px; float: left; width: calc(100% - 270px); } .ps-products-wrap.inverse .ps-sidebar { float: right; right: 0; padding-right: 0; padding-left: 30px; } .ps-products-wrap.inverse .ps-products { float: left; left: 0; } @media (max-width: 1199px) { .ps-products-wrap .ps-sidebar { float: none; left: 0; max-width: 300px; } .ps-products-wrap .ps-products { width: 100%; left: 0; } } .ps-social li { display: inline-block; margin-right: 20px; } .ps-social li a { position: relative; display: inline-block; width: 20px; height: 20px; color: #999; line-height: 25px; } .ps-social li a > i.fa { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ps-social li a:hover { color: #2AC37D; } .ps-list--arrow a { position: relative; display: block; padding-left: 15px; font-family: "Montserrat", sans-serif; font-size: 14px; letter-spacing: 0.5px; color: #626262; } .ps-list--arrow a:before { content: "\f105"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; font-family: FontAwesome; } .ps-list--arrow a:hover { color: #50CF96; } .ps-list--arrow a:hover .circle { background-color: #50CF96; border-color: #50CF96; } .ps-list--arrow a:hover .circle:before { color: #fff; visibility: visible; opacity: 1; } .ps-list--arrow li { margin-bottom: 20px; } .ps-list--arrow li.current a { color: #50CF96; } .ps-list--arrow li.current .circle { background-color: #50CF96; } .ps-list--arrow li.current .circle:before { visibility: visible; opacity: 1; color: #fff; } .ps-list--line li { margin-bottom: 10px; } .ps-list--line a { position: relative; display: block; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 30px; color: #f0b328; } .ps-list--line a:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; content: ''; width: 0; height: 1px; background-color: #2AC37D; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-list--line a:hover { padding-left: 25px; color: #2AC37D; } .ps-list--line a:hover:before { width: 20px; } .ps-list--number { list-style: decimal; } .ps-list--number li { margin-bottom: 10px; } .ps-list--checked li { margin-bottom: 20px; } .ps-list--checked li a { position: relative; display: block; padding-left: 30px; font-size: 14px; color: #313131; } .ps-list--checked li a:before { display: inline-block; position: absolute; top: 0; left: 0; content: ''; width: 20px; height: 20px; border: solid 1px #8d8d8d; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-list--checked li a:after { content: ''; display: inline-block; position: absolute; top: 4px; left: 8px; color: #fff; width: 6px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); visibility: hidden; opacity: 0; } .ps-list--checked li a:hover:before { background-color: #2AC37D; border-color: #2AC37D; } .ps-list--checked li a:hover:after { visibility: visible; opacity: 1; } .ps-list--checked li.current a:before { background-color: #2AC37D; border-color: #2AC37D; } .ps-list--checked li.current a:after { visibility: visible; opacity: 1; } .ps-list--color li { display: inline-block; margin-right: 20px; margin-bottom: 20px; } .ps-list--color li a { display: inline-block; width: 25px; height: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #50cf96; } .ps-list--color li:nth-child(2) a { background-color: #d0011b; } .ps-list--color li:nth-child(3) a { background-color: #f8e81c; } .ps-list--color li:nth-child(4) a { background-color: #8b572a; } .ps-list--color li:nth-child(5) a { background-color: #bd0fe1; } .ps-list--color li:nth-child(6) a { background-color: #4990e2; } .ps-list--color li:nth-child(7) a { background-color: #000; } .ps-list--color li:nth-child(8) a { background-color: #000; } .ps-list--color li:nth-child(9) a { background-color: #cfb850; } .ps-list--color li:nth-child(10) a { background-color: #50cacf; } .ps-list--color li:nth-child(11) a { background-color: #e29849; } .ps-list--color li:nth-child(12) a { background-color: #50cf96; } .ps-list--color li:nth-child(13) a { background-color: #50cf96; } /*.form-control { outline: none; height: 50px; background-color: #e4e4e4; border-color: #e4e4e4; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; padding: 0 20px; }*/ /* .form-control:focus { outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border-color: #2AC37D; }*/ /*textarea.form-control { height: auto; padding: 20px; }*/ .ps-input--has-icon { position: relative; } .ps-input--has-icon > i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 15px; } .ps-select > i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 15px; } .ps-select > select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .ps-checkbox { position: relative; display: block; } .ps-checkbox > input { position: absolute; visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ps-checkbox label { position: relative; padding-left: 30px; font-family: "Montserrat", sans-serif; color: #737373; font-weight: 400; cursor: pointer; } .ps-checkbox label:before { content: ''; display: block; position: absolute; left: 0; top: 0px; height: 20px; width: 20px; z-index: 10; border: 2px solid #ccc; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .ps-checkbox label:after { content: ''; display: block; position: absolute; top: 4px; left: 7px; width: 6px; height: 10px; border: 3px solid #50CF96; border-top: none; border-left: none; z-index: 5; opacity: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-checkbox input[type=checkbox]:checked ~ label:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); opacity: 1; } .ps-checkbox--inline { display: inline-block; } .ps-radio { position: relative; } .ps-radio > input { position: absolute; visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ps-radio label { position: relative; padding-left: 30px; font-family: "Montserrat", sans-serif; color: #737373; font-weight: 400; cursor: pointer; } .ps-radio label:before { content: ''; display: block; position: absolute; left: 0; top: 0px; height: 20px; width: 20px; z-index: 10; border: 1px solid #ccc; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .ps-radio label:after { content: ''; display: block; position: absolute; top: 5px; left: 5px; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #aeaeae; z-index: 5; opacity: 0; -webkit-transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -o-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; } .ps-radio input[type=radio]:checked ~ label:after { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } .ps-radio--inline { display: inline-block; margin-right: 20px; } .ps-select button.btn { padding: 0 20px; height: 50px; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 1.4em; color: #5b5b5b; border: none; text-transform: uppercase; background-color: #e4e4e4 !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; outline: none !important; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .ps-select button.btn:focus, .ps-select button.btn:active { outline: none !important; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .ps-select button.btn:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 15px; content: "\f107"; font-family: FontAwesome; } .ps-select.open button.btn { outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; background-color: #2AC37D !important; } .ps-select .bs-caret { display: none; } .ps-radio { position: relative; } .ps-radio > input { position: absolute; visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ps-radio label { position: relative; padding-left: 30px; font-family: "Montserrat", sans-serif; color: #737373; font-weight: 400; cursor: pointer; } .ps-radio label:before { content: ''; display: block; position: absolute; left: 0; top: 0px; height: 16px; width: 16px; z-index: 10; background-color: #fff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .ps-radio label:after { content: ''; display: block; position: absolute; top: 4px; left: 4px; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #2AC37D; z-index: 10; opacity: 0; -webkit-transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -o-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; } .ps-radio input[type=radio]:checked ~ label:after { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } .ps-radio--inline { display: inline-block; margin-right: 20px; } .ps-form--comment h3 { margin-bottom: 30px; font-size: 24px; font-weight: 700; text-align: left; color: #313131; } .ps-form--comment .form-control { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .ps-form--comment textarea.form-control { padding: 20px 15px; } .form-group--inline { position: relative; padding-left: 200px; } .form-group--inline label { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; font-size: 16px; line-height: 1.3em; color: #5b5b5b; font-weight: 400; } .form-group--inline.textarea label { -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); top: 0; } @media (max-width: 1199px) { .form-group--inline { padding-left: 0; } .form-group--inline label { position: static; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .form-group--inline.textarea label { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } .form-group--number { display: inline-block; } .form-group--number .input-group-btn { display: inline-block; } .form-group--number input.form-control { position: relative; top: -2px; margin-right: -4px; display: inline-block; width: 130px; height: 40px; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .form-group--number input.form-control:focus { border-color: #f1f1f1; } .form-group--number button { display: inline-block; height: 40px; width: 40px; border: none; background-color: #000; font-family: "Montserrat", sans-serif; color: #fff; font-size: 20px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .form-group--number button:hover { background-color: #50CF96; } .form-group--number button.minus { float: left; } .ps-form--icon { position: relative; } .ps-form--icon > i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 20px; } .menu-toggle { position: relative; /*top: 25px;*/ float: right; display: inline-block; width: 40px; height: 40px; margin-left: 20px; overflow: hidden; display: none; background-color: #2AC37D; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .menu-toggle span, .menu-toggle:before, .menu-toggle:after { position: absolute; right: 10px; height: 2px; width: 20px; background-color: #fff; z-index: 100; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .menu-toggle span { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .menu-toggle:before, .menu-toggle:after { content: ''; } .menu-toggle:before { top: 12px; } .menu-toggle:after { bottom: 12px; } .menu-toggle:hover { cursor: pointer; } .menu-toggle.active { background-color: #fc354c; } .menu-toggle.active span { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); visibility: hidden; opacity: 0; } .menu-toggle.active:before, .menu-toggle.active:after { top: 50%; bottom: auto; width: 20px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .menu-toggle.active:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .menu-toggle.active:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .ps-btn--fullwidth { width: 100%; } .ps-btn--rounded-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; } .ps-btn--rounded-40 { -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; } .ps-btn--rounded-50 { -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; } .ps-morelink { display: inline-block; font-family: "Archivo Narrow", sans-serif; font-size: 16px; font-weight: 700; text-align: right; color: #8d8d8d; text-transform: uppercase; line-height: 1.5em; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-morelink i { vertical-align: center; line-height: 26px; margin-left: 5px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-morelink:hover i { margin-left: 10px; } .ps-btn, button.ps-btn { position: relative; display: inline-block; padding: 15px 30px; font-family: "Archivo Narrow", sans-serif; font-weight: 300; font-size: 18px; text-transform: uppercase; letter-spacing: .1em; color: #fff; background-color: #2AC37D; line-height: 25px; border: none; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-btn i, button.ps-btn i { margin-left: 10px; font-size: 14px; } .ps-btn:before, button.ps-btn:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% + 12px); height: calc(100% + 12px); background-color: rgba(0, 0, 0, 0.07); -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-btn:hover, button.ps-btn:hover { background-color: #50CF96; color: #fff; } .ps-btn:hover:before, button.ps-btn:hover:before { background-color: rgba(0, 0, 0, 0.1); } .ps-btn--gray, button.ps-btn--gray { background-color: #e5e5e5; border: none; color: #000; line-height: 20px; } .ps-btn--gray:before, button.ps-btn--gray:before { display: none; } .ps-remove { position: relative; display: inline-block; background-color: #f1f1f1; width: 30px; height: 30px; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .ps-remove:before, .ps-remove:after { content: ''; position: absolute; top: 50%; left: 50%; width: 15px; height: 2px; background-color: #b1b1b1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-remove:before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .ps-remove:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .ps-remove:hover { background-color: #50CF96; } .ps-remove:hover:before, .ps-remove:hover:after { background-color: #fff; } .br-theme-fontawesome-stars .br-widget { margin-bottom: 10px; height: auto; } .br-theme-fontawesome-stars .br-widget > a { font-size: 12px !important; color: #ffb727; } .ps-post__actions span, .ps-post__actions .ps-post__social { margin-right: 10px; font-size: 14px; color: #999999; } .ps-post__actions span i, .ps-post__actions .ps-post__social i { margin-right: 5px; } .ps-post__actions span i.fa.fa-comments, .ps-post__actions .ps-post__social i.fa.fa-comments { color: #5b5b5b; } .ps-post__actions span i.fa-heart, .ps-post__actions .ps-post__social i.fa-heart { color: #ff7b7b; } .ps-post__actions span i.fa-share-alt, .ps-post__actions .ps-post__social i.fa-share-alt { color: #43b8e5; } .ps-post__actions span:last-child, .ps-post__actions .ps-post__social:last-child { margin-right: 0; } .ps-post__actions .ps-post__social { display: inline-block; } .ps-post__actions .ps-post__social { position: relative; } .ps-post__actions .ps-post__social ul { display: inline-block; position: absolute; bottom: 100%; left: 50%; z-index: 100; -webkit-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); -o-transform: translate(-50%, -10px); transform: translate(-50%, -10px); width: 120px; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-post__actions .ps-post__social ul::after { clear: both; content: ""; display: table; } .ps-post__actions .ps-post__social ul:before { content: ''; position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; height: 0; width: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #44ccf6; } .ps-post__actions .ps-post__social ul li { float: left; } .ps-post__actions .ps-post__social ul li a { vertical-align: top; position: relative; display: inline-block; width: 40px; height: 40px; background-color: #3b5998; } .ps-post__actions .ps-post__social ul li a i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; } .ps-post__actions .ps-post__social ul li a:hover { background-color: #2AC37D !important; } .ps-post__actions .ps-post__social ul li:nth-child(2) a { background-color: #44ccf6; } .ps-post__actions .ps-post__social ul li:nth-child(3) a { background-color: rgba(209, 63, 45, 0.97); } .ps-post__actions .ps-post__social:hover ul { visibility: visible; opacity: 1; } .ps-post { margin-bottom: 30px; } .ps-post .ps-post__thumbnail { position: relative; margin-bottom: 10px; } .ps-post .ps-post__thumbnail > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; z-index: 10; } .ps-post .ps-post__thumbnail img { width: 100%; } .ps-post .ps-post__thumbnail:hover > a { background-color: rgba(42, 195, 125, 0.35); } .ps-post .ps-post__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .ps-post .ps-post__title { margin-bottom: 5px; display: block; font-family: "Archivo Narrow", sans-serif; font-size: 18px; font-weight: 700; color: #5b5b5b; text-transform: uppercase; line-height: 1.3em; } .ps-post .ps-post__title:hover { color: #2AC37D; } .ps-post .ps-post__meta { margin-bottom: 10px; } .ps-post .ps-post__meta > span { font-family: "Montserrat", sans-serif; font-weight: 500; color: #8d8d8d; } .ps-post .ps-post__meta > span a { margin-left: 5px; color: #2AC37D; font-weight: 500; } .ps-post .ps-post__meta > span a:hover { color: #303030; } .ps-post .ps-post__content p { font-size: 14px; line-height: 1.8em; color: #8d8d8d; } @media (max-width: 991px) { .ps-post::after { clear: both; content: ""; display: table; } .ps-post .ps-post__thumbnail { float: left; width: 300px; } .ps-post .ps-post__content { float: left; width: calc(100% - 300px); padding-left: 30px; } } @media (max-width: 767px) { .ps-post .ps-post__thumbnail { float: none; width: 100%; } .ps-post .ps-post__content { float: none; width: 100%; padding-left: 0; } } .ps-post--sidebar { margin-bottom: 15px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; flex-flow: row nowrap; } .ps-post--sidebar .ps-post__thumbnail { position: relative; width: 70px; } .ps-post--sidebar .ps-post__thumbnail a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .ps-post--sidebar .ps-post__thumbnail img { width: 100%; } .ps-post--sidebar .ps-post__content { padding-left: 10px; } .ps-post--sidebar .ps-post__title { margin-bottom: 10px; display: block; font-family: "Archivo Narrow", sans-serif; font-size: 16px; font-weight: 700; line-height: 1.25em; color: #000; text-transform: uppercase; } .ps-post--sidebar .ps-post__title:hover { color: #2AC37D; } .ps-post--sidebar span { display: block; font-family: "Montserrat", sans-serif; font-size: 12px; color: #5b5b5b; } .ps-post--2 { margin-bottom: 50px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; flex-flow: row nowrap; } .ps-post--2 .ps-post__thumbnail { min-width: 450px; position: relative; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .ps-post--2 .ps-post__thumbnail > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; z-index: 10; } .ps-post--2 .ps-post__thumbnail > a:before, .ps-post--2 .ps-post__thumbnail > a:after { content: ''; position: absolute; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-post--2 .ps-post__thumbnail > a:before { top: 30px; right: 20px; bottom: 30px; left: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .ps-post--2 .ps-post__thumbnail > a:after { top: 20px; right: 30px; bottom: 20px; left: 30px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; } .ps-post--2 .ps-post__thumbnail img { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .ps-post--2 .ps-post__thumbnail:hover > a { background-color: rgba(42, 195, 125, 0.35); } .ps-post--2 .ps-post__thumbnail:hover > a:before, .ps-post--2 .ps-post__thumbnail:hover > a:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0.15s; -moz-transition-delay: 0.15s; transition-delay: 0.15s; } .ps-post--2 .ps-post__container { padding-left: 30px; } .ps-post--2 .ps-post__title { display: block; margin-bottom: 5px; font-family: "Archivo Narrow", sans-serif; font-size: 26px; font-weight: 700; color: #5b5b5b; text-transform: uppercase; line-height: 1.2em; } .ps-post--2 .ps-post__title:hover { color: #2AC37D; } .ps-post--2 .ps-post__header p { font-size: 14px; color: #8d8d8d; } .ps-post--2 .ps-post__header p a { color: #2AC37D; } .ps-post--2 .ps-post__content p { font-size: 14px; line-height: 1.8em; color: #8d8d8d; } .ps-post--2 .ps-post__footer { padding-top: 30px; border-top: 1px solid #e5e5e5; } .ps-post--2 .ps-post__footer::after { clear: both; content: ""; display: table; } .ps-post--2 .ps-post__morelink { font-family: "Archivo Narrow", sans-serif; font-size: 16px; font-weight: 700; color: #8d8d8d; } .ps-post--2 .ps-post__morelink i { margin-left: 5px; position: relative; vertical-align: middle; top: -1px; } .ps-post--2 .ps-post__morelink:hover { color: #2AC37D; } .ps-post--2 .ps-post__actions { float: right; } .ps-post--2 .ps-post__actions .ps-post__social { display: inline-block; } @media (max-width: 1199px) { .ps-post--2 { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap; } .ps-post--2 .ps-post__thumbnail { width: 100%; min-width: 100%; margin-bottom: 30px; } .ps-post--2 .ps-post__thumbnail img { width: 100%; } .ps-post--2 .ps-post__container { width: 100%; padding-left: 0; } } @media (max-width: 479px) { .ps-post--2 .ps-post__title { font-size: 16px; margin-bottom: 20px; display: block; } .ps-post--2 .ps-post__footer { text-align: right; } .ps-post--2 .ps-post__morelink { display: block; } .ps-post--2 .ps-post__actions { float: none; } } .ps-post--detail { margin-bottom: 30px; } .ps-post--detail .ps-post__thumbnail { margin-bottom: 15px; } .ps-post--detail .ps-post__title { margin-bottom: 5px; font-family: "Archivo Narrow", sans-serif; font-size: 26px; font-weight: 700; color: #5b5b5b; text-transform: uppercase; } .ps-post--detail .ps-post__meta { font-size: 14px; color: #8d8d8d; } .ps-post--detail .ps-post__meta a { color: #2AC37D; } .ps-post--detail .ps-post__header { margin-bottom: 15px; } .ps-post--detail .ps-post__content p { margin-bottom: 25px; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 1.8em; color: #8d8d8d; } .ps-post--detail .ps-post__content blockquote { border-color: #2AC37D; } .ps-post--detail .ps-post__content blockquote p { font-family: "Montserrat", sans-serif; font-size: 18px; font-style: italic; line-height: 1.6em; color: #999; } .ps-post--detail .ps-post__content blockquote p.author { font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 500; font-style: italic; line-height: 1.7em; color: #8d8d8d; } .ps-post--detail .ps-post__content blockquote p.author span { color: #666; font-weight: 600; } .ps-post--detail .ps-post__footer::after { clear: both; content: ""; display: table; } .ps-post--detail .ps-post__footer .ps-post__tags { display: inline-block; float: left; color: #6d6d6d; } .ps-post--detail .ps-post__footer .ps-post__tags i { margin-right: 10px; } .ps-post--detail .ps-post__footer .ps-post__tags a { font-size: 14px; font-style: italic; color: #6d6d6d; } .ps-post--detail .ps-post__footer .ps-post__tags a:hover { color: #2AC37D; } .ps-post--detail .ps-post__footer .ps-post__actions { float: right; } @media (max-width: 767px) { .ps-post--detail .ps-post__title { font-size: 20px; } .ps-post--detail .ps-post__content blockquote p { font-size: 14px; } .ps-post--detail .ps-post__footer .ps-post__tags { float: none; margin-bottom: 10px; } .ps-post--detail .ps-post__footer .ps-post__actions { float: none; } } .ps-banner .ps-banner__header { padding-bottom: 10px; } .ps-banner .ps-banner__header:before { content: ''; position: absolute; top: 100%; left: 0; width: 150px; height: 2px; background-color: #fff; } .ps-banner .ps-banner__header p { margin-bottom: 0; font-family: "Archivo Narrow", sans-serif; font-size: 24px; color: #ffffff; text-transform: uppercase; } .ps-banner .ps-banner__title p { font-family: "Montserrat", sans-serif; font-size: 72px; font-weight: 700; letter-spacing: 5px; color: #fff; } .ps-banner .ps-banner__description p { display: block; font-family: Montserrat; font-size: 16px; line-height: 1.4em; text-align: left; color: #fff; } .ps-banner.ps-banner--white .ps-banner__title p { color: #ec4c76; } .ps-banner.ps-banner--white .ps-banner__header:before { background-color: #000; } .ps-banner.ps-banner--white .ps-banner__header p { color: #000; } .ps-banner.ps-banner--white .ps-banner__title { color: #ec4c76; } .ps-banner.ps-banner--white .ps-banner__description p { color: #000; } @media (max-width: 767px) { .ps-banner .ps-banner__header p { font-size: 14px; } .ps-banner .ps-banner__header p br { /*display: none; */ } .ps-banner .ps-banner__title p { font-size: 30px; } .ps-banner .ps-banner__description p { font-size: 12px; } } .ps-testimonial { text-align: center; padding-bottom: 50px; } .ps-testimonial .ps-testimonial__thumbnail { margin-bottom: 35px; position: relative; max-width: 120px; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: 2px solid #fff; } .ps-testimonial .ps-testimonial__thumbnail img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .ps-testimonial .ps-testimonial__thumbnail i { display: inline-block; position: absolute; width: 45px; height: 45px; bottom: 0; right: 0; background-color: #2AC37D; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: 2px solid #fff; } .ps-testimonial .ps-testimonial__thumbnail i:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 20px; color: #fff; } .ps-testimonial > header { margin-bottom: 30px; } .ps-testimonial > header .ps-rating { margin-bottom: 15px; } .ps-testimonial > header p { margin-bottom: 0; font-family: "Montserrat", sans-serif; font-size: 18px; text-align: center; color: #fff; } .ps-testimonial > footer p { font-size: 24px; font-style: italic; line-height: 1.88em; color: #fff; } @media (max-width: 767px) { .ps-testimonial > header { margin-bottom: 20px; } .ps-testimonial > header p { font-size: 12px; } .ps-testimonial > footer p { font-size: 14px; line-height: 1.5em; } } .ps-widget--footer { margin-bottom: 30px; } .ps-widget--footer > header { margin-bottom: 10px; } .ps-widget--footer > header > h3 { font-family: "Archivo Narrow", sans-serif; font-size: 20px; font-weight: 700; line-height: 1.8em; color: #fff; text-transform: uppercase; } .ps-widget--info > header .ps-logo { margin-bottom: 15px; max-width: 250px; display: inline-block; } .ps-widget--info p { font-family: "Montserrat", sans-serif; font-weight: 400; color: #f0b328; } .ps-widget--info ul li a { font-family: "Montserrat", sans-serif; font-weight: 400; color: #f0b328; } .ps-widget--info p strong { margin-bottom: 20px; font-weight: 700; } .ps-widget--info.second { /*padding-top: 55px; */ } @media (max-width: 991px) { .ps-widget--info.second { padding-top: 0; } } .ps-widget--link > header h3 { font-size: 16px; } .ps-widget--link > footer ul.ps-list--link li { margin-bottom: 15px; } .ps-widget--link > footer ul.ps-list--link a { font-family: "Archivo Narrow", sans-serif; font-size: 16px; font-weight: 700; line-height: 1.8em; color: #fff; text-transform: uppercase; } .ps-widget--sidebar { border-bottom: 1px solid #e5e5e5; padding-bottom: 25px; margin-bottom: 25px; } .ps-widget--sidebar .ps-widget__header { margin-bottom: 25px; } .ps-widget--sidebar .ps-widget__header h3 { font-family: "Archivo Narrow", sans-serif; font-size: 24px; font-weight: 700; color: #626262; text-transform: uppercase; } .ps-widget--sidebar .ps-table--size { display: block; } .ps-widget--sidebar .ps-table--size tbody > tr > td { width: 45px; height: 45px; vertical-align: middle; text-align: center; cursor: pointer; font-size: 13px; border: 1px solid #e4e4e4; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-widget--sidebar .ps-table--size tbody > tr > td.active, .ps-widget--sidebar .ps-table--size tbody > tr > td:hover { background-color: #2AC37D; color: #fff; } .ps-sticky { position: relative; } .ps-search--widget { position: relative; } .ps-search--widget > input { padding: 0 20px; border: none; height: 40px; background-color: #e8e8e8; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; font-size: 13px; color: #767779; } .ps-search--widget > input::-webkit-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 13px; color: #adadad; } .ps-search--widget > input::-moz-placeholder { font-family: "Montserrat", sans-serif; font-size: 13px; color: #adadad; } .ps-search--widget > input:-moz-placeholder { font-family: "Montserrat", sans-serif; font-size: 13px; color: #adadad; } .ps-search--widget > input:-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 13px; color: #adadad; } .ps-search--widget > button { right: 15px; color: #000; font-size: 15px; border: none; background-color: transparent; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-search--widget > button:hover { color: #2AC37D; } .ps-widget--search { border-bottom: none; } .ps-shoe { position: relative; padding-bottom: 10px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-shoe:hover{ /*border:1px solid red;*/ /*transform: scale(1.3);*/ /*height: */ } .ps-shoe:before { content: ''; position: absolute; top: -15px; left: -15px; width: calc(100% + 30px); height: calc(100% + 108px); border: 1px solid #000; z-index: 1000; visibility: hidden; opacity: 0; -webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .ps-shoe .ps-shoe__thumbnail { position: relative; z-index: 100; } .ps-shoe .ps-shoe__thumbnail img { width: 100%; } .ps-shoe .ps-shoe__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .ps-shoe .ps-shoe__content { display: block; /*position: absolute; padding: 10px 0 0;*/ bottom: 0; left: 0; z-index: 10; width: 100%; z-index: 1000; overflow: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-shoe .ps-shoe__variants { position: absolute; top: 10px; left: 0; width: 100%; z-index: 10003; min-height: 90px; max-height: 90px; /*visibility: hidden;*/ opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); } .ps-shoe .ps-shoe__variants .ps-shoe__variant { padding: 0 25px; margin-bottom: 10px; } .ps-shoe .ps-shoe__variants .ps-shoe__variant .owl-nav { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; height: 0; width: 100%; } .ps-shoe .ps-shoe__variants .ps-shoe__variant .owl-nav::after { clear: both; content: ""; display: table; } .ps-shoe .ps-shoe__variants .ps-shoe__variant .owl-prev, .ps-shoe .ps-shoe__variants .ps-shoe__variant .owl-next { display: inline-block; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .ps-shoe .ps-shoe__variants .ps-shoe__variant .owl-next { float: right; } .ps-shoe .ps-shoe__variant img:hover { cursor: pointer; } .ps-shoe .ps-shoe__detail { margin-bottom: 0; position: relative; /*min-height: 60px;*/ /*background-color: #fff; */ } .ps-shoe .ps-shoe__name { font-family: "Archivo Narrow", sans-serif; font-size: 16px; font-weight: 700; color: #5b5b5b; line-height: 1.4em; } .ps-shoe .ps-shoe__name:hover { color: #2AC37D; } .ps-shoe .ps-shoe__categories { margin-bottom: 0; } .ps-shoe .ps-shoe__categories > a { font-family: "Montserrat", sans-serif; font-size: 12px; color: #8d8d8d; } .ps-shoe .ps-shoe__categories > a:hover { color: #2AC37D; } .ps-shoe .ps-shoe__price { /*display: inline-block;*/ /*position: absolute;*/ /*top: 5px;*/ padding-left: 15px; right: 10px; font-family: "Archivo Narrow", sans-serif; font-size: 16px; color: #5b5b5b; } .ps-shoe .ps-shoe__price del { font-size: 16px; color: #bcbcbc; } .ps-shoe .ps-shoe__favorite { position: absolute; top: 10px; right: 10px; display: block; width: 35px; height: 35px; z-index: 10000; background-color: #4d4d4d; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } .ps-shoe .ps-shoe__favorite i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; } .ps-shoe .ps-shoe__favorite.active, .ps-shoe .ps-shoe__favorite:hover { background-color: #2AC37D; } .ps-shoe .br-theme-fontawesome-stars .br-widget { margin-bottom: 0; } /*.ps-shoe:hover:before { visibility: visible; opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .ps-shoe:hover .ps-shoe__thumbnail { z-index: 10000; } .ps-shoe:hover .ps-shoe__content { padding-top: 100px; bottom: -90px; max-height: none; } .ps-shoe:hover .ps-shoe__variants { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ps-shoe:hover .ps-shoe__favorite { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } @media (max-width: 1199px) { .ps-shoe:before { display: none; } } @media (max-width: 767px) { .ps-shoe { max-width: 480px; margin: 0 auto; } } */ .ps-shoe--sidebar { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; flex-flow: row nowrap; margin-bottom: 10px; } .ps-shoe--sidebar .ps-shoe__thumbnail { position: relative; width: 85px; } .ps-shoe--sidebar .ps-shoe__thumbnail a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .ps-shoe--sidebar .ps-shoe__content { padding-left: 15px; } .ps-shoe--sidebar .ps-shoe__content p { margin-bottom: 15px; color: #000; font-size: 14px; font-weight: 500; } .ps-shoe--sidebar .ps-shoe__content p del { color: #8a8a8a; font-size: 13px; } .ps-shoe--sidebar .ps-shoe__title { font-family: "Archivo Narrow", sans-serif; font-size: 14px; font-weight: 700; color: #626262; text-transform: uppercase; } .ps-shoe--sidebar .ps-shoe__title:hover { color: #2AC37D; } .ps-shoe--sidebar .ps-btn { padding: 6px 20px 4px; font-size: 12px; line-height: 15px; } .ps-shoes--carousel:hover { border: 1px solid red; } .ps-badge { display: inline-block; position: absolute; top: 0; left: 0; width: 80px; height: 35px; z-index: 10; background-color: #2AC37D; } .ps-badge > span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 500; color: #efefef; } .ps-badge--sale { background-color: #cf5050; } .ps-badge--2nd { top: 50px; } .masonry-wrapper { margin: 0; } .masonry-wrapper .grid-item, .masonry-wrapper .grid-sizer { width: 100%; } .masonry-wrapper .grid-item .grid-item__inner .grid-item__content-wrapper { background-color: #9EC3C3; } .masonry-wrapper.ac_masonry-grid .grid-item__content-wrapper { top: 0; right: 0; bottom: 0; left: 0; } .setting { margin: 0; margin: -5px; } .setting .grid-item, .setting .grid-sizer { width: 100%; } .setting .grid-item .grid-item__inner .grid-item__content-wrapper { background-color: #ccc; } .setting.ac_masonry-grid .grid-item__content-wrapper { top: 0; right: 0; bottom: 0; left: 0; } .setting.ac_masonry-grid .grid-item__inner { padding-top: 60%; } .setting.ac_masonry-grid .grid-item.extra-large .grid-item__inner, .setting.ac_masonry-grid .grid-item.wide .grid-item__inner { padding-top: 30%; } .setting.ac_masonry-grid .grid-item.high .grid-item__inner { padding-top: 120%; } .setting .grid-item .grid-item__content-wrapper { margin: 5px; top: 5px; right: 5px; bottom: 5px; left: 5px; } .setting .grid-item, .setting .grid-sizer { width: 100%; } @media (min-width: 768px) { .setting .grid-item, .setting .grid-sizer { width: 50%; } .setting .grid-item.wide, .setting .grid-item.large { width: 100%; } .setting .grid-item.extra-large { width: 100%; } } @media (min-width: 992px) { .setting .grid-item, .setting .grid-sizer { width: 33.33333%; } .setting .grid-item.wide, .setting .grid-item.large { width: 66.66667%; } .setting .grid-item.extra-large { width: 100%; } } @media (min-width: 1200px) { .setting .grid-item, .setting .grid-sizer { width: 33.33333%; } .setting .grid-item.wide, .setting .grid-item.large { width: 66.66667%; } .setting .grid-item.extra-large { width: 100%; } } .ps-hotspot { position: relative; } .ps-hotspot .point { position: absolute; display: inline-block; position: absolute; width: 45px; height: 45px; background-color: #cf5151; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .ps-hotspot .point i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 16px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: translate(-50%, -50%) rotate(0); -moz-transform: translate(-50%, -50%) rotate(0); -ms-transform: translate(-50%, -50%) rotate(0); -o-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0); -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; } .ps-hotspot .point > .ps-hotspot__content { display: inline-block; position: absolute; bottom: 100%; left: 50%; background-color: #cf5050; min-width: 330px; padding: 15px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; text-align: center; -webkit-transform: translate(-50%, -20px); -moz-transform: translate(-50%, -20px); -ms-transform: translate(-50%, -20px); -o-transform: translate(-50%, -20px); transform: translate(-50%, -20px); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; visibility: hidden; opacity: 0; } .ps-hotspot .point > .ps-hotspot__content:before { content: ''; position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px); height: 0; width: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #cf5050; } .ps-hotspot .point > .ps-hotspot__content p { margin-bottom: 0; color: #fff; font-size: 12px; } .ps-hotspot .point > .ps-hotspot__content p.heading { margin-bottom: 5px; font-family: "Archivo Narrow", sans-serif; font-size: 20px; text-transform: uppercase; } .ps-hotspot .point:hover, .ps-hotspot .point.active { background-color: #585858; } .ps-hotspot .point:hover i, .ps-hotspot .point.active i { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .ps-hotspot .point:hover > .ps-hotspot__content, .ps-hotspot .point.active > .ps-hotspot__content { visibility: visible; opacity: 1; } .ps-hotspot .point.first { left: 0; top: 50%; } .ps-hotspot .point.second { top: -20px; left: -100px; right: 0; margin: 0 auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ps-hotspot .point.third { top: 50%; right: 100px; margin: 0 auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ps-pagination { text-align: center; } .ps-pagination::after { clear: both; content: ""; display: table; } .ps-pagination .pagination { margin: 0; display: inline-block; } .ps-pagination .pagination li { display: inline-block; margin-right: 15px; text-align: center; } .ps-pagination .pagination li > a { padding: 0 17px; position: relative; display: inline-block; z-index: 30; font-family: "Montserrat", sans-serif; font-size: 16px; color: #313131; line-height: 50px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: none; background-color: transparent !important; } .ps-pagination .pagination li > a:before, .ps-pagination .pagination li > a:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -2; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-pagination .pagination li > a:before { width: 50px; height: 50px; background-color: #e4e4e4; } .ps-pagination .pagination li > a:after { width: 45px; height: 45px; background-color: #2AC37D; z-index: -1; visibility: hidden; opacity: 0; } .ps-pagination .pagination li > a:hover { color: #fff; } .ps-pagination .pagination li > a:hover:after { visibility: visible; opacity: 1; } .ps-pagination .pagination li.active { border: none; } .ps-pagination .pagination li.active a { color: #fff; } .ps-pagination .pagination li.active a:after { visibility: visible; opacity: 1; } @media (max-width: 479px) { .ps-pagination .pagination li { margin-right: 10px; } .ps-pagination .pagination li a { padding: 0 12px; font-size: 12px; } .ps-pagination .pagination li a:before { width: 30px; height: 30px; } .ps-pagination .pagination li a:after { width: 35px; height: 35px; } } .ps-tags li { display: inline-block; } .ps-tags li a { display: inline-block; margin-bottom: 10px; margin-right: 10px; padding: 5px 20px; color: #626262; font-size: 12px; letter-spacing: .2px; line-height: 15px; background-color: #e5e5e5; } .ps-tags li a:hover { color: #fff; background-color: #2AC37D; } .ps-user { margin-bottom: 30px; } .ps-user .ps-user__thumbnnail { position: relative; text-align: center; } .ps-user .ps-user__thumbnnail:before { content: ''; position: absolute; z-index: 10; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; visibility: hidden; opacity: 0; background-color: rgba(255, 255, 255, 0.6); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-user .ps-user__thumbnnail:hover:before { visibility: visible; opacity: 1; } .ps-user .ps-user__thumbnnail:hover .ps-user__social { visibility: visible; opacity: 1; } .ps-user .ps-user__social { display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 20; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-user .ps-user__social li { display: inline-block; margin-right: 12px; } .ps-user .ps-user__social li a { font-size: 20px; } .ps-user .ps-user__social li a:hover { color: #2AC37D; } .ps-user .ps-user__content { padding-top: 15px; text-align: center; } .ps-user .ps-user__content h3 { margin-bottom: 0; font-size: 18px; font-weight: 600; text-transform: uppercase; color: #1d1d1d; line-height: 1.2em; } .ps-user .ps-user__content p { font-size: 13px; font-style: italic; color: #999999; } .ps-all-user { border-top: 1px solid #e5e5e5; } .ps-team h3 { margin-bottom: 20px; font-size: 30px; font-weight: 600; color: #1d1d1d; } .ps-team .ps-team__listing li a { display: block; padding: 5px 0; font-size: 18px; font-weight: 500; color: #9297a3; line-height: 1.2em; } .ps-team .ps-team__listing li a:hover { color: #2AC37D; } @media (max-width: 1199px) { .ps-team h3 { font-size: 25px; } .ps-team .ps-team__listing li a { font-size: 14px; } } @media (max-width: 767px) { .ps-team { margin-bottom: 30px; } } .ps-join-team h3 { margin-bottom: 30px; font-size: 30px; font-weight: 600; color: #1d1d1d; line-height: 1.3em; } @media (max-width: 1199px) { .ps-join-team h3 { font-size: 25px; } } @media (max-width: 991px) { .ps-join-team { margin-top: 30px; } } .ps-author { margin-bottom: 30px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; flex-flow: row nowrap; } .ps-author .ps-author__thumbnail { min-width: 100px; width: 100px; padding-right: 20px; } .ps-author .ps-author__thumbnail img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .ps-author .ps-author__content { background-color: #f4f4f4; padding: 20px; } .ps-author .ps-author__content > header h4 { font-family: "Archivo Narrow", sans-serif; font-size: 14px; font-weight: 700; color: #313131; } .ps-author .ps-author__content > header p { margin-bottom: 0; font-family: "Montserrat", sans-serif; font-size: 12px; font-style: italic; line-height: 2em; color: #8d8d8d; } .ps-author .ps-author__content p { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 1.7em; color: #8d8d8d; } @media (max-width: 640px) { .ps-author { display: block; } .ps-author .ps-author__thumbnail { margin-bottom: 15px; display: block; max-width: 100px; } .ps-author .ps-author__thumbnail img { max-width: 60px; } } .ps-review { margin-bottom: 40px; } .ps-review::after { clear: both; content: ""; display: table; } .ps-review .ps-review__thumbnail { float: left; width: 100px; } .ps-review .ps-review__thumbnail img { width: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .ps-review .ps-review__content { float: left; width: calc(100% - 100px); padding: 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background-color: #f1f1f1; } .ps-review .ps-review__content p { font-family: Montserrat; font-size: 14px; line-height: 1.5em; text-align: left; color: #5b5b5b; } .ps-review header { margin-bottom: 10px; } .ps-review header .br-widget, .ps-review header .br-wrapper { display: inline-block; margin-right: 10px; } .ps-review header p { display: inline-block; font-size: 14px; color: #5b5b5b; } .ps-review header p a { font-weight: 700; color: #2AC37D; } @media (max-width: 767px) { .ps-review .ps-review__thumbnail { margin-bottom: 20px; float: none; width: 100%; } .ps-review .ps-review__content { float: none; width: 100%; padding: 15px; } } .ps-comment { margin-bottom: 50px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; flex-flow: row nowrap; } .ps-comment .ps-comment__thumbnail { min-width: 100px; width: 100px; padding-right: 20px; } .ps-comment .ps-comment__thumbnail img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .ps-comment .ps-comment__content { padding: 20px; -webkit-border-radius: 0 20px 0 20px; -moz-border-radius: 0 20px 0 20px; -ms-border-radius: 0 20px 0 20px; border-radius: 0 20px 0 20px; background-color: #f3f3f3; } .ps-comment .ps-comment__content > header { margin-bottom: 10px; } .ps-comment .ps-comment__content > header::after { clear: both; content: ""; display: table; } .ps-comment .ps-comment__content > header h4 { display: inline-block; font-family: "Archivo Narrow", sans-serif; font-size: 14px; font-weight: 700; color: #29203c; } .ps-comment .ps-comment__content > header h4 span { margin-left: 20px; font-family: Montserrat; font-size: 14px; line-height: 1.8em; color: #989898; } .ps-comment .ps-comment__content > header > a { display: inline-block; float: right; font-family: "Archivo Narrow", sans-serif; font-weight: 700; font-size: 16px; color: #2ac37d; text-transform: uppercase; } .ps-comment .ps-comment__content > header > a i { margin-left: 10px; } .ps-comment .ps-comment__content > header > a:hover { color: #000; } .ps-comment--reply { margin-left: 100px; } @media (max-width: 640px) { .ps-comment { display: block; } .ps-comment .ps-comment__thumbnail { width: 60px; margin-bottom: 15px; } .ps-comment .ps-comment__thumbnail img { border: 5px solid #f3f3f3; } .ps-comment .ps-comment__content { width: 100%; } .ps-comment .ps-comment__content > header > a { float: none; } .ps-comment--reply { margin-left: 30px; } } .ps-comments h3 { margin-bottom: 30px; display: block; font-family: "Archivo Narrow", sans-serif; font-size: 24px; font-weight: 700; color: #313131; text-transform: uppercase; } .ps-iconbox { text-align: center; margin: 0 0 30px; max-width: 400px; } .ps-iconbox__header i { display: inline-block; margin-bottom: 20px; font-size: 50px; color: #2AC37D; } .ps-iconbox__header h3 { font-family: "Archivo Narrow", sans-serif; font-size: 24px; line-height: 1; font-weight: 700; color: #2AC37D; text-transform: uppercase; } .ps-iconbox__header p { font-family: "Archivo Narrow", sans-serif; font-size: 14px; font-weight: 700; line-height: 1.7em; color: #000; } .ps-iconbox__content p { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 1.6em; color: #4a4a4a; } .ps-iconbox.ps-iconbox--inverse .ps-iconbox__header i, .ps-iconbox.ps-iconbox--inverse .ps-iconbox__header p { color: #fff; } .ps-iconbox.ps-iconbox--inverse .ps-iconbox__content p { color: #fff; } .ps-widget--filter .ac-slider { display: block; height: 3px; margin-bottom: 20px; background-color: #cecece; position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: none; } .ps-widget--filter .ui-slider-range { top: 0; left: 0; height: 100%; background-color: #50CF96; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: none; } .ps-widget--filter .ui-slider-handle { display: inline-block; top: 50%; height: 18px; width: 18px; outline: none; cursor: pointer; background-color: #50CF96; border: 2px solid #fff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .ps-widget--filter .ac-slider__meta { display: block; font-family: "Archivo Narrow", sans-serif; font-weight: 400; font-style: italic; font-size: 14px; color: #898989; } .ps-widget--filter .ac-slider__meta span { margin-left: 5px; margin-right: 5px; } .ps-widget--filter .ac-slider__filter { padding: 5px 30px; font-size: 12px; line-height: 15px; } .ps-offer { display: block; position: relative; overflow: hidden; } .ps-offer img { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: scale3d(1.05, 1.05, 1); -moz-transform: scale3d(1.05, 1.05, 1); -ms-transform: scale3d(1.05, 1.05, 1); -o-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); } .ps-offer:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(255, 255, 255, 0.5); -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; } .ps-offer:hover img { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .ps-offer:hover:before { -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0); -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0); -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0); } .ps-cart__table > tbody > tr > td { position: relative; vertical-align: middle !important; } .ps-cart__table > tbody > tr > td .ps-product__preview { font-family: "Archivo Narrow", sans-serif; font-size: 16px; line-height: 1.5; color: #000000; text-transform: uppercase; } .ps-cart__table > tbody > tr > td .ps-product__preview:hover { color: #2AC37D; } .ps-table--compare table.table { border: 1px solid #e1e1e1; } .ps-table--compare table.table tbody > tr > td { padding: 20px 30px; border: 1px solid #e1e1e1; font-weight: 500 !important; color: #000; text-transform: uppercase; } .ps-table--compare table.table tbody > tr > td:first-child { background-color: #f5f5f5; border-color: #e1e1e1; text-transform: uppercase; color: #000; font-size: 18px; font-weight: 700; vertical-align: middle !important; } .ps-table--compare table.table tbody > tr > td .price { font-size: 18px; font-weight: 500; color: #2ac27d; } .ps-table--compare table.table tbody > tr > td .status { font-size: 18px; font-weight: 500; color: #989898; text-transform: uppercase; } .ps-table--compare table.table tbody > tr > td .status.in-stock { color: #2AC37D; } .ps-table--whishlist .ps-cart__table > tbody > tr > td { font-weight: 500; color: #8d8d8d; } .ps-table--whishlist .ps-cart__table > tbody > tr > td:first-child { width: 30%; } .ps-loading:before, .ps-loading:after { content: ''; position: fixed; z-index: 1000000; } .ps-loading:before { top: 0; left: 0; width: 100%; height: 100%; background: #fff; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .ps-loading:after { top: 50%; left: 50%; width: 60px; height: 60px; margin: -20px 0 0 -20px; border: 8px solid #2AC37D; border-bottom-color: #219962; border-radius: 50%; animation: animLoader 0.8s linear infinite forwards; } .ps-loading.loaded:before, .ps-loading.loaded:after { visibility: hidden; opacity: 0; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; } @keyframes animLoader { to { transform: rotate(360deg); } } .ps-section__title { position: relative; z-index: 10; /*min-width: 50%;*/ display: inline-block; font-family: "Archivo Narrow", sans-serif; font-weight: 700; color: #1d1d1d; line-height: 100px; text-transform: uppercase; /*min-width: 900px; */ } .ps-section__title:before { content: attr(data-mask); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: -20px; z-index: -1; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 70px; line-height: 1em; color: #f4f4f4; letter-spacing: .08em; } .ps-section__action { float: right; line-height: 100px; } .ps-section__action .ps-morelink i { -webkit-transform: translateY(2px); -moz-transform: translateY(2px); -ms-transform: translateY(2px); -o-transform: translateY(2px); transform: translateY(2px); font-size: 21px; } @media (max-width: 1199px) { .ps-section__title { min-width: 500px; } .ps-section__title:before { font-size: 80px; } } @media (max-width: 991px) { .ps-section__title { display: block; font-size: 25px; } .ps-section__title:before { font-size: 70px; } } @media (max-width: 767px) { .ps-section__title { min-width: 0; width: 100%; font-size: 20px; line-height: 60px; } .ps-section__title:before { font-size: 60px; } .ps-section__action { float: left; line-height: 60px; } } @media (max-width: 479px) { .ps-section__title { margin-bottom: 20px; font-size: 18px; } .ps-section__title:before { font-size: 40px; } } .ps-home-testimonial { position: relative; z-index: 10; } .ps-home-testimonial:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; z-index: -1; background-color: rgba(0, 0, 0, 0.25); } .ps-home-testimonial .owl-slider { position: relative; margin-top: -60px; } .ps-home-testimonial .owl-slider .owl-dots { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; } .ps-home-testimonial .owl-slider .owl-dot { display: inline-block; margin-right: 20px; border: 2px solid #fff; width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: transparent; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-home-testimonial .owl-slider .owl-dot:hover, .ps-home-testimonial .owl-slider .owl-dot.active { background-color: #2AC37D; border-color: #2AC37D; } .ps-home-partner { background-color: #f5f3f0; } .ps-home-contact { position: relative; } .ps-home-contact #contact-map { height: 680px; } .ps-home-contact .ps-home-contact__form { position: absolute; top: 0; left: 0; height: 100%; width: 460px; padding: 50px 40px; margin-left: calc((100% - 1440px) / 2); z-index: 10; background-color: rgba(255, 255, 255, 0.9); } .ps-home-contact .ps-home-contact__form > header { text-align: center; margin-bottom: 30px; } .ps-home-contact .ps-home-contact__form > header h3 { margin-bottom: 15px; font-family: "Archivo Narrow", sans-serif; font-size: 35px; color: #000; font-weight: 700; text-transform: uppercase; } .ps-home-contact .ps-home-contact__form > header p { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 1.57em; color: #000; } .ps-home-contact .ps-home-contact__form form label { font-family: "Montserrat", sans-serif; font-size: 14px; color: #000; font-weight: 400; text-transform: uppercase; } .ps-home-contact .ps-home-contact__form form label span { margin-left: 5px; } .ps-home-contact .ps-home-contact__form form .form-group { margin-bottom: 35px; } .ps-home-contact .ps-home-contact__form form .form-control { color: #767779; background-color: #e4e4e4; border: 1px solid #e4e4e4; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .ps-home-contact .ps-home-contact__form form .form-control:focus { border-color: #2AC37D; } @media (max-width: 1440px) { .ps-home-contact .ps-home-contact__form { margin-left: 15px; } } @media (max-width: 1199px) { .ps-home-contact .ps-home-contact__form { margin-left: 0; } } @media (max-width: 767px) { .ps-home-contact .ps-home-contact__form { position: relative; width: 100%; } } @media (max-width: 479px) { .ps-home-contact .ps-home-contact__form { padding: 45px 15px; } .ps-home-contact .ps-home-contact__form__header h3 { font-size: 24px; } .ps-home-contact .ps-home-contact__form__header p { font-size: 12px; } } .ps-section--sale-off { border-bottom: 1px solid #e5e5e5; } .ps-section--sale-off .ps-hot-deal h3 { margin-bottom: 30px; font-family: "Archivo Narrow", sans-serif; font-size: 48px; font-weight: 700; line-height: 1em; color: #000000; } .ps-section--sale-off .ps-hot-deal .ps-hot-deal__price { margin-bottom: 20px; font-family: "Archivo Narrow", sans-serif; font-size: 30px; line-height: 1em; color: rgba(0, 0, 0, 0.8); text-transform: uppercase; } .ps-section--sale-off .ps-hot-deal .ps-hot-deal__price span { font-size: 48px; color: #2AC37D; } .ps-section--sale-off .ps-hot-deal .ps-countdown { margin-bottom: 40px; } .ps-section--sale-off .ps-hot-deal .ps-countdown li { display: inline-block; margin-right: 30px; text-align: center; } .ps-section--sale-off .ps-hot-deal .ps-countdown li p { font-family: "Montserrat", sans-serif; font-size: 18px; text-align: center; color: #8d8d8d; text-transform: uppercase; } .ps-section--sale-off .ps-hot-deal .ps-countdown li.divider, .ps-section--sale-off .ps-hot-deal .ps-countdown li span { vertical-align: top; font-family: "Archivo Narrow", sans-serif; font-size: 90px; text-align: left; text-transform: uppercase; color: rgba(0, 0, 0, 0.8); line-height: 1em; } @media (max-width: 1199px) { .ps-section--sale-off .ps-hot-deal .ps-hot-deal__price { font-size: 20px; } .ps-section--sale-off .ps-hot-deal .ps-hot-deal__price span { font-size: 24px; } .ps-section--sale-off .ps-hot-deal .ps-countdown li { font-size: 20px; margin-right: 10px; } .ps-section--sale-off .ps-hot-deal .ps-countdown li span { font-size: 40px; } .ps-section--sale-off .ps-hot-deal .ps-countdown li.divider { font-size: 40px; } } @media (max-width: 991px) { .ps-section--sale-off .ps-hot-deal { margin-bottom: 100px; } .ps-section--sale-off .ps-hotspot { margin: 0 auto; max-width: 600px; } } @media (max-width: 479px) { .ps-section--sale-off .ps-hot-deal h3 { font-size: 30px; } .ps-section--sale-off .ps-hot-deal .ps-countdown li { font-size: 15px; } .ps-section--sale-off .ps-hot-deal .ps-countdown li span { font-size: 15px; } .ps-section--sale-off .ps-hot-deal .ps-countdown li p { font-size: 15px; } .ps-section--sale-off .ps-hot-deal .ps-countdown li.divider { font-size: 15px; } } .ps-section--offer { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ps-section--offer .ps-column { position: relative; width: 50%; overflow: hidden; } @media (max-width: 991px) { .ps-section--offer .ps-column { width: 100%; } } .ps-section--features-product{ background-color: #fffbeb; } .ps-section--features-product .ps-masonry__filter { float: right; } .ps-section--features-product .ps-masonry__filter li { display: inline-block; margin-right: 50px; } .ps-section--features-product .ps-masonry__filter li > a { font-family: "Archivo Narrow", sans-serif; font-size: 16px; font-weight: 700; color: #8d8d8d; text-transform: uppercase; } .ps-section--features-product .ps-masonry__filter li > a sup { font-family: "Montserrat", sans-serif; font-size: 10px; font-weight: 500; color: #5b5b5b; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-section--features-product .ps-masonry__filter li > a:hover { color: #2AC37D; } .ps-section--features-product .ps-masonry__filter li:last-child { margin-right: 0; } .ps-section--features-product .ps-masonry__filter li.current > a { color: #2AC37D; } .ps-section--features-product .ps-masonry__filter li.current > a sup { visibility: visible; opacity: 1; } @media (max-width: 767px) { .ps-section--features-product .ps-masonry__filter { float: none; } .ps-section--features-product .ps-masonry__filter li { margin-right: 15px; } .ps-section--features-product .ps-masonry__filter li a { font-size: 12px; } } .ps-owl-root .ps-owl-actions { margin-top: 20px; text-align: center; } .ps-owl-root .ps-owl-actions a { display: inline-block; font-family: "Archivo Narrow", sans-serif; font-size: 16px; font-weight: 700; color: #8d8d8d; text-transform: uppercase; } .ps-owl-root .ps-owl-actions a i { line-height: 1em; vertical-align: middle; } .ps-owl-root .ps-owl-actions a:hover { color: #2AC37D; } .ps-owl-root .ps-owl-actions .ps-prev { margin-right: 55px; } .ps-owl-root .ps-owl-actions .ps-prev i { margin-right: 20px; } .ps-owl-root .ps-owl-actions .ps-next { margin-right: 10px; } .ps-owl-root .ps-owl-actions .ps-prev-s { margin-right: 55px; } .ps-owl-root .ps-owl-actions .ps-prev-s i { margin-right: 20px; } .ps-owl-root .ps-owl-actions .ps-next-s { margin-right: 10px; } /*.ps-owl-root .ps-owl-actions .ps-next i { margin-left: 20px; }*/ @media (max-width: 991px) { .ps-owl-root .ps-owl-actions { margin-top: 0; text-align: left; } } .ps-mission { position: relative; z-index: 10; /*text-align: center;*/ padding: 140px 0; } .ps-mission:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; z-index: -1; /*background-color: rgba(0, 0, 0, 0.75); */ } .ps-mission h3 { padding-left: 27%; margin-bottom: 30px; font-family: "Archivo Narrow", sans-serif; font-size: 28px; color: white; text-transform: bold; } .ps-mission h2 { padding-left: 27%; font-family: "Archivo Narrow", sans-serif; font-size: 28px; line-height: 1.1em; text-transform: uppercase; color: #fff; } @media (max-width: 991px) { .ps-mission h3 { font-size: 25px; } .ps-mission h2 { font-size: 40px; } } @media (max-width: 767px) { .ps-mission h3 { margin-bottom: 15px; font-size: 20px; } .ps-mission h2 { font-size: 25px; line-height: 1.3em; } } @media (max-width: 479px) { .ps-mission h3 { font-size: 14px; } .ps-mission h2 { font-size: 18px; line-height: 1.5em; } } .ps-features { background-color: #f0f0f0; } .ps-section--hotdeal-3 { display: block !important; } /*3.COMPONENTS*/ .sub-menu { min-width: 250px; position: absolute; top: 100%; left: 0; z-index: 1000; border-top: 1px solid #eee; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } .sub-menu > li { display: block; margin-right: 0; width: 100%; text-align: left; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .sub-menu > li > a { position: relative; z-index: 10; font-family: "Archivo Narrow", sans-serif; display: block; padding: 10px 15px; font-size: 13px; color: #1d1d1d; font-weight: 600; text-transform: uppercase; background-color: #fff; border-bottom: 1px solid #eee; -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); } .sub-menu > li > a:hover { color: #fff; padding-left: 20px; background-color: #2AC37D; } .sub-menu > li:last-child > a { border-bottom: none; } .sub-menu > li.menu-item-has-children { position: relative; } .sub-menu > li.menu-item-has-children > .sub-menu { display: block; position: absolute; top: 0; left: auto; right: 100%; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); z-index: 1000; visibility: hidden; opacity: 0; } .sub-menu > li.menu-item-has-children:hover > .sub-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } @media (max-width: 1199px) { .sub-menu { min-width: 0; } } .mega-menu { position: absolute; top: 100%; left: 0; top: 100%; width: 100%; z-index: 10000; background-color: #fff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); visibility: hidden; opacity: 0; border-top: 1px solid #d8d8d8; } .mega-menu .mega-wrap { max-width: 1440px; margin: 0 auto; padding: 35px 30px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; flex-flow: row nowrap; text-align: left; } .mega-menu .mega-heading { margin-bottom: 15px; font-family: "Archivo Narrow", sans-serif; font-size: 16px; font-weight: 700; line-height: 1.8em; color: #1d1d1d; text-transform: uppercase; } .mega-menu .mega-column { width: 20%; padding: 0 30px; border-right: 1px solid #d8d8d8; } .mega-menu .mega-column:last-child { border-right: 0; } .mega-menu .mega-item a { display: block; padding: 5px 0; position: relative; font-family: "Montserrat", sans-serif; font-size: 14px; color: #1d1d1d; font-weight: 400; } .mega-menu .mega-item a:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; content: ''; width: 0; height: 1px; background-color: #2AC37D; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .mega-menu .mega-item a:hover { padding-left: 25px; color: #2AC37D; } .mega-menu .mega-item a:hover:before { width: 20px; } .mega-menu .mega-item.mega-features li { margin-bottom: 0; } .mega-menu .mega-item.mega-features a { font-family: "Archivo Narrow", sans-serif; font-size: 16px; font-weight: 700; line-height: 1.8em; color: #1d1d1d; /*color: white!important;*/ text-transform: uppercase; } .mega-menu .mega-item.mega-features a:hover { color: #2AC37D; } @media (max-width: 1199px) { .mega-menu { position: relative; top: 0; left: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease; visibility: visible; opacity: 1; display: none; } .mega-menu .mega-wrap { -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 15px; border-top: 1px solid #eee; } .mega-menu .mega-column { width: 100%; margin-bottom: 15px; padding: 0 0 15px; border-right: none; border-bottom: 1px solid #eee; } .mega-menu .mega-column:last-child { border-bottom: none; padding-bottom: 0; } .mega-menu .mega-item li a { font-size: 13px; } .mega-menu .mega-item.mega-features li > a { font-size: 13px; } } .menu { display: inline-block; vertical-align: top; } .menu::after { clear: both; content: ""; display: table; } .menu > li { display: inline-block; float: left; margin-right: 10px; } .menu > li > a { position: relative; z-index: 10; display: inline-block; font-family: "Archivo Narrow", sans-serif; padding: 5px 20px; font-size: 16px; font-weight: 450; line-height: 45px; /*text-transform: uppercase;*/ color: black; } .menu > li > a:active { color: rgb(234 142 26 ); /*background-color: blue;*/ } .menu > li > a:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 30px; width: 100%; background-color:#b7110f; z-index: -1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5); -moz-transform: translate(-50%, -50%) scale(0.5, 0.5); -ms-transform: translate(-50%, -50%) scale(0.5, 0.5); -o-transform: translate(-50%, -50%) scale(0.5, 0.5); transform: translate(-50%, -50%) scale(0.5, 0.5); visibility: hidden; opacity: 0; } .menu > li > a:hover { /*color: #fff; */ color: rgb(234 142 26 ); } /* .menu > li > a:hover:before { visibility: visible; opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1, 1); -moz-transform: translate(-50%, -50%) scale(1, 1); -ms-transform: translate(-50%, -50%) scale(1, 1); -o-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); }*/ .menu > li > .sub-menu { visibility: hidden; opacity: 0; } .menu > li.has-mega-menu { position: static; } .menu > li.dropdown { position: relative; } .menu > li.dropdown:hover > .sub-menu { visibility: visible; opacity: 1; } .menu > li.dropdown:hover > .sub-menu li:nth-child(1) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .menu > li.dropdown:hover > .sub-menu li:nth-child(2) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .menu > li.dropdown:hover > .sub-menu li:nth-child(3) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .menu > li.dropdown:hover > .sub-menu li:nth-child(4) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .menu > li.dropdown:hover > .sub-menu li:nth-child(5) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .menu > li.dropdown:hover > .sub-menu li:nth-child(6) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .menu > li.dropdown:hover > .sub-menu li:nth-child(7) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .menu > li.dropdown:hover > .sub-menu li:nth-child(8) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .menu > li.dropdown:hover > .sub-menu li:nth-child(9) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .menu > li.dropdown:hover > .sub-menu li:nth-child(10) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .menu > li.dropdown:hover > .sub-menu li:nth-child(11) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .menu > li.dropdown:hover > .sub-menu li:nth-child(12) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .menu > li.dropdown:hover > .sub-menu li:nth-child(13) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .menu > li.dropdown:hover > .sub-menu li:nth-child(14) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .menu > li.dropdown:hover > .sub-menu li:nth-child(15) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .menu > li.current-menu-item > a { color: #fff; } .menu > li.current-menu-item > a:before { visibility: visible; opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1, 1); -moz-transform: translate(-50%, -50%) scale(1, 1); -ms-transform: translate(-50%, -50%) scale(1, 1); -o-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); } .menu > li:hover > .sub-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .menu > li:hover .mega-menu { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } @media (max-width: 1199px) { .menu { display: block; } .menu > li { display: block; float: none; width: 100%; border-bottom: 1px solid #eee; } .menu > li > a { display: block; line-height: 30px; font-weight: 600; font-size: 13px; } .menu > li > a:before { display: none; } .menu > li:hover > a, .menu > li.current > a { background-color: #e5e5e5; color: #303030; } .menu > li.menu-item-has-children > a:after { content: "\f107"; font-family: FontAwesome; display: inline-block; position: absolute; /*color: black;*/ top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 10px; } .menu .sub-menu { padding: 0; position: relative; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease; } .menu .sub-menu > li { border-bottom: 1px solid #eee; } .menu .sub-menu > li > a { padding: 10px 15px; } .menu .sub-menu > li:last-child { border-bottom: 0; } .menu .sub-menu > li.menu-item-has-children > .sub-menu { position: relative; top: 0; left: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .menu .sub-menu > li.menu-item-has-children > .sub-menu li a { padding-left: 30px; } } .navigation { position: relative; color: #fff; } .navigation .navigation__column { float: left; } .navigation .navigation__column.left { width: 20%; } /*.navigation .navigation__column.center { width: 70%; }*/ .navigation .navigation__column.right { width: 25%; } .navigation .center { text-align: center; } .navigation .navigation__column.right { text-align: right; margin-top: 10px; } .navigation .navigation__column.right .ps-cart__toggle { top: 15px; } .navigation .navigation__column.right .header-search { top: 25px; } .navigation .header-search { vertical-align: top; display: inline-block; margin-right: 15px; } /* .header-search{ display: inline-block; }*/ @media (max-width: 1199px) { .navigation .navigation__column { width: 100%; } .navigation .navigation__column.left { width: 10%; } /*.navigation .navigation__column.center { width: 0; }*/ .navigation .navigation__column.right { width: 50%; } } @media (max-width: 991px) { .navigation .navigation__column { width: 100%; } .navigation .navigation__column.left { width: 10%; } /*.navigation .navigation__column.center { width: 0; } */ .navigation .navigation__column.right { width: 65%; } } @media (max-width: 767px) { .navigation .navigation__column { width: 100%; } /*.navigation .navigation__column.left { width: 30%; }*/ .navigation .navigation__column.right { width: 90%; margin-bottom: 25px; } } .ps-subscribe { padding: 35px 0; background-color: #333; } .ps-subscribe h3 { font-family: "Archivo Narrow", sans-serif; font-weight: 400; font-size: 20px; text-transform: uppercase; color: #fff; letter-spacing: .05em; line-height: 50px; } .ps-subscribe h3 i { margin-right: 10px; } .ps-subscribe p { text-align: right; margin-top: 10px; margin-bottom: 0; font-size: 14px; color: #fff; } .ps-subscribe p span { color: #2AC37D; font-size: 24px; font-style: italic; } .ps-subscribe__form { position: relative; } .ps-subscribe__form input.form-control { padding: 0 30px; height: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; background-color: #fff; border: none; color: #000; } .ps-subscribe__form button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 5px; height: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; border: none; padding: 0 40px; font-family: "Archivo Narrow", sans-serif; font-weight: 400; font-size: 16px; text-transform: uppercase; letter-spacing: .05em; background-color: #f48003; color: #fff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-subscribe__form button:hover { background-color: #50CF96; } @media (max-width: 1600px) { .ps-subscribe h3 { /*margin-bottom: 15px;*/ font-size: 16px; } } @media (max-width: 1199px) { .ps-subscribe { text-align: center; } .ps-subscribe p { text-align: center; } } @media (max-width: 991px) { .ps-subscribe .ps-subscribe__form { margin-bottom: 15px; } } .ps-cart { line-height: 0px; position: relative; display: inline-block; } .ps-cart__toggle { position: relative; display: inline-block; width: 30px; height: 30px; background-color: rgb(246 246 246 ); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-cart__toggle i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 20px; color: #000; } .ps-cart__toggle span { position: absolute; top: -5px; right: -5px; width: 20px; height: 20px; font-size: 10px; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #2AC37D; } .ps-cart__toggle span i { font-size: 10px; font-style: normal; } .ps-cart__toggle:hover { background-color: #2AC37D; } .ps-cart__listing { position: absolute; top: 100%; right: 0; width: 300px; /*line-height: 50px;*/ /*color: white;*/ background-color: #313645; z-index: 1000; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2); visibility: hidden; opacity: 0; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } .ps-cart__content { padding-top: 10px; } .ps-cart__total { border-top: 1px solid #525a71; padding: 15px; } .ps-cart__total p { text-align: left; font-family: "Montserrat", sans-serif; font-size: 16px; color: #fff; } .ps-cart__total p span { float: right; font-weight: 600; letter-spacing: .05em; } .ps-cart .ps-cart__footer { line-height: 1em; } .ps-cart .ps-cart__footer a.ps-btn { width: 100%; font-weight: 700; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .ps-cart .ps-cart__footer a.ps-btn i { position: relative; top: 2px; font-size: inherit; } .ps-cart .ps-cart__footer a.ps-btn:before { display: none; } .ps-cart:hover .ps-cart__listing { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } @media (max-width: 1400px) { .ps-cart { position: relative; } .ps-cart .ps-cart__listing { left: auto; right: 0; -webkit-transform: translate(0, 30px); -moz-transform: translate(0, 30px); -ms-transform: translate(0, 30px); -o-transform: translate(0, 30px); transform: translate(0, 30px); } .ps-cart .ps-cart__listing:before { display: none; } .ps-cart:hover .ps-cart__listing { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @media (max-width: 479px) { .ps-cart .ps-cart__listing { width: 300px; right: -55px; } } .ps-cart-item { padding: 15px 10px; position: relative; border-bottom: 1px solid #525a71; } .ps-cart-item::after { clear: both; content: ""; display: table; } .ps-cart-item__thumbnail { display: block; position: relative; float: left; width: 60px; height: 60px; overflow: hidden; } .ps-cart-item__thumbnail > img { vertical-align: top; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-cart-item__thumbnail > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .ps-cart-item__thumbnail:hover > img { -webkit-transform: rodtatscale(1.2, 1.2); -moz-transform: rodtatscale(1.2, 1.2); -ms-transform: rodtatscale(1.2, 1.2); -o-transform: rodtatscale(1.2, 1.2); transform: rodtatscale(1.2, 1.2); } .ps-cart-item__thumbnail:hover > a { background-color: rgba(42, 195, 125, 0.5); } .ps-cart-item__title { display: block; margin-bottom: 10px; font-family: "Archivo Narrow", sans-serif; font-size: 16px; /*line-height: 1.5em;*/ text-align: left; color: #fff!important; } .ps-cart-item__title:hover { color: #2AC37D; } .ps-cart-item__content { float: left; width: calc(100% - 60px); padding-left: 15px; } .ps-cart-item__content p { font-family: "Montserrat", sans-serif; font-size: 14px; /*line-height: 1.43;*/ color: #fff; } .ps-cart-item__content p span { margin-right: 25px; color: #fff !important; } .ps-cart-item__content p i { font-style: normal; color: #fff; margin-left: 8px; } .ps-cart-item .ps-cart-item__close { display: block; position: absolute; top: 18px; right: 15px; width: 16px; height: 20px; background-color: #999; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; z-index: 1000; } .ps-cart-item .ps-cart-item__close:before, .ps-cart-item .ps-cart-item__close:after { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 1px; background-color: #fff; -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .ps-cart-item .ps-cart-item__close:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .ps-cart-item .ps-cart-item__close:hover { background-color: #2AC37D; } .ps-cart-item:last-child { border-bottom: none; } .ps-checkout .ps-checkout__billing { padding-right: 100px; } .ps-checkout .ps-checkout__billing > h3 { margin-bottom: 30px; font-family: "Archivo Narrow", sans-serif; font-size: 30px; font-weight: 700; line-height: 0.7em; color: #000; text-transform: uppercase; } .ps-checkout .ps-checkout__billing .form-group { margin-bottom: 20px; } .ps-checkout table.ps-checkout__products > thead > tr > th { color: #fff; text-transform: uppercase; font-size: 16px; border-bottom: none; font-weight: 600; } .ps-checkout table.ps-checkout__products > thead > tr > th:last-child { text-align: right; } .ps-checkout table.ps-checkout__products > tbody > tr > td { border-bottom: none; font-family: "Montserrat", sans-serif; font-size: 14px; color: #fff; border-top: none; } .ps-checkout table.ps-checkout__products > tbody > tr > td:last-child { text-align: right; } .ps-checkout .ps-checkout__block { margin-bottom: 10px; padding: 20px; border-bottom: 1px solid #4d4d4d; } .ps-checkout .ps-checkout__block .ps-radio label { color: #fff; } .ps-checkout .ps-checkout__block .ps-btn:before { background-color: rgba(255, 255, 255, 0.2); } @media (max-width: 1199px) { .ps-checkout .ps-checkout__billing { padding-right: 0; } } .ps-checkout__order { margin-bottom: 30px; background-color: #000000; } .ps-checkout__order h3 { margin-bottom: 0; font-family: "Archivo Narrow", sans-serif; font-size: 20px; line-height: 1.8; color: #ffffff; text-transform: uppercase; } .ps-checkout__order .ps-radio label { color: #fff; } .ps-checkout__order > header { margin-bottom: 10px; padding: 20px 30px; border-bottom: 1px solid #4d4d4d; } .ps-checkout__order .content { padding: 0 30px 20px; } .ps-checkout__order > footer > h3 { padding: 10px 30px; } .ps-checkout__order > footer .cheque { padding: 20px 30px; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; } .ps-checkout__order > footer .cheque p { color: #fff; font-size: 12px; } .ps-checkout__order > footer .paypal { padding: 10px 30px; } .ps-checkout__order > footer .paypal .ps-btn { margin-top: 40px; margin-bottom: 15px; } .ps-payment-method { display: inline-block; } .ps-payment-method li { display: inline-block; margin-right: 5px; background-color: #fff; } .ps-payment-method li img { max-width: 50px; } .ps-shipping { padding: 20px 30px; border: 1px solid #e5e5e5; } .ps-shipping > h3 { margin-bottom: 15px; font-family: "Archivo Narrow", sans-serif; font-size: 20px; font-weight: 700; line-height: 1em; color: #5b5b5b; } .ps-shipping a { color: #2AC37D; text-decoration: underline; } .ps-cart-listing .ps-cart__table thead > tr > th { font-family: "Archivo Narrow", sans-serif; font-size: 18px; font-weight: 700; color: #515356; text-transform: uppercase; border-bottom: 1px solid #e5e5e5; } .ps-cart-listing .ps-cart__table tbody > tr > td { vertical-align: top; padding: 30px 10px; } .ps-cart-listing .ps-cart__actions { padding-top: 55px; border-top: solid 1px #e5e5e5; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; flex-flow: row nowrap; } .ps-cart-listing .ps-cart__actions .ps-cart__promotion { min-width: calc(100% - 350px); width: calc(100% - 350px); } .ps-cart-listing .ps-cart__actions .ps-cart__promotion .form-group { max-width: 290px; } .ps-cart-listing .ps-cart__actions .ps-cart__promotion .form-control { margin-bottom: 20px; height: 45px; border-color: #d9d9d9; background-color: #fff; -webkit-border-radius: 45px; -moz-border-radius: 45px; -ms-border-radius: 45px; border-radius: 45px; } .ps-cart-listing .ps-cart__actions .ps-cart__promotion .ps-btn { width: 100%; } .ps-cart-listing .ps-cart__actions .ps-cart__total { border-top: none; } .ps-cart-listing .ps-cart__actions .ps-cart__total h3 { margin-bottom: 20px; font-size: 14px; font-weight: 500; color: #515356; text-transform: uppercase; vertical-align: middle; line-height: 30px; } .ps-cart-listing .ps-cart__actions .ps-cart__total h3 span { float: right; font-size: 24px; color: #8d8d8d; vertical-align: middle; } @media (max-width: 991px) { .ps-cart-listing .ps-cart__table { display: block; width: 100%; overflow-y: hidden; overflow-x: auto; } .ps-cart-listing .ps-cart__table tbody > tr > td:first-child { min-width: 300px; } .ps-cart-listing .ps-cart__table tbody > tr > td:nth-child(3) { min-width: 300px; } } @media (max-width: 767px) { .ps-cart-listing .ps-cart__actions { display: block; } .ps-cart-listing .ps-cart__actions::after { clear: both; content: ""; display: table; } .ps-cart-listing .ps-cart__actions .ps-cart__promotion { width: 100%; min-width: 0; max-width: 400px; } .ps-cart-listing .ps-cart__actions .ps-cart__promotion .form-group { max-width: 100%; } .ps-cart-listing .ps-cart__promotion, .ps-cart-listing .ps-cart__total { width: 100%; min-width: 0; max-width: 400px; float: right; } .ps-cart-listing .ps-cart__promotion .ps-btn, .ps-cart-listing .ps-cart__total .ps-btn { width: 100%; text-align: center; } } .header-search { position: relative; width: 100%; /*border:1px solid grey;*/ max-width: 500px; } .header-search > input { padding: 0 20px; border: none; border:1px solid rgb(241 241 241) ; /*width: 100%;*/ height: 40px; background-color: #fff; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; font-size: 13px; color: #767779; } .header-search > input::-webkit-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 13px; color: #adadad; } .header-search > input::-moz-placeholder { font-family: "Montserrat", sans-serif; font-size: 13px; color: #adadad; } .header-search > input:-moz-placeholder { font-family: "Montserrat", sans-serif; font-size: 13px; color: #adadad; } .header-search > input:-ms-input-placeholder { font-family: "Montserrat", sans-serif; font-size: 13px; color: #adadad; } .header-search > button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 15px; color: #000; font-size: 15px; border: none; background-color: transparent; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .header-search > button:hover { color: #2AC37D; } @media (max-width: 1440px) { .header-search { max-width: 500px; } } @media (max-width: 991px) { .header-search { max-width: 400px; } } .ps-contact #contact-map { margin-bottom: 80px; height: 560px; } .ps-contact .ps-contact__form label { font-weight: 400; font-size: 14px; color: #000; text-transform: uppercase; } .ps-contact__block { margin-bottom: 30px; padding: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background-color: #f3f3f3; } .ps-contact__block > header { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #c4c4c4; } .ps-contact__block > header > h3 { font-family: "Montserrat", sans-serif; font-size: 24px; font-weight: 600; color: #000; text-transform: uppercase; } .ps-contact__block > header > h3 span { margin-left: 15px; font-size: 14px; font-style: italic; color: #8d8d8d; text-transform: none; } .ps-contact__block > footer p { margin-bottom: 15px; position: relative; padding-left: 35px; font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 25px; color: #1d1d1d; } .ps-contact__block > footer p i { position: absolute; top: 0; left: 0; width: 25px; height: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #b9b9b9; } .ps-contact__block > footer p i:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 12px; color: #fff; } .ps-contact__block > footer p a { color: #2AC37D; } .ps-contact__block > footer p a:hover { color: #1d1d1d; } .ps-contact--2 #contact-map { height: 600px; margin-bottom: 0; } /*4. MODULES*/ .header__actions { float: right; } .header__actions > a, .header__actions .ps-dropdown > a { display: inline-block; padding: 0 15px; font-family: "Archivo Narrow", sans-serif; font-size: 13px; text-align: center; color: #8d8d8d; text-transform: uppercase; line-height: 40px; border-left: 1px solid #e5e5e5; vertical-align: top; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .header__actions > a > i, .header__actions .ps-dropdown > a > i { margin-left: 5px; } .header__actions > a:hover, .header__actions .ps-dropdown > a:hover { background-color: #e5e5e5; color: #2AC37D; } .header__actions > a { margin-right: -4px; } .header__actions .ps-dropdown { margin-right: -4px; } .header__actions .ps-dropdown.open a.dropdown-toggle { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; background-color: #e5e5e5; color: #2AC37D; } .header__actions .ps-dropdown .dropdown-menu { padding: 0; right: 0; left: auto; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: none; } .header__actions .ps-dropdown .dropdown-menu li a { padding: 9px 20px; display: block; line-height: 20px; border-bottom: 1px solid #e5e5e5; font-size: 13px; color: #8d8d8d; text-transform: uppercase; } .header__actions .ps-dropdown .dropdown-menu li a img { max-width: 20px; border: 1px solid #eee; margin-right: 10px; } .header__actions .ps-dropdown .dropdown-menu li a:hover { background-color: #2AC37D; color: #fff; } .header__actions .ps-dropdown .dropdown-menu li:last-child { border-bottom: none; } .header__actions .ps-dropdown:last-child > a { border-right: 1px solid #e5e5e5; } @media (max-width: 479px) { .header__actions > a, .header__actions .ps-dropdown > a { font-size: 12px; } } .header { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .header .ps-logo { padding-top: 15px; display: inline-block; max-width: 250px; line-height: 55px; } .header .header__top { border-bottom: 1px solid #e5e5e5; } .header .header__top p { margin-bottom: 0; font-family: "Montserrat", sans-serif; font-size: 13px; text-align: left; color: #fff; /*line-height: 40px; */ } @media (max-width: 1199px) { .header { position: relative; } .header .navigation { padding: 0; min-height: 50px; background-color: #fff; } .header .menu-toggle { display: inline-block; float: right; } } @media (max-width: 991px) { .header .header__top p { display: none; } .header .ps-logo { max-width: 250px; } } @media (max-width: 767px) { .header .header-search { max-width: 200px; } } .header--sidebar { position: fixed; top: 0; right: 0; width: 240px; height: 100%; z-index: 10000; background-color: #b7110f; overflow-y: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .header--sidebar.active { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } @media (max-width: 479px) { .header--sidebar .header-search { padding: 15px 0; } .header--sidebar .header-search input { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } } .header-services { background-color: #eee; height: 50px; overflow: hidden; } .menu--active { -webkit-transform: translateX(-240px); -moz-transform: translateX(-240px); -ms-transform: translateX(-240px); -o-transform: translateX(-240px); transform: translateX(-240px); } .menu--active .header--sidebar { overflow-y: auto; } .menu--active.navigation--pin { -webkit-transform: translate(-240px, 0); -moz-transform: translate(-240px, 0); -ms-transform: translate(-240px, 0); -o-transform: translate(-240px, 0); transform: translate(-240px, 0); } .menu--active.navigation--unpin { -webkit-transform: translate(-240px, -100%); -moz-transform: translate(-240px, -100%); -ms-transform: translate(-240px, -100%); -o-transform: translate(-240px, -100%); transform: translate(-240px, -100%); } .navigation--sticky { position: fixed; border-bottom: 1px solid #e5e5e5; top: 0; left: 0; width: 100%; z-index: 100000; transition: all 0.4s ease; } .navigation--sticky .navigation { background-color: #fff; } @media (max-width: 1199px) { .navigation--sticky { background-color: #000 !important; } .navigation--sticky .menu-toggle span, .navigation--sticky .menu-toggle:before, .navigation--sticky .menu-toggle:after { background-color: #fff; } .navigation--sticky.header--2 .ps-logo { margin-top: 5px; } } .navigation--pin { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .navigation--unpin { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .ps-services { position: relative; max-width: 780px; padding: 0 30px; margin: 0 auto; } .ps-services .owl-nav { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 100%; height: 0; height: 0; } .ps-services .owl-nav::after { clear: both; content: ""; display: table; } .ps-services .owl-next, .ps-services .owl-prev { display: inline-block; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .ps-services .owl-next { float: right; } .ps-services .ps-service { margin-bottom: 0; text-align: center; font-size: 14px; color: #5b5b5b; vertical-align: middle; line-height: 50px; } .ps-services .ps-service i { margin-right: 20px; display: inline-block; font-size: 40px; line-height: 50px; color: #2AC37D; vertical-align: middle; } .ps-services .ps-service strong { text-transform: uppercase; } @media (max-width: 1199px) { .ps-services { max-width: 100%; padding: 0 30px; } .ps-services .owl-prev { margin-left: 10px; } .ps-services .owl-next { margin-right: 10px; } } @media (max-width: 767px) { .ps-services .ps-service { max-height: 50px; overlow-y: hidden; font-size: 12px; } } .ps-footer { position: relative; } .ps-footer:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0, 0, 0, 0.85); /*background-color: #789504;*/ z-index: 0; } .ps-footer__content { padding: 50px 0; } .ps-footer__copyright { padding: 40px 0; border-top: 1px solid #b3b3b3; background-color: #333; } .ps-footer__copyright p { margin-bottom: 0; font-family: "Archivo Narrow", sans-serif; font-size: 16px; font-weight: 400; color: #999999; line-height: 25px; letter-spacing: .05em; } .ps-footer__copyright p a { font-family: inherit; font-weight: 700; color: #f0b328; } .ps-footer__copyright .ps-social { text-align: right; } @media (max-width: 991px) { .ps-footer__content { padding-bottom: 10px; } } @media (max-width: 767px) { .ps-footer__copyright { text-align: left; } .ps-footer__copyright p { margin-bottom: 15px; } .ps-footer__copyright .ps-social { display: inline-block; } } .ps-products::after { clear: both; content: ""; display: table; } .ps-product-action { margin-bottom: 40px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; flex-flow: row nowrap; } .ps-product-action .ps-product__filter { width: 220px; } .ps-product-action .ps-pagination { display: block; width: 100%; text-align: right; } @media (max-width: 767px) { .ps-product-action { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap; } .ps-product-action .ps-product__filter { margin-bottom: 10px; width: 100%; } .ps-product-action .ps-product__filter .ps-select { width: 100% !important; } .ps-product-action .ps-product__filter .ps-select button { width: 100%; } .ps-product-action .ps-pagination { width: 100%; } } .ps-product__columns { padding-bottom: 80px; margin: 0 -15px; } .ps-product__columns::after { clear: both; content: ""; display: table; } .ps-product__columns .ps-product__column { float: left; width: 20%; padding: 0 15px; } @media (max-width: 1600px) { .ps-product__columns .ps-product__column { width: 25%; } } @media (max-width: 1399px) { .ps-product__columns .ps-product__column { width: 33.333333333%; } } @media (max-width: 767px) { .ps-product__columns .ps-product__column { width: 50%; } } @media (max-width: 569px) { .ps-product__columns .ps-product__column { width: 100%; } } .ps-product--detail::after { clear: both; content: ""; display: table; } .ps-product--detail .ps-product__thumbnail { -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; flex-flow: row nowrap; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; float: left; width: calc(100% - 444px); } .ps-product--detail .ps-product__thumbnail--mobile { margin-bottom: 50px; display: none; } .ps-product--detail .ps-product__thumbnail--mobile .ps-product__main-img { margin: 0 auto 30px; max-width: 650px; } .ps-product--detail .ps-product__thumbnail--mobile .ps-product__main-img img { width: 100%; } .ps-product--detail .ps-product__thumbnail--mobile .ps-product__preview { display: block; margin: 0 auto; width: 100%; max-width: 500px; padding: 0 35px; } .ps-product--detail .ps-product__thumbnail--mobile .ps-product__preview .owl-nav { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; height: 0; } .ps-product--detail .ps-product__thumbnail--mobile .ps-product__preview .owl-prev, .ps-product--detail .ps-product__thumbnail--mobile .ps-product__preview .owl-next { display: inline-block; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .ps-product--detail .ps-product__thumbnail--mobile .ps-product__preview .owl-prev i, .ps-product--detail .ps-product__thumbnail--mobile .ps-product__preview .owl-next i { color: #111; font-size: 25px; } .ps-product--detail .ps-product__thumbnail--mobile .ps-product__preview .owl-next { float: right; } .ps-product--detail .ps-product__info { min-width: 444px; width: 444px; float: left; padding-left: 30px; } .ps-product--detail .ps-product__info h1 { font-family: "Archivo Narrow", sans-serif; font-size: 30px; font-weight: 700; color: #313131; text-transform: uppercase; } .ps-product--detail .ps-product__shopping .ps-product__actions { display: inline-block; margin-left: 10px; vertical-align: top; } .ps-product--detail .ps-product__shopping .ps-product__actions a { position: relative; display: inline-block; width: 55px; height: 55px; background-color: #999999; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-product--detail .ps-product__shopping .ps-product__actions a i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 22px; color: #fff; } .ps-product--detail .ps-product__shopping .ps-product__actions a:hover { background-color: #2AC37D; } .ps-product--detail .ps-product__preview { min-width: 106px; width: 106px; padding-right: 20px; } .ps-product--detail .ps-product__preview .item { margin: 10px; border: 3px solid #e5e5e5; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-product--detail .ps-product__preview .item:hover { border-color: #8d8d8d; } .ps-product--detail .ps-product__preview .item:focus { outline: none; } .ps-product--detail .ps-product__preview .item.slick-current { border-color: #8d8d8d; } .ps-product--detail .ps-product__image { width: calc(100% - 106px); } .ps-product--detail .ps-product__image img { max-width: 100%; } .ps-product--detail .ps-product__video { position: relative; margin: 10px; display: inline-block; border: 3px solid #e5e5e5; } .ps-product--detail .ps-product__video i { display: inline-block; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: rgba(255, 255, 255, 0.8); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-product--detail .ps-product__video i:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #111; } .ps-product--detail .ps-product__video img { max-width: 60px; } .ps-product--detail .ps-product__video:hover i { background-color: rgba(42, 195, 125, 0.8); } .ps-product--detail .ps-product__video:hover i:before { color: #fff; } .ps-product--detail .ps-product__rating::after { clear: both; content: ""; display: table; } .ps-product--detail .ps-product__rating .br-wrapper { display: inline-block; float: left; } .ps-product--detail .ps-product__rating .br-widget > a { font-size: 20px !important; } .ps-product--detail .ps-product__rating > a { float: right; font-family: "Montserrat", sans-serif; font-size: 14px; font-style: italic; color: #8d8d8d; } .ps-product--detail .ps-product__rating > a:hover { color: #2AC37D; } .ps-product--detail .ps-product__catefory a { font-family: "Montserrat", sans-serif; font-size: 14px; text-align: left; color: #8d8d8d; } .ps-product--detail .ps-product__catefory a:hover { color: #2AC37D; } .ps-product--detail .ps-product__price { margin-bottom: 15px; font-family: "Archivo Narrow", sans-serif; font-size: 30px; color: #000; } .ps-product--detail .ps-product__price del { margin-left: 5px; font-size: 24px; color: #bcbcbc; } .ps-product--detail .ps-product__block { margin-bottom: 20px; } .ps-product--detail .ps-product__block > h4 { display: block; margin-bottom: 15px; padding-bottom: 10px; font-family: "Archivo Narrow", sans-serif; font-size: 18px; color: #313131; border-bottom: 1px solid #e5e5e5; } .ps-product--detail .ps-product__block p { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 1.8em; color: #5b5b5b; } .ps-product--detail .ps-product__style ul li { display: inline-block; margin-right: 10px; } .ps-product--detail .ps-product__style ul li a { display: inline-block; width: 60px; border: 3px solid #e5e5e5; } .ps-product--detail .ps-product__style ul li a:hover { border-color: #2AC37D; } .ps-product--detail .ps-product__size > h4 a { float: right; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 14px; font-style: italic; color: #000000; text-decoration: underline; } .ps-product--detail .ps-product__size > h4 a:hover { color: #2AC37D; } .ps-product--detail .ps-product__size .ps-select { display: inline-block; } .ps-product--detail .ps-product__size .form-group { display: inline-block; max-width: 120px; } .ps-product--detail .ps-product__content .tab-list { margin-bottom: 20px; text-align: center; border-bottom: 1px solid #e5e5e5; } .ps-product--detail .ps-product__content .tab-list li { display: inline-block; margin-right: 110px; } .ps-product--detail .ps-product__content .tab-list li a { position: relative; display: inline-block; font-family: "Archivo Narrow", sans-serif; font-size: 16px; font-weight: 700; line-height: 1.6em; color: #626262; text-transform: uppercase; } .ps-product--detail .ps-product__content .tab-list li a:before { content: ''; position: absolute; top: 100%; left: 0; width: 0; height: 2px; background-color: #2AC37D; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-product--detail .ps-product__content .tab-list li a:hover { color: #2AC37D; } .ps-product--detail .ps-product__content .tab-list li a:hover:before { width: 100%; } .ps-product--detail .ps-product__content .tab-list li.active a { color: #2AC37D; } .ps-product--detail .ps-product__content .tab-list li.active a:before { width: 100%; } .ps-product--detail .ps-product__review h4 { margin-bottom: 15px; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 1.3em; font-weight: 400; color: #5b5b5b; } .ps-product--detail .ps-product__review .form-group { margin-bottom: 30px; } .ps-product--detail .ps-product__review .form-group label { margin-bottom: 15px; font-weight: 400; font-size: 16px; line-height: 1.3em; color: #5b5b5b; } .ps-product--detail .ps-product__tags { max-width: 400px; } .ps-product--detail .ps-product__tags .form-group { position: relative; } .ps-product--detail .ps-product__tags .form-group button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 5px; padding: 5px 20px; font-weight: 700; letter-spacing: 0; background-color: #5b5b5b; } .ps-product--detail .ps-product__tags .form-group button:before { display: none; } .ps-product--detail .ps-product__tags .form-group button:hover { background-color: #2AC37D; } .ps-product--detail .ps-product__tags .form-group input { height: 45px; -webkit-border-radius: 45px; -moz-border-radius: 45px; -ms-border-radius: 45px; border-radius: 45px; } .ps-product--detail .ps-product__tags .form-group input:focus { border-color: #2AC37D; } .ps-product--detail p { color: #5b5b5b; } @media (max-width: 991px) { .ps-product--detail .ps-product__thumbnail { display: none; } .ps-product--detail .ps-product__thumbnail--mobile { display: block; } .ps-product--detail .ps-product__info { padding-left: 0; min-width: 0; width: 100%; } .ps-product--detail .ps-product__content .tab-list li { margin-right: 15px; } } @media (max-width: 767px) { .ps-product--detail .ps-product__info h1 { font-size: 24px; } .ps-product--detail .ps-product__style ul li { margin-bottom: 10px; } } @media (max-width: 479px) { .ps-product--detail .ps-product__size .btn-group, .ps-product--detail .ps-product__size .form-group { width: 100%; max-width: 100%; } .ps-product--detail .ps-product__size .btn-group { margin-bottom: 10px; width: 100% !important; } .ps-product--detail .ps-product__shopping .ps-btn { margin-bottom: 15px; width: 100%; text-align: center; } .ps-product--detail .ps-product__content .tab-list { text-align: left; } .ps-product--detail .ps-product__content .tab-list li { display: block; } .ps-product--detail .ps-product__content .tab-list li a { display: block; padding: 10px 0; } .ps-product--detail .ps-product__content .tab-list li.active a:before { width: 50px; } } .ps-product--hotdeal { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; flex-flow: row nowrap; } .ps-product--hotdeal .ps-product__thumbnail { position: relative; min-width: 320px; width: 320px; } .ps-product--hotdeal .ps-product__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .ps-product--hotdeal .ps-product__content { width: 100%; padding-left: 30px; } .ps-product--hotdeal .ps-product__content .ps-btn { text-align: center; } .ps-product--hotdeal .ps-product__title { display: block; margin-bottom: 15px; font-family: "Archivo Narrow", sans-serif; font-size: 26px; font-weight: 700; color: #000; } .ps-product--hotdeal .ps-product__price { margin-bottom: 25px; font-family: "Archivo Narrow", sans-serif; font-size: 30px; line-height: 1em; text-align: left; color: rgba(0, 0, 0, 0.8); text-transform: uppercase; } .ps-product--hotdeal .ps-product__price span { margin-left: 10px; font-size: 48px; color: #2AC37D; } .ps-product--hotdeal .ps-product__status { margin-bottom: 10px; } .ps-product--hotdeal .ps-product__status::after { clear: both; content: ""; display: table; } .ps-product--hotdeal .ps-product__status .sold, .ps-product--hotdeal .ps-product__status .avaiable { width: 50%; float: left; font-size: 14px; color: #8d8d8d; } .ps-product--hotdeal .ps-product__status .sold span, .ps-product--hotdeal .ps-product__status .avaiable span { color: #000; font-weight: 700; } .ps-product--hotdeal .ps-product__status .avaiable { text-align: right; } .ps-product--hotdeal .progress { height: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .ps-product--hotdeal .progress .progress-bar { -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; background-color: #e8a859; } .ps-product--hotdeal .ps-countdown { margin-bottom: 40px; } .ps-product--hotdeal .ps-countdown li { display: inline-block; margin-right: 10px; font-family: "Archivo Narrow", sans-serif; font-size: 50px; color: rgba(0, 0, 0, 0.8); vertical-align: top; line-height: 1em; } .ps-product--hotdeal .ps-countdown li p { text-align: center; font-family: "Montserrat", sans-serif; font-size: 14px; color: #8d8d8d; text-transform: uppercase; } .ps-product--hotdeal .ps-countdown li:last-child { margin-right: 0; } @media (max-width: 1600px) { .ps-product--hotdeal { display: block; padding: 30px; } .ps-product--hotdeal .ps-product__thumbnail { width: 100%; min-width: 0; } .ps-product--hotdeal .ps-product__content { padding-left: 0; } } @media (max-width: 1199px) { .ps-product--hotdeal .ps-countdown li { font-size: 30px; } } @media (max-width: 479px) { .ps-product--hotdeal .ps-product__thumbnail { margin-bottom: 30px; } .ps-product--hotdeal .ps-product__title { font-size: 20px; } .ps-product--hotdeal .ps-countdown li { font-size: 24px; line-height: 1.6em; } } .ps-product--hotdeal.reverse { margin-bottom: 30px; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-direction: reverse; box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-direction: row-reverse; } .ps-product--hotdeal.reverse .ps-product__thumbnail { width: 50%; background-color: #f5f5f5; padding: 40px; } .ps-product--hotdeal.reverse .ps-product__content { width: 50%; padding: 25px; background-color: #000; } .ps-product--hotdeal.reverse .ps-product__title { color: #fff; } .ps-product--hotdeal.reverse .ps-product__price { font-size: 20px; color: #888; } .ps-product--hotdeal.reverse .ps-product__price span { font-size: 48px; color: #fff; } .ps-product--hotdeal.reverse .ps-product__status > div { color: #888; } .ps-product--hotdeal.reverse .ps-product__status span { color: #fff; } .ps-product--hotdeal.reverse .ps-countdown { margin-bottom: 30px; } .ps-product--hotdeal.reverse .ps-countdown li { font-size: 35px; text-align: center; color: #fff; } .ps-product--hotdeal.reverse .ps-btn { display: block; text-align: center; width: 100%; margin: 0 auto 28px; } .ps-product--hotdeal.reverse .ps-btn:before { background-color: rgba(255, 255, 255, 0.3); } @media (max-width: 1600px) { .ps-product--hotdeal.reverse { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 0; } .ps-product--hotdeal.reverse .ps-product__thumbnail { width: 50%; } .ps-product--hotdeal.reverse .ps-product__content { width: 50%; } } @media (max-width: 991px) { .ps-product--hotdeal.reverse .ps-product__title { font-size: 20px; } .ps-product--hotdeal.reverse .ps-product__price { font-size: 16px; } .ps-product--hotdeal.reverse .ps-product__price span { font-size: 30px; } .ps-product--hotdeal.reverse .ps-countdown { margin-bottom: 30px; } .ps-product--hotdeal.reverse .ps-countdown li { font-size: 20px; } .ps-product--hotdeal.reverse .ps-countdown li p { font-size: 16px; } .ps-product--hotdeal.reverse .ps-countdown li.divider { font-size: 20px; } .ps-product--hotdeal.reverse .ps-btn { padding: 5px 30px; font-size: 12px; min-width: 0; max-width: 100%; } .ps-product--hotdeal.reverse .ps-btn i { font-size: 12px; } } @media (max-width: 640px) { .ps-product--hotdeal.reverse { display: block; } .ps-product--hotdeal.reverse .ps-product__thumbnail { width: 100%; } .ps-product--hotdeal.reverse .ps-product__content { padding: 50px 30px; width: 100%; } .ps-product--hotdeal.reverse .ps-countdown { text-align: center; } .ps-product--hotdeal.reverse .ps-countdown li { font-size: 14px; } .ps-product--hotdeal.reverse .ps-countdown li p { font-size: 12px; } .ps-product--hotdeal.reverse .ps-countdown li.divider { font-size: 14px; } } .ps-product-favorite { position: relative; display: inline-block; width: 55px; height: 55px; background-color: #999999; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; vertical-align: top; } .ps-product-favorite i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 22px; color: #fff; } .ps-product-favorite:hover { background-color: #2AC37D; } html, body { height: 100%; } .ps-404 { height: 100%; position: relative; z-index: 10; } .ps-404:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; z-index: -1; background-color: rgba(0, 0, 0, 0.1); } .ps-404 .ps-404__content { max-width: 700px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .ps-404 h1 { font-family: "Archivo Narrow", sans-serif; font-size: 144px; font-weight: 700; letter-spacing: 20px; color: #fff; } .ps-404 h3 { margin-bottom: 25px; font-family: "Montserrat", sans-serif; font-size: 36px; font-weight: 600; letter-spacing: 2px; color: #fff; text-transform: uppercase; } .ps-404 p { margin-bottom: 30px; font-size: 24px; line-height: 1.5em; color: #999999; } .ps-404 .ps-btn:before { background-color: rgba(255, 255, 255, 0.25); } @media (max-width: 991px) { .ps-404 .ps-404__content { max-width: 100%; width: 100%; padding: 0 30px; } } @media (max-width: 767px) { .ps-404 h1 { font-size: 60px; } .ps-404 h3 { font-size: 25px; margin-bottom: 10px; } .ps-404 p { font-size: 14px; margin-bottom: 15px; } } /*5. FRAMES & OVERWRITE*/ html .bg--parallax { position: relative; z-index: 10; background-attachment: fixed !important; background-repeat: no-repeat !important; background-position: 50% 50%; background-size: cover !important; } .bg--cover { background-position: 50% 50% !important; background-size: cover !important; } .bg--overlay { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.5; background-color: #000; z-index: -5; } .margin-0 { margin: 0; } .mt-0 { margin-top: 0px; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-55 { margin-top: 55px; } .mt-60 { margin-top: 60px; } .mt-65 { margin-top: 65px; } .mt-70 { margin-top: 70px; } .mt-75 { margin-top: 75px; } .mt-80 { margin-top: 80px; } .mt-85 { margin-top: 85px; } .mt-90 { margin-top: 90px; } .mt-95 { margin-top: 95px; } .mt-100 { margin-top: 100px; } .mr-0 { margin-right: 0px; } .mr-5 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; } .mr-25 { margin-right: 25px; } .mr-30 { margin-right: 30px; } .mr-35 { margin-right: 35px; } .mr-40 { margin-right: 40px; } .mr-45 { margin-right: 45px; } .mr-50 { margin-right: 50px; } .mr-55 { margin-right: 55px; } .mr-60 { margin-right: 60px; } .mr-65 { margin-right: 65px; } .mr-70 { margin-right: 70px; } .mr-75 { margin-right: 75px; } .mr-80 { margin-right: 80px; } .mr-85 { margin-right: 85px; } .mr-90 { margin-right: 90px; } .mr-95 { margin-right: 95px; } .mr-100 { margin-right: 100px; } .mb-0 { margin-bottom: 0px; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-55 { margin-bottom: 55px; } .mb-60 { margin-bottom: 60px; } .mb-65 { margin-bottom: 65px; } .mb-70 { margin-bottom: 70px; } .mb-75 { margin-bottom: 75px; } .mb-80 { margin-bottom: 80px; } .mb-85 { margin-bottom: 85px; } .mb-90 { margin-bottom: 90px; } .mb-95 { margin-bottom: 95px; } .mb-100 { margin-bottom: 100px; } .ml-0 { margin-left: 0px; } .ml-5 { margin-left: 5px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-20 { margin-left: 20px; } .ml-25 { margin-left: 25px; } .ml-30 { margin-left: 30px; } .ml-35 { margin-left: 35px; } .ml-40 { margin-left: 40px; } .ml-45 { margin-left: 45px; } .ml-50 { margin-left: 50px; } .ml-55 { margin-left: 55px; } .ml-60 { margin-left: 60px; } .ml-65 { margin-left: 65px; } .ml-70 { margin-left: 70px; } .ml-75 { margin-left: 75px; } .ml-80 { margin-left: 80px; } .ml-85 { margin-left: 85px; } .ml-90 { margin-left: 90px; } .ml-95 { margin-left: 95px; } .ml-100 { margin-left: 100px; } .padding-0 { padding: 0; } .pt-0 { padding-top: 0px; } .pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pt-25 { padding-top: 25px; } .pt-30 { padding-top: 30px; } .pt-35 { padding-top: 35px; } .pt-40 { padding-top: 40px; } .pt-45 { padding-top: 45px; } .pt-50 { padding-top: 50px; } .pt-55 { padding-top: 55px; } .pt-60 { padding-top: 60px; } .pt-65 { padding-top: 65px; } .pt-70 { padding-top: 70px; } .pt-75 { padding-top: 75px; } .pt-80 { padding-top: 80px; } .pt-85 { padding-top: 85px; } .pt-90 { padding-top: 90px; } .pt-95 { padding-top: 95px; } .pt-100 { padding-top: 100px; } .pr-0 { padding-right: 0px; } .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; } .pr-25 { padding-right: 25px; } .pr-30 { padding-right: 30px; } .pr-35 { padding-right: 35px; } .pr-40 { padding-right: 40px; } .pr-45 { padding-right: 45px; } .pr-50 { padding-right: 50px; } .pr-55 { padding-right: 55px; } .pr-60 { padding-right: 60px; } .pr-65 { padding-right: 65px; } .pr-70 { padding-right: 70px; } .pr-75 { padding-right: 75px; } .pr-80 { padding-right: 80px; } .pr-85 { padding-right: 85px; } .pr-90 { padding-right: 90px; } .pr-95 { padding-right: 95px; } .pr-100 { padding-right: 100px; } .pb-0 { padding-bottom: 0px; } .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-25 { padding-bottom: 25px; } .pb-30 { padding-bottom: 30px; } .pb-35 { padding-bottom: 35px; } .pb-40 { padding-bottom: 40px; } .pb-45 { padding-bottom: 45px; } .pb-50 { padding-bottom: 50px; } .pb-55 { padding-bottom: 55px; } .pb-60 { padding-bottom: 60px; } .pb-65 { padding-bottom: 65px; } .pb-70 { padding-bottom: 70px; } .pb-75 { padding-bottom: 75px; } .pb-80 { padding-bottom: 80px; } .pb-85 { padding-bottom: 85px; } .pb-90 { padding-bottom: 90px; } .pb-95 { padding-bottom: 95px; } .pb-100 { padding-bottom: 100px; } .pl-0 { padding-left: 0px; } .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-25 { padding-left: 25px; } .pl-30 { padding-left: 30px; } .pl-35 { padding-left: 35px; } .pl-40 { padding-left: 40px; } .pl-45 { padding-left: 45px; } .pl-50 { padding-left: 50px; } .pl-55 { padding-left: 55px; } .pl-60 { padding-left: 60px; } .pl-65 { padding-left: 65px; } .pl-70 { padding-left: 70px; } .pl-75 { padding-left: 75px; } .pl-80 { padding-left: 80px; } .pl-85 { padding-left: 85px; } .pl-90 { padding-left: 90px; } .pl-95 { padding-left: 95px; } .pl-100 { padding-left: 100px; } .footer-shop-name{ font-size: 40px; color: white; } /*# sourceMappingURL=style.css.map */ /************************ My Own CSS ****************************/ .faq_question{ color: black; } .faq_answer{ color: #464a47; } .icon-bar { position: fixed; top: 70%; /*margin-top: 5px;*/ -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .icon-bar a { display: block; text-align: center; padding: 10px; transition: all 0.3s ease; color: white; font-size: 20px; } .icon-bar a:hover { background-color: #000; } .facebook { background: #3B5998; color: white; } .twitter { background: #55ACEE; color: white; } .instagram { background: #dd4b39; color: white; } .whatsapp { background: green; color: white; } .right-logo{ /*border:1px solid red;*/ height: 100%; padding-bottom: 10px; } /*.slider-img{ height: 80vh; } .slider-img img{ width: 100%; }*/ .carousel-control.right{ background-image: none; } .carousel-control.left{ background-image: none; } .carousel-indicators .active{ background-color: #edbb00; } .top-contact{ font-size: 13px; font-family: lora; } .slider-container{ padding: 0px; /*border:1px solid red;*/ } .contacts-direct li{ display: inline; padding: 5px; } .about-span{ color: black; font-size: 14px; } .header-insta { color: transparent; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); background-clip: text; -webkit-background-clip: text; margin-right: 10px; } .titles{ width: 100%; text-align: center; } .titles .ps-section__title{ width: 50%; } .titles h3{ /*display: flex;*/ justify-content: center; padding: 10px; /*color: rgb(228 130 42);*/ font-size: 1.7em; /*align-items: center; text-align: center;*/ } .titles h3 span:before{ content: ''; /*border-top: 2px solid; margin: 0 20px 0 0; flex: 1 0 20px;*/ display: inline-block; width: 100px; height: 2px; background-color: red; vertical-align: middle; margin: 0 15px; } .titles h3 span:after{ content: ''; /*border-top: 2px solid; margin: 0 20px 0 0; flex: 1 0 20px;*/ display: inline-block; width: 100px; height: 2px; background-color: red; vertical-align: middle; margin: 0 15px; } .purple h3 span:before{ content: ''; /*border-top: 2px solid; margin: 0 20px 0 0; flex: 1 0 20px;*/ display: inline-block; width: 100px; height: 2px; /*background-color: red;*/ background-color: rgb(101 33 190); vertical-align: middle; margin: 0 15px; } .purple h3 span:after{ content: ''; /*border-top: 2px solid; margin: 0 20px 0 0; flex: 1 0 20px;*/ display: inline-block; width: 100px; height: 2px; background-color: rgb(101 33 190); vertical-align: middle; margin: 0 15px; } .blue h3 span:before{ content: ''; display: inline-block; width: 100px; height: 2px; background-color: rgb(42 186 230); vertical-align: middle; margin: 0 15px; } .blue h3 span:after{ content: ''; display: inline-block; width: 100px; height: 2px; background-color: rgb(42 186 230); vertical-align: middle; margin: 0 15px; } .pink h3 span:before{ content: ''; display: inline-block; width: 100px; height: 2px; background-color: rgb(229 59 103 ); vertical-align: middle; margin: 0 15px; } .pink h3 span:after{ content: ''; display: inline-block; width: 100px; height: 2px; background-color: rgb(229 59 103 ); vertical-align: middle; margin: 0 15px; } .cream h3 span:before{ content: ''; display: inline-block; width: 100px; height: 2px; background-color: rgb(229 137 54); vertical-align: middle; margin: 0 15px; } .cream h3 span:after{ content: ''; display: inline-block; width: 100px; height: 2px; background-color: rgb(229 137 54); vertical-align: middle; margin: 0 15px; } .centered{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /*border:1px solid red;*/ width: 30%; padding-left: 40px; padding-top: 50px; color: rgb(164 139 1 ); font-size: 1.8em; /*font-family: Good Vibrations Pro;*/ font-family: cursive; } .organic-beauty{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /*border:1px solid red;*/ width: 45%; /*padding-left: 40px;*/ padding-top: 30px; color: rgb(157 69 214); font-size: 3em; /*font-family: Good Vibrations Pro;*/ font-family: cursive; } .about-mission p{ position: absolute; top: 45%; /*left: 30%;*/ /*border:1px solid red;*/ text-align: center; font-size: 2em; color: white; width: 50%; font-weight: 600; left: 16px; /*text-align: left;*/ margin-left: 7%; } .about-mission p{ position: absolute; top: 20%; text-align: center; font-size: 2em; color: white; width: 50%; font-weight: 600; left: 16px; margin-left: 7%; } .about-mission h4{ position: absolute; top: 50%; text-align: center; font-size: 1.7em; color: white; width: 60%; font-weight: 600; left: 16px; margin-left: 2%; } .award-top-text p{ position: absolute; top: 30%; color: #fff; /*width: 60%;*/ font-size: 3em; padding: 15px; font-weight: 600; border:none; left: 16px; text-align: left; margin-left: 10%; } .add-cart-btn{ width: 100%; padding: 10px 10px 0 10px; } .add-cart-btn button{ width: 100%; /*padding: 10px 10px 0 10px;*/ background-color: rgb(229 135 50); border:none; } .add-cart-btn button:hover{ /*width: 100%; background-color: rgb(229 135 50); border:none;*/ background-color: rgb(229 135 50); } @media screen and (min-width: 1300px) and (max-width: 1700px){ .award-top-text button{ position: absolute; top: 70%; font-size: 1.6em !important; color: rgb(200 161 80); border-radius: 60px; padding: 20px !important; background-color: white; font-weight: 600; border:none; left: 16px; text-align: left; margin-left: 15% !important; } .ps-shoes--carousel{ margin-right: 60px; } .award-top-text p{ position: absolute; top: 30%; color: #fff; /*width: 60%;*/ font-size: 3em; padding: 15px; font-weight: 600; border:none; left: 16px; text-align: left; margin-left: 13% !important; } } .award-top-text button{ position: absolute; top: 55%; font-size: 1.2em; color: rgb(200 161 80); border-radius: 60px; padding: 15px; background-color: white; font-weight: 500; border:none; left: 16px; text-align: left; margin-left: 10%; } .leafndew-footer img{ /*height: 60%; width: 60%;*/ } @media only screen and (max-width: 600px) { .centered { /*background-color: lightblue;*/ width: 30%; font-size: 0.8em; padding: 15px 0 0 10px; } .titles .ps-section__title{ width: 100%; } .titles h3{ font-size: 0.8em; } .titles h3 span:before{ content: ''; display: inline-block; width: 60px; height: 2px; background-color: red; vertical-align: left; margin: 0 15px; /*display: none;*/ } .ps-shoes--carousel{ margin-right: 30px; } .titles h3 span:after{ content: ''; display: inline-block; width: 60px; height: 2px; background-color: red; vertical-align: right; margin: 0 15px; /*display: none;*/ } .organic-beauty{ width: 45%; padding-top: 30px; font-size: 1.1em; } .award-top-text p{ position: absolute; top: 15%; font-size: 0.8em; color: white; width: 50%; font-weight: 400; left: 16px; text-align: left; margin-left: 5%; } .about-mission p{ position: absolute; top: 20%; text-align: center; font-size: 1em; color: white; width: 50%; font-weight: 600; left: 16px; margin-left: 5%; } .about-mission h4{ position: absolute; top: 50%; border:1px solid red; text-align: center; font-size: 0.7em; color: white; width: 60%; font-weight: 600; left: 16px; } .award-top-text button{ position: absolute; top: 55%; font-size: 0.6em; color: rgb(200 161 80); border-radius: 60px; padding: 3px; background-color: white; font-weight: 500; border:none; left: 16px; text-align: left; margin-left: 10%; } } @media only screen and (max-width: 350px) { .centered { /*background-color: lightblue;*/ width: 30%; font-size: 0.6em; padding: 15px 0 0 10px; } .organic-beauty{ width: 45%; padding-top: 30px; font-size: 0.8em; } .titles h3 span:before{ content: ''; display: inline-block; width: 20px; height: 2px; background-color: red; vertical-align: left; margin: 0 15px; /*display: none;*/ } .titles h3 span:after{ content: ''; display: inline-block; width: 20px; height: 2px; background-color: red; vertical-align: right; margin: 0 15px; /*display: none;*/ } } /********************* Media Query Start *******************/ @media only screen and (max-width: 768px) { .icon-bar { display: none; } .carousel-control.right{ background-image: none; } .carousel-control.left{ background-image: none; } .carousel-indicators .active{ background-color: #edbb00; } .ps-shoes--carousel{ margin-right: 40px; } .top-contact{ display: hidden; } .header__logo{ font-size: 20px !important; } } /****************** Media Query Ends ***********************/ /************************* Footer CSS START ************************/ /*.footer-bg-cover{ background-image: url('images/bg_footer.png'); margin-top: 30px; width: 100%; background-size: cover; } .footer-content{ margin-top: 50px; margin-bottom: 40px; } .footer-content-product{ border-right: 1px solid grey; } .footer-content-product ul li{ text-decoration: none; } .footer-content-product p{ color: black; } .footer-common-css span{ font-size: 1.3em; color: rgb(221 130 30); font-weight: 500; } .socials-logos-footer{ padding-top: 15px; } .socials-logos-footer li{ display: inline; padding: 10px; font-size: 0.8em; }*/ /************************** FOOTER CSS ENDS ********************************/